@charset "utf-8";

/* swiper custom */
.swiper-pagination.swiper-pagination-fraction{bottom:20px; font-size:12px; color:#fff; line-height:20px; display:inline-block; left:50%;  transform: translateX(-50%); background:rgba(0,0,0,.2);height:20px; padding:0 10px; width:auto; border-radius:100px; box-sizing: border-box;}

/* button */
.btn_bottom_container{display:flex; justify-content: center; align-items: center; text-align: center ; margin-top:30px; gap:20px;}
.btn_bottom_container.gap_type2{margin-top:70px;}
.btn_bottom_container .btn_box{}
.btn_box{display:inline-flex; min-height:50px; box-sizing: border-box; min-width:285px; border:1px solid #000; align-items: center; justify-content: center; appearance: none; background:#fff;}
.btn_box.primary{background:#000;}
.btn_box.primary .btn_box_text{color:#fff;}
.btn_box.small{min-height:40px; min-width:180px;}
.btn_box.small .btn_box_text{font-size:12px;}
.btn_box .ico{width:18px;height:18px; background-repeat:no-repeat; background-size:100% auto; background-position:50% 50%;}
.btn_box .ico.more{background-image:url("/resources/pages/images/ico_add.svg")}
.btn_box_text{font-size:16px;color:#000; line-height:1;}
.btn_box.disabled,
.btn_box:disabled{background:#D9D9D9; border-color:#D9D9D9; cursor: default;}

.btn_bottom_wrap{display:flex;justify-content: center;gap:20px;margin-top:40px;}
.btn_submit_box{flex:1;display:flex;align-items: center;gap:10px; border: 1px solid #000; min-height:50px; box-sizing: border-box;padding:14px 20px;text-align: center; justify-content: center;max-width:220px;}
.btn_submit_box.medium{min-height:40px;padding:10px;}
.btn_submit_box.medium .btn_submit_box_text{font-size:14px;}
.btn_submit_box.primary{background:#000; }
.btn_submit_box_text{ font-size:16px; font-weight:500; color:#000;}
.btn_submit_box.primary .btn_submit_box_text{color:#fff;}

.btn_submit_box_pw{flex:1;display:flex;align-items: center;gap:10px; border: 1px solid #000; min-height:47px; box-sizing: border-box;padding:3px 10px;text-align: center; justify-content: center;  max-width:290px;}
.btn_submit_box_pw.primary{background:#000; }
.btn_submit_box_text_pw{ font-size:18px; font-weight:500; color:#000;}
.btn_submit_box_pw.primary .btn_submit_box_text_pw{color:#fff;}

.btn_card{display:flex;background:#fff; justify-content: center; align-items: center;padding:8px; min-height:24px;min-width:206px; box-sizing: border-box;}
.btn_card .ico{display:block;width:24px;height:24px;flex:0 0 24px;background-position:50% 50%; background-repeat:no-repeat; background-size:100% auto;}
.btn_card .ico.pencil{background-image:url("/resources/pages/images/ico_edit.svg")}
.btn_card .ico.list{background-image:url("/resources/pages/images/ico_list.svg")}
.btn_card_text{display:inline-block; font-size:16px; font-weight:300; color:#000000;}

.mbr{display:none !important;}
.btn_modal_submit_wrap{display:flex;justify-content: center;gap:10px;margin:36px -60px 0;}
.btn_modal_submit{flex:1;display:flex;align-items: center;gap:10px; border: 1px solid #000; min-height:50px; box-sizing: border-box;padding:14px 20px;text-align: center; justify-content: center; max-width:290px;}
.btn_modal_submit.medium{min-height:40px;padding:10px;}
.btn_modal_submit.medium .btn_modal_submit_text{font-size:14px;}
.btn_modal_submit.primary{background:#000; }
.btn_modal_submit.primary .btn_modal_submit_text{color:#fff;}
.btn_modal_submit_text{font-size:16px; font-weight:500; color:#000;}

@media (max-width:1440px){
    .btn_card{min-width:0;}
    .btn_box.small{min-width:106px;}
    .btn_bottom_container.gap_type2{margin-top:54px;}
}

@media (max-width:767px){
    .btn_bottom_wrap{gap:10px;margin-top:25px;}
    
    .btn_submit_box{min-height:50px;padding:12px;border-radius:5px; max-width:150px;}
    .btn_submit_box.medium{min-height:40px;padding:10px;}
    .btn_submit_box.medium .btn_submit_box_text{font-size:14px;}
    .btn_submit_box_text{font-size:17px; }

    .btn_modal_submit_wrap{margin:25px 0 0;gap:10px;}
    .btn_modal_submit{min-height:40px;padding:12px; max-width:150px;}
    .btn_modal_submit.medium{min-height:40px;padding:10px;}
    .btn_modal_submit.medium .btn_modal_submit_text{font-size:14px;}
    .btn_modal_submit_text{font-size:14px; }
    .mbr{display:block !important;}

    .btn_box{min-width:0; flex:1;}
    .btn_bottom_container{gap:16px;}
}

/* modal */
.modal_wrap{
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    z-index: 100000; display: none; align-items: center;justify-content: center;
    min-width: 280px; overflow: hidden; overflow-y:auto; flex-wrap: wrap; box-sizing: border-box;
}
.modal_wrap.active {
    display: flex;
}
.modal_wrap.active.motion_end .modal_box_item{
    opacity: 1;
    transform: translateY(0);
}
.modal_wrap.active.motion_end .bg_dim {
    opacity: 0.2;
}
.bg_dim {
    display: block;width: 100%;
    height: 100%;position: fixed;
    top: 0; left: 0; z-index: 0;
    background: #2c3035; opacity: 0;
    transition: 0.5s opacity; 
}
.bg_dim.no_transition {
    transition: 0s;opacity: 0.6;transform: none;
}

.modal_box_tb {
    display: table;width: 100%;height: 100%;
    table-layout: fixed;
}

.modal_box_td {
    display: table-cell;vertical-align: middle;
}

.modal_box_item {
    box-sizing: border-box; width: 100%;
    z-index: 20; background: #fff; text-align: center; box-sizing: border-box;
     opacity: 0; transition: 0.4s opacity;
    max-height: calc(100% - 60px); position: relative; max-width:540px;
    padding:60px 100px 40px; margin:62px auto;
}
.modal_box_item.close_not{
    padding:40px 100px 40px;
}
.modal_box_item.submit_not{
    padding:60px 100px;
}

.message_dep01_word,
.message_dep02_word{display:block;text-align: center;}
.message_dep01_word{font-size:18px; font-weight:500; color:#222222;}
.message_dep02_word{font-size:16px; color:#666666; margin-top:10px;}

.modal_box_message_row{}
.modal_box_message{color:#222222; font-size:18px;line-height:1.4; word-break: keep-all;}
.btn_modal_close{display:inline-block;width:60px;height:60px;position:absolute;top:25px;right:25px;font-size:0;line-height:0;}
.btn_modal_close:before,
.btn_modal_close:after{width:35px;height:2px;display:block;content:'';position:absolute;top:50%;left:50%;background:#332d29; margin:-1px 0 0 -17px;
    transform: translateZ(0);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);
}
.btn_modal_close:before{transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.btn_modal_close:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
@media (max-width:767px){
    .btn_modal_close{width:50px;height:50px;top:0;right:0;}
    .btn_modal_close:before,
    .btn_modal_close:after{width:20px;height:2px;margin:-1px 0 0 -10px;}
    .modal_box_td{padding:20px;}
    .modal_box_item{padding:50px 20px 30px;}
    .modal_box_item.close_not{
        padding:30px 20px 30px;
    }
    .modal_box_item.submit_not{
        padding:40px 20px 40px;
    }
    .modal_box_message{font-size:16px;}

    .message_dep01_word{font-size:16px;}
    .message_dep02_word{font-size:14px; margin-top:10px;}

}


/* popup */
.btn_guide_box{display:inline-block;padding:10px 20px; border:1px solid #ddd; color:#000;font-size:16px;}
.popup_wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000;display:none;align-items: center;justify-content: center;min-width:280px;overflow:hidden;flex-wrap:wrap;}
.popup_wrap.active{display:flex;}
.popup_wrap.active.motion_end{}
.popup_wrap.active.motion_end .popup_item{opacity:1;}
.popup_wrap.active.motion_end .bg_dim{opacity:.2;}
.popup_item.modal_type{max-width:540px;}
.popup_wrap.modal_type .popup_title_row{}
.popup_wrap.modal_type .popup_contents_row{}

.popup_modal_box{padding:65px 100px 40px;text-align: center;}
.popup_modal_box .btn_bottom_wrap{margin-top:30px;}
.popup_modal_para_wrap{}
.popup_modal_para{font-size:24px;color:#555555; line-height:1.4;}

.popup_item.single_type{max-width:540px;}
.popup_item.single_type .popup_contents_row{padding:0 0 0}
.popup_wrap .bg_dim{}

.popup_wrap .bg_dim{display:block;width:100%;height:100%;position:fixed;top:0;left:0;z-index:0;background:#000;opacity:0;transition:.5s;}
.popup_wrap .bg_dim.no_transition{transition:0s;opacity:.6;transform:none;}

.popup_item{
    box-sizing: border-box;z-index:20; max-width:700px;margin:62px auto; max-height:calc(100% - 124px); background:#fff;  position:relative; display:flex; flex-direction: column;
    width:100%;opacity:0;transition:.4s;
}
.popup_item.no_transition{transition:0s;opacity:1;transform:none;}
.popup_title_row{padding:40px 100px 40px 40px;}
.popup_title{font-size:32px;font-weight:500;color:#222222;}
.popup_contents_row{position:relative;overflow:hidden;overflow-y:auto;flex:1;font-size:16px;color:#333333;padding:0 40px 40px;}

.popup_item .popup_contents_row + .popup_btn_row.btn_bottom_wrap{margin-top:0}

.popup_item .popup_btn_row.btn_bottom_wrap{margin:40px auto; max-width:70%; width:100%; justify-content: center;}
.btn_popup_close{display:inline-block;width:60px;height:60px;position:absolute;top:25px;right:25px;font-size:0;line-height:0;}
.btn_popup_close:before,
.btn_popup_close:after{width:35px;height:2px;display:block;content:'';position:absolute;top:50%;left:50%;background:#332d29; margin:-1px 0 0 -17px;
    transform: translateZ(0);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);
}
.btn_popup_close:before{transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.btn_popup_close:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}

.btn_box_close{display:inline-block;width:50px;height:50px;position:absolute;top:10px;right:10px;font-size:0;line-height:0;}
.btn_box_close:before,
.btn_box_close:after{width:28px;height:2px;display:block;content:'';position:absolute;top:50%;left:50%;background:#332d29; margin:-1px 0 0 -14px;
    transform: translateZ(0);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);
}
.btn_box_close:before{transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.btn_box_close:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}

.popup_cont_block{}
.popup_cont_block.top_pos{padding:65px 80px 40px;}
.popup_cont_block.type2{background:#f8f8f8; text-align:center; padding:40px 35px}
.popup_cont_block.agree_top_pos{padding:65px 80px 5px;}
.popup_cont_block.agree_pos{padding:20px 60px 25px;}
.popup_cont_block.agree_pos_pw{padding:20px 30px 25px;}
.popup_cont_block.agree_type2{background:#f8f8f8; padding:20px 25px; margin:0px 30px;}
.popup_cont_block.agree_type1{padding:5px 25px;text-align:center; }
.popup_cont_block:last-of-type{}
.popup_cont_message{text-align: center; font-size:24px; line-height:1.3; color:#222; font-weight:500; word-break: keep-all;}
.popup_cont_emp{text-align: center;word-break: keep-all;font-size:20px;color:#222222; font-weight:700;}
.popup_cont_emp strong{color:#000;}
.popup_cont_sub{margin-top:5px;color:#666666;}
.pcont_sub_text{font-weight:500;}

.popup_cont_block.top_pos_pw{padding:30px 80px 30px;}

.popup_cont_emp_pwch{text-align: center;word-break: keep-all;font-size:20px;color:#222222; font-weight:300;}
@media (max-width:767px){
    .popup_item{
        max-width:100%;margin:20px; max-height:calc(100% - 40px);
    }
    .popup_item.full_type{
        margin:0; max-height:100%; height:100%;
    }
    .popup_title_row{padding:15px 70px 15px 20px;}
    .popup_title{font-size:20px;}
    .popup_contents_row{font-size:14px;padding:10px 20px 30px;}
    .popup_item .popup_btn_row.btn_bottom_wrap{margin:20px; width:auto; max-width: inherit;}
    .btn_popup_close{width:50px;height:50px;top:0;right:0;}
    .btn_popup_close:before,
    .btn_popup_close:after{width:20px;height:2px;margin:-1px 0 0 -10px;}
    .btn_box_close{width:50px;height:50px;top:0;right:0;}
    .btn_box_close:before,
    .btn_box_close:after{width:20px;height:2px;margin:-1px 0 0 -10px;}
    .popup_modal_box{padding:50px 20px 30px;}
    .popup_modal_box .btn_bottom_wrap{}
    .popup_modal_para_wrap{}
    .popup_modal_para{font-size:16px;}
    .popup_cont_message{font-size:16px;}
    .popup_cont_emp{font-size:14px;}
    .popup_cont_sub{font-size:14px;}
    .cont_emp_sub{font-size:12px;}
    
    .popup_btn_row.btn_bottom_wrap .btn_submit_box{max-width:100%;}
    
}

/* component */


.bullet_list{line-height:1.3;}
.bullet_list > li{color:#000; font-size:16px; font-weight:300;}
.bullet_list > li:last-of-type{}
.bullet_list.dot{}
.bullet_list.dot > li{position:relative; padding-left:15px;}
.bullet_list.dot > li:before{display:block;content:'';width:3px;height:3px;border-radius:100%; position:absolute;top:8px;left:0; background:#000;}
.bullet_list.small{line-height:1.5;}
.bullet_list.small.dot{}
.bullet_list.small.dot > li{font-size:12px; padding-left:10px;}
.bullet_list.small.dot > li:before{top:8px;width:2px;height:2px;}
.indent_para_list{}
.indent_para_list > li{color:#666; font-size:16px;font-weight:300;}
.indent_para_list > li:before{width:2px;height:2px;}
.indent_para_list > li:last-of-type{}
.cloudy,
.cloudy *{}

/* main */
.mv_zone{min-height:750px;display:flex;background:#FFF5E8;}
.mv_main_cell{flex:1;display:flex;justify-content: center; align-items: center;text-align: left;} 
.mv_item{}
.mv_copy_group{display:inline-block;}
.mv_copy{font-size:25px; font-weight:500; color:#000000; line-height:1.4;}
.mv_btn_list{display:flex; margin-top:50px;}
.mv_btn_list > li{flex:1;position:relative;}
.mv_btn_list > li:after{display:block;content:'';width:2px;height:20px; background:#FFF5E8; position:absolute;top:50%;right:0;transform: translateY(-50%);}
.mv_btn_list > li:last-of-type{}
.mv_btn_list > li:last-of-type:after{display:none;}

.mv_bg_cell{flex:1;/* background:url("/resources/pages/images/main_visual_pc.jpg") no-repeat 50% 50%/cover; */}
.mv_bg_cell img{width:100%;}
.mc_zone{padding:80px 20px; max-width:1200px;margin:0 auto; text-align: center; }
.mc_item{}
.mc_title_row{margin-bottom:30px;}
.mc_title{font-size:22px; font-weight:500; color:#000000; line-height:1;}
.mc_contents{}
.mc_contents .btn_bottom_container{margin-top:60px;}
.mc_linkage_wrap{}
.mc_linkage_list{display:flex;margin:0 -24px 0 0; gap:24px; flex-wrap:wrap;}
.mc_linkage_list > li{flex:0 0 calc(33.333% - 24px);}
.mc_linkage_list > li:last-of-type{}
.mc_linkage_item{display:flex;background:#FFF5E8; flex-direction: column; height:100%;}
.mc_linkage_thum{position:relative;height:157px; flex:0 0  157px;}
.mc_linkage_thum > img{display:block;position:absolute;top:0;left:0;width:100%;height:100%; object-fit: cover; object-position: 50% 50%;}
.mc_linkage_spec{padding:20px 20px 40px; flex:1;}
.lk_title{font-size:18px; font-weight:500; color:#000; 
    letter-spacing: -0.5px; word-break:break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;
}
.lk_title:after{display:block;content:'';width:30px;height:1px;background:#000; margin:5px auto 0;}
.lk_summary{letter-spacing: -0.5px; font-size:16px; color:#000; font-weight:300; word-break:break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; margin-top:10px; line-height:1.4;}
@media (max-width:1440px){
    .mv_zone{display:block;min-height:0;}
    .mv_main_cell{text-align: center;padding:50px; display:block;}
    .mv_copy_group{text-align: left;}
    .mv_copy{font-size:22px;}
    .mv_btn_list{max-width:440px;margin:30px auto 0;}
    .mv_bg_cell{/* min-height:800px; */}
    .mc_zone{max-width:893px; padding:40px 0;}
    .mc_contents{padding:0 20px;}
    .mc_contents .btn_bottom_container{margin-top:30px;}
    .mc_linkage_list{display:flex;margin:0 -12px 0 0; gap:12px;}
    .mc_linkage_list > li{flex:0 0 calc(33.333% - 12px);}
}
@media (max-width:767px){
    .mv_main_cell{padding:25px 20px;}
    .mv_copy_group{display:block;}
    .mv_btn_list{min-width:0;margin-top:10px;}

    .mc_linkage_list{margin:0 0 0 0; gap:20px;}
    .mc_linkage_list > li{flex:0 0 100%;}
}


/* contents */
.data_board_render{}
.data_board_list{}
.data_board_list > li{margin-bottom:50px;}
.data_board_list > li:last-of-type{margin-bottom:0;} 
.data_board_item{}
.data_board_img{}
.data_board_img > img{vertical-align: top;}
.data_board_contents{margin-top:30px;}
.board_title_row{display:flex; align-items: center; justify-content: space-between; gap:20px;}
.board_title{font-size:18px; color:#000000; line-height:1.3;}
.board_contents_row{font-size:16px; color:#000; line-height:1.3; font-weight:300; margin-top:18px; display:none;}
.board_contents_row .bullet_list.dot{margin-left:10px;}
.board_contents_row *{}

.data_board_item.active .btn_toggle_ico{background-image:url("/resources/pages/images/ico_arrowTop.svg")}
.data_board_item.active .board_contents_row{display:block;}

.mid_form_container{max-width:384px;margin:140px auto;text-align: center; color:#000; padding:0 20px;}
.mid_form_title_row{margin-bottom:30px;}
.mid_form_title{font-size:22px; font-weight:500; color:#000;}
.mid_form_subcopy{margin-top:16px; font-size:16px; line-height:1.3;}
.mid_form_contents{}
.mid_field_wrap{}
.field_item_list{}
.field_item_list > li{margin-bottom:16px;}
.field_item_list > li:last-of-type{margin-bottom:0;}
.field_item{display:flex; align-items: center;border-bottom:1px solid #000;}
.field_item.error{border-color:#FF0000;}
.field_item.close_eye .btn_field_obj.ico_eye{background-image:url("/resources/pages/images/ico_close_eye.svg");}
.field_error_message{color:#FF0000; font-size:12px; margin-top:10px;}
input.input_form{border:0; outline:0; height:43px;appearance: none; -webkit-border-radius:0; border-radius:0; width:100%; box-sizing: border-box; line-height:1; font-size:14px;}
.btn_field_obj{display:block;width:24px;height:24px; background-position:50% 50%; background-size:100% auto; background-repeat:no-repeat;background-color:transparent;}
.btn_field_obj.ico_eye{background-image:url("/resources/pages/images/ico_open_eye.svg");}
.field_copy_wrap{margin-top:16px;text-align: left;}
.field_copy{color:#666666; font-size:16px; font-weight:300; line-height:1.4;}
.btn_field_wrap{margin-top:40px;}
.btn_field_wrap .btn_box{display:flex;}
.gallery_wrap{}
.gallery_list{display:flex; flex-wrap:wrap; gap:40px 24px;margin:0 -24px 0 0;}
.gallery_list > li{flex:0 0 calc(50% - 24px);}
.gallery_list > li:last-of-type{}
.gallery_item{display:block;}
.gallery_thum{height:230px;box-sizing: border-box;position:relative;border:1px solid #DBDBDB;}
.gallery_thum > img{display:block;width:100%;height:100%;top:0;left:0;position:absolute;object-fit: cover; object-position:50% 50%;}
.gallery_spec{margin-top:8px;}
.gallery_spec_para{font-size:16px; color:#000; display:block;}
.form_view_container,
.detail_container{max-width:1200px;margin:0 auto; padding:60px 20px 76px;}
.detail_top_wrap{position:relative;}
.swiper-container.swiper-detail{font-size:0;line-height:0;}
.swiper-container.swiper-detail .swiper-wrapper{}
.swiper-container.swiper-detail .swiper-slide{}
.btn-control-swiper{width:48px;height:48px;position:absolute;top:50%;transform: translateY(-50%);display:block;z-index:5;background-position:50% 50%;background-size:100% auto;background-repeat:no-repeat;}
.btn-control-swiper.prev{left:0;background-image:url("/resources/pages/images/ico_arrowLift.svg");}
.btn-control-swiper.next{right:0;background-image:url("/resources/pages/images/ico_arrowRight.svg");}
.swiper_product_img{display:block;position:relative;overflow:hidden;}
.swiper_product_img > img{vertical-align: top; display:block;line-height:0; object-fit: cover; object-position:50% 50%; transform: scale(1.003); }
.window .swiper_product_img > img{}

.detail_middle_wrap{}
.detail_middle_wrap + .btn_bottom_container{margin-top:0;}
.detail_spec_block{padding:0 20px 30px 20px; margin-bottom:30px; border-bottom:1px solid #DBDBDB;}
.detail_spec_block:first-of-type{padding-top:30px;}
.detail_spec_block:last-of-type{border-bottom:0;margin-bottom:0;}
.ds_brick{}
.ds_brick.title_row{}
.ds_brick.title_row + .ds_brick.contents_row{border-top:0;padding-top:0;}
.ds_brick.contents_row{margin-top:20px;border-top:1px solid #DBDBDB;padding-top:20px;}
.ds_brick.contents_row .bullet_list.dot{margin-left:10px;}
.ds_brick.contents_row .indent_para_list{margin-left:25px; margin-top:20px;}
.detail_spec_title{font-size:18px; color:#000; font-weight:500; border-top:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; padding:20px 0;}
.detail_spec_para{font-size:16px; color:#33383C; font-weight:300;line-height:1.3;}

.brick_title{font-size:16px; color:#000; line-height:1; font-weight:500; margin-bottom:20px;}

.middle_copy_wrap{text-align: center;}
.middle_main_copy{font-size:22px; font-weight:500;}
.middle_sub_copy{margin-top:15px; font-size:16px; line-height:1.4;}

.middle_copy_wrap + .btn_box_wrap{margin:50px 0;}

.btn_box_wrap{text-align: center; display:flex; justify-content: center; align-items: center;}
.btn_box_wrap .btn_box{}
.btn_box_wrap .btn_box_text{}

.history_container{}
.history_container.gap2 .his_row{margin-bottom:30px;}
.history_container + .sc_brick_wrap{margin-top:50px;}
.his_row{margin-bottom:10px;}
.his_row:last-of-type{margin-bottom:0 !important;}
.his_row .his_message{margin-top:20px;}
.his_message{font-size:16px; color:#000; text-align: center;}
.product_obj_item{border-top:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; display:flex; gap:16px; align-items: center; padding:30px 0;}
.product_img_cols{flex:0 0 126px;}
.product_img_cols img{border:1px solid #DBDBDB; box-sizing: border-box; object-fit: cover; object-position:50% 50%; width:126px; height:75px;}
.product_spec_cols{flex:1;}
.product_spec_para{font-size:18px; font-weight:500; color:#000;}

.order_obj_list{border-bottom:1px solid #DBDBDB; padding-bottom:30px;}
.order_obj_list.type2{padding-bottom:0;border-bottom:0;}
.order_obj_list > li{margin-bottom:15px;}
.order_obj_list > li:last-of-type{margin-bottom:0;}

.order_obj_item{display:flex; gap:20px; justify-content: space-between;}
.order_obj_item dt,
.order_obj_item dd{font-size:16px; color:#000;}
.order_obj_item dt{}
.order_obj_item dd{}

.order_key_text{}
.order_key_value{font-weight:300;}

.sc_brick_wrap{}
.sc_brick{margin-bottom:50px;}
.sc_brick:last-of-type{margin-bottom:0;}
.sc_brick_title_row{display:flex; flex-wrap:wrap; gap:10px; align-items: center; margin-bottom:15px; }
.sc_brick_title_row.type2{display:block;}
.sc_brick_title{font-size:16px; color:#000; line-height:1.3;}
.sc_brick_title_copy{font-size:12px; color:#7B8487; }
.sc_brick_tcopy{font-size:12px; color:#AAAAAA;margin-top:5px;}
.sc_brick_contents{}
.sc_brick_contents .history_container{}
.sc_brick_contents .sc_data_group{border-bottom:0;}
.sc_brick_contents .sc_data_group:last-of-type{border-bottom:1px solid #DBDBDB;}
.sc_data_group{ border-bottom:1px solid #DBDBDB;  border-top:1px solid #DBDBDB;padding:25px 0;}
.sc_data_key_row{display:flex; align-items: center; flex-wrap:wrap; gap:8px;}
.sc_data_key{font-size:14px; color:#000000; line-height:1;}
.sc_type_word{font-size:0;line-height:0; display:inline-block;}
.sc_type_word img{vertical-align: top;}
.sc_data_value_row{}
.sc_data_value{font-size:18px; color:#000000; margin-top:5px;}

.toggle_list_wrap{}
.toggle_list{}
.toggle_list > li{}
.toggle_list > li:last-of-type{}
.toggle_item{}
.toggle_item.active{}
.toggle_item.active .toggle_contents{display:block;}
.toggle_item.active .toggle_target .btn_toggle_ico{background-image:url("/resources/pages/images/ico_arrowTop.svg")}
.toggle_target{display:flex; justify-content: space-between; gap:20px;align-items: center; padding:9px 10px;}
.toggle_target_para{font-size:16px; color:#000000; font-weight:500;}
.btn_toggle_ico{width:24px;height:24px;background:url("/resources/pages/images/ico_arrowDown.svg") no-repeat 50% 50%/100% auto;}
.toggle_contents{display:none;}
.terms_box{font-size:12px; font-weight:300; color:#666666;background:#FFF5E8;padding:10px 20px; box-sizing: border-box;height:100px; overflow:hidden; overflow-y:auto;}
.terms_box .bullet_list{}
.terms_box .bullet_list > li{font-size:12px; font-weight:300; color:#666666;}

.grid_form_container{}
.grid_form_list{}
.grid_form_list > li{margin-bottom:34px;}
.grid_form_list > li:last-of-type{margin-bottom:0;}

select.form_select{border:0; cursor: pointer; border-bottom:1px solid #000;  height:45px;background:url("/resources/pages/images/ico_drop.svg") no-repeat 100% 50%/24px auto;appearance: none;color:#000;font-size:14px;padding:0 34px 0 0; line-height:1; width:100%; box-sizing: border-box;}

select.form_select.placeholder{color:#aaa;}
select.form_select.placeholder:hover{color:#000;}
select.form_select:disabled{border-bottom-color:#D9D9D9; color:#aaa}

.inline_cols_item{display:flex; gap:42px;}
.inline_cells{}
.inline_cells.auto{}
.inline_cells.liquid{flex:1;}

.ring_hor_item{display:flex; gap:20px;}
.ring_hor_cells{flex:1;}
.ring_hor_cells input.input_form{}
.ring_hor_cells .field_item{}

.field_label_row{}
.field_label{}

.btn_inline_box{display:inline-flex; height:45px; background:#666; align-items: center; justify-content: center; white-space: nowrap; padding:0 20px; box-sizing: border-box;}
.btn_inline_text{font-size:14px; display:inline-block; line-height:1; color:#fff;}

.middle_hr_line{height:20px;position:relative;margin:10px 0 20px;}
.middle_hr_line:after{display:block;content:'';width:100vw;position:absolute;top:0;left:50%;height:100%;transform: translateX(-50%);background:#F8F8F8}


@media (max-width:1440px){
    .mid_form_container{margin:100px auto;}
    .detail_container{max-width:895px;padding:0 0 60px;}
    /* .detail_spec_title{font-size:16px;} */
    .form_view_container{padding:40px 20px 60px; max-width:895px;}
}
@media (max-width:767px){
    .mid_form_container{margin:60px auto 100px;}


    .gallery_list{ gap:20px 16px;margin:0 -16px 0 0;}
    .gallery_list > li{flex:0 0 calc(50% - 16px);}
    .gallery_thum{height:164px;}

    .detail_middle_wrap + .btn_bottom_container{margin:0 20px;}
    .form_view_container{padding-top:30px;}
    .product_obj_item{padding:15px 20px;margin:0 -20px;}
    .product_img_cols{flex-basis: 68px;}
    .product_img_cols img{width:68px;height:75px;}

    .toggle_target{padding:10px 0;}
    .ring_hor_item,
    .inline_cols_item{gap:10px;}

    .order_obj_list{margin:0 -20px;padding:0 20px 30px;}

    .middle_copy_wrap{padding-top:20px;}
}

/* tab ui */
.sticky_tab_container{min-height:41px;}
.sticky_tab_wrap{background:#fff5e8; border-bottom:1px solid #dbdbdb;position:relative;z-index:10;}
.sticky_tab_wrap.fixed{position:fixed;top:48px;left:0;width:100%;}
.sticky_tab_list{display:flex;max-width:1200px; margin:0 auto;}
.sticky_tab_list > li{flex:1;position:relative;}
.sticky_tab_list > li:after{display:block;content:'';width:1px; height:20px; position:absolute;top:50%;right:0;background:#000; transform: translateY(-50%);}
.sticky_tab_list > li:last-of-type{}
.sticky_tab_list > li:last-of-type:after{display:none;}
.tape_tab_menu{min-height:40px; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.tab_menu_text{display:inline-block; font-size:16px; color:#000000; line-height:1;}
.tab_section{padding:40px 0;border-top:1px solid #e0e0e0;box-sizing: border-box;}
.tab_section:first-of-type{border-top:0}
.tab_section_title{margin-bottom:40px;font-size:18px; color:#000000; line-height:1.3; text-align: center; font-weight:500;}
.tab_section_cont{max-width:1200px; margin:0 auto; padding:0 20px;}

@media (max-width:767px){
    .tab_section_title{}
}
@media (max-width:374px){
    .tab_menu_text{font-size:14px;}
}



.terms_guide_wrap{}
.terms_guide_block{margin-top:40px;}
.terms_guide_title{font-size:18px; font-weight:500; color:#000000; font-weight:500; margin-bottom:20px;}
.terms_guide_contents{position:relative;overflow:hidden;overflow-y:auto;border:1px solid #e5e5e5;padding:10px;height:140px;}
.terms_indent_list{}
.terms_indent_list > li{margin-bottom:10px;}
.terms_indent_list > li:last-of-type{margin-bottom:0;}
.terms_indent_item{display:flex;gap:5px;color:#555555;}
.terms_indent_bullet{flex:0;white-space: nowrap;}
.terms_indent_liquid{flex:1;}

.terms_props_wrap{margin-top:10px;}
.terms_props_wrap .props_item{}
.props_item.type3 .props_form_label{padding-top:2px; font-size:14px;}