@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*20150731 ³ª´®ÆùÆ® Àû¿ë*/

/* 񃧯 */
* {margin: 0;	padding: 0;}
body {	font-size: 12px;font-family: "µ¸¿ò", sans-serif;color: #848484;background-color:#2c2c2c;}
a:link,a:visited,a:active {color: #848484;	text-decoration: none;}
a:hover {color: #848484;text-decoration: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ul, ol {list-style: none;}
li, dl, dt, dd { padding:0;}
table {	border-collapse: collapse;}
div { margin:0; padding:0}
select, input {vertical-align: middle;}
select {	font-family: µ¸¿ò, sans-serif;}
img {border:0 none;}

em {	font-style: normal;}


/* ºä¾îÈ­¸é */
#viewer_top_wrap { margin: 0 auto;	position: relative;overflow:hidden; }
.viewer_top { position: relative; width:100%;height:48px;line-height:48px;color:#848484; background-color:#424242; border-bottom:1px solid #2c2c2c;}
.viewer_top2 { position: relative;float:right;padding:0 10px; height:48px;line-height:48px;color:#848484; background-color:#424242; border-bottom:1px solid #2c2c2c;  border-left:1px solid #2c2c2c;  }

.tit_bg {position: relative;height:32px;line-height:32px;border:1px solid #323232;background-color:#363636;margin-left:10px }
.title {position: relative;position: relative;position: relative;display:inline-block;padding:0 10px;width:180px;font-size:16px;color:#e3e3e3;font-weight:bold;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.num {position: absolute;right:10px;top:5px;}
.viewer_select { height:21px;padding:2px;vertical-align: middle; color:#484848; border:1px solid #707070;}
.input_box {font-family: "µ¸¿ò", sans-serif;position: relative;overflow:hidden;line-height:27px;padding-right:10px;background-color:#363636;text-align:right;border:1px solid #272727;height:25px;width:83px;color:#ffffff;font-weight:bold;font-size:14px;}
.viewer_input {font-family: "µ¸¿ò", sans-serif;background:transparent;border:transparent;position: absolute;top:0;left:0;height:25px;;line-height:27px; color:#ffc000;font-weight:bold;font-size:14px;}
.pl10 {padding-left:10px}
.top_btn{position: relative;width:340px;}
.top_btn img{vertical-align:middle;margin:-2px 5px 0 0}
.top_btn td{padding-right:13px;font-size:11px;text-align:right}


.viewer_con_wrap { margin: 0 auto;text-align:center;position: relative;overflow:hidden; padding:20px}
.viewer_con {position: relative;display:inline-block;text-align:center;width:580px}
.viewer_con2 {position: relative;display:inline-block;text-align:center;width:1160px}
.viewer_con2 ul li {position: relative;float:left;width:580px;height:880px;overflow:hidden;}
.viewer_img {position: relative;display:inline-block;width:580px;height:838px;background:#ffffff;}
.viewer_txt {position: relative;display:inline-block;width:560px;height:818px;padding:10px;border:1px solid #f0f0f0;line-height:180%;background:#ffffff;color:#333333;font-size:14px;text-align:left}
.viewer_num {display:block;padding-top:10px;font-size:14px;color:#5b5b5b;}

.viewer_con3 {position: relative;display:inline-block;text-align:center}
.viewer_con4 {position: relative;display:inline-block;text-align:center;overflow:hidden;width:auto}
.viewer_con4 ul li {position: relative;float:left;height:880px;overflow:hidden;width:50%}
.viewer_img2 {position: relative;display:inline-block;background:#ffffff;}
.top_btn2{position: relative;}
.top_btn2 img{vertical-align:middle;margin:-2px 5px 0 0}


.viewer_con_small {position: relative;display:inline-block;text-align:center;width:510px}
.viewer_con_small ul li {position: relative;float:left;width:450px;height:710px;overflow:hidden;}
.viewer_con2_small {position: relative;display:inline-block;text-align:center;width:1100px}
.viewer_con2_small ul li {position: relative;float:left;width:550px;height:810px;overflow:hidden;}
.viewer_txt_small {position: relative;display:inline-block;width:580px;height:760px;padding:70px;border:1px solid #f0f0f0;line-height:180%;background:#ffffff;color:#333333;font-size:14px;text-align:left}


.webt_body {	font-size: 12px;color: #666;background-color:#fff;}
.webt_viewer_top {position:fixed;top:0; z-index:100;width:100%;height:58px;line-height:58px;color:#848484; background-color:#efefef; border-bottom:1px solid #d4d4d4}
.webt_tit_w {display:inline-block;position:relative;overflow:hidden;font-size:20px;color:#000;font-weight:600;padding:0 10px 0 20px;text-overflow:ellipsis; white-space:nowrap;}
.webt_tit {display:inline-block;max-width:600px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.webt_viewer_select { height:25px;padding:2px;vertical-align:top; color:#484848; border:1px solid #707070;margin:17px 0 0 13px}
.webt_btn {position:relative;right:20px;color:#555;font-size:16px;font-weight:600}
.webt_btn img{vertical-align:middle;margin:0px 10px 0 10px}
.webt_viewer_con {position: relative;display:inline-block;text-align:center;}
.view_wrap {position:fixed;bottom:50px;right:30px;z-index:15}


/*20150909 ¸Àº¸±â¿ë Ãß°¡*/
.top_logo {display:inline-block;vertical-align:top;margin-top:6px}
.icon_top_list {display:inline-block;vertical-align:top;margin:18px -3px 0 0}
.title2 {position: relative;display:inline-block;padding:0 10px;width:300px;font-size:16px;color:#e3e3e3;font-weight:bold;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*20150911 width°ª ¼öÁ¤*/
.title3 {position: relative;display:inline-block;padding:0 10px;width:500px;font-size:16px;color:#e3e3e3;font-weight:bold;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*//20150911 width°ª ¼öÁ¤*/

/*20150911 ´õº¸±â¹öÆ°¿Ü Ãß°¡*/
a.viewer_top_btn {position: relative;right:20px;display:inline-block;padding:0 13px;height:28px;line-height:28px;font-size:12px;color:#fff;font-weight:bold;background:#636363;border:1px solid #313131;border-radius:5px}
.webtoon_info {display:block;position:relative;bottom:20px;width:100%;margin:5px auto 0;text-align:center;z-index:80;}
.webtoon_info div{position:relative;display:inline-block;width:430px;padding:20px 0;background:#484848;color:#b8b8b8;border-radius:10px;z-index:100;}
.webtoon_info div p{font-size:16px;display:inline-block;text-align:center}
a.webt_btn {display:block;color:#000;font-size:1.2em;height:20px;line-height:21px;font-weight:700}

.toon_info {display:block;position:fixed;top:300px;width:100%;margin:0 auto;text-align:center}
.toon_info div{position:relative;display:inline-block;width:430px;padding:30px 0;background:#484848;color:#b8b8b8;border-radius:10px;z-index:100;}
.toon_info div p{font-size:16px;display:inline-block;text-align:center}
a.toon_btn {margin-top:18px;display:block;background:#369bec;border-radius:6px;color:#fff;width:250px;font-size:18px;height:45px;line-height:45px;font-weight:600}
.toon_close {position:absolute;right:10px;top:8px}
a.t_btn_close {display:inline-block;color:#dfdfdf;width:25px;height:25px;line-height:25px;font-weight:800;font-size:16px;background:#303030;border:1px solid #262626;border-radius:3px;}
.btn_icon {position: relative;top:3px;right:5px}


.divHidden {
	background:#000; 
	opacity:0; 
	position:absolute; 
	width:100%; 
	height:100%; 
	z-index:20; 
	display:none; 
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}