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

/*pikitoon*/
div.kstory-swiper-container{display: none;}
div.toon-slide{margin:8px 0 0; border:1px solid #e6e7e8; position:relative;}
div.toon-slide div.toon-slide-in img{width:100%;}
div.toon-slide div.toon-slide-in img.m-img{display:none;}
div.toon-slide div.toon-slide-control{position:absolute; top:30px; right:40px;}
div.toon-slide div.toon-slide-control a{display:inline-block; width:12px; height:12px; margin:0 -1px; background:url(/images/cartoon_main.png) no-repeat 2px 0;}
div.toon-slide div.toon-slide-control a.on{display:inline-block; width:25px; height:12px; background:url(/images/cartoon_main.png) no-repeat 0 -27px;}

ul.pikitoon-list{width:100%; overflow:hidden; border-bottom:2px solid #e3e3e3; margin:11px 0 20px;}
ul.pikitoon-list li{width:12.5%; float:left; text-align:center;}
ul.pikitoon-list li a{display:block; text-align:center; background:#fff; font-size:16px; color:#444; padding:13px 0 12px;}
ul.pikitoon-list li a:hover,ul.pikitoon-list li a:active,ul.pikitoon-list li a:visited{background:#fff;}
ul.pikitoon-list li.on a{background:#6dd0cd; color:#fff; font-weight:bold;}

div.pikitoon-box{width:100; overflow:hidden;}
h2.toon{float:left; font-size:18px; letter-spacing:-1px; margin:0 0 18px 12px; font-weight:normal;}
h2.toon span{color:#6dd0cd;}
div.btn-status{float:right;}
div.btn-status a{display:inline-block; font-size:18px; color:#cdcdcd; background:url(/images/ico_pikitoon.png) no-repeat; padding-left:24px; margin-left:12px;}
div.btn-status a.on{color:#6dd0cd; background:url(/images/ico_pikitoon.png) no-repeat 0 -30px;}

div.pikitoon-section{border:1px solid #dedede; width:100%; overflow:hidden; margin-bottom:28px; height:197px;}
div.intro-area{float:left; width:20%; padding-right:10px; background:url(/images/arrow3.png) no-repeat right 50%; position:relative; z-index:1; letter-spacing:-1px;}
div.intro-area a.cartoon-tit-area{display:block; width:100%; height:100%; background:#6dd0cd;}
div.intro-area span.tit{position:absolute; top:50%; margin:-47px 0 0 0; width:100%; height:60px; overflow:hidden;}
div.intro-area span.tit-in{display:table; color:#fff; font-size:20px; width:100%; text-align:center; font-weight:200; height:40px; overflow:hidden;}
div.intro-area span.tit-area{display:table-cell; vertical-align:middle; padding:7px 24px 7px 16px; height:40px; background:url(/images/pikitoon_bar.gif) no-repeat 50% bottom;}
div.intro-area span.writer{display:block; position:absolute; color:#fff; font-size:12px; width:100%; text-align:center; top:50%; margin:20px 0 0 -5px;}
div.intro-area img{width:100%;}
ul.pikitoon-area{float:left; overflow:hidden; width:80%; margin-left:-10px;}
ul.pikitoon-area li{position:relative; width:25%; height:100%; float:left; text-align:center; background:#f1f1f2 url(/images/pikitoon_dummy2.gif) no-repeat; background-size:cover; border-left:1px solid #e6e7e8; margin-right:-1px;}
ul.pikitoon-area li:first-child{border-left:none;}
ul.pikitoon-area li span.notyet{display:block; width:100%; height:100%; position:absolute; background:#ddd; opacity:0.5; -ms-filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
ul.pikitoon-area li img.img{width:100%;}
ul.pikitoon-area li a{display:inline-block; width:100%; color:#202021;}
ul.pikitoon-area li div.pikitoon-thumbnail{width:100%;overflow:hidden;}
ul.pikitoon-area li div.pikitoon-info{padding:10px; text-align:left; height:49px; overflow:hidden; line-height:140%; background:#fff;}
div.pikitoon-info span.epi-tit{display:block;}
div.pikitoon-info span.epi-txt{display:block; margin-top:2px;}
.ico-up{position:absolute; top:10px; right:7px; display:inline-block; width:34px; height:34px; background:url(/images/cartoon_main.png) no-repeat -66px 0; z-index:1;}
.ico-new{position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; background:url(/images/cartoon_main.png) no-repeat 0 -40px; z-index:1;}

div.btn-cartoon{position:absolute; bottom:0; left:0; right:10px; background:url(/images/bg_png4.png) repeat;}
div.btn-cartoon a{color:#dcdcdc; display:inline-block; width:48%; text-align:center; padding:8px 0;}
div.btn-cartoon a:hover{color:#6dd0cd;}
div.btn-cartoon a.first{}
div.btn-cartoon a.first:before{content:""; width:1px; height:13px; position:absolute; left:50%; background:#fff; opacity:0.2; -ms-filter: alpha(opacity=20); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);}

div.intro-mobile{display:none;}

/*certify-icon*/
.ico-certify{display:inline-block; width:16px; height:16px; background:url(/images/ico_certify.png) no-repeat -34px -40px; vertical-align:-3px;}
.ico-certify.no-act{background:url(/images/ico_certify.png) no-repeat -34px 0;}

div.card-tit-area div.des-area .ico-certify{vertical-align:-4px;}

div.reply-scroll div.reply-infobox div.reply-info .ico-certify{width:14px; height:14px; background:url(/images/ico_certify.png) no-repeat 0 -40px; vertical-align:-2px; margin-left:1px;}
div.reply-scroll div.reply-infobox div.reply-info .ico-certify.no-act{background:url(/images/ico_certify.png) no-repeat 0 0;}

div.reply-infobox div.reply-info .ico-certify{margin-left:2px; vertical-align:-4px;}

div.top-info-area div.my-info div.txt-info span.tit .ico-certify{width:21px; height:21px; background:url(/images/ico_certify.png) no-repeat -108px -40px; vertical-align:-5px;}
div.top-info-area div.my-info div.txt-info span.tit .ico-certify.no-act{background:url(/images/ico_certify.png) no-repeat -108px 0;}

div.scription-info-area div.txt span.tit .ico-certify{margin-left:-2px;}

ul.sorting-list li div.info p.nickname .ico-certify{width:14px; height:14px; background:url(/images/ico_certify.png) no-repeat 0 -40px; vertical-align:-2px;}
ul.sorting-list li div.info p.nickname .ico-certify.no-act{background:url(/images/ico_certify.png) no-repeat 0 0;}

/*interaction*/
div.detail-area div.interation-area{width:490px; margin:0 auto 100px;}
div.detail-area div.interation-area div.img-upgrade-info{margin-bottom:17px;}
div.detail-area div.interation-area div.img-upgrade-info img{width:100%;}
div.detail-area div.interation-area div.iframe-area{overflow:hidden; margin-bottom:17px; position:relative;}
div.detail-area div.interation-area div.iframe-area div.img-coach{position:absolute; top:0; width:100%;}
div.detail-area div.interation-area div.iframe-area div.img-coach img{width:100%;}
div.detail-area div.interation-area div.iframe-area>iframe{width:100%;height:100%;}
div.detail-area div.interation-area iframe{width:490px; height:780px; margin-bottom:17px;}

div.card-wrap div.inter-area{width:100%;position:relative;}
div.card-wrap div.inter-area div.inter-area-in{width:328px; height:495px; margin:14px auto;}
div.card-wrap div.inter-area div.inter-area-in div.img-upgrade-info{padding-top:60px;}
div.card-wrap div.inter-area div.inter-area-in div.img-upgrade-info img{width:100%;}
div.card-wrap div.inter-area div.inter-area-in div.iframe-area{-webkit-overflow-scrolling:touch; margin-top:33px;}
div.card-wrap div.inter-area iframe{width:328px; height:495px;}
div.card-wrap div.inter-area div.card-sns{left:-6px; bottom:-47px;}
div.card-wrap div.inter-area p.copy{right:0; bottom:-33px; color:#a6a6a6; margin-right:0;}

div.card-wrap div.inter-area.sns-embed div.inter-area-in {overflow:hidden; width:370px;}
div.card-wrap div.inter-area.sns-embed iframe{width:100%; height:100%;}
div.card-wrap div.inter-area.sns-embed div.card-sns{bottom:-38px;}
div.card-wrap div.inter-area.sns-embed p.copy {bottom:-28px;}

div.interation-pop{
    position:absolute;
    z-index:1;
    -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
    border-radius:10px;
}
div.interation-pop div.cont-pop{text-align:center; width:370px; height:101px; padding:37px 0; border-radius:10px; background:url(/images/bg_png5.png) repeat 0 0; text-align:center;}
div.interation-pop div.cont-pop span.tit{margin-bottom:18px; display:inline-block; color:#fff; font-size:26px; font-weight:bold; background:url(/images/interation.png) no-repeat 0 0; padding-left:40px;}
div.interation-pop div.cont-pop p.des{color:#fff; font-size:16px; line-height:150%;}
div.interation-pop a.btn-close{display:block; width:16px; height:16px; background:url(/images/interation.png) no-repeat -84px -84px; position:absolute; right:15px; top:15px;}

div.cardview-pop{position:absolute; width:217px; height:92px; top:198px; right:40px; background:url(/images/interation_pop.png) no-repeat;}
div.cardview-pop div.cardview-pop-in{padding:15px 0 0 15px;}
div.cardview-pop div.cardview-pop-in span.tit{font-weight:bold; padding:3px 0 3px 23px; color:#fff; font-size:14px; background:url(/images/interation.png) no-repeat 0 0; background-size:60px 60px;}
div.cardview-pop div.cardview-pop-in p.des{color:#fff; font-size:12px; margin-top:12px; line-height:130%;}
div.cardview-pop a.btn-close{position:absolute; top:6px; right:19px; display:block; width:16px; height:16px; background:url(/images/interation.png) no-repeat -45px -45px; background-size:60px 60px;}
div.cardview-pop.left{right:auto; left:34px; background:url(/images/interation_pop.png) no-repeat 0 -98px;}
div.cardview-pop.left div.cardview-pop-in{padding:15px 0 0 22px;}
div.cardview-pop.left a.btn-close{top:5px; right:12px;}

/*profile*/
div.btn-del-area{padding:23px 0 0;}
a.btn-id-del{color:#6dd0cd; text-decoration:underline; letter-spacing:-1px; font-size:13px;}
div.modal-layerpop div.layer-btm a.btn-move3{display:block; font-size:14px; background:#6dd0cd; color:#fff; padding:10px 0; font-weight:bold; text-align:center; border-radius:10px;}
div.modal-layerpop div.layer-cont p.tit{font-weight:bold; font-size:18px; color:#58595b; text-align:center; padding:20px 0 0;}
div.modal-layerpop div.layer-cont p.des{font-size:14px; color:#58595b; text-align:center; padding:14px 50px 35px; line-height:20px;}
div.modal-layerpop div.layer-cont p.des em{color:#6dd0cd;}
div.modal-layerpop div.layer-btm.btn-type{padding:0;}

div.modal-layerpop3{background:#fff; position:absolute; z-index:1001; top:25%; left:25%; min-width:300px;}
div.modal-layerpop3 div.inarea{padding:20px 17px;}
div.modal-layerpop3 div.inarea h2{font-size:20px; border-bottom:3px solid #ebebeb; padding:0 0 13px 10px;}
div.modal-layerpop3 div.inarea h3{font-size:20px; color:#6dd0cd; padding:30px 0 10px 10px; font-weight:normal;}
div.modal-layerpop3 div.inarea h4{color:#58595b; font-size:14px; font-weight:bold; margin:23px 0 7px 11px;}
div.inarea-scroll{overflow-y:auto;}
.list-type{margin:0 12px;}
p.list-type{margin-bottom:3px;}
.list-type li,.list-type2 li{margin:0 0 3px;}
.list-type li em,p.list-type em{color:#f15a29;}
.list-type2{margin:0 12px;}
div.modal-layerpop3 div.inarea-footer{border-top:1px solid #e3e3e3; padding:13px 29px 29px 29px;}
div.modal-layerpop3 div.inarea-footer label{font-size:14px; color:#77787a;}
div.modal-layerpop3 div.inarea-footer input{vertical-align:middle;}
div.modal-layerpop3 div.btn-center{text-align:center; margin-top:30px;}
div.modal-layerpop3 div.pw-area{text-align:center; padding:40px 70px 0 70px;}
div.modal-layerpop3 div.pw-area p.des{font-size:15px; color:#58595b;}
div.modal-layerpop3 div.pw-area div.pw-textarea{border:1px solid #e3e3e3; text-align:left; padding:12px 11px 9px; margin:15px 0 0 0;}
div.modal-layerpop3 div.pw-area div.pw-textarea span.tit{color:#58595b; font-size:14px;}
div.modal-layerpop3 div.pw-area div.pw-textarea span.tit:after{content:''; padding:0 12px 0 0; border-right:1px solid #d7d7d7; position:absolute; height:14px;}
div.modal-layerpop3 div.pw-area div.pw-textarea input[type=text],div.modal-layerpop3 div.pw-area div.pw-textarea input[type=password]{border:none; color:#c7c7c8; font-size:14px; font-family:inherit; vertical-align:middle; margin:-3px 0 0 20px;}
div.modal-layerpop3 div.pw-area p.point{color:#f15a29; margin:10px 0 4px;}
div.modal-layerpop3 div.inarea-footer.type2{padding:0 0 27px; border:none;}
div.modal-layerpop3 div.inarea-footer.type2 div.btn-center{margin-top:0;}
a.id-del{display:inline-block; color:#fff; background:#999; font-size:14px; font-weight:bold; padding:9px 15px 8px 15px;}
a.id-del.act{background:#6dd0cd;}
div.modal-layerpop3 a.layer-close{top:18px; right:16px;}

/*join us*/
div.login-section2{}
div.login-signin-bar{width:100%;height: 50px; background:#6dd0cd;text-align:center;}
div.login-signin-bar a{display:inline-block; width:145px; height:30px; background:url(/images/main.png) no-repeat 0 0; margin:12px auto;}
div.login-form{width:337px; padding:45px 44px 30px 44px; background:url(/images/bg_png6.png) repeat; border-radius:0px; margin:0 auto; border:3px solid #6dd0cd;}
/*div.login-form div.login-select-area{border-top:1px solid #c2c2c1; padding-top:17px;}*/
div.email-area{border-bottom:2px solid #c4c5c4; padding:20px 0 9px;}
div.email-area input[type=text],div.email-area input[type=password]{width:100%; color:#828180; font-size:15px; font-family:inherit; background:none; border:none;height: 19px}
div.login-form div.control-area{color:#000; font-size:14px; padding:9px 0 15px;}
div.login-form div.control-area label{margin:0 30px 0 0;}
div.login-form div.control-area input{vertical-align:-1px;}
div.login-form p.info-ment{color:#f34235; font-size:13px; letter-spacing:-1px; margin:10px 0 0; height:43px;}
a.bt-login{display:block; background:#6dd0cd; color:#fff; text-align:center; font-size:16px; padding:17px 0 16px;}
body.mobile a.bt-login,body.mobile a.bt-login:hover,body.mobile a.bt-login:active,body.mobile a.bt-login:visited{background:#6dd0cd; color:#fff;}
p.select-menu{width:100%; position:relative; text-align:center; padding:10px 0 20px;}
p.select-menu:before{content:''; border-top:1px solid #c4c3c3; position:absolute; left:190px; right:0;}
p.select-menu:after{content:''; border-top:1px solid #c4c3c3; position:absolute; left:0; right:177px;}
p.select-menu span.txt{display:inline-block; color:#656564; font-size:14px; position:absolute; margin-top:-8px;}
a.bt-facebook{display:block; background:#556d9c; color:#fff; font-size:16px; text-align:center; padding:16px 0 17px; margin-bottom:7px;}
body.mobile a.bt-facebook,body.mobile a.bt-facebook:hover,body.mobile a.bt-facebook:active,body.mobile a.bt-facebook:visited{display:block; background:#556d9c; color:#fff; text-align:center; padding:16px 0 17px; margin-bottom:7px;}
a.bt-kakao{display:block; background:#b2ae40; color:#fff; font-size:16px; text-align:center; padding:16px 0 17px;}
body.mobile a.bt-kakao,body.mobile a.bt-kakao:hover,body.mobile a.bt-kakao:active,body.mobile a.bt-kakao:visited{display:block; background:#b2ae40; color:#fff; text-align:center; padding:16px 0 17px;}
div.login-select-area{}
div.join-info{width:100%; overflow:hidden; border-top:1px solid #c2c2c1; padding:25px 0 0; margin-top:17px;}
div.join-info a{font-size:16px; text-decoration:underline;}
a.bt-memberjoin{color:#6dd0cd; float:left;}
a.bt-pwfind{color:#626262; float:right;}

div.login-form p.info-tit{font-size:18px; font-weight:bold; text-align:center; color:#707070; margin:13px 0 35px 0;}
div.login-select-area a{display:block; color:#fff; font-size:16px; text-align:center; margin:0 0 10px; padding:16px 0 15px; letter-spacing:-1px;}
div.login-select-area a.bt-login-email{background:#6dd0cd;}
body.mobile div.login-select-area a.bt-login-email,body.mobile div.login-select-area a.bt-login-email:hover,body.mobile div.login-select-area a.bt-login-email:visited,body.mobile div.login-select-area a.bt-login-email:active{background:#6dd0cd;}
div.login-select-area a.bt-login-facebook{background:#546c9b;}
body.mobile div.login-select-area a.bt-login-facebook,body.mobile div.login-select-area a.bt-login-facebook:hover,body.mobile div.login-select-area a.bt-login-facebook:visited,body.mobile div.login-select-area a.bt-login-facebook:active{background:#546c9b;}
div.login-select-area a.bt-login-kakao{background:#b2ae40;}
body.mobile div.login-select-area a.bt-login-kakao,body.mobile div.login-select-area a.bt-login-kakao:hover,body.mobile div.login-select-area a.bt-login-kakao:visited,body.mobile div.login-select-area a.bt-login-kakao:active{background:#b2ae40;}

div.btn-login-area{font-size:16px; letter-spacing:-1px; border-top:1px solid #c4c3c3; padding:25px 0 0; text-align:center; color:#5c5d5d;}
div.btn-login-area a.bt-login2{display:inline-block; text-decoration:underline; color:#6dd0cd; margin-left:6px;}

h1.join-logo{background:url(/images/logo.png) no-repeat 0 0; background-size:212px 76px; display:block; width:212px; height:86px; margin:-52px auto 60px;}
h1.join-logo a{display:block; width:232px; height:80px; position:relative; z-index:1;}

div.join-cont-bg{position:absolute; bottom:auto; top:auto; width:100%; min-height:100%; left:0;}
div.join-cont{width:650px; margin:100px auto 0; padding-bottom:50px;}
h2.join-tit{background:url(/images/member_step.png) no-repeat; width:158px; height:68px; overflow:hidden;}
div.join-step{text-align:right;}
div.join-step span.step{display:inline-block; width:450px; height:45px; background:url(/images/member_step.png) no-repeat 0 -110px;}
div.join-step span.step.type1{background:url(/images/member_step.png) no-repeat 0 -110px;}
div.join-step span.step.type2{background:url(/images/member_step.png) no-repeat 0 -212px;}
div.join-step span.step.type3{background:url(/images/member_step.png) no-repeat 0 -308px;}
div.join-step span.step.type4{background:url(/images/member_step.png) no-repeat 0 -411px;}
ul.m-step{display:none;}

div.join-step-area div.inarea{background:#fff; border:1px solid #e7e7e7; border-radius:3px; padding:4px 34px 39px; margin-top:15px;}
div.join-step-area div.inarea h3{font-size:20px; font-weight:normal; color:#707070; margin:25px 0 10px;}
a.tit-note{font-size:12px; color:#6dd0cd; font-weight:normal; margin-left:10px; letter-spacing:-1px;}
a.tit-note em{text-decoration:underline;}
p.promise-term{font-size:14px; color:#5d5d5d; line-height:20px; margin:20px 0 30px;}
p.promise-term a{text-decoration:underline; color:#6dd0cd;}
a.bt-agree,a.bt-agree:hover,a.bt-agree:visited,a.bt-agree:active{vertical-align:middle; display:inline-block; width:22px; height:22px; font-size:15px; background:url(/images/join.png) no-repeat right 0;}
body.mobile a.bt-agree,body.mobile a.bt-agree:hover,body.mobile a.bt-agree:visited,body.mobile a.bt-agree:active{font-size:15px; background:url(/images/checkbox.png) no-repeat right 4px; background-size:16px 40px;}
a.bt-agree.act,a.bt-agree.act:hover,a.bt-agree.act:visited,a.bt-agree.act:active{background:url(/images/join.png) no-repeat right -58px;}
body.mobile a.bt-agree.act,body.mobile a.bt-agree.act:hover,body.mobile a.bt-agree.act:visited,body.mobile a.bt-agree.act:active{background:url(/images/checkbox.png) no-repeat right -20px; background-size:16px 40px;}
div.promise-box{height:150px; overflow-y:scroll; padding:15px; background:#f0f0f0; border:1px solid #eee; font-size: 14px;}
div.promise-box h3{font-size:14px !important;}
div.promise-box ol{margin:10px 0 0 18px; list-style-type: decimal;}
div.promise-box ol li{margin:0 0 3px;}
div.promise-box .mgt0{margin-top:0 !important;}

div.join-step-area div.inarea hr{border:1px solid #f1f1f1; margin:22px 0 20px;}
div.join-step-area input.b-none{border:none; vertical-align:middle;}
div.join-step-area span.input-out{display:inline-block; border-bottom:2px solid #e9e9e9; padding:7px 0;}
div.join-step-area span.input-out select{border:none;}
div.join-step-area span.input-out.error{border-bottom:2px solid #f34235;}
div.join-step-area span.input-out.act{border-bottom:2px solid #d3d3d3;}
div.join-step-area span.input-out.ok{border-bottom:2px solid #6dd0cd;}
div.join-step-area div.line.pw span.input-out{width:100%; background:url(/images/join.png) no-repeat right 8px; padding:7px 0 7px 0;}
div.join-step-area div.line.pw span.input-out.error{border-bottom:2px solid #f34235; background:url(/images/join.png) no-repeat right -112px; padding:7px 0 7px 0;}
div.join-step-area div.line.pw span.input-out.ok{border-bottom:2px solid #6dd0cd; background:url(/images/join.png) no-repeat right -51px;  padding:7px 0 7px 0;}
div.join-step-area div.line-area.email span.at{vertical-align:bottom; color:#c8c8c8; font-size:16px; margin:0 4px 0 -4px;}
div.join-step-area div.line-area input[type=text]{font-family:inherit; color:#c8c8c8; font-size:14px;}
div.join-step-area span.input-out.act input{color:#828180;height: 16px}
div.join-step-area div.line-area.email input[type=text]{width:228px;}
div.join-step-area div.line-area.pw input[type=text],div.join-step-area div.line-area.pw input[type=password]{width:300px;}
div.join-step-area div.line-area div.line{margin:5px 0;}
div.join-step-area div.line-area.birth input[type=text]{width:130px; text-align:right; color:#58595b; vertical-align:0; padding-right:5px;}
div.join-step-area div.line-area.birth select{vertical-align:-1px; font-size:14px; color:#58595b;}
div.join-step-area div.line-area span.input-out{margin-right:7px; padding:4px 0;}
div.join-step-area div.line-area span.input-out select{width:130px; text-align:right; font-size:12px;}
div.join-step-area div.line-area.nickname{padding-bottom:50px;}
div.join-step-area div.line-area.nickname input[type=text]{width:450px;}

div.join-step-area span.count{font-size:14px; color:#dcdcdc; float:right;}

div.bt-step-area{margin:10px 0 150px;}
div.bt-step-area a.bt-step{display:inline-block; background:#a5a5a5; color:#fff; font-size:16px; width:140px; text-align:center; padding:14px 0 13px;}
div.bt-step-area a.bt-step:hover{background:#7b7b7b;}
div.bt-step-area a.bt-step2{display:inline-block; background:#6dd0cd; color:#fff; font-size:16px; float:right; width:140px; text-align:center; padding:14px 0 13px;}
div.bt-step-area a.bt-step2:hover{background:#6dd0cd;}

a.bt-search{background:#c9c9c9; color:#fff; font-size:14px; padding:9px 9px 8px 10px; vertical-align:-4px;}
body.mobile a.bt-search,body.mobile a.bt-search:hover,body.mobile a.bt-search:active,body.mobile a.bt-search:visited{background:#c9c9c9;}
a.bt-select{display:inline-block; width:130px; text-align:center; background:#f2f2f2; color:#b1b1b1; padding:11px 0 10px; font-size:14px;}
body.mobile a.bt-select,body.mobile a.bt-select:hover,body.mobile a.bt-select:active,body.mobile a.bt-select:visited{background:#f2f2f2;}
a.bt-select.on{background:#6dd0cd; color:#fff;}
body.mobile a.bt-select.on,body.mobile a.bt-select.on:hover,body.mobile a.bt-select.on:visited,body.mobile a.bt-select.on:active{background:#6dd0cd;}

div.join-step-area p.note{color:#6dd0cd; margin:10px 0 0;}
div.join-step-area p.note.error{color:#f34235;}

div.layer-note{width:266px; height:80px; padding:15px 10px; position:absolute; background:url(/images/join.png) no-repeat 0 -258px; margin-top:-140px;}
div.layer-note h2{color:#fff; font-size:16px; font-weight:bold;}
div.layer-note p.txt{color:#fff; font-size:12px; letter-spacing:-1px; margin-top:10px; line-height:16px;}
div.layer-note a.bt-close{display:inline-block; width:12px; height:12px; position:absolute; top:10px; right:10px;}

div.user-edit{display:block; margin:92px auto 55px; width:170px; height:120px; background:url(/images/join.png) no-repeat 32px -422px; position:relative; font-size:12px;}
div.user-edit img.img-area{width:110px; height:110px; border-radius:30px; border-radius:60px; position:absolute; left:32px;}
div.user-edit a.bt-photo{display:block; width:27px; height:27px; position:absolute; top:45px; left:125px; background:url(/images/join.png) no-repeat 0 -569px;}
body.mobile div.user-edit a.bt-photo,body.mobile div.user-edit a.bt-photo:active,body.mobile div.user-edit a.bt-photo:hover,body.mobile div.user-edit a.bt-photo:visited{background:url(/images/join.png) no-repeat 0 -569px;}

div.complete-imgarea{width:302px; height:198px; margin:10px auto;}
div.complete-imgarea img{width:302px; height:198px;}
p.txt-complete{font-size:20px; color:#707070; font-weight:bold; line-height:27px; text-align:center;}
p.complete-email{font-size:20px; color:#5d5d5d; line-height:20px; text-align:center; margin:20px 0 0;}
p.complete-email em{color:#6dd0cd; text-decoration:underline; font-style:italic;}
a.bt-complete{display:block; color:#fff; background:#6dd0cd; width:360px; padding:14px 0 13px; margin:35px auto 0; text-align:center; font-size:16px;}
body.mobile a.bt-complete, body.mobile a.bt-complete:hover, body.mobile a.bt-complete:active, body.mobile a.bt-complete:visited{color:#fff; background:#6dd0cd;}

div.lftype-inarea{padding:22px 30px 30px;}
p.h2-tit{color:#6dd0cd; font-size:21px; font-weight:bold; margin-bottom:28px;}
p.h3-tit{color:#58595b; font-size:14px; font-weight:bold;}
ul.promise-type li{margin:10px 0; line-height:20px; color:#58595b;}

/*main*/
div.contents div.left-area div.login-info div.bt-join{padding-top:45px;}
div.contents div.left-area div.login-info div.bt-join a{color:#6dd0cd; font-size:14px; text-decoration:underline; letter-spacing:-1px;}

div.edit-pro-img{width:332px; height:100px; padding:46px 0 0 95px; text-align:left; background:url(/images/bg_profile.png) no-repeat; position:absolute; top:25px; left:190px; z-index:100;}
div.edit-pro-img p.ment{font-size:14px; font-weight:bold; letter-spacing:-1px; line-height:130%; width:320px;}
div.edit-pro-img a.bt-regist{background:#6dd0cd; color:#fff; display:inline-block; width:86px; height:24px; margin:10px 0 0; padding:8px 0 0 0; text-align:center; font-weight:bold; letter-spacing:-1px; font-size:14px;}
body.mobile div.edit-pro-img a.bt-regist, body.mobile div.edit-pro-img a.bt-regist:hover, body.mobile div.edit-pro-img a.bt-regist:visited, body.mobile div.edit-pro-img a.bt-regist:active{background:#6dd0cd;}
div.edit-pro-img a.bt-close{display:inline-block; width:16px; height:16px; position:absolute; top:18px; right:18px;}

/*player*/
div.simple-indicator div.player-bg-controllbar{position:absolute; width:100%; height:4px; left:0; background:#858585; opacity:0.6; -ms-filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);}
div.simple-indicator div.player-bg-controllbar .slider-bar{position:absolute; height:4px; left:0; width:74px; background:#fff; opacity:0.5; -ms-filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
div.simple-indicator .btn-mute{position:absolute; right:14px; top:17px;}
div.simple-indicator .btn-mute img{width:31px; height:31px; opacity:0.6; -ms-filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);}
div.simple-indicator .btn-mute.on img{opacity:0.8; -ms-filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
div.simple-indicator .btn-sound{position:absolute; right:14px; top:17px;}
div.simple-indicator .btn-sound img{width:31px !important; height:31px !important;}

div.full-indicator div.player-bg-controllbar{position:absolute; width:100%; height:18px; background:url(/images/bg_player.png) repeat; cursor:pointer;}
div.full-indicator div.player-bg-controllbar .slider-bar{position:absolute; height:18px; background:url(/images/bg_player_on.png) repeat; width:4px; z-index:10; left:0;}
div.full-indicator div.player-bg-controllbar span.full-time{position:absolute; top:3px; right:6px; color:#fff; z-index:1;}
div.full-indicator div.player-bg-controllbar span.play-time{position:absolute; top:3px; right:6px; color:#fff;}
div.full-indicator div.player-bg-controllbar span.play-time.out{right:-38px; width:30px; display:block;}
div.full-indicator .btn-mute{position:absolute; right:14px; top:26px;}
div.full-indicator .btn-mute img{width:31px; height:31px; opacity:0.6; -ms-filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);}
div.full-indicator .btn-mute.on img{opacity:0.8; -ms-filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
div.full-indicator .btn-sound{position:absolute; right:14px; top:26px;}
div.full-indicator .btn-sound img{width:31px !important; height:31px !important;}

div.full-play{position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:3;}
div.full-play a.btn-big-play{position:absolute; width:80px; height:80px; top:50%; left:50%; margin:-40px 0 0 -40px; z-index:1; background:url(/images/ico_player.png) -11px -61px no-repeat;}
div.full-play div.bg{width:100%; height:100%; position:absolute; background:#000; opacity:0.6; -ms-filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);}

div.loading-area{position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:6;}
div.loading-area img.ico-loading{width:34px !important; height:34px !important; position:absolute; top:50%; left:50%; margin:-17px 0 0 -17px; z-index:1;}
div.loading-area div.bg{width:100%; height:100%; position:absolute; background:#000; opacity:0.7; -ms-filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}

a.btn-indi-play{position:absolute; display:inline-block; width:20px; height:24px; top:34px; right:59px; background:url(/images/ico_player.png) no-repeat -7px -5px; background-size:63px 88px;}
a.btn-indi-pause{position:absolute; display:inline-block; width:20px; height:24px; top:34px; right:59px; background:url(/images/ico_player.png) no-repeat -41px -5px; background-size:63px 88px;}
a.btn-indi-play img,
a.btn-indi-pause img{opacity:0.6; -ms-filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);}

div.detail-area div.img .btn-mute img{width:32px !important; height:32px !important; opacity:0.6; -ms-filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);}
div.detail-area div.img .btn-mute.on img{opacity:0.8; -ms-filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}

div.player-container {position:relative;text-align:left;width:100%;height:100%;overflow:hidden;}

div.player-container div.player-control-sound{position:absolute;width:100%;top:4px;left:0px;z-index:3;}
div.player-container.on div.player-control-sound{top:18px;}
div.player-container div.player-control-sound a.sound{position:absolute;top:20px;right:16px;width:23px;height:20px;background:url(/images/video/ic_on-off.png) no-repeat 0px -22px;background-size:100%;z-index:1;}
div.player-container div.player-control-sound a.sound.on{top:20px;right:18px;width:20px;height:18px;background:url(/images/video/ic_on-off.png) no-repeat;background-size:100%;}
div.player-container div.player-control-sound div.bg{position:absolute;top:13px;right:13px;width:30px;height:30px;}
div.player-container div.player-control-sound div.bg img {width:100%;}

div.player-container div.player-control-play{position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:2;}
div.player-container div.player-control-play a{position:absolute;width:50px;height:60px;top:50%;left:50%;margin:-30px 0 0 -25px;z-index:1;}
div.player-container div.player-control-play a.stop{background:url(/images/video/ic_play-pause.png) no-repeat 0px -72px;background-size:100%;}
div.player-container div.player-control-play a.play{background:url(/images/video/ic_play-pause.png) no-repeat 0px 0px;background-size:100%;}
div.player-container div.player-control-play a.replay{background:url(/images/video/ic_play-pause.png) no-repeat 0px 0px;background-size:100%;}

div.player-container div.player-video {position:absolute;background:#000;width:100%;height:100%;z-index:1;}
div.player-container div.player-video video {width:100%;height:100%;}
ul.scroll div.player-container div.player-video video {width:100%;height:auto;}

div.player-container div.player-poster {width:100%;height:100%;text-align:center;}

div.full-indicator, div.simple-indicator {position:absolute;width:100%;top:0px;left:0px;z-index:4;}

div.simple-indicator a.btn-indi-pause {display:none;}
div.simple-indicator a.btn-indi-play {display:none;}
div.simple-indicator div.player-bg-controllbar span {display:none;}

/* card-view */
div.card-contents-area div.player-area{display:table; text-align:center; width:100%;}
div.card-contents-area div.player-area div.player-area-in{display:table-cell; vertical-align:middle; padding:0; height:424px;}
div.card-contents-area div.player-area div.player-area-in div.player-box{position:relative; margin:0 59px;}
div.card-contents-area div.player-area div.player-area-in div.player-box img.img{width:100%;}

/* main */
div.main-player-box{}
div.main-player-box div.bg{position:absolute; background:#000; top:0; bottom:0; left:0; right:0; opacity:0.5; -ms-filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
div.main-player-box img.ico-loading{position:absolute; left:50%; top:50%; z-index:1; width:54px !important; height:54px !important; margin:-27px 0 0 -27px;}

/* 쇼핑카드 */
.shopping-card-guide{position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; background:url(/images/bg_png6.png) repeat;}
.shopping-card-guide .inarea{position:absolute; top:50%; left:0; right:0; margin-top:-115px;}
.shopping-card-guide .no-function{text-align:center;}
.shopping-card-guide .no-function img{width:50% !important; height:auto !important; margin:0 auto;}
.shopping-card-guide .btn{font-size:15px; background:#6a6e71; color:#fff; display:block; width:45%; text-align:center; margin:20px auto 0; padding:10px 0 8px; border-radius:3px;}
.shopping-card-guide .btn.selected {background:#6dd0cd;}
.shopping-card-guide .btn span{display:inline-block; background-image:url(/images/contents.png); padding-left:17px; background-size:70px 1400px; background-position:0 -24px;; background-repeat:no-repeat;}
body.msie8 .shopping-card-guide .btn span{background:url(/images/contents2.png) 0 -197px !important;}
/*.shopping-card-guide .btn.app{display:none;}*/
/*.shopping-card-guide .btn.pc{display:block;}*/

.shopping-card{display:table; width:100%;}
.shopping-card .img{text-align:center; display:table-cell; padding:0 45px; vertical-align:middle; position:relative;}
.shopping-card .img img{width:100%;}
.shopping-card .shopping-card-guide {top:0; bottom:0; left:45px; right:45px;}
.hide {display: none}

.main-nav-wrapper {
    margin-top: 10px;
    margin-bottom: 15px;
}
.nav-item a {
    padding: 10px;
    font-size: 18px;
    border: none;
    cursor: pointer;
}
.nav-item img {
    width: 34px;
    margin-right: 8px;
}

.nav-item {
    position: relative;
    display: inline-block;
}

.nav-item-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 140px;
    z-index:1000;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.nav-item-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.nav-item-content a:hover {color: #6dd0cd}

.nav-item:hover .nav-item-content {
    display: block;
}

.nav-item:hover .item-link {
    color: #6dd0cd;
}

.main-kstory-wrapper {
    margin-bottom: 10px;
}

.kstory-item {
    margin-left: 20px;
    width: 454px; display:inline-block; border-bottom: solid 2px #e5e5e5; font-size:16px; padding-top:8px; padding-bottom: 8px;
}

.kstory-item .number {
    display: inline-block;
    font-weight: bolder;
    color: #000;
    overflow:hidden;
    margin-right: 10px;
}

.kstory-item .title {
    max-width:360px;
    display: inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-break:keep-all;
}

.kstory-item .view-cont {
    display: inline-block;
    color: red;
    overflow:hidden;
    margin-left: 10px;
}



/*tablet1*/
/*@media only screen and (min-width:1024px) and (max-width:1279px){
    !*pikitoon*!
    div.pikitoon-cont{margin:0 8px;}
    h2.toon{margin-left:7px;}
    div.toon-slide{margin:0; border-top:none;}

    div.intro-area span.tit-area{padding:7px 12px 7px 2px;}

    !*certify-icon*!
    .ico-certify{display:inline-block; width:14px; height:14px; background:url(/images/ico_certify.png) no-repeat 0 -40px; vertical-align:-1px;}
    .ico-certify.no-act{background:url(/images/ico_certify.png) no-repeat 0 0;}

    div.reply-infobox div.reply-info .ico-certify{vertical-align:-2px;}

    div.contents div.left-area div.login-info p.login-ment .ico-certify{vertical-align:-3px;}

    div.scription-info-area div.txt span.tit .ico-certify{width:16px; height:16px; background:url(/images/ico_certify.png) no-repeat -34px -40px; margin-left:1px; vertical-align:-4px;}
    div.scription-info-area div.txt span.tit .ico-certify.no-act{background:url(/images/ico_certify.png) no-repeat -34px 0;}

    !*join us*!
    h1.join-logo{margin-top:-37px;}

    !*main*!
    div.contents div.left-area div.login-info div.bt-join{padding-top:20px;}
    div.contents div.left-area div.login-info div.bt-join a{font-size:12px;}

    div.edit-pro-img{top:5px; left:130px;}
}*/

/*tablet2*/
/*@media only screen and (min-width:768px) and (max-width:1023px){
    !*pikitoon*!
    div.pikitoon-cont{margin:0 8px;}
    h2.toon{margin-left:7px;}
    div.toon-slide{margin:0; border-top:none;}
    div.pikitoon-section{height:178px;}
    div.intro-area{width:25%;}
    ul.pikitoon-area{width:75%;}
    ul.pikitoon-area li{width:33.3%;}
    ul.pikitoon-area li:first-child{width:33.4%;}
    ul.pikitoon-area li div.pikitoon-info{line-height:130%;}
    div.pikitoon-info span.epi-txt{margin-top:0;}

    div.intro-area span.tit-area{padding:7px 14px 7px 6px;}

    !*certify-icon*!
    .ico-certify{display:inline-block; width:14px; height:14px; background:url(/images/ico_certify.png) no-repeat 0 -40px; vertical-align:-1px;}
    .ico-certify.no-act{background:url(/images/ico_certify.png) no-repeat 0 0;}

    div.reply-infobox div.reply-info .ico-certify{vertical-align:-2px;}

    div.contents div.left-area div.login-info p.login-ment .ico-certify{vertical-align:-3px;}

    div.scription-info-area div.txt span.tit .ico-certify{width:16px; height:16px; background:url(/images/ico_certify.png) no-repeat -34px -40px; margin-left:1px; vertical-align:-4px;}
    div.scription-info-area div.txt span.tit .ico-certify.no-act{background:url(/images/ico_certify.png) no-repeat -34px 0;}

    !*interaction*!
    div.detail-area div.interation-area{width:460px; margin:0 auto 100px;}
    div.detail-area div.interation-area iframe{width:460px; height:780px; margin-bottom:17px;}

    !*join us*!
    h1.join-logo{margin-top:25px;}

    !*main*!
    div.contents div.left-area div.login-info div.bt-join{padding-top:20px;}
    div.contents div.left-area div.login-info div.bt-join a{font-size:12px;}

    div.edit-pro-img{top:0; left:130px;}
}*/

/*mobile*/
/*@media only screen and (max-width:767px){
    .w300{width:300px;}

    !*pikitoon*!
    body.cartoon div.contents{padding-top:45px;}
    div.toon-slide{margin:0; border-top:none;}
    ul.pikitoon-list li a{font-size:15px; padding:10px 0;}
    div.toon-slide div.toon-slide-in img.m-img{display:block;}
    div.toon-slide div.toon-slide-in img.img{display:none;}
    div.toon-slide div.toon-slide-control{top:16px; right:16px;}
    div.pikitoon-cont{margin:0 8px;}
    ul.pikitoon-list{margin:11px 0 10px;}
    div.btn-status{float:none; text-align:right; border-bottom:1px solid #dedede; padding:0 0 8px 0;}
    div.btn-status a{font-size:14px; background-size:15px 40px; padding-left:18px; margin-left:8px;}
    div.btn-status a.on{background:url(/images/ico_pikitoon.png) no-repeat 0 -25px; background-size:15px 40px;}
    h2.toon{float:none; margin:8px 0 8px 7px;}
    ul.pikitoon-list li span{display:none;}
    div.pikitoon-section{height:243px; background:#fff; margin-bottom:12px; overflow:inherit;}
    div.intro-area{display:none;}
    ul.pikitoon-area{margin-left:0; !*position:absolute; left:9px; right:0; margin:0; width:725px;*!}
    ul.pikitoon-area li{width:174px;!*24%;*! margin:0 2px 4px; border:1px solid #e8e8e8; background:#fff;}
    ul.pikitoon-area li:first-child{margin-left:0; border-left:1px solid #e8e8e8;}
    ul.pikitoon-area li div.pikitoon-info{line-height:130%; padding:6px;}
    div.pikitoon-info span.epi-txt{margin-top:0; height:30px; overflow:hidden;}
    .ico-up{width:27px; height:27px; background-size:79px 79px; background-position:-52px 0; top:3px; right:3px;}
    div.intro-mobile{display:block; padding:14px 8px 10px; position:relative;}
    div.intro-mobile span.tit{display:block; color:#6dd0cd; font-size:15px; padding-right:100px; height:18px; overflow:hidden; letter-spacing:-2px;}
    div.intro-mobile span.writer{display:block; color:#444; font-size:12px; padding-right:100px; letter-spacing:-1px;}
    div.intro-mobile span.btn-area{position:absolute; top:16px; right:9px; letter-spacing:-1px;}
    div.intro-mobile span.btn-area a.first{color:#6dd0cd; margin-left:5px;}
    div.scroll-section{overflow:hidden; !*width:101%;*! height:176px; position:absolute; left:18px; right:0;}
    div.pikitoon-scroll{position:relative; overflow-x:auto; overflow-y:hidden; !*height:157px; height:196px; width:101%;*!}

    !*certify-icon*!
    .ico-certify{display:inline-block; width:11px; height:11px; background:url(/images/ico_certify.png) no-repeat -74px -20px; background-size:300px 75px; vertical-align:0;}
    .ico-certify.no-act{background:url(/images/ico_certify.png) no-repeat -74px 0; background-size:300px 75px;}

    div.reply-infobox div.reply-info .ico-certify{vertical-align:0;}

    div.contents div.left-area div.login-info p.login-ment .ico-certify{width:11px; height:11px; background:url(/images/ico_certify.png) no-repeat -74px -20px; background-size:300px 75px; vertical-align:0;}
    div.contents div.left-area div.login-info p.login-ment .ico-certify.no-act{background:url(/images/ico_certify.png) no-repeat -74px 0; background-size:300px 75px;}

    div.series-cont-area div.info-area span.user-id-area .ico-certify{width:13px; height:13px; background:url(/images/ico_certify.png) no-repeat 0 -40px; vertical-align:-2px;}
    div.series-cont-area div.info-area span.user-id-area .ico-certify.no-act{background:url(/images/ico_certify.png) no-repeat 0 0;}

    div.top-info-area div.my-info div.txt-info span.tit .ico-certify{width:13px; height:13px; background:url(/images/ico_certify.png) no-repeat 0 -40px; vertical-align:-1px;}
    div.top-info-area div.my-info div.txt-info span.tit .ico-certify.no-act{background:url(/images/ico_certify.png) no-repeat 0 0;}

    div.scription-info-area div.txt span.tit .ico-certify{width:13px; height:13px; background:url(/images/ico_certify.png) no-repeat 0 -40px; vertical-align:-2px; margin-left:0;}
    div.scription-info-area div.txt span.tit .ico-certify.no-act{background:url(/images/ico_certify.png) no-repeat 0 0;}

    !*interaction*!
    div.detail-area div.interation-area{width:100%; margin:0 auto 30px;}
    div.detail-area div.interation-area iframe{width:100%; height:780px; margin-bottom:17px;}

    div.interation-pop{left:10px; right:10px; z-index:100;}
    div.interation-pop div.cont-pop{width:auto;}
    div.interation-pop div.cont-pop span.tit{font-size:15px; background-size:60px 60px; padding:0 0 2px 25px;}
    div.interation-pop div.cont-pop p.des{font-size:12px;}
    div.interation-pop a.btn-close{top:5px; right:5px; background:url(/images/interation.png) no-repeat -45px -45px; background-size:60px 60px; width:10px; height:10px; padding:5px;}

    !*mobile*!
    a.btn-id-m-del{display:block; padding:15px 20px 15px 20px; font-size:14px; background:#fff; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
    body.mobile a.btn-id-m-del:hover, body.mobile a.btn-id-m-del:active, body.mobile a.btn-id-m-del:visited{border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background:#fff;}
    div.modal-layerpop3{!*top:10px; left:10px; right:10px;*!}
    div.modal-layerpop3 div.inarea{padding:20px 10px;}
    div.modal-layerpop3 div.inarea h2{font-size:16px; border-bottom:2px solid #ebebeb; padding:0 0 7px 5px;}
    div.modal-layerpop3 div.inarea h3{font-size:14px; padding:15px 0 0 5px;}
    div.modal-layerpop3 div.inarea h4{margin:12px 0 3px 6px;}
    .list-type{margin:0 6px;}
    .list-type2{margin:0 6px;}
    div.modal-layerpop3 div.btn-center{margin-top:15px;}
    div.modal-layerpop3 a.layer-close{top:13px; right:13px;}
    div.modal-layerpop3 div.pw-area{padding:20px 0 0;}
    div.modal-layerpop3 div.pw-area p.des{font-size:13px;}
    div.modal-layerpop3 div.pw-area div.pw-textarea span.tit{font-size:13px;}
    div.modal-layerpop3 div.pw-area div.pw-textarea input[type=text]{font-size:13px;}
    a.id-del{font-size:13px;}
    body.mobile a.id-del:hover,body.mobile a.id-del:active,body.mobile a.id-del:visited{background:#999;}
    div.modal-layerpop3 div.inarea-footer{padding:7px 15px 15px;}
    div.modal-layerpop3 div.inarea-footer.type2{padding:0 0 15px;}

    body.mobile a.layer-close:hover,body.mobile a.layer-close:visited,body.mobile a.layer-close:active{background:url(/images/contents.png) no-repeat 0 -659px;}

    !*join us*!
    div.login-section2{padding:0 10px;}
    div.login-form{width:auto; padding:20px;}
    div.email-area input[type=text], div.email-area input[type=password]{font-size:12px;}
    div.login-form div.control-area label{font-size:13px; margin:0 10px 0 0;}
    a.bt-login{font-size:13px; padding:13px 0 14px;}
    div.login-select-area a{font-size:13px; padding:13px 0 14px; margin:0 0 5px;}
    div.join-info a{font-size:13px; padding:13px 0 14px;}
    div.btn-login-area{font-size:13px; padding:15px 0 0; margin-top:20px;}
    div.login-form p.info-tit{font-size:16px; letter-spacing:-1px; margin:13px 0 20px;}
    p.select-menu:before{left:150px;}
    p.select-menu:after{right:137px;}
    div.email-area{border-bottom:1px solid #c4c5c4;}
    div.login-form p.info-ment{font-size:11px; height:35px;}
    p.select-menu{padding:10px 0 14px;}
    div.join-info{margin-top:9px; padding:20px 0 0;}
    div.join-info a{padding:0;}

    h1.join-logo{display:none;}
    div.join-cont-bg{background:none; width:auto; height:100%; background:#efefef; position:absolute; margin:0; top:0; bottom:0; left:0; right:0; !* 2015-06-22 position:inherit; margin:-20px 0 -13px;*! }
    !*body.mobile div.join-cont-bg{min-height:800px; border:1px solid red;}*!
    div.join-cont{width:auto; margin:0; padding-bottom:0; background:#efefef;}
    h2.join-tit{display:none;}
    div.join-step-area{padding:30px 10px 10px;}
    div.join-step span.step{width:100%;}
    div.join-step-area div.inarea{padding:0px 10px 20px; color:#58595b;}
    div.join-step-area div.inarea h3{font-size:15px; margin:20px 0 8px;}
    p.promise-term{font-size:11px; line-height:14px; margin:14px 0 20px;}
    a.bt-agree{font-size:15px;}
    div.bt-step-area a.bt-step{font-size:14px; width:135px;}
    div.bt-step-area a.bt-step2{font-size:14px; width:135px;}
    div.join-step-area div.line-area.email{position:relative;}
    div.join-step-area div.line-area.email span.input-out{margin:0; width:45%;}
    div.join-step-area div.line-area.email a.bt-search{position:absolute; top:-2px; left:65px;}
    div.join-step-area div.line-area.nickname{position:relative;}
    div.join-step-area div.line-area.nickname a.bt-search{position:absolute; top:-2px; left:60px;}
    div.join-step-area div.line-area.nickname span.input-out{width:100%;}
    div.join-step-area div.line-area.nickname input[type=text]{width:80%;}
    div.join-step-area div.line.pw span.input-out{background:url(/images/checkbox.png) no-repeat right 9px; background-size:16px 40px;}
    body.mobile.safari div.join-step-area div.line.pw span.input-out{padding: 2px;}
    div.join-step-area div.line.pw span.input-out.error{background:url(/images/join.png) no-repeat right -84px; background-size:450px 450px;}
    div.join-step-area div.line.pw span.input-out.ok{background:url(/images/checkbox.png) no-repeat right -16px; background-size:16px 40px;}
    div.join-step-area div.line-area.birth a.bt-search{display:block; width:88px; float:right; margin:10px 0 0 0;}
    div.join-step-area div.line-area.birth input[type=text],div.join-step-area div.line-area span.input-out select{width:75px;}

    div.join-step span.step{display:none;}
    ul.m-step{display:block; color:#949494; width:100%; overflow:hidden;}
    ul.m-step li{float:left; width:25%; text-align:center; font-size:12px; padding-bottom:5px; border-bottom:2px solid #dfdfdf;}
    ul.m-step li.as-is{border-bottom:2px solid #6dd0cd; font-weight:bold; color:#6dd0cd;}
    ul.m-step li.before{color:#6dd0cd;}

    div.join-step-area div.line-area input[type=text]{font-size:12px;}
    div.join-step-area div.line-area.email input[type=text]{width:98%;}
    div.join-step-area div.line-area.email input[type=text].e-mail{width:98%;}
    div.join-step-area div.line-area.email input[type=text].e-mail[data-default]{letter-spacing:-1px;}
    div.join-step-area div.line-area.email input[type=text].e-mail2{width:98%;}
    div.join-step-area div.line-area.pw input[type=text], div.join-step-area div.line-area.pw input[type=password]{width:210px;}
    div.join-step-area p.note{margin:5px 0 0;}

    div.bt-step-area{margin:10px 0 0;}

    a.bt-search{font-size:12px; padding:5px 7px 4px 8px;}
    a.bt-select{padding:8px 0; width:84px; font-size:12px;}

    div.layer-note{margin-left:-4px;}

    div.user-edit{margin:42px auto 96px;}

    div.complete-imgarea{width:280px; height:183px; text-align:center;}
    div.complete-imgarea img{width:90%; height:auto;}
    p.txt-complete{font-size:15px; line-height:15px;}
    p.complete-email{font-size:15px; line-height:15px;}
    a.bt-complete{font-size:16px; width:270px; margin:50px auto 30px;}

    div.lftype-inarea{padding:11px 15px 15px;}

    !*main*!
    div.contents div.left-area div.login-info div.bt-join{padding-top:25px;}
    div.edit-pro-img{width:246px; height:114px; background:url(/images/bg_profile_mobile.png) no-repeat; left:auto; padding:140px 30px 0 10px; text-align:center; top:85px; left:50%; margin-left:-133px;}
    div.edit-pro-img p.ment{width:auto; text-align:center;}
    div.edit-pro-img a.bt-close{top:16px; right:31px;}

    !*player*!
    div.simple-indicator div.player-bg-controllbar{height:2px;}
    div.simple-indicator div.player-bg-controllbar .slider-bar{height:2px;}

    div.full-indicator div.player-bg-controllbar{height:13px;}
    div.full-indicator div.player-bg-controllbar .slider-bar{height:13px;}
    div.full-indicator div.player-bg-controllbar span.full-time{font-size:11px; top:1px; right:3px;}
    div.full-indicator div.player-bg-controllbar span.play-time{font-size:11px; top:1px; right:3px;}
    div.full-indicator div.player-bg-controllbar span.play-time.out{right:-24px;}

    div.full-play a.btn-big-play{width:57px; height:57px; background:url(/images/ico_player.png) -7px -43px no-repeat; background-size:78px 109px; margin:-27px 0 0 -27px;}

    div.simple-indicator .btn-mute{top:5px; right:5px;}
    div.simple-indicator .btn-sound{top:5px; right:5px;}
    div.full-indicator .btn-mute{top:17px; right:7px;}
    div.full-indicator .btn-sound{top:17px; right:7px;}

    .btn-indi-play{width:17px; height:21px; background-size:59px 84px; top:24px; right:45px;}
    .btn-indi-pause{width:17px; height:21px; background-size:57px 82px; top:24px; right:44px;}
    .btn-mute img{width:30px !important; height:30px !important;}

    !* 쇼핑카드 *!
    .shopping-card-guide .inarea{!*top:7%; margin-top:0;*!margin-top:-95px;}
    .shopping-card-guide .no-function img{width:60% !important; height:auto !important;}
    .shopping-card-guide .btn{font-size:120%; padding:7px 0 5px; margin:10px auto 0;}
    .shopping-card-guide .btn:hover{background-color:#6dd0cd;}
    .shopping-card-guide .btn span{display:inline-block; background-image:url(/images/contents.png); padding-left:17px; background-position:0 -25px;}
    !*.shopping-card-guide .btn.app{display:block;}*!
    !*.shopping-card-guide .btn.pc{display:none;}*!
}*/