@charset "utf-8";
/* reset */
@import url(reset.css);
@charset "euc-kr";
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700'); /*Nanum Myeongjo*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap');

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 


html, body, div, span,iframe,
h1, h2, h3, p,
a, address,
img, strong,
ol, ul, li,
form, label, legend, table
{
	font-family:  'Noto Sans KR', sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.7;
	outline:none;
	vertical-align: baseline;
	color:#1e2636;
	font-weight:inherit;
	font-size: 14px;
	height:100%;
}
textarea, input{font-family:  'Noto Sans KR', sans-serif;}
ol, ul, li {list-style:none;}
img{
	outline:none;
	border-width:0;
	margin:0;
	padding:0;
}


#header{
	position:relative;
	width:100%;
	height:40px;
	background:#f4f5f7;
	font-size: 14px;
	overflow:hidden;
	border:0px solid red;
}

#header ul.util_r{
	position:absolute;
	top:8px;
	left:1090px;
	width:580px;
	height:40px;
	overflow:hidden;
}
#header ul.util_r li{
	float:left;
	width:auto;
	height:25px;
	background:url(../images/common/navi_menubar.png) 0 50% no-repeat;
	padding-left:20px;
	padding-right:20px;
}

#header ul.util_r li:first-child{ 
	background:none;
}


#header ul.util_l a,
#header ul.util_r a{
	display:block;
	text-decoration:none;
	color:#333;
	font-size:14.5px;
	font-weight:500;
	line-height:1.8;
	text-align: center;
}

#whatpage{
	width:0;
	height:0;
	font-size:0;
	position:absolute;
	left:-9999px;
}
.hide{
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	position:absolute;
	left:-9999px;
}

/*header*/
#h{
	position:relative;
	height:100px;
	background:#3f506b;
	overflow:hidden;
}

#h>.logo{
	position:absolute;
	top:10px;
	left:290px;
	z-index: 999999999;
}
#h>.logo a{
	display:block;
	width:200px;
	height:80px;
	background:url(../images/common/logo.png) no-repeat 50% 50%;
}

#h>.wrap-lv1{
	position:relative;
	width:100%;
	height:100px;
	text-align:center;
	border:0px solid red;
}
#h .nav-lv1{
	position:relative;
	top:43px;
	left:920px;
	width:750px;
	height:100px;
	table-layout:fixed;
	text-align:center;
	vertical-align:middle;
}
#h .nav-lv1 li{
	overflow:hidden;
	float:left;
}
#h .nav-lv1 li:first-child{
	background:none;
	}
#h .nav-lv1 li a{
	position:relative;
	display:inline-block;
	*display:inline;
	zoom:1;
	height:100px;	
	padding-left:26px;
	padding-right:26px;
	line-height:3.2;
	text-decoration:none;
	font-weight:400;
	font-size:17px;		
	letter-spacing:-0.05em;
	color:#fff;
}
#h .nav-lv1 .last a{

}
#h .nav-lv1 li a:hover{
	color:#b0d6f2;
	font-weight:400;
}

#h-bot-wrap{
	height:0;
}
#h-bot{
	z-index:9998;
	position:relative;
	display:block;
	width:100%;
	height:40px;
	background:#fff;
}
#h-bot .wrap-lv2{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:40px;
}
#h-bot .wrapinner-lv2{
	top:0;
	left:0;
	display:block;
	width:100%;
	height:40px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	background:#fff;
}
#h-bot .wrapinner-lv2 ul{
	border:0px solid red;
	height:40px;
	}
#h-bot .wrapinner-lv2 ul li{
	float:left;
	height:40px;
	line-height:1.6;
	background:url(../images/common/navi_menubar.png) 0 62% no-repeat;
	}
#h-bot .wrapinner-lv2 ul li:first-child{
	float:left;
	height:40px;
	line-height:1.6;
	background:none;
	}	
#h-bot .wrapinner-lv2 ul li a{
	display:block;
	padding:12px 19px;
	font-weight:400;
	width:100%;
	height:100%;
	line-height:1.6;
	color:#444;
	font-size:14.5px;
	text-decoration:none;
	}
#h-bot .wrapinner-lv2 ul li a:hover{	
	color:#222;
	font-weight:500;
	text-decoration:none;
}


#wrapper{
	width:100%;
	height: auto;
}

/*메인롤링*/
.erk-cycle-v01{
	clear:both;
	position:relative;
	width:100%;
	height:750px;
	overflow:hidden
}
.erk-cycle-v01 .con{
	z-index:10;
	height:750px;
	border:0px solid red;
}
.erk-cycle-v01 .con .item{
	width:100%;
	height:100%;
	color:#fff;
	font-size:30px;
	background-position:50% 0;
}
.erk-cycle-v01 .con .item a{
	display:block;
	width:1400px;
	height:750px;
	margin:0 auto;
	text-indent:-99999px;
	}
.erk-cycle-v01 .ctr-dir{
	z-index:10;
	position:absolute;
	left:0;
	top:700px;
	width:100%;
	text-align:center;
}
.erk-cycle-v01 .ctr-dir a{
	display:inline-block;
	*display:inline;
	zoom:1;
	width:20px;
	height:20px;
	margin-right:12px;
	border-radius:15px;
	background:#fff;
	text-decoration:none;	
	text-indent:-9999px;
	*text-indent: 0;
	*font-size: 0;
	*line-height: 0;
}
.erk-cycle-v01 .ctr-dir a.activeSlide,
.erk-cycle-v01 .ctr-dir a:hover{
	background:#1876b8;
}
.erk-cycle-v01 .ctr-pn{
}
.erk-cycle-v01 .ctr-pn .prev,
.erk-cycle-v01 .ctr-pn .next{
	z-index:20;
	position:absolute;
	top:0;
	display:block;
	width:100px;
	height:100%;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:0 50%;
	text-indent:-9999px;
	*text-indent: 0;
	*font-size: 0;
	*line-height: 0;	
}
.erk-cycle-v01 .ctr-pn .prev{
	left:80px;
	background-image:url(../images/main/bg-prev.png);
}
.erk-cycle-v01 .ctr-pn .next{
	right:50px;
	background-image:url(../images/main/bg-next.png);
}


/*main_row1*/
#main_row1{
	position:relative;
	width:100%;
	height:260px;
	background:#fff;
	overflow:hidden;
	}
#main_row1 ul{
	width:1150px;
	height:180px;
	margin:55px auto 0 auto;
	border:0px solid red;
	}
#main_row1 ul li{
	float:left;
	width:150px;
	height:150px;
	background: #f2f2f2;
    border-radius: 25px;
    margin-right: 50px;
    overflow: hidden;
	}	
#main_row1 ul li:last-child{
	margin-right:0;
	}
#main_row1 ul li a{
	display: block;
	position:relative;
	top:15px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.03em;
    text-align: center;
    color: #1e1e1e;
	}
#main_row1 ul li img{
	width:60px;
	height:80px;
	margin:auto;
	display: block;
}	

/*main_row2*/
#main_row2{
	position:relative;
	width:100%;
	height:310px;
	margin:0 auto;
	margin-bottom: 40px;
	overflow:hidden;
	}
#main_row2 div.wrap{
	width:1320px;
	height:310px;
	margin:0 auto;
	overflow:hidden;
	border:0px solid red;

	}
#main_row2 div.wrap div.depth1{
	position: relative;
	float:left;
	width:300px;
	height:300px;
	background:#ff662e;
	margin-right:35px;
	overflow:hidden;
	}
#main_row2 div.wrap div.depth2{
	position:relative;
	float:left;
	width:470px;
	height:300px;
	background:#3c74cf;
	margin-right:35px;
	overflow:hidden;
	}
#main_row2 div.wrap div.depth3{
	position:relative;
	float:left;
	width:470px;
	height:300px;
	border:1px solid #e2e2e4;
	background:#fff;
	overflow:hidden;
	}
	
#main_row2 div.wrap div.depth1 img{
	position:absolute;
	border:0px solid red;
	top:30px;
	left:30px;
	width:50px;
	height:83px;
}		
#main_row2 div.wrap div.depth1 h3{
	position:absolute;
	border:0px solid red;
	top:45px;
	left:95px;
	width:200px;
	height:auto;
	font-size:35px;
	font-weight:500;
	letter-spacing:-1px;
	color:#fff;
	line-height:1;
}
#main_row2 div.wrap div.depth1 h3 span{
	position:absolute;
	border:0px solid red;
	top:50px;
	left:5px;
	height:auto;
	font-size:13px;
	font-weight:300;
	letter-spacing:-1px;
	color:#fff;
	line-height:1;
}	
#main_row2 div.wrap div.depth1 h2{
	position:absolute;
	border:0px solid red;
	top:140px;
	left:30px;
	width:200px;
	font-family: 'Montserrat', sans-serif;
	font-size:50px;
	font-weight:300;
	color:#fff;
	line-height:1;
}
#main_row2 div.wrap div.depth1 h2 span{
	position:absolute;
	border:0px solid red;
	top:60px;
	left:2px;
	font-family: 'Montserrat', sans-serif;
	font-size:55px;
	font-weight:600;
	color:#fff;
	line-height:1;
}			

#main_row2 div.wrap div.depth2 img{
	position:absolute;
	border:0px solid red;
	top:63px;
	left:70px;
	width:64px;
	height:54px;
}	
#main_row2 div.wrap div.depth2 h3{
	position:absolute;
	border:0px solid red;
	top:55px;
	left:155px;
	height:auto;
	font-family: 'Montserrat', sans-serif;
	font-size:55px;
	font-weight:400;
	letter-spacing:-2px;
	color:#fff;
	line-height:1;
}

#main_row2 div.wrap div.depth3 h3{
	position:absolute;
	border:0px solid red;
	width:140px;
	height:40px;
	top:25px;
	left:30px;
	font-size:32px;
	font-weight:600;
	letter-spacing:-0.03em;	
	line-height:1;
	}

#main_row2 div.wrap div.depth2 ul{
	position:absolute;
	top:170px;
	left:40px;
	width:400px;
	height:120px;
	border:0px solid red;
	overflow:hidden;
	}	
#main_row2 div.wrap div.depth2 ul li{

	width:240px;
	height:80px;
	margin: 0 auto;
	background:#1e3a67;
	}
#main_row2 div.wrap div.depth2 ul li.last{
	margin-right:0;
	}
#main_row2 div.wrap div.depth2 ul li a{
	display:block;
	width:210px;
	height:auto;
	color:#fff;
	font-size:16px;
	font-weight:400;
	text-align:left;
	text-decoration:none;
	padding: 12px 0 0 20px;
	background-image:url(../images/main/dep2_ar1.png);
	background-position:93% 51px;
	background-repeat:no-repeat;
	line-height: 1.1;
	letter-spacing:-0.05em;
	}
#main_row2 div.wrap div.depth2 ul li a:hover{
	background-image:url(../images/main/dep2_ar2.png);
	background-position:93% 51px;
	background-repeat:no-repeat;
	}	
#main_row2 div.wrap div.depth2 ul li a span{
	display:block;
	color:#ffe119;
	font-size:20px;
	font-weight:500;
	text-align:left;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:0 0;
	letter-spacing:-0.05em;
	}	
	
#main_row2 div.wrap div.depth3 a.morebtn{
	position:absolute;
	top:18px;
	right:30px;
	display:block;
	color:#aeb5bc;
	text-decoration:none;
	font-size:50px;
	font-weight:600;
	line-height:1;
	}
#main_row2 div.wrap div.depth3 ul{
	position:absolute;
	top:80px;
	left:25px;
	width:415px;
	height:140px;
	border:0px solid red;
	}	
#main_row2 div.wrap div.depth3 ul li{
	width: 100%;
    height: 40px;
    border-bottom: 1px solid #e0e3e8;
    text-indent: 5px;
	background:url(../images/main/depth3_notice_dot.png) 10px 50% no-repeat;
	}
#main_row2 div.wrap div.depth3 ul li a{
	font-size:16px;
	font-weight:400;
	line-height:2.5;
	padding-left:25px;
	text-decoration:none;
	text-align:left;
	letter-spacing: -0.05em;
	color:#333;
	}
#main_row2 div.wrap div.depth3 ul li a:hover{
	color:#000;
	}	
	
/*main_row3*/
#main_row3{
	position:relative;
	width:100%;
	height:390px;
	margin:0 auto;
	margin-bottom: 80px;
	overflow:hidden;
	}
#main_row3 div.wrap{
	width:1320px;
	height:390px;
	margin:0 auto;
	overflow:hidden;
	border:0px solid red;
	}	
#main_row3 div.wrap div.depth1{
	position:relative;
	float:left;
	width:660px;
	height:380px;
	background:#f5f5f5;
	overflow:hidden;
	}
#main_row3 div.wrap div.depth2{
	position:relative;
	float:left;
	width:660px;
	height:380px;
	background:#2c53b0;
	overflow:hidden;
	}	
#main_row3 div.wrap div.depth1 h3{
	position:absolute;
	border:0px solid red;
	width:600px;
	height:40px;
	top:50px;
	left:50px;
	font-size:32px;
	font-weight:600;
	letter-spacing:-0.03em;	
	line-height:1;
}
#main_row3 div.wrap div.depth2 h3{
	position:absolute;
	border:0px solid red;
	width:600px;
	height:40px;
	top:50px;
	left:50px;
	color:#fff;
	font-size:32px;
	font-weight:600;
	letter-spacing:-0.03em;	
	line-height:1;
	}
#main_row3 div.wrap div.depth1 a.morebtn{
	display:block;
	color:#a6a6a6;
	text-decoration:none;
	font-size:32px;
	font-weight:500;
	text-align: center;
	line-height:0.9;
	
	position: absolute;
    top: 45px;
    right: 50px;
	width: 30px;
    height: 30px;
	border:4px solid #a6a6a6;
	border-radius:50%;
    z-index: 9999;
	}	
#main_row3 div.wrap div.depth1 a.morebtn:hover{
	color:#fff;
	background:#1e2636;
	border:4px solid #1e2636;
	border-radius:50%;
    z-index: 9999;
	}	
#main_row3 div.wrap div.depth1 ul{
	position:absolute;
	top:80px;
	left:50px;
	width:450px;
	height:auto;
	margin-top:30px;
	}	
#main_row3 div.wrap div.depth1 ul li{
	width:100%;
    height: auto;
    text-indent: 5px;
	margin-bottom:28px;
	}
#main_row3 div.wrap div.depth1 ul li:last-child{
	margin-bottom:0;
	}	
#main_row3 div.wrap div.depth1 ul li a{
	/*text-decoration:none;
	text-align:left;
	letter-spacing: -0.05em;
	color:#333;*/
	text-decoration:none;
	width: 100%;
    height: auto;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	}
#main_row3 div.wrap div.depth1 ul li a:hover{
	color:#000;
	}	
#main_row3 div.wrap div.depth1 ul li a p.data_title{
    width:100%;
	height:auto;
    font-size:20px;
    font-weight:600;
    color:#1e2636;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}	
#main_row3 div.wrap div.depth1 ul li a p.data_txt{
    width:500px;
	height:21px;
    font-size:15px;
    font-weight:400;
    color:#1e2636;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
#main_row3 div.wrap div.depth2 a.morebtn1{
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:24px;
	font-weight:500;
	text-align: center;
	line-height:1.2;
	
	position: absolute;
    top: 120px;
    right: 60px;
	width: 30px;
    height: 30px;
	border:3px solid #fff;
	border-radius:50%;
    z-index: 9999;
	}
#main_row3 div.wrap div.depth2 a.morebtn2{
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:24px;
	font-weight:500;
	text-align: center;
	line-height:1.2;
	
	position: absolute;
    top: 205px;
    right: 60px;
	width: 30px;
    height: 30px;
	border:3px solid #fff;
	border-radius:50%;
    z-index: 9999;
	}	
#main_row3 div.wrap div.depth2 a.morebtn3{
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:24px;
	font-weight:500;
	text-align: center;
	line-height:1.2;
	
	position: absolute;
    top: 290px;
    right: 60px;
	width: 30px;
    height: 30px;
	border:3px solid #fff;
	border-radius:50%;
    z-index: 9999;
	}	
#main_row3 div.wrap div.depth2 a.morebtn1:hover,
#main_row3 div.wrap div.depth2 a.morebtn2:hover,
#main_row3 div.wrap div.depth2 a.morebtn3:hover
{
	color:#2c53b0;
	background:#fff;
	border:2px solid #fff;
	border-radius:50%;
    z-index: 9999;
	}	
#main_row3 div.wrap div.depth2 ul{
	position:absolute;
	top:80px;
	left:50px;
	width:450px;
	height:auto;
	margin-top:30px;
	}	
#main_row3 div.wrap div.depth2 ul li{
	width:100%;
    height: auto;
    text-indent: 5px;
	margin-bottom:28px;
	}
#main_row3 div.wrap div.depth2 ul li:last-child{
	margin-bottom:0;
	}	
#main_row3 div.wrap div.depth2 ul li a{
	text-decoration:none;
	text-align:left;
	letter-spacing: -0.05em;
	color:#333;
	}	
#main_row3 div.wrap div.depth2 ul li a p.data_title{
    width:100%;
	height:auto;
    font-size:20px;
    font-weight:600;
    color:#fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}	
#main_row3 div.wrap div.depth2 ul li a p.data_txt{
    width:500px;
	height:21px;
    font-size:15px;
    font-weight:400;
    color:#fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}	

.copy_banner {display:block; width:100%; height:200px; background:#f9f9f9;}
.copy_banner .cb_list ul {width:1160px; height:auto; margin:0 auto; padding:18px 0;}
.copy_banner .cb_list ul li {padding:10px 20px; float:left; width:190px; height:60px;}
.copy_banner .cb_list ul li a {display:block; width:180px; height:inherit; border:1px solid #ebebeb; font-size:0; line-height:0; text-align:center;}
.copy_banner .cb_list ul li a::before {display:inline-block; width:0; height:100%; content:''; vertical-align:middle;}
.copy_banner .cb_list ul li a img {display:inline-block; width:180px; height:60px; vertical-align:middle; margin:0 auto;}