@charset "euc-kr";
/* 
�ѱ��� �� ���̳���? euc-kr �Դϴ�.
Published by I-saac, KIm
E-mail : saackr@neocoms.com
??NEOCOMS (http://neocoms.com/)
 */
 
@import url('//fonts.googleapis.com/css?family=Raleway:700,400');
@import url('//fonts.googleapis.com/css?family=Open+Sans');

/* NanumBarunGothic Font */
@font-face {
 font-family: 'ng';
 font-style: normal;
 font-weight: 200;
 src: url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-UltraLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-UltraLight.eot?#iefix') format('embedded-opentype'),
      url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-UltraLight.woff') format('woff'),
      url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-UltraLight.ttf') format('truetype');
}

@font-face {
 font-family: 'ng';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Light.eot');
 src: url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Light.eot?#iefix') format('embedded-opentype'),
      url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Light.woff') format('woff'),
      url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Light.ttf') format('truetype');
}

@font-face {
 font-family: 'ng';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.eot');
 src: url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.eot?#iefix') format('embedded-opentype'),
      url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.woff') format('woff'),
      url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.ttf') format('truetype');
}
@font-face {
 font-family: 'ng';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.eot');
 src: url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.eot?#iefix') format('embedded-opentype'),
      url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.woff') format('woff'),
      url('//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Bold.ttf') format('truetype');
}


header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, summary, mark, meter, output, progress, time, video 
{ display: block; font-family: 'Open Sans', '???????????', NanumBarunGothic, ng, '???? ????', 'Malgun Gothic', '????', Dotum, '???? SD ??????? Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif;}
body,form,th,td,p { margin:0;padding:0; -webkit-text-size-adjust:none; font-family: 'Open Sans', '???????????', NanumBarunGothic, ng, '???? ????', 'Malgun Gothic', '????', Dotum, '???? SD ??????? Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif;}
/*html { font-family:"Malgun Gothic","Dotum","Gulim,Helvetica","sans-serif";}*/
html{font-family:'Nanum Gothic',Arial,sans-serif;}
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }

a { text-decoration:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, 
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, hgroup, 
header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0;  vertical-align:baseline; background:transparent; font-family: 'Open Sans', '???????????', NanumBarunGothic, ng, '???? ????', 'Malgun Gothic', '????', Dotum, '???? SD ??????? Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif;}

/* common */
html, body{margin:0px; padding:0px;}
.container{position:relative; width:100%; margin:0px; padding:0px; z-index:1;}
.header-wrap, .gnb-wrap, .gnb-wrap-pc {position:relative; width:1100px; margin:0px auto 0px auto; padding:0px; transition-duration:0.3s;}

/* header */
header{position:relative; width:100%; margin:0px; padding:0px; height:100px; border-bottom:1px solid #e1e1e1;transition-duration:0.3s; background:#fff;}
header h1{position:relative; display:inline-table; float:left; margin:18px 0px 18px 10px; padding:0px; z-index:90; transition-duration:0.3s;}
header h1 img{transition-duration:0.3s;}

/* Top navigation bar */
.tnb{position:relative; display:inline-table; float:right; margin:10px 90px 10px 0px; transition-duration:0.3s;}
.tnb ul{position:relative; list-style:none; padding:0px; margin:0px;}
.tnb ul li{position:relative; float:left; font-size:12px; padding:0px 10px 0px 10px; border-right:1px solid #cdcdcd;}
.tnb ul li:last-child{border:none;}
.tnb ul li:last-child a{border:none; color:#0a70bb;}
.tnb ul li a{color:#999; transition-duration:0.2s;}
.tnb ul li a:hover{text-decoration:underline; color:#333;}

/* header global navigation bar */
.mnb{position:absolute; right:0px; top:40px; width:100%; transition-duration:0.3s;}
.mnb ul{position:relative; list-style:none; padding:0px; width:1100px; margin: 0px auto 0px auto; overflow:hidden; text-align:right;}
.mnb ul li{position:relative; padding:10px 0px 25px 0px; text-align:center; width:135px; margin:0px; font-size:15px; font-weight:700; display:inline-table;  }
.mnb ul li a{color:#333; transition-duration:0.2s;}
/* .mnb ul li a:hover, .mnb ul li.active a{color:#ff7e00; } */
.mnb ul li:hover, .mnb ul li.active {border-bottom:6px solid #c8af85}


/* global navitagion bar */
.gnb {position:absolute; z-index:91; top:101px; display:none; background:#fff; width:100%; border-bottom:1px solid #e1e1e1; padding:15px 0px 15px 0px;}
.gnb ul{position:relative; text-align:right; list-style:none; }
.gnb ul li{position:relative; display:inline-table; padding:0px; padding:0px; width:135px; list-style:none;}
.gnb ul li span{display:none;}
.gnb ul li:last-child{border-right:1px solid #e1e1e1;}
.gnb ul li ul{position:relative; border-left:1px solid #e1e1e1; height:240px; padding:5px 0px 5px 0px; margin:0px;}
.gnb ul li ul li{display:block;text-align:left; font-size:12px; letter-spacing:-1px;}
.gnb ul li ul li:last-child{border:none;}
.gnb ul li ul li a{display:block;padding:7px 0px 7px 0px; color:#555; padding-left:10px;}
.gnb ul li ul li.active, .gnb ul li ul li:hover {background-color:#c8af85;}
.gnb ul li ul li.active a, .gnb ul li ul li:hover a{color:#fff;}
.gnb ul li ul li ul{display:none;}
nav.gnb-quick{display:none;}

/* global navitagion bar2 */
.gnb section.gnb-wrap-pc table.tb1 {width:100%; border: none; border-collapse: collapse; display: none; height:345px; border-collapse:collapse }
.gnb section.gnb-wrap-pc table.tb1 tr th {font-size:14px; background-color:#000; color: #fff; font-weight: 900; min-height: 15px}
.gnb section.gnb-wrap-pc table.tb1 tr td {font-size:12px; background-color:#fff; text-align: center; border: 1px solid #d9d9d9; min-height: 15px; vertical-align: middle}
.gnb section.gnb-wrap-pc table.tb1 tr td img {vertical-align: middle}
.gnb section.gnb-wrap-pc table.tb1 tr td.active {background-color:#c8af85}
.gnb section.gnb-wrap-pc table.tb1 tr td.active2 {background-color:#c8af85}

.header-mobile-button{position:absolute; right:12px; top:12px; display:none; z-index:92; padding:0; margin:0;}

@media (max-width: 480px;) {
	.header-mobile-button{right:5px !important ; top:5px !important;}
}

/* Contents Area */
.contents-wrapper{position:relative; width:100%; margin:0px; padding:0px; overflow:hidden;}

.quick{position:fixed; bottom:20px; right:20px; padding:5px; border:1px solid #e1e1e1; border-radius:5px; background:#f1f1f1; color:#555; font-size:14px; cursor:pointer; z-index:99; }
.quick:hover{background:#fff; transition-duration:0.5s;}

/* Quick Menu*/
nav.quick-container{position:absolute; top:691px; right:0; display:block; width:140px; overflow:hidden; z-index:99;}
nav.quick-container ul{position:relative; float:right; margin:0px; padding:0px; width:140px; overflow:hidden; list-style:none;}
nav.quick-container ul li{position:relative; float:left; width:140px; padding:0px; margin:0px; overflow:hidden;}
nav.quick-container a ul li{cursor:pointer;}
nav.quick-container ul li img{float:left;}
nav.quick-container ul li img.over{display:none;}
nav.quick-container ul li:hover img.out{display:none;}
nav.quick-container ul li:hover img.over{display:block;}
nav.quick-container ul li.link_info{margin-top:15px;border-bottom:1px solid #d9d9d9}
nav.quick-container ul li.last{margin-top:15px;border-bottom:1px solid #d9d9d9}

/* 1100px ???? */
@media (max-width:1100px)
{
.header-wrap, .gnb-wrap, .gnb-wrap-pc, .mnb ul {width:100%;}
nav.quick-container{display:none;}
}
/* 1024px ???? */
@media (max-width:1024px){
	header{height:120px;}
	header h1 img{height:30px;}
	.mnb{top:70px;}
	.gnb{top:121px;}
	.mnb ul li, .gnb ul li{width:120px;}
	.tnb{top:20px;}
}

@media (min-width: 769px) and (max-width:812px) {
	header{height:70px;}
	.mnb{display:none;}
	.tnb{display:none;}
	.header-mobile-button{display:inline-table;}

	#mmenu{position:relative; background:#283a4f; width:21px; height:16px; padding:15px; border-radius:3px; cursor:pointer; transition-duration:0.3s;}
	#mmenu .line {position:relative; float:left; width:100%; display:inline-table; height:100%;}
	#mmenu .line div{position:absolute; border-top:2px solid #fff; width:100%; display:inline-table; transition-duration:0.3s all;}
	#mmenu .line div:nth-child(1){top:0; left:0;}
	#mmenu .line div:nth-child(2){top:6px; left:0;}
	#mmenu .line div:nth-child(3){top:12px; left:0;}
	#mmenu.active .line div:nth-child(1){-webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); top:6px;}
	#mmenu.active .line div:nth-child(2){display:none;}
	#mmenu.active .line div:nth-child(3){-webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); top:6px;}

	.gnb{position:fixed; width:100%; z-index:99; height:100%; top:0px; left:0; overflow:scroll; background:rgba(0,0,0,0.3); padding:0px;}
	.gnb section.gnb-wrap, .gnb section.gnb-wrap-pc {position:relative; width:70%; float:right; background:#393939; min-height:100%; overflow:scroll;}
	nav.gnb div.gnb-outer{position:relative; float:left; width:30%; height:100%; min-height:100%; max-height:100%; display:inline-table; cursor:pointer;}
	.gnb ul{position:relative; width:100%; margin:0px; padding:0px; text-align:left;}
	.gnb ul li{float:none; padding:0px; margin:0px; width:100%; border:none; background:none;}
	.gnb ul li span{border:none; background:none; padding:0px; display:block}
	.gnb ul li a{background:#171717; display:block; color:#ccc; border:none; padding: 10px; border-bottom:1px solid #323232; color:#fff; font-weight:bold;}
	.gnb ul li:last-child{border-right:none;}
	.gnb ul li ul{display:none;}
	.gnb ul li ul li ul{display:none;}
	.gnb ul li ul, .gnb ul li ul li{margin:0px; padding:0px; border:none; height:auto;}
	.gnb ul li ul{border-bottom:1px solid #666;}
	.gnb ul li ul li a{background:#555; color:#ccc; border-bottom:1px solid #666;}
	.gnb ul li ul li:last-child a{border-bottom:none;}
	.gnb ul li ul li ul li a{background:#777; border-bottom:1px solid #666; padding-left:15px; font-weight:normal;}

}

/* 768px ???? */
@media (max-width:768px) {	
header{height:70px;}
.mnb{display:none;}
.tnb{display:none;}
.header-mobile-button{display:inline-table;}

#mmenu{position:relative; background:#283a4f; width:21px; height:16px; padding:15px; border-radius:3px; cursor:pointer; transition-duration:0.3s;}
#mmenu .line {position:relative; float:left; width:100%; display:inline-table; height:100%;}
#mmenu .line div{position:absolute; border-top:2px solid #fff; width:100%; display:inline-table; transition-duration:0.3s all;}
#mmenu .line div:nth-child(1){top:0; left:0;}
#mmenu .line div:nth-child(2){top:6px; left:0;}
#mmenu .line div:nth-child(3){top:12px; left:0;}
#mmenu.active .line div:nth-child(1){-webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); top:6px;}
#mmenu.active .line div:nth-child(2){display:none;}
#mmenu.active .line div:nth-child(3){-webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); top:6px;}

.gnb{position:fixed; width:100%; z-index:99; height:100%; top:0px; left:0; overflow:scroll; background:rgba(0,0,0,0.3); padding:0px;}
.gnb section.gnb-wrap, .gnb section.gnb-wrap-pc {position:relative; width:70%; float:right; background:#393939; min-height:100%; overflow:scroll;}
nav.gnb div.gnb-outer{position:relative; float:left; width:30%; height:100%; min-height:100%; max-height:100%; display:inline-table; cursor:pointer;}
.gnb ul{position:relative; width:100%; margin:0px; padding:0px; text-align:left;}
.gnb ul li{float:none; padding:0px; margin:0px; width:100%; border:none; background:none;}
.gnb ul li span{border:none; background:none; padding:0px; display:block}
.gnb ul li a{background:#171717; display:block; color:#ccc; border:none; padding: 10px; border-bottom:1px solid #323232; color:#fff; font-weight:bold;}
.gnb ul li:last-child{border-right:none;}
.gnb ul li ul{display:none;}
.gnb ul li ul li ul{display:none;}
.gnb ul li ul, .gnb ul li ul li{margin:0px; padding:0px; border:none; height:auto;}
.gnb ul li ul{border-bottom:1px solid #666;}
.gnb ul li ul li a{background:#555; color:#ccc; border-bottom:1px solid #666;}
.gnb ul li ul li:last-child a{border-bottom:none;}
.gnb ul li ul li ul li a{background:#777; border-bottom:1px solid #666; padding-left:15px; font-weight:normal;}

nav.quick-container{display:none;}

nav.gnb-quick{position:relative; width:calc(100% - 20px); float:left; margin:10px; padding:0px; overflow:hidden; display:block;}
nav.gnb-quick ul{position:relative; width:100%; margin:0px; padding:0px; float:left;}
nav.gnb-quick ul li{position:relative; width:33.3%; padding:0px; margin:10px 0 10px 0; overflow:hidden; float:left; text-align:center;}
nav.gnb-quick ul li img{width:80%;}
nav.gnb-quick h2{position:relative; float:left; background:#171717; overflow:hidden; padding:20px 15px 15px 15px; margin:10px 0px 10px 0px; width:calc(100% - 30px); text-align:center; border-radius:5px;}
nav.gnb-quick h2 img{width:90%;}

}

/* 600px ???? */
@media (max-width:600px)
{	
nav.quick-container{display:none;}
header{height:60px;}
header h1 {margin:10px 0px 10px 5px;}
header h1 img{height:35px;}
#mmenu {padding:10px; top:3px; right:3px;}

}
	
/* 480px ???? */
@media (max-width:480px){	
	nav.quick-container{display:none;}
}