@charset "utf-8";
@import "style2.css";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

/* element 여백 초기화 */
html, body,
div, span,
dl, dt, dd, ol, ul, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin:0; 
	padding:0;
	border:0;
	outline:0;	
	}
/* 링크 */
a {text-decoration:none;color:#666;}
a:link, a:visited {text-decoration:none;color:#666;}
a:hover, a:focus, a:active {text-decoration:none;}

/* remember to define focus styles*/
:focus { outline:0; }		
	
/* 테두리 없애기 */
fieldset, img, abbr, acronym { border:0 none; display:block;}

/* 목록 */
ol, ul, li { list-style:none; }

/* 제목 요소 */
h1, h2, h3, h4, h5, h6 { 
	font-size:100%;
	font-weight:normal;
	}

/* 텍스트 초기화 */
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* CSS Document */
body {
	padding:0;
	margin:0;
	width:100%;
	font-family:Noto Sans KR;
	font-style:normal;
	font-size:14px;
	color:#555;	
	letter-spacing:-0.03em;
	min-width:1400px;
}


.f_left { float:left; }
.f_right { float:right; }

.pl20 {  padding-left:20px; }
.pr10 {  padding-right:10px; }
.pr15 {  padding-right:15px; }
.pr20 {  padding-right:20px; }
.pr30 {  padding-right:30px; }
.pr50 {  padding-right:50px; }
.pt10 {  padding-top:10px; }
.pt20 {  padding-top:20px; }
.pt25 {  padding-top:25px; }
.pt30 {  padding-top:30px; }
.pb5 {  padding-bottom:5px; }
.pb10 {  padding-bottom:10px; }
.pb15 {  padding-bottom:15px; }
.pb20 {  padding-bottom:20px; }
.pb30 {  padding-bottom:30px; }
.pb40 {  padding-bottom:40px; }
.mt5 { margin-top:5px; }
.mt8 { margin-top:8px; }
.mt10 { margin-top:10px; }
.mt12 { margin-top:12px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }
.mt70 { margin-top:70px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb12 { margin-bottom:12px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.mr5 { margin-right:5px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }

/*clear*/
.clearfix {zoom:1;}
.clearfix:after { /*float 리셋부분*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content: "";
	}
	
#wrap  {  width:100%; position:relative; overflow:hidden; }	

/* header */
#header { position:relative; background-color:#fff; z-index:999; border-bottom:3px solid #3d8f87;}
#header .top_area { width:1200px; height:110px; margin:0 auto; }
#header .top_area:after { content:""; display:block; clear:both; }
#header .top_area .top_logo { float:left; z-index:9999; margin-top:28px; }

#header .top_area nav { float:right; /*width:880px;*/ border:0px solid red; }
#header .top_area nav:before { visibility:hidden; position:absolute; top:110px; left:0; width:100%; height:190px; background:url("../images/over_menu.png"); content:"";  border-top:3px solid #3d8f87; }
#header .top_area nav .main_menu { margin-top:20px; }
#header .top_area nav .main_menu .mn_a { position:relative; float:left; padding-left:70px; }
#header .top_area nav .main_menu .mn_a a.dapth1 { line-height:90px; }
#header .top_area nav .main_menu .mn_a a { display:block; height:90px; color:#333; font:500 18px 'Noto Sans KR'; }
#header .top_area nav .main_menu .mn_a:before { position:absolute; width:0; top:90px; border-bottom:2px solid #333; content:""; transition:.3s; }
#header .top_area nav .main_menu .mn_a:hover > a { color:#1181c9; font-weight:600; }
#header .top_area nav .main_menu .mn_a:hover:before { /*width:80px;*/ }

#header .top_area nav:hover:before,
#header .top_area nav:hover .main_menu .mn_a .mn_b { visibility:visible; }
#header .top_area nav .main_menu .mn_a .mn_b { visibility:hidden; position:absolute; top:110px; left:0; width:100%; padding-top:0px; text-align:center; padding-left:60px;}
#header .top_area nav .main_menu .mn_a .mn_b a { padding:7px 0; height:auto;color:#555; font:400 15px 'Noto Sans KR'; }
#header .top_area nav .main_menu .mn_a .mn_b a:hover { color:#1181c9; text-decoration:underline;}

.lnb { float:right; }
.lnb ul { }
.lnb ul li { float:left; display:inline; font:400 13px 'Noto Sans KR'; padding-left:20px; line-height:40px; }
.lnb ul li a { color:#fff; }



/* main contents */
#main_contents { width:100%; position:relative; }


/* main visual */
#main_visual { width:100%; height:650px; background-color:#eee; overflow:hidden;  }
#main_visual .visual { width:100%; height:650px; background:url("../images/main_visual_01.jpg") no-repeat top center;}

.main_1 { width:1200px; margin:0 auto; padding:30px 0 45px 0; overflow:hidden; }
.main_1 .left { float:left; padding-top:35px;  }
.main_1 .left .txt1 { font:400 47px 'Noto Sans KR'; line-height:52px; color:#888; padding-bottom:40px; }
.main_1 .left .txt2 { font:300 18px 'Noto Sans KR'; color:#222; }
.main_1 .right { float:right; }

.main_2 { width:1200px; margin:0 auto; padding:30px 0 40px 0; overflow:hidden; }

.main_bbs { width:290px; height:250px; float:left;}
.line { float:left;  height:250px; border-right:1px solid #d4d4d4; padding-left:28px; margin-right:30px;  }
.bnicon { float:right; }
.bnicon img { float:left; }


.main_3_bg { width:100%; background-color:#f4f4f4; }
.main_3 { width:1200px; margin:0 auto; overflow:hidden; }
.main_3 .left { float:left; }
.main_3 .left .box1 { width:440px; height:290px; background:url(../images/main3-1-img.jpg) no-repeat center top; }
.main_3 .left .box1 .btn { position:relative; top:195px; left:63px; }
.main_3 .left .box1 .btn img { float:left; padding-right:1px; }
.main_3 .right { float:right; }
.main_3 .right .box2 { width:760px; height:580px; background:url(../images/main3-3-img.jpg) no-repeat center top; }
.main_3 .right .box2 .btn { position:relative; top:370px; left:80px; }


#subWrap { width:100%; margin:0 auto; overflow:hidden; background-color:#fff; }

/* sub visual */
.sv { width:100%; height:240px; background-color:#000; border-bottom:1px solid #ccc; }
.sub1 { width:100%; height:240px; background:url('../images/sub_visual_01.jpg') center top no-repeat;}
.sub2 { width:100%; height:240px; background:url('../images/sub_visual_01.jpg') center top no-repeat;}
.sub3 { width:100%; height:240px; background:url('../images/sub_visual_01.jpg') center top no-repeat;}
.sub4 { width:100%; height:240px; background:url('../images/sub_visual_01.jpg') center top no-repeat;}
.sub5 { width:100%; height:240px; background:url('../images/sub_visual_01.jpg') center top no-repeat;}
.sub6 { width:100%; height:240px; background:url('../images/sub_visual_01.jpg') center top no-repeat;}

.sv .subttb { font:500 35px 'Noto Sans KR'; color:#595543; letter-spacing:0em; text-align:center; padding-top:75px; }

.sub_menu { width:1200px; margin:0 auto; }
.tb_smenu { width:100%; background-color:#fff; margin:0 auto; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.tb_smenu td { width:33%; height:50px; line-height:50px; border-right:1px solid #ccc; text-align:center; color:#333; font:400 16px 'Noto Sans KR'; }
.tb_smenu td:hover { background-color:#f4f4f4; color:#3d8f87; cursor:pointer; }
.tb_smenu td.on { background-color:#3d8f87; color:#fff; font-weight:bold; }

.s_title { width:1200px; margin:0 auto; font:400 28px 'Noto Sans KR'; color:#333; text-align:center;  padding-top:40px; padding-bottom:20px;}

/* sub contents */

#sub_contents { width:100%; margin:0 auto; margin-bottom:80px;  }
#sub_contents  .s_con { width:1200px; margin:0 auto; min-height:160px; background-color:#fff; text-align:left; font-size:17px;  line-height:27px; padding-top:70px; }



/* footer */ 
#footerWrap { clear:both; width:100%; background-color:#3a4443; }
#footerWrap #footer { width:1200px; margin:0 auto; padding-top:30px; padding-bottom:30px; overflow:hidden; text-align:center;  }
#footerWrap #footer .add { font-size:14px; color:#bbb; line-height:160%;}
#footerWrap #footer .add span { padding-left:10px; padding-right:10px; font-size:10px; color:#666; }
#footerWrap #footer .copy { font-size:12px;  line-height:200%; color:#999;}

/* 내용 */
.table_01 { border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4;}
.table_01 th { border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; background-color:#edf5f7; color:#444; padding:10px 0; font-weight:500; font-size:16px; text-align:center;}
.table_01 td {border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; padding:10px 20px; text-align:center; font-size:16px;}

.table_02 { border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4;}
.table_02 th { border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; background-color:#f4f4f4; color:#444; padding:10px 0; font-weight:500; font-size:16px; text-align:center;}
.table_02 td {border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; padding:10px 20px; text-align:center; font-size:16px;}

.table_03 { border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4;}
.table_03 th { border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; background-color:#f4f4f4; color:#444; padding:10px 50px; font-weight:500; font-size:16px; text-align:left;}
.table_03 td {border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; padding:10px 50px; text-align:left; font-size:16px;}

.txt17b { font:500 17px 'Noto Sans KR'; }
.txt18 { font:400 18px 'Noto Sans KR'; }
.txt20 { font:400 20px 'Noto Sans KR'; }
.txt20b { font:500 20px 'Noto Sans KR'; }
.txt22b { font:500 22px 'Noto Sans KR'; }
.txt26b { font:500 26px 'Noto Sans KR'; }
.txt30 { font:400 30px 'Noto Sans KR'; }
.txt30b { font:500 30px 'Noto Sans KR'; }


.c_red { color:#df0000; }
.c_pink { color:#dd4764; }
.c_green { color:#13870d; }
.c_blue { color:#0776bd; }
.c_blue2 { color:#0b92b4; }
.c_grey8 { color:#888; }
.c_grey9 { color:#999; }
.c_white { color:#fff; }
.c_bk1 { color:#111; }
.c_bk2 { color:#222; }
.c_bk3 { color:#333; }

.box_grey { background-color:#f4f4f4; padding:30px; }
.box_blue { background-color:#edf5f7; padding:30px; }
.box_green { background-color:#65b00c; padding:30px; color:#fff;}
.box_rd_green { background-color:#78bc26; padding:12px 30px; border-radius:70px; text-align:center; color:#fff; font:500 22px 'Noto Sans KR'; }
.box_yellow { background-color:#f5e3b8; /*border-radius:35px;*/ text-align:center; color:#333; font:500 17px 'Noto Sans KR'; padding:15px 20px; width:350px; }

.box_rd_bl { background-color:#edf5f7; border-radius:35px; text-align:center; color:#444; font:500 18px 'Noto Sans KR'; padding:15px 20px; width:150px; }
.box_rd_gr { background-color:#f0f7e8; border-radius:35px; text-align:center; color:#444; font:500 18px 'Noto Sans KR'; padding:15px 20px; width:150px; }
.box_rd_ye { background-color:#f5e3b8; border-radius:35px; text-align:center; color:#444; font:500 18px 'Noto Sans KR'; padding:15px 20px; width:350px; }

.s_con h3.tit { font:500 26px 'Noto Sans KR'; color:#0776bd; padding-bottom:15px; }



/* */

.info { position:relative; height:500px; }
.infobox { position:absolute; z-index:9999; border:8px solid #49a936; width:640px; right:0; top:85px; }
.infoboxcon { padding:40px 30px 55px 100px; }

.history {  width:750px; background-color:#f8f8f8; padding:30px 50px 10px 70px; }
.history dl {  overflow:hidden; height:50px; }  
.history dl dt { float:left; width:160px; color:#999; font-weight:500; font-size:18px; border-right:1px solid #bbb;} 
.history dl dd { float:left; color:#222; padding-left:50px; }  

.Htit { font:600 38px 'Noto Sans KR'; color:#65b00c; }
.sline1 { width:25px; height:3px; margin-top:20px; background-color:#78bc26; }

.step { overflow:hidden; margin-bottom:30px;}
.step li { float:left; text-align:center; color:#111; padding:12px; border:1px solid #ccc; margin-right:28px; }
.step li.last { margin-right:0; }
.step li img { padding-bottom:5px; }

.prog { overflow:hidden; }
.prog ul { float:left; width:330px; border-right:1px solid #ddd;}
.prog ul li { padding:10px; }