@charset "utf-8";
html, body{scroll-behavior:smooth;}
body {overflow-x: hidden;}

.container {position: relative; width:100%; max-width:82rem; margin:0 auto; padding: 0 1rem;}
.container:after {display:block; clear:both; content:"";}

/* body{opacity:0;}
body.shOn{opacity:1;} */

/*헤더*/
.header {position: relative; z-index:998; width: 100%; height:5rem;}
.header .container {display: flex; align-items: center; justify-content: space-between; height: 100%;}
.header .container::after {display: none;}
.header.gnbTpop { height:calc(4.5rem + 55px); }

/* logo */
.header h1 { overflow:hidden; z-index:999; font-size: 0; }
.header h1 a {display: block;}
.header h1 img { width:auto; }
.header h1 .h1_m {display: none;}
.header .mob_btn { display:none; }


/* gnb 버튼영역 */
.header .gnb_btn{display: flex; align-items: center; z-index:12; width: fit-content; margin-left: 2rem; color:transparent; line-height:0; text-align:right; gap: 1.25rem;}
.header .gnb_btn a,
.header .gnb_btn button {font-size: 1.4rem; color: #333;}
.main .header .gnb_btn a,
.main .header .gnb_btn button {color: #333;}
.header .gnb_btn .tpop_control{float:right; margin-left:1rem; }
.header .gnb_btn .tpop_control a{display:block; position:relative; width:2.5rem; height:55px; background:#17356e url(/resources/images/T3_B_layout/ico_tpop.png) no-repeat center;}
.header .gnb_btn .tpop_control a:before{position: absolute; top:-0.25rem; right:-0.25rem; width:1rem; height:1rem; background:#43b53a url(/resources/images/T3_B_layout/btn_arr.png) no-repeat center; content:""; }
.header .gnb_btn .tpop_control a.on:before{-webkit-transform: rotate(180deg); transform: rotate(180deg);}

/* 검색 */
.header .search_btn { display:block; z-index:100; }
.header .search_btn button {padding: 0;}
.header .search { display: none; position:absolute; z-index:200; top:5rem; left:1rem; width:100vw; height: 16rem; margin-left: calc(0px - ((100vw - 79.9rem) / 2)); padding:1rem; border-radius: 0 0 4rem 4rem; background:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.header .search .inner { display: flex; flex-direction: column; align-items: center; justify-content: center; width:100%; height: 100%;}
.header .search h2 { margin-bottom:1.5rem; font-size:1.6rem;  color: #165998; line-height: 1; font-weight:700; font-family: 'GmarketSans'; }
.header .search_wrap { display:block; position:relative; width: 100%; max-width: 30rem; padding: 0.6rem 0.65rem; border: 4px solid #165998; border-radius: 1rem; background: #fff; }
.header .search_wrap::before {position: absolute; top: -5.7rem; left: -5.5rem; width: 8.55rem; height: 7.7rem; background: url(/images/web/evaluation/main/srch_img_01.png) no-repeat center / contain; content: '';}
.header .search_wrap::after {position: absolute; top: -4.35rem; right: -6.5rem; width: 7.8rem; height: 6.6rem; background: url(/images/web/evaluation/main/srch_img_02.png) no-repeat center / contain; content: '';}
.header .search input { width:100%; height:2.5rem; padding-left:2%; border:none; font-size:1rem; color:#666665; line-height:2.5rem; font-weight:400; }
.header .search input::-webkit-input-placeholder { color:#555; }
.header .search a.btn_top_sear { display:flex; align-items:center; justify-content:center; position:absolute; top:calc(50% - 1.5rem); right:0.35rem; width:3rem; height:3rem; border-radius: 0.6rem; background:#165998; font-size:1.5rem; color:#fff; line-height:1;}
.header .search_close { position:absolute; top:-3.7rem; right:50%; margin-right: -37.75rem;}
.header .search_close button { display:block; overflow:hidden; padding:0; background:#fff; font-size:1.65rem; }
.main .header .search_close button { background:#fff; }
.header .search_btn button { -ms-transition:all .3s ease; -webkit-transition:all .3s ease; transition:all .3s ease; }
#gnbShadow{ display:none; position:fixed; z-index: 10; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}

/* 전체메뉴 */
.header .fullmenu{ display:inline-block; overflow:hidden; z-index:12; width:1.15rem; }
.header .fullmenu span{display:block; float:left; width:100%; height:3px; margin:3px 0; background:#333; transition:all 0.3s ease;}
.main .header .fullmenu span{background:#333;}
.header .fullmenu:hover span{width:100% !important;}

/* web navigation */
/* gnb common */
#nav { position:absolute; z-index:10; top:0; width: 100%;}
#gnb { position:relative; z-index:2; height:5rem; }
#gnb li a { display:block; position:relative; line-height:1.4; font-weight:400; }
#gnb li a span { display:inline-block; position:relative; z-index:0; word-break:break-all; }
#gnb > .wrap { z-index:1; width:100%; max-width:60rem; margin: 0 auto;}
#gnb > .wrap > ul { display:flex; justify-content:center; width:100%; text-align:center;}
#gnb > .wrap > ul > li { font-size:0.8rem; line-height:1.6; text-align:left; }
#gnb > .wrap > ul > li > a { display:flex; align-items:center; justify-content:center; z-index:2; width:100%; height:5rem; padding:0 3rem; font-size:1rem; color:#222; line-height:1.2; font-weight:600;}
.main #gnb > .wrap > ul > li > a { color:#222;}
#gnb > .wrap > ul > li > a span {display: inline-block; position: relative;}
#gnb > .wrap > ul > li > a span::after{display: block; position: absolute; bottom: -0.4rem; left: 50%; width: 0; height: 0.1rem; background: #fff; transform: translateX(-50%); content: '';}
#gnb .depth02 { width:100%; height:auto; text-align:left; }
#gnb .depth02 .titBox { display:none; }
#gnb .depth02 li > a:after { position:absolute; top:.75rem; right:1rem; color:#003333; font-family:'xeicon'; content:'\e93e'; }
#gnb .depth02 > ul > li > a { padding:0.75rem 2.25rem 0.75rem 0.7rem; font-size:.8rem;  color:#003333; font-weight:400; }
#gnb .depth02 > ul > li > a:after {  top: 50%; right: 1rem; font-size: 1rem; color: #165998; font-family: 'remixicon'; transform: translateY(-50%); content: ""; text-align: center;}
#gnb .depth02 > ul > li > a span { padding:0 .15rem; }
#gnb .depth03 { display:none; position:relative; padding:.75rem 0; }
#gnb .depth03 > ul { margin:-.15rem 0; }
#gnb .depth03 > ul > li { padding:.15rem 0; }
#gnb .depth03 > ul > li > a { display:table; width:100%; padding-left:.75rem; font-size:.75rem; color:#333; table-layout:fixed; }
#gnb .depth03 > ul > li > a:before { position:absolute; top:.45rem; left:0; width:5px; height:5px; border-radius:50%; background:#93CFED; content:''; }
#gnb .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#009eb3; }
#gnb .mCSB_scrollTools .mCSB_draggerRail { background:#ccc; }
/* gnb : 하위 메뉴 존재 */
#gnb .depth02 > ul > li.dep.active > a:after {transform: translateY(-50%) }
#gnb .depth03 li:not(.dep) > a:after { display:none; }
#gnb .depth03 li.dep > a:after { display:block; top:0; right:0; content:'\e913'; }
/* gnb :새창 공통 */
#gnb > .wrap > ul > li > a[target="_blank"] > span:after { display:inline-block; margin-left:.5rem; font-family:'remixicon'; content:"\ecaf"; }
#gnb li > a[target="_blank"] > span:after,
#gnb li > a[target="_blank"] > strong:after { display:inline-block; margin-left:.5rem; font-family:'remixicon'; content:"\ecaf"; }
#gnb a,
#gnb li > a:before,
#gnb li > a:after,
#gnb > .wrap > ul > li > a span::after,
#gnb li > a > span:before { -webkit-transition:all .2s; transition:all .2s; }
/* gnb : active  */
#gnb li.on > a span::after { width: 100% !important; }
#gnb > .wrap > ul > li.on > a > span:before,
#gnb > .wrap > div > div > ul > li.on > a > span:before  { opacity:1; -webkit-animation:1s linear infinite linkAct; animation:1s linear infinite linkAct; }
#gnb .depth02 > ul > li.dep.active > a:after { content:'\EB79'; }
#gnb .depth02 > ul > li > a:not([target="_blank"]):hover::after{content:'\EB79';}
#gnb .depth03 > ul > li > a:hover{color: #1E4176; font-weight: 600;}
#gnb .depth03 > ul > li.active > a{color: #165998; font-weight: 700;}
#gnb .depth03 > ul > li.active > a:before{background: #165998;}
#gnb .active > .depth03 { display:block; }
#gnb .depth03 > ul > li.dep.active > a:after { color:#0d9a61 !important; content:'\e91a'; }
#gnb .active > .depth04 { display:block; }

/* gnb : fullDown */
#nav.fullDown ul,
#nav.fullDown li { height:100%; }
#nav.fullDown > #gnb > .wrap > ul > li { display:inline-block;float:none; font-size:.8rem; line-height:1.6; vertical-align:top; }
#nav.fullDown > #gnb > .wrap > ul > li ~ li > a{position: relative;}
#nav.fullDown > #gnb > .wrap > ul > li > a span:before{position:absolute; bottom:-0.4rem; left:0; width:0px; height:6px; background:#E9F2FD; content:''; transition:all 0.3s ease;}
#nav.fullDown > #gnb > .wrap > ul > li.on > a,
#nav.fullDown > #gnb > .wrap > ul > li.active > a,
#nav.fullDown > #gnb > .wrap > ul > li.current > a{color:#165998;}
#nav.fullDown > #gnb > .wrap > ul > li.active > a span:before,
#nav.fullDown > #gnb > .wrap > ul > li.current > a span:before{width:100%;}
#nav.fullDown .depth02 { position:absolute; top:5rem; left:50%; max-width:80rem; min-height:13rem; padding:1.5rem 0; visibility:hidden; opacity:0; -webkit-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition: 0.2s; transition: 0.2s;  transition-delay:.0s;  text-align:left;}
#nav.fullDown .depth02:before { position:absolute; z-index: -1; top:0; left:calc(50% - 1rem); width:100vw; height:100%; border-radius: 0 0 4rem 4.25rem; background:#fff; -webkit-transform:translateX(-50%); transform:translateX(-50%); content:'';  }
#nav.fullDown .depth02:after { position:absolute; top:0; left: -1rem; width:calc(21% + calc((100vw - 80rem) / 2)); height:100%; margin-left: calc(0px - ((100vw - 79.9rem) / 2)); border-bottom-left-radius: 4rem; background-color:#165998; content:''; }
#nav.fullDown .depth02 .titBox { display:block; overflow:hidden; position:absolute; z-index:1; top:0; left:0; width:20%; height:100%; letter-spacing:-0.05rem; text-align:right; }
#nav.fullDown .depth02 .titBox > p.tit { position:relative; padding:2.5rem 1rem 1rem 0; text-align:left;}
#nav.fullDown .depth02 .titBox strong { display:block;font-size:1.75rem; color:#fff; line-height: 1.2; font-weight:700; word-break: keep-all; visibility:hidden; opacity:0; -wekit-transform:translateY(1rem); transform:translateY(1rem); -webkit-transition:all .15s; transition:all .15s; }
#nav.fullDown .depth02 .titBox span { display:block; font-size:0.9rem; color:#fff; word-break:keep-all; visibility:hidden; opacity:0; -wekit-transform:translateY(1rem); transform:translateY(1rem); -webkit-transition:all .15s; transition:all .15s; text-align:left; }
#nav.fullDown .depth02 .titBox span em { font-weight:700; }
#nav.fullDown .depth02 > ul { display:flex; flex-wrap:wrap; width:77%; margin-left:auto; padding:0 1.5rem; line-height:0; }
#nav.fullDown .depth02 > ul > li { width:25%; padding: 0.6rem 0.5rem; line-height:1.6; vertical-align:top;}
#nav.fullDown .depth02 > ul > li > a {display: flex; align-items: center; height: 3rem; padding: 0 2.25rem 0 0.7rem; border:1px solid #CBD4D6; border-radius:0.6rem; background: #fff; font-size:0.9rem; color: #333; line-height: 1.2; font-weight: 500; -webkit-transition:all .15s; transition:all .15s; }
#nav.fullDown .depth02 > ul > li > a[target="_blank"]{padding:0 0.7rem;}
#nav.fullDown .depth02 > ul > li > a::before {position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; width: auto; height: auto; border: 1px solid rgba(7, 114, 237, 0.5); border-radius: 0.6rem; opacity: 0; content:'';}
#nav.fullDown .depth02 > ul > li > a span { word-break:keep-all; }
/* fullDown : active */
#nav.fullDown #gnb.active { height:auto; }
#nav.fullDown > #gnb > .wrap > ul > li.on > .depth02 { visibility:visible; opacity:1; }
#nav.fullDown .depth02 > ul > li.active > a { color:#165998; font-weight:700; }
#nav.fullDown .depth02 > ul > li.active > a:before { opacity:1; }
#nav.fullDown .depth02 > ul > li.dep .depth03 { display:block; padding: 0.75rem;}
#nav.fullDown .depth02 > ul > li.dep.active > a {color: #165998; font-weight: 700;}
#nav.fullDown .depth02 > ul > li.dep.active > a::before {opacity: 1;}
#nav.fullDown .depth02 > ul > li > a:hover {color: #165998; font-weight: 700;}
#nav.fullDown .depth02 > ul > li > a:hover::before {opacity: 1;}
#nav.fullDown > #gnb > .wrap > ul > li.on .depth02 .titBox > p::after{width: 3rem;}
#nav.fullDown > #gnb > .wrap > ul > li.on .depth02 .titBox strong,
#nav.fullDown > #gnb > .wrap > ul > li.on .depth02 .titBox span,
#nav.fullDown > #gnb > .wrap > ul > li.on .depth02 .titBox .img { visibility:visible; opacity:1; -webkit-transform:translateY(0); transform:translateY(0); }

#gnbblind {display:none; position:absolute; z-index:5; top:5rem; width:100%; height:100%; background:rgba(0,0,0,0.5);}

.js_mobile_check { display:none; position:absolute; top:-1000px; left:0; width:1px; height:1px; line-height:1px; }

/* 전체메뉴 */
.popFullmenu { display:none; position:fixed; z-index:999; top:0; left:0; width:100%; height:100%; background:linear-gradient(to top, #EAFFF8, #EEF5FFFC); }
.popFullmenu::before {position: absolute; top:0; left: 50%; width: 100%; height: 100%; margin-left: -22rem; border-top-left-radius: 7.5rem; background: #fff; content:'';}
.popFullmenu .fullmenu_wrap { overflow:auto; position:relative; width:95%; max-width:80rem; height:93%; margin:1.15rem auto 0; color:#666; line-height:0; }
.popFullmenu .fullmenu_wrap .fullmenu_util {display: none;}
.popFullmenu h2 { margin:0 0 1.5rem; font-size:2rem; }
.popFullmenu h2 + .group > li {display:flex; position: relative; width:100%; margin:0 0 0.75rem; font-size:0.8rem; line-height:1.3; vertical-align:top; }
.popFullmenu h2 + .group > li::after {position: absolute; bottom: 0; left: 50%; width: 200%; height: 1px; background: #ccc; transform: translateX(-50%); content:'';}
.popFullmenu h2 + .group > li > a {display:block; width: 21%; max-width: 16rem; padding:0.5rem 1rem; font-size:1.2rem; color:#111; font-weight:700; font-family: 'Pretendard'; word-break: keep-all;}
.popFullmenu h2 + .group > li > a > span {display:inline-block;  position: relative; }
.popFullmenu h2 + .group > li > a > span::after {position: absolute; top: -0.1rem; right: -0.75rem; width: 8px; height: 8px; border-radius: 50%; background: #165998; opacity: 0; content: '';}
.popFullmenu h2 + .group > li > a[target="_blank"] > span:after,
.popFullmenu h2 + .group > li > a[target="_blank"] > strong:after { display:inline-block; position:relative; margin-left:0.25rem; font-family:'remixicon'; content:"\ecaf"; }
.popFullmenu .depth02 { flex:1; margin:0.5rem 0.5rem 0; padding-left: 4rem; font-weight:200;}
.popFullmenu .depth02 .titBox {display: none !important;}
.popFullmenu .depth02 > ul {display: flex; flex-wrap: wrap; margin-bottom: 10px; gap: calc(1% * 4 / 3);}
.popFullmenu .depth02 > ul > li {width: 24%; margin-bottom: 13px;}
.popFullmenu .depth02 li a[target="_blank"] strong:after,
.popFullmenu .depth02 li a[target="_blank"] span:after { display:inline-block; position:relative; margin-left:0.25rem; font-family:'remixicon'; content:"\ecaf"; }
.popFullmenu .depth02 .group > li > a {display:flex; align-items: center; position: relative; height: 2.75rem; padding: 0 1.5rem 0 0.75rem; border: 1px solid #888; border-radius: 0.6rem; font-size: 0.9rem; color: #333; line-height: 1.2; letter-spacing: -1.5px; font-weight: 500;}
.popFullmenu .depth02 .group > li > a::before {position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; width: auto; height: auto; border: 2px solid #165998; border-radius: 0.6rem; opacity: 0; content:'';}
.popFullmenu .depth02 > .group > li > a::after {display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: 0.5rem; width: 1.15rem; height:1.15rem; border-radius: 50%; font-size: 1rem; color: #333; font-family: 'remixicon'; opacity: 1; transform: translateY(-50%); content: '\EA70';}
.popFullmenu .depth02 .group > li.dep > a:after { position:absolute; top:50%; right:0.85rem; color: #165998; font-family: 'remixicon'; opacity: 0; transform: translateY(-50%); content:"\EB79";}
.popFullmenu .depth02 .group > li > a[target="_blank"]::after {content: none;}
.popFullmenu .depth02 .group .group {overflow:hidden; margin:10px 10px 0 20px; background:rgba(255,255,255,0.2);}
.popFullmenu .depth02 .group .group > li > a {display:block; position:relative; height: auto; padding:3px 0 5px 12px; border: none; border-radius: 0; font-size:0.9rem; color: #666;}
.popFullmenu .depth02 .group .group > li > a:before{position:absolute; top:calc(50% - 2px); right: auto; bottom: auto; left:0; width:4px; height:4px; border: none; border-radius:50%; background:#BFC1C2; opacity: 1; content:"";}
.popFullmenu h2 + .group > li:hover > a > span::after {opacity: 1;}
.popFullmenu .depth02 > .group > li:hover > a{ color:#165998; font-weight: 700;}
.popFullmenu .depth02 > .group > li:hover > a:after { color:#165998; font-weight: 400;}
.popFullmenu .depth02 > .group > li:hover > a::before,
.popFullmenu .depth02 > .group > li.dep:hover > a::after {opacity: 1;}
.popFullmenu .depth02 .group .group > li > a:hover{color: #333;}
.popFullmenu .depth02 .group .group > li > a:hover::before {background: #333;}
.popFullmenu .depth02 strong { font-weight:inherit; }
.popFullmenu a,
.popFullmenu *:after,
.popFullmenu *:before { -ms-transition:all .3s ease; -webkit-transition:all .3s ease; transition:all .3s ease; }
#fullmenuClose{position:absolute; top:0; right:0.1rem; font-size: 2.2rem; color: #111;}
#fullmenuClose:hover{color: #165998;}

/* 새창 아이콘 */
.header #tm li > a[target="_blank"]:after{display:inline-block; position:relative; margin-left:0.25rem; font-family:'remixicon'; content:"\ecaf";}

/* 배너존 */
.banner { position:relative; width:100% }
.banner .bnZone { height:4.25rem;  border-top:1px solid #ddd;}
.banner .bnZone .inner { display: flex; overflow:hidden; align-items: center; position:relative; max-width:82rem; height:100%; margin:0 auto; padding: 0 1rem; }
.banner .bnZone h2 { display:block; margin-right: 1.5rem; font-size:1rem; font-weight:700; }
.banner .bnZone .control { display:flex; margin-right: 2.25rem; font-size:0;}
.banner .bnZone .control_inner { display:flex; align-items: center; height:100%; gap: 0.35rem; }
.banner .bnZone .control a { overflow:hidden; position:relative; width: 1.8rem; height: 1.8rem; border: 1px solid #d1d1d1; border-radius: 50%; font-size: 1.2rem; color: #000; line-height: 1.7rem; text-align: center; }
.banner .bnZone .control a.play {display: none;}
.banner .bnZone .bnList { overflow:hidden; flex: 1;}
.banner .bnZone .bnList .bnItem { float:left; height:100%; text-align:center }
.banner .bnZone .bnList .bnItem a { display:flex; align-items: center; justify-content: center; position:relative; height:2.5rem; margin-right:1.45rem; padding-right:1.45rem; font-size:0.8rem; color: #333; }
.banner .bnZone .bnList .bnItem a i { margin-left: 0.25rem; color: #a4a4a4; }
.banner .bnZone .bnList .bnItem a img { width: 100%; }
.banner .bnZone .bnList .bnItem a:before { position:absolute; top:calc(50% - 0.3rem); left:-1.45rem; width:1px; height:0.6rem; border-left: 4px dotted #e1e1e1; content:''; }
.banner .bnZone .bnList .bnItem a:hover,
.banner .bnZone .bnList .bnItem a:focus { text-decoration:underline }


/* footer */
.footer .area_footer { position:relative; background: #393738; color: #ddd; }
.footer .box_footer { position:relative; margin:0 auto; padding: 0 0 3rem; }

/* 사이트링크 */
.footer .footBtnWrap {border-bottom: 1px solid #565555;}
.footer .footBtnWrap .container {display: flex; align-items: center; justify-content: space-between;}
.footer .footBtn {float:left; position:relative; width:12.5rem;}
.footer .footBtn + .footBtn { margin-left:2%; }
.footer .footBtn button { overflow:hidden; position:relative; width:100%; height:3.75rem; padding:0; border:1px solid #565555; border-bottom: none; background:transparent; font-size:0.85rem; color:#fff; line-height:1rem; font-weight:400; font-family:"NotoSans"; text-align:left; }
.footer .footBtn button:hover { border-color:#18568b; }
.footer .footBtn button span { display:block; padding-right:2rem; padding-left:1.5rem; }
.footer .footBtn button:before,
.footer .footBtn button:after { display:block; position:absolute; top:50%; right:1rem; width:1rem; transform: translateY(-50%); }
.footer .footBtn button:before { background:#efefef; content:""; }
.footer .footBtn button:after { background: transparent; font-size:14px; font-family:'xeicon'; content:"\e944"; text-align:center;}
.footer .footBtn.on button:after { content: "\e941"; }
.footer .footBtn div { display:none; overflow-y:auto; position:absolute; z-index:10000; bottom:3.75rem; left:-1px; width:100%; border:1px solid #728197; border-bottom:0; }
.footer .footBtn ul li { border-top:1px solid #5d6a77; font-size:0.7rem; font-weight:400; }
.footer .footBtn ul li strong { display:block; padding:0.35rem 0.5rem; background:#343b42; color:#fff799; opacity:1; }
.footer .footBtn ul li:first-child { border:0; }
.footer .footBtn ul li ul { border-top:1px solid #5d6a77; }
.footer .footBtn ul li a { display:block; overflow:hidden; padding:0.35rem 0.5rem; background:#343b42; color:#d4dde7; opacity:0.9; }
.footer .footBtn ul li a:hover,
.footer .footBtn ul li a:focus,
.footer .footBtn ul li a:active { color:#fff; opacity:1; }
.footer .footBtn button,
.footer .footBtn button:after { transition:all 0.2s ease; }

/* 푸터 메뉴 */
.footer .footer_link {flex:1;}
.footer .footer_link ul {display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 2.5rem;}
.footer .footer_link li {position: relative; font-size: 0.85rem;}
.footer .footer_link li:first-child a {color:#fff; font-weight: 600;}
.footer .footer_link li ~ li::before {position: absolute; top: calc(50% - 2px); left: -1.35rem; width:4px; height:4px; border-radius: 50%; background: #cfcece; content:'';}

.footer .box_footer .box_info { position:relative; width: 100%; max-width: 82rem; margin:1.25rem auto 0; padding: 0 1rem; font-size:0.85rem; word-break:keep-all; }
.footer .box_footer .box_info address { display: flex; flex-wrap: wrap; gap: 0 1rem; }

/* 상단이동 */
.btn_top {display:flex; align-items:center; justify-content:center; position:fixed; z-index:99; right: 3.5rem; bottom:9.25rem; width:3.1rem; height:3.1rem; border-radius: 50%; background:#1D5B96; font-size: 0.85rem; color:#fff; text-transform:uppercase; transition: all 0.2s; text-align:center;}
.btn_top.scroll {bottom: 2.2rem;}
.btn_top::before {position: absolute; z-index: -1; top: -0.25rem; right: -0.25rem; bottom: -0.25rem; left: -0.25rem; width: auto; height: auto; border-radius: 50%; background: rgba(29, 91, 150, 0.3); content:'';}
.btn_top i { font-size:1rem; color:#fff; line-height:2.5rem; -webkit-animation:scrollTop 1s infinite linear; animation:scrollTop 1s infinite linear; }
.btn_top:hover,
.btn_top:focus { font-weight:400; }

@-webkit-keyframes scrollTop {
    0% {transform:translateY(0); -webkit-transform:translateY(0);}
    100% {transform:translateY(-10px); -webkit-transform:translateY(-10px);}
}
@keyframes scrollTop {
    0% {transform:translateY(0); -webkit-transform:translateY(0);}
    100% {transform:translateY(-10px); -webkit-transform:translateY(-10px);}
}


/* 퀵메뉴 */
.Quickmn { overflow: hidden; position:absolute; z-index:99; top: 16rem; left:50%; width:7.5rem; height:auto; margin-left:720px;  border-radius: 0.7rem; text-align:center; box-shadow: 5px 5px 3px rgba(38, 82, 126, 0.22);}
.Quickmn h2 { background:#0c3771; font-size:0.8rem; color:#fff; line-height:2rem; font-weight:400; }
.Quickmn ul { background:#fff;}
.Quickmn ul li a { display:block; padding: 1rem 0; font-size:0.7rem; color:#000001; line-height:0.9rem; font-weight: 600; word-break:keep-all; }
.Quickmn ul li.bcol a { background:#f1f4f9; }
.Quickmn ul li:hover a { text-decoration:underline; }
.Quickmn .mgnavi_depth_open,
.Quickmn .mgnavi_depth_close { display:block; position:relative; position:absolute; top:0.6rem; right:0; width:0.85rem; height:0.85rem; border:1px solid #bababa; background:#fff; font-size:0; cursor:pointer; }
.Quickmn .mgnavi_depth_close { display:none; }
.Quickmn .mgnavi_depth_open:before,
.Quickmn .mgnavi_depth_open:after { position:absolute; background:#000; content:""; }
.Quickmn .mgnavi_depth_open:before { top:0.25rem; left:0.4rem; width:1px; height:0.4rem; }
.Quickmn .mgnavi_depth_open:after { top:0.4rem; left:0.25rem; width:0.4rem; height:1px; }
.Quickmn .mgnavi_depth_close:after { position:absolute; top:0.4rem; left:0.25rem; width:0.4rem; height:1px; background:#000; content:""; }
.Quickmn .active .mgnavi_depth_open { display:none; }
.Quickmn .active .mgnavi_depth_close { display:block; }

/*===================================== 서브 =========================================*/
/* content */
#sub_container_wrap { position:relative; background:#fff;}

#sub_content{ flex:1; float:none; position:relative;}
.sub_content_wrap {display: flex;position:relative;max-width:80rem; min-height:44rem; margin:0 auto 90px;padding-top: 3.65rem;}
.sub_content_wrap:before { display:block; position:absolute; top:0; right:-5rem; left:-5rem; height:12.6rem; border-radius: 2.5rem; background: linear-gradient(90deg, #EFF7FF 0%, #E4F2FF 100%); content:""; }
.sub_content_wrap:after { position: absolute; top:0.5rem; right:6rem; width:19.95rem; height: 12.1rem; border-radius: 2.5rem; background: url(/images/web/evaluation/sub_cnt/sub_visual.png) no-repeat top right / contain; content:"";}
.sub_content_wrap:after { display:block; clear:both; content:""; }

#sub_content { float:right; width:calc(100% - 17rem); }
.subCntBody { position:relative; margin-top: 2.5rem; font-size:0.85rem; color:#222; line-height:1.5; word-break:keep-all;}

/* 왼쪽메뉴 */
#menu { position:relative; width:14rem; margin-right:3rem; }
#menu h2 { display:table; width:100%; height:7.5rem; padding:0 0.5rem; border-radius: 1.2rem; background: #165998; font-size:1.4rem; color:#fff; line-height:1.3; font-weight:700; table-layout:fixed; text-align:center;}
#menu h2 span { display:table-cell; vertical-align:middle; }
#menu .lnb {margin-top: 0.5rem;}
#menu .lnb > li { position:relative; padding: 0 1.25rem; border: 1px solid #D5D5D5; border-radius: 0.6rem; background: #fff; }
#menu .lnb > li ~ li {margin-top: 0.6rem;}
#menu .lnb > li > a { display:block; position:relative; padding:0.7rem 0 0.6rem; font-size:0.9rem; color:#333; line-height:1.4; font-weight:500; }
#menu .lnb > li > a[target="_blank"]:after { display:inline-block; position:relative; margin-left:0.25rem; font-family:'remixicon'; content:"\ecaf"; }
#menu .lnb > li:not(.open) > a:hover,
#menu .lnb > li:not(.open) > a:focus { text-decoration:underline; text-underline-position:under;}
#menu .lnb > li.dep01 > a,
#menu .lnb > li.open > a { padding-right:2.5rem; }
#menu .lnb > li.dep01 > a:before { display:flex; justify-content: center; position:absolute; top:calc(50% - 0.6rem); right:0; width:1.2rem; height:1.2rem; border-radius: 50%; background:#165998; color:#fff; line-height:1.3rem; font-weight: 400; font-family: 'remixicon'; content:"\EA4E";  transform:rotate(0deg); transition:transform 0.3s ease-in;}
#menu .lnb > li.dep01.open > a { color: #165998; font-weight:700; }
#menu .lnb > li.dep01.open > a:before {transform:rotate(180deg);}
#menu .lnb > li.current > a {color: #165998; font-weight: 700;}

#menu .subLnb { display:none; padding:0.5rem 0 0.8rem; border-top:1px solid #ccc; }
#menu .subLnb > li { position:relative; }
#menu .subLnb > li > a { display:block; position:relative; padding:0.3rem 0 0.3rem 0.75rem; font-size:0.85rem; color:#515151; font-weight:400; transition:color 0.3s ease;}
#menu .subLnb > li > a[target="_blank"] span:after { display:inline-block; position:relative; margin-left:0.25rem; font-family:'remixicon'; content:"\ecaf"; }
#menu .subLnb > li > a:hover,
#menu .subLnb > li > a:focus { color:#333; font-weight:400; }
#menu .subLnb > li > a:before { display:block; position:absolute; top:0.85rem; left:0.15rem; width:4px; height:4px; border-radius:50%; background:#BFC1C2; content:""; }
#menu .subLnb > li > a:hover,
#menu .subLnb > li > a:focus { font-weight: 700; }
#menu .subLnb > li > a:hover:before,
#menu .subLnb > li > a:focus:before { background:#333; }
#menu .subLnb > li > a span { -ms-transition:box-shadow 0.2s; -webkit-transition:box-shadow 0.2s; transition:box-shadow 0.2s; }
#menu .subLnb > li.open > a:before { background:#333; }
#menu .subLnb > li.dep01 > a:after { display:block; position:absolute; right:0; bottom:0.35rem; font-size:0.7rem; color:#000; font-family:'xeicon'; content:"\e9c5"; }
#menu .subLnb > li.dep01.open > a:after { display:block; position:absolute; right:0; bottom:0.35rem; font-size:0.7rem; color:#000; font-family:'xeicon'; content:"\e9c1"; }
#menu .subLnb > li.current > a { color:#165998; font-weight:700; }
#menu .subLnb > li.current > a:before { background:#165998; }
#menu .lnb > li.on > a { color:#165998; font-weight:700; }
#menu .lnb > li.open > a { color:#165998; font-weight:700; }
#menu .lnb > li.open .subLnb { display:block; }

#menu .subLnb2 { display:none; margin:0 1rem; padding:0.4rem 0; border:1px solid #e7e7e7; background:#fafafa; }
#menu .subLnb2 > li { position:relative; }
#menu .subLnb2 > li > a { display:block; position:relative; margin-left:1rem; padding:0.1rem 0.6rem; font-size:0.7rem; color:#515151; font-weight:400; }
#menu .subLnb2 > li > a[target="_blank"]:after { display:inline-block; position:relative; margin-left:0.25rem; font-family:'remixicon'; content:"\ecaf"; }
#menu .subLnb2 > li > a:hover,
#menu .subLnb2 > li > a:focus { color:#000; font-weight:400; text-decoration:underline; }
#menu .subLnb2 > li > a:before { display:block; position:absolute; top:0.65rem; left:0; width:4px; height:2px; background:#999; content:""; }
#menu .subLnb2 > li > a:hover:before,
#menu .subLnb2 > li > a:focus:before { background:#377bde; }
#menu .subLnb2 > li.open > a {border:1px solid #d7e5f9;background:#d7e5f9;background: linear-gradient(to right, #377ade, #d7e5f9);color:#fff;font-weight:700;box-shadow:rgba(0,0,0,0.2) 5px 5px 6px;}

/* sub 타이틀 */
#sub_content .title_area { position:relative; padding:1.6rem 0 2.9rem;}
#sub_content .title_area:after { display:block; clear:both; content:""; }
.title_area .location { display:flex; flex-wrap: wrap; align-items: center; font-size:0.85rem; }
.title_area .location span:not([id]) { position: relative; padding-left: 1.4rem; color:#666665;}
.title_area .location span:not([id])::before {position: absolute; top: 50%; left:0; margin: 0 0.2rem; font-size: 1rem; color: #666665; font-family: 'remixicon'; transform: translateY(-50%); content:'\EA6E';}
.title_area .location strong { position: relative; padding-left: 1.4rem; color:#666665;}
.title_area .location strong::before {position: absolute; top: 50%; left:0; margin: 0 0.2rem; font-size: 1rem; color: #666665; font-family: 'remixicon'; transform: translateY(-50%); content:'\EA6E';}
.title_area .location span:not([id]),
.title_area .location strong { font-weight:400; }
.title_area .location a.home { font-size: 1rem; color: #666665;}
.title_area .pageTitle { margin-top: 1rem; font-size:2rem; color:#000; line-height:1.8rem; letter-spacing:-0.01rem; font-weight:700; }

/* util dropdown */
.krds-drop-wrap { display: inline-flex; position: relative; width: 100%;}
.krds-drop-wrap .h-tit { margin-top: 1rem; padding:0; font-size:1.2rem; color:#000; letter-spacing:-0.01rem; font-weight:700; }
.krds-drop-wrap .h-tit em {display: inline-flex; align-items: center; justify-content: center; width: 0.9rem; height: 0.9rem; margin-left: 0.5rem; border: 1px solid #3D81EB; border-radius: 0.2rem; background: #3D81EB; color: #fff; font-weight: 400;}
.krds-drop-wrap .h-tit em i {transition: all 0.2s;}
.krds-drop-wrap .h-tit.active em {background: #fff; color: #3D81EB;}
.krds-drop-wrap .h-tit.active em i {transform: rotate(180deg);}
.krds-drop-wrap .drop-menu { display: none; position: absolute; z-index: 12; top: 100%; left: 0; width: 100%; margin-top: 0.5rem; padding: 0.4rem; border: 0.1rem solid rgba(61,129,235,0.65); border-radius: 0.4rem; background-color: #fff;}
.krds-drop-wrap .drop-menu .drop-in {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0.8rem;}
.krds-drop-wrap .drop-menu .drop-list {width: 100%;}
.krds-drop-wrap .drop-menu .drop-list li {display: block; margin-top: 0;}
.krds-drop-wrap .drop-menu .drop-list li a.item-link {display: flex; flex-direction: row; align-items: center; justify-content: flex-start; position: relative; width: 100%; height: 1.8rem; padding: 0 0.5rem; border-radius: 0.2rem; transition: background-color 0.2s ease;}
.krds-drop-wrap .drop-menu .drop-list li a.item-link::after {display: inline-flex; position: absolute; top: 50%; right:0.5rem; color: #165998; font-family: 'remixicon'; opacity: 0; transform: translateY(-50%); content: "\F2E5";}
.krds-drop-wrap .drop-menu .drop-list li a.item-link:hover {background-color: #ECF3FD;}
.krds-drop-wrap .drop-menu .drop-list li a.item-link:hover::after {opacity: 1;}
.krds-drop-wrap .drop-menu .drop-list li a.item-link:active {background-color: #ECF3FD;}
.krds-drop-wrap .drop-menu .drop-list li.current a.item-link {background-color: #ECF3FD; color: #165998; font-weight: 600;}
.krds-drop-wrap .drop-menu .drop-list li.current a.item-link::after {opacity: 1;}

/* sns */
.snsBox { display:flex; position:absolute; z-index:5; right:0; bottom:-0.8rem; width:auto; height:auto; }
.snsBox:after { display:block; clear:both; content:""; }
.snsBox button { display: flex; overflow:hidden; align-items: center; justify-content: center; float:left; width:1.6rem; height:1.6rem; border: 1px solid #ccc; border-radius: 50%; background: #fff; color:#666665; line-height:1; -webkit-transition: all .3s; transition: all .3s;}
.snsBox .btnShare { margin-left:0.25rem; }
.snsBox .btn_F { border-color: #0C5BFF; background: #0C5BFF; font-size: 0.8rem; color: #fff; }
.snsBox .btn_T { border-color: #000; background: #000; font-size: 0.7rem; color: #fff; }
.snsBox .btn_Y { background-position:-80px 0 ; }
.snsBox .btn_B { border-color: #03C75A; background: #03C75A; font-size: 0.9rem; color: #fff; }
.snsBox .btn_K { border-color: #F2DA00; background: #F2DA00; font-size: 0.9rem; color: #3A1C1D; }
.snsBox .btn_In { background-position:-200px 0 ; }
.snsBox .btn_Ks { background-position:-240px 0 ; }
.snsBox .btn_Bn { background-position:-280px 0 ; }
.snsBox .sns_more { display: flex; overflow:hidden; flex-direction: column; position:absolute; z-index:30; top:0; right:0; width: 1.6rem; opacity:0; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; pointer-events:none; gap:0.25rem; }
.snsBox .sns_more.open { z-index:2; opacity:1; }
.snsBox > button:hover,
.snsBox > button:focus,
.snsBox .sns_close:hover,
.snsBox .sns_close:focus {border-color: #165998; background: #165998; color: #fff;}

/* 만족도 조사 평가 */
#satisfaction {margin-top:2.5rem; font-size:0.8rem;}
#satisfaction .surveyWrap {display: flex; overflow: hidden; flex-direction: column; border: 1px solid #D5D5D5; border-radius:0.8rem; background: #fff;}
#satisfaction .surveyBox {display: flex; flex-wrap:wrap; justify-content:space-between; padding: 1.75rem 2rem 2.25rem; gap:0.75rem;}
#satisfaction .question {display:inline-flex; align-items:center; position: relative; gap:0.4rem; font-size:0.95rem; color: #222; font-weight:700;}
#satisfaction .question:before {display:inline-flex; align-items:center; justify-content:center; position:relative; width:2rem; height:2rem; background:#F1F5F9; border-radius:50%; font-size:1.1rem; font-weight:400; font-family: 'remixicon'; content: "\efbf";}
#satisfaction .answerBox {display: flex; align-items: center;}
#satisfaction .chk-area{display:flex;}
#satisfaction .opinion{display:flex; width:100%; height:2.8rem; gap:0.6rem;}
#satisfaction .opinion input{display:flex; position:relative; width:100%; height:100%; padding-left:1rem; padding-right:1.25rem; border:none; background:#f4f4f4; border:1px solid #f4f4f4; border-radius:0.5rem; font-size:0.8rem;}
#satisfaction .opinion input::placeholder{color:#666665;}
#satisfaction .opinion .btn_ny{flex-shrink:0; min-width:auto; width:7.05rem; height:100%; gap:0.3rem; border-radius:0.5rem; background:#165998; font-size:0.85rem; color:#fff; font-weight:500;}
#satisfaction .opinion .btn_ny:before{position:relative; font-size:0.85rem; font-family:'remixicon'; content: "\eb79";}
#satisfaction .contactBox {display: flex; flex-wrap:wrap; position:relative; align-items:center; justify-content:space-between; width:100%; min-height:3.1rem; margin-top:2.5rem; padding: 0.8rem 2rem; background:#F4F4F4; gap:0.25rem 0.5rem; border-radius:0.5rem;}
#satisfaction .contactBox ul {display: inline-flex; flex-wrap: wrap; gap:2.25rem;}
#satisfaction .contactBox ul li {position: relative;}
#satisfaction .contactBox dl {display: flex; align-items:center; position:relative; gap:0 0.25rem;}
#satisfaction .contactBox dl:before{display:inline-block; position:relative; font-size:0.85rem; color:#000; font-weight:400; font-family: 'remixicon';}
#satisfaction .contactBox ul li:nth-child(1) dl:before {content: "\f26e";}
#satisfaction .contactBox ul li:nth-child(2) dl:before {content: "\ec0e";}
#satisfaction .contactBox ul li:nth-child(3) dl:before {content: "\f548";}
#satisfaction .contactBox dl.edit:before{content: "\ec86";}
#satisfaction .contactBox dt,
#satisfaction .contactBox dd{font-size:0.85rem;}
#satisfaction .contactBox dt {position:relative; color: #222; font-weight: 600;}
#satisfaction .contactBox dd {color: #333;}
#satisfaction .contactBox p {display:block; position:relative; width:100%; font-size:0.9rem;}
#satisfaction .satisfiedBox + .surveyWrap {margin-top: 0.75rem;}
#satisfaction .opinion .btn_ny:focus-visible{outline-offset:-0.2rem; outline-color:#fff;}

/* 비밀번호변경 */
.subLogin{margin-top:100px;}

@media (max-width:1780px) {
    /* 퀵메뉴 */
    .Quickmn {display:none;}
}
@media (max-width:1640px) {
    /* 검색 */
    .header .search { left:0; width: 100%; margin-left: 0;}
    .header .search_close { right:3.35rem; margin-right: 0;}
    
    #nav.fullDown .depth02:after {width: 24%; margin-left: -1rem;}
    #nav.fullDown .depth02 > ul{width:80%;}
    #nav.fullDown .depth02 .titBox strong{font-size:1.5rem;}
    
    /* 전체메뉴 */
    .popFullmenu::before {left: 23%; margin-left: 0;}
    .popFullmenu .depth02 {padding-left: 5%;}
    
    /* 상단이동 */
    .btn_top {right: 1rem; bottom:2rem;}
}

@media (min-width:1201px) and (max-width:1640px) {
    .sub_content_wrap {padding-right: 1rem; padding-left: 1rem;}
    #localNaviDrop {display: none !important;}
}

@media (max-width:1420px) {
    #gnb > .wrap > ul > li > a {padding: 0 3.5vw;}
    #nav.fullDown .depth02 > ul > li{padding: 0.25rem 0.5rem;}
    #nav.fullDown .depth02 > ul > li > a{padding: 0.5rem 2.25rem 0.5rem 0.7rem;}
    #nav.fullDown .depth03{padding: 0.5rem 0;}
    
    /* gnb 버튼영역 */
    .header .gnb_btn{right:0.25rem; margin-right:0;}
    
    /* 퀵메뉴 */
    .Quickmn {display:none}
    
    /* 만족도 조사 평가 */
    #satisfaction .contactBox{flex-wrap:wrap; margin-top:2rem; padding:0.75rem 1.5rem;}
    #satisfaction .contactBox ul{gap:0.1rem 1rem;}
}

/********** media query mobile *************/
@media (min-width:1201px) {
    #nav.fullDown > #gnb > .wrap > ul > li.on > a span:after,
    #nav.fullDown > #gnb > .wrap > ul > li.active > a span:after,
    #nav.fullDown > #gnb > .wrap > ul > li.current > a span:after{display:none;}
    
    .krds-drop-wrap {display: none;}
    
    .subCntBody {margin-top: 3rem;}
    
    #localNaviDrop {width: 100%;}
}

@media (max-width:1280px) {
    .footer .footer_link { border-bottom:none; }
    .footer .footer_link ul { border-right:none; }
    
    /* 만족도 조사 평가 */
    #satisfaction .question{font-size:0.9rem;}
    #satisfaction .surveyBox{padding:1.25rem 1.5rem 1.5rem;}
    #satisfaction .opinion{height:2.5rem;}
    #satisfaction .opinion .btn_ny{font-size:0.8rem;}
    #satisfaction .contactBox{min-height:2.75rem;}
}

@media (max-width:1200px) {
    #wrap { overflow:visible; width:100%; min-width:280px; height:100%; }
    
    /** Header **/
    .main .header {position: relative; top:auto;}
    .main .header .search_close button {background: #fff;}
    .main .header .gnb_btn a,
    .main .header .gnb_btn button {color: #333;}
    .main .header .fullmenu span {background: #333;}
    .header{height:4.5rem;}
    .header.gnbTpop { height:4.5rem; }
    .header .search{top:4.5rem;}
    .header .search_close{top:-3.5rem;}
    .header #nav { display:none; }
    .header h1 a img,
    .popFullmenu h2 img{width:10rem;}
    .header h1 .h1_w {display: none;}
    .header h1 .h1_m {display: block;}
    
    #gnbblind{top:4.5rem;}
    
    /* 오늘의 날씨 */
    .header .infoToday{margin-right:3.5rem;}
    
    /* gnb 버튼영역 */
    .header .gnb_btn{top:1.2rem; right:2%;}
    .header .gnb_btn .tpop_control{position:fixed; right:1rem; bottom:1rem;}
    .header .gnb_btn .tpop_control a{ width:3rem; height:3rem; opacity:0.85;}
    .header .gnb_btn .tpop_control a:hover,
    .header .gnb_btn .tpop_control a:focus{opacity:1;}
    
    /************ 서브 ************/
    .sub_content_wrap, #sub_content, .subCntBody, #menu h2 {-moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
    
    .sub_content_wrap {flex-direction: column;}
    .sub_content_wrap:before {right:1rem; left:1rem; height: 7.5rem; border-radius: 1.3rem;}
    .sub_content_wrap:after {display: none;}
    
    /* sub 타이틀 */
    #sub_content .title_area { padding: 1rem 1rem 2.75rem;}
    .title_area .pageTitle {display: none;}
    .krds-drop-wrap .h-tit {margin-top: 0.5rem;}
    
    /* content */
    #sub_container_wrap, .sub_content_wrap { width:100%; }
    #sub_container_wrap { padding-top:0; }
    #sub_container_wrap:before { display:none; }
    .sub_content_wrap { margin:0 auto; padding-top: 0;}
    
    #sub_content { width:100%; margin:0; padding:0 1rem 1rem; }
    .subCntBody { margin-top: 2rem;}
    
    /* 왼쪽메뉴 */
    #menu { display: none; }
    #menu h2 { cursor:pointer; }
    #menu nav { display:none; }
    #menu nav { position:relative; border-bottom:1px solid #333; }
    #menu .lnb { border:0; }
    #menu .subLnb { background:#f7f7f7; }
    
    /* sns */
    .snsBox .btnPrint { display:none; }
    .snsBox { right: 1rem; bottom:1rem; }
}
@media (max-width:1024px) {
    .main .header .login_btn {display: none;}
    
    .header .fullmenu span{margin:2.5px 0;}
    
    /* 전체메뉴 */
    .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {height: 100%;}
    .popFullmenu { background:#165998; }
    .popFullmenu::before {left:11rem; border-top-left-radius: 0;}
    .popFullmenu .fullmenu_wrap { width: 100%; height: 100%; margin: 0;}
    .popFullmenu .fullmenu_wrap .fullmenu_util {display: block; position: absolute; top:4.5rem; width: 100%; background: #000;}
    .popFullmenu .fullmenu_wrap .fullmenu_util ul {display: flex; align-items: center; justify-content: space-between; height: 3.5rem;}
    .popFullmenu .fullmenu_wrap .fullmenu_util li {position: relative; width: 50%; text-align: center;}
    .popFullmenu .fullmenu_wrap .fullmenu_util li ~ li::before {position: absolute; top: calc(50% - 7px); left: 0; width: 1px; height: 14px; background: #808080; content: '';}
    .popFullmenu .fullmenu_wrap .fullmenu_util li a {display: block; color: #fff; font-weight: 600;}
    .popFullmenu .fullmenu_wrap .fullmenu_util li a i {font-weight: 400;}
    .popFullmenu h2 {width: 100%; height: 4.5rem; margin:0 0 5rem; padding:0.9rem 1rem; background: #fff; font-size:2rem;}
    .popFullmenu h2 + .group > li {position: static; width:11rem;}
    .popFullmenu h2 + .group > li::after {display: none;}
    .popFullmenu h2 + .group > li > a {width: 100%; padding:0.5rem 0.7rem; font-size:1rem; color:#fff; font-family: inherit;}
    .popFullmenu h2 + .group > li > a > span::after {top: -0.1rem; right: -0.75rem; width: 4px; height: 4px; background: #fff;}
    .popFullmenu h2 + .group > li.active > a > span::after,
    .popFullmenu h2 + .group > li.current > a > span::after {opacity: 1;}
    .popFullmenu .depth02 { position: absolute; top:9rem; left:12rem; width: calc(100% - 13rem); margin:0; padding:0;}
    .popFullmenu .depth02 > ul {flex-direction: column;}
    .popFullmenu .depth02 > ul > li {width: 100%; border-bottom: 1px solid #ccc;}
    .popFullmenu .depth02 .group > li > a {position: relative; height:2.5rem; padding: 0.5rem 0 0.5rem 0.75rem; border: none; border-radius: 0;}
    .popFullmenu .depth02 .group > li > a::after {display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; right: 0.5rem; width: 1.15rem; height:1.15rem; border-radius: 50%; font-size: 1rem; color: #333; font-family: 'remixicon'; opacity: 1; transform: translateY(-50%); content: '\EA70';}
    .popFullmenu .depth02 .group > li > a[target="_blank"]::after {content: none;}
    .popFullmenu .depth02 .group > li.dep a:after { color: #333; opacity: 1; content:'\EA4E';}
    .popFullmenu .depth02 .group > li.dep.active a {color: #0C869A; font-weight: 700;}
    .popFullmenu .depth02 .group > li.dep.active a:after { background: #DDF2F5; color: #0C869A; font-weight: 400; opacity: 1; content:'\EA78';}
    .popFullmenu .depth02 .group > li.active .group a {color:#666665; font-weight: 400;}
    .popFullmenu .depth02 .group > li.active .group a:after { width: auto; height: auto; background: none; color: #333; content:'';}
    .popFullmenu .depth02 .group > li .group a:hover {color:#333;}
    .popFullmenu .depth02 .group > li .group a:hover:after {content:'\F2E5';}
    .popFullmenu .depth02 .group > li.dep > a { padding-right:1rem; }
    .popFullmenu .depth02 > .group > li.current > a { color:#0C869A; font-weight: 700;}
    .popFullmenu .depth02 > .group > li.current > a::after { color:#0C869A;}
    .popFullmenu .depth02 > .group > li > a:hover{ color:#0C869A; font-weight: 700;}
    .popFullmenu .depth02 > .group > li > a:hover::after { color:#0C869A; font-weight: 400;}
    .popFullmenu .depth02 > .group > li > a:hover::before {opacity: 0;}
    .popFullmenu .depth03 {border-top: 2px solid #0C869A;}
    .popFullmenu .depth02,
    .popFullmenu .depth03 {display:none;}
    #fullmenuClose { top:1rem; right:0.5rem; }
    
    /* 만족도 조사 평가 */
    #satisfaction .question:before{width:auto; height:auto; background:transparent; font-size:1rem;}
}

@media (max-width:960px) {
    /* 배너모음 */
    .banner .bnZone h2 { display: none;}
    .banner .bnZone .control {margin-right: 1.5rem;}
}

@media (max-width:860px) {
    /* 만족도 조사 평가 */
    #satisfaction .surveyBox{gap:0;}
    #satisfaction .answerBox{width:100%; margin-top:0.5rem;}
    #satisfaction .opinion{margin-top:0.75rem;}
    #satisfaction .opinion .btn_ny{width:6.5rem;}
}

@media (max-width:768px){
    /* 검색 */
    .header .search {height: 12rem; border-radius: 0 0 1.5rem 1.5rem;}
    .header .search h2 {position: relative; margin-bottom:1rem; font-size:1.25rem;}
    .header .search h2::after {position: absolute; top: -1.6rem; right: -4rem; width: 3.25rem; height: 4.15rem; background: url(/images/web/evaluation/main/srch_img_03.png) no-repeat top center / contain; content:'';}
    .header .search_wrap {padding: 0.5rem;}
    .header .search_wrap::before,
    .header .search_wrap::after {display: none;}
    .header .search input { height:2rem; line-height:2rem;}
    .header .search a.btn_top_sear { top:calc(50% - 1.25rem); right:0.35rem; width:2.5rem; height:2.5rem; font-size:1.4rem; line-height:2.5rem;}
    
    /* 만족도 조사 평가 */
    #satisfaction .surveyBox{padding:1rem 1.25rem 1.25rem;}
    #satisfaction .contactBox{padding:0.75rem 1.25rem;}
}

@media (max-width:680px){
    /** Header **/
    .header { height:4rem; }
    .header.gnbTpop { height:4rem; }
    .header h1{float:none; margin-left:0; text-align:center;}
    .header .search_btn,
    .header .gnb_btn{top:0.75rem;}
    .header .search{top:4rem;}
    .header .search_close{top:-3.15rem; right:3.1rem;}
    #gnbblind{top:4rem;}
    
    #fullmenuClose{top:1rem; font-size:2rem;}
    .popFullmenu h2{height:4rem; padding:0.65rem 1rem;}
    .popFullmenu .fullmenu_wrap .fullmenu_util{top:4rem;}
    
    /* 오늘의 날씨 */
    .header .infoToday{display:none;}
    
    /* footer */
    .footer .footBtnWrap {border-bottom: none;}
    .footer .footBtnWrap .container {flex-direction: column;}
    .footer .footer_link {position: relative; width: 100%; padding: 1rem 0;}
    .footer .footer_link::after {position: absolute; right: -1rem; bottom: 0; left: -1rem; width: auto; height: 1px; background: #565555; content:'';}
    .footer .footBtn { float:none; width:100%; height: 2.75rem; margin-top: 1rem; border-bottom: 1px solid #565555; }
    .footer .footBtn button {height: 2.75rem;}
    .footer .footBtn div {bottom: 2.75rem;}
    .footer .footBtn + .footBtn { margin-top:0.5rem; margin-left:0; }
    
    /* 상단이동 */
    .btn_top {bottom:13rem; width:2.25rem; height:2.25rem; font-size: 0.7rem;}
    
    /* 만족도 조사 평가 */
    #satisfaction .surveyBox{padding:1rem;}
    #satisfaction .question{font-size:0.85rem; line-height:1.2;}
    #satisfaction .question:before{font-size:1rem; line-height:normal;}
    #satisfaction .answerBox{width:100%; }
    #satisfaction .chk-area{flex-wrap:wrap; width:100%;}
    #satisfaction .opinion{height:2.25rem;}
    #satisfaction .opinion input{font-size:0.75rem;}
    #satisfaction .opinion .btn_ny{width:6.05rem; padding:0 0.5rem;}
    #satisfaction .opinion .btn_ny:before{line-height:normal;}
    #satisfaction .contactBox{margin-top:1.5rem; padding:1.2em 1rem; gap:0.1rem;}
}

@media (max-width: 640px){
    .header .gnb_util .go { padding-right:1rem; background:#5aa2fb; }
    .header .gnb_util .go2 { padding-right:1rem; background:#43b53a; }
    .header .gnb_btn{gap:1rem;}
    
    .popFullmenu h2 + .group > li{width:9.5rem;}
    .popFullmenu h2 + .group > li > a{font-size:0.95rem;}
    .popFullmenu::before{left:9.5rem;}
    .popFullmenu .depth02{top:8.5rem; left:10.5rem; width:calc(100% - 11.5rem);}
    
    /* sub 타이틀 */
    .title_area .location{line-height:1.4;}
    .title_area .location span:not([id])::before,
    .title_area .location strong::before{line-height:1;}
    
    /* 만족도 조사 평가 */
    #satisfaction .opinion .btn_ny{width:6rem; font-size:0.8rem;}
}

@media (max-width:580px){
    .banner .bnZone {height: 3.5rem;}
    .banner .bnZone .control {margin-right: 0.5rem;}
    .banner .bnZone .control_inner {gap: 0.2rem;}
    .banner .bnZone .control a {width: 1.5rem; height: 1.5rem; font-size: 1rem; line-height: 1.4rem;}
    .banner .bnZone .bnList .bnItem a {font-size: 0.75rem;}
    
    /* 왼쪽메뉴 */
    #menu h1 { padding:0.3rem 0.8rem 0.45rem; background-position:97% 50%; text-align:left; }
    
    /* sub 타이틀 */
    .title_area .pageTitle { padding-bottom:0.9rem; font-size:1.2rem; letter-spacing:-1px; }
}

@media (max-width:480px) {
    .header h1 a img,
    .popFullmenu::before{left:9rem;}
    .header h1 a img,
    .popFullmenu h2 img{width:9rem;}
    .popFullmenu h2{padding:0.8rem 1rem;}
    .popFullmenu h2 + .group > li{width:9rem;}
    .popFullmenu h2 + .group > li > a{font-size:0.9rem;}
    .popFullmenu .depth02{left:9.7rem; width:calc(100% - 10.5rem);}
    .header.gnbTpop { height:3.5rem; }
    .header .gnb_btn {margin-left: 0; gap: 0.5rem;}
    .header .search{height:10rem;}
    .header .search_wrap{padding:0.4rem;}
    .header .search h2{font-size:1.15rem;}
    .header .search input{height:1.9rem; font-size:0.95rem; line-height:1.95rem;}
    .header .search a.btn_top_sear{top:calc(50% - 1.15rem); width:2.3rem; height:2.3rem; font-size:1.3rem; line-height:2.3rem;}
    .header .search_close{right:3rem;}
    
    /* 전체메뉴 */
    .header .fullmenu{width:30px; height:36px; padding:8px 5px;}
    .header .fullmenu span{margin:2px 0;}
    
    /* sns */
    .header .gnb_util .sns { display:none; }
    
    /*tpop_control*/
    .header .gnb_util .tpop_control { display:none; }
    
    /* 왼쪽메뉴 */
    #menu h1 {background-position:96% 50%}
    
    /* sub 타이틀 */
    .title_area .location span:not([id]),
    .title_area .location strong{padding-left:1.1rem;}
    .title_area .location span:not([id])::before,
    .title_area .location strong::before{margin:0;}
    
    /* footer */
    .footer .ft_logo img { width:auto; height:2rem; }
    .footer .footer_link ul{gap:0.25rem 7vw;}
    .footer .footer_link li ~ li::before{left:-3.8vw;}
    .footer .box_footer .box_info{display:flex; flex-direction:column; gap:0.25rem;}
    .btn_top{bottom:14.3rem;}
    
    /* 만족도 조사 평가 */
    #satisfaction .surveyBox{padding:1rem 0.75rem;}
    #satisfaction .question{font-size:0.8rem;}
    #satisfaction .opinion{flex-direction:column; height:auto;}
    #satisfaction .opinion input{height:40px; padding:0.75rem;}
    #satisfaction .opinion .btn_ny{width:100%; height:2rem; margin:0; font-size:0.75rem;}
}

@media (max-width:380px) {
    /* header */
    .header .gnb_util .go { display:none; }
    .header .container{padding:0 0.7rem;}
    .header h1 a img,
    .popFullmenu h2 img{width:8rem; height:39px;}
    .header .gnb_btn a,
    .header .gnb_btn button{font-size:1.3rem;}
    .header .search_close{top:-2.95rem; right:2.85rem;}
    
    .snsBox{bottom:0.8rem;}
    
    /* 전체메뉴 */
    .popFullmenu::before {left: 6.25rem;}
    .popFullmenu .fullmenu_wrap .fullmenu_util li a {font-size: 0.7rem;}
    .popFullmenu .fullmenu_wrap .fullmenu_util li a i {display: none;}
    .popFullmenu h2 {margin: 0 0 4.5rem; padding: 0.92rem 0.7rem;}
    .popFullmenu h2 + .group > li {width: 6.25rem;}
    .popFullmenu h2 + .group > li > a {font-size:0.9rem;}
    .popFullmenu h2 + .group > li > a > span::after{right:-0.4rem;}
    .popFullmenu .depth02 { left: 6.25rem; width: calc(100% - 6.25rem);}
    .popFullmenu .depth02 .group > li > a {font-size: 0.85rem; padding:0.5rem 0.7rem;}
    .popFullmenu .depth02 .group .group > li > a {font-size: 0.75rem;}
    
    /* 상단이동 */
    .btn_top {bottom:18.75rem;}
    
    /* 서브 */
    .container{padding:0 0.7rem;}
    .sub_content_wrap:before{left:0.7rem; right:0.7rem; height:7rem; border-radius:1.5rem;}
    #sub_content{padding:0 0.7rem 1rem;}
    
    /* sub 타이틀 */
    #sub_content .title_area { padding:0.85rem  1rem 2.25rem;}
    .title_area .location{font-size:0.8rem; line-height:1.2;}
    .title_area .location a.home{font-size:0.95rem;}
    
    .footer .box_footer .box_info{padding:0 0.7rem;}
    .footer .footer_link ul{gap:0.25rem 1rem;}
    .footer .footer_link li ~ li::before{display:none;}
}

@media (max-width:340px) {
    .header .search{height:8rem;}
    .header .search h2::after{display:none;}
    
    /* 만족도 조사 평가 */
    #satisfaction .contactBox dl{flex-wrap:wrap;}
}