@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(default.css);
@import url(common.css);


.visual{position:relative;}
.visual .popup{display:block;overflow:hidden; position:relative; width:100%;}
.visual .popup ul {position:absolute;left:0; top:0;}
.visual .popup ul li{position:relative; height:774px; float:left; overflow:hidden; }
.visual .popup ul li a{display:block; width:1200px; margin:0 auto; height:774px; z-index:11; position:relative;}
.visual .popup ul li img.pc{position:absolute; left:50%; margin-left:-1000px; top:0; z-index:10;}
.visual .popup ul li img.moblie{display:none;}

.visual .btn_group{position:absolute; left:0; bottom:180px; width:100%; text-align:center;z-index:13;}
.visual .btn_group .paging{display:inline-block; vertical-align:middle; margin-bottom:12px;}
.visual .btn_group .paging button{width:5px; height:5px; border-radius:5px; border:2px solid #fff; font-size:0; line-height:0;}
.visual .btn_group .paging button.active{background:#fff;}


@media screen and (max-width:640px){
	.visual{margin-top:60px;}
	.visual .popup{display:block;overflow:hidden; position:relative; width:100%;color:#fff;}
	.visual .popup ul{position:absolute; left:0; top:0;}
	.visual .popup ul li{height:auto;}
	.visual .popup ul li a{display:block;width:100%;height:100%;position:absolute; left:0;top:0;}
	.visual .popup ul li img.pc{display:none;}
	.visual .popup ul li img.moblie{display:block;position:relative; left:50%; margin-left:-320px; top:0;}
	.visual .btn_group{display:none;}
}
	


.visual .info{position:absolute;left:0;bottom:0;width:100%;z-index:15;}
.visual .info a{text-decoration:none;}
.visual .info ul{text-align:center;}
.visual .info ul li{float:left;background:rgba(21,21,21,0.9);width:300px;height:179px;}
.visual .info ul li:last-child{background:rgba(0,0,0,0.9);}
.visual .info ul li:last-child img{float:left;margin:20px 10px 0 20px;}
.visual .info ul li:last-child h4{text-align:left;margin:30px 0 0 0;font-weight:500;}
.visual .info ul li:last-child p{text-align:left;line-height:1.3;margin:25px 0 0 25px;}
.visual .info img{margin:20px 0 5px 0;}
.visual .info h4{font-size:17px; color:#9f9f9f;font-weight:400;}
.visual .info p{font-size:15px; color:#9f9f9f;font-weight:300;margin:10px 0 0 0;}

@media screen and (max-width:640px){
	.visual .info{margin-top:-1px;position:relative}
	.visual .info .wrap{margin:0;}
	.visual .info ul li{float:left;background:rgba(21,21,21,0.9);width:50%;height:85px;}
	.visual .info ul li:first-child{background:rgba(0,0,0,0.9);}
	.visual .info ul li:last-child{background:rgba(0,0,0,0.9);}
	.visual .info ul li:last-child img{float:none;margin:10px 0 0 0;width:40px;}
	.visual .info ul li:last-child h4{text-align:center;margin:0;font-weight:500;}
	.visual .info ul li:last-child p{display:none;}
	.visual .info img{margin:10px 0 0 0;width:50px;}
	.visual .info h4{font-size:15px; color:#9f9f9f;font-weight:400;}
	.visual .info p{display:none;}
}

.main{background:url(../images/main/main_bg.jpg)no-repeat top center;height:2378px;}
.main h3{text-align:center;font-size:30px;font-weight:900;padding-top:80px;}
.main button{font-size:14px;font-weight:600;color:#8d8d8d;float:right;}
.main p{text-align:center;font-size:18px;}
.main a{display:block;text-decoration:none;color:#393939;}
.main .art{height:2050px;margin:-90px 0 0 0;position:relative;}
.main .art .box1{position:relative;width:580px;height:581px;float:left;text-align:right;margin:90px 0 0 0;}
.main .art .box1 .txt_box{position:absolute;left:153px;top:-90px;}
.main .art .box2{float:left;text-align:right;margin:0 0 0 30px;position:relative;}
.main .art .box2 .txt_box{position:absolute;left:33px;bottom:-90px;}
.main .art .box3{position:relative;left:125px;top:180px;width:320px;height:358px;margin:200px 0 0 0;}
.main .art .box3 .txt_line{width:750px;position:relative;left:155px;bottom:450px;}
.main .art .box3 .txt_line h4{margin-left:180px;}
.main .art .box4{float:left;width:279px;height:473px;margin:500px 0 0 0;}
.main .art .box4 .txt_box{position:relative;left:43px;top:-90px;}
.main .art .box5{position:relative;left:125px;top:-200px;width:420px;height:596px;}
.main .art .box5 .txt_line{width:722px;position:relative;left:300px;bottom:350px;}
.main .art .box5 .txt_line h4{font-size:35px; margin-left:100px;padding:20px 0 10px 0;}
.main .art .box5 .txt_line p{text-align:left;margin:0 0 20px 130px;}

.main .art .txt_box{text-align:left;background:#fff;width:393px;height:183px;}
.main .art .txt_box h4{font-size:20px;font-weight:900;padding:40px 30px 30px 30px;line-height:1.3;}
.main .art .txt_box p{font-size:16px;font-weight:400;margin:0 0 30px 0;}
.main .art .txt_line{border:4px solid #838383;}
.main .art .txt_line h4{font-size:45px;font-weight:900;padding:40px 30px 30px 30px;line-height:1.3;}

@media screen and (max-width:640px){
	.main{background:url(../images/main/main_bg.jpg)no-repeat center center;height:800px;width:auto;background-size:cover;}
	.main .wrap{margin:0;}
	.main h3{text-align:center;font-size:20px;font-weight:900;padding-top:50px;}
	.main button{font-size:14px;font-weight:400;margin:20px;}
	.main p{text-align:center;font-size:15px;margin-bottom:30px;}
	.main img{display:none;}
	.main .art{height:auto;margin:0;position:relative;}
	.main .art .box1{background:url(../images/main/main_img1_m.jpg)no-repeat center center;position:relative;height:300px;margin:0;float:none;width:100%;}
	.main .art .box1 .txt_box{background:rgba(255,255,255,0.6);width:100%;height:35%;position:absolute;left:0;top:65%;}
	.main .art .box2{background:url(../images/main/main_img2_m.jpg)no-repeat center center;position:relative;height:300px;float:none;margin:auto;width:100%;}
	.main .art .box2 .txt_box{background:rgba(255,255,255,0.6);width:100%;height:35%;position:absolute;left:0;top:65%;}
	.main .art .box3{display:none;}
	.main .art .box4{display:none;}
	.main .art .box5{display:none;}
	.main .art .txt_box h4{text-align:left;font-size:18px;padding:15px;}
	.main .art .txt_box p{text-align:left;font-size:15px;font-weight:400;padding:0 15px;}
}	

.notice{height:650px;}
.notice h3{text-align:center;font-size:30px;font-weight:900;padding-top:80px;}
.notice p{display:block;text-align:center;font-size:18px;}
.notice ul{margin-top:90px;}
.notice ul li{float:left;width:400px;}
.notice ul li span{margin-left:15px;}
.notice ul li:first-child span{margin-left:0;}
.notice em{margin:0 0 15px 5px;font-size:16px;color:#3a3a3a;display:block;font-weight:500;line-height:1.2;}
.notice a{text-decoration:none;font-size:14px; color:#8d8d8d;font-weight:500;margin-left:5px;}
.notice .noti span{text-align:center;background:#6d6d6d;padding:35px 13px;font-size:18px;color:#fff;}

.notice .txt{width:286px;float:right;margin-top:-15px;}
.notice .news{margin-top:90px;}
.notice .news span{text-align:center;background:#232323;padding:35px 13px;font-size:18px;color:#fff;}

@media screen and (max-width:640px){
	.notice{height:auto;margin-bottom:50px}
	.notice h3{text-align:center;font-size:20px;font-weight:900;padding-top:50px;}
	.notice p{display:block;text-align:center;font-size:15px;}
	.notice ul{margin-top:50px;}
	.notice ul li{float:none;width:100%;}
	.notice .noti li{background:url(../images/main/noti_bg1.jpg)no-repeat left top 3px;}
	.notice .news li{background:url(../images/main/noti_bg2.jpg)no-repeat left top 3px;}
	.notice ul li:nth-child(2),
	.notice ul li:nth-child(3){display:none;}
	.notice ul li:first-child span{margin-left:35px;}
	.notice em{margin:5px 0;font-size:15px;color:#3a3a3a;display:block;font-weight:400;line-height:1.2;width:100%;}
	.notice a{text-decoration:none;font-size:14px; color:#8d8d8d;font-weight:500;margin-left:0;}
	
	.notice .txt{width:auto;float:left;margin-top:0;}
	.notice .news{margin-top:30px;}
	.notice .noti span{display:block;text-align:left;background:none;padding:0;font-size:18px;font-weight:500;color:#393939;}
	.notice .news span{display:block;text-align:left;background:none;padding:0;font-size:18px;font-weight:500;color:#393939;}
}


.collection{text-align:center;color:#fff;margin-bottom:150px;}
.collection h3{font-size:20px; font-weight:300;background:url(../images/main/collec_more.png)no-repeat bottom 90px center;height:41px;padding:130px;}
.collection a{text-decoration:none;color:#fff;}
.collection .survey{background:url(../images/main/collec_1.jpg)no-repeat center top;height:319px;margin-bottom:6px;}
.collection .collec{float:left;background:url(../images/main/collec_2.jpg)no-repeat left top;height:319px;width:597px;}
.collection .event{float:right;background:url(../images/main/collec_3.jpg)no-repeat right top;height:319px;width:597px;}
@media screen and (max-width:640px){
	.collection{text-align:center;margin-bottom:0;}
	.collection .wrap{margin:0;}
	.collection h3{font-size:16px;padding:65px 0;background:url(../images/main/collec_more.png)no-repeat bottom 30px center;}
	.collection .survey{background:url(../images/main/collec_1.jpg)no-repeat center top;height:200px;margin-bottom:0;}
	.collection .collec{float:left;background:url(../images/main/collec_2.jpg)no-repeat left top;height:200px;width:50%;}
	.collection .event{float:right;background:url(../images/main/collec_3.jpg)no-repeat right top;height:200px;width:50%;}
}