@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

/* GmarketSans */
@font-face {
    font-family:'GmarketSans';
  font-weight:100;
    src: local(''),
      url('../font/GmarketSansLight.woff2') format('woff2'),
      url('../font/GmarketSansLight.woff') format('woff'),
      url('../font/GmarketSansLight.ttf') format('truetype'),
      url('../font/GmarketSansLight.svg#GmarketSans') format('svg');
}

@font-face {
    font-family:'GmarketSans';
  font-weight:700;
    src:local(''),
      url('../font/GmarketSansBold.woff2') format('woff2'),
      url('../font/GmarketSansBold.woff') format('woff'),
      url('../font/GmarketSansBold.ttf') format('truetype'),
      url('../font/GmarketSansBold.svg#GmarketSans') format('svg');
}





/*------------
reset
------------*/

* {font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
*, ::after, ::before{box-sizing: border-box; scroll-behavior: smooth;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, p, span, i, input, select{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-weight:normal;
    font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body, html {
  height: 100%;
  padding:0;
  margin:0;
  font-size: 17px;
  line-height:25px;
  text-size-adjust : 100%;
  /* overflow-y:auto; */
}

ol, ul, li {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
  width:100%
}

a, a:hover, a:active{
    text-decoration: none;
  color:#000;
}

b{
    font-weight:bold;
}

i{
    font-size:1.1em
}

sup{
  vertical-align: super;
  font-size: 12px;
  font-weight:inherit;
}

strong{
    font-weight:bold
}

table caption, .hidden{
  position: absolute;
  z-index:-1;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(1px, 1px, 1px, 1px);
  /*clip-path:inset(50%);*/
  overflow: hidden;
}

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border: 0;
}

/*
img {
   image-rendering: -webkit-optimize-contrast;
}
*/

a:focus{
  outline: 0.2rem solid #256ef4 !important;
  box-shadow:0 0 0 0.4rem #256ef4 !important;
  transition: outline 0s, box-shadow 0s !important;
}




/*------------------------
input
------------------------*/

input{
  appearance: none;
  border:0;
    border-radius: 0;
    border:1px solid #dde2e6;
    height:44px;
    padding-left:8px;
    font-weight:normal;
    background:#fff;
  padding:0px 10px;
  font-size:15px;
  display:inline-block;
  vertical-align:middle;
  border-radius:4px
}

input::placeholder{color:#5d5d5d; font-weight:300; opacity: 1}
input[readonly] {background:#f1f3f8; color:#5d5d5d}
input:focus {outline:none;}
input:focus {border:1px solid #0073eb}
input[type=button]{padding:0}
input[type="checkbox"][disabled], input[type="checkbox"][readonly]{
  background:#eef2f7;
  color:#5d5d5d
}
/*캘린더, 인원*/
.cal-input{
    width:140px;
    background: #fff url(../images/calendar_icon.png) no-repeat;
    background-position:92% center;
    cursor: pointer;
}
.en-cal-input{
    background: #fff url(../images/calendar_icon.png) no-repeat;
    background-position:92% center;
    cursor: pointer;
}
.time-input{
    background: #fff url(../images/time_icon.png) no-repeat;
    background-position:90% center;
    cursor: pointer;
}





/*------------------------
select
------------------------*/

select {
   appearance: none;
   background: #fff url(../images/select_arrow.png) no-repeat;
   background-position:93% center;
   height:44px;
   width:100px;
   padding: 0px 20px 0 10px;
   border: 1px solid #dde2e6;
   font-size:15px;
   display:inline-block;
   vertical-align:middle;
   border-radius:4px
}

select::-ms-expand {
    display: none;
}

select[readonly] {background:#f5f5f5; color:#5d5d5d}
select:focus {outline:none;}
select:focus {border:1px solid #0073eb}






/*------------------------
check box
------------------------*/

.ckdbox {
    position: relative;
    display:inline;
}

.ckdbox input[type="checkbox"] {
  appearance:auto;
  padding:0;
  width: auto;
  height:auto;
}
/*
.ckdbox input[type="checkbox"] + label {
    cursor: pointer;
    display:inline-block;
  vertical-align:middle;
}

.ckdbox input[type="checkbox"] + label:before {
     content: ' ';
     display: inline-block;
     vertical-align:middle;
   width: 15px;
   height: 15px;
   text-align: center;
   border: 1px solid #bfc3c7;
   background: #fff;
   border-radius:2px;
    }

.ckdbox input[type="checkbox"]:checked + label:before {
     background:#0073eb url(../images/ico_ckd.png) no-repeat center center;
   background-size:9px;
     border: 1px solid #0073eb;
   border-radius:2px;
     width: 15px;
   height: 15px;
}
*/




/*------------------------
input-file
------------------------*/
 .input-file {
   display: inline-block;
   width:80%;
 }

 .input-file [type="file"] {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0 none;
 }
 .input-file .file-label {
   display: inline-block;
   vertical-align:middle;
   width:87px;
   height: 44px;
   line-height: 44px;
   border-radius: 5px;
   background-color: #fff;
   border: 1px solid #dde2e6;
   text-align: center;
   box-shadow: -2px 2px 4px rgb(0 0 0 / 2%);
 }
 .input-file .file-name {
   width:calc(100% - 100px);
   background: #fafafa;
   height: 44px;
   line-height: 44px;
   text-indent: 5px;
   border: 1px solid #dde2e6;
 }

 .file-focus {
   outline: 1px dashed #999;
 }




 /*------------------------
 radio
 ------------------------*/

 .i-radio {
  position: relative;
  height: 16px;
  line-height: 16px;
  cursor: pointer;
  display: inline-block;
  /*padding-left:20px*/
 }

 .i-radio input {
  /*position: absolute;
  z-index:-1;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
    opacity:0;*/
  padding: 0;
  width: auto;
  height: auto;
  appearance: auto;
 }

 .i-radio .ico {
    position:absolute;
    left:0px;
    top:0px;
    width:16px;
    height:16px;
    /*background:url(../images/ico_radio_before.png) no-repeat 0 0;*/
  background:#fff;
  border:1px solid #bfc3c7;
  border-radius:15px;
  display:none
 }
/*
 .i-radio input:checked + .ico {
    background-position:0 -40px;
  background:#fff;
  border:5px solid #0073eb;
  border-radius:15px
 }
*/
.i-radio input:focus{
  border: 1px dashed #999 !important;
}




/*------------------------
기타
------------------------*/
::selection {
    background:#0073eb;
    color: #fff;
    text-shadow: none;
}

/*a:focus,
input:focus,
button:focus,
textarea:focus,
select:focus {
  outline : 1px dashed #666 !important;
}*/


textarea{
  border: 1px solid #dde2e6;
  padding:20px;
  width:100%;
  font-size: 17px;
  line-height:25px;
  border-radius:8px
}




/*------------------------
common
------------------------*/
#wrap{
  width:100%;
  min-width:320px;
  height:100%;
  margin:auto;
  position:relative;
  background: #fff;
}

#container{
  position: relative;
  width: 100%;
  /*height:100%;*/
}

#container .title{
  letter-spacing:-2px
}

.content{
  width:100%;
  margin:auto;
  position:relative;
}

.section-area{
  max-width:1480px;
  margin:auto;
  position:relative;
}


/*** header ***/
#header{
  width:100%;
  min-width:320px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(150,150,150,.1);
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index:3000;
}

#header.active{
  background:rgba(255,255,255,1);
  border-bottom:1px solid #e6e8ec;
  box-shadow: -2px 2px 4px rgba(0,0,0,0.04);
  transition-duration: 0.5s;
  transition-timing-function: ease;
}

#header.deactive{
  /*background-color: transparent;*/
  transition-duration: 0.5s;
  transition-timing-function: ease;
}

#header.active #gnb .menu{
  border-top:1px solid #e6e8ec;
  background: rgba(255, 255, 255, 1);
}
/*
#header.active:hover #gnb .menu{
  border-top:1px solid #e6e8ec;
  background: rgba(255, 255, 255, 1);
}
*/
#header.active #gnb .menu li a{
  color:#000
}

#header.active #gnb .menu li a:hover,
#header.active #gnb .menu >li.on >a{
  font-weight:bold
}

#header .nurizip{
  display: inline-block;
  width:160px;
  vertical-align: middle;
  line-height:normal;
  margin:-5px 12px 0 0;
  font-size:12px;
  position:relative;
  padding-left:28px;
}

#header .nurizip::after{
  content:"";
  width:24px;
  height:24px;
  background-image: url(../images/ico_flag.svg);
  background-repeat: no-repeat;
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
}

header .certify{
  height:70px;
  margin-left:10px
}


/*** gnb ***/
#gnb{
  position:relative;
  margin:auto;
}

#gnb .top-head{
  height: 89px;
  line-height: 89px;
  display:flow-root;
  background: #fff;
  position: relative;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  z-index:4000
}

#gnb .top-head .area{
  max-width:1480px;
  margin:auto;
}

#gnb .top-head h1{
  display: inline-block;
  vertical-align: middle;
  line-height:normal;
}

#gnb .top-head .logo .certify{
  height:70px;
  margin-left:12px
}

#gnb .top-head .r-cont{
  float:right
}

#gnb .top-head .r-cont li{
  float:left;
  position: relative;
  margin-left:30px
}

#gnb .top-head .r-cont li.nav{
  display:none
}

#gnb .top-head .r-cont li:first-child{
  margin-right:0
}

#gnb .top-head .language a{
  color:#444;
  font-size:14px;
  margin-right:5px
}

#gnb .top-head .language a:last-child{
  margin-right:0
}

#gnb .top-head .language a.on{
  color:#000;
  font-weight:bold;
  text-decoration:underline
}

#gnb .top-head .wz-btn > a{
  background:url(../images/wz_icon.png) no-repeat left center;
  padding-left:27px;
  line-height:0;
  font-weight:bold
}

#gnb .top-head .smap-btn a{
  background:url(../images/smap_icon.png) no-repeat left center;
  padding-left:25px;
  line-height:0;
  font-weight:bold
}

#gnb .top-head .search-bar{
  width:360px;
  position:relative;
}

#gnb .top-head .search-bar input{
  border:3px solid #0073eb;
  background:#fff;
  height:55px;
  width:100%;
  border-radius:60px;
  padding-left:20px
}

#gnb .top-head .search-bar .schbtn{
  display:inline-block;
  position: absolute;
  right: 20px;
  line-height: 29px;
  width:29px;
  height: 29px;
  top: 29px;
  background:url(../images/sch_icon.png) no-repeat center center;
}

#gnb .top-head .search-box{
  width:100%;
  display:none;
  background:#eef2f7;
  padding:20px;
  position:absolute;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  top:0;
}

#gnb .top-head .search-box input.sch{
  display:block;
  height:50px;
  font-size:15px
}

#gnb .top-head .search-box .sbtn{
  position:absolute;
  right: 35px;
  top: 35px;
  width:22px;
  height:22px;
  background:url(../images/sch_icon.png) no-repeat center center;
  background-size:22px
}

#gnb .top-head .search-box .close{
  background:#0073eb url(../images/close_btn_w.png) no-repeat center center;
  background-size:13px;
  width:35px;
  height:35px;
  border-radius:0 0 5px 5px;
  position:absolute;
  right:0;
  bottom:-35px;
}

/* menu */
#gnb .menu{
  height: 80px;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,.3);
  background: rgba(255,255,255,.0);
}

#gnb .menu ul{
  display:table;
  width:1000px;
  margin:auto;
  padding-top:28px;
  table-layout: fixed;
}

#gnb .menu li{
  display:table-cell;
  vertical-align: middle;
}

#gnb .menu li a{
  display:block;
  height:100%;
  font-size:22px;
  position:relative;
  z-index:200;
  color:#fff;
  font-weight:normal;
}

#gnb .menu > ul > li.on > a::after, #gnb .menu > ul > li > a:hover::after{
  content:"";
  width:8px;
  height:8px;
  background:#0073eb;
  border-radius:8px;
  position:absolute;
  bottom:-12px;
  left:50%;
  transform:translate(-50%);
  font-weight:600
}

#gnb .menu > ul > li.on > a::after{
  background:#fff
}

#gnb .menu li .submenu{
  position:absolute;
  top:170px;
  left:0;
  background:#0073eb;
  width:100%;
  height:auto;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
  border-top:1px solid #0073eb;
  /*border-bottom:1px solid #e2e7eb;*/
  display:none
}

#gnb .menu li .submenu.none{
  display:none
}

#gnb .menu li .submenu::before{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  height:100%;
  width:100%;
  background-color:#0073eb;
  background-position: bottom left;
  background-repeat:no-repeat;
  background-image:url(../images/submenu_bg.png);
}

#gnb .menu li .submenu::after{
  content:"";
  background:#eef2f7;
  position:absolute;
  right:0;
  bottom:0;
  width:50%;
  height:100%;
  z-index:1
}

#gnb .menu li .submenu .submenu-area{
  max-width:1680px;
  height:100%;
  margin:auto;
  position:relative;
  z-index:2
}

#gnb .menu li .submenu .submenu-title{
  float:left;
  width:17%;
  text-align:left;
  font-size:35px;
  font-weight:900;
  padding-top:50px;
  position:relative;
  color:#fff
}

#gnb .menu li .submenu .submenu-title span{
  font-size:15px;
  line-height:22px;
  display:block;
  word-break: keep-all;
  margin-top:20px;
}

#gnb .menu li .submenu ul{
  width:83%;
  background: #fff;
  float:right;
  padding:0;
  height:100%;
  table-layout:inherit;
}

#gnb .menu li .submenu li{
  width:100%;
  display: flow-root;
  padding:25px 15px;
  border-bottom:1px solid #e2e7eb;
  position:relative;
  text-align:left;
}

#gnb .menu li .submenu li::after{
  content:"";
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  background:#eef2f7;
  height:100%;
  width:20%;
}

#gnb .menu li .submenu li:last-child{
  border-bottom:0
}

#gnb .menu li .submenu li a{
  position:relative;
  transition: all 0.4s;
  font-weight:normal;
  color:#000;
  word-break: break-all;
}

#gnb .menu li .submenu li:nth-child(5n){
  margin-right:0
}

#gnb .menu li .submenu li .st{
  display: inline-block;
  vertical-align:middle;
  text-align:left;
  width:17%;
}

#gnb .menu li .submenu li .st a{
  font-weight:500;
  font-size:19px;
  width:100%;
  word-break:keep-all;
}

#gnb .menu li .submenu li .st a:hover::after{
  content:none
}

#gnb .menu li .submenu li > ul{
  padding:0;
  width:80%;
  padding-left:3%;
  float:none;
  display: inline-block;
  vertical-align:middle;
  background:none;
}

#gnb .menu li .submenu li > ul li{
  padding:5px 2% 5px 1%;
  float:left;
  width:auto;
  border:0;
  position:relative;
}

#gnb .menu li .submenu li > ul li::after,
#gnb .menu li .submenu li > ul li:last-child::before,
#gnb .menu li .submenu li > ul li a:hover::after{
  content:none
}

#gnb .menu li .submenu li > ul li a{
  display:inline-block;
  width:100%;
  font-size:18px;
  text-align:left;
  position:relative;
}

/*예보속보 메뉴*/
#gnb .menu li .submenu ul.forecast{
  background:#fff;
  display:table;
  table-layout: fixed;
  padding:7px 45px;
}

#gnb .menu li .submenu ul.forecast li{
  float:none;
  border-bottom:0;
  display: table-cell;
}

#gnb .menu li .submenu ul.forecast li::after{
  content:none
}

#gnb .menu li .submenu ul.forecast li a{
  font-size:15px;
  line-height:18px;
  padding-top:70px;
  height:110px;
  background-color:#fff;
  border: 1px solid #e2e7eb;
  border-radius:20px;
  position:relative;
  text-align:center;
  transition: box-shadow 0.1s linear;
}

#gnb .menu li .submenu ul.forecast li.fc9 a{
  padding-top:60px
}

#gnb .menu li .submenu ul.forecast li.fc9 a::before{
  top:4px;
}

#gnb .menu li .submenu ul.forecast li a:hover{
  background-color:#fff;
  box-shadow: 1px 1px 12px 1px rgb(0 0 0 / 7%);
}

#gnb .menu li .submenu ul.forecast li a::before{
  content:"";
  position:absolute;
  left:50%;
  transform: translateX(-50%);
  top:8px;
  width:60px;
  height:60px;
  background-position:center center;
  background-repeat: no-repeat;
  background-size:60px
}
#gnb ul.forecast li.fc1 a::before{
  background-image: url(../images/forecast_icon01.png);
}
#gnb ul.forecast li.fc2 a::before{
  background-image: url(../images/forecast_icon02.png);
}
#gnb ul.forecast li.fc3 a::before{
  background-image: url(../images/forecast_icon03.png);
}
#gnb ul.forecast li.fc4 a::before{
  background-image: url(../images/forecast_icon04.png);
}
#gnb ul.forecast li.fc5 a::before{
  background-image: url(../images/forecast_icon05.png);
}
#gnb ul.forecast li.fc6 a::before{
  background-image: url(../images/forecast_icon06.png);
}
#gnb ul.forecast li.fc7 a::before{
  background-image: url(../images/forecast_icon07.png);
}
#gnb ul.forecast li.fc8 a::before{
  background-image: url(../images/forecast_icon08.png);
}
#gnb ul.forecast li.fc9 a::before{
  background-image: url(../images/forecast_icon09.png);
}

#gnb .navbtn, #gnb .close-btn,
#gnb .menu .nav-tabs, #gnb .menu .nav-head{
  display:none
}

#gnb .top-head .r-cont .smenu{
  position:absolute;
  background:#fff;
  box-shadow: -2px 2px 4px rgb(0 0 0 / 6%);
  border:3px solid #e2e7eb;
  width: 130px;
  border-radius:5px;
  display:none;
  top:70px;
  left:-30px
}


#gnb .top-head .r-cont .smenu.on{
  display: block;
}

#gnb .top-head .r-cont .smenu li{
  float:none;
  margin:0;
}

#gnb .top-head .r-cont .smenu li a {
  display: block;
  line-height: normal;
  height: auto;
  padding: 0;
  line-height: 40px;
  font-size: 15px;
  background: #fff;
  border-bottom: 1px solid #e2e7eb;
  text-align: center
}

#gnb .top-head .r-cont .smenu li:last-child a {
  border-bottom: 0
}

#gnb .top-head .r-cont .smenu li a:hover {
  text-decoration: underline;
}

#gnb .top-head .r-cont .smenu.none {
  display: none
}


.section-area {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap:0 4%;  
}

/*** scroll-top ***/
#scroll-top {
  position: fixed;
  right: 2%;
  bottom: 50px;
  z-index: 999;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 50px;
  border-radius: 60px;
  text-align: center;
  font-style: italic;
  font-size: 12px;
  background: #0073eb
    /*url(../images/scroll_top_icon.png) no-repeat center 12px*/
  ;
  border: 7px solid #8cd0ff;
  color: #fff;
  box-shadow: -2px 2px 4px rgb(0 0 0 / 6%);
}

.modal {
  display: none
}


/*** service-site ***/
.service-site {
  overflow: hidden;
  width: 100%;
  background: #fff;
  position: relative;
  border-top: 1px solid #e2e7eb;
  border-bottom: 1px solid #e2e7eb;
}

.service-site .section-area {
  gap: 0;
  max-width:1480px;
  padding: var(--krds-padding-8) var(--krds-contents-padding-x) var(--krds-padding-8);
  margin: auto;
}

.service-site h2 {
  font-size: 25px;
  line-height: 30px;
  font-weight: bold;
  width: 120px;
  margin-top:10px
}

.service-site li {
  float: left;
  position: relative;
  margin-right: 0 !important;
}
.service-site li::after{
  content: "";
  height:10px;
  width:1px;
  background:#D0D3D8;
  position:absolute;
  right:0
}

.service-site li a{
  display:block;
  /*background:url(../images/link_icon.png) no-repeat 10px center;
  background-size:15px;*/
  padding:0 15px;
  line-height:normal;
  width:100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align:center
}
/*
.service-site li a:focus{
  border: 2px dashed #999 !important;
}
*/
.service-site li .link{
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
}

.service-site .link-btn{
  display: inline-block;
  vertical-align: middle;
  line-height: 52px;
  height:52px;
  width:180px;
  font-size:20px;
  font-weight: 600;
  border-radius: 52px;
  background: linear-gradient(to bottom, #fff, #edf6fc);
  border: 2px solid #004083;
  color: #004083;
  box-shadow: 2px 2px 5px 2px rgb(0 0 0 / 10%);
  transition: all ease-in-out .3s;
  position:relative;
}

.service-site .link-btn::after{
  content: "";
  background-image: url(../images/e_logo.png);
  background-repeat: no-repeat;
  height: 26px;
  width: 138px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.service-site .link-btn:hover{
  border: 2px solid #256ef4;
  background:#fff;
  color: #256ef4;
}


.service-site .swiper2{
  overflow:hidden;
  float:right;
  width: calc(100% - 420px);
}

.service-site .swiper-button{
  line-height:normal;
  width:110px;
  margin-top:10px
}

.service-site .swiper-button-prev,
.service-site .swiper-button-next {
  background: #fff;
  width: 32px;
  height: 32px;
  text-align: center;
  /*box-shadow: -2px 2px 4px rgb(0 0 0 / 4%);*/
  border: 1px solid #e2e7eb;
  position: inherit;
  left: auto;
  top: auto;
  right: auto;
  display: inline-block;
  margin-top: auto;
  border-radius: 7px
}

.service-site .swiper-button-prev {
  background: #fff url(../images/site_arrow_left.png) no-repeat center center
}

.service-site .swiper-button-next {
  background: #fff url(../images/site_arrow_right.png) no-repeat center center
}

.service-site .swiper-button-next:after,
.service-site .swiper-button-prev:after {
  content: none
}

.wrap-autoplay-control {
  display: inline-block;
}
.wrap-autoplay-control button{
  position:relative;
  border:0;
  background:none;
  padding:0;
  margin:0;
  background: #fff;
  width: 32px;
  height: 32px;
  text-align: center;
  /*box-shadow: -2px 2px 4px rgb(0 0 0 / 4%);*/
  border: 1px solid #e2e7eb;
  float:left;
  border-radius:7px
}

.wrap-autoplay-control button:before {
  display: block;
  content: '';
  margin:auto;
  position:absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wrap-autoplay-control button[aria-pressed="true"]:before {
  border-top: 6px solid transparent;
  border-left: 12px solid #000;
  border-bottom: 6px solid transparent;
  text-align: center;

}

.wrap-autoplay-control button[aria-pressed="false"]:before {
    width: 9px;
    height: 10px;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    box-sizing: border-box;
}

/*swiper reset*/
.swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-button .swiper-button-prev span,
.swiper-button .swiper-button-next span{
  position: absolute;
  z-index:-1;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(1px, 1px, 1px, 1px);
  /*clip-path:inset(50%);*/
  overflow: hidden;
}





/*** sitemap ***/
#sitemap{
  position:fixed;
  transform: none;
  z-index:3000;
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background: linear-gradient(90deg, #e9eff4, #f8fcff, #e9eff4);
  /*background: url(../images/sitemap_bg.png) no-repeat top left;*/
  background-size: cover;
  overflow-y:auto;
}

#sitemap .sitemap-wrap{
  max-width:1680px;
  margin:auto;
  padding:100px 0
}

#sitemap .copy{
  font-weight:300;
  font-size:30px;
  text-align:center;
  margin-bottom:70px
}

#sitemap h2{
  font-size:30px;
  font-weight:bold;
  float:left;
  position:relative;
  width:15%;
  padding-top:40px
}

#sitemap h2::after{
  content:"";
  width:50px;
  height:5px;
  background:#0073eb;
  position:absolute;
  top:0;
  left:0
}

#sitemap section{
  width:100%;
  display: flow-root;
  margin-bottom:70px
}

#sitemap section:last-child{
  margin-bottom:0
}

#sitemap .menu{
  float:right;
  width:85%;
  display:inline-block;
  padding:50px;
  background:#fff;
  border:1px solid #e5f2f6;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 2%);
  border-radius:5px
}

#sitemap .menu article{
  width:100%;
  display: flow-root;
  padding:25px 0;
  border-bottom:1px solid #e5f2f6
}

#sitemap .menu article:first-child{
  padding-top:0
}

#sitemap .menu article:last-child{
  margin-bottom:0
}

#sitemap .menu h3{
  font-size:21px;
  font-weight:500;
  line-height:30px;
  word-break: keep-all;
  display: inline-block;
  vertical-align:top;
  width:15%;
  float:left;
}

#sitemap .menu ul{
  float:right;
  width:83%
}

#sitemap .menu li{
  float:left;
  position:relative;
  padding-left:15px;
  margin:7px 30px 7px 0;
}

#sitemap .menu li::after{
  content:"";
  width:5px;
  height:5px;
  background:#c8cbd0;
  border-radius:2px;
  position:absolute;
  left:0;
  top:8px
}

#sitemap .menu ul.single{
  width:100%
}

#sitemap .menu ul.single li{
  padding:0;
  margin-right:50px
}

#sitemap .menu ul.single li::after{
  content:none
}

#sitemap .menu ul.single li a{
  font-size:21px;
  font-weight:500;
}

#sitemap .menu ul .depth{
  float:none;
  width:100%;
  display:flow-root;
}

#sitemap .menu ul .depth ul{
  float:none;
  width:100%;
  background:#eef2f7;
  display:flow-root;
  padding:15px 20px;
  margin:15px 0
}

#sitemap .menu ul .depth ul li{
  padding-left:8px
}

#sitemap .menu ul .depth ul li::after{
  width:2px;
  height:2px;
  background:#000;
  top:12px
}

#sitemap .menu ul .depth ul li a{
  font-size:15px;
}

#sitemap .close{
    display: inline-block;
    /* width: 50px; */
    height: 50px;
    line-height: 50px;
    padding: 0px 15px;
    color: #fff;
    background: #053863;
    background-size: 23px;
    position: fixed;
    right: 40px;
    top: 20px;
    border-radius: 5px;
}

.wd{
  padding-right:18px;
  background:url(../images/window_icon.png) no-repeat right 48%
}

.lk{
  padding-right:18px;
  background:url(../images/link_icon.png) no-repeat right 48%;
  height:14px;
}


/*** footer ***/
#footer{
   width:100%;
   display:inline-block;
   font-size:15px;
   width:100%;
   background:#fff;
   position:relative;
}
/*
.main #footer{
  margin-top:35px
}
*/
.footer-wrap{
   max-width:1480px;
   margin:auto;
   /*overflow:hidden;*/
   line-height:20px;
   position:relative;
   padding:40px 0;
}

.footer-wrap .menu-wrap{
   display:inline-table;
   width:100%;
   text-align:center;
   margin-bottom:25px
}

.main .footer-wrap .menu-wrap{
   text-align:center;
}

.footer-wrap .menu li{
   display: inline-block;
   position:relative;
   padding:0 10px
}

.footer-wrap .menu li a{
  font-size:16px
}

.footer-wrap .menu li::after{
   content: "|";
   position:absolute;
   right:-4px;
   top:0
}

.footer-wrap .menu li:last-child::after{
   content: none
}

.footer-wrap .menu li strong{
   color:#0073eb
}

.footer-wrap .text{
   text-align: center;
   text-align: center;
   font-size: 16px;
   line-height: 26px;
}

.footer-wrap .text span{
    margin: 0 10px;
    display: inline-block;
}

.footer-wrap .copy{
   display:block;
   color:#5d6166;
   font-weight:300;
   font-size:14px;
   margin-top:5px
}

.footer-wrap .logo{
  text-align:center;
  /*margin-top:30px*/
}

.footer-wrap .logo img{
  height:35px;
}

.footer-wrap .nifslogo{
  position:absolute;
  left:0;
  top:82px;
  display:inline-block;
}

.footer-wrap .certify, .footer-wrap .wamark{
  position:absolute;
  right:0;
  top:45px;
  display:inline-block;
}

.footer-wrap .wamark img{
  width:130px
}

.f-mark{position: absolute; right:0}



/*** error ***/
#wrap.error{
  background:url(../images/error_bg.png) no-repeat center center;
  background-size:cover;
}

.error .content{
   margin:auto;
   max-width:1280px;
   /*padding:100px 0;*/
   height:100%;
   text-align:center;
}

.error .error-text .home-btn{
   margin-top:30px
}

.error .error-text .home-btn a{
   display:inline-block;
   padding:0px 20px;
   line-height:44px;
   border:1px solid rgba(255,255,255,.5);
   color:#fff;
   font-size:16px;
   border-radius:3px
}

.error .error-text .home-btn a:hover{
   text-decoration: underline;
}

.error .error-text .home-btn a.home{
   border:1px solid #fff;
   background:#fff;
   color:#24244f
}

.error .error-img{
   width:40%;
}

.error h2{
   font-size:35px;
   font-weight:200;
   color:#fff;
   margin-bottom:30px
}


/*** loading ***/
.loading-wrap{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  z-index:3000;
  padding:20px 30px;
  text-align:center;
  border-radius:15px;
  background:rgba(0,0,0,.7)
  }

  .loading-wrap span{
  display:block;
  color:#fff;
  margin-top:5px;
  font-size:14px
  }

  #loading {
  display: inline-block;
  vertical-align:middle;
  width: 50px;
  height: 50px;
  border: 3px solid #fff;
  border-radius: 50%;
  border-top-color: #0073eb;
  animation: spin 1s ease-in-out infinite;
}

  @keyframes spin {
  to { transform: rotate(360deg);}
  }


/*** agree ***/
.agree-form{
    margin: auto;
  overflow: hidden;
  position: relative;
  padding:50px 30px;
  background:#fff;
}

.agree-form h2{
  font-size:25px;
  text-align:center;
  font-weight:600;
  margin-bottom:30px
}

.agree-form h3{
  font-size:19px;
  font-weight:500;
  padding:8px 10px;
  background: #eef2f7;
  border-left:4px solid #0073eb;
  position:relative;
  margin-bottom:10px
}

.agree-form h4{
  font-size:17px;
  position:relative;
  font-weight:500;
  padding-left:10px;
  margin-bottom:10px
}

.agree-form h4::after{
  content:"";
  width:8px;
  height:8px;
  background:#fff;
  border:2px solid #0073eb;
  border-radius:8px;
  position:absolute;
  left:0;
  top:7px
}

.agree-form span{
  color:#5d5d5d;
  font-size:14px
}

.agree-form section{
  margin-bottom:50px
}

.agree-form section:last-child{
  margin-bottom:0
}

.agree-form .ol-box .tit{
  font-size:19px;
  text-align:center;
  font-weight:500;
  text-decoration: underline;
  margin-bottom:20px
}

.agree-input li{
   margin-bottom:40px;
   display:inline-block;
   width:100%;
}

.agree-input li:last-child{
  margin-bottom:0
}

.agree-input li .tit{
  font-size:17px;
  font-weight:500;
  margin-bottom:10px
}

.agree-input li .tit span{
  font-size:13px;
  color:#000
}

.agree-input li .ckdbox{
  width:100%;
  font-size:14px
}

.agree-input li .terms-box{
   border:1px solid #dde2e6;
   background:#f5fafe;
   padding:15px;
   color:#5d5d5d;
   line-height:20px;
   font-size:14px;
   height:120px;
   overflow-y:scroll;
   margin-bottom:10px
}

.subs-input li{
  border-bottom:1px solid #dde2e6;
  padding:15px 0
}

.subs-input li label{
  display: inline-block;
  vertical-align:middle;
  width:110px;
}

.subs-input li .item{
  display:inline-block;
  vertical-align:middle;
  width:calc(100% - 120px)
}

.wpop .btn{
  text-align:center;
  width:100%;
  margin-top:30px
}

.wpop .btn a{
  display: inline-block;
  color: #5d5d5d;
  border: 1px solid #dde2e6;
  border-radius: 5px;
  background: #fff;
  height: 40px;
  line-height: 39px;
  font-size: 15px;
  padding: 0px 15px;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
}

.wpop .btn a.em{
  background:#0073eb;
  border:1px solid #0073eb;
  color:#fff;
}

.wpop .sub-explan {
  text-align:center;
  padding:100px 45px 45px 45px
}

.wpop .sub-explan::before{
  transform:none;
  left:50%;
  transform: translateX(-50%);
  top:30px
}

.thumbnail{
  position:relative;
}

/*
.noimage{
  background:#f5fafe;
  width:100%;
  height:100%
}

.noimage img{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%);
  height:auto !important;
}
*/

.ie-pop-wrap{
  position: fixed;
  z-index: 3000;
  width: 100%;
  height: 100%;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background-color: rgba(0,0,0,0.4);
}

.ie-pop{
  position: absolute;
  z-index:3000;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width:540px;
  padding:30px;
  overflow-y: auto;
  background:#fff;
  border-radius:10px;
  border: 1px solid #eef2f7;
  box-shadow: 0px 15px 20px rgba(0,0,0,0.1);
  text-align:center;
}

.ie-pop .tit{
  font-size:25px;
  line-height:35px;
  background:#eef2f7;
  border-radius:10px;
  padding:25px;
  margin-bottom:30px
}

.ie-pop .tit img{
  height:30px;
  margin-right:5px
}

.ie-pop .btn{
  margin-top:30px;
  display: table;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #e2e7eb;
  border-right:0;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
}

.ie-pop .btn a{
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  background: #fff;
  line-height:48px;
  border-right: 1px solid #e2e7eb;
}

.ie-pop .btn a img{
  height:20px
}

.ie-pop .close {
  background: url(../images/close_sml_btn.png) no-repeat center center;
  background-size: 10px;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 10px;
  top: 10px
}


#skip-nav {
  position:absolute;
  left:0;
  right:0;
  top:0;
  width:100%;
  z-index: 4000;
}

#skip-nav a {
  display:block;
  position:absolute;
  left:0;
  top:-10px;
  width:100%;
  height:1px;
  background:#143962;
  font-size:0;
  text-align:center;
  font-weight:bold;
  color:#fff;
}

#skip-nav a:hover, #skip-nav a:focus, #skip-nav a:active {
  position:absolute;
  left:0;
  top:0;
  height:30px;
  padding:4px;
  font-size:15px;
}

 /*** open-pop ***/
  #nav .open-bg{
    position: fixed;
    z-index: 3000;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color: rgba(0,0,0,0.4);
    display:none;
  }

  #nav .open-pop-bg {
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 190px;
    height:auto;
    overflow-y: auto;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e2e7eb;
    overflow: hidden;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.05);
  }

  #nav .open-pop-bg .close {
    background: url(../images/close_sml_btn.png) no-repeat center center;
    background-size: 9px;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 10px;
    top: 10px
  }

  #nav .open-pop-bg .menu{
    margin-top:35px;
    border-top: 1px solid #e2e7eb;
  }

  #nav .open-pop-bg .menu li{
    line-height: normal;
  }

  #nav .open-pop-bg .menu li:last-child{
    border:0
  }

  #nav .open-pop-bg .menu li a{
    font-size:15px;
    line-height: 44px
  }

  #nav .open-pop-bg .cont {
    padding: 10px
  }


  [data-focus="on"]{
    outline: 1px dashed #999
  }



/*** etc ***/
.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt50{margin-top:50px !important}
.mt70{margin-top:70px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb50{margin-bottom:50px !important}
.mb70{margin-bottom:70px !important}
.mb0{margin-bottom:0 !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.mr10{margin-right:10px !important}
.mg0{margin:0 !important}
.mg5{margin:5px 0 !important}
.mg10{margin:10px 0 !important}
.mg20{margin:20px 0 !important}
.mg30{margin:30px 0 !important}
.mg50{margin:50px 0 !important}
.ma{margin:auto !important;}
.pt0{padding-top:0 !important}
.pt10{padding-top:10px !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}
.pt50{padding-top:50px !important}
.pb0{padding-bottom:0 !important}
.pd0{padding:0 !important}

.l-cont{float:left;}
.r-cont{float:right;}
.form-list{display: inline-block; width:100%}
.form-list li{display: inline-block; vertical-align:middle; margin-right:20px}
.form-list li:last-child{margin-right:0}
.form-list.block li{width:100%; margin:0 0 5px 0;}
.form-list.block li:last-child{margin-bottom:0}

.t-left{text-align:left !important}
.t-center{text-align:center !important}
.t-right{text-align:right !important}
.md{position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:90%; text-align:center}

.block{display:block !important;}
.inline{display:inline-block !important; vertical-align: middle;}
.auto{text-align:center;}
.auto img:first-child{width:auto !important; height:auto !important}
img{display:inline-block; vertical-align:middle;}
.new{display:inline-block; margin-left:7px; vertical-align:middle; padding:0; height:15px; width:15px; line-height:17px; color:#fff;
  text-align:center; background:#0073eb; font-family: 'GmarketSans'; font-weight: 700; border-radius:3px; font-size:8px}

.t-sky{color:#0073eb !important}
.t-navy{color:#063a74 !important}
.t-green{color:#189fa1 !important}
.t-olive{color:#d6d6b7 !important}
.t-red{color:#e71835 !important}
.t-org{color:#e73e18 !important}

.b-sky{background:#c0fcff !important}
.b-org{background:#ffd1c0 !important}
.b-gray{background:#a4afb7 !important}
.b-green{background:#afffd2 !important}


@media screen and (max-width:1680px){
  #gnb .menu li .submenu .submenu-title{padding-left:30px}
  #gnb .top-head .area{padding:0px 30px}
  .footer-wrap .certify, .footer-wrap .wamark{right:30px}
  #sitemap .sitemap-wrap{padding:100px 50px}
}

@media screen and (max-width:1479px){
  #gnb .menu li .submenu ul.forecast{padding:7px 15px}
  #gnb .menu li .submenu ul.forecast li{padding:10px}
  #gnb .menu li .submenu ul.forecast li a{font-size:14px}
}

@media screen and (max-width:1199px){
  #gnb .menu ul{width:100%;}
  #gnb .top-head .search-bar{width:300px}
  .service-site h2{width:70px; font-size:19px; margin-right:2%}
  .footer-wrap .certify, .footer-wrap .nifslogo, .footer-wrap .wamark{position:relative; margin:auto; text-align:center; right: auto; top:auto; display:block; margin-top:15px}
  .footer-wrap .menu li a{font-size:15px}
  .footer-wrap .text{font-size:15px; line-height:24px}
  .footer-wrap .copy{font-size:14px}
  #sitemap .sitemap-wrap{padding:100px 30px}
  #sitemap h2{float:none; width:100%; font-size:27px; padding-top:30px; margin-bottom:20px}
  #sitemap .menu{float:none; width:100%}
  #sitemap .copy{line-height:40px; word-break:keep-all;}
}

@media screen and (max-width:999px){
  #header{position:fixed; box-shadow: -2px 2px 4px rgba(0,0,0,0.04)}
  #header .nurizip .area {letter-spacing: -0.3px; font-size: 13px;}
  body, html{font-size:16px; line-height:24px}
  .main #gnb .menu li a{color:#000}
  header .certify{height:60px;}
  #gnb .menu li a{color:#000}
  #gnb .menu .nav-tabs{display:block; float:left; width:28%; height:100%; background:#fff; border-right:1px solid #e0e3e9}
  #gnb .menu .nav-tabs li a{font-size:17px; background:#fff;}
  #gnb .menu .nav-tabs li.on a{/*padding-bottom:15px;*/ background:#0073eb; font-weight:bold; color:#fff}
  #gnb .menu .nav-tabs li.on a::after{content:none; bottom:22px; font-weight:bold; background:#fff}
  #gnb .menu .nav-menu{float:left; width:72%; padding:20px;}
  #gnb .menu .nav-menu li{border-bottom:0}

  #gnb .menu ul{padding:0; width:100%}
  #gnb .menu li{display:block; width:100%; line-height:70px; border-bottom:1px solid #e2e7eb;}
  #gnb .menu li .item{display:none}
  #gnb .menu li .submenu{top:0; position:relative; border:0; background:none; box-shadow:none; display:block;}
  #gnb .menu li .submenu.emt4{background:none}
  #gnb .menu li .submenu .submenu-title{width:100%; margin-bottom:20px; background-color:#f5fafe; height:130px !important; line-height:130px; float:none; border-right:0; padding:0; font-size:23px; display:none}
  #gnb .menu li .submenu .submenu-title span{display:none}
  #gnb .menu li .submenu::before, #gnb .menu li .submenu::after{content:none}
  #gnb .menu li .submenu .submenu-area{height:auto;}
  #gnb .menu li .submenu ul{width:100%; padding:0; float:none; background:none;}
  #gnb .menu li .submenu li{width:100%; line-height:normal; float:none; border-bottom:0; padding:0; margin-bottom:5px; border-radius:8px 8px 0 0; background: #fff; border: 1px solid #e0e3e9;}
  #gnb .menu li .submenu li:last-child{border-bottom: 1px solid #e0e3e9;}
  #gnb .menu li .submenu li .st{border:0; float:none; width:100%; text-align: left; }
  #gnb .menu li .submenu li .st a{background:url(../images/arrow_bottom_sky.png) no-repeat 95% center; display: block; font-size: 15px; line-height:44px; padding-left: 15px;}
  #gnb .menu li .submenu li.on .st a{background:url(../images/arrow_top_sky.png) no-repeat 95% center}
  #gnb .menu li .submenu li .st.up a{color:#000; width:10px; height:10px}
  #gnb .menu li .submenu li::after{content:none}
  #gnb .menu li.on a::after, #gnb .menu li a:hover::after{content:none}
  #gnb .menu li .submenu li > ul{display:none; width:100%; float:none; margin:0; padding:20px; background:#fff; border-top:2px solid #0073eb}
  #gnb .menu li .submenu li > ul li{border:0; background:none; padding:0; float:none; margin-bottom:10px; width:100%}
  #gnb .menu li .submenu li > ul li:last-child{margin-bottom:0; border:0}
  #gnb .menu li .submenu li > ul li a{font-size:14px;}
  #gnb .menu li .submenu li > ul li.on a{color:#0073eb; font-weight:500}
  #gnb .menu li .submenu li > ul li.on a::after{border-color:#8d98ab}
  #gnb .menu li .submenu li > ul li::before{content:none}
  #gnb .menu li .submenu ul.forecast{background:none; text-align:left; padding:0}
  #gnb .menu li .submenu ul.forecast li{border:0; background:0; display:inline-block; width:31.1%; padding:0; margin:1%}
  #gnb .menu li .submenu ul.forecast li.on a{border:1px solid #0073eb; font-weight:500}
  #gnb .top-head{height:70px; line-height:70px}
  #gnb .top-head .area{padding:0px 20px}
  #gnb .top-head .r-cont{margin-top:23px}
  #gnb .top-head .r-cont li{line-height:normal; margin-left:15px; position: inherit;}
  #gnb .top-head .r-cont li.nav{display:block;}
  #gnb .top-head .r-cont li img{height:21px}
  #gnb .top-head .search-bar{width:auto; position:inherit;}
  #gnb .top-head .search-bar input{display:none}
  #gnb .top-head .search-bar .schbtn{position:inherit; right:auto; top:auto; height:22px; background-size:22px}
  #gnb .top-head .r-cont li.language{line-height:21px}
  #gnb .top-head .r-cont li.wz-btn, #gnb .top-head .r-cont li.smap-btn{display:none}
  #gnb .top-head .language a{color:#000; font-weight:normal; background:#eef2f7; color:#5d5d5d; display:block; line-height:22px; padding:0px 12px; border-radius:4px}
  #gnb .top-head .language a.on{display:none}
  #gnb .top-head .logo .certify{height:58px}
  #gnb #nav{display: block; position: fixed; top:0; right: -200%; width:100%; height: 100%; padding:0; background:#f5fafe; z-index: 4000; overflow-y:auto; -ms-overflow-style: none;}
  #gnb #nav::-webkit-scrollbar{display:none;}
  #gnb #nav .nav-head{display: table; width:100%; height:70px; line-height:70px; background:#fff; border-bottom:1px solid #e2e7eb; position:relative; padding:0px 20px}
  #gnb #nav .nav-head .l-cont{font-size:13px; color:#5d5d5d; text-align: right; width:100%}
  #gnb #nav .nav-head .close-btn{line-height:normal; top:25px; background: url(../images/close_btn.png) no-repeat center center; width:20px; height:20px; background-size:20px}
  #gnb #nav .wz-btn, #gnb #nav .smap-btn{display:inline-block;}
  #gnb #nav .wz-btn{background: url(../images/wz_icon.png) no-repeat left center; background-size: 17px; padding-left: 24px; font-weight: 500; font-size:15px}
  #gnb #nav .smap-btn{background: url(../images/smap_icon.png) no-repeat left center; background-size: 15px; padding-left: 20px; font-weight: 500; font-size:15px; margin-left:15px}
  #gnb .navbtn{display:block; background: url(../images/hbg_icon.png) no-repeat center center; background-size:21px; width:21px; height:21px}
  #gnb .close-btn{display:inline-block; position:absolute; left:20px; top:20px;}
  .nav-background{display: none; position: fixed; top:0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; z-index: 2000}
  .section-area .more-view img{height:18px}
  .service-site .section-area{padding: var(--krds-padding-6) var(--krds-contents-padding-x) var(--krds-padding-6);}
  .service-site li a{font-size:14px;}
  .service-site .link-btn{width:140px; height:44px; line-height:44px;}
  .service-site .link-btn::after{background-size:110px; height: 22px; width: 110px;}
  .footer-wrap{padding:30px 20px;}
  .footer-wrap .menu-wrap{padding:20px; background:#f5fafe; border-radius:8px}
  .footer-wrap .menu li a{font-size:14px}
  .footer-wrap .text{font-size:14px; line-height:22px}
  .footer-wrap .copy{font-size:13px; line-height:15px}
  #sitemap .sitemap-wrap{padding:50px 30px}
  #sitemap .menu{padding:30px}
  #sitemap .menu h3, #sitemap .menu ul{float:none; width:100%}
  #sitemap .menu h3{margin-bottom:10px}
  #sitemap .copy{display:none}
  #sitemap .close {height: 30px; line-height: 30px; font-size: 13px; padding: 0px 10px; border-radius: 0 0 0 5px; top: 0; right: 0;}
  /*textarea{font-size:15px; line-height:21px}*/
}

@media screen and (max-width:767px){
  body, html{font-size:15px; line-height:23px}
  #header .nurizip{width:100%; margin:0; padding:10px 0 10px 28px; border-bottom:1px solid #e2e7eb}
  #gnb .top-head h1{margin-top:7px}
  #gnb .top-head {height: 98px; line-height:normal;}  
  #gnb .top-head .wz-btn > a{font-size:14px}
  #gnb .top-head .r-cont{margin-top:19px}
  #gnb .top-head .r-cont li{margin-left:8px}
  #gnb .top-head .r-cont li.language{line-height:20px; margin-left:0}
  #gnb .top-head .language a{font-size:13px}
  #gnb .top-head .logo{margin-top:15px}
  #gnb .top-head .logo img{height:30px}
  #gnb .top-head .logo .certify{height:40px; margin-left:8px}
  #gnb .menu .nav-tabs li a{font-size:16px}
  #gnb .menu li .submenu ul.forecast li{width:48%;}
  #gnb .menu li .submenu ul.forecast li a{height:110px; padding-top:70px; font-size:13px}
  #gnb .menu li .submenu ul.forecast li a::before{background-size:55px; width:55px; height:55px; top:12px}
  .service-site h2{display:none}
  .service-site li a{font-size:13px; background-size:12px}
  .service-site .link-btn{width:140px; height:40px; line-height:40px;}
  .service-site .link-btn::after{background-size:100px; height: 20px; width: 100px;}
  .service-site .swiper2{width: calc(100% - 250px);}
  .service-site .swiper-button{width:80px; margin-top:5px}
  .service-site .swiper-button-prev,
  .service-site .swiper-button-next,
  .wrap-autoplay-control button{width:28px; height:28px; background-size:11px !important}
  .wrap-autoplay-control button[aria-pressed="false"]:before{width:6px;}
  .footer-wrap .menu li{display:block;}
  .footer-wrap .menu li a{font-size:13px; line-height:24px;}
  .footer-wrap .menu li::after{content:none}
  .footer-wrap .text{font-size:13px; line-height:20px}
  .footer-wrap .copy{font-size:12px}
  .footer-wrap .wamark img{width:90px}
  .footer-wrap .logo i
  #sitemap .sitemap-wrap{padding:50px 20px}
  #sitemap h2{font-size:25px}
  #sitemap .menu{padding:25px 20px}
  #sitemap .menu article{padding:20px 0}
  #sitemap .menu h3, #sitemap .menu ul.single li a{font-size:19px}
  #sitemap .menu li{margin:3px 10px}
  #sitemap .menu ul .depth ul{width:90%; padding: 15px 10px}
  #sitemap .menu ul .depth ul li a{font-size:14px;}
  .form-list .i-radio, .form-list input[type="checkbox"] + label{font-size:14px}
  .new{background:none; color:#0073eb; margin:0}
  .error .error-img{width:70%}
  .error h2{font-size:30px}
  .wpop .sub-explan::before{display: block;}
  textarea{font-size:13px; line-height:19px}
  .f-mark{bottom:130px;}
}

@media screen and (max-width:365px){
  #gnb .menu li .submenu ul.forecast li a{height:95px; padding-top:60px; font-size:12px;}
  #gnb .menu li .submenu ul.forecast li a::before{background-size:50px; top:8px}
  #gnb .top-head .logo{margin-top:15px}
  #gnb .top-head .logo img{height:25px}
  #gnb .top-head .logo .certify{height:40px; margin-left:8px}
  .service-site .swiper2{width:60%}
}