/* 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; display:flex; flex-direction:column; min-height:100vh;}
 */
.gnb_a.header_wrap{position:relative; z-index:60; background:#fff;}

.gnb_a  .hgroup_inner{display:flex; max-width:1200px; margin:0 auto; position:relative; padding:0 30px;}
.gnb_a  .header_mobile_group{display:none;}
.gnb_a  .hgroup_main_row{padding:25px 0; position:relative;}
.gnb_a  .hgroup_main_row .hgroup_inner{justify-content:space-between; align-items:center; gap:0;}
.gnb_a  .hgroup_toplogo{line-height:0; margin-right:140px;}
.gnb_a  .toplogo_link{display:inline-block; width:143px; height:40px; background:url("/asp/images/common/toplogo.png") no-repeat 0 0/100% auto;}
.gnb_a  .hgroup_search_cols{flex:1; display:flex; justify-content:flex-end; align-items:center; font-size:0; line-height:0;}
.gnb_a  .hgroup_search_field{width:100%; flex:1; background:#fff; border-radius:100px; position:relative; overflow:hidden; display:flex; height:46px; box-sizing:border-box; border:2px solid #008aa3;}
.gnb_a  .search_field_long_cols{flex:1; min-width:0;}
.gnb_a  input.search_field_input{background:none; border:0; width:100%; height:44px; border-radius:0; outline:0; box-sizing:border-box; line-height:1; font-size:14px; padding:0 0 2px 24px;}
.gnb_a  input.search_field_input::-webkit-input-placeholder{color:#999999; font-family:'Noto Sans KR';}
.gnb_a  input.search_field_input::-moz-input-placeholder{color:#999999; font-family:'Noto Sans KR';}
.gnb_a  input.search_field_input:-ms-input-placeholder{color:#999999 !important; font-family:'Noto Sans KR';}
.gnb_a  input.search_field_input::-ms-input-placeholder{color:#999999 !important; font-family:'Noto Sans KR';}
.gnb_a  input.search_field_input::input-placeholder{color:#999999; font-family:'Noto Sans KR';}

.gnb_a .search_field_short_cols{flex:0 0 60px;}
.gnb_a .btn_search_field_item{display:block; width:100%; height:100%; background:url("/asp/images/icon/ico_topsearch.png") no-repeat 50% 50%/18px auto;}

.gnb_a .header_rank_field{flex:0; position:relative;}

.gnb_a .header_search_wrap{flex:1; display:flex; align-items:center; gap:20px; min-width:0;}
.gnb_a .header_search_field{flex:1; min-width:330px; background:#f6f6f6; border-radius:100px; display:flex; height:46px; padding-right:5px;}
.gnb_a input.input_search{flex:1; background:none; border:0; padding:0 20px; box-sizing:border-box; appearance:none; line-height:1; font-size:13px;}
.gnb_a .input_search_submit{display:block; width:46px; height:46px; background:url("../images/ico_search.png") no-repeat 50% 50%/18px auto; flex:0 0 46px;}

.gnb_a .swiper-container.rank-container{height:40px;}
.gnb_a .rank_slide_item{display:flex; white-space:nowrap; height:40px; align-items:center; gap:5px;}
.gnb_a .rank_keyword{font-size:13px; color:#5f5f5f; line-height:1;}
.gnb_a .rank_value{font-size:12px; color:#008aa3; line-height:1; padding:1px 5px 2px; border:1px solid #007dc6; border-radius:3px;}

.gnb_a .rank_all_item_wrap{position:absolute; top:100%; left:0; width:194px; z-index:5; box-sizing:border-box; border:1px solid #727272; border-radius:8px; background:#fff; overflow:hidden; display:none;}
.gnb_a .rank_header_row{background:#f7f7f7; padding:12px 18px; border-bottom:1px solid #e6e6e6;}
.gnb_a .rank_header_obj{display:flex; gap:5px; align-items:center;}
.gnb_a .rank_flag{white-space:nowrap; display:inline-block; background:#fff; color:#008aa3; border:1px solid #008aa3; border-radius:4px; padding:4px 5px 5px; line-height:1; font-size:12px;}
.gnb_a .rank_header_title{font-size:13px; color:#5f5f5f; display:inline-block; padding-bottom:2px;}
.gnb_a .rank_contents_row{padding:16px 18px;}
.gnb_a .rank_keyword_list > li{margin-bottom:10px;}
.gnb_a .rank_keyword_list > li:last-of-type{margin-bottom:0;}
.gnb_a .rank_keyword_item{display:inline-block; color:#5f5f5f; font-size:13px;}
.gnb_a .rank_keyword_item:hover{color:#008aa3;}

.gnb_a .hgroup_gnb_row{position:relative;}
.gnb_a .hgroup_gnb_row .hgroup_inner{height:70px; position:static;}

.gnb_a .hgroup_util_list_wrap{margin-left:115px;}
.gnb_a .hgroup_util_list{display:flex; gap:10px; align-items:flex-start;}
.gnb_a .hgroup_util{display:inline-block;}
.gnb_a .ico_hgutil{display:block; width:30px; height:30px; background:url("/asp/images/icon/ico_util.png") no-repeat 0 0/100% auto; margin:0 auto;}
.gnb_a .ico_hgutil.ico_join{background-position:0 -30px;}
.gnb_a .ico_hgutil.ico_reserve{background-position:0 -60px;}
.gnb_a .ico_hgutil.ico_review{background-position:0 -90px;}
.gnb_a .ico_hgutil.ico_logout{background-position:0 -120px;}
.gnb_a .ico_hgutil.ico_my{background-position:0 -150px;}
.gnb_a .hgroup_util_text{font-size:13px; color:#5f5f5f; display:block;}

.gnb_a .hgroup_side_totalmenu{display:flex; align-items:center; height:20px;}
.gnb_a .hgroup_side_totalmenu.active .totalmenu_line{width:28px; height:20px; background:none;}
.gnb_a .hgroup_side_totalmenu.active .totalmenu_line:before,
.gnb_a .hgroup_side_totalmenu.active .totalmenu_line:after{width:28px; height:2px; display:block; transform:rotate(45deg); position:absolute; top:50%; left:50%; margin:-1px 0 0 -12px;}
.gnb_a .hgroup_side_totalmenu.active .totalmenu_line:after{transform:rotate(-45deg);}

.gnb_a .totalmenu_line{display:block; width:28px; height:2px; flex:0 0 28px; margin-right:8px; background:#fff; height:2px; position:relative;}
.gnb_a .totalmenu_line:before,
.gnb_a .totalmenu_line:after{position:absolute; left:0; width:100%; height:2px; background:#fff; display:block; content:'';}
.gnb_a .totalmenu_line:before{top:-9px;}
.gnb_a .totalmenu_line:after{bottom:-9px; width:85%;}

.gnb_a .side_totalmenu_text{font-size:16px; color:#fff; line-height:1; display:inline-block; white-space:nowrap; position:relative; top:-1px;}

.gnb_a .hgroup_nav_row{position:relative; overflow:hidden;}
.gnb_a .hgroup_nav_row > .hgroup_inner{display:flex; min-height:58px;}
.gnb_a .hgnav_cols{display:flex; align-items:center; position:relative; gap:50px; padding:0 35px;}
.gnb_a .hgnav_cols:first-of-type{padding-left:0;}
.gnb_a .hgnav_cols:last-of-type{padding-right:0;}
.gnb_a .hgnav_cols.green_level_01{background:#2ea17d; flex:1;}
.gnb_a .hgnav_cols.green_level_01:before{display:block; content:''; width:100vw; position:absolute; top:0; right:100%; height:100%; background:#2ea17d;}
.gnb_a .hgnav_cols.green_level_02{background:#008aa3;}
.gnb_a .hgnav_cols.green_level_03{background:#007175;}
.gnb_a .hgnav_cols.green_level_03:after{display:block; content:''; width:100vw; position:absolute; top:0; left:100%; height:100%; background:#007175;}
.gnb_a .hgnav_part_cols{flex:0 0 34px; width:34px; height:58px; display:block; background-repeat:no-repeat; background-size:100% 100%; background-position:50% 50%;}
.gnb_a .hgnav_part_cols.green_level_0102_part{background-image:url("/asp/images/bg/gnb_part_line_01.png");}
.gnb_a .hgnav_part_cols.green_level_0203_part{background-image:url("/asp/images/bg/gnb_part_line_02.png");}
.gnb_a .hgroup_nav_wrap{flex:1;}
.gnb_a .hgroup_nav_list{display:flex; gap:20px;}
.gnb_a .hg_nav_node{display:inline-block; font-size:16px; color:#fff; white-space:nowrap;}
.gnb_a a.hg_nav_node:hover{opacity:.7;}

/* mobile header */
.gnb_a .header_mobile_group{background:#fff; border-bottom:1px solid #e7e7e7; z-index:50; font-family:'Noto Sans KR'; padding:0 20px;}
.gnb_a .header_mobile_row{display:flex; align-items:center; justify-content:center; height:60px; position:relative;}
.gnb_a .mobile_toplogo{width:110px; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:0; line-height:0;}
.gnb_a .mobile_toplogo_link{display:inline-block;}
.gnb_a .mobile_toplogo_link > img{vertical-align:top;}
.gnb_a .mobile_top_layer{position:absolute; top:0; height:100%;}
.gnb_a .mobile_top_layer.left_pos{left:0;}
.gnb_a .mobile_top_layer.right_pos{right:0;}
.gnb_a .mobile_util_list{display:flex; align-items:center; gap:10px; font-size:0; line-height:0; height:100%;}
.gnb_a .mobile_util_menu{display:inline-block; background-position:0 0; background-repeat:no-repeat; background-size:100% auto; width:22px; height:22px;}
.gnb_a .mobile_util_menu.ico_search{background-image:url("/asp/images/icon/ico_mb_util_01.png");}
.gnb_a .mobile_util_menu.ico_men{background-image:url("/asp/images/icon/ico_mb_util_02.png");}
.gnb_a .mobile_util_menu.ico_total{width:25px; height:25px; display:flex; position:relative; align-items:center; background:url("../images/ico_total_mb_menu.png") no-repeat 50% 50%/100% auto;}

.gnb_a .btn_mb_util{display:block; height:25px;}
.gnb_a .btn_mb_util.ico_total{display:flex; width:25px; position:relative; flex-direction:column; justify-content:space-between; height:20px;}
.gnb_a .btn_mb_util.ico_total:before,
.gnb_a .btn_mb_util.ico_total:after{display:block; content:''; width:100%; height:2px; background:#000000;}
.gnb_a .btn_mb_util.ico_total:after{width:90%;}

.gnb_a .mb_total_line{height:2px; background:#000000; width:100%;}

.gnb_a .middle_wrap{position:relative; overflow-x:hidden;}

@media (max-width:1500px){
    .gnb_a .hgroup_main_row .hgroup_inner{gap:50px;}
    .gnb_a .hgroup_toplogo{margin-right:0;}
    .gnb_a .hgroup_util_list_wrap{margin-left:0;}
}
@media (max-width:1400px){
    .gnb_a .hgroup_main_row .hgroup_inner{gap:20px;}
    .gnb_a .hgnav_cols{padding:0 30px;}
}
@media (max-width:1250px){
    .gnb_a .hgnav_cols{padding:0 20px;}
    .gnb_a .side_totalmenu_text{display:none;}
}
@media (max-width:1200px){
    .gnb_a .hgnav_cols{gap:20px;}
}
@media (max-width:1130px){
    .gnb_a .hgnav_cols.green_level_01{flex:none;}
    .gnb_a .hgnav_cols .hgroup_nav_list{gap:14px;}
}
@media (max-width:1080px){
    .gnb_a .hgnav_cols{padding:0 10px;}
}
@media (max-width:1060px){
    .gnb_a .hgnav_cols{padding:0 5px;}
}
@media (max-width:1023px){
	.gnb_a.header_wrap{position:sticky; top:0; left:0; width:100%; background-color:#fff;}
    .gnb_a .header_pc_group{display:none;}
    .gnb_a .header_mobile_group{display:block;}
    .gnb_a .swiper-pc-part{display:none;}
}


/* pc 전체메뉴 */
.gnb_a .desk_total_layer{position:absolute; top:calc(100% + 7px); left:0; width:100%; display:none;}
.gnb_a .desk_total_layer.active{display:block;}

.gnb_a .desk_panel_container{max-width:1200px; margin:0 auto; display:flex; background:#fff; border:1px solid #e9e9e9; position:relative;}
.gnb_a .desk_panel_container .tab_cols{flex:0 0 166px; width:166px; background:#f9f9f9; border-right:1px solid #e7e7e7;}
.gnb_a .desk_panel_container .cont_cols{flex:1; min-width:0; padding:20px 25px;}

.gnb_a .desk_tabmenu_list > li{margin:0 -1px;}

.gnb_a .desk_tabmenu{display:block; position:relative; font-size:15px; color:#333333; font-weight:500; padding:13px 30px 13px 18px;}
.gnb_a .desk_tabmenu.active{background:#008aa3; color:#fff;}
.gnb_a .desk_tabmenu.active:after{display:block; content:''; width:6px; height:6px; border-right:1px solid #fff; border-top:1px solid #fff; position:absolute; top:20px; right:15px; transform:rotate(45deg);}
.gnb_a .desk_tabmenu.color{color:#008aa3;}

.gnb_a .desk_depth_wrap{display:none;}
.gnb_a .desk_depth_wrap.active{display:block;}

.gnb_a .desk_depth_list{display:flex; flex-wrap:wrap; gap:45px 20px; margin-right:-20px;}
.gnb_a .desk_depth_list > li{flex:0 0 calc(25% - 20px);}

.gnb_a .desk_depth_title_row{border-bottom:1px solid #000000; padding:0 10px 8px;}
.gnb_a .desk_depth_title{font-size:16px; font-weight:500; color:#333333; display:block;}
.gnb_a .desk_depth_title:hover{color:#008aa3;}

.gnb_a .desk_depth_menu_list{margin:15px 10px;}
.gnb_a .desk_depth_menu_list > li{margin-bottom:14px;}
.gnb_a .desk_depth_menu_list > li:last-child{margin-bottom:0;}

.gnb_a .desk_depth_menu{display:inline-block; color:#4e4e4e; font-size:14px; padding-bottom:2px; border-bottom:1px solid transparent;}
.gnb_a .desk_depth_menu:hover{color:#008aa3; border-color:#008aa3;}

.gnb_a .btn_desk_total_close{border:1px solid #e9e9e9; display:block; width:25px; height:25px; position:absolute; top:-1px; left:100%; background:#fff;}
.gnb_a .btn_desk_total_close:before,
.gnb_a .btn_desk_total_close:after{display:block; content:''; width:14px; height:1px; background:#646464; position:absolute; top:50%; left:50%;}
.gnb_a .btn_desk_total_close:before{transform:translate(-50%,-50%) rotate(-45deg);}
.gnb_a .btn_desk_total_close:after{transform:translate(-50%,-50%) rotate(45deg);}

@media (max-width:1300px){
    .gnb_a .desk_panel_container{margin:0 50px 0 30px;}
}



/* 모바일 메뉴 */

.gnb_a .mobile_total_layer{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; background:#e8e8e8;}
.gnb_a .mobile_total_layer.active{display:block;}

.gnb_a .mobile_total_inner{position:fixed; top:0; left:0; width:100%; height:100%; display:flex; background:#fff; flex-direction:column; box-sizing:border-box;}
.gnb_a .mb_total_top_row{flex:0 0 54px; background:#fff; position:relative; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e7e7e7;}
.gnb_a .mb_total_quick_menu_row{flex:0;}
.gnb_a .mb_total_content_row{flex:1; min-height:0; overflow-y:auto;}

.gnb_a .mb_total_top_center{position:absolute; top:0; left:50%; height:100%; transform:translateX(-50%); display:flex; justify-content:center; align-items:center;}

.gnb_a .mbmenu_toplogo{display:inline-block; margin-left:20px; width:110px;}
.gnb_a .mbmenu_toplogo img{vertical-align:top;}
.gnb_a .mb_total_midscroll_row{flex:1; min-height:0;}
.gnb_a .mb_total_util_who{display:flex; align-items:center;}
.gnb_a .mb_total_util_who:before{display:block; content:''; margin-right:3px; width:14px; height:19px; background:url("/asp/images/icon/ico_menu_mb_men.png") no-repeat 0 0/100% auto;}
.gnb_a .total_who_wrap{color:#fff; display:flex; align-items:center; margin-left:5px;}
.gnb_a .total_who_text{display:inline-block; line-height:1; font-size:16px; font-weight:500;}
.gnb_a .total_who_unit{display:inline-block; line-height:1; position:relative; top:2px;}
.gnb_a .mb_total_current_count{display:inline-block; line-height:1; font-size:15px; color:#fff; position:relative;}
.gnb_a .btn_mb_total_util{display:inline-block; line-height:1; font-size:15px; color:#fff; position:relative;}
.gnb_a .mb_total_emp{font-size:18px; font-weight:500; margin-left:3px;}
.gnb_a .btn_mb_total_close{display:block; width:54px; height:54px; position:relative;}
.gnb_a .btn_mb_total_close:before,
.gnb_a .btn_mb_total_close:after{display:block; content:''; width:2px; height:20px; background:#646464; position:absolute; top:50%; left:50%; margin:-10px 0 0 -1px;}
.gnb_a .btn_mb_total_close:before{transform:rotate(45deg);}
.gnb_a .btn_mb_total_close:after{transform:rotate(-45deg);}
.gnb_a .mb_current_render_box{background:#008aa3; padding:15px 20px; border-radius:10px; margin:7.5px;}
.gnb_a .mb_current_render_box:first-of-type{margin-bottom:0; margin-top:0;}
.gnb_a .mb_current_render_box:nth-of-type(3){margin-bottom:0; margin-top:0;}
.gnb_a .mb_current_render_row{display:flex; justify-content:space-between; align-items:center;}

.gnb_a .mb_current_count_row{display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; border-top:1px solid rgba(255,255,255,.5); padding-top:12px; margin-top:12px;}
.gnb_a .mb_current_count_item{display:inline-block; font-size:14px; font-weight:400; color:#fff;}
.gnb_a .mb_current_count_key{font-size:15px;}
.gnb_a .mb_current_count_value{font-size:15px;}
.gnb_a .mb_current_count_value strong{font-size:16px;}

.gnb_a .mb_total_quick_menu_row .swiper-pagination{position:static; padding-bottom:10px;}
.gnb_a .mb_total_quick_menu_row .swiper-pagination .swiper-pagination-bullet{opacity:1; width:10px; height:10px; margin:0 2px !important; border-radius:100%; background:#e1e1e1;}
.gnb_a .mb_total_quick_menu_row .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1; background:#000000;}

.gnb_a .mb_total_quick_menu_row{border-bottom:1px solid #6b6b6b;}
.gnb_a .mb_total_quick_list{display:flex; text-align:center; padding:5px 0 0; text-align:center;}
.gnb_a .mb_total_quick_menu_list > li{flex:1;}
.gnb_a .mb_total_quick_menu{display:block; text-align:center; padding:15px 0;}
.gnb_a .mb_total_quick_menu_text{font-weight:500; font-size:13px; color:#333333; margin-top:3px;}
.gnb_a .ico_mb_total_quick{max-width:27px; margin:0 auto; display:block;}
.gnb_a .ico_mb_total_quick img{vertical-align:top;}

.gnb_a .both_total_container{display:flex; height:100%;}
.gnb_a .both_total_container .one_cols,
.gnb_a .both_total_container .two_cols{position:relative; overflow:hidden;}
.gnb_a .both_total_container .one_cols{flex:0 0 40%; background:#fafafa; position:relative; overflow-y:auto;}
.gnb_a .both_total_container .two_cols{flex:1; position:relative; overflow-y:auto;}

.gnb_a .bo_menu_list > li{position:relative;}
.gnb_a .bo_menu_list > li.active .bo_menu{background:#fff;}
.gnb_a .bo_menu_list > li.active .bo_menu .text_node{color:#008aa3;}
.gnb_a .bo_menu_list > li.active .bo_menu:after{display:block; content:''; width:1px; height:100%; position:absolute; top:0; right:-1px; background:#fff;}

.gnb_a .bo_menu{display:flex; min-height:40px; padding:13px 20px; align-items:center; position:relative; box-sizing:border-box;}
.gnb_a .bo_menu .text_node{font-size:15px; font-weight:500; line-height:1.3; color:#2b2b2b; display:inline-block;}
.gnb_a .bo_menu.contents{ padding-left: 35px;}

.gnb_a .bo_menu.title01{background: #2ea17d;}
.gnb_a .bo_menu.title01 .text_node{color: #fff;}

.gnb_a .bo_menu.title02{background: #008aa3;}
.gnb_a .bo_menu.title02 .text_node{color: #fff;}

.gnb_a .bt_menu_cont{display:none;}
.gnb_a .bt_menu_cont.active{display:block;}

.gnb_a .bt_menu_list > li.has_depth .bt_menu:after{transform:rotate(-225deg); border-color:#aeaeae;}
.gnb_a .bt_menu_list > li.has_depth.active .bt_menu:after{transform:rotate(-45deg); top:19px; border-color:#000;}
.gnb_a .bt_menu_list > li.has_depth.active .bt_depth_wrap{display:block;}

.gnb_a .bt_menu{display:flex; min-height:45px; padding:10px 40px 10px 20px; align-items:center; position:relative; box-sizing:border-box;}
.gnb_a .bt_menu .text_node{font-size:15px; font-weight:500; line-height:1.3; color:#111111; display:inline-block;}
.gnb_a .bt_menu:after{display:block; content:''; width:7px; height:7px; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(45deg); position:absolute; top:16px; right:19px;}

.gnb_a .bt_depth_wrap{display:none;}

.gnb_a .btn_depth_menu{display:flex; padding:5px 32px; align-items:center; position:relative;}
.gnb_a .btn_depth_menu .text_node{font-size:14px; font-weight:500; line-height:1.3; color:#777; display:inline-block; border-bottom:1px solid transparent; line-height:1.4;}
.gnb_a .btn_depth_menu:hover .text_node{color:#008aa3; border-color:#008aa3;}