@charset "utf-8";
/* 2016/12/16 16:00 update*/
/* 2016/10/25 17:00 update For V6*/


/*@import url(import/common.css);*/
section, nav, header, aside, footer, menu{display:block;} /* for ie 6, 7, 8 */
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
input,textarea,select,td{font-size:14px;}
table {border-spacing:0; border-collapse:collapse; width:100%;}
address,caption,cite,code,dfn,th,var {font-style:normal;}
th{font-weight:normal;}
ol,ul,li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
legend,caption{display:none;}
img,input,select,textarea{vertical-align:middle;}
img,fieldset {border:none;}
input, textarea, select{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; -webkit-text-size-adjust: none;}
input{letter-spacing:0 !important;}
a{color:#555353; text-decoration:none;}
.skip{position:absolute; top:0; left:-1000px; width:0; height:0; font-size:0; line-height:0;}
menu { margin: 0;  padding: 0;}
/*common*/
.c_red {color:#ff0000;}
.mb10 {margin-bottom:10px;}
.mr10 {margin-right:10px;}
.ta_l {text-align:left;}
.ta_r {text-align:right;}
.ta_c {text-align:center;}



/* @import url(import/layout.css); */
/*2014.03.26 김옥훈 안드로이드 메인 깜빡임 제어*/
#mainSection *{backface-visibility:hidden; -webkit-backface-visibility:hidden;}

/*
guide style
*/
body{min-width:320px !important;}
#wrap{position:relative; width:100%; overflow:hidden; background:#353535;}
.wrapInner{position:relative; min-height:100%;}
#web{display:none;}
#mobile{display:block; min-height:100%;}
#id_mobile{display:block;}
#id_mobile > ul > li{left:0 !important;}

.selectWrap{position:relative; height:28px; overflow:hidden; margin:0 10px 0 0; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid #d9dadb; background:#f7f9fa url(/images/common/blt_select_web.png) no-repeat right top; background-size:28px auto;}
.selectWrap select{position:absolute; top:0; left:0; width:100%; height:28px; background:none;}
.selectWrap span.select{float:left; height:28px; padding:0 25px 0 10px; line-height:28px; color:#7c7e80;}
#subSection{background:#fff;}
#subSection article{position:relative; min-height:280px; overflow:hidden; zoom:1;}
#map-canvas{clear:both; height:400px !important;}

/* header */
header{position:relative; z-index:40; height:53px; background:#2b2b2b;}
header h1{padding:5px 0 0 0; text-align:center;}
header h1 .flag{position:absolute; top:15px; left:45px; width:28px;}
header menu{position:absolute; top:15px; width:88px; height:18px;}
header menu a{float:left; text-align:center;}
header menu.leftMenu{left:0;}
header menu.rightMenu{right:0;}
header menu.leftMenu a,
header menu.rightMenu a{width:44px;}
header menu.leftMenu span{float:left; width:44px; text-align:center; cursor:pointer;}
header menu.rightMenu .card_select{display:none; position:absolute; top:10px; right:5px; z-index:10; width:230px; margin:15px 0 0 0; padding:2px 8px 10px 8px; box-shadow:0 3px 3px #919191; border:1px solid #b4b4b4; border-radius:5px; background:#fff;}
header menu.rightMenu .card_select span{position:absolute; top:-7px; right:10px; display:block; width:15px; height:7px; background:url(/images/common/bg_card.png) no-repeat;}
header menu.rightMenu .card_select li{padding:5px 0; letter-spacing:0 !important; border-bottom:1px solid #d1d1d1;}
header menu.rightMenu .card_select li a{float:none; display:block; width:100%; overflow:hidden; padding:2px 0; text-overflow:ellipsis; white-space:nowrap; text-align:left; letter-spacing:0 !important;}
header menu.rightMenu .card_select li a.active{color:#01b3e9;}
header menu.rightMenu .card_select li a img{margin:0 4px 0 0; vertical-align:text-bottom;}
header menu.rightMenu .card_select p{margin:5px 0 8px 0; font-size:0.92em; letter-spacing:0 !important;}
header menu.rightMenu .card_select .btnArea{padding:0; text-align:center;}
header menu.rightMenu .card_select .btn_default{float:none; width:inherit; padding:8px; font-size:0.7em; letter-spacing:0 !important;}

.selectBox{position:absolute; top:40px; right:0; z-index:1001; width:265px; display:none; padding:2px; border:2px solid #000; background:url(/images/common/bg_global.png) repeat;}
.selectBox .bg{position:fixed; left:0; top:0; width:100%; height:100%;}
.selectBox strong{display:block; padding:10px 0; font-size:0.93em; color:#fff; text-align:center; text-shadow:0 0 3px rgba(0,0,0,.5);}
.selectBox div{position:relative; width:130px;}
.selectBox ul{ border:1px solid #196386;}
.selectBox .nation{float:left;}
.selectBox .nation strong{border:1px solid #147694; background:#0088b1;}
.selectBox .nation ul{border:1px solid #196386; background:#0088b1;}
.selectBox .language{float:right;}
.selectBox .language strong{border:1px solid #005f7c; background:#006e8f;}
.selectBox .language ul{border:1px solid #124f6c; background:#006e8f;}
.selectBox .language select{width:130px;}
.selectBox ul li a{display:block; padding:5px 10px; color:#fff;}
.selectBox ul li.active a{font-size:1.07em; font-weight:bold; color:#ff3;}

.util menu, .userArea, .main_ad, .main_guide, .main_lauching, .main_sns, .login, .loginLayer, #id_web, header .loc{display:none;}

/* aside */
#mobile aside{box-shadow:inset -5px 0 6px rgba(0, 0, 0, .2)}
aside{display:none; position:absolute; top:0; left:-240px; z-index:10; width:240px; height:100%; overflow:auto; background:#475056;}


/* sub content */
.spacing{margin:0 0 5px 0;}
.spacing_top{margin:5px 0 0 0;}

.pageTitle{position:relative; height:40px; padding:0 40px; box-shadow:inset 0 2px 6px rgba(0, 0, 0, .2); background:#06acde;}
.pageTitle h2{width:100%; height:30px; overflow:hidden; padding:10px 0 0 0; text-overflow:ellipsis; white-space:nowrap; text-align:center; font-size:1.5em; color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, .2);}
.pageTitle .btn_back{position:absolute; top:2px; left:10px; color:#fff; font-size:32px;}

.sub_titleArea{position:relative; width:100%; height:50px; box-shadow:inset 0 2px 6px rgba(0, 0, 0, .2); background:#017396;}
.sub_titleArea h3{font-size:1.4em;}
.sub_titleArea h3 a{display:block; padding:0 0 0 10px; line-height:50px; color:#fff;}
.sub_titleArea h3 img{float:right; margin:5px 0 0 0;}

.sub_menuArea{position:relative; width:100%; height:44px; overflow:hidden; -webkit-overflow-scrolling:touch; box-shadow:inset 0 2px 6px rgba(0, 0, 0, .2); background:#017396;}
.sub_menuArea ul{}
.sub_menuArea li{float:left; height:44px; padding:0 14px;}
.sub_menuArea li a{position:relative; display:block; height:28px; padding:16px 3px 0 3px; font-size:1em; color:#99c7d5; font-weight:bold; text-shadow:1px 1px 0 rgba(0, 0, 0, .2);}
.sub_menuArea li.active a{height:25px; color:#ff3; border-bottom:3px solid #ff3;}
.menuScrollH{display:none;}

article h3.border.clear{clear:both;}

.more{position:absolute; top:18px; right:14px; display:block; height:11px; padding:0 13px 2px 0; line-height:11px; background:url(/images/common/blt_more.png) no-repeat right 1px;  background-size:6px 10px;}

/* table */
table .center{text-align:center !important;}
table .left{text-align:left !important;}
table .right{text-align:right !important;}
.baseTbl{margin:0 0 12px 0; border-top:1px solid #cdcdcd;}
.baseTbl th{height:30px; -webkit-text-stroke-width:.02em; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd; background:#ebf6fc;}
.baseTbl th.num{width:17%;}
.baseTbl th.date{width:20%;}
.baseTbl th.country{width:18%;}
.baseTbl th.hit{width:25%;}
.baseTbl th.point{width:23%;}
.baseTbl th.sbj{padding-left:10px !important; text-align:left; color:#ff3c00; background:#f0f0f0;}
.baseTbl th:last-child{border-right:0 !important;}
.baseTbl th.last-child{border-right:0 !important;}
.baseTbl td{padding:10px 5px; font-size:0.85em; word-break:break-all; text-align:center; line-height:1.3; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.baseTbl td.con{text-align:left;}
.baseTbl td.date{font-size:0.8em; color:#959595;}
.baseTbl td.lt{padding-left:10px;text-align:left;}
.baseTbl td.player{padding-left:15px; text-align:left; border-right:0;}
.baseTbl td.player a{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.baseTbl td.player a:after{clear:both; display:block; content:"";}
.baseTbl td.player a img{margin:0 4px 0 0; vertical-align:text-bottom;}
.baseTbl td.player span{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#555353;}
.baseTbl td.rank_none{padding:104px 0 105px 0; border-right:0;}
.baseTbl td.con .nickname{width:100%; height:28px; overflow:hidden;}
.baseTbl td span{color:#f37e00;}
.baseTbl td:last-child{border-right:0;}
.baseTbl td.last-child{border-right:0;}
.baseTbl .none{padding:15px 0 !important; color:#06acde;}

.formTbl{margin:0 0 12px 0; border-top:1px solid #a8a8a8;}
.formTbl th{width:28%; padding:12px 0 12px 10px; text-align:left; -webkit-text-stroke-width:.02em; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; background:#ebf6fc;}
.formTbl th span.require{width:10px; color:#f46f01;}
.formTbl td{padding:7px; word-break:break-all; border-bottom:1px solid #d3d3d3;}
.formTbl td.editorArea{padding:7px 0;}
.formTbl td p.space{padding:5px 0 0 0;}
.formTbl td.birth .selectWrap{width:30%;}

.eventTbl{margin:0 0 12px 0; border-top:1px solid #a8a8a8;}
.eventTbl th{min-width:30%; padding:12px 0 12px 10px; text-align:left; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; background:#d8ecf2;}
.eventTbl td{padding:7px; word-break:break-all; border-bottom:1px solid #d3d3d3;}
.eventTbl .file{float:left; width:120px;}
.eventTbl .file_name a{position:static;}
.eventTbl .file_name .delBtn{margin:-38px 0 0 -25px;}
.eventTbl .shopArea input[type="text"].half{width:38%;}

/* form */
label.block{display:block; margin:0 0 8px 0;}
input[type="text"],
input[type="password"]{width:100%; height:28px !important; padding:0 5px !important; line-height:28px; -webkit-appearance:none; border-radius:0; border:1px solid #c4c5ca; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.checkbox_check, .radio_check{display: inline-block; width:20px; height:20px; margin:0 5px 0 0; vertical-align:middle; background:url(/images/common/bg_check2.png) no-repeat; background-size:20px auto;}
.radio_check{background: url(/images/common/bg_radio2.png) no-repeat; background-size:20px auto;}
input[type="file"]{display:block; width:100%; margin:0 0 0 0; opacity:0; filter:alpha(opacity=0);}
input[type="file"]+label{position:absolute; top:0; left:0; display:block; padding:7px; font-size:0.85em; text-align:center; vertical-align:middle; color:#505050; border-radius:4px; border:1px solid #d7d7d7; background:#f9f9f9;}
input[type="file"]+label img{margin:0 0 0 2px; vertical-align:top;}
input.hasPlaceholder{color:#757575 !important;}
select{height:30px; color:#9f9f9f; -webkit-appearance:none; border-radius:0; border:1px solid #d2d7d9; background:#f7f9fa url(/images/common/blt_select.png) no-repeat right top; background-size:28px auto;}
select:active,
select:focus{background:#f7f9fa url(/images/common/blt_select.png) no-repeat right bottom; background-size:28px auto;}
textarea{width:99%; margin:0 auto; padding:9px 0; -webkit-appearance:none; border-radius:0; border:1px solid #d6d6d6; -webkit-box-sizing:border-box; box-sizing:border-box;}
input.space{margin:0 0 13px 0;}
.file{position:relative; height:33px; margin:0 0 8px 0;}
.file_name{position:relative; float:left; margin:0 10px 6px 0;}
.file_name a{position:absolute; top:2px; right:5px;}
.file_name.club_img a{position:absolute; top:2px; right:7px;}
section .info{margin:4px 0 0 8px; font-size:0.85em; color:#797979; line-height:1.3; text-indent:-8px;}
.url{display:block; margin:0 0 5px 0;}
.check_select{clear:both; position:relative; height:30px; margin:9px 0 10px 0; border:1px solid #d2d7d9;}
.check_select a{display:block; height:30px; padding:0 45px 0 10px; line-height:30px; color:#7c7e80; background:#f7f9fa url(/images/common/blt_select.png) no-repeat right top; background-size:28px auto;}
.check_select a:active,
.check_select a:focus{background:#f7f9fa url(/images/common/blt_select.png) no-repeat right bottom; background-size:28px auto;}
.check_select ul{display:none; position:absolute; top:31px; left:-1px; z-index:20; width:100%; border:1px solid #d2d7d9; border-top:0; background:#f7f9fa;}
.check_select li{margin:8px 7px;}

#img_file_2_disable a {
    background-color:#f9f9f9; border: 1px solid #d7d7d7; border-radius: 4px; color:#A0A0A0;
    display: block;font-size: 0.85em; left: 0; padding: 7px; position: absolute; text-align: center; top: 0;
	 vertical-align: middle;
	}


/* search */
.searchForm{position:relative; background:url(/images/common/bg_select.png) repeat-x; background-size:contain;}
.searchForm fieldset{position:relative; overflow:hidden; padding:10px 55px 7px 10px; border-bottom:1px solid #000;}
.searchForm div{height:24px; padding:8px 40px 0 15px; box-shadow:inset 0 1px rgba(0, 0,0 ,.67); border-radius:21px; border:0; background:#353535;}
.searchForm input[type="text"]{height:16px !important; line-height:16px !important; color:#fff; border:0; background:none;}
.searchForm input[type="text"]::-webkit-input-placeholder{}
.searchForm input[type="image"]{position:absolute; top:4px; right:6px; width:41px; height:44px;}
.searchForm .search_select{position:absolute; top:10px; right:55px; width:37px; height:32px; border-bottom:#000;}
.searchForm ul{display:none; position:absolute; top:50px; left:0; z-index:5; width:100%; background:#272727;}
.searchForm ul li{border-bottom:1px solid #000;}
.searchForm ul li a{display:block; height:35px; padding:0 0 0 29px; color:#9f9f9f; -webkit-text-stroke-width:.02em; line-height:35px;}
.searchForm ul li.active a{color:#06acde;}

.searchForm.global fieldset{padding-left:125px;}
.searchForm.global .selectWrap{position:absolute; top:10px; left:10px; width:105px; height:32px; border:0; border-radius:21px; background:#353535 url(/images/common/btn_arrowDown.png) no-repeat right center; background-size:37px 32px;}

/* paging */
.paging{position:relative; height:26px; margin:15px 0; text-align:center; font-size:1.07em; font-family:Arial;}
.paging a.num{display:inline-block; padding:5px 7px; text-align:center; color:#95969e;}
.paging strong{display:inline-block; padding:4px 7px; font-size:1.14em; text-align:center; font-weight:bold; color:#20232c;}
.paging a img{display:block; width:7px; margin:6px auto 0 auto;}
.paging .btn_next{position:absolute; right:10px; top:0; display:block; width:38px; height:24px; border:1px solid #dddce1; border-radius:3px;}
.paging .btn_prev{position:absolute; left:10px; top:0; display:block; width:38px; height:24px; border:1px solid #dddce1; border-radius:3px;}

/* btn */
.btnArea{padding:12px 0; text-align:center;}
.btn_login{display:block; height:52px; margin:10px; font-size:1.5em; color:#fff; text-align:center; -webkit-text-stroke-width:.02em; text-shadow:1px 1px 2px rgba(0, 0, 0, .2); box-shadow:0 2px 2px rgba(0, 0, 0, .53); background:url(/images/common/btn_orange.gif) repeat-x; background-size:contain;}
.btn_login span{display:inline-block; height:52px; padding:0 0 0 28px; text-align:center; line-height:52px; background:url(/images/common/blt_login.png) no-repeat 0 center; background-size:22px auto;}
.btn_base{display:inline-block; min-width:46px; padding:3px 7px; font-size:0.9em; text-align:center; border-radius:4px; border:1px solid #ccc; background:#fff;}
.btn_base img{margin:3px 0 0 0; vertical-align:top;}
.btn_detail{display:block; margin:0 10px 10px 10px; padding:15px 0; font-size:1.3em; text-align:center; color:#333b40; border:1px solid #dfe3e6; background:#f5f7f7;}
.btn_detail img{margin:2px 0 0 0; vertical-align:top;}
.btn_reply{display:block; padding:13px 0; text-align:center; color:#5c6a73; border:1px solid #dfe3e6; border-bottom:2px solid #dfe3e6; background:#f5f7f7;}
.btn_reply span{color:#f37e00;}
.btn_gray{display:inline-block; height:38px; padding:0 0 0 10px; background:url(/images/common/btn_grayLeft.gif) no-repeat; background-size:auto 38px;}
.btn_gray span{display:inline-block; height:38px; padding:0 10px 0 0; text-align:center; color:#fff; -webkit-text-stroke-width:.02em; line-height:38px; background:url(/images/common/btn_grayRight.gif) no-repeat right 0; background-size:auto 38px;}
.btn_blue{display:inline-block; height:38px; padding:0 0 0 10px; background:url(/images/common/btn_blueLeft.gif) no-repeat; background-size:auto 38px;}
.btn_blue span{display:inline-block; height:38px; padding:0 10px 0 0; text-align:center; color:#fff; -webkit-text-stroke-width:.02em; line-height:38px; background:url(/images/common/btn_blueRight.gif) no-repeat right 0; background-size:auto 38px;}
.btn_default{display:inline-block; min-width:46px; padding:5px 7px 3px 7px; font-size:0.9em; text-align:center; border-radius:4px; border:1px solid #ccc; background:#fff;}
.btn_sms{display:inline-block; min-width:46px; padding:6px 7px 9px 7px; font-size:0.9em; text-align:center; border-radius:4px; border:1px solid #ccc; background:#fff;}
.btnArea.loginBtn{padding-bottom:0;}
.btnArea.loginBtn a{margin:0 0 12px 0;}

.main_login a span{display:inline-block; height:45px; padding:0 0 0 24px; text-align:center; line-height:45px; background:url(/images/main/ico_lock.png) no-repeat 0 center; background-size:auto 21px;}
.valid{color:#1aa931 !important;}
.invalid{color:#f46f01 !important;}

#c4_div{display:none;}

#mainSection article .tab{margin:12px 0;}
.tab{position:relative; height:38px; margin:15px 10px; padding:0 0 0 1px;}
.tab:after{clear:both; display:block; content:"";}
.tab li{float:left; width:33.3%; margin:0 0 0 -1px; -moz-box-sizing:border-box; box-sizing:border-box;}
.tab li a{display:block; height:15px; padding:10px 0 10px 0; text-align:center; color:#9a9a9a; border:1px solid #cdcdcd; border-bottom:2px solid #a8a8a8; background:url(/images/common/bg_tab_off.gif) no-repeat; background-size:auto 35px;}
.tab li a.active{position:relative; color:#fff; border:1px solid #0099d9; border-bottom:2px solid #0099d9; background:url(/images/common/bg_tab_on.gif) no-repeat; background-size:auto 35px;}
.tab li.double a{height:25px; padding:5px 0;}

.tab_bt{position:relative; height:38px; margin:15px 10px; padding:0 0 0 1px;}
.tab_bt:after{clear:both; display:block; content:"";}
.tab_bt li{float:left; width:50%; margin:0 0 0 -1px; -moz-box-sizing:border-box; box-sizing:border-box;}
.tab_bt li a{display:block; height:15px; padding:10px 0 10px 0; text-align:center; color:#9a9a9a; border:1px solid #cdcdcd; border-bottom:2px solid #a8a8a8; background:url(/images/common/bg_tab_off.gif) no-repeat; background-size:auto 35px;}
.tab_bt li a.active{position:relative; color:#fff; border:1px solid #0099d9; border-bottom:2px solid #0099d9; background:url(/images/common/bg_tab_on.gif) no-repeat; background-size:auto 35px;}
.tab_bt li.double a{height:25px; padding:5px 0;}


.tab.max{height:50px;}
.tab.max li a{height:28px; background-size:auto 48px;}

.tab_con{clear:both; position:relative; overflow:hidden; padding:0 0 10px 0;}
.tab_con .bx-controls{position:absolute; left:0; bottom:10px; width:100%; text-align:center;}
.tab_con .bx-controls .bx-pager-item{display:inline;}
.tab_con .bx-controls .bx-pager-item a{display:inline-block; width:9px; height:9px; overflow:hidden; margin:0 6px; text-indent:-9999px; box-shadow:inset 1px 1px 2px rgba(0, 0, 0, .32); border-radius:50%; background:#c4c4c4;}
.tab_con .bx-controls .bx-pager-item a.active{background:#06acde;}

.detail_tab{display:none;}

.paginate{text-align:center;}
.paginate a{display:inline-block; width:9px; height:9px; overflow:hidden; margin:0 6px; text-indent:-9999px; box-shadow:inset 1px 1px 2px rgba(0, 0, 0, .32); border-radius:50%; background:#c4c4c4;}
.paginate a.active{background:#06acde;}

.tab_con ol{position:relative; width:100%; padding:4px 0 0 0;}
.tab_con li{float:none; width:100%; line-height:1.2;}
.tab_con li:after{clear:both; display:block; content:"";}
.tab_con li .rank{float:left; width:6%; height:23px; margin:-3px 4px 0 0; font-size:1.2em; color:#06acde; text-align:center; -webkit-text-stroke-width:.02em;}
.tab_con li .user_id{float:left; width:52%; overflow:hidden; margin:5px 0 0 0; padding:0; text-overflow:ellipsis; white-space:nowrap;}
.tab_con li .icon{float:left; margin:-2px 5px 0 0;}
.tab_con li .point{float:right; width:16%; padding:4px 5px 0 0; -webkit-text-stroke-width:.02em; text-align:right;}
.tab_con li.first-child{position:relative; margin:0 0 10px 0; border-bottom:1px solid #c5c5c5;}
.tab_con li.first-child{padding:0; -webkit-text-stroke-width:.02em;}
.tab_con li.first-child .pic{float:left; width:69px; height:53px; margin:0 10px 10px 0; padding:5px; border:1px solid #c6cacc;}
.tab_con li.first-child .pic img{width:69px; height:53px;}
.tab_con li.first-child .rank{position:absolute; top:-2px; left:0; z-index:1; width:30px; height:40px; padding:0 4px 0 0; color:#fff;}
.tab_con li.first-child .rank img{width:30px; height:40px;}
.tab_con li.first-child .point{float:none; font-size:1.4em;}
.tab_con li.first-child .point img{margin:0 8px 0 0; vertical-align:bottom;}
.tab_con li.first-child .user_id{float:none; display:block; padding-top:5px; font-size:1.1em; line-height:1.5;}
.tab_con li.first-child .user_id img{float:left; margin:-3px 5px 0 0;}

.tab_con.news{height:455px;}
.tab_con.news li:nth-child(4){border:0;}

.main_vod .pic{display:none;}

.tab_con .ranking{height:215px; overflow:hidden; margin:0; padding:3px 0 0 0;}
.tab_con .ranking ol{float:left; width:100%; height:215px;}
.tab_con .ranking li{margin:0 0 10px 0;}
.tab_con .ranking li.first-child .user_id{width:64%;}

.bbs_list li{position:relative; width:100%; min-height:58px; padding:8px 0; border-bottom:1px solid #ebebeb;}
.bbs_list li.first-child{margin:0;}
.bbs_list li:last-child{border:0;}
.bbs_list li .pic{position:absolute; width:70px; height:52px; overflow:hidden; border:1px solid #e1e2e2;}
.bbs_list li .pic img{position:absolute; top:0; left:0; width:70px; height:52px;}
.bbs_list li dl{padding:0 0 0 84px; line-height:1.5;}
.bbs_list li dl dt{height:38px; overflow:hidden;}
.bbs_list li dl dt p{height:106px; overflow:hidden;}
.bbs_list li dt span{color:#06acde;}
.bbs_list li dl.bbs_first{padding:0;}
.bbs_list li .info{font-size:.85em;}
.bbs_list li .info img{margin:0 2px 0 0;}
.bbs_list li .info .view{margin:0 10px 0 0;}
.bbs_list li .info .reply{border:0;}
.bbs_list li .date{float:left; padding:1px 10px 0 0; font-size:0.85em; color:#9d9d9d;}
.bbs_list li .info{float:left; margin:0; padding:1px 0 0 0; text-indent:0;}

.main_photo .bbs_list li:last-child{display:none;}
.photo_paging{display:none; position:absolute; left:-5px; bottom:10px; width:100%; padding:5px 0; background:#fff;}

.main_photo_mobile .tab_con{width:100%; overflow:hidden;}
.photo_mobile{width:100%; height:500px;}
.photo_mobile .bbs_list{float:left;}

.main_photo_s .photo_s{height:455px; overflow:hidden;}
.main_photo_s .bbs_list{float:left;}
.main_photo_s .bbs_list li{padding:8px 0;}

.jpNews{height:455px; overflow:hidden;}
.jpNews .bbs_list{float:left;}

.tab_con.news{overflow:hidden; padding:0;}
.news .bbs_list{float:left;}
.news .bbs_list li{min-height:59px; padding:9px 0;}
.news .bbs_list li .pic img{width:100px; height:74px;}
.news .bbs_list li dl{padding:0 0 0 110px;}
.news .bbs_list li dt{height:40px;}
.news .bbs_list li dt span{color:#06acde;}
.news .bbs_list li .date{padding:0;}
.tab_con .news_s{height:455px; overflow:hidden;}
.news_s .bbs_list{float:left;}
.tab_con .news_thum{height:455px; overflow:hidden;}
.news_thum .bbs_list{float:left;}
.tab_con .news_thum_mobile{height:455px; overflow:hidden;}
.news_thum_mobile .bbs_list{float:left;}

.type2 ul{border-top:1px solid #c5c5c5;}
.type2 li{position:relative; height:39px; padding:10px 0; border-bottom:1px solid #eaeaea;}
.type2 li dt{display:inline;}
.type2 li dt span{display:inline-block; padding:3px 4px 1px 4px; font-size:0.7em; line-height:1.2; color:#fff; border:1px solid; border-radius:10px;}
.type2 li dt span.event{border-color:#c71d85; background:#f447a9;}
.type2 li dt span.notice{border-color:#2074b7; background:#2d87ce;}
.type2 li dt span.job{border-color:#04ae00; background:#35d031;}
.type2 li dd.date{display:inline; font-size:0.75em; color:#888;}
.type2 li dd.view_info{position:absolute; bottom:5px; right:0;}
.type2 li dd.view_info span{display:inline-block; width:43px; font-size:0.7em; color:#2ec2ef;}
.type2 li dd.view_info span img{vertical-align:middle;}

.sizeB .type2 li{height:43px;}
.sizeC .type2 li{height:43px;}

.type6 ul{border-top:1px solid #c5c5c5;}
.type6 li{position:relative; height:17px; overflow:hidden; padding:11px 0 13px 50px; line-height:1.2; border-bottom:1px solid #eaeaea;}
.type6 li .pic{position:absolute; top:7px; left:0;}
.type6 li span{display:inline-block; vertical-align:top;}
.type6 li span.sbj{max-width:75%; overflow:hidden; padding:0 1px 0 0; text-overflow:ellipsis; white-space:nowrap;}
.type6 li span.reply{padding:0; font-size:0.9em; color:#2ec2ef; border:0;}
.type6 li span.date{padding:2px 0 0 3px; font-size:0.8em; color:#888;}
.type6 li.pic_none{padding-left:0;}
.type6 li.pic_none .pic{display:none;}
.type6 li.pic_none  span.sbj{max-width:80%;}

.sizeB .type6 li{padding-top:12px; padding-bottom:13px;}
.sizeC .type6 li{padding-top:13px; padding-bottom:14px;}
.sizeC .type6 li .pic{top:8px;}

article.main_shop .btn_default{position:absolute; top:12px; right:15px; padding:5px;}
article.main_shop .btn_default img{margin:0 0 0 4px;}
article.main_shop li{padding:7px 0; border-top:1px solid #ebebeb;}
article.main_shop li span{display:inline-block;}
article.main_shop li span.machine_vs{width:33px; padding:4px 0; font-size:0.7em; color:#fff; text-align:center; border:1px solid #5b00e3; border-radius:2px; background:-webkit-linear-gradient(-30deg , #b185f2 3px , #5b00e3 30%); background:-moz-linear-gradient(-30deg , #b185f2 3px , #5b00e3 30%);}
article.main_shop li span.machine_p{width:33px; padding:4px 0; font-size:0.7em; color:#fff; text-align:center; border:1px solid #00c594; border-radius:2px; background:-webkit-linear-gradient(-30deg , #80e2ca 3px , #00c594 30%); background:-moz-linear-gradient(-30deg , #80e2ca 3px , #00c594 30%); background:#00c594;}
article.main_shop li span.area{padding:0 5px 0 0; -webkit-text-stroke-width:.02em; border-right:1px solid #ebebeb;}

article.main_family{overflow:hidden;}
article.main_family ul{width:1000px;}
article.main_family li{float:left; width:70px; margin:0 23px 0 0; text-align:center; line-height:1.2;}
article.main_family li a{color:#848c98;}
article.main_family li img{display:block; margin:0 auto 5px auto; padding:1px; border-radius:12px; box-shadow:2px 2px 2px #c1c1c1;}

article.main_family .bx-controls{/* position:absolute; left:0; bottom:10px; */ width:100%; text-align:center;}
article.main_family .bx-controls .bx-pager-item{display:inline; margin:0 4px;}
article.main_family .bx-controls a{display:inline-block; width:9px; height:9px; overflow:hidden; margin:0; text-indent:-9999px; box-shadow:inset 1px 1px 2px rgba(0, 0, 0, .32); border-radius:50%; background:#fff;}
article.main_family .bx-controls a.active{background:#06acde;}

article.main_banner .bannerWrap{width:100%; height:114px; overflow:hidden;}
article.main_banner ul{overflow:hidden;}
article.main_banner li{margin:0 0 9px 0;}
article.main_banner li a{display:block;}
article.main_banner li img{width:100%;}
article.main_banner.sizeC li{float:left;}
article.main_banner img{display:block;}
.banner_paging{padding:5px 0 0 0 !important;}
.banner_paging span{margin:0 2px;}
.banner_paging .swiper-active-switch{background:#2ec2ef;}

article.main_sns2{overflow:hidden;}
article.main_sns2 ul{width:100%; overflow:hidden;}
article.main_sns2 li{float:left; width:33.3%; text-align:center;}

/* loading sample */
#loading div{width:55px; height:55px;
		animation:loading 1s;
		-webkit-animation:loading 1s;
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		animation-timing-function: linear;
		-webkit-animation-timing-function: linear;}
@keyframes loading{
	from{transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}
@-webkit-keyframes loading{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
}

/*
sub style
*/
.pagination{width:100%; padding:10px 0; text-align:center;}
.pagination span{display:inline-block; width:9px; height:9px; overflow:hidden; margin:0 2px; box-shadow:inset 1px 1px 2px rgba(0, 0, 0, .32); border-radius:50%; background:#ffffff;}
.pagination span.swiper-active-switch{background:#0ca5e5;}

.contentTitle{position:relative; width:100%; padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.contentTitle:after{clear:both; display:block; content:"";}
.contentTitle h3{padding:0 8px; font-size:1.35em; -webkit-text-stroke-width:.02em;}
.contentTitle.border{border-bottom:2px solid #9d9d9d;}

article h3{padding:8px 10px; font-size:1.35em; font-weight:bold; line-height:1.4;}
article h3.border{border-bottom:2px solid #9d9d9d;}

#layer{display:none; position:fixed; top:0; left:0; z-index:20; width:100%; height:100%;}
#layer .bg{position:absolute; display:block; width:100%; height:100%; opacity:.6; background:#000;}
#layer .inner{position:absolute; top:30%; left:50%; width:220px; margin:0 0 0 -110px; background:#fff;}
#layer .inner .btn_close{position:absolute; top:14px; right:5px;}
#layer h1{padding:14px 9px; font-size:1.6em; -webkit-text-stroke-width:.02em; color:#fff; border-bottom:1px solid #000; background:#2b2b2b;}
#layer h1 span{color:#ffc000;}
#layer .layerCon{border:1px solid #bababa; border-top:0;}
#layer .layerCon .btn_blue{height:38px; background-size:auto 38px;}
#layer .layerCon .btn_blue span{min-width:80px; height:38px; line-height:38px; background-size:auto 38px;}
#layer .layerCon.email_regi{height:250px; overflow:auto;}
#layer .inner.buddy{top:15%;}

#layer .inner.pw .layerCon{padding:20px 34px 10px 34px; text-align:center;}
#layer .inner.pw .layerCon label{display:block; margin:0 0 9px 0; font-size:1.2em;}
#layer .inner.event .layerCon{padding:20px 0 10px 0; text-align:center; line-height:1.4; border:0;}
#layer .inner.mail .layerCon{padding:20px 0 10px; text-align:center;}
#layer .inner.mail .layerCon p{margin:0 0 10px 0;}
#layer .inner.mail .btnArea a span{min-width:40px;}
#layer .inner.bbs .layerCon{padding:20px 0 10px; text-align:center; border:0;}
#layer .inner.bbs .tit{margin-bottom:15px;}
#layer .inner.bbs .btn_blue span{min-width:50px;}
#layer .layerCon .btn_gray{height:38px; background-size:auto 38px;}
#layer .layerCon .btn_gray span{min-width:50px; height:38px; line-height:38px; background-size:auto 38px;}
#layer .inner.card_add{width:310px; margin-left:-155px;}
#layer .inner.card_add .sbj{margin:10px; font-size:1.25em;}
#layer .inner.card_add p{margin:0 10px; line-height:1.4;}

#layer2{display:none; position:fixed; top:0; left:0; z-index:200; width:100%; height:100%;}
#layer2 .bg{position:absolute; display:block; width:100%; height:100%; opacity:.6; background:#000;}
#layer2 h1{padding:14px 9px; font-size:1.6em; -webkit-text-stroke-width:.02em; color:#fff; border-bottom:1px solid #000; background:#2b2b2b;}
#layer2 h1 span{color:#ffc000;}
#layer2 .map{position:absolute; top:10%; left:50%; width:300px; margin:0 0 0 -150px; background:#fff;}
#layer2 .map .btn_close{position:absolute; top:14px; right:5px;}
#layer2 .map .cont{margin:10px; width:280px; height:300px;}
#layer2 .map ul li{padding-left:6px; line-height:1.2; background:url(/images/common/blt_circleBlue.gif) no-repeat left center; background-size:4px;}
#layer2 .map ul li span{-webkit-text-stroke-width:.02em;}
#layer2 .map .map_box{margin:8px 0;}
#layer2 .map .txt{color:#797979; font-size:0.85em;}
#layer2 .map .friend_table{height:215px; overflow:auto;}
#layer2 .map label.chk{text-indent:-9999px;}
#layer2 .map .btn_map.btn_blue span{min-width:50px;}
#layer2 .map .btn_default{float:right; margin:0 10px 10px 0;}

/* sitemap */
#sitemap{padding:0; font-weight:bold; zoom:1; background:#fff;}
#sitemap:after{clear:both; display:block; content:"";}
#sitemap dl{float:left; width:100%; margin:0 44px 0 0;}
#sitemap dt{margin:0 0 0 0; padding:6px 0 8px 20px; font-size:1.2em; color:#04acde; border-top:1px solid #e6e6ea; border-bottom:1px solid #aeaeb1; background:#dbdbe1;}
#sitemap dd{padding:0 0 0 0; font-size:1.2em; font-weight:normal; color:#1a1a1a; border-top:1px solid #eee;}
#sitemap dd li{padding:12px 0 12px 20px; border-bottom:1px solid #e1e1e5;}
#sitemap dd li span{display:none;}

.swiper-container{position:relative; z-index:1; overflow:hidden; margin:0 auto;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
}
.swiper-wrapper{position:relative; width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper{margin: 0 auto;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.swiper-slide{float: left;}

.new_card_register {overflow:hidden; margin:8px 10px 0 10px;}
.new_card_register a{display:block; height:47px; overflow:hidden; color:#fff; text-align:center; border-radius:3px;
	background:#fd9b1b;
	background:-moz-linear-gradient(top, #fd9b1b 0%, #fd9003 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd9b1b), color-stop(100%,#fd9003));
	background:-webkit-linear-gradient(top, #fd9b1b 0%,#fd9003 100%);
	background:-o-linear-gradient(top, #fd9b1b 0%,#fd9003 100%);
	background:-ms-linear-gradient(top, #fd9b1b 0%,#fd9003 100%);
	background:linear-gradient(to bottom, #fd9b1b 0%,#fd9003 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9b1b', endColorstr='#fd9003',GradientType=0 );
}
.new_card_register a em {display:inline-block; padding:0 9px; background:#fff; border-radius:3px; height:22px; line-height:22px; font-style:normal; font-size:1.071em; color:#e95801; vertical-align:middle;}
.new_card_register a span{display:inline-block; height:47px; padding:0; text-align:center; font-size:1.285em; line-height:47px; vertical-align:middle;}

/*2014-09-15 회원가입 언어선택박스 추가*/
.nation_select.sel_box03 .selectWrap {width: 330px !important; float: left;}
.nation_select.sel_box03 .selectWrap span.select{width: 325px !important;}

/*2014-09-02 right_pop 스크롤 오류*/
.overthrow{overflow: auto; -webkit-overflow-scrolling: touch; height:140px; }

@media (min-width: 769px){
.main_btn {display:none;}
}
@media (max-width: 768px){
/*#subSection article {z-index:0;}*//*2014-06-03*/
article.main_family li a {font-size:0.928em;}
.nation_select.sel_box03 .selectWrap{width:48% !important; margin:0 2% 0 0; float:left;}
.nation_select.sel_box03 .selectWrap:last-child {margin-left:0}
}


/* @import url(import/content.css);*/
/*@import url(content2.css);*/
.f_left{float:left;}
.f_right{float:right;}
.c_orange{color:#f46f01 !important; font-style:normal !important;}
.c_blue{color:#06acde !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; 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:#06acde;}
.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:#06acde;}

.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; 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; box-sizing:border-box;}
.rank_form1 select{width:100%;}
.rank_form1 .btn_base{padding:6px 7px 6px; position:absolute; top:10px; right:10px;}

.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; margin:0 10px; overflow:auto; padding-bottom:1px;}
#rival_list2 * {-moz-box-sizing:border-box !important; 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:#008ff3; 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:#008ff3; text-decoration:underline;}
.versus_ranking table{width:100%;}

/* right_pop */
#right_pop{position:absolute; top:0; right:0; overflow:auto; z-index:1000;}
.right_pop{display:none; position:fixed; top:0; right:0; overflow:hidden; 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-y:scroll;-webkit-overflow-scrolling:touch; 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:0 0 2px 0;}
.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; 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;}

/* 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:#06acde;}
.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;}

/* 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:#06acde; 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:#06acde; 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:#999999;}
.re_list li span.arrow{position:absolute; top:12px; left:10px; color:#d62b2e;}
.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:#06acde;}
#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:#06acde; 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:#038db6;}
.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:#009dcc;}
.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:#06acde;}
.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; }


/*@import url(yong.css);*/
/* location */
.location{display:none;}

.shopDetail .store_info{overflow:hidden; min-height:70px;}
.shopDetail .store_info dt{height:auto; margin:0 0 5px 0;}
.shopDetail .store_info dt div{float:left;}
.shopDetail .store_info dt div.icon{margin:0 0 0 4px;}
#subSection .shopDetail .store_info{padding:0 10px 8px 139px;}
#subSection .shopDetail .store_info dd div{line-height:1.6;}
.shopDetail .store_info dd{clear:both;}
.shopDetail .store_info dd p{top:38px; height:24px; border:1px solid #7e888c; line-height:24px;}
.shopDetail .store_type1{padding:0 0 20px 100px;}
.shopDetail .store_type1 dt{height:20px;}

.home_store_wrap .tab{height:45px;}
.home_store_wrap .tab li a{height:25px; background:url(/images/common/bg_tab_off.gif) no-repeat; background-size:auto 45px;}
.home_store_wrap .tab li a.active{z-index:10; height:25px; background:url(/images/common/bg_tab_on.gif) no-repeat; background-size:auto 45px;}

.home_store_wrap .fame .bx-wrapper{margin:0 auto;}
.home_store_wrap .contentTitle{min-height:25px; padding:0 0 0 0;}
.home_store_wrap .contentTitle h3{line-height:1.5;}
.home_store_wrap .tit_gender{padding:0 0 10px 10px;}
.home_store_wrap .fame{padding:0 0 35px 0; margin:0 0 10px 0;}
.home_store_wrap .fame:nth-child(2){margin:0 0 40px 0;}
.home_store_wrap .fame .bx-controls{bottom:15px;}
.home_store_wrap .contentTitle .tit_type1{font-size:1.35em;}

.shop_bor .store_info{min-height:90px;}
.baseTbl td.con p.nick_txt{margin:15px 0 0 0;}

/* home shop list */
.bu_list{margin:0 0 30px 10px; line-height:1.4;}
.bu_list li{padding:0 0 0 7px; margin:0 0 7px 0; text-indent:-7px;}
.bu_list li span{padding:0 2px 0 0; color:#00a9dc;}
.bu_list li a{text-decoration:underline; color:#000;}
.mypage_club .baseTbl th.date1{width:10%;}
.homeDetail{position:relative; min-height:59px; padding:10px 10px 10px 95px;}
.homeDetail .pic{position:absolute; top:10px; left:10px;}
.homeDetail dl{padding:5px 0 0 0;}
.homeDetail dt{margin:0 0 5px 0; color:#06acde;}
.home_store_wrap .baseTbl label{padding:0 0 0 20px;}
.home_store_wrap .baseTbl dl{float:left; line-height:1.6; text-align:left;}
.home_store_wrap .baseTbl dl dt{color:#06acde;}

/* home shop member(shop list) */
.home_navi h3.border .s_txt{font-size:0.5em;}
.home_navi .border input[type="checkbox"]+label{display:inline-block; width:26px; height:23px; text-indent:-9999px; background:url(/images/mypage/club_off.png) no-repeat left top; background-size:26px auto;}
.home_navi .border input[type="checkbox"]:checked+label{display:inline-block; width:26px; height:23px; text-indent:-9999px; background:url(/images/mypage/club_on.png) no-repeat left top; background-size:26px auto;}

/* play_navi */
.home_navi_wrap .shopDetail .store_info{padding:0 10px 0 110px;}
.home_navi_wrap .shopDetail .store_info dt{height:auto;}
.home_navi h3{line-height:29px;}
.home_navi h3 label{margin:0 3px 0 3px; vertical-align:middle;}
.home_navi .shop_name h4{padding:0 0 0 10px; margin:0 5px 0 0;}
.home_navi .shop_name h4 span{margin:0 0 0 5px; font-size:0.71em;}
.home_navi .shop_name h4 span strong{color:#f46f01;}
.home_navi .shop_name h4 img{margin:0 5px 0 0;}
.home_navi .shop_name .btn_base{position:absolute; top:0; right:12%; padding:0 10px; margin:6px 0 0 0; line-height:25px;}
.rankingTbl{table-layout:fixed;}
.rankingTbl .grade{width:15%;}
.rankingTbl .score{width:23%;}

/* my ranking */
.bu_list2{padding:0 0 0 10px; margin:0 0 15px 0; line-height:1.4; border-bottom:1px solid #d6d6d6;}
.bu_list2 li{padding:0 0 0 7px; margin:0 0 7px 0; text-indent:-7px;}
.bu_list2 li span{padding:0 2px 0 0; color:#00a9dc;}
.bu_list2 li a{text-decoration:underline; color:#000;}
.shop_bor{padding:12px 0 0 0; margin:0 0 15px 0;}
.shop_ranking .up{color:#ee0000;}
.shop_ranking .down{color:#004ece;}

.shop_ranking h4.tit_ran{padding:20px 0 0 0;}
.shop_ranking .h_type1{font-size:1em;}

/* commu */
.commu_type2{border-top:2px solid #9d9d9d;}
.commu_type2 .player dt{margin:10px 0 0 0;}
.commu_type2 .player .date{top:15px;}
.commu .btn_blue .type2{padding:0 10px 0 0;}

/* table */
.photoTbl{border-top:1px solid #d6d6d6;}
.photoTbl th{width:25%; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.photoTbl ul{border:none; margin:0; padding:0 0 0 0;}
.photoTbl ul li{display:inline-block; width:auto; margin:0 5px 3px 0;}
#subSection .pto_list li{display:inline-block; position:relative; width:auto; line-height:1; margin:0 5px 3px 0;}
.pto_list li:last-child{margin:0 0 3px 0}
.pto_list li img.pto{width:39px; height:39px; border:1px solid #18bbec;}
.pto_list li .btn_remove{position:absolute; top:0; right:0;}
.pto_list li .btn_remove img{vertical-align:top;}
.photoTbl .file{position:relative;}
.photoTbl td.select{text-align:left;}
.photoTbl td.select div{position:relative; padding:0 70px 0 0;}
.photoTbl td.select div.selectWrap{float:none; padding:0;}
.photoTbl td.select span.select{width:100%;}
.photoTbl td.select .btn_base{position:absolute; top:0; right:0; padding:6px; font-size:0.85em;}
*+html .photoTbl .file{float:left; width:100%;}

/* form */
.home_store_wrap .homeShop{position:relative; padding:0 65px 0 10px;}
.home_store_wrap .homeShop .selectWrap{float:left; width:52%;}
.home_store_wrap .homeShop select{width:43%; margin:0;}
.home_store_wrap .homeShop input[type="text"]{width:36%;}
.home_store_wrap .homeShop .btn_base{position:absolute; top:2px; right:10px; padding:8px 6px;}
.home_store_wrap .homeShop .btn_base img{margin:0;}
.homeShop strong{display:none;}

.shop_player .homeShop .selectWrap select{width:100%;}
.shop_player .homeShop input[type="text"]{margin:0; padding:3px 0 4px 0;}
.home_store_wrap .homeShop .btn_default{position:absolute; top:0; right:10px; padding:6px 6px;}
.home_store_wrap .homeShop .btn_default img{margin:0;}

.home_store input[type="radio"]+label,
.home_store input[type="checkbox"]+label{width:20px; padding:0;}

/* mypage */ /* 131002 수정 */
.mypage_top .tit_info{height:37px; padding:0 10px; line-height:37px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background:#f3f3f3;}
.mypage_top .tit_info p{letter-spacing:-1px;}
.mypage_top .tit_info img{display:none;}
.mypage_top .tit_info span.time{padding:0 5px 0 0; color:#f46f01;}

/* rally */
.rally .commu_con{padding:0; margin:0 0 10px 0;}
.rally .commu_con h3{padding:0 0 5px 10px; margin:15px 0 10px 0; border-bottom:2px solid #9d9d9d; line-height:30px; font-size:1.35em;}
.rally .commu_con .txt{padding:0 10px;}
.rally .more{top:22px; right:10px; line-height:10px;}
.rally .contentTitle{clear:both; min-height:0; padding:0;}
.rally .contentTitle h3{padding:10px;}
#subSection .area_lb{margin:10px 0 4px 0;}

.rally .list li{height:80px;} /* 131007 수정 */
.rally .list dl{padding:0 0 0 105px;} /* 131007 수정 */
.rally .list dl span{display:inline; padding:0;}

/* Tournament */
.rally .pick_seach{overflow:hidden; padding:10px;}
.rally .left{float:left; width:48%; margin-bottom:10px;}
.rally .right{float:right; width:48%; margin-bottom:10px;}
.rally div .selectWrap{margin:0;}
.rally div .selectWrap select{width:100%;}
.rally .date{clear:both; position:relative;}
.rally .date .bx-viewport{clear:both; position:relative; overflow:hidden; width:100%; height:35px; margin:0 0 10px 0; border:1px solid #d2d2d3; background:#f7f9fa;}
.rally .pick_seach.pic_web .date{padding:0 20px;}
.rally .date li{float:left; width:14%; height:35px; font-size:0.85em; text-align:center; border-right:1px solid #dbdbdb; box-shadow:1px 0 0 #fff;}
.rally .date li:last-child{border-right:none;}
.rally .date li a{display:block; height:25px; padding:6px 0 4px 0;}
.rally .date li span{display:block; margin:0 0 3px 0; font-size:0.5em; color:#aaa;}
.rally .date li.sun span , .rally .date li.sun a{color:#e64209;}
.rally .date li.sat span , .rally .date li.sat a{color:#0082cd;}
.rally .date li a img{position:absolute; top:10px; left:6px;}
.rally .date li a.eventStar{background:url(/images/common/star.png) no-repeat 25% center; background-size:16px 16px;}
.rally .date .active{background:#06acde;}
.rally .date .active span{margin:4px 0 0 0;}
.rally .date li.active a , .rally .date li.active span{color:#fff;}
.rally .bx-controls{display:block;}
.rally .bx-pager{display:none;}
.rally .bx-controls .bx-controls-direction a{display:block; position:absolute; top:7px; z-index:100; overflow:hidden; width:12px; height:29px; color:#000; text-indent:-9999px;}
.rally .bx-controls .bx-prev{display:block; left:0; background:url(/images/common/bx-prev.png) no-repeat left top;}
.rally .bx-controls .bx-next{right:0; background:url(/images/common/bx-next.png) no-repeat left top;}
.rally .bx-wrapper{clear:both; width:100%;}
.check_ty{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; float:left; width:100%; padding:5px; border:1px solid #d2d2d3; background:#f7f9fa;}
.check_ty input[type="checkbox"]+label{display:block; width:100%; padding:3px 0 0 0; color:#9F9F9F; background-position:right bottom;}
.check_ty input[type="checkbox"]:checked+label{background-position:right top;}
.check_ty .checkbox_check{float:right; margin:0;}
.rally .seach_type{width:100%;}
.rally .pick_seach .txt_seach{}
.rally .txt_seach{float:left; width:70%; margin:9px 0 0 0;}
.rally .keyword{clear:both; position:relative; margin:0 0 12px 0; padding:0 85px 0 0;}
.rally .keyword:after{clear:both; display:block; content:"";}
.rally .keyword input[type="text"]{width:100%;}
.rally .keyword .btn_default{position:absolute; top:0; right:0;}
.rally .btn_default{float:right; height:28px; padding:0 12px 0 14px; margin:9px 0 0 0; line-height:28px;}
.rally .btn_default img{margin:0 0 0 3px;}
.rally .btnArea{clear:both; padding-top:0;}
.rally .btnArea .btn_blue{width:100%; border-right:1px solid #116a85; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.rally .btnArea .btn_blue span{background:none;}
.baseTbl .finish{width:12%;}
.baseTbl .rally_con{text-align:left;}
.baseTbl .result_icon{width:50px;}
.baseTbl .rally_con .photo{position:relative; float:left; margin:0 10px 0 0;}
.baseTbl .rally_con .photo .badge{position:absolute; top:-1px; left:2px;}
.baseTbl .rally_txt p{color:#71777e;}
.baseTbl .rally_txt p.sbj{max-height:49px; overflow:hidden;}
.baseTbl .rally_txt em{color:#f46f01; font-style:normal; font-size:1.07em; line-height:1.2;}
.baseTbl .rally_txt span{display:inline-block; padding:3px 8px; margin:0 5px 0 0; line-height:1; font-size:0.75em; color:#fff; border-radius:2px;}
.baseTbl .rally_txt .ing{background:#009aac; background:-webkit-linear-gradient(-30deg , #85cfd7 3px , #009aac 30%); background:-moz-linear-gradient(-30deg , #85cfd7 3px , #009aac 30%);}
.baseTbl .rally_txt .end{background:#c101a4; background:-webkit-linear-gradient(-30deg , #e185d3 3px , #c101a4 30%); background:-moz-linear-gradient(-30deg , #e185d3 3px , #c101a4 30%);}
.baseTbl .rally_txt .waiting{background:#00c594; background:-webkit-linear-gradient(-40deg , #85e3cc 2px , #00c594 15px); background:-moz-linear-gradient(-40deg , #85e3cc 2px , #00c594 15px);}
.baseTbl .star > img{display:block; margin:0 auto;}
.rallyTbl td{border-right:0;}

.formTbl .regi_name{margin:0 0 10px 0;}

/* ranking */
.rally_rank h3 span{font-size:0.73em; color:#7c7e80;}
.rally_rank h3 span strong{color:#f46f01;}
.rally_rank .shopArea input[type="text"]{margin:0 0 5px 0;}
.rally_rank input[type="text"].half{float:left; width:68.5%; }
.photo_zone{position:relative;}
.photo_zone img{width:100%;}
.photo_zone span{display:block; position:absolute; top:0; left:10px; width:39px; height:59px; padding:13px 0 0 0; text-align:center; font-size:0.8em; font-weight:bold; color:#fff;}
.photo_zone .rank1{background:url(/images/ranking/rank1.png) no-repeat left top;}
.photo_zone .rank2{background:url(/images/ranking/rank2.png) no-repeat left top;}
.photo_zone .rank3{background:url(/images/ranking/rank3.png) no-repeat left top;}
.lank_img .event{position:static; float:left; margin:0 8px 0 0;}
.lank_img input[type="file"]{position:absolute; z-index:-1;}
.lank_img .btn_base{padding:7px;}
.lank_photo img{width:50px; height:50px;}
.lank_photo a img{width:19px; height:19px;}
.btn_ty2{float:right;}
.rally_rank table{margin:0;}
.rally_rank .rallyTbl .btn_base{height:23px; padding:0; line-height:23px; vertical-align:middle;}
.rally_rank .rallyTbl .btn_base img{vertical-align:middle;}

.rallyTbl .shopArea{position:relative; padding:0 125px 0 0;}
.rallyTbl .shopArea.home_name{padding-right:63px;}
.rallyTbl .scrollArea{clear:both;}
.rallyTbl .btnArea{position:absolute; top:0; right:0; padding:0;}
.rallyTbl .btn_default{padding:7px 5px 6px 5px;}
.rallyTbl .btn_default img{vertical-align:text-bottom;}

/* member */
.greetings{margin:20px 0 0 10px;}
.greetings span{color:#06acde;}
.member .check{margin:0 0 5px 0; font-size:0.85em; line-height:1.3; color:#f46f01;}
.member .check_btm{margin:5px 0 0 0; font-size:0.85em; line-height:1.3; color:#f46f01;}
.member .info{color:#f46f01;}
.member .nation_select{overflow:hidden; padding:10px 10px 0 10px;}
.member .nation_select .selectWrap span.select{padding:0 0 0 5px;}
.member .nation_select select{width:100%; margin:0;}
.member table{margin:0;}
.member table th{width:30%;}
.member .caution{padding:10px; border-bottom:1px solid #d3d3d3; line-height:1.2;}
.member .caution strong{color:#06acde;}
.member .sub_menuArea li{position:relative; height:29px; margin:0 14px; padding:15px 0 0 0; color:#99c7d5; font-weight:bold; text-shadow:1px 1px 0 rgba(0, 0, 0, .2);}
.member .sub_menuArea li.active{height:26px; border-bottom: 3px solid #ffff33; color: #ffff33;}
.member .sub_menuArea li img{position:absolute; top:18px; right:-20px;}
.member .formTbl select{margin:0;}
.member .formTbl select.btm_select{margin-top:9px;}
.member .formTbl .email{position:relative;}
.member .formTbl .email input[type="radio"]{position:absolute; top:0; left:0; display:block; width:20px; height:20px; opacity:0; filter:alpha(opacity=0);}
.member .id_input{position:relative; padding:0 125px 0 0;}
.member .btn_overlap{position:absolute; top:2px; right:0; display:block; padding:7px; font-size:0.9em; text-align:center; border-radius:4px; border:1px solid #ccc; border-bottom:2px solid #c3c3c3; background:#fff;}
table th.idt , table .th_top{vertical-align:top;}
table .th_mail{vertical-align:top; border-bottom:none;}
table .dni{width:65%; margin:0 0 0 5px;}
table .idt_num .txt{margin:5px 0 5px 60px; font-size:0.82em; color:#797979; line-height:1.3;}
table .idt_num .nie_txt{margin:4px 0 0 8px; text-indent:-8px; color:#2c2c2c; font-size:0.85em; line-height:1.3;}
.readonly{background:#f4f4f4;}
table .idt{border-bottom:none;}

.member .info_search p{margin:15px 10px 0 10px; line-height:1.3; color:#2c2c2c;}
.member .info_search .txt{margin:0 10px 20px 10px; color:#616161;}
.member .info_search ul{padding:20px 10px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.member .info_search ul li{position:relative; padding:0 0 0 67px; margin:0 0 5px 0;}
.member .info_search ul li label{position:absolute; top:10px; left:0;}
.member .info_search ul li input[type="text"]{width:100%;}
.member .info_search .pw_change{margin:0 10px; border:none; background:#f7f7f7;}
.member .info_search .pw_change li:last-child{margin:0;}
.member .info_search .check{color:#f46f01;}

.info_search .pw_search{padding:15px 10px; margin:15px 10px 0 10px; background:#f7f7f7;}
.info_search .pw_search .pw_type{padding:10px 0; margin:0 0 15px 0; border-top:none; border-bottom:1px solid #d3d3d3; text-align:center;}
.info_search .pw_search .pw_type input[type="radio"]{position:absolute;}
.info_search .pw_search .pw_type label{position:static; margin:0;}
.info_search .pw_search .pw_type li{display:inline-block; padding:0;}
.info_search .pw_search .pick_area > input[type="text"]{margin-top:10px;}
.info_search .pw_search label.first{margin:0 10px 0 0;}
.info_search .pw_search select{width:100%; margin:0 0 5px 0; background:#fff url(/images/common/blt_select.png) no-repeat right top; background-size:28px auto;}

.info_search .pw_country > p{padding:20px 10px; margin:15px 0 0 0; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.info_search .pw_country .pick_country{padding:0 10px;}
.info_search .pw_country .pick_country p{margin:15px 0 5px 0;}
.info_search .pw_country .pick_country select{width:100%;}

/* 레이어팝업 */
#layer .inner.event .layerCon strong{color:#f46f01; font-weight:normal;}

.member .Proof{padding:18px 10px 0 10px;}
.member .Proof .txt{}
.member .Proof p{margin:0 0 15px 0;}
.member .Proof ul{padding:15px 10px; margin:0 0 10px 0; background:#f7f7f7;}
.member .Proof ul li{margin:0 0 5px 0; line-height:1.6;}
.member .card_txt{padding:15px 10px; text-align:center; background:#f7f7f7;}
.member .card_txt input[type="text"]{width:45%;}

/* email */
.member .mail_txt{padding:15px 10px; line-height:1.4; border-top:2px solid #9d9d9d; border-bottom:1px solid #d3d3d3;}
.member .mail_txt p{line-height:1.4;}
.member .mail_txt .first_txt{color:#06acde;}
.member .mail_txt p.interval{margin:0 0 15px 0;}
.member .mail_txt strong{color:#fb901c;}
.member .mail_txt em{color:#06acde; font-style:normal;}
.member .mail_txt p a{color:#06acde; text-decoration:underline;}
.member .com_txt{padding:10px; border-bottom:1px solid #d3d3d3; background:#f7f9fa;}
.member .com_txt h4{margin:0 0 10px 0;}
.member .com_txt ul{}
.member .com_txt ul li{margin:0 0 5px 0; line-height:1.3;}
.member .com_txt ul li img{margin:-2px 5px 0 0;}
.member .com_txt ul li span{color:#f46f01; text-decoration:underline;}

/* login */ /* 131002 수정 */
.login_area{position:relative; padding:15px 110px 15px 10px ; border-top:2px solid #9d9d9d; border-bottom:1px solid #d3d3d3;}
.login_area input[type="text"] , .login_area input[type="password"]{width:100%; height:29px !important; margin:0 0 10px 0; padding-left:5px !important;}
.login_area .i_label{position:absolute; left:20px; display:block; margin:8px 0 0 0; color:#999;}
.member .btn_login{position:absolute; top:15px; right:10px ; width:90px; height:67px; margin:0; box-shadow:0px 1px 0px #7d7d7d; border:1px solid #f46f01; font-size:1em; line-height:67px;}
.member .btn_default{padding:12px 15px; border-radius:0; background:#f5f7f7;}
.member .btn_default span{padding:0 50px 0 0; color:#333b40;}
.subcard_info{display:none; padding:0 10px 10px;}

/* add */
.tit_add span{font-size:0.73em;}
.q_pick .selectWrap{width:100%; margin:0;}
.q_pick .selectWrap span.select{}
.blood .selectWrap{width:90px; margin:0;}
.area .selectWrap{display:inline-block; *display:inline; margin:0;}
.area .selectWrap select {width:auto;}
.area .selectWrap span.select {padding:0 30px 0 10px;}
.birth .selectWrap{float:left; width:90px !important; margin:0 10px 10px 0;}
.birth .selectWrap .btm_select{margin-bottom:0;}

/* news */
.search_area{padding:10px;}
.search_area:after{clear:both; display:block; content:"";}
.search_area select , .search_area input{margin:0 0 6px 0;}
.search_area .left{float:left; width:48%;}
.search_area .right{float:right; width:48%;}
.search_area .txt_seach{width:70%;}
.search_area .btn_base{float:right; padding:9px 12px 7px 14px;}
.board_tbl{border-top:2px solid #9d9d9d;}
.board_tbl tbody th{width:17%; border-right:1px solid #d3d3d3;}
.board_tbl .bg_notice{display:inline-block; padding:4px 12px; text-align:center; font-size:0.7em; border-radius:2px; color:#fff; text-shadow:1px 1px 3px rgba(0, 0, 0,0.5); background:-webkit-linear-gradient(-40deg , #85e3cc 2px , #00c594 15px); background:-moz-linear-gradient(-40deg , #85e3cc 2px , #00c594 15px);}
.board_tbl tbody td{padding:8px 10px;}
.board_tbl tbody th , .board_tbl tbody td{border-bottom:1px solid #d3d3d3;}
.board_tbl dl dt{margin:0 0 8px 0;}
.board_tbl dl dt span{color:#f37e00;}
.board_tbl dl .noti_date{margin:0 0 8px 0; font-size:0.9em; color:#959595;}
.board_tbl dl .view_num{font-size:0.72em; color:#2ec2ef;}
.board_tbl dl .view_num span:first-child{margin:0 20px 0 0;}
.board_tbl dl .view_num span img{margin:-4px 2px 0 0;}


/* time line */
.time_list li{overflow:hidden; padding:10px; border-bottom:1px solid #d6d6d6;}
.time_list li:last-child{border-bottom:1px solid #c8c9cc;}
.time_list li a{float:left; width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.3;}
.time_list li .tit{float:left; padding:3px 0; margin:0 2px 0 0; color:#06acde; text-align:center;}
.time_list li .re{float:left; margin:2px 0 0 4px; color:#f37e00;}
.time_list li span.date{float:right; margin:4px 0 0 0; font-size:0.85em; color:#9d9d9d;}
.time_search{position:relative; z-index:2; overflow:hidden; border-top:1px solid #ebebeb; border-bottom:1px solid #d6d6d6;}
.time_search div.selectWrap{float:left; width:30%; height:29px; margin:0; overflow:hidden; color:#7e818a; border:1px solid #899294; border-radius:3px; background:#fff url(/images/community/bg_select_commu.gif) no-repeat right 0; background-size:33px 29px}
.time_search div.selectWrap .select{height:29px;}
.time_search select{float:left; width:100%; font-size:0.93em; background:#fff;}
.time_search .inputArea{float:right !important; width:67%; height:27px; overflow:hidden; border:1px solid #899294; border-radius:3px; background:#fff;}
.time_search .inputArea .inner{position:relative; padding:0 33px 0 5px;}
.time_search .inputArea .inner input[type="text"]{width:100%; margin:0; padding:0;}
.time_search .inputArea a{position:absolute; top:0; right:0;}
.time_search input[type="text"]{width:37%; height:27px; margin:0; line-height:27px; border:0;}
.time_search .btn_search{display:none; position:absolute; top:15px; right:100px;}
.time_search .searchBtn{right:72px !important;}
.time_search.view_btn .search_inner{padding:10px 140px 10px 10px;}
.time_search.view_btn div.btnSet{width:130px;}
.loader{width:100%; padding:7px 0; font-size:10px; text-align:center; color:#585858; background:#cbcdd4;}
.loader img{margin:0 2px 0 0; vertical-align:top;}

#add_list .bor_top{padding:10px 10px 15px 10px;}
.bor_top .btnArea{border-bottom:none;}

.timeline_tab{position:relative; z-index:3; margin:10px;}
.timeline_tab li{position:relative; width:50%;}
.timeline_tab li ul{display:none; position:absolute; top:38px; left:0; z-index:3; width:100%;}
.timeline_tab li li{float:left; width:100%;}
.timeline_tab li li a{padding-left:10px; text-align:left; border:0; background:#fff;}

.bbs_title{position:relative; text-align:center; border-bottom:1px solid #a7aaaf; background:#e1e3e7;}
.bbs_title h3{float:none; margin:0; padding:12px 0; font-size:1.15em; color:#494a4f;}
.bbs_title .btnArea{position:absolute; top:-7px; right:10px;}
.btn_list{position:absolute; top:5px; left:10px;}
.sub_timeLine .commu_con{border-bottom:1px solid #c6c6c6;}
.sub_timeLine .commu_con.odd{background:#f6f6fa;}
.sub_timeLine .commu_con .player{min-height:48px; padding:0; border-bottom:1px solid #d3d3d3;}
.sub_timeLine .commu_con .player dt{float:none; height:27px; padding:1px 0 2px 60px; line-height:1.2;}
.sub_timeLine .commu_con .player dt a{float:left;}
.sub_timeLine .commu_con .player dt a.name{padding:8px 0 0 0; color:#5e656f;}
.sub_timeLine .commu_con .player .date{position:static; padding:0 0 0 60px; line-height:1.2;}
.sub_timeLine .commu_con .player .pic img{width:53px; height:40px;}
.sub_timeLine .commu_con .player.admin dt,
.sub_timeLine .commu_con .player.admin dd{padding-left:0;}
.sub_timeLine .commu_con .txt{color:#7a7d85; word-break:break-all;}
.sub_timeLine .commu_con .txt .title{margin:0 0 15px 0; font-weight:bold; color:#141823;}
.sub_timeLine .commu_con .txt .btnArea{padding:5px 0 0 0; text-align:left; border:0;}
.sub_timeLine .commu_con .txt .btnArea a{min-width:10px; height:23px; padding:0 10px; font-size:0.85em; font-weight:bold; color:#797a89; line-height:23px; border:1px solid #d7d7d7; background:#f9f9f9;}
.sub_timeLine .commu_con .txt .btn_reply{position:relative; float:right; margin:0; padding:7px 0 0 0; border:0; background:none;}
.sub_timeLine .commu_con .txt .btn_reply .close{display:none;}
.sub_timeLine .commu_con .txt .btn_reply p{padding:5px 10px; text-align:center; border:1px solid #ceced0; border-radius:5px; background:#f4f4f4;}
.sub_timeLine .commu_con .txt .btn_reply .bg{position:absolute; top:1px; right:24px; display:block; width:11px; height:7px; background:url(/images/community/blt_reply.png) no-repeat; background-size:11px 7px;}
.sub_timeLine .commu_con .txt .btn_reply.reply_view{float:none;}
.sub_timeLine .commu_con .txt .btn_reply.reply_view p{width:auto; font-size:1.07em; color:#2c2c2c; border-bottom:0; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.sub_timeLine .commu_con .txt .btn_reply.reply_view .close{position:absolute; top:14px; right:10px; display:block !important;}
.sub_timeLine .commu_con .txt table{border-collapse:separate; border-spacing:1px;}
.sub_timeLine .commu_con .reply_list{margin:0; padding:0 0 10px 0; border:1px solid #ceced0; border-top:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#f4f4f4;}
.sub_timeLine .reply_list .player{margin:0 10px; border-top:1px solid #ceced0; border-bottom:0;}
.sub_timeLine .reply_list .player dt{padding-left:0;}
.sub_timeLine .reply_list .player .date{padding-left:0;}
.sub_timeLine .reply_list .player dd{line-height:1.2;}
.sub_timeLine .reply_list .player dd.txt{margin:0 0 5px 0; color:#2c2c2c;}
.sub_timeLine .reply_list .player dd.btn{padding:0 0 8px 0; text-align:right;}
.sub_timeLine .reply_list .player dd.btn a{min-width:10px; height:23px; padding:0 10px; font-size:0.85em; font-weight:bold; color:#797a89; line-height:23px; border:1px solid #d7d7d7; background:#f9f9f9;}
.sub_timeLine .commu_con .reply{position:relative; margin:-10px 0 0 0; padding:5px 50px 5px 5px; border:1px solid #ceced0; border-top:1px solid #adadad; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#eee;}
.sub_timeLine .commu_con .reply textarea{width:100%; height:27px; padding:0; line-height:27px;}
.sub_timeLine .commu_con .reply a{position:absolute; top:5px; right:0; display:block; width:50px; height:27px; text-align:center; line-height:27px; color:#8e8e93;}
.sub_timeLine .commu_con .reply a.current{color:#06acde;}

.sub_timeLine .commu_btm{padding:0;}
.sub_timeLine .commu_btm .time_search{position:relative; background:#eeeff1;}
.sub_timeLine .commu_btm .time_search{border:0;}
.sub_timeLine .commu_btm .time_search .search_inner{padding:6px 10px;}
.sub_timeLine .commu_btm .time_search .search_inner:after{clear:both; display:block; content:"";}
.sub_timeLine .commu_btm .sub_title{display:none;}
.sub_timeLine .commu_btm .btnArea{display:none;}
.sub_timeLine.shop_commu .commu_btm .time_search{border-bottom:1px solid #c8c9cc;}
.sub_timeLine.shop_commu .commu_btm .btnArea{position:relative; z-index:10; float:right; display:block; margin:0 10px 0 0;}
.sub_timeLine.shop_commu .commu_btm .sub_title{position:absolute; display:block; width:100%; padding:13px 0 0 0; font-size:1.15em; text-align:center;}
.sub_timeLine .commu_btm .time_search .btn_pen{display:none;}
.mypage_club .sub_timeLine .commu_con{border-top:0;}

.sub_timeLine .commu_btm .time_search.moving{width:100%; border-bottom:1px solid #c8c9cc;}
.sub_timeLine .commu_btm .time_search.view_btn .inputArea{width:55%; margin-right:37px;}
.sub_timeLine .commu_btm .time_search.view_btn .btn_pen{position:absolute; top:6px; right:10px; display:block;}

/* 구인등록 게시판글쓰기 */
.file.job_pto{margin:0;}/* 사진등록 이미지가 보여야 할경우 삭제 */
.btn_pd .btn_base{padding:7px 7px 6px 7px;}
.work_area select{width:48%;}
.salary select , .salary input[type="text"] , .caution select , .caution input[type="text"]{width:48%;}
.caution ul{margin:10px 0 0 0; line-height:1.3; color:#797979;}
.caution ul li{margin:0 0 5px 0;}
.caution ul li span{color:#f46f01;}

/* 131004 추가 */
.info_search p{margin:15px 10px 0 10px; line-height:1.3; color:#2c2c2c;}
.info_search .txt{margin:0 10px 20px 10px; color:#616161;}
.info_search ul{padding:20px 10px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.info_search ul li{position:relative; padding:0 0 0 67px; margin:0 0 5px 0;}
.info_search ul li label{position:absolute; top:10px; left:0;}
.info_search ul li input[type="text"]{width:100%;}
.info_search .pw_change{margin:0 10px; border:none; background:#f7f7f7;}
.info_search .pw_change li:last-child{margin:0;}
.info_search .check{color:#f46f01;}

.info_search .pw_search{position:relative; padding:15px 10px; margin:15px 10px 0 10px; background:#f7f7f7;}
.info_search .pw_search .pw_type{padding:10px 0; margin:0 0 15px 0; border-top:none; border-bottom:1px solid #d3d3d3; text-align:center;}
.info_search .pw_search .pw_type input[type="radio"]{position:absolute;}
.info_search .pw_search .pw_type label{position:static; margin:0;}
.info_search .pw_search .pw_type li{display:inline-block; padding:0;}
.info_search .pw_search .pick_area > input[type="text"]{margin-top:10px;}
.info_search .pw_search .i_label{position:absolute; left:20px; display:block; padding:8px 0 0 0; color:#999;}
.info_search .pw_search label.first{margin:0 10px 0 0;}
.info_search .pw_search select{width:100%; margin:0 0 5px 0; background:#fff url(/images/common/blt_select.png) no-repeat right top; background-size:28px auto;}
.info_search .pw_search.card_pw p{position:relative; padding:0 0 0 70px;}
.info_search .pw_search.card_pw span{position:absolute; top:6px; left:0;}
.info_search .pw_search.card_pw .i_label{position:absolute; top:0; left:80px;}
.info_search .pw_search .pick_area .selectWrap{margin:0 0 10px 0;}

.info_search .pw_country > p{padding:20px 10px; margin:15px 0 0 0; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.info_search .pw_country .pick_country{padding:0 10px;}
.info_search .pw_country .pick_country p{margin:15px 0 5px 0;}
.info_search .pw_country .pick_country select{width:100%;}



/* shop .*/
ul.list{clear:both; padding:10px 10px 0 10px; border-bottom:1px solid #ebebeb;}
ul.list li{position:relative; width:100%; overflow:hidden; padding:12px 0; border-bottom:1px solid #ebebeb;}
ul.list li:last-child{border:0;}
ul.list li p{position:absolute; border:1px solid #e1e2e2;}
ul.list li p img{display:block;}
ul.list li dl{padding:0 0 0 108px; line-height:1.4;}
ul.list li dt{position:relative; width:100%; font-weight:bold;}
ul.list li dt img{position:absolute; left:0; margin:3px 0 0 0;}
ul.list li dt span{display:inline-block; padding:0 0 0 25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#06acde; vertical-align:top;}
ul.list li dd{width:100%; overflow:hidden; font-size:0.9em; text-overflow:ellipsis; white-space:nowrap;}
ul.list li dd.flag{float:left; height:90px;}
ul.list li dd.flag img{margin:0 4px 0 0;}
ul.list li dt span.name{display:inline-block; width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.list li dd.tit{-webkit-text-stroke-width:.02em;}
ul.list li dd.machine{height:30px;}
ul.list li dd.date{color:#9d9d9d;}
ul.list li dd.shopName{height:38px;}
ul.list li dd.machine span{color:#f80303;}
ul.list img{vertical-align:inherit;}
ul.list .shop_data{padding:0 0 0 130px;}
ul.list .shop_data dt{width:100%; height:20px; overflow:hidden; margin:0 0 5px 0;}
ul.list .shop_data dt img{float:left; margin:3px 0 0 0;}
ul.list li .shop_data dd.machine{height:20px;}

ul.newShop li dl{padding:0 0 0 130px;}
ul.newShop li{height:90px;}
ul.newShop li dd.machine{height:18px;}
ul.newShop li dd.machine span{color:#f80303;}

ul.rally_list dt{height:40px; overflow:hidden;}
ul.rally_list li dd.machine{height:20px}

ul.searchTop li{height:75px;}
ul.searchTop li dd.machine{height:18px;}
ul.searchTop li dd.machine span{color:#f80303;}

.shopDetail{position:relative; overflow:hidden; padding:12px 0 0 0; border-bottom:1px solid #ebebeb;}
.shopDetail p.pic{position:absolute; margin:0 0 0 10px; border:1px solid #e1e2e2;}
.shopDetail dl{padding:0 10px 8px 140px; line-height:1.4;}
.shopDetail dt{height:68px; font-size:1.15em; color:#333b40;}
.shopDetail .btn_alert{display:inline;}
.shopDetail dt span{color:#06acde;}
.shopDetail dt a img{vertical-align:top;}
.shopDetail dd{position:relative; color:#57595f;}
.shopDetail dd span.icon{float:left; width:54%;}
.shopDetail dd p{float:right; padding:1px 6px; -webkit-text-stroke-width:.02em; border-radius:3px; border:1px solid #ccc;}
.shopDetail dd p img{float:left; margin:3px 2px 0 0;}
.shopDetail dd p span{color:#f37e00;}
.shopDetail dd p.nflag{color:#9a9a9a; background:#f9f9f9;}
.shopDetail dd p.nflag span{color:#9a9a9a;}
.shopDetail .notice{overflow:hidden; padding:4px 0 4px 10px; border-top:1px solid #ebebeb;}
.shopDetail .notice th{width:90px; padding:4px 5px 4px 10px; vertical-align:top;}
.shopDetail .notice td{padding:4px 10px 4px 0; line-height:1.3; word-break:break-all;}
.shopDetail .notice em{float:left; margin:0 2px 0 0; padding:0 0 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;}
.shopDetail .notice em span{float:left; width:87px; height:22px; padding:0 2px 0 3px; text-align:center; background:url(/images/common/notice_left.png) no-repeat; background-size:auto 22px;}

.detail_tab li{width:25%;}
.detail_tab{position:relative; height:35px; margin:15px 10px; padding:0 0 0 1px;}
.detail_tab:after{clear:both; display:block; content:"";}
.detail_tab li{float:left; width:33.3%; margin:0 0 0 -1px; -moz-box-sizing:border-box; box-sizing:border-box;}
.detail_tab li a{position:relative; display:block; height:15px; padding:10px 0; text-align:center; color:#9a9a9a; -webkit-text-stroke-width:.02em; border:1px solid #cdcdcd; border-bottom:2px solid #a8a8a8; background:url(/images/common/bg_tab_off.gif) no-repeat; background-size:auto 35px;}
.detail_tab li.active a{z-index:10; color:#fff; border:1px solid #0099d9; border-bottom:2px solid #0099d9; background:url(/images/common/bg_tab_on.gif) no-repeat; background-size:auto 35px;}

.shopSearch .formTbl.second{display:none; margin:-12px 0 12px 0; border-top:0;}

.shopSearch .ranking .swiper-slide{float:left;}
.shopSearch .ranking .swiper-slide .none{padding:100px 0;}

.ranking{clear:both; min-height:67px; overflow:hidden; margin:0 10px;}
.ranking .baseTbl td img{vertical-align:bottom;}
.shopDetail .ranking .baseTbl td{height:48px;}

.rank_tab li{margin:0;}
.rank_tab li a.active{border-right:0;}
.rank_tab li.last-child{width:33.4%;}
.rank_tab li.last-child a{border-right:1px solid #cdcdcd;}
.rank_tab li.last-child a.active{border-right:1px solid #0099d9;}
.btn_detail.btn_default{float:right; margin:0 10px 10px 0; padding:6px 5px; font-size:0.9em;}
.btn_detail.btn_default img{margin:3px 0 0 2px;}
.shopSearch .formTbl td.address{line-height:1.6;}

.shopSearch .more{top:20px;}
.shopSearch .contentTitle{padding:10px;}
.shopSearch .searchForm{position:relative; z-index:30;}
.shopSearch .contentTitle .selectWrap{width:100%;}
.shopSearch .contentTitle .selectWrap select{width:100%;}
.shopSearch .contentTitle.terms .selectWrap{margin:0 0 10px 0;}
.shopSearch select{width:100%;}
.shopSearch div.left{float:left; width:49%;}
.shopSearch div.right{float:right; width:49%;}
.search_none{clear:both; padding:80px 0 150px 0; text-align:center; vertical-align:middle;}
.shoptype{clear:both;}

#map{min-height:300px;}
.shopSearch #loading{ position:relative; min-height:600px; padding:40px 0 0 0; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;}
.shopSearch #loading div{width:55px; margin:0 auto;}
.shopSearch #loading p{padding:10px 0; font-size:1.3em; -webkit-text-stroke-width:.02em;}

.shopSearch .formTbl{table-layout:fixed;}
.shopSearch .formTbl th{width:35%;}
.shopSearch .formTbl td{line-height:1.3; word-break:break-all;}
.shopSearch #btnMap{float:right;}
.shopSearch .bubble{display:none; position:relative; z-index:100;}
.shopSearch .bubble div{position:absolute; top:0; right:0; width:170px; margin:0 0 0 0; padding:7px 0 0 0; z-index:10;}
.shopSearch .bubble span{position:absolute; top:-4px; left:85%; display:block; width:15px; height:8px; margin:0 0 0 -7px;}
.shopSearch .bubble ul{width:168px; text-align:left; box-shadow:1px 1px 4px rgba(0, 0, 0, .5); border-radius:4px; border:1px solid #c4c4c4; background:#fff;}
.shopSearch .bubble li{margin:3px; padding:3px 0; font-size:0.71em; color:#2c2c2c; text-shadow:none; border-bottom:1px solid #c4c4c4;}
.shopSearch .bubble li a{display:block; padding:3px 0; font-size:0.71em; color:#2c2c2c; text-shadow:none;}

.shopSearch .tab{height:47px;}
.shopSearch .tab li a{height:25px; background-size:auto 45px;}

.shopSearch .area_select{float:left; width:85%;}
.shopSearch .area_select .selectWrap{margin:0;}

.shopSearch .shop_btn{display:none;}

.club_info{position:relative; min-height:91px; margin:0 0 28px 0; padding:15px 10px; border-top:1px solid #ebebeb;}
.club_info .pic{position:absolute; width:120px; margin:0 10px 0 0;}
.club_info .pic .picWrap{width:120px; height:89px; overflow:hidden; border:1px solid #e1e2e2;}
.club_info .swiper-wrapper li{float:left;}
.club_info .bx-controls{bottom:-20px;}
.club_info .bx-controls .bx-pager-item a{margin:0 2px; background:#c4c4c4;}
.club_info .bx-controls .bx-pager-item a.active{background:#06acde;}
.club_info p{padding:0 0 0 130px; line-height:1.4;}

.fame{position:relative; margin:0 0 10px 0; padding:0 0 0 0; border-bottom:1px solid #d6d6d6;}
.fame:after{clear:both; display:block; content:"";}
.fame h3 span{padding:0 0 0 15px; font-size:0.7em; color:#616161;}
.fame .help{padding:12px 10px; color:#616161; line-height:1.3;}
.fame h4{margin:0 0 0 10px; padding:0 10px 12px 15px; background:url(/images/common/blt_bar.gif) no-repeat 0 5px;}
.fame ol li{float:left; width:33.3%; padding:4px 0 0 0; text-align:center;}
.fame ol li .rank{position:absolute; top:-4px; left:6px; width:26px; height:25px; padding:6px 4px 0 0; font-size:1.3em; color:#fff; -webkit-text-stroke-width:.02em; background:url(/images/main/bg_tag.png) no-repeat; background-size:30px 31px;}
.fame ol li .pic{position:relative; width:79px; margin:0 auto; padding:5px; border:1px solid #c6cacc;}
.fame ol li .id{width:79px; margin:0 auto; font-size:1.05em; color:#2c2c2c; line-height:1.4; -webkit-text-stroke-width:.02em;}
.fame ol li .id span{display:block; width:100%; overflow:hidden; color:#06acde; text-overflow:ellipsis; white-space:nowrap;}
.fame ol li.first-child .rank{position:absolute; top:-4px; left:6px; width:26px; height:25px; padding:6px 4px 0 0; font-size:1.3em; color:#fff; -webkit-text-stroke-width:.02em; background:url(/images/main/bg_tag_1st.png) no-repeat; background-size:30px 31px;}
.fame ol li.first-child .rank{position:absolute; top:-5px; left:-5px; width:30px; height:40px; overflow:hidden; padding:0; text-indent:-9999px; background:url(/images/main/medal1.png) no-repeat; background-size:30px 40px;}
.fame ol li.second .rank{position:absolute; top:-4px; left:-3px; width:23px; height:32px; overflow:hidden; padding:0; text-indent:-9999px; background:url(/images/main/ranking2.png) no-repeat; background-size:23px 32px;}
.fame ol li.third .rank{position:absolute; top:-4px; left:-3px; width:23px; height:32px; overflow:hidden; padding:0; text-indent:-9999px; background:url(/images/main/ranking3.png) no-repeat; background-size:23px 32px;}

.fame_list .item{padding:4px 0 0 0; text-align:center;}
.fame_list .item .rank{position:absolute; top:-4px; left:6px; width:26px; height:25px; padding:6px 4px 0 0; font-size:1.3em; color:#fff; -webkit-text-stroke-width:.02em; background:url(/images/main/bg_tag.png) no-repeat; background-size:30px 31px;}
.fame_list .item .pic{position:relative; width:79px; margin:0 auto; padding:5px; border:1px solid #c6cacc;}
.fame_list .item .id{width:79px; margin:0 auto; font-size:1.05em; color:#2c2c2c; line-height:1.4; -webkit-text-stroke-width:.02em;}
.fame_list .item .id span{display:block; width:100%; overflow:hidden; color:#06acde; text-overflow:ellipsis; white-space:nowrap;}
.fame_list .item.first-child .rank{position:absolute; top:-5px; left:-5px; width:30px; height:40px; overflow:hidden; padding:0; text-indent:-9999px; background:url(/images/main/medal1.png) no-repeat; background-size:30px 40px;}
.fame_list .item.second .rank{position:absolute; top:-4px; left:-3px; width:23px; height:32px; overflow:hidden; padding:0; text-indent:-9999px; background:url(/images/main/ranking2.png) no-repeat; background-size:23px 32px;}
.fame_list .item.third .rank{position:absolute; top:-4px; left:-3px; width:23px; height:32px; overflow:hidden; padding:0; text-indent:-9999px; background:url(/images/main/ranking3.png) no-repeat; background-size:23px 32px;}

.fame .bx-controls{width:100%; padding:10px 0; text-align:center;}
.fame .bx-controls .bx-pager-item{display:inline;}
.fame .bx-controls .bx-pager-item a{display:inline-block; width:9px; height:9px; overflow:hidden; margin:0 6px; text-indent:-9999px; box-shadow:inset 1px 1px 2px rgba(0, 0, 0, .32); border-radius:50%; background:#c4c4c4;}
.fame .bx-controls .bx-pager-item a.active{background:#06acde;}

.event_ranking{margin:0;}
.event_ranking h3{margin:0 0 20px 0;}
.event_ranking ol{overflow:hidden; padding:0 0 20px 0; border-bottom:1px solid #d3d3d3;}
.event_ranking ol li .id{width:auto; text-align:center;}

.otherShop ul{clear:both;}
.otherShop li{position:relative; height:93px; border-bottom:1px solid #d3d3d3;}
.otherShop .pic{position:absolute; top:10px; left:10px;}
.otherShop dl{padding:10px 0 0 120px; line-height:1.4;}
.otherShop dt{height:50px; margin:0 0 0 0;}
.otherShop li span{color:#06acde;}

.eventCon{padding:0 10px 12px 10px; border-bottom:1px solid #d3d3d3;}
.eventCon h4{margin:0 0 14px 0; font-size:1.35em; text-align:center; -webkit-text-stroke-width:.02em;}
.eventCon p{padding:0 0 0 9px; line-height:1.5;}
.eventCon p span{-webkit-text-stroke-width:.02em;}
.eventCon img{max-width:100%; height:auto;}

.shop_ranking h3{line-height:1.2;}
.shop_ranking h3 span{display:block; padding:8px 0; color:#06acde; font-size:0.63em;}
.shop_ranking h4{margin:0 12px 10px 12px; font-size:1em; color:#616161; font-weight:bold;}
.shop_ranking h4 span{color:#f46f01;}
.shop_ranking h4 span.nick{color:#06acde;}
.shop_ranking h4 span.rankcode{color:#616161;}
.shop_ranking .baseTbl td{font-size:1.1em;}
.shop_ranking .baseTbl td img{vertical-align:text-bottom;}

.sub_myRanking .baseTbl tbody th{width:35%;}
.sub_myRanking .baseTbl tbody .rgade{width:40%}

.shop_player .tab{height:45px;}
.shop_player .tab li{width:50%; height:45px; line-height:1.2;}
.shop_player .tab li a{height:29px; padding:8px 0 !important; background-size:auto 45px;}
.shop_player .tab li.last-child a{height:21px; padding-top:16px !important;}

.shop_player .baseTbl{table-layout:fixed;}
.shop_player .baseTbl th.date{width:24%;}
.shop_player .baseTbl td .pic{float:left; margin:10px 10px 0 0;}
.shop_player .baseTbl td .pic img{margin:0;}
.shop_player .baseTbl td p img{margin:0 0 7px 0;}
.shop_player .baseTbl td .nick{color:#06acde;}
.shop_player .member{margin:0 10px 10px 10px; font-size:1.35em; color:#2e2d2d; -webkit-text-stroke-width:.02em;}
.shop_player .member strong{color:#f37e00;}
.shop_player .member span{font-size:0.64em;}
.navi_list{border-top:2px solid #9d9d9d;}
.navi_list li{padding:12px 10px; border-bottom:1px solid #d6d6d6;}
.navi_list li span{-webkit-text-stroke-width:.02em;}

.commu{padding:10px; border-bottom:1px solid #c8c9cc;}
.commu textarea{margin:0 0 8px 0;}
.commu .file{position:absolute; width:115px; margin:0;}
.commu ul{margin:0 -10px; padding:7px 0 0 100px; border-bottom:1px solid #d6d6d6;}
.commu ul:after{clear:both; display:block; content:"";}
.commu li{float:left; margin:0 5px 3px 0;}
.commu .btn_blue span{padding:0 50px 0 40px;}

.commu2{padding:10px; border-bottom:2px solid #9d9d9d;}
.commu2 textarea{margin-bottom:8px;}
.commu2 .file{width:80px;}
.commu2 .baseTbl{border-top:1px solid #d6d6d6;}
.commu2 .baseTbl th{border-bottom:1px solid #d6d6d6;}
.commu2 .baseTbl td{text-align:left;}
.commu2 .pto_list{float:left; width:40%;}
.commu2 .pto_btn{float:right;}
.commu2 .pto_btn .file{position:relative; float:left;}
.commu2 .pto_btn .btn_base{margin-left:5px; padding:8px 7px; float:left;}

.commu_con{position:relative; padding:10px 10px 30px 10px;}
.commu_con .player{position:relative; overflow:hidden; min-height:50px; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #ebebeb;}
.commu_con .player dt{float:left; padding:0 70px 0 76px; word-break:break-all;}
.commu_con .player dt.admin{padding-left:0;}
.commu_con .player dt img{height:22px !important; margin:0 5px 0 0; vertical-align:bottom;}
.commu_con .player .pic{position:absolute; top:0; left:0; line-height:1.2;}
.commu_con .player .pic img{width:66px; height:50px;}
.commu_con .player .date{position:absolute; top:8px; right:10px; font-size:0.8em; color:#959595;}
.commu_con .txt{overflow:hidden; line-height:1.4;}
.commu_con .txt img{max-width:100%; height:auto !important; margin:0 0 10px 0;}
.commu_con .txt .img img{width:100%; margin:0 0 10px 0;}
.commu_con .txt p img{max-width:100%; height:auto !important;}
.commu_con .txt .btn_reply{margin:15px 0 0 0;}
.commu_con .txt object,
.commu_con .txt embed{width:100%; height:100%;}
.commu_con .btnArea{border-bottom:1px solid #ebebeb;}
.commu_con .reply{clear:both; padding:10px 0;}
.commu_con .reply.notice_reply{border:0;}
.commu_con .reply.notice_reply .btn_reply{margin:8px 0 0 0; padding:2px 4px; font-size:0.9em; border:1px solid #ccc; border-radius:4px;}
.commu_con .reply_list{margin:0 -10px; padding:10px; border-top:2px solid #9d9d9d;}
.commu_con .reply_list dl{padding:0 105px 0 76px;}
.commu_con .reply_list dt{width:100%; overflow:hidden; padding:0; text-overflow:ellipsis; white-space:nowrap; line-height:1.2;}
.commu_con .reply_list .txt{clear:both; margin:0 -95px 0 0; padding:5px 0 0 0; word-break:break-all;}
.commu_con .reply_list .btn{clear:both; padding:5px 0 0 60px;}
.commu_con .player.time_line{line-height:1.2;}
.commu_con .player.time_line dt img{vertical-align:text-bottom;}
.listMove{color:#f00;}
.listDelete{color:#f00;}

.modi_list{display:none; position:absolute; top:44px; z-index:10; width:100%; border-top:1px solid #01455a; background:#017396;}
.modi_list li{border-top:1px solid #1b81a1; border-bottom:1px solid #01455a;}
.modi_list li a{display:block; height:35px; padding:0 0 0 15px; color:#99c7d5; line-height:35px; -webkit-text-stroke-width:.02em;}
.modi_list li.active{border-top:0; background:#005472;}
.modi_list li.active a{height:36px; color:#fff; line-height:36px;}

.shopModi h4{height:40px; padding:0 10px; font-size:1.3em; color:#333b40; line-height:40px; background:#e1e1e1;}
.shopModi h4 span{float:right; width:24px; height:14px; margin:12px 0 0 0; background:#e1e1e1 url(/images/common/blt_downArrow.png) no-repeat right center; background-size:24px auto;}
.shopModi h4.active span{background:#e1e1e1 url(/images/common/blt_upArrow.png) no-repeat right center; background-size:24px auto;}
.shopModi h4.last-child{border-top:2px solid #bdc2c3;}
.shopModi .formTbl{table-layout:fixed; margin:0;}
.shopModi .selectWrap{margin:0;}
.shopModi select{width:100%; margin:0; background:#fff url(/images/common/blt_select2.png) no-repeat right top; background-size:31px auto;}
.shopModi input[type="text"].seat{width:45% !important;}
.shopModi input[type="text"].half{width:48%;}
.shopModi input[type="text"].term{width:100%;}
.shopModi input[type="text"]:disabled{background:#f4f4f4;}
.shopModi textarea{padding:5px 0;}
.shopModi label{min-width:60px; margin:0 10px 5px 0; font-size:0.9em !important;}
.shopModi label.event{text-align:center;}
.shopModi label img{vertical-align:bottom;}
.shopModi .btn_base{font-size:0.9em;}
.shopModi .btn_base img{vertical-align:top;}
.shopModi .date_info span{position:relative; display:block;}
.shopModi .date_info span.first-child{margin:0 0 5px 0;}
.shopModi .modiFlie{height:40px; margin-bottom:5px;}

.shopArea label{display:block; margin:0 0 4px 0; -webkit-text-stroke-width:.02em;}
.scrollArea{position:relative; min-height:80px; margin:8px 0; border:1px solid #d2d2d3;}
.shopArea #shop_list{position:absolute; z-index:1; top:0; left:0; width:100%;}
.shopArea #shop_list ul{height:65px; overflow:auto; padding:7px;}
.shopArea #shop_list ul li{line-height:1.3;}
.shopArea .scrollbarV{position:absolute; top:0; bottom:0; right:0; z-index:100; width:5px; background:#b1b1b1;}
.shopArea .scrollbarV > div{position:absolute; z-index:100; width:100%; background:#06acde;}
.shopArea .area{position:relative; border:1px solid #d6d6d6;}
.shopArea .area span{position:relative; display:block; padding:4px 25px 4px 5px; font-size:1.2em; color:#000;}
.shopArea .area input[type="text"]{height:20px !important; padding:0 !important; line-height:20px !important; border:0;}
.shopArea .area .btn_del{position:absolute; top:4px; right:4px;}
.shopArea .area .arr_del{position:absolute; top:3px; right:4px;}
.shopArea .info{padding:0 0 10px 0; font-size:1em;}
.shopArea .btn_base{padding:5px 7px 8px 7px; vertical-align:middle;}
.shopArea .btn_base img{vertical-align:bottom;}

.rally_rank .shopArea #shop_list{position:static;}

.commuModi .formTbl .comm_file{padding:0 0 0 7px;}
.commuModi .formTbl .comm_file .file{position:relative;}
.commuModi .formTbl .comm_file .file label{top:10px; left:0;}

.commuModi .file{position:absolute; padding:10px 0 0 10px;}
.commuModi .file input[type="file"]{width:110px;}
.commuModi .file label{top:10px; left:10px; width:100px;}
.commuModi .file_list{overflow:hidden; padding:10px 0 10px 125px;}
.commuModi .file_name{float:left; margin:6px 10px 0 0;}
.commuModi .email{position:relative; min-height:140px; overflow:hidden; margin:0 10px 10px 10px; border-top:2px solid #ebebeb;}
.commuModi .email dt{padding:14px 0; color:#616161;}
.commuModi .email dt span{color:#f46f01;}
.commuModi .email dd.qr{position:absolute; top:42px; left:0; margin:0 12px 0 0; padding:13px 11px; border:1px solid #bab8b8;}
.commuModi .email dd.btn{padding:7px 0 0 100px;}
.commuModi .email dd.btn span{display:block; word-break:break-all;}
.commuModi .btn_base{margin:8px 0 0 0; padding:7px; font-size:0.9em;}
.commuModi .info{padding:0 0 0 12px; text-indent:-10px;}
.commuModi .info.last-child{margin-bottom:20px;}

.commuModi .gallery{margin:0 0 30px 0; padding:4px 10px 0 10px;}
.commuModi .gallery li{padding:8px 0; font-size:0.85em; border-bottom:1px solid #ebebeb;}
.commuModi .gallery .pic{float:left; margin:0 10px 0 0;}
.commuModi .gallery .pic img{margin:0;}
.commuModi .gallery p{line-height:1.3;}
.commuModi .gallery p img{margin:0 0 7px 0;}
.commuModi .gallery span{color:#f37e00;}
.commuModi .gallery .btn_base{margin:5px 0 0 0; padding:5px;}

.staff h4{padding:12px 10px; font-size:1.14em; border-bottom:2px solid #9d9d9d;}
.staff .caution{padding:10px 10px 0 10px;}
.staff .caution li{padding:0 0 0 8px; line-height:1.4; background:url(/images/common/blt_circleBlue.gif) no-repeat 0 0.5em; background-size:4px 4px;}
.staff .info{margin:0; padding:0 14px 8px 14px;  text-indent:0; border-bottom:1px solid #d3d3d3;}
.staff .info strong{color:#f46f01;}
.staff dl{padding:10px;}
.staff dt{margin:0 0 6px 0; -webkit-text-stroke-width:.02em;}
.staff dd{margin:0 0 12px 0;}
.staff dd.qr{width:67px; height:64px; padding:13px 11px; border:1px solid #bab8b8;}
.staff .formTbl{border-top:0;}

.monitor .h_txt{padding:10px; color:#f37e00;}
.monitor .formTbl{margin-bottom:0;}
.monitor .formTbl .file{margin-top:16px; width:100px; float:left;}
.monitor .formTbl .mimg{width:107px; height:61px; position:relative; overflow:hidden;}
.monitor .formTbl .mimg img.pto{border:1px solid #18bbec;}
.monitor .formTbl .mimg .btn_remove{position:absolute; top:-2px; right:0;}
.monitor .txt_register{padding:7px 0; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.monitor .txt_register p{padding:3px 10px;}
.monitor .txt_register label{display:inline-block; margin:0 0 5px 0; -webkit-text-stroke-width:.02em; vertical-align:middle;}
.monitor .txt_register input{width:100%; padding:5px 0;}
.monitor .txt_register .btnArea{padding-right:10px;}

.monitor .history h4{padding:15px 10px; color:#06acde; font-size:1.21em;}
.monitor .history p{padding:0 10px;}
.monitor .history ul{padding:10px;}
.monitor .history ul li{padding:3px 0;}
.monitor .history ul li label{vertical-align: middle;}
.monitor .history ul li input[type="text"]{width:56%;}
.monitor .history ul li .btn_base{padding:7px 0;}

/* my page */
.mypage_top article{overflow:hidden; padding:10px; border-bottom:1px solid #000;}

/* 131002 수정 */
.my_term{height:37px; overflow:hidden; margin:-10px -10px 10px -10px; padding:0 20px; line-height:35px; border-bottom:1px solid #d6d6d6; background:#e1e1e1;}
.my_term span{color:#f46f01;}
.my_term img{margin-top:-3px;}
.my_term p{padding:12px 0; line-height:1;}

.ticker{clear:both; position:relative; height:37px; overflow:hidden; padding:0 10px 0 9px; border:1px solid #d6d6d6;} /* 131002 수정 */
.ticker h4{position:absolute; top:10px; left:9px;}
.ticker ul{padding:0 0 0 30px;}
.ticker li{width:100%; overflow:hidden; padding:14px 0 9px 0; font-size:0.85em; text-overflow:ellipsis; white-space:nowrap;}

.msg{position:relative; height:37px; overflow:hidden; padding:0 10px 0 9px; border:1px solid #d6d6d6; border-top:none;}
.msg dt{position:absolute; top:8px; left:9px;}
.msg dd{padding:14px 0 0 30px; font-size:0.85em;}
.msg dd span{color:#ff8400; -webkit-text-stroke-width:.02em;}

.shop_name{position:relative; overflow:hidden; /*height:39px; line-height:39px;*/line-height:1.2; margin-top:-1px; border-top:1px solid #dadce0; border-bottom:1px solid #dadce0; background:#edeef1 url(/images/common/blt_upArrow02.png) no-repeat 97% center; background-size:21px auto;}
.shop_name.active{background:#edeef1 url(/images/common/blt_downArrow02.png) no-repeat 97% center; background-size:22px auto;}
.shop_name .radio{position:absolute; top:10px; left:10px; width:20px; line-height:1;}
.shop_name .checkbox{position:absolute; top:10px; left:35px; width:25px; line-height:1;}
.shop_name .checkbox_check{background: url(/images/mypage/bg_club.png) no-repeat; background-size:20px auto;}

.shop_name h4{padding:10px 40px 10px 70px; font-size:1.15em;}
.shop_name h4 img{margin:-4px 0 0 -34px;}
.shop_name p{position:absolute; top:2px; right:10%; font-size:0.75em;}
.shop_name p span{color:#f46f01;}
.shop_name span.total{margin-left:5px; font-size:0.75em;}
.shop_name span.total strong{color:#f46f01;}
.shop_name label{position:absolute; top:0; left:0; display:block; width:20px; height:20px; overflow:hidden; text-indent:-9999px; font-size:0;}

.shop_name.hs_detail h4{padding:0 0 0 10px;}
.shop_name.hs_detail h4 img{margin-right:5px;}
.shop_name.hs_detail .btn_base{position:absolute; top:6px; right:12%; padding:0 10px; line-height:25px;}

.shop_name.hs_detail2 h4{padding:0 0 0 100px;}

.profile{position:relative; overflow:hidden; margin:10px 10px 0 10px;}
.profile .user_info{position:relative; min-height:120px; max-height:120px; overflow:hidden; border-top-left-radius:5px; border-top-right-radius:5px;}
.profile .user_info a.btn_option{position:absolute; bottom:10px; right:5px;}
.profile .back{display:block; width:100%; min-height:140px; max-height:180px; overflow:hidden;}
.profile .back img{max-width:100%; min-height:140px;}
.profile .user{position:absolute; top:10px; left:10px; min-width:152px; min-height:86px; overflow:hidden; padding:5px 8px; background:rgba(255,255,255,.55);}
.profile .user dt{position:relative; padding:6px 0; word-break:break-all; font-size:1.07em; font-weight:bold; color:#141823;}
.profile .user dt img{float:left; margin:-7px 3px 0 0;}
.profile .user .pic{position:absolute; top:30px; left:10px; width:78px; height:58px; overflow:hidden; border-radius:3px;}
.profile .user .pic img{display:block;}
.profile .user .pic .frame{position:absolute; top:0; left:0;}
.profile .user .infoArea{padding:0 0 0 85px; font-size:0.85em; color:#2c2c2c;}
.profile .user .infoArea li{margin:0 0 2px 0;}
.profile .user .infoArea span{padding:0 4px 0 0; color:#4c5559;}
.profile .story_info{position:relative; z-index:2; overflow:hidden; border:1px solid #d0d2d5; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.profile .notice{position:relative; z-index:2; padding:7px 10px; color:#2c2c2c; border-bottom:1px solid #d7dadf; background:#f9f9f9;}
.profile .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;}
.profile .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;}
.profile .user_score{overflow:hidden; background:#ededed;}
.profile .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; box-sizing:border-box;}
.profile .user_score li a{display:block; padding:8px 0; color:#9b9b9b; border-right:1px solid #c6c6c7; border-left:1px solid #f8f8f8; border-top:1px solid #f8f8f8;}
.profile .user_score li.first-child a{border-left:0;}
.profile .user_score li.last-child{width:33.4%;}
.profile .user_score li.last-child a{border-right:0;}
.profile .user_score li p{display:block; margin:4px 0 0 ; font-size:1.5em; color:#4e4e4e; -webkit-text-stroke-width:.04em;}
.profile .second{border:0;}
.profile .second li{width:50%; border-bottom:0;}
.profile .second li.last-child{width:50%;}
.profile .second p .up{padding:0 0 0 5px; font-size:0.85em; color:#e00;}
.profile .modiTbl{position:relative; z-index:2; display:none; padding:0 10px; border:1px solid #d7dadf; border-bottom:0; background:#eff1f4;}
.profile .modiTbl h4{padding:9px 0; font-weight:bold; border-bottom:1px solid #c8c9cc;}
.profile .modiTbl h4 a{font-size:1.14em; color:#2e2d2d;}
.profile .modiTbl dl dt{font-weight:bold; color:#2e2d2d;}
.profile .modiTbl .story{overflow:hidden; padding:6px 0; zoom:1;}
.profile .modiTbl .story dt{float:left; width:135px; padding:3px 0 0 0;}
.profile .modiTbl .story dd{clear:both; width:240px; padding:10px 0 0 0;}
.profile .modiTbl .story dd .open{margin:0 10px 0 0;}
.profile .modiTbl .story_guide{padding:0 0 8px 0; font-size:0.85em; color:#7e888c; line-height:1.6; border-bottom:1px solid #c8c9cc;}
.profile .modiTbl .cover{overflow:hidden; padding:6px 0;}
.profile .modiTbl .cover em{display:block; padding:8px 0 6px; font-size:0.85em; font-style:normal; color:#7e888c;}
.profile .modiTbl .cover dd{overflow:hidden; border-bottom:1px dotted #c8c9cc; zoom:1;}
.profile .modiTbl .cover dd.self{border:0;}
.profile .modiTbl .cover dd.self em{float:left; margin:5px 5px 0 0;}
.profile .modiTbl .cover dd.self .file{float:left;}
.profile .modiTbl .cover li{float:left; width:20%;}
.profile .modiTbl .cover li p{width:50px; height:39px; overflow:hidden; margin:0 auto; border:1px solid #9e9fa4; border-radius:1px;}
.profile .modiTbl .cover li div{padding:7px 0; text-align:center;}
.profile .modiTbl .cover li div .radio_check{margin-right:0;}
.profile .modiTbl .cover li div label{display:inline-block; width:0; height:0; text-indent:-9999px;}
.profile .modiTbl .btnArea{padding:0 0 10px 0; font-size:0.85em; font-weight:bold;}
.profile .modiTbl .btnArea a{padding-left:15px;}
.profile .modiTbl .btnArea a span{padding-right:15px;}
.profile .modiTbl td{background:none;}
.profile .modiTbl tr:last-child th,
.profile .modiTbl tr:last-child td{border-bottom:1px solid #c8c8c8;}
.profile .modiTbl th{width:38%; padding:8px 0 8px 4px; font-size:0.9em; text-align:left; -webkit-text-stroke-width:.02em; border-bottom:1px dotted #858585;}
.profile .modiTbl td{border-bottom:1px dotted #858585;}
.profile .modiTbl th.sbj{font-size:1.2em; font-weight:bold; color:#06acde;}
.profile .modiTbl th.sbj a{color:#06acde;}
.profile .modiTbl .bor_none th,
.profile .modiTbl .bor_none td{border:0;}
.profile .modiTbl td.story_info{padding:5px 0;}
.profile .modiTbl .file{float:right; width:65px; margin:4px 5px 0 0;}
.profile .modiTbl .file_name{clear:both; margin:4px 0;}
.profile .modiTbl .file_name .btn_remove{top:-2px; right:-23px;}
.profile .photo_box{position:relative;}
.profile .photo_box p{margin:8px 0; width:41px; height:41px; position:relative; overflow:hidden;}
.profile .photo_box p .pto{border:1px solid #18bbec;}
.profile .photo_box p .btn_remove{position:absolute; top:-2px; right:0;}
.profile .photo_box .btn_base{position:absolute; top:0; right:5%;}
.profile .btnArea{position:relative; padding-bottom:0;}
.cover_loading{display:none; position:absolute; top:5px; left:50%; width:26px; margin:0 0 0 -13px; background:#06acde;}

.mypage_story .txt{position:relative; padding:10px; line-height:1.4;}
.mypage_story .txt textarea{padding:0; border:1px solid #c4c6cd; border-radius:2px;}
.mypage_story .txt .btnArea{clear:both; width:250px; overflow:hidden; margin:0 auto; font-weight:bold;}
.mypage_story .txt .btnArea div{float:left; width:120px !important; overflow:hidden;}
.mypage_story .txt .btnArea input[type="file"]{width:120px; margin:0;}
.mypage_story .txt .btnArea label{ width:118px; padding:6px 0 5px 0; font-size:0.85em !important; text-align:center; box-shadow:none; border:1px solid #d7d7d7; background:#f9f9f9; -webkit-text-stroke-width:0;}
.mypage_story .txt .btnArea .btn_default{float:right; width:120px !important; padding:6px 0 5px 0; font-size:0.85em !important; box-shadow:none; border:1px solid #d7d7d7; background:#f9f9f9;}
.mypage_story .txt em{display:block; margin:0 0 7px 0; font-size:0.78em; font-style:normal; font-weight:bold; color:#7c7e80;}
.mypage_story .txt em img{float:left; margin:3px 3px 0 0;}
.mypage_story .txt .file_name a{position:static;}

.mypage_story .status{position:relative; padding:7px 20px 0 20px; line-height:1.4; border-top:1px solid #a3a3a3; border-bottom:1px solid #a3a3a3;}
.mypage_story .status .pic{position:absolute; top:7px; left:20px; padding:0;}
.mypage_story .status p{padding:0 0 0 42px; line-height:1.4;}
.mypage_story .status p a{color:#06acde;}
.mypage_story .status p span{font-size:0.85em; color:#bbb;}

.hobby{margin:25px 0; padding:0 10px;}
.hobby h4{padding:0 0 7px 0; font-weight:bold; color:#333b40;}
.hobby ul{overflow:hidden; border:1px solid #d7dadf; border-radius:4px; background:#f9f9f9;}
.hobby ul li{padding:8px 10px; color:#9298a0; line-height:1.4; border-bottom:1px solid #d7dadf;}
.hobby ul li span{margin:0 8px 0 0; color:#141823;}
.hobby ul li.last-child{border:0;}
.hobby ul li.last-child span{display:block;}

#story_layer{display:none; position:fixed; top:0; left:0; z-index:100; 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{max-height:100%; max-width:100%; border:1px solid #fff;}

.previewArea{position:relative; top:0; left:0; z-index:10000; width:100%;}
.jcrop-holder{position:fixed !important; top:50%; left:50%;}
.jcrop-holder .bg{position:fixed; top:0; left:0; width:100%; height:100%; opacity:.5; filter:alpha(opacity=20); background:#000;}
.jcrop-holder .cropBtn{position:relative;float:right; margin-top:-30px;}
.jcrop-holder .cropBtn a{display:inline-block; min-width:10px; height:23px; padding:0 10px; font-size:0.85em; font-weight:bold; color:#797a89; line-height:23px; border:1px solid #d7d7d7; border-radius:4px; background:#f9f9f9;}
.jcrop-holder .frame{position:absolute; top:-40px; left:-10px; width:100%; height:100%; padding:40px 10px 10px 10px; opacity:.5; filter:alpha(opacity=20); background:#000;}

.replyWrap{border-top:1px solid #d3d3d3;}
.reply{overflow:hidden; padding:7px 10px; border-bottom:1px solid #d3d3d3;}
.reply.odd{background:#f6f6fa;}
.reply .ing{overflow:hidden; line-height:1.4; word-break:break-all;}
.reply .ing strong{color:#f46f01;}
.reply .ing a{color:#06acde;}
.reply .ing a.big_view{display:block; max-width:100%; max-height:200px; overflow:hidden;}
.reply .ing span{display:inline-block; margin:8px 0 0 0; font-size:0.85em; color:#a5a5a5;}
.reply .ing .btn_default{margin:8px 0 0 0;}
.reply .ing textarea{padding:9px 0;}
.reply .ing img{display:block; max-width:100%; margin:10px 0;}
.reply .ing img.myimage{float:left; margin:0 8px 0 0;}
.reply .ing p{color:#7a7d85;}
.reply .ing p span{display:block; margin:0;}
.reply .ing .btnArea{clear:both; padding:5px 0 0 0; text-align:left; border:0;}
.reply .ing .btnArea a{min-width:10px; height:23px; margin:0; padding:0 10px; font-size:0.85em; font-weight:bold; color:#797a89; line-height:23px; border:1px solid #d7d7d7; background:#f9f9f9;}

.reply .btn_reply{position:relative; float:right; padding:7px 0 0 0; line-height:1.4; border:0; background:none;}
.reply .btn_reply .close{display:none;}
.reply .btn_reply p{padding:5px 3px; text-align:center; border:1px solid #ceced0; border-radius:5px; background:#f4f4f4;}
.reply .btn_reply .bg{position:absolute; top:1px; right:24px; display:block; width:11px; height:7px; background:url(/images/community/blt_reply.png) no-repeat; background-size:11px 7px;}
.reply .btn_reply.reply_view{float:none;}
.reply .btn_reply.reply_view p{width:auto; font-size:1.07em; color:#2c2c2c; border-bottom:0; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.reply .btn_reply.reply_view .close{position:absolute; top:14px; right:10px; display:block !important;}
.reply .file_name a{position:static;}

.reply .reply_list{margin:0; padding:0 0 10px 0; border:1px solid #ceced0; border-top:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#f4f4f4;}
.reply .reply_list .player{margin:0 10px; border-top:1px solid #ceced0; border-bottom:0;}
.reply .reply_list .player dt{height:27px; padding:1px 0 2px 0; cursor:pointer;}
.reply .reply_list .player dt img{margin:0 5px 0 0; vertical-align:bottom;}
.reply .reply_list .player .date{font-size:0.8em; color:#959595;}
.reply .reply_list .player dd{line-height:1.2;}
.reply .reply_list .player dd.txt{margin:5px 0; padding:0; color:#2c2c2c;}
.reply .reply_list .player dd.btn{padding:0 0 8px 0; text-align:right;}
.reply .reply_list .player dd.btn a{display:inline-block; min-width:10px; height:23px; padding:0 10px; font-size:0.85em; font-weight:bold; color:#797a89; line-height:23px; border:1px solid #d7d7d7; border-radius:4px; background:#f9f9f9;}

.reply_list .feeling{margin:0 10px 10px 10px;}
.feeling{margin:45px 0 0 0; padding:8px 0; text-align:center; border-radius:4px; border:1px solid #ddd; background:#fff;}
.feeling a{display:inline-block; width:16%; margin:0 1%; font-size:0.7em; color:#a5a5a5;}
.feeling a span{display:block;}
.feeling a img{margin:0 0 5px 0;}

.reply .file_list{width:100%; overflow:hidden; margin:5px 0 0 0;}
.reply .file_list label{min-width:85px !important; height:23px; margin:0; padding:0; font-size:0.85em; font-weight:bold; color:#797a89; line-height:23px; box-shadow:none; border:1px solid #d7d7d7; background:#f9f9f9; -webkit-text-stroke-width:0;}
.reply .file_list .file{float:left; width:115px;}
.reply .file_name{margin:2px 0 0 0;}

.reply .reply_write{position:relative; margin:-10px 0 0 0; padding:5px 50px 5px 5px; border:1px solid #ceced0; border-top:1px solid #adadad; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#eee;}
.reply .reply_write textarea{width:100%; height:27px; padding:0; line-height:27px;}
.reply .reply_write a{position:absolute; top:5px; right:0; display:block; width:50px; height:27px; text-align:center; line-height:27px; color:#8e8e93;}
.reply .reply_write a.current{color:#06acde;}

.reply_box{margin-bottom:20px; text-align:center;}
.reply_box .r_txt{margin-bottom:12px; color:#a5a5a5; font-size:0.85em;}

.table_txt{padding:10px; color:#797979; font-size:0.85em;}

.mypage_score h4{position:relative; padding:12px 10px 10px 10px; font-size:1.1em; font-weight:bold; color:#333b40; border-bottom:1px solid #9a9ba3; background:#e8e9eb;}
.mypage_score h4.month_title{padding-right:40px; line-height:1.3;}
.mypage_score h4.month_title.border{border-top:2px solid #bdc2c3;}
.mypage_score h4 span{position:absolute; top:50%; right:10px; display:block; width:24px; height:14px; margin:-7px 0 0 0; background:url(/images/common/arrow_down.png) no-repeat right center; background-size:16px auto;}
.mypage_score h4.active span{background:url(/images/common/arrow_up.png) no-repeat right center; background-size:16px auto;}
.mypage_score h4.folding_div{padding-right:40px;}
.mypage_score h4 + div{display:none; overflow:hidden; border-bottom:1px solid #cdcdcd;}
.mypage_score h5{padding:10px; border-bottom:1px solid #d6d6d6; background:#ebf6fc;}
.mypage_score h5 span{float:right; font-size:0.75em;}
.mypage_score h5 span strong{color:#f46f01;}
.mypage_score .info{min-height:14px; padding:10px 10px 10px 25px; font-size:0.8em; text-indent:-25px; color:#333b40;}
.mypage_score table{margin:0;}
.mypage_score .dataTbl th{padding:10px; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3;}
.mypage_score .baseTbl{border-top:0;}
.mypage_score .baseTbl th.gubun{text-align:left;}
.mypage_score .dataTbl td{padding:4px 10px; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3;}
.mypage_score .dataTbl td.left{text-align:left;}
.mypage_score .dataTbl td.center{text-align:center;}
.mypage_score .dataTbl td.sbj{width:65%;}
.mypage_score .dataTbl td.num{width:15%; text-align:center;}
.mypage_score .dataTbl.pro td{padding:10px;}
.mypage_score .baseTbl th{padding:4px 0;}
.mypage_score .baseTbl td{height:54px; padding:2px 5px;}
.mypage_score .formTbl{border-top:0;}
.mypage_score .formTbl.pickup{border-top:1px solid #a8a8a8;}
.mypage_score .formTbl th,
.mypage_score .formTbl td{font-size:0.85em;}
.mypage_score table td.last-child{border-right:0;}
.mypage_score .formTbl.count{text-align:center;}
.mypage_score .formTbl.count th{width:48%; text-align:center;}
.mypage_score .formTbl.pickup th{width:21%; text-align:center;}
.mypage_score .formTbl.pickup td{border-right:1px solid #d3d3d3;}
.mypage_score .formTbl.pickup td:last-child{border-right:0;}
.mypage_score .formTbl.pickup .finish td{text-align:center;}
.mypage_score .baseTbl.data td{width:50%;}
.mypage_score .btn_data{float:right; padding:4px 5px 4px 0;}
.mypage_score .data_help{clear:both; display:none; line-height:1.4;}
.mypage_score .data_help dl{padding:10px; border-top:1px solid #d6d6d6;}
.mypage_score .data_help dt{margin:0 0 10px 0; color:#06acde;}
.mypage_score .data_help ul{padding:0 10px; font-size:0.85em; color:#797979;}
.mypage_score .data_help li{margin:0 0 5px 0;}
.mypage_score .baseTbl.latest tr:last-child td{border-bottom:1px solid #a9a9a9;}
.mypage_score .baseTbl.latest tbody th{padding:0 10px; text-align:left; background:#f7f7f7;}
.mypage_score .baseTbl.latest tbody th span{float:right; font-size:0.75em;}
.mypage_score .baseTbl.latest tbody th span strong{color:#f46f01;}
.mypage_score .detail_score{border-top:2px solid #bebebe;}
.mypage_score .detail_score dt{padding:10px; border-bottom:1px solid #d6d6d6; background:#ebf6fc;}
.mypage_score .detail_score dd{padding:10px; border-bottom:1px solid #d6d6d6;}
.mypage_score .detail_score li{padding:10px; border-bottom:1px solid #d6d6d6;}
.mypage_score .detail_score p{float:right; color:#2fc3ef;}
.mypage_score .detail_score p span{color:#f46f01;}
.mypage_score .up{color:#e00;}
.mypage_score .down{color:#004ece;}
.mypage_score .bottom_none{border-bottom:0 !important;}

.mypage_score .total_score td{height:32px;}
.mypage_score .total_score .even td{background:#f6f6f6;}
.mypage_score .total_score .even td.title{background:none;}

.mypage_score article{position:relative; overflow:hidden;}
.mypage_score .bx-controls{top:30px; height:10px;}
.mypage_score .bx-controls .bx-pager-item a{background:#c4c4c4;}
.mypage_score .bx-controls .bx-pager-item a.active{background:#06acde;}

.mypage_score .caution{padding:10px; font-size:0.9em; line-height:1.4;}
.mypage_score .caution dt{color:#ff3c00;}
.mypage_score .caution dd{color:#000;}
.mypage_score .caution dd span a{color:#00a9dc;}

.closeClub{display:none;}

.mypage_score .month_data{overflow:hidden; padding:10px; border-top:1px solid #d5d5d5;}
.mypage_score .month_data a{float:left; margin:0 5px 0 0; padding:7px;}
.mypage_score .month_data .selectWrap{float:right;}
.mypage_score .month_data select{width:100%;}
.mypage_score #chart{position:relative; overflow:hidden; margin:10px; border:1px solid #d3d3d3;}
.mypage_score #chart .arrow{position:absolute; top:50%; right:0; margin:-19px 0 0 0;}
.mypage_score .graph{width:1100px !important; height:200px;}
.mypage_score .graph_txt{padding:13px 0 3px; text-align:center; -webkit-text-stroke-width:.02em;}

.mypage_score .month_help{padding:10px; line-height:1.4;}
.mypage_score .month_help p.c_blue{margin-top:10px;}
.mypage_score .month_help p .torange{color:#ff6c00; text-decoration:underline;}
.mypage_score .month_help dl{margin:10px 0 0;}
.mypage_score .month_help dt{color:#06acde;}
.mypage_score .month_help ul li span{color:#06acde;}
.mypage_score .month_help table{border-top:2px solid #d6d6d6; border-bottom:2px solid #d6d6d6;}
.mypage_score .month_help table td{padding:5px 0; text-align:center; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.mypage_score .month_help table .img{border-left:none;}
.mypage_score .month_help table td span{display:inline-block; min-width:80px;}
.mypage_score .month_help .month_info{margin:10px 0 0; color:#686868; font-size:0.85em; line-height:1.6;}

.rankingWrap .swiper-slide{float:left;}
.rankingWrap .baseTbl thead th{color:#fff; text-shadow:1px 1px #5f9cae; background:#77c3da;}
.rankingWrap .baseTbl thead th a{color:#fff;}
.rankingWrap .baseTbl .second th{color:#333b40; text-shadow:none; background:#d8ecf2;}
.rankingWrap .bubble{display:none; position:relative; }
.rankingWrap .bubble div{position:absolute; top:0; left:50%; width:92px; margin:0 0 0 -46px; padding:7px 0 0 0;}
.rankingWrap .bubble span{position:absolute; top:-4px; left:50%; display:block; width:15px; height:8px; margin:0 0 0 -7px;}
.rankingWrap .bubble ul{position:absolute; top:3px; left:50%; width:90px; margin:0 0 0 -67px; text-align:left; border-radius:4px; border:1px solid #a7a9af; background:#fff;}
.rankingWrap .bubble li{font-size:0.93em; border-bottom:1px solid #c4c4c4;}
.rankingWrap .bubble li:last-child{border-bottom:0;}
.rankingWrap .bubble li a{display:block; padding:10px; color:#26282d !important; text-shadow:none;}
.rankingWrap td{height:40px; padding:0;}

.award{clear:both;}
.award dt{padding:10px; -webkit-text-stroke-width:.02em; border-bottom:1px solid #a9a9a9; background:#f7f7f7 url(/images/mypage/blt_downArrow.png) no-repeat 95% center / 13px 8px;}
.award dt.none{background:#f7f7f7;}
.award dt.active{background:#f7f7f7 url(/images/mypage/blt_upArrow.png) no-repeat 95% center / 13px 8px;}
.award dt span{float:right; width:14px; height:8px; margin:3px 0 0 0;}
.award dd{padding:10px; border-bottom:1px solid #d6d6d6;}
.award dd span{float:right;}
.award.gain{margin:-1px 0 0 0; border-top:1px solid #d6d6d6;}
.award.gain dt{border-bottom:1px solid #a9a9a9;}

.mypage_detail{padding:0 0 20px 0; }
.mypage_detail .dataWrap{margin:0 0 20px 0;}
.mypage_detail h4{padding:10px; border-top:1px solid #bebebe; border-bottom:1px solid #d6d6d6; background:#d8ecf2;}
.mypage_detail h4 span{float:right; font-size:0.75em;}
.mypage_detail h4 span strong{color:#f46f01;}
.mypage_detail h4.date{clear:both; border:0; border-top:2px solid #bebebe; border-bottom:1px solid #bebebe; background:#e1e1e1;}
.mypage_detail h5{height:35px; padding:0 10px; line-height:35px; border-bottom:1px solid #d6d6d6;}
.mypage_detail h5 span{float:right; width:14px; height:8px; margin:13px 0 0 0; background:url(/images/mypage/blt_downArrow.gif) no-repeat; background-size:14px auto;}
.mypage_detail h5.active span{background:url(/images/mypage/blt_upArrow.gif) no-repeat; background-size:14px auto;}
.mypage_detail h5.log{clear:both;}
.mypage_detail .baseTbl.latest{margin:0;}
.mypage_detail .baseTbl.latest tr:last-child td{border-bottom:1px solid #a9a9a9;}
.mypage_detail .baseTbl.latest th{padding:0 10px; background:#f7f7f7;}
.mypage_detail .baseTbl.latest .up{color:#e00;}
.mypage_detail .baseTbl.latest .down{color:#004ece;}
.mypage_detail .baseTbl.latest .blue{color:#2ec2ef;}
.mypage_detail .tab li{width:50%;}
.mypage_detail .info{display:block; margin:10px; padding:7px 0; font-size:1.15em; text-align:center; text-indent:0; -webkit-text-stroke-width:.02em; border-radius:4px; border:1px solid #ccc; border-bottom:2px solid #c3c3c3; background:#fff;}
.mypage_detail .info strong{color:#f46f01; -webkit-text-stroke-width:.04em;}
.mypage_detail .info li{display:inline; padding:0 5px; font-size:0.7em; color:#000; -webkit-text-stroke-width:.01em;}
.mypage_detail .info li.first-child{display:block;}
.mypage_detail .info li .win{color:#f46f01;}
.mypage_detail .info li .draw{color:#9A9BA3;}
.mypage_detail .info li .lose{color:#2ec2ef;}
.mypage_detail .guide{margin:0 0 10px 0; padding:0 10px; font-size:0.85em; color:#797979;}
.mypage_detail .guide li{margin:0 0 5px 0; line-height:1.4;}
.mypage_detail .guide li a{text-decoration:underline; color:#2ec2ef;}
.mypage_detail .outcome{width:100%; overflow:hidden; background:url(/images/mypage/line_bar.gif) repeat-y center 0; background-size:1px auto;}
.mypage_detail .victory{float:left; width:50%; min-height:123px; border-bottom:1px solid #d3d3d3;}
.mypage_detail .victory dt{margin:10px 10px 0 10px; padding:0 0 10px 0; font-size:1.3em; text-align:center; border-bottom:1px dotted #a8a8a8;}
.mypage_detail .victory dd{margin:4px 10px 0 10px; padding:4px 7px; color:#282e31; line-height:1.4;}
.mypage_detail .victory dd p{font-size:0.9em;}
.mypage_detail .victory dd p span{color:#2d3a4d; font-weight:bold;}
.mypage_detail .victory .win{color:#ff7f01; -webkit-text-stroke-width:.04em;}
.mypage_detail .victory .lose{color:#2ec2ef; -webkit-text-stroke-width:.04em;}
.mypage_detail .log_view{display:none;}
.mypage_detail .score{padding:10px; border-bottom:1px solid #bebebe; background:#e1eef0; -webkit-text-stroke-width:.02em;}
.mypage_detail .score span{float:right;}

.mypage_club{padding:0 0 20px 0;}
.mypage_club .contentTitle .more{top:12px; right:25px;}
.mypage_club .club_title{padding:0; border:0;}
.mypage_club .club_title .more{top:2px; right:5px;}
.mypage_club h3 span{color:#f37e00;}
.mypage_club .shopDetail{margin-bottom:20px; padding-bottom:0;}
.mypage_club .shopDetail dl{padding:0 10px 8px 100px;}
.mypage_club .shopDetail dt{height:42px;}
.mypage_club .shopDetail dd span{color:#f37e00;}
.mypage_club .shopDetail p.pic{width:78px; height:59px;}
.mypage_club .club_info{margin:0 0 10px 0; padding-bottom:0; border-bottom:1px solid #ebebeb;}
.mypage_club .club_info .pic{width:80px; margin:0;}
.mypage_club .club_info .picWrap{width:80px; height:59px; overflow:hidden; border:1px solid #e1e2e2;}
.mypage_club .club_info p{padding:0 0 0 90px; word-break:break-all;}
.mypage_club .member_list{margin:0 0 20px 0;}
.mypage_club .member_list li{padding:10px; border-bottom:1px solid #ebebeb;}
.mypage_club .tab{height:50px;}
.mypage_club .tab li a{height:25px; background-size:auto 48px;}
.mypage_club .swiper-slide{float:left;}

.foundation li{padding:10px; border-bottom:1px solid #ebebeb;}
.foundation p.pic{position:absolute; border:1px solid #e1e2e2;}
.foundation dl{padding:0 10px 0 90px; text-align:left; line-height:1.4;}
.foundation dt{height:42px;}
.foundation dd span{color:#f37e00;}

.mypage_club .baseTbl{table-layout:fixed;}
.mypage_club .baseTbl th{padding-left:0; text-align:center;}
.mypage_club .baseTbl th.main{width:18%;}
.mypage_club .baseTbl th.break{width:23%;}
.mypage_club .baseTbl td img{vertical-align:text-bottom;}
.mypage_club .baseTbl .checkbox_check{margin:0;}
.mypage_club .baseTbl label{position:absolute; top:0; left:50%; display:block; width:20px; height:20px; margin:0 0 0 -10px; padding:0; text-indent:-9999px;}
.mypage_club .baseTbl div{position:relative;}
.mypage_club .baseTbl div.list{height:50px;}
.mypage_club .baseTbl div.list dl{padding:0 0 0 75px; text-align:left;}
.mypage_club .baseTbl .btn_base{padding:5px;}

.baseTbl tr.rating_top td{background:#f7f9fa;}
.baseTbl tr.rating_me td{border-top:2px solid #999;border-bottom:2px solid #999;background:#eee; }

.mypage_club .commu{border-bottom:2px solid #ebebeb;}
.mypage_club .commu_con{border-top:1px solid #9d9d9d;}
.mypage_club .commu_con .btnArea{border:0;}
.mypage_club .commu2 .file label{text-indent:0;}

.mypage_club .homeShop{position:relative; padding:0 65px 0 10px;}
.mypage_club .homeShop .selectWrap{float:left; width:35%; margin:0 2.5% 0 0;}
.mypage_club .homeShop select{width:100%;}
.mypage_club .homeShop input[type="text"]{width:58%; background:#f7f9fa;}
.mypage_club .homeShop .btn_default{position:absolute; top:0; right:10px; padding:6px 5px;} /* 131025 club_list 관련 수정 */
.mypage_club .homeShop.club_list{padding:0 68px 0 10px ;}
.mypage_club .homeShop .btn_base{position:absolute; top:0; right:10px; padding:6px;}
.mypage_club .homeShop.club{position:relative; padding:10px 80px 10px 120px;}
.mypage_club .homeShop.club .selectWrap{position:absolute; top:10px; left:10px; width:100px;}
.mypage_club .homeShop.club .btn_default{position:absolute; top:13px; right:10px;}
.mypage_club .homeShop.club .btn_base{top:10px;}

.mypage_club .baseTbl th.date{width:25%;}
.mypage_club .baseTbl td .pic{position:absolute; margin:0 10px 0 0; border:1px solid #e1e2e2;}
.mypage_club .baseTbl td .pic img{display:block; margin:0;}
.mypage_club .baseTbl td dl{min-height:44px; padding:0 0 0 68px; text-align:left;}
.mypage_club .baseTbl td p img{margin:0 0 7px 0;}
.mypage_club .baseTbl td .nick{color:#06acde;}

#rating_title{font-size:1em;}
.mypage_club h4{margin:0 12px 10px 12px; font-size:1.35em; color:#616161; -webkit-text-stroke-width:.02em;}
.mypage_club h4 span{color:#f46f01;}
.mypage_club .invite{display:block; padding:10px;}
.mypage_club .invite span{color:#f46f01;}

.invite_guide{padding:10px; line-height:1.5;}
.invite_guide li{padding:0 0 0 7px; text-indent:-7px;}
.invite_guide li span{padding:0 2px 0 0; color:#00a9dc;}
.invite_guide p{margin:0 0 0 8px; padding:5px 0 0 12px; text-indent:-12px; color:#616161;}
.invite_guide p span{color:#f46f01;}

.baseTbl.inviteTbl .pic{float:left; border:1px solid #e1e2e2;}
.baseTbl.inviteTbl dl{text-align:left;}
.baseTbl.inviteTbl dt{color:#00a9dc;}
.baseTbl.inviteTbl dd{height:32px;}
.baseTbl.inviteTbl dd.date{height:12px; font-size:0.9em; color:#959595;}
.baseTbl.inviteTbl .btn_default{min-width:70px; margin:0 0 3px 0; padding:3px 0;}
.baseTbl.inviteTbl td.none{padding:15px 0; color:#06acde;}

.receive_view .pic{float:left; margin:10px; border:1px solid #e1e2e2;}
.receive_view ul{padding:10px;}
.receive_view li{line-height:1.4;}
.receive_view dl{padding:10px; line-height:1.5;}
.receive_view dt{padding:0 0 3px 0; -webkit-text-stroke-width:.02em;}
.receive_view dd{color:#616161;}
.receive_view div{clear:both; padding:10px; line-height:1.4; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}

.club_option h4{height:40px; padding:0 10px; font-size:1.3em; color:#333b40; line-height:40px; border-top:2px solid #bdc2c3; background:#e1e1e1;}
.club_option h4:first-child{border:0;}
.club_option h4 span{float:right; width:24px; height:14px; margin:12px 0 0 0; background:#e1e1e1 url(/images/common/blt_downArrow.png) no-repeat right center; background-size:24px auto;}
.club_option h4.active span{background:#e1e1e1 url(/images/common/blt_upArrow.png) no-repeat right center; background-size:24px auto;}
.club_option .formTbl th{padding:0; text-align:center; line-height:1.3;  word-break:keep-all;}
.club_option .break{padding:10px 0; text-align:center; line-height:1.4;}
.club_option .baseTbl .player{text-align:left;}
.club_option .confirm{padding:10px 0; text-align:center;}
.club_option input[type="text"]{width:185px;}

.club_setting .formTbl th{padding:0; text-align:center; line-height:1.3;  word-break:keep-all;}
.club_setting .break{padding:10px 0; text-align:center; line-height:1.4;}
.club_setting .baseTbl .player{text-align:left;}
.club_setting .confirm{padding:10px 0; text-align:center;}
.club_setting input[type="text"]{width:185px;}

.club_setting h4{height:40px; padding:0 10px; font-size:1.3em; color:#333b40; line-height:40px; border-top:2px solid #bdc2c3; background:#e1e1e1;}
.club_setting h4:first-child{border:0;}

.member_manage label{display:inline-block; width:0; text-indent:-9999px;}
.member_manage .checkbox_check{margin:0;}
.member_manage .paging{font-size:1em;}

.mypage_email .btn_mail{margin:-4px 0 0 0; padding:5px; font-size:0.7em; float:right;}
.mypage_email .btn_mail img{margin:0 0 0 5px;}
.mypage_email h3 span{color:#f37e00;}
.mypage_email .emailTbl label{display:inline-block; width:0; text-indent:-9999px;}
.mypage_email .emailTbl .checkbox_check{margin:0;}
.mypage_email .emailTbl td dl{float:left; text-align:left; padding:0;}
.mypage_email .emailTbl td dt{-webkit-text-stroke-width:.02em;}
.mypage_email .emailTbl td dd{color:#06acde;}
.mypage_email .emailTbl td dd .date{font-size:0.9em; color:#959595;}
.mypage_email .emailTbl td.none{padding:15px 0; color:#06acde;}
.mypage_email .btnArea{padding-top:0;}
.mypage_email .btn_base.request{min-width:20px;}
.mypage_email .btn_default{min-width:50px; word-break:keep-all;}

.mypage_email .receive_view div{margin:0 0 10px 0;}
.mypage_email .receive_view .btnArea{margin:10px 0 0 0; border:0;}
.mypage_email .invite{display:block; padding:18px 10px 10px 10px;}
.mypage_email .invite span{color:#f46f01;}

.mypage_email .baseTbl p.pic{position:absolute; margin:0 10px 0 0;}
.mypage_email .baseTbl dl{padding:0 0 0 70px; text-align:left;}
.mypage_email .baseTbl dt{max-height:32px; overflow:hidden; margin:0 0 10px 0; font-weight:bold; color:#2c2c2c;}
.mypage_email .baseTbl dd{font-size:0.9em; color:#555353;}
.mypage_email .baseTbl dd.date{margin:0 0 0 3px; color:#959595;}
.mypage_email .baseTbl dd img{float:left; margin:-7px 5px 0 0;}
.mypage_email .baseTbl.msgTbl{border-top:0;}
.mypage_email .baseTbl.msgTbl td{padding:0; border-right:0;}
.mypage_email .baseTbl.msgTbl td a.msg_view{position:relative; display:block; min-height:62px; padding:5px; line-height:1.4;}
.mypage_email .baseTbl.msgTbl td .btn_del{display:inline-block; width:28px; height:28px; overflow:hidden; margin:0 5px 0 0; text-align:center; line-height:28px; border:1px solid #d7d7d7; border-radius:4px; background:#f9f9f9;}
.mypage_email_send .formTbl th{width:90px; padding:0; text-align:center;}
.mypage_email_send .formTbl td{padding:4px 6px;}
.mypage_email_send .formTbl td div{position:relative;}
.mypage_email_send .formTbl td span{position:absolute; top:9px; left:2px; display:block; width:80px;}
.mypage_email_send .formTbl td a{position:absolute; top:0; right:6px; padding:6px 5px;}
.mypage_email_send .formTbl td.half div{padding:0 70px 0 65px;}
.mypage_email_send .formTbl td.half input{width:100%;}
.mypage_email_send .formTbl td.half .btn_base{padding:7px;}
.mypage_email_send .formTbl td.sbj div{padding:0 5px 0 65px;}
.mypage_email_send .formTbl td.sbj input{width:100%;}
.mypage_email_send .textarea_box{margin-bottom:12px; padding:0 7px 12px; border-bottom:1px solid #d6d6d6;}

.mypage_email .formTbl td.half input{width:50%;}
.mypage_email .formTbl td.half .btn_base{padding:7px;}
.mypage_email .textarea_box{margin-bottom:12px; padding:0 7px 12px; border-bottom:1px solid #D6D6D6;}

.friendTbl td{border-right:0;}
.friendTbl td.btn{width:100px;}
.friendTbl label{display:inline-block; width:0; text-indent:-9999px;}
.friendTbl .checkbox_check{margin:0;}
.friendTbl .btn_alert{display:block; margin:0 0 3px 0;}
.mypage_email .friend_info{margin:0 0 15px 0; padding:10px 0; text-align:center; line-height:1.5; border-bottom:1px solid #d3d3d3;}
.mypage_email .friend_info dt{margin:0 0 5px 0; color:#06acde;}
.mypage_email .friend_info dd{font-size:0.9em; color:#666;}

.mypage_msg .btn_prev{display:block; height:35px; text-align:center; color:#33b40; line-height:35px; border-bottom:2px solid #c6cacc; background:#f5f7f7;}
.mypage_msg .msg_list{overflow:hidden; padding:15px 10px;}
.mypage_msg .msg_list li{clear:both; position:relative; margin:0 0 15px 0; padding:7px 0 0 0;}
.mypage_msg .msg_list li:after{clear:both; display:block; content:"";}
.mypage_msg .msg_list li .pic{position:absolute; top:0; border:1px solid #e3e4e4;}
.mypage_msg .msg_list li div{min-height:11px; overflow:hidden; padding:5px 10px; line-height:1.4; word-break:break-all; border-radius:5px;}
.mypage_msg .msg_list li span.date a img{vertical-align:bottom;}

.mypage_msg .msg_list li.left .pic{left:0;}
.mypage_msg .msg_list li.left div{float:left; margin:0 40px 6px 96px; background:#e0e2e5;}
.mypage_msg .msg_list li.left span.date{clear:left; float:left; margin:0 0 0 96px; color:#959595;}
.mypage_msg .msg_list li.left span.date a{margin:0 4px 0 0;}
.mypage_msg .msg_list li.left span.bg{position:absolute; top:15px; left:90px; display:block; width:6px; height:11px; background:url(/images/mypage/msg_left.png) no-repeat; background-size:6px 11px;}
.mypage_msg .baseTbl.friendTbl{border-top:0;}
.mypage_msg .baseTbl.friendTbl td{text-align:left; padding:10px 5px;}
.mypage_msg .baseTbl.friendTbl td.none{text-align:center;}
.mypage_msg .baseTbl.friendTbl td p.pic{position:absolute;}
.mypage_msg .baseTbl.friendTbl td div.user{display:block; min-height:34px; padding:10px 0 0 70px;}
.mypage_msg .baseTbl.friendTbl td img{vertical-align:text-bottom;}
.mypage_msg .baseTbl.friendTbl td.right img{vertical-align:middle;}
.mypage_msg .baseTbl.friendTbl .btn_del{display:inline-block; width:28px; height:28px; overflow:hidden; margin:0 5px 0 0; text-align:center; line-height:28px; border:1px solid #d7d7d7; border-radius:4px; background:#f9f9f9;}
.mypage_msg .baseTbl.friendTbl .btn_talk{display:inline-block; width:28px; height:28px; overflow:hidden; text-align:center; line-height:28px; border:1px solid #d7d7d7; border-radius:4px; background:#f9f9f9;}

.mypage_msg .msg_list li.right .pic{right:0;}
.mypage_msg .msg_list li.right div{float:right; margin:0 96px 6px 40px; background:#b4dcf3;}
.mypage_msg .msg_list li.right span.date{clear:right; float:right; margin:0 96px 0 0; color:#959595;}
.mypage_msg .msg_list li.right span.date a{margin:0 4px 0 0;}
.mypage_msg .msg_list li.right span.bg{position:absolute; top:15px; right:90px; display:block; width:6px; height:11px; background:url(/images/mypage/msg_right.png) no-repeat; background-size:6px 11px;}
.msg_send{position:relative; padding:6px 80px 6px 10px; border:1px solid #dfe3e5; background:#f5f7f7;}
.msg_send input[type="text"]{height:36px !important; margin:0; line-height:36px;}
.msg_send .btn_blue{position:absolute; top:25px; right:10px;}
.msg_send .txt{padding:0 0 5px 0; color:#959595}

.mypage_option h3{clear:both;}
.mypage_option h4{height:40px; padding:0 10px; font-size:1.3em; color:#333b40; line-height:40px; border-bottom:2px solid #bdc2c3; background:#e1e1e1;}
.mypage_option h4 span{float:right; width:24px; height:14px; margin:12px 0 0 0; background:#e1e1e1 url(/images/common/blt_downArrow.png) no-repeat right center; background-size:24px auto;}
.mypage_option h4.active span{background:#e1e1e1 url(/images/common/blt_upArrow.png) no-repeat right center; background-size:24px auto;}
.mypage_option h4.alert{font-size:1em; border:0; border-top:2px solid #bdc2c3; background:#d8ecf2;}
.mypage_option h4.folding+div{display:none;}

.mypage_option .option_box{padding:12px 6px; background:#e0f2f8; overflow:hidden;}
.mypage_option .option_box ul li{margin:0 6px; float:left;}

.mypage_option .optionTbl td{width:50%; padding:10px; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; background:#e0f2f8;}
.mypage_option .optionTbl td:last-child{border-right:0;}
.mypage_option .optionTbl tr.even td{background:#fff;}
.mypage_option .formTbl{clear:both; margin:0;}
.mypage_option .formTbl th{width:32%;}
.mypage_option .formTbl td.sms_agree span{display:block; padding:4px 0;}
.mypage_option .formTbl.ani th{width:40%;}
.mypage_option .formTbl.ani .selectWrap{width:80%;}
.mypage_option .formTbl select{width:100%;}
.mypage_option .formTbl label{width:77px; padding-left:25px;}
.mypage_option .formTbl .email{color:#06acde;}
.mypage_option .formTbl .home{color:#06acde; text-decoration:underline;}
.mypage_option .formTbl .nick{}
.mypage_option .formTbl .birth_info{padding:8px 0 0 0; color:#f46f01;}
.mypage_option .formTbl .upload .img{position:relative; float:left; width:67px; height:50px; overflow:hidden; margin:0 10px 0 0;}
.mypage_option .formTbl .upload img{}
.mypage_option .formTbl .upload .img a{position:absolute; top:0; right:0;}
.mypage_option .formTbl .upload .file{float:left; width:70px; margin:10px 0 0 0;}
.mypage_option .formTbl .upload label{padding-left:7px;}
.mypage_option .formTbl .country p{float:left; padding:6px 10px 0 0;}
.mypage_option .formTbl .country .selectWrap{float:left; width:120px;}
.mypage_option .formTbl .country .selectWrap:first-child{margin:0 10px 5px 0;}
.mypage_option .formTbl select.long{width:80%;}
.mypage_option .formTbl .gender .selectWrap{float:left; width:90px;}
.mypage_option .formTbl .gender .space{float:left; width:80px;}
.mypage_option .formTbl .career .selectWrap{float:left; width:90px; margin:0 5px 0 0;}
.mypage_option .formTbl .career input[type="text"]{width:60px !important;}
.mypage_option .formTbl .career label{width:20px; padding:0;}
.mypage_option .formTbl .long .selectWrap{width:185px; margin:0;}
.mypage_option .formTbl .info{border:0;}
.mypage_option .formTbl .id_input{position:relative;}
.mypage_option .formTbl .id_input input{width:108px;}
.mypage_option .formTbl .check{margin:0 0 5px 5px; font-size:0.9em; color:#f46f01;}
.mypage_option .formTbl .btn_default{padding:8px 5px;}
.mypage_option .formTbl input[type="email"]{width:88px; border:1px solid #d6d6d6;}
.mypage_option .formTbl .img_guide{clear:both; padding:5px 0 0 0;}
.mypage_option .baseTbl{margin:0;}
.mypage_option .baseTbl.awardTbl input[type="text"]{width:90%;}
.mypage_option .awardTbl{table-layout:fixed;}
.mypage_option .confirm{padding:20px 0; text-align:center;}
.mypage_option .confirm p{margin:0 0 8px 0;}
.mypage_option .confirm .info{text-align:left; border:0;}
.mypage_option .confirm .btn_blue span{width:100px;}
.mypage_option .etc_info .career div.selectWrap{width:60px;}
.mypage_option .etc_info .career .selectWrap span.select{padding:0 25px 0 5px;}
.mypage_option .etc_info .career .years{float:left; margin:5px 10px 0 0;}
.mypage_option .sms_agree .radio_check{float:left;}
.mypage_option .sms_agree input[type="radio"]{display:block; float:left; width:20px; height:20px; margin:0 0 0 -24px; opacity:0; filter:alpha(opacity=0);}
.mypage_option .sms_agree label{float:left; width:inherit; padding:3px 10px 0 2px;}

.mypage_option .league_info .require{float:right; margin:0 0 5px 0; font-size:0.85em;}

.mypage_option .etc_info .formTbl .long .selectWrap{float:left; width:165px;}
.mypage_option .etc_info .formTbl input[type="text"]{width:82%;}
.mypage_option .etc_info .info_open{text-indent:-9999px;}
.mypage_option p.open{float:right; height:20px; margin:5px 10px 5px 0;}
.mypage_option p.open .checkbox_check{margin-top:0;}
.open_check{float:right; width:20px; overflow:hidden; margin:3px 5px 0 0;}
.open_check label{display:inline-block; width:0 !important; padding:0 !important; text-indent:-9999px;}
.open_check .checkbox_check{margin:0;}

.ui-datepicker-title{margin:0 10px !important;}
.ui-widget-content{z-index:10000 !important;}

.option_info{clear:both; position:relative; min-height:60px; padding:10px; border-bottom:1px solid #d3d3d3;}
.option_info dt{position:absolute; top:10px; left:10px; border:1px solid #e3e4e4;}
.option_info dd{padding:0 0 0 70px; font-size:0.9em; line-height:1.5;}

.public_option{overflow:hidden; margin:10px 0 0 0; font-size:0.9em; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.public_option dt{float:left; width:38%; height:40px; padding-left:10px; line-height:1.4; border-right:1px solid #d3d3d3;}
.public_option dd{float:left; width:28%; height:40px; line-height:40px; text-align:center; border-right:1px solid #d3d3d3;}
.public_option dd label{padding:0 22px 0 0; background-position:right bottom;}
.public_option dd input[type="radio"]:checked + label{background-position:right top;}
.public_option dd:last-child{border:0;}

.mypage_option h3 span{color:#616161;}
.mypage_option h3 strong{color:#f37e00;}
.mypage_option .caution{padding:13px 10px; line-height:1.5; border-top:1px solid #d3d3d3; background:#f7f9fa;}
.mypage_option .caution h5{color:#f46f01;}
.mypage_option .caution li{padding:0 0 0 10px; font-size:0.85em; text-indent:-10px; color:#666;}
.mypage_option .caution li span{color:#f46f01;}
.mypage_option .info{margin:0; padding:10px; text-indent:0; line-height:1.4; border-bottom:1px solid #ebebeb;}
.mypage_option .id_info{padding:10px; line-height:1.4; border-bottom:1px solid #ebebeb;}
.mypage_option .id_info span{font-weight:bold; color:#f37e00;}

.cardTbl{margin:0; font-size:0.9em;}
.cardTbl td div{position:relative;}
.cardTbl input[type="radio"] + label{position:absolute; left:50%; display:inline-block; width:20px; height:20px; margin:0 0 0 -10px; text-indent:-9999px;}
.cardTbl input[type="checkbox"] + label{display:inline-block; width:0; text-indent:-9999px;}
.cardTbl dl{text-align:left; line-height:1.6;}
.cardTbl dt{color:#00a9dc;}
.cardTbl th.card_option{width:16%;}
.cardTbl th.del{width:12%;}
.mypage_option .cardTbl {table-layout:fixed;}
.mypage_option .cardTbl input[type=radio],
.mypage_option .cardTbl input[type=checkbox] {width:auto;}

.card_info{line-height:1.4; border-top:1px solid #ebebeb;}
.card_info p{padding:10px 0 0 0;}
.card_info p .info{clear:both; color:#797979; border-bottom:2px solid #9d9d9d;}
.card_info p .info.pw{color:#f37e00;}
.card_info span{display:block; color:#616161;}
.card_info label{float:left; min-width:65px; margin:0 0 0 10px; padding:3px 10px 0 0;}
.card_info input{float:left; width:auto; margin:0 5px 0 0;}
.mypage_option .card_info input {margin-right:0;}
.mypage_option .card_info input#newCardNo {width:157px;}
.mypage_option .btn_default {margin-left:5px;}
.card_info .btn_base{float:left;}
.btnArea.border{border-bottom:2px solid #9d9d9d;}

.mypage_option .card{overflow:hidden; padding:10px 0; border-top:1px solid #bebebe;}
.mypage_option .card dl{position:relative; padding:0 10px; line-height:1.4;}
.mypage_option .card dt{float:left; width:26%;}
.mypage_option .card dd{float:right; width:72%;}
.mypage_option .card dd span{display:block; color:#06acde;}
.mypage_option .card dl.id {padding-top:5px;}
.mypage_option .card dl.id dt {padding-top:5px;}
.mypage_option .card ul{clear:both; padding:10px 0 0 10px; font-size:0.93em; line-height:1.4; color:#f46f01;}
.mypage_option .card li{padding:0 0 0 12px; font-size:0.9em; text-indent:-12px;}
.mypage_option .new_info{display:block; padding:0 0 5px 0; color:#797979;}
.mypage_option span.new_info{font-size:0.85em; line-height:1.6;}
.mypage_option .card_caution{padding:10px; font-size:0.8em; color:#06acde;}
.mypage_option .copy_caution{padding:10px; color:#F46F01;}

.option_top{padding:0 0 8px 0;}
.option_top h3{padding:12px 0 10px 20px; color:#333b40; border-bottom:1px solid #9d9d9d;}
.option_top h3.title_account{border-bottom:0;}
.option_top h3.title_etc{border-top:1px solid #9d9d9d; border-bottom:0;}
.option_top h3 img{float:left; margin:-4px 13px 0 0; vertical-align:middle;}
.option_top h3.title_etc img{margin-top:-8px;}
.option_top ul{margin:0 10px 0 72px;}
.option_top li{padding:9px 10px 9px 0; border-top:1px solid #dadada; background:url(/images/option/ico_arrow.gif) no-repeat right center / 7px 11px;}
.option_top li a{color:#666872;}

.mail_modi{padding:10px; border-top:1px solid #d6d6d6;}
.mail_modi strong{display:block; margin:0 0 20px 0; line-height:1.4;}
.mail_modi div.alert{text-align:center;}
.mail_modi div.new_email p{margin:0 0 5px 0;}
.mail_modi div.new_email p span{color:#fb901c;}
.mail_modi div.new_email input{width:120px; margin:0 5px 0 0;}
.mail_modi div.new_email label{margin:0 5px 0 0; -webkit-text-stroke-width:.02em;}
.mail_modi div.new_email .btn_base{padding:7px 6px;}
.email_info{padding:15px 15px 0 15px; font-size:0.9em; text-align:center; border-top:1px solid #d6d6d6;}

.mypage_mail article{line-height:1.5;}
.mypage_mail h3{padding:3px 10px 0 20px; border-bottom:1px solid #eaebec; background:url(/images/mypage/blt_mail.gif) no-repeat 10px center;}
.mypage_mail div{padding:10px;}
.mypage_mail p{margin:0 0 10px 0;}
.mypage_mail a{display:block;}
.mypage_mail a span{display:block; text-align:center;}

.mypage_pw .pw_info{padding:10px; line-height:1.4; border-bottom:2px solid #d6d6d6;}
.mypage_pw .pw_info ul{padding:5px 0 0 12px; color:#fb901c; text-indent:-12px;}
.mypage_pw .pw_change{padding:10px; line-height:1.4; border-bottom:1px solid #d6d6d6; background:#f3f3f3;}
.mypage_pw .pw_change strong{display:block; padding:0 0 10px 0; color:#06acde;}
.mypage_pw .pw_change li{position:relative; padding:0 0 5px 115px;}
.mypage_pw .pw_change label{position:absolute; top:6px; left:0; display:block; width:110px;}
.mypage_pw .pw_change input{margin:0 0 0 0;}
.mypage_pw .pw_change .txt {display:inline-block; padding:5px 0; line-height:1.285; color:#797979;}
.mypage_pw .pw_change .txt a {color:#06acde; text-decoration:underline;}
.mypage_pw .pw_change .noti {padding-top:5px; color:#fb901c;}
.mypage_pw .pw_change .alert {margin-top:15px; padding:17px 0 5px; border-top:1px solid #dfdddd; color:#797979; line-height:1.285;}
.mypage_pw .pw_change .alert p {background:url(/images/common/bul_sqr_m.gif) no-repeat left 7px; background-size:2px auto; padding:0 0 3px 8px;}
.mypage_pw .pw_confirm{padding:10px 10px 0 10px; font-size:0.9em; text-align:center; line-height:1.285;}
.mypage_pw .pw_question{padding:10px;}
.mypage_pw .pw_question li{position:relative; padding:0 0 10px 75px;}
.mypage_pw .pw_question .selectWrap{margin:0;}
.mypage_pw .pw_question li select{width:100%; margin:0;}
.mypage_pw .pw_question label{position:absolute; top:6px; left:0; display:block; width:70px;}
.mypage_pw .guide{margin:0 0 10px 0; padding:0 10px 15px 10px; color:#06acde; line-height:1.5; border-bottom:1px solid #d6d6d6;}

.mypage_pay article{-webkit-text-stroke-width:.02em;}
.mypage_pay h4{padding:10px; border-bottom:1px solid #d6d6d6; background:#d8ecf2;}
.mypage_pay h4 span{float:right; width:12px; height:7px; margin:5px 0 0 0; background:url(/images/common/blt_downArrow.png) no-repeat right center; background-size:12px auto;}
.mypage_pay h4.active span{background:url(/images/common/blt_upArrow.png) no-repeat right center; background-size:12px auto;}
.mypage_pay .pay_info{padding:10px; line-height:1.4; border-bottom:1px solid #d6d6d6;}
.mypage_pay .pay_info strong{display:block;}
.mypage_pay .clause{padding:10px; border-bottom:2px solid #d6d6d6;}
.mypage_pay .clause a{color:#fb901c;}
.mypage_pay table th{width:110px; padding:0 0 0 10px; text-align:left; border-bottom:1px solid #d6d6d6;}
.mypage_pay table td{padding:20px 0; border-bottom:1px solid #d6d6d6;}
.mypage_pay .guide{padding:10px; line-height:1.3; border-bottom:1px solid #d6d6d6;}
.mypage_pay .guide span{display:block; padding:10px 0 0 0; color:#616161;}
.mypage_pay .free_info{padding:10px; line-height:1.3; border-bottom:1px solid #d6d6d6;}
.mypage_pay .free_info dt{margin:0 0 10px 0;}
.mypage_pay .free_info dd{padding:0 0 0 12px; color:#616161; text-indent:-12px;}
.mypage_pay .date{padding:10px 0; text-align:center; line-height:1.4; color:#06acde; border-bottom:1px solid #d6d6d6;}
.mypage_pay .num{position:relative; padding:10px 100px 10px 10px; border-bottom:1px solid #d6d6d6; background:#f7f9fa;}
.mypage_pay .num label{display:block; margin:0 0 10px 0;}
.mypage_pay .num input{height:36px !important; line-height:36px; padding:8px;}
.mypage_pay .num a{position:absolute; top:33px; right:10px;}
.mypage_pay .num .btn_blue span{width:65px;}
.mypage_pay p.caution{padding:8px; line-height:1.5;}
.mypage_pay p.caution.last-child{border-bottom:1px solid #d6d6d6;}
.mypage_pay .useSP{width:200px; margin:20px auto; text-align:center;}
.mypage_pay .useSP dt{margin:0 0 8px 0; color:#fb901c;}
.mypage_pay .useSP dd a{display:block; padding:4px 0; border:1px solid #ccc; background:#eee;}
.mypage_pay .payment{padding:8px; border-bottom:1px solid #d6d6d6;}
.mypage_pay .payment dt{padding:0 0 8px 0; font-weight:bold; line-height:1.5;}
.mypage_pay .payment .btn_back{display:block; width:200px; margin:10px auto 0 auto; padding:4px 0; text-align:center; border:1px solid #ccc; background:#eee;}
.mypage_pay .pay_caution{padding:8px;}
.mypage_pay .pay_caution ul{padding:8px 0;}
.mypage_pay .pay_caution li{margin:0 0 5px 12px; text-indent:-12px; line-height:1.5;}

.mypage_pay div.id{position:relative; padding:10px 10px 10px 90px;}
.mypage_pay div.id label{position:absolute; top:22px; left:10px;}
.mypage_pay div.id input{padding:8px;}
.mypage_pay dl.id{padding:23px 0 10px 0; text-align:center;}
.mypage_pay dl.id dt{margin:0 0 15px 0; color:#06acde;}
.mypage_pay .btnArea .main span{width:110px;}
.mypage_pay .member_info{padding:10px 10px 0 10px; line-height:1.3;}
.mypage_pay .member_info p{margin:0 0 10px 0;}
.mypage_pay .member_info p span{color:#fb901c;}
.mypage_pay .member_info div{margin:0 0 10px 0;}
.mypage_pay .btn_base{padding:8px; font-size:0.85em; vertical-align:bottom;}
.mypage_pay .payTbl td{padding:10px; text-align:left; line-height:1.5;}

.mypage_pay .pay_break{padding:10px 0 0 0; text-align:center; line-height:1.6;}

.mypage_sns article div{padding:10px;}
.mypage_sns .sns_info{line-height:1.3;}
.mypage_sns table td{padding:10px; text-align:center; border:1px solid #d2d7d9;}
.mypage_sns table td a{margin-top:10px;}
.mypage_sns table td a span{width:110px;}

.sns_caution .info_con{padding:8px; line-height:1.5;}
.sns_caution .info_con .em{color:#f60;}
.sns_caution .info_con strong{color:#f00;}
.sns_caution .info_con img{margin:0 8px 0 0;}
.sns_caution a{display:block; width:200px; margin:15px auto; text-align:center; color:#33ccff;}

.mypage_break .step{overflow:hidden; padding:0 10px; -webkit-text-stroke-width:.02em; border-bottom:2px solid #9d9d9d;}
.mypage_break .step li{float:left; padding:10px 0; font-size:1.2em; color:#616161;}
.mypage_break .step li img{margin:0 10px;}
.mypage_break .step li strong{color:#2e2d2d;}
.mypage_break .caution{padding:10px 0; text-align:center; -webkit-text-stroke-width:.02em; color:#fff; border-bottom:1px solid #d6d6d6; background:#ffc000;}
.mypage_break .break{overflow:hidden;}
.mypage_break .break p{padding:10px; -webkit-text-stroke-width:.02em; line-height:1.5;}
.mypage_break .break ul{padding:0 10px; border-bottom:1px solid #d6d6d6;}
.mypage_break .break li{position:relative; margin:0 0 5px 0;}
.mypage_break .break label{width:100%;}
.mypage_break .break .checkbox_check{margin-top:0;}
.mypage_break .break li.pw{padding:0 0 0 25px;}
.mypage_break .break li.pw label{padding:0 5px 0 0;}
.mypage_break .break li.pw input[type="password"]{width:35%;}

.mypage_break h4{padding:10px; font-size:1.2em;}
.mypage_break .cert{padding:0 10px 20px 10px;}
.mypage_break .cert p{margin:0 0 15px 0; line-height:1.4;}
.mypage_break .cert p.first-child{margin-top:20px;}
.mypage_break .cert strong{color:#fb901c;}
.mypage_break .cert span{color:#06acde;}
.mypage_break .btn_blue.main{display:block;}
.mypage_break .btn_blue.main span{display:block; color:#fff;}

.title_option{display:none;}
.title_option li{position:relative; border-bottom:1px solid #d3d3d3;}
.title_option .icon{position:absolute; top:10px; left:10px;}
.title_option dl{position:relative; padding:10px 10px 8px 45px; color:#959595;}
.title_option dt{overflow:hidden; padding:1px 20px 5px 0; text-overflow:ellipsis; white-space:nowrap;}
.title_option dt.select_title{margin:0 0 0 -35px; overflow:hidden;}
.title_option dt span{color:#2c2c2c;}
.title_option dt div{padding:5px 0 0 0; font-size:0.85em;}
.title_option dd{font-size:0.9em;}
.title_option .blt{position:absolute; top:22px; right:16px; display:block; width:13px; height:8px; background:url(/images/mypage/blt_downArrow.png) no-repeat 98% center; background-size:13px 8px;}
.title_option .blt.active{background:url(/images/mypage/blt_upArrow.png) no-repeat 98% center; background-size:13px 8px;}
.title_option .scrollArea{display:none; position:relative; height:290px; overflow:auto; margin:0; padding:0; border-top:1px solid #d3d3d3; background:#eceff5;}
.title_option .scrollArea .scrollbarV{position:absolute; top:0; bottom:0; right:0; z-index:100; width:5px; background:#b1b1b1;}
.title_option .scrollArea .scrollbarV > div{position:absolute; z-index:100; width:100%; background:#06acde;}
.title_option .collection_scroll{display:none; position:relative; overflow:auto; margin:0; padding:0; border-top:1px solid #d3d3d3; background:#eceff5;}
.title_option .collection_scroll .btnArea{border-top:1px solid #d3d3d3;}
.title_option .collection_scroll .scrollbarV{position:absolute; top:0; bottom:0; right:0; z-index:100; width:5px; background:#b1b1b1;}
.title_option .collection_scroll .scrollbarV > div{position:absolute; z-index:100; width:100%; background:#06acde;}
.title_option .view_option{padding:12px; background:#eceff5;}
.title_option .view_option strong{display:block; margin:0 0 8px 0;}
.title_option .view_option ul{width:100%; overflow:hidden;}
.title_option .view_option li{margin:5px 0 8px 0; border:0;}
.title_option .view_option li label{margin:0 0 0 -25px; padding:0 0 5px 25px;}
.title_option .view_option ul.title_award li{float:left; width:30%;}
.title_option .size{width:100%; padding:10px 0; overflow:auto;}
.title_option .size strong{margin:0 0 0 10px;}
.title_option .size ul{overflow:hidden; margin:8px 10px 20px 10px; padding:10px 10px 0 10px; border-radius:4px; border:1px solid #d3d3d3;}
.title_option .size li{float:left; width:33%; margin:0 0 10px 0; border:0;}
.title_option .size dl{border-top:1px solid #d3d3d3;}
.title_option .size a:first-child dl {border-top:none;}
.title_option .size .selectWrap{margin:10px;}
.title_option .select_title{text-align:center;}
.title_option .select_title span{display:inline-block; padding:5px; cursor:pointer; border-radius:4px; border:1px solid #ccc; border-bottom:2px solid #ccc; background:#fff;}
.record{display:none;}
.record li{padding:10px; border-bottom:1px solid #d3d3d3;}
.record li .date{float:right; margin:10px 0 0 0; font-size:0.9em; color:#959595;}
.collection{display:none; width:100%; overflow:hidden;}
.collection div.number{overflow:hidden; margin:0 10px;}
.collection div.number p{float:left; width:41%; padding:8px 12px; font-size:0.7em; color:#878787; border-right:1px solid #d8d8d8;}
.collection div.number p.last-child{border:0;}
.collection div.number p strong{display:block; padding:3px 0 0 0; font-size:2em; color:#292929;}
.collection div.inner{float:left; width:50%; padding:5px 0;}
.collection div.inner p{padding:5px 12px; font-size:0.9em; color:#878787; border-right:1px solid #d8d8d8;}
.collection div.inner.last-child p{border:0;}
.collection div.inner strong{display:block; padding:3px 0 0 0; font-size:1.5em; color:#292929;}
.collection div.collect_info{overflow:hidden; margin:10px; border-top:2px solid #d8d8d8; border-bottom:2px solid #d8d8d8;}
.collection div.collect_info p{ 
	float:left; width:46%; padding:8px 12px; font-size:0.7em; color:#878787; border-right:1px solid #d8d8d8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.collection div.collect_info p.last-child{border:0;}
.collection div.collect_info p strong{display:block; padding:3px 0 0 0; font-size:2em; color:#292929;}
.collection .guide{padding:10px;}
.collection .selectWrap{display:none; float:left; width:42.5%; margin:0 10px 10px 10px; border-width:1px;}
.collection .selectWrap:first-child{display:block;}
.collection .selectWrap.first-child{display:block;}
.collection .collecTbl td{text-align:left;}
.collection .collecTbl td.sbj img{float:left; margin:0 5px 0 0;}
.collection .collecTbl td.sbj p{padding:2px 0 0 0;}
.collection .collecTbl td.sbj p.blind{padding:8px 0 0 0;}
.collection .collecTbl td.sbj p .date{display:block; color:#959595;}
.collection .collecTbl td.hint{text-align:center;}
.collection .paging{border:0;}
#list_div{clear:both;}
#list_div .paging{height:auto;}
#list_div p{border:0;}

.topRanking{position:relative; overflow:hidden; padding:0 0 35px 0;}
.topRanking ol{float:left; width:100%;}
.topRanking li{width:100%; clear:both; overflow:hidden; border-bottom:1px solid #d3d3d3;}
.topRanking li.first-child span{color:#f46f01;}
.topRanking li span{float:left; width:17%; padding:13px 0 0 0; font-size:1.3em;}
.topRanking li span.num{width:8%; padding:17px 0 0 0; font-size:1em; text-align:center; color:#292929;}
.topRanking li dl{float:left; width:75%; padding:5px 0; line-height:1.3;}
.topRanking li dt{width:100%; overflow:hidden; color:#06acde; text-overflow:ellipsis; white-space:nowrap;}
.topRanking .bx-controls{bottom:10px;}
.topRanking .bx-controls .bx-pager-item a{background:#c4c4c4;}
.topRanking .bx-controls .bx-pager-item a.active{background:#06acde;}
.btn_help{display:block; margin:20px 10px 10px 10px; padding:5px; font-size:1.1em; color:#2e2d2d; border:1px solid #ddd; border-radius:3px; background:#e8eef2 url(/images/common/blt_more.png) no-repeat 98% center; background-size:7px 10px;}

/* 레이더 차트 */
.mypage_radar .radar_info{padding:10px; font-size:0.85em; color:#333b40;}
.mypage_radar h4{margin:0 0 5px 0; font-size:0.9em; color:#7c7e80;}
.mypage_radar .selectArea{overflow:hidden; padding:10px 0 10px 10px; border-top:2px solid #c3c2c0; border-bottom:2px solid #c3c2c0; background:#e0dfdd; zoom:1;}
.mypage_radar .selectArea .selectWrap{float:left; width:46%; margin:0;}
.mypage_radar .selectArea .selectWrap:last-child{float:right; margin:0 10px 0 0;}
.mypage_radar .chartArea{padding:14px 10px;}
.mypage_radar .chartArea .chartWrap{min-height:100px; background:url(/images/mypage/bg_chart.gif) repeat;}
.mypage_radar .sumArea{margin:0 0 20px 0; padding:10px;}
#radarchart{width:320px; height:240px; left:50% !important; margin:0 0 0 -160px;}
.mypage_radar table{border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.mypage_radar table th{width:50%; padding:8px 0; border-bottom:1px solid #d6d6d6; background:#d8ecf2;}
.mypage_radar table td{padding:5px 0; font-size:0.85em; color:#666; text-align:center;}
.mypage_radar table .odd td{background:url(/images/mypage/bg_hobby.gif)repeat;}
.mypage_radar .chart_loading{position:absolute; top:50%; left:50%; width:26px; height:26px; margin:-13px 0 0 13px;}
.flotr-canvas{background:url(/images/mypage/chart_cover2.png) no-repeat center; background-size:173px auto;}

/* 계정중복 */
.account_overlap p.info{margin:0; padding:10px 10px 15px 10px; font-size:1em; color:#00a9dc; text-decoration:underline; text-indent:0;}
.account_overlap p.guide{padding:10px 10px 20px 10px; line-height:1.3;}
.account_overlap p.guide span{display:block; padding:5px 0 0 0; font-size:0.85em; color:#616161;}
.account_overlap strong{padding:0 10px; color:#f46f01;}
.account_overlap .account_select{margin:20px 0 0 0; padding:20px 10px 10px 10px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.account_overlap .account_select li{margin:0 0 15px 0;}
.account_overlap .account_select li span.blt{color:#00a9dc;}
.account_overlap .account_select ul{padding:8px 0 0 6px;}
.account_overlap .account_select li li{margin:0 0 5px 0;}
.account_overlap .email_select{padding:20px 10px 10px 10px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.account_overlap .email_select strong{display:inline-block; margin:0 0 5px 0; text-indent:-10px; line-height:1.4;}
.account_overlap .email_select li{margin:0 0 5px 0;}
.account_overlap .other{position:relative; margin:8px 0 0 0; padding:0 0px 0 5px;}
.account_overlap .other input[type="text"]{width:100%;}
.account_overlap .other .btn_base{position:absolute; top:0; right:0; padding:7px 5px;}
.account_overlap .btnArea a.btn_blue{margin:0 0 10px 0;}
.account_overlap .btnArea a.btn_blue span{width:296px;}
.account_overlap .caution{margin:10px 10px 15px 10px; padding:10px; line-height:1.3; background:#f7f7f7;}
.account_overlap .caution strong{display:block; color:#00a9dc; text-decoration:underline;}
.account_overlap .alert{padding:10px 0; text-align:center; line-height:1.3; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.account_overlap .alert strong{display:block; color:#00a9dc; text-decoration:underline;}
.account_overlap .question{margin:10px 10px 15px 10px; line-height:1.3;}
.account_overlap .question ul{margin:8px 0 0 0; padding:10px; background:#f7f7f7;}
.account_overlap .question li{margin:0 0 5px 0;}
.account_overlap .select{padding:0 0 10px 0; border-bottom:1px solid #d3d3d3;}
.account_overlap .select strong{display:block; padding-bottom:8px; color:#2c2c2c;}
.account_overlap .select strong span{color:#00a9dc;}
.account_overlap .select ul{margin:0 10px; padding:0 10px;}
.account_overlap .select li{position:relative; padding:0 0 6px 95px;}
.account_overlap .select li label{position:absolute; top:7px; left:0; width:95px;}
.account_overlap .select select{width:100%; margin:0;}
.account_overlap .select input[type="text"]{width:100%; margin:0;}
.account_overlap label{margin:0 0 0 -25px; padding:0 0 0 25px;}
.dup{margin:0 0 0 -25px; padding:0 0 0 25px;}

/* s:글로벌버서스 */
.mypage_score .baseTbl th a.more {float:right; position:static; margin-right:10px;}
.gvs_score .info{min-height:14px; padding:10px 10px 0 25px; font-size:0.8em; text-indent:-25px; color:#333b40;}
.gvs_score .srch {overflow:hidden; padding:10px 10px 8px;}
.gvs_score .srch .left {float:left; width:50%;}
.gvs_score .srch .right {float:right; width:50%;}
.gvs_score .baseTbl {margin:0 !important;}
.gvs_score .baseTbl th {padding: 4px 0;}
.gvs_score .baseTbl td {border-top:1px solid #d3d3d3; border-bottom:none;}
.gvs_score .baseTbl .my td {background:#f7f9fa;}
.gvs_score h4{height:40px; padding:0 10px; font-size:1.3em; color:#333b40; line-height:40px; border-top:2px solid #bdc2c3; border-bottom:1px solid #a9a9a9; background:#e1e1e1;}
.gvs_score h4 span{float:right; width:24px; height:14px; margin:12px 0 0 0; background:#e1e1e1 url(/images/common/blt_downArrow.png) no-repeat right center; background-size:24px auto;}
.gvs_score h4.active span{background:#e1e1e1 url(/images/common/blt_upArrow.png) no-repeat right center; background-size:24px auto;}
.gvs_score li.last-child{border-bottom:0;}
.entry {height:auto; text-align:left; font-size:1em !important;}
.entry dl {font-size:1.3em !important; font-weight:bold; text-align:center;}
.entry dl dt,
.entry dl dd {height:34px; line-height:34px;}
.entry dl dd {overflow:hidden; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.entry dl dd span {float:left; width:49%; color:#000;}
.entry dl dd .win {border-right:1px solid #d3d3d3;width:49%}
.entry dl dd .win strong {color:#ff7f01;}
.entry dl dd .lose {width:49%}
.entry dl dd .lose strong {color:#2ec2ef;}
.entry dl dd .draw {border-right:1px solid #d3d3d3;width:33%}
.entry dl dd .draw strong {color:#9A9BA3;}
.entry ul li {overflow:hidden; height:36px; border-bottom:1px solid #d6d6d6; line-height:36px; font-size:0.875em;}
.entry ul li span {color:#282e31;}
.entry ul li .country {float:left;}
.entry ul li .country em {display:inline-block; width:40px; font-weight:bold; color:#ee0000; text-align:center;}
.entry ul li .country img {padding-right:5px}
.entry ul li .rating {float:right; padding-right:25px;}
.gvs_score .caution {padding:10px; font-size:0.9em; line-height:1.4;}
.gvs_score .caution dt{color:#ff3c00;}
.gvs_score .caution dd{color:#000;}
.gvs_score .caution dd span{color:#00a9dc;}

/* 처음다트 */
.first_game .first_info{margin:10px 10px 0 10px; padding:12px 12px 12px 45px; border:1px solid #d6d6d6; background:url(/images/help/bg_notice_web.png) no-repeat 10px 10px;}
.first_game .first_info dt{margin:0 0 10px 0;}
.first_game .first_info dd{font-size:0.9em; color:#666; line-height:1.4;}
.first_game .first_info dd strong{color:#06acde;}
.first_game .user_info{position:relative; margin:0 10px 10px 10px; padding:10px; background:url(/images/mypage/bg_profile2.jpg) no-repeat;}
.first_game .user_info .pic{position:absolute; top:10px; left:10px; width:70px; height:57px; overflow:hidden;}
.first_game .user_info ul{padding:0 0 0 80px;}
.first_game .user_info .sbj{display:inline-block; width:45px; font-size:0.7em; color:#012e3c;}
.first_game .user_info .detail{font-size:0.9em; color:#fff;}
.first_game .user_info .detail strong{color:#fff000;}
.first_game .em{padding:10px; line-height:1.4;}
.first_game .em strong{color:#06acde;}
.first_game ul.game_list{width:100%; overflow:hidden; border-bottom:1px solid #d3d3d3;}
.first_game ul.game_list li{float:left; width:50%; margin:0 0 -1px 0; padding:8px 0; font-size:0.9em; text-align:center; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.first_game ul.game_list li .pic{padding:0 0 5px 0;}
.first_game ul.game_list li .pic img{display:block; margin:0 auto 4px auto;}
.first_game ul.game_list li a img{vertical-align:top;}
.first_game .first_content{position:relative; padding:0 0 10px 0;}
.first_game .first_content.promotion div{margin:10px; border:1px solid #d3d3d3;}
.first_game .first_content.promotion img{width:100%; height:100%;}
.first_game .first_content.play div{padding:10px 0; text-align:center; }
.first_game .first_content p{padding:0 10px; line-height:1.4;}
.first_game .first_content a{position:absolute; top:12px; right:10px; padding:5px;}
.first_game .first_content ol{padding:0 10px; font-size:0.9em; line-height:1.4;}
.first_game .first_content li{margin:0 0 10px 0; padding:0 0 20px 0; background:url(/images/mypage/blt_arrow.gif) no-repeat center bottom;}
.first_game .first_content li.last-child{background:none;}

/* s:2013-10-30 VERSUS GAME OPTION */
.gvs_option .baseTbl {margin-bottom:0;}
.gvs_option .baseTbl td {font-size:1em; font-weight:bold;}
.gvs_option .baseTbl td:first-child, .gvs_option .baseTbl td+td+td {width:15%;}
.gvs_option .baseTbl td p {color:#959595;}
.gvs_option .baseTbl input[type="radio"] + label {width:20px; margin:0 0 0 -20px; padding:0; text-indent:-9999px;}
.gvs_option .baseTbl td ul {overflow:hidden; margin-bottom:-8px;}
.gvs_option .baseTbl td li {float:left; margin:0 0 8px 30px;}
.gvs_option .baseTbl td li:first-child {margin-left:0;}
.gvs_option .baseTbl tr.setting td {background:#eceff5;}
.gvs_option .btn_base {line-height:1.4}
.gvs_option h4 {height:35px; padding:0 10px; line-height:35px; border-bottom:1px solid #a9a9a9;}
.gvs_option h4 span {float:right; width:14px; height:8px; margin:13px 0 0 0; background:url(/images/mypage/blt_downArrow.gif) no-repeat; background-size:14px auto;}
.gvs_option .option_guide {padding:19px 10px 0 10px; border-bottom:1px solid #d3d3d3;}
.gvs_option .option_guide li {padding:0 0 25px 8px; line-height:1.4; background:url(/images/common/blt_circleBlue.gif) no-repeat 0 0.5em; background-size:4px 4px;}
.gvs_option .option_guide li strong {display:block; color:#06acde; -webkit-text-stroke-width:.02em;}
.gvs_option .option_guide li ul {padding-left:20px;}
.gvs_option .option_guide li li {padding:10px 0 0 0; background:none; text-indent:-20px; color:#797979;}
.gvs_option .option_guide li li span {display:block; color:#2c2c2c;}
.gvs_option .option_setting li {padding:15px 10px; line-height:1.4; border-bottom:1px solid #d3d3d3;}
.gvs_option .option_setting li strong {display:block; padding-left:8px; background:url(/images/common/blt_circleBlue.gif) no-repeat 0 0.5em; background-size:4px 4px; color:#06acde; -webkit-text-stroke-width:.02em;}
.gvs_option .option_setting li ul {overflow:hidden; padding:0 10px;}
.gvs_option .option_setting li li {float:left; width:50%; padding:10px 0 0; border-bottom:none;}
.gvs_option .option_setting li li label {padding-left:29px; width:auto;}
/* e:2013-10-30 VERSUS GAME OPTION */

.sub_business .formTbl td a{color:#06acde;}

/* admin mystory */
#admin_story{background:none;}
.admin_story .cont{width:786px; padding:0 7px;}
.admin_story .cont h1{display:block; margin:0 0 12px; padding:20px 0 10px; font-size:1.2em; border-bottom:1px solid #9d9d9d;}
.admin_story .cont .tit{margin-bottom:6px;}
.admin_story .cont .tit 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;}
.admin_story .cont .tit em span{float:left; height:22px; padding:0 6px 0 8px; background:url(/images/common/notice_left.png) no-repeat; background-size:auto 22px;}
.admin_story .cont .user_info{position:relative; max-height:180px; overflow:hidden; margin:0 0 10px 0;}
.admin_story .cont .user{position:absolute; top:0; left:0; width:100%; padding:0; border:0; background:none;}
.admin_story .cont .user .pic{float:left; width:85px; height:64px; margin:12px;}
.admin_story .cont .user .pic img{width:85px;}
.admin_story .cont .user dl{position:relative; float:left; width:300px; margin:12px 0 0; padding:10px; color:#fff; background:url(/images/mypage/bg_profile.png) repeat;}
.admin_story .cont .user dt a{bottom:10px; right:10px;}
.admin_story .cont .user dd{margin:0 0 4px;}
.admin_story .cont .cnt_list{overflow:hidden; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.admin_story .cont .cnt_list li{float:left; width:240px; height:39px; padding:8px 5px 0; color:#878787; font-size:0.71em; border-right:1px solid #d8d8d8;}
.admin_story .cont .cnt_list li.last-child{border-right:none;}
.admin_story .cont .cnt_list li span{display:block; margin-top:2px; color:#292929; font-size:2em; -webkit-text-stroke-width:.02em;}
.admin_story .cont .cnt_detail{clear:both; position:relative; overflow:hidden; padding:8px 5px 0; height:39px; border-bottom:1px solid #d8d8d8;}
.admin_story .cont .cnt_detail p{color:#878787; font-size:0.71em;}
.admin_story .cont .cnt_detail p.txt{color:#ed1c24; position:absolute; bottom:5px; left:90px;}
.admin_story .cont .cnt_detail span{display:block; margin-top:2px; color:#292929; font-size:2em; -webkit-text-stroke-width:.02em;}
.admin_story .cont .r_reply .date{font-size:0.9em;}

.admin_story .cont .r_reply .feeling a{width:90px;}
.admin_story .cont .r_reply .feeling img{width:43px; height:43px;}
.admin_story .cont .r_reply .feeling span{display:block; font-size:1.2em;}

.admin_story.others{position:absolute; top:50%; left:50%; width:584px; height:600px; overflow-y:scroll; overflow-x:hidden; margin:-300px 0 0 -299px; padding:0 7px; border:1px solid #4cc3e7;}

#ppv_layer{display:none; width:100%; height:100%;}
.ppv{width:270px; overflow:hidden; margin:30px auto; padding:20px 0 0 0; text-align:center; border-radius:7px; background:url(/images/common/bg_paid.png) repeat;}
.ppv dt{width:150px; height:20px; margin:0 auto 12px auto; text-align:center; color:#fff; line-height:20px; border-radius:3px; border:1px solid #980505; background:#e50b16;}
.ppv dd{padding:0 8px 25px 8px; font-size:0.85em; line-height:1.4; color:#000; border-bottom:1px solid #b2b2b2;}
.ppv dd.btn{padding:0; border-top:1px solid #fff; border-bottom:0;}
.ppv dd.btn a{display:block; height:40px; font-weight:bold; font-size:1.07em; color:#007aff; line-height:40px; box-shadow:inset 0 0 2px #fff; background:#d8d8d8; background:-moz-linear-gradient(90deg , #c9c9c9 0% , #e2e2e2 100%); background:-webkit-linear-gradient(90deg , #c9c9c9 0% , #e2e2e2 100%);}

.member{ display:block;}

/* Login Id 생성 */
#id_create dl{padding:10px; border-bottom:1px solid #d3d3d3;}
#id_create dt{margin:0 0 5px 0; font-size:1.1em; font-weight:bold;}
#id_create dd{font-size:0.85em;}
#id_create fieldset ul{padding:10px;}
#id_create fieldset li{position:relative; padding:0 0 0 80px;}
#id_create fieldset li label{position:absolute; top:2px; left:0; display:block; width:80px;}
#id_create fieldset li .check{display:block;}
#id_create fieldset li p{margin:5px 0 0 0; padding:8px; font-size:0.85em; background:#e1e3e7;}
#id_create .guide{padding:0 10px;}

/* 임시아이디 */
#temporary h3{font-size:1.2em;}
#temporary th{width:100px;}
#temporary td{text-align:left;}
#temporary td .info{display:block; margin:5px 0 0 0; font-size:1em; text-indent:0;}
#temporary .error{display:none;}
#temporary .btnArea{padding:0 10px;}
#temporary .btnArea input[type="submit"]{float:left; -webkit-appearance:none; width:48%; padding:4px 0; font-size:0.78em; border:1px solid #ccc; border-radius:0; background:#f4f4f4;}
#temporary .btnArea a{float:right; width:48%; padding:5px 0; font-size:0.85em; border:1px solid #ccc; background:#f4f4f4;}
#temporary .btnArea a.long{width:100%;}
#temporary .guide{clear:both; padding:10px; font-size:0.85em;}
#temporary .guide li{margin:0 0 0 8px; text-indent:-8px; line-height:1.5;}

/* 랭킹배틀 hi 추가 */
.rankingBattle .select_battle {float:right; margin:4px 0; width:122px;}
.rankingBattle .select_battle .selectWrap {margin:0;}
.rankingBattle .select_battle select {width:auto;}
.rankingBattle .radio_wrap {margin-bottom:15px; padding:9px; border-bottom:1px solid #ccc; text-align:center;}
.rankingBattle .radio_wrap input[type=radio] {margin-left:20px;}
.rankingBattle .radio_wrap input[type=radio]:first-child {margin-left:0}
.rankingBattle .ranking_search {margin:0 0 15px; padding:0 0 15px 13px;}
.rankingBattle .contentTitle2 {min-height:0;}
.rankingBattle .contentTitle2 .btn_data {position:absolute; top:10px; right:0;}
.rankingBattle .mypage_score .data_help {border-bottom:1px solid #d6d6d6;}
.rankingBattle .mypage_score .data_help dl {border-top:none;}
.rankingBattle h4 {padding:8px 0 5px 6px; font-size:1.142em;}
.rankingBattle h4 .blue {color:#06acde}
.rankingBattle h4 .gray {color:#9d9d9d}
.rankingBattle .more_wrap {text-align:right;}
.rankingBattle .more {position:static; display:inline-block;}
.rankingBattle .more_wrap {padding-right:6px;}
.rankingBattle .baseTbl.battle {margin-bottom:5px;}
.rankingBattle .baseTbl td {word-wrap:break-word!important; word-break:break-word;}
.rankingBattle .mb20 {margin-bottom:20px;}
.my_battleTb td {width:30%; word-wrap:break-word!important; word-break:break-word;}
.my_battleTb td + td {width:30%}
.my_battleTb td + td + td{width:40%}

#layer_battle {display:none; position:fixed; top:0; left:0; z-index:99; width:100%; height:100%;}
#layer_battle .bg {display:block; position:absolute; width:100%; height:100%; opacity:.6; background:#000;}
#layer_battle h1 {margin-bottom:8px; padding:12px 0; font-size:1.428em; border-bottom:1px solid #9d9d9d;}
#layer_battle .cont h5 {border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; text-align:center;}
#layer_battle .cont {position:relative; overflow-x:hidden; overflow-y:scroll; height:100%; background:#fff; z-index:100;}
#layer_battle .cont .cont_inner {padding:0 7px 7px;}
#layer_battle .cont .btn_close{position:absolute; top:10px; right:15px;}
#layer_battle .cont p {padding:7px 0;}
#layer_battle .cont p span {color:#7c7e80;}
#layer_battle .cont .baseTbl {width:100%;}
#layer_battle .cont .guide {padding:0 10px;}
#layer_battle .cont .guide ul li {padding:8px 0 9px; border-bottom:1px solid #ebebeb; color:#747474; line-height:1.3}
#layer_battle .cont .guide p {padding:5px 0 10px; font-size:0.928em; color:#9d9d9d; line-height:1.3}
#layer_battle .cont .dataTbl th {background:#e0f2f8; border-right:none; border-left:1px solid #d3d3d3}
#layer_battle .cont .dataTbl th:first-child {border-left:none;}
#layer_battle .cont .dataTbl td {text-align:center;}

/* 랭킹배틀 가이드 121216 hi 추가 */
#guide_battle h5 {border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; text-align:center;}
#guide_battle p {padding:7px 0;}
#guide_battle p span {color:#7c7e80;}
#guide_battle .baseTbl {width:100%;}
#guide_battle .guide ul li {margin:0; padding:7px 0; border-bottom:1px solid #ebebeb; color:#747474;}
#guide_battle .guide p {padding:5px 0; font-size:0.928em; color:#9d9d9d; line-height:1.3}
#guide_battle .dataTbl th {background:#e0f2f8; border-right:none; border-left:1px solid #d3d3d3}
#guide_battle .dataTbl th:first-child {border-left:none;}
#guide_battle .dataTbl td {text-align:center}
.mypage_score #guide_battle.data_help ul {padding:0;}

/*대회이벤트 캘린더*/
.calendar {border:1px solid #cfcfcf;}
.calendar .month {padding:4px 0 12px; text-align:center; color:#4c5559; font-size:1.428em;}
.calendar .month span {padding:0 19px; vertical-align:middle;}
.calendar .month a {vertical-align:middle;}
.calendar .month img {width:16px; height:16px;}
.calendar table td {width:14%;}
.calendar table td:first-child {width:16%}
.calendar table.sadule_table1 td {text-align:center; height:26px; background:#e8e7e7; font-size:0.928em !important; color:#4c5559;}
.calendar table.sadule_table2 td {padding:6px; height:38px; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; vertical-align:top; font-size:0.928em !important; color:#a4a5a5;}
.calendar table.sadule_table2 td:first-child {border-left:none; color:#f00000;}
.calendar table.sadule_table2 tr:first-child td {border-top:none;}
.calendar table.sadule_table2 td a {color:#a4a5a5;}
.calendar table.sadule_table2 td a span {color:#000;}
.calendar table.sadule_table2 td:first-child a {color:#f00000;}
.calendar table.sadule_table2 td + td + td + td + td + td + td,
.calendar table.sadule_table2 td + td + td + td + td + td + td a {color:#02baf1;}
.calendar table.sadule_table2 .cnt {display:block; padding-top:8px; text-align:center; font-size:1.076em; color:#000;}
.calendar table.sadule_table2 .cnt strong {display:inline-block; width:9px; height:9px; background:#06acde; -moz-border-radius:.6em;-webkit-border-radius:.6em;border-radius:.6em;}
.calendar_result {padding:40px 0 6px; color:#4c5559;}
.calendar_result span {color:#f90101;}


@media (max-width:768px) {
.phoenixStars {margin:10px; padding:0 8px 10px;}
section .phoenixStars h3 {margin-top:22px;}
.phoenixStars h3 span {font-size:1.0em;}
.phoenixStars h3 strong {font-size:2.142em;}
.phoenixStars div.txt {padding:12px  0 19px; font-size:0.928em;}
.phoenixStars div.txt span {display:block;}
.phoenixStars div.youtube {padding:0 7px; width:100%; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box;}
.phoenixStars div.youtube iframe {width:100%; height:165px;}
.phoenixStars h4 {margin-bottom:9px; padding:16px 0 5px; font-size:1.071em;}
.phoenixStars ul li {width:33.33%;}
.phoenixStars ul li a {display:inline-block; width:100%; height:auto; margin:0; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box;}
.phoenixStars ul li a img {height:auto;}
.phoenixStars ul li a .name {display:block;}
.phoenixStars ul li.on a .cover {width:100%; height:100%; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box;}
}

/*140408 랭킹배틀 수정사항*/
.ranking_battle .tit_area {padding:22px 8px 8px;}
.ranking_battle .tit_area h3 {display:inline-block; *display:inline; padding:0; font-size:1.428em;}
.ranking_battle .tit_area div {display:inline-block; *display:inline; margin-left:7px; font-size:1.142em;}
.ranking_battle .tit_area .rank {color:#c00000;}
.ranking_battle .tit_area .score {color:#9299a3;}
.ranking_battle .top_rank_wrap {border-bottom:2px solid #4b4340;}
.ranking_battle .top_rank {table-layout:fixed;}
.ranking_battle .top_rank th {height:34px; background:#3c4145; font-weight:bold; color:#fff;}
.ranking_battle .top_rank td {text-align:center; height:68px; border-top:1px solid #ebebeb; color:#4b4340;}
.ranking_battle .top_rank td a {color:#4b4340;}
.ranking_battle .top_rank tr:first-child td {background:#ebf6fc; border-top:none;}
.ranking_battle .top_rank tr:first-child td .rank {background:#ebf6fc;}
.ranking_battle .top_rank .name {padding-left:25px; text-align:left;}
.ranking_battle .top_rank .name span,
.ranking_battle .top_rank .name img {vertical-align:middle;}
.ranking_battle .top_rank .name .flag {margin-left:10px; width:29px;}
.ranking_battle .top_rank .name span {display:inline-block; overflow:hidden; width:325px; line-height:1.2; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.ranking_battle .top_rank .rank {position:relative; width:100%; height:inherit; *height:100%; *color:#fff; background:#fff;}
.ranking_battle .top_rank .rank span {position:absolute; top:0; left:50%; display:inline-block; overflow:hidden; width:52px; height:0; margin-left:-26px; padding-top:56px; font-size:0;}
.ranking_battle .top_rank .rank01 {background:url(/images/ranking/battle/ico_rank.png) no-repeat 0 0;}
.ranking_battle .top_rank .rank02 {background:url(/images/ranking/battle/ico_rank.png) no-repeat 0 -69px;}
.ranking_battle .top_rank .rank03 {background:url(/images/ranking/battle/ico_rank.png) no-repeat 0 -138px;}
.ranking_battle .top_rank .rank04 {background:url(/images/ranking/battle/ico_rank.png) no-repeat 0 -207px;}
.ranking_battle .top_rank .rank05 {background:url(/images/ranking/battle/ico_rank.png) no-repeat 0 -266px;}
.ranking_battle .top_rank .rank06 {background:url(/images/ranking/battle/ico_rank.png) no-repeat 0 -325px;}
.ranking_battle .top_rank .rank07 {background:url(/images/ranking/battle/ico_rank.png) no-repeat 0 -384px;}
.ranking_battle .top_rank .rank08 {background:url(/images/ranking/battle/ico_rank.png) no-repeat 0 -443px;}
.ranking_battle .top_rank .rank09 {background:url(/images/ranking/battle/ico_rank.png) no-repeat 0 -502px;}
.ranking_battle .top_rank .rank10 {background:url(/images/ranking/battle/ico_rank.png) no-repeat 0 -561px;}
/*JP*/
.ranking_battle .top_rank.jp .rank01 {background:url(/images/ranking/battle/ico_rank_jp.png) no-repeat 0 0;}
.ranking_battle .top_rank.jp .rank02 {background:url(/images/ranking/battle/ico_rank_jp.png) no-repeat 0 -69px;}
.ranking_battle .top_rank.jp .rank03 {background:url(/images/ranking/battle/ico_rank_jp.png) no-repeat 0 -138px;}
.ranking_battle .top_rank.jp .rank04 {background:url(/images/ranking/battle/ico_rank_jp.png) no-repeat 0 -207px;}
.ranking_battle .top_rank.jp .rank05 {background:url(/images/ranking/battle/ico_rank_jp.png) no-repeat 0 -266px;}
.ranking_battle .top_rank.jp .rank06 {background:url(/images/ranking/battle/ico_rank_jp.png) no-repeat 0 -325px;}
.ranking_battle .top_rank.jp .rank07 {background:url(/images/ranking/battle/ico_rank_jp.png) no-repeat 0 -384px;}
.ranking_battle .top_rank.jp .rank08 {background:url(/images/ranking/battle/ico_rank_jp.png) no-repeat 0 -443px;}
.ranking_battle .top_rank.jp .rank09 {background:url(/images/ranking/battle/ico_rank_jp.png) no-repeat 0 -502px;}
.ranking_battle .top_rank.jp .rank10 {background:url(/images/ranking/battle/ico_rank_jp.png) no-repeat 0 -561px;}

.ranking_battle .btn_more {overflow:hidden;}
.ranking_battle .btn_more a {float:right; margin-top:5px; padding:0 18px 0 6px; height:22px; line-height:22px; background:#3c4145 url(/images/ranking/battle/bg_more.png) no-repeat right center; color:#d9d9d9; -moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;}

.ranking_battle .guide {margin:20px 10px 0; padding:13px 17px 0; background:#f3f3f3; -moz-border-radius:.6em;-webkit-border-radius:.6em;border-radius:.6em;}
.ranking_battle .guide h4 {margin:0 0 10px; padding:0; font-weight:bold; font-size:1.142em; color:#fe4800;}
.ranking_battle .guide dl {padding-left:7px;}
.ranking_battle .guide dl dt {margin-bottom:5px; font-weight:bold; color:#ff861d;}
.ranking_battle .guide dl dd {padding-bottom:17px; color:#454545; line-height:1.4}
.ranking_battle .ranking_datail_wrap {padding:0 8px 10px; clear:both;}
.ranking_battle .ranking_datail_wrap p {padding-top:6px; line-height:1.4; color:#333b40;}
.ranking_battle .ranking_datail_wrap p span {display:block; padding-left:15px; text-indent:-15px;}
.ranking_battle .orange {color:#ff7e00;}
.ranking_battle .blue {color:#0491d3;}
.ranking_battle .gray {color:#7b7c7c;}
.ranking_battle .datail01 {overflow:hidden; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.ranking_battle .datail01 dl {position:relative; float:left; width:50%; text-align:center; height:39px; line-height:39px;}
.ranking_battle .datail01 dl .line {position:absolute; top:50%; left:0; margin-top:-13px; width:1px; height:26px; background:#dbdbdb;}
.ranking_battle .datail01 dt,
.ranking_battle .datail01 dd {display:inline-block; height:39px; line-height:39px; vertical-align:top;}
.ranking_battle .datail01 dt {font-weight:normal; font-size:1.071em; color:#333b40;}
.ranking_battle .datail01 dd {font-weight:bold; font-size:0.928em;}
.ranking_battle .datail01 dd em {font-size:1.384em; font-style:normal;}
.ranking_battle .datail02 {overflow:hidden;}
.ranking_battle .datail02 dt,
.ranking_battle .datail02 dd {float:left; width:50%; border-bottom:1px solid #dbdbdb; -moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important; box-sizing:border-box !important;}
.ranking_battle .datail02 dt {padding:11px 10px; background:#ececec; text-align:left; font-weight:normal; color:#333b40;}
.ranking_battle .datail02 dd {padding:11px 10px; text-align:center; font-weight:bold; color:#000;}
.ranking_battle .datail03 {overflow:hidden; margin-bottom:-1px;}
.ranking_battle .datail03 dt,
.ranking_battle .datail03 dd { float:left; width:50%; border-bottom:1px solid #dbdbdb; -moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important; box-sizing:border-box !important;}
.ranking_battle .datail03 dt {padding:11px 10px; background:#ececec; text-align:left; font-weight:normal; color:#333b40;}
.ranking_battle .datail03 dd {padding:11px 10px; text-align:center; font-weight:bold; color:#000;}
.ranking_battle .datail03 dd span {padding:0 15px; font-weight:normal; color:#525252;}
.ranking_battle .datail03 dd em {display:none; font-weight:normal; font-style:normal; color:#525252;}
.ranking_battle .datail04 {overflow:hidden; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.ranking_battle .datail04 dl {float:left; width:100%; text-align:center;}
.ranking_battle .datail04 dt,
.ranking_battle .datail04 dd {display:inline-block; vertical-align:top;}
.ranking_battle .datail04 .seq01 {height:39px; line-height:39px; border-bottom:1px solid #dbdbdb;}
.ranking_battle .datail04 .seq01 dt,
.ranking_battle .datail04 .seq01 dd {height:39px; line-height:39px;}
.ranking_battle .datail04 .seq01 dt {font-weight:normal; font-size:1.071em; color:#333b40;}
.ranking_battle .datail04 .seq01 dd {font-weight:bold; font-size:0.928em;}
.ranking_battle .datail04 .seq01 dd em {font-size:1.384em; font-style:normal;}
.ranking_battle .datail04 .seq02 {height:36px; line-height:36px;}
.ranking_battle .datail04 .seq02 dt,
.ranking_battle .datail04 .seq02 dd {height:36px; line-height:36px;}
.ranking_battle .datail04 .seq02 dt {font-weight:normal; color:#333b40;}
.ranking_battle .datail04 .seq02 dd {font-weight:normal;}
.ranking_battle .datail04 .seq02 dd em {font-style:normal;}
.ranking_battle .datail04 .seq02 dd span {font-size:0.857em;}
.ranking_battle h4 {margin:0; padding:16px 0 8px; font-weight:bold; color:#e25c03;}
.ranking_battle h4:first-child {padding-top:0;}
.ranking_battle .contentTitle2 {overflow:hidden; border-bottom: 2px solid #9d9d9d;}
.ranking_battle .contentTitle2 h3 {float:left; border-bottom:none;}
.ranking_battle .contentTitle2 .btnWrap {float:right;}
.ranking_battle .contentTitle2 a.btn {display:inline-block; margin-top:9px; padding:0 20px 0 8px; background:#ff9000 url(/images/ranking/battle/bg_arr.png) no-repeat right center; background-size:14px auto; border:1px solid #ff6000; font-size:0.928em; color:#fff; height:24px; line-height:24px; -moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;}
.ranking_battle .contentTitle2 a.btnBlue {display:inline-block; margin-top:9px; padding:0 20px 0 8px; background:#06acde url(/images/ranking/battle/bg_arr.png) no-repeat right center; background-size:14px auto; border:1px solid #166f8a; font-size:0.928em; color:#fff; height:24px; line-height:24px; -moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;}
.ranking_battle .mypage_score .info {margin-top:-10px;}
.mypage_score .ranking_battle .ranking_datail_wrap {padding-bottom:10px;}
.mypage_score h4.folding_div em {font-style:normal; font-weight:normal;}
.ranking_battle.baseTbl tr:first-child td {background:#f7f7f7;}
.ranking_battle.baseTbl td {border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; font-size:1.0em;}
.ranking_battle.baseTbl span {display:block; color:#2c2c2c}
.ranking_battle.baseTbl em {font-style:normal; font-weight:bold;}

@media (max-width:768px) {
.ranking_battle .contentTitle2 .btnWrap {padding-right:10px;}
.ranking_battle .tit_area {padding:10px 8px 8px;}
.ranking_battle .tit_area h3 {font-size:1.071em;}
.ranking_battle .tit_area div {display:block; margin-left:0; font-size:0.928em;}
.ranking_battle .top_rank th {height:31px;}
.ranking_battle .top_rank th:nth-child(1) {width:54px;}
.ranking_battle .top_rank th:nth-child(2) {width:auto;}
.ranking_battle .top_rank th:nth-child(3) {width:54px;}
.ranking_battle .top_rank td {height:34px;}
.ranking_battle .top_rank tbody tr:nth-child(1) td {height:39px;}
.ranking_battle .top_rank tbody tr:nth-child(2) td {height:39px;}
.ranking_battle .top_rank tbody tr:nth-child(3) td {height:39px;}
.ranking_battle .top_rank .name {padding-left:12px;}
.ranking_battle .top_rank .name img {width:22px;}
.ranking_battle .top_rank .name .flag {margin-left:4px; width:23px;}
.ranking_battle .top_rank .name span {width:70%;}
.ranking_battle .top_rank .rank span {position:absolute; top:0; left:50%; display:inline-block; overflow:hidden; width:29px; height:0; margin-left:-14px; padding-top:31px;}
.ranking_battle .top_rank .rank01 {background:url(/images/ranking/battle/ico_rank_m.png) no-repeat 0 0; background-size:29px auto;}
.ranking_battle .top_rank .rank02 {background:url(/images/ranking/battle/ico_rank_m.png) no-repeat 0 -40px; background-size:29px auto;}
.ranking_battle .top_rank .rank03 {background:url(/images/ranking/battle/ico_rank_m.png) no-repeat 0 -79px; background-size:29px auto;}
.ranking_battle .top_rank .rank04 {background:url(/images/ranking/battle/ico_rank_m.png) no-repeat 0 -118px; background-size:29px auto;}
.ranking_battle .top_rank .rank05 {background:url(/images/ranking/battle/ico_rank_m.png) no-repeat 0 -153px; background-size:29px auto;}
.ranking_battle .top_rank .rank06 {background:url(/images/ranking/battle/ico_rank_m.png) no-repeat 0 -187px; background-size:29px auto;}
.ranking_battle .top_rank .rank07 {background:url(/images/ranking/battle/ico_rank_m.png) no-repeat 0 -222px; background-size:29px auto;}
.ranking_battle .top_rank .rank08 {background:url(/images/ranking/battle/ico_rank_m.png) no-repeat 0 -256px; background-size:29px auto;}
.ranking_battle .top_rank .rank09 {background:url(/images/ranking/battle/ico_rank_m.png) no-repeat 0 -291px; background-size:29px auto;}
.ranking_battle .top_rank .rank10 {background:url(/images/ranking/battle/ico_rank_m.png) no-repeat 0 -326px; background-size:29px auto;}
/*JP*/
.ranking_battle .top_rank.jp .rank01 {background:url(/images/ranking/battle/ico_rank_m_jp.png) no-repeat 0 0; background-size:29px auto;}
.ranking_battle .top_rank.jp .rank02 {background:url(/images/ranking/battle/ico_rank_m_jp.png) no-repeat 0 -40px; background-size:29px auto;}
.ranking_battle .top_rank.jp .rank03 {background:url(/images/ranking/battle/ico_rank_m_jp.png) no-repeat 0 -79px; background-size:29px auto;}
.ranking_battle .top_rank.jp .rank04 {background:url(/images/ranking/battle/ico_rank_m_jp.png) no-repeat 0 -118px; background-size:29px auto;}
.ranking_battle .top_rank.jp .rank05 {background:url(/images/ranking/battle/ico_rank_m_jp.png) no-repeat 0 -153px; background-size:29px auto;}
.ranking_battle .top_rank.jp .rank06 {background:url(/images/ranking/battle/ico_rank_m_jp.png) no-repeat 0 -187px; background-size:29px auto;}
.ranking_battle .top_rank.jp .rank07 {background:url(/images/ranking/battle/ico_rank_m_jp.png) no-repeat 0 -222px; background-size:29px auto;}
.ranking_battle .top_rank.jp .rank08 {background:url(/images/ranking/battle/ico_rank_m_jp.png) no-repeat 0 -256px; background-size:29px auto;}
.ranking_battle .top_rank.jp .rank09 {background:url(/images/ranking/battle/ico_rank_m_jp.png) no-repeat 0 -291px; background-size:29px auto;}
.ranking_battle .top_rank.jp .rank10 {background:url(/images/ranking/battle/ico_rank_m_jp.png) no-repeat 0 -326px; background-size:29px auto;}

.ranking_battle .btn_more a {float:right; margin:5px 8px 0 0; padding:0 14px 0 3px; height:19px; line-height:19px; background:#3c4145 url(/images/ranking/battle/bg_more_m.png) no-repeat right center; background-size:11px auto; font-size:0.928em;}
.ranking_battle .guide dl {padding-left:4px;}
.ranking_battle .guide {margin:8px;}
.ranking_battle .guide h4 {font-size:1.0em;}
}
.youku{width:100%; height:200px;}
#layer_battle .cont .guide02 p {padding:0 0 12px; text-indent:-15px; padding-left:15px; line-height:1.4;}
#layer_battle .cont .guide02 p span {display:block;}
#layer_battle .cont .guide02 ul {padding:5px 0 0;}
#layer_battle .cont .guide02 ul li {padding-bottom:10px; text-indent:-15px; padding-left:15px; line-height:1.4;}
#layer_battle .cont .guide02 ul li div {text-indent:0;}
#layer_battle .cont h2 {padding:15px 0 8px; font-weight:bold; font-size:1.142em; color:#06acde;}
#layer_battle .cont .tb_wrap .inner {margin-bottom:15px;}
#layer_battle .cont .tb_wrap td span {color:#329fc0;}
#layer_battle .cont .ranking_battle h2 {padding:4px 0 14px; font-weight:normal; color:#2c2c2c;}
#layer_battle .cont .ranking_battle .ranking_datail_wrap {padding:0 0 10px;}
#layer_battle .cont .ranking_battle .ranking_datail_wrap h4:first-child {padding-top:0;}
#layer_battle .ranking_battle .mypage_score {padding-left:17px;}
.mb15 {margin-bottom:15px;}

/

/*2014-05-19 mantis 9753*/
.login_caution {overflow:hidden; padding:0 10px 15px;}
.login_caution li {float:left; width:100%; border-top:1px solid #ebebeb;}
.login_caution li:first-child {border-top:none;}
.login_caution li a {display:block; padding:10px 0; background:url(/images/member/blt_cir_m.gif) no-repeat right center; background-size:27px auto; color:#06acde;}
.login_caution_wrap {padding:0 10px; border-top:1px solid #d3d3d3}
.login_caution_wrap dl {position:relative; border-bottom:1px solid #ebebeb;}
.login_caution_wrap dt {padding:17px 0 10px; color:#06acde;}
.login_caution_wrap dd {padding-bottom:40px; color:#555353; line-height:1.384;}
.login_caution_wrap dd .top {position:absolute; bottom:5px; right:0; padding:0 15px 0 7px; height:22px; line-height:22px; background:url(/images/member/bg_arr_m.gif) no-repeat right center; background-size:12px auto; border:1px solid #ebe8e8; font-size:12px; color:#000; -moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;}
.login_caution_wrap p {padding:13px 0 50px; font-size:0.928em; color:#000; line-height:1.384;}

/*2014-05-30 랭킹배틀 수정*/
.ranking_battle .datail01 {position:relative;}
.ranking_battle .datail01 .line {display:block; position:absolute; top:0; left:50%; margin-top:7px; width:1px; height:26px; background:#dbdbdb;}
.ranking_battle .datail01 table th {height:39px; text-align:right; font-size:0.928em; color:#333b40;}
.ranking_battle .datail01 table th span {font-size:12px;}
.ranking_battle .datail01 table td {padding-left:4px; height:39px; text-align:left; font-weight:bold; font-size:0.928em;}
.ranking_battle .datail01 table td em {font-style:normal;}
.ranking_battle .datail02 table th {padding:11px 8px; background:#ececec; border-bottom:1px solid #dbdbdb; text-align:left; color:#333b40;}
.ranking_battle .datail02 table td {border-bottom:1px solid #dbdbdb; text-align:center;}
.ranking_battle .datail03 table th {padding:11px 10px; background:#ececec; border-bottom:1px solid #dbdbdb; text-align:left; color:#333b40;}
.ranking_battle .datail03 table td {border-bottom:1px solid #dbdbdb; text-align:center; font-weight:bold; color:#000;}
.ranking_battle .datail03 table td span {padding:0 15px; font-weight:normal; color:#525252;}
.ranking_battle .datail03 table td em {display:none; font-weight:normal; font-style:normal; color:#525252;}
.ranking_battle .total {position:relative; border-top:1px solid #dbdbdb;}
.ranking_battle .total .line {display:none;}
.ranking_battle .total table {border-bottom:1px solid #dbdbdb;}
.ranking_battle .total table th {height:39px; text-align:right; color:#333b40; line-height:1.3;}
.ranking_battle .total table th span {display:block; font-size:11px;}
.ranking_battle .total table td {padding-left:4px; height:39px; text-align:left; font-weight:bold;}
.ranking_battle .total table td em {font-style:normal; font-size:1.384em;}
.ranking_battle .datail05 {overflow:hidden; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.ranking_battle .datail05 dl {position:relative; float:left; width:50%; padding:10px 0; text-align:center; /*height:39px; line-height:39px;*/}
.ranking_battle .datail05 dl .line {position:absolute; top:50%; left:0; margin-top:-13px; width:1px; height:26px; background:#dbdbdb;}
.ranking_battle .datail05 dt,
.ranking_battle .datail05 dd {display:block; /*height:39px; line-height:39px;*/ vertical-align:top;}
.ranking_battle .datail05 dt {font-weight:normal; font-size:1.071em; color:#333b40;}
.ranking_battle .datail05 dd {padding-top:5px; font-weight:bold; font-size:0.928em; line-height:22px;}
.ranking_battle .datail05 dd em {font-size:1.384em; font-style:normal;}
.ranking_battle .datail06 {overflow:hidden; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.ranking_battle .datail06 dl {position:relative; float:left; width:100%; padding:10px 0; text-align:center; border-bottom:1px solid #dbdbdb; /*height:39px; line-height:39px;*/}
.ranking_battle .datail06 dl:last-child {border-bottom:none;}
.ranking_battle .datail06 dl .line {display:none; position:absolute; top:50%; left:0; margin-top:-13px; width:1px; height:26px; background:#dbdbdb;}
.ranking_battle .datail06 dt,
.ranking_battle .datail06 dd {display:inline-block; /*height:39px; line-height:39px;*/ vertical-align:top;}
.ranking_battle .datail06 dt {font-weight:normal; font-size:1.071em; color:#333b40;}
.ranking_battle .datail06 dt em {font-style:normal;}
.ranking_battle .datail06 dt div em span {font-size:12px;}
.ranking_battle .datail06 dd {/*padding-top:5px;*/ font-weight:bold; font-size:0.928em;}
.ranking_battle .datail06 dd em {font-size:1.384em; font-style:normal;}

/*2014-06-19 더 챔피언 동영상*/
#simplemodal-overlay {background-color:#000;}
.modal {display:none; margin:0 auto; padding:10px; width:100%; background:#fff; border:1px solid #545454; z-index:2;}
.pop_championResult {position:relative;}
.pop_championResult .tit {position:relative; padding:12px 0 17px; border-bottom:1px solid #e3e3e3; font-weight:bold; font-size:1.285em; color:#000;}
.pop_championResult .player {padding:17px 0; color:#666;}
.pop_championResult .player strong {color:#000;}
.pop_championResult .btn_close {position:absolute; top:10px; right:20px; display:block; overflow:hidden; width:25px; height:0; padding-top:24px; margin:0; background:url(/images/rally/btn_close_m.gif) no-repeat 0 0; background-size:25px auto;}

/*2014-10-08*/
@media (min-width:768px){
.mypage_pay .resignButtonArea {display:none;}
}

/*@import url(import/mypage.css);*/

/**/
.chargeCredit .remain .txt01 {padding:12px 20px; background:#efefef; border:1px solid #e6e6e6; font-size:1.142em; -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;}
.chargeCredit .remain .txt01 span {color:#fb901c;}
.chargeCredit .remain .txt02 {padding-top:10px; font-size:0.857em; text-align:right; color:#797979; line-height:1.2;}
.chargeCredit .remain .txt02 span {color:#06acde;}
.chargeCredit h3 {padding:25px 0 5px;}
.chargeCredit .step_wrap {padding:35px 20px; border:1px solid #e6e6e6; -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;}
.chargeCredit .step_wrap ul {overflow:hidden; padding-left:20px;}
.chargeCredit .step_wrap ul li {float:left; padding-left:91px; background:url(/images/common/arrow_next.png) no-repeat 37px center;}
.chargeCredit .step_wrap ul li:first-child {padding-left:0; background:none;}
.chargeCredit .step_wrap ul li .inner {width:140px; border:1px solid #e0e0e0; text-align:center; -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em;}
.chargeCredit .step_wrap ul li span {display:block; height:31px; line-height:31px; background:#efefef;}
.chargeCredit .step_wrap ul li .inner div {display:table; width:100%;}
.chargeCredit .step_wrap ul li strong {display:table-cell; height:56px; text-align:center; vertical-align:middle; font-size:1.142em; font-weight:bold; color:#06acde; line-height:1.4;}
.chargeCredit .step_wrap h4 {padding-top:40px; font-weight:bold; font-size:1.142em;}
.chargeCredit .step_wrap ol {overflow:hidden;}
.chargeCredit .step_wrap ol li {float:left; padding-top:20px;}
.chargeCredit .step_wrap ol li .arr {padding:0 4px;}

@media (max-width:768px){
.chargeCredit .remain .txt01 {padding:12px 10px; line-height:1.3; font-size:1.071em;}
.chargeCredit .remain .txt02 {padding-top:7px; text-align:left;}
.chargeCredit h3 {padding:19px 0 5px;}
.chargeCredit .step_wrap {padding:10px;}
.chargeCredit .step_wrap ul {padding-left:0;}
.chargeCredit .step_wrap ul li {width:35.55%; padding-left:6.8%; box-sizing:border-box; -moz-box-sizing:border-box; background:url(/images/common/arrow_next.png) no-repeat 8% center; background-size:7px auto;}
.chargeCredit .step_wrap ul li:first-child {width:28.9%;}
.chargeCredit .step_wrap ul li .inner {width:100%; box-sizing:border-box; -moz-box-sizing:border-box;}
.chargeCredit .step_wrap ul li span {height:24px; line-height:24px; font-size:0.785em;}
.chargeCredit .step_wrap ul li strong {font-size:0.928em; height:43px; line-height:1.2;}
.chargeCredit .step_wrap h4 {display:none;}
.chargeCredit .step_wrap ol {display:none;}

}

/*@import url(import/jquery-ui.css);*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {display: none;}
.ui-helper-hidden-accessible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;idth: 1px;}
.ui-helper-reset {margin: 0;padding: 0;border: 0;outline: 0;line-height: 1.3;text-decoration: none;font-size: 100%;list-style: none;}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {content: "";display: table;border-collapse: collapse;}
.ui-helper-clearfix:after {clear: both;}
.ui-helper-clearfix { min-height: 0; /* support: IE7 */}
.ui-helper-zfix { width: 100%;height: 100%;top: 0;left: 0;position: absolute;opacity: 0;filter:Alpha(Opacity=0);}
.ui-front {z-index: 100;}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {cursor: default !important;}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block;text-indent: -99999px; overflow: hidden;background-repeat: no-repeat;}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {	padding-left: 2.2em;}
.ui-accordion .ui-accordion-noicons {padding-left: .7em;}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {padding-left: 2.2em;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {position: absolute;left: .5em;top: 50%;margin-top: -8px;}
.ui-accordion .ui-accordion-content {padding: 1em 2.2em;border-top: 0;overflow: auto;}
.ui-autocomplete {position: absolute;top: 0;left: 0;cursor: default;}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {text-decoration: none;}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {width: 2.2em;}
/* button elements seem to need a little more width */
button.ui-button-icon-only {width: 2.4em;}
.ui-button-icons-only {width: 3.4em;}
button.ui-button-icons-only {width: 3.7em;}

/* button text element */
.ui-button .ui-button-text {display: block;line-height: normal;}
.ui-button-text-only .ui-button-text {padding: .4em 1em;}
.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {padding: .4em;text-indent: -9999999px;}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {padding: .4em 1em .4em 2.1em;}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {padding: .4em 2.1em .4em 1em;}
.ui-button-text-icons .ui-button-text {padding-left: 2.1em;padding-right: 2.1em;}
/* no icon support for input elements, provide padding by default */
input.ui-button {padding: .4em 1em;}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {position: absolute;top: 50%;margin-top: -8px;}
.ui-button-icon-only .ui-icon {left: 50%;margin-left: -8px;}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {	left: .5em;}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {right: .5em;}

/* button sets */
.ui-buttonset {margin-right: 7px;}
.ui-buttonset .ui-button {margin-left: 0;margin-right: -.3em;}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {border: 0;padding: 0;}
.ui-datepicker {width: 17em;padding: .2em .2em 0;display: none;}
.ui-datepicker .ui-datepicker-header {position: relative;padding: .2em 0;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {position: absolute;top: 2px;width: 1.8em;height: 1.8em;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {top: 1px;}
.ui-datepicker .ui-datepicker-prev {left: 2px;}
.ui-datepicker .ui-datepicker-next {right: 2px;}
.ui-datepicker .ui-datepicker-prev-hover {left: 1px;}
.ui-datepicker .ui-datepicker-next-hover {right: 1px;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {	display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;}
.ui-datepicker .ui-datepicker-title {margin: 0 2.3em;line-height: 1.8em;text-align: center;}
.ui-datepicker .ui-datepicker-title select {font-size: 1em;margin: 1px 0;}
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {width: 49%;}
.ui-datepicker table {width: 100%;font-size: .9em;border-collapse: collapse;margin: 0 0 .4em;}
.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;	border: 0;}
.ui-datepicker td {border: 0;padding: 1px;}
.ui-datepicker td span, .ui-datepicker td a {display: block;padding: .2em;text-align: right;text-decoration: none;}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto;overflow: visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {width: auto;}
.ui-datepicker-multi .ui-datepicker-group {float: left;}
.ui-datepicker-multi .ui-datepicker-group table {width: 95%;margin: 0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group {width: 50%;}
.ui-datepicker-multi-3 .ui-datepicker-group {width: 33.3%;}
.ui-datepicker-multi-4 .ui-datepicker-group {width: 25%;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width: 0;}
.ui-datepicker-multi .ui-datepicker-buttonpane {clear: left;}
.ui-datepicker-row-break {clear: both;width: 100%;font-size: 0;}
/* RTL support */
.ui-datepicker-rtl {direction: rtl;}
.ui-datepicker-rtl .ui-datepicker-prev {right: 2px;left: auto;}
.ui-datepicker-rtl .ui-datepicker-next {left: 2px;	right: auto;}
.ui-datepicker-rtl .ui-datepicker-prev:hover {right: 1px;left: auto;}
.ui-datepicker-rtl .ui-datepicker-next:hover {left: 1px;right: auto;}
.ui-datepicker-rtl .ui-datepicker-buttonpane {clear: right;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {float: left;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {float: right;}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width: 0;border-left-width: 1px;}
.ui-dialog {position: absolute;top: 0;left: 0;padding: .2em;outline: 0;}
.ui-dialog .ui-dialog-titlebar {padding: .4em 1em;position: relative;}
.ui-dialog .ui-dialog-title {float: left;margin: .1em 0;white-space: nowrap;width: 90%;overflow: hidden;text-overflow: ellipsis;}
.ui-dialog .ui-dialog-titlebar-close {position: absolute;right: .3em;top: 50%;width: 21px;margin: -10px 0 0 0;	padding: 1px;height: 20px;}
.ui-dialog .ui-dialog-content {position: relative;border: 0;padding: .5em 1em;background: none;overflow: auto;}
.ui-dialog .ui-dialog-buttonpane {text-align: left;border-width: 1px 0 0 0;background-image: none;margin-top: .5em;padding: .3em 1em .5em .4em;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: right;}
.ui-dialog .ui-dialog-buttonpane button {margin: .5em .4em .5em 0;cursor: pointer;}
.ui-dialog .ui-resizable-se {width: 12px;height: 12px;right: -5px;bottom: -5px;background-position: 16px 16px;}
.ui-draggable .ui-dialog-titlebar {cursor: move;}
.ui-menu {list-style: none;padding: 2px;	margin: 0;display: block;outline: none;}
.ui-menu .ui-menu {margin-top: -3px;position: absolute;}
.ui-menu .ui-menu-item {margin: 0;padding: 0;width: 100%;
/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0;font-size: 0; line-height: 0;border-width: 1px 0 0 0;}
.ui-menu .ui-menu-item a {text-decoration: none;display: block;padding: 2px .4em;line-height: 1.5;min-height: 0; /* support: IE7 */font-weight: normal;}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {font-weight: normal;margin: -1px;}
.ui-menu .ui-state-disabled {font-weight: normal;margin: .4em 0 .2em;line-height: 1.5;}
.ui-menu .ui-state-disabled a {cursor: default;}

/* icon support */
.ui-menu-icons {position: relative;}
.ui-menu-icons .ui-menu-item a {position: relative;padding-left: 2em;}

/* left-aligned */
.ui-menu .ui-icon {position: absolute;top: .2em;left: .2em;}

/* right-aligned */
.ui-menu .ui-menu-icon {position: static;float: right;}
.ui-progressbar {height: 2em;text-align: left;overflow: hidden;}
.ui-progressbar .ui-progressbar-value {margin: -1px;height: 100%;}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value { background-image: none;}
.ui-resizable {position: relative;}
.ui-resizable-handle {position: absolute;font-size: 0.1px;display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {display: none;}
.ui-resizable-n {cursor: n-resize;height: 7px;width: 100%;top: -5px;left: 0;}
.ui-resizable-s {cursor: s-resize;height: 7px;width: 100%;bottom: -5px;left: 0;}
.ui-resizable-e { cursor: e-resize;width: 7px;right: -5px;top: 0;height: 100%;}
.ui-resizable-w { cursor: w-resize;width: 7px; left: -5px; top: 0; height: 100%;}
.ui-resizable-se {cursor: se-resize; width: 12px; height: 12px;right: 1px; bottom: 1px;}
.ui-resizable-sw {cursor: sw-resize;width: 9px;height: 9px;left: -5px;bottom: -5px;}
.ui-resizable-nw {cursor: nw-resize;width: 9px; height: 9px;left: -5px;top: -5px;}
.ui-resizable-ne { cursor: ne-resize;width: 9px;height: 9px;right: -5px;top: -5px;}
.ui-selectable-helper {position: absolute;z-index: 100;border: 1px dotted black;}
.ui-slider {position: relative;text-align: left;}
.ui-slider .ui-slider-handle {position: absolute;z-index: 2;width: 1.2em;height: 1.2em;cursor: default;}
.ui-slider .ui-slider-range {position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {filter: inherit;}

.ui-slider-horizontal {height: .8em;}
.ui-slider-horizontal .ui-slider-handle { top: -.3em;margin-left: -.6em;}
.ui-slider-horizontal .ui-slider-range { top: 0;height: 100%;}
.ui-slider-horizontal .ui-slider-range-min {left: 0;}
.ui-slider-horizontal .ui-slider-range-max {right: 0;}

.ui-slider-vertical { width: .8em;height: 100px;}
.ui-slider-vertical .ui-slider-handle {left: -.3em;margin-left: 0;margin-bottom: -.6em;}
.ui-slider-vertical .ui-slider-range {left: 0;width: 100%;}
.ui-slider-vertical .ui-slider-range-min {bottom: 0;}
.ui-slider-vertical .ui-slider-range-max {top: 0;}
.ui-spinner {position: relative;	display: inline-block;overflow: hidden;padding: 0;vertical-align: middle;}
.ui-spinner-input { border: none;background: none;color: inherit;padding: 0;margin: .2em 0;vertical-align: middle;margin-left: .4em;margin-right: 22px;}
.ui-spinner-button {width: 16px;height: 50%;font-size: .5em;padding: 0;margin: 0;text-align: center;position: absolute;cursor: default;display: block;overflow: hidden;right: 0;}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button { border-top: none;border-bottom: none;border-right: none;}
/* vertical centre icon */
.ui-spinner .ui-icon {position: absolute;margin-top: -8px;top: 50%;left: 0;}
.ui-spinner-up {top: 0;}
.ui-spinner-down {bottom: 0;}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {margin: 0;padding: .2em .2em 0;}
.ui-tabs .ui-tabs-nav li {list-style: none; float: left;position: relative;top: 0;margin: 1px .2em 0 0;border-bottom-width: 0;padding: 0;white-space: nowrap;}
.ui-tabs .ui-tabs-nav li a {float: left;padding: .5em 1em;text-decoration: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: -1px;padding-bottom: 1px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {cursor: text;}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {cursor: pointer;}
.ui-tabs .ui-tabs-panel { display: block;	border-width: 0; padding: 1em 1.4em;background: none;}
.ui-tooltip { padding: 8px;position: absolute;z-index: 9999;max-width: 300px;-webkit-box-shadow: 0 0 5px #aaa;box-shadow: 0 0 5px #aaa;}
body .ui-tooltip {border-width: 2px;}

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif;font-size: 1.1em;}
.ui-widget .ui-widget {font-size: 1em;}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button { font-family: Verdana,Arial,sans-serif;font-size: 1em;}
.ui-widget-content {	border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color: #222222;}
.ui-widget-content a {color: #222222;}
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color: #222222;font-weight: bold;}
.ui-widget-header a {color: #222222;}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; 	font-weight: normal;color: #555555;}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited { color: #555555;text-decoration: none;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {border: 1px solid #999999;background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight: normal;color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {color: #212121;text-decoration: none;}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { border: 1px solid #aaaaaa;background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight: normal;color: #212121;}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {color: #212121;text-decoration: none;}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color: #363636;}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {color: #363636;}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a;}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {color: #cd0a0a;}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {color: #cd0a0a;}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {font-weight: bold;}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {opacity: .7;filter:Alpha(Opacity=70);	font-weight: normal;}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {opacity: .35;filter:Alpha(Opacity=35);background-image: none;}
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */}


/* hic ui */
html {  ont-family: sans-serif;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block;}
audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;}
audio:not([controls]) {  display: none;  height: 0;}
[hidden],template {  display: none;}
a {  background: transparent;}
a:active,a:hover {  outline: 0;}
abbr[title] {  border-bottom: 1px dotted;}
b,strong {  font-weight: bold;}
dfn {  font-style: italic;}
h1 {  margin: .67em 0;  font-size: 2em;}
mark {  color: #000;  background: #ff0;}
small {  font-size: 80%;}
sub,sup {position: relative;  font-size: 75%;  line-height: 0;  vertical-align: baseline;}
sup { top: -.5em;}
sub { bottom: -.25em;}
img { border: 0;}
svg:not(:root) { overflow: hidden;}
figure { margin: 1em 40px;}
hr {  height: 0;  -moz-box-sizing: content-box;       box-sizing: content-box;}
pre { overflow: auto;}
code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em;}
button,input,optgroup,select,textarea {  margin: 0;  font: inherit;  color: inherit;}
button {  overflow: visible;}
button,select { text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button;  cursor: pointer;}
button[disabled],html input[disabled] {  cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {  padding: 0;  border: 0;}
input { line-height: normal;}
input[type="checkbox"],input[type="radio"] {  box-sizing: border-box;  padding: 0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto;}
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;  -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
fieldset { margin: 0 2px;}
legend { padding: 0; border: 0;}
textarea { overflow: auto;}
optgroup { font-weight: bold;}
table { border-spacing: 0;  border-collapse: collapse;}
td,th {  padding: 0;}
@media print {
  * {color: #000 !important; text-shadow: none !important; background: transparent !important;  box-shadow: none !important;}
  a, a:visited { text-decoration: underline;}
  a[href]:after { content: " (" attr(href) ")";}
  abbr[title]:after { content: " (" attr(title) ")";  }
  a[href^="javascript:"]:after, a[href^="#"]:after {  content: "";}
  pre,  blockquote { border: 1px solid #999; page-break-inside: avoid;}
  thead { display: table-header-group;}
  tr, img { page-break-inside: avoid;  }
  img { max-width: 100% !important;}
  p,  h2,  h3 { orphans: 3; widows: 3;}
  h2,h3 { page-break-after: avoid;}
  select {background: #fff !important;}
  .navbar { display: none;}
  .table td,
  .table th { background-color: #fff !important;}
  .btn > .caret,.dropup > .btn > .caret {border-top-color: #000 !important;}
  .label { border: 1px solid #000;}
  .table { border-collapse: collapse !important;}
  .table-bordered th,.table-bordered td { border: 1px solid #ddd !important;}
}
* {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333;}
input,button,select,textarea { font-family: inherit;  font-size: inherit;  line-height: inherit;}

figure {margin: 0;}
img {
  vertical-align: middle;
}
.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img { display: block;max-width: 100%; height: auto;}
.img-rounded { border-radius: 6px;}
.img-thumbnail {display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px;
 -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.img-circle { border-radius: 50%;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {  font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,
h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {font-weight: normal;line-height: 1;color: #999;}
h1,.h1,h2,.h2,h3,.h3 {margin-top: 20px;margin-bottom: 10px;}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small {font-size: 65%;}
h4,.h4,h5,.h5,h6,.h6 {  margin-top: 10px;  margin-bottom: 10px;}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small {font-size: 75%;}
h1,.h1 {  font-size: 36px;}
h2,.h2 { font-size: 30px;}
h3,.h3 { font-size: 24px;}
h4,.h4 { font-size: 18px;}
h5,.h5 {  font-size: 14px;}
h6,.h6 {  font-size: 12px;}
p { margin: 0 0 10px;}

.img-responsive {  display: block;  max-width: 100%;  height: auto;  margin:0 auto;}

/* layout */
.section { padding:0 10px;}
.section-inner { margin:20px 0;}
.box-tbl { display:table; width:100%;border-collapse: collapse;}
.box-tbl .cell { display:table-cell; vertical-align:top}

/* text */
.text-left { text-align: left;}
.text-right { text-align: right;}
.text-center {text-align: center;}
.text-justify { text-align: justify;}

.text-muted {color: #999;}
.text-caution { color:#FF0033;}
.text-notice { color:#F90;}
.text-success { color:#093;}
.text-info { color:#577995;}


/* list-menu*/
ul.list-menu li,
ul.list-menu-2col li {
	border-bottom:1px solid #272625;
	box-sizing:border-box;
	background:url(/img/menu-arrow.png) no-repeat;
	background-size:20px;
	background-position:right;
}
ul.list-menu li a:link,
ul.list-menu-2col li a:link{padding:12px 10px;	display:block;text-decoration:none;}

ul.list-menu-2col li {width:50%;float:left;}
ul.list-menu-2col li:nth-child(odd){border-right:1px solid #272625;}

/* icon */
.icon {	background:url(/img/icon.png) no-repeat;width:25px; height:24px; display:inline-block; background-size:300px; vertical-align:middle; margin-right:5px;}
.icon.gray {background:url(/img/icon_gray.png);background-size:300px;}
.icon.icon-mypage { background-position:-5px -5px; }
.icon.icon-playdata { background-position:-3px -35px;}
.icon.icon-playnavi { background-position:-3px -65px;}
.icon.icon-homeshop { background-position:-3px -95px;}
.icon.icon-club { background-position:-3px -124px;}
.icon.icon-itemshop { background-position:-3px -153px;}
.icon.icon-tc { background-position:-3px -184px;}
.icon.icon-mystory { background-position:-3px -215px;}
.icon.icon-mailbox { background-position:-3px -245px;}
.icon.icon-setting { background-position:-3px -275px;}
.icon.icon-faq {background-position:-33px -92px;}
.icon.icon-guide { background-position:-33px -2px; }
.icon.icon-logout{ background-position:-31px -32px;}
.icon.icon-account { background-position:-31px -152px;}
.icon.arrow-left { background-position:-33px -242px;}
.icon.arrow-right { background-position:-33px -272px;}
.icon.arrow-up {  background-position:-95px 0; }
.icon.icon-league {  background-position:-62px -153px }
.icon.icon-shopsearch { background-position:-62px -92px}
.icon.icon-ranking { background-position:-62px -61px}
.icon.icon-perfect { background-position:-62px -183px}
.icon.icon-event { background-position:-62px -123px}
.icon.icon-volt { background-position:-62px -32px}
.icon.icon-bell {background-position:-62px -4px}
.icon.icon-beginner {background-position:-32px -123px}
.icon.icon-checkboard {background-position:-32px -184px;}
.icon.icon-link {background-position:-64px -214px;}
.icon.icon-vd  {background-position:-93px -123px}

.iconb { background: url(/img/common/icon_2016.png) no-repeat; width:25px; height:25px; display:inline-block; background-size:250px auto; vertical-align:middle; margin-right:5px;}
.iconb.iconb-arrow1 {background-position:0px 0px }
.iconb.iconb-arrow2 {background-position:-25px 0px }
.iconb.iconb-arrow3 {background-position:-50px 0px }
.iconb.iconb-key {background-position:-75px 0px }
.iconb.iconb-beginner {background-position:-100px 0px }
.iconb.iconb-shopsearch {background-position:-125px 0px }
.iconb.iconb-arrow4 {background-position:-150px 0px }
.iconb.iconb-arrow5 {background-position:-175px 0px }
.iconb.iconb-guide {background-position:-200px 0px }
.iconb.iconb-hatena {background-position:-225px 0px }


.iconb.sm { background: url(/img/common/icon_2016.png) no-repeat; width:16px; height:16px; background-size:160px auto; }
.iconb.iconb-arrow1.sm {background-position:0px 0px }
.iconb.iconb-arrow2.sm {background-position:-16px 0px }
.iconb.iconb-arrow3.sm {background-position:-32px 0px }
.iconb.iconb-key.sm {background-position:-48px 0px }
.iconb.iconb-beginner.sm {background-position:-64px 0px }
.iconb.iconb-shopsearch.sm {background-position:-80px 0px }
.iconb.iconb-arrow4.sm {background-position:-96px 0px }
.iconb.iconb-arrow5.sm {background-position:-112px 0px }
.iconb.iconb-guide.sm {background-position:-128px 0px }
.iconb.iconb-hatena.sm {background-position:-144px 0px }


.account .icon-checkboard,
.account .icon-account,
.account .icon-beginner{display:block; margin:0 auto;}

/*button*/
.btn {   display: inline-block;  padding: 8px 12px;  margin-bottom: 0;  font-size: 14px;  font-weight: normal;  line-height: 1.42857143;  text-align: center;
  white-space: nowrap;  vertical-align: middle;  cursor: pointer;
   -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;  user-select: none;  background-image: none; 
   border: 1px solid transparent;-webkit-box-shadow: 0 1px 3px 2px rgba(0,0,0,0.1);box-shadow: 0 1px 3px 2px rgba(0,0,0,0.1);}
.btn:focus,.btn:active:focus,.btn.active:focus {  outline: thin dotted;  outline: 5px auto -webkit-focus-ring-color;  outline-offset: -2px;}
.btn:hover,.btn:focus {  color: #333;  text-decoration: none;   -webkit-box-shadow:none;  box-shadow:none;}
.btn:active,.btn.active {  background-image: none;  outline: 0;  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none;  box-shadow: none; opacity: .65;}
.btn-default {  color: #333;  background-color: #fff;  border-color: #d8d8d8;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #333; /* background-color: #ebebeb;*/  border-color: #adadad;}
.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {  background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {  background-color: #fff;  border-color: #ccc;}
.btn-default .badge {  color: #fff;  background-color: #333;}

.btn-action { color: #fff !important;  background-color: #d61518;  border-color: #bd1316;  -webkit-box-shadow: 0 1px 3px 2px rgba(0,0,0,0.2);  box-shadow: 0 1px 3px 2px rgba(0,0,0,0.2);}
.btn-action:hover,.btn-action:focus,.btn-action:active{color: #fff;  background-color: #f03033;  border-color: #d62b2e;}
.btn-action:active,.btn-action.active {  background-image: none;}

.btn-del {  color: #fff !important;  background-color: #6a6d74;  border-color: #4c4e54;}
.btn-del:hover,.btn-del:focus,.btn-del:active{  color: #fff;  background-color: #4c4e54;  border-color: #323337;}

.btn.arrow {position:relative; padding-right:20px;}
.btn.arrow:after {
	font-size:14px;width:14px;height:18px;display:block;position:absolute;right:5px;top:0; bottom:2px;margin:auto;
	font-family: 'Glyphicons Halflings';content: "\e258";}
.btn.arrowimg {position:relative; padding-right:25px;}
.btn.arrowimg span.iconb {display:block;position:absolute;right:6px; top:0; bottom:2px;margin:auto;}

.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0;}
.btn-block + .btn-block { margin-top: 5px;}
.btn-sm{ padding: 5px 10px; font-size: 12px; line-height: 1.5;}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block { width: 100%;}

.input-group { border-collapse: separate; display: table;  position: relative;}
.input-group .form-control, .input-group-addon, .input-group-btn {  display: table-cell;}
.input-group-btn { font-size: 0; position: relative; white-space: nowrap; vertical-align:top;}
.input-group input[type="text"] { height:38px !important; line-height:38px;}
.input-group-btn .btn { border-radius:0 4px 4px 0}

/*color */

.highlight { color:#FF3300; font-weight:bold;}

/*select */
.selectWrap {
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
    border: 1px solid #cccccc; box-sizing: border-box; height: 40px; margin: 0; overflow: hidden;  position: relative;}
.selectWrap:before {
	font-size:8px; color:#6a6d74; height:40px; line-height:40px; display:block;
	position:absolute; right:0; top:0; padding:0; border-left:1px solid #e6e1e1; width:30px; text-align:center; content:'▼';}
.selectWrap select {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0); height: 40px; left: 0;  position: absolute; top: 0; width: 100%;z-index: 10; opacity: 0;}

.selectWrap span.select { color:#333; float: left; height: 40px; line-height: 40px; padding: 0 25px 0 10px; font-size:14px; font-weight:bold;}

select {
    background: url("/images/common/blt_select.png") no-repeat scroll right top / 28px auto #f7f9fa;
    border: 1px solid #d2d7d9; border-radius: 0; color: #333; height: 30px;}

.playdata-category .selectWrap {border-bottom:3px solid #F03; color:#F03;margin:20px 0;}
.select-small .selectWrap {height:30px;}
.select-small .selectWrap:before {font-size:8px; color:#6a6d74; height:30px; line-height:30px; padding:0; width:30px;}
.select-small .selectWrap span.select { height: 30px; line-height: 30px; padding: 0 25px 0 10px;font-size:14px;}
.select-small .selectWrap select { height: 30px;}

/*modal*/
.sr-only { border: 0 none;  clip: rect(0px, 0px, 0px, 0px);  height: 1px; margin: -1px;  overflow: hidden; padding: 0; position: absolute; width: 1px;}
.close {float: right;font-size: 21px; font-weight: bold;line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2;}
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5;}
button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0;}

.modal-open { overflow: hidden; height:100%;}
.modal {
  position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: auto; overflow-y: scroll;
  -webkit-overflow-scrolling: touch; outline: 0; background:none; padding-bottom:20px;}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
.modal-dialog { position: relative; width: auto; margin: 10px 0 20px 0;}
.modal-content {
	position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 10px;
	outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000;}
.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0;}
.modal-backdrop.in { filter: alpha(opacity=50); opacity: .5;}
.modal-header { min-height: 16.42857143px; padding: 15px; border-bottom: 1px solid #D61518; background:#D61518; border-radius:6px 6px 0 0;}
.modal-header .close { margin-top: -2px;}
.modal-title { margin: 0; line-height: 1.42857143;}
.modal-title { margin:0 !important; padding:0 !important; color:#FFFFFF !important; font-size:16px; font-weight:bold; line-height:16px; border:none !important;}
.modal-body {position: relative;}
.modal-section { padding:10px;}
.modal-footer { padding: 10px 20px; text-align: right; border-top: 1px solid #e5e5e5;}
.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px;}
.modal-footer .btn-group .btn + .btn { margin-left: -1px;}
.modal-footer .btn-block + .btn-block {margin-left: 0;}
@media (min-width: 768px) {
.modal-dialog { width: 600px;margin: 30px auto;}
.modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5);}
.modal-sm {width: 300px;}
}
@media (min-width: 992px) {
.modal-lg { width: 900px;}
}

/*paging*/
.paging-previous, .paging-next {  text-align: center; width: 20%;}
.paging-previous a, .paging-next a { border: 1px solid #e6e1e1; color: #666666; display: block; font-family: Arial,Helvetica,sans-serif; font-weight: bold; padding: 5px; text-decoration: none;
}
.paging-page { text-align: center;}
.paging-page a:link, .paging-page a:visited {color: #333333;  display: inline-block; margin-right: 5px; padding: 5px; text-decoration: none;}
.paging-page a.active:link, .paging-page a.active:visited {
    background: none repeat scroll 0 0 #fffae5; color: #f8b62b; font-weight: bold;}

/* table */
table { max-width: 100%; background-color: transparent;}
th { text-align: left;}
.table { width: 100%; margin-bottom: 20px;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;}
.table > thead > tr > th {
  vertical-align: bottom; border-bottom: 2px solid #ddd;}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;}
.table > tbody + tbody { border-top: 2px solid #ddd;}
.table .table { background-color: #fff;}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td { padding: 5px;}
.table-list{ border-bottom: 1px solid #ddd;}
.table-bordered { border: 1px solid #ddd;}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table tr.opened { background:#f3f3f3;}


.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

/** tabel*/
table.border {border-top:1px solid #e6e1e1; border-right:1px solid #e6e1e1; width:100%; border-spacing:0;border-collapse:collapse; border-sizing:border-box; margin-bottom:10px;}
 table.border td,
 table.border th{ border-left:1px solid #e6e1e1; border-bottom:1px solid #e6e1e1; padding:0.3em 0.3em; font-size:14px;}
 table.border.stripe tr:nth-child(2n-1){ background-color:#f3f4f4;}
 table.border.info th{  font-size:12px; background:#F7F7F7; color:#4c4e54; font-weight:bold; }
table.border th{color:#344575; vertical-align:top; line-height:120%;padding:0.5em 0.3em;}
table.border th.head{background:#9499a7; color:#FFF}
table.border th.sub{ background:#344575; color:#ffffff;}
table.border th.small{ font-size:12px;}
table.border td.data{ text-align:right; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; }
table.border td.data.center{ text-align:center;}

/* breadcrumb */
.container.breadcrumb { margin-bottom:20px; clear:both; display:none;}
.breadcrumb ul { padding:20px 0 0 0; text-align:right;}
.breadcrumb ul li { display:inline-block; font-size:12px;} 
.breadcrumb ul li:after { content:" > ";} 
.breadcrumb ul li:last-child:after {content:"";} 

/* form */
label {  display: inline;}
input.styled{  display: none;}

/* */
.playnavi-list span.checkbox_check,
.playnavi-conf span.checkbox_check{
 background: url("/images/common/bg_check_playnavi.png") no-repeat scroll 0 0 / 20px auto rgba(0, 0, 0, 0);margin-top:5px;}

input[type="text"], input[type="password"], input[type="tel"],input[type="email"] {
	max-width:100%; border:1px solid #cccccc;
	border-radius:5px;
	box-shadow:none;
	padding:5px;
	 -webkit-appearance: none;
	 font-size:16px;
	}

input[type="file"] { display: block; margin: 0; opacity: 0; font-size: 0; height: 0; overflow: hidden; width: 0;}
textarea.form-textarea { width:100%;}

/*navi-toggle*/
.navi-toggle ul { display:table; width:100%;box-sizing:border-box;table-layout:fixed;border:1px solid #e6e1e1;margin-top:20px;} 
.navi-toggle ul li {display:table-cell; border-right:1px solid #e6e1e1; font-size:14px;} 
.navi-toggle ul li:last-child { border-right:none;}
.navi-toggle ul a {display:block; padding:5px; text-decoration:none;text-align:center;background:#f7f7f7;color:#6a6d74;} 
.navi-toggle ul a.active { background:#FFFFFF; font-weight:bold; color:#F43237; margin-bottom:-1px; border-bottom:1px solid #FFF;} 
@media (max-width: 769px){
.navi-toggle.small ul li {font-size:11px;} 
}

/*box */
.box-info { background:#f7f7f7; border:1px solid #e9e9e9; margin:10px 0; border-radius:5px;}
.box-info h5,
.section.playdata .box-info h5,
.section .box-info h5 { margin:0; padding:10px; font-weight:bold; border-bottom:1px solid #e9e9e9; color:#384465; overflow:hidden}
.box-info p { margin:0; padding:10px; font-size:12px; line-height:140%; color:#5a5d65}

.box-info.red {border:1px solid #f72e41; background:#FFF;}
.box-info.red h5,
.section.playdata .box-info.red h5,
.section .box-info.red h5 {border-bottom:1px solid #ffd8e3; color:#ffffff; background:#f72e41; border-radius:5px 5px 0 0;}
.box-info.red p {color:#333;}

.box-point { background:#4c4e54;}
.box-point .infosub { color:#b5bac7;}
table.border.box-point,
table.border.box-point td { border-color:#262830;}
table.border.box-point  td.data { color:#ffcc00; font-size:22px;}

.section .box-info h5.toggle-link { padding:0; position:relative; border-bottom-width:0;}
.section .box-info h5.toggle-link.open {border-bottom-width:1px;}
.toggle-link a:link,
.toggle-link a:visited{ padding:10px; display:block; color:#384465;}
.toggle-link a .glyphicon-chevron-down{ position:absolute; right:10px; top:10px;}
.toggle-link.open a .glyphicon-chevron-down{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	}
.toggle-content{ display:none;}


/* icon font */
@font-face {
 font-family: 'Glyphicons Halflings';
  src: url('/fonts/glyphicons-halflings-regular.eot');
  src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
  url('/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
  url('/fonts/glyphicons-halflings-regular.woff') format('woff'), 
  url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
  url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.glyphicon {
  position: relative;
  top: 0;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before { content: "\2a";}
.glyphicon-plus:before { content: "\2b";}
.glyphicon-euro:before,.glyphicon-eur:before { content: "\20ac";}
.glyphicon-minus:before { content: "\2212";}
.glyphicon-cloud:before { content: "\2601";}
.glyphicon-envelope:before { content: "\2709";}
.glyphicon-pencil:before { content: "\270f";}
.glyphicon-glass:before { content: "\e001";}
.glyphicon-music:before { content: "\e002";}
.glyphicon-search:before { content: "\e003";}
.glyphicon-heart:before { content: "\e005";}
.glyphicon-star:before { content: "\e006";}
.glyphicon-star-empty:before { content: "\e007";}
.glyphicon-user:before { content: "\e008";}
.glyphicon-film:before { content: "\e009";}
.glyphicon-th-large:before { content: "\e010";}
.glyphicon-th:before { content: "\e011";}
.glyphicon-th-list:before { content: "\e012";}
.glyphicon-ok:before { content: "\e013";}
.glyphicon-remove:before { content: "\e014";}
.glyphicon-zoom-in:before { content: "\e015";}
.glyphicon-zoom-out:before { content: "\e016";}
.glyphicon-off:before { content: "\e017";}
.glyphicon-signal:before { content: "\e018";}
.glyphicon-cog:before { /*content: "\e019";*/ font-family: 'FontAwesome'; content: "\f013"; }
.glyphicon-trash:before { content: "\e020";}
.glyphicon-home:before { /*content: "\e021";*/ font-family: 'FontAwesome'; content: "\f015";}
.glyphicon-file:before { content: "\e022";}
.glyphicon-time:before { content: "\e023";}
.glyphicon-road:before { content: "\e024";}
.glyphicon-download-alt:before { content: "\e025";}
.glyphicon-download:before { content: "\e026";}
.glyphicon-upload:before { /*content: "\e027";*/  font-family: 'FontAwesome'; content: "\f093";}
.glyphicon-inbox:before { content: "\e028";}
.glyphicon-play-circle:before { content: "\e029";}
.glyphicon-repeat:before { content: "\e030";}
.glyphicon-refresh:before { content: "\e031";}
.glyphicon-list-alt:before { content: "\e032";}
.glyphicon-lock:before { content: "\e033";}
.glyphicon-flag:before { content: "\e034";}
.glyphicon-headphones:before { content: "\e035";}
.glyphicon-volume-off:before { content: "\e036";}
.glyphicon-volume-down:before { content: "\e037";}
.glyphicon-volume-up:before { content: "\e038";}
.glyphicon-qrcode:before { content: "\e039";}
.glyphicon-barcode:before { content: "\e040";}
.glyphicon-tag:before { content: "\e041";}
.glyphicon-tags:before { content: "\e042";}
.glyphicon-book:before { content: "\e043";}
.glyphicon-bookmark:before { content: "\e044";}
.glyphicon-print:before { content: "\e045";}
.glyphicon-camera:before { content: "\e046";}
.glyphicon-font:before { content: "\e047";}
.glyphicon-bold:before { content: "\e048";}
.glyphicon-italic:before { content: "\e049";}
.glyphicon-text-height:before { content: "\e050";}
.glyphicon-text-width:before { content: "\e051";}
.glyphicon-align-left:before { content: "\e052";}
.glyphicon-align-center:before { content: "\e053";}
.glyphicon-align-right:before { content: "\e054";}
.glyphicon-align-justify:before { content: "\e055";}
.glyphicon-list:before { content: "\e056";}
.glyphicon-indent-left:before { content: "\e057";}
.glyphicon-indent-right:before { content: "\e058";}
.glyphicon-facetime-video:before { content: "\e059";}
.glyphicon-picture:before { content: "\e060";}
.glyphicon-map-marker:before { content: "\e062";}
.glyphicon-adjust:before { content: "\e063";}
.glyphicon-tint:before { content: "\e064";}
.glyphicon-edit:before { content: "\e065";}
.glyphicon-share:before { content: "\e066";}
.glyphicon-check:before { content: "\e067";}
.glyphicon-move:before { content: "\e068";}
.glyphicon-step-backward:before { content: "\e069";}
.glyphicon-fast-backward:before { content: "\e070";}
.glyphicon-backward:before { content: "\e071";}
.glyphicon-play:before { content: "\e072";}
.glyphicon-pause:before { content: "\e073";}
.glyphicon-stop:before { content: "\e074";}
.glyphicon-forward:before { content: "\e075";}
.glyphicon-fast-forward:before { content: "\e076";}
.glyphicon-step-forward:before { content: "\e077";}
.glyphicon-eject:before { content: "\e078";}
.glyphicon-chevron-left:before { content: "\e079";}
.glyphicon-chevron-right:before { content: "\e080";}
.glyphicon-plus-sign:before { content: "\e081";}
.glyphicon-minus-sign:before { content: "\e082";}
.glyphicon-remove-sign:before { content: "\e083";}
.glyphicon-ok-sign:before { content: "\e084";}
.glyphicon-question-sign:before { content: "\e085";}
.glyphicon-info-sign:before { content: "\e086";}
.glyphicon-screenshot:before { content: "\e087";}
.glyphicon-remove-circle:before { content: "\e088";}
.glyphicon-ok-circle:before { content: "\e089";}
.glyphicon-ban-circle:before { content: "\e090";}
.glyphicon-arrow-left:before { content: "\e091";}
.glyphicon-arrow-right:before { content: "\e092";}
.glyphicon-arrow-up:before { content: "\e093";}
.glyphicon-arrow-down:before { content: "\e094";}
.glyphicon-share-alt:before { content: "\e095";}
.glyphicon-resize-full:before { content: "\e096";}
.glyphicon-resize-small:before { content: "\e097";}
.glyphicon-exclamation-sign:before { content: "\e101";}
.glyphicon-gift:before { content: "\e102";}
.glyphicon-leaf:before { content: "\e103";}
.glyphicon-fire:before { content: "\e104";}
.glyphicon-eye-open:before { content: "\e105";}
.glyphicon-eye-close:before { content: "\e106";}
.glyphicon-warning-sign:before { content: "\e107";}
.glyphicon-plane:before { content: "\e108";}
.glyphicon-calendar:before { content: "\e109";}
.glyphicon-random:before { content: "\e110";}
.glyphicon-comment:before { content: "\e111";}
.glyphicon-magnet:before { content: "\e112";}
.glyphicon-chevron-up:before { content: "\e113";}
.glyphicon-chevron-down:before { content: "\e114";}
.glyphicon-retweet:before { content: "\e115";}
.glyphicon-shopping-cart:before { content: "\e116";}
.glyphicon-folder-close:before { content: "\e117";}
.glyphicon-folder-open:before { content: "\e118";}
.glyphicon-resize-vertical:before { content: "\e119";}
.glyphicon-resize-horizontal:before { content: "\e120";}
.glyphicon-hdd:before { content: "\e121";}
.glyphicon-bullhorn:before { content: "\e122";}
.glyphicon-bell:before { content: "\e123";}
.glyphicon-certificate:before { content: "\e124";}
.glyphicon-thumbs-up:before { content: "\e125";}
.glyphicon-thumbs-down:before { content: "\e126";}
.glyphicon-hand-right:before { content: "\e127";}
.glyphicon-hand-left:before { content: "\e128";}
.glyphicon-hand-up:before { content: "\e129";}
.glyphicon-hand-down:before { content: "\e130";}
.glyphicon-circle-arrow-right:before { content: "\e131";}
.glyphicon-circle-arrow-left:before { content: "\e132";}
.glyphicon-circle-arrow-up:before { content: "\e133";}
.glyphicon-circle-arrow-down:before { content: "\e134";}
.glyphicon-globe:before { content: "\e135";}
.glyphicon-wrench:before { content: "\e136";}
.glyphicon-tasks:before { content: "\e137";}
.glyphicon-filter:before { content: "\e138";}
.glyphicon-briefcase:before { content: "\e139";}
.glyphicon-fullscreen:before { content: "\e140";}
.glyphicon-dashboard:before { content: "\e141";}
.glyphicon-paperclip:before { content: "\e142";}
.glyphicon-heart-empty:before { content: "\e143";}
.glyphicon-link:before { content: "\e144";}
.glyphicon-phone:before { content: "\e145";}
.glyphicon-pushpin:before { content: "\e146";}
.glyphicon-usd:before { content: "\e148";}
.glyphicon-gbp:before { content: "\e149";}
.glyphicon-sort:before { content: "\e150";}
.glyphicon-sort-by-alphabet:before { content: "\e151";}
.glyphicon-sort-by-alphabet-alt:before { content: "\e152";}
.glyphicon-sort-by-order:before { content: "\e153";}
.glyphicon-sort-by-order-alt:before { content: "\e154";}
.glyphicon-sort-by-attributes:before { content: "\e155";}
.glyphicon-sort-by-attributes-alt:before { content: "\e156";}
.glyphicon-unchecked:before { content: "\e157";}
.glyphicon-expand:before { content: "\e158";}
.glyphicon-collapse-down:before { content: "\e159";}
.glyphicon-collapse-up:before { content: "\e160";}
.glyphicon-log-in:before { content: "\e161";}
.glyphicon-flash:before { content: "\e162";}
.glyphicon-log-out:before { content: "\e163";}
.glyphicon-new-window:before { content: "\e164";}
.glyphicon-record:before { content: "\e165";}
.glyphicon-save:before { content: "\e166";}
.glyphicon-open:before { content: "\e167";}
.glyphicon-saved:before { content: "\e168";}
.glyphicon-import:before { content: "\e169";}
.glyphicon-export:before { content: "\e170";}
.glyphicon-send:before { content: "\e171";}
.glyphicon-floppy-disk:before { content: "\e172";}
.glyphicon-floppy-saved:before { content: "\e173";}
.glyphicon-floppy-remove:before { content: "\e174";}
.glyphicon-floppy-save:before { content: "\e175";}
.glyphicon-floppy-open:before { content: "\e176";}
.glyphicon-credit-card:before { content: "\e177";}
.glyphicon-transfer:before { content: "\e178";}
.glyphicon-cutlery:before { content: "\e179";}
.glyphicon-header:before { content: "\e180";}
.glyphicon-compressed:before {content: "\e181";}
.glyphicon-earphone:before { content: "\e182";}
.glyphicon-phone-alt:before { content: "\e183";}
.glyphicon-tower:before { content: "\e184";}
.glyphicon-stats:before { content: "\e185";}
.glyphicon-sd-video:before { content: "\e186";}
.glyphicon-hd-video:before { content: "\e187";}
.glyphicon-subtitles:before { content: "\e188";}
.glyphicon-sound-stereo:before { content: "\e189";}
.glyphicon-sound-dolby:before { content: "\e190";}
.glyphicon-sound-5-1:before { content: "\e191";}
.glyphicon-sound-6-1:before { content: "\e192";}
.glyphicon-sound-7-1:before { content: "\e193";}
.glyphicon-copyright-mark:before { content: "\e194";}
.glyphicon-registration-mark:before { content: "\e195";}
.glyphicon-cloud-download:before { content: "\e197";}
.glyphicon-cloud-upload:before { content: "\e198";}
.glyphicon-tree-conifer:before { content: "\e199";}
.glyphicon-tree-deciduous:before { content: "\e200";}
.glyphicon-cd:before { content: "\e201";}
.glyphicon-save-file:before { content: "\e202";}
.glyphicon-open-file:before { content: "\e203";}
.glyphicon-level-up:before { content: "\e204";}
.glyphicon-copy:before { content: "\e205";}
.glyphicon-paste:before { content: "\e206";}
.glyphicon-alert:before { content: "\e209";}
.glyphicon-equalizer:before { content: "\e210";}
.glyphicon-king:before { content: "\e211";}
.glyphicon-queen:before { content: "\e212";}
.glyphicon-pawn:before { content: "\e213";}
.glyphicon-bishop:before { content: "\e214";}
.glyphicon-knight:before { content: "\e215";}
.glyphicon-baby-formula:before { content: "\e216";}
.glyphicon-tent:before { content: "\26fa";}
.glyphicon-blackboard:before { content: "\e218";}
.glyphicon-bed:before { content: "\e219";}
.glyphicon-apple:before { content: "\f8ff";}
.glyphicon-erase:before { content: "\e221";}
.glyphicon-hourglass:before { content: "\231b";}
.glyphicon-lamp:before { content: "\e223";}
.glyphicon-duplicate:before { content: "\e224";}
.glyphicon-piggy-bank:before { content: "\e225";}
.glyphicon-scissors:before { content: "\e226";}
.glyphicon-bitcoin:before { content: "\e227";}
.glyphicon-yen:before { content: "\00a5";}
.glyphicon-ruble:before { content: "\20bd";}
.glyphicon-scale:before { content: "\e230";}
.glyphicon-ice-lolly:before { content: "\e231";}
.glyphicon-ice-lolly-tasted:before { content: "\e232";}
.glyphicon-education:before { content: "\e233";}
.glyphicon-option-horizontal:before { content: "\e234";}
.glyphicon-option-vertical:before { content: "\e235";}
.glyphicon-menu-hamburger:before { /*content: "\e236";*/ font-family: 'FontAwesome';  content: "\f0c9";}
.glyphicon-modal-window:before { content: "\e237";}
.glyphicon-oil:before { content: "\e238";}
.glyphicon-grain:before { content: "\e239";}
.glyphicon-sunglasses:before { content: "\e240";}
.glyphicon-text-size:before { content: "\e241";}
.glyphicon-text-color:before { content: "\e242";}
.glyphicon-text-background:before { content: "\e243";}
.glyphicon-object-align-top:before { content: "\e244";}
.glyphicon-object-align-bottom:before { content: "\e245";}
.glyphicon-object-align-horizontal:before { content: "\e246";}
.glyphicon-object-align-left:before { content: "\e247";}
.glyphicon-object-align-vertical:before { content: "\e248";}
.glyphicon-object-align-right:before { content: "\e249";}
.glyphicon-triangle-right:before { content: "\e250";}
.glyphicon-triangle-left:before { content: "\e251";}
.glyphicon-triangle-bottom:before { content: "\e252";}
.glyphicon-triangle-top:before { content: "\e253";}
.glyphicon-console:before { content: "\e254";}
.glyphicon-superscript:before { content: "\e255";}
.glyphicon-subscript:before { content: "\e256";}
.glyphicon-menu-left:before { content: "\e257";}
.glyphicon-menu-right:before { content: "\e258";}
.glyphicon-menu-down:before { content: "\e259";}
.glyphicon-menu-up:before { content: "\e260";}
.clearfix:before,.clearfix:after,.container:before,.container:after { display: table;  content: " "; }
.clearfix:after,.container:after  {  clear: both; }

  

/* layout overwrite */
header{position:static; height:auto; background:none;}
header h1 .flag{position:absolute; top:15px; left:45px; width:28px;}
header menu{position:absolute; top:15px; width:88px; height:18px;}
header menu a{float:left; text-align:center;}
header menu.leftMenu{left:0;}
header menu.rightMenu{right:0;}
.more{position:inherit; top:auto; right:auto; display:inherit; height:auto; padding:0; line-height:auto; background:none;}
footer{padding:0; background:none}
footer .logo{display:block}
.btn_login{display:block; height:auto; margin:auto; font-size:inherit; color:#fff; text-align:center; -webkit-text-stroke-width:.02em; text-shadow:1px 1px 2px rgba(0, 0, 0, .2); box-shadow:none; background:none;}
header menu.leftMenu a,
header menu.rightMenu a{width:auto;}
.bbs_list li .pic{ width:70px;}
.bbs_list li .pic img{width:70px;}
.news .bbs_list li .pic img{width:100px; height:74px;}
.bbs_list li .pic{position:static; width:70px; height:auto; overflow:visible; border:none;}
.bbs_list li .pic img{position:static; top:0; left:0; width:70px; height:auto;}
.bbs_list li dl{line-height:1.5; float:none; padding-left:10px;}
.ppv { background:#F7F7F7; border-radius: 7px; margin: 30px auto; overflow: hidden; padding: 0; text-align: center;width: 270px;border:1px solid #CCC;}
.ppv dt {background:none; border:none; border-radius: 3px; color: #F43237; height: auto; line-height: 20px; margin: 0 auto; text-align: center; width: auto;
padding:10px 0; font-weight:bold;}
.ppv dd { border-bottom: 1px solid #cccccc; color: #000; font-size: 1em; line-height: 1.4; padding: 0 8px 25px;}
.ppv dd.btn { border-bottom: 0 none; border-top: 1px solid #fff; padding: 0;}
.ppv dd.btn a {  background:none; box-shadow:none;  color: #F43237;}

.checkbox_check, .radio_check {
    background: url("/images/common/bg_check2.png") no-repeat scroll 0 0 / 20px auto rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    width: 20px;
}
.radio_check {  background: url("/images/common/bg_radio2.png") no-repeat scroll 0 0 / 20px auto rgba(0, 0, 0, 0);}

/* for japan news class by hic 20140510 ------------------------------------- */
.section .jp_news { padding-bottom:2em;}
.section .jp_news img.img-responsive { margin:0 auto; display:block; max-width:100%;}
.section .jp_news h2,
.section .jp_news h3,
.section .jp_news h4,
.section .jp_news h5,
.section .jp_news a.btn{ margin:1em 0; padding:0; float:none;}
.section .jp_news h2,
.section .jp_news h2 a.btn { font-size:20px; font-weight:bold;}
.section .jp_news h3,
.section .jp_news h3 a.btn { font-size:18px; font-weight:bold;}
.section .jp_news h4,
.section .jp_news h4 a.btn { font-size:16px; font-weight:bold;}
.section .jp_news h5,
.section .jp_news h5 a.btn { font-size:14px; font-weight:bold;}
.section .jp_news p { margin:1em 0; line-height:160%;}

.section .jp_news hr.line { display:block; border:none; border-top:1px solid #CCC; margin:2em 0}
.section .jp_news .text-center { text-align:center;}
.section .jp_news .text-right { text-align:right;}
.section .jp_news .text-left { text-align:left;}

/*font color*/
.f-blue { color:#09F !important;}
.f-green { color:#009933 !important;}
.f-pink { color:#F6C !important;}
.f-red { color:#F03 !important;}

/*list*/
.section .jp_news ul,.jp_news ol {margin:1em 0}
.section .jp_news li { margin-left:20px; margin-bottom:0.3em;}
.section .jp_news ul li{list-style:disc outside;}
.section .jp_news ol li{list-style:decimal outside;}

/*link*/
.section .jp_news a:link, .jp_news a:visited{ text-decoration:underline; color:#333333;}
.section .jp_news a:hover, .jp_news a:active{ text-decoration:none; color:#999999;}
.section .jp_news a.btn{display:block; background-color:#f7f7f7; border:1px solid #cccccc; padding:0.3em 0.5em; text-decoration:none; color:#333; max-width:600px; margin-left:auto; margin-right:auto}
.section .jp_news a.btn:hover{ border:1px solid #d61518;color:#d61518;text-decoration:none;}
.section .jp_news a.btn.arrow { padding-right:1em}
.section .jp_news a.btn-action {background-color: #d61518; border-color: #bd1316;}
.section .jp_news a.btn-action:hover,
.section .jp_news a.btn-action:focus, .section .jp_news a.btn-action:active{background-color: #f03033;border-color: #d62b2e;}

/*layout */
.section .jp_news .border { border:1px solid #CCC;}
.section .jp_news .tbl-box { display:table; width:100%; table-layout:fixed; margin:1em 0}
.section .jp_news .cell { display:table-cell; vertical-align:top;}
@media (max-width: 769px){
.section  .jp_news .cell { display:block}
}
/*color box */
.section  .jp_news .box-info,
.section .jp_news  .box-notice,
.section .jp_news .box-danger { border:1px solid #CCC; padding:0 1em; margin:1em 0; background:#f5f5f5}
.section .jp_news  .box-notice { border:1px solid #f0e05d; background:#fffdf0; }
.section .jp_news  .box-danger { border:1px solid #ff8787; background:#ffeeee; }

/*video*/
.video_wrapper {position: relative; padding-bottom: 48.25%; /* 16:9 */padding-top: 25px;height: 0;}
.video_wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.nav-pills > li {float: left;}
.nav-pills > li > a {border-radius: 4px;display: block;  padding: 10px 15px;  position: relative; text-align:center;}
.nav-pills > li + li {margin-left: 2px;}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { color: #fff;background-color: #d61518;}
.nav-pills > li > a:hover{ background-color: #ffeded;}
@media (max-width: 769px){
.nav-pills > li > a { padding: 6px 8px;}
}

.nav-justified > li { display: table-cell; width: 1%;}
.nav-justified > li { float: none;}