@charset "euc-kr";

*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
img,iframe{max-width:100%}
img{height:auto;vertical-align:top}

/* wrap  border:1px solid red; .visual_wrap { position:relative; width:100%; height:395px; border-top:1px solid #a5a5a5;} */
.visual_wrap { position:relative; width:100%; }
.visual_wrap .vi_txt_box { position:absolute; top:150px; left:50%; margin-left:-480px; z-index:1; font-size:24px; font-weight:400; color:#000; }
.visual_wrap .vi_txt_box .vi_txt {font-size:42px; color:#ad711a; padding:0 0 14px 0; font-weight:600;}
.visual_wrap .vi_txt_box .vi_btn {position:relative; display:block; width:250px; height:40px; line-height:40px; margin:70px 0 0 10px; color:#888; font-size:12px; background:url('../images/common/btn_bg_arr01.gif') no-repeat left bottom; }
.visual_wrap .vi_txt_box .vi_btn:hover { color:#000;}

#wrap {width:100%; margin:0; padding:0;}
.width { position:relative; width:100%; max-width:1250px; margin:0 auto;}
 
/* content */
#content { position:relative; width:100%; max-width:1202px; margin:0 auto; }

.tit_box { text-align:center; font-size:13px; co :#515151; padding:38px 0 25px 0;}
.tit_box .tit{ display:inline-block; font-size:24px; color:#3b3535; padding-bottom:12px; margin-bottom:12px; font-weight:600; border-bottom:1px solid #ddd;}

.cs01 { position:relative; padding-bottom:50px; }
.cs01 ul {width:100%; overflow:hidden;}
.cs01 ul li { width:23%; float:left; text-align:center;}
.cs01 ul li .lay01 { padding-bottom:9%;}
.cs01 ul li a { position:relative; display:block; }
.cs01 ul li.st02 { width:54%; }
.cs01 ul li.st02 a {padding:0 0.5em;}
.cs01 ul li .tit { font-size:14px; color:#4e4e4e; padding:10px 0 10px 0; }
.cs01 ul li .icon_update { position:absolute; top:0; left:0.5em;}

.cs01 ul li a:hover .tit { color:#281c47;}
.cs01 ul li a:hover .txt { color:#000;}
.cs01 ul li a:hover .btn_more { background:url('../images/common/btn_more_on.png') no-repeat 0 0;}


.cs02 {position:relative; width:100%; padding:0 0 40px 0; text-align:center; border-top:1px solid #eee;}
.cs02 .lay {overflow:hidden; margin:20px 0; }
.cs02 .st01 { margin:0 0 20px 0;}
.cs02 .st01 .tit_pd {background:url('../images/main/bg01.gif') repeat left -5px;}
.cs02 .st02 .tit_pd {background:url('../images/main/bg02.gif') repeat left -5px;}
.cs02 .st03 .tit_pd {background:url('../images/main/bg03.gif') repeat left -5px;}
.cs02 .st04 .tit_pd {background:url('../images/main/bg04.gif') repeat left -5px;}
.cs02 .st02 .tit_pd a, .cs02 .st03 .tit_pd a { color:#fff;} 


.cs02 .tit_pd {  display:table; float:left; width:17%; }
.cs02 .tit_pd a {display:table-cell; vertical-align:middle; padding:48% 0; min-height:44px; font-size:22px; font-weight:600; }

.cs02 .lay > ul { float:left; width:82.6%; margin:0 auto; padding-left:0.4%; }
.cs02 .lay > ul > li { float:left; width:31%; margin:0 0 0 2%; display:block;}
.cs02 .lay > ul li.st02 {width:30%; margin:0 5%;} 
.cs02 .lay > ul li a { display:block; }
.cs02 .lay > ul li ul { float:none; width:100%; text-align:center;}
.cs02 .lay > ul li ul li { padding:12px 2px; }
.cs02 .lay > ul li .tit {padding:8px 0; }

.cs02 .lay > ul li img { width:100%; box-sizing:border-box;}
.cs02 .lay > ul li a:hover .img__ { border:2px solid #88ffe5;}

.cs02 .lay > ul li dl { background:url('../images/common/btn_more01.png') no-repeat right 10px; }
.cs02 .lay > ul li dl dt { font-weight:600; font-size:18px; color:#2d2d2d; padding:10px 2px 5px 2px; }
.cs02 .lay > ul li dl dd { font-size:16px; color:#545454; padding:0 5px 0 2px; }

/* bank ³»¿ë Ä¿¸ÕÆÄÀÏ¿¡ ÀÖÀ½ */
.cs02 ul li.st03 .bank { padding: 22px 14px 10px 23px;}
.cs04 .tit { background:#3b78f9; font-size:18px; color:#fff; padding:15px; text-align:center;}
.cs04 .map { width:100%; height:456px; background:url(../images/main/map.gif) no-repeat center 0;}


/* ±âº»Çü
@media screen and (max-width:1024px) {
	
}

@media screen and (max-width:850px) {	
	
}

@media screen and (max-width:768px) {
	
}

@media screen and (max-width:600px) {
	
}

@media screen and (max-width:480px) {
	
}

@media screen and (max-width:320px) {
	
}
*/
	

@media all and (max-width:840px) {
	.cs01 ul li .lay01 { padding-bottom:0;}
	 	
	.cs02 .tit_pd { float:none; width:98%; margin:2% auto;}
	.cs02 .tit_pd a { display:none; padding:10px 0; min-height:0;}
	.cs02 .tit_pd .min_840 { display:block;}
	.cs02 .lay > ul { width:98%;}
	
}
@media all and (max-width:640px) { 
.cs01 ul li.st01 { display:none;}
.cs01 ul li.st02 { width:100%;}
.cs01 ul li.st03 { width:100%;}

	.cs02 .lay > ul > li { width:48%;}
	.cs02 .lay > ul > li:last-child { display:none;}
}

@media all and (max-width:460px) { 
	.cs02 .lay > ul > li { display:block; width:97%;}
	.cs02 .lay > ul > li:last-child { display: block;}
	.cs02 .lay > ul li .tit {padding:8px 0 15px 0; }
}


@media all and (min-width:841px) {
.cs02 .tit_pd .min_840 { display:none;}
}
@media all and (min-width:840px) and (max-width:1120px) {
	.cs01 ul li .lay01 { padding-bottom:0;}	
	
	}

/* Desktop */ 
@media all and (min-width:1120px) { 
.cs02 .tit_pd { height:256px; }
}