@charset "utf-8";
/*메인*/


/*비주얼*/
.main_visual .bx-wrapper { margin:0 auto; padding: 0px; position: relative; width:100%; overflow:hidden;  max-width:1660px !important; position:relative; }
.main_visual .bx-wrapper img { /*display: block; max-width: 100%; margin:0 auto; min-height:300px; overflow:hidden */}

.main_visual .bx-wrapper .bx-viewport { border: 0px solid #000;    } /*영역*/
.main_visual .bx-wrapper .bx-pager {text-align: center;  bottom: 20px; position: absolute;  z-index:1000 } /*라운드영역*/
.main_visual .bx-wrapper .bx-controls-auto { width: 100%; bottom: -30px; position: absolute;} /*재생정지영역*/
.main_visual .bx-wrapper .bx-loading { background: url("../images/bx_loader.gif") no-repeat center rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 100; min-height: 50px; }/*로딩*/
.main_visual .bx-wrapper .bx-pager { text-align: center; color:#F00; padding-top: 20px; font-family: Arial; font-size: 0.85em; font-weight: bold;  }
.main_visual .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
.main_visual .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.main_visual .bx-wrapper .bx-default-pager.bx-pager a { background: #fff; margin: 0px 3px; outline: 0px; border-radius: 7px; width: 13px; height: 13px; text-indent: -9999px; display: block; -moz-border-radius: 7px; -webkit-border-radius: 7px; } /*라운드,글자*/
.main_visual .bx-wrapper .bx-default-pager.bx-pager a:hover { background:#c83b36;  width: 13px; height: 13px; }
.main_visual .bx-wrapper .bx-default-pager.bx-pager a.active { background:#c83b36; width: 13px; height: 13px; }
.main_visual .bx-wrapper .bx-prev { background: url("../img/main/controls.png") no-repeat 0px -63px; left: 60px; } /*화살표*/
.main_visual .bx-wrapper .bx-next { background: url("../img/main/controls.png") no-repeat -49px -63px; right: 60px; } /*화살표*/

@media screen and (max-width:999px){
.main_visual .bx-wrapper .bx-prev { display:none} /*화살표*/
.main_visual .bx-wrapper .bx-next { display:none} /*화살표*/
	
}

@media screen and (max-width:460px){
.main_visual .bx-wrapper .bx-pager { bottom: 5px; } /*라운드영역*/
}


.main_visual .bx-wrapper .bx-prev:hover { background-position: 0px 0px; }
.main_visual .bx-wrapper .bx-next:hover { background-position: -49px 0px; }

.main_visual .bx-wrapper .bx-controls-direction a { outline: 0px; top: 50%; width: 30px; height: 63px; text-indent: -9999px; margin-top: -31px; position: absolute; z-index: 9999; }/*화살표글자*/
.main_visual .bx-wrapper .bx-controls-direction a.disabled { display: none; }
.main_visual .bx-wrapper .bx-controls-auto { text-align: center; } /*재생정지*/
.main_visual .bx-wrapper .bx-controls-auto .bx-start { background: url("../img/main/controls.png") no-repeat -86px -11px; margin: 0px 3px; outline: 0px; width: 10px; height: 11px; text-indent: -9999px; display: block;}/*재생*/
.main_visual .bx-wrapper .bx-controls-auto .bx-start:hover { background-position: -86px 0px; }
.main_visual .bx-wrapper .bx-controls-auto .active.bx-start { background-position: -86px 0px; }
.main_visual .bx-wrapper .bx-controls-auto .bx-stop { background: url("../img/main/controls.png") no-repeat -86px -44px; margin: 0px 3px; outline: 0px; width: 9px; height: 11px; text-indent: -9999px; display: block; }/*정지*/
.main_visual .bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: -86px -33px; }
.main_visual .bx-wrapper .bx-controls-auto .active.bx-stop { background-position: -86px -33px; }
.main_visual .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-pager { width: 100%; text-align: center; } /*라운드영역*/
.main_visual .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-controls-auto { width: 35px; right: 0px; } /*재생정지영역*/
.main_visual .bx-wrapper .bx-caption { background: rgba(80, 80, 80, 0.75); left: 0px; width: 100%; bottom: 0px; position: absolute; }
.main_visual .bx-wrapper .bx-caption span { padding: 10px; color: rgb(255, 255, 255); font-family: Arial; font-size: 0.85em; display: block; }


.main_visual ul li { text-align:center; position:relative}
.main_visual ul li p{ position:absolute; text-align:center;  top:50%; left:50% ; margin-left:-310px; margin-top:-90px}

.main_visual .bx-wrapper p{ }
.v_01{background: url(../img/main/visual01.jpg) top center no-repeat; height:544px; }
.v_02{background: url(../img/main/visual02.jpg) top center no-repeat; height:544px}
.v_03{background: url(../img/main/visual03.jpg) top center no-repeat; height:544px}
.v_04{background: url(../img/main/visual04.jpg) top center no-repeat; height:544px}

.v_05{background: url(../img/main/visual05.jpg) top center no-repeat; height:544px}

@media screen and (max-width:999px){
.v_01{   height:350px; background-position:70%}
.v_02{  height:350px ; background-position:50%}
.v_03{  height:350px ; background-position:60% center; background-size:170%}
.v_04{  height:350px ; background-position:60% ;background-size:170% }
.v_05{  height:350px ; background-position:60% ;background-size:180% }
.main_visual ul li p{ margin-left:-150px; margin-top:-43px}
.main_visual ul li p img{ max-width:300px}
	
}

@media screen and (max-width:520px){
.v_01{   height:250px; background-position:50%}
.v_02{  height:250px ; background-position:50%}
.v_03{  height:250px ; background-position:60%; background-size:180%}
.v_04{  height:250px ; background-position:60%; background-size:150%}
.v_05{  height:250px ; background-position:60%; background-size:180%}
.main_visual ul li p{ margin-left:-100px; margin-top:-29px}
.main_visual ul li p img{ max-width:200px}
	
}




/*메인컨텐츠*/

.main_container{ width:100%;}
@media screen and (max-width:999px){
.main_container{ width:100%; padding:0%}
}






.main_01_major_area{ background:#f3f3f3}
.main_01_major{ width:92%; max-width:1000px; margin: 0 auto; padding:40px 4% 50px 4%; }
.main_01_major:after{ clear:both; display:block; content:"";}
.main_01_major h2{ font-size:22px; text-align:center; margin-bottom:20px}



.main_01_major_area .pro_mapro{ margin-left:-20px;  overflow: hidden; *width:100%; }
.main_01_major_area .pro_mapro li{ float:left;  width:33.3333%;  }

.main_01_major_area .pro_mapro li:first-child{ margin-left:0}
.main_01_major_area .pro_mapro li dl { padding:5%; margin-left:20px;   border:1px solid #eeeeee; background:#fff}
.main_01_major_area .pro_mapro li dl dt{ text-align:center}
.main_01_major_area .pro_mapro li dl dt img{ margin:0 auto}
.main_01_major_area .pro_mapro li dl dd { margin-top:-20px; height:40px; overflow:hidden; color:#666; line-height:1.3em; font-weight:600; font-size:16px}



@media screen and (max-width:1000px){
	
.main_01_major_area .pro_mapro{ margin-left:-10px;  }
.main_01_major_area .pro_mapro li dl {margin-left:10px;  }
.main_01_major_area .pro_mapro li dl dd { margin-top:0px; font-size:14px}
	
}
	


@media screen and (max-width:680px){
.main_01_major_area .pro_mapro li dl dd {  font-size:11px; font-weight:normal}

}


.main_01{ width:92%; max-width:1000px; margin: 0 auto; padding:40px 4% 50px 4%; }
.main_01:after{ clear:both; display:block; content:"";}
.main_01 h2{ font-size:22px; text-align:center; margin-bottom:20px}

.main_01 ul{ margin-left:-30px;  overflow: hidden; *width:100%; }
.main_01 ul li{ float:left;  width:25%; text-align:center ; }

.main_01 ul li:first-child{ margin-left:0}
.main_01 ul li dl{margin-left:30px; display:block; }
.main_01 ul li dl dt{ font-size:18px; font-weight:600; margin:10px  0}
.main_01 ul li dl dd{ height:48px; overflow:hidden; line-height:normal}


.main_01 ul li a:hover dl p img { opacity: 0.9; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

@media screen and (max-width:1080px){
.main_01 ul li dl dd{ height:68px;}
}


@media screen and (max-width:720px){	
.main_01 > ul > li{ width:50%; }
}


@media screen and (max-width:480px){
.main_01 ul li dl dt{ font-size:16px; }
.main_01 ul li dl dd{ letter-spacing:0px; font-size:12px}
.main_01 ul li dl dd br{ display:none;}
}



.simu_area_bg{ width:100%; background:#e4e4e4 url(../img/main/simu_img_bg.jpg) top center no-repeat; text-align:center; overflow:hidden}
.simu_img{max-width:1000px; margin:0 auto;}
.simu_img p.img1{width:52.9%; float:left}
.simu_img p.img2{width:47.1%; float:left}




/*

.simu_text{ text-align:center; font-size:20px; line-height:70px; letter-spacing:-1px;}
.simu_text a{color:#fff;}

*/





.main_02{ width:92%; max-width:1000px; margin: 0 auto; padding:40px 4% 60px 4%}
.main_02:after{ clear:both; display:block; content:"";}
.main_02 > ul{ margin-left:-30px;  overflow: hidden; *width:100%; }
.main_02 > ul > li{ float:left;  width:25%;  }
.main_02 > ul > li > div{margin-left:30px; }
.main_02 > ul > li h2{  margin:15px 0 15px 0; font-weight:600; font-size:18px}
.main_02 > ul > li:first-child{ margin-left:0}
.main_02 > ul > li img{ width:100%;}
.main_02 ul li ul.inquiry { border-top:1px solid #e5e5e5}
.main_02 ul li ul.inquiry li{ border-bottom:1px solid #e5e5e5; max-height:70px; height:70px; width:100%; margin:0; padding:0; background:url(../img/main/icon_arr1.gif) no-repeat 93% 50%;}
.main_02 ul li ul.inquiry li dl{ margin:10px 0 10px 10px}
.main_02 ul li ul.inquiry li dl dt{ font-size:15px; font-weight:600; margin-bottom:5px }
.main_02 ul li ul.inquiry li dl dd{ color:#666; line-height: normal}
@media screen and (max-width:999px){	
.main_02 ul li ul.inquiry li{ height:auto}
.main_02 ul li ul.inquiry li dl dt{ margin-bottom:0px }
.main_02 ul li ul.inquiry li dl dd{ font-size:12px; height:auto ; display:none}
}

@media screen and (max-width:720px){	
.main_02 > ul > li{  width:50%; }
.main_02 > ul > li:first-child{ }
.main_02 ul li ul.inquiry li dl dt{ margin-bottom:5px }
.main_02 ul li ul.inquiry li dl dd{  height:auto ; display: block}

}


@media screen and (max-width:480px){	
.main_02 > ul > li h2{  font-size:16px}
.main_02 ul li ul.inquiry li dl dt{ margin-bottom:0px }
.main_02 ul li ul.inquiry li dl dd{  display:none}


}


.slider_peo .bx-wrapper { padding: 0px; position: relative; }
.slider_peo .bx-wrapper .bx-viewport  {  } 
.slider_peo .bx-wrapper .bx-pager {  display:none } 
.slider_peo .bx-wrapper .bx-controls-auto { display:none}
.slider_peo .bx-wrapper .bx-pager {   }
.slider_peo .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
.slider_peo .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.slider_peo .bx-wrapper .bx-default-pager.bx-pager a { } /*라운드,글자*/
.slider_peo .bx-wrapper .bx-default-pager.bx-pager a:hover {  }
.slider_peo .bx-wrapper .bx-default-pager.bx-pager a.active {  }
.slider_peo .bx-wrapper .bx-prev { background: url("../img/main/icon_prev.gif") no-repeat top; top:-40px; right: 24px; width:25px; height:25px;  } 
.slider_peo .bx-wrapper .bx-next { background: url("../img/main/icon_next.gif") no-repeat top; top:-40px;  right: 0;width:25px; height:25px;}  
.slider_peo .bx-wrapper .bx-prev:hover {  }
.slider_peo .bx-wrapper .bx-next:hover {  }
.slider_peo .bx-wrapper .bx-controls-direction a {  text-indent: -9999px; position: absolute; z-index: 9999; }
.slider_peo .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-pager {  } 
.slider_peo .bx-wrapper .bx-has-pager.bx-has-controls-auto.bx-controls .bx-controls-auto {  } 
.slider_peo .bx-wrapper .bx-caption { background: rgba(80, 80, 80, 0.75); left: 0px; width: 100%; bottom: 0px; position: absolute; }
.slider_peo .bx-wrapper .bx-caption span { padding: 10px; color: rgb(255, 255, 255); font-family: Arial; font-size: 0.85em; display: block; }

#slider1 li{ margin:0; padding:0; }
#slider1 dl{ margin:0 ; padding:0;overflow:hidden}
#slider1 dl dt{ }
#slider1 dl dt img{ max-height:160px}
#slider1 dl dd{ position:absolute; background:#000; bottom:0; height:40px; line-height:40px; display:inline-block; color:#fff; width:100%; text-indent:10px; filter: alpha(opacity=70); -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; overflow:hidden }


@media screen and (max-width:720px){
#slider1 dl dt img{ max-height:216px}
}




.main_03{background:#fafafa; position:relative; padding:30px 0 50px 0}
.m_portfolio{width:92%; max-width:1000px; margin:0 auto; display:block; padding:0px 4% 0px 4%; }
.m_portfolio:after{ display:block; clear:both; content:"";}
.m_portfolio h2{margin:20px 0 ; font-weight:600; font-size:22px; text-align:center}
.m_portfolio ul{ *width:100%; margin-left:-10px  }
.m_portfolio ul li{ float:left;  width:25%;  margin-bottom:10px; position:relative }
.m_portfolio ul li:first-child{ margin-left:0}
.m_portfolio ul li p{margin-left:10px;display:block;  position:relative;  }
.m_portfolio ul li p img{ width:100%; height:218px }

.m_port_over{ position:absolute; top:0; margin-left:10px; color:#fff; width:100%; z-index:100; height:100%;background: rgba(0, 0, 0, 0.5); }
.m_port_over a{  color:#fff; display:block; height:100%}

.m_port_over_in{ padding:20px; height:80px; position:absolute;  }

@media screen and (max-width:999px){
.m_portfolio ul li p img{ height:178px }	
}


@media screen and (max-width:720px){	
.m_portfolio ul li{   width:50%;  }
.m_portfolio ul li p img{ height:218px }
}

@media screen and (max-width:480px){	
.m_portfolio ul li p img{ height:140px }
}





.main_04{ width:92%; max-width:1000px; margin: 0 auto; padding:30px 4% 50px 4%; position:relative; }
.main_04:after{ clear:both; display:block; content:"";}
.main_04 > ul{ margin-top:20px ;  *width:100%; margin-left:-50px}
.main_04 > ul > li{ float:left;  width:33.333%; }
.main_04 > ul > li > div{ margin-left:50px; padding:0 30px  }
.main_04 > ul > li:first-child{ margin-left:0}
.main_04 > ul > li h2{ font-size:18px; font-weight:600 ; margin:30px 0 20px 0}
.main_04 ul li div p.img{ text-align:center; margin:0 auto}

.notice_list li{ color:#999 ; overflow:hidden; height:18px; margin-bottom:5px ; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.notice_list:after{ clear: both; display:block; content:""}
.main_04 li div.con{ color:#999}
.main_04 li p.more{ color:#555;  text-decoration:underline; margin-top:20px}
.main_04 li p.call{ font-size:25px; margin-top:10px; letter-spacing:-1px; font-weight:600}
.main_04 li p.call span{ color:#c83b36}



@media screen and (max-width:999px){	
.main_04 li p.call{ font-size:18px;}
}
@media screen and (max-width:780px){	
.main_04 > ul{  margin-left:-20px}
.main_04 > ul > li > div{ margin-left:20px; }


}



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

.main_04 > ul > li{   width:50%;  }
.main_04 > ul > li > div{ padding:0 0px  }
.main_04 > ul > li:first-child{ margin-left:0}
.main_04 .m_recruit{ display:none}
.main_04 li p.call{ font-size:16px;}
}

@media screen and (max-width:480px){
	
.notice_list li{height:36px;  }	
}