@charset "utf-8";
/* CSS Document */

/*layout*/
div.wrap{background:#ffffff;}

div.header{background:#6dd0cd; width:100%; position:fixed; top:0; z-index:101;}
div.header-in{max-width:1280px;min-width: 1280px; height:50px; margin:0 auto; position:relative;}
div.header-in:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
div.header-in h1 a{display:inline-block; width:145px; height:30px; background:url(/images/main.png) no-repeat 0 0; position:absolute; top:10px; left:26px;}
body.mobile div.header-in h1 a:hover,body.mobile div.header-in h1 a:active,body.mobile div.header-in h1 a:visited{background:url(/images/main.png) no-repeat 0 0;}
div.header-in div.search-area{background:rgba(255, 255, 255, 0.2); width:366px; position:absolute; top:11px; left:292px; z-index:1;}
div.header-in div.search-area a.btn-search{display:inline-block; width:36px; height:28px; background:url(/images/icon_search.png); vertical-align:middle; border:none;}
div.header-in div.search-area input[type="text"]{background:none; border:none; color:#fff; padding:0 10px; width:310px; margin-top:2px; vertical-align:-2px; font-size:14px;}
body.msie7 div.header-in div.search-area input[type="text"],body.msie8 div.header-in div.search-area input[type="text"]{padding:0 10px 3px 10px;}
div.search-result{display:none; background:#fff; border:1px solid #e6e7e8; box-shadow:0 6px 12px rgba(0,0,0,.175); width:364px; position:absolute; z-index:1; top:39px; left:292px;}
div.search-result div.word-menu{border-bottom:1px solid #e7e7e8; padding:17px 20px; color:#808285; font-size:14px;}
div.search-result div.word-menu span.search-tit{display:inline-block; margin-right:6px;}
div.search-result a.btn-word{display:inline-block; color:#808285; border:1px solid #bbbdc0; border-radius:25px; padding:6px 15px; margin-right:5px;}
div.search-result a.btn-word:hover,div.search-result a.btn-word.on{background:#6dd0cd; color:#fff; border:1px solid #6dd0cd;}
div.search-result a.btn-word:active{background:#6dd0cd; color:#fff; border:1px solid #6dd0cd;}
div.search-result span.word-tit{font-size:16px; color:#939598; font-weight:bold; display:inline-block; margin:18px 0 0 24px;}
div.search-result ol.word-list{margin:10px 0;}
div.search-result ol.word-list li a{display:block; padding:7px 25px; font-size:14px; color:#939598;}
div.search-result ol.word-list li a:hover{background:#f3f3f4;}
div.search-result ol.word-list li a:active{color:#fff; background:#6dd0cd;}

a.m-category{display:none;}

p.login-info{display:inline-block; border-right:1px solid #6dd0cd; padding:5px 26px 5px 0; margin-right:0; color:#fff; position:absolute; top:13px; right:60px; width:285px; text-align:right;}
p.login-info.login{text-align:left;}
p.login-info span.img{display:inline-block; margin:-8px 4px -5px 150px; width:28px; height:28px; position:relative;}
p.login-info span.img img{width:28px; height:28px;}
p.login-info span.img img.masking{position:absolute;}
p.login-info span.txt{display:inline-block; letter-spacing:-1px; width:164px; height:13px; overflow:hidden; vertical-align:middle;}
p.login-info a{color:#fff;}

div.alarm-section{position:relative; float:right; width:345px;}
/*div.alarm-section a.alarm{clear:both; border:1px solid red;}*/
div.alarm-section a.alarm:after{content:""; display:block; clear:both;}
div.alarm-section span.alarm-icon{position:absolute; top:15px; right:86px; display:inline-block; width:17px; height:20px; background:url(/images/main_icon.png) no-repeat;}
div.alarm-section span.count{position:absolute; top:15px; left:248px; text-align:center; background:#fa5d3e; color:#fff; border-radius:8px; padding:1px 3px 0px 2px; display:inline-block; font-size:11px; letter-spacing:-1px;}
div.alarm-layer{position:absolute; top:43px; width:345px; background:url(/images/arrow2.png) no-repeat; overflow:hidden;}
div.alarm-layer-in{background:#fff; border-left:1px solid #e6e7e8; border-right:1px solid #e6e7e8; border-bottom:1px solid #e6e7e8; margin:8px 0 0;}
div.alarm-layer h2{font-size:12px; color:#939597; font-weight:bold; padding:10px 20px 8px 40px; background:url(/images/main_icon.png) no-repeat -264px 9px;}
div.alarm-layer a.all-view{position:absolute; top:18px; right:21px; color:#939598;}

ul.alarm-list li{border-top:1px solid #f1f1f2; padding:8px 20px;}
ul.alarm-list li.notyet{background:#f0f9fe;}
ul.alarm-list li a{}
ul.alarm-list li span.img img{width:30px; height:30px; border-radius:20px; border:1px solid #afb6b2;}
ul.alarm-list li span.info{color:#939598; position:absolute; padding:0 20px 0 12px; margin:2px 0 0;}
ul.alarm-list li span.info a span.tit{color:#6dd0cd; padding-right:4px; border-right:1px solid #afb3b7;}

div.more-cont a.more-view{display:inline-block; width:23px; height:18px; background:url(/images/main.png) no-repeat 0 -84px; position:absolute; top:18px; right:18px; z-index:10;}
div.more-cont div.more-list{display:none; width:122px; background:url(/images/arrow.png) no-repeat 0 top; position:absolute; top:43px; right:0; z-index:10;}
div.more-cont div.more-list ul{margin:20px 0 0; border-left:1px solid #e6e7e8; border-right:1px solid #e6e7e8; border-bottom:1px solid #e6e7e8; background:#fff; padding-bottom:10px; box-shadow:0 6px 12px rgba(0,0,0,.175);}
div.more-cont div.more-list ul li{background:#fff;}
div.more-cont div.more-list ul li a{font-size:14px; display:block; padding:8px 15px;}
div.more-cont div.more-list ul li a:hover{background:#f3f3f4;}
div.more-cont div.more-list ul li a:active{background:#6dd0cd; color:#fff;}

div.mt-more-cont{display:none;}

div.contents{max-width:1280px; margin:0 auto; position:relative; padding-top:50px; padding-bottom:50px;}
div.contents:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
div.contents div.left-area{float:left; width:284px; position:fixed; z-index:10000;}
div.contents div.left-area div.login-info{position:relative; height:287px; margin:8px 0; background:#fff; border:1px solid #e6e7e8; text-align:center;}
div.contents div.left-area div.login-info p.login-txt{font-size:18px; color:#6dd0cd; padding:76px 0 16px; line-height:130%;}
a.btn-setting{display:inline-block; width:20px; height:20px; background:url(/images/main.png) no-repeat left -317px; position:absolute; top:10px; right:8px;}
div.contents div.left-area div.login-info div.img-area{width:99px; height:99px; margin:45px auto 18px;}
div.contents div.left-area div.login-info div.img-area img.masking{position:absolute;}
div.contents div.left-area div.login-info p.login-ment{text-align:center; font-size:14px; color:#a7a9ac;}
div.contents div.left-area div.login-info p.login-ment span.tit{display:block; font-size:14px; color:#6dd0cd; margin-bottom:3px; height:16px; overflow:hidden;}
div.contents div.left-area div.login-info p.login-ment span.txt{display:block; height:15px; overflow:hidden;}
div.btn-mymenu-area{margin-top:46px;}
div.btn-mymenu-area a.btn-keep{display:inline-block; background:url(/images/main_icon.png) no-repeat 0 -40px; padding:0 0 2px 18px; color:#939597; font-size:13px; margin-right:25px;}
div.btn-mymenu-area a.btn-history{display:inline-block; background:url(/images/main_icon.png) no-repeat 0 -82px; padding:0 0 2px 18px; color:#939597; font-size:13px;}
div.btn-mymenu-area a.btn-alarm{display:none;}
div.contents div.left-area div.login-info a.btn-logout{color:#bcbec0; font-size:14px; display:inline-block; margin-top:25px;}
div.contents div.left-area div.login-info a.btn-login{font-size:14px; border:1px solid #6dd0cd; color:#6dd0cd; display:inline-block; width:134px; padding:9px 0; text-align:center; border-radius: 25px;}
div.contents div.left-area div.login-info a.btn-login:hover{color:#fff; background:#6dd0cd;}
div.contents div.left-area div.login-info a.btn-login:active{color:#fff; background:#6dd0cd;}
div.contents div.left-area div.btm-area{background:#fff; border:1px solid #e6e7e8; padding:10px 0; overflow:hidden;}
div.contents div.left-area div.btm-area div.btm-area-scrolling{margin:0 -20px 0 0; overflow-y:scroll; padding-top:20px; padding-bottom:6px;}
body.mobile div.contents div.left-area div.btm-area div.btm-area-scrolling{margin:0; overflow-y:auto;}/*tablet*/
body.mac div.contents div.left-area div.btm-area div.btm-area-scrolling{margin:0; overflow-y:auto;}

ul.category-menu{}
ul.category-menu li{}
ul.category-menu li a{display:block; padding:11px 24px 10px; font-weight:bold; color:#404041; font-size:16px;}
ul.category-menu li.select a,ul.category-menu li a:hover{color:#6dd0cd;}
ul.category-menu li a.home{padding-top:0;}
ul.category-menu li a.category{background:#fbfbfb; margin-top:3px; padding-top:14px; color:#a0a0a0;}
ul.category-menu li div.sub-menu{display:none;}
ul.category-menu li.on div.sub-menu{display:block; background:#fbfbfb;}
div.sub-menu ul.sub-cate{padding:0 0 12px; margin-bottom:-10px;}
div.sub-menu ul.sub-cate li a{font-weight:normal; font-size:14px; padding:8px 24px 8px;}
div.sub-menu ul.sub-cate li a img{vertical-align:-6px; width:22px; height:22px; overflow:hidden; margin-right:15px;}
ul.category-menu li.on div.sub-menu ul.sub-cate li a{color:#4b4b4b;}
ul.category-menu li.on div.sub-menu ul.sub-cate li a:hover,ul.category-menu li.on div.sub-menu ul.sub-cate li.on a{color:#6dd0cd;}
ul.category-menu li div.sub-menu ul.sub-cate li.select a{color:#6dd0cd;}
div.contents div.left-area div.btm-area h2{font-size:16px; color:#939598; margin-left:9px;}
a.btn-refresh{position:absolute; top:1px; right:8px; font-size:14px; color:#6dd0cd;}
div.edit-area{position:relative; width:264px; margin:0 auto;}
div.edit-area ul.edit-list{margin:13px 15px 14px;}
div.edit-area ul.edit-list li{padding:6px 0;}
div.edit-area ul.edit-list li a{color:#939598;}
div.edit-area span.img{width:40px; height:40px; overflow:hidden; display:inline-block; /*position:relative;*/ vertical-align:middle; margin-right:11px;}
div.edit-area img.masking{position:absolute; width:40px;}
div.edit-area img.img{width:40px; height:40px;}
div.recommend-area{position:relative; width:264px; margin:0 auto; border-top:1px solid #e6e7e8; padding-top:23px;}
div.recommend-area ul.recommend-list{overflow:hidden; margin-top:30px;}
div.recommend-area ul.recommend-list li{float:left; width:126px; margin-left:4px; margin-bottom:4px;}
div.recommend-area ul.recommend-list li span.tit{width:100%; display:block; box-sizing:border-box; padding:6px 3px 0 3px; height:34px; line-height: 14px;margin-bottom:20px; overflow:hidden; font-size:11px;}
body.msie8 div.recommend-area ul.recommend-list li span.tit,body.msie7 div.recommend-area ul.recommend-list li span.tit{height:28px;}
div.recommend-area a.btn-refresh{top:24px;}
div.mymenu-area ul.menu-list{margin:5px 0 20px;}
div.mymenu-area ul.menu-list li{padding:12px 0;}
div.mymenu-area ul.menu-list li.on a,div.mymenu-area ul.menu-list li a:hover{border-bottom:2px solid #6dd0cd; margin-bottom:-2px; color:#6dd0cd;}
div.mymenu-area ul.menu-list li a{font-size:15px; display:block; padding:0 0 9px 35px; margin:0 20px; background:url(/images/main.png) no-repeat; color:#939598;}

div.mymenu-area ul.menu-list li.my a{background-position:-148px 0;}
div.mymenu-area ul.menu-list li.on.my a,div.mymenu-area ul.menu-list li.my a:hover{background-position:-148px -180px;}

div.mymenu-area ul.menu-list li.history a{background-position:-148px -36px;}
div.mymenu-area ul.menu-list li.on.history a,div.mymenu-area ul.menu-list li.history a:hover{background-position:-148px -213px;}

div.mymenu-area ul.menu-list li.info a{background-position:-148px -74px;}
div.mymenu-area ul.menu-list li.on.info a,div.mymenu-area ul.menu-list li.info a:hover{background-position:-148px -251px;}
div.mymenu-area ul.menu-list li.info a span{display:block; background:url(/images/main.png) no-repeat right -2138px;}
div.mymenu-area ul.menu-list li.info a:hover span{background:url(/images/main.png) no-repeat right -2197px;}
div.mymenu-area ul.menu-list li.on.info a span{background:url(/images/main.png) no-repeat right -2169px;}

div.mymenu-area ul.menu-list li.notice a{background-position:-148px -112px;}
div.mymenu-area ul.menu-list li.on.notice a,div.mymenu-area ul.menu-list li.notice a:hover{background-position:-148px -289px;}
div.mymenu-area ul.menu-list li.notice a span{display:block; background:url(/images/main.png) no-repeat right -2138px;}
div.mymenu-area ul.menu-list li.notice a:hover span{background:url(/images/main.png) no-repeat right -2197px;}
div.mymenu-area ul.menu-list li.notice a span em{display:inline-block; background:#6dd0cd; color:#fff; font-size:11px; padding:1px 5px 0 4px; border-radius:6px; margin:0 0 0 9px; vertical-align:1px;}
div.mymenu-area ul.menu-list li.on.notice a span{background:url(/images/main.png) no-repeat right -2169px;}

div.mymenu-area ul.menu-list li.logout{padding:0;}
div.mymenu-area ul.menu-list li.logout a{background-position:-148px -149px; display:none;}
div.mymenu-area ul.menu-list li.on.logout a,div.mymenu-area ul.menu-list li.logout a:hover{background-position:-148px -319px;}

div.mymenu-area ul.menu-list li div.info-area{width:100%; margin:0; display:none;}
div.mymenu-area ul.menu-list li.on div.info-area{display:block;}
div.mymenu-area ul.menu-list li div.info-area ul,div.mymenu-area ul.menu-list li div.notice-area ul{margin:14px 0 10px;}

div.mymenu-area ul.menu-list li div.info-area ul li{padding:0;}
div.mymenu-area ul.menu-list li div.info-area ul li a{background:none; border:none; color:#939598; font-size:12px; padding:7px 0; margin-bottom:0;}
div.mymenu-area ul.menu-list li div.info-area ul li.notyet a{background:#f6f6f6; padding:7px 20px; margin:0;}
div.mymenu-area ul.menu-list li div.info-area ul li a span.img{display:inline-block; margin-right:10px; width:30px; height:30px; overflow:hidden; position:relative; vertical-align:middle;}
div.mymenu-area ul.menu-list li div.info-area ul li a span.img img.masking{position:absolute; width:30px;}
div.mymenu-area ul.menu-list li div.info-area ul li.notyet a span.img img.masking{margin-top:-30px;}
div.mymenu-area ul.menu-list li div.info-area ul li a span.img img.img{width:30px; height:30px;}
div.mymenu-area ul.menu-list li div.info-area ul li a span.up{display:inline-block; vertical-align:middle; text-align:center; letter-spacing:-1px; width:20px; height:16px; padding-top:4px; margin-left:5px; color:#fff; background:#6dd0cd; border-radius:10px;}
div.mymenu-area ul.menu-list li div.notice-area{display:none;}
div.mymenu-area ul.menu-list li.on div.notice-area{display:block;}
p.no-info{text-align:center; font-size:15px; color:#a7a9ac; padding:24px 0 37px;}
div.mymenu-area ul.menu-list li div.notice-area ul li{padding:15px 20px;}
div.mymenu-area ul.menu-list li div.notice-area ul li a{background:none; border:none; font-size:13px; color:#6d6e71; margin:0; padding:0;}
div.mymenu-area ul.menu-list li div.notice-area ul li a:hover{margin-bottom:0;}
div.mymenu-area ul.menu-list li div.notice-area ul li.notyet{background:#f0f9fe;}
div.mymenu-area ul.menu-list li div.notice-area ul li span.img{float:left; width:30px; height:30px; position:relative; overflow:hidden; margin-right:12px;}
div.mymenu-area ul.menu-list li div.notice-area ul li span.img img.masking{position:absolute; overflow:hidden; width:30px;}
div.mymenu-area ul.menu-list li div.notice-area ul li span.img img.img{width:30px; height:30px;}
div.mymenu-area ul.menu-list li div.notice-area ul li span.info{height:30px; display:table-cell; vertical-align:middle; background:none; width:68%; margin-left:40px;}
div.mymenu-area ul.menu-list li div.notice-area ul li span.info a{display:inline;}
div.mymenu-area ul.menu-list li div.notice-area ul li span.info span.tit{color:#6dd0cd; font-weight:bold; background:none; display:inline;}
div.mymenu-area ul.menu-list li div.notice-area ul li span.info span.txt{color:#6d6e71; font-weight:bold; padding-left:15px; background:none; display:inline;}
div.mymenu-area ul.menu-list li div.notice-area ul li span.info span.txt:before{content:""; border-right:1px solid #bac0c4; margin:0 10px 0 -10px; width:1px; height:12px;}
div.mymenu-area ul.menu-list li div.notice-area ul li span.info span.cate{color:#939598; background:none; letter-spacing:-1px;}
div.mymenu-area ul.menu-list li div.btn-area a{background:0; padding:4px 7px 4px 9px; display:inline-block; border:1px solid #bbbdc0; color:#939597; font-size:12px; border-radius:25px; margin-bottom:0; width:100px;}
div.mymenu-area ul.menu-list li div.btn-area{text-align:center; margin:0;}

div.cont-btn-more{text-align:center; margin-top:15px; padding-bottom:10px;}
div.cont-btn-more a{display:inline-block; font-size:14px; color:#ababab; background:url(/images/contents.png) no-repeat 0 -1533px; padding-left:20px;}
body.mobile div.cont-btn-more a:hover,body.mobile div.cont-btn-more a:active,body.mobile div.cont-btn-more a:visited{background:url(/images/contents.png) no-repeat 0 -1533px;}
div.mobile-btn-more{display:none;}

a.btn-pc{display:none;}

div.tablet-menu-area{display:none;}
div.contents div.main-cont{float:right; width:988px; margin:0;}

body.home div.contents div.main-cont{float:left; width:100%; margin:0;}
body.category div.contents div.main-cont{float:left; width:100%; margin:0;}
body.home div.contents{max-width:100%;width:100%; min-width: 1280px;margin:0 auto; position:relative; padding-top:50px; padding-bottom: 0px;}
body.category div.contents{max-width:100%;width:100%; min-width: 1280px;margin:0 auto; position:relative; padding-top:50px; padding-bottom: 0px;}
body.home div.contents div.left-area{float:left; width:284px; position:fixed; z-index:10000; display: none}
body.category div.contents div.left-area{float:left; width:284px; position:fixed; z-index:10000; display: none}

div.category-tit{}
div.category-tit-in{overflow:hidden; position:relative; margin:8px 0 7px; width:99.8%; height:30px; padding:11px 0 0; font-size:18px; color:#605f5f; border-left:2px solid #6dd0cd; letter-spacing:-1px; font-weight:bold; background:#fff;}
div.category-tit span.tit{display:inline-block; padding-left:13px;}
div.category-tit img.img{width:54px; height:54px; position:absolute; right:16px; bottom:-16px; opacity:0.4;}

div.footer{background:#3b3a3c; width:100%; /*overflow:hidden;*/ position:fixed; bottom:0; z-index:10000; color:#939597; font-size:13px;}
div.footer div.footer-in{max-width:1280px;min-width: 1280px; margin:0 auto;}
div.footer a{color:#939597;}
div.footer div.footer-in div.left-area{float:left; position:relative; display:block;}
a.more-piki{display:inline-block; padding:10px 50px 10px 20px; float:left; background:url(/images/footer_nav.png) no-repeat 130px 15px;}
div.left-area.on a.more-piki{background:#404041 url(/images/footer_nav.png) no-repeat 130px -128px;}
div.left-area div.piki-sub{display:none;}
div.left-area.on div.piki-sub{display:block; border:1px solid #e6e7e8; background:#fff; width:139px; height:165px; position:absolute; bottom:36px; left:0;}
div.piki-sub ul{margin:13px 0 0;}
div.piki-sub ul li a{color:#58595b; display:block; font-size:14px; padding:10px 0 10px 10px; letter-spacing:-1px;}
ul.contactus{float:left; border-left:1px solid #505050;}
ul.contactus li{float:left; margin:0 25px;}
ul.contactus li a{display:inline-block; padding:10px 0;}
div.footer div.footer-in div.right-area{float:right;}
div.footer div.footer-in div.right-area span.tit{display:none; border-right:1px solid #505050; padding:10px 15px 10px 0; margin-right:20px;}
div.footer div.footer-in div.right-area a.g-play{display:none; width:12px; height:14px; background:url(/images/main.png) no-repeat left -274px; vertical-align:middle; margin-right:10px;}
div.footer div.footer-in div.right-area a.a-store{display:none; width:12px; height:14px; background:url(/images/main.png) no-repeat -26px -274px; vertical-align:middle; margin-right:10px;}

/*main contents*/

/*body.home div.contents{min-width: 100%; max-width:100%; margin: 0; position:relative; padding-top:50px; padding-bottom:0;background: #fff;}*/
/*body.category div.contents{min-width: 100%; max-width:100%; margin: 0; position:relative; padding-top:50px; padding-bottom:0;background: #fff;}*/
div.main-conatiner{max-width: 1280px; min-width: 1280px; margin: 0 auto; overflow:hidden;}
div.main-middle-area{float: right; width:950px; overflow:hidden;}
div.main-top{width:100%; overflow:hidden; margin-top:8px; padding-bottom:8px;}
div.rolling-area{float:left; width:100%; height:428px; position:relative; z-index:10;}
div.rolling-area a.btn-prev{position:absolute; width:14px; height:36px; left:10px; top:196px; display:block; background:url(/images/navi.png) no-repeat 0 0; z-index:11;}
div.rolling-area a.btn-next{position:absolute; width:14px; height:36px; right:10px; top:196px; display:block; background:url(/images/navi.png) no-repeat -35px 0; z-index:12;}

div.btn-rolling{position:absolute; width:100%; bottom:16px; display:block; text-align:center; z-index:10;}
div.btn-rolling a{display:inline-block; width:7px; height:7px; background:url(/images/navi.png) no-repeat -4px -65px; margin:0 3px;}
div.btn-rolling a.on{background:url(/images/navi.png) no-repeat -43px -65px;}

div.rolling-area ul.scroll{margin-right:8px;}
div.rolling-area ul.scroll li img{}
body.msie8 div.rolling-area ul.scroll li a,body.msie7 div.rolling-area ul.scroll li a{position:relative;}
div.best-area{float:right; width:34.9%; height:289px; box-sizing:border-box; border:1px solid #e6e7e8; background:#fff;display: none}
div.best-area div.best-tit{margin:20px; border-bottom:1px solid #6dd0cd; padding-bottom:8px; overflow:hidden;}
div.best-area div.best-tit span.tit{display:inline-block; width:44px; height:14px; background:url(/images/main.png) no-repeat 0 -2435px; float:left;}
div.best-area div.best-tit span.date{float:right; font-size:12px; color:#939598; vertical-align:3px;}
ul.best-list{margin:0 20px;}
ul.best-list li{padding-top:17px;}
ul.best-list li a{color:#939598; display:inline-block; overflow:hidden; width:100%;}
ul.best-list li span.num{display:inline-block; color:#fff; width:20px; font-size:14px; font-weight:bold; text-align:center; color:#6dd0cd; letter-spacing:-1px; vertical-align:bottom;}
ul.best-list li.first{padding-top:0;}
/*ul.best-list li span.num.on{background:#6dd0cd;}*/
ul.best-list li span.up{float:right; display:inline-block; background:url(/images/main.png) no-repeat 0 -370px; width:40px; text-align:right;}
ul.best-list li span.down{float:right; display:inline-block; background:url(/images/main.png) no-repeat 0 -385px; width:40px; text-align:right;}
ul.best-list li span.steady{float:right; display:inline-block; width:40px; text-align:center;}
ul.best-list li span.steady:after{content: ' '; width:10px; height:2px; background:#d3d4d6; display:inline-block;}
ul.best-list li span.new{float:right; display:inline-block; width:40px; text-align:center;}
ul.best-list li span.new:after{content: ' '; background:url(/images/main.png) no-repeat -178px -1436px; width:26px; height:8px; margin:0 auto; display:inline-block;}
ul.best-list li span.tit{display:inline-block; width:70%; height:15px; overflow:hidden; vertical-align:middle; line-height:130%;}
div.category-area{width:100%;height:60px;overflow: hidden}
div.category-area div.swiper-wrapper{width:100%;height:100%}
div.category-area div.swiper-wrapper div.swiper-slide{float:left;width:20%; height:100%;}
div.category-area div.swiper-wrapper div.swiper-slide a{width:100%; height:100%; padding-top: 10px; text-decoration:none; text-align:center;  font-size: 18px; display: inline-block;}
div.category-area div.swiper-wrapper div.swiper-slide a img{vertical-align: -9px;margin-right: 5px; width:35px; height:35px;}
div.category-area div.swiper-wrapper div.swiper-slide.select a,div.category-area div.swiper-wrapper div.swiper-slide a:hover{color:#6dd0cd;}

div.dependent-area{float: left; width: 310px; margin-right: 20px;}
ul.fb-list{width: 100%;}
ul.fb-list li{width: 100%; margin-bottom: 10px;}
ul.fb-list li div.fb_feed_container{width: 100%;}
ul.fb-list li div.fb_feed_container div.info_banner{width: 100%;min-height: 62px; display: none}
ul.fb-list li div.fb_feed_container div.info_banner img{width: 100%; height: auto; float: left; margin: auto;}
ul.fb-list li div.fb_feed_container div.info_banner p{line-height:62px; font-size: 18px;}

div.ad-area{ float:left; width: 300px; margin: 10px 5px;}
div.scroll-ad-area{ float:left; width: 300px; height: 600px; margin: 10px 5px;}

div.hottestArticles-area{float: left; width: 100%;}
div.hottestArticles-title-area{width: 100%; height:58px; background-color:#6dd0cd}
div.hottestArticles-title-area p{width: 100%;text-align:center;color:#efefef;font-size:24px; line-height: 58px;}
ul.hottestArticles-list{width: 100%;}
ul.hottestArticles-list li{width: 100%;height:260px;}
ul.hottestArticles-list li a{width: 100%;height:100%;}
ul.hottestArticles-list li a div.hot-content-img-area{width: 100%;height:190px;overflow:hidden;}
ul.hottestArticles-list li a video{width: 100%;height:190px;overflow:hidden;}
ul.hottestArticles-list li a div.hot-content-title-area{position: relative; left:20px; right: 20px; top: -20px; width: 270px;height:70px;border:2px solid #070505;background-color:white;overflow:hidden;}
ul.hottestArticles-list li a div p.rank{float: left;margin-top: 13px;width:60px;text-align:center;color:#7F7F7F;font-size:43px}
p.home-hottest-content-title{float: left;width: 200px;margin-top: 16px;height:40px;color:#595959;font-size:14px;overflow:hidden;}

div.thumnail-area{float: right; width:100%; overflow:hidden;}
ul.thumnail-list{overflow:hidden; margin:-4px -4px 0 -4px;}
ul.thumnail-list li{float:left; width:25%;}
ul.thumnail-list li div.inner{margin:4px 4px 8px;background:#fff;position:relative;overflow:hidden;}
ul.thumnail-list li div.inner video {position:absolute;top:0px;left:0px;width:100%;height:100%;background:#000;display:none;}
ul.thumnail-list li div.inner.another video {height:auto;}
ul.thumnail-list li div.inner div.img{position:relative; overflow:hidden;}
ul.thumnail-list li div.inner div.img img{width:100%;}
ul.thumnail-list li div.inner div.img img.masking{position:absolute; bottom:0;}
ul.thumnail-list li div.mobile-select{display:none;}
div.img span.new{position:absolute; display:inline-block; width:56px; height:56px; overflow:hidden; background:url(/images/main.png) no-repeat 0 -414px; z-index:1;}
ul.thumnail-list li div.inner div.img div.modal-bg{opacity:0.6; display:block; z-index:1; -ms-filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);  opacity: .6;}
ul.thumnail-list li div.inner span.check{position:absolute; top:10px; left:10px; z-index:2;}
ul.thumnail-list li div.inner a span.txt{letter-spacing:-1px; color:#202021; font-size:14px; border:1px solid #e6e7e8; display:block; box-sizing: border-box; padding:10px; border-top:none;}
ul.thumnail-list li div.inner a span.txt span.in{height:64px; overflow:hidden; display:block; line-height:150%;}
ul.thumnail-list li div.inner a span.txt span.in span.text{float:left; width:110px;}
ul.thumnail-list li div.inner a span.txt span.in span.sns-info{float:right; border-left:1px solid #e6e7e8; width:60px; padding:0 0 0 9px;}
ul.thumnail-list li div.inner a span.txt span.in span.like{letter-spacing:-1px; display:inline-block; width:38px; padding:0 0 0 12px; background:url(/images/main.png) no-repeat -99px -373px; color:#939598; text-align:right; font-size:12px;}
ul.thumnail-list li div.inner a span.txt span.in span.reply{letter-spacing:-1px; display:inline-block; width:38px; padding:0 0 0 12px; background:url(/images/main.png) no-repeat -99px -399px; color:#939598; text-align:right; font-size:12px;}
ul.thumnail-list li div.inner a span.txt span.like-area{display:block; margin-top:6px; font-size:12px;}
ul.thumnail-list li div.inner a span.txt span.like2{letter-spacing:0; display:inline-block; padding-left:15px; width:46px; color:#bbbdc0; background:url(/images/main.png) no-repeat 0 -2330px;}
ul.thumnail-list li div.inner a span.txt span.reply2{letter-spacing:0; display:inline-block; padding-left:15px; width:46px; color:#bbbdc0; background:url(/images/main.png) no-repeat 0 -2357px;}
ul.thumnail-list li div.inner a span.sns-info{display:block; margin-top:6px; font-size:12px;}
ul.thumnail-list li div.inner.another div.img div.text-area{position:absolute; left:10px; right:10px; bottom:11px; color:#fff; width:90%; z-index:1;}
ul.thumnail-list li div.inner.another div.img span.like-area{position:absolute; bottom:14px; left:15px; color:#fff; font-size:12px; z-index:1;}
ul.thumnail-list li div.inner.another div.img span.like-area span.like2{letter-spacing:0; display:inline-block; padding-left:15px; width:46px; background:url(/images/main.png) no-repeat 0 -2384px;}
ul.thumnail-list li div.inner.another div.img span.like-area span.reply2{letter-spacing:0; display:inline-block; padding-left:15px; width:46px; background:url(/images/main.png) no-repeat 0 -2411px;}
ul.thumnail-list li	div.inner.another div.img div.text-area span.tit{display:block; font-size:14px; height:64px; overflow:hidden; line-height:150%;}
ul.thumnail-list li div.inner.another div.img div.text-area span.info{display:block; font-size:16px; margin-top:25px;}
ul.thumnail-list li	div.inner.another div.img span.sns-info{position:absolute; left:15px; bottom:15px; color:#e6e7e8; z-index:1;}
span.sns-info span.like{display:inline-block; padding:0 0 0 15px; background:url(/images/main.png) no-repeat 0 -2330px; width:46px; color:#bbbdc0; letter-spacing:0; font-size:12px;}
span.sns-info span.reply{display:inline-block; padding:0 0 0 15px; background:url(/images/main.png) no-repeat 0 -2357px; width:46px; color:#bbbdc0; letter-spacing:0; font-size:12px;}

ul.thumnail-list li div.inner.another span.like{background:url(/images/main.png) no-repeat 0 -2384px;}
ul.thumnail-list li div.inner.another span.reply{background:url(/images/main.png) no-repeat 0 -2411px;}

ul.thumnail-horzlist{overflow:hidden; margin:-4px -4px 0 -4px;}
ul.thumnail-horzlist li{float:left; width:100%;}
ul.thumnail-horzlist li div.inner{height:320px; margin:0px 0px 20px;background:#fff;position:relative;overflow:hidden;}
ul.thumnail-horzlist li div.inner video {position:absolute;top:0px;left:0px;width:100%;height:100%;background:#000;display:none;}
ul.thumnail-horzlist li div.inner div.img{width:54%; height: 100%; position:relative; overflow:hidden; float: left;}
ul.thumnail-horzlist li div.inner div.img img{width:100%; height:100%;}
ul.thumnail-horzlist li div.inner a span.txt{height:100%; width: 46%; float:left;letter-spacing:-1px; color:#585959; border-bottom:1px solid #000; border-style:dashed; display:inline-block; vertical-align: middle; box-sizing: border-box; padding:10px; border-top:none;}
ul.thumnail-horzlist li div.inner a span.txt span.in{float:left; width:100%; font-size:24px;font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; line-height:150%; margin: 100px auto 10px;}
ul.thumnail-horzlist li div.inner a span.txt span.desc{float:left; width:100%; font-size:17px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis; display:block; line-height:150%; margin: auto;}
ul.thumnail-horzlist li div.inner a span.txt span.in span.text{float:left; width:110px;}

div.more-area{position:relative; float:left; width: 100%; height: 252px; background: #ffffff;text-align: center;}
div.more-area div.more-icon img{margin-top: 90px; margin-bottom: 15px;width: 55px;}
div.more-area div.more-arrow img{margin-top: 10px;}
div.more-area a{font-size: 30px; color: #6dd0cd;}

div.rank-area{float: left; width: 100%; background:#6dd0cd;}
div.rank-area div.rank-container{width: 1280px; margin: 60px auto 0;}
div.rank-area div.rank-container div.rank-common{width: 33.2%; float: left;}
div.rank-area div.rank-container div.border{border-left:1px solid #dedede; border-right:1px solid #dedede;}
div.rank-area div.rank-container div.rank-common div.rank-banner{width: 100%; height: 60px;margin-bottom: 20px;}
div.rank-area div.rank-container div.rank-common div.rank-banner p.sub1{float:left; width:60%; line-height: 60px; vertical-align: middle; text-align: right; font-size: 30px; color: #ffffff; margin-right: 5px;}
div.rank-area div.rank-container div.rank-common div.rank-banner p.sub2{float:left; line-height: 60px; vertical-align: middle; text-align: center; font-size: 24px; color: #ffffff;}
div.rank-area div.rank-container div.rank-common ul.rank-list {width: 355px; margin: auto; padding-bottom: 40px;}
div.rank-area div.rank-container div.rank-common ul.rank-list li{width: 100%; margin-top: 19px; height: 102px;}
div.rank-area div.rank-container div.rank-common ul.rank-list li a div.thumbnail{float: left; width: 162px; height: 102px;margin-right: 16px;}
div.rank-area div.rank-container div.rank-common ul.rank-list li a div.txt-area{float:left; height: 102px; width: 175px;display: flex;vertical-align: middle;overflow: hidden;}
span.category-home-rank-list-item-txt{float: left;width: 100%; max-height: 72px;color:#ffffff;font-size:16px;overflow:hidden;display: block;margin: auto;line-height:24px;}

div.footer-area {position:relative; text-align:center;float:left;width: 100%; height: 270px; background: #6dd0cd;}
ul.piki-contactus{float:left; width: 100%; margin-top: 30px; margin-bottom: 10px;}
ul.piki-contactus li{list-style-type: none; display: inline-block; padding:0 15px; border-right: 1px solid #fff;}
ul.piki-contactus li:last-child{border-right: none; padding: 0; margin-bottom: 2px;}
ul.piki-contactus li:nth-child(9){border-right: none;}
ul.piki-contactus li:first-child{border-right: none; padding: 0;}
ul.piki-contactus li a{display:inline-block; font-size:18px; line-height: 20px; color: #ffffff;}
ul.piki-contactus li img{margin-bottom: 5px;}

ul.piki-store{display:block; float:left; width: 100%; margin-top: 10px;}
ul.piki-store li{list-style-type: none; display: inline; margin:0 15px;}
ul.piki-store li a{display:inline-block; font-size:18px; padding:10px 0; color: #ffffff;}

div.piki-space{float:left; width: 100%; height: 23px; background: #f5b9c1;}
body.category div.piki-space{float:left; width: 100%; height: 23px; background: #6dd0cd;}
div.piki-inc{float:left; width: 100%; margin-top: 26px;}
div.piki-inc img{width: 250px; height: 65px;}

body.category div.footer-area {position:relative; text-align:center;float:left;width: 100%; height: 178px; background: #f5b9c1;}
body.category ul.piki-store {display: none}
body.category ul.piki-contactus li a{display:inline-block; font-size:12px; line-height: 14px; color: #ffffff;}
body.category ul.piki-contactus li img{width:12px; height:12px; margin-bottom: 3px;}
div.mobile-message-area{display:none;}
ul.mobile-contmove-area{display:none;}

div.btn-top{position:fixed; width:1280px; left:50%; margin-left:655px; bottom:49px;}

div.home-footer-ad{width: 100%; float: left; text-align: center}
div.home-footer-sticker-ad{position: fixed;  bottom: 0;  left: 0;  width: 100%;  text-align: center;  -webkit-overflow-scrolling: touch;  z-index: 1000;}
div.content-footer-sticker-ad{position: fixed;  bottom: 0;  left: 0;  width:-webkit-calc(100% - 318px);  width:-moz-calc(100% - 318px);  width:calc(100% - 318px);  text-align: center;  -webkit-overflow-scrolling: touch;  z-index: 1000;}


/*category layer*/
div.m-category{z-index:100;}

/*sub contents*/
div.modal{position:fixed; z-index:10001; left:0px; top:0px; width:100%; height:100%;}
div.modal-bg{position:absolute; width:100%; height:100%; background:#000; opacity:0.6; top:0; left:0; z-index:1000; -ms-filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);  opacity: .6;}
div.cont-container{position:absolute; z-index:1001; width:100%; height:100%; overflow-y:scroll;}
div.cont-posi{padding-top:60px;}
div.cont-container div.left-area{float:left; width:73.6%; background:#fff; border-top-left-radius:10px; border-bottom-left-radius:10px;}
div.cont-container div.left-area div.inarea{padding:0 0 30px;}
div.cont-container div.right-area{float:left; width:26.4%;}
div.cont-container div.right-area div.inarea{padding:10px; width:240px; position:fixed;}
body.safari div.cont-container div.right-area div.inarea{margin-left:49.5%;}
div.total-share-area{width:50px; position:fixed; top:30%; margin-left:-64px; z-index:10;}
/*body.safari div.total-share-area{left:50%; margin-left:-570px;}*/
/*body.safari div.card-container div.total-share-area{left:auto;}*/
div.total-share-area a{margin:0 0 1px;}
div.total-share-area a em{display:none;}
div.cont-wrap{position:relative; margin:0 auto 60px; width:1066px;}
div.cont-wrap:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
div.total-share-area div.link-layer{right:auto; width:250px; padding-top:0; padding-left:6px; background:url(/images/contents.png) no-repeat 0 -1063px; left:58px; bottom:-26px; text-align:center;}
div.total-share-area div.link-layer-in{border-top:none; border-left:2px solid #727578;}

div.cartoon-tit{position:relative;}
div.cartoon-section{width:100%; overflow:hidden; background:#f4f6f8; border-top-left-radius:10px; padding:13px 0 12px; position:absolute;/*fixed*/; z-index:100;}
div.cartoon-section.bar{border-top-left-radius:0px;}
div.cartoon-section h1{float:left; color:#616161; font-size:14px; font-weight:bold; padding-left:28px; display:block; width:72%; height:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.cartoon-section div.cartoon-nav{position:absolute; top:0; right:0;}
div.cartoon-nav .prev,body.mobile div.cartoon-nav .prev:hover,body.mobile div.cartoon-nav .prev:active,body.mobile div.cartoon-nav .prev:visited{display:block; float:left; border-left:1px solid #dedede; width:38px; height:40px; background:url(/images/cartoon.png) no-repeat 0 0;}
div.cartoon-nav .as-is{display:block; float:left; height:26px; text-align:center; border-left:1px solid #dedede; border-right:1px solid #dedede; font-size:12px; color:#444; padding:14px 15px 0;}
div.cartoon-nav .next,body.mobile div.cartoon-nav .next:hover,body.mobile div.cartoon-nav .next:active,body.mobile div.cartoon-nav .next:visited{display:block; float:left; width:38px; height:40px; background:url(/images/cartoon.png) no-repeat -38px 0;}
div.cartoon-nav .list,body.mobile div.cartoon-nav .list:hover,body.mobile div.cartoon-nav .list:active,body.mobile div.cartoon-nav .list:visited{display:block; float:left; width:40px; height:40px; background:url(/images/cartoon.png) no-repeat -76px 0;}
p.cartoon-sub{color:#616161; border-bottom:1px solid #ebe7e8; padding:51px 29px 9px; line-height:150%;}
div.cartoon-txt{border-bottom:1px solid #ebe7e8; position:relative; padding:15px 30px 14px;}
div.cartoon-txt p.tit{font-size:24px; color:#404041; font-weight:bold; letter-spacing:-1px; width:84%;}
div.cartoon-txt span.date{color:#bbbdc0; position:absolute; right:20px; bottom:14px; letter-spacing:-1px;}
div.cartoon-txt span.date span.time{margin-left:5px; letter-spacing:0;}

div.tit-area{margin:58px 30px 0 30px; position:relative;padding-right: 35px}
div.tit-area h1{color:#595959; font-size:30px; font-weight:bold;}
div.tit-area h2{display:block;color:#231815; font-size:18px; font-weight:normal;margin-top:10px;}
/*div.tit-area span.des{display:block; font-size:14px; color:#404041; margin-top:10px;}*/
div.tit-area span.date{display:block; font-size:12px; color:#bbbdc0; margin-top:45px;}
div.tit-area a.more{display:none;}
div.tit-area a.to-mail{display:none;}
a.series-icon{display:inline-block; width:30px; height:31px; background:url(/images/contents.png) no-repeat 0 -1399px; position:absolute; top:2px; right:0;}
div.mobile-shareinfo-area{display:none;}
div.mobile-continfo-area{display:none;}
div.mobile-top-fbpage-area div.feed-list{height:130px}
div.mobile-bottom-fbpage-area div.feed-list{margin-top:10px;height:130px}
div.detail-area{/*width:490px; margin:0 auto;*/ padding:0 0 5px;}
div.detail-area div.img-area,div.detail-area div.movie-area,div.detail-area div.text-area,div.detail-area div.corp-area,div.detail-area div.player-area{width:702px; margin:0 auto 100px;}
div.detail-area div.certify-area{width:490px; margin:0 auto 100px;}
div.detail-area div.slide-area{margin-bottom:100px;}
div.detail-area div.slide-area div.slide-img{position:relative; height:600px; width:100%; margin-bottom:20px;}
div.detail-area div.slide-area div.slide-img div.img-inarea{width:100%; height:100%; overflow:hidden;}
div.detail-area div.slide-area div.slide-img div.img-inarea img{height:100%;}
body.mobile div.detail-area div.slide-area div.slide-img div.img-inarea.m-scroll{overflow-x:scroll;}
a.cartoon-prev{display:inline-block; width:16px; height:48px; background:url(/images/cartoon.png) no-repeat 9px -40px; padding:10px; position:absolute; top:50%; left:0; margin-left:50px; margin-top:-32px;}
body.mobile a.cartoon-prev:hover,body.mobile a.cartoon-prev:active,body.mobile a.cartoon-prev:visited{background:url(/images/cartoon.png) no-repeat 9px -40px;}
a.cartoon-next{display:inline-block; width:16px; height:48px; background:url(/images/cartoon.png) no-repeat -124px -40px; padding:10px; position:absolute; top:50%; right:0; margin-right:47px; margin-top:-32px;}
body.mobile a.cartoon-next:hover,body.mobile a.cartoon-next:active,body.mobile a.cartoon-next:visited{background:url(/images/cartoon.png) no-repeat -124px -40px;}
div.detail-area div.slide-area div.ico-reply{width:490px; margin:0 auto;}
div.detail-area div.img{position:relative; text-align: center;}
div.detail-area div.img img{max-width: 702px; max-height: 520px;}
div.detail-area div.img-wide{position:relative; }
div.detail-area div.img-wide img{width:100%; height:100%;}
div.sns-img-container{
    position:relative;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #f3f3f3;
    border-radius: 3px;
    background: rgba(255,255,255,0.9);
    overflow: hidden;}
div.sns-img-container div.sns-img img {width: 100%;}
div.sns-img-container div.sns-img img.sns-logo{
    position: absolute;
    padding: 10px;
    width: 10%;
    height: auto;
}
div.sns-img-container div.sns-img-info{line-height: 1;color: #666;font-size: 14px;margin-top: 10px;}
div.sns-img-container div.sns-img-info div.sns-img-source {
    position:absolute;
    color: #cccccc;
    bottom:0;
    padding: 14px 10px 3% 12%; }
div.sns-img-container div.sns-img-info img.logo-left{
    position: relative;
    width: 7.5%;
    left: 6px;
    bottom: 6px;}
div.sns-img-container div.sns-img-info img.logo-right{
    position: absolute;
    width: 24%;
    right: 6px;
    bottom: 4px;}
div.sns-img-container p.sns-origin{
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    text-align: right;
    font-size: 11px;
    padding: 5px 7px;
    }
div.sns-img-container p.sns-origin a {
    color: #bbb;
}
div.sns-img-container div.sns-gif-play{
    position: absolute;
    text-align: center;
    width: 50px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    color: #ffffff;
    bottom: 95px;
    left: 10px;
    font-size: 12px;
    line-height: 22px;
    font-weight: bold;
    font-style: normal; }
div.sns-img-container div.sns-gif-play::after{content: "▶ GIF";}
div.sns-img-container div.sns-gif-pause{
    position: absolute;
    text-align: center;
    width: 50px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    color: #ffffff;
    bottom: 95px;
    left: 10px;
    font-size: 12px;
    line-height: 22px;
    font-weight: bold;
    font-style: normal;}
div.sns-img-container div.sns-gif-pause::after{content: "❙ ❙ GIF";}

div.detail-area p.copy{position:absolute; right:0; bottom:0; color:#fff; background:url(/images/bg_png3.png) repeat;}
div.detail-area p.copy-sns{position:absolute; right:0; bottom:35px; color:#fff; background:url(/images/bg_png3.png) repeat;}
div.detail-area p.copy a{color:#fff;}
div.detail-area p.copy-sns a{color:#fff;}
div.detail-area div.img div.img-sns-layer{position:absolute; top:0; width:100%; text-align:center; background:#000; opacity:0.6; padding:10px 0 8px; -ms-filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);  opacity: .6;}
div.detail-area div.img div.img-sns-layer a{border-radius:10px;}
div.detail-area div.img div.img-sns-layer a.face{background:url(/images/contents.png) no-repeat 19px -107px;}
div.detail-area div.img div.img-sns-layer a.face:hover{background:#505050 url(/images/contents.png) no-repeat 19px -107px;}
div.detail-area div.img div.img-sns-layer a.tw{background:url(/images/contents.png) no-repeat 13px -149px;}
div.detail-area div.img div.img-sns-layer a.tw:hover{background:#505050 url(/images/contents.png) no-repeat 13px -149px;}
div.detail-area div.img div.img-sns-layer a.email{background:url(/images/contents.png) no-repeat 13px -63px;}
div.detail-area div.img div.img-sns-layer a.email:hover{background:#505050 url(/images/contents.png) no-repeat 13px -63px;}
div.detail-area div.img div.img-sns-layer a.link{background:url(/images/contents.png) no-repeat 12px -192px;}
div.detail-area div.img div.img-sns-layer a.l¬ink:hover{background:#505050 url(/images/contents.png) no-repeat 12px -192px;}
div.detail-area div.img a.bt-down-layer{background:#000 url(/images/contents.png) no-repeat -63px -72px; display:inline-block; opacity:0.6; border-radius:10px; position:absolute; top:10px; right:10px; width:48px; height:48px; -ms-filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);  opacity: .6;}
div.detail-area div.img a.bt-down-layer:hover{background:#505050 url(/images/contents.png) no-repeat -63px -72px;}
div.detail-area div.img-wide div.img-sns-layer{position:absolute; top:0; width:100%; text-align:center; background:#000; opacity:0.6; padding:10px 0 8px; -ms-filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);  opacity: .6;}
div.detail-area div.img-wide div.img-sns-layer a{border-radius:10px;}
div.detail-area div.img-wide div.img-sns-layer a.face{background:url(/images/contents.png) no-repeat 19px -107px;}
div.detail-area div.img-wide div.img-sns-layer a.face:hover{background:#505050 url(/images/contents.png) no-repeat 19px -107px;}
div.detail-area div.img-wide div.img-sns-layer a.tw{background:url(/images/contents.png) no-repeat 13px -149px;}
div.detail-area div.img-wide div.img-sns-layer a.tw:hover{background:#505050 url(/images/contents.png) no-repeat 13px -149px;}
div.detail-area div.img-wide div.img-sns-layer a.email{background:url(/images/contents.png) no-repeat 13px -63px;}
div.detail-area div.img-wide div.img-sns-layer a.email:hover{background:#505050 url(/images/contents.png) no-repeat 13px -63px;}
div.detail-area div.img-wide div.img-sns-layer a.link{background:url(/images/contents.png) no-repeat 12px -192px;}
div.detail-area div.img-wide div.img-sns-layer a.l¬ink:hover{background:#505050 url(/images/contents.png) no-repeat 12px -192px;}
div.detail-area div.img-wide a.bt-down-layer{background:#000 url(/images/contents.png) no-repeat -63px -72px; display:inline-block; opacity:0.6; border-radius:10px; position:absolute; top:10px; right:10px; width:48px; height:48px; -ms-filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);  opacity: .6;}
div.detail-area div.img-wide a.bt-down-layer:hover{background:#505050 url(/images/contents.png) no-repeat -63px -72px;}
div.detail-area div.iframe-area{max-width: 520px;margin: auto;}
div.detail-area p.info-txt{padding:20px 0 17px; font-size:14pt; line-height: 26pt;}
div.detail-area p.info-txt span.origin{display:block; margin:20px 0 0;}
div.detail-area div.ico-reply{background:url(/images/contents.png) no-repeat 0 -248px; padding:0 0 9px;}
div.detail-area div.ico-reply a{color:#7d7d7d; padding:0 0 0 20px;}
div.detail-area p.copyright{text-align:right; color:#939598; font-size:11px; margin-bottom:20px;}
div.detail-area p.copyright a{color:#939598;}
div.play-info{display:inline-block; position:absolute; width:80px; height:95px; left:25px; bottom:25px; background:url(/images/contents.png) no-repeat 0 -741px; text-align:center;}
div.play-info span.time{display:block; text-align:center; height:20px; padding:0; color:#fff; margin:14px 0 0 0;}
div.play-info a.btn-play,body.mobile div.play-info a.btn-play:hover,body.mobile div.play-info a.btn-play:active,body.mobile div.play-info a.btn-play:visited{display:inline-block; width:24px; height:28px; background:url(/images/contents.png) no-repeat 18px -694px; margin:20px 0 0 0;}
div.detail-area div.text-area p.info-txt{padding:20px 27px 10px;}
div.slide-bar{float:right; width:420px; height:2px; background:#f0f0f0; margin:5px 0 0 10px;}
div.slide-bar div.slide-bar-in{background:#6dd0cd; height:2px; width:10%; position:relative;}
div.slide-bar a.slide-ico,body.mobile div.slide-bar a.slide-ico:hover,body.mobile div.slide-bar a.slide-ico:active,body.mobile div.slide-bar a.slide-ico:visited{position:absolute; width:14px; height:14px; background:url(/images/cartoon.png) no-repeat 0 -197px; margin-top:-6px; right:0; padding:0 !important;}


div.corp-area a.corp-link,div.corp-area a.corp-link:hover,div.corp-area a.corp-link:active,div.corp-area a.corp-link:visited{display:block; border:1px solid #ebe7e8; background:#f8f8f8; overflow:hidden; margin:0 0 25px;}
div.corp-area div.corp-img{float:left; width:41%; /*height:158px; overflow:hidden;*/ margin-right:18px;}
div.corp-area div.corp-img img{margin:1px; width:200px; height:157px;}
div.corp-area div.corp-info{float:left; width:55%; height:158px; position:relative;}
div.corp-area div.corp-img-landing2{float:left; width:200px;}
div.corp-area div.corp-img-landing2 img{margin:1px; width:200px; height:157px;}
div.corp-area div.corp-info-landing2{float:left; width:500px; height:159px; position:relative;background:#6dd0cd}
div.corp-area div.corp-info-landing2 img{position: absolute;width: 430px;height: 27px;right: 40px;bottom: 60px;}
div.corp-area div.corp-info div.tit{overflow:hidden; margin:20px 0 0;}
div.corp-area div.corp-info div.corp-tit-img{float:left;}
div.corp-area div.corp-info div.corp-tit-img img.profile{width:32px; height:32px;}
div.corp-area div.corp-info div.corp-tit-img img.masking{position:absolute;}
div.corp-area div.corp-info span.corp-tit{float:left; display:block; margin:10px 0 0 10px;}
div.corp-area div.corp-info p.desc{margin:12px 10px 0 0; height:43px; overflow:hidden;}
body.mobile.safari div.corp-area div.corp-info p.desc{height:45px;}
div.corp-area div.corp-info p.site{position:absolute; bottom:12px; height:14px; overflow:hidden; margin:0 10px 0 0; color:#a5a4a4;}

div.certify-area div.age em{display:inline-block; width:110px; height:80px; background:url(/images/contents2.png) no-repeat 0 0;}
div.certify-area p.age-notice{font-size:24px; color:#5b5b5b; line-height:150%; padding:30px 0 55px; letter-spacing:-2px;}
div.certify-area div.age-info{font-size:16px; line-height:150%;}
div.certify-area div.age-info p{padding:0 0 25px; letter-spacing:-2px;}
div.certify-area div.age-info p span{display:block; margin-left:18px;}
div.certify-area p.noti{color:#6dd0cd; font-size:16px; letter-spacing:-2px;}

div.btn-area{margin-top:30px;}
div.btn-area a{width:100%; text-align:center; display:inline-block; background:#6dd0cd; color:#fff; font-size:18px; border-radius:6px; letter-spacing:-1px; padding:20px 0 19px;}

div.cont-series-area{border-top:1px solid #ebe7e8; padding:38px 0 49px;}
div.cont-series-area div.in-area{margin:0 auto; width:81.4%; position:relative;}
div.cont-series-area h2{font-size:14px; margin:0 0 24px 10px;}
div.cont-series-area a.prev{display:inline-block; width:10px; height:23px; position:absolute; top:50%; left:0; background:url(/images/contents.png) no-repeat -90px -163px;}
body.mobile div.cont-series-area a.prev:hover,body.mobile div.cont-series-area a.prev:visited,body.mobile div.cont-series-area a.prev:active{background:url(/images/contents.png) no-repeat -90px -163px;}
div.cont-series-area a.next{display:inline-block; width:10px; height:23px; position:absolute; top:50%; right:0; background:url(/images/contents.png) no-repeat -90px -196px;}
body.mobile div.cont-series-area a.next:hover,body.mobile div.cont-series-area a.next:active,body.mobile div.cont-series-area a.next:visited{background:url(/images/contents.png) no-repeat -90px -196px;}
div.cont-series-area a.list-first{position:absolute; top:3px; right:72px; color:#404041;}
div.cont-series-area a.list-view{position:absolute; top:3px; right:10px; color:#6dd0cd;}
div.cont-series-area div.in-area div.series-silid{margin:0 18px;}
ul.series-list{overflow:hidden; margin:0;}
ul.series-list li.on a{background:#a4a4a4;}
ul.series-list li.on a{color:#fff;}
ul.series-list li{float:left; text-align:center; width:25%;}
ul.series-list li a{display:block; margin:0 3px;}
ul.series-list li img{width:100%;}
ul.series-list li span.tit{display:block; padding:10px 7px; border-bottom:2px solid #a4a4a4; text-align:left;}
ul.series-list li a:hover span.tit{background:#a4a4a4; color:#fff;}
ul.series-list li span.tit span.in{display:inline-block; height:28px; overflow:hidden;}
body.msie8 ul.series-list li span.tit span.in{height:24px;}

div.share-area{width:100%; text-align:center; padding:30px 0 16px; position:relative; z-index:10;}
div.share-area span.layer-outer{position:relative;}
div.share-area a{border-right:1px solid #fff;}
body.mobile div.share-area a{border-right:1px solid #fff;}
div.share-area a em{position:absolute; font-size:16px; color:#fff; top:14px; left:46px;}
div.share-area a.view{width:106px;}
div.share-area a.like{width:106px;}
div.share-area a.bookmark{width:106px;}
div.share-area a.share{width:80px;}
div.share-area a.comment{width:80px;}
div.share-area a em {padding-top: 2px;}
a.like{display:inline-block; position:relative; background:#6a6e71 url(/images/contents.png) no-repeat 12px 15px; width:48px; height:48px;}
a.view{display:inline-block; position:relative; background:#C1326C url(/images/icon-view.png) no-repeat 12px 18px; width:48px; height:48px;}
a.comment{display:inline-block; position:relative; background:#24ABA4 url(/images/icon-comment.png) no-repeat 16px 17px; width:48px; height:48px;}
a.share{display:inline-block; position:relative; background:#845CA4 url(/images/icon-share.png) no-repeat 16px 14px; width:48px; height:48px;}
body.mobile a.like:hover,body.mobile a.like:active,body.mobile a.like:visited{background:#6a6e71 url(/images/contents.png) no-repeat 12px 15px;}
a.like.on{background:#6dd0cd url(/images/contents.png) no-repeat 12px 15px;}
a.like span.count{display:none;}
a.like:hover span.count{display:block; position:absolute; color:#fff; width:48px; height:31px; padding-top:17px; text-align:center; background:url(/images/like_png.png) repeat;}
a.bookmark{display:inline-block; position:relative; background:#6a6e71 url(/images/contents.png) no-repeat 16px -23px; width:48px; height:48px;}
body.mobile a.bookmark:hover,body.mobile a.bookmark:active,body.mobile a.bookmark:visited{background:#6a6e71 url(/images/contents.png) no-repeat 16px -23px;}
a.bookmark.on{background:#f1592a url(/images/contents.png) no-repeat 16px -23px;}
a.bookmark span.count{display:none;}
a.bookmark:hover span.count{display:block; position:absolute; color:#fff; width:48px; height:31px; padding-top:17px; text-align:center; background:url(/images/like_png.png) repeat;}
a.email{display:inline-block; position:relative; width:48px; height:48px; background:#669472 url(/images/contents.png) no-repeat 13px -63px;}
body.mobile a.email:hover,body.mobile a.email:active,body.mobile a.email:visited{background:#669472 url(/images/contents.png) no-repeat 13px -63px;}
a.face{display:inline-block; position:relative; background:#4e6888 url(/images/contents.png) no-repeat 19px -107px; width:48px; height:48px;}
body.mobile a.face:hover,body.mobile a.face:active,body.mobile a.face:visited{background:#4e6888 url(/images/contents.png) no-repeat 19px -107px;}
a.tw{display:inline-block; position:relative; width:48px; height:48px; background:#61abc4 url(/images/contents.png) no-repeat 13px -149px;}
body.mobile a.tw:hover,body.mobile a.tw:active,body.mobile a.tw:visited{background:#61abc4 url(/images/contents.png) no-repeat 13px -149px;}
a.link{display:inline-block; position:relative; width:48px; height:48px; background:#fcb040 url(/images/contents.png) no-repeat 12px -192px;}
body.mobile a.link:hover,body.mobile a.link:active,body.mobile a.link:visited{background:#fcb040 url(/images/contents.png) no-repeat 12px -192px;}

div.url-link-layer{width:490px; height:67px; padding:45px 25px; background:#fff; border-radius:5px; color:#727272; position:absolute; z-index:1001;}
div.url-link-layer p.guide-info{text-align:center; font-size:14px; margin:0 0 13px;}
div.url-link-layer span.input-wrap{display:block; padding:10px; border:1px solid #bbbdbf;}
div.url-link-layer input[type="text"]{width:100%; font-size:12px; color:#727272; border:none;}
div.url-link-layer a.btn-close{display:block; width:25px; height:25px; position:absolute; top:15px; right:15px; background:url(/images/main.png) no-repeat 0 -2293px;}
div.content-ad-layer{position:absolute;width:300px;background:#fff;z-index:10002;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);left: 20px;right: 20px;margin:0 auto;}
div.content-ad-layer a.btn-close{position: absolute; top: -30px; right: -18px; width: 40px; height: 40px; background:url(/images/icon-close.png) no-repeat; background-size: 30px;}

div.ad-layer{padding: 0px 0px !important;}
div.ad-layer a.btn-close{display:block; width:25px; height:25px; position:absolute; top:-34px; right:0px; background:url(/images/main.png) no-repeat 0 -2293px;}
/*div.link-layer{position:absolute; right:-74px; z-index:10; background:url(/images/contents.png) no-repeat right -970px; padding-top:6px;}
div.link-layer-in{background:#000; opacity:0.9; border-top:2px solid #727578; padding:18px 19px 20px; width:256px; -ms-filter: alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);  opacity: .9;}
div.link-layer-in input[type=text]{width:100%; color:#6d6d6d;}
div.link-layer-in a.btn-copy{display:inline-block; margin-top:13px; border:1px solid #939598; border-radius:25px; padding:8px 10px 6px;}
div.link-layer-in a.btn-complete{display:inline-block; margin-top:13px; border:1px solid #939598; border-radius:25px; padding:8px 10px 6px; background:#7b7d7f; color:#fff;}*/

a.move-top{display:inline-block; width:50px; height:24px; padding:26px 0 0; background:url(/images/contents.png) no-repeat 0 -1802px; color:#fff; text-align:center; margin-top:35px !important;}
body.mobile a.move-top:hover,body.mobile a.move-top:visited,body.mobile a.move-top:active{background:url(/images/contents.png) no-repeat 0 -1802px;}

div.userinfo-area{width: 100%; height: 60px; margin-top: 20px; text-align:center; position: relative;}
div.userinfo-area div.img-area{width:45px; height:45px; margin:0 auto; margin-bottom:14px; margin-left:30px; float: left;}
div.userinfo-area div.img-area img.masking{position:absolute; width:45px; height:45px;}
div.userinfo-area div.img-area img.img{width:45px; height:45px;}
p.login-ment{float: left; width: 600px; margin-top: 13px; margin-left: 10px;}
p.login-ment span.tit{display:block; color:#6dd0cd; font-size:18px; font-weight:bold; float: left;}
p.login-ment span.txt{display:block; color:#919191; font-size:13px; margin-left: 10px; margin-top: 5px; float: left;}
p.login-ment span.date{display:block; color:#BBBCBF; font-size:12px; margin-left: 10px; margin-top: 8px; float: left;}

div.shareinfo-area{border-bottom:1px solid #6a6e71; padding:20px 15px;}
ul.share-info{}
ul.share-info li{color:#fff; text-align:right; font-size:17px; padding:5px 0;}
ul.share-info li:last-child{padding:2px 0 5px 0;}
ul.share-info li span{float:left; color:#939598; font-size:12px; display:inline-block; padding-left:30px;}
ul.share-info li span.hits{background:url(/images/contents.png) no-repeat 0 -316px;}
ul.share-info li span.like{background:url(/images/contents.png) no-repeat 0 -347px;}
ul.share-info li span.reply{background:url(/images/contents.png) no-repeat 0 -380px;}
ul.share-info li span.share{background:url(/images/contents.png) no-repeat 0 -406px; padding:6px 0 2px 30px;}

div.snsinfo-area{border-bottom:1px solid #6a6e71; padding:15px 9px;}
ul.sns-list{width:100%; overflow:hidden;}
ul.sns-list li{float:left; margin:0 6px;}
span.ico-face{display:block; width:50px; height:18px; background:url(/images/contents.png) no-repeat 0 -487px;}
span.ico-tw{display:block; width:50px; height:18px; background:url(/images/contents.png) no-repeat 0 -518px;}
span.sns-count{display:block; width:50px; height:25px; padding-top:8px; background:url(/images/contents.png) no-repeat 0 -444px; color:#9197a3; font-size:11px; text-align:center; margin-bottom:5px; font-weight:bold; letter-spacing:-1px;}

div.continfo-area{padding:20px 15px;}
div.continfo-area div.info-box{margin-bottom:30px; word-break:break-all;}
div.continfo-area div.info-box a.btn-pause,div.continfo-area div.info-box a.btn-play{display:block;}
a.btn-pause,body.mobile a.btn-pause:hover,body.mobile a.btn-pause:active,body.mobile a.btn-pause:visited{display:inline-block; color:#fff; background:url(/images/contents.png) no-repeat 0 -547px; padding:4px 0 2px 28px; margin-bottom:5px;}
a.btn-play,body.mobile a.btn-play:hover,body.mobile a.btn-play:active,body.mobile a.btn-play:visited{display:inline-block; color:#fff; background:url(/images/contents.png) no-repeat 0 -1781px; padding:4px 0 1px 28px; margin-bottom:5px;}
span.orgin-tit{display:block; color:#fff; background:url(/images/contents.png) no-repeat 0 -587px; padding:4px 0 4px 28px; margin-bottom:5px;}
div.continfo-area span.des{display:block; font-size:11px; color:#fff; margin-bottom:3px;}
div.continfo-area span.txt{display:block; font-size:11px; color:#999; letter-spacing:-1px;}
div.continfo-area span.txt a{font-size:11px; color:#999;}
a.to-mail,body.mobile a.to-mail:hover,body.mobile a.to-mail:active,body.mobile a.to-mail:visited{display:inline-block; background:url(/images/contents.png) no-repeat 0 -630px; padding:3px 0 5px 25px; color:#939598; margin-top:15px;}

div.cont-banner-ad-area{width:728px; margin: 0 auto 24px;}
div.landing-left-area div.cont-ad-after-comments-area{width:720px;margin:50px auto 25px auto;}
div.landing-left-area ul.content-left-fb-list{width:500px; height:130px; margin:50px auto 24px auto;}

div.cont-widget-area {width: 100%;  max-width: 724px;  margin: 10px auto;}

div.cont-recommend-area{width:100%; margin-bottom: 20px;}
div.cont-recommend-area div.in-area{width:724px; margin:0 auto; position:relative;}
div.cont-recommend-area div.in-area div.recommend-banner{width: 100%; height: 86px; text-align: center; background: #6dd0cd;}
div.cont-recommend-area div.in-area h1{float: left; margin-left:65px; font-size: 36px; color: #efefef; line-height: 86px;}
div.cont-recommend-area h2{color:#fff; font-size:14px;}
div.cont-recommend-area ul.recommend-list{width:100%; overflow:hidden;}
div.cont-recommend-area ul.recommend-list li{width:100%; margin-top: 10px; overflow: hidden; float:left;}
div.cont-recommend-area ul.recommend-list li div.in{width:100%; height: 210px; overflow: hidden;}
div.cont-recommend-area ul.recommend-list li div.in div.thumbnail{width:350px; height: 210px; float: left; overflow: hidden;}
div.cont-recommend-area ul.recommend-list li div.in span.text-area{width:374px;  height:210px; float: left; padding-left: 20px; line-height:150%;box-sizing: border-box; display: flex; vertical-align: middle; border-bottom: 1px solid #000; border-top: 1px solid #000; border-style: dashed;}
div.cont-recommend-area ul.recommend-list li div.in span.text-area span.in-area{overflow: hidden; display: block; margin: auto; line-height: 150%; font-size:22px; color: #595959; font-weight: bold;}
div.cont-recommend-area div.in-area a.btn-reflesh{font-size:12px; color:#6dd0cd; position:absolute; top:39px; right:0;}

div.cont-reply-area{background:#e4e4e4; padding:18px 0 26px;}
div.cont-reply-area div.in-area{width:87.7%; margin:0 auto; position:relative;}
div.cont-reply-area div.img{position:absolute;}
div.cont-reply-area div.img img{border:1px solid #bbbdc0;}
div.cont-reply-area div.reply{background:#fff; margin:0 75px 0 40px; height:86px;}
div.cont-reply-area div.reply div.textarea-box{margin:0 15px 0 10px; padding-top:5px;}
div.cont-reply-area div.reply div.textarea-box textarea{color:#a5a4a4; width:100%; height:50px; border:none; background:#fff;}
div.cont-reply-area div.reply div.textarea-box input[type=text]{color:#a5a4a4; width:100%; height:24px; border:1px solid #e4e4e4; background:#fff; padding:3px 5px;}
body.mobile.safari div.cont-reply-area div.reply div.textarea-box input[type=text]{border:none; padding:4px 5px;}
div.cont-reply-area div.reply p.character{text-align:right; margin:0 15px; border-top:1px solid #e4e4e4; padding:4px 0; color:#a5a4a4;}
div.cont-reply-area div.reply p.character span{color:#6dd0cd;}
div.cont-reply-area a.btn-reply{position:absolute; top:0; right:0; display:inline-block; background:#6dd0cd; color:#fff; letter-spacing:-1px; padding:36px 14px; height:14px;}

div.loading-more-area{width: 100%;}
div.loading-more-area div.user-area{width: 57px; height: 57px; margin: auto;}
div.loading-more-area div.user-area img.masking{width: 57px; height: 57px; position: absolute;}
div.loading-more-area div.user-area img.img{width: 37px; height: 37px; margin: 10px;}
div.loading-more-area span.text-area{width:100%; height:68px; background:#6dd0cd; font-size:17px; color:#fff; margin-top:-38px; float: left;}
div.loading-more-area span.text-area span.in-area{margin-top: 40px; margin-left: 312px; display: inline-block;}

div.landing-footer {width: 100%; height: 210px; background:#6dd0cd; text-align: center;}
div.landing-footer ul.piki-contactus{float:left; width: 100%; margin-top: 78px; margin-bottom: 0px;}
div.landing-footer ul.piki-contactus li{list-style-type: none; display: inline; margin:0; padding: 0 7px;}
div.landing-footer ul.piki-contactus li:last-child{border-right: none; padding: 0; margin-bottom: 2px;}
div.landing-footer ul.piki-contactus li:nth-child(8){border-right: none;}
div.landing-footer ul.piki-contactus li:first-child{border-right: none; padding: 0;}
div.landing-footer ul.piki-contactus li a{display:inline-block; font-size:12px; color: #ffffff;}
div.landing-footer ul.piki-contactus li img{margin-bottom: 2px;}
div.landing-footer div.piki-inc{margin-top: 19px;}
div.landing-footer div.piki-inc p{font-size: 12px; color: #fff; margin-top: 0px;}

div.piki-law-info {font-size: 16px; color: #fff}


div.m-sns-info{display:none;}

div.reply-list-area{padding:0;}
div.reply-list-area ul.reply-list{width:87.7%; margin:0 auto;}
div.reply-list-area ul.reply-list li{/*padding:8px 0 0;*/ position:relative;}
div.reply-list-area ul.reply-list li div.cont-reply-area div.in-area{width:100%;}
div.reply-list-area ul.reply-list li div.reply-in-reply{padding:7px 30px 10px 40px; background:#f4f6f8; position:relative;}

div.reply-infobox{border-bottom:1px solid #ebe7e8; overflow:hidden; padding:18px 0;}
div.reply-infobox div.img{float:left; margin-right:17px;}
div.reply-infobox div.img img{border:1px solid #bbbdc0;}
div.reply-infobox div.reply-info{float:left; width:81.3%;}

div.reply-list-area ul.reply-list div.reply-in-reply ul.reply-list{width:100%; border-bottom:1px solid #ebe7e8; padding-bottom:10px;}

div.reply-info span.nick{color:#606161; font-weight:bold; font-size:14px;}
div.reply-info span.best{background:url(/images/contents.png) no-repeat 0 -1480px; padding:0 0 4px 40px;}
div.reply-info div.infotext-area{padding:4px 0 0;}
div.reply-info div.reply-info2{margin-top:12px;}
div.reply-info span.time{display:block; color:#c5c5c5; padding-left:15px; margin-top:4px; background:url(/images/icon.png) no-repeat 0 -133px;}
div.reply-info a.reply-like{display:inline-block; margin-right:40px; color:#999; padding-left:18px; background:url(/images/icon.png) no-repeat 0 -57px;}
div.reply-info a.reply-like:hover,div.reply-info a.reply-like.on{background:url(/images/icon.png) no-repeat 0 -85px; color:#6dd0cd;}
div.reply-info a.reply{display:inline-block; color:#999; padding-left:14px; background:url(/images/icon.png) no-repeat 0 -110px;}
div.reply-info span.card{display:inline-block; position:absolute; right:0; bottom:20px; color:#999; padding-left:18px; background:url(/images/icon.png) no-repeat 4px -35px;}

div.reply-in-reply{}
div.reply-in-reply ul.reply-list li div.reply-infobox{border-bottom:none; padding:12px 0 7px 0;}
div.reply-in-reply div.cont-btn-more{margin-top:0; padding:14px 0 0;}
div.reply-in-reply div.infotext-area{padding-bottom:0;}
div.reply-in-reply div.cont-reply-area div.reply{height:auto;}
div.reply-in-reply div.cont-reply-area{background:none; padding:18px 0;}
div.reply-in-reply div.cont-reply-area div.reply div.textarea-box{padding-top:0; margin:0 23px 0 0;}
div.reply-in-reply div.cont-reply-area div.reply div.textarea-box textarea{border:1px solid #e4e4e4; height:25px;}
div.reply-in-reply div.cont-reply-area a.btn-reply{background:#e4e4e4; color:#747474; padding:8px 15px; height:16px;}
div.reply-list-area ul.reply-list li div.reply-in-reply ul.reply-list li{}
/*div.reply-list-area ul.reply-list li div.reply-in-reply ul.reply-list li:first-child{border-top:none;}*/
div.reply-list-area ul.reply-list li div.cont-reply-area{padding:18px 0;}

a.reply-del{position:absolute; right:0; top:15px; width:14px; height:14px; background:url(/images/icon.png) no-repeat 0 -302px;}
body.mobile a.reply-del:hover,body.mobile a.reply-del:active,body.mobile a.reply-del:visited{background:url(/images/icon.png) no-repeat 0 -302px;}

/*cardview*/
div.card-container{position:absolute; width:100%; height:100%; overflow-y:scroll; z-index:1001;}
div.card-cont{position:relative; margin:12% auto 0; max-width:1106px;}
div.card-wrap{max-width:1105px; margin:0 50px 0 58px; position:relative; background:#000;}
div.card-wrap:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
div.card-wrap div.left-area{float:left; width:61.5%;}
div.card-wrap div.left-area div.inarea{padding:7px 12px 14px 14px;}
div.card-wrap div.left-area div.inarea div.play-area{position:absolute; z-index:1; top:0; left:0; width:61.5%; padding:8px 0 0 0; height:22px; overflow:hidden;}
div.card-wrap div.left-area div.inarea div.play-area a.btn-play,div.card-wrap div.left-area div.inarea div.play-area a.btn-pause{margin-left:10px;}
div.card-wrap div.right-area{float:left; width:38.5%; background:#fff;}
div.card-container div.total-share-area{width:50px; position:absolute; top:30%; z-index:10; margin-top:-32px; margin-left:0;}
div.card-wrap div.reply-list-area ul.reply-list div.reply-in-reply ul.reply-list{border-bottom:1px solid #e6e7e8;}
div.card-wrap div.cont-btn-more{margin:15px 0;}
div.card-wrap div.reply-in-reply div.cont-reply-area div.reply div.textarea-box{/*margin:0 27px 0 0;*/ margin:0;}

div.card-wrap div.slide-area{width:585px; height:572px; overflow:hidden;}
div.card-wrap div.slide-area div.slide-img{padding:0 45px; vertical-align:middle; position:relative;}
div.card-wrap div.slide-area div.slide-img div.img-area{height:488px;}
div.card-wrap div.slide-area div.slide-img div.img-area div.img-inarea{width:100%; height:100%; overflow:hidden;}
div.card-wrap div.slide-area div.slide-img div.img-area div.img-inarea img{height:100%;}
body.mobile div.card-wrap div.slide-area div.slide-img div.img-area div.img-inarea.m-scroll{overflow-y:auto; overflow:auto;}
div.card-wrap div.slide-area div.slide-bar-area{background:#7f7f7f; margin:0 45px; padding:15px 25px;}
div.card-wrap div.slide-area div.slide-bar{float:none; clear:both; margin:0; padding:0; width:auto;}
div.card-wrap div.slide-area a.cartoon-prev{width:14px; height:40px; background:url(/images/cartoon.png) no-repeat 9px -40px; margin-top:-32px; margin-left:70px; left:0;}
div.card-wrap div.slide-area a.cartoon-next{width:14px; height:40px; background:url(/images/cartoon.png) no-repeat -134px -48px; margin-top:-32px; margin-right:59px; right:0;}

div.card-tit-area{padding:17px 15px 15px 15px;}
div.card-tit-area h1{font-size:16px; margin-right:35px; height:45px; display:block; overflow:hidden; text-overflow:ellipsis; display: -webkit-box;
 -webkit-line-clamp: 2; /* 라인수 */
 -webkit-box-orient: vertical;
  word-wrap:break-word;
}
body.msie8 div.card-tit-area h1{height:32px;}
div.card-tit-area div.des-area{margin-top:10px;}
div.card-tit-area div.des-area a.edit{color:#6dd0cd; font-weight:bold; display:inline-block; margin-left:10px;}
div.card-tit-area div.des-area span.date{color:#bbbdc0; letter-spacing:-1px;}
div.card-tit-area a.series-icon{top:13px; right:13px; width:25px; height:25px; background:url(/images/cartoon.png) no-repeat -29px -120px;}

div.play-area span.bgm-tit{margin-left:5px;}

div.card-contents{/*position:relative;*/ display:table; width:100%; height:100%;}
div.card-contents-area{display:table-cell; vertical-align:middle; width:100%;}
div.card-contents-area p.copy{position:absolute; right:38.5%; bottom:16px; margin-right:15px;}
div.card-contents-area div.txt-scroll{overflow-y:auto; color:#fff; font-size:15px;}
div.card-contents-area div.txt-scroll div.inarea{padding:17px 48px; text-align:left; line-height:135%;}
div.card-contents-area div.card-img{display:table; width:100%;}
div.card-contents-area div.card-img div.txt-scroll{margin:0 0 30px; display:table-row;}
div.card-contents-area div.card-img div.txt-scroll div.inarea{overflow-y:auto;}
div.card-contents-area div.card-img div.img{text-align:center; display:table-cell; padding:0 45px 0 45px; vertical-align:middle;}
div.card-contents-area div.card-img div.img img{width:100%;}
div.card-contents-area div.card-movie{display:table; text-align:center; width:100%;}
div.card-contents-area div.card-movie div.txt-scroll{margin:0 0 30px; height:auto; display:table-row;}
div.card-contents-area div.card-movie div.movie{position:relative; display:table-cell; vertical-align:middle; padding:0 45px;}
div.card-contents-area div.card-movie div.movie img{width:100%;}
div.card-contents-area div.card-movie div.movie span.movie-in{display:inline-block; position:relative;}
div.card-contents-area div.card-text{margin:0 45px 0 47px; }
div.card-contents-area div.card-text div.txt-scroll{margin:0; height:375px;}
div.card-contents-area div.card-text div.txt-scroll div.inarea{margin:40px 0;}
div.card-contents-area div.card-sns{position:absolute; left:8px; bottom:6px;}
div.card-contents-area div.card-sns div.link-layer{right:-223px; background:url(/images/contents.png) no-repeat 47px -970px;}
div.card-contents-area div.card-sns div.link-layer div.link-layer-in{text-align:center;}
div.card-contents-area div.card-sns div.link-layer div.link-layer-in a.btn-copy{width:auto; height:auto;}
div.card-contents-area div.card-sns div.link-layer div.link-layer-in a.btn-complete{width:auto; height:auto;}
div.card-contents-area div.corp-area{width:258px; height:344px; margin:105px auto 0;}
div.card-contents-area div.corp-area div.corp-img{float:none; width:auto; margin:0;}
div.card-contents-area div.corp-area div.corp-img img{width:254px; height:198px;}
div.card-contents-area div.corp-area div.corp-info{float:none; width:auto; height:132px; padding:12px 16px 0 16px;}
div.card-contents-area div.corp-area div.corp-info div.tit{margin:0;}

div.page-navi-area{position:relative; border-top:1px solid #e6e7e8; border-bottom:1px solid #e6e7e8; padding:5px 17px;}
span.page-navi{color:#a4a5a8; background:url(/images/icon.png) no-repeat 3px -35px; padding:0 0 0 16px;}
div.page-navi-area div.ico-reply{position:absolute; top:6px; right:13px;}

div.ico-reply{background:url(/images/contents.png) no-repeat 0 -248px; padding:0 0 9px;}
div.ico-reply a{color:#7d7d7d; padding:0 0 0 20px;}

div.card-wrap ul.reply-list{width:auto;}
div.card-wrap div.reply-infobox{padding:15px;}
div.card-wrap div.reply-infobox div.reply-info a.reply-del{top:13px; right:13px;}
div.card-wrap div.reply-in-reply ul.reply-list li div.reply-infobox a.reply-del{top:0; right:-7px;}

div.card-wrap div.reply-in-reply div.cont-btn-more{margin:0; padding:15px 0 0; margin:0;}
div.card-wrap div.reply-in-reply div.cont-btn-more a{font-size:12px; background-position:0 -1534px; padding-left:15px;}
div.card-wrap div.reply-in-reply div.cont-reply-area{padding:0 10px 10px 23px;}
div.card-wrap div.reply-in-reply ul.reply-list li div.reply-infobox{border-bottom:none; padding:0 0 13px;}
div.card-wrap div.reply-in-reply div.cont-reply-area{border-bottom:none;}

div.card-wrap div.reply-list-area ul.reply-list li div.cont-reply-area div.in-area{width:auto; margin:0; padding:0;}
div.card-wrap div.cont-reply-area div.reply{margin:0 66px 0 35px; height:30px;}
div.card-wrap div.cont-reply-area div.reply div.textarea-box textarea{height:24px;}
div.card-wrap div.reply-list-area ul.reply-list li div.reply-in-reply ul.reply-list li{border-bottom:none;}
div.card-wrap div.reply-list-area ul.reply-list li div.reply-in-reply ul.reply-list li p.no-data{padding:5px 0 20px;}
div.card-wrap div.reply-list-area ul.reply-list li div.cont-reply-area{padding:15px 0 0;;}

div.card-wrap div.reply-fixed div.cont-reply-area div.reply div.textarea-box textarea{height:19px;}
div.card-wrap div.reply-fixed div.cont-reply-area div.reply div.textarea-box input[type="text"]{color:#a5a4a4; width:100%; height:24px; background:#fff; padding:3px 5px 4px;}

div.card-wrap div.cont-reply-area{padding:0;}
div.card-wrap div.cont-reply-area div.in-area{width:auto; padding:6px 6px 8px 6px;}
div.card-wrap div.cont-reply-area a.btn-reply{padding:8px 14px; top:7px; right:6px; height:15px;}
div.card-wrap div.reply-in-reply div.cont-reply-area a.btn-reply{top:0; right:0;}

div.card-wrap div.reply-list-area ul.reply-list li div.reply-in-reply{padding:15px 20px 17px 30px; background:#f4f6f8; position:relative; margin-top:-1px;}

div.card-wrap div.reply-info span.time{background:none; padding:0; margin:2px 0 0; display:block;}
div.card-wrap div.reply-info div.reply-info2{margin-top:6px;}

div.card-sns a{width:30px; height:30px;}
div.card-sns a.email{background:url(/images/icon.png) no-repeat 0 0;}
div.card-sns a.face{background:url(/images/icon.png) no-repeat -30px 0;}
div.card-sns a.tw{background:url(/images/icon.png) no-repeat -60px 0;}
div.card-sns a.link{background:url(/images/icon.png) no-repeat -90px 0;}

div.reply-scroll{height:431px; overflow-y:auto;}

div.card-contents a.prev{position:absolute; top:50%; left:15px; margin-top:-36px; display:inline-block; width:36px; height:36px; background:url(/images/contents.png) no-repeat 0 -1736px;}
div.card-contents a.next{position:absolute; top:50%; right:38.5%; margin-top:-36px; margin-right:10px; display:inline-block; width:36px; height:36px; background:url(/images/contents.png) no-repeat -70px -1736px;}

a.layer-close{display:inline-block; width:20px; height:20px; background:url(/images/contents.png) no-repeat 0 -659px; position:absolute; top:15px; right:15px;}
body.mobile div.continfo-area a.layer-close:hover,body.mobile div.continfo-area a.layer-close:active,body.mobile div.continfo-area a.layer-close:visited{display:inline-block; width:20px; height:20px; background:url(/images/contents.png) no-repeat 0 -659px; position:absolute; top:15px; right:15px;}
a.layer-close.type2{top:57px; right:8px;}
div.card-wrap a.layer-close{top:-30px;}

div.card-wrap div.reply-fixed div.reply div.textarea-box{padding-top:0; margin:0;}

body.mobile.safari div.card-wrap div.cont-reply-area div.reply{margin:0 40px 0 35px; height:31px;}
body.mobile.safari div.card-wrap div.reply-fixed div.reply div.textarea-box{height:33px;}
body.mobile.safari div.card-wrap div.reply-fixed div.cont-reply-area div.reply div.textarea-box input[type="text"]{padding:3px 5px 2px; margin:0;}
body.mobile.safari div.card-wrap div.cont-reply-area a.btn-reply{top:6px;}

p.no-data{text-align:center; padding:20px 0; font-size:13px;}

/*mypage*/
body.mypage div.contents div.left-area,body.userpage div.contents div.left-area{top:227px;}
body.mypage div.contents div.left-area div.login-info,body.userpage div.contents div.left-area div.login-info{display:none;}
div.top-info-area{background:#fff; border:1px solid #e6e7e8; margin:8px 0; padding:13px 35px; width:1208px; position:relative;}
body.msie7 div.top-info-area,body.msie8 div.top-info-area{margin:10px 0;}
div.top-info-area:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
div.top-info-area div.my-info{width:74.6%; float:left; padding:15px 0 0 0; position:relative;}
div.top-info-area div.my-info div.img{position:relative; float:left; margin-right:25px;}
div.top-info-area div.my-info div.img img.img{width:100px; height:100px;}
div.top-info-area div.my-info.no-sns{width:100%; padding:16px 0 18px 0;}
div.top-info-area div.my-info.no-sns div.txt-info{width:89%;}
div.top-info-fixed{position:fixed; z-index:10; background:#ffffff; width:100%;}
div.top-info-area.myprofile{padding:13px 35px 30px; position:relative;}
div.top-info-area.myprofile div.my-info{width:100%;}
div.top-info-area.myprofile div.my-info div.txt-info{width:89%;}
div.top-info-area div.my-info div.txt-info{float:left; width:85%; position:relative; height:89px; padding:6px 0 3px;}
div.top-info-area div.my-info div.txt-info span.tit{display:block; color:#6dd0cd; font-size:18px; height:23px; overflow:hidden; font-weight:bold; margin-bottom:3px;}
div.top-info-area div.my-info div.txt-info span.txt{display:block; color:#9f9f9f; font-size:14px; font-weight:bold; width:71%; height:18px; white-space:nowrap; overflow:hidden;}
div.top-info-area div.my-info div.txt-info span.txt input[type="text"]{color:#9f9f9f; font-size:14px; font-weight:bold; width:71%;}
div.top-info-area div.my-info div.txt-info div.myinfo-btn-area{position:absolute; bottom:0; width:100%;}
div.top-info-area div.my-info div.txt-info span.btn-sns{display:inline-block; float:left;}
div.top-info-area div.my-info div.txt-info span.btn-sns a{display:inline-block; width:23px; height:23px;}
div.top-info-area div.my-info div.txt-info span.btn-sns a.face{background:url(/images/main.png) no-repeat -33px -527px;}
div.top-info-area div.my-info div.txt-info span.btn-sns a.tw{background:url(/images/main.png) no-repeat -61px -527px;}
div.top-info-area div.my-info div.txt-info span.btn-sns a.link{background:url(/images/main.png) no-repeat -89px -527px;}
div.top-info-area div.my-info div.txt-info span.btn-sns a.sns{background:url(/images/main.png) no-repeat 0 -527px;}
div.top-info-area a.edit-profile{display:inline-block; float:right; padding:2px 0 3px 23px; font-size:14px; color:#939393; background:url(/images/main.png) no-repeat 0 -677px; margin-right:20px;}
div.top-info-area a.btn-apply{position:absolute; right:10px; bottom:-4px; width:98px; height:24px; font-size:13px; padding:8px 0 0 0;}
div.top-info-area a.btn-ing{position:absolute; right:10px; bottom:-4px; width:98px; height:24px; font-size:13px; padding:8px 0 0 0;}
div.top-info-area div.series-info a.btn-apply{position:inherit; width:66px; height:19px; font-size:12px; padding:5px 0 0; margin:-10px 0 0;}
div.top-info-area div.series-info a.btn-ing{position:inherit; width:66px; height:19px; font-size:12px; padding:5px 0 0; margin:-10px 0 0;}
div.top-info-area div.my-share{width:25.4%; float:right; border-left:1px solid #e6e7e8; box-sizing:border-box;}
div.top-info-area div.my-share div.inarea{padding:10px 0 10px 35px;}
ul.user-list li{text-align:right; color:#7a7b7c; font-size:16px; margin:15px 0; letter-spacing:-1px; font-weight:bold;}
ul.user-list li span{float:left; display:inline-block; color:#bbbdc0; font-size:12px; font-weight:normal;}
ul.user-list li span.subscript{background:url(/images/main.png) no-repeat 0 -567px; padding:2px 0 1px 33px;}
ul.user-list li span.like{background:url(/images/main.png) no-repeat 0 -604px; padding:1px 0 0 33px;}
ul.user-list li span.sns{background:url(/images/main.png) no-repeat 0 -639px; padding:4px 0 3px 33px;}
div.top-info-area a.mobile-myinfo{display:none;}

div.fixed-area{position:fixed; top:227px; width:988px; /*padding-bottom:8px;*/ background:#f1f1f2; z-index:10;}
div.tab-area{background:#fff; border:1px solid #e6e7e8; padding:0 118px; position:relative;}
div.tab-area ul.in-list{}
div.tab-area ul.in-list:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
div.tab-area ul.in-list li{float:left; text-align:center;}
div.tab-area ul.in-list li a{display:block; font-size:14px; color:#919396; padding:20px 0 18px; font-weight:bold;}
div.tab-area ul.in-list li.on a{border-bottom:2px solid #6dd0cd; color:#6dd0cd;}
div.tab-area ul.in-list.type1 li{width:100%;}
div.tab-area ul.in-list.type2 li{width:50%;}
div.tab-area ul.in-list.type3 li{width:33.3%;}
div.tab-area ul.in-list.type4 li{width:25%;}

div.subtab-area{border-bottom:1px solid #d1d2d4; width:100%; padding-top:50px;}
div.subtab-area ul.in-list{}
div.subtab-area ul.in-list:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
div.subtab-area ul.in-list li{float:left;}
div.subtab-area ul.in-list li a{font-size:16px; color:#939598; letter-spacing:-1px; font-weight:bold; display:inline-block; padding:0 10px; border-left:1px solid #919396;}
div.subtab-area ul.in-list li:first-child a{border-left:none;}
div.subtab-area ul.in-list li.on a{color:#6dd0cd;}
div.subtab-area ul.sub-list{width:100%; overflow:hidden; position:absolute; top:56px; left:0; background:#ffffff; border-top:1px solid #e6e7e8; border-bottom:1px solid #e6e7e8; border-left:1px solid #f1f1f2; border-right:1px solid #f1f1f2; margin:0 -1px;}
body.mac div.subtab-area ul.sub-list{top:57px;}
div.tab-area ul.in-list.type4 li div.subtab-area ul.sub-list li,div.tab-area ul.in-list.type3 li div.subtab-area ul.sub-list li,div.tab-area ul.in-list.type2 li div.subtab-area ul.sub-list li{width:auto; position:relative;}
div.subtab-area ul.sub-list li a{color:#939598 !important; border-bottom:none !important; padding:20px 10px 14px;}
div.subtab-area ul.sub-list li.on a{color:#6dd0cd !important;}
div.subtab-area ul.sub-list li:before{content:""; position:absolute; width:1px; height:19px; background:#919396; top:19px; left:0;}
div.subtab-area ul.sub-list li:first-child:before{display:none;}

/*scription*/
ul.scription-info li{padding:15px 8px 15px 15px; border-bottom:1px solid #d1d2d4;}
ul.scription-info li:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
div.scription-info{padding:15px 8px 15px 15px; border-bottom:1px solid #d1d2d4;}
div.scription-info:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}

div.scription-info-area{float:left; width:39.8%; padding:10px 0;}
div.scription-info-area div.img{float:left; margin-right:10px;}
div.scription-info-area div.img img.img{width:80px; height:80px;}
div.scription-info-area div.txt{float:left; width:65%; padding:2px 0 0;}
div.scription-info-area div.txt span.tit{display:block; color:#6dd0cd; font-size:16px; height:19px; overflow:hidden;}
div.scription-info-area div.txt span.tit a{color:#6dd0cd;}
div.scription-info-area div.txt span.sub{display:block; color:#58595b; font-size:12px; margin:7px 0 10px; height:15px; overflow:hidden;}
div.scription-info-area div.txt span.info{display:block; height:27px;}
div.scription-info-area div.txt span.info span.story-count{display:inline-block; font-size:14px; color:#919396; margin:0 0 0 8px; vertical-align:-2px;}
div.scription-info-area div.txt span.info span.story-count em{font-weight:bold;}

.scription-info div.scription-list{float:right; width:565px; position:relative;}
.scription-info div.scription-list a.prev{display:inline-block; position:absolute; left:0; top:0; width:24px; height:100px; background:url(/images/main.png) no-repeat 6px -751px;}
.scription-info div.scription-list a.next{display:inline-block; position:absolute; right:0; top:0; width:24px; height:100px; background:url(/images/main.png) no-repeat -55px -751px;}
.scription-info div.scription-list a.prev:hover{background:#c3e8fa url(/images/main.png) no-repeat -120px -751px;}
.scription-info div.scription-list a.next:hover{background:#c3e8fa url(/images/main.png) no-repeat -186px -751px;}
.scription-info div.scription-list a.prev:active{background:#fff url(/images/main.png) no-repeat 6px -751px;}
.scription-info div.scription-list a.next:active{background:#fff url(/images/main.png) no-repeat -55px -751px;}
.scription-info div.scription-list div.scroll-area{margin:0 24px;}
.scription-info div.scription-list ul.rolling-list{height:100px; overflow:hidden; width:504px; margin:0;}
.scription-info div.scription-list ul.rolling-list li{padding:0; border:none; float:left; margin:0; text-align:center;}
.scription-info div.scription-list ul.rolling-list li a div {width:164px; height:100px; overflow:hidden; margin:0 auto;} /*script - 2015.01.26*/
.scription-info div.scription-list ul.rolling-list li a div img {width:100%; height:auto;} /*script - 2015.01.26*/
.scription-info div.scription-list ul.rolling-list li a.all_view{display:inline-block; width:164px; height:71px; padding:29px 0 0; background:#c5c5c5; text-align:center;}
.scription-info div.scription-list ul.rolling-list li a.all_view span.btn{display:inline-block; color:#fff; font-size:16px; background:url(/images/main.png) no-repeat 20px -716px; padding:27px 0 0;}

div.thumnail-layer{width:240px; box-shadow:0 6px 12px rgba(0,0,0,.175); position:absolute; z-index:9999;} /*script - 2015.01.27*/
div.thumnail-layer img.img{width:240px; height:147px;}
div.thumnail-layer span.txt{display:block; padding:7px 10px; border:1px solid #e6e7e8; overflow:hidden;}
div.thumnail-layer span.text{display:block; float:left; width:154px; border-right:1px solid #e6e7e8; padding:3px 0;}
div.thumnail-layer span.sns-info{display:block; float:left; width:50px; padding:4px 0 4px 10px;}
div.thumnail-layer span.sns-info span.like{background:url(/images/main.png) no-repeat -99px -375px; margin-bottom:4px;}
div.thumnail-layer span.sns-info span.reply{background:url(/images/main.png) no-repeat -99px -402px;}

ul.scriptor-list{}
ul.scriptor-list:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
ul.scriptor-list li{width:33.3%; float:left; border-bottom:1px solid #d1d2d4; padding:10px 0;}
ul.scriptor-list li:first-child{width:33.4%;}
ul.scriptor-list li:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
ul.scriptor-list div.scription-info-area{width:100%;}
ul.scriptor-list div.scription-info-area div.img{margin-left:15px;}
ul.scriptor-list div.scription-info-area div.txt{width:64%;}

.btn-apply{display:inline-block; border-radius:30px; border:1px solid #6dd0cd; color:#6dd0cd;  text-align:center; width:66px; height:19px; font-size:12px; padding:5px 0 0; letter-spacing:-1px;}
.btn-apply:hover{background:#6dd0cd; color:#fff;}
body.mobile .btn-apply{color:#6dd0cd;}
body.mobile .btn-apply:hover,body.mobile .btn-apply:active,body.mobile .btn-apply:visited{background:#6dd0cd; color:#fff; border:1px solid #6dd0cd;}
.btn-ing{display:inline-block; border-radius:30px; border:1px solid #6dd0cd; color:#fff;  text-align:center; width:66px; height:19px; font-size:12px; padding:5px 0 0; letter-spacing:-1px; background:#6dd0cd;}
body.mobile .btn-ing:hover,body.mobile .btn-ing:active,body.mobile .btn-ing:visited{border:1px solid #6dd0cd; background:#6dd0cd;}

ul.scriptor-list div.scription-info-area div.txt span.info span.story-count{display:none;}

/* keep */
div.btn-album-area{text-align:right; padding:15px 64px 0 0; width:925px;}
div.btn-album-area a.btn-album-make{
    display:inline-block; border-radius:5px; border:1px solid #a6a8ab; color:#58595b;  padding:6px 20px; letter-spacing:-1px; font-size:13px; font-weight:bold;
    background: -webkit-linear-gradient(#f0f0f1, #e0e0e2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f0f0f1, #e0e0e2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f0f0f1, #e0e0e2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f0f0f1, #e0e0e2); /* Standard syntax */
}
div.btn-album-area a.btn-album-edit{display:none;}
ul.album-list:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
ul.album-list li{width:25%; float:left; text-align:center; margin-bottom:40px; position:relative; height:236px;}
ul.album-list li div.img{width:100%; border-bottom:1px solid #d0d2d3; font-size:0; line-height:0;  position:relative;}
ul.album-list li div.img a{display:inline-block; width:120px; height:190px; margin:0 auto; position:relative;}
ul.album-list li div.img a span.link{position:absolute; top:0; right:0; display:inline-block; width:22px; height:22px;}
ul.album-list li div.img a:hover span.link{background:url(/images/main.png) no-repeat -29px -891px;}
ul.album-list li div.img a:active span.link{background:url(/images/main.png) no-repeat 0 -891px;}
ul.album-list li div.img img.img{width:120px; height:190px;}
ul.album-list li a.select-mark{display:inline-block; width:45px; height:45px; background:url(/images/main.png) no-repeat -70px -38px; position:absolute; top:50%; left:50%; margin-left:-20px; margin-top:-45px; z-index:100;}
ul.album-list li div.img div.modal-bg{opacity:0.6; -ms-filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);  opacity: .6;}
ul.album-list li div.info{}
ul.album-list li div.info span.tit{display:block; font-size:16px; color:#000; margin:7px 0 4px;}
ul.album-list li div.info span.count{display:block; font-size:14px; color:#919396;}
ul.album-list li div.link-layer{top:20px; right:-20px; display:none;}
ul.album-list li div.link-layer div.link-layer-in{width:215px;}
ul.album-list li div.link-layer a{width:auto; height:auto; margin:0;}
ul.album-list li div.link-layer a.btn-copy{font-size:12px; line-height:14px;}
ul.album-list li div.link-layer a.btn-complete{font-size:12px; line-height:14px;}
a.btn-type,body.mobile a.btn-type:hover,body.mobile a.btn-type:visited,body.mobile a.btn-type:active{
        display:inline-block; border-radius:5px; border:1px solid #a6a8ab; color:#58595b;  padding:6px 17px; letter-spacing:-1px; font-size:13px; font-weight:bold;
        background: -webkit-linear-gradient(#f0f0f1, #e0e0e2); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#f0f0f1, #e0e0e2); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#f0f0f1, #e0e0e2); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#f0f0f1, #e0e0e2); /* Standard syntax */
}
a.btn-move,body.mobile a.btn-move:hover,body.mobile a.btn-move:visited,body.mobile a.btn-move:active{
        display:inline-block; border-radius:5px; border:1px solid #a6a8ab; color:#58595b;  padding:6px 17px; letter-spacing:-1px; font-size:13px; font-weight:bold;
        background: -webkit-linear-gradient(#f0f0f1, #e0e0e2); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#f0f0f1, #e0e0e2); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#f0f0f1, #e0e0e2); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#f0f0f1, #e0e0e2); /* Standard syntax */
}
a.btn-del,body.mobile a.btn-del:hover,body.mobile a.btn-del:visited,body.mobile a.btn-del:active{
        display:inline-block; border-radius:5px; border:1px solid #a6a8ab; color:#58595b;  padding:6px 17px; letter-spacing:-1px; font-size:13px; font-weight:bold;
        background: -webkit-linear-gradient(#f0f0f1, #e0e0e2); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#f0f0f1, #e0e0e2); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#f0f0f1, #e0e0e2); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#f0f0f1, #e0e0e2); /* Standard syntax */
}
a.btn-type:hover,a.btn-move:hover,a.btn-del:hover{
        border:1px solid #6dd0cd; color:#fff;
        background: -webkit-linear-gradient(#6dd0cd, #6dd0cd); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#6dd0cd, #6dd0cd); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#6dd0cd, #6dd0cd); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#6dd0cd, #6dd0cd); /* Standard syntax */
}
body.msie7 a.btn-type:hover,body.msie7 a.btn-move:hover,body.msie7 a.btn-del:hover{background:#6dd0cd; color:#fff;}
body.msie8 a.btn-type:hover,body.msie8 a.btn-move:hover,body.msie8 a.btn-del:hover{background:#6dd0cd; color:#fff;}
body.msie9 a.btn-type:hover,body.msie9 a.btn-move:hover,body.msie9 a.btn-del:hover{background:#6dd0cd; color:#fff;}
a.btn-type:active,a.btn-move:active,a.btn-del:active{
        border:1px solid #6dd0cd; color:#fff;
        background: -webkit-linear-gradient(#6dd0cd, #6dd0cd); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#6dd0cd, #6dd0cd); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#6dd0cd, #6dd0cd); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#6dd0cd, #6dd0cd); /* Standard syntax */
}
body.msie7 a.btn-type:active,body.msie7 a.btn-move:active,body.msie7 a.btn-del:active{background:#6dd0cd; color:#fff;}
body.msie8 a.btn-type:active,body.msie8 a.btn-move:active,body.msie8 a.btn-del:active{background:#6dd0cd; color:#fff;}
body.msie9 a.btn-type:active,body.msie9 a.btn-move:active,body.msie9 a.btn-del:active{background:#6dd0cd; color:#fff;}

a.btn-move span{display:inline-block; background:url(/images/main.png) no-repeat 0 -977px; padding:0 0 0 15px;}
a.btn-move:hover span,a.btn-move:active span{color:#fff; background-position:0 -1016px;}
a.btn-del span{display:inline-block; background:url(/images/main.png) no-repeat 0 -1059px; padding:0 0 0 15px;}
a.btn-del:hover span,a.btn-del:active span{color:#fff; background-position:0 -1102px;}
a.btn-wmove{display:inline-block; padding:10px 0; width:100%;}
a.btn-wmove span{display:inline-block; background:url(/images/main.png) no-repeat 0 -1018px; padding:0 0 0 15px;}
a.btn-wdel{display:inline-block; padding:10px 0; width:100%;}
a.btn-wdel span{display:inline-block; background:url(/images/main.png) no-repeat 0 -1103px; padding:0 0 0 15px;}

a.btn-type2,body.mobile a.btn-type2:hover,body.mobile a.btn-type2:visited,body.mobile a.btn-type2:active{
        display:inline-block; border-radius:5px; border:1px solid #6dd0cd; color:#fff;  padding:6px 24px; letter-spacing:-1px;
        background: -webkit-linear-gradient(#6dd0cd, #6dd0cd); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#6dd0cd, #6dd0cd); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#6dd0cd, #6dd0cd); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#6dd0cd, #6dd0cd); /* Standard syntax */
}
body.msie7 a.btn-type2,body.msie7 a.btn-type4{background:#6dd0cd; color:#fff;}
body.msie8 a.btn-type2,body.msie8 a.btn-type4{background:#6dd0cd; color:#fff;}
body.msie9 a.btn-type2,body.msie9 a.btn-type4{background:#6dd0cd; color:#fff;}

a.btn-type3,body.mobile a.btn-type3:hover,body.mobile a.btn-type3:visited,body.mobile a.btn-type3:active{
        display:inline-block; border-radius:3px; border:1px solid #a6a8ab; color:#58595b;  padding:6px 24px; letter-spacing:-1px; font-size:13px;
        background: -webkit-linear-gradient(#f0f0f1, #e0e0e2); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#f0f0f1, #e0e0e2); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#f0f0f1, #e0e0e2); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#f0f0f1, #e0e0e2); /* Standard syntax */
}
a.btn-type4,body.mobile a.btn-type4:hover,body.mobile a.btn-type4:visited,body.mobile a.btn-type4:active{
        display:inline-block; border-radius:3px; border:1px solid #6dd0cd; color:#fff;  padding:6px 24px; letter-spacing:-1px; font-size:13px;
        background: -webkit-linear-gradient(#6dd0cd, #6dd0cd); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#6dd0cd, #6dd0cd); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#6dd0cd, #6dd0cd); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#6dd0cd, #6dd0cd); /* Standard syntax */
}

div.btn-btm-rightarea{margin-top:13px; text-align:right;}

div.album-edit-area{text-align:right; padding:5px 0 0; margin-top:-33px; margin-bottom:20px;}
div.album-edit-area label{margin-right:10px; font-weight:bold;}
h1.tit{color:#919396; font-size:20px; padding:0 0 0 15px; margin-top:22px;}
div.mobile-titarea{display:none;}

a.btn-search2{display:inline-block; color:#939598; font-size:14px; padding:0 0 0 30px; background:url(/images/main.png) no-repeat 0 -1146px}
a.btn-search2:hover{color:#6dd0cd; background-position:-181px -1146px;}
a.btn-like{display:inline-block; color:#939598; font-size:14px; padding:0 0 0 29px; background:url(/images/main.png) no-repeat 0 -1190px}
a.btn-like:hover{color:#6dd0cd; background-position:-181px -1190px;}
a.btn-reply{display:inline-block; color:#939598; font-size:14px; padding:0 0 0 24px; background:url(/images/main.png) no-repeat 0 -1234px}
a.btn-reply:hover{color:#6dd0cd; background-position:-181px -1234px;}

span.ico-search{position:absolute; display:inline-block; width:30px; height:30px; background:url(/images/main.png) no-repeat 0 -1347px;}
span.ico-like{position:absolute; display:inline-block; width:30px; height:30px; background:url(/images/main.png) no-repeat -84px -1347px;}
span.ico-reply{position:absolute; display:inline-block; width:30px; height:30px; background:url(/images/main.png) no-repeat -174px -1347px;}

div.sorting-area{background:#fff; border:1px solid #e6e7e8; border-bottom:none; padding:17px 24px; margin-top:8px;}
div.sorting-area:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
div.sorting-area div.leftarea{float:left;}
div.sorting-area div.rightarea{float:right; margin-top:10px;}
div.sorting-area label{font-size:14px; font-weight:bold; margin-right:20px;}
div.sorting-area a.btn-like{margin:0 25px;}

p.date-area{padding:13px 50px; border-left:1px solid #e6e7e8; border-right:1px solid #e6e7e8;}
p.date-area span.date{display:inline-block; background:url(/images/main.png) no-repeat 0 -1276px; font-size:14px; color:#58595b; padding-left:25px;}

div.sorting-list-area{border-left:1px solid #e6e7e8; border-right:1px solid #e6e7e8; background:#fff;}
ul.sorting-list{}
ul.sorting-list li{border-top:1px solid #cdcdcd; padding:25px 24px; position:relative;}
ul.sorting-list li:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
ul.sorting-list li:first-child{border-top:none;}
ul.sorting-list li div.select-area{float:left; padding:38px 0 0;}
ul.sorting-list li div.img{float:left; margin:0 20px 0 7px;}
ul.sorting-list li div.img {}
ul.sorting-list li div.info{float:left; width:70%; padding:5px 0 0; margin-right:30px;}
ul.sorting-list li div.info p.nickname{}
ul.sorting-list li div.info p.nickname span.name{display:inline-block; color:#6dd0cd; font-weight:bold; font-size:14px; width:92%; height:17px; overflow:hidden; vertical-align:middle;}
ul.sorting-list li div.info p.nickname img{width:26px; height:26px; margin-right:4px;}
ul.sorting-list li div.info p.txt{margin:8px 0;}
ul.sorting-list li div.info p.txt span.tit{display:block; font-size:18px; font-weight:bold; color:#58595b; height:19px; overflow:hidden; margin-bottom:5px;}
ul.sorting-list li div.info p.txt span.tx{display:block; color:#6d6e71; font-size:14px; height:16px; overflow:hidden;}
ul.sorting-list li div.info p.date{font-size:12px; color:#929497; letter-spacing:-1px;}

div.m-edit-area{display:none;}

/*layer*/
div.modal-layerpop{position:absolute; z-index:1001; top:25%; left:25%; min-width:300px; border-radius:10px; background:#fff; padding:22px 0 0 0; margin:0 10px;}
div.w500{width:500px; left:50%; margin-left:-250px;}
div.modal-layerpop h1{font-size:16px; color:#727272; padding:0 0 10px 16px;}
div.modal-layerpop div.layer-cont{background:#fff; padding:24px 24px 21px;}
div.modal-layerpop div.layer-cont input.txt{width:100%; color:#727272; padding:5px; margin:0 0 15px -7px;}
div.modal-layerpop div.layer-btm{background:#6dd0cd; padding:18px 0 16px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; text-align:center;}
div.modal-layerpop div.layer-btm a.btn{color:#fff; font-size:16px;}
div.modal-layerpop div.layer-btm a.btn-cancel{display:inline-block; font-size:16px; width:49%; background:#cfcfcf; margin:0; border-bottom-left-radius:10px; padding:20px 0; text-align:center; font-weight:bold;}
div.modal-layerpop div.layer-btm a.btn-move2{display:inline-block; font-size:16px; width:49%; background:#6dd0cd; color:#fff; padding:20px 0; font-weight:bold; text-align:center; border-bottom-right-radius:10px;}
div.modal-layerpop div.layer-btm a.btn-move2 span{color:#fff; background:url(/images/main.png) no-repeat 0 -1017px; padding-left:18px; display:inline-block; width:90px;}
div.modal-layerpop div.layer-btm.btn-type a.btn-cancel{padding:10px 0; font-size:14px;}
div.modal-layerpop div.layer-btm.btn-type a.btn-cancel2{width:100%; border-bottom-right-radius:10px;}
div.modal-layerpop div.layer-btm.btn-type a.btn-move2{padding:10px 0; font-size:14px;}
div.modal-layerpop p.ment{color:#ababab; text-align:right; margin-top:-16px;}
div.modal-layerpop label{color:#727272;}
div.modal-layerpop input[type=checkbox]{vertical-align:middle;}
div.modal-layerpop a.layer-close{top:16px; right:16px;}
div.modal-layerpop.pad0 div.layer-cont{padding:0;}
div.modal-layerpop div.layer-cont p.copy{padding:15px 45px 30px; font-weight:bold; text-align:center; line-height:20px;}
div.modal-layerpop div.layer-cont p.copy em{color:#6dd0cd;}
div.modal-layerpop.pad0 div.layer-btm{padding:0; text-align:left;}
div.modal-layerpop div.layer-cont div.scroll-area{overflow-y:auto; overflow-x:hidden; height:335px;}
div.modal-layerpop div.layer-cont div.scroll-area ul.album-list{margin:60px 16px 0 0; width:900px;}
div.modal-layerpop div.layer-cont div.inarea{padding:20px 50px 30px; text-align:center;}
div.modal-layerpop p.notify{font-size:24px; color:#6dd0cd; letter-spacing:-1px; line-height:140%;}
div.modal-layerpop p.noti-info{font-size:18px; color:#5b5b5b; line-height:140%; margin:30px 0 0 0;}
div.modal-layerpop p.noti-info em{font-weight:bold;}
div.modal-layerpop p.notify2{font-size:14px; color:#6dd0cd; margin:35px 0 0 0;}
div.modal-layerpop p.notify3{font-size:20px; color:#333333; line-height: 1.5;  letter-spacing: 1px;  text-align: center;}



div.modal-layerpop2{position:absolute; z-index:1001; top:25%; left:25%; min-width:300px;}
div.modal-layerpop2 div.layer-cont{background:#fff; padding:20px;}
div.modal-layerpop2 div.layer-cont.cen{text-align:center;}
div.modal-layerpop2 div.layer-cont h1{font-size:14px; color:#5d5d5d; margin-bottom:15px;}
div.btn-album-share{padding:0 50px;}
div.btn-album-share a{display:inline-block; width:50px; height:50px; margin:0 5px;}
/*a.btn-sns-email{background:#669472 url(/images/main.png) no-repeat 7px -1275px; background-size:160px auto; border:1px solid red;}
a.btn-sns-fb{background:#4e6888 url(/images/main.png) no-repeat -118px -1272px; background-size:160px auto;}
a.btn-sns-tw{background:#61abc4 url(/images/main.png) no-repeat 8px -1381px; background-size:160px auto;}*/
a.btn-layer-type{width:100%; text-align:center; display:inline-block; background:#d0d2d3; color:#808184; font-size:13px; padding:8px 0;}
div.layer-cont p.input-area{margin:10px 0;}
div.layer-cont p.input-txt-area{margin-right:15px;}
div.layer-cont p.input-txt-area input.txt{color:#939598; border:1px solid #939598; padding:5px; width:100%;}
div.layer-cont p.des,div.layer-cont p.input-area label{color:#ababab;}
div.layer-btn-area a.btn-layer-type{width:50%; float:left;}
div.layer-btn-area a.btn-layer-type2{width:50%; display:inline-block; text-align:center; color:#fff; background:#6dd0cd; padding:8px 0; font-size:13px;}

/*profile*/
body.profile div.left-area{display:none;}
body.profile div.cont-container div.cont-posi div.cont-wrap div.left-area{display:block;}
body.profile div.contents div.main-cont{padding-bottom:38px;}
div.profile-tabmenu-area{float:left; width:234px; overflow:hidden; position:fixed; z-index:100; margin-top:9px; padding:25px; background:#fff; border:1px solid #e6e7e8;}
ul.profile-menu li{margin:14px 0;}
ul.profile-menu li a,ul.profile-menu li span.ico{color:#939597; font-size:15px; display:block; padding:8px 0 8px 30px; background:url(/images/depth_ico.png) no-repeat;}
ul.profile-menu li a:hover{color:#6dd0cd; border-bottom:2px solid #6dd0cd; margin-bottom:-2px;}
ul.profile-menu li.profile a{background-position:0 7px;}
ul.profile-menu li.profile a:hover,ul.profile-menu li.profile.on a{background-position:0 -176px; color:#6dd0cd; border-bottom:2px solid #6dd0cd; margin-bottom:-2px;}
ul.profile-menu li.admin a{background-position:0 -55px;}
ul.profile-menu li.admin a:hover,ul.profile-menu li.admin.on a{background-position:0 -238px; color:#6dd0cd; border-bottom:2px solid #6dd0cd; margin-bottom:-2px;}
ul.profile-menu li.pw a{background-position:0 -116px;}
ul.profile-menu li.pw a:hover,ul.profile-menu li.pw.on a{background-position:0 -299px; color:#6dd0cd; border-bottom:2px solid #6dd0cd; margin-bottom:-2px;}
div.profile-section{background:#fff; margin-top:9px; padding:30px 25px; border:1px solid #e6e7e8;}
div.profile-section:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
div.profile-section h1{font-size:20px; color:#939597; width:100%; margin-bottom:40px;}
div.profile-setting-area a.btn-setting{background-position:0 -343px; top:auto; right:-10px; bottom:-10px;}
div.layer-setting{background:url(/images/main.png) no-repeat -121px -1847px; width:83px; height:64px; position:absolute; top:66px; right:-6px; padding:15px 0 0;}
div.layer-setting ul{margin:13px 0 0 -3px;}
div.layer-setting ul li{text-align:center; margin-bottom:5px;}
div.layer-setting ul li a{color:#939598;}
div.profile-img-area{float:left; width:12%; padding-left:25px;}
div.profile-img-area div.img{position:relative; width:60px; height:60px;}
div.profile-img-area div.img .masking{width:60px; height:60px; position:absolute;}
div.profile-img-area div.img .img{width:60px; height:60px; position:absolute;}
div.profile-img-area div.img span.ico-face2,div.profile-img-area div.img span.ico-kaka{position:absolute; top:5px; left:5px;}
div.profile-txt-area{float:left; width:81%; border-left:1px solid #e6e7e8; padding:0 0 0 35px;}
div.input-section{margin-bottom:20px;}
div.input-section span.tit{color:#7e7e7e; font-size:16px; display:block; font-weight:bold; margin-bottom:6px;}
div.input-section em{color:#f15a29; margin-left:10px;}
div.input-section span.ment{display:block; color:#f15a29;}
div.input-section a.btn-close{display:inline-block; width:28px; height:28px; background:url(/images/main.png) no-repeat -109px -272px; vertical-align:top;}
span.input-txt-area{width:65%; display:inline-block; border:1px solid #bbbdbf; margin-bottom:6px; padding:2px; vertical-align:middle;}
span.input-txt-area span.https-area{display:inline-block; float:left; background:#bbbdc0; margin:-2px 0 -2px -2px; padding:7px; color:#fff; font-size:13px;}
span.input-txt-area span.email-type{display:inline-block; float:right; background:#bbbdc0; margin:-2px; padding:7px; color:#fff; font-size:15px;}
span.input-txt-area span.txt-in{display:inline-block; float:left; width:83%;}
span.input-txt-area span.ico-face2,span.input-txt-area span.ico-tw2,span.input-txt-area span.ico-link2{float:right;}
span.input-txt-area span.count{color:#6dd0cd; display:inline-block; float:right; margin:4px 5px 0 0;}
span.input-txt-area input{border:none; color:#a4a4a4; font-size:14px; margin-right:5px; width:87%; padding:2px 5px;}
span.input-txt-area2{width:65%; display:inline-block; margin-bottom:6px; padding:2px;}
span.input-txt-area.w50{width:50%;}
span.input-txt-area.w40{width:40%;}
a.btn-add-section{display:inline-block; width:65%; border:1px solid #eaebec; padding:7px 2px; text-align:center;}
a.btn-add-section span.add{display:inline-block; width:14px; height:14px; background:url(/images/main.png) no-repeat -190px -531px;}
span.ico-face2{display:block; width:24px; height:24px; background:url(/images/main.png) no-repeat -79px -200px;}
span.ico-kaka{display:block; width:24px; height:24px; background:url(/images/main.png) no-repeat -79px -244px;}
span.ico-tw2{display:block; width:24px; height:24px; background:url(/images/main.png) no-repeat -113px -200px;}
span.ico-link2{display:block; width:24px; height:24px; background:url(/images/main.png) no-repeat -113px -244px;}
div.mobile-profile-area{display:none;}

div.btn-fixed-area{position:fixed; bottom:34px; width:962px; text-align:right; padding:12px; background:#f6f6f6; border:1px solid #e6e7e8;}

/*series*/
body.series div.contents div.main-cont{margin-top:174px; float:left;}
body.series div.contents div.left-area{display:none;}
body.series div.contents div.right-area{width:256px; margin-top:174px; margin-left:996px; padding:25px 13px; position:fixed; border:1px solid #e6e7e8; background:#fff;}
body.series div.header-in{margin:0 auto;}

a.btn-script{
        display:inline-block; border-radius:5px; border:1px solid #a6a8ab; color:#58595b;  padding:6px 24px; letter-spacing:-1px;
        background: -webkit-linear-gradient(#f0f0f1, #e0e0e2); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#f0f0f1, #e0e0e2); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#f0f0f1, #e0e0e2); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#f0f0f1, #e0e0e2); /* Standard syntax */
}
a.btn-script span.ing{}
a.btn-script.on span.ing{display:inline-block;}
a.btn-script.on span.apply{display:none;}

h1.series-tit{font-size:24px; font-weight:bold; margin-left:-3px;}
div.top-info-area span.story-count{font-size:17px; color:#6dd0cd; display:block; margin:6px 0 12px;}
div.top-info-area span.story-count em{font-weight:bold;}
div.top-info-area a.btn-like2{
        font-size:14px;
        display:inline-block; border-radius:3px; border:1px solid #6a6e71; color:#fff;  padding:6px 22px 6px 10px; letter-spacing:-1px;
        background:#6a6e71;
}
div.top-info-area a.btn-like2.on{
        border:1px solid #6dd0cd;
        background: -webkit-linear-gradient(#6dd0cd, #6dd0cd); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#6dd0cd, #6dd0cd); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#6dd0cd, #6dd0cd); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#6dd0cd, #6dd0cd); /* Standard syntax */
}
div.top-info-area a.btn-like2 span{display:inline-block; background:url(/images/main.png) no-repeat -183px -1932px; padding-left:29px;}
div.series-area{padding:15px 0 15px 20px; overflow:hidden;}
div.series-area div.img{float:left; margin-right:24px;}
div.series-area div.img img{width:98px; height:98px;}
div.series-area div.series-info{float:left; padding:6px 0 0 0;}
div.series-area div.series-info span.tit{display:block; color:#6dd0cd; font-size:17px;}
div.series-area div.series-info span.sub{display:block; color:#a0a0a0; margin:7px 0 15px; width:160px; height:29px; overflow:hidden;}
div.right-area div.recommend-area{padding:0; border:none;}
div.right-area div.recommend-area ul.recommend-list{margin:0 0 0 -4px;}
div.right-area div.recommend-area h2{font-size:16px; font-weight:bold; color:#939597; margin-bottom:30px;}
div.right-area div.recommend-area a.btn-refresh{top:0;}

div.series-list-area{}
ul.series-cont-list{border:1px solid #e6e7e8; background:#fff;}
ul.series-cont-list li{border-top:1px solid #cdcdcd; padding:27px 35px; position:relative;}
ul.series-cont-list li:first-child{border:none;}
ul.series-cont-list li:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
div.series-sns ul.sns-type{}
div.series-sns ul.sns-type li{padding:0;}
div.series-cont-area{}
div.series-cont-area div.img{float:left; position:relative;}
div.series-cont-area div.img img.img{width:200px; height:122px;}
div.series-cont-area div.img div.thumbnailImg{width:200px; height:122px;}
div.series-cont-area div.info-area{float:left; padding:3px 0 0 0; margin:0 10px 0 20px; width:58%;}
div.series-cont-area div.info-area span.user-id-area{display:block;}
div.series-cont-area div.info-area span.user-id-area img{margin:0 7px 0 0;}
div.series-cont-area div.info-area span.user-id-area em{color:#6dd0cd; font-size:14px;}
div.series-cont-area div.info-area span.tit{display:block; color:#58595b; font-size:16px; margin:16px 0 8px;}
div.series-cont-area div.info-area span.org{display:block; color:#58595b; font-size:12px;}
div.series-cont-area div.info-area span.date{display:block; font-size:12px; color:#929497; margin:20px 0 0;}
div.series-sns{float:right; border-left:1px solid #e6e7e8; width:120px; padding:0 0 0 30px;}
div.series-sns ul.sns-type li{border:none; color:#bbbdc0; font-size:16px; font-weight:bold; text-align:right;}
div.series-sns ul.sns-type li{background:url(/images/main.png) no-repeat;}
div.series-sns ul.sns-type li.view{background-position:-181px -573px; padding:0 0 13px;}
div.series-sns ul.sns-type li.like{background-position:-181px -624px; padding:0 0 14px;}
div.series-sns ul.sns-type li.reply{background-position:-181px -677px; padding:0 0 12px;}
div.series-sns ul.sns-type li.update{background-position:-181px -729px; padding:2px 0 0;}

div.view-cont{background:#fff; opacity:0.5; width:100%; height:100%; position:absolute; z-index:100; top:0; left:0; -ms-filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);  opacity: .5;}

/*join*/
body.join{}
body.login div.wrap{background:#6dd0cd;}
body.join.type1{background:#f0f0f0;}
body.join.type2{background:#f0f0f0;}
body.join.type3{background:#f0f0f0;}
body.join.type4{background:#f0f0f0;}
body.join.type5{background:#f0f0f0;}
body.join.type6{background:#f0f0f0;}
body.join.type7{background:#f0f0f0;}
body.join.type8{background:#f0f0f0;}
body.join.type9{background:#f0f0f0;}
body.join.type10{background:#f0f0f0;}
body.join.type11{background:#f0f0f0;}
body.join.type12{background:#f0f0f0;}
body.join.type13{background:#f0f0f0;}
body.join.type14{background:#f0f0f0;}

body.join div.wrap{background:none;}
div.wrap.join{}
body.join div.wrap div.contents{margin:0 auto; padding:0 0 0 0; max-width:100%; position:inherit;}
body.join div.wrap div.tab-cont-area{}

div.join-tab{text-align:center; margin-bottom:50px;}
/*div.join-tab a{color:#fff; border-radius:25px; border:1px solid #fff; padding:10px 15px 8px 15px; display:inline-block; opacity:0.5;}*/
div.join-tab span{color:#fff; border:1px solid #fff; opacity:0.2; -ms-filter: alpha(opacity=20); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);  opacity: .2; background:url(/images/bg_png.png) repeat; border-radius:25px; border:1px solid #fff; padding:10px 15px 8px 15px; display:inline-block; margin:0 5px;}
div.join-tab span.on{color:#fff; background:none; opacity:1; -ms-filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1.0;}
div.join-tab span.end{background:url(/images/bg_png.png) repeat; opacity:1; -ms-filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1.0;}
/*div.join-tab li a:hover{background:url(/images/bg_png.png) repeat;}*/

h1.join{margin:47px 0 16px 0; font-size:18px;}
div.join-scroll{width:550px; height:130px; color:#fff; overflow:hidden; position:relative; overflow-y:scroll; line-height:150%; background:url(/images/bg_png.png) repeat;}
div.join-scroll div.inarea{padding:20px 20px 0 20px;}

p.promise-agree{margin-top:15px;}
p.promise-agree input.check+label:before{padding-left:10px;}

div.agree-next-area{text-align:right; margin-top:40px;}
div.agree-next-area a.btn-next{display:inline-block; color:#fff; font-size:15px; padding:15px 35px; background:#6dd0cd;}
div.agree-next-area a.btn-next:hover{background:#6dd0cd;}
div.agree-next-area .disable{background:#6dd0cd; opacity:0.5; -ms-filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);  opacity: .5;}
div.agree-next-area a.btn-next.w100{width:100%; padding:15px 0; text-align:center;}
div.agree-next-area.dt-none{display:none;}
div.agree-next-area a.btn-prev,div.agree-next-area a.btn-cancel{float:left; display:inline-block; color:#fff; font-size:15px; padding:15px 35px; background:url(/images/bg_png.png) repeat;}
div.agree-next-area a.btn-complete{margin:0 auto; color:#fff; font-size:15px; text-decoration:underline; text-align:center; display:block;}

div.join-type-section{width:400px; margin:4px auto 0; text-align:center;}
div.join-type-inbox{width:320px; height:270px; padding:45px 40px; background:url(/images/bg_png.png) repeat; border-radius:5px; margin:50px auto 30px;}
div.join-type-inbox p.noti{font-size:18px; margin-bottom:40px;}
div.join-type-inbox p.sub{font-size:12px; text-align:left; color:#ff711b;}
a.btn-txt{margin:0 auto; font-size:15px; color:#fff; opacity:0.7; letter-spacing:-1px; -ms-filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  opacity: .7;}
a.btn-join{display:block; color:#fff; font-size:15px; text-align:center; padding:18px 0; text-align:center; margin-bottom:9px;}
a.email-type{background:#6dd0cd;}
a.facebook-type{background:#3f4d69;}
a.kakao-type{background:#a0a23a;}

div.agree-section{max-width:550px; margin:0 auto;}
div.agree-section div.join-inarea{max-width:550px;}
div.join-info-section{max-width:550px; margin:0 auto;}
div.join-info-section div.join-inarea{max-width:385px; margin:0 auto;}
div.line-section-area{margin-top:20px; width:100%;}
div.line-section-area2{margin-top:30px; width:100%;}
div.line-section-area:after,div.line-section-area2:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
span.input-box{display:inline-block; background:url(/images/bg_png.png) repeat; padding:6px 10px 5px; width:358px; float:left; text-align:left;}
span.input-box input[type=text],span.input-box input[type=password]{background:none; color:#fff; border:none; width:70%;}
span.input-box input[type=password]{}
span.input-box span.count{float:right; margin-top:4px;}
span.email-box,span.email-box2{display:inline-block; background:url(/images/bg_png.png) repeat; padding:6px 7px 5px 10px; float:left; margin-right:4px; margin-bottom:8px;}
span.email-box input[type=text]{width:158px; background:none; color:#fff; border:none;}
span.email-box2 input[type=text]{width:168px; background:none; color:#fff; border:none;}
div.line-section-area span.notice,div.line-section-area2 span.notice{display:block; opacity:0.3; -ms-filter: alpha(opacity=30); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);  opacity: .3; margin-top:8px; clear:both;}
span.select-box{display:inline-block; background:url(/images/bg_png.png) repeat; padding:9px 10px 0 0; position:relative; height:23px; vertical-align:top; width:109px;}
span.select-box span.tit{display:inline-block; width:110px; padding:0 10px 0 5px; background:url(/images/main.png) no-repeat 99px -2489px;}
span.select-box span.tit a{color:#fff; display:block;}
span.select-box ul.select-list{width:119px; position:absolute; margin-top:10px; background:url(/images/bg_png.png) repeat; padding:3px 0; z-index:10; display:none;}
span.select-box ul.select-list li a{color:#fff; display:block; padding:3px 5px;}
select.join{height:32px; width:32%; background: url(/images/bg_png.png) repeat; border: 0; color: #fff;}
body.msie7 select.join,body.msie8 select.join{height:auto;}
select.join:focus{color:#000;}
div.layer-massage2{float:left; color:#ff711b; margin:3px 0 0 0;}
div.line-section-area a.sex{display:inline-block; color:#fff; padding:12px 0; text-align:center; background:url(/images/bg_png.png) repeat; width:49%;}
div.line-section-area a.sex.on{background:#b2bfc8;}

div.join-confirm-section{max-width:550px; margin:0 auto;}
div.join-confirm-section div.join-inarea{max-width:410px; margin:0 auto;}
div.join-confirm-section div.join-inarea p.ment{opacity:0.7; margin:0 0 15px; text-align:center; letter-spacing:-1px; -ms-filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  opacity: .7;}
div.join-confirm-section div.join-inarea a.btn-email{display:block; text-align:center; color:#fff; font-size:15px; background:#959595; padding:15px 0;}
div.join-confirm-section div.join-inarea a.btn-email.request{background:#464646; letter-spacing:-1px;}
div.mail-confirm{text-align:center; border-bottom:1px solid #788d9d; padding:0 0 8px; margin-bottom:80px;}
p.mail-address{padding:10px 0 0;}
p.mail-address a{color:#6dd0cd; font-size:22px; display:inline-block;}
a.btn-mail-make{width:100%; text-align:center; color:#fff; font-size:15px; background:#6dd0cd; display:block; padding:15px 0;}

p.noti-mail{font-size:15px; color:#d0d0d0; margin:30px 0 7px; text-align:center; letter-spacing:-1px;}
p.noti-mail a{text-decoration:underline; color:#fff; margin-left:5px;}
p.noti-word{font-size:12px; color:#ff711b; text-align:center;}
p.noti-word span.count{display:inline-block; padding-left:12px; margin-left:5px;}
p.noti-word span.count:before{content:''; position:absolute; width:1px; height:10px; background:#ff711b; margin:2px 0 0 -11px;}

div.pop-join{width:408px; height:318px; color:#707070; position:absolute; top:37%; left:34%;}
div.pop-join div.top-cont{background:#fff; padding:46px 24px 12px 24px; text-align:center; border-radius:5px 5px 0 0;}
div.pop-join div.top-cont p.tit{font-size:18px; font-weight:bold; color:#707070;}
div.pop-join div.top-cont p.user-info{margin:32px 0 36px;}
div.pop-join div.top-cont p.user-info span.email{display:block; font-size:26px; color:#6dd0cd; letter-spacing:-1px;}
div.pop-join div.top-cont p.user-info span.sub-txt{display:block; font-size:12px; color:#c0c0c0; margin:5px 0 0;}
div.pop-join div.btm-cont{background:#f0f0f0; padding:15px 0; text-align:center; border-radius:0 0 5px 5px; border-top:1px solid #e5e5e5; letter-spacing:-1px;}
div.pop-join a.btn-email{display:block; background:#959595; text-align:center; color:#fff; padding:15px 0;}
div.pop-join a.btn-close{display:block; width:22px; height:22px; position:absolute; right:12px; top:12px; background:url(/images/main.png) no-repeat 0 -2293px;}
div.pop-join p.noti-mail{margin:0 0 6px; color:#707070;}
div.pop-join p.noti-mail a{color:#64bae1;}
div.pop-join p.noti-word{}

div.complete-section{max-width:410px; margin:0 auto;}
div.bg-area{text-align:center;}
div.bg-area a.btn-ment{color:#fff; background:#6dd0cd; text-align:center; padding:15px 0; display:block;}
div.bg-area span.welcome-tit{display:block; font-size:18px; color:#fff; letter-spacing:-1px; margin:0 0 30px 0;}

div.login-section{max-width:330px; margin:0 auto; padding:0 10px;}
h1.logo{background:url(/images/logo.png) no-repeat 0 0; background-size:212px 76px; display:block; width:235px; height:86px;margin:0 auto 60px;}
h1.logo a{display:block; width:212px; height:76px;}
div.login-form{position:relative; overflow:hidden;}
h2.tab-email{font-size:14px; display:inline-block; width:50%; position:absolute; top:0; left:0;}
h2.tab-email a{background:url(/images/login_tab.png) no-repeat 0 -40px;}
h2.tab-email.on a{background:url(/images/login_tab.png) no-repeat 0 0;}
h2.tab-kakao{font-size:14px; display:inline-block; width:50%; position:absolute; top:0; left:50%;}
h2.tab-kakao a{background:url(/images/login_tab.png) no-repeat -165px 0;}
h2.tab-kakao.on a{background:url(/images/login_tab.png) no-repeat -165px -40px;}
div.login-section h2 a{color:#fff; font-size:14px; display:block; text-align:center; padding:13px 0 10px; line-height:120%;}
div.login-section input[type=text],div.login-section input[type=password]{border:none; padding:13px 12px 12px; color:#bcbec0; width:92%; margin-bottom:10px;}
body.msie7 div.login-section input[type=text],body.ie7 div.login-section input[type=password],body.msie8 div.login-section input[type=text],body.ie8 div.login-section input[type=password]{line-height:80%;}
div.login-section input.write{color:#404041;}
div.email-tab-area{background:url(/images/bg_png.png) repeat; padding:45px 0 0; position:relative; border-radius:5px 5px 0 0; height:235px;}
div.email-tab-area div.email-write-area{width:85%; margin:0 auto;}
div.email-tab-area div.check-area{width:85%; margin:4px auto 0;}
div.email-tab-area a.btn-login{display:block; text-align:center; color:#fff; background:#6dd0cd; width:100%; padding:16px 0; font-size:15px; position:absolute; bottom:0;}
div.email-tab-area p.error{color:#ff711b; margin:10px auto 0; width:85%;}
div.kakao-tab-area{margin-top:39px; background:url(/images/bg_png2.png) repeat; padding:40px 20px 0; position:relative; height:233px;}
div.kakao-tab-area a.btn-login{display:block; text-align:center; color:#fff; background:#523736; position:absolute; bottom:0; width:100%; margin-left:-20px; padding:15px 0; font-size:15px;}
div.kakao-tab-area p.error{color:#523736; margin-top:24px;}
hr.login-area{border:none; display:block; width:100%; height:1px; background:#fff; opacity:0.3; margin:18px 0; -ms-filter: alpha(opacity=30); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);  opacity: .3;}
a.btn-fblogin{display:block; background:#44629f; color:#fff; text-align:center; padding:17px 0 16px; font-size:15px;}
body.mobile a.btn-fblogin:hover,body.mobile a.btn-fblogin:visited,body.mobile a.btn-fblogin:active{background:#44629f;}
a.btn-kakao{display:block; background:#92953a; color:#fff; text-align:center; margin-top:10px; padding:17px 0 16px; font-size:15px;}
body.mobile a.btn-kakao:hover,body.mobile a.btn-kakao:visited,body.mobile a.btn-kakao:active{background:#92953a;}
span.ico-facebook{display:inline-block; width:70px; height:14px; background:url(/images/logo_facebook.png) no-repeat; margin-right:8px; vertical-align:-1px;}
div.find-info-area{text-align:center; padding:35px 0 0; margin-bottom:50px;}
div.find-info-area a{display:inline-block; color:#fff; font-size:13px; text-decoration:underline; margin:0 20px;}

div.password-section{max-width:407px; padding:0 10px; margin:100px auto;}
div.top-tit-area{text-align:center;}
h1.tit-pw{display:inline-block; border:1px solid #828180; border-radius:25px; color:#828180; padding:8px 20px; margin:0 auto; font-size:14px; font-weight:normal;}
div.password-form{padding-top:75px; color:#828180;}
div.input-bg{padding:10px 13px 9px 13px; background:url(/images/bg_png.png) repeat; width:92%; margin:0 0 9px;}
div.input-bg input[type=text]{width:100%; background:none; border:none; color:#828180;height: 17px}
div.input-bg input.write{color:#404041;}
div.btn-info-area{padding-top:60px; text-align:center;}
a.btn-info-type{display:none;}
a.btn-info-type2{display:block; width:407px; margin:0 auto; color:#fff; background:#6dd0cd; font-size:15px; padding:15px 0; text-align:center;}
a.btn-info-cancel{display:inline-block; color:#828180; text-decoration:underline; text-align:center; margin-top:30px;}
p.guide-txt{text-align:center; margin-top:30px; line-height:150%; color:#fff;}

/*notice*/
body.notification div.fixed-area{top:50px;}
div.notice-top-area{background:#fff; border:1px solid #e6e7e8; margin-top:8px; padding:29px 40px 25px 40px;}
div.top-info-area div.my-info div.inarea:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
div.notice-top-area h2{font-size:18px; color:#6d6e71;}
div.notice-top-area a.btn-notice{display:inline-block; float:right; margin-top:-22px; background:url(/images/main.png) no-repeat; background-position:-148px -111px; font-size:14px; color:#949494; padding:2px 0 2px 27px;}
div.notice-top-area a.btn-notice:hover{background-position:-148px -288px; color:#6dd0cd;}
div.notice-section p.date-area{padding:13px 43px;}
div.notice-section{padding-top:85px;}
ul.notice-list{background:#fff;}
ul.notice-list li{border-top:1px solid #f0f1f1; padding:24px 40px;}
ul.notice-list li:first-child{border-top:none;}
ul.notice-list li.notyet{background:#f0f9fe}
ul.notice-list li div.img{float:left; margin-right:20px;}
ul.notice-list li div.best{float:left; width:50px; height:32px; text-align:center; margin-right:20px; background:url(/images/main.png) no-repeat -70px -109px;}
ul.notice-list li div.inarea{width:100%;}
ul.notice-list li div.inarea:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
ul.notice-list li div.img img.img{width:50px; height:50px; border-radius:3px;}
ul.notice-list li div.info{float:left; width:92%;}
ul.notice-list li p.line{margin:4px 0 8px;}
ul.notice-list li p.line span{display:inline-block;}
ul.notice-list li p.line span.user-nick{color:#6dd0cd; font-size:14px;}
ul.notice-list li p.line span.date{color:#929497; vertical-align:2px; letter-spacing:-1px; margin-left:16px;}
ul.notice-list li p.line span.time{margin-left:5px;}
ul.notice-list li p.line span.tit{font-size:14px; color:#6d6e71; padding-left:28px;}
ul.notice-list li p.line span.ico{display:inline-block; vertical-align:top; font-size:11px; color:#929497; border-radius:15px; border:1px solid #939598; padding:1px 3px 0; text-transform: uppercase; position:absolute;}
ul.notice-list li p.line span.ico_reply{display:inline-block; vertical-align:top; width:18px; height:17px; background:url(/images/main.png) no-repeat -3px -1187px; position:absolute;}
ul.notice-list li p.line span.ico_like{display:inline-block; vertical-align:top; width:18px; height:16px; background:url(/images/main.png) no-repeat -3px -1232px; position:absolute;}
ul.notice-list li span.best-word{color:#6dd0cd;}

/*new-notice*/
div.noti-section{background:#fff; border:1px solid #e6e7e8; margin:8px 0 0; padding:0 0 20px;}
div.date-section{position:relative;}
div.date-section div.date-area{position:absolute; width:64px; height:72px; background:#f1f1f2; margin:20px 0 0; color:#919396; letter-spacing:-1px; font-weight:bold; text-align:center;}
div.date-section div.date-area span.point{display:none;}
div.date-section div.date-area span.month{display:block; font-size:12px; margin:16px 0 3px;}
div.date-section div.date-area span.day{display:block; font-size:22px;}
ul.noti-list-type{}
ul.noti-list-type li{}
ul.noti-list-type li div.noti-area{border-bottom:1px solid #f1f1f2; padding:20px 0; margin-left:90px; overflow:hidden; letter-spacing:-1px;}
ul.noti-list-type li div.noti-area div.img{float:left;}
ul.noti-list-type li div.noti-area div.img img.img{width:124px; height:80px;}
ul.noti-list-type li div.noti-area div.img span.reply{position:absolute; display:block; width:30px; height:30px; overflow:hidden; background:url(/images/icon.png) no-repeat 0 -440px;}
ul.noti-list-type li div.noti-area div.img span.like{position:absolute; display:block; width:30px; height:30px; overflow:hidden; background:url(/images/icon.png) no-repeat 0 -470px;}
ul.noti-list-type li div.noti-area div.txt{position:absolute; margin-left:144px;}
ul.noti-list-type li div.noti-area div.txt a.edit-link{display:block;}
ul.noti-list-type li div.noti-area div.txt a.edit-txt{display:block; margin:10px 0 0;}
a.edit-link span.user-img{position:relative; margin-right:6px;}
a.edit-link span.user-img img.masking{position:absolute;}
a.edit-link span.user-img img.img{width:25px; height:25px;}
a.edit-link span.eidt-tit{font-size:12px; color:#6dd0cd; font-weight:bold;}
a.edit-link span.nick{color:#939598; font-weight:bold; background:url(/images/icon.png) no-repeat 0 -368px; padding-left:7px; margin-left:4px;}
a.edit-txt span.info{display:block; color:#58595b; font-size:14px;}
/*//new-notice*/

/*setting*/
body.setting div.left-area{display:none;}
ul.profile-menu li.default a{background-position:0 -367px;}
ul.profile-menu li.default a:hover,ul.profile-menu li.default.on a{background-position:0 -623px; color:#6dd0cd; border-bottom:2px solid #6dd0cd; margin-bottom:-2px;}
ul.profile-menu li.alarm a{background-position:0 -429px;}
ul.profile-menu li.alarm span.ico{background-position:0 -867px; color:#d7d9da;}
ul.profile-menu li.alarm a:hover,ul.profile-menu li.alarm.on a{background-position:0 -685px; color:#6dd0cd; border-bottom:2px solid #6dd0cd; margin-bottom:-2px;}
ul.profile-menu li.sns a{background-position:0 -490px;}
ul.profile-menu li.sns span.ico{background-position:0 -929px; color:#d7d9da;}
ul.profile-menu li.sns a:hover,ul.profile-menu li.sns.on a{background-position:0 -746px; color:#6dd0cd; border-bottom:2px solid #6dd0cd; margin-bottom:-2px;}
ul.profile-menu li.service a{background-position:0 -553px;}
ul.profile-menu li.service a:hover,ul.profile-menu li.service.on a{background-position:0 -809px; color:#6dd0cd; border-bottom:2px solid #6dd0cd; margin-bottom:-2px;}

div.setting-section{background:#fff; margin-top:9px; padding:30px 25px; border:1px solid #e6e7e8;}
div.setting-section:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
div.setting-section h1{font-size:20px; color:#939597; border-bottom:2px solid #e6e7e8; padding-bottom:19px; margin-bottom:30px;}
div.setting-section div.setting-left-area{float:left; width:20%;}
div.setting-section div.setting-left-area span.tit{font-size:16px; color:#7e7e7e; display:inline-block; margin-left:8px;}
div.setting-section div.setting-right-area{float:right; width:80%;}
div.depth-seciton{width:100%; border-top:1px solid #e6e7e8; padding-top:30px; overflow:hidden; position:relative; top:-3px;}
table.setting-section-list span.note{display:inline-block; color:#7e7e7e; font-size:14px; margin-right:15px;}

table.setting-section-list{width:100%;}
table.setting-section-list th{width:50%; text-align:left; vertical-align:middle; font-size:16px; font-weight:normal; padding:30px 0; border-bottom:1px solid #e6e7e8;}
table.setting-section-list td{width:50%; text-align:right; vertical-align:middle; font-size:16px; padding:30px 0; border-bottom:1px solid #e6e7e8;}
table.setting-section-list tr:first-child th,table.setting-section-list tr:first-child td{padding-top:0;}
table.setting-section-list .deactive{color:#b8b8b8;}
table.setting-section-list tr:last-child th,table.setting-section-list tr:last-child td{border-bottom:none;}

.btn-off{display:inline-block; width:80px; height:30px; overflow:hidden; background:url(/images/bg_onoff.png) no-repeat; vertical-align:middle;}
.btn-off.on{background-position:0 -30px;}

div.btn-right-area{width:100%; clear:both; text-align:right; padding-top:40px;}
div.btn-right-area a.btn-txt{color:#7e7e7e; font-size:16px;}

table.setting-section-list td a.btn-type4{padding:6px 0; width:100px; text-align:center;}

/*error*/
body.error div.left-area{display:none;}
body.error div.contents div.main-cont{float:none; width:100%; text-align:center; margin:0; padding:0;}
body.answer div.left-area{display:none;}
body.answer div.contents div.main-cont{float:none; width:100%; text-align:center; margin:0; padding:0;}
div.error-section{}
div.error-section div.img{}
div.error-section div.info{}
div.error-section div.info p.tit{font-size:20px; color:#7e7e7e; font-weight:bold; padding:0 10px 20px;}
div.error-section div.info p.txt{font-size:14px; color:#7e7e7e; line-height:150%;}
div.error-section div.info a.error-home-btn{display: inline-block;  font-size: 14px;  padding: 10px 20px;  margin-top: 20px;  border: 1px solid #7e7e7e;  border-radius: 20px;  color: #7e7e7e;}

/*welcome*/
body.welcome div.left-area{display:none;}
body.welcome div.contents div.main-cont{float:none; width:100%; text-align:center; margin:0; padding:0;}
div.welcome-section{}
div.welcome-section div.img{}
div.welcome-section div.info{}
div.welcome-section div.info p.tit{font-size:20px; color:#7e7e7e; font-weight:bold; padding:0 10px 20px;}
div.welcome-section div.info p.txt{font-size:14px; color:#7e7e7e; line-height:150%;}

/*installapp*/
body.installapp div.left-area{display:none;}
body.installapp div.contents div.main-cont{float:none; width:100%; text-align:center; margin:0; padding:0;}
div.installapp-section{ margin-top: 300px; }
div.installapp-section div.img{}
div.installapp-section div.info{}
div.installapp-section div.info p.tit{font-size:20px; color:#7e7e7e; font-weight:bold; padding:0 10px 32px;}
div.installapp-section div.info p.txt{font-size:14px; color:#7e7e7e; line-height:150%;}
div.installapp-section a.btn-install{display:block; text-align:center; color:#fff; background:#6dd0cd; width:280px; padding:16px 0; font-size:15px; bottom:0; margin: 0 auto;}


/*landing*/
body.landing div.left-menu{display:none;}
body.landing div.cont-container div.right-area div.inarea{position:inherit;}
div.modal div.cont-container div.right-area div.inarea{padding:10px; width: 240px; position: fixed;} /*script - 2015.01.26*/
body.landing div.contents{max-width:1280px;min-width: 1280px; margin:0 auto; position:inherit; padding-top:50px; padding-bottom:0;}
/*body.landing div.contents div.main-cont{float:none; width:100%; margin:0; padding:0;}
body.landing div.cont-container{position:inherit; width:auto; height:auto; overflow-y:hidden; overflow-x:hidden;}*/
body.landing div.cont-container div.left-area{display:block; position:relative; z-index:100;}
body.landing div.footer div.footer-in div.left-area{display:inline-block; float:left;}
body.landing div.card-wrap div.left-area{display:block;}
body.landing div.header{z-index:10001;}
body.landing div.tablet-menu-area{z-index:10001; border-right:none; background:none; height:auto;}
body.landing div.left-area{z-index:10002;}
body.landing div.tablet-menu-area a.menu-control{position:relative;}
body.landing div.total-share-area.tablet-type{display:none;}

div.contents div.main-cont.landing-cont{float:none; width:auto; margin:0;}
div.contents div.main-cont.landing-cont div.cont-wrap{margin-bottom:0;}
div.main-cont.landing-cont div.cont-container{position:inherit; width:auto; height:auto; overflow-y:hidden; padding-top:0;}
div.landing-left-area{float:left; width:744px; background:#fff; position:relative; z-index:100;}
div.landing-left-area div.inarea{padding:0;}
div.content-category-area{width:100%;height:30px;overflow: hidden; margin-top: 11px;}
div.content-category-area div.swiper-wrapper{width:100%;height:100%}
div.content-category-area div.swiper-wrapper div.swiper-slide{float:left;width:20%; height:100%;}
div.content-category-area div.swiper-wrapper div.swiper-slide a{width:100%; height:100%; padding-top: 2px; text-decoration:none; text-align:center;  font-size: 18px; display: inline-block;}
div.content-category-area div.swiper-wrapper div.swiper-slide a img{vertical-align: -7px;margin-right: 5px; width:30px; height:30px;}
div.content-category-area div.swiper-wrapper div.swiper-slide.select a,div.category-area div.swiper-wrapper div.swiper-slide a:hover{color:#6dd0cd;}

div.landing-right-area{float:right; width:310px;}
div.landing-right-area div.inarea{padding:10px; width:240px;}
div.landing-right-area div.content-right-ad-area{ float:left; width: 300px; margin: 10px 5px;}
div.landing-right-area div.content-right-scroll-ad-area{float:right; width: 300px; height: 600px; margin: 0 5px;}
div.landing-right-area ul.content-right-fb-list{width: 100%; float: left;}
div.landing-right-area ul.content-right-fb-list li{width: 100%; margin-bottom: 10px;}
div.landing-right-area ul.content-right-fb-list li div.fb_feed_container{width: 100%;}
div.landing-right-area ul.content-right-fb-list li div.fb_feed_container div.info_banner{width: 100%; height: 62px;display: none}
div.landing-right-area ul.content-right-fb-list li div.fb_feed_container div.info_banner img{width: 100%; height: auto; float: left; margin: auto;}
div.landing-right-area ul.content-right-fb-list li div.fb_feed_container div.info_banner p{line-height:62px; font-size: 18px;}
div.landing-right-area div.content-right-hottestArticles-area{float: left; width: 100%; margin-bottom: 10px;}
div.content-right-hottestArticles-area div.content-right-hottestArticles-title-area{width: 100%; height:58px; background-color:#6dd0cd}
div.content-right-hottestArticles-area div.content-right-hottestArticles-title-area p{width: 100%;text-align:center;color:#efefef;font-size:24px; line-height: 58px;}
div.content-right-hottestArticles-area ul.content-right-hottestArticles-list{width: 100%; float: left;}
div.content-right-hottestArticles-area ul.content-right-hottestArticles-list li{width: 100%;height:260px;}
div.content-right-hottestArticles-area ul.content-right-hottestArticles-list li a{width: 100%;height:100%;}
div.content-right-hottestArticles-area ul.content-right-hottestArticles-list li a div.hot-content-img-area{width: 100%;height:190px;overflow:hidden;}
div.content-right-hottestArticles-area ul.content-right-hottestArticles-list li a video{width: 100%;height:190px;overflow:hidden;}
div.content-right-hottestArticles-area ul.content-right-hottestArticles-list li a div.hot-content-title-area{position: relative; left:20px; right: 20px; top: -20px; width: 270px;height:70px;border:2px solid #070505;background-color:white;overflow:hidden;}
div.content-right-hottestArticles-area ul.content-right-hottestArticles-list li a div p.rank{float: left;margin-top: 13px;width:60px;text-align:center;color:#7F7F7F;font-size:43px}
p.content-hottest-content-title{float: left;width: 200px;margin-top: 16px;height:40px;color:#595959;font-size:14px;overflow:hidden;}

/*policy*/
body.policy div.left-area{display:none;}
body.policy h1 span {font-size:0.8em; color:#6dd0cd;}

ul.profile-menu li.policy a{background-position:0 -997px;}
ul.profile-menu li.policy a:hover,ul.profile-menu li.policy.on a{background-position:0 -1241px; color:#6dd0cd; border-bottom:2px solid #6dd0cd; margin-bottom:-2px;}
ul.profile-menu li.policy2 a{background-position:0 -1059px;}
ul.profile-menu li.policy2 a:hover,ul.profile-menu li.policy2.on a{background-position:0 -1303px; color:#6dd0cd; border-bottom:2px solid #6dd0cd; margin-bottom:-2px;}
ul.profile-menu li.policy3 a{background-position:0 -1121px;}
ul.profile-menu li.policy3 a:hover,ul.profile-menu li.policy3.on a{background-position:0 -1365px; color:#6dd0cd; border-bottom:2px solid #6dd0cd; margin-bottom:-2px;}
ul.profile-menu li.policy4 a{background-position:0 -1184px;}
ul.profile-menu li.policy4 a:hover,ul.profile-menu li.policy4.on a{background-position:0 -1428px; color:#6dd0cd; border-bottom:2px solid #6dd0cd; margin-bottom:-2px;}

div.policy-box{border:1px solid #e6e7e8; padding:15px; margin-top:-15px; line-height:160%;}
div.policy-box h2{font-size:15px; font-weight:bold;}
div.policy-box h3{font-size:13px; font-weight:normal; margin:40px 0 10px 0;}
div.policy-box h4{font-weight:normal;}
div.policy-box div.txt{padding:10px;}
div.policy-box p{margin:20px 0;}
div.policy-box ul{}

div.person-boxarea{padding:0 10px; line-height:200%;}
body.policy table{width:100%; margin:10px 0; border-top:1px solid #d1d2d4; border-bottom:1px solid #d1d2d4;}
body.policy table th{width:20%; text-align:left; line-height:130%; padding:5px 0;}
body.policy table tr:first-child th{padding-top:10px;}
body.policy table tr:last-child th{padding-bottom:10px;}
body.policy table td{width:30%; text-align:left; line-height:130%; padding:5px 0;}
body.policy table tr:first-child td{padding-top:10px;}
body.policy table tr:last-child td{padding-bottom:10px;}

div.policy-box ol{list-style-type: decimal; padding:0 0 0 18px;}
div.policy-box ol li{display: list-item; text-align: -webkit-match-parent;}
div.policy-box ol li ul{}
div.policy-box ol li ul li ul{margin-left:15px;}
div.policy-box table {}
div.policy-box table td {border: 1px solid #e6e7e8;}
div.policy-box table thead tr {background:#eee;}
div.policy-box table thead td {text-align:center;}
div.policy-box table tbody td {padding-left:10px;}

div.service-boxarea ol{list-style-type: decimal; padding:0 0 0 18px;}
div.service-boxarea ol li{display: list-item; text-align: -webkit-match-parent;}
div.service-boxarea ol li ul{}
div.service-boxarea ol li ul li ul{margin-left:15px;}

body.policy div.footer div.footer-in div.left-area{display:inline-block; float:left;}

/*search*/
body.search div.contents div.main-cont{float:left;}
body.search div.contents div.left-area{display:none;}
body.search div.contents div.right-area{width:282px; margin-top:8px; margin-left:996px; padding:0 0 20px; position:fixed; border:1px solid #e6e7e8; background:#fff;}
body.search div.header-in{margin:0 auto;}
body.search div.tab-area{margin:8px 0; padding:0 260px;}
body.search div.right-area div.recommend-area{margin:0; padding:0; width:auto;}
body.search div.right-area div.recommend-area h2{margin:24px 23px 16px 23px;}
body.search div.series-list-area{margin-top:202px;}
body.search div.scription-area{background:#fff; border:1px solid #e6e7e8; /*margin-top:186px;*/ margin-top:202px;}
div.info-fixed{position:fixed; width:988px; z-index:10; background:#f1f1f2; padding:8px 0 0; top:50px;}
div.search-bar{background:#fff; border:1px solid #e6e7e8; padding:42px 0;}
div.input-boxarea{border:2px solid #6dd0cd; width:60.7%; margin:0 auto; padding:5px 0; position:relative;}
div.input-boxarea input{font-size:14px; width:85%; margin-left:8px; color:#404041; border:none; vertical-align:top; -webkit-appearance:none; height:18px; padding:0;}
div.input-boxarea .btn-search{width:16px; height:16px; display:inline-block; position:absolute; top:6px; right:7px; background:url(/images/main.png) no-repeat -188px -1095px;}
body.mobile div.input-boxarea .btn-search:hover,body.mobile div.input-boxarea .btn-search:active,body.mobile div.input-boxarea .btn-search:visited{background:url(/images/main.png) no-repeat -188px -1095px;}
ol.recommend-list{}
ol.recommend-list li.on a,ol.recommend-list li a:hover{color:#fff; background:#6dd0cd;}
ol.recommend-list li a{display:block; padding:8px 23px 7px; color:#9c9da0;}
div.no-data{margin-top:186px; background:#fff; border:1px solid #e6e7e8; text-align:center; padding:100px 0;}
div.no-data p{line-height:150%; color:#7e7e7e; font-size:16px; background:url(/images/no_data.gif) no-repeat center 0; padding:104px 0 0; width:50%; margin:0 auto;}

div.mobile-search-area{display:none;}

/*error*/
div.service-ready{padding:160px 0 0 0; text-align:center; color:#7e7e7e; font-size:14px;}
div.service-ready div.img{}
div.service-ready div.txt{line-height:20px; margin-top:40px;}
div.service-ready div.txt span.tit{display:block; margin-bottom:20px;}

/*loading*/
    div.loading{position:absolute; z-index:10000; top:50%; left:50%;}

/*iframe*/
.frame-section{width:470px; height:620px;}

/*banner-pop*/
div.banner-popup{display:none;}



/*tablet1*/
/*@media only screen and (min-width:1024px) and (max-width:1279px){
    .indicator-mode{z-index:2;}
    .d-blind{position:inherit; width:auto !important; height:auto; overflow:auto; visibility:visible; color:#939598; font-size:13px; line-height:13px;}
    .dt-cont{display:none;}
    .tb-cont{display:block;}

    div.header-in{margin:0 0 0 220px;}
    div.contents div.left-area{float:none; width:220px; height:100%; background:#fff; border-right:1px solid #e6e7e8; position:fixed; top:0;}
    div.header-in div.search-area{left:auto; top:12px; right:10px; background:none; width:auto;}
    div.header-in div.search-area.b-login{right:14px;}
    div.header-in div.search-area input[type="text"]{background:#3cb5fc; width:204px; margin:0 10px 0 0; padding:5px 10px;}
    div.header-in div.search-area a.btn-search{width:26px; height:26px; background:url(/images/main.png) no-repeat 0 -114px;}
    p.login-info{display:none;}
    div.search-result{width:292px; left:auto; top:50px; right:51px;}
    div.cont-container{padding-top:0;}
    div.cont-posi{padding-top:0;}

    ul.category-menu li a.category{background:url(/images/main_icon.png) no-repeat right -117px; color:#000; margin:-3px 24px 10px 0;}
    ul.category-menu li.on a.category{background:url(/images/main_icon.png) no-repeat right -157px;}
    ul.category-menu li.on div.sub-menu{padding-top:12px;}

    div.alarm-section span.alarm-icon{right:27px;}
    div.alarm-section span.count{left:308px;}
    div.alarm-layer{background:url(/images/arrow2.png) no-repeat 59px 0;}

    ul.category-menu{margin-top:12px;}

    div.sub-menu ul.sub-cate li a{padding:6px 24px;}
    ul.category-menu li a:hover,ul.category-menu li a.active,div.sub-menu ul.sub-cate li a:hover,div.sub-menu ul.sub-cate li a:active{color:#000 !important;}

    !*logout*!
    div.contents div.left-area div.login-info{border:none; border-bottom:1px solid #e6e7e8; border-right:1px solid #e6e7e8; width:220px; height:138px; padding:39px 0 0; margin:0;}
    div.contents div.left-area div.login-info div.img-area{margin:0 auto 9px; width:50px; height:50px;}
    div.contents div.left-area div.login-info div.img-area img.masking{width:50px; height:50px;}
    div.contents div.left-area div.login-info div.img-area img.img{width:50px; height:50px;}
    div.contents div.left-area div.login-info p.login-ment span.tit{color:#6d6e71; font-size:13px;}
    div.contents div.left-area div.login-info p.login-ment span.txt{display:none;}
    div.contents div.left-area div.login-info a.btn-logout{margin-top:10px; display:none;}
    a.btn-setting{top:auto; right:80px; background:url(/images/main.png) no-repeat left -344px; margin:30px 0 0 15px; z-index:1;}
    div.btn-mymenu-area{margin-top:30px;}
    !*!/logout*!

    div.mymenu-area ul.menu-list{margin:7px 0 16px;}
    div.mymenu-area ul.menu-list li{padding:5px 0;}
    div.mymenu-area ul.menu-list li.logout{display:block; padding:5px 0;}
    div.mymenu-area ul.menu-list li.logout a{background-position:-147px -148px; display:block;}
    div.mymenu-area ul.menu-list li.on.logout a,div.mymenu-area ul.menu-list li.logout a:hover{background-position:-147px -325px;}

    div.mymenu-area ul.menu-list li div.info-area ul,div.mymenu-area ul.menu-list li div.notice-area ul{margin:10px 0;}
    div.mymenu-area ul.menu-list li div.btn-area{margin-bottom:20px;}

    div.more-cont{display:none;}

    div.mt-more-cont{display:block; margin-top:9px; border-top:1px solid #f6f6f6;}
    div.mt-more-cont a.more-view{height:13px; background:url(/images/main_icon.png) no-repeat right -217px; padding:0; margin:17px 24px 0; display:block;}
    div.mt-more-cont a.more-view.on{background:url(/images/main_icon.png) no-repeat right -257px;}
    div.mt-more-cont a.more-view span.tit{color:#939598; font-weight:bold;}

    div.mt-more-cont div.more-list{width:auto; background:none;}
    div.mt-more-cont div.more-list ul{border:none; margin:0 0 6px 24px;}
    div.mt-more-cont div.more-list ul li{border:none; padding:10px 0 0 0;}
    div.mt-more-cont div.more-list ul li a{font-size:12px; padding:6px 0; color:#bbbdc0;}
    div.mt-more-cont a.logout{color:#939598; display:block; font-weight:bold; margin:10px 0 0 24px;}

    div.contents div.left-area div.btm-area h2{font-size:13px; margin-left:18px;}

    a.btn-refresh{font-size:11px; right:18px;}

    div.edit-area{width:100%;}
    div.edit-area span.img{width:30px; height:30px; margin-right:9px;}
    div.edit-area img.masking{width:30px; height:30px;}
    div.edit-area img.img{width:30px; height:30px;}
    div.edit-area ul.edit-list{margin:8px 20px 15px;}
    div.edit-area ul.edit-list li{padding:6px 0;}

    ul.best-list li span.num{!*padding:0; width:12px; height:12px; font-size:11px;*!}

    div.recommend-area{width:100%; border-bottom:1px solid #e6e7e8; padding:16px 0 14px;}
    div.recommend-area a.btn-refresh{top:18px;}
    div.recommend-area ul.recommend-list{margin:16px 18px 0; border-top:1px solid #e6e7e8;}
    div.recommend-area ul.recommend-list li{width:50%; margin:0; box-sizing:border-box; margin-top:-1px; margin-right:-1px;}
    !*div.recommend-area ul.recommend-list li span.tit{height:46px; padding:6px 8px 0; border-top:1px solid #e6e7e8; border-left:none; border-right:none; border-bottom:none; box-sizing:border-box; font-size:11px;}*!
    div.recommend-area ul.recommend-list li span.tit.n-line{border-left:none;}
    div.recommend-area ul.recommend-list li img{width:100%;}
    div.contents div.left-area div.btm-area{border:none; padding:0;}
    a.btn-pc{display:block; text-align:center; font-size:13px; color:#939598; margin-top:30px;}
    a.btn-pc span{text-decoration:underline;}

    div.rolling-area{height:260px;}
    div.navi-area{display:none;}
    div.best-area{width:35.7%; height:260px;}
    div.best-area div.best-tit{margin:10px 12px 12px 12px;}
    ul.best-list{margin:0 12px;}

    div.main-top{margin-top:0;}
    div.category-area{width:auto; margin:0 6px 8px 8px;}
    ul.thumnail-list{margin:-4px 2px 8px 5px;}

    div.toon-slide div.toon-slide-control{right:30px;}

    div.contents div.main-cont{float:none; width:auto; margin:0 0 0 220px;}
    div.contents div.left-area div.login-info p.login-txt{font-size:13px; padding:0 0 15px;}
    div.contents div.left-area div.login-info a.btn-login{font-size:13px;}
    div.footer{display:none;}

    ul.category-list li a{padding-left:55px;}
    ul.category-list li.ico-cat-home a{background-position:22px 14px;}
    ul.category-list li.ico-cat-home a:hover,ul.category-list li.ico-cat-home a:active,ul.category-list li.ico-cat-home.on a{background-position:-287px 14px; background-color:#6dd0cd;}
    ul.category-list li.ico-cat-fun a{background-position:18px -49px;}
    ul.category-list li.ico-cat-fun a:hover,ul.category-list li.ico-cat-fun a:active,ul.category-list li.ico-cat-fun.on a{background-position:-290px -49px; background-color:#42c6ef;}
    ul.category-list li.ico-cat-story a{background-position:18px -123px;}
    ul.category-list li.ico-cat-story a:hover,ul.category-list li.ico-cat-story a:active,ul.category-list li.ico-cat-story.on a{background-position:-292px -123px; background-color:#59c2ae;}
    ul.category-list li.ico-cat-life a{background-position:18px -195px; padding-left:45px;}
    ul.category-list li.ico-cat-life a:hover,ul.category-list li.ico-cat-life a:active,ul.category-list li.ico-cat-life.on a{background-position:-292px -195px; background-color:#4e8ecb;}
    ul.category-list li.ico-cat-healing a{background-position:18px -270px; padding-left:50px;}
    ul.category-list li.ico-cat-healing a:hover,ul.category-list li.ico-cat-healing a:active,ul.category-list li.ico-cat-healing.on a{background-position:-290px -270px; background-color:#bbd85b;}
    ul.category-list li.ico-cat-zoo a{background-position:18px -354px; padding-left:55px;}
    ul.category-list li.ico-cat-zoo a:hover,ul.category-list li.ico-cat-zoo a:active,ul.category-list li.ico-cat-zoo.on a{background-position:-289px -354px; background-color:#ecca37;}
    ul.category-list li.ico-cat-ent a{background-position:21px -442px; padding-left:55px;}
    ul.category-list li.ico-cat-ent a:hover,ul.category-list li.ico-cat-ent a:active,ul.category-list li.ico-cat-ent.on a{background-position:-285px -441px; background-color:#f37a7b;}

    div.category-tit{margin: 0 8px 0 9px;}
    div.category-tit-in{width:100%;}

    div.btn-top{position:fixed; width:auto; left:auto; right:0; margin-left:0; bottom:0;}

    !*sub contents*!
    div.cont-wrap{width:100%; position:relative; left:0; margin:0; border-radius:0; overflow:hidden;}
    div.cont-container div.left-area{border-radius:0;}
    div.cont-container div.right-area div.inarea{padding:10px 0 10px 10px; position:fixed; margin:0; width:24%;}
    body.safari div.cont-container div.right-area div.inarea{margin-left:0;}
    body.safari div.total-share-area{left:0; margin-left:0;}
    div.total-share-area{top:30%; left:0; margin:0;}
    div.total-share-area a em{display:none;}

    div.cont-recommend-area div.in-area{padding:41px 0 50px;}
    div.cont-recommend-area ul.recommend-list{margin:14px 0 0 -4px;}

    div.cont-recommend-area div.in-area a.btn-reflesh{top:43px;}

    div.total-share-area a.like,body.mobile div.total-share-area a.like:hover,body.mobile div.total-share-area a.like:active,body.mobile div.total-share-area a.like:visited{display:inline-block; position:relative; background:#6a6e71 url(/images/contents.png) no-repeat 10px 13px; width:44px; height:44px;}
    div.total-share-area a.like.on{background:#6dd0cd url(/images/contents.png) no-repeat 10px 13px;}
    div.total-share-area a.like:hover span.count{display:none;}
    div.total-share-area a.comment,body.mobile div.total-share-area a.comment:hover,body.mobile div.total-share-area a.comment:active,body.mobile div.total-share-area a.comment:visited{display:inline-block; position:relative; background:#6a6e71 url(/images/contents.png) no-repeat 13px -25px; width:44px; height:44px;}
    div.total-share-area a.comment.on{background:#f1592a url(/images/contents.png) no-repeat 13px -25px;}
    div.total-share-area a.comment:hover{width:44px; height:44px; overflow:hidden; text-align:center;}
    div.total-share-area a.comment:hover span.count{display:none;}
    div.total-share-area a.email,body.mobile div.total-share-area a.email:hover,body.mobile div.total-share-area a.email:active,body.mobile div.total-share-area a.email:visited{display:inline-block; position:relative; background:#669472 url(/images/contents.png) no-repeat 10px -65px; width:44px; height:44px;}
    div.total-share-area a.email.on{background:#6a6e71 url(/images/contents.png) no-repeat 10px -65px;}
    div.total-share-area a.face,body.mobile div.total-share-area a.face:hover,body.mobile div.total-share-area a.face:active,body.mobile div.total-share-area a.face:visited{display:inline-block; position:relative; background:#4e6888 url(/images/contents.png) no-repeat 16px -109px; width:44px; height:44px;}
    div.total-share-area a.face.on{background:#6a6e71 url(/images/contents.png) no-repeat 16px -109px;}
    div.total-share-area a.tw,body.mobile div.total-share-area a.tw:hover,body.mobile div.total-share-area a.tw:active,body.mobile div.total-share-area a.tw:visited{display:inline-block; position:relative; background:#61abc4 url(/images/contents.png) no-repeat 10px -151px; width:44px; height:44px;}
    div.total-share-area a.tw.on{background:#6a6e71 url(/images/contents.png) no-repeat 10px -151px;}
    div.total-share-area a.link,body.mobile div.total-share-area a.link:hover,body.mobile div.total-share-area a.link:active,body.mobile div.total-share-area a.link:visited{display:inline-block; position:relative; background:#fcb040 url(/images/contents.png) no-repeat 8px -195px; width:44px; height:44px;}
    div.total-share-area a.link.on{background:#6a6e71 url(/images/contents.png) no-repeat 8px -195px;}

    div.total-share-area a.move-top{margin:0; left:0; width:44px; height:20px; padding:24px 0 0; background:#999 url(/images/contents.png) no-repeat 13px -278px;}

    div.cont-reply-area div.in-area{width:78.7%;}
    div.reply-list-area ul.reply-list{width:78.7%;}
    div.reply-in-reply{background:none; border-bottom:1px solid #ebe7e8;}
    div.reply-in-reply ul.reply-list li div.reply-infobox{!*padding:8px 0 3px; border-bottom:1px solid #ebe7e8;*!}
    div.reply-in-reply div.cont-reply-area div.in-area{!*width:auto; margin-left:40px;*!}
    div.reply-infobox{!*padding:12px 0;*!}
    div.reply-info a.reply-like:hover{color:#999; background:url(/images/icon.png) no-repeat 0 -57px;}

    div.userinfo-area .btn-ing{width:66px; height:19px; font-size:12px; padding:5px 0 0;}
    div.userinfo-area .btn-apply{width:66px; height:19px; font-size:12px; padding:5px 0 0;}

    div.cartoon-section{width:100%; left:0; right:27.4%; border-top-left-radius:0;}

    !*card view*!
    div.card-wrap{margin-left:50px; margin-right:20px;}
    div.card-wrap div.total-share-area{margin:165px 0 0 -53px;}
    div.card-wrap div.total-share-area div.link-layer{left:230px; bottom:auto; background:url(/images/contents.png) no-repeat 47px -970px; width:auto; padding-top:6px;}
    div.card-wrap div.total-share-area div.link-layer-in{border-left:none; border-top:2px solid #727578;}

    div.card-wrap ul.reply-list{width:auto;}

    div.card-wrap div.cont-btn-more a{margin-bottom:15px;}

    div.card-container div.total-share-area{width:44px;}


    !*mypage*!
    body.mypage div.contents div.left-area,
    body.userpage div.contents div.left-area{display:none;}
    body.mypage div.header-in,
    body.userpage div.header-in{margin:0;}

    div.top-info-area{border-left:none; border-right:none; padding:13px 20px; width:auto; margin:0;}
    div.top-info-area div.my-info div.img img.img{width:58px; height:58px;}
    div.top-info-area div.my-info div.txt-info{width:88%;}
    div.top-info-area div.my-info.no-sns div.txt-info{width:91%;}
    div.top-info-area.myprofile{padding:13px 0 30px 23px;}
    div.top-info-area.myprofile div.my-info div.txt-info{width:91%;}
    div.fixed-area{width:100%; top:207px;}
    div.top-info-area a.btn-apply{position:absolute; right:0; bottom:-14px; width:98px; height:24px; font-size:13px; padding:8px 0 0 0;}
    div.top-info-area a.btn-ing{position:absolute; right:0; bottom:-14px; width:98px; height:24px; font-size:13px; padding:8px 0 0 0;}
    body.mypage div.tab-area,
    body.userpage div.tab-area{border-left:none; border-right:none;}
    body.mypage div.contents div.main-cont,
    body.userpage div.contents div.main-cont{margin:0;}
    body.profile div.contents div.main-cont{margin:58px 0 0 0;}
    body.mypage div.thumnail-area ul.thumnail-list,
    body.userpage div.thumnail-area ul.thumnail-list{margin:0 20px;}

    div.subtab-area ul.sub-list{margin:0; border-left:none; border-right:none; padding-left:12px;}
    body.mobile.safari div.subtab-area ul.sub-list{top:59px;}
    body.mac div.subtab-area ul.sub-list{top:57px;}
    !*div.scription-info-area{width:56%;}*!
    div.scription-info-area div.img{margin-right:12px;}
    div.scription-info-area div.img img.img{width:64px; height:64px;}
    !*div.scription-info-area div.txt{width:86%;}*!
    div.scription-info-area div.txt span.tit{font-size:14px;}
    div.scription-info-area div.txt span.sub{font-size:12px; margin:2px 0 5px;}
    div.scription-info-area div.txt span.info a.btn-script{padding:3px 10px;}
    .scription-info div.scription-list{width:424px; margin-top:10px;}
    .scription-info div.scription-list ul.rolling-list li a div{width:117px; height:72px;} !*script - 2015.01.26*!
    .scription-info div.scription-list ul.rolling-list li a.all_view{width:117px; height:55px; padding-top:17px;}
    .scription-info div.scription-list ul.rolling-list li a.all_view span.btn{font-size:13px; background-position:16px -716px;}
    .scription-info div.scription-list ul.rolling-list{width:363px; height:72px;}
    .scription-info div.scription-list a.prev,.scription-info div.scription-list a.prev:hover{height:72px; background-position:6px -764px;}
    .scription-info div.scription-list a.next,.scription-info div.scription-list a.next:hover{height:72px; background-position:-55px -764px;}
    ul.scriptor-list div.scription-info-area div.txt span.info a.btn-script{padding:3px 10px;}

    h1.tit{margin:20px 0 0 20px;}
    div.album-edit-area{padding:5px 25px 0 0;}

    div.btn-album-area{width:auto;}

    !*keep*!
    div.btn-album-area a.btn-album-make{
        display:inline-block; border-radius:5px; border:1px solid #6dd0cd; color:#fff;  padding:6px 20px; letter-spacing:-1px;
        background: -webkit-linear-gradient(#6dd0cd, #6dd0cd); !* For Safari 5.1 to 6.0 *!
        background: -o-linear-gradient(#6dd0cd, #6dd0cd); !* For Opera 11.1 to 12.0 *!
        background: -moz-linear-gradient(#6dd0cd, #6dd0cd); !* For Firefox 3.6 to 15 *!
        background: linear-gradient(#6dd0cd, #6dd0cd); !* Standard syntax *!
    }
    div.btn-album-area a.btn-album-edit{display:none;}

    !*profile*!
    div.profile-tabmenu-area{position:fixed; top:50px; width:100%; height:50px; border:none; padding:0; margin:0;}
    body.profile div.header-in{margin:0;}
    ul.profile-menu{width:80%; margin:0 auto;}
    ul.profile-menu li{margin:0; float:left; width:33.3%; text-align:center;}
    ul.profile-menu.type2 li{margin:0; float:left; width:50%; text-align:center;}
    ul.profile-menu li a{background:none; padding:10px 0 5px;}
    ul.profile-menu li a:hover,ul.profile-menu li.on a{border-bottom:2px solid #6dd0cd; margin:0 5px;}
    ul.profile-menu li a span{background:url(/images/depth_ico.png) no-repeat; display:inline-block; font-size:15px; padding:8px 0 8px 30px;}
    ul.profile-menu li.profile a span{background-position:0 7px;}
    ul.profile-menu li.admin a span{background-position:0 -54px;}
    ul.profile-menu li.pw a span{background-position:0 -116px;}
    ul.profile-menu li.profile a:hover span,ul.profile-menu li.profile.on a span{background-position:0 -176px; color:#6dd0cd;}
    ul.profile-menu li.admin a:hover span,ul.profile-menu li.admin.on a span{background-position:0 -237px; color:#6dd0cd;}
    ul.profile-menu li.pw a:hover span,ul.profile-menu li.pw.on a span{background-position:0 -299px; color:#6dd0cd;}
    body.profile div.contents div.main-cont{padding-bottom:0;}

    div.btn-fixed-area{width:100%; padding:0; bottom:0;}
    div.btn-fixed-area div.inarea{padding:12px;}

    !*series*!
    body.series div.contents div.right-area{display:none;}
    body.series div.contents div.main-cont{margin:0 15px; float:none;}
    div.series-cont-area div.img img.img{width:150px; height:92px;}
    div.series-area{height:69px; display:table-cell; vertical-align:middle;}
    div.series-area div.img img{width:48px; height:48px;}
    div.series-area div.img{margin-right:16px;}
    div.series-area div.series-info{padding:0;}
    div.series-area div.series-info span.sub{margin:5px 0 11px;}
    h1.series-tit{font-size:18px;}
    div.top-info-area span.story-count{font-size:14px;}
    ul.series-cont-list li{padding:25px;}
    div.series-cont-area div.info-area span.tit{margin:8px 0 3px;}
    div.series-cont-area div.info-area span.date{margin:9px 0 0;}
    div.series-sns ul.sns-typ{margin-top:-2px;}
    div.series-sns ul.sns-type li.view{padding:0 0 7px;}
    div.series-sns ul.sns-type li.like{padding:0 0 7px;}
    div.series-sns ul.sns-type li.reply{padding:0 0 7px;}

    !*notice*!
    div.notice-top-area{padding:24px 0 20px 0; width:100%;}
    div.notice-top-area h2{margin:0 0 0 20px;}
    div.notice-top-area a.btn-notice{position:absolute; right:190px; width:100px; margin-top:-20px;}
    div.notice-section p.date-area{padding:10px 22px;}
    ul.notice-list li{padding:20px 22px;}
    ul.notice-list li div.info{width:90%;}

    !*setting*!
    body.setting div.header-in{margin:0;}
    body.setting div.contents div.main-cont{margin:58px 0 0 0;}
    body.setting ul.profile-menu li{width:33.3%; float:left; text-align:center; margin:0;}
    ul.profile-menu li span.ico{display:inline-block; padding:18px 0 13px 30px;}
    ul.profile-menu li.default a span{background-position:0 -367px;}
    ul.profile-menu li.alarm a span{background-position:0 -429px;}
    ul.profile-menu li.alarm span.ico{background-position:0 -857px;}
    ul.profile-menu li.sns a span{background-position:0 -490px;}
    ul.profile-menu li.sns span.ico{background-position:0 -920px;}
    ul.profile-menu li.service a span{background-position:0 -553px;}
    ul.profile-menu li.default a:hover span,ul.profile-menu li.default.on a span{background-position:0 -623px; color:#6dd0cd;}
    ul.profile-menu li.alarm a:hover span,ul.profile-menu li.alarm.on a span{background-position:0 -685px; color:#6dd0cd;}
    ul.profile-menu li.sns a:hover span,ul.profile-menu li.sns.on a span{background-position:0 -746px; color:#6dd0cd;}
    ul.profile-menu li.service a:hover span,ul.profile-menu li.service.on a span{background-position:0 -809px; color:#6dd0cd;}
    div.setting-section{margin:9px 10px 0 10px;}

    !*installapp*!
    div.installapp-section{margin-top:50px;}

    !*landing*!
    body.landing div.header-in{margin:0;}
    body.landing div.contents{padding-top:50px; padding-bottom:0;}
    body.landing div.cont-container div.left-area{float:left; width:73.6%;}
    body.landing div.cont-container div.right-area div.inarea{width:91%;}
    div.modal div.cont-container div.right-area div.inarea {padding: 10px 0 10px 10px; position: fixed; margin: 0; width: 24%;} !*script - 2015.01.26*!
    !*body.landing div.cont-container div.right-area{float:left; width:26.3%;}
    div.main-cont div.right-area{float:left; width:26.3%;}
    body.landing div.cont-container div.right-area div.inarea{margin:0;}*!

    div.contents div.main-cont.landing-cont{margin:0 0 -13px;}
    div.landing-left-area{border-top-left-radius:0; border-bottom-left-radius:0;}
    div.landing-left-area div.cartoon-section{right:26.4%;}
    div.landing-right-area div.inarea{width:auto;}

    !*policy*!
    body.policy div.header-in{margin:0;}
    body.policy div.contents div.main-cont{margin:58px 0 0 0;}
    body.policy ul.profile-menu li{!*width:25%;*! width:50%; float:left; text-align:center; margin:0;}
    ul.profile-menu li.policy a span{background-position:0 -997px;}
    ul.profile-menu li.policy2 a span{background-position:0 -1059px;}
    ul.profile-menu li.policy3 a span{background-position:0 -1121px;}
    ul.profile-menu li.policy4 a span{background-position:0 -1184px;}
    ul.profile-menu li.policy a:hover span,ul.profile-menu li.policy.on a span{background-position:0 -1241px; color:#6dd0cd;}
    ul.profile-menu li.policy2 a:hover span,ul.profile-menu li.policy2.on a span{background-position:0 -1303px; color:#6dd0cd;}
    ul.profile-menu li.policy3 a:hover span,ul.profile-menu li.policy3.on a span{background-position:0 -1365px; color:#6dd0cd;}
    ul.profile-menu li.policy4 a:hover span,ul.profile-menu li.policy4.on a span{background-position:0 -1428px; color:#6dd0cd;}

    !*search*!
    body.search div.contents div.right-area{display:none;}
    body.search div.contents div.main-cont{margin:0 15px; float:none;}
    body.search div.series-list-area{margin-top:202px;}
    body.search div.tab-area{padding:0 300px;}
    div.info-fixed{width:100%; padding:0;}
    div.info-fixed-in{margin-right:30px;}
    div.search-bar{margin-top:8px;}

    div.mobile-search-area{display:none;}

    !*scirption*!
    .btn-apply{font-size:11px; width:58px; height:16px; padding:4px 0 0;}
    .btn-ing{font-size:11px; width:58px; height:16px; padding:4px 0 0;}

    !*login*!
    body.join div.wrap div.contents{padding:132px 0 0;}

    !*error*!
    div.service-ready{padding:120px;}

    !*banner-pop*!
    div.banner-popup{display:block; position:absolute; width:420px; padding:80px 40px 35px; z-index:1001; background:#fff; left:25%; top:25%;}
    div.banner-popup p.tit{color:#6dd0cd; text-align:center; font-size:35px; letter-spacing:-3px;}
    div.banner-popup div.des{font-size:20px; color:#646464; text-align:center; margin:45px 0;}
    div.banner-popup div.des p{letter-spacing:-1px; padding:18px 0 0; margin:0 auto; border-top:1px solid #e6e6e6; width:85%; line-height:130%;}
    div.banner-popup div.des img.img{width:116px; height:95px;}
    div.btn-downroad a.btn-download{display:block; width:336px; height:57px; background:url(/images/banner_pop.png) no-repeat 0 -120px; margin:0 auto;}
    div.btn-downroad a.btn-view{display:block; width:336px; height:57px; background:url(/images/banner_pop.png) no-repeat 0 -189px; margin:12px auto 0;}
    div.banner-popup a.btn-close{position:absolute; top:24px; right:24px; display:block; background:url(/images/banner_pop.png) no-repeat 0 -279px; width:21px; height:21px;}
}*/

/*tablet2*/
/*@media only screen and (min-width:768px) and (max-width:1023px){
    .indicator-mode{z-index:3;}
    .d-blind{position:inherit; width:auto !important; height:auto; overflow:auto; visibility:visible; color:#939598; font-size:13px; line-height:13px;}
    .dt-cont{display:none;}
    .tb-cont{display:block;}

    div.header-in{margin:0 0 0 50px;}
    div.header-in h1 a{left:18px;}
    div.header-in div.search-area{left:auto; top:12px; right:10px; background:none; width:auto;}
    div.header-in div.search-area.b-login{right:14px;}
    div.header-in div.search-area input[type="text"]{background:#3cb5fc; width:204px; margin:0 10px 0 0; padding:5px 10px;}
    div.header-in div.search-area a.btn-search{width:26px; height:26px; background:url(/images/main.png) no-repeat 0 -114px;}
    p.login-info{display:none;}

    div.search-result{width:292px; top:50px; left:auto; right:51px;}

    div.cont-container{padding-top:0;}
    div.cont-posi{padding-top:0;}

    div.alarm-section span.alarm-icon{right:27px;}
    div.alarm-section span.count{left:308px;}
    div.alarm-layer{background:url(/images/arrow2.png) no-repeat 59px 0;}

    ul.category-menu{margin-top:12px;}

    ul.category-menu li a.category{background:url(/images/main_icon.png) no-repeat right -117px; color:#000; margin:-3px 24px 10px 0;}
    ul.category-menu li.on a.category{background:url(/images/main_icon.png) no-repeat right -157px;}
    ul.category-menu li.on div.sub-menu{padding-top:12px;}

    div.sub-menu ul.sub-cate li a{padding:6px 24px;}
    ul.category-menu li a:hover,ul.category-menu li a.active,div.sub-menu ul.sub-cate li a:hover,div.sub-menu ul.sub-cate li a:active{color:#000 !important;}

    !*logout*!
    div.contents div.left-area div.login-info{border:none; border-bottom:1px solid #e6e7e8; width:220px; height:138px; padding:30px 0 0; margin:0;}
    div.contents div.left-area div.login-info div.img-area{margin:0 auto 16px; width:50px; height:50px;}
    div.contents div.left-area div.login-info div.img-area img.masking{width:50px; height:50px;}
    div.contents div.left-area div.login-info div.img-area img.img{width:50px; height:50px;}
    div.contents div.left-area div.login-info p.login-ment span.tit{color:#6d6e71; font-size:13px;}
    div.contents div.left-area div.login-info p.login-ment span.txt{display:none;}
    div.contents div.left-area div.login-info a.btn-logout{margin-top:10px; display:none;}
    a.btn-setting{top:auto; right:80px; background:url(/images/main.png) no-repeat left -344px; margin:30px 0 0 15px; z-index:1;}
    body.mobile a.btn-setting:hover,body.mobile a.btn-setting:active,body.mobile a.btn-setting:visited{background:url(/images/main.png) no-repeat left -344px;}
    div.btn-mymenu-area{margin-top:25px;}
    !*!/logout*!

    div.mymenu-area ul.menu-list{margin:7px 0 16px;}
    div.mymenu-area ul.menu-list li{padding:5px 0;}
    div.mymenu-area ul.menu-list li.logout{display:block; padding:5px 0;}
    div.mymenu-area ul.menu-list li.logout a{display:block; background-position:-147px -148px;}
    div.mymenu-area ul.menu-list li.logout a:hover{background-position:-147px -325px;}

    div.mymenu-area ul.menu-list li div.info-area ul,div.mymenu-area ul.menu-list li div.notice-area ul{margin:10px 0;}
    div.mymenu-area ul.menu-list li div.btn-area{margin-bottom:20px;}

    div.best-area{width:35.7%; border-left:none;}

    div.more-cont a.more-view{position:inherit; width:55px; height:13px; background:url(/images/main.png) no-repeat 0 -153px; padding:0 0 0 22px; margin:18px 0 0 18px;}
    div.more-cont a.more-view.on{background:url(/images/main.png) no-repeat 0 -173px;}
    div.more-cont a.more-view.on span.d-blind{color:#6dd0cd;}

    div.more-cont div.more-list{width:auto; background:none; position:inherit;}
    div.more-cont div.more-list ul{border:none; margin:6px 0 6px 40px;}
    div.more-cont div.more-list ul li{border:none; padding:0;}
    div.more-cont div.more-list ul li a{font-size:12px; padding:6px 0; color:#bbbdc0;}

    div.contents div.left-area div.login-info p.login-txt{font-size:13px; padding:0 0 15px;}
    div.contents div.left-area div.login-info a.btn-login{font-size:13px;}

    div.contents div.left-area div.btm-area h2{font-size:13px; margin-left:18px;}

    a.btn-refresh{font-size:11px; right:18px;}

    div.edit-area{width:100%;}
    div.edit-area ul.edit-list{margin:8px 20px 15px;}
    div.edit-area ul.edit-list li{padding:6px 0;}

    div.recommend-area{width:100%; border-bottom:1px solid #e6e7e8; padding:16px 0 14px;}
    div.recommend-area a.btn-refresh{top:18px;}
    div.recommend-area ul.recommend-list{margin:16px 18px 0;}
    div.recommend-area ul.recommend-list li{width:50%; margin:0; padding:0;}
    div.recommend-area ul.recommend-list li span.tit.n-line{border-left:none;}
    div.recommend-area ul.recommend-list li img{width:100%;}
    div.contents div.left-area div.btm-area{border:none; padding:0;}
    a.btn-pc{display:block; text-align:center; font-size:13px; color:#939598; margin-top:30px;}
    a.btn-pc span{text-decoration:underline;}

    div.more-cont{display:none;}

    div.mt-more-cont{display:block; margin-top:9px; border-top:1px solid #f6f6f6;}
    div.mt-more-cont a.more-view{display:block; height:13px; background:url(/images/main_icon.png) no-repeat right -257px; padding:0; margin:17px 24px 0;}
    div.mt-more-cont a.more-view.on{background:url(/images/main_icon.png) no-repeat right -257px;}
    div.mt-more-cont a.more-view span.tit{color:#939598; font-weight:bold;}

    div.mt-more-cont a.logout{color:#939598; display:block; font-weight:bold; margin:10px 0 0 24px;}

    div.mt-more-cont div.more-list{width:auto; background:none;}
    div.mt-more-cont div.more-list ul{border:none; margin:0 0 6px 24px;}
    div.mt-more-cont div.more-list ul li{border:none; padding:9px 0 0 0;}
    div.mt-more-cont div.more-list ul li a{font-size:12px; padding:6px 0; color:#bbbdc0;}
    div.tablet-menu-area{display:block; width:50px; height:100%; background:#fff; position:fixed; top:0; z-index:101; border-right:1px solid #e6e7e8;}
    div.tablet-menu-area a.menu-control{display:inline-block; width:50px; height:50px; background:url(/images/main.png) no-repeat 0 -200px; border-right:1px solid #40B8E1;}
    div.tablet-menu-area ul.t-menu{}
    div.tablet-menu-area ul.t-menu li{line-height:0; text-align:center; padding:14px 0;}
    div.tablet-menu-area ul.t-menu li a{display:block; width:100%; height:18px; background:url(/images/main.png) no-repeat;}
    div.tablet-menu-area ul.t-menu li.my a{background-position:-138px 0; height:16px;}
    div.tablet-menu-area ul.t-menu li.history a{background:url(/images/main_icon.png) no-repeat -266px -36px;}
    div.tablet-menu-area ul.t-menu li.info a{background-position:-138px -74px;}
    div.tablet-menu-area ul.t-menu li.notice a{background-position:-138px -112px;}
    div.tablet-menu-area ul.t-menu li.notice a em{display:inline-block; background:#6dd0cd; color:#fff; font-size:11px; padding:2px 4px 0 3px; border-radius:6px; line-height:12px; margin:-4px 0 0 18px;}
    div.tablet-menu-area ul.t-menu li.logout a{background-position:-138px -150px;}
    div.tablet-menu-area ul.t-menu li.user a{height:26px;}
    div.tablet-menu-area ul.t-menu li.user a img{border-radius:20px; border:1px solid #afb6b2; width:24px; height:24px;}

    div.category-tit{margin: 0 9px;}
    div.category-tit-in{width:100%;}

    div.main-top{margin-top:0;}
    div.rolling-area{height:229px;}
    div.navi-area{display:none;}
    div.best-area{height:229px;}
    div.best-area div.best-tit{margin:10px 11px 11px 11px;}
    div.best-area div.best-tit span.tit{font-size:12px;}
    div.best-area div.best-tit span.tit:after{height:11px;}
    div.best-area div.best-tit span.date{vertical-align:0;}

    ul.best-list{margin:0 11px;}
    ul.best-list li{padding-top:9px;}
    ul.best-list li span.num{!*font-size:11px; width:12px; height:12px;*!}

    div.category-area{width:auto; margin:0 6px 8px 8px;}
    ul.thumnail-list{margin:-4px 2px 8px 5px;}

    div.cont-recommend-area div.in-area{padding:41px 0 50px;}
    div.cont-recommend-area ul.recommend-list{margin:14px 0 0 -4px;}

    div.cont-recommend-area div.in-area a.btn-reflesh{top:43px;}

    div.detail-area{}
    div.detail-area div.img-area,div.detail-area div.movie-area,div.detail-area div.text-area,div.detail-area div.corp-area{width:460px;}
    div.detail-area div.certify-area{width:460px;}
    div.cont-reply-area div.in-area{width:78.7%;}
    div.reply-infobox div.img{margin-right:3px;}
    div.reply-info a.reply-like{margin-right:0;}
    !*div.reply-info a.reply{padding-left:7px;}*!

    div.cartoon-section{width:100%; left:0; right:28%; border-top-left-radius:0;}
    div.detail-area div.slide-area div.ico-reply{width:460px;}
    div.slide-bar{width:390px;}
    div.cartoon-section h1{width:65%;}

    div.toon-slide div.toon-slide-control{right:30px;}

    div.contents div.left-area{display:none; position:fixed; top:0; width:220px; float:none; border-right:1px solid #e6e7e8; height:100%; background:#fff;}
    div.contents div.main-cont{float:none; width:auto; margin:0 0 0 50px;}
    div.footer{display:none;}

    !*main contents*!
    div.best-area{margin:0; border-left:none;}

    ul.thumnail-list li{width:33.3%;}
    ul.thumnail-list li.m-none{display:none;}

    ul.category-list li a{padding-left:50px;}
    ul.category-list li.ico-cat-home a{background-position:19px 14px;}
    ul.category-list li.ico-cat-home a:hover,ul.category-list li.ico-cat-home a:active,ul.category-list li.ico-cat-home.on a{background-position:-290px 14px; background-color:#6dd0cd;}
    ul.category-list li.ico-cat-fun a{background-position:18px -49px;}
    ul.category-list li.ico-cat-fun a:hover,ul.category-list li.ico-cat-fun a:active,ul.category-list li.ico-cat-fun.on a{background-position:-290px -49px; background-color:#42c6ef;}
    ul.category-list li.ico-cat-story a{background-position:18px -123px;}
    ul.category-list li.ico-cat-story a:hover,ul.category-list li.ico-cat-story a:active,ul.category-list li.ico-cat-story.on a{background-position:-292px -123px; background-color:#59c2ae;}
    ul.category-list li.ico-cat-life a{background-position:9px -195px; padding-left:35px;}
    ul.category-list li.ico-cat-life a:hover,ul.category-list li.ico-cat-life a:active,ul.category-list li.ico-cat-life.on a{background-position:-300px -195px; background-color:#4e8ecb;}
    ul.category-list li.ico-cat-healing a{background-position:12px -270px; padding-left:40px;}
    ul.category-list li.ico-cat-healing a:hover,ul.category-list li.ico-cat-healing a:active,ul.category-list li.ico-cat-healing.on a{background-position:-296px -270px; background-color:#bbd85b;}
    ul.category-list li.ico-cat-zoo a{background-position:18px -354px; padding-left:55px;}
    ul.category-list li.ico-cat-zoo a:hover,ul.category-list li.ico-cat-zoo a:active,ul.category-list li.ico-cat-zoo.on a{background-position:-289px -354px; background-color:#ecca37;}
    ul.category-list li.ico-cat-ent a{background-position:21px -442px; padding-left:55px;}
    ul.category-list li.ico-cat-ent a:hover,ul.category-list li.ico-cat-ent a:active,ul.category-list li.ico-cat-ent.on a{background-position:-285px -441px; background-color:#f37a7b;}

    div.btn-top{position:fixed; width:auto; left:auto; right:0; margin-left:0; bottom:0;}

    !*contents*!
    div.cont-wrap{width:100%; position:relative; left:0; margin:0; border-radius:0; overflow:hidden;}
    div.tit-area{margin:0 22px;}
    div.cont-container div.left-area{border-radius:0;}
    div.cont-container div.right-area div.inarea{padding:10px; position:fixed; margin:0 20px 0 0; width:24%;}
    body.safari div.cont-container div.right-area div.inarea{margin-left:0;}
    div.total-share-area{left:73.6%; right:auto; width:48px; margin-left:0;}

    div.total-share-area a.like{display:inline-block; position:relative; background:#6a6e71 url(/images/contents.png) no-repeat 10px 13px; width:44px; height:44px;}
    body.mobile div.total-share-area a.like:hover,body.mobile div.total-share-area a.like:active,body.mobile div.total-share-area a.like:visited{background:#6a6e71 url(/images/contents.png) no-repeat 10px 13px;}
    div.total-share-area a.like.on{background:#6dd0cd url(/images/contents.png) no-repeat 10px 13px;}
    div.total-share-area a.like:hover span.count{display:none;}
    div.total-share-area a.comment{display:inline-block; position:relative; background:#6a6e71 url(/images/contents.png) no-repeat 13px -25px; width:44px; height:44px;}
    body.mobile div.total-share-area a.comment:hover,body.mobile div.total-share-area a.comment:active,body.mobile div.total-share-area a.comment:visited{background:#6a6e71 url(/images/contents.png) no-repeat 13px -25px;}
    div.total-share-area a.comment.on{background:#f1592a url(/images/contents.png) no-repeat 13px -25px;}
    div.total-share-area a.comment:hover span.count{display:none;}
    div.total-share-area a.email{display:inline-block; position:relative; background:#669472 url(/images/contents.png) no-repeat 10px -65px; width:44px; height:44px;}
    body.mobile div.total-share-area a.email:hover,body.mobile div.total-share-area a.email:active,body.mobile div.total-share-area a.email:visited{background:#669472 url(/images/contents.png) no-repeat 10px -65px;}
    div.total-share-area a.email.on{background:#6a6e71 url(/images/contents.png) no-repeat 10px -65px;}
    div.total-share-area a.face{display:inline-block; position:relative; background:#4e6888 url(/images/contents.png) no-repeat 16px -109px; width:44px; height:44px;}
    body.mobile div.total-share-area a.face:hover,body.mobile div.total-share-area a.face:active,body.mobile div.total-share-area a.face:visited{background:#4e6888 url(/images/contents.png) no-repeat 16px -109px;}
    div.total-share-area a.face.on{background:#6a6e71 url(/images/contents.png) no-repeat 16px -109px;}
    div.total-share-area a.tw{display:inline-block; position:relative; background:#61abc4 url(/images/contents.png) no-repeat 10px -151px; width:44px; height:44px;}
    body.mobile div.total-share-area a.tw:hover,body.mobile div.total-share-area a.tw:active,body.mobile div.total-share-area a.tw:visited{background:#61abc4 url(/images/contents.png) no-repeat 10px -151px;}
    div.total-share-area a.tw.on{background:#6a6e71 url(/images/contents.png) no-repeat 10px -151px;}
    div.total-share-area a.link{display:inline-block; position:relative; background:#fcb040 url(/images/contents.png) no-repeat 8px -195px; width:44px; height:44px;}
    body.mobile div.total-share-area a.link:hover,body.mobile div.total-share-area a.link:active,body.mobile div.total-share-area a.link:visited{background:#fcb040 url(/images/contents.png) no-repeat 8px -195px;}
    div.total-share-area a.link.on{background:#6a6e71 url(/images/contents.png) no-repeat 8px -195px;}

    div.total-share-area a.move-top{margin:0; left:auto; width:44px; height:20px; padding:24px 0 0; background:#999 url(/images/contents.png) no-repeat 13px -278px;}
    body.mobile div.total-share-area a.move-top:hover,body.mobile div.total-share-area a.move-top:active,body.mobile div.total-share-area a.move-top:visited{background:#999 url(/images/contents.png) no-repeat 13px -278px;}

    div.link-layer{right:-33px; background-position:234px -970px;}
    div.total-share-area div.link-layer{left:-309px; width:auto; padding-right:6px; background-position:302px -1203px;}
    div.total-share-area div.link-layer-in{border-left:none; border-right:2px solid #727578;}

    div.reply-list-area ul.reply-list{width:78.7%;}
    div.reply-list-area ul.reply-list li div.reply-in-reply{padding-left:20px;}

    div.userinfo-area .btn-ing{width:66px; height:19px; font-size:12px; padding:5px 0 0;}
    div.userinfo-area .btn-apply{width:66px; height:19px; font-size:12px; padding:5px 0 0;}

    div.corp-area div.corp-info{height:148px; width:50%; margin-left:15px;}

    div.reply-info a.reply-like:hover{color:#999; background:url(/images/icon.png) no-repeat 0 -57px;}

    !*card view*!
    div.card-wrap{margin-left:20px; margin-right:20px;}
    div.card-wrap div.total-share-area{left:0; right:auto; width:48px; margin-left:0;}
    div.card-wrap div.total-share-area div.link-layer{left:230px; bottom:auto; background:url(/images/contents.png) no-repeat 47px -970px; width:auto; padding-top:6px;}
    div.card-wrap div.total-share-area div.link-layer-in{border-left:none; border-top:2px solid #727578;}

    div.card-wrap div.left-area{width:68.5%;}
    div.card-wrap div.right-area{width:31.5%;}
    div.card-wrap div.left-area div.inarea div.play-area{width:68.5%;}

    div.card-wrap ul.reply-list{width:auto;}

    div.card-wrap div.reply-infobox{padding:7px;}

    div.card-container div.total-share-area{width:44px;}

    div.play-info{left:10px; bottom:10px;}

    div.card-container div.total-share-area{width:auto; top:0; left:0; margin:-50px 0 0 45px;}
    div.card-container div.total-share-area a{margin:0 4px 0 0;}

    div.card-contents a.next,div.card-contents-area p.copy{right:31.5%;}

    !*mypage*!
    body.mypage div.contents div.left-area,body.userpage div.contents div.left-area{top:0;}
    body.mypage div.contents div.left-area div.login-info,body.userpage div.contents div.left-area div.login-info{display:block;}

    div.top-info-area{margin:0 0 0 50px; width:auto;}
    div.top-info-area div.my-info div.img img.img{width:58px; height:58px;}

    div.fixed-area{width:100%; top:207px;}

    div.top-info-area div.my-info div.img{margin-right:10px;}
    div.top-info-area div.my-info div.txt-info{width:82%;}
    div.top-info-area div.my-info.no-sns div.txt-info{width:86%;}
    div.top-info-area div.my-info div.txt-info div.myinfo-btn-area{bottom:-10px;}

    div.top-info-area.myprofile div.my-info div.txt-info{width:86%;}

    div.subtab-area ul.sub-list{margin:0; border-left:none; border-right:none;}
    body.mobile.safari div.subtab-area ul.sub-list{top:59px;}
    body.mac div.subtab-area ul.sub-list{top:57px;}
    div.scription-info-area{width:41%;}
    div.scription-info-area div.img{margin-right:8px;}
    div.scription-info-area div.img img.img{width:62px; height:62px;}
    div.scription-info-area div.txt span.tit{font-size:14px;}
    div.scription-info-area div.txt span.sub{font-size:12px; margin:2px 0 5px;}
    div.scription-info-area div.txt span.info a.btn-script{padding:3px 10px;}
    .scription-info div.scription-list{width:375px; margin-top:10px;}
    .scription-info div.scription-list ul.rolling-list li a div{width:108px; height:66px;}
    .scription-info div.scription-list ul.rolling-list li a.all_view{width:108px; height:51px; padding-top:15px;}
    .scription-info div.scription-list ul.rolling-list li a.all_view span.btn{font-size:13px; background-position:16px -716px;}
    .scription-info div.scription-list ul.rolling-list{width:336px; height:66px;}
    .scription-info div.scription-list a.prev,.scription-info div.scription-list a.prev:hover{height:66px; background-position:6px -766px;}
    .scription-info div.scription-list a.next,.scription-info div.scription-list a.next:hover{height:66px; background-position:-55px -766px;}


    ul.scriptor-list li:first-child{width:50%;}
    ul.scriptor-list li{width:50%;}
    ul.scriptor-list div.scription-info-area div.txt span.info a.btn-script{padding:3px 10px;}
    div.album-edit-area{text-align:right; margin-right:55px;}

    div.sorting-area div.rightarea{margin-right:45px;}

    div.top-info-area a.btn-apply{right:0; bottom:2px;}
    div.top-info-area a.btn-ing{right:0; bottom:2px;}

    !*keep*!
    div.btn-album-area a.btn-album-make{
        display:inline-block; border-radius:5px; border:1px solid #6dd0cd; color:#fff;  padding:6px 20px; letter-spacing:-1px;
        background: -webkit-linear-gradient(#6dd0cd, #6dd0cd); !* For Safari 5.1 to 6.0 *!
        background: -o-linear-gradient(#6dd0cd, #6dd0cd); !* For Opera 11.1 to 12.0 *!
        background: -moz-linear-gradient(#6dd0cd, #6dd0cd); !* For Firefox 3.6 to 15 *!
        background: linear-gradient(#6dd0cd, #6dd0cd); !* Standard syntax *!
    }
    div.btn-album-area{width:auto;}
    div.btn-album-area a.btn-album-edit{display:none;}

    !*profile*!
    div.profile-tabmenu-area{display:block; position:fixed; top:50px; width:100%; height:50px; border:none; margin:0; padding:0;}
    body.profile div.header-in{margin:0;}
    body.profile div.header-in h1 a{left:68px;}
    body.profile div.contents div.main-cont{margin:58px 0 0 50px;}
    ul.profile-menu{width:80%; margin:0 auto;}
    ul.profile-menu li{margin:0; float:left; width:33.3%; text-align:center;}
    ul.profile-menu.type2 li{width:50%;}
    ul.profile-menu li a{background:none; padding:10px 0 5px;}
    !*body.profile ul.profile-menu li a{background:none; padding:10px 0 5px;}*!
    ul.profile-menu li a:hover,ul.profile-menu li.on a{border-bottom:2px solid #6dd0cd; margin:0 5px;}
    ul.profile-menu li a span{background:url(/images/depth_ico.png) no-repeat; display:inline-block; font-size:15px; padding:8px 0 8px 30px;}
    ul.profile-menu li.profile a span{background-position:0 8px;}
    ul.profile-menu li.admin a span{background-position:0 -54px;}
    ul.profile-menu li.pw a span{background-position:0 -116px;}
    ul.profile-menu li.profile a:hover span,ul.profile-menu li.profile.on a span{background-position:0 -176px; color:#6dd0cd;}
    ul.profile-menu li.admin a:hover span,ul.profile-menu li.admin.on a span{background-position:0 -237px; color:#6dd0cd;}
    ul.profile-menu li.pw a:hover span,ul.profile-menu li.pw.on a span{background-position:0 -299px; color:#6dd0cd;}
    div.profile-img-area{width:15%;}
    div.profile-txt-area{width:73%;}
    div.input-section em{display:block; margin-left:0;}
    span.input-txt-area{width:90%;}
    span.input-txt-area span.txt-in{width:80%;}
    a.btn-add-section{width:90%;}
    body.profile div.contents div.main-cont{padding-bottom:0;}

    div.btn-fixed-area{width:100%; padding:0; bottom:0;}
    div.btn-fixed-area div.inarea{padding:12px; margin-right:50px;}

    !*series*!
    body.series div.header-in{margin:0 0 0 50px;}
    body.series div.contents div.main-cont{margin:8px 8px 8px 58px; float:none;}
    body.series div.contents div.right-area{display:none;}
    div.series-cont-area div.img img.img{width:150px; height:92px;}
    div.series-area{padding:10px 0 10px 10px; height:80px; display:table-cell; vertical-align:middle;}
    div.series-area div.img img{width:48px; height:48px;}
    div.series-area div.img{margin-right:10px;}
    div.series-area div.series-info{padding:0;}
    div.series-area div.series-info span.sub{margin:5px 0 11px;}
    h1.series-tit{font-size:18px;}
    div.top-info-area span.story-count{font-size:14px;}
    ul.series-cont-list li{padding:25px;}
    div.series-cont-area div.info-area span.tit{margin:8px 0 3px;}
    div.series-cont-area div.info-area span.date{margin:9px 0 0;}
    div.series-sns ul.sns-typ{margin-top:-2px;}
    div.series-sns ul.sns-type li.view{padding:0 0 7px;}
    div.series-sns ul.sns-type li.like{padding:0 0 7px;}
    div.series-sns ul.sns-type li.reply{padding:0 0 7px;}

    div.top-info-area div.my-info{width:64%;}
    div.top-info-area div.my-share{width:36%;}

    !*notice*!
    div.notice-top-area{padding:24px 0 20px 0; width:100%;}
    div.notice-top-area h2{margin:0 0 0 20px;}
    div.notice-top-area a.btn-notice{position:absolute; right:20px; width:100px; margin-top:-20px;}
    div.notice-section p.date-area{padding:10px 22px;}
    ul.notice-list li{padding:20px 22px;}
    ul.notice-list li div.info{width:89%;}

    !*setting*!
    !*body.setting div.header-in{margin:0;}*!
    body.setting div.contents div.main-cont{margin:58px 0 0 50px;}
    body.setting ul.profile-menu li{width:33.3%; float:left; text-align:center; margin:0;}
    ul.profile-menu li span.ico{display:inline-block; padding:18px 0 13px 30px;}
    ul.profile-menu li.default a span{background-position:0 -367px;}
    ul.profile-menu li.alarm a span{background-position:0 -429px;}
    ul.profile-menu li.alarm span.ico{background-position:0 -857px;}
    ul.profile-menu li.sns a span{background-position:0 -490px;}
    ul.profile-menu li.sns span.ico{background-position:0 -920px;}
    ul.profile-menu li.service a span{background-position:0 -553px;}
    ul.profile-menu li.default a:hover span,ul.profile-menu li.default.on a span{background-position:0 -623px; color:#6dd0cd;}
    ul.profile-menu li.alarm a:hover span,ul.profile-menu li.alarm.on a span{background-position:0 -685px; color:#6dd0cd;}
    ul.profile-menu li.sns a:hover span,ul.profile-menu li.sns.on a span{background-position:0 -746px; color:#6dd0cd;}
    ul.profile-menu li.service a:hover span,ul.profile-menu li.service.on a span{background-position:0 -809px; color:#6dd0cd;}
    div.setting-section{margin:9px 10px 0 10px;}

    !*installapp*!
    div.installapp-section{ margin-top: 50px; }

    !*landing*!
    body.landing div.header-in h1 a{left:68px;}
    body.landing div.header-in{margin:0;}
    body.landing div.contents{padding-top:50px; padding-bottom:0;}
    body.landing div.cont-container div.left-area{float:left; width:73.6%; z-index:101;}
    body.landing div.cont-container div.right-area{float:left; width:26%;}
    body.landing div.cont-container div.right-area div.inarea{margin:0; width:91%;}
    div.modal  div.cont-container div.right-area div.inarea {padding: 10px; position: fixed; margin: 0 20px 0 0; width: 24%;} !*script - 2015.01.26*!
    body.landing div.tablet-menu-area ul.t-menu{display:none;}
    div.landing-left-area div.cartoon-section{right:26.4%;}
    !*body.landing div.total-share-area{left:0; right:auto; width:48px; margin-left:0;}*!

    div.contents div.main-cont.landing-cont{margin:0 0 -13px;}
    div.landing-left-area{border-top-left-radius:0; border-bottom-left-radius:0;}
    div.landing-right-area div.inarea{width:auto;}

    body.landing div.left-menu{display:block;}
    div.landing-cont div.cont-wrap{z-index:1001;}

    !*policy*!
    body.policy div.contents div.main-cont{margin:58px 0 0 50px;}
    body.policy ul.profile-menu li{!*width:25%;*! width:50%; float:left; text-align:center; margin:0;}
    body.policy ul.profile-menu li a span{background:url(/images/depth_ico.png) no-repeat; display:inline-block; font-size:15px; padding:8px 0 8px 20px; letter-spacing:-1px;}
    body.policy ul.profile-menu li.policy a span{background-position:0 -997px;}
    body.policy ul.profile-menu li.policy2 a span{background-position:0 -1059px;}
    body.policy ul.profile-menu li.policy3 a span{background-position:0 -1121px;}
    body.policy ul.profile-menu li.policy4 a span{background-position:0 -1184px;}
    body.policy ul.profile-menu li.policy a:hover span, body.policy ul.profile-menu li.policy.on a span{background-position:0 -1241px; color:#6dd0cd;}
    body.policy ul.profile-menu li.policy2 a:hover span, body.policy ul.profile-menu li.policy2.on a span{background-position:0 -1303px; color:#6dd0cd;}
    body.policy ul.profile-menu li.policy3 a:hover span, body.policy ul.profile-menu li.policy3.on a span{background-position:0 -1365px; color:#6dd0cd;}
    body.policy ul.profile-menu li.policy4 a:hover span, body.policy ul.profile-menu li.policy4.on a span{background-position:0 -1428px; color:#6dd0cd;}

    !*search*!
    body.search div.header-in{margin:0 0 0 50px;}
    body.search div.contents div.main-cont{margin:8px 8px 8px 58px; float:none;}
    body.search div.contents div.right-area{display:none;}
    body.search div.tab-area{padding:0 190px;}
    body.search div.series-list-area,body.search div.scription-area{!*margin-top:178px;*! margin-top:202px;}
    div.info-fixed{width:100%; padding:8px 0 0;}
    div.info-fixed-in{margin-right:66px;}

    div.series-cont-area div.info-area{width:47%;}

    div.mobile-search-area{display:none;}

    !*layer*!
    div.modal-layerpop div.layer-cont div.scroll-area ul.album-list{width:700px;}

    !*scirption*!
    .btn-apply{font-size:11px; width:58px; height:16px; padding:4px 0 0;}
    .btn-ing{font-size:11px; width:58px; height:16px; padding:4px 0 0;}

    !*error*!
    div.service-ready{padding-top:130px;}

    !*login*!
    body.join div.wrap div.contents{padding:70px 0 0;}

    !*banner-pop*!
    div.banner-popup{display:block; position:absolute; width:420px; padding:80px 40px 35px; z-index:1001; background:#fff; left:25%; top:25%;}
    div.banner-popup p.tit{color:#6dd0cd; text-align:center; font-size:35px; letter-spacing:-3px;}
    div.banner-popup div.des{font-size:20px; color:#646464; text-align:center; margin:45px 0;}
    div.banner-popup div.des p{letter-spacing:-1px; padding:18px 0 0; margin:0 auto; border-top:1px solid #e6e6e6; width:85%; line-height:130%;}
    div.banner-popup div.des img.img{width:116px; height:95px;}
    div.btn-downroad a.btn-download{display:block; width:336px; height:57px; background:url(/images/banner_pop.png) no-repeat 0 -120px; margin:0 auto;}
    div.btn-downroad a.btn-view{display:block; width:336px; height:57px; background:url(/images/banner_pop.png) no-repeat 0 -189px; margin:12px auto 0;}
    div.banner-popup a.btn-close{position:absolute; top:24px; right:24px; display:block; background:url(/images/banner_pop.png) no-repeat 0 -279px; width:21px; height:21px;}
}*/

/*mobile*/
/*@media only screen and (max-width:767px){
    .indicator-mode{z-index:4;}
    .d-blind{position:inherit; width:auto !important; height:auto; overflow:auto; visibility:visible; color:#939598; font-size:13px; line-height:13px;}
    .dt-cont{display:none;}
    .tb-cont{display:block;}
    .m-none{display:none;}

    div.wrap{!*min-width:300px;*!}

    div.header-in{height:45px;}
    div.header-in h1 a{width:100px; height:20px; background:url(/images/m-main.png) no-repeat 0 0; background-size:100px auto; left:50%; margin-left:-50px;}
    body.mobile div.header-in h1 a:hover, body.mobile div.header-in h1 a:active, body.mobile div.header-in h1 a:visited{background:url(/images/m-main.png) no-repeat 0 0; background-size:100px auto;}
    div.header-in a.m-menushow{display:inline-block; width:42px; height:34px; position:absolute; top:14px; left:11px; background:url(/images/m-main.png) no-repeat 0 -37px; background-size:100px auto;}
    div.header-in a.m-category{display:inline-block; width:4px; height:17px; position:fixed; top:14px; right:60px; background:url(/images/m-main.png) no-repeat 0 -74px; background-size:100px auto;}
    div.header-in div.search-area a.btn-search{width:19px; height:19px; background:url(/images/m-main.png) no-repeat 0 -110px; background-size:100px auto;}
    div.header-in div.search-area input[type="text"]{display:none;}
    p.login-info{display:none;}
    div.header-in div.search-area{background:none; width:auto; top:13px; right:10px; left:auto;}
    div.search-result{display:none;}

    div.alarm-section{display:none;}

    div.contents div.left-area div.login-info p.login-txt{font-size:15px; padding:40px 0 20px;}
    div.contents div.left-area div.login-info a.btn-login{font-size:15px; margin-bottom:0; padding:8px 0;}
    body.mobile div.contents div.left-area div.login-info a.btn-login:hover{border:1px solid #6dd0cd; color:#6dd0cd; background:#fff;}

    div.cont-container{padding-top:0;}

    div.cont-posi{padding-top:0;}

    ul.category-menu li a.category{background:url(/images/main_icon.png) no-repeat right -117px; color:#000; margin:-3px 24px 10px 0;}
    ul.category-menu li.on a.category{background:url(/images/main_icon.png) no-repeat right -157px;}
    ul.category-menu li.on div.sub-menu{padding-top:12px;}

    div.contents div.left-area div.btm-area{border:none; border-top:1px solid #e6e7e8; padding-top:0;}
    div.edit-area{display:none;}
    div.recommend-area{display:none;}

    div.contents div.left-area{display:none; float:none; width:75%; height:100%; background:#fff; border-right:1px solid #e6e7e8; position:fixed; top:0;}
    div.contents div.left-area div.login-info{border:none; height:auto; padding:35px 13px 50px; margin:0;}
    div.contents div.left-area div.login-info div.img-area{margin:0 auto; width:45px; height:45px;}
    div.contents div.left-area div.login-info div.img-area img.masking{width:45px; height:45px;}
    div.contents div.left-area div.login-info div.img-area img.img{width:45px; height:45px;}
    div.contents div.left-area div.login-info p.login-ment{float:none; margin:0; text-align:center; padding-top:0;}
    div.contents div.left-area div.login-info p.login-ment span.tit{font-size:14px; color:#202021; margin:10px 0 0;}
    div.contents div.left-area div.login-info p.login-ment span.txt{font-size:12px; margin-top:8px;}
    div.contents div.left-area div.login-info a.btn-logout{display:none;}
    div.contents div.left-area div.btm-area div.btm-area-scrolling div.mymenu-area{padding-right:17px;}
    a.btn-setting{display:none;}

    div.cartoon-section{width:100%; left:0; right:17px; border-top-left-radius:0; padding:13px 0 6px;}
    body.mobile div.cartoon-section{width:100%; left:0; right:0;}
    div.cartoon-section h1{padding-left:11px; display:block; width:40%; height:17px; overflow:hidden;}
    p.cartoon-sub{padding-left:11px; padding-right:11px;}
    div.cartoon-txt{padding:10px 17px 8px 11px;}
    div.cartoon-txt p.tit{font-size:20px; width:100%;}
    div.cartoon-txt span.date{display:block; position:initial; margin:10px 0 0;}
    div.cartoon-nav .as-is{padding:11px; height:auto;}
    div.cartoon-nav .prev,body.mobile div.cartoon-nav .prev:hover,body.mobile div.cartoon-nav .prev:active,body.mobile div.cartoon-nav .prev:visited{width:35px; height:36px; background:url(/images/cartoon.png) no-repeat -2px -2px;}
    div.cartoon-nav .next,body.mobile div.cartoon-nav .next:hover,body.mobile div.cartoon-nav .next:active,body.mobile div.cartoon-nav .next:visited{width:35px; height:36px; background:url(/images/cartoon.png) no-repeat -39px -3px;}
    div.cartoon-nav .list,body.mobile div.cartoon-nav .list:hover,body.mobile div.cartoon-nav .list:active,body.mobile div.cartoon-nav .list:visited{width:35px; height:36px; background:url(/images/cartoon.png) no-repeat -79px -2px;}

    div.mymenu-area ul.menu-list li a:hover{border-bottom:none; margin-bottom:0;}
    div.mymenu-area ul.menu-list li.my a:hover{background:url(/images/main.png) no-repeat; background-position:-148px 0; color:#939598;}
    div.mymenu-area ul.menu-list li.info a:hover{background:url(/images/main.png) no-repeat; background-position:-148px -74px; color:#939598;}
    div.mymenu-area ul.menu-list li.info a:hover span{background:url(/images/main.png) no-repeat right -2138px;}
    div.mymenu-area ul.menu-list li.notice a:hover{background:url(/images/main.png) no-repeat; background-position:-148px -112px; color:#939598;}
    div.mymenu-area ul.menu-list li.notice a:hover span{background:url(/images/main.png) no-repeat right -2138px;}
    div.mymenu-area ul.menu-list li.logout a:hover{background:url(/images/main.png) no-repeat; background-position:-148px -149px; color:#939598;}

    div.mymenu-area ul.menu-list li div.info-area{padding-top:5px;}
    div.mymenu-area ul.menu-list li div.info-area ul li a{padding:7px 0;}
    div.mymenu-area ul.menu-list li div.info-area ul li a:hover{background:none;}
    div.mymenu-area ul.menu-list li div.info-area ul li.notyet a{padding:7px 20px;}
    div.mymenu-area ul.menu-list li div.notice-area ul li a{padding:7px 0;}
    div.mymenu-area ul.menu-list li div.notice-area ul li.notyet a{padding:7px 20px;}
    div.mymenu-area ul.menu-list li.logout{padding:12px 0;}
    div.mymenu-area ul.menu-list li.logout a{display:block;}
    div.mymenu-area ul.menu-list li div.btn-area a:hover{background:none;}

    div.btn-mymenu-area{margin:0 25px; border-top:1px solid #f3f4f4; padding:19px 0 18px;}
    div.btn-mymenu-area a.btn-keep{background:url(/images/main_icon.png) no-repeat 15px -159px; margin:0; padding:22px 0 0; background-size:159px 265px; letter-spacing:-1px;}
    div.btn-mymenu-area a.btn-history{background:url(/images/main_icon.png) no-repeat 5px -198px; margin:0 24px; padding:22px 0 0; background-size:159px 265px; letter-spacing:-1px;}
    div.btn-mymenu-area a.btn-alarm{display:inline-block; color:#939597; background:url(/images/main_icon.png) no-repeat 5px -239px; margin:0; padding:22px 0 0; background-size:159px 265px; letter-spacing:-1px;}
    div.btn-mymenu-area a.btn-alarm span.count{position:absolute; text-align:center; background:#fa5d3e; color:#fff; border-radius:8px; padding:1px 3px 0px 2px; display:inline-block; font-size:11px; letter-spacing:-1px; margin:-28px 0 0 12px;}

    div.sub-menu ul.sub-cate li a{padding:6px 24px;}
    ul.category-menu li a:hover,ul.category-menu li a.active,div.sub-menu ul.sub-cate li a:hover,div.sub-menu ul.sub-cate li a:active{color:#000 !important;}

    ul.category-menu{margin-top:8px; margin-right:-17px;}

    div.category-tit-in{width:auto; font-size:16px; height:16px; padding:10px 0 12px; margin:-1px 2px 3px 1px;}
    div.category-tit span.tit{padding-left:7px;}

    div.more-cont{display:none;}

    div.mt-more-cont{display:block; margin:9px 0 0 0; border-top:1px solid #f6f6f6;}
    div.mt-more-cont a.more-view{display:block; background:url(/images/main_icon.png) no-repeat right -217px; padding:0; margin:17px 24px 0 24px;}
    div.mt-more-cont a.more-view:hover{background:url(/images/main_icon.png) no-repeat right -257px;}
    div.mt-more-cont a.more-view.on{background:url(/images/main_icon.png) no-repeat right -257px;}
    div.mt-more-cont a.more-view span.tit{color:#939598; font-weight:bold;}
    div.mt-more-cont a.logout{color:#939598; display:block; font-weight:bold; margin:10px 0 0 24px;}

    div.mt-more-cont div.more-list{width:auto; background:none;}
    div.mt-more-cont div.more-list ul{border:none; margin:9px 0 6px 24px;}
    div.mt-more-cont div.more-list ul li{border:none; padding:0;}
    div.mt-more-cont div.more-list ul li a{font-size:12px; padding:4px 0; color:#bbbdc0; display:inline-block;}

    a.btn-pc{letter-spacing:-1px; display:block; position:fixed; bottom:0; width:75%; text-align:center; background:#f8f8f8; border-top:1px solid #e6e7e8; color:#939598; padding:14px 0; font-weight:bold;}
    body.mobile a.btn-pc:hover,body.mobile a.btn-pc:active,body.mobile a.btn-pc:visited{background:#f8f8f8; border-top:1px solid #e6e7e8;}

    div.contents div.main-cont{float:none; width:auto; margin:0;}
    div.footer{display:none;}

    !*main contents*!
    ul.thumnail-list li.t-none{display:none;}
    ul.thumnail-list li.m-none{display:none;}

    div.main-top{margin-top:-5px;}

    div.best-area{display:none;}
    div.category-area{display:none;}
    ul.thumnail-list li{width:50%;}

    ul.thumnail-list li div.inner.another div.img div.text-area{left:10px; right:10px; bottom:11px;}
    ul.thumnail-list li	div.inner.another div.img div.text-area span.tit{font-size:14px;}
    ul.thumnail-list li div.inner.another div.img div.text-area span.info{font-size:14px;}

    div.rolling-area{float:none; width:100%; padding-bottom:0;}
    div.rolling-area ul.scroll{margin-right:0;}

    div.btn-rolling{position:absolute; width:100%; bottom:5px; display:block; text-align:center;}
    div.navi-area{display:none;}

    div.btn-top{position:fixed; width:auto; left:auto; right:0; margin-left:0; bottom:0;}

    !*category layer*!
    div.m-category{display:block; position:fixed; top:0; left:0; background:#000; opacity:0.9; width:100%; height:100%; z-index:1000; font-size:13px;}
    div.m-category a{color:#fff; display:inline-block; background:url(/images/m_category_ico.png) no-repeat;}
    div.m-category div.m-category-inarea{position:relative; top:50%; !*padding:60px 0 0; *!text-align:center; width:300px; margin:0 auto; margin-top:-150px;}
    div.m-category div.top-area{text-align:center;}
    div.m-category div.top-area a{width:70px; background-position:0 0; padding-top:80px; background-size:100%; display:inline-block; margin:0 15px;}
    div.m-category div.m-category-area{text-align:center; margin-top:40px;}
    div.m-category div.m-category-area a{width:62px; padding-top:62px; background-size:100%; display:inline-block; margin:0 15px 15px;}
    div.m-category a.home{background-position:0 0;}
    div.m-category a.best{background-position:0 -95px;}
    div.m-category a.fun{background-position:0 -169px;}
    div.m-category a.story{background-position:0 -250px;}
    div.m-category a.ent{background-position:0 -332px;}
    div.m-category a.life{background-position:0 -413px;}
    div.m-category a.healing{background-position:0 -494px;}
    div.m-category a.zoo{background-position:0 -576px;}
    div.m-category a.btn-close{position:absolute; top:15px; right:15px; display:inline-block; background:url(/images/m-main.png) no-repeat; background-position:0 -209px; background-size:100px auto; width:22px; height:22px;}

    !*sub contents*!
    div.cont-wrap{width:100%; !*min-width:300px;*! position:relative; left:0; margin:0; overflow:hidden;}
    a.series-icon{top:24px; right:16px;}
    div.tit-area{padding:30px 50px 14px 17px; position:relative; margin:0;}
    div.tit-area h1{font-size:21px;}
    div.tit-area div.des-area{position:relative;}
    div.tit-area span.des{max-height:62px; overflow:hidden; font-size:13px;}
    div.tit-area a.to-mail{display:inline-block; position:absolute; right:20px; bottom:10px; font-size:13px; background-position:0 -628px;}
    div.mobile-shareinfo-area{display:block;}
    div.mobile-shareinfo-area ul.share-info{overflow:hidden;}
    div.mobile-shareinfo-area ul.share-info li{float:left; width:25%; text-align:center; padding:5px 0 7px; position:relative;}
    div.mobile-shareinfo-area ul.share-info li:before{content:''; position:absolute; width:1px; height:20px; background:#eaeaea; top:7px; left:0;}
    div.mobile-shareinfo-area ul.share-info li span{float:none;}
    div.mobile-continfo-area{display:block; background:#5b5b5b; padding:13px 17px 1px; color:#fff;}
    div.mobile-continfo-area div.info-box{padding:10px 0;}
    div.mobile-continfo-area div.info-box span.des{display:block; margin-bottom:7px;}
    div.mobile-continfo-area div.info-box span.txt{display:block;}
    div.mobile-continfo-area div.info-box span.txt a{color:#fff;}
    div.mobile-continfo-area span.play-tit{font-size:14px; padding-top:8px;}
    div.mobile-continfo-area span.orgin-tit{font-size:14px; padding-top:8px; background:url(/images/contents.png) no-repeat 0 -582px;}
    div.tit-area a.more{display:inline-block; position:absolute; bottom:-20px; right:3px; color:#6dd0cd; font-size:13px;}
    div.share-area{padding:1px 0 40px;}
    div.share-area div.link-layer{right:-70px;}
    div.link-layer{right:70px; background-position:195px -970px;}
    div.share-area a{margin:0;}
    div.share-area a.like,body.mobile div.share-area a.like:hover,body.mobile div.share-area a.like:active,body.mobile div.share-area a.like:visited{width:74px; height:37px; background-size:100%; background-position:5px 12px;}
    div.share-area a.comment,body.mobile div.share-area a.comment:hover,body.mobile div.share-area a.comment:active,body.mobile div.share-area a.comment:visited{width:74px; height:37px; background-size:100%; background-position:6px -17px;}
    a.email,body.mobile a.email:hover,body.mobile a.email:active,body.mobile a.email:visited{width:37px; height:37px; background-size:205%; background-position:10px -47px;}
    a.email.on{background-size:205%; background-position:10px -47px;}
    a.face,body.mobile a.face:hover,body.mobile a.face:active,body.mobile a.face:visited{width:37px; height:37px; background-size:205%; background-position:15px -80px;}
    a.tw,body.mobile a.tw:hover,body.mobile a.tw:active,body.mobile a.tw:visited{width:37px; height:37px; background-size:205%; background-position:9px -112px;}
    a.link,body.mobile a.link:hover,body.mobile a.link:active,body.mobile a.link:visited{width:37px; height:37px; background-size:205%; background-position:9px -147px;}
    div.share-area a em{font-size:12px; top:12px; left:26px;}
    div.cont-container div.left-area{float:none; width:100%; border-radius:0;}
    div.detail-area{width:auto; padding:0 11px;}
    div.detail-area div.img-area, div.detail-area div.movie-area, div.detail-area div.text-area, div.detail-area div.corp-area,div.detail-area div.player-area{width:auto; margin-bottom:30px;}
    div.detail-area div.certify-area{width:auto; margin-bottom:30px;}
    div.detail-area div.slide-area{margin-bottom:30px;}
    div.detail-area div.text-area p.info-txt{padding:0 13px 10px;}

    a.cartoon-prev,body.mobile a.cartoon-prev:hover,body.mobile a.cartoon-prev:active,body.mobile a.cartoon-prev:visited{width:8px; height:24px; background:url(/images/cartoon.png) no-repeat 9px -119px; position:absolute; top:50%; left:0; margin-left:15px; margin-top:-23px; background-size:75px 150px;}
    a.cartoon-next,body.mobile a.cartoon-next:hover,body.mobile a.cartoon-next:active,body.mobile a.cartoon-next:visited{width:8px; height:24px; background:url(/images/cartoon.png) no-repeat -57px -119px; position:absolute; top:50%; right:0; margin-right:15px; margin-top:-23px; background-size:75px 150px;}

    body.mobile div.detail-area div.slide-area div.slide-img{height:300px;}
    div.detail-area div.slide-area div.ico-reply{width:auto;}
    div.slide-bar{position:absolute; width:auto; right:0; left:78px; margin:-7px 11px 0 0;}

    div.detail-area div.img div.img-sns-layer{padding:0; height:38px;}
    div.detail-area div.img div.img-sns-layer a.face{background:url(/images/contents.png) no-repeat 11px -84px; width:28px; height:28px; top:5px; background-size:265%;}
    div.detail-area div.img div.img-sns-layer a.face:hover{background:#505050 url(/images/contents.png) no-repeat 11px -84px; background-size:265%;}
    div.detail-area div.img div.img-sns-layer a.tw{background:url(/images/contents.png) no-repeat 6px -116px; width:28px; height:28px; top:5px; background-size:265%;}
    div.detail-area div.img div.img-sns-layer a.tw:hover{background:#505050 url(/images/contents.png) no-repeat 6px -116px; background-size:265%;}
    div.detail-area div.img div.img-sns-layer a.email{background:url(/images/contents.png) no-repeat 5px -57px; width:28px; height:28px; top:5px; background-size:290%;}
    div.detail-area div.img div.img-sns-layer a.email:hover{background:#505050 url(/images/contents.png) no-repeat 5px -57px; background-size:290%;}
    div.detail-area div.img div.img-sns-layer a.link{background:url(/images/contents.png) no-repeat 5px -148px; width:28px; height:28px; top:5px; background-size:265%;}
    div.detail-area div.img div.img-sns-layer a.link:hover{background:#505050 url(/images/contents.png) no-repeat 5px -148px; background-size:265%;}

    div.detail-area div.img a.bt-down-layer{width:24px; height:24px; background:#000 url(/images/contents.png) no-repeat -31px -36px; background-size:50px 1000px; border-radius:5px; top:5px; right:5px;}
    div.detail-area div.img a.bt-down-layer:hover{background:#505050 url(/images/contents.png) no-repeat -31px -36px; background-size:50px 1000px;}

    div.certify-area{padding:0 10px 50px 10px;}
    div.certify-area div.age em{background-size:250px 250px; width:67px; height:49px;}
    div.certify-area p.age-notice{font-size:16px; line-height:140%; padding:15px 0 30px; letter-spacing:0;}
    div.certify-area div.age-info{font-size:12px;}
    div.certify-area div.age-info p{padding:0 0 12px; letter-spacing:0;}
    div.certify-area p.noti{font-size:12px; letter-spacing:0;}
    div.btn-area{margin-top:15px;}
    div.btn-area a{font-size:16px; padding:15px 0;}
    body.mobile div.btn-area a:hover,body.mobile div.btn-area a:active,body.mobile div.btn-area a:visited{background:#6dd0cd; color:#fff;}

    div.cont-reply-area div.img img{border:none;}
    div.reply-infobox div.img img{border:none;}

    div.total-share-area{position:relative; text-align:center; margin:0; width:100%; height:auto;}
    body.safari div.total-share-area{left:auto; margin-left:0;}
    div.total-share-area a,body.mobile div.total-share-area a:hover,body.mobile div.total-share-area a:active,body.mobile div.total-share-area a:visited{margin:0; border-right:1px solid #fff;}
    div.total-share-area a em{position:absolute; font-size:12px; color:#fff; top:12px; left:26px; display:inline-block;}
    div.total-share-area a.like,body.mobile div.total-share-area a.like:hover,body.mobile div.total-share-area a.like:active,body.mobile div.total-share-area a.like:visited{width:74px; height:37px; background-size:100%; background-position:5px 12px;}
    div.total-share-area a.like:hover span.count{display:none;}
    div.total-share-area a.comment,body.mobile div.total-share-area a.comment:hover,body.mobile div.total-share-area a.comment:active,body.mobile div.total-share-area a.comment:visited{width:74px; height:37px; background-size:100%; background-position:6px -17px;}
    div.total-share-area a.comment:hover span.count{display:none;}
    !*div.total-share-area span.layer-outer{position:relative;}
    div.total-share-area span.layer-outer div.link-layer{width:auto; left:auto; bottom:auto; right:-69px; background-position:195px -970px; padding-top:6px; background:url(/images/contents.png) no-repeat right -970px;}
    div.total-share-area span.layer-outer div.link-layer div.link-layer-in{border-left:none; border-top:2px solid #727578;}*!
    div.userinfo-area{padding:0; border:none; overflow:hidden; margin-bottom:12px;}
    div.userinfo-area div.img-area{margin:0; float:left;}
    div.userinfo-area .btn-apply{float:right; margin-top:17px; width:66px; height:24px; font-size:12px; padding:0; line-height:26px;}
    div.userinfo-area .btn-ing{float:right; margin-top:16px; width:66px; height:24px; font-size:12px; padding:0; line-height:26px;}
    p.login-ment{float:left; margin:0 0 0 7px; padding-top:14px; text-align:left;}
    p.login-ment span.tit{margin-bottom:3px; font-size:14px;}
    p.login-ment span.txt{font-size:12px;}
    div.info-box{width:100%; clear:both;}
    div.play-info{width:60px; height:70px; background-size:77px auto; background-position:0 -572px; left:12px; bottom:12px;}
    div.play-info a.btn-play,body.mobile div.play-info a.btn-play:hover,body.mobile div.play-info a.btn-play:active,body.mobile div.play-info a.btn-play:visited{margin:10px 0 0 5px; padding:0; width:18px; height:30px; background-size:75px auto; background-position:0 -517px;}
    div.play-info span.time{font-size:11px; text-align:center; padding:0; height:auto; margin:10px 0 0 0;}

    div.url-link-layer{width:80%; border-radius:0;}
    div.url-link-layer span.input-wrap{text-align:left;}
    div.url-link-layer input[type="text"]{width:90%;}

    div.cont-recommend-area ul.recommend-list li{width:50%;}
    div.cont-recommend-area ul.recommend-list li div.in{margin-top:2px; margin-bottom:2px;}

    div.cont-reply-area div.reply p.character{text-align:left; padding-top:10px;}
    div.cont-reply-area div.reply{margin-right:0; height:100px;}
    div.cont-reply-area a.btn-reply{padding:0; top:auto; right:10px; bottom:5px; padding:5px;}
    div.reply-info a.reply-like{margin-right:0; padding-left:15px;}
    div.reply-info a.reply{padding-left:14px; margin-left:10px;}
    div.reply-info a.card{padding-left:13px;}
    div.reply-in-reply{display:none;}
    div.reply-info a.reply-like:hover{color:#999; background:url(/images/icon.png) no-repeat 0 -57px;}
    div.reply-info a.reply-like.on{background:url(/images/icon.png) no-repeat 0 -85px; color:#6dd0cd;}
    !*div.cont-btn-more{display:none;}*!
    div.mobile-btn-more{display:block; width:89.6%; margin:0 auto; text-align:center; padding:12px 0; position:relative;}
    div.mobile-btn-more a,body.mobile div.mobile-btn-more a:hover,body.mobile div.mobile-btn-more a:active,body.mobile div.mobile-btn-more a:visited{display:inline-block; width:25px; height:26px; background-image:url(/images/contents.png); position:absolute;}
    div.mobile-btn-more a.prev,body.mobile div.mobile-btn-more a.prev:hover,body.mobile div.mobile-btn-more a.prev:active,body.mobile div.mobile-btn-more a.prev:visited{background-position:0 -784px; background-size:50px auto; left:7px;}
    div.mobile-btn-more a.prev:hover,div.mobile-btn-more a.prev.on{background-position:0 -814px;}
    div.mobile-btn-more a.next,body.mobile div.mobile-btn-more a.next:hover,body.mobile div.mobile-btn-more a.next:active,body.mobile div.mobile-btn-more a.next:visited{background-position:-25px -784px; background-size:50px auto; right:0;}
    div.mobile-btn-more a.next:hover,div.mobile-btn-more a.next.on{background-position:-25px -814px;}
    div.mobile-btn-more span.count{color:#939598; display:inline-block; margin-top:7px;}
    div.mobile-btn-more span.count em{color:#6dd0cd;}

    div.cont-container div.right-area{display:none;}

    ul.series-list li{width:50%;}
    div.cont-series-area a.list-view{right:0;}
    div.cont-series-area a.list-first{right:52px;}

    div.m-sns-info{display:block; padding-top:15px; margin-top:20px; border-top:1px solid #4a4a4a;}

    a.move-top{position:fixed; margin:0; right:-2px; bottom:-2px;}

    p.no-data{text-align:center; font-size:13px; padding:20px 0;}

    div.corp-area div.corp-img{float:none; width:auto; margin:0; padding-right:2px;}
    div.corp-area div.corp-img img{width:100%; height:auto;}
    div.corp-area div.corp-info{float:none; width:auto; padding:16px; height:130px;}
    div.corp-area div.corp-info div.tit{margin:0;}

    !*card view*!
    div.card-wrap{display:none;}

    div.mobile-reply-area{position:absolute; z-index:1001; width:100%; top:50%;}
    div.mobile-reply-area-inarea{background:#fff; margin:17px;}
    h1.mobile-card-tit{background:#6dd0cd; color:#fff; font-size:15px; padding:12px;}

    div.reply-click{padding-top:40px;}
    div.mobile-reply-area  div.reply-click div.reply-list-area ul.reply-list li.reply-mine div.reply-infobox{background:none;}
    ul.select-reply{margin:0;}
    ul.select-reply li{background:#ebf8fc; padding:0 5px;}
    div.mobile-reply-area div.cont-reply-area{padding:6px 0 7px;}
    div.mobile-reply-area div.cont-reply-area div.in-area{width:auto; margin:0 5px;}
    div.mobile-reply-area div.reply-list-area ul.reply-list li{position:relative; border-bottom:1px solid #ebe7e8;}
    div.mobile-reply-area div.reply-list-scroll{overflow-y:auto;}
    div.mobile-reply-area div.cont-reply-area div.in-area div.reply{margin:0 0 0 35px; height:30px;}
    div.mobile-reply-area div.cont-reply-area div.reply div.textarea-box{margin:0 48px 0 0; padding-top:2px;}
    div.mobile-reply-area div.cont-reply-area div.reply div.textarea-box textarea{height:19px;}
    div.mobile-reply-area div.cont-reply-area div.reply div.textarea-box input[type=text]{height:20px; border:none;}
    div.mobile-reply-area div.cont-reply-area a.btn-reply{top:0; right:0; bottom:auto; left:auto; padding:8px 5px; height:15px;}
    div.mobile-reply-area div.reply-list-area ul.reply-list{width:auto; margin:0 5px;}
    div.mobile-reply-area div.reply-list-area ul.reply-list li.reply-mine div.reply-infobox{margin:0 -5px; padding:10px 5px; background:#ebf8fc;}
    div.mobile-reply-area div.reply-list-area ul.reply-list li.reply-mine div.reply-infobox div.reply-info span.card{right:5px;}
    div.mobile-reply-area div.reply-infobox{padding:10px 0; margin-left:0; border-bottom:none; position:relative;}
    div.mobile-reply-area div.reply-infobox div.img{margin-right:10px;}
    div.mobile-reply-area div.reply-info span.card{bottom:10px; right:0;}
    div.mobile-reply-area div.mobile-btn-more{width:auto; margin:0 10px; padding:12px 0 16px;}
    div.mobile-reply-area a.layer-close{top:30px; right:25px; background:url(/images/icon.png) no-repeat 0 -85px; background-size:250px 250px;}
    div.mobile-reply-area div.layer-control{width:100%; position:absolute; top:0;}
    div.mobile-reply-area div.layer-control div.inarea{margin:0 17px; background:#fff;}
    a.reply-prev{position:absolute; top:28px; left:29px; display:inline-block; width:11px; height:23px; background:url(/images/contents.png) no-repeat -90px -163px;}
    div.mobile-reply-area a.reply-prev:hover,div.mobile-reply-area a.reply-prev:visited,div.mobile-reply-area a.reply-prev:active{position:absolute; top:28px; left:29px; display:inline-block; width:11px; height:23px; background:url(/images/contents.png) no-repeat -90px -163px;}
    div.reply-info span.best{background:url(/images/icon.png) no-repeat -30px -85px; background-size:250px 250px; padding-left:30px;}
    a.reply-del,body.mobile a.reply-del:hover,body.mobile a.reply-del:active,body.mobile a.reply-del:visited{position:absolute; top:13px; right:10px; width:12px; height:12px; background:url(/images/icon.png) no-repeat 0 -122px; background-size:250px 250px;}

    div.card-container div.total-share-area{display:none;}

    div.mobile-reply-area div.reply-list-scroll div.cont-btn-more a{margin-bottom:15px;}

    div.reply-info span.card{padding-left:17px;}

    div.reply-fixed{position:absolute; bottom:17px; left:17px; right:17px;}

    !*mypage*!
    body.mypage div.contents,
    body.userpage div.contents{padding-top:45px;}
    body.mypage div.contents div.left-area,body.userpage div.contents div.left-area{top:0;}
    body.mypage div.contents div.left-area div.login-info,body.userpage div.contents div.left-area div.login-info{display:block;}
    div.top-info-area{padding:0; margin:0; border-left:none; width:100%; border-right:none; border-bottom:none; position:relative;}
    div.top-info-area div.my-info{width:100%; float:none; padding:0; position:initial;}
    div.top-info-area div.my-info div.inarea{padding:10px 10px 8px;}
    div.top-info-area div.my-info div.inarea:after{content: '.'; visibility:hidden; display:block; clear:both; height:0;}
    div.top-info-area div.my-info div.img{margin-right:12px;}
    div.top-info-area div.my-info div.img img.img{width:43px; height:43px;}
    div.top-info-area div.my-info div.txt-info{width:78%; position:inherit; height:auto; padding-bottom:7px;}
    div.top-info-area div.my-info.no-sns{padding:0;}
    div.top-info-area div.my-info.no-sns div.txt-info{width:78%;}

    div.top-info-area.myprofile div.my-info div.txt-info{width:78%; padding-bottom:0;}
    div.top-info-area.myprofile div.my-info div.txt-info.on{padding-bottom:45px;}
    div.top-info-area div.my-info div.txt-info span.tit{color:#414141; font-size:14px; height:19px; margin-bottom:3px; white-space:nowrap;}
    div.top-info-area div.my-info div.txt-info span.txt{font-size:12px; padding:0; white-space:nowrap}
    div.tab-area{padding:0 11px; border-right:none; height:38px;}

    div.fixed-area{width:100%; top:152px; !*z-index:1000;*!}

    div.top-info-fixed{!*z-index:1000;*!}

    body.mypage div.top-info-area div.my-share{position:inherit;}
    div.top-info-area div.my-share{float:none; width:100%; border-top:1px solid #e6e7e8; border-left:none; background:#f4f4f4;}
    div.top-info-area div.my-share div.inarea{padding:10px;}

    ul.scriptor-list{background:#fff;}

    ul.user-list{width:45%; padding-right:20px; border-right:1px solid #c2c2c2;}
    ul.user-list li{margin:7px 0;}

    div.top-info-area div.my-info div.txt-info div.myinfo-btn-area{width:50%; text-align:center; position:absolute; bottom:23px; right:0; top:90px; height:60px;}

    div.top-info-area div.my-info div.txt-info span.btn-sns{position:initial; text-align:center; margin-bottom:5px; float:none; display:block;}
    div.top-info-area div.my-info div.txt-info span.btn-sns a{margin:0 4px;}
    div.top-info-area a.edit-profile{float:none; position:initial; font-size:12px; border:1px solid #d5d5d5; border-radius:2px; font-weight:bold; letter-spacing:-1px; background-size:160px auto; background-position:5px -529px; padding:2px 7px 3px 23px; margin-right:0;}
    div.top-info-area a.mobile-myinfo{display:inline-block; padding-top:15px; margin-top:-29px; position:absolute; right:20px; color:#9d9d9d; background:url(/images/main.png) no-repeat -187px -429px; letter-spacing:-1px;}
    div.top-info-area a.mobile-myinfo span.close{display:none;}
    div.top-info-area a.mobile-myinfo.on{background:url(/images/main.png) no-repeat -187px -479px; color:#51c0e5;}
    div.top-info-area a.mobile-myinfo.on span.open{display:none;}
    div.top-info-area a.mobile-myinfo.on span.close{display:inline-block;}

    div.top-info-area.myprofile{padding:10px 0 10px 10px;}
    div.top-info-area.myprofile div.my-info div.inarea{padding:0 10px 0 0;}
    div.top-info-area.myprofile div.my-info div.txt-info div.myinfo-btn-area{width:100%; bottom:0; padding:10px 0; background:#f4f4f4; border-top:1px solid #dcdcdc;}
    div.top-info-area.myprofile div.my-info div.txt-info div.myinfo-btn-area span.btn-sns{float:left; padding:0; margin:0 0 0 10px;}
    div.top-info-area.myprofile div.my-info div.txt-info div.myinfo-btn-area a.edit-profile{float:right; margin:1px 20px 0 0;}

    div.top-info-area div.my-info.no-sns div.txt-info div.myinfo-btn-area{width:100%; bottom:0; padding:8px 0; background:#f4f4f4; border-top:1px solid #dcdcdc; height:25px; top:63px;}
    div.top-info-area div.my-info.no-sns div.txt-info div.myinfo-btn-area span.btn-sns{float:left; padding:0; margin:0 0 0 10px;}
    div.top-info-area div.my-info.no-sns div.txt-info div.myinfo-btn-area a.edit-profile{float:right; margin:1px 20px 0 0;}
    div.top-info-area div.my-info.no-sns div.txt-info div.myinfo-btn-area a.btn-apply{width:66px; height:24px; font-size:12px; padding:0; left:auto; top:7px; line-height:26px;}
    div.top-info-area div.my-info.no-sns div.txt-info div.myinfo-btn-area a.btn-ing{width:66px; height:24px; font-size:12px; padding:0; left:auto; top:7px; line-height:26px;}

    !* mypage *!
    div.tab-area ul.in-list.type4 li div.subtab-area ul.sub-list li,
    div.tab-area ul.in-list.type3 li div.subtab-area ul.sub-list li,
    div.tab-area ul.in-list.type2 li div.subtab-area ul.sub-list li{width:50%; background:#f1f1f2;}

    div.subtab-area ul.sub-list li:before{top:9px;}

    div.scription-info{position:relative; padding:10px 0 13px;}
    ul.scription-info{background:#fff;}
    ul.scription-info li{position:relative;}
    .scription-info div.scription-list{display:none;}
    div.scription-info-area{width:100%; float:none;}
    div.scription-info-area div.img{margin-right:8px; margin-left:0;}
    div.scription-info-area div.img a{display:block; width:65px; height:65px; overflow:hidden; border-radius:5px; border:1px solid #d1d2d4;}
    div.scription-info-area div.img img.img{width:65px; height:65px;}
    div.scription-info-area div.txt span.tit{font-size:14px;}
    div.scription-info-area div.txt span.sub{font-size:12px; margin:5px 0 7px;}
    div.scription-info-area div.txt span.info span.story-count{margin:0;}
    div.scription-info-area div.txt span.info a.btn-script{padding:3px 12px; position:absolute; bottom:13px; right:17px;}
    ul.scriptor-list div.scription-info-area div.img{margin-left:15px;}

    ul.scriptor-list li:first-child{width:100%;}
    ul.scriptor-list li{width:100%; position:relative;}
    ul.scriptor-list div.scription-info-area:after{content:'.'; visibility:hidden; display:block; clear:both; height:0;}
    ul.scriptor-list div.scription-info-area div.txt span.info a.btn-script{padding:3px 10px; bottom:8px;}
    ul.scriptor-list div.scription-info-area div.txt span.info span.story-count{display:inline-block;}

    ul.thumnail-list li div.inner a span.txt span.like2{background:url(/images/main.png) no-repeat 0 -592px; background-size:102px 1250px;}
    ul.thumnail-list li div.inner a span.txt span.reply2{background:url(/images/main.png) no-repeat 0 -614px; background-size:102px 1250px;}
    ul.thumnail-list li div.inner.another div.img span.like-area span.like2{background:url(/images/main.png) no-repeat 0 -1227px; background-size:102px 1250px;}
    ul.thumnail-list li div.inner.another div.img span.like-area span.reply2{background:url(/images/main.png) no-repeat 0 -1240px; background-size:102px 1250px;}
    ul.thumnail-list li div.inner a span.txt span.in span.text{float:none; width:100%;}
    ul.thumnail-list li div.inner a span.txt span.in span.sns-info{display:none}

    div.tab-area ul.in-list li a{padding:10px 0 9px; font-size:15px;}

    div.subtab-area{border-bottom:0; padding-top:25px;}
    div.subtab-area ul.sub-list{top:39px; border-top:none;}
    body.mobile.safari div.subtab-area ul.sub-list{top:42px;}
    body.mac.safari div.subtab-area ul.sub-list{top:40px;}
    !*keep*!
    ul.album-list li{width:33.3%; margin-bottom:25px; height:154px;}
    ul.album-list li div.img a{width:70px; height:112px;}
    ul.album-list li div.img img.img{width:70px; height:112px;}
    ul.album-list li div.info span.tit{font-size:14px;}
    ul.album-list li div.info span.count{font-size:12px;}
    div.btn-album-area{padding:15px 0 23px 0; text-align:center; width:auto;}
    div.btn-album-area a.btn-album-make{font-size:13px; border-radius:0; color:#fff; background:#6dd0cd; border:none; width:95px;}
    div.btn-album-area a.btn-album-edit{display:inline-block; font-size:13px; color:#fff; background:#9d9d9d url(/images/main.png) no-repeat -81px -469px; border:none; padding:6px 24px 6px 36px; width:60px; background-size:109px auto; font-weight:bold; width:75px;}

    div.album-edit-area{padding:0 15px 0 0; margin:-25px 0 15px 0;}

    div.tit-top{display:none;}
    div.mobile-titarea{display:block; background:#fff; margin-bottom:5px; border-bottom:1px solid #dcdcdc;}
    div.mobile-titarea h1{font-size:15px; color:#505050; font-weight:bold; padding:13px 0 11px 15px; margin:0;}
    ul.thumnail-list li div.dt-select{display:none;}
    ul.thumnail-list li div.mobile-select{display:block;}
    ul.thumnail-list li div.mobile-select div.modal-bg{opacity:0.7; display:block; z-index:1;}
    a.btn-mobile-check{display:inline-block; width:45px; height:45px; background:url(/images/main.png) no-repeat -69px -38px; position:absolute; z-index:100; top:50%; left:50%; margin:-22px 0 0 -22px;}
    a.btn-mobile-check2{display:inline-block; width:30px; height:30px; background:url(/images/main.png) no-repeat 0px -1025px; background-size:102px auto; position:absolute; z-index:100;}

    !*layer*!
    div.modal-layerpop{}
    div.w500{width:90%; left:5%; margin-left:0;}
    div.modal-layerpop div.layer-cont{}
    div.modal-layerpop div.layer-btm{}
    div.modal-layerpop div.layer-btm a.btn-cancel{}
    .mgtm93{margin-top:-93px !important;}
    div.modal-layerpop div.layer-cont div.inarea{padding:10px 10px 30px;}
    div.modal-layerpop p.notify{font-size:16px;}
    div.modal-layerpop p.noti-info{font-size:15px; letter-spacing:-2px;}
    div.modal-layerpop p.notify2{font-size:12px; letter-spacing:-1px;}

    !*edit*!
    div.m-edit-area{position:relative; display:block;}
    h1.tit-type{padding:12px 0 12px 17px; border-bottom:1px solid #dcdcdc; background:#fff; font-size:15px; color:#505050;}
    div.edit-cont-area{background:#fff; border:1px solid #c9c9c9; margin:6px 6px 0 6px;}
    div.edit-cont-area p.txt-info{padding:17px 0 17px 17px;}
    div.edit-cont-area p.txt-info span.tit{display:block; font-size:15px; color:#565656; font-weight:bold;}
    div.edit-cont-area p.txt-info span.txt{display:block; font-size:13px; color:#909090; margin-top:15px;}
    div.btn-cont-area{border-top:1px solid #c9c9c9; text-align:center;}
    div.btn-cont-area a{padding:8px 0 10px;}
    div.btn-cont-area a span{display:inline-block; background:url(/images/main.png) no-repeat; padding:4px 0 2px 17px; background-size:130px auto;}
    div.btn-cont-area a.btn-my-setting{color:#656565; display:inline-block; width:32%; border-right:1px solid #c9c9c9; font-size:12px;}
    div.btn-cont-area a.btn-my-setting span{background-position:0 -904px;}
    div.btn-cont-area a.btn-my-share{color:#656565; display:inline-block; width:32%; border-right:1px solid #c9c9c9; font-size:12px;}
    div.btn-cont-area a.btn-my-share span{background-position:0 -946px;}
    div.btn-cont-area a.btn-my-del{color:#656565; display:inline-block; width:32%; font-size:12px;}
    div.btn-cont-area a.btn-my-del span{background-position:0 -992px;}
    div.m-edit-area a.layer-close{top:12px; right:10px;}
    body.mobile div.m-edit-area a.layer-close:hover,body.mobile div.m-edit-area a.layer-close:visited,body.mobile div.m-edit-area a.layer-close:active{background:url(/images/contents.png) no-repeat 0 -659px;}
    div.mobile-message-area{text-align:center; background:#000; opacity:0.8; position:absolute; top:45px; z-index:100; width:100%; display:block;}
    div.mobile-message-area p.ment{color:#cbcbcb; padding:10px 0;}

    ul.mobile-contmove-area{background:#000; opacity:0.8; width:100%; overflow:hidden; display:block;}
    ul.mobile-contmove-area li{float:left; width:33.3%; border-left:1px solid #393939; box-sizing:border-box; text-align:center; color:#fff;}
    ul.mobile-contmove-area li:first-child{border-left:none; width:33.4%; padding-top:9px;}
    ul.mobile-contmove-area li a{color:#fff;}

    div.top-info-area a.btn-apply{left:50%; margin-left:-30px; top:10px; width:66px; height:24px; font-size:12px; padding:0; line-height:24px;}
    div.top-info-area a.btn-ing{left:50%; margin-left:-30px; top:10px; width:66px; height:24px; font-size:12px; padding:0; line-height:24px;}

    !*histroy*!
    div.sorting-area{display:none;}
    div.sorting-cont-area{margin:0 10px; border-top:1px solid #cdcdcd; background:#fbfafa;}
    p.date-area{padding:12px 0; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
    p.date-area span.date{background:none; padding:0 0 0 10px;}
    div.sorting-list-area{border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
    ul.sorting-list{border-bottom:1px solid #cdcdcd;}
    ul.sorting-list li{padding:13px 12px; background:#fbfafa; position:relative;}
    ul.sorting-list li.on{background:#ebebeb;}
    ul.sorting-list li div.select-area{display:none;}
    ul.sorting-list li div.img img{display:none;}
    ul.sorting-list li div.info p.nickname img{display:none;}
    span.ico-search{position:initial; display:inline-block; width:28px; height:17px; background:url(/images/main.png) no-repeat 0 -1145px;}
    span.ico-like{position:initial; display:inline-block; width:26px; height:20px; background:url(/images/main.png) no-repeat 0 -1188px;}
    span.ico-reply{position:initial; display:inline-block; width:22px; height:19px; background:url(/images/main.png) no-repeat 0 -1233px;}
    ul.sorting-list li div.info{padding:0;}
    ul.sorting-list li div.img{margin-right:10px;}
    ul.sorting-list li div.info p.txt{margin:4px 0;}
    ul.sorting-list li div.info p.txt span.tit{font-size:13px; margin:0; height:15px;}
    ul.sorting-list li div.info p.txt span.tx{font-weight:bold; font-size:13px;}
    ul.sorting-list li div.info p.nickname span.name{font-size:12px;}
    ul.sorting-list li a.btn-mobile-check2{top:50%; margin-top:-15px; left:auto; right:13px;}
    ul.sorting-list li.on a.btn-mobile-check2{top:50%; margin-top:-15px; left:auto; right:13px; background-position:-55px -1025px;}

    !*profile*!
    div.profile-tabmenu-area{display:block; position:fixed; top:44px; width:100%; height:49px; border-left:none; border-right:none; border-bottom:1px solid #c9c9c9; margin:0; padding:0;}
    body.profile div.header-in{margin:0;}
    body.profile div.contents div.main-cont{margin:58px 0 0 0;}
    ul.profile-menu{width:100%; margin:0 auto;}
    ul.profile-menu li{margin:0; float:left; width:33.3%; text-align:center;}
    ul.profile-menu.type2 li{width:50%;}
    ul.profile-menu li a{background:none; padding:10px 0 5px;}
    ul.profile-menu li a:hover,ul.profile-menu li.on a{border-bottom:2px solid #6dd0cd;}
    ul.profile-menu li a span{background:url(/images/main.png) no-repeat; display:inline-block; font-size:14px; padding:8px 0;}
    ul.profile-menu li.profile a span{!*background-position:0 -2118px;*! background:none;}
    ul.profile-menu li.admin a span{!*background-position:0 -2179px;*! background:none;}
    ul.profile-menu li.pw a span{!*background-position:0 -2241px;*! background:none;}
    ul.profile-menu li.profile a:hover span,ul.profile-menu li.profile.on a span{!*background-position:0 -2301px;*! background:none; color:#6dd0cd;}
    ul.profile-menu li.admin a:hover span,ul.profile-menu li.admin.on a span{!*background-position:0 -2362px;*! background:none; color:#6dd0cd;}
    ul.profile-menu li.pw a:hover span,ul.profile-menu li.pw.on a span{!*background-position:0 -2424px;*! background:none; color:#6dd0cd;}
    div.profile-section{display:none;}
    div.btn-fixed-area{position:initial; width:auto; text-align:center; border:none; padding:0; background:none; margin:55px 0 0 0;}
    div.btn-fixed-area div.inarea{position:initial; width:auto; margin-left:0;}

    div.mobile-profile-area{display:block;}
    div.m-section div.photo-area{text-align:center; padding:23px 0;}
    div.m-section div.photo-area div.img{position:relative;}
    div.m-section div.photo-area div.img img.img{width:83px; height:83px;}
    div.m-section div.photo-area div.img img.masking{width:83px; height:83px; position:absolute;}
    div.m-section a.btn-edit{color:#858586; display:inline-block; padding:10px;}
    div.info-section{border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background:#fff; margin:0 0 15px;}
    div.info-section div.line-area{font-size:14px; position:relative; padding:15px 20px 15px 75px; border-top:1px solid #f1f1f2;}
    div.info-section div.line-area:first-child{border-top:none;}
    div.info-section div.line-area span.tit{position:absolute; top:6px; left:17px;}
    div.info-section div.line-area span.count{position:absolute; color:#9d9d9d; font-size:12px; bottom:3px; left:9px; width:48px; text-align:center;}
    div.info-section div.line-area span.count em{color:#6dd0cd;}
    div.info-section div.line-area span.section-tit{position:absolute; top:50%; left:17px; margin-top:-7px;}
    div.info-section div.line-area a.btn-line-close{display:inline-block; width:20px; height:20px; position:absolute; top:15px; right:9px; background:url(/images/main.png) no-repeat; background-size:125px auto; background-position:0 -1164px;}
    div.line-area span.ico-face2,div.line-area span.ico-kaka,div.line-area span.ico-tw2,div.line-area span.ico-link2{position:absolute; top:8px; left:17px;}
    div.line-area span.txt-area{display:block; padding-bottom:10px;}
    div.line-area span.txt-in{display:inline-block; position:absolute; top:10px; left:76px; right:43px;}
    div.line-area span.txt-in input.txt{border:none; width:100%; color:#6d6d6d; font-size:14px;}
    a.btn-site-close,body.mobile a.btn-site-close:hover,body.mobile a.btn-site-close:visited,body.mobile a.btn-site-close:active{display:inline-block; width:23px; height:24px; background:url(/images/main.png) no-repeat; background-size:142px auto; background-position:-27px -1322px; position:absolute; top:8px; right:8px;}
    a.btn-add,body.mobile a.btn-add:hover,body.mobile a.btn-add:visited,body.mobile a.btn-add:active{display:block; text-align:center; border-top:1px solid #f1f1f2; padding:10px 0; color:#c0c0c0; font-size:13px;}
    a.btn-add span{background:url(/images/main.png) no-repeat -161px -460px; background-size:177px auto; display:inline-block; padding:0 0 0 17px;}
    div.layer-massage{position:absolute; top:-34px; left:60px; z-index:10; background:#fff; border-radius:3px;  box-shadow: 3px 3px 4px #ddddde; border:1px solid #e6e7e8;}
    div.layer-massage div.in{padding:7px; color:#f15a29; font-size:12px;}
    div.layer-massage span.arrow{background:url(/images/main.png) no-repeat 0 -875px; display:inline-block; width:10px; height:16px; position:absolute; margin:-5px 0 0 10px;}
    div.top-txt-info{padding:10px 17px 22px;}
    div.top-txt-info h1{font-size:17px; color:#6dd0cd; margin-bottom:14px;}
    h1.m-tit{font-size:17px; color:#6dd0cd; margin:0 0 14px 17px;}
    div.top-txt-info h2{font-size:14px; color:#696969; margin-bottom:7px;}
    h2.m-sub{font-size:14px; color:#696969; margin:25px 0 14px 17px;}
    div.top-txt-info p.des{color:#828282; line-height:140%; letter-spacing:-1px;}
    .none-modify.on{display:inline-block; text-align:center; background:#fff; border:1px solid #6dd0cd; border-radius:3px; color:#6dd0cd; padding:9px 47px 8px;}
    .none-modify.on:active{background:#6dd0cd; color:#fff;}
    .none-modify{display:inline-block; text-align:center; border:1px solid #cbcbcb; border-radius:3px; background:#cbcbcb; color:#fff; padding:9px 47px 8px;}
    body.mobile .none-modify.on:hover, body.mobile .none-modify.on:active, body.mobile .none-modify.on:visited{background:#fff; border:1px solid #6dd0cd; color:#6dd0cd;}
    body.mobile .none-modify:hover, body.mobile .none-modify:active, body.mobile .none-modify:visited{border:1px solid #cbcbcb; background:#cbcbcb;}
    div.info-section.password div.line-area{padding:15px 20px 15px 17px;}
    div.info-section.password div.line-area input{width:100%; border:none;}
    div.info-section.password div.line-area input[type=text]{color:#cbcbcb;}
    div.info-section.password div.layer-massage{left:148px; top:-38px;}

    !*series*!
    body.series div.contents div.right-area{display:none;}
    body.series div.contents div.main-cont{float:none; margin:10px;}
    body.series div.contents{padding-top:45px;}
    body.series div.top-info-area div.my-info div.inarea{padding:12px 15px;}
    body.series div.top-info-area div.my-share{border-top:1px solid #c9c9c9;}
    h1.series-tit{font-size:17px;}
    div.top-info-area span.story-count{font-size:12px;}
    div.top-info-area a.btn-like2{background:#6a6e71; border-radius:0; border:none;}
    div.top-info-area a.btn-like2.on{background:#6dd0cd;}
    div.series-area{background:#fbfafa; border-bottom:1px solid #c9c9c9; position:relative; padding:15px 15px 13px 15px;}
    div.series-area div.img{margin-right:13px;}
    div.series-area div.img img{width:45px; height:45px;}
    div.series-cont-area{width:100%;}
    div.series-cont-area div.info-area{margin:0 0 0 10px; width:60%;}
    div.series-area div.series-info{padding:0;}
    div.series-info a.btn-script{position:absolute; top:50%; right:10px; margin-top:-15px; border-radius:25px; border:1px solid #6dd0cd; color:#6dd0cd; background:#fbfafa; padding:6px 9px 6px 6px;}
    div.series-sns{display:none;}
    div.series-cont-area div.img img.img{width:91px; height:56px;}
    div.series-cont-area div.info-area span.user-id-area img{display:none;}
    div.series-cont-area div.info-area span.org{display:none;}
    ul.series-cont-list li{padding:10px;}
    div.series-cont-area div.info-area span.user-id-area em{font-size:12px;}
    div.series-cont-area div.info-area span.tit{margin:4px 0 0; font-size:12px;}
    div.series-cont-area div.info-area span.date{margin:8px 0 0;}

    div.top-info-area div.series-info a.btn-apply{padding:0; height:24px;}
    div.top-info-area div.series-info a.btn-ing{padding:0; height:24px;}

    !*join*!
    body.join div.wrap div.contents{margin:0 auto; padding:20px 0 0 0; !*max-width:550px;*! color:#fff;}
    body.join div.wrap div.tab-cont-area{margin:0 10px;}

    div.join-tab a{color:#fff; border-radius:25px; border:1px solid #fff; margin:0 2px; padding:6px 3px 5px; display:inline-block; opacity:0.2;}
    div.join-tab span{padding:6px 3px 5px; margin:0 2px;}

    h1.join{margin:23px 0 5px 0; font-size:15px;}
    div.join-scroll{width:auto; padding:10px 0 0 0; color:#fff; overflow:hidden; position:relative; overflow-y:scroll; line-height:150%;}
    div.join-scroll div.inarea{padding:10px 10px 0 10px;}

    div.join-type-section{width:310px;}
    div.join-type-inbox{padding:25px 15px; width:280px; height:205px; margin-bottom:15px;}
    div.join-type-inbox p.noti{font-size:13px; margin-bottom:25px;}
    a.btn-join{font-size:13px; padding:12px 0;}
    div.join-type-inbox p.sub{margin-top:16px;}

    div.join-info-section{padding-left:0;}

    p.promise-agree{margin-top:15px;}
    p.promise-agree input.check+label:before{padding-left:10px;}

    div.agree-next-area{text-align:right; margin-top:20px;}
    a.btn-next{display:inline-block; color:#fff; font-size:13px; padding:7px 17px; background:#33b6e3;}
    a.btn-next:hover,a.btn-next.disable{background:#6dd0cd;}

    div.join-inarea{padding:0 10px 50px 10px; min-height:480px;}

    span.input-box{width:100%; padding:6px 0 5px;}
    span.input-box input[type=text], span.input-box input[type=password],span.email-box input[type=text],span.email-box2 input[type=text]{width:83%; margin-left:5px; padding:0;}
    span.email-box{width:50%; margin-right:0; float:left; padding:6px 0 5px;}
    span.email-box input[type=text]{width:80%; margin-right:5px;}
    span.email-box2{width:49%; float:right; margin-right:0; padding:6px 0 5px;}
    span.email-box2 input[type=text]{width:90%;}
    .wselect span.select-box{width:87px;}
    .wselect span.select-box span.tit{width:87px; background:url(/images/main.png) no-repeat 75px -2489px;}
    .wselect span.select-box ul.select-list{width:97px;}
    div.layer-massage2{position:absolute; z-index:10; background:#fff; border-radius:3px; border:1px solid #e6e7e8; margin-top:-38px;}
    div.layer-massage2 div.in{padding:7px; color:#6dd0cd; font-size:12px;}
    div.layer-massage2 span.arrow{background:url(/images/main.png) no-repeat 0 -875px; display:inline-block; width:10px; height:16px; position:absolute; margin:-5px 0 0 10px;}
    div.line-section-area a.sex{width:49%;}

    div.bg-area{width:320px; margin:0 auto;}
    div.bg-area img{width:100%;}
    div.bg-area p.ment{background:none; font-size:15px;}

    h2.tab-kakao a{background-position:-165px 0; border-radius:0 5px 0 0;}
    h2.tab-kakao.on a{background-position:-165px -40px;}

    div.btn-info-area{padding-top:0; position:fixed; bottom:0; left:0; width:100%; margin:0;}
    a.btn-info-type{display:inline-block; width:32.1%; float:left; color:#fff; background:#a3a3a3; font-size:15px; padding:15px 0; text-align:center;}
    a.btn-info-type2{display:inline-block; width:67.9%; float:left; color:#fff; background:#00a6da; font-size:15px; padding:15px 0; text-align:center;}
    a.btn-info-cancel{display:none;}

    div.mail-confirm{margin-bottom:40px;}

    div.agree-next-area{text-align:center; margin-top:0; width:100%; position:fixed; bottom:0; left:0;}
    div.agree-next-area a.btn-next{float:left; width:67.9%; display:inline-block; background:#33b6e3; font-size:15px; padding:15px 0;}
    div.agree-next-area a.btn-prev,div.agree-next-area a.btn-cancel{float:left; width:32.1%; display:inline-block; color:#fff; font-size:15px; padding:15px 0; background:#a3a3a3;}
    !*div.agree-next-area a.btn-next.w100{width:67.9%;}*!
    div.agree-next-area a.btn-complete{width:100%; padding:15px 0; text-align:center; display:inline-block; font-size:15px; background:#33b6e3; color:#fff; text-decoration:none;}
    div.agree-next-area.dt-none{display:block;}

    span.input-box span.count{margin-top:2px; margin-right:5px;}

    div.pop-join{width:310px; height:auto; top:15%; left:2%;}
    div.pop-join div.top-cont p.user-info{margin:20px 0;}
    div.pop-join div.top-cont{padding-bottom:30px;}

    div.bg-area a.btn-ment{position:fixed; bottom:0; left:0; width:100%;}

    p.guide-txt{text-align:center; margin-top:75px; line-height:150%;}

    !*notice*!
    div.notice-top-area{padding:8px 20px; margin-top:-5px;}
    div.notice-top-area h2{font-size:15px; color:#505050; padding:6px 0 5px;}
    div.notice-section p.date-area{border:none; background:#fff; padding:13px; border-bottom:1px solid #d4d4d4;}
    p.date-area span.date{padding:0; margin-left:20px;}
    div.notice-top-area a.btn-notice{background:none; color:#00a6da; border:1px solid #6dd0cd; border-radius:25px; padding:5px 6px; font-size:12px; margin-top:-27px;}
    div.notice-section{border:1px solid #c9c9c9; margin:50px 10px 10px 10px; padding:0;}
    ul.notice-list li{padding:13px;}
    ul.notice-list li div.img,ul.notice-list li div.best{margin-right:10px;}
    ul.notice-list li div.info{width:75%;}
    ul.notice-list li p.line span.user-nick{font-size:14px; margin-right:6px;}
    ul.notice-list li p.line span.tit{font-size:12px;}

    ul.notice-list li div.inarea{position:relative; padding-bottom:15px;}
    ul.notice-list li p.line span.date{position:absolute; bottom:0; left:72px;}

    !*new notice*!
    div.noti-section{margin:5px 10px 10px 10px; border:none; background:none;}
    div.date-section{border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; margin-bottom:10px; background:#fff;}
    div.date-section div.date-area{position:inherit; width:auto; height:auto; text-align:left; margin:0; padding:7px 9px; border-bottom:1px solid #c9c9c9; border-top:1px solid #c9c9c9; letter-spacing:0;}
    div.date-section div.date-area span.month{display:inline; font-size:14px;}
    div.date-section div.date-area span.day{display:inline; font-size:14px;}
    div.date-section div.date-area span.point{display:inline;}
    ul.noti-list-type li{border-top:1px solid #f1f1f2;}
    ul.noti-list-type li:first-child{border-top:none;}
    ul.noti-list-type li div.noti-area{margin:0; padding:10px; border-bottom:none;}
    ul.noti-list-type li div.noti-area div.img img.img{display:none;}
    ul.noti-list-type li div.noti-area div.txt{position:inherit; margin-left:20px;}
    ul.noti-list-type li div.noti-area div.txt a.edit-txt{margin:5px 0 0;}
    a.edit-link span.user-img{display:none;}
    ul.noti-list-type li div.noti-area div.img span.reply{position:inherit; width:13px; height:9px; background-size:250px 250px; background-position:-238px -240px; margin-top:2px;}
    ul.noti-list-type li div.noti-area div.img span.like{position:inherit; width:13px; height:11px; background-size:250px 250px; background-position:-238px -221px; margin-top:2px;}

    !*setting*!
    body.setting div.contents div.main-cont{margin:58px 0 0 0;}
    body.setting ul.profile-menu li{width:33.3%; letter-spacing:-1px;}
    ul.profile-menu li span.ico{padding-top:18px; padding-bottom:18px; padding-left:0; display:inline-block; background:none;}
    div.setting-section{background:none; padding:0; border:none;}
    div.setting-section h1{display:none;}
    div.setting-section div.setting-left-area{width:auto; float:none;}
    div.setting-section div.setting-right-area{width:auto; float:none;}
    div.setting-section div.setting-left-area span.tit{color:#696969; font-size:15px; font-weight:bold; margin:10px 0 10px 10px;}
    table.setting-section-list{border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
    table.setting-section-list th{width:40%; padding:7px 0 7px 10px; font-size:13px; border-bottom:none; border-top:1px solid #e6e7e8; background:#fff;}
    table.setting-section-list td{width:60%; padding:7px 10px 7px 0; font-size:13px; border-bottom:none; border-top:1px solid #e6e7e8; background:#fff;}
    table.setting-section-list tr:first-child th, table.setting-section-list tr:first-child td{padding-top:7px; border-top:none;}
    div.btn-right-area{padding-top:12px;}
    div.btn-right-area a.btn-txt{color:#00a6da; margin-right:15px; font-size:13px;}
    .btn-off,body.mobile .btn-off:hover,body.mobile .btn-off:visited,body.mobile .btn-off:active{width:57px; height:27px; background:url(/images/bg_onoff.png) no-repeat; background-size:57px 85px; background-position:0 -29px;}
    .btn-off.on,body.mobile .btn-off.on:hover,body.mobile .btn-off.on:visited,body.mobile .btn-off.on:active{background:url(/images/bg_onoff.png) no-repeat; background-size:57px 85px; background-position:0 -58px;}
    table.setting-section-list span.note{letter-spacing:-1px; margin:0;}
    table.setting-section-list.inquire th{display:none;}
    table.setting-section-list.inquire td{text-align:center;}
    table.setting-section-list td a.btn-type4{width:auto; background:none; border:none; color:#00a6da; font-size:13px;}
    div.depth-seciton{padding-top:15px; top:-1px;}

    !*error*!
    div.error-section div.img img{width:70%;}

    !*welcome*!
    div.welcome-section div.img img{width:70%;}

    !*installapp*!
    div.installapp-section{ margin-top: 30px; }
    div.installapp-section div.img img{width:70%;}

    !*landing*!
    body.landing div.contents{padding-top:45px; overflow:hidden;}
    !*body.landing div.cont-container div.left-area div.inarea{padding:15px 0;}*!
    div.contents div.main-cont.landing-cont{margin:0;}
    div.landing-left-area{float:none; width:100%; border-radius:0;}
    body.landing div.left-menu{display:block;}
    body.landing div.contents div.left-area{display:none; z-index:1000000;}
    div.landing-right-area{display:none;}
    div.landing-left-area div.cartoon-section{right:0;}

    !*policy*!
    body.policy div.contents div.main-cont{margin:58px 0 0 0;}
    body.policy div.profile-tabmenu-area{height:auto;}
    body.policy ul.profile-menu li{!*width:25%;*! width:50%; letter-spacing:-1px;}
    body.policy ul.profile-menu li a span{background:none;}
    body.policy div.setting-section{background:#fff; margin:0 10px 0 10px; padding:10px; border:1px solid #e6e7e8;}
    body.policy div.setting-section h1{display:block; font-size:15px; padding-bottom:10px;}
    div.policy-box{border:none; padding:0;}

    !*search*!
    body.search div.contents div.right-area{display:none;}
    body.search div.contents div.main-cont{float:none; margin:0;}
    body.search div.contents{padding-top:45px;}
    body.search div.top-info-area div.my-info div.inarea{padding:0 15px 12px;}
    body.search div.top-info-area div.my-share{border-top:1px solid #c9c9c9;}
    body.search div.tab-area{margin:0; border-top:none; padding:0 11px;}
    body.search div.series-list-area,body.search div.scription-area{margin:102px 10px 0;}
    div.info-fixed{width:100%; padding:0; top:44px;}
    div.info-fixed-in{margin-right:0;}
    div.search-bar{padding:10px 0;}
    div.input-boxarea{width:93%;}
    div.no-data{margin-top:99px; background:none; border:none;}
    div.no-data p{width:100%;}
    body.search ul.scriptor-list div.scription-info-area div.img{margin-left:15px;}
    body.search div.scription-info-area div.img{margin-left:15px;}

    div.mobile-search-area{display:block; padding:15px 15px 0; margin-top:60px;}
    div.mobile-search-area h2{font-size:14px; color:#404041; margin:0 0 10px 10px;}
    ul.recommend-word-list{width:100%; overflow:hidden;}
    ul.recommend-word-list li{float:left; width:33.3%;}
    ul.recommend-word-list li a{background:#fff; height:87px; border:1px solid #dcdcdc; display:block; margin:3px;}
    body.mobile ul.recommend-word-list li a:hover,body.mobile ul.recommend-word-list li a:active,body.mobile ul.recommend-word-list li a:visited{background:#fff; height:87px; border:1px solid #dcdcdc; display:block; margin:3px;}
    ul.recommend-word-list li a span{display:table; width:100%; height:87px;}
    ul.recommend-word-list li a span em{display:table-cell; width:100%; height:87px; vertical-align:middle; text-align:center; padding:0 10px;}

    !*login*!
    h1.logo{margin:20px auto 15px; width:140px; height:50px; background-size:140px 50px;}
    h1.logo a{width:140px; height:50px;}
    div.email-tab-area{padding:15px 0 0; height:160px;}
    div.email-tab-area div.email-write-area{width:90%; margin:0 auto;}
    div.email-tab-area a.btn-login{padding:9px 0;}
    a.btn-fblogin,a.btn-kakao{padding:9px 0;}
    hr.login-area{margin:9px 0;}
    div.login-section input[type=text], div.login-section input[type=password]{padding:8px 12px 5px;}
    div.find-info-area{padding:30px 0 0;}

    !*layer*!
    div.modal-layerpop div.layer-cont div.scroll-area ul.album-list{width:300px;}

    !*scirption*!
    .btn-apply{font-size:11px; width:58px; height:20px; padding:0; line-height:21px;}
    .btn-apply:hover{border:1px solid #6dd0cd; background:none; color:#6dd0cd;}
    .btn-ing{font-size:11px; width:58px; height:20px; padding:0; line-height:21px;}

    !*error*!
    div.service-ready{padding:60px 0 0 0;}

    !*iframe*!
    .frame-section{width:auto; height:auto;}
    body.mobile .frame-section{overflow-y:scroll; -webkit-overflow-scrolling:touch;}

    !*banner-pop*!
    div.banner-popup{display:block; position:absolute; width:100%; height:95%; padding:0; z-index:1001; background:#fff; left:0; top:45px;}
    div.banner-popup div.container {overflow-y:auto;margin-top:40px;-webkit-overflow-scrolling:touch;}
    div.banner-popup p.tit{color:#6dd0cd; text-align:center; font-size:30px; letter-spacing:-2px;}
    div.banner-popup div.des{font-size:16px; color:#646464; text-align:center; margin:30px 0;}
    div.banner-popup div.des p{letter-spacing:-1px; padding:12px 0 0; margin:0 auto; border-top:1px solid #e6e6e6; width:85%; line-height:140%;}
    div.banner-popup div.des img.img{width:85px; height:70px;}
    div.banner-popup div.btn-downroad {padding-bottom:30px;}
    div.btn-downroad a.btn-download{display:block; width:239px; height:40px; background:url(/images/banner_pop.png) no-repeat 0 -85px; margin:0 auto; background-size:239px 213px;}
    div.btn-downroad a.btn-view{display:block; width:239px; height:40px; background:url(/images/banner_pop.png) no-repeat 0 -135px; margin:10px auto 0; background-size:239px 213px;}
    div.banner-popup a.btn-close{position:absolute; top:15px; right:15px; display:block; background:url(/images/banner_pop.png) no-repeat 0 -198px; width:15px; height:15px; background-size:239px 213px;}
}*/