/*메인팝업틀*/
.pop_wrap{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}
.pop_wrap div.popup-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000; opacity:.5; filter:alpha(opacity=50);z-index: 2000;}
.pop_wrap div.cont { position: absolute; top: 100px; left: 50%;margin-left:-150px;width: 300px; height: 400px;z-index:3000;}
.cont h1 {border-radius:10px 10px 0  0;margin-bottom:5px;text-align:center;width:100%;height:40px;background:#38a03c;font:18px/40px "Nanum Barun Gothic";color:#fff;}
.contents {width:100%;height:auto;background:#fff;}
.contents p {display:block;width:90%;padding:10px 0;margin:0 auto;font:12px/25px "Nanum Barun Gothic Light";color:#777;}
.pop_wrap .close {text-align:center;width:100%;margin:5px auto;height:40px;font:12px/40px "Nanum Barun Gothic Light";color:#fff;background:#222;}
.pop_wrap .close #check {padding-left:5%;width:50%;display:inline-block;text-align:left;}
.pop_wrap .close #close {padding-right:5%;width:38%;display:inline-block;text-align:right;color:#fff;}
/*메인 컨텐츠*/
.main_visual_wrap {width:100%;height:100%;overflow:hidden;margin-top:50px;}
.bxslider > li{overflow:hidden;position:relative;width:100%;height:650px;text-align:center;}
.bxslider > li .back_img {z-index:10;position:absolute;width:100%;top:0;margin-left:0px;margin-top:30px;}
.bxslider > li img {height:610px;}


.main_contents01 {width:95%;max-width:1200px;height:auto;margin:26px auto 0 auto;}
.main_contents01 h1 {text-align:center;width:328px;height:64px;margin:0 auto;font:35px/64px "Nanum Barun Gothic";color:#282828;}
.main_contents01 h1 span {font-family:"Nanum Barun Gothic Light";color:#38a13d;text-transform:uppercase;}
.main_contents01 p {display:block;text-align:center;width:328px;height:52px;margin:0 auto;font:14px/20px "Nanum Barun Gothic Light";color:#999;}

.main_contents01 dl {float:left;width:20%;margin:0 2%;}
.main_contents01 dl dt {width:100%;height:80px;text-align:center;}
.main_contents01 .mainimg {display:block;}
.main_contents01 .mainimg_m {display:none;}

.main_contents01 dl dd.title {text-align:center;margin-top:15px;width:100%;height:38px;font:17px/38px "Nanum Barun Gothic";color:#444;}
.main_contents01 dl dd.txt {word-break:keep-all;text-align:center;width:100%;height:auto;font:12px/17px "Nanum Barun Gothic Light";color:#888;}


@media screen and (max-width:1200px){
.bxslider > li {height:600px;}
.bxslider > li .back_img {width:100%;margin-left:0px;}
.bxslider > li .back_img img {width:100%;height:550px;}
}

@media screen and (max-width:1024px){
.bxslider > li {height:410px;}
.bxslider > li .back_img {width:100%;margin-left:0px;}
.bxslider > li .back_img img {width:100%;height:360px;}


@media screen and (max-width:768px){
.bxslider > li {height:390px;}
.bxslider > li .back_img {width:100%;;margin-left:0px;}
.bxslider > li .back_img img {width:100%;height:345px;}

.main_contents01 .mainimg {display:none;}
.main_contents01 .mainimg_m {display:block;}
}


@media screen and (max-width:640px){
.bxslider > li {height:370px;}
.bxslider > li .back_img {width:100%;margin-left:0px;margin-top:40px;}
.bxslider > li .back_img img {width:100%;height:330px;}

.main_contents01 .mainimg {display:none;}
.main_contents01 .mainimg_m {display:block;}
}

@media screen and (max-width:580px){
.bxslider > li {height:260px;}
.bxslider > li .back_img {width:100%;margin-left:0px;margin-top:40px;}
.bxslider > li .back_img img {width:100%;height:200px;}

.main_contents01 .mainimg {display:none;}
.main_contents01 .mainimg_m {display:block;}
}