@charset "utf-8";

/* base */
html, body, div, span, object, figure, figcaption, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, button, abbr, address, big, cite, code, del, dfn, em, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input {padding:0; margin:0; border:0;}
a {text-decoration:none; cursor:pointer;}
em {font-style:normal;}
a:hover,a:visited,a:action,a:link { text-decoration:none;}
table {border-spacing:0; border-collapse:collapse;}
table tr { display: table-row;}
table td { display: table-cell;}
ol,ul,li {list-style:none; text-decoration:none;;}
hr {display:none;}
fieldset {border:none;}
fieldset legend {display:none;}
blockquote, q {quotes:none;}
button {border:none; outline: none;}
input {border:0;}

/* html5 */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, canvas, summary {display:block;}

/*-- comm --*/
* { 
	font-family: 'Noto Sans KR', sans-serif; 
	line-height: 1; 
	letter-spacing: -0.02em; 
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	outline: none !important;
}
html {
	overflow-y: scroll;
}
html, body  { 
	width: 100%; 
	height: 100%; 
	background-color: #fff;
}
::-webkit-input-placeholder {
    color: #666;
}
:-moz-placeholder {
   color: #666;
   opacity: 1;
}
::-moz-placeholder {
   color: #666;
   opacity: 1;
}
:-ms-input-placeholder { 
   color: #666;
}
::placeholder {
   color: #666;
   opacity: 1;
}
body {
	display: table;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }
/*-- //comm --*/

/*-- Input --*/
input[type="text"], input[type="password"] { 
	width: 100%;
	line-height: 1;
	padding: 1% 5%;
}
input[type="text"], input[type="password"] { 
  background: #fff; 
}
/*-- //Input --*/

/*-- checkbox --*/
.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
  vertical-align: top;
  margin-top: 1vw;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 4vw;
  height: 4vw;
  left: 0;
  top: 0;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition:  0.3s ease-in-out;
  -o-transition:  0.3s ease-in-out;
  transition:  0.3s ease-in-out; 
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 4vw;
  height: 4vw;
  left: 0;
  top: 0;
  font-size: 3.5vw;
  color: #333;
  text-align: center;
}
.checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: 1; 
  cursor: pointer;
}
.checkbox input[type="checkbox"]:focus + label::before {
  outline: thin dotted;
  outline: none;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
  font-family: 'FontAwesome';
  content: "\f00c"; 
  padding-top:3px;
}
.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65; 
}
.checkbox input[type="checkbox"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed; 
}
/*-- //checkbox --*/

/*-- Layout --*/
.wrap { 
	position: relative;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	display: table;
}
.main-body {
	position: relative;
	height: 100%;
	z-index: 2;
}
.m-visual {
	height: 60vw;
	background: url("../images/main_visual.jpg") no-repeat;
	background-size: cover;
}
.m-visual .mcopy {
	font-size: 4vw;
	color: #fff;
	line-height: 1.6;
	padding: 20% 0 0 8%;
}
.m-visual .mcopy span.mcopy-big {
	font-size: 1.8em;
	color: #fff;
	font-weight: 700;
}
.m-visual .mcopy span.mcopy-sm {
	font-size: 0.9em;
	color: #fff;
}
.m-bar {
	background-color: #ffd400;
	font-size: 1.8vw;
	color: #555;
	text-align: left;
	padding: 1.5% 4%;
}
/*-- //Layout --*/

/*-- 메인페이지 --*/
.container-main {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.container-main::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #444;
	z-index: 1;
}
.logo-add {
	width: 100%;
	text-align: center;
	padding: 10% 0;
}
.login {
	width: 100%;
	text-align: center;
	padding: 2% 0;
}
.login ul {	
	margin: 0 0.4%;
	vertical-align: middle;
	display: inline-block;
}
.login ul li.login-inp {
	width: 45vw;
	margin-bottom: 2%;
}
.login ul li.login-inp:last-child {
	margin-bottom: 0;
}
.login ul li.login-btn {
	margin-right: 10px;
}
.login ul li.login-btn:last-child {
	margin-right: 0;
}
.login ul li button.btn-login {
	width: 12vw;
	height: 11vw;
	background-color: #febd01;
	border-radius: 0.5vw; 
	-webkit-border-radius: 0.5vw; 
	-moz-border-radius: 0.5vw;
	font-size: 1.6vw;
	color: #333;
	line-height: 1.2;
	text-transform: uppercase;
}
.login ul li button.btn-login span {
	font-size: 0.9em;
}
.login input.inp-hppw {
	width: 100%;
	height: 5vw;
	font-size: 2vw;
	color: #333;
	line-height: 1;
	text-align: center;
	border-radius: 0.5vw; 
	-webkit-border-radius: 0.5vw; 
	-moz-border-radius: 0.5vw;
}
.login input.inp-hppw::placeholder {
	text-align: left;
}
.cate {
	width: 100%;
	padding: 10% 0;
}
.cate-inner {
	position: relative;
	margin-right: -0.3%;
	overflow: hidden;
}
.cate-inner ul li {
	width: 33.3%;
	padding: 0 0.2% 0.2% 0;
	float: left;
	display: table;
}
.cate-inner ul li span.cate-box {
	width: 100%;
	height: 14vw;
	background-color: #666;
	text-align: center;
	vertical-align: middle;
	padding: 0 0.2%;
	display: table-cell;
}
.cate-inner ul li span.cate-box p {
	height: 8vw;
	font-size: 2vw;
	color: #fff;
	padding-top: 6%;
}
.cate-inner ul li span.cate-box .under-line {
	width: 80%;
	height: 4px;
	background-color: #444;
	border-radius: 0.5vw;
	-webkit-border-radius: 0.5vw;
	-moz-border-radius: 0.5vw;
	display: inline-block;
}
.member-info {
	width: 100%;
	padding: 0 5%;
}
.member-info ul li {
	position: relative;
	font-size: 1.8vw;
	color: #ccc;
	margin-bottom: 2%;
	padding-left: 3%;
}
.member-info ul li::before {
	content: "\ee73";
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'icomoon';
}
/*-- //메인페이지 --*/

/*-- 회원가입 --*/
.top-bar {
	height: 7vw;
	background-color: #ffd400;
	font-size: 2vw;
	color: #666;
	padding: 2.4% 2% 0;
	overflow: hidden;
}
.top-bar ul li {
	vertical-align: middle;
	display: inline-block;
}
.top-bar ul li i {
	font-size: 2vw;
}
.btm-cont {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.btm-cont-inner {
	width: 100%;
	background-color: #ffd400;
	display: table;
}
.btm-cont-inner ul {
	position: relative;
	width: 100%;
	height: 14vw;
	vertical-align: middle;
	display: table-cell;
}
.btm-cont-inner ul li {
	width: 50%;
	font-size: 3vw;
	text-align: center;
	float: left;
}
.btm-cont-inner ul li span {
	vertical-align: middle;
}
.btm-cont-inner ul li i {
	font-size: 3vw;
}
.btm-cont-inner ul li::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	border-right: 1px solid #444;
}
.join {
	width: 100%;
	padding: 20vw 6vw;
	overflow: hidden;
}
.join .cont-tt {
	position: relative;
	font-size: 3vw;
	color: #ffc000;
	text-align: center;
}
.join .cont-tt::before {
	content: "";
	position: absolute;
	bottom: -3vw;
	left: 0;
	right: 0;
	width: 30%;
	border-bottom: 1px solid rgba(255,192,0,0.5);
	margin: 0 auto;
}
.join-form {
	margin-top: 8vw;
}
.join-form ul {
	margin-bottom: 5vw;
	overflow: hidden;
}
.join-form ul li {
	float: left;
	display: table;
}
.join-form ul li span {
	vertical-align: middle;
	display: table-cell;
}
.join-form ul li input {
	height: 6.8vw;
	font-size: 2.5vw;
}
.join-form ul li.form-l {
	width: 25%;
	height: 7vw;
	background-color: #777;
	font-size: 2.5vw;
	color: #fff;
	text-align: center;
}
.join-form ul li.form-r {
	width: 75%;
	height: 7vw;
	background-color: #fff;
	padding: 0 1vw;
}
.join-form ul li.form-r.w-center {
	text-align: center;
}
.join-form ul li.form-l.w-sms {
	width: 35%;
}
.join-form ul li.form-r.w-sms {
	width: 65%;
}
.join-form .t-slt {
	font-size: 2.5vw;
	color: #fff;
	margin-bottom: 1.5vw;
}
.join-form button.btn-cate {
	width: 25%;
	background-color: #fff;
	border: 1px solid #888;
	border-radius: 0.4vw;
	-webkit-border-radius: 0.4vw;
	-moz-border-radius: 0.4vw;
	font-size: 2.5vw;
	color: #333;
	font-weight: 500;
	line-height: 1;
	padding: 1vw 0;
	margin: 0 1vw;
	display: inline-block;
}
.join-form button.btn-cate-sub {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 0.4vw;
	-webkit-border-radius: 0.4vw;
	-moz-border-radius: 0.4vw;
	font-size: 2.5vw;
	color: #333;
	line-height: 1;
	padding: 1vw 1.5vw;
	margin: 0 0.5vw;
	display: inline-block;
}
/*-- //회원가입 --*/

/*-- 이용약관동의 --*/
.agree-inner {
	margin-top: 8vw;
}
.agree-inner ul {
	margin-bottom: 5vw;
	overflow: hidden;
}
.agree-inner ul li {
	float: left;
	display: table;
}
.agree-inner ul li span {
	vertical-align: middle;
	display: table-cell;
}
.agree-inner ul li.agree-l {
	width: 10%;
}
.agree-inner ul li.agree-c {
	width: 65%;
	height: 7vw;
	background-color: #fff;
	font-size: 2.5vw;
	color: #333;
	text-align: left;
	padding: 0 2vw;
}
.agree-inner ul li.agree-r {
	width: 25%;
	height: 7vw;
	background-color: #999;
	font-size: 2.5vw;
	color: #fff;
	text-align: center;
}
.agree-inner ul li.agree-all {
	width: 100%;
	height: 7vw;
	margin-top: -1vw;
}
.agree-inner ul li.agree-all .checkbox label {
	font-size: 2.8vw;
	padding-left: 7vw;
	color: #ffd800;
}
/*-- //이용약관동의 --*/

/*-- 비밀번호 설정 --*/
.agree-inner ul li input {
	height: 6.8vw;
    font-size: 2.5vw;
	padding: 1% 0;
}
.agree-inner ul li.pw-l {
	width: 3.5%;
	font-size: 5vw;
	color: #ff9c00;
}
.agree-inner ul li.pw-c {
	width: 65%;
	height: 7vw;
	background-color: #fff;
	font-size: 2.5vw;
	color: #333;
	text-align: left;
	padding: 0 3%;
}
.agree-inner ul li.pw-c.w-full {
	width: 96.5%;
}
.agree-inner ul li.pw-r {
	width: 31.5%;
	height: 7vw;
	background-color: #999;
	font-size: 2.5vw;
	color: #fff;
	text-align: center;
}
.agree-inner ul li.pw-info {
	width: 100%;
	font-size: 2.8vw;
    padding-left: 0;
    color: #ffd800;
	line-height: 2;
	text-align: center;
	margin-top: 1vw;
}
/*-- //비밀번호 설정 --*/

/*-- 20210426 --*/
.container {
	width: 930px;
	margin: 0 auto;
}
.container-sub {
	width: 930px;
	margin: 0 auto;
}
/*-- //20210426 --*/

/*-- GNB --*/
/* 상단 */
.tt-header-1{ position:fixed;top:0;left:0;width:100%; height: 75px; background:#FFF; border-bottom: 1px solid #e5e5e5; z-index: 101;}
.tt-header-1 .top-inner{float:left; padding-top: 6px;}
.tt-header-1 .logo{ padding-top: 18px; display:inline-block;}
.tt-header-1 .logo img{position:relative; display:inline-block;max-width:100%;max-height:100%; z-index:102;}
.tt-header-1 .main-nav > ul{list-style:none;}
.tt-header-1 .main-nav > ul > li > a{ font-size: 15px; color: #333; font-weight: 500;}
.tt-header-1 .main-nav > ul > li.active > a,.tt-header-1 .main-nav > ul > li:hover > a{ color: #da2525;}
.tt-header-1 .main-nav > ul > li > ul{list-style:none;}
.tt-header-1 .main-nav > ul > li > ul > li > ul{list-style:none;}
.tt-header-1 .main-nav > ul > li.mega > ul{list-style:none;}
.tt-header-1 .top-text{float:left;font-size:15px;line-height:50px;font-weight:400;font-style:italic;color:#8e8f90;}
.tt-header-1 .top-social{float:left;list-style:none;border-left:1px solid #252e3c;}
.tt-header-1 .top-social li{float:left;}
.tt-header-1 .top-social li a{display:block;width:45px;height:45px;font-size:14px;color:#999ea3;text-align:center;line-height:45px;border-right:1px solid #252e3c;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.tt-header-1 .top-social li a:hover{background:#fa7e1e;color:#fff;}
.tt-header-1 .top-info{float:right;position:relative;padding:5px 0 0 0;}
.tt-header-1 .top-info:last-child{}
.tt-header-1 .top-info,.tt-header-1 .top-info a{ font-family: 'Nanum Gothic', sans-serif; font-size: 12px;line-height:20px;color:#777;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.tt-header-1 .top-info a:hover{color:#666;}
.tt-header-1 .top-info .fa{font-size:15px;margin-right:5px;}
.tt-header-1 .top-info.style-2{border-right:0;}
.tt-header-1 .top-info.style-2:before{content:'';display:block;position:absolute;top:50%;left:0;width:1px;height:19px;background:#343e45;margin-top:-9px;}
.tt-header-1 .top-info.style-2:first-child:before{display:none;}
.tt-header-1 .nav-more{display:inline-block;margin-top:33px;font-size:0;margin-left:5px;}
.tt-header-1 .nav-more.style-2{margin-top:25px;margin-left:27px;}
.tt-header-1 .nav-more-icon{margin-left:0;}
.tt-header-1 .nav-more-icon{display:inline-block;width:29px;height:29px;font-size:16px;color:#0caeed;border:1px solid #ddd;text-align:center;line-height:27px;margin-left:12px;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.tt-header-1 .nav-more-icon:hover{background:#0caeed;border-color:#0caeed;color:#fff;}
.tt-header-1 ul{padding-left:0;}
.info_ico { color: #666; font-weight: 600; margin: 0 4px; vertical-align: middle; display: inline-block;}
.info_bullet { width: 4px; height: 4px; background-color: #CCC; border-radius: 2px; margin: 0 2px; vertical-align: middle; display: inline-block;}

/*mega*/
.tt-header-1 .main-nav > ul > li.mega > ul > li > ul > li > a{position:relative;font-size:13px;line-height:17px;font-weight:400;color:#787878;letter-spacing:0.3px;padding-left:17px;text-transform:uppercase;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.tt-header-1 .main-nav > ul > li.mega > ul > li > ul > li > a:before{content:"\f105";display:inline-block;position:absolute;top:50%;left:0;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:-6px;}
.tt-header-1 .main-nav > ul > li.mega > ul > li > ul > li > a:hover{color:#ee6800;}

/*cmn-toggle-switch*/
.cmn-toggle-switch:focus{outline:none;}
.tt-header-1 .cmn-toggle-switch{display:none;position:fixed;top:35px;right:15px;margin:-8.5px 0 0 0;padding:0;width:30px;height:17px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-box-shadow:none;box-shadow:none;-moz-border-radius:none;border-radius:none;border:none;cursor:pointer;background-color:transparent;z-index:101;}
.tt-header-1 .cmn-toggle-switch span{display:block;position:absolute;top:7px;left:0;right:0;height:3px;background:#555;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.tt-header-1 .cmn-toggle-switch::before,.tt-header-1 .cmn-toggle-switch::after{content:"";position:absolute;display:block;left:0;width:100%;height:3px;background:#555;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.tt-header-1 .cmn-toggle-switch::before{top:0px;}
.tt-header-1 .cmn-toggle-switch::after{bottom:0;}
.tt-header-1 .cmn-toggle-switch.active::before{top:8px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;}
.tt-header-1 .cmn-toggle-switch.active::after{bottom:8px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:bottom;-moz-transform-origin:bottom;-ms-transform-origin:bottom;-o-transform-origin:bottom;transform-origin:bottom;}
.tt-header-1 .cmn-toggle-switch.active span{opacity:0;}
.search-popup{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:501;background:rgba(255,255,255,0.8);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);visibility:hidden;opacity:0;-webkit-transition:all 400ms cubic-bezier(0.345,0.855,0.565,1) 10ms;-moz-transition:all 400ms cubic-bezier(0.345,0.855,0.565,1) 10ms;-o-transition:all 400ms cubic-bezier(0.345,0.855,0.565,1) 10ms;transition:all 400ms cubic-bezier(0.345,0.855,0.565,1) 10ms;}
.search-popup.open{visibility:visible;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.search-popup-close{position:absolute;top:0;left:0;width:100%;height:100%;}
.search-popup .vertical-align{position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.search-popup .input-field{position:relative;width:100%;font-size:14px;line-height:14px;overflow:hidden;padding-bottom:20px;display:inline-block;}
.search-popup .input-field-border{position:absolute;bottom:0px;right:0px;width:100%;height:2px;}
.search-popup .input-field-border:before{content:'';position:absolute;bottom:0px;right:0px;width:100%;height:2px;background:#fff;z-index:5;-webkit-transition:all 400ms cubic-bezier(0.345,0.855,0.565,1) 10ms;-moz-transition:all 400ms cubic-bezier(0.345,0.855,0.565,1) 10ms;-o-transition:all 400ms cubic-bezier(0.345,0.855,0.565,1) 10ms;transition:all 400ms cubic-bezier(0.345,0.855,0.565,1) 10ms;}
.search-popup .input-field-border:after{content:'';position:absolute;bottom:0px;left:-105%;width:100%;height:2px;background:#fa7e1e;z-index:5;-webkit-transition:all 400ms cubic-bezier(0.345,0.855,0.565,1) 10ms;-moz-transition:all 400ms cubic-bezier(0.345,0.855,0.565,1) 10ms;-o-transition:all 400ms cubic-bezier(0.345,0.855,0.565,1) 10ms;transition:all 400ms cubic-bezier(0.345,0.855,0.565,1) 10ms;}
.search-popup input:focus + .input-field-border:before{right:-105%;}
.search-popup input:focus + .input-field-border:after{left:0px;}
.search-popup .input-field .input{position:absolute;left:0px;background:none;color:#fff;width:100%;padding-right:50px;border:0px none;}
.search-popup .input-field .input:focus{outline:none;}
.search-popup .input-field .wraper{position:relative;width:100%;}
.search-popup .search-form{position:relative;width:100%;background:#171f2b;padding:90px;}
.search-popup .search-form .title{color:#fff;font-size:20px;text-transform:uppercase;line-height:20px;padding-bottom:45px;margin:0;}
.search-popup .submit{color:#909090;position:relative;float:right;}
.search-popup .submit input{position:absolute;top:0px;right:0px;width:20px;height:20px;z-index:50;padding:0px;background:none;border:none;}
.search-popup .close{position:absolute;right:0px;top:0px;width:40px;height:40px;background:#fff;color:#787878;text-align:center;line-height:40px;opacity:1;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.search-popup .close:hover{background:#fa7e1e;color:#fff;}
.search-popup .close span{display:block;font-size:24px;font-weight:400;position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.tt-header-margin-1{height:139px;}

/* 메인nav */
.tt-header-1 .top-line{position:absolute; top: 0; right:0;}
.tt-header-1 .toggle-block{ display:block!important; float: left;}
.tt-header-1 .main-nav{display:inline-block;vertical-align:top; padding-top: 28px; padding-left: 10px;}
.tt-header-1 .main-nav > ul > li{float:left; margin-left: 45px; padding-bottom:41px;}
.tt-header-1 .main-nav > ul > li > a{ display:block;position:relative;}
.tt-header-1 .main-nav > ul > li > a:before{content:'';display:block;position:absolute; bottom: -18px; left:50%;width: 0; height: 4px; border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent #1c5db5 transparent;margin-left:-8px;opacity:0;}
.tt-header-1 .main-nav > ul > li:hover > a:before{opacity:1;-webkit-transition:all 100ms ease-in-out 0.1s;-moz-transition:all 100ms ease-in-out  0.1s;-o-transition:all 100ms ease-in-out  0.1s;transition:all 100ms ease-in-out  0.1s;}

/*2depth level*/
.tt-header-1 .main-nav > ul > li:not(.mega){position:relative;}
.tt-header-1 .main-nav > ul > li:not(.mega) > ul{display:block!important;position:absolute; top: 30px;left:50%;width:200px;background:#1c5db5;padding-top:0;border-top:0 solid #1c5db5;margin-top:1px;margin-left:-100px;visibility:hidden;opacity:0;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-webkit-box-shadow: 0 0 16px rgba(0,0,0, .11); box-shadow: 0 0 16px rgba(0,0,0, .11);}
.tt-header-1 .main-nav > ul > li:not(.mega):hover > ul{visibility:visible;opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}
.tt-header-1 .main-nav > ul > li:not(.mega) > ul > li{text-align:left;}
.tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > a{display:block;position:relative; font-size:12px;line-height:34px;font-weight:400;color:#fff;letter-spacing:0.3px;padding-left:17px;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
/*.tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > a:before{content:"\f105";display:inline-block;position:absolute;top:50%;left:0;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:-6px;}*/
.tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > a:hover{ background:#0f4da0; color:#FFF;}

/*3depth level*/
.tt-header-1 .main-nav > ul > li:not(.mega) > ul > li{position:relative;}
.tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > ul{display:block!important;position:absolute;top:-16px;left:100%;width:200px;background:#fff;padding-top:14px;border-top:2px solid #da6e1a;margin-top:0;margin-left:5px;visibility:hidden;opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.tt-header-1 .main-nav > ul > li:not(.mega):nth-last-child(1) > ul > li > ul,
.tt-header-1 .main-nav > ul > li:not(.mega):nth-last-child(2) > ul > li > ul{left:auto;right:100%;margin-right:5px;}
.tt-header-1 .main-nav > ul > li:not(.mega) > ul > li:hover > ul{visibility:visible;opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}
.tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > ul > li{padding-left:25px;padding-right:25px;padding-bottom:14px;margin-bottom:13px;border-bottom:1px solid #f1f1f1;text-align:left;}
.tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > ul > li > a{display:block;position:relative;font-size:13px;line-height:17px;font-weight:400;color:#787878;letter-spacing:0.3px;padding-left:17px;text-transform:uppercase;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > ul > li > a:before{content:"\f105";display:inline-block;position:absolute;top:50%;left:0;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:-6px;}
.tt-header-1 .main-nav > ul > li:not(.mega) > ul > li > ul > li > a:hover{color:#0f4da0;} 

/*mega*/
.tt-header-1 .main-nav > ul > li.mega > ul{display:block!important;position:absolute;font-size:0;top:139px;left:0;right:0;background:#fff;font-size:0;text-align:center;padding-top:27px;border-top:2px solid #da6e1a;padding-bottom:10px;padding-left:54px;visibility:hidden;opacity:0;-webkit-box-shadow:0px 0px 21px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 21px 0px rgba(0,0,0,0.3);box-shadow:0px 0px 21px 0px rgba(0,0,0,0.3);-webkit-transform:translateY(25px);-moz-transform:translateY(25px);-ms-transform:translateY(25px);-o-transform:translateY(25px);transform:translateY(25px);-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.tt-header-1 .main-nav > ul > li.mega:hover > ul{visibility:visible;opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}
.tt-header-1 .main-nav > ul > li.mega > ul > li{display:inline-block;width:20%;vertical-align:top;padding-left:25px;padding-right:25px;}
.tt-header-1 .main-nav > ul > li.mega > ul > li:first-child{padding-left:0;}
.tt-header-1 .main-nav > ul > li.mega > ul > li:last-child{padding-right:0;}
.tt-header-1 .main-nav > ul > li.mega > ul > li > ul{display:block!important;}
.tt-header-1 .main-nav > ul > li.mega > ul > li > ul > li{padding-bottom:14px;margin-bottom:13px;border-bottom:1px solid #f1f1f1;text-align:left;}
.tt-header-1 .main-nav > ul > li.mega > ul > li > ul > li > a{display:block;position:relative;font-size:13px;line-height:17px;font-weight:400;color:#787878;letter-spacing:0.3px;padding-left:17px;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.tt-header-1 .main-nav > ul > li.mega > ul > li > ul > li > a:before{content:"\f105";display:inline-block;position:absolute;top:50%;left:0;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:-6px;}
.tt-header-1 .main-nav > ul > li.mega > ul > li > ul > li > a:hover{color:#ee6800;}
.tt-header-1 .main-nav > ul > li.mega .mega-image{position:absolute;bottom:30px;right:18px;}
.tt-header-1 .main-nav > ul > li.mega .mega-image.style-2{right:0;bottom:0;}
.tt-header-1 .menu-toggle{display:none;}
/*-- //GNB --*/

.top-visual {
	margin-top: 75px;
	text-align: center;
}

/*-- 좌측메뉴 --*/
.lmenu {
	width: 192px;
	padding-right: 10px;
}
.lmenu-top {
	font-size: 20px;
	color: #333;
	font-weight: 500;
	border-bottom: 2px solid #666;
	padding-bottom: 10px;
	margin-top: 10px;
	overflow: hidden;
}
.lmenu-body {
	text-align: left;
}
.lmenu-body ul li {
	position: relative;
	height: 38px;
	font-size: 13px;
	color: #333;
	font-weight: 400;
	line-height: 38px;
	border-bottom: 1px solid #ddd;
	padding: 0 10px;
	transition: all 0.2s linear;
	cursor: pointer;
}
.lmenu-body ul li:hover {
	background-color: #e8ecf1;
}
.lmenu-body ul li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #333;
	padding: 10px 0 0 10px;
}
.lmenu-body ul li.active {
	background-color: #0c7cd6;
}
.lmenu-body ul li.active a {
	color: #fff;
}
/*-- //좌측메뉴 --*/