@charset"utf-8";

/*bam*/
/*¹ã°Ë»ö*/
.search_input {
	top:1px;
	position:relative;
	padding:8px 16px;
	background:rgba(50, 50, 50, 0.2);
	border:0px solid #dbdbdb;
}
.bam-search > button {
	position:relative;
	top:1px;
	left:-4px;
	padding:7px 20px 7px 10px;
	background-color:#5974ff; 
	color:#fff;
	display:inline;
}
.bam-tab-pc{ /*pc*/
	display:block;
}
.bam-tab-mb{ /*pc*/
	display:none;
}
.bam-search {/*pc*/
	float:right;
}
.bam-num-date {/*pc*/
	float:right;
	display:inline-block;
	color:#5974ff;
	font-size:16px;
	width:80px;
	line-height:65px;
	text-align:center;
	color:#aaaaaa;
}
.bam-num-mb/*pc*/
{
	display:none;
}
.bam-subject { /*pc*/
line-height:32.5px !important; 
}

/*¼¿·ºÆ®¹Ú½º*/
.custom-select {
  position: relative;
  font-family: Arial;
  width:50%;
  float:left;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: #313b6d;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #313b6d;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}



#searchArea_m{top:90px;}
/*»ó´Ü¼­ºê¸Þ´º*/
.pn-ProductNav_Wrapper {
  position: relative;
  padding: 0 11px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
}
.pn-ProductNav {
  /* Make this scrollable when needed */
  overflow-x: auto;
  /* We don't want vertical scrolling */
  overflow-y: hidden;
  /* For WebKit implementations, provide inertia scrolling */
  -webkit-overflow-scrolling: touch;
  /* We don't want internal inline elements to wrap */
  white-space: nowrap;
  /* If JS present, let's hide the default scrollbar */
  /* positioning context for advancers */
  position: relative;
  font-size: 0;
}
.js .pn-ProductNav {
  /* Make an auto-hiding scroller for the 3 people using a IE */
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* Remove the default scrollbar for WebKit implementations */
}
.js .pn-ProductNav::-webkit-scrollbar {
  display: none;
}
.pn-ProductNav_Contents {
  float: left;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  position: relative;
}
.pn-ProductNav_Contents-no-transition {
  -webkit-transition: none;
  transition: none;
}
.pn-ProductNav_Link {
  text-decoration: none;
  color: #fff;
  font-size: 1.2rem;
  font-family: -apple-system, sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
	  -ms-flex-align: center;
		  align-items: center;
  min-height: 44px;
  padding: 0 11px;
}
.pn-ProductNav_Link + .pn-ProductNav_Link {
  border-left-color: #eee;
}
.pn-ProductNav_Link[aria-selected="true"] {
  color: #fff;
}
.pn-Advancer {
  /* Reset the button */
  -webkit-appearance: none;
	 -moz-appearance: none;
		  appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  /* Now style it as needed */
  position: absolute;
  top: 0;
  bottom: 0;
  /* Set the buttons invisible by default */
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.pn-Advancer:focus {
  outline: 0;
}
.pn-Advancer:hover {
  cursor: pointer;
}

.pn-Advancer_Left {
  left: 0;
}
[data-overflowing="both"] ~ .pn-Advancer_Left, [data-overflowing="left"] ~ .pn-Advancer_Left {
  opacity: 1;
}
.pn-Advancer_Right {
  right: 0;
}
[data-overflowing="both"] ~ .pn-Advancer_Right, [data-overflowing="right"] ~ .pn-Advancer_Right {
  opacity: 1;
}
.pn-Advancer_Icon {
  width: 20px;
  height: 44px;
  fill: #bbb;
}
.pn-ProductNav_Indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 100px;
  background-color: transparent;
  -webkit-transform-origin: 0 0;
		  transform-origin: 0 0;
  -webkit-transition: background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out, background-color .2s ease-in-out;
  transition: transform .2s ease-in-out, background-color .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

/*¸¶Å©*/
.toon-adult-view{position:absolute;top:2px;right:2px;z-index:1;background-color:#e50020;padding:5px;color:#fff;border-radius:20px;font:11px Arial;width:14px;height:14px;opacity:0.9;}
.toon-delay{position:absolute;top:102px;z-index:1;background:rgba(211,84,0,.7);text-align:center;color:#fff;width:100%;font-size:12px;padding:2px;}

/*°Ë»öâ*/
.searchBox{width:24em;border:0.2em solid #515151;border-radius:0.8em;background-color:#2c2c2c}
.searchArea{display:none;position:absolute;top:0.8em;right:8.4em}
.searchInput{padding:0.8em 1em 0.6em;width:100%;color:#fff;border:none;background:none}
.searchResult{display:none;overflow-y:auto;padding:0.4em;color:#fff;background-color:#2c2c2c;box-shadow:0 0.1em 0.1em #000}
.searchItem{padding:0.8em;background-color:#292929}
.searchItem:nth-child(odd){background-color:#212121}
.searchItem:hover{background-color:#000}
.searchLink{display:block;text-decoration:none}
.searchHead{float:left;width:20%}
.searchPng{padding:100% 100% 100% 100%;background-image:url("../img/sprite.png");background-size:auto 100%}
.searchDetail{float:left;padding:0 0.4em;width:90%}
.searchDetailTitle{font-size:1.2em;color:#fff}
.searchDetailIntroduce{padding:0.2em 0;color:#bdbdbd}
.clear{clear:both}
.ic{display:inline-block;background-repeat:no-repeat;background-size:100% auto;background-position:center center}
.ic_close{background-image:url("../img/x.png")}
.searchClose{width:2em;height:2em;cursor:pointer}
/*°Ë»öâ*/




/*layout*/
section:after,
ul:after,
div:after,
header:after,
footer:after{content:""; display:block; clear:both;}

.group{margin:15px; position:relative;}

/*header*/
header { position:relative; }
header h2 {margin-left:10px; width:124px; height:48px; background:url("../img/logo.png") no-repeat left; background-size:104px 36px;}
header h2 a{display:block;width:124px; height:48px;}

/*footer*/
footer{padding:20px 0px;}
footer nav{display:inline-block; float:left;}
footer nav a{display:inline-block; color:#8b8d9b; font-size:14px; padding:12px; text-align:center;}
footer a:hover{color:#fff;}
footer h2 {margin-right:10px; float:left; width:124px; height:43px; background:url("../img/logo_btm.png") no-repeat left; background-size:104px 36px;}
footer h2 a{display:block;width:124px; height:43px;}
footer ul{float:right; display:inline-block; padding:12px;}
footer ul li{display:inline; padding:0px 10px;}
h1 p.sub-txt{display:inline-block;}
/*PC hide*/
footer,
.top-side,
.left-area,
.header-content{display:none;}

/*nav*/
.navbar-margin{display:block;height:45px;}
#navbar { position:fixed; top:0; left:0; right:0; z-index:10; height:48px; background:#fff; color:#000;}
#toggle-sidebar { position:absolute; top:0px; right:0px; color:#000; font-size:16px; cursor:pointer;width:48px;height:48px;text-align:center;line-height:48px; }
#sidebar { position:fixed; top:0; bottom:0; background:#4a4c57; }
#sidebar:after{content:""; display:block; clear:both;}
#sidebar div.close-icon{position:absolute; left:48%; bottom:10px; color:#999; font-size:40px; text-align:center;}
#sidebar h3{padding:10px; font-size:11px; color:#7d7f8d; background-color:#3d404b;}
#sidebar ul li>a { display:block; padding:15px 10px; clear:both; font:13px 'NGothic'; color:#999; transition: all 0.1s;border-bottom:2px solid transparent; }
#sidebar ul li>a i{margin-right:6px;color:#5974ff; vertical-align: top;}
#sidebar ul li>a.active,
#sidebar ul li>a:focus,
#sidebar ul li>a:active{ border-bottom:2px solid #5974ff; color:#fff; border-radius: 0px;}
#sidebar ul li.n2{ float:left; width:50%;}
#sidebar ul li.n4{ float:left; width:25%; text-align:center;}
#sidebar div.search-area{padding:8px;}
#sidebar div.search-area input{padding:5px 10px; float:left; width:70%; font-size: 16px; font-weight:bold; background-color:#f8f8f8; border:1px solid #ddd; color:#333;}
#sidebar div.search-area button{padding:5px 10px 7px; float:right; width:20%; background-color:#5974ff; color:#fff; border:1px solid #5974ff;}
.main-menu{background-color: #333}
/*2018-03-31 add*/
nav.menu li{ width:33%; float:left;}
nav.menu li a{ display:block; margin:10px; }


/*·Î±×ÀÔ/ȸ¿ø°¡ÀÔ Æ˾÷ (2019-04-03 Ãß°¡µÊ)*/
.bg_mask { display:none;position:fixed;width:100vw;height:100vh;background-color:#000000;opacity:0.5;z-index:9998;top:0px;left:0px; }
.bg_mask.active { display:block; }

.signup_box.layer_box { display:none;position:fixed;top:20px;left:50%;z-index:9999;background-color:#ffffff;width:100%;max-width:400px;min-height:340px;margin-left:-200px;border-radius:10px;border:2px solid #5974ff;text-align:center;box-shadow:3px 3px 10px 0px #000;padding-bottom:20px; }
.signup_box.active { display:block; }
.signup_box > h3{padding:30px 0px 10px 0px; color:#5974ff;width:100%;font-size:30px;text-align:center; }
.signup_box > h3 > i{color:#5974ff; font-size:50px;}
.signup_box ul { padding-top:10px; }
.signup_box ul > li { float:left; }
.signup_box ul > li.input { width:100%;box-sizing:border-box;padding:0px 30px; }
.signup_box ul > li.input > input { width:100%;border:1px solid #ced4f5;box-sizing:border-box;height:40px;margin:5px 0;padding-left:10px;border-radius:5px; }
.signup_box ul > li.button { clear:both;width:100%;box-sizing:border-box;padding:10px 30px; }
.signup_box ul > li.button > button { width: 100%; height:50px; font-weight: bold; border: 2px solid #5974ff; background-color: #5974ff; color: #ffffff;border-radius:5px;cursor:pointer; }
.signup_box ul > li.button > button:hover { opacity: 0.7; }
.signup_box ul > li.bottom { clear:both;width:100%;box-sizing:border-box;padding-top:10px;text-align:center; }
.signup_box ul > li.bottom > button { width: 130px; height: 40px; font-weight: bold; border: 2px solid #5974ff; background-color: #ffffff; color: #5974ff;opacity: 0.7;cursor:pointer; }
.signup_box ul > li.bottom > button:hover { opacity: 1; }



.login_box.layer_box { display:none;position:fixed;top:20px;left:50%;z-index:9999;background-color:#ffffff;width:100%;max-width:400px;min-height:310px;margin-left:-200px;border-radius:10px;border:2px solid #5974ff;text-align:center;box-shadow:3px 3px 10px 0px rgba(0,0,0,0.5);padding-bottom:20px; }
.login_box.active { display:block; }
.login_box.layer_box > h3{color:#5974ff;width:100%;height:70px;line-height:70px;font-size:30px;text-align:center; }
.login_box > h3 { position:relative; }
.login_box > h3 > a { width:100px;height:34px;display:block;position:absolute;top:0px;right:0px;text-align:center;line-height:34px;font-size:14px;color:#ddd;font-weight:550; }
.login_box ul > li.message { clear:both;width:100%;box-sizing:border-box;padding:20px 10px 10px;text-align:center;font-size:16px;color:#333;font-weight:bold;line-height:1.5em; }
.login_box ul > li.message i{font-size:50px; color:#5974ff;}
.login_box ul > li.message strong { font-size:15px;color:#333; }
.login_box ul > li.input { box-sizing:border-box; padding:10px 30px; }
.login_box ul > li.input > input {padding:10px; width:100%;border:1px solid #ced4f5;box-sizing:border-box;height:40px;margin:5px 0;border-radius:5px; }
.login_box ul > li.button { box-sizing:border-box;padding:0px 30px 10px; }
.login_box ul > li.button > button { width: 100%; height: 60px; font-weight: bold; border: 2px solid #5974ff; background-color: #5974ff; color: #ffffff;border-radius:5px;cursor:pointer; }
.login_box ul > li.button > button:hover { opacity: 0.7;}
.login_box ul > li.bottom2 { clear:both;width:100%;box-sizing:border-box;padding:0px;text-align:center; }
.login_box ul > li.bottom2 > a { height:auto;padding:5px !important;border: none; }
.login_box ul > li.bottom { clear:both;width:100%;font-size:13px;box-sizing:border-box;padding:10px 30px;text-align:center; }
.login_box ul > li.bottom:after{content:"";clear:both;display:block;} 
.login_box ul > li.bottom > span{float:left;text-align:left; padding-top:10px;}
.login_box ul > li.bottom > button { float:right; width: 130px; height: 40px; font-weight: bold; border: 2px solid #5974ff; background-color: #ffffff; color: #5974ff;border-radius:5px;cursor:pointer; }
.login_box ul > li.bottom > button:hover { opacity: 0.7; }


.member_box ul > li { float:left; }
.member_box ul > li.text { width:60%;box-sizing:border-box;padding:5px;text-align:center;font-size:13px;color:#dddddd;line-height:2; }
.member_box ul > li.text strong { font-size:15px;color:#ffffff; }
.member_box ul > li.button { width:40%;box-sizing:border-box;padding:5px;text-align:center; }
.member_box ul > li.button > button { width: 100%; height: 35px; font-weight: bold; border: 2px solid #5974ff; background-color: #ffffff; color: #5974ff;opacity: 1;cursor:pointer; }
.member_box ul > li.button > button:hover { background-color: #5974ff;color:#fff; }

.btn_layer_close {
	top:10px;right:10px;
    position: absolute;
	width:30px;height:30px;
	display:block;
  cursor:pointer;
}
.btn_layer_close:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left:0px;
    width: 30px;
    height: 2px;
    margin-top: -2px;
    background: #333;
    transform: rotate(45deg);
}
.btn_layer_close:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left:0px;
    width: 30px;
    height: 2px;
    margin-top: -2px;
    background: #333;
	transform: rotate(135deg);
}

@media(max-width:410px) {
	.signup_box { left:5px !important;margin-left:0px !important;width:95% !important; }
	.login_box { left:5px !important;margin-left:0px !important;width:95% !important }
}

/*Content*/
#content{margin-top:48px; padding-bottom:20px; background-color:#eff1f4;}
.top-banner{padding:0px 0px; background-color:#c9ccd5;}
.top-banner li a img{height:auto;}
.top-banner li{width:33.333333%; float:left;}
.top-banner li.w100{width:100%;}
.top-banner li.w50{width:50%;}
.btm-banner li{width:50%; float:left;}
.top-banner li a,
.btm-banner li a{display:block; margin:1px;}
.v-img{width:70%;}
/*Side banner*/
.side-bnr{display:none;}
/*Sub Content*/
#content > .box { position:relative;display:block;overflow:hidden; }
#content > .box > .left-box { position:relative;float:none;clear:both;display:block;width:auto;margin:10px 15px 20px 15px; }
#content > .box > .right-box { position:relative;float:none;clear:both;display:block;width:auto;margin:10px 15px 20px 15px; }
#content > .box > .right-box > .banner { display:none; }
#content .group > h1 { font-weight:normal;font-size:20px;margin:0px 0 10px; }
#content .group > .right { position:relative;float:right;margin-top:-37px; }
#content .group > .right > a { display:inline-block;overflow:hidden;height:33px;line-height:33px; }
#content .group > .right > a:before { content:"";background:url("../img/radio_off.png") no-repeat center;background-size:18px 18px;width:18px;height:33px;display:block;float:left;margin-left:5px; }
#content .group > .right > a > span { color:#555;float:left;margin-left:5px;font-weight:bold; }
#content .group > .right > a.active:before { background:url("../img/radio_on.png") no-repeat center;background-size:18px 18px; }
#content .group > .right > a.active > span { color:#5974ff; }
#content .left-box > h1 { margin:10px 0; }
#content .left-box > .right { }
#content .side-title > h1 { margin:10px 0;font-size:15px; }
#content .side-title > .right { position:relative;float:right;margin-top:-33px; }
#content .side-title > .right > a { display:inline-block;font-size:12px;height:22px;line-height:22px;margin-left:10px; }
#content .side-title > .right > a.active { color:#5974ff;border-bottom:2px solid #5974ff; }

#content .group > .sub-tab,
#content .group > .tab { clear:both;display:block;overflow:hidden;width:100%;height:35px;margin:0 auto;margin-bottom:10px;border:1px solid #ddd;border-right:none;margin-bottom:5px; }
#content .group > .sub-tab > a:hover,
#content .group > .tab > a:hover { background-color:#a6b4fd;color:#ffffff; }
#content .group > .tab > a.active,
#content .group > .sub-tab > a.active { background-color:#5974ff;color:#ffffff; }
#content .group > .sub-tab > a,
#content .group > .tab > a { float:left;height:35px;line-height:35px;text-align:center;background-color:#ffffff;border:1px solid #ddd;margin-left:-2px;margin-top:-1px;font-size:14px; }
#content .group > .tab2 > a { width:50%; }
#content .group > .tab3 > a { width:33.33333333333333%; }
#content .group > .tab5 > a { width:20%; }
#content .group > .tab8 > a { width:12.5%; }
#content .group > .tab9 > a { width:11.1%; }
#content .group > .tab10 > a { width:10%; }
#content .group > .tab17 { ;height:70px; }
#content .group > .tab17 > a { width:11.11%; }
#content .group > .mg{margin-bottom:-1px;}
#content .group > .tab-genre1{ display:none; }
#content .group > .tab-genre2{ display:none; }
#content .group > .tab-day{ display:none; }
#content .group > .tab-alphabet{ display:none; }
#content .group > .tab-genre1.active { display:block; }
#content .group > .tab-genre2.active { display:block; }
#content .group > .tab-day.active { display:block; }
#content .group > .tab-alphabet.active { display:block; }

/*
.badge { position:absolute;top:0;left:0; }
.badge:before { position:absolute;top:0;left:0;color:#fff;width:55px;height:30px;line-height:30px;font-size:14px;font-weight:bold;text-align:center;z-index:2; }
.badge.badge-new:before { content:"NEW"; }
.badge.badge-up:before { content:"UP"; }
.badge.badge-end:before { content:"¿Ï°á"; }
.badge:after { content:"";position:relative;top:0;left:0;color:#fff;width:55px;height:30px;opacity:0.7;z-index:1; }
.badge.badge-new:after { background-color:#81da32; }
.badge.badge-up:after { background-color:#ff2a00; }
.badge.badge-end:after { background-color:#5974ff; }
*/
.badge { position:absolute;top:0;left:0;color:#fff;width:55px;height:30px;line-height:30px;font-size:11px;font-weight:bold;text-align:center;z-index:2; }
.badge.badge-new { background-color:rgba(255,56,56,0.8); }/*#81da32*/
.badge.badge-up { background-color:#95A5A6; } /*#ff2a00*/
.badge.badge-end { background-color:#03A678; } /*#5974ff*/

.webtoon-list {  }
.webtoon-list li{ width:33.3333%; float:left; }
.webtoon-list li.banner { width:100%;float:left;clear:both; }
.webtoon-list li.banner .btm-banner li { width:100%;float:left;margin-bottom:10px; }
.webtoon-list > ul > li > a { position:relative;display:block;overflow:hidden;background-color:#ffffff;width:95%;margin:0 auto;border:1px solid #ccc;margin-bottom:10px; }
.webtoon-list > ul > li > a:hover {color:#ffffff; border:1px solid #5974ff;}
.webtoon-list li a .list-box > .img { width:100%;/*height:122px;*/height:auto;overflow:hidden;display:block; }
.webtoon-list li a .list-box img { width:100%;min-height:122px;height:auto;transform: scale(1,1); transition: all 0.3s}
.webtoon-list > ul > li > a:hover .list-box img{transform: scale(1.1,1.1);} 
.webtoon-list li a .list-box > .txt { 
padding:10px; 
float:left;display:inline-block;width:auto;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-wrap: normal !important;
}

/*ºÏ¸¶Å©Ãß°¡ (2019-04-03 Ãß°¡µÊ)*/
.webtoon-list > ul > li  { position:relative; }
.webtoon-list > ul > li > a{display:block; position:relative;}
.webtoon-list > ul > li > a button.bookmark { position:absolute; display:block; top:98px; right:0px; z-index:9;cursor:pointer;display:block;width:100%;height:25px;text-align:center;font-size:13px;background-color:#5974ff;color: #fff;  }
.webtoon-bbs-list > ul > li  { position:relative; }
.webtoon-bbs-list > ul > li > .bookmark { position:absolute;top:0px;right:0px; z-index:9; padding:5px 10px; font-size:11px; background-color:#5974ff;color: #fff; border-radius: 0 0 10px 10px }
.webtoon-bbs-list > ul > li > .bookmark:hover { opacity:0.7;}
.webtoon-bbs-list > ul > li > .bookmark.delete{background-color:#e65a5a }
.webtoon-bbs-list > ul > li > .bookmark i{margin-right:3px;}
/*ºÏ¸¶Å©Ãß°¡ (2019-04-03 Ãß°¡µÊ) END*/

.toon-new {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    background: rgba(255,56,56,0.8);
    text-align: center;
    color: #fff;
    width: 100%;
	font-size:12px;
	height:30px;line-height:30px
}

/*.webtoon-list li a .list-box > .txt > p:nth-child(1) { font-size:15px;font-weight:bold;color:#000; }*/
.webtoon-list li a .list-box > .txt > p:nth-child(1) { font-size:13px;font-weight:bold;color:#000; }

.webtoon-list li a .list-box > .txt > p:nth-child(2) { font-size:12px;font-weight:bold;color:#8fa4c3; }
.webtoon-list li a .list-box > .txt > p:nth-child(3) { font-size:12px;font-weight:bold;color:#777;padding-top:10px; }


.img-box { position:relative;float:left;width:100%;height:150px;display:block;overflow:hidden; }
.img-box img{ width:100%;min-height:150px; }
.text-box { position:relative;float:left;width:100%;height:250px;display:block;overflow:hidden;background-color:#fff;margin-top:0px; }
.text-box > h1 { font-weight:bold;font-size:20px; margin:15px 30px;}
.text-box > .sub { font-size:13px;font-weight:bold;padding-bottom:10px;margin:0 30px 15px;border-bottom:1px solid #ddd;color:#5974ff; }
.text-box > .sub strong { font-weight:bold;color:#333; }
.text-box > .txt { font-size:13px;margin:5px 0 5px 30px;color:#aaa; }
.text-box > .btn { position:absolute;display:block;width:100%;margin:0px auto;padding:0px;bottom:20px;text-align:center; }
.text-box > .btn button { opacity:0.7; }
.text-box > .btn button:hover { opacity:1; }
.text-box > .btn button .view_open:hover { opacity:1; }
.text-box > .btn > button { width:130px;height:40px;font-weight:bold;border:2px solid #5974ff;background-color:#fff;color:#5974ff; }
.text-box > .btn > button:last-child { background-color:#5974ff;color:#fff; }



.bbs-list > ul { display:block;width:100%;border-bottom:1px solid #ddd; }
.bbs-list > ul > li { display:block;float:left;width:100%;height:65px;border-top:1px solid #ddd; }
.bbs-list > ul > li > a { position:relative;display:block;overflow:hidden;width:100%; }
.bbs-list > ul > li > a:hover{background-color:#fff;}
.bbs-list > ul > li > a .list-box > .num { float:left;display:inline-block;color:#5974ff;font-size:16px;width:80px;line-height:65px;text-align:center; }
.bbs-list > ul > li > a .list-box > .subject { float:left;display:inline-block;color:#555555;font-size:16px;width:auto;line-height:65px;
text-overflow: ellabsoluteis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-wrap: normal !important;
width:40%;
}
.bbs-list > ul > li > a .list-box > .date { float:right;display:inline-block;color:#aaaaaa;font-size:14px;font-weight:normal;width:80px;line-height:65px; }
.bbs-list li .badge { position:relative;left:auto;width:55px;display:none;top:0px;left:5px; }
.bbs-list li .badge:before { width:55px;height:20px;line-height:20px;font-size:11px; }
.bbs-list li .badge:after { width:55px;height:20px;opacity:1; }
.bbs-list li.selected {background-color:#fff; border:3px solid #5974ff;}
.bbs-list li.selected div.list-box div.subject{font-weight:bold; color:#5974ff;}
.side_tab{margin-top:10px; background-color:#fff; border:1px solid #ddd; border-bottom: 0px; }
.side_tab li{width:33%; border-left:1px solid #ddd; padding:10px 0px; text-align:center; float:left; text-align:center; cursor:pointer}
.side_tab li:nth-child(1){border-left:0px;}
.side_tab li.current{font-weight:bold; color:#5974ff;}
.tabcontent{display:none;}
.current{display:block;}
.side-list{border:1px solid #ddd; border-top:0px;}
.side-list li { position:relative;display:block;float:left;width:100%;height:60px;border-top:1px solid #ddd;background-color:#fff; }
.side-list li > a { position:relative;display:block;float:left;width:100%;height:60px; }
.side-list li .img { width:60px;height:60px;display:block;overflow:hidden;float:left; }
.side-list li .img > img { min-height:60px; }
.side-list li .txt { width:auto;height:60px;display:block;overflow:hidden;float:left;white-space:nowrap; }
.side-list li .txt > p:nth-child(1) { font-size:12px;font-weight:bold;color:#000;margin:12px 0 0 12px; }
.side-list li .txt > p:nth-child(2) { font-size:12px;font-weight:normal;color:#aaa;margin:2px 0 0 12px; }
.side-list li .badge { left:auto;right:0;top:0px; }
.side-list li .badge:before { width:55px;height:20px;line-height:20px;font-size:11px; }
.side-list li .badge:after { width:55px;height:20px;opacity:1; }
/*view*/
.bbs-view > h2{padding:10px 0px; }
.bbs-view > .view { width:100%;height:40px;background-color:#fff;border-top: 2px solid #5974ff;border-bottom:1px solid #ddd; }
.bbs-view > .view li{ width:auto;height:40px;line-height:40px;white-space:nowrap;padding:0 10px;font-size:12px; }
.bbs-view > .view li.info1 { float:left;font-weight:bold; }
.bbs-view > .view li.info2 { float:left; }
.bbs-view > .view li.info3 { float:right;text-align:right;color:#999999; }
.bbs-view > .content { display:block; padding:20px; background-color:#fff; border-bottom:1px solid #ccc;}
.bbs-view > .button { padding:20px 0; text-align:right;}
.bbs-view > .button button { width:100px;height:30px;font-weight:bold;border:1px solid #5974ff;background-color:#fff;color:#5974ff;font-size:13px; }
.bbs-view > .button button.write { border:1px solid #5974ff;background-color:#5974ff;color:#fff; }
/*comments*/
.comments-write {position:relative; background-color:#fff;border-top:1px solid #999;border-bottom:1px solid #ddd; padding:20px;}
.comments-write input { width:150px;height:30px;text-indent:5px;border:1px solid #ccc; }
.comments-write textarea { position:relative; width:100%; height:60px; padding:5px; border:1px solid #ccc; }
.comments-write button { width:80px;height:72px;font-weight:bold;border:1px solid #5974ff;background-color:#5974ff;color:#fff;font-size:13px; }
.comments-write .name { display:block;float:left;width:150px; margin:0px 10px 10px 0px;  }
.comments-write .password { display:block;float:left;width:150px; margin-bottom:10px; }
.comments-write .comment { position:relative; clear:both;}
.comments-write .textarea{ margin:5px 95px 0px 0px;}
.comments-write .button { position:absolute; top:0px; right:0px;}
.comments-list { margin-bottom:20px; }
.comments-list li { padding:10px 0;border-bottom:1px solid #ddd; }
.comments-list .name { float:left;font-size:13px;font-weight:bold; }
.comments-list .date { float:left;font-size:11px;color:#aaa;margin:2px 0 0 10px }
.comments-list .comment { clear:both;display:block;padding-top:10px;color:#777;font-size:12px; }
/*writing*/
.bbs-write > table{ width:100%;border-top: 2px solid #5974ff;background:#fff;table-layout:fixed; }
.bbs-write input { width:100%;height:30px;text-indent:5px;border:1px solid #ddd; }
.bbs-write select { width:100%;height:30px;text-indent:5px;border:1px solid #ddd; }
.bbs-write textarea { position:relative;width:96%;height:160px;padding:10px;border:none; }
.bbs-write > table td{padding:10px; border-bottom:1px solid #ddd;}
.bbs-write > table td:nth-child(1) { width:80px;white-space:nowrap;text-align:center; }
.bbs-write > table td:nth-child(2) { width:100%;}
.bbs-write > table td.content { width:100%;padding:0 5px;}
.bbs-write > .button { padding:20px 0;text-align:center; }
.bbs-write > .button button { width:100px;height:30px;font-weight:bold;border:1px solid #5974ff;background-color:#fff;color:#5974ff;font-size:13px; }
.bbs-write > .button button.write { border:1px solid #5974ff;background-color:#5974ff;color:#fff; }

/*vod*/
.black-area{margin-bottom:10px; width:100%; padding:0px 0px; background-color:#333;}
/*.vod-menu li{ float:left; width:16.66666666666667%;}*/
.vod-menu li{ float:left; width:20%;}
.vod-menu li a{display:block; border:3px solid #444; margin:5px;}
.vod-menu li a:hover{border:3px solid #e85f65;}
.vod-menu li a.selected{border:3px solid #e85f65;}
/*common*/
a{transition: all 0.3s}

/*form*/
.form-group {padding-bottom:20px;}
.form-group div:after,
.form-group:after{content: ""; display:block; clear:both;}
.form-group label{display:block; padding:10px;}
.form-group input{display:block; width:90%; margin:0 auto; padding:5px; border:1px solid #ddd;}
.form-group div{position:relative;}
.form-group p{padding:10px; color:#999; font-size:12px;}
.form-group span.fa{position:absolute; top:5px; right:35px;}

/*top-btn*/
.bottom-btn{position:fixed; display:scroll; bottom:3px; right:3px; z-index: 999}
.top-btn{position:fixed; bottom:60px; right:3px; z-index: 999}
.viewtop-btn{position:fixed; bottom:3px; right:3px; z-index: 999}
.bottom-btn a{display:block; width:50px; height:50px; border-radius: 100px; background:url("../img/btm_btn.png") no-repeat center #5974ff;}
.top-btn a,
.viewtop-btn a{display:block; width:50px; height:50px; border-radius: 100px; background:url("../img/top_btn.png") no-repeat center #5974ff;}

/*paging-view*/
.paging-view {margin:10px auto; text-align:center; }
.paging-view li {display:inline-block; margin: 0px -2px;}
.paging-view li a {display:block; padding:0 15px; color:#999; background-color:#fff; height:38px; line-height:38px; text-decoration:none;font-size:13px; border:1px solid #ddd; }
.paging-view li:hover a { background:#fff; color:#ff6533; border:1px solid #ff6533; }
.paging-view li.active a,
.paging-view li.active a:hover { background:#ff6533; color:#fff; border:1px solid #ff6533; }

/*btn*/
.btn { display:inline-block; border-radius: 2px text-align:center; padding: 8px 15px; font-size:13px;}
.btn-small { font-size:11px; border-radius: 2px; padding: 5px 10px 6px;}
.btn-large { display:block; padding:15px; font-size:16px; }
.btn-point { color:#fff; background-color:#ff6533; }
.btn-point:hover,
.btn-point:focus { color:#fff; background-color:#ce4214; }
.btn-white { color:#999; background-color: #fff; border:1px solid #ddd; }
.btn-white:hover,
.btn-white:focus{ color:#ff6533; border:1px solid #ff6533; } 
.btn-gray { color:#fff !important; background-color:#ddd; }
.btn-gray:hover,
.btn-gray:focus{color:#fff; background-color:#ccc;}
.btn-subpoint{ color:#fff; background-color: #828b9a; }
.btn-subpoint:hover,
.btn-subpoint:focus{ color:#fff; background-color:#596578; } 
.btn-area { margin:10px 0px; }
.btn-area a{margin-bottom:10px;}
.btn-gray { color:#999; }

/*text*/
.size20{font-size:20px;}
.txt-point { color:#ff6533 !important; }
.txt-white { color:#fff !important; }
.txt-gray{color:#999 !important;}
.txt-subpoint { color:#828b9a !important; }
.txt-warning{ color:#f13232 !important; }
.txt-center{text-align: center}
.txt-right{text-align: right}
.ellipsis{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 3.6em; } 

/*bg*/
.warning { background-color:#e61f00; color:#fff; }
.gray { background-color:#999; color:#fff; }
.point { background-color:#ff6533; color:#fff; }

/*icon*/
.fa-2{font-size:20px;}
.fa-3{font-size:30px;}
/**/
.top20{margin-top:20px !important;}

/*popup*/

/*loading*/
#loading-wrap{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index: 9999}
#loading { position: absolute; margin: -25px 0 0 -25px; top: 50%; left: 50%; display: inline-block; width: 50px; height: 50px; border: 3px solid #ccc; border-radius: 50%;border-top-color: #ff6533;
  animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite;}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}





.webtoon-body { position:relative;margin:0 auto;background-color:#ffffff;margin-top:45px;margin-bottom:90px;text-align:center; }
.webtoon-body > .top-banner { background-color:transparent; }
.webtoon-body .updown { position:fixed;bottom:80px;right:20px;margin-top:-55px;z-index:9999; }
.webtoon-body .updown > ul > li { float:left;clear:both; }
.webtoon-body .updown > ul > li > a { width:50px;height:50px;display:block;overflow:hidden;  }
.webtoon-body .updown > ul > li > a.up { background:url("../img/arrow_up.png") no-repeat center;background-size:50px 50px;  }
.webtoon-body .updown > ul > li > a.down { background:url("../img/arrow_down.png") no-repeat center;background-size:50px 50px;margin-top:5px;  }
.webtoon-body .updown > ul > li > a > span { display:none; }
.webtoon-body .nextpage { position:fixed; top:50%; right:0px; margin-top:-16px; padding:20px 10px; border-radius: 50px 0px 0px 50px; background: rgba(0, 0, 0, 0.2); z-index:9999;}
.webtoon-body .prepage { position:fixed; top:50%; left:0px; margin-top:-16px; padding:20px 10px; border-radius: 0 50px 50px 0; background: rgba(0, 0, 0, 0.2); z-index:9999;}
.webtoon-body .nextpage a,
.webtoon-body .prepage a{display:block; font-size:25px; color:#fff;}
.webtoon-body .nextpage:hover,
.webtoon-body .prepage:hover{background-color:#5974ff;}

.show768 {display:none;}

/*Mobile*/
@media (min-width:480px) {
	/*main nav*/
	nav.menu li{ width:33.33333333333333%; float:left;}
	nav.menu li a{ display:block; margin:10px; }

	/*content*/
	.img-box { height:200px; }
	.img-box img{ min-height:200px; }
	#content .group > .tab { width:100%;height:35px; }
	#content .group > .tab17 > a { width:5.88%; }
	#content .group > .right { position:relative;float:right;margin-top:-37px; }
	/*list*/
	.webtoon-list li{ width:14.28571%; float:left; }
	.bbs-list > ul > li > a .list-box > .subject { width:55%; }
	/*view*/
	/*comment*/
	/*write*/


}

/*Tab/TabletPC*/
@media (min-width:768px){
	/*main nav*/
	nav.menu li{ width:16.66666666666667%; float:left;}
	nav.menu li a{ display:block; margin:10px; }
	#content .group > .right { position:relative;float:right;margin-top:-37px; }
	/*content*/
	#content > .box > .left-box { float:left;clear:none;display:block;width:70%;margin:10px 0 20px; }
	#content > .box > .right-box { float:right;clear:none;display:block;width:28%;margin:10px 0 20px; }
	#content > .box > .right-box > .banner { display:block; }
	#content .group > .tab { width:100%;height:35px; }
	#content .group > .tab17 > a { width:5.88%; }
	
	/*list*/
	.img-box { width:60%;height:250px; }
	.img-box img{ min-height:250px; }
	.text-box { width:40%;height:250px; }
	.webtoon-list li{ width:14.28571%; float:left; }
	.webtoon-list li.banner .btm-banner li { width:50%; }
	.bbs-list > ul > li > a .list-box > .subject { width:60%; }
	/*view*/
	/*comment*/
	/*write*/
	.searchArea{display:none}/*°Ë»öâ*/
	.searchBox{width:16em} /*°Ë»öâ*/

	.show768 {display:block;}
}

/*PC */
@media (min-width:1024px) {

	.searchArea{display:block}/*°Ë»öâ*/
	

	body{background:#4a4c57;}

	/*display/none/block*/
	footer,
	.top-side,
	.left-area,
	.header-content{display:block;}
	.navbar-content,
	.pn-ProductNav_Wrapper,
	#toggle-sidebar,
	#sidebar{display:none;}
	.bbs-list li .badge { display:inline-block; }
	/**/
	.group{max-width:1024px; margin:0 auto;}
	.box{max-width:1024px; margin:0 auto;}

	/*header*/
	/*#navbar{position:relative; margin-top:0px; height:90px;}*/
	#navbar{position:fixed; top:0; bottom:0;box-shadow:0 0.1em 0.2em;height:90px;}
	#navbar:after{content:""; display:block; clear:both;}
	.navbar-margin{display:block;height:90px;}
	.webtoon-body { position:relative;margin:0 auto;background-color:#ffffff;margin-top:0px;margin-bottom:90px;text-align:center; }

	/*top-side*/
	.top-side{width:100%; height:30px; background:#6f7384;}
	.top-side:after{content:""; display:block; clear:both;}
	.top-side div.left{ float:left; width:200px;}
	.top-side div.left a{display:inline-block; padding:0px 10px; height:30px; font-size:12px; color:#cdcfdd; line-height:30px;}
	.top-side div.right{float:right; width:120px;}
	.top-side div.right a{width:20px; padding:7px; line-height:28px; color:#cdcfdd;}
	.top-side div.left a:hover,
	.top-side div.right a:hover{color:#fff;}
	/*header-content*/
	.header-content h2 {float:left; width:14%; height:60px; background:url(../img/logo.png) no-repeat center; background-size:124px 43px;}
	.header-content h2 a{display:block;width:auto; height:60px;}
	.header-content nav {float:left; width:55%; line-height:49px; }
	.header-content nav li {display:inline-block; padding:0px 10px; text-align:center;}
	.header-content nav a {display:inline-block; font-size:15px; font-weight:bold; color:#333; padding: 4px 1px;}
    .header-content nav li:last-child{border:none;}
	.header-content nav a.active,
	.header-content nav a:hover{border-bottom:3px solid #5974ff; color:#000;}
	.header-content nav a.active{color:#000; font-weight:bold; border-bottom:3px solid #5974ff;}
	.header-content div.search-area {float:right; width:220px; margin-top:10px;}
	.header-content div.search-bar{padding:3px; width:218px; border:1px solid #ddd; border-radius: 50px;}
	.header-content div.search-area input {float:left; margin: 2px 8px; padding:5px; width:155px; }
	.header-content div.search-area button {float:right; margin: 2px; padding:3px 3px; color:#5974ff; background-color:#fff; border-radius: 100px;}
	
	/*content*/
	#content{margin-top:0px;}
	#content > .box > .left-box { float:left;clear:none;display:block;width:70%;margin:10px 0 20px; }
	#content > .box > .right-box { float:right;clear:none;display:block;width:28%;margin:10px 0 20px; }
	#content > .box > .right-box > .banner { display:block; }
	#content .group > .tab { width:100%;height:35px; }
	#content .group > .tab17 > a { width:5.88%; }
	#content .group > h1 { font-weight:normal;font-size:25px;margin:20px 0 20px; }
	#content .group > .right > a:before{margin-left:20px;}
	
	.side-bnr{display:block; position:relative; z-index: 9;}
	.side-bnr a{display:block; margin-bottom:5px;}
	.side-bnr a img{height:212px;}
	.side-right{position:absolute;  width:150px; top:0px; right:-165px;}
	.side-left{position:absolute;  width:150px; top:0px; left:-165px;}

.side-left-long{position:absolute;  width:150px; top:0px; left:-165px;}
.side-right-long{position:absolute;  width:150px; top:0px; right:-165px;}
.side-right-long a img{height:424px;}
.side-left-long a img{height:424px;}


	.bottom-btn{bottom:10px; right:10px;}
	.top-btn{position:fixed; bottom:70px; right:10px;}
	.viewtop-btn{position:fixed; bottom:100px; right:20px;z-index:9;}
	/*list*/
	.img-box { width:60%;height:300px; }
	.img-box img{ min-height:300px; }
	.text-box { width:40%;height:300px; }
	.webtoon-list li{ width:14.28571%; float:left; }
	.webtoon-list li.banner .btm-banner li { width:50%; }
	.bbs-list > ul > li > a .list-box > .subject { width:65%; }
	/*view*/

	/*comment*/
	/*write*/
	/*banner*/
	.top-banner{padding:5px 0px;}
	.top-banner li{text-align:center;}
	/*.top-banner li a img{height:105px;}*/
	nav.menu{padding:40px 0px;}
	nav.menu li a{}
	nav.menu li a img{transform: scale(1,1); transition: all 0.3s}
	nav.menu li a:hover img{transform: scale(1.1,1.1);}
}
ul.paging { border:none;margin:20px 0;border-left:1px solid #ddd; }
ul.paging > li { float:left;display:inline-block;border:none;width:auto;height:40px;margin-left:-1px;border:1px solid #ddd; }
ul.paging > li > a { display:block;padding:0 15px;width:auto;height:40px;line-height:40px;text-align:center; }
ul.paging > li > a:hover { background-color:#c1cbff;color:#fff; }
ul.paging > li > a.active { background-color:#5974ff;color:#fff;font-weight:bold; }


body.webtoon-view { background-color:#ffffff; overflow-X:hidden; }
.webtoon-top { position:fixed;top:0px;left:0px;width:100%;height:60px;z-index:9999;background-color:#262425; }
.webtoon-top .logo { position:absolute;display:block;background:url("../img/logo.png") no-repeat center; background-size:104px 36px;width:104px;height:60px;margin-left:15px; }
.webtoon-top .title { width:100%;text-align:center;display:block; white-space: nowrap; word-wrap: normal !important; }
.webtoon-top .title span { width:65%;font-size:17px;color:#ffffff;line-height:60px;display:block;text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;margin:0 auto; }
.webtoon-top .right { position:absolute;width:100px;height:60px;top:0px;right:0px; }
.webtoon-top .bookmark { float:left;overflow:hidden;display:inline-block;width:50px;height:60px;line-height:60px;text-align:center;font-size:25px;color:#bebebe; }
.webtoon-top .bookmark:hover { color:#fff; }
.webtoon-top .close { float:left;overflow:hidden;display:inline-block;background:url("../img/icon_close.png") no-repeat center; background-size:21px 21px;width:50px;height:60px; }
.webtoon-top .close:hover { background:url("../img/icon_close_over.png") no-repeat center; background-size:21px 21px; }
.webtoon-top .logo span,
.webtoon-top .close span { display:none; }
.webtoon-bottom { position:fixed;bottom:0px;left:0px;width:100%;height:70px;z-index:9999;background-color:#262425d9; }
.webtoon-bottom .group { margin:0 auto; }
.webtoon-bottom .prev { position:absolute;top:0px;left:0px;float:left;width:70px;height:70px;z-index:2; }
.webtoon-bottom .next { position:absolute;top:0px;right:0px;float:right;width:70px;height:70px;z-index:2; }
.webtoon-bottom .prev a,
.webtoon-bottom .next a { width:70px;height:70px;line-height:70px;color:#aaa; }
.webtoon-bottom .prev a:hover,
.webtoon-bottom .next a:hover { color:#fff; }
.webtoon-bottom .prev a:before { content:"";float:left;overflow:hidden;display:inline-block;background:url("../img/arrow_prev.png") no-repeat center; background-size:16px 34px;width:25px;height:70px; }
.webtoon-bottom .next a:after { content:"";float:right;overflow:hidden;display:inline-block;background:url("../img/arrow_next.png") no-repeat center; background-size:16px 34px;width:25px;height:70px; }
.webtoon-bottom .center { position:relative;top:0px;text-align:center;width:100%;height:70px;line-height:70px;margin:0 auto; }
.webtoon-bottom .zoomout { overflow:hidden;display:inline-block;width:50px;height:70px; }
.webtoon-bottom .zoomout.plus { background:url("../img/icon_plus.png") no-repeat center; background-size:36px 29px; }
.webtoon-bottom .zoomout.plus:hover { background:url("../img/icon_plus_over.png") no-repeat center; background-size:36px 29px; }
.webtoon-bottom .zoomout.minus { background:url("../img/icon_minus.png") no-repeat center; background-size:36px 29px; }
.webtoon-bottom .zoomout.minus:hover { background:url("../img/icon_minus_over.png") no-repeat center; background-size:36px 29px; }
.webtoon-bottom .list { overflow:hidden;display:inline-block;background:url("../img/icon_list.png") no-repeat center; background-size:36px 29px;width:50px;height:70px; }
.webtoon-bottom .list:hover { background:url("../img/icon_list_over.png") no-repeat center; background-size:36px 29px; }

.webtoon-bottom .home { overflow:hidden;display:inline-block;background:url("../img/icon_home.png") no-repeat center; background-size:36px 29px;width:50px;height:70px; }
.webtoon-bottom .home:hover { background:url("../img/icon_home_over.png") no-repeat center; background-size:36px 29px; }

/*ºÏ¸¶Å© ¹öÆ°¼öÁ¤ (2019-04-03 Ãß°¡µÊ)*/
.image-view > h2 {
	position:relative;margin:1em;padding:1em 0;background-color:#2c2c2c;font-size:100%;font-weight:300;box-sizing:border-box;margin-block-start:0.83em;margin-block-end:0.83em;margin-inline-start:0px;margin-inline-end:0px;
}
.image-view > h2 > span {
	display:block;font-weight:500;font-size:1.5em;inline-block;margin:0;padding:0;box-sizing:border-box;text-align:center;color:white;padding-right:60px;word-break:break-all;
}

.image-view > h2 > button.bookmark { position:absolute;
	top:0px;right:0px;
	width:60px; height: 100%;
	font-weight: bold;
	background-color: #5974ff;
	color: #fff;
	cursor:pointer;
	font-size:14px;
}

.image-view > h2 > button.bookmark.delete { 
  background-color: #e65a5a;
}
/*ºÏ¸¶Å© ¹öÆ°¼öÁ¤ (2019-04-03 Ãß°¡µÊ) END*/

@media (max-width:768px) {
	.searchArea{display:none}/*°Ë»öâ*/
	.searchBox{width:16em} /*°Ë»öâ*/

	.webtoon-top .title span { width:80%;text-align:left;float:left;}
	.top-banner .group{margin:0;}
	.top-banner li{width:50%; float:left;}
	.toon-delay{top:104px}
	.webtoon-top .logo { display:none; }
	.v-img{width:100%;}
	.bam-search {/*mobile*/
		float:left;
	}
	.bam-num-date {/*mobile*/
		display:none;
	}
	.bam-subject { /*mobile*/
	width:100% !important;
	line-height:32.5px !important; 
	}
	.bam-tab-mb{ /*mobile*/
		display:block;
	}
	.bam-tab-pc{ /*mobile*/
		display:none;
	}
	.bam-num-mb/*mobile*/
	{
		display:inline-block;
		color:#aaaaaa;
		font-size:14px;
		font-weight:normal;
		width:80px;
	}
}
@media (max-width:640px) {
	.webtoon-top .title span { width:65%;text-align:left;float:left;}

	.searchArea{display:none;top:4.8em;right:0;width:100%}/*°Ë»öâ*/
	.searchBox{width:100%;border:0.4em solid #7c4dff;border-radius:0}/*°Ë»öâ*/
	.searchInput{padding:1em}/*°Ë»öâ*/
	.top-banner .group{margin:0;}
	.top-banner li{width:50%; float:left;}
	.toon-delay{top:104px}
	.webtoon-top .logo { display:none; }
	.v-img{width:100%;}
		
	.bam-search {/*mobile*/
		float:left;
	}
	.bam-num-date {/*mobile*/
		display:none;
	}
	.bam-subject { /*mobile*/
	width:100% !important;
	line-height:32.5px !important; 
	}
	.bam-tab-mb{ /*mobile*/
		display:block;
	}
	.bam-tab-pc{ /*mobile*/
		display:none;
	}
	.bam-num-mb/*mobile*/
	{
		display:inline-block;
		color:#aaaaaa;
		font-size:14px;
		font-weight:normal;
		width:80px;
	}
}
@media (max-width:400px) {
	.webtoon-top .title span { width:55%;text-align:left;float:left;}

	.searchArea{display:none;top:4.8em;right:0;width:100%}/*°Ë»öâ*/
	.searchBox{width:100%;border:0.4em solid #7c4dff;border-radius:0}/*°Ë»öâ*/
	.searchInput{padding:1em}/*°Ë»öâ*/
	.top-banner .group{margin:0;}
	.top-banner li{width:50%; float:left;}
	.toon-delay{top:104px}
	.webtoon-top .logo { display:none; }
	.v-img{width:100%;}

	
	.bam-search {/*mobile*/
		float:left;
	}
	.bam-num-date {/*mobile*/
		display:none;
	}
	.bam-subject { /*mobile*/
	width:100% !important;
	line-height:32.5px !important; 
	}
	.bam-tab-mb{ /*mobile*/
		display:block;
	}
	.bam-tab-pc{ /*mobile*/
		display:none;
	}
	.bam-num-mb/*mobile*/
	{
		display:inline-block;
		color:#aaaaaa;
		font-size:14px;
		font-weight:normal;
		width:80px;
	}
}