/* layout */

html:not(.touchmode) ::-webkit-scrollbar{width:10px;}
html:not(.touchmode) ::-webkit-scrollbar-thumb{background-color:#ccc; border-radius:10px; background-clip:padding-box; border:2px solid transparent;}
html:not(.touchmode) ::-webkit-scrollbar-track{background-color:transparent; border-radius:10px; box-shadow:inset 0px 0px 5px transparent;}

.dimbg{position:fixed; top:0; left:0; width:100%; height:100%; z-index:70; background:rgba(0,0,0,.4); display:none !important;}

.page_wrap{min-width:280px;}

.middle_wrap{position:relative;overflow-x:hidden;}
.middle_wrap.center_type{max-width:1200px;margin:0 auto;padding:60px 30px 120px;}
.middle_wrap.detail_wrap{max-width:1200px;margin:0 auto;padding:60px 30px 120px;}
.middle_wrap.single_wrap{max-width:1200px;margin:0 auto;padding:60px 30px 120px;}
.middle_wrap.single_wrap.type_intro{padding:0px 30px 0px;}
.middle_wrap.type2{max-width:1200px;margin:0 auto;padding:60px 30px 120px;}
/* .middle_inner_wrap{max-width:1200px;padding:0 20px;margin:0 auto;} */
.middle_inner{max-width:1200px;padding:0 30px 120px;margin:0 auto;}
.middle_inner_wrap.type2{max-width:1200px;padding:0 30px;margin:0 auto;}

.footer_wrap{}
.footer_else_low{border-top:1px solid #e3e3e3;}
.footer_else_pixin{max-width:1200px;margin:0 auto;display:flex;justify-content: space-between;align-items: center;padding:20px;background:#fff;}
.footer_else_label{font-size:17px;color:#2b2b2b;}
/* .footer_sns_list{display:flex;margin-right:20px;}
.footer_sns_list > li{margin-right:15px;}
.footer_sns_list > li:last-of-type{margin-right:0;} */
.sns_item{display:inline-block;width:32px;height:32px;background:url("/asp/images/icon/bottom_sns.png") no-repeat 0 0;}
.sns_item.sns_kakao{background-position:0 0;border-radius:100%;}
.sns_item.sns_blog{background-position:0 50%;}
.sns_item.sns_insta{background-position:0 100%;border-radius:100%;}
.footer_main_low{background:#282828;}
.footer_main_pixin{max-width:1200px;margin:0 auto;padding:43px 20px 55px;}
.footer_menu_list_wrap{display:flex;}
.footer_menu_list{display:flex;flex-wrap:wrap;padding-right:45px;position:relative;}
.footer_menu_list:after{display:block;content:'';width:1px;height:12px;background:#fff;opacity:.22;position:absolute;top:3px;right:22.5px;}
.footer_menu_list > li{padding-right:45px;position:relative;}
.footer_menu_list > li:after{display:block;content:'';width:1px;height:12px;background:#fff;opacity:.22;position:absolute;top:3px;right:22.5px;}
.footer_menu_list > li:last-of-type{padding-right:0;}
.footer_menu_list > li:last-of-type:after{display:none;}
.footer_menu_list:last-of-type{padding-right:0}
.footer_menu_list:last-of-type:after{display:none}
.footer_menu{color:#fff;font-size:16px;opacity:.66;line-height:1;}
.footer_main_logo_row{margin-top:45px;}
.footer_main_logo_text{font-size:16px;color:#fff;opacity:.6;}
.footer_main_logo{}
.footer_main_logo img{}
.footer_copyitem_list_wrap{margin-top:18px;}
.footer_copyitem_list{}
.footer_copyitem_list > li{margin:0 15px 7px 0;display:inline-block;}
.footer_copyitem_list > li.break{}
.footer_copyitem_list > li:last-of-type{}
.footer_copyitem{display:inline-block;font-size:13px;line-height:1;color:#fff;opacity:.35;word-break: keep-all;}
.footer_copyright{margin-top:21px;font-size:12px;color:#fff;opacity:.52;}
.footer_main_mblogo_text{display:none;}

.middle_guide_vitem_wrap{padding:30px 0 30px;}

.middle_guide_vitem{margin-bottom:265px;}
.middle_guide_vitem:last-of-type{margin-bottom:0;}

.middle_guide_title{text-align:center;font-size:30px;color:#000000;}
.middle_guide_title .emp{font-weight:700;}

.middle_guide_content{margin-top:60px;}

.footer_sns_list{display:flex;align-items: center;line-height:0;}
.footer_sns_list > li{margin-right:16px;}
.footer_sns_list > li:last-of-type{margin-right:0;}

.footer_sns{display:inline-block;width:40px;height:40px;background:url("/asp/images/icon/ico_footer_sns.png") no-repeat 0 0/100% auto;position:relative;overflow:hidden;border-radius:100%;}
.footer_sns.sns_kakao{background-position:0 0;}
.footer_sns.sns_blog{background-position:0 25%;border-radius:10px;}
.footer_sns.sns_bend{background-position:0 50%;border-radius:0;}
.footer_sns.sns_blog2{background-position:0 75%;border-radius:0;}
.footer_sns.sns_insta{background-position:0 100%;}


.floating_layer{position:fixed;bottom:30px;right:30px;z-index:100;}
.floating_items{}
.btn_pagetop{display:block;width:50px;height:50px;border:1px solid #d7d7d7;border-radius:100%;background:#fff;margin:0 auto;background:#fff;}
.btn_pagetop:after{display:block;content:'';width:14px;height:14px;border-right:2px solid #282828;border-bottom:2px solid #282828;
    transform: translateZ(0) rotate(225deg);position:absolute;top:22px;left:19px;
}

@media (max-width:1200px){
    .middle_wrap.type2{padding:40px 20px 60px;}
}
@media (max-width:1023px){
    .middle_wrap{padding-top:0px;}

    .dimbg.active{display:block !important;}

    .footer_else_low{}
    .footer_else_pixin{padding:15px 20px;display:block;text-align: left;}
    .footer_else_label{
        font-size: 15px;
        color: #1b1b1b;
        font-weight: 500;
        line-height: 1;
    }
    .footer_else_low .hgroup_sns_list{display:flex;margin-right:0;justify-content: center;margin-top:10px;}

    .footer_main_pclogo{display:none;}
    .footer_main_mblogo_text{display:block;}
    .footer_main_low{background:#282828;}

    .footer_main_pixin{padding:0 0 20px}
    .footer_menu_list_wrap{padding:15px 20px;display:block;border-bottom:1px solid rgba(255,255,255,.06)}
    .footer_menu_list{display:flex;flex-wrap:wrap;padding:5px 0;justify-content: center;text-align: center;padding-right:0;}
    .footer_menu_list:after{display:none}
    .footer_menu_list:last-of-type{}
    .footer_menu_list > li{padding-right:36px;position:relative;}

    .footer_menu_list > li:nth-of-type(3n){padding-right:0;}
    .footer_menu_list > li:nth-of-type(3n):after{display:none;}
    .footer_menu_list > li:after{display:block;content:'';width:1px;height:12px;background:#fff;opacity:.22;position:absolute;top:3px;right:18px;}
    .footer_menu_list > li:last-of-type{padding-right:0;}
    .footer_menu_list > li:last-of-type:after{display:none;}
    .footer_menu{font-size:14px;line-height:1;}
    .footer_main_logo_row{margin:25px 20px 0;}
    .footer_main_logo{}
    .footer_main_logo img{}
    .footer_copyitem_list_wrap{margin:14px 20px 8px;}
    .footer_copyitem_list{}
    .footer_copyitem_list > li{margin:0 15px 5px 0;display:inline-block;}
    .footer_copyitem_list > li.break{}
    .footer_copyitem_list > li:last-of-type{}
    .footer_copyitem{display:inline-block;font-size:13px;line-height:1.4;/* color:#fff;opacity:0.35; */}
    .footer_copyright{margin-top:21px;font-size:13px;/* color:#ffffff;opacity:0.3; */margin:0 20px 0;}

    .middle_inner_wrap.type2{padding:0 20px;}
    .middle_inner{padding:0 20px 60px;}

    .middle_guide_vitem_wrap{padding:15px 0 15px;}
    .middle_guide_vitem{margin-bottom:130px;}

    .middle_guide_title{font-size:20px;}
    .middle_guide_content{margin-top:30px;}

    .middle_wrap.center_type{padding:55px 20px 60px;}
    .middle_wrap.detail_wrap{padding:0 0 60px}
    .middle_wrap.single_wrap{padding:25px 20px 60px;}


    .footer_sns_list{justify-content: flex-start;flex-wrap:wrap;gap:8px;margin-top:10px;}
    .footer_sns_list > li{margin:0;}

    .footer_sns{width:25px;height:25px;}
    .footer_sns.sns_kakao{background-position:0 0;}
    .footer_sns.sns_blog{border-radius:5px;}
    .footer_sns.sns_bend{border-radius:0;}


    .floating_layer{bottom:22px;right:20px;}
    .floating_items{}
    .btn_pagetop{width:40px;height:40px;}
    .btn_pagetop:after{width:10px;height:10px;top:18px;left:16px;}
    /* .footer_copyright,
    .footer_copyitem_list_wrap{margin-right:80px;} */

    .footer_main_logo_text{color:#fff;opacity:0.6;font-size:17px;}
    .footer_wrap{background:#282828;}
}

@media (max-width:400px){
    /*.footer_menu_list{gap:10px;}
     .footer_menu_list > li{padding:0}
    .footer_menu_list{padding:15px;} */
    .footer_copyitem_list_wrap,
    .footer_copyright,
    .footer_main_logo_row{margin-left:20px;/* margin-right:80px; */}

}


/* single_layout */
.middle_wrap.single_wrap{}
.single_middle_title_row{text-align: center;}
.single_middle_title{font-size:32px;color:#1b1b1b;letter-spacing: -1px;}
.single_middle_content_row{}
.single_middle_tab_row{position:relative;margin-top:40px;}
.single_middle_tab_row.type_member{margin-top:0px; margin-bottom: 40px;}
.single_middle_tab_row:before{display:block;content:'';width:100%;height:1px;background:#cacaca;position:absolute;bottom:0;left:0;}
.single_middle_tab_list{display:flex;justify-content: center;gap:64px;}
.single_middle_tab_list > li{}
.single_middle_tab_list > li:last-of-type{}
.single_middle_tab{display:flex;position:relative;min-height:60px;justify-content:center;align-items:center;padding:10px 45px;box-sizing: border-box;}
.single_middle_tab:after{display:block;opacity:0;content:'';width:100%;height:2px;background:#000;position:absolute;bottom:0;left:0;}
.single_middle_tab_text{font-size:16px;color:#4e4e4e;line-height:1.4;}
.single_middle_tab_list > li.active{}
.single_middle_tab_list > li.active .single_middle_tab{}
.single_middle_tab_list > li.active .single_middle_tab:after{opacity:1;}
.single_middle_tab_list > li.active .single_middle_tab_text{font-size:17px;color:#010101;font-weight:500;}
.single_middle_cont_row{margin-top:70px;}
.single_middle_cont_row.type2{margin-top:25px;}
.single_middle_cont_row.type3{margin-top: 0px;}

.swiper-container.smtab_container{}
.swiper-container.smtab_container.scroll_mode{}
.swiper-container.smtab_container.scroll_mode .single_middle_tab{/* margin:0; */}
.swiper-container.smtab_container.scroll_mode .swiper-wrapper{justify-content: flex-start;}
.swiper-container.smtab_container .swiper-wrapper{width:auto;justify-content: center;}
.swiper-container.smtab_container .swiper-slide{width:auto;}
.swiper-container.smtab_container .single_middle_tab{margin:0 16px;}
.swiper-container.smtab_container .single_middle_tab.active{}
.swiper-container.smtab_container .single_middle_tab.active .single_middle_tab_text{font-size:17px;color:#010101;font-weight:500;}
.swiper-container.smtab_container .single_middle_tab_text{}
.swiper-container.smtab_container .single_middle_tab.active:after{opacity:1;}

@media (max-width:1023px){
    .single_middle_title{font-size:20px;}
    .single_middle_tab_row{margin-top:10px;}
    .single_middle_tab_list{gap:10px;justify-content: center;}
    .single_middle_tab{min-height:40px;padding:5px 15px;text-align: center;}
    .single_middle_tab_text{font-size:14px;color:#4e4e4e;line-height:1.4;}
    .single_middle_tab_list > li{}
    .single_middle_tab_list > li.active{}
    .single_middle_tab_list > li.active .single_middle_tab:after{opacity:1;}
    .single_middle_tab_list > li.active .single_middle_tab_text{font-size:15px;color:#010101;font-weight:500;}
    .single_middle_cont_row{margin-top:30px;}

    .swiper-container.smtab_container .single_middle_tab{margin:0;}
    .swiper-container.smtab_container .single_middle_tab.active .single_middle_tab_text{font-size:15px;}
}
/* // single_layout */


/*banner_L11 240307 add*/
.b_l11.fixed{position:sticky; top: 0; z-index: 60;}
.b_l11 .header_tape_wrap{position:relative;display:none;}
.b_l11 .header_tape_wrap.active{display:block;}
.b_l11 .header_tape_container{max-width:1200px;margin:0 auto;display:flex;justify-content: space-between;gap:20px;padding:0 30px;}
.b_l11 .header_tape_banner_wrap{}
.b_l11 .swiper-container.tape_banner_container{max-width:380px;}
.b_l11 .swiper-container.tape_banner_container .swiper-wrapper{}
.b_l11 .swiper-container.tape_banner_container .swiper-slide{}
.b_l11 .swiper-pagination-current{color: #fff;}
.b_l11 .tape_banner{display:block;}
.b_l11 .tape_banner img{vertical-align: top;}

.b_l11 .tape_control_wrap{display:flex;justify-content: flex-end;gap:15px;align-items: center;}
.b_l11 .tape_control_box{border-radius:100px;height:36px;display:flex;align-items: center;padding:0 20px;gap:10px;background: rgba(0, 0, 0, .2);}
.b_l11 .tape_fraction_wrap{color:#fff;font-size:14px;line-height:1;}
.b_l11 .tape_fraction_wrap .swiper-pagination-current{}
.b_l11 .tape_fraction_wrap .swiper-pagination-total{}
.b_l11 .tape_fraction_wrap .fraction_part{display:inline-block;}
.b_l11 .tape_navi_wrap{display:flex;align-items: center;}
.b_l11 .btn_tape_navi{width:8px;height:13px;display:inline-block;position:relative;}
.b_l11 .btn_tape_navi:after{display:block;content:'';width:7px;height:7px;border-left:1px solid #fff;border-bottom:1px solid #fff;position:absolute;top:2px;left:2px;}
.b_l11 .btn_tape_navi.prev{}
.b_l11 .btn_tape_navi.prev:after{transform: rotate(45deg);}
.b_l11 .btn_tape_navi.next{}
.b_l11 .btn_tape_navi.next:after{transform: rotate(225deg);left:-3px;}
.b_l11 .tape_part{width:14px;height:13px;display:flex;align-items: center;justify-content: center;}
.b_l11 .tape_part:after{display:block;content:'';width:1px;height:13px;background:#fff;opacity:.3;}
.b_l11 .btn_tape_close{border-radius:100%;width:36px;height:36px;position:relative;background: rgba(0, 0, 0, .2);}
.b_l11 .btn_tape_close:before,
.b_l11 .btn_tape_close:after{display:block;content:'';width:14px;height:2px;background:#fff;position:absolute;top:50%;left:50%;margin:-1px 0 0 -7px;}
.b_l11 .btn_tape_close:before{transform: rotate(45deg);}
.b_l11 .btn_tape_close:after{transform: rotate(-45deg);}

@media(max-width:1023px){
    .b_l11 .header_tape_container{padding:0 0;display:block;}
    .b_l11 .swiper-container.tape_banner_container{max-width:100%;}
    .b_l11 .tape_control_wrap{position:absolute;top:10px;right:6px;z-index:5;gap:5px;}
    .b_l11 .btn_tape_close{width:20px;height:20px;}
    .b_l11 .btn_tape_close:before,
    .b_l11 .btn_tape_close:after{width:10px;height:1px;margin:-0.5px 0 0 -5px;}
    .b_l11 .tape_control_box{height:20px;padding:0 10px;}
    .b_l11 .btn_tape_navi{width:5px;height:9px;}
    .b_l11 .btn_tape_navi:after{width:5px;height:5px;top:1px;}
    .b_l11 .btn_tape_navi.next:after{left:-2px;}
    .b_l11 .tape_part{width:10px;height:5px;}
    .b_l11 .tape_part:after{height:9px;}
    .b_l11 .tape_banner{padding:0 50px 0 5px;}
    .b_l11 .tape_fraction_wrap{font-size:10px;}
}


/* 2024.09.24 main_visual common add */
.banner_link_area { position: absolute; width: 100%; height: 100%; top: 0; z-index: 10; }
.banner_link_area .banner_link_pc{display: block; width:100%; height:100%;}
.banner_link_area .banner_link_mo{display: none; width:100%; height:100%;}

@media (max-width:1023px){
	.banner_link_area .banner_link_pc{display: none;}
	.banner_link_area .banner_link_mo{display: block;}
}
/* //2024.09.24 main_visual common add */