/* 
Project : 월간유아 통권 400호 기념 이벤트
Author  : kang2oon
Date    : 2017-08-30
*/

/* Common */

/*@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);*/
*{-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html, body {
	font-family:'Spoqa Han Sans', 'Source Sans Pro', Apple SD Gothic Neo, Nanum Barun Gothic, Nanum Gothic, '???', Dotum, Verdana, Arial, sans-serif; color:#3b3b3b;
	font-size:16px;line-height:1.6;letter-spacing:-0.3px;
	-webkit-font-smoothing:antialiased;background:#fff;
	background:url(../images/bg_background.png) repeat-y 50% 0;
	}
.fleft{float:left;}
.fright{float:right;}
.aleft{text-align:left!important;}
.acenter{text-align:center!important;}
.alternative{z-index:-1;width:0;height:0;overflow:hidden;visibility:hidden;}
img{max-width:100%;}
a{text-decoration:none;color:inherit;}
caption{display:none;}
.mgb30{margin-bottom:30px;}

/* Layout */
.container-fluid{position:relative;width:100%;margin:0;}
.container{position:relative;width:1170px;margin:0 auto;}
.colorfff{color:#fff;}

.view_list .btn_view_list{ text-align:left; padding:10px; float:right; margin-right:30px; margin-top:13px;  height:40px; width:275px;background:#fff;cursor:pointer; line-height:10px; font-size:15px; font-weight:normal;}
	.view_list .btn_view_list li{height:28px;}
	.view_list .campaign_list{ display:none; position:absolute; top:42px; right:30px;width:275px; color:#3d3d3d; background:#fff;  padding:10px; font-size:1+px;  margin:0px 0 0 10px;  line-height:30px;z-index:999;}
	.view_list .campaign_list li{height:30px;list-style:none;}
	.view_list .campaign_list li a{color:#3d3d3d; text-decoration:none;}
	.view_list .campaign_list li a:hover{text-decoration:underline;}
	.view_list .btn_view_list li.arrow {    float: right;    display: inline-block;    margin: 3px 10px;	}
	.view_list .btn_view_list li.campaign {    font-size: 16px;    font-weight:normal;   margin: 5px 0 0 8px;    display: inline-block;    color: #3d3d3d; overflow:visible;}



.header{height:2049px;background:url(../images/top_bg.png) repeat-x 50% 100%; overflow:hidden; position:relative;}
	.header .logo{position:absolute; top:20px;  left:20px;}
	.header h1{text-align:center; margin-top:142px;}
	.header h2{text-align:center; margin-top:600px; margin-bottom:26px;}
	.header .source{position:absolute; bottom:-30px;  right:120px; font-weight:normal; font-family:'Dotum'; font-size:14px; color:#000;}
	.floating{position:fixed; top:300px; right:30px; z-index:9999;}
	
.dustall .bx-wrapper .bx-viewport{
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border:0px solid #fff;
    left:0px;
    background:0;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}	
	
.dustall .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 30px;
    height: 51px;
    text-indent: -9999px;
    z-index: 9999;
}	
.dustall .bx-wrapper .bx-prev {
    left:-50px;
    background: url(../images/dust_info_btn_prev.png) no-repeat;
}	
.dustall .bx-wrapper .bx-next {
    right:-50px;
    background: url(../images/dust_info_btn_next.png) no-repeat;
	hover:none;
}	
.dustall .bx-wrapper .bx-next:hover {
	background-position:0;
}
	
.dust{height:1230px;background:url(../images/bg_2.png) repeat-x 50% 100%; overflow:hidden;}	
	.dust_danger{text-align:center;}
	.dust_body{width:1170px; position:relative; margin:0 auto; margin-top:38px;}
	.dust_danger h3{text-align:center; margin-top:140px;}
	/*.dust_danger .dust_body{height:700px;background:url(../images/body.png)no-repeat; overflow:hidden; text-align:center; width:435px; margin:0 auto; margin-top:38px; position:relative;}*/
	/*.glass1{position:absolute; top:-7px; right:557px;}
	.glass1 a{width:55px; height:59px; display:inline-block; overflow:hidden; background:url(../images/magnifying_glass.png)0 0;}
	.glass1 a:hover{background-position:0 59px;}
	.glass11{position:absolute; right:77px; top:-37px;}
	
	.glass2 a{width:55px; height:59px; display:inline-block; overflow:hidden; background:url(../images/magnifying_glass.png)0 0;}
	.glass2{position:absolute; top:56px; right:610px;}
	.glass2 a:hover{background-position:0 59px;}
	.glass22{position:absolute; right:655px; top:21px;}
	
	.glass3 a{width:55px; height:59px; display:inline-block; overflow:hidden; background:url(../images/magnifying_glass.png)0 0;}
	.glass3 a:hover{background-position:0 59px;}
	.glass3{position:absolute; top:100px; right:557px;}
	.glass33{position:absolute; top:80px; right:130px;}
	
	.glass4 a{width:55px; height:59px; display:inline-block; overflow:hidden; background:url(../images/magnifying_glass.png)0 0;}
	.glass4 a:hover{background-position:0 59px;}
	.glass4{position:absolute; top:300px; right:500px;}
	.glass44{position:absolute; top:265px; right:65px;}
	
	.glass5 a{width:55px; height:59px; display:inline-block; overflow:hidden; background:url(../images/magnifying_glass.png)0 0;}
	.glass5 a:hover{background-position:0 59px;}
	.glass5{position:absolute; top:350px; right:585px;}
	.glass55{position:absolute; top:310px; right:630px;}
	
	.glass6 a{width:55px; height:59px; display:inline-block; overflow:hidden; background:url(../images/magnifying_glass.png)0 0;}
	.glass6 a:hover{background-position:0 59px;}
	.glass6{position:absolute; top:525px; right:713px;}
	.glass66{position:absolute; top:495px; right:765px;}
	
	.glass7 a{width:55px; height:59px; display:inline-block; overflow:hidden; background:url(../images/magnifying_glass.png)0 0;}
	.glass7 a:hover{background-position:0 59px;}
	.glass7{position:absolute; top:605px; right:550px;}
	.glass77{position:absolute; top:570px; right:120px;}
	*/

.dust_body a{width:55px; height:59px; display:inline-block; overflow:hidden; background:url(../images/magnifying_glass.png) 0 0;}
.dust_body a:hover{background-position:0 59px;}
.dust_body .glass1{position:absolute; top:-7px; right:557px;}
.dust_body .glass2{position:absolute; top:56px; right:610px;}
.dust_body .glass3{position:absolute; top:100px; right:557px;}
.dust_body .glass4{position:absolute; top:300px; right:500px;}
.dust_body .glass5{position:absolute; top:350px; right:585px;}
.dust_body .glass6{position:absolute; top:525px; right:713px;}
.dust_body .glass7{position:absolute; top:605px; right:550px;}

.dust_body .glass11{position:absolute; right:77px; top:-37px;}
.dust_body .glass22{position:absolute; right:655px; top:21px;}
.dust_body .glass33{position:absolute; top:80px; right:130px;}
.dust_body .glass44{position:absolute; top:265px; right:65px;}
.dust_body .glass55{position:absolute; top:310px; right:630px;}
.dust_body .glass66{position:absolute; top:495px; right:765px;}
.dust_body .glass77{position:absolute; top:570px; right:120px;}

.good_bye_dust{background-color:#fff; }	
	.good_bye_dust1{text-align:center; margin-top:128px; margin-bottom:137px;}
	
.OX{background-color:#fafcd2; padding-bottom:110px;}	
	.ox_qu{text-align:center;}
	.ox_pan{position:relative; width:994px;  margin:0 auto;}
		.ox_quiz{width:994px; height:660px;background:url(../images/box_bg.png) no-repeat; overflow:hidden; text-align:center; margin:0 auto;}
		.ox_quiz .ox_qu_tt{text-align:center; margin:40px 0 0 61px;}
		.ox_quiz .ox_check{text-align:center; margin:0 auto; display:inline-block;}
		.ox_quiz .ox_check{margin-top:10px; margin:10px auto 0; text-align:center; display:inline-block;}
		.ox_quiz .ox_check li{float:left; }
		.ox_quiz .ox_check .o_img a{width:312px; height:312px; display:inline-block; overflow:hidden; background:url(../images/img_o.png) 0 0; margin-right:70px;}
		.ox_quiz .ox_check .o_img a:hover{background-position:0 312px;}
		.ox_quiz .ox_check .x_img a{width:312px; height:312px; display:inline-block; overflow:hidden; background:url(../images/img_x.png) 0 0;}
		.ox_quiz .ox_check .x_img a:hover{background-position:0 312px;}
		.dark{position:absolute; top:13px; left:12px; width:969px; height:625px;background:url(../images/bg_gray.png) no-repeat; overflow:hidden; text-align:center; margin:0 auto;}
			.dark .answer li{float:left;}
			.dark .answer .ans_pan{padding:114px 46px 0 70px;}
			.dark .answer .ans_tt{width:490px; color:#fff; font-size:24px; text-align:left;}
			.dark .answer .ans_tt span{color:#ffd200}
			.dark .answer .ans_tt p{padding:154px 0 30px;}
		.score{background-color:#fff; width:969px; height:625px; position:absolute; top:13px; left:12px; border-radius:13px;font-size:40px; font-weight:bold;}
			.score h4{ color:#000; margin:110px 0 30px 0;}
			.score input{width:265px; height:104px; border-radius:10px; font-size:70px; border:3px solid #ee5157; color:#ee5157;  text-align:center; margin-right:5px;}
			.score p{display:inline-block; margin-bottom:5px; font-size:60px;}
			.score .score_pan{background-color:#f1f1f1; width:780px; height:160px; margin:0 auto; margin-top:50px;}
			.score .score_pan ul{display:inline-block; margin:0 auto; text-align:center; margin-top:24px;}
			.score .score_pan li{float:left; margin-right:40px;  text-align:center;}
			.score .score_pan .correct_answer{margin-bottom:-40px;}
			.score .score_pan p{font-size:20px; color:#000;}
			.score .score_pan p.colred{color:#b72c24;}
			
		.qz_next_btn{position:absolute; bottom:300px; right:-71px;}
	.ox_qu .period{position:absolute;  margin:10px 0 0 100px;}	
	.ox_qu .cul{font-family:'Dotum'; font-size:14px; color:#000;font-weight:normal; margin:3px 0 0 210px;}
			
.blocell{ height:456px; background:url(../images/blocell.png) repeat-x 50% 100%; position:relative;}	
	.blocell .blocell_section{text-align:center; }
	.blocell .blocell_section .blocell_btn{position:absolute; top:315px; right:350px;}
	
	
.vd{background-color:#ffb5aa;}
.last_section{text-align:center;}
	.last_section h5{padding-top:130px;}
	.last_section h6{padding:46px 0 42px;}
.last_btn{width:640px; text-align:center; display:inline-block; padding-bottom:50px;}
.btn1{float:left;}
.pdt50{padding-bottom:80px;}

.airclean{height:382px; background:url(../images/eoutlet_event.png) repeat-x 50% 100%;}
	.airclean_section{text-align:center; position:relative; }
	.eoutlet_btn{position:absolute; top:240px; left:500px;}
	

.footer{background:#3d3d3d; line-height:45px; font-size:13px; color:#8c8b8b; text-align:center;letter-spacing:2px;}