@charset "utf-8";

/* WEB font */
@import url(../webfont/webfont.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/* reset */

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,input,button,fieldset { margin:0; padding:0;}
body,h1,h2,h3,h4,h5,h6,th,td,input,button { font:15px "Noto Sans KR", "Nanum Gothic", "나눔고딕", sans-serif;}
ul,ol,li { list-style:none;}
img, fieldset { border:none; vertical-align:middle;}
a { text-decoration:none;}
address, em { font-style:normal;}
strong { font-weight:400;}
.blind{display:none;}
.fadeIn_ready,
.fadeIn_ready01,
.fadeIn_ready02{opacity:0;}

/* common class */

.hide { display:block; width:0; height:0; text-indent:-9999px; overflow:hidden;}
.clearfix:after { content:'.'; display:block; clear:both; width:0; height:0; overflow:hidden;}
.common_width { width:1200px; position:relative; margin:0 auto; padding-bottom:80px;}


/* layout */

/* #visual, #sub_visual, #sub_visual2, #footer { max-width:1920px; min-width:1200px; margin:0 auto; position:relative; overflow:hidden;} */
#visual, #sub_visual, #sub_visual2, #footer { width:100%; min-width:1200px; margin:0 auto; position:relative; overflow:hidden;}
#header {
	position:relative; 
	width:100%; 
	height:153px;
	background:#fff;
/* 	background:url(../img/header_bg.png) repeat; */

}
#nav { 
	height:50px;
	line-height:50px;
	width:100%; 
	min-width:1200px; 
/* 	background-color:#ee8522; */
	background:#1e292f;

/* 	nav가 top으로부터 떨어지는 위치 */
	margin-top:96px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;


/* 상단고정 */
/* 	position:static;
	top:0;
	left:0;
	z-index:600; */
}

/* #navFixed{
	position: fixed;
	top: 0px;
} */

/* 스크롤하면 top_nav 나타나게 */
.top_nav{
	width:100%;
/* 	height:30px; */
/* 	background:#ffa200; */
/* 	background:#353535; */
	background:#fff;
	height:112px;
	border-bottom:1px solid #aaa;
	position:fixed;
	top:0px;
	z-index:2000;
	display:none;
}

/* 스크롤하면 top_nav 나타나게 끝 */

/* 스크롤하면 top_nav 내용 시작 */
.top_nav_con{
	width:1000px;
	margin:16px auto;
	background-color:red;
	position:relative;
}
.top_nav_con > p{
	float:left;
	display:block;
	width:80px;
	height:80px;
	line-height:40px;
	margin-left:50px;
}
.top_nav_con > p.top_nav_con01{
	background:url(../img/top_nav_btn01.png) no-repeat;
	background-size:100%;
	margin-left:140px;
}
.top_nav_con > p.top_nav_con02{
	background:url(../img/top_nav_btn02.png) no-repeat;
	background-size:100%;
	padding-top:18px;
}
.top_nav_con > p.top_nav_con03{
	background:url(../img/top_nav_btn03.png) no-repeat;
	background-size:100%;
	padding-top:18px;
}
.top_nav_con > p.top_nav_con04{
	background:url(../img/top_nav_btn04.png) no-repeat;
	background-size:100%;
	padding-top:18px;
}
.top_nav_con > p.top_nav_con05{
	background:url(../img/top_nav_btn05.png) no-repeat;
	background-size:100%;
	padding-top:18px;
}
.top_nav_con > p > a{
	display:block;
	width:100%;
	height:60px;
	color:#fff;
	font-weight:700;
	text-align:center;
}
.top_nav_con > p > a > span{
/* 	line-height:20px; */

}



/* ////////////////////////////////////////////////////////////////// nav_test */
#nav_test{
	/* container */
}
#nav_test > a{
	display: none;
}
#nav_test li{
	position: relative;
}

/* first level */

#nav_test > ul{
	height: 3.75em;
}
#nav_test > ul > li{
	width: 25%;
	height: 100%;
	float: left;
}

/* second level */

#nav_test li ul{
	display: none;
	position: absolute;
	top: 100%;
}
#nav_test li:hover ul{
	display: block;
}

 








/* ////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////// 오른쪽 퀵 메뉴 */
#STATICMENU { 
	margin: 0pt; 
	padding: 0pt;  
	position: absolute; 
	right: 0px; 
	top: 0px;

	/* 아래부터 새로 적용 */
	width:100px;
	height:440px;
	z-index:1000;
	background-color:#fff;
	border:1px solid #ddd;
}
#STATICMENU > dl{
	width:92px;
	background:#fff;
	margin:0 auto;
	text-align:center;
}
#STATICMENU > dl > dt{
	color:#666;
	font-weight:700;
}
#STATICMENU > dl > dd{
	width:90%;
/* 	height:64px;
	line-height:64px; */
	margin:0 auto;
	margin-top:8px;
/* 	border-bottom:1px dotted #aaa; */
}
#STATICMENU > dl > dd.mQuick01{background-color:#f1f1f1;}
#STATICMENU > dl > dd.mQuick02{background-color:#fff;}
#STATICMENU > dl > dd.mQuick03{background-color:#f1f1f1;}
#STATICMENU > dl > dd.mQuick04{background-color:#fff;}
#STATICMENU > dl > dd.mQuick05{background-color:#f1f1f1;}
#STATICMENU > dl > dd.mQuick06{background-color:#fff; color:#fae100; font-weight:700;}

#STATICMENU > dl > dd > a{
	display:block;
	width:100%;
	height:64px;
	line-height:64px;
	font-size:14px;
	color:#666;
	text-decoration:none;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	transition:0.2s;

/* 	background-color:red; */
}
#STATICMENU > dl > dd > a:hover{color:#3c1e1e;}
#STATICMENU > dl > dd.mQuick06 > a:hover{background-color:#fae100;}








#visual { width:100%; min-width:1512px; height:416px;}
/* #sub_visual { 
	width:100%; 
	height:310px;
	margin-top:0;
	background-size:cover;
}
#sub_visual img{
	width:100%;
} */


/* #sub_visual2 { width:100%; min-width:1512px; height:208px; background:#222; }
#sub_visual2 img{width:100%; height:100%;}
#sub_visual2 > span.sub_effect{
	position:absolute;
	top:122px;
	right:12%;
	font-weight:400;
	font-size:3em;
	color: rgba(255,255,255,0.1);
}
#sub_visual2 > span.sub_effect{
	background: -webkit-gradient(linear,left top,right top,from(#222),to(#222),color-stop(.5,#fff));
	background: -moz-gradient(linear,left top,right top,from(#222),to(#222),color-stop(.5,#fff));
	background: gradient(linear,left top,right top,from(#222),to(#222),color-stop(.5,#fff));
	-webkit-background-size: 125px 100%;
	-moz-background-size: 125px 100%;
	background-size: 125px 100%;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-animation-name: shimmer;
	-moz-animation-name: shimmer;
	-webkit-animation-name: shimmer;
	animation-name: shimmer;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #222;
	}
@-moz-keyframes shimmer {
	0% {
		background-position: top left;
	}
	100% {
		background-position: top right;
	}
}
@-webkit-keyframes shimmer {
	0% {
		background-position: top left;
	}
	100% {
		background-position: top right;
	}
}
@-o-keyframes shimmer {
	0% {
		background-position: top left;
	}
	100% {
		background-position: top right;
	}
}
@-ms-keyframes shimmer {
	0% {
		background-position: top left;
	}
	100% {
		background-position: top right;
	}
}
@keyframes shimmer {
	0% {
		background-position: top left;
	}
	100% {
		background-position: top right;
	}
} */

/* sub_visual 텍스트 */
/* #sub_visual > span.sub_visual_txt{
	color:#fff;
	font-size:45px;
	font-weight:500;
	position:absolute;
	top:130px;
	left:50%;
	margin-left:-300px;
	width:600px;
	z-index:1;
	text-align:center;
} */


#contents {}
#sub_contents { 
/* 	margin-top:26px;  */
/* 	width:964px; */
	width:1200px;
	min-height: 1200px;
/* 	border-left:1px solid #eee;
    	border-right:1px solid #eee;
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.1); */
}
#footer { 
	background-color:#ffffff; 
/* 	margin-top:20px;  */
	border-top:1px solid #ddd;
}

/* header */

#logo { 
	position:absolute; 
	width:260px;
	left:50%; 
	margin-left:-130px;
	top:30px;
}
#logo img{width:100%;}

.top .lan { float:right; margin-left:5px;}
.top .lan li { float:left; margin:7px 5px;;}

.top { height:17px;}
.top .top_menu { 
	float:right; 
/* 	margin-top:10px;  */
	width:230px;
}
.top .top_menu li { 
/* display:inline; */
	float:left;
	height:32px;
	line-height:32px;
	vertical-align:middle;
	color:#aeaeae; 
	font-size:13px;
}
.for_search{margin:0;}

.top .top_menu li a { color:#aeaeae; margin:0 5px;}
.top .top_menu li a:hover { color:#555;}


/* nav */
/* 메뉴에 */
/* .snb_bg { 
	width:100%; 
	min-width:1200px; 
	height:338px; 
	background:#fff;
	position:absolute; 
	left:0; 
	top:158px;
	z-index:99; 
	display:none;
	border-top:1px solid #aaa;
} */
.gnb_bg{
	display:none;
	clear:both;
	content:"";
	width:100%;
	height:400px;
/* 	background:#000 url(../img/gnb_bg.png) no-repeat; */
	background:#fff;
	background: rgba(255, 255, 255, 0.9); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
	zoom: 1;
	/* 일반적이진 않지만 ie6, 7 에서 적용 안되는경우 선언. */
	z-index:5000;
	position:absolute;
	top:164px;
	left:0;
	border-top:1px solid #aaa;
	border-bottom:3px solid #1e292f;
}
.gnb { 
	width:1002px; 
	margin:0 auto; 
/* 	background:#ffffff; */
}
.gnb > li { width:200px; float:left; text-align:center; position:relative;}
.gnb > li.border_line:after{
	width:1px;
	height:40px;
	background:#fff;
	display:block;
	clear:both;
	content:"";
	position:absolute;
	top:5px;
	right:0;
	z-index:20;
}
.gnb > li.border_line_last{display:transparent;}
.gnb > li > a { display:block; font-size:18px; color:#ffffff; line-height:50px; font-weight:400;}

.snb { 
	width:200px;
	height:400px; 
	position:absolute; 
	top:50px; 
	left:0; 
	z-index:6000; 
	display:none;
	border-top:1px solid #aaa;

}


.snb > li{
/* background:red; */
	height:auto;
	line-height:65px;
	text-align:center;
/* 	padding-left:14px; */
}
.snb > li > a{
	color:#222;
	display:block;
	text-decoration:none;
	font-size:16px;
	font-weight:400;
	padding-top:10px;
}
.snb > li > a:hover{
	color:#618c9d;	
}

.snb > li > ul.snb_ul{
/* 	background:yellow; */
	margin-top:-10px;
}
.snb > li > ul.snb_ul > li{
	text-align:left;
	padding-left:5px;
	line-height:30px;
}
.snb > li > ul.snb_ul > li > a{
	color:#666;
	display:block;
	text-decoration:none;	
	font-size:14px;
	font-weight:400;
}
.snb > li > ul.snb_ul > li > a:hover{
	color:#c4261d;
	text-decoration:underline;
}



.b_snb { 
	width:200px;
	height:230px; 
	position:absolute; 
	top:50px; 
	left:0; 
	z-index:18000; 
display:none;
	background:#fff; 
	border:1px solid #aaa;
	border-top:none;

/* 	box-shadow: 0 4px 8px 0 rgba(20, 77, 158, 0.2), 0 6px 20px 0 rgba(20, 77, 158, 0.19); */
}
.b_snb > li{
/* background:red; */
	height:auto;
	line-height:65px;
	text-align:center;
/* 	padding-left:14px; */
}
.b_snb > li > a{
	color:#444;
	display:block;
	text-decoration:none;
	font-size:16px;
	font-weight:400;
	padding-top:10px;
}
.b_snb > li > a:hover{
	color:#ee8522;	
}

.b_snb > li > ul.snb_ul{
/* 	background:yellow; */
	margin-top:-10px;
}
.b_snb > li > ul.snb_ul > li{
	text-align:left;
	padding-left:5px;
	line-height:30px;
}
.b_snb > li > ul.snb_ul > li > a{
	color:#666;
	display:block;
	text-decoration:none;	
	font-size:14px;
	font-weight:400;
}
.b_snb > li > ul.snb_ul > li > a:hover{
	color:#c4261d;
	text-decoration:underline;
}







.search_result{
	width:900px;
	margin:50px auto 50px;
}
.search_result > p.search_result_txt{
	font-weight: 400;
	color: #515151;
	font-size: 1.4em;
	letter-spacing: 5px;
	margin: 50px 0;
	border-bottom: 1px dotted #aaa;	
}



/* left */

#left { 
	float:left;
	position:static;
	top:97px;
	z-index:600;
	width: 212px;
/* 	height:100vh; */
	overflow-x: hidden;
/* 	background:#f2a500; */
}

.lnb_title { 
/*  	background:url(../img/lnb_title_bg.png) no-repeat center center; */
/*  	background-color:#f1f1f1; */
	width:100%; 
	height:140px; 
	line-height:140px;
	text-align:center; 
/* 	color:#202b62; */
	font-size:16px; 
	border-bottom:1px solid #eee;
/* 	border-right:1px solid #eee; */
 	background-color:#ffffff;
/*  background: rgb(0,4,40);
background: -moz-linear-gradient(90deg, rgba(0,4,40,1) 0%, rgba(0,78,146,1) 29%, rgba(1,93,173,1) 52%, rgba(0,78,146,1) 74%, rgba(0,4,40,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,4,40,1) 0%, rgba(0,78,146,1) 29%, rgba(1,93,173,1) 52%, rgba(0,78,146,1) 74%, rgba(0,4,40,1) 100%);
background: linear-gradient(90deg, rgba(0,4,40,1) 0%, rgba(0,78,146,1) 29%, rgba(1,93,173,1) 52%, rgba(0,78,146,1) 74%, rgba(0,4,40,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000428",endColorstr="#000428",GradientType=1);  */
}
/* .lnb_title02 { background:url(../img/lnb_title_bg02.png) no-repeat center center; width:251px; height:53px; text-align:center; color:#fff; font-size:13px; line-height:20px; padding-top:10px;}
.lnb_title03 { background:url(../img/lnb_title_bg03.png) no-repeat center center; width:251px; height:53px; text-align:center; color:#fff; font-size:13px; line-height:20px; padding-top:10px;}
.lnb_title04 { background:url(../img/lnb_title_bg04.png) no-repeat center center; width:251px; height:53px; text-align:center; color:#fff; font-size:13px; line-height:20px; padding-top:10px;}
.lnb_title05 { background:url(../img/lnb_title_bg05.png) no-repeat center center; width:251px; height:53px; text-align:center; color:#fff; font-size:13px; line-height:20px; padding-top:10px;}
.lnb_title06 { background:url(../img/lnb_title_bg06.png) no-repeat center center; width:251px; height:53px; text-align:center; color:#fff; font-size:13px; line-height:20px; padding-top:10px;}
.lnb_title07 { background:url(../img/lnb_title_bg07.png) no-repeat center center; width:251px; height:53px; text-align:center; color:#fff; font-size:13px; line-height:20px; padding-top:10px;} */


.lnb_title strong { 
	font-size:22px;
	font-weight:700;
	color:#202b62;
	padding-top:6px;
	border-top:4px solid #202b62;
}
.lnb_title strong.lnb_title_small01{ 
	font-size:1.18em;
}

.lnb { 
	text-align:left;
/* 	border-right:1px solid #eee; */
	background:#fff; 
}
.lnb > li > a{ 
	display:block; 
	font-size:16px;
	color:#515151; 
	width:95.2%; 
	height:48px; 
	line-height:48px;
	padding-left:10px;
/* 	border:1px solid #eee; */
	border-bottom:1px solid #eee;
/* 	margin-top:10px; */
	transition:0.1s;
	-webkit-transition:0.1s;
	-moz-transition:0.1s;

}
.lnb > li > a.lnb_small01{
	font-size:0.8em;
}
.lnb > li > a:hover{
	color:#515151; 
	width:95.2%; 
	height:48px; 
	line-height:48px;
	padding-left:10px;
/* 	background:#eee; */
}
/* 선택된 메뉴바 항상 열려있게 */
.lnb > li.lnb-on ul{
	display:block;
}
/* .lnb > li{
	border-right:1px solid #eee;
} */
.lnb > li.lnb-on{
 	border-right:none;
 background: rgb(0,4,40);
background: -moz-linear-gradient(90deg, rgba(0,4,40,1) 0%, rgba(0,78,146,1) 29%, rgba(1,93,173,1) 52%, rgba(0,78,146,1) 74%, rgba(0,4,40,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,4,40,1) 0%, rgba(0,78,146,1) 29%, rgba(1,93,173,1) 52%, rgba(0,78,146,1) 74%, rgba(0,4,40,1) 100%);
background: linear-gradient(90deg, rgba(0,4,40,1) 0%, rgba(0,78,146,1) 29%, rgba(1,93,173,1) 52%, rgba(0,78,146,1) 74%, rgba(0,4,40,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000428",endColorstr="#000428",GradientType=1); 

}
.lnb > li.lnb-on > span{ 
	display:block; 
	color:#fff; 
	width:100%; 
	height:60px; 
	line-height:60px;
	padding-left:10px;
	background:#aaa;
	letter-spacing:3px;
	font-weight:700; 
}
.lnb > li.lnb-on > a{ 
	display:block; 
	color:#ffffff; 
	width:95.2%; 
	height:48px; 
	line-height:48px;
	padding-left:10px;
/* 	background:#f1f1f1 url(./img/next_arrow.png) no-repeat 95% 50%; */
	background:url(../images/next.png) no-repeat right center; 
	background-size:8%;
}

/* .lnb02 > li.lnb-on > a{ 
	background:url(../img/next_arrow.png) no-repeat 95% 50%;

} */



/* ////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////// lnb2
ul.lnb02{background:#e5ebf9;margin-top:1px; margin-bottom:1px;}

ul.lnb02 > li{
	height:60px;
	line-height:60px;
	border-bottom:1px solid #eee;
	transition:0.1s;
	-webkit-transition:0.1s;
	-moz-transition:0.1s;
}
ul.lnb02 > li:hover{background-color:#ffffff;}
ul.lnb02 > li.lnb-on{	background-color:#fff;}
ul.lnb02 > li.line_last{border-bottom:none;}
ul.lnb02 > li.lnb02-on > a{
	background-color:#92B35A;
	color:#fff;
}
ul.lnb02 > li > a{
	padding-left:10px;
	display:block;
	text-decoration:none;
	font-size:17px;
	color:#666;
	transition:0.1s;
	-webkit-transition:0.1s;
	-moz-transition:0.1s;
} */
.lnb > li > ul > li > a:hover{
	color:#fff;
}




.board_name{
	font-size:18px;
	color:#666;
	margin-bottom:8px;
}

/* catalog */
.catalog{
	position:fixed;
	z-index:8000;
	bottom:180px;
	right:25px;
/* 	background:red; */
}
.catalog > a{
	display:inline-block;
	width:80px;
	line-height:40px;
	font-size:14px;
	text-align:center;
	color:#222;
}
.catalog > a:hover{
	color:#111;
}
.catalog > a img{
	width:90%;
}


/* footer */
.footer_menu { position:absolute;top:-24px;}
@media \0screen {.footer_menu{ margin:20px 0 0 475px;}} /* ie8 글간격 조정 */
.footer_menu li { display:inline; font-size:14px; color:#fff; }
.footer_menu li a { color:#666;font-size:14px;}
.footer_menu li a:hover { color:#666;}

.footer_area { margin:35px 0 30px 0px; position:relative;}
.footer_area > p.footer_logo{
    position: absolute;
    width: 200px;
    float: left;
    margin-left: 20px;
    top: 16px;
}
.footer_area > p.footer_logo img{width:90%;}
.footer_area img, .footer_area .addr { padding-bottom:5px; padding-left:0;}
.footer_area .addr { float:right; margin-right:0; color:#666; font-size:14px; line-height:25px;}
.footer_area > .addr img { margin-top:5px;}

.footer_en img { margin-top:19px;}



/* site map 사이트맵 */
.site_map_area{
	width:1200px;
	margin:20px auto;
	background:#ffffff;
	opacity:0;
}
.site_map_area > dl{
	float:left;
	width:20%;
	margin-bottom:20px;
	text-align:center;
}
.site_map_area > dl > dt{
	height:30px;
	line-height:30px;
	font-size:16px;
	margin-bottom:10px;
	color:#fff;
	position:relative;
	z-index:1;
/* 	background:#efefef; */
/*  	border-bottom:1px solid #fff; */
}
/* .site_map_area > dl > dt:after{
	display:block;
	content:'';
	clear:both;
	position:absolute;
	bottom:0;
	z-index:-1;
	left:0;
	width:80%;
	margin:0 auto;
	height:34%;
	background-color:yellow;
	opacity:0.4;
} */

.site_map_area > dl.site_map01 > dt{background:#;}
.site_map_area > dl.site_map02 > dt{background:#;}
.site_map_area > dl.site_map03 > dt{background:#;}
.site_map_area > dl.site_map04 > dt{background:#;}
.site_map_area > dl.site_map05 > dt{background:#;}
.site_map_area > dl.site_map06 > dt{background:#;}

.site_map_area > dl > dt.last{
	border-right:none;
}
.site_map_area > dl > dd{
	font-size:14px;
	line-height:40px;
}
.site_map_area > dl > dd a{
	color:#999;
}
.site_map_area > dl > dd a:hover{
	color:#aaa;
}








/* 위로가기 버튼 */
.goTop_a{
	position: fixed;
	right: 32px;
	bottom: 70px;
	display: none;
	background:#fff;
	padding: 3px;
	width: 50px;
	height: 50px;
	line-height: 45px;
	text-align:center;
	z-index:800;
	border-radius:12px;
/* 	background:url(../img/top.gif) no-repeat; */
}
a.top_a{
	color:#666;
	font-size:2.0em;
}


.login_area{
	margin-top:10px;
}