@charset "utf-8";
@import url("./default.css?20170314"); 

img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}


html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select { font-family:'Noto Sans KR', sans-serif;margin: 0; padding: 0;}
address, em{margin: 0; padding: 0; border: 0; font-style: normal; }

dl, ul, li { list-style: none; }
table { border-collapse:collapse; border-spacing: 0; table-layout:fixed; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

img, fieldset { border:0 none; vertical-align:middle; }
hr { display:none; }
caption, legend {width:1px !important;height:1px !important; margin-top:0 !important;font-size:0 !important; line-height: 0 !important; text-indent: -9999em;}


input[type="text"]:focus, input[type="password"]:focus, textarea:focus { font-family: "nanumsquarer";}
a{color:#000;text-decoration:none;}
a:hover, a:active{text-decoration:none;}

.hidden { position:absolute; top:-5000px;left:-5000px;width:0 !important; height:0 !important;margin-top:-5000px !important; line-height:0 !important; font-size:0 !important; text-indent:-9999em;}
.cb { clear:both;}
.fl { float:left;}
.fr { float:right;}
.block { display:block;}
.dn { display:none;}
.line { clear:both;overflow:hidden;height:10px;border-bottom:1px solid #d0c6b6; padding: 0 0 20px 0; margin-bottom:30px; }


.usernav{position:absolute;top:22px;right:80px;height:33px;z-index:1100;width:auto;}
.usernav ul{list-style:none;margin:0;padding:0;zoom:1;}
.usernav ul:after{content:"";display:block;clear:both;}
.usernav ul li{float:left;list-style:none;position:relative;margin:0 10px; font-size: 14px; line-height: 32px;}
.usernav ul li a {display: block;color: #fff;letter-spacing: -1px;padding: 1px 12px;background: #4A4A4A;transition:all 0.3s ease;}
.usernav ul li a:hover, .usernav ul li a:focus{color:#ef84a7 !important;}
.usernav ul li:hover a {	background-image:url(../images/common/black_opacity30.png);	background-position:left top; 	background-repeat:repeat;}



.visual_txt_box {display:block; margin:0 auto; width:590px;}
.ver_p {display:block; letter-spacing:-3px; font-size:25px; line-height:50px; padding-top:331px; color:#797979; text-align: center;}
.ver_p b {letter-spacing:-5px; color:#ffb11a; font-weight:normal;}
.ver_p span {display:block; font-size:23px; line-height:24px;}
/* sub layout */
body#sub {
    padding: 0px;
}
#webzine_wrapper.sub .webzine_right_user{position:absolute;top:5px;right:0;width:390px;height:auto;z-index:10;height:auto;padding-top:0 !important;padding-right:0 !important;background:none;box-sizing:border-box;float:none;}

#webzine_header{position:relative;width:100%; height:auto;}
#webzine_header .gnb {position:relative;height:84px;background:#fff;}
#webzine_header h1 { position:relative; width:360px; margin:15px auto 0px auto;}
#webzine_header h1 img{height:100%;}
#webzine_header h1 span{position:absolute;font-size:14px;top:28px;display:inline-block;font-weight:300;}
#webzine_header h1 span strong{font-weight:600;}

#webzine_header #s_visual_area{position:relative;display:table;width:100%;height:500px;padding:0 !important;overflow:hidden !important;}

#s_visual_area.month {width:100%;height:500px;display:table;background: url("../img/vol_02/month_visual.jpg") no-repeat center top;background-size:cover;}

#s_visual_area .s_visual_area_in{display:table-cell;vertical-align:middle;padding-top:0;box-sizing:border-box;text-align:center;}

#webzine_container_bar{background:#545454;height:30px;position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important; z-index:3;}
#webzine_contents {clear:both;overflow:hidden;width:100%;margin:0 0;background:#fff;color:#4a4a4a; min-height:500px; padding:60px 0 0px 0;text-align:justify;word-break:keep-all;word-break:break-all;}



/* 과월호 보기 */


#month{clear:both;overflow:hidden;padding:0 0 0 0;min-height:500px}
#month .div_bar{margin:5px 0 15px 0;height:5px;padding:6px 0 0 0;border-bottom:1px solid #444444 !important;}
#month dl{overflow:hidden;max-width:100%;margin:0 auto;padding:60px 0px 12px;} 
#month dl dt{float:left;width:83px;font-size:35px;letter-spacing::-0.04em; display:none;}
#month dl dd{float:left;width:100%;}
#month dl dd ul li{float:left;margin-left:20px;margin-bottom:20px;}
#month dl dd ul li span{display:block;padding-bottom:6px; text-align: center;}

#month_black{clear:both;overflow:hidden;padding:0 0 0 0;min-height:500px}
#month_black .div_bar{margin:5px 0 15px 0;height:5px;padding:6px 0 0 0;border-bottom:1px solid #444444 !important;}
#month_black dl{overflow:hidden;max-width:100%;margin:0 auto;padding:60px 0px 12px;} 
#month_black dl dt{float:left;width:83px;font-size:35px;letter-spacing::-0.04em; display:none;}
#month_black dl dd{float:left;width:100%;}
#month_black dl dd ul li{float:left;margin-left:20px;margin-bottom:20px;}
#month_black dl dd ul li span{display:block;padding-bottom:6px; text-align: center;}


#newsList1{clear:both;overflow:hidden;padding:0 0 0 0;min-height:500px}
#newsList1 .div_bar{margin:5px 0 15px 0;height:5px;padding:6px 0 0 0;border-bottom:1px solid #444444 !important;}
#newsList1 dl{overflow:hidden;max-width:100%;margin:0 auto;padding:60px 0px 12px;} 
#newsList1 dl dt{float:left;width:83px;font-size:35px;letter-spacing::-0.04em; display:none;}
#newsList1 dl dd{float:left;width:100%;}
#newsList1 dl dd ul li{float:left;margin-left:20px;margin-bottom:20px;}
#newsList1 dl dd ul li span{display:block;padding-bottom:6px; text-align: center;}

#cornerAchieveList{clear:both;overflow:hidden;padding:0 0 0 0;min-height:500px}
#cornerAchieveList .div_bar{margin:5px 0 15px 0;height:5px;padding:6px 0 0 0;border-bottom:1px solid #444444 !important;}
#cornerAchieveList dl{overflow:hidden;max-width:100%;margin:0 auto;padding:60px 0px 12px;} 
#cornerAchieveList dl dt{float:left;width:83px;font-size:35px;letter-spacing::-0.04em; display:none;}
#cornerAchieveList dl dd{float:left;width:100%;}
#cornerAchieveList dl dd ul li{float:left;margin-left:20px;margin-bottom:20px;}
#cornerAchieveList dl dd ul li span{display:block;padding-bottom:6px; text-align: center;}

#list_17{clear:both;overflow:hidden;padding:0 0 0 0;min-height:500px}
#list_17 .div_bar{margin:5px 0 15px 0;height:5px;padding:6px 0 0 0;border-bottom:1px solid #444444 !important;}
#list_17 dl{overflow:hidden;max-width:100%;margin:0 auto;padding:60px 0px 12px;} 
#list_17 dl dt{float:left;width:83px;font-size:35px;letter-spacing::-0.04em; display:none;}
#list_17 dl dd{float:left;width:100%;}
#list_17 dl dd ul li{float:left;margin-left:20px;margin-bottom:20px;}
#list_17 dl dd ul li span{display:block;padding-bottom:6px; text-align: center;}

#list_16{clear:both;overflow:hidden;padding:0 0 0 0;min-height:500px}
#list_16 .div_bar{margin:5px 0 15px 0;height:5px;padding:6px 0 0 0;border-bottom:1px solid #444444 !important;}
#list_16 dl{overflow:hidden;max-width:100%;margin:0 auto;padding:60px 0px 12px;} 
#list_16 dl dt{float:left;width:83px;font-size:35px;letter-spacing::-0.04em; display:none;}
#list_16 dl dd{float:left;width:100%;}
#list_16 dl dd ul li{float:left;margin-left:20px;margin-bottom:20px;}
#list_16 dl dd ul li span{display:block;padding-bottom:6px; text-align: center;}


.wid_960 {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
	padding: 0 0;
}



input:focus, textarea:focus, button:focus {outline:none;}

/* 2021 정기구독 */
#webzine_contents.cont_subscription {padding:45px 0 60px 0 !important;}
.cont_subscription .pop_box {padding: 0px !important;}
.cont_subscription .letterBox {padding: 0px !important;}



/**** ~ 1000px ****/
@media only screen and (max-width:1000px) {		
	#webzine_contents {clear:both;overflow:hidden;width:100%;margin:0 0;background:#fff;color:#4a4a4a;text-align:justify;min-height:500px;padding:20px 4% 40px 4%;box-sizing:border-box;word-break:keep-all;word-break:break-all;}
	#webzine_contents.introd { padding-left:0; padding-right:0; }
	#webzine_contents.contents_pd_none{padding:0 0 0 0 !important}
	#webzine_contents.contents_pd_none2{padding:0 0 0 0 !important;}
	#webzine_contents.contents_pd_none3{padding:0 0 0 0 !important;}
	#webzine_contents2{padding:0 0 0 0 !important;}
	.bottom_padd {width:100%;overflow:hidden;padding:0 2% 20px 2% !important;box-sizing:border-box;}
    
}

/**** ~ 800 ****/
@media only screen and (max-width:800px) {
    body#sub{background:#fff;padding:0 !important;}
    #webzine_container_bar{display:none;background:#fff;height:0 !important;position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;}

	#webzine_wrapper.sub .webzine_right_user{display:block !important;position:absolute;top:0;right:0;width:390px;height:auto;z-index:10;height:auto;padding-top:0 !important;padding-right:0 !important;background:none;box-sizing:border-box;float:none;}
	#webzine_header { }
	#webzine_header .gnb {position:relative;height:65px !important;background:#fff none;}
	#webzine_header .gnb.fixed{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:50;height:90px;background:#fff !important; box-shadow:0 0 10px rgba(0,0,0,0.2); }
	#webzine_header .gnb.fixed .webzine_right_user{display:none !important;position:absolute;top:0;right:0;width:390px;height:auto;z-index:10;height:auto;padding-top:0 !important;padding-right:0 !important;background:none;box-sizing:border-box;float:none;}
	#webzine_header .gnb.fixed h1 { position:absolute;top:18px;left:16px;width:auto;}
	
	#webzine_wrapper.sub .usernav{position:absolute;top:18px;right:10px;height:33px;z-index:1100;width:auto;}

	#webzine_header h1 { position:absolute;top:18px;left:16px;height:30px;width:auto;}
	#webzine_header h1 img{height:45px; vertical-align:top;}
    #webzine_header h1 span{display:none;}
	
	#webzine_wrapper.sub .webzine_right_user_mob{display:block !important;position:absolute;top:20px;right:61px;width:auto;height:auto;z-index:50;height:65px;box-sizing:border-box;text-align:right;}
	#webzine_wrapper.sub .webzine_right_user_mob a {margin:0 5px;}
    #webzine_wrapper.sub .webzine_right_user_mob a i{font-size:21px;color:#373a47;}
	#webzine_wrapper.sub .webzine_right_user_mob a i:hover {opacity: 0.6;}
	
	#webzine_header #s_visual_area{position:relative;width:100%;height:400px !important;}

	#s_visual_area .s_visual_area_in{box-sizing:border-box;text-align:center;}	

	.subtop_info_txt{text-align:center;padding:55px 15px 55px;color:#484848;font-size:22px;font-weight:300;line-height:1.8em;}
	.subtop_info_txt .block{display:inline-block !important;}
	#pharmacy .subtop_info_txt .block{display:block !important;}

	#month dl{overflow:hidden;max-width:100%;margin:0 auto;padding:60px 0 12px;}
	#month dl dt{float:none;width:100%;font-size:22px;letter-spacing::-0.04em;margin-bottom:14px;}
	#month dl dd{float:none;width:100%; }
	#month dl dd ul { margin:0 -5px; }
	#month dl dd ul li{float:left;width:50%;margin-left:0;margin-right:0;margin-bottom:20px;padding:0 5px;box-sizing:border-box;text-align:center;}
	#month dl dd ul li span{display:block;padding-bottom:6px;}
	#month dl dd ul li img{max-width:100%;}
	#month dl dd ul li:even {margin-left:1%;}

	#month_black dl{overflow:hidden;max-width:100%;margin:0 auto;padding:60px 0 12px;}
	#month_black dl dt{float:none;width:100%;font-size:22px;letter-spacing::-0.04em;margin-bottom:14px;}
	#month_black dl dd{float:none;width:100%;}
	#month_black dl dd ul  { margin:0 -5px; }
	#month_black dl dd ul li{float:left;width:50%;margin-left:0;margin-right:0;margin-bottom:20px;padding:0 5px;box-sizing:border-box;text-align:center;}
	#month_black dl dd ul li span{display:block;padding-bottom:6px;}
	#month_black dl dd ul li img{max-width:100%;}
	#month_black dl dd ul li:even {margin-left:1%;}


	#newsList1 dl{overflow:hidden;max-width:100%;margin:0 auto;padding:60px 0 12px;}
	#newsList1 dl dt{float:none;width:100%;font-size:22px;letter-spacing::-0.04em;margin-bottom:14px;}
	#newsList1 dl dd{float:none;width:100%;}
	#newsList1 dl dd ul  { margin:0 -5px; }
	#newsList1 dl dd ul li{float:left;width:50%;margin-left:0;margin-right:0;margin-bottom:20px;padding:0 5px;box-sizing:border-box;text-align:center;}
	#newsList1 dl dd ul li span{display:block;padding-bottom:6px;}
	#newsList1 dl dd ul li img{max-width:100%;}
	#newsList1 dl dd ul li:even {margin-left:1%;}


	#cornerAchieveList dl{overflow:hidden;max-width:100%;margin:0 auto;padding:60px 0 12px;}
	#cornerAchieveList dl dt{float:none;width:100%;font-size:22px;letter-spacing::-0.04em;margin-bottom:14px;}
	#cornerAchieveList dl dd{float:none;width:100%;}
	#cornerAchieveList dl dd ul  { margin:0 -5px; }
	#cornerAchieveList dl dd ul li{float:left;width:50%;margin-left:0;margin-right:0;margin-bottom:20px;padding:0 5px;box-sizing:border-box;text-align:center;}
	#cornerAchieveList dl dd ul li span{display:block;padding-bottom:6px;}
	#cornerAchieveList dl dd ul li img{max-width:100%;}
	#cornerAchieveList dl dd ul li:even {margin-left:1%;}


	#list_17 dl{overflow:hidden;max-width:100%;margin:0 auto;padding:60px 0 12px;}
	#list_17 dl dt{float:none;width:100%;font-size:22px;letter-spacing::-0.04em;margin-bottom:14px;}
	#list_17 dl dd{float:none;width:100%;}
	#list_17 dl dd ul  { margin:0 -5px; }
	#list_17 dl dd ul li{float:left;width:50%;margin-left:0;margin-right:0;margin-bottom:20px;padding:0 5px;box-sizing:border-box;text-align:center;}
	#list_17 dl dd ul li span{display:block;padding-bottom:6px;}
	#list_17 dl dd ul li img{max-width:100%;}
	#list_17 dl dd ul li:even {margin-left:1%;}




	#list_16 dl{overflow:hidden;max-width:100%;margin:0 auto;padding:60px 0 12px;}
	#list_16 dl dt{float:none;width:100%;font-size:22px;letter-spacing::-0.04em;margin-bottom:14px;}
	#list_16 dl dd{float:none;width:100%;}
	#list_16 dl dd ul  { margin:0 -5px; }
	#list_16 dl dd ul li{float:left;width:50%;margin-left:0;margin-right:0;margin-bottom:20px;padding:0 5px;box-sizing:border-box;text-align:center;}
	#list_16 dl dd ul li span{display:block;padding-bottom:6px;}
	#list_16 dl dd ul li img{max-width:100%;}
	#list_16 dl dd ul li:even {margin-left:1%;}





	.i_dal {width:100%;margin:50px auto 0 auto;background:url("../img/vol_02/n_bg_bl.jpg") repeat-x left 31px;margin-bottom:50px;}
	.i_dal .top h2 {font-weight: normal;background:url("../img/vol_02/bg_b.jpg") no-repeat left bottom !important;font-size:17px;color:#ffffff;width:170px;height:36px;text-align: center;line-height: 36px;float: left;}
	.gam_list {overflow: hidden;border-bottom:1px solid #dadada;padding:25px 0}
	.gam_list .tit {width:20%;color:#404040;box-sizing: border-box;background:url("../img/vol_02/bul_k.jpg") no-repeat 3px 5px;padding-left:28px;font-size:18px;color:#404040;float: left;}
	.gam_list .txt {float: right;width:79%;letter-spacing: -1px;color:#777777;}
	.bbn {border-bottom:none;}

		.mob_block{display:block !important;}
    
    
    /**/    
    #webzine_contents.cont_comment .kboard-comments-wrap {margin:0 10px  !important;}
    #webzine_contents.cont_comment .pop_box {padding: 10px 10px 0px 10px !important;}

}

/**** ~640 ****/
@media only screen and (max-width: 640px) {    
	.contents_pd_none2{padding:0 0 40px 0 !important;}
    .bottom_padd {width:100%;overflow:hidden;padding:0 2% 0 2% !important;box-sizing:border-box;}

	#s_visual_area .s_visual_area_in .mob_block {display:block;}
	#s_visual_area.notice .s_visual_area_in{display:table-cell;vertical-align:middle;padding-top:0;padding-bottom:20px;box-sizing:border-box;text-align:center;}
	#s_visual_area.letter .s_visual_area_in{display:table-cell;vertical-align:middle;padding-top:0;padding-bottom:20px;box-sizing:border-box;text-align:center;}
	
}

/**** ~460 ****/
@media only screen and (max-width: 460px) {    

	#webzine_header #s_visual_area{position:relative;width:100%;height:300px;}
	#s_visual_area.resume h2.visual {font-family:"Nanum Myeongjo",serif;color:#fff;line-height:28px;font-size:22px;font-weight:200;padding-bottom:10px;}	
	#s_visual_area.resume h3.visual{display:block;position:relative;padding:5% 0 5% 0;}
	#s_visual_area.resume h3.visual img{width:200px;height:auto;}
	#s_visual_area.resume .visual_txt {color:#fff;font-size:14px;display:block;font-weight:bold;}

    #s_visual_area.choice h2.visual {font-family:"Nanum Myeongjo",serif;color:#fff;line-height:1.3em;font-size:24px;font-weight:200;}
	#s_visual_area.choice h2.visual .block_visual_s{font-size:18px;}
	#s_visual_area.choice h2.visual .block{font-size:18px;}
	#s_visual_area.choice h3.visual{display:block;position:relative;padding:5% 0 5% 0;}
	#s_visual_area.choice h3.visual img{width:100px;height:auto;}
	#s_visual_area.choice .visual_txt {color:#fff;font-size:14px;display:block;font-weight:bold;}
	#s_visual_area.choice .visual_txt_s {color:#d2d2d2;font-size:14px;display:block;font-weight:100;padding-top:10px;}

	#s_visual_area.pharmacy h2.visual {color:#444444;font-size:22px;line-height:28px;font-weight:200;}
	#s_visual_area.pharmacy h3.visual{display:block;position:relative;padding:5% 0 5% 0;}
	#s_visual_area.pharmacy h3.visual img{height:85px;}
	#s_visual_area.pharmacy .visual_txt {color:#444444;font-size:14px;display:block;font-weight:bold;}
	
	#s_visual_area.readers h2.visual {color:#fff;font-size:22px;line-height:28px;font-weight:200;}
	#s_visual_area.readers h3.visual{display:block;position:relative;padding:5% 0 5%;}
	#s_visual_area.readers h3.visual img{height:70px;}
	#s_visual_area.readers .visual_txt {color:#fff;font-size:14px;display:block;font-weight:bold;}
	#s_visual_area.readers .visual_txt_s {color:#fff;font-size:14px;display:block;font-weight:100;padding-top:10px;}

	#s_visual_area.event h2.visual {color:#fff;line-height:28px;font-size:22px;font-weight:200;}
	#s_visual_area.event h3.visual{display:block;position:relative;padding:5% 0 5% 0;}
	#s_visual_area.event h3.visual img{width:100px;height:auto;}
	#s_visual_area.event .visual_txt {color:#fff;font-size:14px;display:block;font-weight:bold;}

    #s_visual_area.calender h2.visual {color:#fff;font-size:22px;line-height:28px;font-weight:200;}
	#s_visual_area.calender .visual_txt {color:#fff;font-size:13px;display:block;font-weight:bold;}

	#s_visual_area.report h2.visual {color:#fff;line-height:28px;font-size:22px;font-weight:200;padding:20px 0 0 0;}
	#s_visual_area.report .visual_txt {color:#fff;font-size:14px;display:block;font-weight:bold;}
	
	#s_visual_area.column h3.visual{display:block;position:relative;padding:15px 0 30px 0;}
	.subtop_info_txt{text-align:center;padding:45px 2px 45px;color:#484848;font-size:17px;font-weight:300;line-height:1.8em;letter-spacing:-0.06em;}	


	
	

}


.inner-new { max-width:960px; padding:0; margin:0 auto; }

.subject1 { text-align:center ; font-size:34px; color:#292929; font-weight:600; padding:0px 0 40px; }
.btn-bottom { text-align:center; padding-top:60px; }
.btn-type1 { display:inline-block; vertical-align:middle; width:220px; height:45px; line-height:44px; font-size:16px; font-weight:500; color:#fff; background:#000;  border:0px;}
.common-desc1 { font-size:14px; color:#909090; padding:15px 0; }
.common-desc2 { font-size:15px; color:#4a4a4a; padding-top:15px; font-weight:600; line-height:1.8; }




/* 정기구독  */
#s_visual_area.letter2 {width:100%;height:400px;display:table;background: url("../images/main/visual.jpg") no-repeat center top;background-size:cover;}
#s_visual_area.letter2 h3.visual img { height:77px; }
#s_visual_area.letter2 .visual_txt { color:#fff; }



/* 과월호보기 */
#s_visual_area.month2 {width:100%;height:580px;display:table;background:#FDE0E2 url("../images/main/visual.jpg") no-repeat center;}
#s_visual_area.month2 h3.visual img { height:80px; }

.tabs2 { padding-top:15px; }
.tabs2:after { display:block; content:''; clear:both; }
.tabs2 { border-bottom:1px solid #909090; }
.tabs2 a { float:left; width:12%; height:57px; line-height:58px; font-size:18px; font-weight:400; color:#909090; text-align:center; position:relative;  }
.tabs2 a:before { content:''; position:absolute; left:50%; top:5px; width:6px; height:6px; border-radius:100%; background:#323232; margin-left:-3px; transition:all 0.5s ease; opacity:0;  }
.tabs2 a:after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:0; background:#222; opacity:0; transition:all 0.5s ease; }
.tabs2 a.active,
.tabs2 a:hover{ color:#222; font-weight:600; }
.tabs2 a.active:before,
.tabs2 a:hover:before{ opacity:1; top:0;}
.tabs2 a.active:after,
.tabs2 a:hover:after{ height:3px; opacity:1; }
.tabs2.type2 a { width:50%; }


#kboard-pic-gallery-list .kboard-category-list  { padding-top:15px; }
#kboard-pic-gallery-list .kboard-category-list:after { display:block; content:''; clear:both; }
#kboard-pic-gallery-list .kboard-category-list  { border-bottom:1px solid #909090; }
#kboard-pic-gallery-list .kboard-category-list li { float:left; width:25%;  }
#kboard-pic-gallery-list .kboard-category-list li a { display:block; height:57px; line-height:58px; font-size:18px; font-weight:400; color:#909090; text-align:center; position:relative; }
#kboard-pic-gallery-list .kboard-category-list  a:before { content:''; position:absolute; left:50%; top:5px; width:6px; height:6px; border-radius:100%; background:#323232; margin-left:-3px; transition:all 0.5s ease; opacity:0;  }
#kboard-pic-gallery-list .kboard-category-list  a:after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:0; background:#222; opacity:0; transition:all 0.5s ease; }
#kboard-pic-gallery-list .kboard-category-list  .kboard-category-selected a,
#kboard-pic-gallery-list .kboard-category-list  a:hover{ color:#222; font-weight:600; }
#kboard-pic-gallery-list .kboard-category-list  .kboard-category-selected a:before,
#kboard-pic-gallery-list .kboard-category-list  a:hover:before{ opacity:1; top:0;}
#kboard-pic-gallery-list .kboard-category-list  .kboard-category-selected a:after,
#kboard-pic-gallery-list .kboard-category-list  a:hover:after{ height:3px; opacity:1; }

.board_search1.margin { margin:40px 0 50px; }




.tab-conts .board_search1 { margin:45px 0; ; }

.art-tit {  clear:both; text-align:left; padding-left:15px; height:36px; line-height:35px; background:#222; font-size:16px; color:#fff; margin-bottom:35px;}
.list-type1 { margin-bottom:50px; clear:both;  }
.list-type1 .head { overflow:hidden; font-size:15px; color:#222; font-weight:600; line-height:40px;  border-bottom:2px solid #222222;  padding-right:70px; position:relative;  text-align:left; }
.list-type1 .head .tit {  }
.list-type1 .head .date {position:absolute; right:0; top:0; width:70px; text-align:left; text-align: center;}
.list-type1 .body { text-align:left; }
.list-type1 .body ul li { border-bottom:1px solid #909090; padding: 0 75px 0 0;  position:relative; line-height:49px;  }
.list-type1 .body ul li a { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#222; }
.list-type1 .body ul li span  {position:absolute; right:0; top:0; font-size:13px; color:#909090;  width:70px; text-align: center;}
.list-type1 .body ul li:last-child { border-bottom:2px solid #000; }
.list-type1 .body ul li.hide { display:none; }
.list-type1.type2 .head { padding-right:190px; } 
.list-type1.type2 .head .writer { position:absolute; right:120px; width:80px; top:0; text-align: center;}
.list-type1.type2 .body ul li { padding-right:180px;  text-align:left; }
.list-type1.type2 .body ul li p { position:absolute; right:120px; width:80px; top:0;  font-size:14px; text-align: center;}


.list-more { text-align:center; margin-bottom:40px; }
.list-more button { display:inline-block; vertical-align:middle; width:120px; height:35px; border:1px solid #222222; text-align:center; font-size:12px; color:#222; background:none; cursor:pointer;}
.list-more button span { position:relative; top:-2px; }
.list-more button span:after { content:''; display:inline-block; vertical-align:middle; width:5px; height:5px; border-left:2px solid #222; border-bottom:2px solid #222; transform:rotate(-45deg); margin:-5px 0 0 8px; }

.arc-list:after { display:block; content:''; clear:both; }
.arc-list { clear:both; margin:0 -20px 30px; }
.arc-list li { float:left; width:25%; padding:0 20px 50px; box-sizing:border-box; }
.arc-list li a { display:block; box-shadow:0 5px 8px rgba(45,37,36,0.25); background:#f9f9f9; }
.arc-list li a .txt { height:120px; padding-top:35px; text-align:center;  color:#222; position:relative; box-sizing:border-box; }
.arc-list li a .txt:after { content:''; position:absolute; left:10px; top:0; bottom:0; width:1px; background:#e7e7e7; }
.arc-list li a .txt span { font-size:12px; line-height:1.2;}
.arc-list li a .txt strong { font-size:16px; line-height:1.5; display:block;}
.arc-list li a .img { position:relative; }
.arc-list li a .img:after { content:''; position:absolute; left:10px; top:0; bottom:0; width:1px; background:rgba(255,255,255,0.25); }
.arc-list li a .img img { width:100%; }
div.webzine_list_page.overflow-show { overflow:visible; }

.list-conts > div { display:none; }
.list-conts > div:first-child { display:block; }



#webzine_contents.album .common-desc2 {text-align: center;}
#webzine_contents.album .sel-file-btn-div > input{margin-top:6px;}
#webzine_contents.album .img-file-upload-desc { position: relative; top: -8px;}
 
.view-bottom { margin-top:70px; border-top:1px solid #909090; border-bottom:1px solid #909090;  overflow:hidden; }
.view-bottom > div { float:left; box-sizing:border-box; font-size:14px; color:#000; transition:all 0.3s ease; }
.view-bottom .prev,
.view-bottom .next { padding:15px 18px 19px; background:#ededed; width:29%; height:80px; }
.view-bottom .prev span,
.view-bottom .next span { font-size:13px; margin-bottom:6px; display:block }
.view-bottom .prev p,
.view-bottom .next p { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.view-bottom .prev span:before { content:''; display:inline-block; vertical-align:middle; width:5px; height:5px; border-left:2px solid #222;border-bottom:2px solid #222; transform:rotate(45deg); margin:-4px 10px 0 0; }
.view-bottom .next span:after{ content:''; display:inline-block; vertical-align:middle; width:5px; height:5px; border-left:2px solid #222;border-bottom:2px solid #222; transform:rotate(-135deg); margin:-4px 0 0 10px; }
.view-bottom .prev { text-align:right; }
.view-bottom .list { width:42%; text-align:center; }
.view-bottom .list a { display:block; height:80px; }
.view-bottom .list a span { display:block; padding:15px 0 8px;}
.view-bottom .list a p { width:14px; margin:0 auto; }
.view-bottom .list a p em { display:block; height:2px; background:#4a4a4a; margin-bottom:3px; transition:all 0.3s ease; }
.view-bottom > div:hover { background:#222222; } 
.view-bottom > div:hover a { color:#fff; }
.view-bottom .prev:hover span:before,
.view-bottom .next:hover span:after { border-color:#fff; }
.view-bottom .list:hover { background:#909090; }
.view-bottom .list:hover a p em { background:#fff; }
.bottom_txt_box .view-bottom { margin-top:50px; }
.bottom_txt_box.type2 { padding-top:0; }
.bottom_txt_box.type2 .view-bottom{margin-top:60px; }


.agree-bottom { text-align:center; padding:30px 0 0; }
.agree-bottom label  {font-size:15px; color:#9b9b9b; font-weight:600; }


#webzine_contents.album #kboard-cross-calendar-editor .desc1 { display:inline; margin-left:0px !important; font-size:13px; color:#4a4a4a; }





/*
.line-title1 { margin-bottom:18px; }
	.line-title1 p { font-size:20px;  }
	*/


@media only screen and (max-width:970px) {
	.stage-srch .inp-srch { width:160px; }
}

@media only screen and (max-width:870px) {
	.stage-srch .date-box { width:auto; }
	.stage-srch .inp-srch { width:160px; }

	.stage-srch > div { display:flex; justify-content: space-between; align-items:center;}
	.stage-srch .tit { flex:0 0 35px; text-align:left; font-size:12px;  }
	.stage-srch .inp-srch { padding-right:50px; width:100%; }
	.stage-srch .inp-srch .btn-srch { right:0; }
	.stage-srch > div + div { margin:0; margin-top:10px; }




}




@media only screen and (max-width:800px) {

	.board-head { margin-bottom:25px; }
	.btn-type1 { width:150px; height:40px; line-height:39px; font-size:14px; }
	.common-desc1 { font-size:12px ;padding:10px 0; }
	div.webzine_list_page { padding:25px 0; }
	.tab-conts .board_search1 { margin:15px 0 30px;}

	/* 정기구독  */
	.letterBox .desc { font-size:14px; margin-bottom:25px; padding-top:5px; }
    .letterBox-readers .desc { font-size:14px; margin-bottom:25px; padding-top:5px; }
	.pop_box .pop_btn .btn1 { width:150px; height:40px; line-height:39px; font-size:14px; }
	.mob_ck_box #tags { padding:15px; margin-top:25px; width:90%; }
	.mob_ck_box #tags .tit { font-size:14px; }
	.mob_ck_box #tags p { font-size:12px; line-height:1.6;  }
	.mob_ck_box #tags p + p { margin-top:6px; }



	/* 과월호보기 */
	.tabs2 { padding-top:0; display:flex;  }
	.tabs2 a { float:none; width:auto; flex:1 1 auto; padding:0 3px; font-size:13px; white-space:nowrap; letter-spacing:-0.5px; height:40px; line-height:40px; }

	#kboard-pic-gallery-list .kboard-category-list  { padding-top:0; display:flex; margin:0 auto; width:100% }
	#kboard-pic-gallery-list .kboard-category-list li a { float:none; width:auto; flex:1 1 auto; padding:0 3px; font-size:13px; white-space:nowrap; letter-spacing:-0.5px; height:40px; line-height:40px; }
	.board_search1.margin { margin:20px 0 0; }

	.list-type1 { margin-bottom:30px; }
	.list-type1 .head { font-size:14px; }
	.list-type1 .body ul li a { font-size:13px; }
	.list-type1 .body ul li span { font-size:12px; }

	.arc-list { margin:0 -10px 20px; }
	.arc-list li { width:50%; padding:0 10px 30px; }
	.arc-lt li a .txt { padding-top:20px; height:90px; }
	.art-tit { font-size:15px; height:30px; line-height:29px; margin-bottom:20px; }

	.list-type1.type2 .body ul li { padding-right:85px; }
	.list-type1.type2 .body ul li span { display:none; }
	.list-type1.type2 .head .date { display:none; }
	.list-type1.type2 .head .writer { position:absolute; right:0px; width:80px; top:0; text-align: center;}
	.list-type1.type2 .body ul li p { position:absolute; right:0px; width:80px; top:0;  font-size:14px; text-align: center;}


	.stage-srch { margin:30px 0 0; }



	#webzine_container #s_visual_area.contact,
	#webzine_container #s_visual_area.album ,
	#webzine_container #s_visual_area.introduction ,
	#webzine_container #s_visual_area.letter2 ,
	#webzine_container #s_visual_area.month2 ,
	#webzine_container #s_visual_area.stage ,
	#webzine_container #s_visual_area.video ,
	#webzine_container #s_visual_area.calender ,
	#webzine_container #s_visual_area.news  { height:578px !important; }

	#s_visual_area.contact .s_visual_area_in,
	#s_visual_area.album .s_visual_area_in,
	#s_visual_area.introduction .s_visual_area_in,
	#s_visual_area.letter2 .s_visual_area_in,
	#s_visual_area.month2 .s_visual_area_in,
	#s_visual_area.stage .s_visual_area_in,
	#s_visual_area.video .s_visual_area_in,
	#s_visual_area.calender .s_visual_area_in,
	#s_visual_area.readers .s_visual_area_in,
	#s_visual_area.news .s_visual_area_in{ padding-top:65px !important; }



.visual_txt_box{    width: 355px;}
.ver_p{line-height: 32px; padding-top: 314px; margin-bottom: 10px;}
	.ver_p b{display: block; font-size: 18px;}
.ver_m{font-size: 12px; line-height: 20px !important;}





#webzine_header h1{position: absolute;top: 16px;left: 36%;height: 39px;width: auto;margin: 0px;}

	#webzine_header #s_visual_area.calendar h3.visual img,
	#webzine_header #s_visual_area.news h3.visual img { height:60px; }

	.introd-box { padding:40px 0 30px; }
	.introd-box .inner { padding-left:15px; padding-right:15px; }
	.black-inq { padding:20px; }
    
}


@media only screen and (max-width:680px) {
	.board_search1 input { width:100% !important; -webkit-appearance:none !important; border-radius:0 !important; }
	.board_search1 .search_button { right:5px !important; }
}


@media only screen and (max-width:530px) {
    .show530px {display:block}
}

@media only screen and (max-width:374px) {
	.stage-srch .div { width:15px; }
	.stage-srch .date-box { width:110px; }
	.stage-srch .date-box .inp1 { padding-left:3px;}

}