@charset "utf-8";

.f_left{float:left;}
.f_right{float:right;}
.c_orange{color:#f46f01 !important; font-style:normal !important;}
.c_blue{color:#d61518 !important;}
.btone{border-top:1px solid #dadada;}
.bbone{border-bottom:1px solid #dadada !important;}
.bb_none{border-bottom:none !important;}

.contentTitle2{position:relative; margin-top:10px; width:100%; min-height:44px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.contentTitle2 h3{font-size:1.35em;}
.contentTitle2.border{border-bottom:2px solid #9d9d9d;}
.contentTitle2 .btn_base.more{padding:6px 7px; position:absolute; top:6px;}
.btn_others{background:none !important;}

.seltwo{padding:0 10px 10px;}
.seltwo .selectWrap{float:left; width:46%;}
.seltwo select{width:100%;}


#layer .inner.club .layerCon{padding:20px 10px 10px; text-align:center;}
#layer .inner.club .c_orange{margin-top:10px; font-size:0.85em; line-height:1.2;}
#layer .inner.club .btnArea a span{min-width:40px;}

#layer .premium{width:250px; margin:0 0 0 -125px;}
#layer .premium h1{letter-spacing:-1px; border-bottom: 1px solid #666; background:#ff5a59;}
#layer .premium .layerCon{padding:20px 0 10px; text-align:center; border:0; background:#dedede;}

/* rank */
.sub_ranking{padding:0 0 10px 0;}
.sub_ranking .tab{margin-bottom:8px;}
.sub_ranking .tab li{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.sub_ranking .tab li:last-child{width:34%;}
.sub_ranking .ranking{position:relative; height:270px; overflow:hidden; margin:0 10px;}
.sub_ranking .ranking .swiper-slide{float:left;}
.sub_ranking .pagination{width:100%; padding:0; text-align:center;}
.sub_ranking .pagination span{display:inline-block; width:9px; height:9px; overflow:hidden; margin:0 6px; box-shadow:inset 1px 1px 2px rgba(0, 0, 0, .32); border-radius:50%; background:#c4c4c4;}
.sub_ranking .pagination span.swiper-active-switch{background:#d61518;}

.sub_ranking .baseTbl{table-layout:fixed;}

.sub_ranking2 #id_loading_area{position:absolute; top:130px; left:50%; width:26px; margin:0 0 0 -13px;}
.sub_ranking2 h3{margin:0 0 10px 0; border-bottom:2px solid #9d9d9d;}

.r_list{position:relative; color:#292929;}
.r_list ul{padding:0 10px;}
.r_list ul li{position:relative; min-height:70px; overflow:hidden; padding:10px 0 10px 95px; border-bottom:1px solid #ebebeb;}
.r_list ul li .pic{position:absolute; top:10px; left:0; margin-right:10px; padding:5px; width:77px; border:1px solid #c6cacc;}
.r_list ul li .rank{width:21px; height:20px; padding:5px 3px 0 0; color:#fff; -webkit-text-stroke-width:.02em; text-align:center; position:absolute; top:-10px; left:0;}
.r_list .cnt{float:left; font-size:1.42em; -webkit-text-stroke-width:.02em;}
.r_list .cnt em{float:left; margin:0 5px 0 0; padding:0 2px 0 0; font-style:normal; color:#fff;}
.r_list .cnt span{display:block; min-width:50px; padding:4px 5px 4px 5px; font-size:0.55em; font-weight:bold; text-align:center; background-size:auto 18px;}
.r_list .yellow{background:url(../images/ranking/ico_cnt_right.png) no-repeat right 0;}
.r_list .yellow span{background:url(../images/ranking/ico_cnt_left.png) no-repeat;}
.r_list .green{background:url(../images/ranking/ico_game_right.png) no-repeat right 0;}
.r_list .green span{background:url(../images/ranking/ico_game_left.png) no-repeat;}
.r_list .purple{background:url(../images/ranking/ico_cri_right.png) no-repeat right 0;}
.r_list .purple span{background:url(../images/ranking/ico_cri_left.png) no-repeat;}
.r_list ul li .loc{clear:both; padding-top:2px; font-size:1.07em; line-height:1.4;}
.r_list ul li .loc.none{font-size:0.9em;}
.r_list ul li .loc span{color:#d61518;}

.paginate.page3{margin-bottom:20px;}
#rankfrm{overflow:hidden;}
#rankfrm .caution{padding:10px; line-height:1.2;}
#rankfrm a{float:right; display:block; margin:0 10px 8px 0; font-size:0.93em; color:#505050;}
#rankfrm a img{margin:0 0 0 0;}
.rank_form{position:relative; margin:10px 5px;}
.rank_form .selectWrap{float:left; width:46%; height:30px; margin:0 5px; background:#f7f9fa url(../images/common/bg_select_retina.png) no-repeat right top / 30px 30px;}
.rank_form .selectWrap + .selectWrap{float:right;}
.rank_form .first + span{position:absolute; z-index:20; display:block; width:100%; height:30px; padding:0 0 0 5px; background:#f7f9fa; -webkit-box-sizing:border-box;}
.rank_form .selectWrap .select{font-weight:bold;}
.rank_form select{width:100%;}
.rank_hform{display:none; margin:10px 5px 0; overflow:hidden;}
.rank_hform .selectWrap{float:left; width:46%; height:30px; margin:0 5px 10px 5px; background:#f7f9fa url(../images/common/bg_select_retina.png) no-repeat right top / 30px 30px;}
.rank_hform .selectWrap:nth-child(odd){float:right;}
.rank_hform select{width:100%;}
.game_ranking .selectWrap{width:100%;}

.rank_form1{position:relative; padding:0 0px 10px 10px;}
.rank_form1 .selectWrap{float:left; width:47%;height:27px; margin-top:10px;}
.rank_form1 .first + span{position:absolute; z-index:20; display:block; width:100%; height:27px; padding:0 0 0 5px; background:#f7f9fa; -webkit-box-sizing:border-box;}
.rank_form1 select{width:100%;}
.rank_form1 .btn_base{padding:6px 7px 6px; position:absolute; top:10px; right:10px;}

/* 2015-08-27 */
.rank_form2 {position:relative; margin:10px 5px;}
.rank_form2 .select_a01 {padding-right:165px;}
.rank_form2 .select_a01 .selectWrap{float:left; width:48%; height:30px; margin:0; background:#f7f9fa url(../images/common/bg_select_retina.png) no-repeat right top / 30px 30px;}
.rank_form2 .select_a01 .selectWrap + .selectWrap{float:right;}
.rank_form2 .select_a01 select {width:100%;}
.rank_form2 a {position:absolute; top:0; right:4px;}
.rank_form2 a.btnBlue {display:inline-block; margin-top:2px; padding:0 20px 0 8px; background:#d61518 url(../images/ranking/battle/bg_arr.png) no-repeat right center; background-size:14px auto; border:1px solid #9c0e10; font-size:0.928em; color:#fff; height:24px; line-height:24px; -moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;}
/* 2015-08-27 */

.rival_list{position:relative;}
.rival_list div.inner{margin:0 10px;}
#rival_list{position:relative; z-index:2; min-height:85px; overflow:visible !important;}
#rival_list2{position:relative; overflow:hidden; margin:0 10px; overflow:auto; padding-bottom:1px;}
#rival_list2 * {-moz-box-sizing:border-box !important;}
#rival_list2 th{border:1px solid #c3c3c3; border-top-width:2px; border-left:0;}
#rival_list2 .ajax-loader{position:absolute; top:0px; left:50%; width:26px; margin:0 0 0 -13px;}
#game_score{width:1024px; height:100%;}
#game_score .baseTbl{width:100%; margin:0;}
#game_score .baseTbl th{border:1px solid #c3c3c3; border-top-width:2px; border-left:0 !important;}
#game_score .baseTbl td.first-child{border-left:0;}
#game_score .baseTbl td.last-child{border-right:0;}
#game_score .baseTbl th a{color:#d61518; text-decoration:underline;}
#game_score .baseTbl td{border:1px solid #d6d6d6;}
#game_score .baseTbl .offTable{opacity:.2; filter:Alpha(Opacity=20);}
#game_score .bubble{display:none; position:absolute; top:25px; right:77px; width:110px; padding:7px 0 0 0;}
#game_score .btn_open{position:relative; display:inline-block; width:19px; height:18px;}
#game_score .bubble span{position:absolute; top:-4px; left:50%; display:block; width:15px; height:8px; margin:0 0 0 -7px;}
#game_score .bubble ul{position:absolute; top:5px; left:50%; width:110px; margin:0 0 0 -75px; text-align:left; border-radius:4px; border:1px solid #a7a9af; background:#fff;}
#game_score .bubble li{font-size:0.93em; border-bottom:1px solid #c4c4c4;}
#game_score .bubble li:last-child{border-bottom:0;}
#game_score .bubble li a{display:block; padding:10px; color:#26282d; text-shadow:none;}
#rival_list .up{color:#e00;}
#rival_list .down{color:#004ece;}
.versus_ranking{padding:10px 0 0 0;}
.rival_list .arrow{position:absolute; top:50%; right:0; z-index:10; margin:-19px 0 0 0;}
.rank_change{margin:10px; border:1px solid #d0d0d0;}
.score_guide{margin:-10px 0 0 0; padding:5px 0 10px 10px; font-size:0.78em; text-align:center;}
.score_guide a{display:inline-block; margin:4px; font-weight:bold; color:#d61518; text-decoration:underline;}
.versus_ranking table{width:100%;}

/* right_pop */
#right_pop{position:fixed; top:0; right:0; z-index:1000; overflow:auto;}
.right_pop{display:none; position:fixed; top:0; right:0; z-index:999; overflow:auto; z-index:100; width:100%; height:100%; max-height:1000px; border-left:1px solid #ccc;}
.right_pop .bg{position:fixed; top:0; left:0; width:100%; height:100%; opacity:.5; background:#000;}
.right_pop .btn_close{position:absolute; top:10px; right:15px;}
.right_pop .cont{position:absolute; top:0; right:0; z-index:100; width:97%; height:100%; overflow:auto; -ms-overflow-style: scrollbar; padding:10px 0; background:#fff;}
.right_pop .cont:after{clear:both; display:block; content:"";}
.right_pop .cont h1{margin:0 0 12px; padding:0 0 10px 10px; font-size:1.2em; border-bottom:1px solid #9d9d9d;}
.right_pop .cont .user_info{position:relative; min-height:120px; max-height:120px; overflow:hidden; margin:0 10px; border-top-left-radius:5px; border-top-right-radius:5px;}
.right_pop .cont .user_info a.btn_option{position:absolute; bottom:10px; right:5px;}
.right_pop .cont .infoArea{padding:0 0 0 85px; font-size:0.85em; color:#2c2c2c;}
.right_pop .cont .user .infoArea li{margin:0px;}
.right_pop .cont .user .infoArea span{padding:0 4px 0 0; color:#4c5559;}
.right_pop .cont .back{display:block; width:100%; min-height:140px; max-height:180px; overflow:hidden;}
.right_pop .cont .back img{max-width:100%; min-height:140px;}
.right_pop .cont .user{position:absolute; top:10px; left:10px; min-width:152px; min-height:86px; overflow:hidden; padding:5px 8px; background:rgba(255,255,255,.55);}
.right_pop .cont .user dt{position:relative; padding:6px 0; word-break:break-all; font-size:1.07em; font-weight:bold; color:#141823;}
.right_pop .cont .user dt img{float:left; margin:-7px 3px 0 0;}
.right_pop .cont .user .pic{position:absolute; top:30px; left:10px; width:78px; height:58px; overflow:hidden; border-radius:3px;}
.right_pop .cont .user .pic img{display:block;}
.right_pop .cont .user .pic .frame{position:absolute; top:0; left:0;}
.right_pop .cont .story_info{position:relative; z-index:2; overflow:hidden; margin:0 10px; border:1px solid #d0d2d5; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.right_pop .cont .notice{position:relative; z-index:2; padding:7px 10px; color:#2c2c2c; border-bottom:1px solid #d7dadf; background:#f9f9f9;}
.right_pop .cont .notice em{display:inline-block; padding:0 2px 0 0; vertical-align:middle; line-height:22px; font-size:0.85em; font-style:normal; color:#fff; background:url(../images/common/notice_right.png) no-repeat right 0; background-size:auto 22px;}
.right_pop .cont .notice em span{float:left; height:22px; padding:0 6px 0 8px; background:url(../images/common/notice_left.png) no-repeat; background-size:auto 22px;}
.right_pop .cont .user_score{overflow:hidden; background:#ededed;}
.right_pop .cont .user_score li{float:left; width:33.3%; font-size:0.78em; font-weight:bold; text-align:center; border-bottom:1px solid #c6c6c7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.right_pop .cont .user_score li div{padding:8px 0; color:#9b9b9b; border-right:1px solid #c6c6c7; border-left:1px solid #f8f8f8; border-top:1px solid #f8f8f8;}
.right_pop .cont .user_score li.first-child div{border-left:0;}
.right_pop .cont .user_score li.last-child{width:33.4%;}
.right_pop .cont .user_score li.last-child div{border-right:0;}
.right_pop .cont .user_score li span{display:block; margin:4px 0 0 ; font-size:1.5em; color:#4e4e4e; -webkit-text-stroke-width:.04em;}
.right_pop .cont .second{border:0;}
.right_pop .cont .second li{width:50%; border-bottom:0;}
.right_pop .cont .second li.last-child{width:50%;}
.right_pop .cont .second p .up{padding:0 0 0 5px; font-size:0.85em; color:#e00;}
.right_pop .hobby{padding:0 10px;}
#id_paging{padding:0 0 20px 0;}
.right_pop .cont .r_reply{border-top:1px solid #d3d3d3;}
.right_pop .cont .r_reply .bg{left:auto;}
.right_pop .cont .r_reply ul li{padding:9px 0; line-height:1.2; border-bottom:1px solid #d8d8d8;}
.right_pop .cont .r_reply ul li img{margin-right:5px;}
.right_pop .cont .r_reply .pic_box{padding:9px 0; word-break:break-all;}
.right_pop .cont .r_reply .pic_box img{float:left; margin-right:5px;}
.right_pop .cont .r_reply .pic_box a.big_view{display:inline-block; max-width:100%; max-height:200px; overflow:hidden; margin:0 0 5px 0;}
.right_pop .cont .r_reply .pic_box a.big_view img{display:block; max-width:100%; margin:10px 0;}

.story_layer{display:none; position:fixed; top:0; left:0; z-index:600; width:100%; height:100%;}
.story_layer .bg{position:fixed; display:block; width:100%; height:100%; opacity:.8; filter:alpha(opacity=80); background:#000;}
.story_layer .inner{position:absolute; top:50%; left:50%; width:99%; height:80%; margin:0 0 0 -49.5%; text-align:center;}
.story_layer .inner img{height:auto; max-width:100%; border:1px solid #fff;}

.right_pop .others{height:100%; background:#fff; overflow:auto; position:relative; z-index:100;}
.right_pop .others .tit{font-size:1.35em; line-height:49px; -webkit-text-stroke-width:.02em;}
.rbtn_area{margin-bottom:20px; padding:0 10px 8px; background:#eceff5;}
.rbtn_area .btn_base{margin-bottom:8px; padding:10px 6px 8px; width:42%; font-size: 0.85em; text-align:left;}
.rbtn_area .btn_base img{margin-top:-10px; float:right;}
.ib_list{margin-bottom:15px;}
.ib_list .tit{padding-left:10px; border-bottom:2px solid #9d9d9d;}
.ib_list ul{margin-top:5px;}
.ib_list ul li{padding:10px; border-bottom:1px solid #ebebeb; overflow:hidden;}
.ib_list ul li .pic{margin-right:11px; float:left;}
.ib_list ul li .txt{position:relative; top:8px;}
.ib_list ul li span{color:#d61518;}
.ib_list ul li .btn_base{position:absolute; top:0; right:10px;}

/* help */
.f_list{overflow:hidden;}
.f_list li{border-bottom:1px solid #dadada; background:url(../images/common/blt_more.png) no-repeat 97% 50%; background-size:auto 13px; overflow:hidden;}
.f_list li a{display:block; overflow:hidden; padding:15px 15px 15px 52px;}
.f_list li .pic{margin-right:10px; float:left;}
.f_list dl{width:83%; float:left;}
.f_list dl dt{margin-bottom:7px; font-size:1.07em; color:#d61518;}
.f_list dl dd{font-size:0.93em; line-height:1.4;}
.f_list li.faq a{background:url(../images/help/h_img1.png) no-repeat 10px 15px / 30px 30px;}
.f_list li.customer a{background:url(../images/help/h_img2.png) no-repeat 10px 15px / 30px 30px;}
.f_list li.privacy a{background:url(../images/help/h_img3.png) no-repeat 10px 15px / 30px 30px;}
.f_list li.caution a{background:url(../images/help/h_img4.png) no-repeat 10px 15px / 30px 30px;}
.f_list li.member a{background:url(../images/help/h_img5.png) no-repeat 10px 15px / 30px 30px;}
.f_list li.id a{background:url(../images/help/h_img6.png) no-repeat 10px 15px / 30px 30px;}
.f_list li.system a{background:url(../images/help/h_img7.png) no-repeat 10px 15px / 30px 30px;}
.f_list li.guide a{background:url(../images/help/h_img8.png) no-repeat 10px 15px / 30px 30px;}

/* 131002 추가 */
.faq_area h4{position:relative; padding:11px 30px 11px 10px; line-height:1.5; font-size:1.21em; cursor:pointer; font-weight:bold; color:#141823; border-top:1px solid #bababa;}
.faq_area h4.first-child{border-top:0;}
.faq_area h4 span{position:absolute; top:50%; right:10px; display:block; width:16px; height:16px; margin:-8px 0 0 0; background:url(../images/common/bg_folding_off.png) no-repeat right center; background-size:16px auto;}
.faq_area h4.active{border-bottom:1px solid #bababa;}
.faq_area h4.active span{background:url(../images/common/bg_folding_on.png) no-repeat right center; background-size:16px auto;}
.faq_area .faq_list{display:none; padding:0 10px; background:#f9f9f9;}
.faq_area .faq_list .faq_q{position:relative; margin:0 0 -1px 0; padding:8px 16px 8px 0; cursor:pointer; border-bottom:1px solid #dadada;}

.faq_area .faq_list .faq_q.active{border:0;}
.faq_area .faq_q span{position:absolute; top:50%; right:0; width:13px; height:8px; margin:-6px 0 0 0; background:url(../images/common/bg_folding2_off.png) no-repeat center center; background-size:13px auto;}
.faq_area .faq_q.active span{background:url(../images/common/bg_folding2_on.png) no-repeat center center; background-size:13px auto;}
.faq_area .faq_q em{float:left; width:17px; margin:0 8px 0 0; padding:1px 0 0 0; text-align:center; color:#fff; font-size:0.85em; font-weight:bold; font-style:normal; border:1px solid #f46f01; border-radius:2px; background:#f58b33;}
.faq_area .faq_list .faq_a{display:none; position:relative; overflow:hidden; padding:0 0 10px 0; line-height:1.4; border:0 !important;}
.faq_area .faq_list .faq_a div{display:block; padding:8px; color:#7a7d85; border-radius:4px; background:#ebebeb;}
.faq_area .faq_a span.answer{position:absolute; top:10px; left:20px; color:#f46f01;}
.faq_area .faq_list p{padding:0 0 10px 0; line-height:1.5;}
.faq_area .faq_list ol li{margin:0 0 0 20px; padding:0 0 4px 0; line-height:1.4; list-style:decimal;}

.help_customer .date{color:#9d9d9d; font-size:0.85em;}
.help_customer .baseTbl .cnt{margin-top:2px;}
.help_customer .baseTbl .cnt span{margin:0 22px 0 2px; color:#d61518; font-size:0.8em;}
.help_customer .baseTbl td.cont{padding-left:12px; text-align:left;}
.help_customer .baseTbl td.cont p img{margin:0 5px 0 0; vertical-align:bottom;}
.help_customer .paging{margin:0 auto;}
.help_customer .customer{padding:10px 10px 20px; border-top:1px solid #dadada;}
.help_customer .customer div.left{float:left; width:48%; margin:0 0 8px 0;}
.help_customer .customer div.right{float:right; width:48%; margin:0 0 8px 0;}
.help_customer .customer .selectWrap{margin:0;}
.help_customer .customer select{width:100%; margin-bottom:5px; padding:0 30px 0 10px;}
.help_customer .customer input[type="text"]{width:74%; padding:5px 0; background:#f7f9fa; float:left;}
.help_customer .customer .btn_default{padding:6px; float:right;}
.help_customer .view_cont{clear:both; margin:0 10px; padding:15px 0 20px; line-height:1.5; word-break:break-all; border-top:1px solid #ebebeb;}

.cus_view{margin:0 10px; padding:10px 0; position:relative; overflow:hidden;}
.cus_view .cnt{color:#d61518; font-size:0.71em; position:absolute; top:10px; right:10px;}
.cus_view .cus_w{margin-top:5px;}

.re_view{border-top:1px solid #9d9d9d;}
.re_view .tit{margin:0 10px; padding:10px 0;}
.re_view .tit img{margin-right:5px;}
.re_view .date{margin-top:8px; float:right;}
.re_view .btn_base{padding:10px 7px;}
.re_view .reply{padding:10px 10px 20px; border-top:1px solid #ebebeb; border-bottom:0;}
.re_view .reply.none{padding-top:0; border-top:none;}
.re_view .reply .btn_reply{margin-top:8px;}

.replyArea{border-top:2px solid #9d9d9d;}
.reply_view{padding:10px; border-bottom:1px solid #ebebeb;}
.reply_view:last-child{border-bottom:0;}
.reply_view dl{position:relative; min-height:50px; padding:0 0 0 75px;}
.reply_view dl.admin{padding:0;}
.reply_view dt.nick{float:left;}
.reply_view dt img{vertical-align:text-bottom;}
.reply_view dd.pic{position:absolute; top:0; left:0;}
.reply_view dd.date{float:right; margin:9px 0 0 0;}
.reply_view dd.txt{clear:both; padding:5px 0 0 0;}
.reply_view  .btnArea{padding:10px 0 0 0; text-align:right;}
.reply_write{margin:-20px 0 0 75px;}

.re_list{padding:0; border-top:2px solid #9d9d9d;}
.re_list li{position:relative; padding:10px 95px 10px 30px; color:#2c2c2c; border-bottom:1px solid #d8d8d8;}
.re_list li a{display:inline-block; width:100%; overflow:hidden; line-height:1.3; text-overflow:ellipsis; white-space:nowrap;}
.re_list li a span{position:static;}
.re_list li span{color:#d61518;}
.re_list li span.arrow{position:absolute; top:12px; left:10px; color:#d61518;}
.re_list li .date{position:absolute; top:12px; left:auto; right:10px; font-size:1em;}

.id_btnArea{padding:15px 10px; text-align:center; border-bottom:1px solid #d3d3d3; overflow:hidden;}
.id_btnArea.last{margin-bottom:50px;}
.id_btnArea .f_center .btn_blue{width:97%;}
.id_btnArea .f_center .btn_blue span{width:100%; padding:0;}
.id_btnArea .txt{display:block; margin:8px 0 0 0; color:#7e7e7e; font-size:0.85em; text-align:center; line-height:1.3;}
.btn_idpw{display:inline-block; width:97%; height:38px; padding:0 0 0 10px; background:url(../images/help/bg_idpw_left.jpg) no-repeat; background-size:auto 38px;}
.btn_idpw span{display:block; height:38px; padding:0 10px 0 0; text-align:center; color:#fff; -webkit-text-stroke-width:.02em; line-height:38px; background:url(../images/help/bg_idpw_right.jpg) no-repeat right 0; background-size:auto 38px;}
.id_btnArea .btn_blue span{min-width:125px;}
.id_btnArea .f_left{width:50%;}
.id_btnArea .f_right{width:50%;}

.idpw_tit{position:relative; overflow:hidden; padding-left:35px; font-size:0.78em; line-height:1.4;}
.idpw_tit img{position:absolute; top:6px; left:10px;}
.idpw_box{padding:35px 0; text-align:center; line-height:1.4; border-top: 2px solid #9d9d9d; border-bottom: 1px solid #d3d3d3;}
.idpw_box p a{color:#d61518;}
#msg_span a{text-decoration:underline; color:#04acde;}

.clasue_box{padding:10px; line-height:1.6;}
.clasue_box .here{color:#f46f04; text-decoration:underline; -webkit-text-stroke-width:.02em;}
.clasue_box .smtp{color:#d61518; text-decoration:underline;}
.clasue_box .notice{padding:10px 11px; color:#2e2d2d; font-size:1.14em; background:#e8eef2; border:1px solid #ddd; border-radius:3px;}
.clasue_box .notice img{margin-right:10px;}
.clasue_box .cus_list{margin:10px 0;}
.clasue_box h4{margin:0 0 8px 0; font-size:1.2em; color:#d61518;}
.clasue_box .txt{margin-bottom:20px;}
.clasue_box ul{margin:0 0 20px 10px;}
.clasue_box ul li{margin:0 0 0 20px; list-style:disc;}
.clasue_box ol{margin:0 0 20px 0;}
.clasue_box ol ol{margin-left:10px;}
.clasue_box a{color:#d61518;}
.clasue_box a:hover{text-decoration:underline;}
.clasue_box .qna_guide{padding:10px 11px; color:#2e2d2d; background:#e8eef2; border:1px solid #ddd; border-radius:3px;}
.clasue_box .qna_guide dt{padding:0 0 5px 0; font-size:1.14em; border-bottom:1px solid #d6d6d6;}
.clasue_box .qna_guide dd{padding:7px 3px 0 3px;}
.clasue_box .qna_guide dd p{margin:0 0 10px 0;}
.clasue_box table{margin:10px 0;}
.clasue_box em{display:block; padding:10px 0 0 0;}

.qna_tab{display:none;}
.qna_tab li{width:50%;}

.t_more{margin:0 10px 5px 0; text-align:right; font-size:0.85em;}
.t_info{padding:15px 18px; color:#7c7e80; line-height:1.2;}
.t_info li{margin:0 0 0 16px; text-indent:-16px;}
.t_info a{color:#d61518;}
.formTbl .txt_g{margin-top:8px; color:#7c7e80; font-size:0.85em;}

.qnaTbl .selectWrap{width:100%;}
.qnaTbl th{width:35%}

/* guide */
.guide_name{height:50px; line-height:50px; margin-top:-1px; border-top:1px solid #dadce0; border-bottom:1px solid #dadce0; background:#edeef1 url(../images/common/blt_downArrow02.png) no-repeat 97% center; background-size:21px auto; overflow:hidden;}
.guide_name.active{background:#edeef1 url(../images/common/blt_upArrow02.png) no-repeat 97% center; background-size:22px auto;}
.guide_name h4{padding:0 0 0 10px; font-weight:bold; color:#4e4e4e;}
.guide_name h4 img{margin-right:12px;}
.guide_list{display:none; width:100%; overflow:hidden;}
.guide_list li{padding:10px 0 10px 20px; line-height:1.5; border-bottom:1px solid #efefef;}
.guide_list li img{margin-right:12px;}
.guide_list li a{display:inline-block; width:98%; color:#747474;}

/* 131002 추가 */
.guide_detail li{padding:12px 10px; line-height:1.5; border-top:1px solid #dadada; overflow:hidden;}
.guide_detail li:first-child {border-top:none;}
.guide_detail li.typeA .pic,
.guide_detail li.typeB .pic{width:100%; padding:0 0 10px 0; text-align:center;}
.guide_detail li.typeA .pic img, .guide_detail li.typeB .pic img{width:100%;}
.guide_detail .c_blue{margin-top:4px; margin-bottom:16px; -webkit-text-stroke-width:.02em;}
/* 140519 가이드 리뉴얼 */
.guide-tbl-box {display:table; padding-bottom:8px; width:100%; table-layout:fixed;}
.guide-tbl-box .cell {display:block; vertical-align:top;}
.guide-tbl-box .cell.imgbox {width:100%; text-align:center;}
.guide-tbl-box .cell img {width:100%;}
.guide-tbl-box .cell.txt {padding:11px 0 0 0;}

/* member */
.member_process .pro_box{padding:15px 10px; line-height:1.2; border-bottom:1px solid #d3d3d3;}
.member_process .pro_box .c_blue{margin-bottom:18px; text-decoration:underline;}
.member_process .pro_box .gray{margin-top:10px; color:#616161;}
.member_process .pro_box .cur_user{margin-bottom:15px;}
.member_process .pro_box .cur_user span{color:#616161;}
.member_process .pro_box ul{margin:10px 10px 0;}
.member_process .pro_box ul li{padding-bottom:5px;}
.member_process .pro_box ul li.chk input{margin-right:5px; width:70%;}
.member_process .pro_box ul li.chk .btn_base{padding:7px;}
.member_process .gray_box{margin:15px 10px 25px; padding:15px; background:#f7f7f7;}
.member_process .gray_box .c_blue{display:block; padding:10px 0; text-decoration:underline;}
.member_process .gray_box ul{padding:10px 0 0;}
.member_process .gray_box ul li{position:relative; padding-bottom:5px;}
.member_process .gray_box ul li input[type="radio"]{position:absolute; top:0; left:0; display:block !important; width:20px; height:20px; opacity:0; filter:alpha(opacity=0);}
.member_process .txt_box{padding:20px 0; text-align:center; line-height:1.2; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.member_process .txt_box .c_blue{display:block; padding:8px 0; text-decoration:underline;}
.member_process .top_txt{padding:10px 0 0 10px; line-height:1.2;}
.member_process .pwd_box{padding:10px;}
.member_process .pwd_box div{position:relative;}
.member_process .pwd_box div label{display:block; margin:0 0 5px 0;}
.member_process .pwd_box .selectWrap{margin:0 0 10px 0; padding:0;}
.member_process .pwd_box input{width:100%; padding:6px 0;}

/* tab */
.tab.max ul li a{padding-top:15px;}
.vod_Mob{height:215px;  padding:0 0 0 0;}
.vod_Mob .bbs_list li{min-height:54px; }