@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/* Common */
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, 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,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;
font:inherit; vertical-align: baseline;font-family:'Noto Sans KR',sans-serif; letter-spacing:-0.1em;font-style:normal}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
table{border-spacing:0;border-collapse:collapse;}
input,select,button{vertical-align:middle; outline:none;}
ul::after{display: block; clear: both; content:' ';}
/* 선택 */
*::selection{background-color:rgba(255,255,255,1); color:#fff;}

/* Common */

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;line-height:100%;}
body,input,textarea,select,button,table{font-family:'Noto Sans KR',"맑은고딕",NanumGothic,ng,Helvetica,sans-serif,serif; font-size:13px;color:#373737}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none;}
table{border-spacing:0;border-collapse:collapse;}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

button{border:0 none;background-color:transparent;cursor:pointer;}
button::-moz-focus-inner {border:0; padding:0;}
input,select,button{vertical-align:middle;}



#header{ width:100%; background:url(../image/common/top_bg.gif) repeat-x 0 0;}
#header .top_line{ height:42px;width:1200px; margin:0 auto;}
.top_line_box{width:1200px; margin:0 auto;}
.top_menu{color:#666;font-size:20px;padding-top: 13px;letter-spacing: -0.065em;  }
.top_menu .top_menu01{float:left; width:244px;}
.top_menu .top_menu01 li a{float:left;line-height:46px; height:46px;margin-left:20px;}
.top_head{display:block;height:85px;width: 1200px;margin: 0 auto;position:relative;}
.top_head h1{position:absolute;left:0;top:20px;z-index:999999999999;}
.top_head h2{position:absolute;right:0;top:1px;z-index: 999999999999;}
.top_head ul {width: 900px;position:absolute;left:200px;top:35px;}
.top_head ul li{float:left;}
.top_head ul li a{color:#333;font-size:18px;font-weight:500;letter-spacing:-1px;}
.top_head ul li:first-child{width:19%;}
.top_head ul li:nth-child(2){width:24%;}
.top_head ul li:nth-child(3){width:13%;}
.top_head ul li:nth-child(4){width:13%;}
.top_head ul li:last-child{width:13%;}


.top_menu02{color:#bababa; font-size:12px;float:left;width:168px;}
.top_menu02 li{float:left; line-height:46px; height:46px;margin-left:12px;}
.top_menu02 li.r_line{background:url(../image/common/top_line.gif) no-repeat 0 center;float:left; padding-left:12px; overflow:hidden;}




/*네비*/
/*	#navWrap{height:100px; overflow:hidden; position:absolute; width:100%; background:#fff;opacity:0.9; z-index:10000;}
	#navWrap h1{float:left;margin-top:18px;}
	#nav{width:1200px; overflow:hidden;position:absolute; left:50%;margin-left:-600px; }
	#nav > ul{width:860px; overflow:hidden;float:right; margin-top:50px; }
	#nav > ul > li{float:left;font-size:18px; font-weight:600;color:#4b4845;margin-left:85px;text-align:center; }
	#nav > ul > li a{color:#4c4845; letter-spacing:-0.09px;}*/

	/*서브메뉴*/
	#nav .snb{margin-top:40px;}
	#nav .snb li a{padding:4px 0; font-size:14px; display:block; text-align:center;}
	#nav .snb li a:hover{color:#0f7edb}

.main_visual{width:100%;position:relative;margin:0 auto;overflow:hidden;}

.main_visual_list{height:818px; }
.visual1{background:url(../image/main/visual_1.jpg) no-repeat center; }
.visual2{background:url(../image/main/visual_2.png) no-repeat center; }
.visual3{background:url(../image/main/visual_3.png) no-repeat center; }



#main_container{*margin-top:52px;}
/*
#container_box{width:100%; margin-top:-1px; overflow:hidden;  background:url(../image/main/con_bg.gif) repeat-x top center; }
#s_container_box{width:100%; margin-top:-1px; overflow:hidden;  background:url(../image/main/con_bg.gif) repeat-x top center; }
*/
#container_box{width:100%; margin-top:-1px; overflow:hidden;}
#s_container_box{width:100%; margin-top:-1px; overflow:hidden;}
.w_box{width: 1150px;margin: 0 auto;padding-top:0px;}

.notice_box{background:url('../image/main/notice_line.gif') no-repeat right; width:1100px; height:472px; margin:33px auto 0; overflow:hidden;}

.con_box{background:url('../image/main/con_line.jpg') no-repeat center 0px;height:299px;margin-bottom:50px;}

.con01{float:left;width:767px; height:298px; background:url('../image/main/banner_line.gif') no-repeat 1px -1px ;}
.con01 ul{padding:0 10px;}
.con01 ul li {width:362px;float:left;height:95px;padding-bottom: 18px;}
.con01 ul li p{margin-top: 18px;font-size:20px;color:#222;letter-spacing:-1.2px;font-weight:400;margin-bottom:10px;padding-left:130px;display:inline-block;}
.con01 ul li span.txt{color:#444;font-size:15px;letter-spacing:-1.2px;line-height:17px;padding-left:130px;display:inline-block;}
.con01 ul li:first-child{background:url('../image/main/list_01.gif') no-repeat center 0px;margin-right: 10px;}
.con01 ul li:nth-child(2){background:url('../image/main/list_02.gif') no-repeat left 0px;}
.con01 ul li:nth-child(3){background:url('../image/main/list_03.gif') no-repeat center 0px;margin-right: 10px;}
.con01 ul li:last-child{background:url('../image/main/list_04.gif') no-repeat left 0px;}


.con02{float:left;width:382px; height:298px; background:url('../image/main/banner_line.gif') no-repeat 1px -1px ;}
.con02 ul li a{width:127px;float:left;  text-align:center; font-size:14px; color:#55768c; font-weight:400;padding-top:65px;display:block; height:43px;padding-bottom:5px;}
.con02 ul li.banner01 a{background:url('../image/main/banner01_off.jpg') no-repeat center 0px;}
.con02 ul li.banner02 a{background:url('../image/main/banner02_off.jpg') no-repeat center 0px;}
.con02 ul li.banner03 a{background:url('../image/main/banner03_off.jpg') no-repeat center 0px;}
.con02 ul li.banner04 a{background:url('../image/main/banner04_off.jpg') no-repeat center 0px;}
.con02 ul li.banner05 a{background:url('../image/main/banner05_off.jpg') no-repeat center 0px;}
.con02 ul li.banner06 a{background:url('../image/main/banner06_off.jpg') no-repeat center 0px;}
.con02 ul li.banner01 a:hover{background:url('../image/main/banner01_on.jpg') no-repeat center 0px; color:#fff; font-weight:500;}
.con02 ul li.banner02 a:hover{background:url('../image/main/banner02_on.jpg') no-repeat center 0px; color:#fff; font-weight:500;}
.con02 ul li.banner03 a:hover{background:url('../image/main/banner03_on.jpg') no-repeat center 0px; color:#fff; font-weight:500;}
.con02 ul li.banner04 a:hover{background:url('../image/main/banner04_on.jpg') no-repeat center 0px; color:#fff; font-weight:500;}
.con02 ul li.banner05 a:hover{background:url('../image/main/banner05_on.jpg') no-repeat center 0px; color:#fff; font-weight:500;}
.con02 ul li.banner06 a:hover{background:url('../image/main/banner06_on.jpg') no-repeat center 0px; color:#fff; font-weight:500;}
.c_title{padding:10px 0px;margin:10px 10px 15px 10px;border-bottom:1px solid #ddd;background:url('../image/main/con_ico.gif') no-repeat right center;}
.c_title .txt{font-size:22px; letter-spacing: -2px;}


#footer{width:100%; background:#000; overflow:hidden; text-align:center;padding-bottom: 125px;}
.footer_top{ overflow:hidden; text-align:left;font-size:20px;width:1150px;margin:0 auto;}
.footer_top a{font-weight:500;letter-spacing:-2px;float:left; color:#8d9aaa; background:url('../image/common/footer_line.gif') no-repeat right center;padding:15px 10px 15px 0px;}
.footer_top a:last-child{background:none;    padding-left: 7px;}
address{width: 1150px; margin: 0 auto; text-align:left; color:#cbcaca; letter-spacing:-0.5px;}
address p{font-weight:500;padding-top:20px;font-size:15px;color:#fff;letter-spacing:-1.2px;line-height:20px;}
address p.add01{padding-top:15px;}
address p.add02{color:#fff;font-weight:500;}
small{color:#cbcaca;padding:5px; display:block; }
.top{position:absolute;left:50%; margin:-70px 0 0 510px}

/*quick*/
#quick{position:absolute; right:1px;  top:200px; z-index:200;}
#quick .q_list a{display:block;width:134px;padding-top:70px;height:30px;  text-align:center;overflow:hidden; border-top:1px solid #e5ecf6; border-left:1px solid #e5ecf6;  border-bottom:1px solid #e5ecf6;text-align:center; margin-top:-1px;}
#quick img{display:block;}
#quick .q_list .q_top{height:38px;background:#555555 ;padding:0;display:block; text-align:Center; line-height:41px;bordeR:0; clear:both}
#quick .q_banner a{float:left;height:44px;width:67px }


.pt50{padding-top:50px;}
.pt70{padding-top:70px;}

.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}

.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}

@font-face { 
font-family: 'Noto Sans KR';
font-style: normal; 
font-weight: 100; 
src: url(../font/NotoSansKR-Thin.woff2) format('woff2'), 
	 url(../font/NotoSansKR-Thin.woff) format('woff'), 
	 url(../font/NotoSansKR-Thin.eot) format('eot'); 
}

@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; font-weight: 300; 
src: url(../font/NotoSansKR-Light.woff2) format('woff2'), 
	 url(../font/NotoSansKR-Light.woff) format('woff'), 
	 url(../font/NotoSansKR-Light.eot) format('eot'); 
} 
	 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; font-weight: 400; 
src: url(../font/NotoSansKR-Regular.woff2) format('woff2'), 
	 url(../font/NotoSansKR-Regular.woff) format('woff'), 
	 url(../font/NotoSansKR-Regular.eot) format('eot');
}
	 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 500; 
src: url(../font/NotoSansKR-Medium.woff2) format('woff2'), 
	 url(../font/NotoSansKR-Medium.woff) format('woff'), 
	 url(../font/NotoSansKR-Medium.eot) format('eot'); 
} 
	 
@font-face { 
font-family: 'Noto Sans KR'; 
font-style: normal; 
font-weight: 700; 
src: url(../font/NotoSansKR-Bold.woff2) format('woff2'), 
	 url(../font/NotoSansKR-Bold.woff) format('woff'), 
	 url(../font/NotoSansKR-Bold.eot) format('eot');
}

@font-face {
font-family: 'Noto Sans KR';
font-style: normal; 
font-weight: 900; 
src: url(../font/NotoSansKR-Black.woff2) format('woff2'), 
	 url(../font/NotoSansKR-Black.woff) format('woff'), 
	 url(../font/NotoSansKR-Black.eot) format('eot'); 
}