body {letter-spacing:-.3px;min-width:1400px;}
body.fixed {overflow:hidden;}

/* Slider */
.slick-slider { position:relative; }
.slick-list { position: relative; display: block;overflow-x:hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-initialized .slick-slide{ display: block;}


.icon-hamberger {display:block;width:16px;height:2px;margin:auto;background:#000;position:relative;}
.icon-hamberger:before {content:'';display:block;width:100%;height:2px;background:#000;position:absolute;left:50%;top:-5px;transform:translate(-50%,0);}
.icon-hamberger:after {content:'';display:block;width:100%;height:2px;background:#000;position:absolute;left:50%;top:5px;transform:translate(-50%,0);transition:all .2s ease;}


/* header */
.header {position:fixed;left:0;right:0;top:0;z-index:110;min-width:1240px;transition:all 0.3s;}
.header-inbox {max-width:1240px;height:120px;margin:0 auto;padding:0 5%;box-sizing:content-box;position:relative;transition:all .3s;}
.header-logo {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.header-logo img {width:100%;}
.header-inbox .header-user {float:right;overflow:hidden;margin-top:52px;}
.header-inbox .header-user a {float:left;font-size:15px;color:#fff;margin-left:15px;}
.header-socials {float:left;overflow:hidden;margin-top:50px;}
.header-socials a {float:left;display:block;margin-right:20px;}
.header-backdrop {height:120px;}
/* .header .default {display:block;}
.header .over {display:none;} */

.navigation {height:52px;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);position:fixed;left:0;right:0;top:120px;z-index:100;min-width:1240px;transition:all 0.3s;}
.navigation .inner {max-width:1240px;height:52px;margin: 0 auto;position:relative;z-index:101;}
.navigation .gnb {font-size:0;}
.navigation .gnb li {display:inline-block;width:184px;position:relative;}
.navigation .gnb li:nth-of-type(2) {width:220px;}
.navigation .gnb li:nth-of-type(7) {width:100px;}
.navigation .gnb li > a {display:block;font-size:17px;font-weight:500;line-height:50px;color:#fff;}
.navigation .gnb li:hover > a {color:#262626;}
/* .navigation .gnb li:hover div {background:#fff;} */
.navigation .gnb li div {width:100%;opacity:0;visibility:hidden;height:0px;transition:all .3s;position:absolute;top:53px;left:1px;right:0;z-index:100;}
.navigation .gnb li:first-child div {width:179px;}
.navigation .gnb li div a {display:block;font-size:15px;line-height:32px;color:#464646;font-weight:300;}
.navigation .gnb li div a:hover {color:#c59b5c;}
.navigation .gnb li div a:first-child {border-top:none;}
.navigation .m_block { display:none; }

.navigation-bg {height:0;overflow:hidden;background:#fff;box-sizing:border-box;transition:all .2s;position:absolute;margin-top:0px;left:0;right:0;z-index:99;}
.navigation-backdrop {height:56px;}

/* 네비게이션이 열렸을 때 */
.is-opened-navigation .header {background:#fff;}
.is-opened-navigation .header .default {display:none}
.is-opened-navigation .header .over {display:block;}
.is-opened-navigation .header .header-user a {color:#262626;}
.is-opened-navigation .navigation {border-color:#e6e6e6;background:#fff;}
.is-opened-navigation .navigation .gnb li a {color:#262626;}
.is-opened-navigation .navigation .gnb li div {opacity:1;padding:12px 0;visibility:visible;height:358px;}
.is-opened-navigation .navigation-bg {height:550px;border-bottom:1px solid #dadada;}


/*  상단 고정 헤더 */
.is-fixed-header .header {background:#fff;}
.is-fixed-header .header .default {display:none}
.is-fixed-header .header .over {display:block;}
.is-fixed-header .header .header-user a {color:#262626;}
.is-fixed-header .navigation {border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fff;}
.is-fixed-header .navigation .gnb li a {color:#262626;}
.is-fixed-header .navigation-bg {background:#fff;position:fixed;left:0;right:0;top:0;}
.is-fixed-header .header-inbox { height:80px; transition:all .3s; }
.is-fixed-header .navigation { top:80px; transition:all .3s; }
.is-fixed-header .header-socials,
.is-fixed-header .header-inbox .header-user { margin-top:34px; transition:all .3s; }

/* .is-fixed-header .header {position:relative;transition:all 0.3s;}
.is-fixed-header .header .default {display:none}
.is-fixed-header .header .over {display:block;}
.is-fixed-header .header .header-user a {color:#262626;}
.is-fixed-header .navigation {top:0px;border-bottom:1px solid #e6e6e6;background:#fff;transition:all 0.3s;}
.is-fixed-header .navigation .gnb li a {color:#262626;}
.is-fixed-header .navigation-bg {background:#fff;position:fixed;left:0;right:0;top:0;} */

/* top */
#top { display:none; position:fixed; right:40px; bottom:40px; z-index:10; }
#top a { display:block; width:50px; height:50px; line-height:50px; background-color:#c59b5c; color:#FFF; font-size:13px; font-weight:500; text-align:center; text-transform:uppercase; transition:ease 0.2s; }
#top a:hover { background-color:#111; transition:ease 0.2s; }

.footer {padding:60px 5% 65px;box-sizing:border-box;background:#1f1f1f;}
.footer-inbox {width:100%;max-width:1240px;margin:0 auto;overflow:hidden;}
.footer-logo {float:left;width:250px;}
.footer-address {float:left;width:;margin-left:20px;font-size:14px;line-height:1.8;color:#777;}
.footer-address .item {margin-right:20px;}
.footer-address .block {display:block;}
.footer-terms {float:right;width:260px;margin-top:4px;}
.footer-terms a {margin-left:20px;color:#8d8d8d;font-size:14px;}


@media (max-width:1401px) {
  .footer-logo {width:100%;text-align:center;}
  .footer-address {width:100%;margin:1rem 0;text-align:center;line-height:1.6;}
  .footer-address .item {margin:0 12px;}
  .footer-terms {float:right;width:100%;margin:40px 0 10px;text-align:center;}
  .footer-terms a {margin:0 10px;font-size:14px;color:#8d8d8d;}
}
@media (max-width:640px) {
	#top { display:none !important; }
}