@charset "utf-8";

@media screen and (min-width:1px) and (max-width:999px) {
	.outer {background-image:none;padding:0px;width:auto;}
	.all_wrap {background-image:none;padding:0px;width:auto;background-color:#fff;}

	h1.logo {width:120px;margin:0;padding:13px 10px 17px;}
	h1.logo a{height:19px;background-image:url("../images/mobile/title.png");background-size:100%;}

	h1.logo2 {display:block;background-color:#fff;}
	h1.logo2 a {display:block;width:209px;height:38px;font-size:0px;line-height:0px;text-indent:-9999;
		background-image:url("../images/mobile/title2.jpg");background-repeat:no-repeat;background-position:left center;background-size:100%;
	}
	.head_month {width:185px;height:49px;position:absolute;left:150px;top:4px;
		background-image:url("../images/mobile/head_month.png");background-size:100%;
	}


	#header {float:none;width:100%;
		background-image:url("../images/mobile/header_bg.png");background-repeat:repeat-x;background-position:left top;background-size:1px 49px;
	}
	.gnb_open {display:block;position:absolute;right:0px;top:0px;width:40px;height:40px;}
	.gnb_close {display:block;position:absolute;right:10px;top:6px;width:25px;height:25px;}
	.mobi_box {position:fixed;top:0px;left:-100%;width:80%;padding-right:20%;height:100%;z-index:999;margin:0;
		background-image:url("../images/mobile/gnb_bg.png");background-repeat:repeat;
	}
	.mobi_box_in {position:relative;background-color:#e7e7e7;height:100%;}
	#gnb {top:0px;background-image:none;padding-top:0px;margin-bottom:20px;background-color:#fff;}
	.nav-item {border-bottom:1px solid #d6d6d6;border-top:0px;}
	.nav-item:first-child {border-top:2px solid #000;}
	.nav-item > a {color:#222;border:0px;font-size:20px;}
	.nav-item > a:hover {background-image:none;color:#fff;background-color:#81c44c;}

	body[class*="dp1"] .nav-item.depth01 > a,
	body[class*="dp2"] .nav-item.depth02 > a,
	body[class*="dp3"] .nav-item.depth03 > a,
	body[class*="dp4"] .nav-item.depth04 > a,
	body[class*="dp5"] .nav-item.depth05 > a {background-image:none;color:#fff;background-color:#81c44c;}

	div[class*="head_item"] span {padding-right:20px;background-color:#fff;}
	div[class*="head_item"] span a {color:#626262;font-weight:bold;padding:15px;
		background-position:right center;
	}
	div.head_item01 span a {
		background-image:url("../images/mobile/head_item_bg.png");background-size:5px;
	}
	div.head_item02 span a {color:#cdcdcd;}

	#cont_sbj {float:none;width:auto;margin:20px;}

	#other_zine {width:100%;padding:0px;padding-top:10px;}
	#other_close {display:block;position:absolute;right:10px;top:6px;width:25px;height:25px;}
	#other_zine h2 img {width:157px;}

	.cont_in {word-break:break-all;}

	[class*="desk_p"] {padding:0px;}
	[class*="desk_"] {display:inline}


	#interview .sub_tit br {display:block;}

}
@media screen and (min-width:591px) and (max-width:900px) {
	.other_zine_cont {width:590px;}
	.other_zine_cont li:nth-child(3n) {margin-right:30px;}
	.other_zine_cont li:nth-child(2n) {margin-right:0px;}
}
@media screen and (min-width:851px) and (max-width:999px) {
	.m_f_cont {width:800px;margin:0 auto 10px;}
	.interview_box .right_box {width:590px;}
}
@media screen and (min-width:1px) and (max-width:850px) {
	#focus_on li a {background-size:107px;height:60px;}


	#footer .left_box {display:none;}
	#footer .right_box {float:none;width:auto;}
}
@media screen and (min-width:631px) and (max-width:850px) {

	#rep_lib > div,
	#notice {width:41%;}
	#quiz {width:41%;padding:0 25px;}
	#interview {padding-left:20%;width:25%;}

	.interview_box .right_box {width:450px;}
	.ebook_box .ebook_cont {width:400px;}

	.left_onf {width:350px;}

}
@media screen and (min-width:731px) and (max-width:830px) {
	#cover_story .left_box {width:430PX;display:block;}
	#cover_story .cont_box p {height:100px;}
}
@media screen and (min-width:1px) and (max-width:730px) {
	#cover_story .left_box {width:340px;display:block;}
	#cover_story .tit {padding-bottom:10px;}
	#cover_story .sub_tit {padding-top:10px;}
	#cover_story .cont_box p {height:82px;padding-top:10px;}

	.interview_box .img {display:inline-block;width:100px;}
	.interview_box .right_box {width:450px;}
}
@media screen and (min-width:631px) and (max-width:730px) {
}
@media screen and (min-width:1px) and (max-width:630px) {
	#rep_lib .left_box,
	#rep_lib .right_box,
	#interview,
	#notice {float:none;margin:0 auto 10px;}
	#quiz {float:none;text-align:center;margin:0 auto;max-width:100%;width:390px;background-size:100%;}

	#cover_story .left_box {display:none;}
	#cover_story .right_box {float:none;width:auto;}
	
	.ebook_box .ebook_cont {width:auto;}
	.ebook_box2 .ebook_cont {width:auto;}

	.onf_box.type01 .onf_list {background-size:15px;}
	.onf_box.type02 .onf_list > h4 a {background-size:15px;background-position:right 10px;}

	.interview_box .img {margin:0 auto 10px;display:block;float:none;}
	.interview_box .right_box {width:auto;float:none;}
	.interview_box h3.tit {font-size:20px;}
	.interview_box h3.tit span {font-size:16px;}

	.left_onf {float:none;width:auto;}
	.right_onf {float:none;margin:0 auto;}

}
@media screen and (min-width:1px) and (max-width:590px) {
	.other_zine_cont {width:280px;}
	.other_zine_cont li {margin-right:0px;}
}
@media screen and (min-width:1px) and (max-width:520px) {
	.head_month {width:110px;height:49px;position:absolute;left:150px;top:4px;
		background-image:url("../images/mobile/head_month.png");background-size:184px;background-position:left center;
	}

	#focus_on li a {background-size:100%;}
}
@media screen and (min-width:1px) and (max-width:440px) {
	#rep_lib .left_box,
	#rep_lib .right_box,
	#interview,
	#notice {width:auto;}
	#interview {padding-left:41%;}
}