@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&display=swap');
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans KR'),
        url('/asp/font/ui/NotoSans-Light.woff2') format("woff2");
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans KR'),
        url('/asp/font/ui/NotoSans-DemiLight.woff2') format("woff2");
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans KR'),
        url('/asp/font/ui/NotoSans-Regular.woff2') format("woff2");
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('/asp/font/ui/NotoSans-Medium.woff2') format('woff2'),
         url('/asp/font/ui/NotoSans-Medium.woff') format('woff');
    font-style: normal;
    font-weight: 500;

}
@font-face {
    font-family: 'Noto Sans KR';
    src: url('/asp/font/ui/NotoSans-Bold.woff2') format('woff2'),
         url('/asp/font/ui/NotoSans-Bold.woff') format('woff');
	font-weight: 700;
    font-style: normal;
}

html,
body{overflow-x:visible;height:auto;}

strong{font-weight:500;}

.hdtext{display:inline-block;width:0;height:0;overflow:hidden;line-height:0;color:transparent;position:absolute;top:0;left:-99999px;}
html.smooth {scroll-behavior: smooth;}
.touch_disabled{overflow:hidden;touch-action: none;position:relative;}
.touch_disabled .page_wrap{padding-top:55px;}
.touch_disabled .header_wrap{position:fixed;}
.page_wrap{min-width:280px;}

/* header */
.header_wrap{background:#fff;position:sticky;top:0;left:0;width:100%;height:54px;border-bottom:1px solid #e7e7e7;z-index:50;font-family:'Noto Sans KR';}
.btn_hdtotal{display:flex;align-items: center;justify-content: center;width: 54px;height:54px;position:absolute;top:0;left:0;}
.btn_hdtotal_in{display:block;height:2px;background:#000000;width:21px;position:relative;}
.btn_hdtotal_in::before,
.btn_hdtotal_in::after{display:block;content:'';width:100%;height:2px;background:#000000;position:absolute;top:0;left:0;}
.btn_hdtotal_in::before{transform: translateY(-7px);}
.btn_hdtotal_in::after{transform: translateY(7px);width:88.0952380952381%;}

.toplogo{display:flex;height:55px;align-items: center;justify-content: center;font-size:0;line-height:0;}
.toplogo_link{display:block;}
.toplogo_link img{vertical-align: middle;height:40px;}
.btn_hd{display:block;background-position:50% 50%;background-repeat:no-repeat;background-size:100% auto;}
.btn_hd.ico_search{background-image:url("/asp/images/unique/icon_topsearch.png");width:21.5px;height:21.5px;}
.btn_hd.ico_men{background-image:url("/asp/images/unique/btn_topmen.png");width:16px;height:22px;}
.header_util_wrap{position:absolute;top:0;right:20px;height:100%;display:flex;align-items: center;}
.header_util_wrap > *{margin-right:12px;}
.header_util_wrap > *:last-of-type{margin-right:0;}

.btn_hdsearch{display:block;width:55px;height:55px;position:absolute;top:0;right:0;background:url("/asp/images/common/icon_topsearch.png") no-repeat 50% 50%/18px auto;}
.btn_hdmypage{display:block;width:55px;height:55px;position:absolute;top:0;right:35px;background:url("/asp/images/common/util_men.png") no-repeat 50% 50%/14px auto;}

/* mobile menu */
.mobile_mainmenu_zone{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;}
.mobile_mainmenu_zone.active{display:block;}
.mainmenu_dim{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;transition: .5s;}
.mobile_mainmenu_wrap{width:70%;background:#fff;position:fixed;top:0;left:-70%;height:100%; transition: .5s;}
.mobile_mainmenu_zone.active.motion .mobile_mainmenu_wrap{left:0;}
.mobile_mainmenu_zone.active.motion .mainmenu_dim{opacity:0.8;}
.mbutil_low{min-height:55px;background:#1d5260;display:flex;align-items: center;padding:5px 60px 7px 20px;position:relative;z-index:5;}
.mbutil_hlist{display:flex;align-items: center;}
.mbutil_hlist > li{padding:5px 5px 0 0;}
.mbutil_hlist > li:last-of-type{padding-right:0;}
.mbutil{display:inline-block;border:1px solid #fff; font-size:14px;line-height:1;padding:7px 14px 6px;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.11); white-space: nowrap;color:#fff;}
.mblog_after_w{color:#fff;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.11);font-size:17.12px;text-align: left;}
.mblog_after_text{padding-left:20px;position:relative;min-height:1rem;font-size:17px;letter-spacing:-.5px; word-break: keep-all;}
.mblog_after_text:before{display:block;content:'';width:14px;height:16px;background:url("../images/ico_mb_member_men.png") no-repeat 0 0/100% auto;position:absolute;top:5px;left:0;}
.mblog_sym{color:#fff;font-weight:500;}
.mbmenu_low{position:absolute;top:55px;left:0;width:100%;height:calc(100% - 5rem);overflow-y:auto;}
.mbmenu_inwrap{}
.mbmenu_vlist{text-align:left;}
.mbmenu_vlist > li{border-bottom:1px solid #e5e5e5;}
.mbmenu_vlist > li a.unlink{cursor:default;}
.mbmenu_one{display:block;color:#333333;font-size:16px;padding:15px 55px 15px 20px;line-height:1;position:relative;font-weight:500;}
.mbmenu_one:after{
    display:block;content:'';width:7px;height:7px;border-right:2px solid #888888;border-bottom:2px solid #888;
    position:absolute;top:18px;right:26px;
    transform: translateZ(0);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);
    -webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
}
.mbmenu_one.type02:after{content: none;}
.mbmenu_one.has_two:after{
    top:16px;
    -webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);
}
.mbmenu_one.has_two.active:after{
    top:20px;
    -webkit-transform:rotate(225deg);transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);
}
.mbmenu_two_wrap{background:#fcfcfc;border-top:1px solid #e5e5e5;display:none;}
.mbmenu_two_wrap.active{display:block;}
.mbmenu_two_list{padding:15px 20px;}
.mbmenu_two_list > li{margin-bottom:10px;}
.mbmenu_two_list > li:last-of-type{margin-bottom:0;}
.mbmenu_two{font-size:14px;color:#333;display:inline-block;}
/*.btn_mbmenuclose{display:block;width:55px;height:55px;z-index:10;background:url("/asp/images/common/btn_totalclose.png") no-repeat 50% 50%/100% auto;position:absolute;top:0;right:0;}*/

.middle_wrap{min-height:500px;font-family:'Noto Sans KR';}

.mbutil_item_list{display:flex;align-items:center;font-size:0;line-height:0;flex-wrap:wrap;}
.mbutil_item_list > *{margin:5px 10px 0 0;}
.mbutil_item_list > *:last-child{margin-right:0;}
.mbutil_item{display:flex;align-items: center;}
.mbutil_prof_thum{flex:0 0 30px;width:30px;height:30px;border-radius:100%;background:#fff url("/asp/images/unique/ico_total_profile.png") no-repeat 0 0/100% auto;}
.mbutil_prof_text{white-space:nowrap;font-size:13px;color:#fff;line-height:1;font-weight:500;margin-left:7px;}
.btn_mbutil_box{display:inline-block;color:#fff;font-size:13px;white-space:nowrap;border:1px solid #fff;text-align:center;line-height:1;border-radius:100px;padding:6px 10px;}
.btn_mbmenuclose{display:block;width:36px;height:36px;position:absolute;top:11px;right:7px;z-index:10;}
.btn_mbmenuclose:before,
.btn_mbmenuclose:after{display:block;content:'';width:2px;height:16px;background:#fff;position:absolute;top:50%;left:50%;margin:-8px 0 0 -1px;}
.btn_mbmenuclose:before{transform: rotate(45deg);}
.btn_mbmenuclose:after{transform: rotate(-45deg);}



@media(max-width:359px){
    .mbutil_prof_thum{flex-basis: 25px;width:25px;height:25px;}
    .mbutil_prof_text{font-size:13px;}
    .btn_mbutil_box{font-size:13px;padding:6px 8px;}
}


/* footer */
.footer_wrap{font-family:'Noto Sans KR';margin-top:30px;}
.footer_emp_zone{}
.footer_main_menu_wrap{border-top:2px solid #686868;padding:24px 0;}
.footer_main_menu_list{display:flex;justify-content: center;align-items: center;text-align: center;}
.footer_main_menu_list > li{flex:1;display:flex;justify-content: center;position:relative;}
.footer_main_menu_list > li:last-of-type{}
.footer_main_menu_list > li:last-of-type:after{display:none;}
.footer_main_menu_list > li:after{display:block;content:'';width:1px;height:20px;background:#dddddd;position:absolute;top:50%;right:0;transform: translateY(-50%);}
.footer_main_menu{display:inline-block;font-size:14px;color:#333333;line-height:1;}
.footer_main_sns_wrap{padding:15px 0;border-top:1px solid #ededed;}
.footer_sns_list{display:flex;align-items: center;justify-content: center;}
.footer_sns_list > li{padding:0 4px;}
.footer_sns_list > li:last-of-type{}
.footer_sns{display:block;width:30px;height:30px;background:url("/asp/images/common/icon_botsns.png") no-repeat 0 0/100% auto;}
.footer_sns.ico_insta{background-position:0 0;}
.footer_sns.ico_kakaopage{background-position:0 33.3333333333333333333%;}
.footer_sns.ico_blog{background-position:0 66.66666666666666666666666%;}
.footer_sns.ico_youtube{background-position:0 100%;}
.footer_sub_zone{border-top:1px solid #dedede;background:#f8f8f8;padding:20px;}

.bottom_menu_list{display:flex;}
.bottom_menu_list > li{flex:1;text-align: center;position:relative;justify-content: center;}
.bottom_menu_list > li:after{display:block;content:'';width:1px;height:20px;background:#ddd;position:absolute;top:50%;right:0;margin-top:-10px;}
.bottom_menu_list > li:last-of-type{}
.bottom_menu_list > li:last-of-type:after{display:none;}
.bottom_menu{display:inline-block;font-size:14px;color:#333333;line-height:1;}

.footer_else_group{}
.footer_else_row{border-top:1px solid #d4d4d4;padding:15px;text-align: center;}
.footer_else_row.type2{padding:12px;}
.footer_else_title{font-size:15px;color:#1b1b1b;font-weight:500;text-align: center;line-height:1;}
.footer_sns_list{display:flex;flex-wrap:wrap;margin-top:15px;font-size:0;line-height:0;justify-content: center;}
.footer_sns_list > li{}
.sns_item{display:inline-block;width:25px;height:25px;background:url("/asp/images/unique/ico_sns.png") no-repeat 0 0/100%;}
.sns_item.sns_cafe{background-position:0 50%;}
.sns_item.sns_insta{background-position:0 75%;}
.sns_item.sns_face{background-position:0 100%;}
.sns_item.sns_kakao{background-position:0 0;border-radius:100%;}
.sns_item.sns_blog{background-position:0 33.3333333333%;}
.sns_item.sns_bend{background-position:0 66.6666666666%;}
.sns_item.sns_tr{background-position:0 100%;}


.footer_else_row{}

.footer_main_group{background:#f8f8f8;padding:23.5px 20px;}
.footer_copyitem_list_wrap{}
.footer_copymain{font-size:14px;color:#2b2b2b;font-weight:500;line-height:1;margin-bottom:10px;}
.footer_copyitem_list{display:flex;flex-wrap:wrap;font-size:0;line-height:0;}
.footer_copyitem_list > li{margin:8px 15px 0 0;}
.footer_copyitem_list > li.full{flex:0 0 100%;}
.footer_copyitem{display:inline-block;line-height:1.4;color:#4e4e4e;font-size:11px;}
.footer_copyitem.type02{display: flex;flex-direction: row;gap: 3px;}
.footer_copyitem.type02 > .address_text{display: flex;flex-direction: column;gap: 5px;}
.footer_copyright{display:inline-block;line-height:1;color:#4e4e4e;font-size:11px;margin-top:20px;}

.middle_title_row{text-align: center;margin-bottom:20px;}
.middle_title{font-size:17px;color:#000000;line-height:1;display:inline-block;font-weight:400;}

.footer_menu_group{padding:15px 20px;border-top:1px solid #d4d4d4;}
.footer_menu_list{display:flex;flex-wrap:wrap;justify-content: space-between;}
.footer_menu_list > li{}
.footer_menu_list > li:last-of-type{}
.footer_menu{display:inline-block;font-size:14px;color:#333333;line-height:1;}

.floating_layer{position:fixed;bottom:10px;right:10px;z-index:100;display:none;}
.floating_layer.active{display:block;}
.floating_items{}
.floaging_sns_list{margin-top:12px;}
.floaging_sns_list > li{margin-bottom:12px;}
.floaging_sns_list > li:last-of-type{margin-bottom:0;}
.sns_quick{
    border: 1px solid rgb(241, 241, 241);
    padding:5px 5px 10px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.19);
    display:inline-block;
  }
.sns_quick.kakao{}
.sns_quick.kakao:before{display:block;content:'';width:30px;height:30px;background:#fee500 url("../images/ico_floating_kakao.png") no-repeat 50% 50%/100% auto;border-radius:100%;margin:0 auto;}
.sns_quick_text{display:block;font-size:11px;color:#333333;font-weight:500;margin-top:7px;line-height:1;}

@media(max-width:359px){
    .botmenu_list > li{position:relative;padding:0 10px !important;}
    .botmenu_wrap{padding:20px 0;}
    .footer_menu{font-size:13px;}
}

/*가이드소개*/
.guide_wrapper{margin-top: 30px;}
.guide_wrapper .middle_title_row{margin-bottom: 0;}
.guide_wrapper .middle_title_sub { font-size: 16px; color: #000000; line-height: 1; display: inline-block; font-weight: 400;}
.guide_wrapper .captain_container{text-align: center; padding: 60px 0; cursor: pointer;}
.guide_wrapper .captain_container img{width: 33%;}
.guide_wrapper .content{display: none;}
.guide_list_container .container{display: flex; flex-wrap: wrap; justify-content: flex-start;}
.guide_list_container .container li{ flex-basis: 33%; text-align: center;}
.guide_list_container .container li img{width: 100%;}


/* 221031 추가 */
.mbmenu_toggle_none{display:block;color:#333333;font-size:16px;padding:15px 55px 15px 20px;line-height:1;position:relative;font-weight:500;}
.mbmenu_toggle_one{display:block;color:#333333;font-size:16px;padding:15px 55px 15px 20px;line-height:1;position:relative;font-weight:500;}
.mbmenu_toggle_one:after{
    display:block;content:'';width:7px;height:7px;border-right:2px solid #888888;border-bottom:2px solid #888;
    position:absolute;top:16px;right:26px;
    transform: translateZ(0);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);
    -webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);
}

.mbmenu_toggle_one.active:after{
    -webkit-transform:rotate(225deg);transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);top:22px;
}
/* .mbmenu_two.active:after{-webkit-transform:rotate(225deg);transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);top:22px;}
.mbmenu_two:after{display:block;content:'';width:7px;height:7px;border-right:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;
    display:block;content:'';width:7px;height:7px;border-right:2px solid #888888;border-bottom:2px solid #888;
    position:absolute;top:16px;right:7px;
    transform: translateZ(0);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);
    -webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);
} */
.mbmenu_dep_list_wrap{display:none;}
.mbmenu_dep_list_wrap.active{display:block;}
.mbmenu_dep_list{display:block; padding:10px 20px;}
.mbmenu_dep_list > li{margin-bottom:10px;}
.mbmenu_dep_list > li:last-of-type{margin-bottom:0;}
.mbmenu_three{font-weight:500;color:#4c4c4c;font-size:14px;display:inline-block;}