@charset "utf-8";

/* 공통 */
.header_inner {max-width: 1320px; margin:0 auto; display:block; position:relative; z-index: 105;}
.header_inner:after {content: ''; display: block; clear: both; overflow:hidden;}
.caret {display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.after:after{content: ''; display: block; clear: both; overflow:hidden;}
.more {position:absolute; width:15px; height:15px; transition:.5s; background:url("/assets/images/main2021/btn_more.png") center no-repeat;}
.more > i {font-size:15px;}
.morebtn .more:hover {transform:rotate(180deg);}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.sr-only-focusable:active,.sr-only-focusable:focus {position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

#gn_p_header_wrapper {display:block;}
#gn_m_header_wrapper {display:none;}

/* header */
.hd-top-wrap > div:after{content: ''; display: block; clear: both; overflow:hidden;}
.header-top .lang-btn {position:absolute;right: 79px;top: 0; z-index:99;}
.header-top .lang-btn a {color:#333; display: block; font-size: 14px; line-height: 24px; padding: 8px 15px; transition:all 0.3s ease 0s}
.header-top .lang-btn .dropdown-menu {display:none; border:1px solid #ececec;border-radius:0;box-shadow:0 0 0 transparent;background-color: #fbfbfb; position:absolute; top:100%; left:inherit; float:none; min-width:100%; padding:0; margin:0;}
.header-top .lang-btn .dropdown-menu li a {padding:3px 5px; display:block; text-align:center;color:#333;}

.header-top .login-btn {position:absolute;right: 186px;top: 0; z-index:99;}
.header-top .login-btn a {color:#333; display: block; font-size: 14px; line-height: 24px; padding: 8px 15px; transition:all 0.3s ease 0s}
.header-top .login-btn .dropdown-menu {display:none; border:1px solid #ececec;border-radius:0;box-shadow:0 0 0 transparent;background-color: #fbfbfb; position:absolute; top:100%; left:inherit; float:none; min-width:100%; padding:0; margin:0;}
.header-top .login-btn .dropdown-menu li a {padding:3px 5px; display:block; text-align:center;color:#333;}

.gnb-mo-re24 .gnb-layer-weather {width: 140px;}
.weather-tic {position:absolute;right: 225px;top: 3px;  display: inline-block;}
.weather-tic li{position: relative; color:#333;display: block;font-size: 14px;line-height: 24px;padding: 8px 15px;text-align: right; min-width: 150px;}
.gnb-mo-re24 .weather-tic li{position: relative; color:#333; display: block; font-size: 14px; line-height: 25px; padding: 14px 0px; text-align:center; font-weight:100;}
.weather-tic .type1 .icon{position: relative; display: inline-block;}
.weather-tic .type1 .icon::before{content: '';display: inline-block;width: 18px;height: 20px;background: url('') no-repeat center / 100%;vertical-align: middle; margin-right: 5px; margin-bottom: 2px;}
.weather-tic .icon.cloudy,
.weather-tic .icon.overcast{color: #69808a;}
.weather-tic .icon.cloudy::before{background-image: url('/assets/images/main202208/wea_cloudy.png')}
.weather-tic .icon.overcast::before{background-image: url('/assets/images/main202208/wea_overcast.png')}
.weather-tic .icon.rain::before{background-image: url('/assets/images/main202208/wea_rain.png')}
.weather-tic .icon.raindrop::before{background-image: url('/assets/images/main202208/wea_raindrop.png')}
.weather-tic .icon.rainsnow::before{background-image: url('/assets/images/main202208/wea_rain+snow.png')}
.weather-tic .icon.snow::before{background-image: url('/assets/images/main202208/wea_snow.png')}
.weather-tic .icon.sunny::before{background-image: url('/assets/images/main202208/wea_sunny.png')}
.weather-tic li span{margin-left: 5px;}
.weather-tic .sky{color: #54656d;}
.weather-tic .blue{color: #2359c5;}
.weather-tic .green{color: #047b4c;}
.weather-tic .orange{color: #a16217;}
.weather-tic .red{color: #da3439;}
.weather-tic{opacity: 0; visibility: hidden; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease;}
.weather-tic.slick-initialized{visibility: visible; opacity: 1; max-width: 200px;}
.gnb-layer-weather .weather-tic {position: relative;top: 2px;  display: inline-block;max-width: 140px; right: 0;}
.gnb-layer-weather .weather-tic li {color: white;}
.gnb-layer-weather .weather-tic li span {color: white;}
.gnb-mo-re24 .gnb-layer-weather .weather-tic li {font-weight: 100; width: 140px !important;}
.gnb-mo-re24 .gnb-layer-weather .weather-tic li span {font-weight: 500;}
.header-top .sitemap-btn {position:absolute; right: 0; top: 0; z-index:99;}
.header-top .sitemap-btn a{color:#333; display: block; font-size: 14px; line-height: 24px; padding: 8px 15px; transition:all 0.3s ease 0s}

/* header nav_top */
.header .nav_top { position:relative;border-bottom: 1px solid #ee7f7f; z-index: 101;}
.header .nav_top > .h_center{max-width: 1320px; margin:0 auto;display: flex;align-items: center;padding: 0 0 0 20px;}
.header .nav_top > .h_center .logo {}
.header .nav_top > .h_center .logo .web_logo {width:280px; position:relative;}
.header .nav_top > .h_center .logo .web_logo a {width:100%; display:block;}
.header .nav_top > .h_center .logo .web_logo a img.pc_logo {vertical-align:bottom;}
.header .nav_top > .h_center .logo .web_logo a img.mobile_logo {display:none; vertical-align:bottom;}
.header .nav_top > .h_center .serch-form-area {width:250px; margin:0 auto; position:relative;}
.header .nav_top > .h_center .dday-banner {width:280px; position:relative;}
.header .nav_top > .h_center .dday-banner a {width:100%; display:block;}
/* 2020/06/12 추가 */
.header .nav_top > .h_center .header_banner {position:absolute; right:0; top:-20px;}
.header .nav_top > .h_center .header_banner a {display:block;}
/* 2020/06/17 추가 (2020/07/15 수정) */
.header .nav_top .pc_dday_banner {display:block;}
.header .nav_top .mb_dday_banner {display:none;}

.header .nav_top .header_dday {position:absolute; right:0; top:10px; width:280px; height:85px;}
.header .nav_top .header_dday .dday_01 {display:block; overflow:hidden; text-align:right; position:absolute; top:30px; right:23px;}
.header .nav_top .header_dday .dday_01 > span > span:nth-child(1) {display:inline-block;}
.header .nav_top .header_dday .dday_01 > span > span:nth-child(2) {display:inline-block; margin-left:5px;}
.header .nav_top .header_dday .dday_02 {display:block; overflow:hidden; text-align:center; position:absolute; top:15px; right:21px;}
.header .nav_top .header_dday .dday_02 > span > span:nth-child(1) {display:block; border-radius:30px; padding:0 20px;}
.header .nav_top .header_dday .dday_02 > span > span:nth-child(2) {display:block; font-weight:bold;}
.header .nav_top .header_dday .dday_03 {display:block; overflow:hidden; position:absolute; top:20px; left:15px;}
.header .nav_top .header_dday .dday_03 > span > span:nth-child(1) {display:inline-block;}
.header .nav_top .header_dday .dday_03 > span > span:nth-child(2) {display:inline-block; margin-left:5px;}

/* 2022-08-02 sub 스크롤 픽스 메뉴 */
#gn_sub_header{display: none; width: 100%; background: #fff; z-index: 999;}
#gn_sub_header.sub_header_fixed{position: fixed; top: 0; left: 0;}
.header #gn_sub_header.nav_top > .h_center .logo .web_logo{width: auto;}
.header #gn_sub_header.nav_top > .h_center .logo .web_logo_sub {width:auto; position:relative;}
.header #gn_sub_header.nav_top > .h_center .logo .web_logo_sub a {width:100%; display:block; font-size: 0;}
.header #gn_sub_header.nav_top > .h_center .logo .web_logo a{font-size: 0;}
.header #gn_sub_header.nav_top > .h_center .logo .web_logo a img{vertical-align: baseline;}
.header #gn_sub_header nav.navbar{width: 100%;}
.header #gn_sub_header.nav_top{border-bottom: 0;}
.header #gn_sub_header nav .gnb > ul > li{width: auto;}
.header #gn_sub_header nav .gnb > ul > li > a{line-height: 58px; padding: 0 25px;}
.header #gn_sub_header nav .gnb > ul > li.active > a > span:before{width: 5px; height: 5px; top: 7px;}
#gn_p_header_wrapper.header_fixed{position: fixed; width: 100%; background: #fff; top: 0;}

.scroll-progress{position: fixed; top: 58px; left: 0; width: 100%; height: 2px; background: transparent; z-index: 10; display: none;}
.scroll-progress-bar{height: 2px; width: 0%; background: #ee7f7f;}

.serch-form-area{position: relative;}
.serch-form-area .search-txt {text-align:center;font-size:22px;font-family:"Pretendard", sans-serif;color:#5b5c69;}
.serch-form-area input[type="text"] {width: 100%;height: 30px;border: 0;border-bottom: 1px solid #af0019;  font-size:14px; padding:5px 18px;box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.serch-form-area .search-btn {position:absolute; top:0;right: 0;width: 30px;height: 30px;text-align: center;}
.serch-form-area .search-btn button {display:inline-block;width: 20px;height: 20px;}

/* mobile Gnb */
.search_mobile {display:none; position:absolute; top:63px; left:0; z-index:9; width:100%; padding:10px; background:#fff; box-shadow:0px 0px 10px #ccc; overflow-y:auto;}
.search_mobile input[type="text"] {width:87%; height:50px; border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.search_mobile .search-btn {display:inline-block; float:right; width:13%; text-align:center; background:#ffd900;}
.search_mobile .search-btn > button {line-height:50px; color:#333; font-size:15px;}
.menu_mobile_bg { display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:150; overflow-y:auto;}
.menu_mobile_bg .menu_mobile { position:absolute; right:-300px; top:0px; width:100%; height:100%;background-color: #efefef;}
.menu_mobile_bg .menu_mobile .menu_mobile_top { position:relative; height:43px; padding:20px 0;-webkit-box-sizing:initial;-moz-box-sizing:initial; box-sizing:initial;background-color: #fff;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .mobile_logo {position:absolute; top:18px; left:12px; width:100px;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .mobile_logo img {width: 100%;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .lang-btn {display:inline-block; font-size:15px; position:absolute; top:26px;left: 40px; z-index:99;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .lang-btn > a {display:block;border: 1px solid #333;padding: 5px 10px;color: #333;border-radius: 5px;font-weight: 600;font-size: 0.857em;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .lang-btn > ul li {background:#fbfbfb; text-align:center; padding:4px; border:1px solid #fff; border-top:0;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .lang-btn > ul li a {color: #333;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .dropdown-menu {float:none; padding:0; margin:0; border:0; min-width:100%;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .dropdown-menu li a {padding:0;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .close_mobile_menu {display:block; position:absolute; right:20px; top:31px; overflow:hidden;}
.menu_mobile_bg .menu_mobile .menu_mobile_top .close_mobile_menu > i {width:22px; height:22px; display:block;background: url('/assets/images/main202208/mobile_close.png') no-repeat center / 100%;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_tabs > ul {border-bottom: 1px solid #af0019;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_tabs > ul > li {float:left; padding:0  10px;cursor: pointer;font-size: 15px; text-align:center;background:#fff; position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;font-weight: 700;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_tabs > ul > li:nth-child(1){width: 150px}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_tabs > ul > li:nth-child(2){width: calc(100% - 150px); text-align: left;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_tabs > ul > li.current {/* background:#fff; *//* font-weight:700; */}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_tabs > ul > li >span{position: relative; display: inline-block; padding: 15px 0;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_tabs > ul > li.current >span:before{content: '';position: absolute;width: 100%;height: 5px;bottom: 0;left: 0;background: #af0019;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_tabs .tab-content {display: none; position:relative; font-size:14px; height:100%;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_tabs .tab-content.current {display: inherit;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_gnb_sns {position:absolute; bottom:0; right:0; width:100%; display:none;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_gnb_sns ul {width:100%; overflow:hidden;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_gnb_sns li {width:20%; float:left; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_gnb_sns li:nth-child(1n) {background-color:#ccc;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_gnb_sns li:nth-child(2n) {background-color:#999;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_gnb_sns li a {display:block; height:72px; text-indent:-9999px; background-repeat:no-repeat; background-position:50% 50%; background-size:72px 72px; transition:all 0.3s ease 0s;}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_gnb_sns li a.fb {background-image:url("/assets/images/main2020/sns_fb.png");}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_gnb_sns li a.tw {background-image:url("/assets/images/main2020/sns_tw.png");}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_gnb_sns li a.is {background-image:url("/assets/images/main2020/sns_is.png");}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_gnb_sns li a.yt {background-image:url("/assets/images/main2020/sns_yt.png");}
.menu_mobile_bg .menu_mobile .mobile_gnbList .mobile_gnb_sns li a.bl {background-image:url("/assets/images/main2020/sns_bl.png");}

/* lnb */
#lnb {position: relative;width: 100%; height:100%;padding-top: 20px;}
#lnb > ul {}
#lnb > ul > li {width: 150px;color: #333;}
#lnb > ul > li > a {position: relative;display: block;padding: 14px 30px 14px 15px;color: inherit;font-size: 14px;background: #efefef;text-align: center; white-space: nowrap;}
#lnb > ul > li > a:hover {background: rgba(55, 56, 67, 0.3);color: #fff;}
#lnb > ul > li > a:before{content: '';position: absolute;width:0;height:0;top: 50%;right: 10px;transform: translateY(-50%);vertical-align:middle;border-top: 3px solid transparent;border-right: 3px solid transparent;border-left: 4px solid;border-bottom: 3px solid transparent;margin-left: 10px;}
#lnb > ul > li.on > a:before{border-left-color: #fff;}
#lnb > ul > li.on > a:after{content: '';position: absolute;width: 4px;height: 100%;top: 0;right: 0;background: #af0019;}
#lnb > ul > li.on > a {color: #333333; font-weight:500;background: #373843;color: #fff;}
#lnb > ul > li > ul {display: none; position:absolute; top:0; right:0; width: calc(100% - 150px);padding-top: 20px;background: #fff;}
#lnb > ul > li > ul > li > a {position: relative; display: block;padding: 10px 35px 10px 15px;color: #333333; font-size: 14px;background: #fff}
#lnb > ul > li > ul > li.on > a {color: #af0019; font-weight:600;background: #fff1f1;}
#lnb > ul > li > ul > li > a::before{content: '';position: absolute;width: 14px;height: 14px;background: url('/assets/images/main202208/mobile_gnb_depth.png') no-repeat center / 100%;top: 50%;right: 15px;transform: translateY(-50%); transition: 0.2s all ease;}
#lnb > ul > li > ul > li.on > a::before{transform: translateY(-50%) rotate(45deg);}
#lnb > ul li.noDepth a::before{display: none;}
#lnb > ul > li > ul > li > ul {display: none; background-color: #edebfd;}
#lnb > ul > li > ul > li > ul > li a {display: block;padding: 10px 10px 10px 22px; color: #333; font-size: 13px;background-color: #fff; position:relative;}
#lnb > ul > li > ul > li > ul > li a:before {content:'·'; font-size:13px; position:absolute; top:5px; left:15px;}
#lnb > ul > li > ul > li > ul > li a > i {display:inline-block; margin-left:3px; font-size:10px;}
#lnb > ul > li > ul > li > ul > li a span{display: inline-block;}
#lnb > ul > li > ul > li > ul > li a:hover span,
#lnb > ul > li > ul > li > ul > li.active a span{box-shadow: inset 0 -8px 0 #ffd6e0;font-weight: 600;}
#lnb > ul li.noDepth a {background-image: none !important; }


/* header nav */
.header nav.navbar:before {opacity:0.9;}
.header nav.navbar-scroll:before {opacity:0.9;}
.header nav.navbar {display: block; width: calc(100% - 560px);margin-bottom:0;border:0; padding: 0; border-radius:0;height: 100%;position: inherit;}

.header nav {height:47px;z-index:19;}
.header nav .nav_center {height: 100%; margin:0 auto;}
.header nav .logo {float:left;margin-top:20px;}
.header nav .right-header {float:right;;}

.header nav .logo h1{display:block;font-size:0;}
.header nav .logo h1 a{display:block;}
.header nav .logo h1 a img{height:45px;}

.header nav .gnb{float:left;z-index:101;text-align:left;width:100%;}
.header nav .gnb ul:after{content:'';display:block;clear:both;}
.header nav .gnb > ul > li{float:left;list-style:none;font-family: "Pretendard", sans-serif; font-weight: 500; width:16.6%;}
.header nav .gnb > ul > li > a{display:block;position:relative;color:#333;font-size:18px;line-height: 90px; text-align:center;}
.header nav .gnb > ul > li > a > span {display:inline-block;position: relative}
.header nav .gnb > ul > li > a:hover > span{color: #af0019;}
.header nav .gnb > ul > li.active > a > span:before{content: '';position: absolute;width: 5px;height: 5px;border-radius: 100%;background: #af0019;top: 22px;left: 50%;transform: translateX(-50%);}
.header nav .gnb > ul > .nav_petition > a:hover{border-bottom:none; text-decoration:underline;}
.header nav .gnb > ul > .nav_petition > a:hover:after{display:none;}

.depth1.active > a > span, .nav_center .gnb .active > a > span { color: #af0019;}

.header nav .gnb .sub-outer {display:none; overflow:hidden; position:absolute; width:100%; left:0; background:#fff; border-bottom:2px solid #ec7b93; border-top: 1px solid #ec7b93; z-index: 101; top: 100%; box-shadow: 0 22px 30px rgb(96 96 96 / 25%);}
.header nav .gnb .sub-outer .sub_container {width: 1170px; margin:0 auto; height:100%; overflow:hidden;}
.header nav .gnb .depth1.on .sub-outer {display:block;} /*mouseover시 display:block*/
.header nav .gnb .sub-outer > .sub_container > div{float:left;}

/* 2022-08-08 리뉴얼  */
.new-window {text-indent:-10000px;background: url(../../image/202404/newwindow.png) top 5px center no-repeat;width:11px;height:20px;display:inline-block;vertical-align:baseline;margin-left:3px;}
.sub-outer, .depth1, .depth_list2, .depth2_item, .depth3, .depth_list3 {transition-property:all; transition-duration:0.25s; transition-timing-function:linear;}
.header nav .gnb .sub-outer .in{display: flex;}
.header nav .gnb .sub-outer .sub2_left{width: 25%; background: #f2f2f2 url('/assets/images/main202208/bg_leftdepth_01.png') no-repeat left bottom;}
.header nav .gnb .sub-outer .sub2_left .sub2_title{display: block;font-size: 28px;color: #666;font-weight: bold;padding: 40px;text-align: right;}
.header nav .gnb .sub2_container {width: 75%; margin:0 auto; height:100%; overflow:hidden; font-family:"Pretendard", sans-serif;padding-right: calc((100% - 1340px)/2);background: url('/assets/images/main202208/bg_depth.png') no-repeat right bottom;}
.header nav .gnb .sub2_container .depth_list2 {padding: 40px 0 10px;display: flex;flex-wrap: wrap;}
.header nav .gnb .sub2_container .depth_list2 .depth2_item {display:block; vertical-align:top;width: 25%;padding: 0 25px;margin-bottom: 30px;}
.header nav .gnb .sub2_container .depth_list2 .depth2_item .depth2_title {display:block; padding:5px 13px;background-color: #fff;border: 1px solid #d2d2d2;border-radius: 5px;color: #333;font-size: 18px; line-height:30px; letter-spacing:-0.025em; font-weight:600; transition:0.3s;}
.header nav .gnb .sub2_container .depth_list2 .depth2_item:hover .depth2_title {background: #ee7e7d; color:#fff;border-color: #ee7e7d;box-shadow: 5px 5px 6px rgb(96 96 96 / 16%);}
.header nav .gnb .sub2_container .depth3 {display:block; visibility:visible; overflow:unset;}
.header nav .gnb .sub2_container .depth3 .depth_list3 {padding:10px;}
.header nav .gnb .sub2_container .depth3 .depth_list3 .depth3_item {display:block; padding-left:9px; position:relative;}
.header nav .gnb .sub2_container .depth3 .depth_list3 .depth3_item:before {content:''; display:block; position:absolute;top: 13px; left:0;width: 2px;height: 2px;background-color: #af0019;}
.header nav .gnb .sub2_container .depth3 .depth_list3 .depth3_item > a {display:block;font-size: 16px; line-height:25px; color:#707070;}
.header nav .gnb .sub2_container .depth3 .depth_list3 .depth3_item > a:hover {text-decoration:underline; text-underline-position:under; color: #af0019;}




.header nav .gnb .rbox {padding:20px 0 25px 15px; display:table;}
.header nav .gnb .rbox > div {display:table-cell;vertical-align:middle;}
.header nav .gnb .rbox a {transition:all 0.3s ease-in-out;}
.header nav .gnb .rbox .top_sub .quick {display: block; width:200px; color:#666; margin-bottom:7px; overflow:hidden; border-radius: 25px 0 0 25px;}
.header nav .gnb .rbox .top_sub .quick span.quick_img {background:#fce3df; display:inline-block;border-radius:50%;}
.header nav .gnb .rbox .top_sub .quick span.quick_title {font-size:15px; display:inline-block; vertical-align:middle; margin:0 7px;}
.header nav .gnb .rbox .top_sub .quick:hover {box-shadow:2px 2px 5px #ccc; color:#333;}

.header nav .login-btn>.btn,.header nav .login-fn>.btn{display: block; font-size: 14px; font-weight:bold; line-height: 29px; padding: 8px 22px 8px 22px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.header nav .login-btn>.btn:hover,.header nav .login-fn>.btn:hover {color:#333 !important; background-color: #f1f1f1 !important;}
.header nav .login-btn>.btn img,.header nav .login-fn>.btn img{width:100%;height:auto;}

.header nav .login-fn{position:relative; float:left;}
.header nav .login-fn .login-fn-layer{display:none;position:absolute;top:40px;left:23px;margin-left:-53px;border-radius:5px;border:1px solid #c7c7c7; z-index: 50;} /* 2019/4/10 */
.header nav .login-fn .login-fn-layer .login-fn-btn:nth-child(1){border-bottom:1px solid #e1e1e1;}
.header nav .login-fn .login-fn-layer .login-fn-btn a{display:block;padding:15px 30px;color:#777;font-weight:bold;background:#fff;}
.header nav .login-fn .login-fn-layer .login-fn-btn a:hover{color:#3894db;background:#efefef;opacity:1;}
.header nav .login-fn .login-fn-layer .login-fn-btn:nth-child(1) a{border-top-left-radius:4px;border-top-right-radius:4px;}
.header nav .login-fn .login-fn-layer .login-fn-btn:nth-child(2) a{border-bottom-left-radius:4px;border-bottom-right-radius:4px;}

.serch-form-area .search-btn button i {font-size:23px}

.btn:active, .btn.active {-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0); box-shadow: inset 0 0 0 rgba(0,0,0,0)}

.main_contents .main_top{display: flex;flex-wrap: wrap;}
.main_contents .main_top-left{width: 49%; margin-right: 2%;}
.main_contents .main_top-right{width: 49%;}

.mobileGnb{position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
.mobileGnb .open_mobile_menu{width: 2em; height: 2.5em; background: url('/assets/images/main202208/btn-mobile_menu.png') no-repeat center / 100%;}
#gn_sub_header .mobileGnb{display: none;}

/* footer */
.gn_p_footer {display:block;}
.gn_m_footer {display:none;}
.footer.gn_p_footer  {font-family:"Pretendard", sans-serif; font-weight: 500; /*margin-top:26px;*/ position: relative;}
.footer_inner {max-width:1320px; margin:0 auto; display:block; position:relative;padding: 0 20px;}
.footer_inner:after {content: ''; display: block; clear: both; overflow:hidden;}
.footer.gn_p_footer .foot_link {/*border-top:1px solid #ccc;*/ border-bottom:1px solid #ccc; padding:15px 0; text-align:left;}
.footer.gn_p_footer .link_list {margin-bottom: 15px;}
.footer.gn_p_footer .link_list li {display:inline-block;}
.footer.gn_p_footer .link_list li a {display:block;padding: 0 15px; color:#333;font-size: 16px;  position:relative;}
.footer.gn_p_footer .link_list li a:hover {text-decoration:underline; text-underline-position:under;}
.footer.gn_p_footer .link_list ul {content:'';display:block;clear:both;}
.footer.gn_p_footer .link_list li:last-child a:after {display:none;}
.footer.gn_p_footer .link_list li:first-child a {font-weight: bold; padding-left:0;}
.footer.gn_p_footer .foot_copy {padding:40px 0; overflow:hidden;}
.footer.gn_p_footer .foot_copy .copy_area {float:left; /*margin-top:17px;*/ padding-left:155px; background:url("/assets/images/main2021/bg_footer_logo.png?20220630") left center no-repeat;}
.footer.gn_p_footer .foot_copy .copy_address p {font-family:"Pretendard", sans-serif; font-weight: 500;color:#777; letter-spacing:0;line-height: 1.1;}
.footer.gn_p_footer .foot_copy .copy_address p a {color:#000;}
.footer.gn_p_footer .foot_copy .copy_address p a:hover {text-decoration:underline;}
.footer.gn_p_footer .foot_copy .copy_img {float:right;}
.footer.gn_p_footer .foot_copy .copy_img a {display:inline-block; margin-left:20px; vertical-align:middle;}
.footer.gn_p_footer .foot_copy .copy_img .speed {display:inline-block; padding:6px 10px; background-color:#375587; color:#fff; font-size:12px; text-align:left; vertical-align:middle;}
.footer.gn_p_footer .foot_copy .copy_img .speed>a {cursor:pointer;color:#fff;margin:0;}
.footer.gn_p_footer .foot_copy .copy_img .speed>a:after {content:'+'; display:inline-block; color:#fff; width:9px; height:9px; margin-left:5px;}
.footer.gn_p_footer .foot_copy .copy_img .speed>.avg {list-style:none}
.footer.gn_p_footer .foot_copy .copy_img .speed>.avg>li {display:inline-block}
.footer.gn_p_footer .foot_copy .copy_img .speed>.avg>li>span.day {color:#e47171}
.footer.gn_p_footer .foot_copy .copy_img .speed>.avg>li>span.month {color:#bdc383}
.footer.gn_p_footer .foot_foot {display:none; border-top:1px solid #ccc; background:#e0e9eb; padding:18px 0;}
.footer.gn_p_footer .foot_foot p {padding-left:155px;}
.footer.gn_p_footer .foot_foot p > strong {display:inline-block; padding-right:10px; border-right:1px solid #ccc;}
.footer.gn_p_footer .foot_foot p > strong a:hover {text-decoration:underline; text-underline-position:under;}
.footer.gn_p_footer .foot_foot p > span {display:inline-block; margin:0 10px; font-size:13px;}
/* 2022-08-08 탑버튼 */
#scroll-top{display:none;position: absolute;right:60px;bottom: 215px;width: 50px;height: 50px;background-color: #fff;text-align: center;z-index: 5;border: 1px solid #d2d2d2;}
#scroll-top button{display: block;width: 100%;height: 100%; background: url('/assets/images/main202208/btn-top.png') no-repeat center / 100%; text-indent: -9999px;}
#page-back{display:none;position: absolute;right:60px;bottom: 264px;width: 50px;height: 50px;background-color: #fff;text-align: center;z-index: 5;border: 1px solid #d2d2d2;}
#page-back button{display: block;width: 100%;height: 100%;background: url('/assets/images/main202208/btn-back.png') no-repeat center / 100%; text-indent: -9999px;}

@media (max-width:1400px) {
	/* 탑버튼 */
	#scroll-top,
	#page-back{right: 15px}
}
@media (max-width:1240px) {
	/* 탑버튼 */
	#scroll-top{bottom: 120px;}
	#page-back{bottom: 170px;}
}

#gn_m_footer {background:#f2f2f2; text-align:center;}
#gn_m_footer .sns_links {padding:20px 0 0 0;}
#gn_m_footer .sns_links ul {display:table; width:70%; margin:0 auto;}
#gn_m_footer .sns_links li {display:table-cell; width:16.5%; text-align:center;}
#gn_m_footer .sns_links li a {display:inline-block; width:34px; height:34px; vertical-align:middle; border-radius:50px; background-color: #fff}
#gn_m_footer .sns_links li a > i {display:inline-block; width:20px; height:20px; margin:7px 0 0 0; background:url('') no-repeat center / 100%;}
#gn_m_footer .sns_links li a > i.ico_nb {background-image: url('/assets/images/main202208/icon_bottom_sns_bl.png');}
#gn_m_footer .sns_links li a > i.ico_yt {background-image: url('/assets/images/main202208/icon_bottom_sns_yt.png');}
#gn_m_footer .sns_links li a > i.ico_fb {background-image: url('/assets/images/main202208/icon_bottom_sns_fb.png');}
#gn_m_footer .sns_links li a > i.ico_ig {background-image: url('/assets/images/main202208/icon_bottom_sns_in.png');}
#gn_m_footer .sns_links li a > i.ico_tw {background-image: url('/assets/images/main202208/icon_bottom_sns_tw.png');}
#gn_m_footer .sns_links li a > i.ico_ka {background-image: url('/assets/images/main202208/icon_bottom_sns_ka.png');}
#gn_m_footer .sns_links li a > i.ico_tt {background-image: url('/assets/images/main202208/icon_bottom_sns_tt.png');}
#gn_m_footer .footer_logo {padding:0 0 25px;}
#gn_m_footer .footer_links {padding:20px;}
#gn_m_footer .footer_links a {display:inline-block; padding:0 10px; font-size: 1.077em; line-height:1.0em; color:#777; margin:5px 0; letter-spacing:-1.5px;}
#gn_m_footer .footer_links a:first-child {font-weight: 600;}
#gn_m_footer .footer_links a:nth-child(3), #gn_m_footer .footer_links a:last-child {border-right:0;}
#gn_m_footer .footer_copy{color: #777;}

/* //footer */

/* popup */
.top_layer{padding-left: 10px;}
.top_layer_cont.container{padding: 0; max-width: 100%; text-align: center;}
.top_layer_footer {font-size:13px; text-align:right; background-color:#4982c0; padding: 5px 10px; color:#fff;}
.top_layer_footer>.top_layer_reject {position:relative; padding-left:18px; margin-right: 10px; display:inline-block; padding-top:3px}
.top_layer_footer>.top_layer_reject>input {position:absolute;left:0;top:2px}
.top_layer_footer>.top_layer_close {padding:3px 10px;background:#011b56;color:#fff}

.popup_layer_footer {padding:5px 10px 5px 10px;font-size:13px;background-color:#43538a;color:#fff;overflow:hidden}
.popup_layer_footer>.popup_layer_reject {position:relative;padding-left:18px;display:inline-block;padding-top:3px}
.popup_layer_footer>.popup_layer_reject>input {position:absolute;left:0;top:2px}
.popup_layer_footer>button.popup_layer_close {padding:3px 10px;float:right;background:#112a62;color:#fff}
.popup_layer_footer>.popup_layer_close {padding:3px 10px;float:right;background:#112a62;color:#fff}

.mbDim {position:fixed; z-index:100; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.7); display:none;}
#fixedFloatBtn {display:none;}

/* 2022-08-08 탑버튼 */
#scroll-top{display:none;position: fixed;right:15px;bottom: 50px;width: 50px;height: 50px;background-color: #fff;text-align: center;z-index: 5;border: 1px solid #d2d2d2;}
#scroll-top button{display: block;width: 100%;height: 100%; background: url('/assets/images/main202208/btn-top.png') no-repeat center / 100%; text-indent: -9999px;}
#page-back{display:none;position: fixed;;right:15px;bottom: 100px;width: 50px;height: 50px;background-color: #fff;text-align: center;z-index: 5;border: 1px solid #d2d2d2;}
#page-back button{display: block;width: 100%;height: 100%;background: url('/assets/images/main202208/btn-back.png') no-repeat center / 100%; text-indent: -9999px;}


/* 상단 전자정부 누리집 배너 추가 2024.11.27. */
.top-guide{width:100%; background:#EDF1F5;}
.top-guide .top-guide-inner {display: flex; max-width: 1300px; margin: 0 auto; align-items: center; justify-content: space-between; position: relative;}
.top-guide .top-guide-inner .top-guide-area {width:100%; min-width:320px;}
.top-guide .top-guide-inner .top-guide-area p {display:flex;gap: 8px;padding: 9px 0;color: #000;font-size: 15px;align-items: center;}
.top-guide .top-guide-inner .top-guide-area p:before {content:'';width: 28px;height: 20px;background: url(../../image/202404/top-flag.svg) no-repeat center;background-size: contain;}


/* --------------------------------- 반응형 미디어 쿼리 ------------------------------------ */
@media screen and (max-width: 1240px){
	#gn_p_header_wrapper {display:none;}
	#gn_m_header_wrapper {display:block;/*padding:0 16px;*/ background:#fff; position:relative;border-bottom: 0;}
	.top-guide .top-guide-inner .top-guide-area{padding: 0 20px;}
	.footer-guide {margin:24px 0 0;}
	.footer-guide .footer-guide-inner .footer-guide-area{padding: 0 5px;}
}
@media screen and (max-width: 950px){
	body {min-width:auto;}
	.gn_mobile_ver {max-width:592px; margin:0 auto; background:#fff; overflow-x:auto;}
	.inner {width:auto;}

	/* header */
	#gn_p_header_wrapper {display:none;}
	#gn_m_header_wrapper {display:block; /*padding:0 16px;*/ background:#fff; position:relative;}
	.gn_m_header_top .logo {text-align:left; padding:10px 0; width:45%;}
	.gn_m_header_top .search-form-area {position:relative; width:55%;}
	.gn_m_header_top .search-form-area .search-icon {display:block; width:18px; height:29px; position:absolute; top:6px; left:0; background-image:url('/assets/images/main/mobile/new_mobile_bg_icon.png'); background-repeat:no-repeat; background-position:0px 0px;}
	.gn_m_header_top .search-form-area form {position:relative;}
	.gn_m_header_top .search-form-area input[type="text"] {width:100%;height: 40px;border:1px solid #ed9991 ;font-size:14px; padding:5px 6px; border-radius:22px !important;}
	.serch-form-area .search-btn {position:absolute; top:0; right:50px; width:43px; height:43px; text-align:center; border-radius:22px;}
	.gn_m_header_top .search-form-area .search-btn {position:absolute; top:0; right:0; width:40px; height:40px; text-align:center; border-radius:22px; background:#ed9991; box-shadow:1px 0px 4px #dbdbdb;}
	.gn_m_header_top .search-form-area .search-btn button {display:inline-block; width:43px; height:43px; background:url('/assets/images/main202203/bg_top_search_f.png') center no-repeat;}
	.gn_m_header_top .search-form-area .search-btn button i {font-size:20px; color:#b5b5b5;}
	.mobileGnb .open_mobile_menu span {display:block; width:100%; height:3px; margin-top:4px; background-color:#ed9991;}
	.header_menuTab_area.header_menuTab_fixed .mobileGnb {top:17px;}

	/* 기존 header */
	.header-top {display:none;}
	.header .nav_top {margin:0;}
	.header .nav_top>.h_center {width:100%; padding:0;}
	.header .nav_top>.h_center > div {float:left; padding:10px;}
	.header .nav_top>.h_center .logo {position:inherit; left:inherit; top:inherit;}
	.header .nav_top > .h_center .logo .web_logo {width:auto; height:auto;}
	.header .nav_top > .h_center .logo .web_logo a {position:inherit; left:inherit; bottom:inherit;}
	.header .nav_top > .h_center .logo .web_logo a img.pc_logo {display:none;}
	.header .nav_top > .h_center .logo .web_logo a img.mobile_logo {display:block; margin-top:5px;}
	.header .nav_top>.h_center .logo a {display:block;}
	.header .nav_top>.h_center .serch-form-area {display:none;}
	.header .nav_top .header_banner {display:none;}
	.header .nav_top .pc_dday_banner {display:none;}
	.header .nav_top .mb_dday_banner {display:block; box-shadow:0 -1px 0px 0 #cbcbcb; padding:10px 0; clear:both; position:relative;}
	.header .nav_top .header_dday {position:inherit; top:inherit; right:inherit; margin:0 auto;}
	.weather_info {display:none;}
	.header .nav_top > .h_center .mobileGnb .open_mobile_menu {width:22px;}
	.header .nav_top > .h_center .mobileGnb .open_mobile_menu span {display:block; width:100%; height:3px; margin-top:5px; background-color:#333;}
	.header .nav_top > .h_center .mobileGnb .open_mobile_menu,
	.header .nav_top > .h_center .mobileGnb .open_mobile_search {display:block;}
	.header .nav_top > .h_center .mobileGnb .open_mobile_menu {top:9px;}
	.header nav.navbar {display:none;}
	/* //기존 header */

	#gn_sub_header{max-width:592px;}
	#gn_sub_header.sub_header_fixed{left: 50%;transform: translateX(-50%);}
	#gn_sub_header .mobileGnb{display: block;}
	.header #gn_sub_header.nav_top > .h_center .logo{padding: 0 15px;}
	.header #gn_sub_header nav.navbar{display: block; min-height: auto;}
	.header #gn_sub_header nav .gnb > ul > li > a{font-size: 1.143em; padding: 0 8px; line-height: 40px;}
	.header #gn_sub_header nav .gnb > ul > li.active > a > span:before{width: 100%; border-radius: 0; height: 10px; top: auto; bottom: 10px; z-index: -1; background: #ffd6e0;}
	.scroll-progress{max-width:592px; top: 100%; left: 50%;transform: translateX(-50%);}
	.scroll-progress-bar{max-width:592px;}

	.gn_p_footer {display:none;}
	.gn_m_footer {display:block;}
	.footer_inner {width:auto; padding:0 10px;}

	.contents h4{font-size: 22px;margin-bottom: 15px;padding-bottom: 15px;}
	.contents h5{font-size: 18px;}
	.contents ul.list-depth1>li{font-size: 15px;}
	.contents blockquote{font-size: 15px;}
}

@media screen and (max-width: 480px){
	/* #sub-wrap{min-width: 480px;} */
	.header .nav_top > .h_center .logo{padding: 15px; padding-left: 20px;height: auto;max-width: 200px;}
	.mobileGnb .open_mobile_menu{width: 1.538em; height: 1.8em;}
	.mobileGnb{top: 47%; right: 20px;}

	#fixedFloatBtn {position:fixed; bottom:30px; right:10px; z-index:110; display:block;}
	#fixedFloatBtn .mobCallBtn {display:block; cursor:pointer; width:40px; height:40px;
		background-color:rgba(255, 255, 255, 0.8); background-image:url(/assets/images/main202203/mobile/mobile_moreBtn.png);
		background-repeat:no-repeat; border-radius:7px; border:1px solid #828282;
		-webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition: all 0.3s; position:relative;
		transition: all 0.3s; position:relative; z-index:113;
	}
	#fixedFloatBtn .mobCallBtn.open {-webkit-transform:rotate(225deg); transform:rotate(225deg);}
	#fixedFloatBtn .mobCallBtn span {font-size:0;}
	#fixedFloatBtn .mobBtnSet {position:relative; z-index:111;}
	#fixedFloatBtn .mobBtnList {width:300px; font-size:17px; color:#fff;position:absolute; bottom:0; right:0;}
	#fixedFloatBtn .mobBtnList li {position:absolute; right:0; bottom:0; display:none; z-index:112;}
	#fixedFloatBtn .mobBtnList.open li {display:block;}
	#fixedFloatBtn .mobBtnList li>div {display:inline-block; vertical-align:middle;}
	#fixedFloatBtn .mobBtnList li>.mob_title {margin-right: 8px;}
	#fixedFloatBtn .mobBtnList li:NTH-CHILD(1) >.mob_icon a {border:1px solid #fff;background: #fff;}
	#fixedFloatBtn .mobBtnList li:NTH-CHILD(2) >.mob_icon a {border:1px solid #fff;background: #fff;}
	#fixedFloatBtn .mobBtnList li:NTH-CHILD(3) >.mob_icon a {border:1px solid #fff;background: #fff;}
	#fixedFloatBtn .mobBtnList li:NTH-CHILD(4) >.mob_icon a {border:1px solid #0091d4;background: #0091d4;}
	#fixedFloatBtn .mobBtnList li >.mob_icon a i{color:#1ca6b5; position: relative;}
	#fixedFloatBtn .mobBtnList li:NTH-CHILD(1) >.mob_icon a i{font-size:18px;}
	#fixedFloatBtn .mobBtnList li:NTH-CHILD(2) >.mob_icon a i{font-size:20px;top: 1px;}
	#fixedFloatBtn .mobBtnList li:NTH-CHILD(3) >.mob_icon a i{font-size:21px;}
	#fixedFloatBtn .mobBtnList li:NTH-CHILD(4) >.mob_icon a i{font-size:24px;left: 2px; top: 3px;}
	#fixedFloatBtn .mobBtnList.open .li1 {bottom:60px;}
	#fixedFloatBtn .mobBtnList.open .li2 {bottom:120px;}
	#fixedFloatBtn .mobBtnList.open .li3 {bottom:180px;}
	#fixedFloatBtn .mobBtnList.open .li4 {bottom:240px;}
	#fixedFloatBtn .mobBtnList a {display:block; width:40px; height:40px; line-height:38px; text-align:center;border-radius:7px; font-size:18px; opacity: .8}
	#fixedFloatBtn .mobBtnList button {display:block; border:none; padding:0; width:40px; height:40px; line-height:38px; text-align:center; background:#fff; border-radius:50%; font-size:18px;}
	#fixedFloatBtn .mobBtnList .app {border:1px solid #0091d4; color:#0091d4;}
	#fixedFloatBtn .mobBtnList .doc {border:1px solid #f06666; color:#f06666;}
	#fixedFloatBtn .mobBtnList .modoom {border:1px solid #20bda8; color:#20bda8;}
	#fixedFloatBtn .mobBtnList .filter {border:1px solid #606060; color:#606060;}

	#fixedFloatBtn .totopBtn {display:none; position:relative; cursor:pointer; width:40px; height:40px;
		background-color:rgba(255, 255, 255, 0.8); background-image:url(/assets/images/main202203/mobile/mobile_topBtn.png);
		background-repeat:no-repeat; border-radius:7px; border:1px solid #828282;
	}
	#fixedFloatBtn .totopBtn span {font-size:0;}
}