@charset "utf-8";
/* CSS Document */

@font-face{
font-family:"Nanum";
src: url('/saintsrs2015/font/NanumGothic.eot');
src:local(※), url('/saintsrs2015/font/NanumGothic.woff') format('woff')
}
@font-face{
font-family:"NanumGothicBlod";
src: url('/saintsrs2015/font/NanumGothicBold.eot');
src:local(※), url('/saintsrs2015/font/NanumGothicBold.woff') format('woff')
}

body, div, span, select, p, input, textarea, table, td, th, a, dd, dt, li, h2, h3, h4 {
	font-family:"Nanum","나눔고딕", "NanumGothic",  "Arial";
	font-size:14px; line-height:20px; color:#666;
}

/*vlsual*/
#visual {
	width:100%; height:501px;
}
#visual li {
	width:100%; height:501px; background-repeat:no-repeat; background-position:center top;
}
#visual .visual1 {
	text-align:center; background-image:url(../images/main/main01.jpg);
}

/*content01*/
#content{
	width:100%; 
}
#content #con_01{
	width:100%; height:184px; border-top:5px solid #f1f1f1; background-color:#f4f4f4;
}
#content #con_01 ul{
	width:1140px; height:314px; margin:auto; padding-top: 38px;
}
#content #con_01 ul li{
	float:left;  
}

#content #con_01 ul .con1_w2 .con_padding{
	padding-left:35px;
}
#content #con_01 ul .con1_w2 .con_padding .con1_font1{
	font-size:18px; color:#003399; text-align:left; font-weight:bold;padding-bottom:15px;
}
#content #con_01 ul .con1_w2 .con_padding .con1_font2{
	font-size:13px; color:#666; text-align:left; padding-bottom:28px;
}

#content #con_01 ul .con1_w3{
	margin-left:83px;
}
#content #con_01 ul .con1_w4{
	margin-left:83px;
}

/*content02*/
#content #con_02{
	width:1140px; margin:auto; 
}
#content #con_02 h1{
	margin-top:85px;font-size:40px;color:#003399; letter-spacing:-1px; 	text-align:center;
}
#content #con_02 .text_img{
	margin-top:-45px;text-align:center;
}
#content #con_02 #con_text_warp{
	margin-top:55px; 
}
#content #con_02 #con_text_warp .con_2_1{
	float:left; margin-right:15px; 
	width:264px;
}	

#content #con_02 #con_text_warp .con_2_2{
	float:left; width:204px;
}	

#content #con_02 #con_text_warp .con_2_3{
	float:left; margin-left:10px; width:647px; 
}	
#content #con_02 #con_text_warp .con_2_3 .con2_text1{
	color:#577097; font-size:20px;margin-top:15px; line-height:36px;.line-height:26px; font-weight:600;
}
#content #con_02 #con_text_warp .con_2_3 .con2_font1{
	color:#0d0d0d; font-size:38px;font-family:"Times New Roman"; 
}
#content #con_02 #con_text_warp .con_2_3 .con2_text2{
	color:#494949; font-size:17px;margin-top:15px; line-height:30px;.line-height:25px;letter-spacing:-0.5px; background:#fff;
}
#content #con_02 #con_text_warp .con_2_3 .con2_font2{
	color:#494949; font-size:20px; font-weight:bold; 
}

#content #con_02 #con_text_warp .con_2_3 .text_list_wrap ul{
	margin-top:35px; float:left;
}
#content #con_02 #con_text_warp .con_2_3 .text_list_wrap ul li{
	border-top:1px solid #dfdfdf; line-height:28px; background-image:url(../images/main/mn01_01_icon1.png);background-repeat:no-repeat;background-position:left center;padding-left:20px;
}
#content #con_02 #con_text_warp .con_2_3 .text_list_wrap .text_list1{
	 width:340px ;height:300px; 
}
#content #con_02 #con_text_warp .con_2_3 .text_list_wrap .text_list2{
	width:225px;
}
#content #con_02 #con_text_warp .con_2_3 .text_list_wrap .text_list1 .list-s{
	line-height:20px; padding-top:4px;padding-bottom:5px;background-position:left 9px;
}
.list_last{border-bottom:1px solid #dfdfdf;}










/*content02
#content #con_02{
	width:100%; height:871px; margin-top:70px;
}
#content #con_02 #con2_1{
	width:1140px; height:271px;margin:auto; 
}
#content #con_02 #con2_1 h2{
	font-family:"나눔고딕", "NanumGothic", "Nanum", "Arial"; font-size:30px; color:#003399; text-align:center; font-weight:bold;
}
#content #con_02 #con2_1 p{
	height:196px; margin-top:47px; padding-top:47px;text-align:center; background-image:url(../images/main/con_bg2.jpg); background-repeat:no-repeat;
}
#content #con_02 #con2_1 .con2_font1{
	font-family:"Arabic Typesetting", "Times New Roman", "Arial"; font-size:50px; color:#0d0d0d
}
#content #con_02 #con2_1 .con2_font2{
	font-family:"나눔고딕", "NanumGothic", "Nanum", "Arial"; font-size:20px; color:#577097; font-weight:bold; line-height:40px;
}
#content #con_02 #con2_1 .con2_font3{
	font-family:"나눔고딕", "NanumGothic", "Nanum", "Arial"; font-size:20px; color:#494949; font-weight:bold; 
}
#content #con_02 #con2_1 .con2_font4{
	font-family:"나눔고딕", "NanumGothic", "Nanum", "Arial"; font-size:17px; color:#575757; font-weight:700; 
}


#content #con_02 #con2_2{
	width:1140px; height:600px;margin:auto; padding-top:40px;
}
#content #con_02 #con2_2 .con2_arrange{}
#content #con_02 #con2_2 .con2_arrange li{
	float:left; margin:0 0 6px 6px;
}*/



/*content03

#content #con_03{
	width:1140px; height:818px;  margin:auto; padding-top:80px;
}

#content #con_03 h3{
	width:;height:48px;font-family:"나눔고딕", "NanumGothic", "NanumGothicBlod", "Arial"; font-size:28px; color:#575757; margin-left:344px;
	background-image:url(../images/main/con3_icon.png); background-repeat:no-repeat; background-position:left center; line-height:50px; padding-left:70px;
}
#content #con_03 span{
	font-family:"나눔고딕", "NanumGothic", "Nanum", "Arial"; font-size:28px; color:#333; 
}
#content #con_03 .con3_1{
	width:1140px;height:722px; margin-top:11px; border:1px solid #e7e7e7;
}
#content #con_03 .con3_1 li{float:left;}*/


/*con3-3성전환 한마디 표현 첫줄
#content #con_03 .con3_1 .con3_box1{
	width:339px; height:200px; border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; padding:20px; 
}
#content #con_03 .con3_1 .con3_box1 ul p{
	text-align:center;  font-family:"Arial", "나눔고딕", "NanumGothic", "Nanum"; font-size:20px; color:#333;padding-bottom:20px; padding-top:5px;
	background-image:url(../images/main/con3_icon2.jpg); background-repeat:no-repeat; background-position:center top;
}
#content #con_03 .con3_1 .con3_box1 ul li{
	width:339px;font-family:"나눔고딕", "NanumGothic", "Nanum", "Arial", sans-serif; font-size:14px; color:#494949; padding-bottom:6px; padding-left:9px; 
	background-image:url(../images/main/con3_dot.jpg); background-repeat:no-repeat;  
}
#content #con_03 .con3_1 .con3_box1 ul .con3_font2{
	font-family:"나눔고딕", "NanumGothic", "Nanum", "Arial", sans-serif; font-size:14px;color:#494949; font-weight:600;
}
#content #con_03 .con3_1 .con3_box1 ul .con_text1{
	background-position:left 8px;
}*/

/*con3-3성전환을 한마디로 표현하면 가운데 패턴있는곳
#content #con_03 .con3_1 .con3_box3{
	width:339px; height:200px; background-image:url(../images/main/con3_box_bg.jpg);border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;padding:20px;
}
#content #con_03 .con3_1 .con3_box3 ul p{
	text-align:center;  font-family:"Arial", "나눔고딕", "NanumGothic", "Nanum"; font-size:20px; color:#333;padding-bottom:20px; padding-top:5px;
	background-image:url(../images/main/con3_icon2.jpg); background-repeat:no-repeat; background-position:center top;
}
#content #con_03 .con3_1 .con3_box3 ul li{
	width:339px; font-family:"나눔고딕", "NanumGothic", "Nanum", "Arial", sans-serif; font-size:14px; color:#494949; padding-bottom:6px; padding-left:9px; 
	background-image:url(../images/main/con3_dot.jpg); background-repeat:no-repeat; 
}
#content #con_03 .con3_1 .con3_box3 ul .con3_font2{
	font-family:"나눔고딕", "NanumGothic", "Nanum", "Arial", sans-serif; font-size:14px;color:#494949; font-weight:600;
}
#content #con_03 .con3_1 .con3_box3 ul .con_text1{
	background-position:left 8px;
}*/

/*con3-3성전환 한마디 표현 마지막줄
#content #con_03 .con3_1 .con3_box2{
	width:758px; height:250px;
}
#content #con_03 .con3_1 .con3_box2 ul .con3_box2_r{
	width:400px; margin:30px 0 0 20px;
}
#content #con_03 .con3_1 .con3_box2 ul .con3_box2_r ul li{
	width:400px; font-family:"나눔고딕", "NanumGothic", "Nanum","Dinbol", "Arial",  sans-serif; font-size:17px;color:#515151;  padding-top:10px;padding-bottom:10px;
	border-bottom:1px solid #ececec;
}
#content #con_03 .con3_1 .con3_box2 ul .con3_font3{
	font-family:"Dinbol", "Arial", "나눔고딕", "NanumGothic", "Nanum",  sans-serif; font-size:30px;color:#133f9a; 
}
#content #con_03 .con3_1 .con3_box2 ul .con3_font4{
	font-family:"Dinbol", "Arial", "나눔고딕", "NanumGothic", "Nanum",  sans-serif; font-size:20px;color:#515151; 
}
#content #con_03 .con3_1 .con3_box2 ul .con3_font5{
	font-family:"나눔고딕", "NanumGothic", "Nanum", "Dinbol", "Arial",  sans-serif; font-size:17px;color:#515151; 
}
#content #con_03 .con3_1 .con3_box2 ul .con3_box2_r ul .con3_box2_r1{
	 background-image:url(../images/main/con3_contact_icon1.jpg); background-repeat:no-repeat; background-position:left center; padding-left:30px;
}
#content #con_03 .con3_1 .con3_box2 ul .con3_box2_r ul .con3_box2_r2{
	 background-image:url(../images/main/con3_contact_icon2.jpg); background-repeat:no-repeat; background-position:left center; padding-left:30px;
}
 
#content #con_03 .con3_1 .con3_box2 ul .con3_box2_r ul .con3_box2_r3{
	 background-image:url(../images/main/con3_contact_icon3.jpg); background-repeat:no-repeat; background-position:left center; padding-left:30px;
}

#content #con_03 .con3_1 .con3_box2 ul .con3_box2_r ul .con3_box2_r4{
	 background-image:url(../images/main/con3_contact_icon4.jpg); background-repeat:no-repeat; background-position:left center; padding-left:30px;
}
#content #con_03 .con3_1 .con3_box2 ul .con3_box2_l{
	width:300px; margin-left:31px; margin-top:27px;
}*/

/*con4*/

#con_04{background-image:url(../images/main/con_bg3.jpg);margin-bottom:30px;}
.con4_pc_area{width:1140px; height:337px; margin:0 auto;}
.con4_pc_area .bx-prev { position:absolute; top:50%; margin-top:-40px; left:50px; width:80px; height:80px; text-indent:-999999px; overflow:hidden; z-index:100; background:url(../img/main/arrow_left.png) 0 0 no-repeat;}
.con4_pc_area .bx-next { position:absolute; top:50%; margin-top:-40px; right:50px; width:80px; height:80px; text-indent:-999999px; overflow:hidden; z-index:101; background:url(../img/main/arrow_right.png) 0 0 no-repeat;}

.con4_pc_area .bx-pager{ margin: 6px 0 0; list-style: none; position:absolute; bottom:10px; left:0; width:100%; text-align:center; z-index:102; }
.con4_pc_area .bx-pager div {display:inline-block;}
.con4_pc_area .bx-pager div a { display: block; width: 14px; height: 0; padding-top: 14px; background-image: url(../img/main/blt02.png);  overflow: hidden; float:left; margin:0 10px 0 0;  }
.con4_pc_area .bx-pager div a.active, .slidesjs-pagination li a:hover.active {background-image: url(../img/main/blt01.png);}
.con4_pc_area .bx-pager div a:hover { background-image: url(../img/main/blt01.png);  }