@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('reset.css'); 
@import url('basic.css'); 

@charset "utf-8"; 
/* reset */
body,
button,
input,
select,
textarea { 
	color:#333333; font-size:13px; font-weight:400; line-height:1.7; 
	font-family:Arial, 'Nanum Gothic', '나눔고딕', NanumGothic, Malgun Gothic, AppleSDGothicNeo, Apple Gothic, Arial, Sans-serif; }

a { 
	color:#016FD1; text-decoration:none; 
	font-family:Arial, 'Nanum Gothic', '나눔고딕', NanumGothic, Malgun Gothic, AppleSDGothicNeo, Apple Gothic, Arial, Sans-serif; }
a:focus { 
	outline:thin dotted; }
a:hover,
a:active { 
	color:#AF1D71; outline:0; }

h1, h2, h3, h4, h5, h6 { 
	font-weight:600; margin:36px 0 12px; }
h1 { font-size:22px; line-height:1.3846153846; }
h2 { font-size:20px; line-height:1; }
h3 { font-size:18px; line-height:1.0909090909; }
h4 { font-size:16px; line-height:1.2; }
h5 { font-size:14px; line-height:1.3333333333; }
h6 { font-size:13px; line-height:1.5; }

/* basic 
-----------------------------*/
html { 
	}
body { 
	}

/* header 
-----------------------------*/
.header_logo { 
	position:absolute; top:40px; left:0px; z-index:100; }

.header { 
	display:block; width:100%; height:190px; margin:0px auto 0px; padding:0px; z-index:9998; 
	position:relative; top:0px; left:0px; 
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	/*background:url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzEzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzRhNDQ0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI0MjAyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODMwMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ 
	/*background:-moz-linear-gradient(top, rgba(52,49,51,1) 0%, rgba(74,68,71,1) 50%, rgba(36,32,35,1) 50%, rgba(56,48,53,1) 100%);*/ /* FF3.6+ */
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,49,51,1)), color-stop(50%,rgba(74,68,71,1)), color-stop(50%,rgba(36,32,35,1)), color-stop(100%,rgba(56,48,53,1)));*/ /* Chrome,Safari4+ */
	/*background:-webkit-linear-gradient(top, rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%);*/ /* Chrome10+,Safari5.1+ */
	/*background:-o-linear-gradient(top, rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%);*/ /* Opera 11.10+ */
	/*background:-ms-linear-gradient(top, rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%);*/ /* IE10+ */
	/*background:linear-gradient(to bottom, rgba(52,49,51,1) 0%,rgba(74,68,71,1) 50%,rgba(36,32,35,1) 50%,rgba(56,48,53,1) 100%);*/ /* W3C */
	/*border-top:1px solid rgba(79, 74, 79, 0.8); */
	/*border-bottom:1px solid rgba(0, 0, 0, 0.8); */
	background:url('../images/header.jpg') top left repeat-x; 
	border:0px solid #00f; }
.header:after { 
	content:""; display:block; clear:both; }
.header_container { 
	position:relative; width:970px; height:100%; margin:0px auto; padding:0px; display:block; 
	border:0px solid #00f; }
.header_block_1 { 
	position:relative; /*float:right; margin-top:-38px; color:#a5a5a5; clear:both;*/ }
.header_block_2 { 
	position:relative; /*float:right; margin-top:-38px; color:#a5a5a5; clear:both;*/ }
.header_block_3 { 
	position:relative; /*float:right; margin-top:-38px; color:#a5a5a5; clear:both;*/ 
	line-height:140%; }

.header2 { 
	display:block; width:100%; height:36px; margin:0px auto 0px; padding:0px; z-index:9998; 
	background:#3E3E3E; border:0px solid #00f; }
.header2:after { 
	content:""; display:block; clear:both; }
.header_container2 { 
	position:relative; width:1170px; height:100%; margin:0px auto; padding:0px; display:block; 
	border:0px solid #00f; }

/* search */
.searchbt { 
	background:#a9487c; cursor:pointer; float:right; height:30px; width:30px; margin:3px 4px 4px 2px; text-align:center; }
.searchbt:hover,
.searchbt.active { 
	background:#a0122a; }
.searchbt i { 
	color:#fff; font-size:18px; margin-top:6px; }
.searchbox { 
	display:none; z-index:50; float:right; font-size:12px; width:150px; height:30px; margin:4px; }
.s4search .iText { 
	float:right; top:0px; width:110px; height:20px; margin:4px 2px 0px 0px; padding:0px 10px 0px 10px; vertical-align:top; 
	background:#BDB0AC; border:0px;  
	outline:none; -webkit-border-radius:2em; -moz-border-radius:2em; border-radius:2em; }
.s4search .iText:focus { 
	font-weight:600; width:130px; }
.s4search .submit { 
	float:right; margin-top:4px; width:32px !important; height:22px !important; }

/* slide 
-----------------------------*/
.slide { 
	width:1260px; margin:0px auto 0px; padding:0px; clear:both; 
	background:#f9f9f9; 
	border:0px solid #000; }
	
/* contents 
-----------------------------*/
.section_main { 
	position:relative; display:block; clear:both; width:100%; height:100%; margin:0px auto 0px; padding:0px 0px 10px 0px; 
	border:0px solid #000; 
	background:#F0F0F0; }
.section_main:after { 
	content:""; display:block; clear:both; }
.section_main2 { 
	display:block; width:100%; height:100%; 
	color:#000000; }
.section_main_container { 
	max-width:970px; min-height:350px; height:100%; margin:0px auto; padding:0px; 
	/*background-color:#fff; background-color:rgba(255, 255, 255, .6); 
	border:1px solid rgba(255, 255, 255, 0.6); 
	background:url(../images/content.gif) top left repeat-x #f2f2f2; 
	*/
	border:0px solid #000; }

/* grid_1 */
.grid_1 { 
	float:left; position:relative; width:240px; height:100%; min-height:350px; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; 
	voice-family:"\"}\""; voice-family:inherit; }
.grid_1_main {
	float:left; position:relative; width:240px; height:100%; min-height:350px; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; 
	voice-family:"\"}\""; voice-family:inherit; }

/* grid_2 */
.grid_2 { 
	float:left; width:976px; width:-webkit-calc(100% - 284px); width:calc(100% - 284px); margin:0; padding:10px; 
	voice-family:"\"}\""; voice-family:inherit; border-right:1px solid #CCC; }
.grid_2_main { 
	float:left; width:976px; width:-webkit-calc(100% - 284px); width:calc(100% - 284px); margin:0; padding:10px; 
	voice-family:"\"}\""; voice-family:inherit; border-right:1px solid #CCC; }

/* Breadcrumbs */
.section_main_container .grid_2 .breadcrumbs { 
	display:block; list-style:none; width:100%; margin:0px 0px 12px; padding:0px 0; border-bottom:1px solid #c9c9c9; overflow:hidden; }
.section_main_container .grid_2 .breadcrumbs h2 { 
	display:block; float:left; margin-top:0px; padding-left:0px;
	color:#3a3a3a; font-size:18px; line-height:18px; }
.section_main_container .grid_2 .breadcrumbs ul { 
	float:right; margin-top:0px; list-style:none; }
.section_main_container .grid_2 .breadcrumbs li { 
	float:left; padding-left:14px; 
	color:#3a3a3a; font-size:11px; 
	background:url(../images/breadcrumbs_li.png) no-repeat 1px 4px; }
.section_main_container .grid_2 .breadcrumbs li:first-child { 
	background:url(../images/breadcrumbs_li_first.png) no-repeat 1px 4px; }

.hnb { 
	float:right; } 
.hnb li { 
	display:inline-block; list-style:none; margin-left:5px; }
.hnb a { 
	color:#ffffff; }
.hnb a:hover { 
	color:#ffffff; }
.hnb i { 
	margin-right:4px; font-size:18px; vertical-align:sub; color:#ffffff; }
.primary-navigation .nav-menu a:before { 
	margin-right:10px; content:"\f069"; color:#ffffff; font-family:'FontAwesome'; } 

.c_wrapper { 
	display:inline-block; vertical-align:top; color:#000; font-weight:300; text-align:justify; text-align:left; 
	margin:0px; padding:0px; }
.c_wrapper a {
	}
.c_wrapper a:hover { 
	}
.c_wrapper i { font-size:42px; float:left; margin-right:14px; }

/* footer 
-----------------------------*/
.footer { 
	clear:both; position:relative; float:left; width:100%; margin:10px auto 0px; 
	/*border-top:1px solid rgba(40, 81, 147, .2); border-bottom:1px solid rgba(40, 81, 147, .2); */
	border:0px solid #00f; }
.footer_container { 
	clear:both; max-width:970px; height:100%; margin:0px auto 0px; padding:20px 0px 20px; position:relative; 
	background:; 
	border:0px solid #000; }
.footer p, .footer div { 
	color:#333333; font-size:12px; }
.footer a { 
	color:#333333; font-size:12px; text-decoration:none }
.f_block_1 { 
	width:100%; height:100%; padding:0px; background-color:; margin:0; border:0px solid #00f; }
.f_block_2 { 
	width:100%; height:100%; padding:0px; background-color:; margin:0; border:0px solid #00f; }
	
.footer2 { 
	clear:both; position:relative; width:100%; min-height:38px; margin:3px auto 0px; 
	background-color:#272F47; background-color:rgba(39, 47, 71, .8); }

.footer3 { 
	clear:both; position:relative; width:100%; min-height:60px; margin:0px auto 0px; padding:30px 0px 10px; 
	background-color:; background-color:; border:0px solid #000;  }
.footer3_container { 
	clear:both; max-width:970px; margin:20px auto 150px; border:0px solid #000; text-align:right; }

.copyright {
	position:relative; padding:0px 0px 0px 10px; white-space:normal; word-break:break-all; 
	color:#afafaf; font-size:12px; }

/* modal
-----------------------------*/
#lean_overlay { 
	position:fixed; z-index:9999; top:0px; left:0px; height:100%; width:100%; 
	background:#000; display:none; }

#im_modal_login { 
	position:relative; display:none; width:300px; padding:20px 20px 20px 20px; z-index:9999;
	background:#A56170; 
	box-shadow:0px 0px 20px rgba(0,0,0,0.6); -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.6); -moz-box-shadow:0px 0px 20px rgba(0,0,0,0.6); 
	font-family:Arial, 'Nanum Gothic', '나눔고딕', NanumGothic, Malgun Gothic, AppleSDGothicNeo, Apple Gothic, Arial, Sans-serif;
	border:0px solid #00f; }

#im_modal_login .loginWindow_header { 
	margin-bottom:18px; }

#im_modal_login .loginWindow { 
	width:300px; }

#im_modal_login .loginWindow dl dt { 
	font-size:14px; color:#fff; margin-bottom:10px; line-height:10px; }

#im_modal_login .loginWindow #uid, .loginWindow #upw { 
	width:270px; height:38px; line-height:38px; 
	padding:0 15px 0 15px; margin-bottom:25px; 
	color:#444; font-size:18px; font-weight:bold; 
	font-family:arial, dotum, gulim, sans-serif; 
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:none; }

#im_modal_login .loginWindow .keep_text { 
	color:#fff; font-size:14px; 
	display:inline-block; float:left; margin-left:10px; margin-bottom:20px; padding-top:2px; }

#im_modal_login .loginWindow .keepWrap:after { 
	content:""; display:block; clear:both; }

#im_modal_login .loginWindow .keep { 
	width:21px; height:21px; position:relative; float:left; }

#im_modal_login .loginWindow .keep label { 
	cursor:pointer; position:absolute; width:20px; height:20px; top:0; left:0; 
	background:#eee; 
	border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }

#im_modal_login .loginWindow .keep label:after { 
	opacity:0.2; content:''; 
	position:absolute; top:5px; left:5px; width:7px; height:4px; 
	background:transparent; 
	border:3px solid #A56170; border-top:none; border-right:none; 
	-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); 
	-ms-transform:rotate(-45deg); transform:rotate(-45deg); }

#im_modal_login .loginWindow .keep label:hover::after { 
	opacity:1; }

#im_modal_login .loginWindow .keep input[type=checkbox]:checked + label:after { 
	opacity:1; }

#im_modal_login .loginWindow .submit_btn a { 
	display:inline-block; width:270px; height:38px; line-height:38px; padding:0 15px 0 15px; 
	font-size:16px; color:#fff; text-decoration:none; text-align:center; 
	background-color:#4B3645; }

#im_modal_login .loginWindow .login_menu ul { 
	text-align:center; margin-top:25px; }

#im_modal_login .loginWindow .login_menu ul li { 
	display:inline-block; padding:0 10px; line-height:14px; 
	border-left:1px solid #fff; list-style:none; }

#im_modal_login .loginWindow .login_menu ul li:first-child { 
	border-left:none; }

#im_modal_login .loginWindow .login_menu ul li a { 
	color:#fff; font-size:14px; text-decoration:none; line-height:14px; }

#im_modal_login .loginWindow .login_menu ul li a:hover, #im_modal_login .loginWindow .login_menu ul li a:focus { 
	text-decoration:underline; }

#im_modal_login .close_loginWindow { 
	position:absolute; right:25px; top:25px; }

#im_modal_login .modal_close { 
	font-size:26px; color:#fff; }

.im_hidden { 
	display:none; text-indent:-9999px; line-height:0; width:0; height:0; overflow:hidden; 
	font-size:0; }

/* 
============================= */
.header:after, 
.header .header_container:after, 
.header2:after, 
.header2 .header2_container:after, 
.section_main:after, 
.section_main .section_main_container:after, 
.footer:after, 
.footer .footer_container:after, 
.footer2:after, 
.footer2 .footer2_container:after, 
.slide:after, 
.slide .slide_container:after { 
	content:""; display:block; clear:both; }

