@charset "utf-8";

@import url('../../font/NanumGothic.css');

/* HTML5 tags Reset */
address, article, aside, blockquote, body, center, dd, dir, div, dl,
dt, figure, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header,
hgroup, hr, html, legend, listing, menu, nav, ol, p, plaintext, pre,
section, summary, ul, xmp { display: block; }
table { display: table; }
caption { display: table-caption; }
colgroup { display: table-column-group; }
col { display: table-column; }
thead { display: table-header-group; }
tbody { display: table-row-group; }
tfoot { display: table-footer-group; }
tr { display: table-row; }
td, th { display: table-cell; }
li { display: list-item; }
ruby { display: ruby; }
rt { display: ruby-text;}
vidio, audio, embed, iframe{max-width:100%; height:auto;}
object{max-width:100%}

/* Common Reset */
html{margin:0;padding:0;height:100%;line-height:140%;word-wrap:break-word; word-break:break-all}
body{margin:0;padding:0;line-height:140%;word-wrap:break-word; word-break:break-all}
address{font-style:normal}
fieldset{border:0; vertical-align:top;}
img{border:0}
table{border-collapse:collapse;}
input, label{vertical-align:middle;font-family:Arial,'Nanum Gothic','나눔고딕'; ime-mode:active}
button {cursor:pointer;}
textarea {resize:none; ime-mode:active}
legend, caption{visibility:hidden;overflow:hidden;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

/* 공통 스타일 */
select{border:solid 1px #ccc; padding:3px !important; vertical-align:middle; font-family:'Nanum Gothic','나눔고딕' }
a {text-decoration:none; color:#444;}
a:hover { color:#449ded;}

.hide{visibility:hidden;overflow:hidden;top:0;left:0;}
.readonly{color:#a2a2a2;}
.red{color:#ff0000;}
.blue{color:#0000ff;font-size:13px}
.bold{font-weight:bold;}
.fl{float:left;}
.fr{float:right;}
.center{text-align:center;}
span.gt {padding: 0 5px;}
.font11{font-size:11px}
.right{margin:5px 0 10px 0; float:right;}
.placeholder{font-family:'Nanum Gothic','나눔고딕';}

.radius_box { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.radius_box2 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.radius_box3 { -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
 .shadow{
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 85px 180px 0 #fff, 0 12px 8px -5px rgba(0, 0, 0, 0.85); /* FF3.5+ */
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 85px 810px -68px #fff, 0 12px 8px -5px rgba(0, 0, 0, 0.65); /* Saf3.0+, Chrome */
box-shadow: 0 0 2px rgba(0, 0, 0, 0.35), 0 0 30px 0 #fff, 0 12px 5px -5px rgba(0, 0, 0, 0.85); /* Opera 10.5, IE 9.0 */
}

/* more버튼 */
span.more{display:block;float:right;width:41px;height:9px;margin-top:5px;padding-right:10px;background:url('../../images/front/main/btn_more1.png') 0 0 no-repeat;cursor:pointer;z-index:100;}
span.more1{display:block;float:right;width:41px;height:9px;margin-top:13px;padding-right:10px;background:url('../../images/front/main/btn_more1.png') 0 0 no-repeat;cursor:pointer;	z-index:100;}
span.more2{display:block;float:right;width:40px;height:7px;margin-top:4px;padding-right:10px;	background:url('../../images/front/main/btn_more2.png') 0 0 no-repeat;cursor:pointer;	z-index:100;}

/* Layout */
#wrap{width:1000px;margin:0 auto;padding:0}
#header, #container, #footer{width:100%;padding:0;margin:0;}
#article{min-height:800px;padding:0;margin:0}

/* Sub Container Layout */
#aside{clear:both;float:left;width:185px;padding:35px 0 0 0}
#article{float:left; width:790px;border-left:1px solid #dfdfdf;padding:20px 0 0 15px;}
#search_article{float:left;min-height:800px;width:790px;padding:0 0 0 15px;margin-top:-20px;}

/* Header */
/* Top */
#top{font-family:'Nanum Gothic','나눔고딕';padding:6px 0;margin:0;background:#fbfbfb;border-bottom:1px solid #dedede;}
#top .top_wrap{width:1000px; margin:0 auto;}
#top ul{list-style:none;}
#top:after{clear:both; display:block; content:'';}
#top .logo_list{margin:3px 0 0 0;padding:0}
#top .logo_list li{float:left;margin-right:30px;}
#top .topMenu{float:right;margin:0;font-size: 11px}
#top .topMenu li{margin-left: 10px;vertical-align: middle;}
#top .topMenu li.tmn1{float:left;}
#top .topMenu li.tmn2,#top .topMenu li.tmn3{float:left;padding-left:20px;background:url('../../images/front/common/bar.png') 0 7px no-repeat;}
#top .topMenu li.lang{float:left;margin:2px 0 0 20px;width:115px;height:20px;cursor: pointer;}

/*sns-link*/
#sns-link{position:absolute; margin-left: 80px; margin-top: -15px;}
#sns-link ul{overflow: auto;}
#sns-link li{float:left; vertical-align: middle; margin-right:0px;}

/*
	#top .lang_list{display:none;position:absolute;width:73px;height:25px;background:#fff;border:1px solid #d2d3d4;margin-top: -4px;z-index:10000;}
*/
#top .lang_list{display:none;clear:both ;text-align:left;height:25px;margin-top:-4px;background:#fff;border:1px solid #d2d3d4;}
#top .lang_list li{margin:0 0 0 -40px;padding:0 0 0 13px}
#top .lang_list li a{display:block;margin:0;padding:0;}

/* Sub Search area */
#sub_search_area{font-family:'Nanum Gothic','나눔고딕';clear:both;width:100%;height:58px;padding:22px 0 0 0;margin:0}
#sub_search_area fieldset{margin:0;padding:0}
#sub_search_area .sub_search{float:left;}
#sub_search_area .subLogo{clear:both;float:left;margin:0 0 0 0;}
.subSearch_area{float:right;margin:0;padding:0;}
.subSearch_area form{float: left;}
.subSearch{float:left;	width:355px;height:29px;background:url('../../images/front/common/sub_search_box.png') 0 0 no-repeat;margin:0;padding:0}
.subSearch label{font-size: 12px;margin-left: 3px;}
input.subkwd{border:0;margin:4px 0 0 15px;width:280px;}
.btn_sub_search{position:absolute;margin:-1px 0 0 12px;cursor:pointer;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.btn_sub_search{position:absolute;margin:-1px 0 0 18px;cursor:pointer}
}
.btn_detail_search{float:right;margin:0;padding:0;cursor:pointer}
.research{float:right;margin:3px 3px 0 0}
.re_sch{font-size: 12px}

/* GNB */
#gnb{clear:both;font-family:'Nanum Gothic','나눔고딕';	width:1000px;height:41px;background: url('../../images/front/common/gnb_bg.jpg') 0 0 no-repeat; }
#gnb .mainMenu{margin:0 0 0 30px;padding:8px 0 0 0;list-style:none;}
#gnb .mainMenu li{float:left; font-size: 14px; font-weight:bold; margin-right:50px;font-weight:bold;text-shadow:-1px -1px #555;}
#gnb .mainMenu li a{color:#fff;}
#gnb .mainMenu li a:hover{color:#fff;}
#gnb:after{clear:both; display:block; content:'';}
#maingnb{width:895px;height:41px;background: url('../../images/front/main/main_gnb_bg.jpg') 0 0 no-repeat; }
#maingnb .mainMenu{margin:0 0 0 30px;padding:8px 0 0 0;}
#maingnb .mainMenu li{float:left; font-size: 14px; font-weight:bold; margin-right:50px;font-weight:bold;text-shadow:-1px -1px #555;}
#maingnb .mainMenu li a{color:#fff;}
#maingnb .mainMenu li a:hover{color:#fff;}
#maingnb:after{clear:both; display:block; content:'';}
.mnhover{font-family:'Nanum Gothic','나눔고딕';display:none;position: absolute;font-size: 11px;text-shadow:none;font-weight:normal;margin:-35px 0 0 -80px;background: #fff;	padding:0 5px ;border: 1px dashed #666;color: #888;}
.smnhover{font-family:'Nanum Gothic','나눔고딕';display:none;position: absolute;font-size: 11px;text-shadow:none;font-weight:normal;margin:35px 0 0 -80px;background: #fff;	padding:0 5px ;border: 1px dashed #666;color: #888;}


/* Footer */
#footer{font-family:'Nanum Gothic','나눔고딕';clear:both;position: relative;margin:0;padding:0}
#footer .footer_wrap{width:1000px; margin:0 auto;padding:0}
.quick_wrap,.copy_wrap{width:1000px; margin:0 auto;padding:0}
.copy{clear:both;;width:100%;float:left;font-size:11px;padding:10px 0 20px 0 ;line-height:150%;margin:0}
#footer .footMenu{float: left; font-size: 11px;list-style:none;margin:0;padding:0}
#footer .footMenu li.mn1{float:left;background:none}
#footer .footMenu li.mn2, #footer .footMenu li.mn3{float:left;margin-left:20px;padding-left:20px;background:url('../../images/front/common/bar.png') 0 6px no-repeat;cursor:pointer;}
#footer .famliy{float: right;cursor: pointer;}
#footer .fam_list{display:none;position:absolute;width:113px;height:25px;font-size:11px;border:1px solid #d2d3d4;background:#fff;margin:-25px 0 0 885px;padding:0;list-style:none;}
#footer .fam_list li{margin:0 0 0 25px}

/* 퀵메뉴 */
#quick{position: relative;width:100%;border-bottom: 1px solid #b1b1b1;margin-bottom: 20px;}
.q_contents{clear:both;height: 300px;background: #fff;display: none;border-top:1px solid #b1b1b1;}
.quickMenu{	clear:both;position: relative;width: 895px;margin:0 0 0 -40px;padding:0;}
.quickMenu:after{clear:both; display:block; content:'';}
.quickMenu ul {font-family:'Nanum Gothic','나눔고딕';list-style-type:none;margin-top:0 !important;margin-bottom:0 !important;}
.quickMenu ul li{display:block;float: left; padding:5px 0;height:22px; text-align:center;font-size: 13px;color: #fff;list-style-type:none;cursor: pointer;margin-top:0 !important;margin-bottom:0 !important;}
.quickMenu ul li.q_arrow{width:40px;height:22px;background:url('../../images/front/common/bg_qarrow.jpg') 0 -32px no-repeat;}
.quickMenu ul li.q_on{width:40px;height:22px;background:url('../../images/front/common/bg_qarrow.jpg') 0 0 no-repeat;}
.quickMenu ul li.qmn1{width:110px;background: #206dd5;}
.quickMenu ul li.qmn2{width:110px;background: #449ded;}
.quickMenu ul li.qmn3{width:110px;background: #91c6f8;}
.quickMenu ul li.qmn4{width:110px;background: #a1d2fd;}
.quickMenu ul li.qmn5{width:110px;background: #d0e4f5;}
.qmenu{position:relative;text-align: center;}
.q_area{clear:both;position:absolute;margin-left:0px;}
.q2,.q3,.q4{display: none;}
.qlogo{float: left;width: 60px;margin:40px 30px 0 0;text-align: center;}
.qlogo img {border:0;margin-bottom:20px;}
.qlogo span {display:block;font-size: 14px;font-weight: bold;margin-top:20px;}
.q1 .qlogo span, .q1 .q_list h4 {color: #146bd4;margin:0;padding:0}
.q2 .qlogo span, .q2 .q_list h4 {color: #439eed;margin:0;padding:0}
.q3 .qlogo span, .q3 .q_list h4 {color: #91c6f8;margin:0;padding:0}
.q4 .qlogo span, .q4 .q_list h4 {color: #a1d2fd;margin:0;padding:0}
.q5 .qlogo span, .q5 .q_list h4 {color: #d0e4f5;margin:0;padding:0}
.q_list{	float: left;text-align: left;margin: 30px 30px 0 30px;padding:0}
.q_list h4{font-size: 14px;	margin-bottom:15px;	color: #146bd4;	}
.q_list ul{margin:15px 0 0 0;padding:0}
.q_list ul li{font-size: 13px;color: #666;margin:0 0 8px 0;padding:0;list-style-type:none;}
.qmn_on{	font-weight: bold;}

/* Container */
#container{position:relative; width:100%;}