@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* -----------------------------------------------------------------------------------------------------------Default--------------------------------------------------------------------------------------------------------------------*/

/* Type Selector */
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, font, 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, tbody, tfoot, thead, tr, th, td, input, select, textarea {
	margin:0;
	padding:0;
	border:0;
	line-height:160%;
	font-family:'Nanum Gothic','맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;
	font-size:14px; color:#545454;
	letter-spacing:-0.03em
}

/* Anchor */
a:link {color:#545454; text-decoration:none;}
a:visited {color:#545454; text-decoration:none;}
a:hover {color:#545454; text-decoration:underline;}
a:active {color:#545454; text-decoration:none;}
a {outline:none; select-dummy: expression(this.hideFocus=true);}

table {width:100%;}
table, th, td {border-collapse:collapse; border-spacing:0;}
table caption {display: none;}

img {border:0px; vertical-align:top;}
hr {display:none;}
col {background:none;}
li {list-style:none;}

/* floating 을 해제하기 위한 클래스 추가, 의미없는 clear만 있는 gabage source 제거 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Layout Selector */
.relative {position:relative;}
.posiL {position:absolute; top:0; left:0;}
.posiR {position:absolute; top:0; right:0;}
.floatArea {overflow:hidden; !important;}
.floatL {float:left !important;}
.floatR {float:right !important;}
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}
.alignT {vertical-align:top !important;}

/* Design Style */
.bgNone {background:none !important;}
.hidden {display:none;}

/* Button */
.btnArea {overflow:hidden; *zoom:1; text-align:center;}
.btnL {float:left;}
.btnR {float:right;}

/* Form Selector */
.inputText {height:17px; line-height:17px; color:#777; padding:0 0 0 5px; vertical-align:middle; border: 1px solid #abadb3;}
.inputCheck {vertical-align:middle; width:15px; height:15px; position:relative; top:-1px;_top:-3px;}
.inputRadio {vertical-align:middle; width:15px; height:15px; position:relative; top:-2px;_top:-4px;}
/* euc-kr일 경우
.inputCheck {vertical-align:middle; width:20px; height:20px; position:relative; top:-1px;*top:-2px;}
.inputRadio {vertical-align:middle; width:20px; height:20px; position:relative; top:-2px;*top:-3px;}
label {display:inline-block; width:100px;}
*/
button{margin:0; padding:0; font-size:0; border:none; background:none; width:auto; height:auto; overflow:visible;}
fieldset{border:0; margin:0; padding:0;}
legend {display:none}
form * {vertical-align:middle;}
select {height:19px; border:1px solid #ccc; }

/* Margin */
.mgB0 {margin-bottom:0px !important;}
.mgB5 {margin-bottom:5px !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB15 {margin-bottom:15px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB25 {margin-bottom:25px !important;}
.mgB30 {margin-bottom:30px !important;}
.mgB40 {margin-bottom:40px !important;}
.mgB50 {margin-bottom:50px !important;}
.mgL0 {margin-left:0px !important;}
.mgL5 {margin-left:5px !important;}
.mgL10 {margin-left:10px !important;}
.mgL15 {margin-left:15px !important;}
.mgL20 {margin-left:20px !important;}
.mgL25 {margin-left:25px !important;}
.mgL30 {margin-left:30px !important;}
.mgL40 {margin-left:40px !important;}
.mgL50 {margin-left:50px !important;}
.mgR0 {margin-right:0px !important;}
.mgR5 {margin-right:5px !important;}
.mgR10 {margin-right:10px !important;}
.mgR15 {margin-right:15px !important;}
.mgR20 {margin-right:20px !important;}
.mgR25 {margin-right:25px !important;}
.mgR30 {margin-right:30px !important;}
.mgR40 {margin-right:40px !important;}
.mgR50 {margin-right:50px !important;}
.mgT0 {margin-top:0px !important;}
.mgT5 {margin-top:5px !important;}
.mgT10 {margin-top:10px !important;}
.mgT15 {margin-top:10px !important;}
.mgT20 {margin-top:20px !important;}
.mgT25 {margin-top:25px !important;}
.mgT30 {margin-top:30px !important;}
.mgT40 {margin-top:40px !important;}
.mgT50 {margin-top:50px !important;}
.mg0 {margin:0px !important;}
.mg5 {margin:5px !important;}
.m10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg40 {margin:40px !important;}
.mg50 {margin:50px !important;}

/* Padding */
.pdB0 {padding-bottom:0px !important;}
.pdB5 {padding-bottom:5px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdB30 {padding-bottom:30px !important;}
.pdB40 {padding-bottom:40px !important;}
.pdB50 {padding-bottom:50px !important;}
.pdL0 {padding-left:0px !important;}
.pdL5 {padding-left:5px !important;}
.pdL10 {padding-left:10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdL30 {padding-left:30px !important;}
.pdL40 {padding-left:40px !important;}
.pdL50 {padding-left:50px !important;}
.pdR0 {padding-right:0px !important;}
.pdR5 {padding-right:5px !important;}
.pdR10 {padding-right:10px !important;}
.pdR15 {padding-right:15px !important;}
.pdR20 {padding-right:20px !important;}
.pdR30 {padding-right:30px !important;}
.pdR40 {padding-right:40px !important;}
.pdR50 {padding-right:50px !important;}
.pdT0 {padding-top:0px !important;}
.pdT5 {padding-top:5px !important;}
.pdT10 {padding-top:10px !important;}
.pdT15 {padding-top:10px !important;}
.pdT20 {padding-top:20px !important;}
.pdT30 {padding-top:30px !important;}
.pdT40 {padding-top:40px !important;}
.pdT50 {padding-top:50px !important;}
.pd0 {padding:0px !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}
.pd40 {padding:40px !important;}
.pd50 {padding:50px !important;}

/* Cursor */
.cursorHand {cursor:pointer;}
.cursorMove {cursor:move;}

/* Title */
h1,h2,h3,h4,h5,h6 {}

/* Scroll */
.scroll {scrollbar-face-color:#fff;scrollbar-shadow-color:#f0f0f0;scrollbar-highlight-color:#f0f0f0;scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-track-color:#fafafa;scrollbar-arrow-color:#f0f0f0;}

/* Icon */
.ico {display:inline-block; vertical-align:middle; margin-right:4px}

/* Acce_nav */
.acce_nav		{position:absolute; top:0; left:50%; width:300px; margin-left:-150px; z-index:777;}
.acce_nav li	{list-style:none;}
.acce_nav a {
	position: absolute;
	top: -10000px;
	left: 0;
	width:100%;
	display: block;
	height: 12px;
	padding: 5px 30px;
	background: #eaeaea;
	border:1px solid #999;
	font:bold 100%/100% Malgun Gothic;
	text-align: center;
	color: #000;
	}
	
.acce_nav a:hover, .acce_nav a:focus, .acce_nav a:active	{
	position: absolute;
	top: 0;
	left: 0;
	}

/* ------------------------------------------------------------------------------------------------------------Layout--------------------------------------------------------------------------------------------------------------------*/

body {background:#e0e1e4; padding:20px 0; overflow-y:scroll}

/* Wrap */
#wrap {width:980px; margin:0 auto; background:#fff; }

/* Header */
#header .topmenu {background:#888; padding:10px 40px}
#header .topmenu .logo a {display:block; font-size:16px; font-weight:bold; }
#header .topmenu a {color:#fff; font-size:13px;}
#header .topmenu .floatR a {margin-left:20px}

/* Main Color */
.mcolor {color:#ff5b5a}
.mcolor_bg {background:#fff !important}

/* GNB */
#gnb {overflow:hidden; border-bottom:1px solid #ddd;}
#gnb li {float:left; width:50%}
#gnb li a {display:block; height:65px; text-align:center; padding-top:35px; color:#333; font-size:20px; text-decoration:none; border-right:1px solid #ddd; }
#gnb li a:hover {font-weight:bold; color:#000; }
#gnb li:last-child a {border:none}

/* Container */
#container {position:relative; width:100%; background:#111}
#container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#container {display: inline-block;}
* html #container {height: 1%;}
#container {display: block;}

/* SNB */
#snb {width:160px; padding:20px}
#snb .title {font-size:16px; font-weight:bold; padding-bottom:10px}
#snb ul {margin-bottom:30px}
#snb ul li {padding:5px 0; border-top:1px dashed #555}
#snb ul li a {color:#fff; font-weight:bold; font-size:13px; display:block}
#snb ul li .major {color:#ccc; font-size:12px; }

/* LNB */
#lnb {overflow:hidden; background-color:#f4f4f4; border-bottom:1px solid #ddd;}
#lnb li {float:left;}
#lnb li a {display:block; height:35px; text-align:center; padding-top:10px; color:#333; font-size:15px; text-decoration:none; border-right:1px solid #ddd; }
#lnb li a:hover {font-weight:bold; color:#000; background:#f4f4f4}
#lnb li:last-child a {border:none}
#lnb.lnb01 li {width:33.3%; }
#lnb.lnb02 li {width:50%; }

/* Contents */
#content {min-height:1079px; background-color:#fff; width:780px}
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html #content {height: 1%;}
#content {display: block;}

/* Footer */
#footer {background:#323439; overflow:hidden; padding:25px 0}
#footer .footer_logo {float:left; text-align:center; width:250px; border-right:1px solid #505153; margin-right:40px; height:35px; padding-top:5px}
#footer .copyright {float:left; font-size:12px; color:#a1a3a9; letter-spacing:0; line-height:180%}

/* ------------------------------------------------------------------------------------------------------------Content--------------------------------------------------------------------------------------------------------------------*/

#content .guide {padding:30px 40px; }
#content .guide .history {font-size:12px; color:#666; text-align:right; margin-bottom:10px}
#content .guide .title {font-size:24px; font-weight:bold; color:#000; padding-bottom:7px; border-bottom:1px solid #ccc; margin-bottom:25px} 
#content .guide .sub_title {font-size:16px; font-weight:bold; margin-bottom:15px}
#content .guide .news img {display:block;margin:0 auto 20px;}
#content .guide .news h3 {font-size:16px; font-weight:bold; margin-bottom:20px; color:#000}
#content .guide .news p {margin-bottom:20px; line-height:200%; font-size:16px; }
#content .guide .news b {font-weight:bold; color:#333; font-size:16px}