@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
* {font-family:'NanumSquare', sans-serif; color: #333; font-weight: normal;}

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,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;line-height:18px;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; border-top:#183884 solid 2px; min-width:1200px }
*{font-family:'NanumSquare', sans-serif }
ol,ul,li{list-style:none;}


img, table{border:0;}
hr, legend {display:none;}
a:link, a:visited, a:active {text-decoration:none;}


body {font-size:14px; line-height:160%; font-family:'NanumSquare', sans-serif;  letter-spacing: -0.5pt;}
input, textarea, select {font-family:'NanumSquare', sans-serif; color:#595b5f;}
input.text, input.dateInput, textarea.text {padding:1px 5px; border:1px solid #cbcbcb; vertical-align:middle;}
.png24 {tmp:expression(setPng24(this));}
.parents:after {content:""; display:block; clear:both;}



/* 레이아웃 */
#wrap {width:100%; height:100%;    min-width:1200px}

/* 메뉴 

#quick {
   position: absolute;
  right: -142px;
   top: 152px;
   height: 390px;
   background: #fff;
   z-index: 2;
   border:1px solid #a19e9e;
 }
*/





.maintop {width: 100%; 	height: 800px;  background:#f6f7fb url(../images/main001.jpg) center top no-repeat}
.mainfla{position:relative;  height:800px; width:1200px; margin:0 auto;  }



.move_box{opacity:0;position:absolute;top:383px;left:140px; margin-top:-55px;  background:#f9911a url(../images/box01.png) top right  no-repeat;  height:280px; width:280px;  color:#FFF;  text-align:center; vertical-align:middle;}
.move_box h1{  color:#FFF;      padding:230px 0 0;    z-index:99999999999999999 ; font-size:22px;  font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important; font-weight:600; letter-spacing:-0.7pt;  }

.move_box02 {opacity:0;position:absolute;top:383px;left:450px; margin-top:-95px;  background:#a8cc37 url(../images/box02.png) top right  no-repeat;  height:280px; width:280px; color:#FFF;  text-align:center; vertical-align:middle;}
.move_box02 h1{   color:#FFF;      padding:230px 0 0;    z-index:99999999999999999 ; font-size:22px;  font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important; font-weight:600; letter-spacing:-0.7pt;  }

.move_box03 {opacity:0;position:absolute;top:383px;left:760px; margin-top:-105px;  background:#0072b5 url(../images/box03.png) top right  no-repeat;  height:280px; width:280px; color:#FFF;  text-align:center; vertical-align:middle;}
.move_box03 h1{  color:#FFF;      padding:230px 0 0;    z-index:99999999999999999 ;  font-size:22px;  font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important; font-weight:600; letter-spacing:-0.7pt;  }




.move_txt{  position:absolute;top:80px;left:0px;z-index:99 ; text-align:center;  opacity:0;width:1200px;  }
.move_txt h1{ color:#183884; font-weight:700;   font-size:2.7em;   line-height:1.3em;  text-shadow: 0px 1px 4px #fff; padding: 30px 10px;}
.move_txt h2 { line-height:1.3; margin:0.5em 0 0 0; font-size:3.5em;text-align:center;  font-weight:700; text-shadow: 0px 1px 4px #fff; color:#1255a0}
.move_txt hr { display:inline-block; width:263px; height:3px; color:#1255a0; background:#fff; margin:3px 0 0 0;  }
.move_txt p { font-size:2em; line-height:1.4; margin:10px 0 0 0; }
.move_txt .btn_more { display:inline-block; margin:36px 0 0 0; text-indent:-9000px; font-size:0; width:133px; height:33px; border-radius:10%; background:#333 no-repeat center;  }
.move_txt .btn_more:hover {background-color:#000; border-color:#000 }

#contents_m{ width:1200px;  padding:0px 0 0px 0; margin:0 auto;  overflow:hidden; position:relative; }

	.contents1{position:relative;  width:1200px; height:200px; margin:30px auto 20px; }	
	.product{position:relative;float:left;width:1200px;height:370px; padding-bottom:10px;  padding-top:10px; border-top:#183884 solid 3px;  }
	.product h1{ position:relative; font-size:18px; color:#183884; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 10px 0px; background:url(../images/bar.png) top left  no-repeat;}

	.banner{position:relative;float:left;width:1200px;height:80px; padding-bottom:10px;  padding-top:10px }
	.banner h1{ position:relative; font-size:18px; color:#4f4e60; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 10px 0px; background:url(../images/bar.png) top left  no-repeat; }



	
	.contents2{position:relative;  width:1200px; height:200px; margin:80px auto 10px; }	
 
 	.contents3{position:relative;  width:1200px; height:100px; margin:20px auto 100px; }	


  .noticemain{position:relative;float:left;width:180px;height:180px;   margin-right:15px;}
  .noticemain h1{ position:relative; font-size:18px; color:#333; font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important; font-weight:600; letter-spacing:-0.7pt; padding:0px 0px 15px 0px;}
  
 
 .setmain{position:relative;float:left;width:230px;height:160px;   border:#CCC solid 1px;  margin-right:15px;}
 .setmain h1{ position:relative; font-size:18px;  font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important; font-weight:600; letter-spacing:-0.7pt; padding:5px 0px 20px 0px;}
  .setmain p.cs_i {float:left; height:115px;  padding-top:5px;}
  .setmain p.cs_n {padding-bottom:10px;padding-left:0px; font-size:14px;  color:#555; font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important;}	
  .setmain .imgab{position:absolute; right:10px; bottom:20px; ; color:#eee!important; }
  .setmain .gogo{display:block; font-size:11px; color:#183884;  text-decoration:underline;margin-bottom:30px;margin-top:15px;}
  .setmain .mT20{margin-top:20px;}
.setmain p.cs_n .imgab:hover i {color:#b82835;}



 .setmain1{position:relative;float:left;width:230px;height:160px;padding:10px 13px;  border-top:#183884 solid 3px;    border:#CCC solid 1px;  margin-right:10px }
 .setmain1 h1{ position:relative; font-size:18px;  font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important;   font-weight:600; letter-spacing:-0.7pt; padding:5px 0px 20px 0px;}
  .setmain1 p.cs_i {float:left; height:115px;  padding-top:5px;}
  .setmain1 p.cs_n {padding-bottom:10px;padding-left:0px; font-size:14px; color:#555; font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important;}	
  .setmain1 .imgab{position:absolute; right:10px; bottom:20px; color:#eee!important; }
  .setmain1 .gogo{display:block; font-size:11px; color:#183884;  text-decoration:underline;margin-bottom:30px;margin-top:15px;}
  .setmain1 .mT20{margin-top:20px;}
 .setmain1 p.cs_n .imgab:hover i {color:#b82835;}
 
 .setmain2{position:relative;float:left;width:230px;height:160px;padding:10px 13px;   border:#CCC solid 1px;  margin-right:10px;  }
 .setmain2 h1{ position:relative; font-size:18px;  font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important;   font-weight:600; letter-spacing:-0.7pt; padding:5px 0px 20px 0px;}
  .setmain2 p.cs_i {float:left; height:115px;  padding-top:5px;}
  .setmain2 p.cs_n {padding-bottom:10px;padding-left:0px; font-size:14px; color:#555; font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important;}	
  .setmain2 .imgab{position:absolute; right:10px; bottom:20px; color:#eee!important; }
  .setmain2 .gogo{display:block; font-size:11px; color:#183884;  text-decoration:underline;margin-bottom:30px;margin-top:15px;}
  .setmain2 .mT20{margin-top:20px;}
 .setmain2 p.cs_n .imgab:hover i {color:#b82835;}



 .setmain4{position:relative;float:left;width:250px;height:160px; padding:10px 10px;  border:#CCC solid 1px;   background:url(../images/ic01.jpg)   right  bottom  no-repeat;  }
 .setmain4 h1{ position:relative; font-size:18px; color:#333; font-family:'Malgun Gothic' 맑은고딕, NG, NGEN, '돋움', sans-serif !important; font-weight:600; letter-spacing:-0.7pt; padding:10px 0px 10px 0px;}
 .setmain4 p{display:block; font-size:12px;}
 .setmain4 p.cs_t { font-size:22px; color:#183884;  line-height:1.2; font-weight:600; padding:5px 0px 5px 0px;}
 .setmain4 p.cs_b {padding-bottom:5px; font-size:20px; color:#0053a6; font-weight:600; padding:5px 0px 5px 0px;}
 .setmain4 p.cs_f { font-size:18px; color:#333; font-weight:600; padding:3px 0px 5px 0px;}		
 .setmain4 p.cs_e { font-size:16px; color:#333; font-weight:600; padding:2px 0px 0px 0px;}
  .setmain4 .imgab{position:absolute; right:20px; bottom:50px; font-weight:500; color:#a8a8a8; }
 
 
 
 
 
 
 
 h3.maintit{font-size:27px; color:#fff; line-height:1.3; font-family:NotoKR-Bold; font-weight:bold; letter-spacing:-0.1pt;}
p.maintxt{font-size:15px; color:rgba(255,255,255,0.8); line-height:24px; font-family:NotoKR-Regular,sans-serif; letter-spacing:-0.8px; padding-top:26px;}

#main_content{position:absolute; top:484px; left:0; width:100%; margin:0 auto; overflow:hidden; min-width:1200px}
#main_content .maincontent_in{position:relative; width:1180px; margin:0 auto; overflow:hidden;}
.main_btn{position:relative; margin-top:80px;line-height:100%;color:rgba(255,255,255,0.8); font-family:"Montserrat",sans-serif; font-size:14px; font-weight:600; background:url('/img/page_arrow.png') 55px center no-repeat; padding-right:20px;
transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.main_btn:hover{color:#fff; padding-left:10px; text-decoration:none; background:url('/img/page_arrow.png') 65px center no-repeat;}

	.product1{position:relative; overflow:hidden;   background:url('/img/product1_bg.png') 100% no-repeat, rgba( 159, 159, 160, 0.8);  float:left; margin-right:10px;}
	.product1 a{position:relative; overflow:hidden; display:block; text-decoration:none; padding:40px 25px 36px 30px;width:285px;height:256px;}


	.product2{position:relative; overflow:hidden;  background:url('/img/product2_bg.png') 100% no-repeat, rgba( 159, 159, 160, 0.8);  float:left; margin-right:10px;}
	.product2 a{position:relative; overflow:hidden; display:block;  padding:56px 35px 36px 40px;width:285px;height:256px; text-align:center;}

	.product3{position:relative; overflow:hidden; background:url('/img/product3_bg.png') 100%  no-repeat, rgba( 247, 146, 30, 0.8);  float:left; margin-right:10px;}
	.product3 a{position:relative; overflow:hidden; display:block;width:285px;height:256px;  padding:56px 35px 36px 40px; text-align:center;  }
	
	.product4{position:relative; overflow:hidden; background:url('/img/product4_bg.png') 100%  no-repeat, rgba( 0, 129, 197, 0.8);  float:left; margin-right:10px;}
	.product4 a{position:relative; overflow:hidden; display:block;width:285px;height:256px;  padding:56px 35px 36px 40px; text-align:center;  }
	
	.news{position:relative;width:285px;height:240px;  background-color: rgba( 29, 145, 215, 0.8); padding:40px 35px 36px 40px;  float:left; }
	.news h3{color:#333;}
	.news .maintxt{height:110px;}
	.news .maintxt a{color:#fff; font-size:15px; line-height:24px; font-family:NotoKR-Regular,sans-serif; letter-spacing:-0.8px;}
	.news img.news_plus{position:absolute; right:45px; top:45px;}
	.news .date{background:url('/img/date_icon.png') left 18px no-repeat; padding-left:20px; padding-top:15px; border-top:1px solid #c6c6c6; font-family:"Montserrat",sans-serif; font-weight:600; margin-top:15px;}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
 .con_area { width:100%; max-width:1200px; margin:0 auto;}
.con_area:after { content:""; display:block; clear:both;}
.con_area ul { width:100%; padding:3px 0 0 0; margin:3px 0 0 0; }
.con_area ul li { float:left; width:24.3%; list-style:none; margin-right:10px;}
.con_area ul li:last-child { margin-right:0;}
.con_box { background:#039; height:200px; padding:20px; background-repeat: no-repeat; background-position: center center; -webkit-background-size:cover; background-size: cover;}
.con_box.bg1 {background:#039 url('../image/business_img1.jpg') no-repeat; background-size: cover;}
.con_box.bg2 {background:#039 url('../image/business_img2.jpg') no-repeat; background-size: cover;}
.con_box.bg3 {background:#039 url('../image/business_img3.jpg') no-repeat; background-size: cover;}
.con_box.bg4 {background:#039 url('../image/business_img4.jpg') no-repeat; background-size: cover;}
.con_box a {display:table; width:100%; height:100%;  }
.con_box a p.cell { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
.con_box a span.more { display: inline-block; font-size:1.5em; color:#fff; transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;position: relative;}
.con_box a span.more:after { position: absolute; bottom:0px; left: 50%; margin-left:-15px; display: block; content: "";  width:30px; height:30px; visibility:hidden;  background:url('../image/btn_view.png') no-repeat bottom center; opacity:0; filter: alpha(opacity=0);-moz-opacity:0; transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.con_box a:hover span.more { padding-bottom:40px;}
.con_box a:hover span.more:after { opacity:1;filter: alpha(opacity=100);-moz-opacity:1; visibility:visible;}
.con_box a:hover { background:rgba(7, 127, 207, 0.9);}

 
/** 서브 */

/* 서브플래시 */
.subtop {width: 100%;  height: 230px;  background:#f6f7fb url(../images/main001.jpg) center top no-repeat}
.subfla { position:relative; width: 1200px; height: 230px;  margin: 0px auto;     }

.smove_img{opacity:0;margin-top:-25px;position:absolute;top:40px;width:1200px; text-align:center;  }
.smove_img h2 { line-height:1.3; margin:0 0 0 0; font-size:2.5em; font-weight:700; text-shadow: 0px 1px 4px #fff; }
.smove_img hr { display:inline-block; width:59px; height:2px; background:#fff; margin:16px 0 0 0; }
.smove_img p { font-size:1.5em; line-height:1.4; margin:10px 0 0 0; }
.smove_img .btn_more { display:inline-block; margin:36px 0 0 0; text-indent:-9000px; font-size:0; width:133px; height:33px; border-radius:10%; background:#333 no-repeat center;  }
.smove_img .btn_more:hover {background-color:#000; border-color:#000 }

.smove_txt{opacity:0;margin-left:-25px;position:absolute;top:20px;left:801px}




.subcontent {width: 970px; padding-left:35px; position:relative;   float:left;  }

/* 좌측메뉴 */
.lnb { float:left; width:220px; padding-bottom:50px; background:#fff }
.lnb h3 { padding:35px 0 35px 0px;   border-bottom:#333 solid 3px;  background:#183884; text-align:center;  font-size:25px; line-height:25px; color:#fff; font-weight:600 }
.lnb h3 p.stit{color:#bccfde;  font-size:13px; letter-spacing:0.3pt;  margin-bottom:7px;  font-weight:600  }
.lnb ul {  margin-bottom:20px;   }
.lnb li { border-bottom:1px solid #ddd; position:relative;    }



/* 텍스트 메뉴 */
.lnb li a {  padding:12px 10px;  display:block; color:#333; font-size:15px;  font-weight:600;   }
.lnb li:hover a, .lnb li.active a { color:#4f4e60; padding:12px 10px; font-size:15px;  font-weight:600;  background: #f7f7f7 url(../images/arrow_01.gif) 200px 16px no-repeat;}




	/*depth_3*/
	.lnb ol.depth_3{ color:#333;  background: #fafafa; border-bottom:1px solid #ccc; padding:5px 0 0px 10px;}
	.depth_3 dd a:link, .depth_3 dd a:visited{display:block; color:#333; font-size:15px;  padding: 5px 8px;}
		.depth_3 dd a:hover{display:block;  color:#333;}
		.depth_linktop{color:#fff !important; }
		.depth_linktop:hover{text-decoration:none; font-weight:bold !important; }
	




.lnb_common dl{ border:1px solid #ddd; background:url(../images/tel.jpg) no-repeat right 130px; padding:0 0 21px 10px;color:#666; margin:15px 0}
.lnb_common dl dt{  position:relative; color:#33302e; font-size:17px; font-weight:600;line-height:30px;padding:27px 0 0 0;letter-spacing:-0.5px;}
.lnb_common dl dd.tit{ font-size:13px;   color:#333;  padding-top:8px}
.lnb_common dl dd.tel{ font-weight:bold;font-size:21px; color:#183884;line-height:25px; padding-top:8px}
.lnb_common dl dd.fax{font-size:19px; font-weight:600; color:#707070;  padding-bottom:8px; padding-top:8px}
.lnb_common dl dd.email{font-size:16px;color:#666;  font-weight:600; padding:8px 0 10px 0 }
.lnb_common dl dd {font-size:16px;color:#666;   }

.lnb_common2 dl{ border:1px solid #cccccc;padding:0 0 21px 10px;color:#666; margin:15px 0}
.lnb_common2 dl dt{  position:relative; color:#33302e; font-size:17px; font-weight:600;line-height:30px;padding:10px 0 0 0;letter-spacing:-0.5px;}
.lnb_common2 dl dd.tit{ font-size:14px;  color:#333;  padding-top:8px}
.lnb_common2 dl dd.bank{ font-weight:700;font-size:20px; color:#183884;line-height:25px; padding-top:0px}
.lnb_common2 dl dd.nam{font-size:17px; font-weight:600; color:#707070;  padding-bottom:8px; padding:8px 0}



.lnb_banner {border:1px solid #cccccc; padding:2px;color:#666; margin-top:5px}

.page-title{   border-bottom:#CCC solid 1px;   position:relative; padding:33px 0 20px; margin-bottom:13px }
.page-title-text { font-size:30px; font-weight:600; color:#313131; }
.page-navi { float:right; margin:5px 0 5px; }


.sub_com{  padding-top:10px;	margin-top:10px;	}



.txt1 { font-weight:600; font-size:17px; padding-top:10px;  color:#006699; padding-left:20px; background:url(../../images/tit_icon2.gif) no-repeat left  13px}
.txt0 { font-weight:600; font-size:20px; padding-bottom:10px;  color:#006699}
.txt2 {line-height:25px; padding-bottom:10px;  padding-left:15px}
.txt2 li { padding:5px 15px;  background:url(../../images/point.gif) no-repeat left}
.txt3 { font-weight:600; padding:5px 0;  padding-bottom:10px;}
.txt4 { font-weight:600; padding:5px 0;  color:#006dc9;}

.txt5 { padding:0px 15px}
.txt5 li { background:url(../../images/point.gif) no-repeat left 12px; line-height:25px; padding:0px 10px; }


.greeting_con2{position:relative; overflow:hidden; background:url('../../images/greeting2.jpg') right bottom no-repeat; height:450px;  width:840px} 
.table_style{width:60%; border-collapse:separate; border-spacing:0px; border-left:1px solid #ddd; border-top:1px solid #333;}
.table_style th{color:#333; text-align:center; padding:8px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; background-color:#f9f9f9; font-weight:700;}
.table_style td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 20px;  line-height:180%; color:#666;}

.bmar_50{margin-bottom:10px;}








.table_style2{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style2 th{color:#333; text-align:center; padding:3px 0 3px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:13px; background-color:#f9f9f9; font-weight:600; letter-spacing:-0.7pt;}
.table_style2 td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:3px 0 3px 10px; text-align:left; line-height:24px; vertical-align:top}


.table_style3{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style3 th{color:#fff; text-align:center; padding:3px 0 3px 0;  font-size:14px; background-color:#1768ac; font-weight:600; letter-spacing:-0.7pt;}
.table_style3 td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:3px 0 3px 20px; text-align:left; line-height:24px; vertical-align:top}

.table_style4{width:100%; border-collapse:separate; border-spacing:0px; }
.table_style4 th{color:#fff; text-align:center; padding:3px 0 3px 0;  font-size:13px; background-color:#1768ac; font-weight:600; letter-spacing:-0.7pt; border-radius: 10px;}
.table_style4 td{ padding:3px 0 3px 0px; text-align:center; line-height:24px; }



.table_style5{width:50%; border-collapse:separate; border-spacing:4px; }
.table_style5 th{color:#fff; padding:3px 0 3px 10px; text-align:left;  font-size:14px; background-color:#1768ac; font-weight:600; letter-spacing:-0.7pt; border-radius: 5px;}
.table_style5 td{ padding:3px 10px 3px 10px; text-align:center; line-height:24px; }


	.greeting_con{position:relative; overflow:hidden; background:url('../../images/greeting.jpg') right bottom no-repeat;  width:940px} 
	.greeting_con h4{font-size:25px; color:#0c58a3; letter-spacing:-1pt; padding-bottom:15px; line-height:33px;}
.greeting_txt{line-height:23px; font-size:16px; }
	.greeting_con p.stit{font-size:16px; color:#6b6f73; letter-spacing:-0.5pt; padding-bottom:20px; font-weight:600;}
	.greeting_ceo{font-size:15px; color:#6b6f73; letter-spacing:-1pt; padding-top:35px; background:url('../../company/img/greeting_sign.gif') 160px bottom no-repeat;}
	.greeting_name{font-size:23px; color:#333; letter-spacing:-1pt; font-weight:700; margin-left:5px}
	
	/******** 공통CSS ********/
.point_txt01{color:#333; font-weight:700;}
.point_txt02{color:#2987e4; letter-spacing:-1pt; line-height:35px;}
.point_txt03{color:#2987e4; letter-spacing:-1pt; line-height:28px;}
.point_txt04{color:#2987e4; font-weight:700;}


#foot {width: 100%;border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; color: #333;  min-width:1200px}
#foot .footer{position:relative; margin:0 auto; overflow:hidden;   width:1200px; padding:30px 0; }
.footer  h2{float:left; width:390px;}
.footer ul{float:left; margin-top:5px;}
.footer li{padding-bottom:5px; font-size:13px; color:#333; margin-left:-85px;}
.footer li.copy{color:#333;}

.cross4 {width:100%; max-width:1200px; margin:0 auto;  }
.cross4:after{ content:""; display:block; clear:both;}
.cross4 ul {padding:0; margin:0; }
.cross4 ul li{float:left; width:100%; overflow:hidden; margin-bottom:60px; }
.cross4 ul li .cross4_tit{font-size:2em;}
.cross4 ul li .cross4_txt{font-size:1.2em; padding-top:20px; }
.cross4 ul li .cross4_img{float:left; width:55%; height:340px; margin-bottom:0px; background:#f8f8f8;}
.cross4 ul li .cross4_img img{height:340px;}
.cross4 ul li .cross4_right{float:right; width:45%;  height:340px; background:#f8f8f8; padding:50px 50px 0 50px; box-sizing: border-box; }
.cross4 ul li.other_type .cross4_img{float:right; width:55%; height:340px; background:#f8f8f8; margin-bottom:00px; text-align:right;}
.cross4 ul li.other_type .cross4_right{float:left; width:45%;  height:340px; background:#f8f8f8; padding:50px 40px 0 50px; }
.cross4 ul li.other_type .cross4_img img{height:340px; }


.btn_go {display:inline-block; background:#222; color:#fff; text-align:center;  font-size:1em; margin:20px 0px; padding:10px 30px; border:1px solid #000;  transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.btn_go:hover {color:#000; background-color:#fff; }


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	.cross4 {width:95%;}
	.cross4 ul li .cross4_tit{font-size:1.5em; }
	.cross4 ul li .cross4_txt{font-size:1em; }
	.cross4 ul li .cross4_img img{height:100%;}
	.cross4 ul li.other_type .cross4_img{ width:50%;  margin-bottom:0px;}
	.cross4 ul li.other_type .cross4_right{ width:50%;  padding:30px 30px; }
	.cross4 ul li.other_type .cross4_img img{height:100%;}

}





/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	.business ul li { width:100%; margin-left:0px; margin-bottom:50px;}

	.cross4 ul li{ width:100%; height:auto;}
	.cross4 ul li .cross4_img{float:left; width:100%; height:auto;}
	.cross4 ul li .cross4_img img{width:100%;}
	.cross4 ul li .cross4_right{width:100%; height:auto; padding:30px 20px; }
	.cross4 ul li.other_type .cross4_right{width:100%; height:auto;  padding:30px; 20px; }
	.cross4 ul li.other_type .cross4_img{float:right; width:100%; height:auto;}
	.cross4 ul li.other_type .cross4_img img{width:100%;}

}


/* 내용 */

.border_box {border:1px solid #ddd; padding:30px 20px 20px 20px; box-sizing:border-box; position:relative; overflow:hidden;;}
.dep_tit {padding:0px 0 20px 32px; background:url('https://www.ycbokji.or.kr/img/dep_tit.png') left 3px no-repeat; color:#333; font-size:20px; letter-spacing:-0.5pt; line-height:130%;}
.dep_tit02 {padding:0px 0 20px 32px; color:#333; font-size:20px; letter-spacing:-0.5pt; line-height:100%;}

.dep_cont {padding:0px 0 40px 0px; letter-spacing:-0.5pt;}
.dep_dott {background:url('https://www.ycbokji.or.kr/img/dep_dott.png') no-repeat left 9px; padding:0 0 6px 12px;}



h4.cont_tit {font-size:18px; color:#333; font-weight:600; letter-spacing:-0.7pt; padding-bottom:15px; line-height:140%;}
.product_recruite .gray_bg {min-height:176px; border-left:1px solid #ddd;}
.gray_box {background:#f6f6f6; padding:10px 20px 10px 20px; margin-bottom:30PX}



.product_recruite {position:relative;}
.product_recruite .cont {max-width:calc(100% - 400px);}
.product_recruite .top_image {position:absolute; right:20px; top:-30px;}
.product_recruite .border_box {box-sizing:border-box; overflow:hidden;}
.product_recruite .depBar_list {width:100%; box-sizing:border-box;}
.product_recruite .depBar_list strong {width:130px;}
.product_recruite .depBar_list span {max-width:calc(100% - 140px);}
.product_recruite .border_box ul li.dep_dott {float:left; width:48.5%;}
.product_recruite .border_box .cont_left {width:50%; padding:30px 20px 25px 30px; box-sizing:border-box;}
.product_recruite .border_box .cont_right {width:50%; padding:30px 20px 25px 30px; box-sizing:border-box;}


.recruit_photo {overflow:hidden;}
.recruit_photo li {float:left; width:33%; margin-bottom:5px;}
.recruit_photo dl {margin:0 auto; width:98%;  }
.recruit_photo dt {border:1px solid #ddd;}
.recruit_photo dt img {max-width:100%;}
.recruit_photo dd {border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center; background:#f6f6f6; padding:10px 0; color:#333; font-weight:600; letter-spacing:-0.5pt}


.recruit_photo02 {overflow:hidden;}
.recruit_photo02 li {float:left; width:33%; margin-bottom:5px;}
.recruit_photo02 dl {margin:0 auto; width:98%; border:1px solid #ddd}
.recruit_photo02 dt {  }
.recruit_photo02 dt img {max-width:100%;}
.recruit_photo02 dd { padding:10px ; color:#333; font-weight:600; letter-spacing:-0.5pt}



.recruit_photo03 {overflow:hidden;}
.recruit_photo03 li {float:left; width:50%; margin-bottom:5px;}
.recruit_photo03 dl {margin:0 auto; width:98%; border:1px solid #ddd}
.recruit_photo03 dt {  }
.recruit_photo03 dt img {max-width:100%;}
.recruit_photo03 dd { padding:10px ; color:#333; font-weight:600; letter-spacing:-0.5pt}

.recruit_photo04 {overflow:hidden;}
.recruit_photo04 li {float:left; width:50%; margin-bottom:5px;}
.recruit_photo04 dl {margin:0 auto; width:98%;  }
.recruit_photo04 dt {  }
.recruit_photo04 dt img {max-width:100%;}
.recruit_photo04 dd { padding:10px ; color:#333; font-weight:600; letter-spacing:-0.5pt}

.micro {position:relative; width:920px; }
.micro .micro_img{ float:left; width:320px; ;}
.micro .micro_img img{width:100%; }
.micro .micro_txt{ float:left; width:600px; padding:0 0 0 30px;}
.micro .micro_txt img{width:100%;  text-align:center; }
.micro .micro_txt h2 { display: inline-block; font-size:2em; font-weight:300; line-height:1.3em; color:#000; letter-spacing:-0.05em; }
.micro .micro_txt p { margin-top:30px; font-size:1.1em; font-weight:300;  }
.micro .micro_txt p strong {color:#000 !important; display:block; font-size:1.2em; padding-bottom:10px;}



 
.product_cont{	margin: 0px auto 80px; max-width:920px}
.app04.grayBox{border:1px solid #ddd; }

.app04.ev04{overflow:hidden; clear:both; padding:24px 0 0}
.app04.ev04 dl{float:left; width:220px; margin:0 5px 10px 5px; position:Relative; }
.app04.ev04 dl:nth-child(2n, 3n) {margin-right:0; }
			 
.app04.ev04 dt{height:76px; background:#355eb2; color:#fff;  border-radius:20px; text-align:Center; box-sizing:Border-box; padding:25px 0 0; font-size:16px; font-weight:500;}
.app04.ev04 dl:nth-child(2) dt {background:#355eb2;}
					
.app04.ev04 dd{border:1px solid #ddd; border-top:none; border-radius:0 0 15px 15px;   padding:15px; letter-spacing:-0.35pt; min-height:21px;}