@charset "utf-8";
/* ------------------------------------------------------------------- */
html{
	min-height: 100%;
	overflow-x: hidden
}
body{
	font: 14px/1.5 'NanumGothic' '나눔고딕' 'Helvetica' 'Arial' 'sans-serief';
	text-align: center;
	background: url(../images/bg-body.jpg) repeat left top;
}
body header.guide-header, 
body header.guide-header .row #gnb, 
body #guide-container, 
body footer{
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}
.skip{
	display: none
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 == MainPage == / #pagewrap header start
 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#guide-pagewrap{
	position: relative;
	margin: 0 auto;
	text-align: left;
	max-width: 1200px;
	background: #fff;
	border:1px solid #ddd;
}
body header.guide-header{
	height: auto;
}
body header.guide-header .row{
	position: relative;
	margin-bottom: 0;
}
body header.guide-header .row #brand a{
	position: absolute;
	display: block;
	top: -43px;
	left: 30px;
	width: 126px;
	height: 31px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -10000px;
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 == MainPage == / #container / .main-con02 start
 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#guide-container{
	background: url(../images/bg-sidecon.jpg) repeat left top;
	font: 14px '나눔고딕';
	color: #000;
	clear: both;
	margin: 0;
	overflow: hidden;
	min-height: 100%;
	border-top: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.guide-mainCon{
	background: #fff;
}
#guide-gnb{
	width: 100%;
	background: #fff;
}
#guide-gnb select{
	display: none
}
#guide-gnb ul li{
	width: 10%;
	float: left;
	text-align: center;
	box-sizing:border-box;
}
#guide-gnb ul li a{
	width: 100%;
	text-decoration: none;
	display: inline-block;
	border: solid #d0d0d0 1px;
	height:60px;
	font: normal 18px "나눔고딕";
	background: #f4f4f4;
	color: #929292;
	line-height: 58px;
	border-bottom: none;
	margin: 0 2px 0 0;
	border-right: none;
	border-bottom:3px solid #6b6d70;
	box-sizing:border-box;
}
#guide-gnb ul li a:hover, 
#guide-gnb ul li a:focus, 
#guide-gnb ul li a.selected{
	background: #fff;
	color: #143f89;
	border-bottom:3px solid #143f89;
}
.guide-conBox{
	background: #fff;
	padding: 0 30px 30px;
}
.guide-listMenu{
	width: 100%;
	margin: 20px 0 0 0;
}
.guide-listMenu li{
	float: left;
	text-align: center;
}
.guide-listMenu li a{
	display: block;
	text-decoration: none;
	display: block;
	width: auto;
	height: auto;
	padding: 6px 20px;
	font: normal 15px "나눔고딕";
	color: #233357;
}
.guide-listMenu  li a:hover, 
.guide-listMenu  li a:focus, 
.guide-listMenu  li a.on{
	background: #1e4891;
	color: #fff;
}
.guide-conWrap{
	clear: both;
	margin: 0 auto;
}
.guide-conCon{
	padding: 10px 0 0 0;
	overflow: hidden;
}
.guide-conCon h3{
	font: bold 22px "나눔고딕";
	margin: 0 0 20px 0;
}
.guide-conCon p.box-txt{
	font-size: 15px;
	line-height: 170%;
	margin-bottom:20px;
	padding:12px;
	border:1px solid #8cb6ff;
}

.blue-box{
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
}
.blue-box ul{
	background:#e4eaf4;
	padding:20px 0 10px;
}
.blue-box li{
	font-size:13px;
	font-weight:bold;
	color:#626262;
	letter-spacing:-1px;
	padding:0 0 10px 20px;
	box-sizing:border-box;
}
.blue-box li:before{
	content:'●';
	display:inline-block;
	font-size:8px;
	padding-right:8px;
	color:#3467be;
}
.img-exmbox{
	width:100%;
	box-sizing:border-box;
}
.org-txts{
	font-size:11px;
	color:#e15d53;
	line-height:120%;	
}
.feature-con{
	clear:both;
}
.feature-con p{
	margin:40px 0 10px;
}
.feature-txt{
	width:100%;
	box-sizing:border-box;
}
.feature-txt dt{
	font-size:18px;
	font-weight:bold;
	color:#1e4891;
	line-height:42px;
}
.feature-txt dt:before{
	content:'-';
	display:inline-block;
	font-size:18px;
	font-weight:normal;
	padding-right:8px;
}	
.feature-txt dd{
	font-size:14px;
	margin-bottom:20px;
	padding-left:12px;
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 =e @media Query start
 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media handheld, only screen and (max-width: 1200px) {
	.skip{
		display: block
	}
	.skip a{
		display: block;
		width: 1px;
		height: 0px;
		overflow: hidden;
		font: 15px 'dotum';
	}
	.skip a:focus, 
	.skip a:active{
		width: auto;
		height: auto;
	}
	body #guide-pagewrap{
		text-align: left;
		width: 99%;
		padding-left: 1%;
	}
}

/* 스마트 폰: 767px 이하 */
@media handheld, only screen and (max-width: 767px) {
	#guide-gnb ul li a{
		font: normal 13px "나눔고딕";
		line-height: 58px;
	}
	#guide-gnb ul li:last-child a{
		font: normal 11px "나눔고딕";
		line-height: 21px;
		padding-top:8px
	}
	.guide-conBox{
		padding:0 10px 30px;
	}
}
/* 아이폰 4 */
@media only screen and (max-width: 480px) {
	/*#gnb ul{display:none;}
	 #gnb select{display:block; margin:0 0 0 72%; padding:4px 2px 4px 10px;}*/
	body header.guide-header .row #brand a {
		top: -73px;
		left: 32%;
	}
	#guide-gnb{
		width: 100%;
		background: #fff;
	}
	#guide-gnb ul li{
		width: 100%;
		text-align: left;
	}
	#guide-gnb ul li:last-child{
		width: 100%!important;
	}
	#guide-gnb ul li a{
		padding: 12px 0 12px 30px;
		font-size: 15px;
		line-height:30px;
		color: #666;
		border-top: solid #d0d0d0 1px;
	}
	#guide-gnb ul li a:hover, 
	#guide-gnb ul li a:focus, 
	#guide-gnb ul li a.selected{
		background: #e3e3e3;
		color: #000;
	}
	.guide-conBox{
		border-top: solid #d0d0d0 1px;
	}
	.guide-listMenu li a{
		padding: 6px 10px;
		font: bold 14px "나눔고딕";
	}
}
@media only screen and (max-width: 320px) {
	body header.guide-header .row #brand a {
		top: -73px;
		left: 24%;
	}
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;}

html{overflow-y:scroll; min-height:100%;}

body {font:.81em/150% 'Helvetica', 'Arial','dotum','����', sans-serif; color: #666;}

img {max-width:100%; height:auto; width:auto\9; /* ie8 */ border:0; vertical-align:top;}
img, fieldset {border:0;}
form,fieldset{border:none 0;}

ul,ol,li{list-style:none;}

a {text-decoration:none; outline:none; color:#222;}
a:hover, a:focus {text-decoration:underline;}

/* Font-Color */
.fb{font-weight:bold !important;}
.fn{font-weight:normal !important;}
.ft-w{color:#fff !important;}
.ft-b{color:#000 !important;}

.ft-green01{color:#88b12f !important;}
.ft-orange01{color:#ff9e26 !important;}
.ft-red01{color:#ff1717 !important;}
.ft-blue01{color:#1c8d9f !important;}
.ft-gray01{color:#404040 !important;}
.ft-brown01{color:#614123 !important;}

/* Font-Size */
.ft11{font-size:11px !important;}
.ft12{font-size:12px !important;}
.ft13{font-size:13px !important; font-weight:bold !important;}
.ft14{font-size:14px !important; font-weight:bold !important;}
.ft15{font-size:15px !important; font-weight:bold !important;}
.ft16{font-size:16px !important; font-weight:bold !important;}
.ft18{font-size:18px !important; font-weight:bold !important;}
.ft20{font-size:20px !important; font-weight:bold !important;}

/*2012.11.27 add*/
.ft24{font-size:24px !important; font-weight:bold !important;}
.ft26{font-size:26px !important; font-weight:bold !important;}
.ft-gray02{color:#888; line-height:150%;}
.ft-blue02{color:#0c75c5 !important;}
.ft-subway{color:#499f32; font-weight:bold;}
.ft-redbus{color:#f04444; font-weight:bold;}
.ft-bluebus{color:#0a87e1; font-weight:bold;}
.int_snb{background:#fff; border:solid 1px #d4d4d4; height:21px; width:100%;}
.pl23{padding-left:23px !important; }

/* Border */
.born{border:none !important;}
.bor-gray{border:1px solid #cbcbcb;}

/* Test */
.test{border:1px solid red !important;}
.testbg{background:orange !important;}

/************************************************************************************
Align / Float
*************************************************************************************/
/* Text-Align */
.tc{text-align:center !important;}
.tl{text-align:left !important;}
.tr{text-align:right !important;}

.tover{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* Float */
.fr{float:right !important;}
.fl{float:left !important;}
.cl{clear:both !important;}
.ovf{overflow: hidden;}

.clearfix:after {content: ""; display: block; clear: both;}
.ie6 .clearfix {height: 1px;}
.ie7 .clearfix {min-height: 1px;}

/* margin */
.m00{margin:0 !important; }
.m01{margin:1px !important; }
.m02{margin:2px !important; }
.m03{margin:3px !important; }
.m04{margin:4px !important; }
.m05{margin:5px !important; }
.m06{margin:6px !important; }
.m07{margin:7px !important; }
.m08{margin:8px !important; }
.m09{margin:9px !important; }
.m10{margin:10px !important; }
.m15{margin:15px !important; }
.m20{margin:20px !important; }
.m25{margin:25px !important; }
.m30{margin:30px !important; }
.m35{margin:35px !important; }
.m40{margin:40px !important; }
.m45{margin:45px !important; }
.m50{margin:50px !important; }

/* margin-left */
.ml00{margin-left:0 !important; }
.ml01{margin-left:1px !important; }
.ml02{margin-left:2px !important; }
.ml03{margin-left:3px !important; }
.ml04{margin-left:4px !important; }
.ml05{margin-left:5px !important; }
.ml06{margin-left:6px !important; }
.ml07{margin-left:7px !important; }
.ml08{margin-left:8px !important; }
.ml09{margin-left:9px !important; }
.ml10{margin-left:10px !important; }
.ml15{margin-left:15px !important; }
.ml20{margin-left:20px !important; }
.ml25{margin-left:25px !important; }
.ml30{margin-left:30px !important; }
.ml35{margin-left:35px !important; }
.ml40{margin-left:40px !important; }
.ml45{margin-left:45px !important; }
.ml50{margin-left:50px !important; }

/* margin-right */
.mr00{margin-right:0 !important; }
.mr01{margin-right:1px !important; }
.mr02{margin-right:2px !important; }
.mr03{margin-right:3px !important; }
.mr04{margin-right:4px !important; }
.mr05{margin-right:5px !important; }
.mr06{margin-right:6px !important; }
.mr07{margin-right:7px !important; }
.mr08{margin-right:8px !important; }
.mr09{margin-right:9px !important; }
.mr10{margin-right:10px !important; }
.mr15{margin-right:15px !important; }
.mr20{margin-right:20px !important; }
.mr25{margin-right:25px !important; }
.mr30{margin-right:30px !important; }
.mr35{margin-right:35px !important; }
.mr40{margin-right:40px !important; }
.mr45{margin-right:45px !important; }
.mr50{margin-right:50px !important; }

/* margin-top */
.mt00{margin-top:0 !important; }
.mt01{margin-top:1px !important; }
.mt02{margin-top:2px !important; }
.mt03{margin-top:3px !important; }
.mt04{margin-top:4px !important; }
.mt05{margin-top:5px !important; }
.mt06{margin-top:6px !important; }
.mt07{margin-top:7px !important; }
.mt08{margin-top:8px !important; }
.mt09{margin-top:9px !important; }
.mt10{margin-top:10px !important; }
.mt15{margin-top:15px !important; }
.mt20{margin-top:20px !important; }
.mt25{margin-top:25px !important; }
.mt30{margin-top:30px !important; }
.mt35{margin-top:35px !important; }
.mt40{margin-top:40px !important; }
.mt45{margin-top:45px !important; }
.mt50{margin-top:50px !important; }

/* margin-bottom */
.mb00{margin-bottom:0 !important; }
.mb01{margin-bottom:1px !important; }
.mb02{margin-bottom:2px !important; }
.mb03{margin-bottom:3px !important; }
.mb04{margin-bottom:4px !important; }
.mb05{margin-bottom:5px !important; }
.mb06{margin-bottom:6px !important; }
.mb07{margin-bottom:7px !important; }
.mb08{margin-bottom:8px !important; }
.mb09{margin-bottom:9px !important; }
.mb10{margin-bottom:10px !important; }
.mb15{margin-bottom:15px !important; }
.mb20{margin-bottom:20px !important; }
.mb25{margin-bottom:25px !important; }
.mb30{margin-bottom:30px !important; }
.mb35{margin-bottom:35px !important; }
.mb40{margin-bottom:40px !important; }
.mb45{margin-bottom:45px !important; }
.mb50{margin-bottom:50px !important; }