@charset "utf-8";


/* 공통및 절대적인... */
.none {display:none !important;}
.nbg {background-image:none !important;}
.nbc {background-color:none !important;}
.nbo {border:none !important;}
.reset {margin:0 !important;padding:0 !important;}
.clear {clear:both;}
.pr {position:relative !important;}
.bold {font-weight:bold !important;}
.nbold {font-family:NanumGothic !important;font-weight:normal !important;}
.tline {text-decoration:underline;}
.block {display:block !important;}
.inblock {display:inline-block !important;}
.justify {text-align:justify !important;}

.baseline {vertical-align:baseline !important;}
.middle {vertical-align:middle !important;}
.top {vertical-align:top !important;}
.bottom {vertical-align:bottom !important;}
.uline { text-decoration:underline; }

/* align */
.lft {text-align:left !important;}
.ctr {text-align:center !important;}
.rgt {text-align:right !important;}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}

/* margin top */
.mt5 {margin-top:5px !important;}			.mt10 {margin-top:10px !important;}			.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}			.mt25 {margin-top:25px !important;}			.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}			.mt40 {margin-top:40px !important;}			.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}			.mt55 {margin-top:55px !important;}			.mt60 {margin-top:60px !important;}

/* margin right */
.mr5 {margin-right:5px !important;}			.mr10 {margin-right:10px !important;}			.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}			.mr25 {margin-right:25px !important;}			.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}			.mr40 {margin-right:40px !important;}			.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}			.mr55 {margin-right:55px !important;}			.mr60 {margin-right:60px !important;}

/* margin bottom */
.mb5 {margin-bottom:5px !important;}		.mb10 {margin-bottom:10px !important;}		.mb15{margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}		.mb25 {margin-bottom:25px !important;}		.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}		.mb40 {margin-bottom:40px !important;}		.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}		.mb55 {margin-bottom:55px !important;}		.mb55 {margin-bottom:55px !important;}

/* margin left */
.ml5 {margin-left:5px !important;}				.ml10 {margin-left:10px !important;}			.ml15{margin-left:15px !important;}
.ml20 {margin-left:20px !important;}			.ml25 {margin-left:25px !important;}			.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}			.ml40 {margin-left:40px !important;}			.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}			.ml55 {margin-left:55px !important;}			.ml60 {margin-left:60px !important;}

/* padding top */
.pt5 {padding-top:5px !important;}			.pt10 {padding-top:10px !important;}			.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}			.pt25 {padding-top:25px !important;}			.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}			.pt40 {padding-top:40px !important;}			.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}			.pt55 {padding-top:55px !important;}			.pt55 {padding-top:60px !important;}

/* padding right */
.pr5 {padding-right:5px !important;}			.pr10 {padding-right:10px !important;}		.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}		.pr25 {padding-right:25px !important;}		.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}		.pr40 {padding-right:40px !important;}		.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}		.pr55 {padding-right:55px !important;}		.pr60 {padding-right:60px !important;}

/* padding bottom */
.pb5 {padding-bottom:5px !important;}		.pb10 {padding-bottom:10px !important;}	.pb15{padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}	.pb25 {padding-bottom:25px !important;}	.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}	.pb40 {padding-bottom:40px !important;}	.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}	.pb55 {padding-bottom:55px !important;}	.pb55 {padding-bottom:55px !important;}

/* padding left */
.pl5 {padding-left:5px !important;}			.pl10 {padding-left:10px !important;}			.pl15{padding-left:15px !important;}
.pl20 {padding-left:20px !important;}			.pl25 {padding-left:25px !important;}			.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}			.pl40 {padding-left:40px !important;}			.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}			.pl55 {padding-left:55px !important;}			.pl60 {padding-left:60px !important;}

/* margin +  padding �߰�*/
.red { color:red;}

.swipe {overflow:hidden; visibility:hidden; position:relative;}
.swipe-wrap {position:relative;} /*overflow:hidden;*/
.swipe-wrap > div { float:left; width:100%; position:relative;}
.swipe-wrap > ul {float:left; width:100%; position:relative;}


.mobile_tib_ad {box-shadow: 0 0 5px #FFFFFF; text-align:center; width:100%; }



/* add new search on header */
#header .search { position:absolute; right:0px; margin:-37px 16px 0 0; }

/* bg ico */
.img_rSearch { width:21px; height:21px; background-position:0px -34px; display:block; }
.img_rSearch2 { width:21px; height:21px; background-position:0px -34px; margin-left:10px; }

/* serach bar */
/* mode at 2017.05.24 by envenstar */
.csbar_search {
    position: absolute; width: 100%; height: 50px; background: #B90E0C; top:0;
}
.csbar_search .back_area {
	position: absolute; width: 46px; height: 41px; background: #B90E0C; z-index: 10;
}
.csbar_search .back_area .ico_arrow{
	background:url("../images/main/img2.png") no-repeat 0 -91px;
	width: 21px; height: 21px; margin: 16px 0px 16px 13px; display:inline-block;
}

.csbar_search .back_area .ico_sclogo {
    background: url(../images/main/img2.png) no-repeat 0 -565px;
    width: 32px;
    height: 32px;
    margin: 13px 0px 16px 13px;
    display: inline-block;
}

.csbar_search .input_area {
	position: absolute;	top: 10px; right: 13px; width: 84%; height: 31px; background: #fff;	z-index: 9;
}
.csbar_search .input_area input {
	width: 92%; height: 31px; border: 0; padding-left: 10px;
}
.csbar_search .input_area a.btn_search {
	background:url("../images/main/img2.png") no-repeat 0 -56px; width: 24px; height: 29px;
	right: 6px;	position: absolute;
}

.csbar_search .input_area a.btn_clean {
    background: url("../images/main/img2.png") no-repeat -27px -30px;
    width: 24px;
    height: 29px;
    right: 35px;
    position: absolute;
	top: 1px;
}

.search_only{
	position:relative;
}

span.imgA_sMore {
	width: 7px; height: 10px;
	background-position: -61px -53px; margin: -2px 0 0 4px;
}

a.tpMore_search {
	position: absolute; right: 0; top: 0;
	border-left: 1px solid #E4E5E7;	padding: 11px; letter-spacing: -1px;
}

div.noneSearchResult {
	color: #000000; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; padding: 20px; text-align:center;
}


.coMenu_l a {
	display: inline-block;
	padding: 5px 4px 0 4px;
	vertical-align: middle;
}

.coMenu_l .nickname {
    vertical-align: sub;
	padding-right: 6px;
    margin-left: 10px;
}

.coMenu_l .level {
	display: inline-block;
	background: #5282D4;
	font-size: 12px;
	padding: 2px 5px;
	font-family: verdana, sans-serif;
	color: #fff;
	vertical-align: sub;
	margin-right: 8px;
}
.coMenu_l .potion {
	display: inline-block;
    background: #1E2D70;
    font-size: 12px;
    padding: 1px 5px;
    font-family: verdana, sans-serif;
    color: #fff;
    vertical-align: sub;
    height: 19px;
}
.coMenu_l .potion_point {
    font-size: 12px;
    padding: 2px 5px;
    font-family: verdana, sans-serif;
    vertical-align: sub;
    background: #1E2D70;
    color: #fff;
    margin-left: -6px;
    height: 19px;
    display: inline-table;
}
.coMenu_l .exp {
	display: inline-block;
	background: #FF3B01;
	font-size: 12px;
	padding: 2px 5px;
	font-family: verdana, sans-serif;
	color: #fff;
	vertical-align: sub;
	margin-right: -7px;

}

.coMenu_l .gt_bar {
	display: inline-block;
	margin-left: 2px;
	width: 1px;
	height: 11px;
	background: #E9E9E9;
	vertical-align: -4px;
}

.coMenu_l .exp_point {display:inline-block; padding:0 0 0 5px; color:#777; height: 11px; width: 125px;}
.coMenu_l .exp_point span {display:inline-block; float:left; width:3px; height:19px; background:#dedede; margin:0 1px 0 0;}
.coMenu_l .exp_point span.on {background:#ff3b01;}
.coMenu_l span.exp_percent {font-size: 12px; font-family: verdana, sans-serif;background: #FF3B01; line-height: 19px;  margin-left: 0px; vertical-align: sub; padding: 4px 5px; color: #fff;}

.static-thumbnail-style {position: absolute; display: inline-block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #000; opacity: 0.06; z-index: 10;}

/*신고하기*/
.rt_head {position: relative;height: 45px; z-index: 10;background:#373737;}
.rt_head h1 { float: left;}
.rt_head .link_meca { float: left;overflow: hidden; width: 16px; height: 17px; padding: 15px 0 5px 18px;}
.rt_head .link_meca img { width: 100%;}
.rt_head .tit_service {float: left;height: 37px; margin-left: 7px; font-weight: normal; font-size: 15px; line-height: 47px; color: #fff;}
#ServiceLogo_img1 { overflow: hidden;position: absolute; left: 0; right: 0; width: 203px; margin: 0 auto;}
.rt_head .wrap_util {float: right;display: inline-block; position: absolute; top: 10px;right: 20px;}
.rt_head .wrap_util .ico_popclose {background:url("../images/main/img2.png") no-repeat 0 -91px; display: block; width: 24px;height: 22px; margin: 2px 0 0 0;}

.rt_titbox {background:#F6F7F9; height: 170px;}

div.rt_info {
    padding: 20px 0 21px 18px;
    background: #f6f7f9;
    border-top: 1px solid #ddd;
    color: #000;
}

div.rt_info .chapter {
    padding: 0 0 15px 0;
}
div.rt_info .chapter strong {
    display: inline-block;
    padding: 0 32px 0 0;
}
div.rt_info .author strong {
    display: inline-block;
    padding: 0 18px 0 0;
}

.rt_reason {
    margin: 16px 14px 0 14px;
    padding: 17px 17px 17px 17px;
    background: #f5f5f5;
}
.rt_reason .alert {
    color: #686868;
    padding: 0 0 15px 0;
}

.rt_reason .alert span {
    padding: 0 0 0 21px;
    background: url(../images/main/icon_alert.gif) no-repeat left top;
	    background-position: 2px 3px;
}
.rt_reason p {
    padding: 0 0 8px 0;
}
 .rt_reason p label {
    color: #000;
    margin: 0 8px 0 4px;
}
.sum textarea {
    width: 100%;
    height: 72px;
    border: 1px solid #d9d9d9;
    background: #fff;
    overflow-y: hidden;
    margin-top: 8px;
}
.rt_reason li {
    padding: 0 0 9px 9px;
    word-spacing: -2px;
}

.rt_btnare {
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
    font-size: 14px;
    padding: 14px 0 20px;
    text-align: center;
}
.rt_btnare .fBtn {
    background: #f9f9f9;
    border: 1px solid #d4d4d4;
    border-radius: 1px;
    color: #000 !important;
    display: inline-block;
    line-height: 25px;
    margin: 0 2px;
    padding: 6px 15px;
}

.google_ad{
    position:fixed;
    bottom: 0;
    text-align:center; 
    z-index:99999; 
    width:100%; 
    background-color:white;
}

.mobile_top_ad_div {
    background: #fff;
    padding: 10px;
	display: grid;
}

#band_top_ad {background: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 1px rgba(0, 0, 0, 0.01);}

.middle_ad{margin: 20px 0;}

.middle_ad_img {
    width: 300px;
    margin: 0px auto;
    border: 1px solid #e3e5e5;
    padding: 1px 11px 5px;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.05);
	background: #fff;
}