@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css);
@import url(https://cdn.jsdelivr.net/xeicon/1/xeicon.min.css);
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);
@import url(css/font.css);
@import url(css/blank.css);


*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.05rem;color:inherit;}
html {font-size: 20px;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
ul, li {list-style:none;}
body {font-family: "NanumSquareNeo", "Pretendard", "Pretendard Variable", sans-serif; color:#222; overflow-x: hidden;}
div {display:block;}



.inner {width:70rem; margin: auto; clear: both;}
.inner2 {width:60rem; margin: auto; clear: both;}
.c_default {color:#303030 !important}
.c_lightgray {color:#b0b0b0 !important}
.c_gray1 {color:#505050 !important}
.c_gray2 {color:#909090 !important}
.c_gray3 {color:#c0c0c0 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.color1 {color: #06b19c !important;}
.color2 {color: #2d3e50 !important;}
.color3 {color: #81ede0 !important;}



h3,h4,h5,p,font {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: rotate(0.02deg) translate3d(0, 0, 0);}
h1,h2 {font-weight:300;line-height:1.3; font-family: 'NEXON Lv1 Gothic OTF';}
h1 {font-size:2.5rem; letter-spacing:-0.1rem; }
.sizeh1 {font-size: 2.5rem !important;}
h1.small {font-size: 2.2rem;}
h1.big {font-size: 3rem; }
h1.superbig {font-size: 3.5rem; line-height: 1.1;}
.h1_giant {font-size: 5rem; letter-spacing:-0.03em;}
h2 {font-size:2rem}
.sizeh2 {font-size:2rem; }
h3 {font-size:1.5rem; font-weight:300; line-height:1.4; }
.sizeh3 {font-size:1.5rem; }
h4 {font-size:1.2rem; font-weight:400; line-height:1.5; word-break:keep-all;}
.sizeh4 {font-size: 1.2rem;}
h5 {font-size:1rem; font-weight: 400; line-height:1.7; word-break:keep-all;}
.sizeh5 {font-size: 1.1rem !important;}
p {font-size:0.9rem; line-height:1.7; color:inherit; word-break:keep-all;}
p.small {font-size:0.8rem; }
p.typeline {font-size:0.7rem;}
.size_psmall {font-size: 0.8rem !important;}
sub {font-size: small; }
.uppercase {text-transform: uppercase;}


.tight {letter-spacing: -0.2rem;}
.loose {letter-spacing: 0.4rem !important;}
.loose1 {letter-spacing: 0.15rem !important;}
.loose2 {letter-spacing: 0.05rem !important;}
.lineheight125 {line-height: 125% !important;}
.lineheight140 {line-height: 140% !important;}

.thin {font-weight: 200 !important;}
h1.bold, h1 .bold,
h2.bold, h2 .bold,
.lv1.bold, .lv1 .bold {font-family: 'NEXON Lv1 Gothic OTF Bold';}
b,.bold {font-weight: 800;}
.lv1 {font-family: 'NEXON Lv1 Gothic OTF';}



span {color:inherit; letter-spacing: inherit;}

.float {float:left;}
.float_r {float:right}
.left {text-align:left !important}
.right {text-align:right !important}
.center {text-align:center !important}
.justify {text-align:justify !important;}
.justify::after {content: ''; display: inline-block; width: 100%;}

.clearfix::after {content:""; clear:both; display: block;}
.inlineblock {display: inline-block;}

.relative {position: relative;}


.flex {display: flex !important;}
.col1 {flex: 1;}
.col2 {flex: 2;}
.col3 {flex: 3;}
.col4 {flex: 4;}
.col5 {flex: 5;}
.col6 {flex: 6;}

.gap40 {gap: 2rem;}


.flex_center {display: flex !important; justify-content: center;}
.flex_end {display: flex !important; justify-content: end;}
.flex_between {display: flex !important; justify-content: space-between;}
.flex_evenly {display: flex !important; justify-content: space-evenly;}
.flex_c_center {display: flex !important; flex-direction: column; justify-content: center !important;}
.flex_c_end {display: flex !important; flex-direction: column; justify-content: end;}



.bdb {border-bottom:1px #e0e0e0 solid}
.bdt {border-top:1px #e0e0e0 solid}
.bdl {border-left:1px #e0e0e0 solid}
.bdr {border-right:1px #e0e0e0 solid}

.bdw {border-color: rgba(255, 255, 255, 0.3);}



/* 컬럼 설정 */
.w05 {width: 5% !important;}
.w10 {width: 10% !important;}
.w15 {width: 15% !important;}
.w20 {width: 20% !important;}
.w22 {width: 22% !important;}
.w25 {width: 25% !important;}
.w30 {width: 30% !important;}
.w35 {width: 35% !important;}
.w40 {width: 40% !important;}
.w50 {width: 50% !important;}
.w60 {width: 60% !important;}
.w75 {width: 75% !important;}
.w80 {width: 80% !important;}
.w85 {width: 85% !important;}
.w90 {width: 90% !important;}
.w100 {width: 100% !important;}

.width100 {width: 5rem !important;}
.width600 {width: 30rem !important;}
.width700 {width: 35rem !important;}





/* 공통 */
#wrap {width:100%; min-width:1400px; margin:auto; position:relative; }


h1.logo {width: 11rem; height: 2.05rem; background: url(images/logo.svg) no-repeat; background-size: contain; text-indent: -10000px;}
h1.logo a {display: block;}



.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .cont,
.root_daum_roughmap .map_border {display: none;}


#header {width:100%; position: absolute; z-index: 100; display: flex; height: 5.5rem; justify-content: flex-end; align-items: center; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; padding: 0 8rem; background: linear-gradient(rgba(0,0,0,0.5 ), rgba(0,0,0,0) 90%);}

#header .logo {position: absolute; left: 50%; transform: translateX(-50%);}

#header .menu {display: block; cursor: pointer; font-size: 2.5rem; color: #06b19c;}


#header .sitemap { 
  margin:auto;
  width:100%;
  height: 100vh;
  background: #fff;
  color: #a0a0a0;
  display: none;
  position: fixed;
  z-index:1000;
  top:0;
  left: 0;
  font-size:0.9rem;
  padding:0 4rem;
  text-align: center;
}
#header .sitemap .sitemap_wrap {display: flex; width: 100%; height: 100%; align-items: center; align-content: center; flex-wrap: wrap; position: relative;}
#header .sitemap .sitemap_wrap .flex {width: 100%;}

#header .sitemap ul {flex: 1; margin: 1rem 0; border-left: 1px #e0e0e0 solid;}
#header .sitemap ul.first {border-left: 0 !important;}
#header .sitemap ul > li { padding-top: 0.1rem;}
#header .sitemap ul > li:first-child {color: #06b19c;}
#header .sitemap ul > li:first-child h3 {font-weight: bold; margin-bottom: 0.5rem;}
#header .sitemap ul > li:first-child:hover a {color: #06b19c;}
#header .sitemap ul > li:first-child a::before {background: #06b19c;}
#header .sitemap a:hover {color: #2d3e50; font-weight: bold;}
#header .sitemap a {display:block; line-height: 1.8;}

#header .sitemap a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
#header .sitemap a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #2d3e50;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#header .sitemap a:hover:before, #header .sitemap a:focus:before, #header .sitemap a:active:before, #header .sitemap a.on:before {
  left: 0;
  right: 0;
}

#header .sitemap .closed {position: absolute; right: 60px; top: 60px; font-size: 60px; cursor: pointer;}
#header .sitemap .closed:hover {color: #2d3e50;}


#header.jbFixed {position: fixed; z-index: 100; height: 4rem;}
#header.jbFixed .logo,
#header.jbFixed .menu {zoom: 0.9;}


#quick {position: fixed; bottom: 3rem; right: 1rem; width: 3.5rem; z-index: 1000; text-align: center; display: flex; flex-direction: column; gap: 0.3rem;}
#quick a {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.2rem; width: 100%; height: 3.5rem; border-radius: 100%; font-size: 0.7rem; font-weight: 600; background-color: #06b19c; color: #fff; padding-bottom: 0.2rem;}
#quick a:hover {background-color: #e8fdfd; color: #2d3e50;}
#quick a.bottom {background-color: #2d3e50; color: #fff;}
#quick a.bottom:hover {background-color: #222;}
#quick a i {font-size: 1.6rem;}
#quick a.q1 i,#quick a.q4 i,#quick a.bottom i {font-size: 1.25rem;}
#quick a.q3 svg {width: 1.25rem;}
#quick a.q3 .q3_B{fill:#fff;}
#quick a.q3:hover .q3_B{fill:#2d3e50;}

#footer {width:100%; height: 18.5rem; background-color: #2d3e50; color: #fff; }
#footer .contact {width: 100%; background-color: #fff; color: #222; border-top: 1px #e0e0e0 solid; padding: 0.6rem 0; font-size: 0.9rem;}
#footer .contact .inner {display: flex; justify-content: space-between; align-items: center;}
#footer .contact .inner .btn a:hover {font-weight: 600;}
#footer .contact .inner .btn a::before { content: "|"; margin: 0 1.25rem; font-weight: 100;}
#footer .contact .inner .btn a:first-child::before {content: ""; margin: 0;}
#footer .contact .inner .sns {display: flex; }
#footer .contact .inner .sns a {display: inline-block; line-height: 1.2; display: flex; align-items: center; margin-left: 1rem;}
#footer .contact .inner .sns a::before {border: 1px #e0e0e0 solid; border-radius: 100%; width: 2.5rem; height: 2.5rem; display: inline-block; align-content: center; text-align: center; margin-right: 0.4rem; }
#footer .contact .inner .sns a.kakao::before {content: url(images/footer_kakao.png);}
#footer .contact .inner .sns a.insta::before {content: url(images/footer_insta.png);}
#footer .contact .inner .sns a.blog::before {content: url(images/footer_blog.png);}
#footer .info {padding: 2.75rem 0; text-align: center;}
#footer .logo {background-image: url(images/logo_w.svg); margin: 0 auto 2rem;}
#footer .txt span {font-size: 0.9rem; line-height: 1.6; display: inline-block;}

#footer #back-top {width: 3rem; height: 3rem; border-radius: 100%; border: 1px #06b19c solid; color: #06b19c; display: flex; justify-content: center; align-items: center; position: fixed; right: 1rem; bottom: 1rem; z-index: 100; font-size: 0.7rem; letter-spacing: 0; line-height: 1.2;}
#footer #back-top:hover {background-color: #06b19c; color: #fff;}