html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, a, strong, em, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea, button {margin:0; padding:0;letter-spacing: -1px;line-height: unset;font-family:'Pretendard', 'Montserrat', 'Arial', 'sans-serif';}
hr{display:none;}
ul, ol, li{list-style:none;text-decoration: none;}
img, fieldset{border:none !important; vertical-align:middle;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:800; font-family:'Pretendard','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';letter-spacing: -1px;}
table{border-collapse:collapse; font-size:100%;}
address, em, optgroup{font-style:normal;}
object{vertical-align:top;}
input, button, select{vertical-align:middle;}
article, aside, details, figcaption, figure, footer, header, nav, section{display:block;}
audio, canvas, progress, video{display:inline-block;}
button{padding:0; box-shadow:none; border:none; font-size:16px; font-family:'Pretendard','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';letter-spacing: -1px; border-radius:0;}
button:hover,
button:active,
button:focus{cursor:pointer;}
input[type="radio"], input[type="checkbox"]{height:14px; width:14px; vertical-align:middle;}

/*linkstyle*/
a{color:inherit; text-decoration:none !important; background-color:transparent;} /** IE10에서 활성화(active)된 링크의 회색 배경을 제거. */
a:active,
a:focus,
  /*a:hover{text-decoration:none;color:inherit}*/
a:hover{text-decoration:none;}
a[href^="tel"] {color:inherit; text-decoration:none;}

::-webkit-input-placeholder{color:rgba(0,0,0,0.4);}
:-ms-input-placeholder{color:rgba(0,0,0,0.4);}
::placeholder{color:rgba(0,0,0,0.4);}
::selection{background:#3f639e; color:#333;}

.d-none{display:none !important;}

/*header*/
header{width:100%;display:flex;position:fixed;height:120px; position: relative; margin: 0 auto; text-align: left; transition: background 1.0s ease; -webkit-transition: background 1.0s ease; z-index: 22;}
.menu-wrap{position: relative; height: 120px; transition: height 0.2s ease; -webkit-transition: height 0.2s ease;}
.menu-wrap nav{height:100%;}
.menu{display: table; margin: 0 auto;height: 100%;}
.menu>li{position: relative; display: table-cell; vertical-align: middle;}
.menu>li a{position: relative; display: inline-block; margin: 0 30px; font-size: 25px; font-weight: 700; color: #292a2e; text-align: center;}
.logo{position: absolute; width: 200px; left: 40px; top: 55%; transform: translateY(-50%); text-align: left; z-index: 21;}
.logo>img{height:70px;}

.submenu{position: absolute; left: 50%; transform: translateX(-50%); top: 85%; filter: alpha(opacity=0); opacity: 0; display: none; table-layout: fixed; box-sizing: border-box; background: #3a3a3a46; border-radius: 10px; box-shadow: 1px 7px 12px rgba(0,0,0,.2); padding: 18px 8px;}
.submenu>li{text-align: left; word-break: keep-all; white-space: normal; white-space: nowrap; padding: 0 16px;}
.submenu>li>a{line-height: 22px; font-size: 15px; color: rgba(255,255,255,1); padding: 5px 0; display: block; font-weight: 500; letter-spacing: 0.1px;}
.menu>li:hover .submenu{opacity: 1;display:block;}
.submenu>li:hover{background-color:#4f58617a}

.menu-right{ position: absolute; left: auto; right: 30px; top: 50%; transform: translateY(-50%); z-index: 19;}
.gnb-btn-box{position: relative; display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin-left: 5px;}
.gnb-btn{ position: absolute; top: 0; left: 15%; width: 70%; height: 100%; -webkit-transition: z-index 0.3s, -webkit-transform 1s; transition: z-index 0.3s, -webkit-transform 1s; transition: z-index 0.3s, transform 1s; transition: z-index 0.3s, transform 1s, -webkit-transform 1s; -webkit-transform: translateX(0); transform: translateX(0); cursor: pointer; z-index: -1;}
/* .gnb-btn.active {-webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; cursor: pointer; opacity: 1; z-index: 999;}
.gnb-btn.active .line{width: 70%; height: 2px; background: #292a2e; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.gnb-btn.active .line:after, .gnb-btn.active .line::before{content: ""; position: absolute; left: 0%; display: block; width: 100%; height: 2px; background: #292a2e; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
.gnb-btn.active .line:before {top: -8px; -webkit-transform-origin: 2% 100%; transform-origin: 2% 100%; width: 120%;}
.gnb-btn.active .line::after {top: 8px; -webkit-transform-origin: 2% 30%; transform-origin: 2% 30%; width: 120%;}
.gnb-btn.active:hover .line, .gnb-btn.active:hover .line:after, .gnb-btn.active:hover .line::before{background:#999999;} */


header.white-mode .menu>li:hover a{color:#fff;}


header{
  width:100%;
  display:flex;
  position:fixed;
  top:0;
  left:0;
  z-index: 22;
  height:120px;
  margin: 0 auto;
  text-align: left;
  transition: transform 0.35s ease, background 1.0s ease;
  -webkit-transition: transform 0.35s ease, background 1.0s ease;
  will-change: transform;
}

header.hide-header{
  transform: translateY(-100%);
}


/* pagination */
.krds-pagination{margin-bottom: 20px;}


/* menu */
.all_menu{position: fixed; left: 0%; top: -110%; width: 100%; height: 100%; background: #fff; z-index: 2; opacity: 0; box-sizing: border-box; overflow: hidden; overflow-y: scroll; -moz-transition: top .25s ease-in-out, opacity .25s ease-in-out; -webkit-transition: top .25s ease-in-out, opacity .25s ease-in-out; -moz-transform: top .25s ease-in-out, opacity .25s ease-in-out; transform: top .25s ease-in-out, opacity .25s ease-in-out; transition-duration: .25s; transition-delay: .0s; -ms-overflow-style: none; scrollbar-width: none;}

/*footer*/
footer{border-top: 1px solid #333; height:250px; margin: auto;padding:15px 30px;}
.footer-wrap{justify-content: center; height:100%;}
.footer_txt{font-size:14px;}
footer img{border:none;}
.f_logo{width:200px;margin-bottom:15px;}
footer ul>li{color:#707070;font-size:14px;}
footer ul>li em{color:#333;margin-right:10px;}
footer ul>li em:nth-child(2){margin-left:5px;padding-left:5px;border-left:1px solid #808080}
.copy{color:#808080;}

#footer {background-color: rgba(244, 244, 244, 1); z-index: -1}

footer > div { width: 1400px; max-width: 100%;}

footer a, footer span { color: #231f20;}

footer a:hover {opacity: 0.8}

footer span {padding: 0 15px;}

.footer_logo {}

.inc_down{right:15px;}
/* .inc_down_btn{color: #333;font-size: 15px;line-height: 15px;display: inline-block;text-align: center;} */
.inc_down_btn{display: inline-flex;flex-direction:column;align-items: center;justify-content: center;min-width: 120px;min-height: 56px;padding: 12px 18px;border-radius: 16px;font-size: 14px;font-weight: 600;line-height: 1;text-align: center;transition: transform .2s ease, opacity .2s ease;}

.inc_down_btn:hover{
  opacity: .92;
  transform: translateY(-1px);
}
.inc_down_btn:before{display: block; margin: 0 auto 5px; width: 80px; height: 80px; border-radius: 40px; background-color:#f7f7f7; background-image: url("../images/icon/inc_icon.png");background-repeat: no-repeat; background-position: center; background-size: 70%; content: ""; transition: background 0.3s ease-in; -webkit-transition: background 0.3s ease-in;}
.inc_down_btn:hover:before{background-color:#696d75;background-image: url("../images/icon/inc_icon_active.png"); background-size: 70%}

*:focus{outline: unset; box-shadow: none;}

.scroll-ico {padding-top: 60px;position:absolute; bottom:20px;color:#fff;}
.scroll-ico span {position: absolute;top: 0;left: 50%;width: 30px;height: 50px;margin-left: -15px;border: 2px solid #fff;border-radius: 50px; box-sizing: border-box;}
.scroll-ico span::before {position: absolute;top: 10px;left: 50%;content: '';width: 6px;height: 6px;margin-left: -3px;background-color: #fff;border-radius: 100%;-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;box-sizing: border-box;}

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}