@charset "euc-kr";


#wrap {overflow:hidden; min-width:320px;}

#header {position:relative; z-index:100; height:90px; background:#1c1c1c;}
#header h1 {position:absolute;top:0;left:0}
#gnb {margin-left:237px}
#gnb ul {position:relative;}
#gnb ul:after{content:"";display:block;clear:both}
#gnb li {float:left;}
#gnb li ul{display:none;position:absolute;top:90px;left:0;width:100%;height:70px;padding:20px 0;background:#000}
#gnb li:nth-child(3):hover ul,
#gnb li.on:nth-child(3) ul{display:block;}
#gnb li:nth-child(3) ul{padding-left:300px}
#gnb li ul li + li{margin-left:30px}
#gnb li ul li a{color:#fff;opacity: .6}
#gnb li ul li.on a{color:#fff;opacity: 1}
#gnb > ul > li >a {display:block; padding:0 23px; font-size:16px; color:#fff; line-height:90px; font-weight:400;}
#gnb li.on a {background:#000000;}


.t_util {position:absolute; top:0; right:0; padding-right:30px; padding-top:34px;}
.t_util a {float:left; position:relative; padding:0 9px; font-size:16px; color:#fff; line-height:20px;}
.t_util a+a:before {position:absolute; top:50%; left:0; width:1px; height:16px; margin-top:-8px; background:#555555; content:'';}
.t_util .sform {position:absolute; top:70px; right:-500px; width:300px; -webkit-transition: all .4s; transition: all .4s;}
.t_util .sform p {position:relative; height:54px; padding-right:35px; border:6px solid #cccccc; background:#fff;}
.t_util .sform input[type="text"] {width:100%; height:42px; border:0;}
.t_util .sform input[type="image"] {position:absolute; top:0; right:0; height:100%;}
.t_util .sform.on {right:0;}

.t_util a.lang{width:60px}
.t_util a.lang img{width:100%} 

#m_top {display:none; position:absolute; top:0; right:0; z-index:12; width:80%;}
#m_top .sform {position:absolute; top:0; left:100%; right:52px; -webkit-transition: left .4s; transition: left .4s;}
#m_top .sform p {position:relative; height:54px; padding-right:35px; border:6px solid #cccccc; background:#fff;}
#m_top .sform input[type="text"] {width:100%; height:42px; border:0;}
#m_top .sform input[type="image"] {position:absolute; top:0; right:0; height:100%;}

#m_gnb {position:absolute; top:54px; left:100%; width:100%; border-top:1px solid #000; background:#fff; -webkit-transition: left .4s; transition: left .4s;}
#m_gnb li {border-bottom:1px solid #dbdbdb;}
#m_gnb a {display:block; padding-left:20px; font-size:15px; color:#464646; line-height:48px;}

#m_top.on #m_gnb {left:0;}
#m_top.on .sform {left:0;}

.menu_trigger {display:block; position:absolute; top:0; right:0; z-index:2; width:52px; height:54px; padding:20px 16px 0; background:#000000;}
.menu_trigger p {position:relative; height:14px;}
.menu_trigger span {display: inline-block; -webkit-transition: all .3s; transition: all .3s;}
.menu_trigger span {position: absolute; left:0; width: 100%; height:1px; background-color: #fff;}
.menu_trigger span:nth-of-type(1) {top: 0;}
.menu_trigger span:nth-of-type(2) {top: 6px;}
.menu_trigger span:nth-of-type(3) {bottom: 0;}
.menu_trigger.on span:nth-of-type(1) {-webkit-transform: translateY (6px) rotate (-45deg);transform: translateY(6px) rotate(-45deg);}
.menu_trigger.on span:nth-of-type(2) {opacity: 0;}
.menu_trigger.on span:nth-of-type(3) {-webkit-transform: translateY(-6px) rotate(45deg); transform: translateY(-6px) rotate(45deg);}

.dimmed_bg {display:none; position:fixed; top:0; left:0; z-index:10; width:100%; height:100%; background:rgba(0,0,0,0.8);}



#footer {padding:45px 0 65px; line-height:1.42; background:#1c1c1c;}
#footer .inwrap {position:relative; width:90%; max-width:1200px; margin:0 auto; color:#fff;}
.newsletter {position:relative; line-height:1.2;}
.newsletter .f_txt01 {display:block; font-size:16px;}
.newsletter .f_txt02 {display:block; font-size:50px;}
.mail_f {position:absolute; top:5px; right:0; width:59%; height:60px; border:1px solid #474747;}
.mail_f p {margin-right:50px;}
.mail_f input[type="text"] {width:100%; border:0; height:60px; padding:0 20px; font-size:14px; color:#fff; font-weight:500; background:none;}
.mail_f input[type="button"] {position:absolute; top:0; right:0;background:url('/kor/images/common/btn_mouse.jpg') center center no-repeat;border:none;width:80px;height:100%;cursor:pointer}

#footer .copyright {margin-top:40px; font-size:16px;}
#footer .addr {margin-top:10px; padding-left:40px; background:url('../images/common/ico_loc.png') no-repeat 0 center;}
#footer .addr p {overflow:hidden;}
#footer .addr span {float:left; font-size:14px; color:#7d7d7d;}
#footer .sns_link {position:absolute; right:0; bottom:5px;}
#footer .sns_link li {float:left; padding:0 9px;}

@media all and (max-width:1250px){	
	#gnb{margin-left:210px;}
}
@media all and (max-width:1200px){	
	#header {height:54px;}
	#header h1 img {height:54px;}
	#gnb {display:none;}
	.t_util {padding-right:60px; padding-top:19px;}
	.t_util a {padding:0 6px; font-size:13px; color:#fff; line-height:15px;}
	.t_util a+a:before {height:10px; margin-top:-5px;}
	.t_util img {height:13px;}
	#m_top {display:block;}	
	
	.t_util a.lang{width:40px}
	.t_util a.lang img{height:auto;}
}
@media all and (max-width:767px){
	#footer {padding-top:45px}
	.newsletter .f_txt01 {font-size:12px;}
	.newsletter .f_txt02 {font-size:30px;}
	.mail_f {position:relative; top:0; width:100%; margin-top:20px; height:42px;}
	.mail_f input[type="text"] {height:40px;}
	.mail_f input[type="image"] {height:100%;}

	#footer .copyright {margin-top:25px; font-size:14px;}
	#footer .addr {padding-left:24px; background-size:17px auto;}
	#footer .addr span {font-size:12px;}

	#footer .sns_link {float:right; position:relative; bottom:0; margin-top:17px;}
	#footer .sns_link img {height:11px;}
}