@charset "utf-8";
/* Common Elements */


/*
=====================

IB - Color

base:#333333
point:#ef222a
word:#333333,#888888
special point:#fe6700

=====================
*/

.hide{display:none !important;}
.bold{font-weight:bold;}

.color-red{color: #ef222a;}
.color-blue{color: #2d8cff;}
.color-orange{color: #fe6700;}

input[type="checkbox"].check{display: none;}
input[type="checkbox"].check + label{display: inline-block; vertical-align: middle;}
input[type="checkbox"].check + label em{padding-left: 5px; vertical-align: top;}
input[type="checkbox"].check + label span{display: inline-block; width: 15px; height: 15px; background: url('./img/icon_mobile_ib.png') no-repeat -132px -74px; cursor: pointer; background-size: 500px 500px;}
input[type="checkbox"].check:checked + label span{background: url('./img/icon_mobile_ib.png') no-repeat -132px -56px; background-size: 500px 500px;}

.switch{position: relative; width: 33px; height: 20px; padding: 3px 0;}
.switch input[type="checkbox"].setting{display: none;}
.switch input[type="checkbox"].setting + label{display: inline-block; width: 33px; height: 14px; background: #b2b2b2; border-radius: 7px;}
.switch input[type="checkbox"].setting + label span{display: inline-block; position: absolute; left: -4px; top: 50%; width: 20px; height: 20px; background: #fafafa; border-radius: 10px; margin-top: -10px; box-shadow: 0px 1px 0px 0px #dedede; border: 1px solid #f2f2f2; z-index: 2; transition: ease .2s;}
.switch input[type="checkbox"].setting:checked + label{background: #bbdaff;}
.switch input[type="checkbox"].setting:checked + label span{transform: translateX(20px); background: #2d8cff; border: 0;}

input[type="radio"]{display: none;}
input[type="radio"] + label span{display: inline-block; width: 13px; height: 13px; background: url('./img/icon_mobile_ib.png') no-repeat -46px -139px; vertical-align: middle; cursor: pointer;}
input[type="radio"]:checked + label span{background: url('./img/icon_common.png') no-repeat -46px -161px;}

input::-webkit-input-placeholder{color: #becad5; font-size: 12px; letter-spacing: -1px;}
input:-ms-input-placeholder{color: #becad5; font-size: 12px; letter-spacing: -1px;}
textarea::-webkit-input-placeholder{color: #becad5; font-size: 12px; letter-spacing: -1px;}
textarea:-ms-input-placeholder{color: #becad5; font-size: 12px; letter-spacing: -1px;}
textarea{overflow: auto; font-size: 12px; letter-spacing: -1px; resize: none; width: 100%;}
button{padding: 0;};/*,button:focus,button:active{padding: 0;}*/
strong,b{font-weight: bold !important;}
select{
	-webkit-appearance: none; /* 화살표 없애기 for chrome*/
	-moz-appearance: none;    /* 화살표 없애기 for firefox*/
	appearance: none;         /* 화살표 없애기 공통*/
	background: #fff url('./img/icon_select.png') no-repeat right 5px top 50%;
	background-size: 9px 5px;
	outline: none;
	border: 0; 
	width: 100%;
	height: 100%;
	font-size: 0.857rem;
	line-height: 1rem;
	box-sizing: border-box;
}
select::-ms-expand {
	display: none;            /* 화살표 없애기 for IE10, 11*/
}
/* check, hover 스타일 설정 IE, Chrome */
select option:checked, 
select option:hover {    
	background: #6644DD; 
	color: #fff;
}
/* check, hover 스타일 설정 FireFox */
select option:checked,
select option:hover { 
	box-shadow: 0 0 10px 100px #6644DD inset;  
	color: #fff;
}
input{
	width: 100%;
	height: 100%;
	border: 0; 
	box-sizing: border-box;
	background: none;
	font-size: 0.857rem;
	line-height: 1rem;
}

input[type=text]:-ms-clear{
    display: none;
}

.input-text-box{display: inline-block; position: relative; border: 1px solid #bebebe; border-radius: 2px; padding: 0 3px;}
.input-text-box.modify-box{background: #eef3f8; border: 0;}
.select-box{display: inline-block; position: relative; border: 1px solid #bebebe; border-radius: 2px; padding: 0 3px;}


#wrap{background: #f5f5f5;}
#global-header{}
#global-nav{}

.banner-wrap{width:100%; text-align:center; margin:9px 0;}

.header{position: relative; height: 52px; background: linear-gradient(#424243, #0e0e0e); border-bottom: 2px solid #8d7de1;}
.header-logo{position: absolute; left: 49px; top: 9px;}
.header-logo > a{display: inline-block; width: 47px; height: 34px; background: url('./img/icon_mobile_ib.png') no-repeat 0 0; background-size: 500px 500px; text-indent: -9999px;}
.header-title{height: 52px; line-height: 50px; font-size: 1.214rem; color: #fff; margin-left: 57px; font-weight: bold;}

.header-btn{position: absolute; width: 35px; height: 32px; border-radius: 2px; box-shadow: 0 0 1px 0 #000; background: linear-gradient(#757575, #343434);}
.header-btn > span{display: inline-block; background: url('./img/icon_mobile_ib.png') no-repeat 0 0; background-size: 500px 500px; text-indent: -9999px;}
.header .btn-nav{top: 9px; left: 8px;}
.header .btn-nav > span{width: 13px; height: 12px; background-position: -132px 0;}
.header .btn-back{top: 9px; left: 8px;}
.header .btn-back > span{width: 15px; height: 13px; background-position: -50px -22px;}
.header .btn-login{top: 9px; right: 8px;}
.header .btn-login > span{width: 15px; height: 15px; background-position: -68px -20px;}
.header .btn-login.on > span{width: 19px; height: 16px; background-position: -68px 0; margin-top: 1px; margin-left: 4px;}

.header .bell{position: absolute; right: 8px; top: 9px; width: 40px; text-align: right;}
.header .bell > a{display: block; position: relative; width: 35px; height: 32px; text-align: right;}
.header .bell .bell__ico{display: inline-block; width: 20px; height: 20px; background: url('./img/icon_mobile_ib.png') no-repeat -50px -40px; background-size: 500px 500px; margin: 6px 0 0 0;}
.header .bell .bell__num{display: inline-block; position: absolute; right: 10px; top: 7px; width: 28px; height: 18px; line-height: 16px; border: 1px solid #292928; border-radius: 9px; background: #ef222a; color: #fff; font-size: 0.786rem; letter-spacing: 0; text-align: center; padding: 0 4px;}

.search-form{padding: 9px 52px 11px 110px;}
.search{position: relative; border-radius: 2px; box-shadow: 0 0 1px 0 #000; background: linear-gradient(#424243, #0e0e0e);}
.search:after{content: ""; display: block; clear: both;}
.search .hot-keyword{position: absolute; top: 0; left: 0;}
.search .hot-keyword > span{display: inline-block; padding: 5px 0 0 5px; line-height: 1.6rem;}
.search .search__inp-box{height: 32px; background: url('./img/bg_search.png') repeat-x 0 0; background-size: 1px 32px; margin: 0 32px 0 4px; padding: 5px 5px 0;}
.search:before{content: ""; display: inline-block; width: 4px; height:32px; background: url('./img/btn_mobile_ib.png') no-repeat 0 -297px; background-size: 500px 500px; float: left;}
.search .search__inp-box input[type="text"]{width: 100%; height: 22px; border: 0;}

.search .search__btn-box{display: block; position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: url('./img/btn_mobile_ib.png') no-repeat right -297px; background-size: 500px 500px;}
.search .search__btn-box > span{display: inline-block; width: 15px; height: 15px; background: url('./img/icon_mobile_ib.png') no-repeat -50px 0; background-size: 500px 500px; text-indent: -9999px;}

.header-bottom{height: 1px; background: #6352d2;}

.real-time{position: relative; height: 39px; border-bottom: 1px solid #f0f0f0; padding: 0 12px; background: #fff;}
.word-head{position: relative; margin-right: 130px;}
.word-head__tag{position: absolute; top: 0; left: 0; height: 37px; line-height: 35px;}
.word-head__tag > em{display: inline-block; width: 42px; height: 20px; line-height: 20px; border-radius: 2px; background: #ef222a; font-size: 0.857rem; color: #fff; vertical-align: middle; text-align: center;}
.word-head__list{position: relative; display: inline-block; vertical-align: middle; width: calc(100% - 100px); height: 37px; margin-left: 55px; overflow: hidden;}
.word-head__list ol{position: absolute; top: 0; left: 0; width: 100%;}
.word-head__list .word-head__item-wrap{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 37px;}
.word-head__btn-down{position: absolute; top: 6px; right: 0; width: 35px; height: 25px; background: url('./img/icon_mobile_ib.png') no-repeat -89px 0; background-size: 500px 500px;}
.word-head__num{display: inline-block; font-size: 1rem; color: #ef222a; line-height: 37px; padding: 0 9px 0 0;}

.word-body__list{position: relative; padding: 0 12px; border-top: 1px solid #e9e9e9;}
.word-body__list > li{position: relative; border-top: 1px solid #f4f4f4;}
.word-body__list > li:nth-of-type(1){border-top: 0;}
.word-body__list .item-wrap{display: block; padding: 9px 0; line-height: 1.3rem; margin-right: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.word-body__list .item-wrap__rank{color: #ef222a; padding: 0 8px;}
.word-body__list .item-wrap__num{position: absolute; top: 8px; right: 0; color: #888888; line-height: 1.3rem;}
.word-body__list .item-wrap__num > i{display: inline-block; width: 11px; height: 13px; background: url('./img/icon_mobile_ib.png') no-repeat 0 -91px; background-size: 500px 500px; margin: 0 0 -1px 16px;}
.word-body__list .item-wrap__num.up > i{background-position: 0 -91px;}
.word-body__list .item-wrap__num.down > i{background-position: 0 -107px;}
.word-body__list .item-wrap__num.mid > i{height: 2px; background-position: 0 -123px; vertical-align: middle; margin-bottom: 2px;}

.real-time.open{margin-top: -39px; height: auto; padding: 0; display: none;}
.real-time.active{display: block;}
.real-time.open .word-head{padding: 0 0 0 12px; height: 37px; line-height: 37px;}
.real-time.open .word-head__tag > em{display: inline-block; width: auto; height: auto; line-height: auto; border-radius: 0; background: none; font-size: 1rem; color: #ef222a; text-align: left; margin-left: 12px;}
.real-time.open .word-head__btn-down{background-position: -89px -28px; right: 12px;}

.connected-num{position: absolute; top: 0; right: 12px; height: 37px; line-height: 37px; color: #888888;}
.connected-num > em{color: #ef222a;}

.aside{position: fixed; right: 8px; bottom: 50px; width: 39px; z-index: 100;}
.aside > button{width: 39px; height: 39px; margin-top: 3px; background: url('./img/icon_mobile_ib.png') no-repeat 0 0; background-size: 500px 500px; text-indent: -9999px;}
.aside .aside__btn-top{display: none; background-position: -89px -56px;}
.aside .aside__btn-write{background-position: -89px -140px;}
.aside .aside__btn-comment-shortcut{background-position: -89px -98px;}

.event{position: fixed; right: 0; bottom: 10px; width: 100%; max-width:360px; padding: 0 12px; z-index: 10001;}
.toast{position: relative; width: 100%; height:30px; border: 1px solid #d2b553; background: #fffcf2; border-radius: 15px; box-shadow: 0px 0px 1px 1px #eee; margin-top: 4px;}
.toast__ico{position: absolute; top: 50%; left: 7px; display: inline-block; width: 29px; height: 17px; background: url('./img/icon_mobile_ib.png') no-repeat -50px -63px; background-size: 500px 500px; transform: translateY(-50%);}
.toast__txt{display: block; height: 30px; line-height: 28px; margin: 0 30px 0 44px; font-size: 0.857rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.toast__btn-close{position: absolute; top: 50%; right: 10px; display: inline-block; width: 10px; height: 10px; background: url('./img/icon_mobile_ib.png') no-repeat -195px 0; background-size: 500px 500px; transform: translateY(-50%);}

.event__ilbe{border-color: #b4c2e2; background: #f2f6ff;}
.event__ilbe .toast__ico{width: 30px; height: 18px; background-position: -50px -83px;}


#container{}
.top-banner{border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; text-align: center; margin-top: 9px;}
.cutin-banner{text-align: center; margin-top: 9px;}




.ico-list-wrap{display: inline-block;}
.ico-list-wrap > i{display: inline-block; background: url('./img/icon_mobile_ib.png') no-repeat 0 0; background-size: 500px 500px; margin-left: 2px;}
.ico-list-wrap .comment{background: none; color: #fe6700;}
.ico-list-wrap .new{width: 10px; height: 10px; background-position: -154px 0;}
.ico-list-wrap .photo{width: 11px; height: 10px; background-position: -167px 0;}
.ico-list-wrap .video{width: 11px; height: 10px; background-position: -181px 0;}


.footer{background: #333333; margin-top: 9px; padding: 10px 0 30px;}


.footer__policy{text-align: center;}
.footer__policy > a{display: inline-block; color: #bbbbbb; font-size: 0.857rem; padding: 7px 0;}
.footer__policy > a:after{content: ""; display: inline-block; width: 1px; height: 10px; background: #5f5f5f; margin: 0 9px;}
.footer__policy > a:last-child:after{display: none;}

.footer__util{text-align: center; margin-top: 10px;}
.footer__util > a{display: inline-block; color: #bbbbbb; font-size: 0.929rem; border-radius: 2px; padding: 8px 12px; background: #434343; margin-right: 3px;}
.footer__util > a:last-child{margin-right: 0;}

.footer__copyright{text-align: center; color: #686868; font-size: 0.857rem; line-height: 1.15; margin-top: 20px;}
.footer__copyright > a{color: #686868;}

.footer--simple{margin-top: 0; padding: 15px 0 30px; background: #fff; border-top: 1px solid #e9e9e9;}
.footer--simple .footer__util{margin-top: 0;}
.footer--simple .footer__util > a{color: #333; font-size: 0.929rem; border: 1px solid #bebebe; height: 28px; line-height: 26px; padding: 0 12px; background: linear-gradient(#fdfdfd, #f8f8f8);}


.nav-header{background: #f8f8f8; font-size: 0; padding: 16px 0 6px 12px;}
.nav-header > button{height: 32px; font-size: 1rem; line-height: 31px; border-radius: 2px; border: 1px solid #dbdbdb; background: #fff; padding: 0 12px; color: #b5b5b5;}
.nav-header > button:last-child{margin-left: 3px;}
.nav-header > button.on{border-color: #2d8cff; color: #2d8cff;}
.nav-header > button.info{border-color: #a8a8a8; color: #a8a8a8; float:right; margin-right:12px}



.nav-alphabet{display: none;}

.nav-wrap > li{position: relative; border-top: 1px solid #e9e9e9;}
.nav-wrap .nav__item{display: block; margin: 0 0 0 58px; height: 40px; line-height: 38px;}
.nav-wrap .nav__item--lower{padding-left: 22px;}
.nav-wrap .btn-favorite{position: absolute; top: 3px; left: 12px;}
.nav__cate{position: relative; display: block; height: 40px; line-height: 38px; background: #fff; padding: 0 12px; border-top: 1px solid #e9e9e9; font-weight: bold;}
.nav__cate > i{position: absolute; top: 50%; right: 12px; margin-top: -6px; display: inline-block; width: 7px; height: 12px; background: url('./img/icon_mobile_ib.png') no-repeat -190px -13px; background-size: 500px 500px;}
.nav-favorite .nav__cate > i{margin-top: -4px; width: 15px; height: 8px; background-position: -172px -13px;}
.nav__cate > i.down{background-position: -216px -13px;}
.nav-favorite .nav__cate .ico-favorite{vertical-align: middle; background-position: -132px -15px; margin: -6px 8px 0 0;}


.btn-favorite{background: none; width: 35px; height: 32px;}
.ico-favorite{display: inline-block; width: 19px; height: 18px; background: url('./img/icon_mobile_ib.png') no-repeat -132px -35px; background-size: 500px 500px;}
.btn-favorite.on .ico-favorite{background-position: -132px -15px;}

.global-nick{display: inline-block; font-size: 0.857rem; padding: 4px 0;}
.nick__ico{display: inline-block; width: 21px; height: 17px; vertical-align: middle; margin-right: 6px; margin-top: -2px;}

/*.nick__lv{background: url('./img/icon_lv_ib2.png?1') no-repeat 0 0; background-size: 100px 250px;}*/

.nick__lv.lv0{background: url('/img/level2/0.png') no-repeat 0 0;}
.nick__lv.lv1{background: url('/img/level2/1.png') no-repeat 0 0;}
.nick__lv.lv2{background: url('/img/level2/2.png') no-repeat 0 0;}
.nick__lv.lv3{background: url('/img/level2/3.png') no-repeat 0 0;}
.nick__lv.lv4{background: url('/img/level2/4.png') no-repeat 0 0;}
.nick__lv.lv5{background: url('/img/level2/5.png') no-repeat 0 0;}
.nick__lv.lv6{background: url('/img/level2/6.png') no-repeat 0 0;}
.nick__lv.lv7{background: url('/img/level2/7.png') no-repeat 0 0;}
.nick__lv.lv8{background: url('/img/level2/8.png') no-repeat 0 0;}
.nick__lv.lv9{background: url('/img/level2/9.png') no-repeat 0 0;}
.nick__lv.lv10{background: url('/img/level2/10.png') no-repeat 0 0;}
.nick__lv.lv11{background: url('/img/level2/11.png') no-repeat 0 0;}
.nick__lv.lv12{background: url('/img/level2/12.png') no-repeat 0 0;}
.nick__lv.lv13{background: url('/img/level2/13.png') no-repeat 0 0;}
.nick__lv.lv14{background: url('/img/level2/14.png') no-repeat 0 0;}
.nick__lv.lv15{background: url('/img/level2/15.png') no-repeat 0 0;}
.nick__lv.lv16{background: url('/img/level2/16.png') no-repeat 0 0;}
.nick__lv.lv17{background: url('/img/level2/17.png') no-repeat 0 0;}
.nick__lv.lv18{background: url('/img/level2/18.png') no-repeat 0 0;}
.nick__lv.lv19{background: url('/img/level2/19.png') no-repeat 0 0;}
.nick__lv.lv20{background: url('/img/level2/20.png') no-repeat 0 0;}
.nick__lv.lv21{background: url('/img/level2/21.png') no-repeat 0 0;}
.nick__lv.lv22{background: url('/img/level2/22.png') no-repeat 0 0;}
.nick__lv.lv23{background: url('/img/level2/23.png') no-repeat 0 0;}
.nick__lv.lv24{background: url('/img/level2/24.png') no-repeat 0 0;}
.nick__lv.lv25{background: url('/img/level2/25.png') no-repeat 0 0;}
.nick__lv.lv26{background: url('/img/level2/26.png') no-repeat 0 0;}
.nick__lv.lv27{background: url('/img/level2/27.png') no-repeat 0 0;}
.nick__lv.lv28{background: url('/img/level2/28.png') no-repeat 0 0;}
.nick__lv.lv29{background: url('/img/level2/29.png') no-repeat 0 0;}
.nick__lv.lv30{background: url('/img/level2/30.png') no-repeat 0 0;}
.nick__lv.lv31{background: url('/img/level2/31.png') no-repeat 0 0;}
.nick__lv.lv32{background: url('/img/level2/32.png') no-repeat 0 0;}
.nick__lv.lv33{background: url('/img/level2/33.png') no-repeat 0 0;}
.nick__lv.lv34{background: url('/img/level2/34.png') no-repeat 0 0;}
.nick__lv.lv35{background: url('/img/level2/35.png') no-repeat 0 0;}
.nick__lv.lv36{background: url('/img/level2/36.png') no-repeat 0 0;}
.nick__lv.lv37{background: url('/img/level2/37.png') no-repeat 0 0;}
.nick__lv.lv38{background: url('/img/level2/38.png') no-repeat 0 0;}
.nick__lv.lv39{background: url('/img/level2/39.png') no-repeat 0 0;}
.nick__lv.lv40{background: url('/img/level2/40.png') no-repeat 0 0;}
.nick__lv.lv41{background: url('/img/level2/41.png') no-repeat 0 0;}
.nick__lv.lv42{background: url('/img/level2/42.png') no-repeat 0 0;}
.nick__lv.lv43{background: url('/img/level2/43.png') no-repeat 0 0;}
.nick__lv.lv44{background: url('/img/level2/44.png') no-repeat 0 0;}
.nick__lv.lv45{background: url('/img/level2/45.png') no-repeat 0 0;}
.nick__lv.lv46{background: url('/img/level2/46.png') no-repeat 0 0;}
.nick__lv.lv47{background: url('/img/level2/47.png') no-repeat 0 0;}
.nick__lv.lv48{background: url('/img/level2/48.png') no-repeat 0 0;}
.nick__lv.lv49{background: url('/img/level2/49.png') no-repeat 0 0;}
.nick__lv.lv50{background: url('/img/level2/50.png') no-repeat 0 0;}
.nick__lv.lv99{background: url('/img/level2/99.png') no-repeat 0 0;}

.nick__lv.lvg{background: url('/img/level2/g.png') no-repeat 0 0;}
.nick__lv.lva{background: url('/img/level2/99.png') no-repeat 0 0;}


.layer-popup{display: none; position: fixed; width: 100%; height: 100%; z-index: 1000;}
.layer__box{position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 12px;}
.layer__inner-content{background: #fff; border-radius: 2px; padding: 20px; min-width: 280px; max-width: 480px; margin: 0 auto;}
.layer__dimm{width: 100%; height: 100%; background: rgba(0,0,0,0.7);}
.layer__btn-close{position: absolute; top: 5px; right: 5px; background: none; width: 20px; height: 20px; }
.layer__btn-close .btn-close__ico{display: inline-block; width: 10px; height: 10px; background: url('./img/icon_mobile_ib.png') no-repeat -195px 0; background-size: 500px 500px;}

.layer__title{color: #2d8cff; font-size: 1.143rem; line-height: 1.6;}
.layer__txt{color: #888888; font-size: 0.857rem; line-height: 1.6; margin-top: 15px; width: 80%;}
.layer__btn-wrap{text-align: right; margin-top: 30px;}
.layer__btn-wrap > button{margin-left: 3px;}


.season-banner{}
.season-banner__box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.season-banner__btn-close{position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); width: 71%; height: 40px; line-height: 38px; background: #fff; font-size: 1rem; box-shadow: 0.5px 0.5px 1px 0 #eee;}




.btn-default{display: inline-block; height: 30px; line-height: 28px; padding: 0 12px; background: linear-gradient(#fdfdfd, #f8f8f8); border: 1px solid #bebebe; border-radius: 2px; font-size: 0.857rem;}

.btn-ibblack{background: linear-gradient(#747575, #353536); border-color: #2c2c2c; color: #fff;}
.btn-orange{background: linear-gradient(#ff7d27, #fb6705); border-color: #da5800; color: #fff;}
.btn-clear{width: 30px; height: 30px; background: none;}
.btn-clear > span{display: inline-block; width: 18px; height: 18px; background: url('./img/icon_mobile_ib.png') no-repeat -132px -92px; background-size: 500px 500px;}


.caution-txt{color: #ef222a; font-size: 0.857rem; line-height: 1.4;}


/*알림*/
.alim-wrap{padding: 0 12px; width:95%; max-width:360px;  /* max-height:calc(100% - 66px);overflow:auto;*/background-color:#fafafa; border-radius:0 0 3px 3px ; box-shadow:0 0 8px #000; z-index:9999; position:absolute; top:53px; right:0;display:none;}
.alim-wrap .pagination{padding: 30px 0; border-top: 1px solid #e9e9e9;}
.alim-wrap .alim__header{padding-top: 23px; position: relative;}
.alim-wrap .alim__header > em{display: inline-block; margin-left: 3px; color: #ef222a; font-weight: bold;}
.alim-wrap .alim__header .btn-alim-delete{position: absolute; top: 15px; right: 0;}
.alim-wrap .alim__body > li{padding: 10px 0; border-top: 1px solid #f4f4f4;}

.alim-wrap .alim__author{position: relative;}
.alim-wrap .alim__write-time{display: inline-block; margin-left: 6px; color: #888888; font-size: 0.857rem;}
.alim-wrap .alim__btn-each-delete{position: absolute; top: -5px; right: 0; background: none; padding: 6px;}
.alim-wrap .alim__btn-each-delete:focus{padding: 6px;}
.alim-wrap .alim__btn-each-delete > span{display: inline-block; width: 10px; height: 10px; background: url('./img/icon_mobile_ib.png') no-repeat -195px 0; background-size: 500px 500px;}
.alim-wrap .alim__box{display: block; padding: 8px 0;}
.alim-wrap .alim__box > span{display: inline-block; vertical-align: top;}
.alim-wrap .alim__box .alim__say{width: calc(100% - 40px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:12px; line-height:1.2}
.alim-wrap .alim__box .alim__quotes{margin-top: -2px;}
.alim-wrap .list-wrap{max-height: calc(100vh - 118px);overflow:auto;margin-top: 15px;}



.img-landscape {position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 100%;}
.img-portrait{position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 100%; height: auto;}

#left-menu-top { background:#f5f5f5; }

#content-text iframe { max-width: 100%; }

.up_content_video { margin-bottom: 10px; }

/* 다크모드 관련 CSS */
.body_dark { background: #202124 !important; color: #afafaf !important; }

.body_dark a { color: #afafaf !important; }
.body_dark .list-body .link-item  a:visited .item-box__list { color: #7758e0 !important; }
.body_dark #wrap { background: none !important; }
.body_dark .real-time { background: #202124 !important; border-bottom: 1px solid #8b8b8b !important; }
.body_dark #_info_side_menu { background: #202124 !important; }
.body_dark #left-menu-top { background: #202124 !important; }
.body_dark .nav-header { background: #303030 !important; }
.body_dark .nav__cate { background: #303030 !important; border-top: 1px solid #1f1f1f !important; }

.body_dark .nav-wrap > li { border-top: 0px solid #e9e9e9 !important; background: #1f1f1f !important; }
    

.body_dark .search__inp-box { background: #eee !important; }
/*.body_dark input[type="text"] { color: #afafaf !important; }*/
.body_dark .user-pop-menu a { color: #6d6d6d !important; }
.body_dark .popup_wrap .popup_header { color: #6d6d6d !important; }
.body_dark .popup_wrap .popup_body { color: #6d6d6d !important; }

.body_dark .index-item  { border-top: 1px solid #8b8b8b !important; border-bottom: 0px solid #8b8b8b !important; }
.body_dark .index-item__header { border-bottom: 1px solid #8b8b8b !important; }
.body_dark .index-item__wrap > li { border-top: 0px solid #8b8b8b !important; }
    
.body_dark .winner-item { border-bottom: 1px solid #8b8b8b !important; }

.body_dark .index-item { background: none !important; }
.body_dark .list-header	{ background: none !important; border-bottom: 1px solid #8b8b8b !important;}
.body_dark .list-body { background: none !important; border-top: none !important; border-bottom: none !important; }
.body_dark .list-type { background: none !important; }
.body_dark .list-type > div { border-bottom:none !important; }
.body_dark .list--default > ul > li { border-top: 1px solid #8b8b8b !important; }

.body_dark .ico-list-wrap .comment { color: #a24100 !important; }
.body_dark .item-box--style2 .item-box__list { color: #afafaf !important; }
.body_dark .board-search-wrap { background: none !important; }

.body_dark .post-header { background: none !important; border-top: 1px solid #8b8b8b !important; }
.body_dark .post-header h2.post-title { color: #afafaf !important; }
.body_dark .post-body { background: none !important; }
.body_dark .post-header .post-title { border-top: 1px solid #8b8b8b !important; }
.body_dark .post-writer { border-bottom: 1px solid #8b8b8b !important; }
.body_dark .post-comment { background: none !important; }
/*.body_dark .write-input--body-inner .post-title-inp { color: #ddd !important; }*/
.body_dark .section-title { color: #ddd !important; }
.body_dark .post-comment__write-box_new { background: #eee !important; }
.body_dark .post-comment__write-box_new textarea { background: #eee !important; }
.body_dark .write-box__btn-wrap { background: #ddd !important; }

.body_dark .list-current-doc { background: #303030 !important; }
.body_dark .post-write { background: #303030 !important; }
.body_dark .post-comment__depth { background: #1f1f1f !important; }
.body_dark .file-attach { background: none !important; }

.body_dark #ui-select-menu-wrap { background: #eee !important; }

.body_dark .search-tab { background: none !important; }
.body_dark .search-tab > a.on { background: #303030 !important; }
.body_dark .searching { background: none !important; }
.body_dark .searching__box { background: #eee !important; border: 2px solid #c7c7c7 !important; }
.body_dark .search:before { background: none !important; }

.body_dark .pagination .btn { color: #333 !important; background: #ddd !important; }
.body_dark a.btn-default { color: #333 !important; }
.body_dark .pagination .btn__num.on { background: #303030 !important; color: #eee !important; border: 1px solid #303030 !important; };

.body_dark .my-tab > li > a { color: #202124 !important; }
.body_dark .my-tab > li > a.on { color: #fff !important; }

.body_dark .btn-default { background: #ddd !important; }
.body_dark .btn-orange { color: #000 !important; border: none !important; }
.body_dark .nav-header > button.info { color: #838383 !important; }
.body_dark .btn-ibblack { color: #2c2c2c !important; }

.body_dark .item-box__list .ico-list-wrap .new { filter: brightness(80%) !important; }
.body_dark .item-box__list .ico-list-wrap .photo { filter: brightness(80%) !important; }
.body_dark .word-head__btn-down { filter: brightness(80%) !important; }
.body_dark .winner-item__btn-lower { filter: brightness(80%) !important; }

.body_dark .nick__lv { filter: brightness(80%) !important; }
.body_dark .tag__ad { background: #afafaf !important; }
.body_dark .tag__notice { background: #afafaf !important; }
.body_dark .tag__hit { background: #afafaf !important; }
.body_dark .list-type .btn-type { filter: brightness(80%) !important; }
.body_dark .word-head__tag > em { background: #ae0d15 !important; color: #ddd !important; }

.body_dark .toast_wrap { background: #eee !important; }
.body_dark .toast_wrap .btn { background: none !important; }

.body_dark .alim-wrap { background: #eee !important; color: #666 !important; }
.body_dark .alim-wrap .alim__box .alim__say { color: #888 !important; }

.body_dark .write-input--body-inner { background: #eee !important; }
.body_dark .-ui-select-menu li { color: #111 !important; }
.body_dark .toast__txt a { color: #202124 !important; }

.body_dark #list_middle_banner {background:none !important;}