@charset "utf-8";

@import url("/00_common/font/Pretendard/fonts.css");
@import url("/00_common/font/Paperlogy/fonts.css");
@import url("/00_common/font/Montserrat/fonts.css");
@import url("/00_common/font/GmarketSans/fonts.css");
@import url("/00_common/font/RemixIcon_Fonts_v4.6.0/remixicon.css");
@import url("/00_common/css/basic.css");

html, body {scroll-behavior:smooth;}
body {word-break: keep-all;}

#wrap { overflow:hidden; position: relative; letter-spacing:0; font-family:"Pretendard", "NanumGothic"; }
#wrap ::-webkit-scrollbar { width: 5px; }
#wrap ::-webkit-scrollbar-thumb { border-radius:10px; background-color: #aaa; }
#wrap ::-webkit-scrollbar-track { border-radius:10px; background-color: #ddd; }

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

*:focus{outline:none;}
*:focus-visible { outline-offset:0; outline:2px solid rgba(0, 0, 0, 0.8);}

/* slick slide common */
.slick-slider { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-slide { display: none; height: 100%; min-height: 1px; vertical-align: middle; }
.slick-list { overflow: hidden; }
.slick-list.dragging { cursor: pointer; }
.slick-initialized .slick-slide { display: inline-block; }
.slick-arrow.slick-hidden { display: none; }
.slick-current { display: block; opacity: 1; }
.slick-track { display: block; position: relative; top: 0; left: 0; margin-right: auto; margin-left: auto; }
/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display: inline-block; }

/* header */
#header { position: relative; z-index: 110; height:7.5rem; margin: 0 auto; background: #fff; }
#header:before { position: absolute; z-index:100; top: 3.75rem; left: 0; width: 100%; height: 1px; background: #ccc; content: ""; }
#header .top { width:96%; height: 3.75rem; padding:1.25rem 0 0; text-align:right; }
#header .top:after { display: block; clear: both; content: ""; }
#header h1 {position:relative; top: 22px; left: 0; }
#header h1 a {display:flex; align-items:center; position:relative; font-size: 0; gap:0.6rem; }
#header h1 a span,
.popFullmenu h2 span{padding-top:0.15rem; font-size:1.25rem; color:#004da0; line-height:1; font-weight:800; font-family:'Paperlogy';}

/* header - 링크 */
#header .topLink{display:inline-flex; position:relative; margin-left:0.75rem; padding-left:0.75rem;}
#header .topLink:before{display:block; position:absolute; top:calc(50% - 0.45rem); left:0; width:1px; height:0.9rem; background:#ccc; content:'';}
#header .topLink .link_wrap{position:relative;}
#header .topLink .link_wrap .link{display:flex; align-items:center; position:relative; gap:0.45rem;}
#header .topLink .link_wrap .link li a{display:flex; align-items:center; position:relative; width:auto; height:1.75rem; padding:0 0.8rem; border-radius:1.5rem; background:rgba(0, 77, 160, 0.1); font-size:0.85rem; color:#333; line-height:1; letter-spacing:-0.04em; transition:background 0.3s ease, color 0.3s ease;}
#header .topLink .link_wrap .link li a > i{margin-right:0.1rem;}
#header .topLink .link_wrap .link li a:hover,
#header .topLink .link_wrap .link li a:focus{color:#fff;}
#header .topLink .link_wrap .link li a:focus-visible{outline:2px solid #fff; outline-offset:-0.2rem}
#header .topLink .link_wrap .link li a.type01:hover,
#header .topLink .link_wrap .link li a.type01:focus{background:#004DA0;}
#header .topLink .link_wrap .link li a.type02:hover,
#header .topLink .link_wrap .link li a.type02:focus{background:#013268;}
#header .topLink .link_wrap .link li a.type03:hover,
#header .topLink .link_wrap .link li a.type03:focus{background:#3F97E5;}
/* header - 유틸리티 */
#header .topUtil {display: flex; align-items: center; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#header .topUtil .util_wrap {display: flex;  align-items: center;}
#header .topUtil .util_wrap ul {display: flex; align-items: center; position:relative; gap:0.7rem;}
#header .topUtil .util_wrap li {display:block; position: relative;}
#header .topUtil .util_wrap .mob{ display:none;}
#header .topUtil .util_wrap .user li.name{color:#222; font-weight:500;}

/* header - 유틸리티 : active */
#header .topUtil .util_wrap .user a:hover,
#header .topUtil .util_wrap .user a:focus {text-decoration: underline; text-underline-position:under;}
#header .topUtil .util_wrap .util a:hover,
#header .topUtil .util_wrap .util a:focus{outline:1px solid #5e5e5e;}

/* web navigation */
/* gnb common */
#blind{display:none; position:absolute; z-index:1; top:3.75rem; left:0; width:100%; height:200vh; background:rgba(0,0,0,0.5); }
#nav{ position:relative; z-index:99; width:100%; }
#gnb{ position:relative; z-index:2; height:50px; }
#gnb *:focus-visible{outline-color:#004da0; outline-offset:-0.3rem;}
#gnb:before{ position:absolute; z-index:2; top:calc(3.65rem + 1px); left:0; width:100%; height:1px; background:#ddd; content:''; }
#gnb li a{ display:block; position:relative; font-weight:400; }
#gnb li a span{ position:relative; z-index: 2; }
#gnb .depth01{ z-index:1; width:100%; max-width:81rem; margin:0 auto; }
#gnb .depth01 > ul{ display:flex; width:100%; text-align:center; }
#gnb .depth01 > ul > li{ flex:1; font-size:0.8rem; line-height:1.6; vertical-align:top; }
#gnb .depth01 > ul > li.on > a{color:#004DA0;}
#gnb .depth01 > ul > li > a{ display:inline-block; width:auto; height:3.75rem; padding:0 0.5rem; font-size:0.95rem; color:#333; line-height:1.2; font-weight:600; }
#gnb .depth01 > ul > li > a > span{ display:flex; align-items: center; justify-content: center; position:relative; height:100%; font-size:1.2rem;}
#gnb .depth01 > ul > li > a > span:before{ position:absolute; z-index:-1; bottom:0.85rem; left:50%; width:0px; height:9px; background:#E9F2FD; content:""; }
#gnb .depth01 > ul > li > a > span:after{ position:absolute; z-index:-1; top:calc(50% - 18px); left:calc(100% + 8px); width:0.4rem; height:0.4rem; border-radius:1px; background:#004DA0; transform: rotate(45deg) scale(0); transition: all 0.3s; content:""; }
#gnb .depth01 > ul > li > a > span:after:focus{outline:none;}
#gnb .depth01 > ul > li > a[target='_blank']:after{ display:inline-block; padding-left:0.25rem; font-size:0.9rem; font-family:'remixicon'; content:"\ecaf"; }
#gnb .depth01 > ul > li.on > a > span:before{ left:0; width:100%; }
#gnb .depth01 > ul > li.on > a > span:after{ transform: rotate(45deg) scale(1); }
#gnb .depth02{ width:100%; height:auto; text-align:left; }
#gnb .depth02 > ul{ padding:0.75rem; }
#gnb .depth02 > ul > li + li{ margin-top:0.35rem; }
#gnb .depth02 > ul > li.dep > a{ padding-right:3rem;}
#gnb .depth02 > ul > li.dep > a:before{position:absolute; z-index: 2; font-weight:400; font-family: 'remixicon'; content:"\ea4e"; }
#gnb .depth02 > ul > li > a{ padding:0.55rem 1.15rem; border-radius:0.5rem; background:#eaf7ff; font-size:0.75rem; font-weight: 500; }
#gnb .depth02 > ul > li > a[target='_blank'] > span:after{ display:inline-block; padding-left:0.25rem; font-family:'remixicon'; content:"\ecaf"; }
#gnb .depth03{ display:none; position:relative; }
#gnb .depth03 > ul{}
#gnb .depth03 > ul > li + li{margin-top:0.6rem;}
#gnb .depth03 > ul > li > a{padding-left:0.7rem; font-size:0.9rem; color:#2E2E2E; line-height:1.6; }
#gnb .depth03 > ul > li > a:before{ position:absolute; top:0.55rem; left:0; width:5px; height:5px; border-radius:50%; background:#B9B9B9; content:""; }
#gnb .depth03 > ul > li > a[target='_blank'] > span:after{ display:inline-block; padding-left:0.15rem; font-family:'remixicon'; content:"\ecaf"; }
#gnb .depth03 > ul > li > a:hover,
#gnb .depth03 > ul > li > a:focus{font-weight: 600; }
#gnb .depth03 > ul > li > a:focus:before,
#gnb .depth03 > ul > li > a:hover:before{background:#0772ED;}
#gnb .titBox{ display:none; }
#nav a,
#gnb li > a > span:before{transition: all 0.3s;}

#gnb .active > .depth03{ display:block; }
#gnb .depth02 > ul > li > a:hover{color:#007edd; }
#gnb .depth02 > ul > li.dep.active > a:before{content:"\ea4e"; }
#gnb .depth02 > ul > li.active > a{ background:#007edd; color:#fff; }

/* gnb : oneFull */
#nav.oneFull #gnb{ height:3.75rem;}
#nav.oneFull ul,
#nav.oneFull li{ height:100%; }
#nav.oneFull .depth01{ padding-right:6rem; }
#nav.oneFull .depth01 > ul{width:100%; text-align:center; gap:2.25rem;}
#nav.oneFull .depth01 > ul > li{flex:unset; font-size:0.8rem; line-height:1.6; vertical-align: top; }
#nav.oneFull .depth02{ display:none; overflow:hidden; position:absolute; z-index:5; top:3.75rem; left:0; min-height:19rem; transition-delay: 0.0s; text-align:left; }
#nav.oneFull .depth02:before{ position:absolute; z-index:0; top:0; left:0; width:100%; height:0; background:#fff; opacity: 0; content:""; box-shadow:0 5px 10px rgba(0,0,0,0.1); }
#nav.oneFull .depth02 > ul{display:flex; flex-wrap:wrap; width:100%; max-width:80rem; margin:0 auto; padding:3.5rem 0 4.5rem 23.7rem; font-size:0; line-height:0; gap:1.5rem 1.1rem; }
#nav.oneFull .depth02 > ul > li{ display:flex; flex-direction:column; position:relative; width:calc((100% - 3.3rem) / 4); font-size:0.8rem; line-height:1.6; vertical-align: top; }
#nav.oneFull .depth02 > ul > li + li{ margin-top:0; }
#nav.oneFull .depth02 > ul > li > a{ z-index: 1; width:100%; }
#nav.oneFull .depth02 > ul > li > a:before{display:flex; align-items:center; justify-content:center; position:absolute; top:0.6rem; right:1.2rem; width:1.5rem; height:1.5rem; border:1px solid #ccc; border-radius:50%; background:#fff; color:#444; line-height:normal; font-weight:400; font-family: 'remixicon'; transform:rotate(0deg);}
#nav.oneFull .depth02 > ul > li.dep > a:before{ content:"\ea4e"; }
#nav.oneFull .depth02 > ul > li > a[target="_blank"]:before{width:auto; border:none; background:none; content:"\ecaf"; }
#nav.oneFull .depth02 > ul > li > a[target="_blank"] > span:after{ display:none; }
#nav.oneFull .depth02 > ul > li > a{border:1px solid #ccc; background:none; font-size:1rem; color:#444; line-height:1.6; }
#nav.oneFull .depth03{padding:1rem 1.2rem 0;}
#nav.oneFull .titBox{ display:block; position:absolute; top:0; left:calc(50% - 40rem); width:20rem; height:100%; margin-bottom:0; padding:3.6rem 0;}
#nav.oneFull .titBox:before{ position:absolute; top:0; right:0; width:400%; height:100%; border-top-right-radius:6rem; background:linear-gradient(45deg, #1366C5 0%, #0772ED 100%); content:""; }
#nav.oneFull .titBox:after{ position:absolute; z-index: 1; right:1.1rem; bottom:-0.65rem; width:12.1rem; height:11.95rem; background:url('/00_common/images/common/gnb_oneFull_ico.png') no-repeat center/cover; content:""; }
#nav.oneFull .titBox > *{ display:block; position:relative; }
#nav.oneFull .titBox > p{margin-top:0.5rem; font-size:1rem; color:rgba(255, 255, 255, 0.6); line-height:1.5; letter-spacing:0.06em; font-weight:300;}
#nav.oneFull .titBox strong{margin-top:0.4rem; font-size:2rem; color:#fff; line-height:1.3; font-weight:800; }
/*#nav.oneFull .titBox strong:before{ position:absolute; bottom:0; left:0; width:4rem; height:3px; background:#0077d1; content:""; }*/
/** oneFull:active **/
#nav.oneFull #gnb.active{ height:auto; }
#nav.oneFull .depth02 > ul > li:not(.active) > a:hover,
#nav.oneFull .depth02 > ul > li:not(.active) > a:focus,
#nav.oneFull .depth02 > ul > li.dep.active > a{border-color:rgba(7, 114, 237, 0.5); background:#F0F7FE; color:#004DA0; font-weight:700;}
#nav.oneFull .depth02 > ul > li.dep > a:hover:before,
#nav.oneFull .depth02 > ul > li.dep > a:focus:before,
#nav.oneFull .depth02 > ul > li.dep.active > a:before{border:1px solid #afcce9; background:#fff; color:#004DA0;}
#nav.oneFull .depth02 > ul > li.dep.active > a:before{transform:rotate(180deg); content:"\ea4e";}
#nav.oneFull .depth01 > ul > li.on > .depth02{ display:block; }
#nav.oneFull .depth01 > ul > li.on > .depth02:before{ height:100%; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; }
#nav.oneFull .depth02 > ul > li > a:hover[target="_blank"]:before,
#nav.oneFull .depth02 > ul > li > a:focus[target="_blank"]:before{color:#004DA0;}

/* 통합검색 */
.nav_util{display:flex; position:absolute; z-index:998; top:4.7rem; right:calc(50% - 40rem); gap:1.6rem;}
.nav_util > a,
.nav_util > button{width:1.8rem; height:1.8rem; padding:0;}
.nav_util > a img,
.nav_util > button img{width:100%; height:100%;}
body:not(.m-search) .nav_util .srch_btn{display:none;}
.nav_util .sitemap{display:none;}
/* 통합검색 */
.box_search_0{display:none; position:absolute; top:7.4rem; left:0; width:100%; height:auto; padding:1.5rem 0.9rem 2rem; border-top:1px solid #F2F8FF; background:#F2F8FF; border-radius:0; transform: none;}
.box_search_0:before{display:block; position:absolute; z-index:-2; top:0; left:0; width:100%; height:100vh; background:rgba(0, 0, 0, 0.5); content:'';}
.box_search_0 form{display:flex; flex-direction:column; position:relative; width:100%;}
.box_search_0 h3{display:flex; align-items:center; justify-content:center; position:relative; font-size:1.2rem; color:#222; line-height:1.2; font-weight:700;}
.box_search_0 .sch_wrap{display:flex; justify-content:center; position:relative; width:100%; margin-top:0.75rem; gap:0.4rem;}
.box_search_0 input{min-width:0; width:22rem; height:2.4rem; padding:0 0.85rem; border:1px solid #000; border-radius:0.5rem; background: #fff; font-size:0.9rem; color:#222;}
.box_search_0 input::placeholder{color:#757575;}
.box_search_0 .srch_btn{display:flex; flex-shrink:0; align-items:center; justify-content:center; overflow:hidden; position:relative; width:2.4rem; height:2.4rem; padding:0; border-radius:0.4rem; background:#0772ED;}
.box_search_0 .srch_btn img{width:1.2rem; height:1.2rem; filter:brightness(100);}
.box_search_0 .srch_btn:focus{outline-color:#fff; outline-offset:-0.2rem;}
/* 검색 */
#searchOpen{display:flex; align-items:center; justify-content:center; border-radius:0.5rem; background:#fff;}
#searchOpen.active{background:#5E5E5E;}
#searchOpen.active > img{width:auto; height:auto;}

/* 전체메뉴 */
.fullmenu{}
.fullmenuClose{display:flex; align-items:center; justify-content:center; position:absolute; top:1.25rem; right:1rem; width:1.7rem; height:1.7rem; border-radius:0.5rem; background:#004DA0; transition: all 0.3s; text-align:center; }

.popFullmenu{display:none; position:fixed; z-index:999; top:0; left:0; width:100%; height:100vh; background:#f7fcff; }
.popFullmenu .fullmenu_wrap{overflow:hidden; position:relative; height:100%; }
.popFullmenu .fullmenu_group{ height:100%; }

.popFullmenu h2{ display:flex; align-items:center; position:relative; max-width:72rem; height:4.2rem; margin:0 auto; padding:0 1rem; font-size:1.25rem; color:#000; line-height:1; font-weight:700; gap:0.6rem; }
.popFullmenu h2 span{ display:block; position:relative;}

.popFullmenu .titBox{ display:none; }
.popFullmenu .depth01 { overflow-y: auto; max-width:72rem; max-height:calc(100% - 9rem); margin:2rem auto; padding:0 1rem; }
.popFullmenu .depth01 > ul > li{ font-size:0.8rem; line-height:1.3; vertical-align:top; }
.popFullmenu .depth01 > ul > li + li{ margin-top:2rem; }
.popFullmenu .depth01 > ul > li > a{display:block; overflow:hidden; position:relative; font-size:1.2rem; color:#111; font-weight:700; }
.popFullmenu .depth02 > ul{ display:flex; flex-wrap: wrap; width:calc(100% + 2rem); margin-top:1rem; margin-left:-1rem; }
.popFullmenu .depth02 > ul > li{ width:25%; padding:0 1rem 2.5rem; }
.popFullmenu .depth02 > ul > li > a{ display:block; position:relative; z-index: 1; padding:0.75rem 1rem; border:2px solid #a6d9f8; border-radius:0.75rem; background:#fff; color:#000; font-weight:500;}
.popFullmenu .depth02 > ul > li > a:before{position:absolute; top:50%; right:0.9rem; width:1.75rem; height:1.75rem; border:1px solid rgba(0, 77, 160, 0.4); border-radius:50%; background:#fff; font-size:0.95rem; color:#fff; line-height:1; font-weight:400; font-family: 'remixicon'; transform:translateY(-50%) rotate(0deg);  transition:transform 0.3s;}
.popFullmenu .depth02 > ul > li.dep > a:before{ content:"\ea4e"; }
.popFullmenu .depth02 > ul > li > a[target="_blank"]:before{ content:"\ecaf"; }
.popFullmenu .depth03{ margin-top:-1rem; padding:1.5rem 1rem 0.5rem; border:1px solid #ccc; border-radius: 0 0 0.75rem 0.75rem; background:#F5F5F5; }
.popFullmenu .depth03 > ul{display:flex; flex-direction:column; position:relative; gap:0.75rem;}
.popFullmenu .depth03 > ul > li > a{display:block; position:relative; padding-left:12px; font-size:0.9rem; }
.popFullmenu .depth03 > ul > li > a:before{display:block; position:absolute; top:0.45rem; left:0; width:5px; height:5px; border-radius:50%; background:#bbb; content:""; }
.popFullmenu .depth02 > ul > li > a[target="_blank"] span:after,
.popFullmenu .depth03 > ul > li > a[target="_blank"] span:after{ display:inline-block; margin-left:0.25rem; font-weight: 400; font-family:'remixicon'; content:"\ecaf"; }
.popFullmenu .depth01 a,
.popFullmenu .depth01 a:before{ -webkit-transition: all 0.3s; transition: all 0.3s; }
.popFullmenu .depth01 > ul > li > a:hover,
.popFullmenu .depth01 > ul > li > a:focus{ color:#fff; font-weight:700; }
.popFullmenu .depth01 > ul > li > a:focus,
.popFullmenu .depth02 > ul > li > a:focus{ outline-offset:-0.3rem;}
.popFullmenu .depth02 > ul > li > a:hover{ border-color:#0077d1; background:#0077d1; color:#fff; }
.popFullmenu .depth02 > ul > li > a:hover:before{ background:#fff; color:#0077d1; }
.popFullmenu .depth03 > ul > li > a:hover{color:#111; text-decoration:underline; text-underline-position:under;}

.popFullmenu .popUntil{display:none; }
/* 전체메뉴 :action */
html.fullmenuOpen{overflow:hidden; }
.popFullmenu .fullmenu_group .depth01 > li > a:hover,
.popFullmenu .fullmenu_group .depth01 > li > a:focus{color:#fff; }
.popFullmenu .fullmenu_group .depth01 > li > a:hover:before,
.popFullmenu .fullmenu_group .depth01 > li > a:focus:before{top:0;}
.popFullmenu a:hover > span:before,
.popFullmenu a:focus > span:before{width:100%;}

/* 사이트링크 */
#footer .footBtnWrap{display:flex; position:relative; width:100%; gap:0.8rem;}
#footer .footBtn{flex:1; position:relative;}
#footer .footBtn button{display:flex; align-items: center; justify-content: flex-start; position:relative; width:100%; height:3rem; padding:0 2rem 0 1rem; border:1px solid #E0E0E0; border-radius:0.4rem; background:#fff; font-size:1.1rem; color:#2E2E2E; line-height:1.2; font-weight:600; text-align:left;}
#footer .footBtn button:before,
#footer .footBtn button:after{position:absolute; top:50%; right:1rem; width:0.5rem; height:2px; background:#2E2E2E; transform:translateY(-50%); content:'';}
#footer .footBtn button:after{transform:translateY(-50%) rotate(90deg); transition:transform 0.3s ease;}
#footer .footBtn div{display:none; overflow-y:auto; position:absolute; z-index:50; bottom:3rem; left:0; width:calc(100% + 1px); max-height:12rem; border:1px solid #E0E0E0; border-radius:0.4rem;}
#footer .footBtn ul li{border-top:1px solid #E0E0E0;}
#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:flex; overflow:hidden; align-items:center; height:2.45rem; padding:0 1.5rem; background:#fff; transition:background 0.3s ease;}
#footer .footBtn ul li a > span{font-size:1rem; color:#5e5e5e; line-height:1; font-weight:500; transition:color 0.3s ease;}
/* 사이트링크  :action */
#footer .footBtn ul li a:hover,
#footer .footBtn ul li a:focus,
#footer .footBtn ul li a:active{background:#E0E0E0;}
#footer .footBtn ul li a:hover span,
#footer .footBtn ul li a:focus span,
#footer .footBtn ul li a:active span{color:#2E2E2E;}
#footer .footBtn ul li a:hover span,
#footer .footBtn ul li a:focus span,
#footer .footBtn ul li a:active span{text-decoration:underline; text-underline-position:under;}
#footer .footBtn button:focus,
#footer .footBtn.on button{border:1px solid #2e2e2e;}
#footer .footBtn.on button:after{transform:translateY(-50%) rotate(0deg);}
#footer .footBtn button,
#footer .footBtn button:before{-moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
#footer .footBtn ul li a:focus-visible{outline-offset:-0.2rem;}
#footer .footBtn button:focus-visible{outline-offset:-0.3rem;}

/* footer */
#footer{position:relative; padding:2rem 0; border-top:1px solid #cacaca; background:#fff; font-size:1.05rem; color:#2e2e2e; line-height:1.5; font-weight:400;}
#footer .f-info{position:relative; margin-top:1.4rem;}
#footer .footer_link{overflow:hidden; margin-bottom:1rem;}
#footer .footer_link .link_wrap{display:flex; overflow:hidden; margin:0 -1.6rem;}
#footer .footer_link .link_wrap li{position:relative; padding:0.25rem 1.6rem; }
#footer .footer_link .link_wrap li + li:before{position:absolute; top:calc(50% - 0.4rem); left:0; width:1px; height:0.8rem; background:#bbb; content:"";}
#footer .footer_link .link_wrap li a{display:block; font-weight:700; transition:color 0.3s ease;}
#footer .footer_link .link_wrap li:first-child a{padding-left:0; background:none; }
#footer .footer_link .link_wrap li a .blue{color:#004DA0;}
#footer .footer_link .link_wrap li a strong{color:#02a6ed; font-weight:400;}
#footer .footer_link .sns_wrap{display:flex; position:absolute; top:0; right:0; gap:0.8rem;}
#footer .footer_link .sns_wrap li a{display:flex; overflow:hidden; align-items:center; justify-content:center; position:relative; width:2rem; height:2rem; border-radius:50%; background:#f2f2f2; transition:background 0.3s ease;}
#footer .footer_link .sns_wrap li a > img{position:relative;}
#footer address{display:flex; flex-direction:column; position:relative; width:100%; margin:0 -0.8rem;}
#footer address > p{position:relative; padding:0 0.8rem; font-size:0.9rem; font-weight:500;}
#footer .copyright{margin-top:0.5rem; color:#929598;}
#footer .copyright br{display:none;}
#footer .f-logo{display:flex; position:absolute; right:0; bottom:0;}
#footer .f-logo .logoImg{display:inline-block; position:relative; width:11rem; height:2.65rem; background:url(/00_common/images/common/foot_logo.png) no-repeat left top;}
/* footer - sns */
#footer .footer_link .sns_wrap li a:focus-visible{outline-offset:-0.2rem; outline-color:#fff;}
#footer .footer_link .sns_wrap li a.sns_f:hover,
#footer .footer_link .sns_wrap li a.sns_f:focus{background:#0866ff;}
#footer .footer_link .sns_wrap li a.sns_b:hover,
#footer .footer_link .sns_wrap li a.sns_b:focus{background:#2cb24a;}
#footer .footer_link .sns_wrap li a.sns_i:hover,
#footer .footer_link .sns_wrap li a.sns_i:focus{background:linear-gradient(90deg, #FED778 0%, #ED5554 32%, #D52080 68%, #6D40C1 100%);}
#footer .footer_link .sns_wrap li a.sns_y:hover,
#footer .footer_link .sns_wrap li a.sns_y:focus{background:#ff0000;}
#footer .footer_link .sns_wrap li a:hover > img,
#footer .footer_link .sns_wrap li a:focus > img{filter:brightness(100);}

/* 탑버튼 */
.btn_top{display:flex; align-items:center; justify-content:center; position:absolute; z-index:10; top:-6rem; right:1.5rem; width:4rem; height:4rem; border-radius:50%; background:#ffffff; transition:all 0.3s ease; box-shadow:0 4px 12px rgba(0, 0, 0, 0.15); }
.btn_top:hover{background:#004da0; box-shadow:0 4px 12px rgba(255, 255, 255, 0.15); }
.btn_top:hover > img{filter:invert(1) brightness(100);}

/* 서브레이아웃 */
#sub_container{position:relative; background:#fff; }
#sub_container:after{display:block; clear:both; content:""; }

.sub_content{overflow:hidden; position:relative; max-width:80rem; margin:3rem auto 5rem;}
.sub_content > div{float:left; position:relative; width:15rem; }

/* 서브메뉴 */
#snb{position:relative;}
#snb h2{ display:flex; align-items:center; justify-content: center; width:100%; height:7.2rem; padding:0 0.5rem; border-radius:0.8rem; background: linear-gradient(45deg, #014186 0%, #004DA0 100%); font-size:1.5rem; color:#fff; line-height:1.3; font-weight:700;}
#snb h2 span{ display:block; text-align:center;}
#snb .lnb li,
#snb .lnb li a{ display:block; position:relative;}
#snb .lnb li a:focus-visible{outline:2px solid rgba(0,0,0, 0.8); outline-offset:-0.3rem;}
#snb .lnb li a > span{ position:relative; }
#snb .lnb > li > a{display:flex; align-items:center; justify-content:space-between; position:relative; z-index:1; width:100%; height:2.8rem; padding:0 0.95rem; border-radius:0.5rem; font-size:1rem; color:#111; line-height:1; font-weight:500; transition:color 0.3s ease;}
#snb .lnb > li > a:before{position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; border:1px solid #D5D5D5; border-radius:inherit; background:#F8F8F8; transition:background 0.3s ease; content:'';}
#snb .lnb > li > a:after{display:flex; flex-shrink:0; align-items:center; justify-content:center; position:relative; width:1.35rem; height:1.35rem; border:1px solid rgba(28, 115, 210, 0); border-radius:50%; background:transparent; color:#91969C; font-weight:400; font-family: 'remixicon'; transform:rotate(0deg); transition:all 0.3s ease; content:"\ea6e";}
#snb .lnb > li.dep > a:after{content:"\ea4e";}
#snb .lnb > li > a[target="_blank"]:after{content: "\ecaf";}
#snb .lnb > li > a > span{width:100%;}
#snb .subLnb{display:none; flex-direction:column; margin-top:-0.5rem; padding:1.25rem 0.95rem 0.95rem; border:1px solid #C5D3E3; border-radius:0 0 0.5rem 0.5rem; background:#fff; box-shadow:0 0 9px rgba(0, 71, 147, 0.1); gap:0.7rem;}
#snb .subLnb > li{}
#snb .subLnb > li > a{display:flex; position:relative; padding-left:0.75rem;}
#snb .subLnb > li > a:focus-visible{outline-offset:0.1rem;}
#snb .subLnb > li > a span{font-size:0.9rem; color:#444; line-height:1; font-weight:500; transition:color 0.3s ease;}
#snb .subLnb > li > a:before{position:absolute; top:0.3rem; left:0; width:6px; height:6px; border-radius:50%; background:#d9d9d9; transition:background 0.3s ease; content:"";}
#snb .subLnb > li > a[target="_blank"] > span:after{display:inline-block; margin-left:0.25rem; font-weight:400; font-family:'remixicon'; content: "\ecaf"; }
#snb .lnb > li{margin-top:0.6rem;}
/* active */
/*#snb .lnb a,*/
/*#snb .lnb a:before{transition: all 0.3s;}*/
#snb .lnb > li.open > a{color:#004DA0; font-weight:700;}
#snb .lnb > li.open > a:before{border:2px solid #1C74D2; background:#F1F8FF;}
#snb .lnb > li.open > a:after {border:1px solid rgba(28, 115, 210, 100); background:#Fff; color:#1C73D2;}
#snb .lnb > li.dep.open > a:after{transform:rotate(180deg);}
#snb .lnb > li.open > a > span:after{}
#snb .lnb > li.open > .subLnb{display:flex;}
#snb .lnb > li:not(.open) > a:hover,
#snb .lnb > li:not(.open) > a:focus{font-weight:700;}
#snb .subLnb > li > a:hover:before,
#snb .subLnb > li.open > a:before{background:#0466D7;}
#snb .subLnb > li > a:hover span,
#snb .subLnb > li.open > a span{color:#0466D7; font-weight:500;}
#snb .subLnb > li > a:hover:after,
#snb .subLnb > li.open > a:after{ opacity: 1;}

/* 서브페이지 */
#subContent{float:left; position:relative; width:calc(100% - 15rem); padding-left:5rem;}
.subContent_body{position:relative; min-height:650px;}
.sub_content:not(:has(#snb .snb_wrap)) #subContent{width:100%; padding-left:0;}
.subContent_body > *:not(.title_area) {font-size:0.9rem;}

/* sub title */
.title_area{position:relative; margin-bottom:2rem; padding:1.45rem 0 1.7rem; border-bottom:1px solid #ccc}
.title_area:after{display:block; clear:both; content:""; }
.title_area #pageTitle{font-size:2rem; color:#222; line-height:1; font-weight: 700; }
.title_area .title_tside{ display:flex; flex-wrap: wrap; align-items:flex-end;}
.title_area .title_tside .location{display:flex; flex:1; align-items:center; position:relative;}
.title_area .title_tside .location .home,
.title_area .title_tside .location span,
.title_area .title_tside .location strong{display:flex; position:relative; line-height:1; font-weight:400;}
.title_area .title_tside .location .home,
.title_area .title_tside .location span,
.title_area .title_tside .location strong{padding-right:1.5rem; font-size:16px; color:#444; }
.title_area .title_tside .location strong:last-of-type{padding-right:0;}
.title_area .title_tside .location .home > img{margin-top:-1px;}
.title_area .title_tside .location .home:after,
.title_area .title_tside .location span:after,
.title_area .title_tside .location strong:after{position:absolute; top:50%; right:0.2rem; font-size:20px; color:#999; font-weight:400; font-family:'remixicon'; transform:translateY(-50%); content: "\ea6e";}
.title_area .title_tside .location > *:last-child::after{display:none;}
.title_area .title_tside .location strong{ font-weight:600; }
.title_area:not(:has(.title_tside)){border-bottom:none;}
.title_area:not(:has(.title_tside)) > h2{text-align:center;}

/* etc :sns */
.snsBox{display:flex; align-items:center; position:relative; z-index:2; padding-left:1.5rem; gap:0.4rem;}
.snsBox > button{display:flex; align-items:center; justify-content:center; position:relative; z-index: 1; width:2rem; height:2rem; border:1px solid #ccc; border-radius:0.4rem; background:#fff; font-size:1rem; color:#555; transition:all 0.4s}
.snsBox .snsMore{display:flex; overflow:hidden; position:absolute; z-index:2; top:0; right:4.8rem; width:0rem; height:100%; visibility:hidden; transition:all 0.4s;}
.snsBox.active .snsMore{width:8rem; visibility:visible;}
.snsBox .snsMore .sns_wrap{display:inline-flex; flex:1; align-items:center; justify-content:space-between; position:relative; padding:0 0.7rem; border:1px solid #004DA0; border-radius:0.4rem 0 0 0.4rem; background-color:#fff;}
.snsBox .snsMore .sns_wrap .sns_btn{display:inline-flex; align-items:center; justify-content:center; width:0rem; height:0rem; transition:all 0.4s;}
.snsBox .snsMore .sns_wrap .sns_btn:focus-visible{outline-offset:0;}
.snsBox.active .snsMore .sns_wrap .sns_btn{width:1rem; height:1rem;}
.snsBox .snsMore .sns_wrap .sns_btn > img {width:auto; height:auto;}
.snsBox .snsMore .btnClose{display:inline-flex; overflow:hidden; align-items:center; justify-content:center; position:relative; width:2rem; height:2rem; border-radius:0 0.4rem 0.4rem 0; background-color:#004DA0;}
.snsBox .snsMore .btnClose:focus-visible{outline:1px solid #fff; outline-offset:-0.2rem;}
.snsBox .snsMore .btnClose i {color:#fff; line-height:1.2;}
.snsBox > button:hover,
.snsBox > button:focus,
.snsBox > button.active{border:1px solid #004DA0; background:#F1F8FF; color:#004DA0;}
.snsBox > button:focus-visible{outline-offset:-0.3rem;}

/* 만족도 조사 평가 */
#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-block; position:relative; font-size:1.1rem; font-weight:400; font-family: 'remixicon'; content: "\efbf";}
#satisfaction .answerBox {display: flex; align-items: center;}
#satisfaction .chk-area{display:flex; gap:1rem;}
#satisfaction .form-check{display:inline-flex; position:relative;}
#satisfaction .form-check input[type="radio"] ~ label{margin-right:0;}
#satisfaction .form-check input[type="radio"] + label{font-size:0.8rem; line-height:1.5;}
#satisfaction .form-check input[type="radio"] + label:before{top:3px;}
#satisfaction .form-check input[type="radio"] + label:after{top:7px;}
#satisfaction .form-check input[type="radio"]:checked ~ label{font-weight:600; text-decoration:underline; text-underline-position:under;}
#satisfaction .form-check input[type="radio"]:checked ~ label:before{border-color:var(--rise-color-blue);}
#satisfaction .opinion{display:flex; width:100%; height:2.8rem;}
#satisfaction .opinion input{display:flex; position:relative; width:100%; height:100%; padding-left:1rem; padding-right:1.25rem; border:none; background:#FFFFFF; border:1px solid #ccc; border-radius:0.5rem; font-size:0.8rem;}
#satisfaction .opinion input::placeholder{color:#666665;}
#satisfaction .opinion .btn{flex-shrink:0; min-width:auto; width:7.05rem; height:100%; margin-left:-0.5rem; gap:0.3rem; border-radius:0.5rem; background:var(--rise-color-navy); font-size:0.85rem; color:#fff; font-weight:500;}
#satisfaction .opinion .btn: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 input:focus-visible{outline-offset:-0.2rem;}
#satisfaction .opinion .btn:focus-visible{outline-offset:-0.2rem; outline-color:#fff;}

/* 사이트맵 */
.cont_sitemap{display:flex; flex-direction:column; position:relative; width:100%; margin-top:2rem; gap:2.5rem;}
.cont_sitemap_row {display:flex; flex-wrap:wrap; position:relative; width:100%; gap:0 2rem;}
.cont_sitemap_col {width:calc((100% - 4rem) / 3);}
.cont_sitemap_col h4{display:flex; align-items:center; justify-content:center; position:relative; height:3.25rem; background:#004DA0; border-radius:0.4rem;}
.cont_sitemap_col h4 a{padding:0 0.5rem; font-size:1.1rem; color:#fff; line-height:1; font-weight:700;}
.cont_sitemap_col ul{display:flex; flex-direction:column; position:relative; width:100%;}
.cont_sitemap_col ul li{}
.cont_sitemap_col ul li a{display:flex; align-items:center; position:relative; gap:0.25rem; line-height:1; font-weight:500;}
.cont_sitemap_col ul li a:after{display:flex; flex-shrink:0; align-items:center; justify-content:center; position:relative; border:1px solid rgba(28, 115, 210, 0); border-radius:50%; background:transparent; color:#91969C; font-weight:400; font-family: 'remixicon'; transform:rotate(0deg); transition:all 0.3s ease;}
.cont_sitemap_col ul li a[target="_blank"]:after{font-size:1rem; content:"\ecaf";}
.cont_sitemap_col ul li a[target="_blank"]:hover:after,
.cont_sitemap_col ul li a[target="_blank"]:focus:after{color:#004DA0;}
.cont_sitemap_col > ul{ margin-top:0.65rem; gap:0.65rem;}
.cont_sitemap_col > ul > li{position:relative;}
.cont_sitemap_col > ul > li > a{z-index:2; justify-content:space-between; height:3rem; padding-left:1.05rem; padding-right:0.95rem; border:1px solid #ccc; background:#fff; border-radius:0.4rem; font-size:1rem; color:#111; transition:border 0.3s ease, color 0.3s ease;}
.cont_sitemap_col > ul > li > a:after{content:"\ea6e";}
.cont_sitemap_col > ul > li > a:after{font-size:1.1rem;}
.cont_sitemap_col > ul > li > a:hover,
.cont_sitemap_col > ul > li > a:focus,
.cont_sitemap_col > ul > li.dep.open > a{border:1px solid #004DA0; color:#004DA0;}
.cont_sitemap_col > ul > li > a:hover:after,
.cont_sitemap_col > ul > li > a:focus:after{color:#004DA0;}
.cont_sitemap_col > ul > li:has(> p) > a:after{transform:rotate(90deg);}
.cont_sitemap_col > ul > li:has(> p):before{display:flex; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ccc; background:#F6F6F7; border-radius:0.5rem 0.5rem 0.4rem 0.4rem; content:'';}
.cont_sitemap_col > ul > li > p{position:relative; padding:0 1.45rem;}
.cont_sitemap_col > ul > li > p + p{padding-top:0.8rem;}
.cont_sitemap_col > ul > li p:first-of-type{padding-top:1.2rem;}
.cont_sitemap_col > ul > li p:last-of-type{padding-bottom:1.2rem;}
.cont_sitemap_col > ul > li > p a{color:#444; font-weight:500; transition:color 0.3s ease;}
.cont_sitemap_col > ul > li > p a:hover,
.cont_sitemap_col > ul > li > p a:focus{color:#111; text-decoration:underline; text-underline-position:under;}
.cont_sitemap_col > ul > li > p a[target="_blank"]:hover:after,
.cont_sitemap_col > ul > li > p a[target="_blank"]:focus:after{color:#111;}

/* 구글 번역 */
html:not([lang="ko"]){}
html:not([lang="ko"]) #nav.oneFull .titBox strong{padding-right:1rem; font-size:1.8rem; line-height:1.2;}
html:not([lang="ko"]) #nav.oneFull .titBox strong font{display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-align:left;}
html:not([lang="ko"]) #nav.oneFull .depth01 > ul{gap:1rem;}
html:not([lang="ko"]) #nav.oneFull .depth01 > ul > li{flex:1;}
html:not([lang="ko"]) #gnb .depth01 > ul > li > a > span{}
html:not([lang="ko"]) #gnb .depth01 > ul > li > a > span font{display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:1.2; text-align:left;}
html:not([lang="ko"]) #nav.oneFull .depth02 > ul > li > a{line-height:1.2;}
html:not([lang="ko"]) #nav.oneFull .depth02 > ul > li > a[target="_blank"] > span{display:inline-flex; width:100%;}
html:not([lang="ko"]) #snb .lnb > li > a{min-height:2.8rem; height:auto;}
html:not([lang="ko"]) .popFullmenu{margin-top:2rem;}
html:not([lang="ko"]) .popFullmenu h2 span{max-width:15rem; font-size:1rem;}
@media screen and (min-width: 1241px){
    /* header */
    #header .top {display: flex; align-items: center; width:auto; padding: 0; text-align: left;}
    #header h1 {position: relative; top: auto; left: auto;}
    /* header - 유틸리티 */
    #header .topUtil {display: flex; justify-content: flex-end; position: relative; top: auto; right: auto !important; margin-left:auto; transform: none;}
    #header .topUtil .util_wrap {height: 1.5rem;}
    #header .topUtil .util_wrap li{display:flex; overflow:hidden; align-items:center; position:relative;}
    #header .topUtil .util_wrap li a i{font-size:0.85rem;}
    #header .topUtil .util_wrap .user li{font-size:0.85rem; color:#5e5e5e; line-height:normal; font-weight:500; gap:0.1rem; }
    #header .topUtil .util_wrap .user li.name{text-align:right;}
    #header .topUtil .util_wrap .user li:not(.name){flex-shrink:0;}
    #header .topUtil .util_wrap .util{margin-left:0.7rem; padding-left:0.8rem; gap:0.7rem;}
    #header .topUtil .util_wrap .util:before{display:block; position:absolute; top:calc(50% - 0.3rem); left:0; width:1px; height:0.6rem; background:#E0E0E0; content:''; }
    #header .topUtil .util_wrap .util li a {border-radius:2px; gap:0.4rem;}
    
    /* 통합검색 : 모바일 전용 */
    .m-search #searchOpen{display:none;}
    .m-search .box_search_0{display:none;}
    
    /* 전체메뉴 */
    .popFullmenu{background:#F2F8FF;}
    .popFullmenu .depth01 > ul > li > a{font-size:1.3rem;}
    .popFullmenu .depth02 > ul > li > a{font-size:1rem; border:2px solid rgba(7, 114, 237, 0.26); border-radius:0.5rem;}
    .popFullmenu .depth02 > ul > li.dep > a:before{display:flex; align-items:center; justify-content:center; font-size:1rem; color:#004DA0;}
    .popFullmenu .depth02 > ul > li > a[target="_blank"]:before{display:none;}
    .popFullmenu .depth03{padding:1.8rem 1rem 1rem; background:#fff;}
    .popFullmenu .depth03 > ul{gap:0.5rem;}
    /* 전체메뉴 : active */
    .popFullmenu .depth01 > ul > li > a:hover,
    .popFullmenu .depth01 > ul > li > a:focus{color:#111;}
    .popFullmenu .depth02 > ul > li > a:hover,
    .popFullmenu .depth02 > ul > li > a:focus{border:2px solid #004DA0 ; background:#004DA0; font-weight:700;}
    .popFullmenu .depth03 > ul > li > a:hover,
    .popFullmenu .depth03 > ul > li > a:focus{font-weight:600; text-decoration:none;}
    .popFullmenu .depth03 > ul > li > a:hover:before,
    .popFullmenu .depth03 > ul > li > a:focus:before{background:#0772ED;}
    
    /* sub title */
    .title_area:not(:has(.title_tside)){padding:0;}
    
    /* 구글 번역 */
    html:not([lang="ko"]) .box_search_0{top:9rem;}
    html:not([lang="ko"]) #header{height:9rem; padding-top:1.5rem;}
    html:not([lang="ko"]) #header:before{top:5.2rem;}
    html:not([lang="ko"]) .nav_util{top:6.2rem;}
    html:not([lang="ko"]) #header .topUtil{position:absolute; top:-1rem; right:0 !important; min-width:0;}
    html:not([lang="ko"]) #header .topUtil .util_wrap ul{gap:0.5rem;}
    html:not([lang="ko"]) #header .topUtil .util_wrap .user li a{line-height:1.1;}
    html:not([lang="ko"]) #snb h2{font-size:1.3rem; line-height:1.2;}
    html:not([lang="ko"]) #snb .lnb > li > a{font-size:0.9rem;}
}

@media screen and (min-width: 1441px){
    /* header */
    #header h1 a img {height:auto; max-height:none;}
    /* header - 유틸리티 */
    #header .topUtil {min-width: calc(50% - 7.5rem);}
    #header .topUtil .util_wrap li{font-size:0.9rem; line-height:1;}
    #header .topUtil .util_wrap li a i{font-size:0.9rem;}
    
    /* 전체메뉴 */
    .fullmenuClose{right:calc(50% - 36rem);}
    
    /* quickMenu */
    .quickMenu{display:block; position:fixed; z-index:150; top:50%; right:0.7rem; transform:translateY(-50%);}
    .quickMenu .toggleBtn{position:absolute; z-index:-1; top:0.5rem; left:-2rem; width:3.5rem; height:3rem; padding-left:0.5rem; border-radius:0.75rem; background:rgba(0,0,0,0.7); box-shadow: 0 0 10px rgba(0,0,0,0.2); }
    .quickMenu .toggleBtn:before{display:inline-block; font-size:1.2rem; color:#fff; line-height:3rem; font-family: 'remixicon'; content:"\e93c"; }
    .quickMenu .inner {position: relative; padding:0.75rem 0.5rem 0.5rem; border:1px solid #d9dde0; border-radius:1.5rem 1.5rem 0.5rem 0.5rem; background:#fff; box-shadow: 2px 2px 5px rgba(99, 112, 128, 0.2);}
    .quickMenu h3{font-size:0.9rem; color:#1c1b43; line-height:1.1rem; font-weight:bold; font-family:'Montserrat'; text-align:center; }
    .quickMenu h3 > em{display:block; color:#0772ed;}
    .quickMenu .list{display:flex; flex-direction:column; position:relative; margin-top:0.5rem; gap:0.35rem;}
    .quickMenu .list li{position:relative; width:100%;}
    .quickMenu .list li a{display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; position:relative; width:7rem; padding:0.6rem 0.25rem; border:1px solid #ABC9E0; border-radius:0.5rem; transition:border 0.3s ease; gap:0.25rem; text-align:center;}
    .quickMenu .list li a:hover{border:1px solid #0772ed;}
    .quickMenu .list li a .ico{display:block; position:relative; width:1rem; height:1rem; background-repeat:no-repeat; background-position:left top;}
    .quickMenu .list li a .ico_1{background-image:url(/00_common/images/common/quick01_2.png);}
    .quickMenu .list li a .ico_2{background-image:url(/00_common/images/common/quick02_2.png);}
    .quickMenu .list li a .ico_3{background-image:url(/00_common/images/common/quick03_2.png);}
    .quickMenu .list li a:hover .ico_1{background-image:url(/00_common/images/common/quick01.png);}
    .quickMenu .list li a:hover .ico_2{background-image:url(/00_common/images/common/quick02.png);}
    .quickMenu .list li a:hover .ico_3{background-image:url(/00_common/images/common/quick03.png);}
    .quickMenu .list li a span{color:#222; line-height:1.2; transition:color 0.3s ease; text-align:center;}
    .quickMenu .list li a:hover span{color:#004DA0; font-weight:700;}
    
    /* 구글 번역 */
    html:not([lang="ko"]) #header h1 a span,
    html:not([lang="ko"]) .popFullmenu h2 span{font-size:1.1rem;}
    html:not([lang="ko"]) #header .topLink .link_wrap .link li a{font-size:0.8rem;}
    html:not([lang="ko"]) #gnb .depth01 > ul > li > a > span{font-size:1rem;}
    html:not([lang="ko"]) .quickMenu .list li a font{line-height:1.2;}
}

@media screen and (min-width: 1641px){
    /* 전체메뉴 */
    .popFullmenu h2{max-width:82rem; height:3.7rem; gap:0.7rem;}
    .popFullmenu .depth01{max-width:82rem;}
    .fullmenuClose{right:calc(50% - 41rem);}
    
    /* 구글 번역 */
    html:not([lang="ko"]) #nav.oneFull .titBox > p{padding-right:1rem;}
    html:not([lang="ko"]) #nav.oneFull .depth02 > ul > li > a[target="_blank"] > span font{padding-right:1rem;}
}

@media screen and (max-width:1640px){
    /* web navigation */
    /* gnb common */
    #gnb .depth01 > ul > li > a > span{font-size:1.1rem;}
    #gnb .depth02 > ul > li > a{padding:0.55rem 1rem;}
    #gnb .depth02 > ul > li.dep > a{padding-right:2.6rem;}
    #gnb .depth03 > ul > li + li{margin-top:0.4rem;}
    
    /* gnb : oneFull */
    #nav.oneFull .titBox{top:0; left:0; width:18rem; padding:3rem 1rem;}
    #nav.oneFull .titBox:after{transform:scale(0.85); transform-origin:right bottom;}
    #nav.oneFull .titBox strong{font-size:1.7rem;}
    #nav.oneFull .depth01{width:auto; margin:0 1rem 0 0.5rem;}
    #nav.oneFull .depth02{min-height:17rem;}
    #nav.oneFull .depth01 > ul{gap:2.5vw;}
    #nav.oneFull .depth02 > ul{max-width:100%; padding:3.2rem 1rem 4rem 20rem; gap:1.3rem 1rem;}
    #nav.oneFull .depth02 > ul > li{width:calc((100% - 3rem) / 4);}
    #nav.oneFull .depth02 > ul > li > a{font-size:0.95rem;}
    #nav.oneFull .depth02 > ul > li > a:before{top:0.55rem; right:1rem;}
    #nav.oneFull .depth03{padding:1rem 1rem 0;}
    
    /* 통합검색 */
    .nav_util{right:1rem; gap:1.4rem;}
    
    /* 서브메뉴 */
    #snb h2{font-size:1.4rem;}
    #snb .lnb > li > a{font-size:0.95rem;}
    
    /* 서브레이아웃 */
    #sub_container{padding:0 1rem;}
    #subContent{padding-left:3rem;}
    .sub_content{margin:2.5rem auto 4.5rem;}
    
    /* sub title */
    .title_area #pageTitle{font-size:1.7rem;}
    
    /* footer */
    #footer .container{padding:0 1rem;}
    #footer .f-logo{right:1rem;}
    #footer .footBtn button{font-size:1rem;}
    #footer .footBtn ul li a{padding:0 1.2rem;}
    #footer .footBtn ul li a > span{font-size:0.9rem;}
    #footer .footer_link .sns_wrap{right:1rem;}
    
    /* 탑버튼 */
    .btn_top{top:-1.7rem; right:1rem; width:3rem; height:3rem;}
    
    /* 사이트맵 */
    .cont_sitemap_row{gap:0 2vw;}
    .cont_sitemap_col{width:calc((100% - 4vw) / 3);}
    
    /* 구글 번역 */
    html:not([lang="ko"]) #nav.oneFull .titBox{padding:2.5rem 1rem;}
    html:not([lang="ko"]) #nav.oneFull .titBox strong{font-size:1.5rem;}
    html:not([lang="ko"]) #nav.oneFull .titBox > p{font-size:0.95rem;}
}

@media screen and (max-width:1640px) and (min-width:1241px) {
    /* header */
    #header .top {margin:0 1rem; }
}

@media screen and (max-width:1440px){
    /* header */
    #header h1 a,
    .popFullmenu h2{gap:0.6rem;}
    #header h1 a img,
    .popFullmenu h2 img{max-height:2.2rem;}
    #header h1 a span,
    .popFullmenu h2 span{font-size:1.1rem;}
    #header .topUtil .util_wrap ul{gap:0.4rem;}
    #header .topLink .link_wrap .link li a{height:1.6rem; padding:0 0.5rem; font-size:0.8rem;}
    
    /* gnb */
    #gnb .depth01 > ul > li > a > span{font-size:1rem;}
    
    /* gnb : oneFull */
    #nav.oneFull .titBox{width:17rem; padding:2.5rem 1rem;}
    #nav.oneFull .titBox:after{transform:scale(0.75);}
    #nav.oneFull .titBox strong{font-size:1.55rem;}
    #nav.oneFull .depth01 > ul{gap:2vw;}
    #nav.oneFull .depth02{min-height:16rem;}
    #nav.oneFull .depth02 > ul{padding:2.6rem 1rem 3.5rem 19rem;}
    #nav.oneFull .depth02 > ul > li{width:calc((100% - 2rem) / 3);}
    
    /* 전체메뉴 */
    .fullmenu{ right:0.5rem; }
    
    /* quickMenu */
    .quickMenu{display:none !important;}
    
    /* footer */
    #footer{font-size:1rem;}
    #footer .footer_link .link_wrap{flex-wrap:wrap; margin:0 -1.3rem;}
    #footer .footer_link .link_wrap li{padding:0.25rem 1.3rem;}
    #footer .footBtn button{font-size:1rem;}
    #footer .footBtn button:before,
    #footer .footBtn button:after{width:0.6rem;}
    #footer .footBtn ul li a{padding:0 1rem;}
    
    /* 만족도 조사 평가 */
    #satisfaction .contactBox{flex-wrap:wrap; margin-top:2rem; padding:0.75rem 1.5rem;}
    #satisfaction .contactBox ul{gap:0.1rem 1rem;}
    
    /* 구글 번역 */
    html:not([lang="ko"]) #footer .footer_link .link_wrap{flex-direction:column;}
    html:not([lang="ko"]) #header h1 a span,
    html:not([lang="ko"]) .popFullmenu h2 span{font-size:1rem;}
}

@media screen and (max-width: 1440px) and (min-width: 1241px) {
    /* header - 유틸리티 */
    #header .topUtil {min-width: calc(50% - 5.75rem);}
}

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

@media screen and (max-width: 1240px){
    #container{ padding-top:4.2rem; }
    
    /* openPop */
    .openPop #container { padding-top:calc(140px + 4.2rem) !important; }
    .openPop #header { top: 140px !important; }
    
    /* 상단(로고 및 메뉴) */
    #header{ position:fixed; top:0; left:0; width:100%; height:4.2rem; border:none; }
    #header:before{top:4.2rem;}
    .sub:not(.sitemap) #header:before{ display:none; }
    #header h1{display:inline-flex; position:relative; top:auto; left:auto;}
    #header h1 a{ display:flex; align-items: center; height:4.2rem;}
    #header h1 a img,
    .popFullmenu h2 img{ max-width:100%; height:auto;}
    #header .top{display:flex; width:100%; height:100%; padding:0 1rem; text-align:left;}
    #header .top:before{display:none;}
    /* header - 유틸리티 */
    #header .topLink{display:none;}
    #header .topUtil{display:none;}
    
    /* 통합검색 : 모바일 전용 */
    .box_search_0{top:4.2rem;}
    #searchOpen.active > img{transform:scale(0.88);}
    
    /* 웹네비게이션 */
    /* gnb common */
    #nav{display:none; }
    
    /*전체메뉴*/
    .nav_util{top:1.25rem; gap:1.2rem;}
    .nav_util > a,
    .nav_util > button{width:1.7rem; height:1.7rem;}
    .nav_util .srch_btn{display:none;}
    .nav_util .sitemap{display:none;}
    .fullmenu{top:0.5rem; right:0.75rem; bottom:auto; }
    .fullmenuClose:focus{outline-offset:-0.2rem; outline-color:#fff;}
    .popFullmenu{ background:#fff; }
    .popFullmenu .popUntil{display:flex; position:relative; border-top:1px solid #ccc; border-bottom:1px solid #ccc; gap:0;}
    .popFullmenu .popUntil .popTop{display:flex; flex:1; justify-content:center; padding:0.75rem 1rem; gap:0.5rem;}
    .popFullmenu .popUntil .link,
    .popFullmenu .popUntil .user{display:flex; align-items:center; position:relative; gap:0.5rem;}
    .popFullmenu .popUntil .link > li > a,
    .popFullmenu .popUntil .user > li{display:flex; align-items:center; justify-content:center; position:relative; height:1.8rem; padding:0 1vw; border-radius:0.2rem; font-size:0.9rem; line-height:1; font-weight:500;}
    .popFullmenu .popUntil .link > li > a{color:#fff; letter-spacing:0.04em; font-weight:600;}
    .popFullmenu .popUntil .link > li > a.type01{background:#004DA0;}
    .popFullmenu .popUntil .link > li > a.type02{background:#013268;}
    .popFullmenu .popUntil .link > li > a.type03{background:#3F97E5;}
    .popFullmenu .popUntil .user > li{border:1px solid #ccc; background:#fff; color:#444;}
    .popFullmenu .popUntil .user.in > li{gap:0.2rem;}
    .popFullmenu .popUntil .util{display:flex; align-items:center; justify-content:center; position:relative; width:16.5rem; min-width:0; padding:0.75rem 1rem; gap:0.7rem;}
    .popFullmenu .popUntil .util:before{display:block; position:absolute; z-index:-1; top:0; left:0; width:100vw; height:100%; background: #f6f6f6; content:'';}
    .popFullmenu .popUntil .util > li{position:relative;}
    .popFullmenu .popUntil .util > li > a{display:flex; align-items:center; justify-content:center; position:relative;}
    .popFullmenu .popUntil .util > li > a:hover,
    .popFullmenu .popUntil .util > li > a:focus{ text-decoration: underline;}
    .popFullmenu .depth01{ position:relative; height:100%; max-height:100%; margin:0; padding:0; }
    .popFullmenu .depth01:before{ position:absolute; top:0; left:0; width:40%; height:100%; background:#004DA0; content:""; }
    .popFullmenu .depth01 > ul{ width:40%; }
    .popFullmenu .depth01 > ul > li + li{ margin-top:0; }
    .popFullmenu .depth01 > ul > li > a{ display:flex; align-items:center; height:3.3rem; padding:0 0.9rem; background:#004DA0; font-size:0.95rem; color:#fff; font-weight:600; }
    .popFullmenu .depth01 > ul > li > a span{position:relative;}
    .popFullmenu .depth01 > ul > li > a span:before{display:block; position:absolute; top:0; right:-10px; width:5px; height:5px; border-radius:50%; background:#5DB3FF; transform:scale(0); transition:transform 0.3s; content:'';}
    .popFullmenu .depth01 > ul > li.active > a span:before{transform:scale(1);}
    .popFullmenu .depth02{ display:none; position:absolute; top:0; left:40%; width:60%; }
    .popFullmenu .depth02 > ul{ width:100%; margin:0; }
    .popFullmenu .depth02 > ul > li{ width:100%; padding:0; }
    .popFullmenu .depth02 > ul > li > a{ padding:0.75rem 0.9rem; border:0; border-bottom:1px solid #ccc; border-radius:0; font-size:0.95rem; }
    .popFullmenu .depth02 > ul > li > a:before{ display:none; }
    .popFullmenu .depth02 > ul > li.dep > a{ padding-right:2.5rem;}
    .popFullmenu .depth02 > ul > li.dep > a:before{ display:flex; align-items:center; justify-content:center; width:1.4rem; height:1.4rem; color:#004DA0;}
    .popFullmenu .depth03{ display:none; margin:0; padding:0.9rem 0.5rem 0.8rem 1.4rem; border:0; border-bottom:1px solid #ddd; border-radius:0;}
    .popFullmenu .depth03 > ul > li > a{ color:#444;}
    .popFullmenu li.active > .depth02,
    .popFullmenu li.active > .depth03{display:block; }
    .popFullmenu .depth01 > ul > li.active > a{ background:linear-gradient(125deg, #1C3D61 0%, #003063 100%); color:#fff; font-weight:700; outline-color:#fff;}
    .popFullmenu .depth02 > ul > li.active > a{ border-color:#003268; background:none; color:#003268; font-weight:700;  outline-offset:-0.2rem; }
    .popFullmenu .depth02 > ul > li.active > a:before{transform:translateY(-50%) rotate(180deg);}
    
    /* 서브페이지 */
    #subContent{float:none; width:100%; padding:0; }
    .sub_content{ margin:0 auto 4rem; padding:0;}
    .sub_content > div{ float:none; width:100%; }
    .sub_content:before,
    .sub_content:after,
    #subContent .btnPrint{display:none;}
    
    /* sub title */
    .title_area{padding:1.4rem 0;}
    .title_area #pageTitle{font-size:1.55rem;}
    .title_area .title_tside{align-items:flex-start; margin-top:1.2rem; padding-right:2.5rem;}
    .title_area .title_tside .location{flex-wrap:wrap; min-width:0;}
    .title_area:not(:has(.title_tside)){padding-bottom:0;}
    
    /* etc :sns */
    .snsBox{position:absolute; bottom:1.4rem; right:0; padding:0;}
    .snsBox .snsMore{ right:2.4rem;}
    
    /* 서브메뉴 */
    #snb h2{display:block; position:relative; width:100%; height:auto; padding:0.75rem 2.5rem 0.75rem 1.2rem; border-radius:8px; font-size:1.05rem; color:#fff; line-height:normal; cursor:pointer; }
    #snb h2:before{display:flex; align-items:center; justify-content:center; position:absolute; top:0.65rem; right:1.2rem; width:1.65rem; height:1.65rem; border:1px solid rgba(255, 255, 255, 0.4); border-radius:50%; font-size:1rem; font-weight:400; font-family: 'remixicon'; transform:rotate(0deg); transition:transform 0.3s; content:"\ea4e";}
    #snb h2.on:before{transform:rotate(180deg);}
    #snb h2 span{text-align:left;}
    #snb nav{display:none; overflow:hidden; position:relative;}
    #snb .lnb{display:flex; flex-direction:column; position:relative; width:100%;}
    #snb .lnb > li{margin-top:0.45rem;}
    #snb .lnb > li > a{height:2.4rem; padding:0 0.9rem; font-size:0.95rem; gap:0.5rem;}
    #snb .subLnb{padding:1.25rem 1.1rem 0.85rem;}
    #snb .subLnb > li > a{ font-size:0.7rem;}
    
    /* footer */
    #footer{font-size:0.9rem;}
    #footer .footBtnWrap{gap:0.6rem;}
    #footer .footBtn button{height:2.75rem; padding:0 1.8rem 0 0.8rem; font-size:0.9rem;}
    #footer .footBtn button:before,
    #footer .footBtn button:after{right:0.8rem;}
    #footer .footBtn ul li a{height:2.25rem; padding:0 0.8rem;}
    #footer .footBtn ul li a > span{font-size:0.8rem;}
    
    /* 만족도 조사 평가 */
    #satisfaction .question{font-size:0.9rem;}
    #satisfaction .surveyBox{padding:1.25rem 1.5rem 1.5rem;}
    #satisfaction .opinion{height:2.5rem;}
    #satisfaction .opinion .btn{font-size:0.8rem;}
    #satisfaction .contactBox{min-height:2.75rem;}
    
    /* 구글 번역 */
    html:not([lang="ko"]) #header{margin-top:2rem;}
    html:not([lang="ko"]) .popFullmenu .popUntil{flex-direction:column;}
    html:not([lang="ko"]) .popFullmenu .popUntil .link,
    html:not([lang="ko"]) .popFullmenu .popUntil .user{align-items:normal; height:auto;}
    html:not([lang="ko"]) .popFullmenu .popUntil .link > li,
    html:not([lang="ko"]) .popFullmenu .popUntil .user > li{display:flex; height:100%;}
    html:not([lang="ko"]) .popFullmenu .popUntil .link > li > a,
    html:not([lang="ko"]) .popFullmenu .popUntil .user > li{min-height:auto; height:100%; padding-top:0.3rem !important; padding-bottom:0.3rem !important;}
    html:not([lang="ko"]) .popFullmenu .popUntil .link > li > a font,
    html:not([lang="ko"]) .popFullmenu .popUntil .user > li > a font{display:flex; align-items:center; height:100%;}
    html:not([lang="ko"]) #snb .lnb > li > a{min-height:2.4rem; height:auto;}
    html:not([lang="ko"]) .popFullmenu .depth01:before{ width:50%;}
    html:not([lang="ko"]) .popFullmenu .depth01 > ul{ width:50%; }
    html:not([lang="ko"]) .popFullmenu .depth01 > ul > li > a{height:3.5rem; line-height:1.2;}
    html:not([lang="ko"]) .popFullmenu .depth02{ left:50%; width:50%; }
}

@media screen and  (max-width:1100px) {
    /* 전체메뉴 */
    .popFullmenu .popUntil{flex-direction:column;}
    .popFullmenu .popUntil .link > li > a,
    .popFullmenu .popUntil .user > li > a{padding:0 2.5vw;}
    .popFullmenu .popUntil .util{width:100%;}
    
    /* 구글 번역 */
    html:not([lang="ko"]) .popFullmenu .popUntil .link > li > a{padding:0 2vw;}
    html:not([lang="ko"]) .popFullmenu .popUntil .user > li{padding:0 1.5vw;}
}

@media screen and  (max-width:1024px) {
    /* footer */
    #footer{padding-top:1.5rem;}
    #footer .footBtnWrap{flex-wrap:wrap;}
    #footer .footBtn{flex:auto; width:calc(50% - 3rem);}
    #footer .footer_link .link_wrap{margin:0 -1.1rem;}
    #footer .footer_link .link_wrap li{padding:0.25rem 1.1rem;}
    #footer .footer_link .sns_wrap{gap:0.6rem;}
    #footer .footer_link .sns_wrap li a{width:1.9rem; height:1.9rem;}
    #footer .footer_link .sns_wrap li a img{transform:scale(0.88);}
    #footer address{margin:0 -0.6rem;}
    #footer address > p{padding:0 0.6rem;}
    /* #footer .f-logo{bottom:-0.5rem;} */
    #footer .f-logo{position:relative; right:auto; bottom:auto; margin-top:0.8rem;}
    #footer .f-logo .logoImg{width:10rem; height:2.4rem; background-size:cover;}
    
    /* 탑버튼 */
    .btn_top{top:-1.5rem; width:2.5rem; height:2.5rem;}
    .btn_top img{transform:scale(0.88);}
    
    /* 사이트맵 */
    .cont_sitemap_col h4{height:3.2rem;}
    .cont_sitemap_col h4 a{font-size:1.05rem;}
    .cont_sitemap_col > ul > li > a{font-size:0.95rem;}
    .cont_sitemap_col > ul > li > p{padding:0 1.2rem;}
    
}

@media screen and (max-width:860px) {
    /* 전체메뉴 */
    .popFullmenu .popUntil .link > li > a,
    .popFullmenu .popUntil .user > li > a{padding:0 1.8vw;}
    
    /* 구글번역 */
    html:not([lang="ko"]) .popFullmenu .popUntil .popTop{flex-direction:column; flex:auto;}
    html:not([lang="ko"]) .popFullmenu .popUntil .link > li,
    html:not([lang="ko"]) .popFullmenu .popUntil .user > li{flex:auto; height:auto;}
    html:not([lang="ko"]) .popFullmenu .popUntil .link > li > a,
    html:not([lang="ko"]) .popFullmenu .popUntil .user > li{width:100%; height:auto;}
}

@media screen and (max-width:768px) {
    #header h1 a span,
    .popFullmenu h2 span{padding-top:0.15rem; line-height:normal;}
    
    /* 전체메뉴 */
    .popFullmenu .popUntil .link > li > a,
    .popFullmenu .popUntil .user > li > a{padding:0 1.5vw;}
    
    /* 서브레이아웃 */
    .sub_content{margin:0 auto 3rem; padding:0;}
    .subContent{ padding:1.5rem 0; }
    
    /* 만족도 조사 평가 */
    #satisfaction .surveyBox{padding:1rem 1.25rem 1.25rem;}
    #satisfaction .contactBox{padding:0.75rem 1.25rem;}
    
    /* 사이트맵 */
    .cont_sitemap{gap:2rem;}
    .cont_sitemap_col > ul > li > a{padding-left:0.8rem; padding-right:0.7rem;}
}

@media screen and (max-width:700px) {
    /* 전체메뉴 */
    .popFullmenu .popUntil .popTop{flex-direction:column;}
    .popFullmenu .popUntil .link,
    .popFullmenu .popUntil .user{width:100%; gap:0.6rem;}
    .popFullmenu .popUntil .link li,
    .popFullmenu .popUntil .user li{flex:1;}
    .popFullmenu .popUntil .link > li > a,
    .popFullmenu .popUntil .user > li > a{padding:0 0.5rem;}
    
    /* 구글 번역 */
    html:not([lang="ko"]) .popFullmenu .popUntil .link li,
    html:not([lang="ko"]) .popFullmenu .popUntil .user li{flex:auto;}
    html:not([lang="ko"]) .popFullmenu .popUntil .link > li > a{padding:0 2vw;}
    html:not([lang="ko"]) .popFullmenu .popUntil .user > li{padding:0 1.5vw;}
    
    /* 사이트맵 */
    .cont_sitemap_row{flex-direction:column; gap:2rem;}
    .cont_sitemap_col{width:100%;}
}

@media screen and (max-width:640px) {
    #header h1 a,
    .popFullmenu h2{gap:0.5rem;}
    #header .top{padding:0 0.8rem;}
    
    /* 통합검색 */
    .nav_util{right:0.8rem; gap:0.6rem;}
    .nav_util > a,
    .nav_util > button{width:1.55rem; height:1.55rem;}
    
    .box_search_0{padding:1.2rem 0.9rem; border-top:1px solid #ccc; background:#fff; border-radius:0 0 0.5rem 0.5rem;}
    .box_search_0 h3{display:none;}
    .box_search_0 .sch_wrap{margin-top:0;}
    
    /* 전체메뉴 */
    .popFullmenu h2{padding:0 0.8rem;}
    .popFullmenu .popUntil .popTop{padding:0.8rem;}
    .popFullmenu .popUntil .util{padding:0.75rem 0.8rem;}
    .fullmenuClose{right:0.8rem; width:1.55rem; height:1.55rem;}
    .fullmenuClose > img{transform:scale(0.88);}
    
    /* 서브레이아웃 */
    #sub_container{padding:0 0.8rem;}
    
    /* sub title */
    .title_area .title_tside .location{gap:0.2rem 0;}
    
    /* footer */
    #footer{padding:1.5rem 0;}
    #footer .container{padding:0 0.8rem;}
    #footer .footBtn ul li a{height:2.2rem;}
    #footer .footer_link .link_wrap{margin:0 -0.9rem;}
    #footer .footer_link .link_wrap li{padding:0.25rem 0.9rem;}
    #footer .footer_link .sns_wrap{right:0.8rem;}
    
    /* 탑버튼 */
    .btn_top{display:none;}
    
    /* 만족도 조사 평가 */
    #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%; gap:0.25rem 0.75rem;}
    #satisfaction .opinion{height:2.25rem;}
    #satisfaction .opinion input{font-size:0.75rem;}
    #satisfaction .opinion .btn{width:6.05rem; padding:0 0.5rem;}
    #satisfaction .opinion .btn:before{line-height:normal;}
    #satisfaction .contactBox{margin-top:1.5rem; padding:1.2em 1rem; gap:0.1rem;}
    
    /* 사이트맵 */
    .cont_sitemap{margin-top:1.5rem;}
    
    /* 구글 번역 */
    html:not([lang="ko"]) .popFullmenu .popUntil .link,
    html:not([lang="ko"]) .popFullmenu .popUntil .user{flex-direction:column;}
    html:not([lang="ko"]) .popFullmenu .popUntil .link > li > a,
    html:not([lang="ko"]) .popFullmenu .popUntil .user > li{padding-top:0.5rem !important; padding-bottom:0.5rem !important;}
}

@media screen and (max-width: 520px){
    /* footer */
    #footer .footer_link .sns_wrap{position:relative; right:auto; margin-top:0.75rem;}
}

@media screen and (max-width: 480px){
    /*전체메뉴*/
    .popFullmenu .popUntil .user.out{flex-wrap:wrap;}
    .popFullmenu .popUntil .user.out li{flex:auto; width:calc((100% - 0.6rem) / 2);}
    
    /* sub title */
    .title_area .title_tside .location .home img{margin-top:-2px; width:14px; height:15px;}
    .title_area .title_tside .location span,
    .title_area .title_tside .location strong{font-size:15px;}
    .title_area .title_tside .location .home:after,
    .title_area .title_tside .location span:after,
    .title_area .title_tside .location strong:after{font-size:18px; line-height:1.1;}
    
    /* etc :sns */
    .snsBox{padding-left:0.5rem;}
    .snsBox .snsMore{flex-direction:column-reverse; top:2rem; width:2rem; height:0rem; transition:height 0.5s ease-in-out, visibility 0.5s ease-in-out;}
    .snsBox.active .snsMore{width:2rem; height:8rem;}
    .snsBox .snsMore .sns_wrap{flex-direction:column; padding:0.7rem 0; border-radius:0 0 0.4rem 0.4rem;}
    .snsBox .snsMore .btnClose{border-radius:0.4rem 0.4rem 0 0;}
    
    /* footer */
    #footer{padding-top:1.2rem;}
    #footer .footBtnWrap{flex-direction:column;}
    #footer .footBtn{width:100%;}
    #footer .footBtnWrap{gap:0.5rem;}
    #footer .footBtn button{padding:0 2rem 0 1.2rem;}
    #footer .footBtn button:before,
    #footer .footBtn button:after{right:1.2rem;}
    #footer .footBtn ul li a{padding:0 1rem;}
    #footer .f-info{margin-top:1.3rem;}
    #footer address{width:calc(100% + 0.8rem); margin:0 -0.4rem;}
    #footer address > p{padding:0 0.4rem;}
    
    /* 만족도 조사 평가 */
    #satisfaction .surveyBox{padding:1rem 0.75rem;}
    #satisfaction .question{font-size:0.8rem;}
    #satisfaction .opinion{flex-direction:column; height:auto;}
    #satisfaction .form-check input[type="radio"] + label:before{top:2px;}
    #satisfaction .form-check input[type="radio"] + label:after{top:6px;}
    #satisfaction .opinion input{height:2.25rem; padding:0.75rem; box-shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.1);}
    #satisfaction .opinion .btn{width:100%; height:2rem; margin:0.6rem 0 0; font-size:0.75rem;}
    
    /* 사이트맵 */
    .cont_sitemap_col > ul > li > a{height:2.8rem;}
}

@media (max-width:380px) {
    #menuOpen {left:0.5rem; }
    
    /* mobile 검색영역 */
    #searchOpen {right:0.5rem; }
    #mSearch .con { margin:1rem 0.5rem; }
    
    /* mobile navi */
    #mNavi #mtitle { background-size:auto 32px ; }
    #mNavi #mgnb .snb li a {padding: 0 0.75rem; }
    
    /* mobile navi */
    #mgnb .snb li a { padding: 0 0.75rem; }
    
    /* footer */
    #footer .footBtn button{padding:0 1.8rem 0 1rem;}
    #footer .footBtn button:before,
    #footer .footBtn button:after{right:1rem;}
    #footer .footer_link .link_wrap{margin:0 -0.7rem;}
    #footer .footer_link .link_wrap li{padding:0 0.7rem;}
    #footer .copyright br{display:block;}
    
    /* sub title */
    .title_area .title_tside {align-items: flex-end;}
}

@media (max-width:360px) {
    /* 전체메뉴 */
    #header h1 a span,
    .popFullmenu h2 span{display:none;}
    
    .popFullmenu .popUntil .link,
    .popFullmenu .popUntil .user{flex-direction:column;}
    .popFullmenu .popUntil .link li,
    .popFullmenu .popUntil .user li{flex:auto !important; width:100% !important;}
    
    .popFullmenu .depth01 > ul{width:140px;}
    .popFullmenu .depth01:before{width:140px;}
    .popFullmenu .depth02{left:140px; width:calc(100% - 140px);}
    .popFullmenu .depth02 > ul > li > a{padding:0.75rem 0.85rem;}
    .popFullmenu .depth02 > ul > li > a:before{right:0.85rem; width:1.3rem; height:1.3rem;}
    .popFullmenu .depth03{padding-left:0.9rem;}
    
    .popFullmenu .depth01 > ul > li > a{font-size:0.9rem;}
    .popFullmenu .depth02 > ul > li > a{font-size:0.9rem;}
}

@media screen and (max-width: 320px) {
    /* 전체메뉴 */
    .popFullmenu .popUntil .util > li{flex:1;}
    .popFullmenu .popUntil .util > li > a{width:100%;}
    .popFullmenu .popUntil .util > li > a img{width:100%;}
    .popFullmenu .depth01:before{width:130px;}
    .popFullmenu .depth01 > ul{width:130px;}
    .popFullmenu .depth01 > ul > li > a{padding:0 0.7rem;}
    .popFullmenu .depth02{left:130px; width:calc(100% - 130px);}
    .popFullmenu .depth02 > ul > li > a{padding:0.75rem;}
    .popFullmenu .depth02 > ul > li > a:before{right:0.75rem;}
    .popFullmenu .depth03{padding-left:0.75rem;}
    
    /* 통합검색 : 모바일 전용 */
    .box_search_0 form{flex-direction:column; height:auto;}
    .box_search_0 input,
    .box_search_0 .srch_btn{width:100%; height:2.4rem;}
    .box_search_0 input{flex:auto;}
    
    /* footer */
    #footer .footer_link .link_wrap{flex-direction:column; align-items:center; margin:0;}
    #footer .footer_link .link_wrap li{padding:0.1rem 0;}
    #footer .footer_link .link_wrap li + li:before{display:none;}
    #footer .footer_link .sns_wrap{justify-content:center;}
    
    /* 만족도 조사 평가 */
    #satisfaction .contactBox dl{flex-wrap:wrap;}
}