@font-face {font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');}
@font-face {font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');}
@font-face {font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');}
@font-face {font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');}


/* Global Styles */
html, body {width: 100%;min-width:1180px;height: auto;font-family:'S-CoreDream-4Regular', sans-serif;font-size:14.5px;font-weight:400;line-height:23px;color:#000;background-color:#fff;word-break:keep-all;}
strong{font-family: 'S-CoreDream-6Bold';}


a.click{background-color: #e6f2fb; color: #1d31a4; padding: 2px 5px; display: inline-block; font-weight: 500;}
a.click:hover{text-decoration: none; color: #1d31a4;}
a.underline{color: #1d31a4; border-bottom: 1px solid #1d31a4; height: 26px; font-weight: 500;}
a.underline:hover{text-decoration: none; color: #1d31a4;}


.content h3{font-size: 18px; font-weight: 600; color: #fe7304;}
.content h5{font-size: 20px; font-weight: 600; color: #fe7304}

.fs16{font-size: 16px;}
.fs20{font-size: 20px;}

/* Animation */
@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 1
}

.fadeInUp {
    opacity: 1;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}


/*header*/
header, 
header.active{
-o-transition:all 0.3s ease-in-out; 
-moz-transition:all 0.3s ease-in-out; 
-webkit-transition:all 0.3s ease-in-out; 
transition:all 0.3s ease-in-out;
}
.header_line{border-bottom: 1px solid #fff; opacity: 0.4;}
.h_right{position: absolute; right: 0; top: 5px; display: flex; align-items: center;}

header {width:100%; min-width:1200px; height:152px; position:absolute; top:0; left:0; z-index:999;}
header.active, header:hover {background-color:rgba(0,0,0,0.8); /*position: fixed;*/}
header > div {width:1200px; margin:0 auto; position:relative;}

header > div:after {content:""; clear:both; display:block; height:0; line-height:0;}
header nav .gnb > li {height:74px; float:left; position:relative;}
header nav .gnb > li > a {height:74px; line-height:74px; display:block; padding:0 38.5px; text-decoration:none; color:#fff; font-size:17px; font-weight:400;}
header nav .gnb > li > a:hover, header nav .gnb > li.on > a {color:#ffef00; background:url('../images/gnbdot.png') no-repeat center 65px;}
header nav .gnb > li > ul {display:none; position:absolute; top:74px; left:50%; margin-left: -105px; z-index:9999; padding:5px 0 15px; background-color:rgba(0,0,0,0.8);}
header nav .gnb > li > ul > li > a {width:210px; padding:5px 15px; text-align: center; box-sizing:border-box; font-size:14px; color:#eee; text-decoration:none; font-weight:500; display:block;}
header nav .gnb > li > ul > li > a:hover {color:#ffef00;}
header nav .gnb > li.mail{float: right;}
header nav .gnb > li.mail.on > a{background: none;}
header nav .gnb > li.mail a{padding: 0; position: absolute; top: 12px;}

header h1{width: 358px; height: 52px; line-height: 100%; /*float: left; */margin: 25px auto 0;}


/*quick*/
#quickMenu{position: absolute; top: 20%; right: 0; z-index: 9999999}
#quickMenu ul li{text-align: center; width: 110px; height: 110px; margin: 3px auto;}
#quickMenu ul li a{background: rgba(0,0,0,0.8); transition: background linear 0.3s; width: 100%; height: 100%; display: block; padding: 15px 0 10px;}
#quickMenu ul li a:hover{background: #ed7422;}
#quickMenu ul li:first-child{margin-top: 0;}
#quickMenu ul li p{color: #fff; font-size: 14.5px; text-align: center; letter-spacing: -0.6px; margin-top: 7px;}
#quickMenu ul li.Btntop{height: 50px;}
#myBtntop {display: none; bottom: 20px; right: 20px; z-index: 999999; border: none; outline: none; cursor: pointer;width: 100%; height: 50px; color: #fff; background: linear-gradient(to right, #e9002d 0%, #ff7a01 100%);}


/* 디데이 */
.datebox{float: left;}
.d_day{display: inline-block;animation-name: suggest; position: relative;
/*animation-duration: 0.5s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;*/
-webkit-animation-name: suggest;
-webkit-animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;}
#clockdiv{color: #fff; font-family: 'S-CoreDream-4Regular'; text-align: center; font-size: 25px; width: 100%; height: 100%; position: relative;}
#clockdiv > span{position: relative; font-weight: 600;}
.datebox span.days{}


/* Footer Styles */
.footer{width:100%; padding: 45px 0px; clear: both; background: url(../images/footer_bg.png) no-repeat;}
.footer_wrap{width:1200px; margin:0 auto; position: relative;}
.footer_insta{position: absolute; right: 0; bottom: 186px;}
.footer-txt {width: 100%;border-bottom:none;font-size: 14px; line-height:29px;}
.footer-txt ul{display: inline-block; width:1200px; margin:0 auto; padding-left:0; list-style:none;}
.footer-txt ul li{float:left; margin-right:30px; color: #fff; font-size: 16px; font-weight: 300; font-family: 'S-CoreDream-2ExtraLight'; position: relative;}
.footer-txt ul li:last-child::after{content: ''}
.footer-txt ul li::after{content: '|'; position: absolute; top: 0; right: -20px;} 
.footer-txt p{margin-bottom:0; padding-top:3px; line-height: 18px; color: #fff; font-weight: 300; font-family: 'S-CoreDream-2ExtraLight';}
.footer-txt h2{font-size: 19px; font-family: 'S-CoreDream-4Regular'; color: #fff; font-weight: 400;}
.footer-txt h2 span{font-weight: 300; font-family: 'S-CoreDream-2ExtraLight'; font-size: 15px; letter-spacing: 0.7px; text-transform: uppercase;}


body{min-width: 320px;}
@media (max-width: 1200px){
	#wrap{width:1200px;}
}
/*@media (max-width: 1200px){
	body{min-height: 1800px;}
}*/


/* ul style */
.ul-style1{list-style: none; padding: 0; margin: 0;}
.ul-style1 > li{position: relative; padding-left: 20px; margin-top: 6px;}
.ul-style1 > li:before {content:""; position:absolute; top: 10px; left: 4px; width: 6px; height: 1px; background: #868686;}

.ul-style2{list-style: none; padding: 0; margin: 0;}
.ul-style2 > li{position: relative; padding-left: 15px; margin-top: 6px;}
.ul-style2 > li:before {content:""; position:absolute; top: 10px; left: 4px; width: 3px; height: 3px; background: #434343;}
.ul-style2 > li.acc{background: #fff600; font-weight: 600; display: inline-block;}


/* btn style */
.btn-basic {border: 1px solid #eb0c29; padding: 12px 16px; text-align: center; box-sizing: border-box; background: linear-gradient(359deg, #eb0c29,#fd6d06); color: #fff; font-weight: 500;}
.btn-basic:hover, .btn-basic:focus {color: #fff; text-decoration: none;}
.btn_circle{border: 1px solid #e58501; border-radius: 50%; padding: 2px 6px 4px; text-align: center; box-sizing: border-box; background: linear-gradient(#e58501,#d15100); color: #fff !important; font-weight: 500; font-size: 14.5px;}
.btn_circle:hover, .btn_circle:focus {color: #fff; text-decoration: none;}


.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 275px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 102%;
  left: 45%;
  font-size:15px;
  line-height:19px;
  margin-left: -115px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}