.main_count {width:100%;height:210px;}
.main_count .circle_wrap {width:1080px; height:250px; text-align:center; margin:0px auto; }
.main_count .circle_wrap .circle {width:130px; margin-right:28px; height:100px; background-color:#C7C7C7; float:left; border-radius:50%; text-align:center; color:#fff; padding-top:30px; font-size:16px; cursor:pointer;}
.main_count .circle_wrap .circle:hover {background-color:#612581;}
.main_count .circle_wrap .circle span{font-size:48px;}
.main_recom {width:100%; height:380px; background-color:#F7F7F7; float:left; padding-top:40px;}
.main_recom .recom_wrap {margin:0px auto; font-weight:bold; font-size:22px; width:1080px;}
.main_recom .recom_wrap p{margin-bottom:10px;}
.main_recom .recom_wrap .wrap1{width:530px; border:1px solid #c4c4c4; float:left; height:300px; margin-right:16px;}
.main_recom .recom_wrap .wrap2{width:530px; border:1px solid #c4c4c4; float:left; height:300px;}
/* ��õ ����ȸ */
.main_exh {width:100%; height:auto; float:left; padding-top:50px;}
.main_exh .wrap {margin:0px auto; font-weight:bold; width:1080px; height:580px;}
.main_exh .wrap p{font-size:22px; font-weight:bold; margin-bottom:10px;}
.main_exh .wrap span{color:#404040; float:right;}
.main_exh .wrap .exh{width:340px; float:left;  margin-right:30px;}
.main_exh .wrap .exh .img{width:100%; float:left; height:452px; border:1px solid #c4c4c4;}
.main_exh .wrap .exh span{width:330px; float:left; padding:5px 20px 5px 20px;}
.main_exh .wrap .info{width:340px; float:left; height:100px; margin-right:8px; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; overflow:hidden}
.main_exh .wrap .info .ttl{
font-size:20px;
white-space:nowrap;
width:300px;
position:relative;
}
@keyframes marquee {
  0% { left: 0; }
  100% { left: -50%; }
}

/* �۰� ��� , ����ȸ ���*/
.main_reg {width:100%; height:200px;  float:left;}
.main_reg .wrap{width:1080px; height:100%; margin:0px auto;}
.main_reg .wrap .content{width:529px; float:left; height:200px; margin-right:18px;}
.main_app {width:100%; height:700px;  float:left; margin-bottom:20px;}
.main_app .wrap{width:1080px; height:100%; margin:0px auto;}
.main_line{background-color:#F7F7F7; width:1280px; height:960px; float:left; margin-top:80px; padding-top:40px; margin-bottom:20px;}

/* 2018-05-16 */
/*.area_con{width:1280px; margin:0px auto; height:700px;  background-image:url('/img/area_bak.jpg'); background-size:cover; background-position:center center;}*/
/*.sns_con{width:1280px; margin:0px auto; height:470px; background-image:url('/img/sns_bak.jpg'); background-size:cover; background-position:center center; position:relative}*/

.area_con{width:1280px; margin:0px auto; height:700px;}
.area_con .ttl{width:100%; max-width:1280px;  text-align:center; padding-top:80px; font-size:28pt; font-weight:bold; font-family:"NanumSquareEB"; letter-spacing:-1.3px;}
.sns_con{width:1280px; margin:0px auto; height:470px; position:relative}
.sns_con .ttl{width:100%; max-width:1280px; color:#797979; text-align:center;  padding-top:70px; font-size:28pt; font-weight:bold; margin-bottom:60px;}

.sns_con .sns_box .box{width:320px; float:left; margin-right:20px; background-color:#fff; height:320px; box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.15);}
.sns_con .sns_box .box:nth-child(3n){margin-right:0px;}
.exp_wrap {width:100%; height:1000px; float:left; background-image:url('/img/back.png'); background-size:cover; background-position:center bottom;}
.exp_wrap .exp_con{width:1280px; margin:0px auto; padding:60px 60px 0px 60px;}

.exp_wrap .exp_img{width:100%; float:left; height:500px;}
.exp_wrap .exp_con .mm{margin-right:30px; padding:5px;  -webkit-box-shadow: 0 0 10px #C3C3C3; box-shadow: 0 0 10px #C3C3C3;}
.exp_wrap .exp_con .mm:nth-child(2n){margin-right:0px;}


.exp_wrap .elogo{top:0px; left:0px; width:280px; height:200px; position:absolute; z-index:2; }
.exp_wrap .box1{top:0px; left:550px; width:200px; height:200px; position:absolute; background-color:#f3e6e6; z-index:2 }
.exp_wrap .box2{top:200px; left:0px; width:200px; height:200px; position:absolute; background-color:#cdbed5; z-index:2 }
.exp_wrap .box3{top:200px; left:200px; width:350px; height:350px; position:absolute; background-color:#bebed5; z-index:2 }
.exp_wrap .box4{top:200px; left:550px; width:200px; height:200px; position:absolute; background-color:#cdbed5; z-index:2 }
.exp_wrap .box5{top:400px; left:550px; width:350px; height:350px; position:absolute; background-color:#bebed5; z-index:2 }
.exp_wrap .box6{top:550px; left:350px; width:200px; height:200px; position:absolute; background-color:#f3e6e6; z-index:2 }
.exp_wrap .box7{top:200px; left:750px; width:200px; height:200px; position:absolute; background-color:#f3e6e6; z-index:2 }
.exp_wrap .box8{top:750px; left:0px; width:350px; height:350px; position:absolute; background-color:#bebed5; z-index:2 }
.exp_wrap .box9{top:750px; left:550px; width:200px; height:200px; position:absolute; background-color:#f3e6e6; z-index:2 }
.exp_wrap .box10{top:950px; left:350px; width:200px; height:200px; position:absolute; background-color:#cdbed5; z-index:2 }
.exp_wrap .circle1{top:20px; left:450px; width:400px; height:400px; position:absolute; background-color:rgba(137,42,128,0.15); border-radius:50%;}

.art_wrap {width:100%; height:auto; float:left; margin:0px auto; }
.art_wrap .art_con{width:1000px; margin:0px auto; height:100%;}
.art_wrap .ttl{width:100%; max-width:1000px; color:#797979; text-align:center; margin-top:100px; margin-bottom:50px; font-size:28pt; font-weight:bold;}
.art_wrap .box_warp{width:100%; max-width:1000px; color:#797979; text-align:center;  height:auto; margin-top:10px;}
.art_wrap .box_warp .box{width:300px; float:left; margin-right:50px; background-color:#fff; height:400px; box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.4); position:relative; background-size:cover; margin-bottom:10px;}
.art_wrap .box_warp .box .info{width:300px;  height:100px; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0; text-align:left;}
.art_wrap .box_warp .box .info span{width:285px; color:#fff; float:left; padding:0 0 0 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
.art_wrap .box_warp .box .info span:nth-child(1n){margin-top:8px;}
.art_wrap .box_warp .box:nth-child(3n){margin-right:0px;}
.art_wrap .box_warp .box:nth-child(2n){margin-top:50px;}

.area_box{
	margin:0px auto;
	width:1000px;
	height:564px;
	margin-top:70px;
}
.area_box .main_wrap{
	
	width:250px;
	height:250px;
	float:left;
	cursor:pointer;
	background-size:cover;
	background-position:center center;
}

.area_box .main_wrap .hover_wrap{
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	color:#fff;
	position:relative;
}

.area_box .main_wrap .hover_wrap .cnt{
	position:absolute;
	font-family:"NanumSquareR";
	font-size:43.5px;
	left:0px;
	width:100%;
	top:105px;
	text-align:center;
	display:none;
}
.area_box .main_wrap .hover_wrap .area{
	position:absolute;
	font-family:"NanumSquareR";
	font-size:24.5px;
	letter-spacing:-1px;
	left:0px;
	top:115px;
	width:100%;
	text-align:center;
}

#btn{
	padding:10px 35px 10px 35px;
	background-color:#fff;
	border:1px solid #c8c8c8;
	font-size:18px;
	border-radius:5px;
	color:#acacac;
	margin-top:50px;
	margin-bottom:30px;
}

#btn:hover{
	background-color:#500089;
	color:#fff;
	border:1px solid #500089;
}


.main_slider .slick-dots li.slick-active {
    background: #fff;
	width:15px;
	height:15px;
}

.main_slider .slick-dots {
    position: absolute;
    left:0px;
	width:100%;
	bottom:15px;
}
.slick-dots li button:before{
	display:none;
}
.main_slider .slick-dots li {
    display: inline-block !important;
    margin-left: 3px;
    margin-right: 3px;
    vertical-align: middle;
    background: transparent;
    border: 2px solid #fff;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    display: block;
    font-size: 0px;
    -webkit-transition: width 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;
    padding: 0;
    outline: 0;
    -webkit-box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
}



.main_slider2 .slick-dots li.slick-active {
    background: #fff;
	width:15px;
	height:15px;
}

.main_slider2 .slick-dots {
    position: absolute;
    left:0px;
	width:100%;
	bottom:15px;
}
.slick-dots li button:before{
	display:none;
}
.main_slider2 .slick-dots li {
    display: inline-block !important;
    margin-left: 3px;
    margin-right: 3px;
    vertical-align: middle;
    background: transparent;
    border: 2px solid #fff;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    display: block;
    font-size: 0px;
    -webkit-transition: width 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;
    padding: 0;
    outline: 0;
    -webkit-box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
    box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
}




#now-button{
	color: #87CEEB;
}