@charset "utf-8";
/* CSS Document */
.main_slide{width:100%; overflow:hidden;}
.main_slide .slider{width:100%; overflow:hidden;}
.main_slide .slider .sliderimg img{width:100%;}
/*
.main_slide .slider .sliderimg{background-repeat: no-repeat;background-position: center;background-size: cover;height:750px;}
.main_slide .slider .sliderimg.img1{background-image: url("../img/main/main_silde.jpg");}
.main_slide .slider .sliderimg.img2{background-image:url("../img/main/main_silde.jpg");}
.main_slide .slider .sliderimg.img3{background-image:url("../img/main/main_silde.jpg");}
*/
.main_con{width:100%; overflow:hidden;}
.main_wid{width:100%;max-width:1200px;margin:0 auto;padding: 60px 0 30px;overflow: hidden;}
.main_wid2{width:100%;max-width:1200px;margin:0 auto;padding: 60px 0 0 0;overflow: hidden;}
.vpc_on{display:block !important;}
.vm_on{display:none !important;}

.customimg{width:100%; overflow:hidden;}
.customimg img{width:100%;}

.main_tit{width: 99%;margin-bottom: 20px;margin-left: 1%;}
.main_tit .t1{font-size:18px;margin-bottom: 5px;}
.main_tit h2{font-size:46px;}

.thumbnail-wrappper {width: 25%; }
.thumbnail {position: relative;padding-top: 75%;  /* 1:1 ratio */overflow: hidden;border-radius: 25px;box-shadow: 0 3px 5px rgba(0,0,0,0.16);background: #E6E6E6;}
.thumbnail .centered  {position: absolute;top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);}
.thumbnail .centered img {position: absolute;top: 0;left: 0;max-width: 100%;height: auto;-webkit-transform: translate(-50%,-50%) scale(1);-ms-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);}
.thumbnail .centered img:hover { -webkit-transform: translate(-50%,-50%) scale(1.05);-ms-transform: translate(-50%,-50%) scale(1.05);transform: translate(-50%,-50%) scale(1.05);  transition: .5s; opacity: 0.8;}

.conbox1{width:100%;}
.conbox1 .boxs{float:left;width: 23%;margin-right:1%; margin-left:1%; margin-bottom: 40px;cursor: pointer;}
/*.conbox1 .boxs:nth-child(4n){margin-right:0;}*/
.conbox1 .boxs .tx1{text-align:center;font-size: 20px;margin-top: 15px;font-weight: 500;}


.btnBox { text-align:center;}
/* 팝업 영역 */
.popCmmn {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index: 100;}
.popCmmn.wid850{}
.popBg {position:absolute; top:0; left:0; width:100%;height:100%; background:rgba(0,0,0,0.7);}
.popInnerBox {display:flex;justify-content:space-between;flex-direction:column;position:absolute;top:50%;left:50%;width: 100%;max-width: 850px;height: auto;/* margin:-125px 0 0 -200px; */text-align:center;background:#fff;border-radius: 30px;transform: translate(-50%, -50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);padding: 30px;}
.popBody {box-sizing:border-box;font-size:14px;position: relative;}
.popCloseBtnCmmn {width:100%;background:#3D3D3D;font-size:20px;color:#fff;border: none;border-radius: 15px;padding: 13px;font-weight: 700;margin-top: 20px;transition:all 0.3s;}
.popCloseBtnCmmn:hover {background:#000;}
.popCloseBtnCmmn.closebtn{border:none;background-color: #fff;padding: 0;margin: 0;}
.pop_img{width:100%;overflow:hidden;border-radius: 15px;}
.pop_img img{width: auto;height: 500px;/* max-width: 500px; */}
.pop_tx{font-size:20px; margin-top:7px;}

.main_bg1{background: url("../img/main/intro_bg01.png") center no-repeat; background-size: cover;}
.popCmmn.wid580 .popInnerBox{max-width:580px;}
.pop_line1{width:100%;overflow: hidden;margin-bottom: 30px;}
.pop_line1 .line1_img{width: 43%;float:left;}
.pop_line1 .line1_img .thumbnail{box-shadow:none;}
.pop_line1 .line1_tx{width: 52%;float:right;text-align: left;margin-top: 15px;}
.pop_line1 .line1_tx p{font-size:20px;margin-bottom: 15px;width:100%;overflow: hidden;}
.pop_line1 .line1_tx p span.box1{width:22%; float:left; font-weight: bold;}
.pop_line1 .line1_tx p span.box2{width:78%; float:left; }
.pop_line2{width:100%; text-align:left;}
.pop_line2 .tx1{font-size: 24px;font-weight: 800;margin-bottom: 10px;}
.pop_line2 > ul >li{font-size: 20px;margin-bottom: 10px;padding-left: 10px;background: url("../img/main/main_dot.png") left 9px no-repeat;}

.pop_close{position: absolute;right: 0;top: 0;}
.pop_login{width:100%; overflow:hidden;}
.pop_login .login_logo{margin: 40px 0 30px;}
.pop_login .login_logo img{}
.pop_login .login_tit {margin: 40px 0 30px;font-size: 30px;font-weight: bold;}
.pop_login .login_tit::after{content: "";display: block;width: 40px;height: 1px;background: #333;margin: 0 auto;margin-top: 10px;}
.pop_login .login_in{}
.pop_login .login_in .inw{width:100%;border-radius: 15px;height: 50px;border: 1px solid #C9C9C9;background: #f2f2f2;margin-bottom: 5px;padding: 0 15px;font-size: 20px;}
.pop_login .login_in .btnw{width:100%;background: #9A0000;border: none;border-radius: 15px;color: #fff;font-weight: 900;height: 50px;font-size: 20px;margin-top: 5px;}
.find_login {width:100%;overflow:hidden;margin-top:10px;margin-bottom: 30px;}
.find_login li{display: inline-block;font-size: 16px;margin: 0 3px;}
.find_login li button{border:none; background-color:#fff;}

.map_var1{width:100%; overflow:hidden;}
.map_var1 .box1{width:55%; float:left;}
.map_var1 .box2{width:45%;float:left;background: url("../img/main/map_bg01.jpg") right bottom no-repeat;background-color: #27282a;height: 580px;padding: 100px 20px 0 70px;}
.map_var1 .box2 .tx1{font-size:16px;color: #ff4848;font-weight: bold;margin-bottom: 10px;}
.map_var1 .box2 .tx2{font-size:26px;color: #fff;font-weight: 700;margin-bottom: 70px;}
.map_var1 .box2 .tx3{font-size:18px;color: #B1B1B1;margin-bottom: 20px;}
.map_var1 .box2 .tx3 span{width:100px;display: inline-block;font-weight: 700;color: #fff;}

.map_var2{width:100%;overflow:hidden;}
.map_var2 .box1{width:55%;float:left;height: 580px;background: #27282a;position: relative;}
.map_var2 .box1 img{width:100%;position: absolute;left: 0;top:50%;transform: translate(0, -50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%); height: 580px;}
.map_var2 .box2{width:45%;float:left; height: 580px; background: url("../img/main/map_img.png") center no-repeat; background-size: cover;}

.conbox1 .thumbnail {height:215px;}
.conbox1 .thumbnail .centered img{height:215px;width: auto !important;object-fit: cover;}
.pop_line1 .line1_img .thumbnail .centered img{height:170px ;}
.noimg{width:100%; max-width:69px !important; height: auto !important;}














@media only screen and (max-width: 1240px){
	.main_wid, .main_wid2{width:auto; padding-left:20px; padding-right:20px;}

}
@media only screen and (max-width: 960px){
	/*.main_slide .slider .sliderimg{height:500px;}*/
	.slick-next, .slick-prev{background-size:36px 60px !important;width: 36px !important;height: 60px !important;}
	.slick-dots{bottom:10px !important;}
	.slick-dots li button:before{width:10px !important; height:10px !important;}
	
	.main_tit .t1{font-size:16px;}
	.main_tit h2{font-size:36px;}
	
	.conbox1 .boxs{width: 48%;}
	.conbox1 .boxs:nth-child(2n){margin-right:0;}
	
	.popCmmn.wid850 .popInnerBox{max-width: 90%;}
	.popCmmn.wid580 .popInnerBox{max-width: 90%;}
	
	.map_var1 .box1{width:100%; }
	.map_var1 .box1 iframe{height:400px;}
	.map_var1 .box2{width:100%; padding:50px; height:auto; }
	.map_var1 .box2 .tx2{margin-bottom:30px;}
	
	.map_var2 .box1{width:100%;height: auto;}
	.map_var2 .box1 img{position: static;top: 0;transform: translate(0,0);-webkit-transform: translate(0,0);-ms-transform: translate(0,0); height: auto;}
	.map_var2 .box2{width:100%; height:200px; }
		
	.conbox1 .thumbnail {height:330px;}
	.conbox1 .thumbnail .centered img{height:330px;}
	
	.pop_line1 .line1_img{height:200px;}
	.pop_line1 .line1_img .thumbnail{height:200px; padding-top:0;}
	.pop_line1 .line1_img .thumbnail .centered img{height:200px;object-fit: cover;}
	
}
@media only screen and (max-width: 768px){
	/*.main_slide .slider .sliderimg{height:350px;}*/
	.vpc_on{display:none !important;}
	.vm_on{display:block !important;}
	
	.main_wid{padding-top: 30px;padding-bottom: 20px;}
	.main_wid{padding-top: 30px;}
	
	.conbox1 .boxs{margin-bottom:20px;}
	.conbox1 .boxs .tx1{font-size:16px;margin-top: 10px;}
	
	.thumbnail{border-radius:15px;}
	
	.popInnerBox{padding:15px;}
	.popCloseBtnCmmn{font-size:16px;padding:10px;border-radius: 10px;margin-top: 5px;}
	.pop_line2{margin-bottom:20px;}
	.pop_line1{margin-bottom:20px;}
	.pop_line1 .line1_tx p{font-size:16px;}
	.pop_line1 .line1_tx p span.box1{width:18%; }
	.pop_line1 .line1_tx p span.box2{width:82%; }
	.pop_line2 .tx1{font-size:18px;}
	.pop_line2 > ul >li{font-size:15px;background: url(../img/main/main_dot.png) left 6px no-repeat;}
	.pop_tx{font-size:17px; margin-top:7px; margin-bottom: 7px}
	
	.map_var1 .box2{padding:30px 20px;}
	.map_var1 .box2 .tx1{font-size:13px;}
	.map_var1 .box2 .tx1 img{width:13px;}
	.map_var1 .box2 .tx2{font-size:20px;}
	.map_var1 .box2 .tx3{font-size:15px;margin-bottom: 10px;}
	
	.map_var2 .box2{height:100px;}
	
	.pop_login .login_in .inw{font-size:16px;border-radius: 10px;padding: 0 10px;height: 44px;}
	.pop_login .login_in .btnw{font-size:16px;border-radius: 10px;padding: 0 10px;height: 44px;}
	
	.pop_img img{width:100%; height:100%;}
	
	.conbox1 .thumbnail {height:215px;}
	.conbox1 .thumbnail .centered img{height:215px;}
}
@media only screen and (max-width: 480px){
	.pop_line1 .line1_tx p span.box1{width:100%; }
	.pop_line1 .line1_tx p span.box2{width:100%; }
	
	.conbox1 .thumbnail {height:170px;}
	.conbox1 .thumbnail .centered img{height:170px;}
	
	.popCmmn.wid580 .popInnerBox{overflow:auto; max-height:500px;}
	.pop_line1 .line1_img{width:100%;}
	.pop_line1 .line1_tx{width:100%;}
}