@charset "utf-8";


/* scrollbar */
html:not(.touchmode) ::-webkit-scrollbar {
    width: 20px;
}

html:not(.touchmode) ::-webkit-scrollbar-thumb {
    background-color: #705ebf;
    border-radius: 10px;
    background-clip: padding-box;
    border: 5px solid transparent;
}

html:not(.touchmode) ::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px transparent;
}

@media (max-width:767px){
    html:not(.touchmode) ::-webkit-scrollbar {
        width: 10px;
    }    
    html:not(.touchmode) ::-webkit-scrollbar-thumb {
        border-width:3px;
    }
}


/* layout */
.page_wrap{/* display:flex; flex-direction: column; *//*  min-height:calc(100vh - 115px); */ min-width:280px;}
.header_section{background:#fff;position:fixed;top:0;left:0;width:100%;z-index:10;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);}

.header_inner{position:relative; box-sizing: border-box; max-width:1200px; margin:0 auto; padding:0 30px;}
.header_util_row{background:#dddddd;}
.header_util_row .header_inner{width:100%;  min-height:40px; display:flex; align-items: center; text-align: center; justify-content: center;}
.header_top_title{position:relative;top:-1px; font-family: 'OneShinhan';font-size:18px; color:#5642bf; font-weight:900; letter-spacing: -0.5px;}
.header_util_wrap{position:absolute;top:0;right:30px;height:100%;}
.header_util_list{display:flex; align-items: center;height:100%;}
.header_util_list > li{padding-right:20px;position:relative;}
.header_util_list > li:after{display:block;content:'';width:1px;height:9px;background:#666666; position:absolute;top:50%;right:9px;transform: translateY(-50%);}
.header_util_list > li:last-of-type{padding-right:0;}
.header_util_list > li:last-of-type::after{display:none;}
.header_util_para,
.header_util_menu{color:#666666; display:inline-block; font-weight:500;}
.header_util_para{ font-weight:700; }
.header_util_menu{}
.header_nav_row{}
.header_nav_row .header_inner{}
.nav_list{display:flex; min-height:75px;}
.nav_list > li{flex:1;}
li.active .nav_item,
.nav_item:hover{}
li.active .nav_item_text,
.nav_item:hover .nav_item_text{color:#705ebf;}

.nav_item{display:flex; flex-direction: column; justify-content: center; align-items: center; height:100%;}
.nav_item_text{font-family: 'OneShinhan';font-size:20px; color:#666666; font-weight:900; letter-spacing: -0.5px; text-align: center; line-height:1.2;}



.btn_panel_menu{
    display:none;align-items:center;justify-content:center;width:50px;height:50px;z-index:5; position:absolute; top:0;right:0;flex-direction:column;
}
.btn_panel_menu:before,
.btn_panel_menu:after{display:block;content:'';width:18px;height:1px;background:#332d29;border-radius:2px;}
.btn_panel_menu_ico{display:block;width:18px;height:1px;background:#332d29;;border-radius:2px;margin:5px 0;}



.mobile_panel_zone{display:none;position:fixed;top:0;right:0;width:100%;height:100%;z-index:50;}
.mobile_panel_zone.active{display:block;}
.mobile_panel_zone.active.motion .mobile_panel_wrap{right:0;}
.mobile_panel_zone.active.motion .mobile_panel_dim{opacity:0.6;}
.mobile_panel_zone.active.motion .btn_mbmenuclose{opacity:1;}
.mobile_panel_dim{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;transition: .5s;}
.mobile_panel_wrap{width:247px;background:#fff;position:fixed;top:0;right:-247px;height:100%; transition: .5s;display:flex;flex-direction: column;z-index:5;}
.mbutil_row{background:#f5f5f5;padding:10px 20px;position:relative;z-index:5; gap:10px;border-bottom:1px solid #dadada; display:flex; min-height:50px; align-items: center ; justify-content:flex-start; box-sizing: border-box;}
.mbmenu_vlist{text-align:left;background:#fff;}
.mbmenu_vlist > li{border-bottom:1px solid #dadada;}
.mbmenu_vlist > li.active{}
.mbmenu_one:hover,
.mbmenu_vlist > li.active .mbmenu_one{color:#705ebf;}
.mbmenu_one{display:block;color:#555;font-size:16px;padding:15px 45px 15px 20px;line-height:1;position:relative;font-weight:700; font-family: 'OneShinhan';}
.mbmenu_one:after{
    display:block;content:'';width:8px;height:8px;border-right:1px solid #555;border-bottom:1px solid #555;
    position:absolute;top:18px;right:20px;
    transform: translateZ(0);
    transform:rotate(-45deg);
}
.btn_mbmenuclose{display:block;opacity:0; transition:.5s; width:50px;height:50px;z-index:10;background:url("../images/btn_totalclose.png") no-repeat 50% 50%/100% auto;position:absolute;top:0;left:-50px;}
.mbutil_hlist{display:flex; flex-wrap:wrap; align-items: center; gap:5px 10px;}
.mbutil_hlist > li{}
.mbutil_hlist > li:last-of-type{}
.mbutil{display:inline-block; font-weight:500; font-family: 'OneShinhan'; font-size:11px;}
.mbutil strong{ font-weight:700; font-size:12px;}

.middle_section{flex:1; min-height:0; position:relative;z-index:2;}

.footer_section{flex:0; background:#f8f8f8;}
.footer_inner{max-width:1200px;padding:40px 30px; margin:0 auto; display:flex; align-items: center; gap:135px;}
.footer_logo{flex:0 0 162px;}
.footer_logo > img{vertical-align: top;}
.footer_liquid{}
.bottom_menu_list{display:flex; gap:10px; align-items: center; flex-wrap:wrap;}
.bottom_menu_list > li{}
.bottom_menu_list > li:last-of-type{}
.bottom_menu{display:inline-block; color:#fff; font-family: 'OneShinhan'; font-weight:500; background:#cacaca; padding:6px 10px;}
.bottom_guide_item_list{margin-top:10px;display:flex; gap:5px 20px; align-items: center; flex-wrap:wrap;}
.bottom_guide_item_list > li{position:relative;}
.bottom_guide_item_list > li:after{display:block;content:'';width:1px; height:13px; position:absolute;top:50%;right:-12px; background:#cacaca; transform: translateY(-50%); margin-top:-1px;}
.bottom_guide_item_list > li:last-of-type{}
.bottom_guide_item_list > li:last-of-type:after{display:none;}
.bottom_guide_item{display:inline-block;color:#222222; line-height:1.3; font-size:14px; font-family: 'OneShinhan'; font-weight:500;}
.bottom_copyright{font-size:12px; color:#666666; margin-top:5px;}

.sc_zone{max-width:1200px;padding:100px 30px; margin:0 auto;}
@media (max-width:1199px){
    .footer_inner{gap:60px}
}
@media (max-width:767px){
    .header_nav_row,
    .header_util_wrap{display:none;}
    .btn_panel_menu{display:flex;}
    .header_util_row{background:#fff;}
    .header_util_row .header_inner{min-height:50px;padding:0 50px;}
    .header_top_title{font-size:16px;}

        
    .footer_section{}
    .footer_inner{padding:30px 20px; display:block;}
    .footer_logo{max-width:130px;}
    .footer_liquid{margin-top:20px;}
    .bottom_menu_list > li{}
    .bottom_menu_list > li:last-of-type{}
    .bottom_menu{font-size:11px;padding:3px 7px;}
    .bottom_guide_item_list > li:after{display:none;}
    .bottom_guide_item{ font-size:11px; }
    .bottom_copyright{font-size:11px;}

    .sc_zone{padding:40px 20px;}
}



/* single */
.bg_single_global{position:fixed;top:0;left:0;width:100%;height:100%;background-position: 50% 50%;background-size:cover;background-repeat:no-repeat;}
.single_container{position:relative; z-index:5;display:flex; min-height:calc(var(--vh, 1vh) * 100); justify-content: center; align-items: center;}
.single_inner{padding:50px; width:100%; box-sizing: border-box;}
.single_box{background:#fff; padding:40px 23px; border-radius:18px; border:1px solid #dddddd;max-width:400px;margin:0 auto; text-align: center; box-sizing: border-box; position:relative;}
.single_box.type2{}
.single_box.has_close .single_sub_title{padding:0 60px;}
.single_title{font-family: 'OneShinhan'; font-weight:700; letter-spacing: -0.5px; font-size:32px;}
.single_box .field_brick{}
.single_box .props_brick{text-align: left; margin-top:20px;}
.single_box .submit_brick{ margin-top:20px;}
.single_box .else_btn_brick{ margin-top:20px;}
.single_box .bottom_logo_brick{ margin-top:30px;}
.single_box .bottom_logo_brick > img{vertical-align: top;max-width:146px;}
.single_box .title_row{margin-bottom:30px;}
.single_box .contents_row{}

.single_sub_title_row{text-align: center;}
.single_sub_title{font-size:24px; color:#222222;  font-weight:500;}
.single_sub_title_copy{font-size:19px; color:#666666; margin-top:15px; font-weight:500;}
.single_sub_content_row{margin-top:18px;}



.boxtab_wrap{border-radius:10px;background:#f3f2f8;border:1px solid #dddddd;padding:1px; margin-bottom:20px;}
.boxtab_list{display:flex; text-align: center;}
.boxtab_list > li{flex:1;}
.boxtab_list > li:last-of-type{}
.boxtab{display:block;}
.boxtab_text{font-family: 'OneShinhan'; color:#705ebf; font-size:18px; font-weight: 700; padding:13px; line-height:1; display:inline-block;}
.boxtab.active{background:#705ebf; border-radius:8px;}
.boxtab.active .boxtab_text{color:#fff;}
.boxtab_cont_wrap{}
/* .boxtab_cont{display:none;} */
.boxtab_cont.active{display:block;}

.submit_guide_wrap{text-align: center; margin-top:10px;}
.submit_guide_copy{font-size:12px; color:#888888; display:block;}

@media (max-width:767px){
    .single_inner{padding:30px 20px;}
    .single_box{ padding:30px 15px; border-radius:10px;}
    .single_title{font-size:20px;}
    .single_box .title_row{margin-bottom:20px;}
    .single_box .bottom_logo_brick > img{max-width:100px;}

    .single_sub_title{font-size:20px;padding:0 20px;}
    .single_sub_title_copy{font-size:15px;margin-top:10px;}
    .single_sub_content_row{margin-top:15px;}

    .boxtab_wrap{border-radius:8px;}
    .boxtab_text{font-size:15px;padding:10px;}
}