@charset "utf-8";


@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}



/*
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; }
.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; min-height:450px !important;}
#subSection article{position:relative; min-height:280px; overflow:hidden; zoom:1;}
#map-canvas{clear:both; height:400px !important;}

/* landing */
#landing{background: #000 url(../images/landing/bg_all_v2.png) no-repeat center 0;}
#landingWrap{width:100%; margin:0 auto; padding:20px 0 10px 0; text-align:center;}
#landingWrap .info{margin:18px 0 42px;}
#landingWrap .region_list{margin:12px 0 0 0; padding:15px 25px 0 25px; text-align:left; background:url(../images/landing/landing_overlay.png) repeat;}
#landingWrap .region_list .inner{width:270px; margin:0 auto;}
#landingWrap .region_list h2{margin:0 0 14px 0; font-size:30px; border-bottom:1px solid #c4c5c5; font-weight:bold; color:#f4f5f5;line-height:21px;}
#landingWrap .region_list ul{width:100%; overflow:hidden; padding:0 0 30px 0;}
#landingWrap .region_list li{float:left; width:50%; margin:0 0 10px 0;}
#landingWrap .region_list li a{color:#fff;}
#landingWrap .copyright{margin:28px 0 10px 0;}
#landingWrap td{background:none;}
#landingWrap td ul{width:100%; text-align:center;}
#landingWrap td li{font-size:24px; color:#fff;}

/* header */
header{position:relative; z-index:40; height:53px; background:#d61518;}
header h1{padding:5px 0 0 0; text-align:center;}
header h1 .flag{position:absolute; top:18px; left:44px; width:24px;}
header h1 a img { width:210px; }
header menu{position:absolute; top:7px; width:88px;}
header menu a{float:left; text-align:center;}
header menu.leftMenu{left:0;}
header menu.rightMenu{right:0; width:70px;}
header menu.leftMenu a{width:44px; padding:10px 0;}
header menu.rightMenu a{width:44px; padding:10px 0;}
header menu.rightMenu a.btn_global { width:26px; }
header menu.leftMenu .btn_menu{float:left; width:44px; padding:10px 0; 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:#434f54;}
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;}

.global .sbj{display:none;}
.selectBox{position:fixed; top:48px; right:50%; margin-right:-495px; 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 #9c0e10; background:#d61518;}
.selectBox .nation ul{border:1px solid #9c0e10; background:#d61518;}
.selectBox .language{float:right;}
.selectBox .language strong{border:1px solid #9c0e10; background:#c11316;}
.selectBox .language ul{border:1px solid #9c0e10; background:#c11316;}
.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:#474747;}
aside .bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%;}
aside .profileArea{position:relative; z-index:10; width:100%; overflow:hidden; color:#f3f3f3; border-bottom:1px solid #333b40; background:#c11316; box-shadow:inset -5px 0 6px rgba(0, 0, 0, .2);}
aside .profileArea dt{position:relative; float:left; width:47px; height:35px; overflow:hidden; margin:8px 12px 8px 10px;}
aside .profileArea dt img{width:auto; width:47px;}
aside .profileArea dd{float:left; width:150px; overflow:hidden; margin:15px 0 10px 0; line-height:1.2; font-weight:bold; word-break:break-all;}
aside .profileArea dd a{color:#f3f3f3;}
aside h3{border-bottom:1px solid #6a7478; background:-webkit-linear-gradient(90deg, rgb(58, 67, 71) 0%, rgb(85, 94, 99) 100%);}
aside h3 a{display:block; padding:8px 10px; text-shadow:0 2px #000; color:#ccc; border-bottom:1px solid #4c5559; background:url(../images/common/blt_downArrow2.png) no-repeat 95% center; background-size:7px 5px;}

aside ul.snb{position:relative; z-index:10; border-bottom:1px solid #4e4e4e;}
aside ul.snb ul{display:none;}
aside ul.snb li{overflow:hidden; border-bottom:1px solid #303030; border-top:1px solid #4e4e4e;}
aside ul.snb li a{display:block; overflow:hidden; padding:8px 0 8px 10px; font-size:1.1em; color:#fff; background:url(../images/common/menu_arrow.png) no-repeat 96% 12px; background-size:11px auto;}
aside ul.snb li a.emptySub{background:none;}
aside ul.snb li:first-child{border-top:0;}
aside ul.snb li.active{background:#353535;}
aside ul.snb li.active a{color:#fff; background-position:96% -32px;}
aside ul.snb li.active a.emptySub{background:url(../images/common/menu_arrow.png) no-repeat 96% -72px; background-size:11px auto;}
aside ul.snb li.active ul{display:block; margin:0 0 0 39px; border-top:1px solid #454545; border-bottom:0;}
aside ul.snb li.active li{border:0;}
aside ul.snb li.active li a{padding-left:0; font-size:0.95em; color:#aaa; border-bottom:1px solid #454545; background:none;}
aside ul.snb li.active li:last-child a{border-bottom:0;}
aside ul.snb li img{margin:0 0 0 4px; vertical-align:middle;}
aside ul.snb li.active li.subActive a{background:url(../images/common/menu_arrow.png) no-repeat 96% -78px; background-size:11px auto;}
aside ul.snb li.active li ul{display:none;}
aside ul.snb li.active li.active ul{display:block; border:0;}
aside ul.snb li a span{float:left;}
aside ul.snb li a img.pay{float:left; margin:-3px 0 0 5px;}
aside ul.snb li a img{float:left; margin:-3px 7px 0 0;}
aside ul.snb li.active li.pay_menu a{color:#5a6267;}
aside .quickMenu{position:relative; z-index:10; margin:0 0 0 0;}
aside .quickMenu h3{padding:9px; color:#fff; border-top:1px solid #6a6a6a; border-bottom:1px solid #4c4c4c;
	background:-webkit-linear-gradient(90deg, #303030, #525252);
	background:-moz-linear-gradient(90deg, #303030, #525252);}
aside .quickMenu li{border-bottom:1px solid #4e4e4e;}
aside .quickMenu li a{display:block; padding:9px 0 7px 10px; font-size:1.1em; color:#fff; border-bottom:1px solid #303030;}
aside .quick li:last-child,
aside .quick li:last-child a{border:0;}

aside .btnArea{position:relative; z-index:10; padding:20px 0;}
aside .btnArea span{display:block; width:202px; margin:0 auto 5px auto; padding:0; /*border-bottom:1px solid #525c63;*/ border-radius:5px;}
aside .btnArea a{display:block; width:200px; margin:0 auto; padding:10px 0; text-align:center; color:#bdc0ca; border:1px solid #1f2225; border-radius:5px; background:#303030;}
aside .btnArea a img{vertical-align:top;}

/* footer */
footer{padding:20px 0; background:#343434;}
footer .logo{display:none;}
footer .menu{width:100%; margin:0 0 16px  0; font-size:0.8em;}
footer .menu:after{clear:both; display:block; content:"";}
footer .menu a{float:left; padding:0 10px; color:#fff; -webkit-text-stroke-width:.02em; background:url(../images/common/line_solid.gif) no-repeat right center;}
footer .menu a:last-child{background:none;}
footer .info{padding:0 10px; font-size:0.7em; color:#d6d6d6; line-height:1.5em;}
footer .info address{font-style:normal;}
footer .info p { background:none !important; }
footer .info p span{-webkit-text-stroke-width:.02em;}
footer .info p span.last-child{margin:0 0 0 5px;}
footer .info p.copyright{margin:6px 0 0 0; -webkit-text-stroke-width:.02em;}
footer .info p span a {color:#d6d6d6; line-height:1.5em;}


/* 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:#434343;}
.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:#434f54;}
.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;}

#subMenu{letter-spacing:-1px;}
.sub_menuArea{position:relative; width:100%; height:44px; /*border-bottom:1px solid #999;*/ overflow:hidden; -webkit-overflow-scrolling:touch; /*box-shadow:inset 0 2px 6px rgba(0, 0, 0, .2);*/ background:#fff !important;}
.sub_menuArea ul{}
.sub_menuArea li{float:left; height:44px; padding:0 14px;}

/* 20161208수정 (모바일 네비게이션 링크있을때와 없을때 차이개선) */
.sub_menuArea li span,
.sub_menuArea li a{position:relative; display:block; height:28px; padding:16px 3px 0 3px; font-size:1em; color:#434f54; font-weight:bold; /*text-shadow:1px 1px 0 rgba(0, 0, 0, .2);*/}
.sub_menuArea li.active span,
.sub_menuArea li.active a{height:25px; color:#d61518; border-bottom:3px solid #d61518;}

.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:#f3f3f3;}
.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:#d61518}
.baseTbl tr.top_td td.rank01 {width:20px; height:28px; padding:2px 0 4px; background:url('../images/ranking/battle/img_medal01.png') no-repeat center 4px; text-indent:-5000px;}
.baseTbl tr.top_td td.rank02 {width:20px; height:28px; padding:2px 0 4px; background:url('../images/ranking/battle/img_medal02.png') no-repeat center 4px; text-indent:-5000px;}
.baseTbl tr.top_td td.rank03 {width:20px; height:28px; padding:2px 0 4px; background:url('../images/ranking/battle/img_medal03.png') no-repeat center 4px; text-indent:-5000px;}

.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:#f3f3f3;}
.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:#f9f9f9;}
.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, label.file_upload_btn,
input[type="file"]+label, label.file_upload_btn a {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, label.file_upload_btn a { top:-1px; left:-1px; line-height:14px; white-space:nowrap; }
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;}
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;}

/* 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:#d61518}

.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{overflow:hidden; margin:2px 10px 0 10px; border-radius:3px;
	background:#f6f6fa;
	background:-moz-linear-gradient(top, #f6f6fa 0%, #c11316 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6fa), color-stop(100%,#c11316));
	background:-webkit-linear-gradient(top, #f6f6fa 0%,#c11316 100%);
	background:-o-linear-gradient(top, #f6f6fa 0%,#c11316 100%);
	background:-ms-linear-gradient(top, #f6f6fa 0%,#c11316 100%);
	background:linear-gradient(to bottom, #f6f6fa 0%,#c11316 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6fa', endColorstr='#c11316',GradientType=0 );
}
.main_login a{display:block; height:45px; overflow:hidden; font-size:1.35em; color:#f6f6fa; text-align:center; border-radius:3px;
	background:#fa363a;
	background:-moz-linear-gradient(top, #fa363a 0%, #c11316 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa363a), color-stop(100%,#c11316));
	background:-webkit-linear-gradient(top, #fa363a 0%,#c11316 100%);
	background:-o-linear-gradient(top, #fa363a 0%,#c11316 100%);
	background:-ms-linear-gradient(top, #fa363a 0%,#c11316 100%);
	background:linear-gradient(to bottom, #fa363a 0%,#c11316 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa363a', endColorstr='#c11316',GradientType=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;}

#mainSection .btn_login{margin-bottom:0;}
.valid{color:#1aa931 !important;}
.invalid{color:#f46f01 !important;}

#c4_div{display:none;}

/*
main style
*/
.visual_mobile{position:relative; width:100%; height:70px; overflow:hidden; padding:0 0 20px 0;}
.visual_mobile a{ /*float:left;*/ overflow:hidden;}
.visual_mobile img{width:100%; height:auto;}
.visual_mobile .pagination{position:absolute; left:0; bottom:4px; width:100%; padding:0; text-align:center;}
.visual_mobile .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:#e5e5e5;}
.visual_mobile .pagination span.swiper-active-switch{background:#fa363a;}

.visual_web{display:none;}

#myinfo{width:100%; overflow:hidden; margin:0; background:#fa363a;}
#myinfo h3{margin:0 0 5px 0; padding:0 10px; font-family:Arial; line-height:1.2; font-size:0.85em; color:#fff; font-weight:bold;}
#myinfo .my_info{position:relative; padding:18px 10px 14px 10px; font-weight:bold; border-right:1px solid #c11316; border-bottom:1px solid #c11316; background:none;}
#myinfo .my_info .pic{position:absolute; top:18px; left:10px; width:97px; height:73px; overflow:hidden; margin:0;}
#myinfo .my_info .pic img{width:97px; height:auto;}
#myinfo .my_info dl{min-height:55px; padding:0 0 0 105px; color:#fff;}
#myinfo .my_info dl dt{font-size:1.2em;}
#myinfo .my_info dt .icon{float:left; margin:0 5px 0 0;}
#myinfo .my_info dt .user_id{float:left; padding:4px 0 0 0;}
#myinfo .my_info dt .user_id a{color:#fff;}
#myinfo .my_info dd{clear:both; padding:2px 0 0 0;}
#myinfo .my_info dd img{vertical-align:middle;}
#myinfo .my_info .my_ranking{padding:7px 0; font-size:0.9em; color:#666; text-align:center; line-height:1.5; border-bottom-left-radius:4px; border-bottom-right-radius:4px; background:#fff;}
#myinfo .my_info .my_ranking span{padding:0 3px 0 0; color:#000;}
#myinfo .my_info .my_ranking a { color:#d61518 !important; }
#myinfo .my_info .btn_my{clear:both; float:right; margin:0 0 5px 0; padding:4px 7px 6px 22px; font-size:0.9em; color:#fff; box-shadow:0 1px #971012; border-radius:2px; background:#c11316 url(../images/main/blt_mypage.png) no-repeat 7px center; background-size:13px 14px;}
#myinfo .my_info ul{clear:both; overflow:hidden; padding:9px 0; font-family:Arial; border-top-left-radius:4px; border-top-right-radius:4px; background:#2c2c2c;}
#myinfo .my_info li{float:left; width:24.5%; padding:3px 0; font-size:0.8em; text-align:center; color:#666; border:0; border-right:1px solid #cad3d6;}
#myinfo .my_info li a { color:#f1f1f1; }
#myinfo .my_info li.last-child{border:0;}
#myinfo .my_info li p{padding:5px 0 0 0; font-size:1.6em; color:#fa363a;}

#myinfo .my_playnavi{position:relative; float:left; width:50%; height:95px; padding:10px 0 0 0; background:#f9f9f9 url(../images/main/line_bar.gif) repeat-y right 0;}
#myinfo .my_playnavi h3 { color:#000; padding:0 30px 0 10px; line-height:17px; position:relative; }
#myinfo .my_playnavi h3 span { display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
#myinfo .my_playnavi ul{padding:0 10px;}
#myinfo .my_playnavi li{padding:0 18px 0 0; line-height:1.4; background:url(../images/main/shop_off2.png) no-repeat right center;}
#myinfo .my_playnavi li.active{background:url(../images/main/shop_on2.png) no-repeat right center;}
#myinfo .my_playnavi li span{display:block; width:100%; overflow:hidden; padding:0; font-size:0.9em; color:#777; text-overflow:ellipsis; white-space:nowrap;}

#myinfo .my_playnavi .btn_more{display:block; position:absolute; top:0; right:8px;}

#myinfo .my_style{float:left; width:23%; height:95px; padding:10px 0 0 0; background:#f9f9f9;}
#myinfo .my_style .cover{position:absolute; top:0; left:0; display:block;}
#myinfo .my_style h3{text-align:center; color:#000; }
#myinfo .my_style p{position:relative; width:54px; height:54px; overflow:hidden; margin:13px auto 0 auto;}
#myinfo .my_style a.btn_style{display:none;}
#myinfo .my_item{position:relative; float:left; width:27%; height:95px; overflow:hidden; padding:10px 0 0 0; background:#f9f9f9;}
#myinfo .my_item .itemWrapM{width:60px; height:54px; overflow:hidden; margin:13px auto 0 auto;}
#myinfo .my_item h3{padding:0; text-align:center; color:#000; }
#myinfo .my_item li{position:relative; float:left; width:56px !important; height:54px !important; margin:0 2px; overflow:hidden;}
#myinfo .my_item li a{display:block;}
#myinfo .my_item li img{width:54px;}
#myinfo .my_item li .cover{position:absolute; top:0; left:0;}
#myinfo .my_item .bx-wrapper{margin:13px 10px 0 10px;}
#myinfo .my_item .bx-controls{display:none; bottom:10px;}
#myinfo .my_item .bx-controls .bx-pager-item a{margin:0 3px; color:#fff; text-indent:0; background:#fff;}
#myinfo .my_item .bx-controls .bx-pager-item a.active{color:#94e6ff; background:#94e6ff;}

#myinfo_web{display:none;}

#mainSection{position:relative; z-index:2; padding:0; }
#mainSection article{position:relative; overflow:hidden; }

#mainSection article .tab{ text-align:center; }
.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;}
.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 #d61518;
	border-bottom: 2px solid #d61518;

	background: #d61518 !important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(-45deg, #f4c4c5 0%, #d61518 12%) !important;
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f4c4c5), color-stop(12%,#d61518)) !important;
	background: -webkit-linear-gradient(-45deg, #f4c4c5 0%,#d61518 12%) !important;
	background: -o-linear-gradient(-45deg, #f4c4c5 0%,#d61518 12%) !important;
	background: -ms-linear-gradient(-45deg, #f4c4c5 0%,#d61518 12%) !important;
	background: linear-gradient(135deg, #f4c4c5 0%,#d61518 12%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4c4c5', endColorstr='#d61518',GradientType=1 ) !important;
}

#mainSection .tab { margin:0; padding:0; height:auto; }
#mainSection .tab li{ float:none; display:inline-block; width:auto; max-width:295px; margin:0 15px; -moz-box-sizing:border-box;}
#mainSection .tab li a{display:block; height:auto; line-height:24px; padding:1px 33px 3px 33px; font-size:20px; font-weight:bold; text-align:center; color:#767676; background:none; border:3px solid rgba(214,21,24,0); -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; }
#mainSection .tab li a.active{position:relative; color:#d61518;	border:3px solid #d61518; background:none !important; }



.tab li.double a{height:25px; padding:5px 0;}



#mainSection article .tab{margin: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;}
.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:#d61518 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;}

.bbs_first dt{position:relative; padding:5px; border:1px solid #c6cacc;}
.bbs_first dt span{position:absolute; bottom:12px; font-size:0.85em; color:#fff; text-shadow:1px 1px #000;}
.bbs_first dt span.view{right:60px;}
.bbs_first dt span.reply{right:15px;}
.bbs_first dt span img{margin:0 2px 0 0;}
.bbs_first dd{overflow:hidden; padding:10px 0; text-overflow:ellipsis; white-space:nowrap;}

.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%;}

.vod li{position:relative; margin:0; padding:8px 0; border-bottom:1px solid #ebebeb;}
.vod li.first-child{margin:0;}
.vod li .sbj{display:block; overflow:hidden; padding:0 80px 0 0; text-overflow:ellipsis; white-space:nowrap;}
.vod li .date{position:absolute; top:10px; right:0; font-size:0.85em; color:#9d9d9d;}
.vod li:last-child{border:0;}

.vod_m{overflow:hidden;}
.vod_m .bbs_list{float:left;}

.bbs_list li{position:relative; width:100%; min-height:58px; padding:8px 0; }
.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;*/ }
.bbs_list li .pic a { display:block; }
.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{overflow:hidden;}
.bbs_list li dl dt p{height:106px; overflow:hidden;}
.bbs_list li dt span{display:none;}
.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 0 0 0;}
.bbs_list li .info .reply{border:0;}
.bbs_list li .date{float:left; padding:0 10px 0 0; font-size:14px; color:#888888;}
.bbs_list li .info{float:left; margin:0; padding:0 0 0 0; font-size:14px; color:#888888; 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:auto;}
.photo_mobile .bbs_list{float:left;}

.main_photo_s .photo_s{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:#d61518}
.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;}
#mainSection .tab_con .news_thum { height:auto; }
.news_thum .bbs_list{float:left;}
.tab_con .news_thum_mobile{height:auto;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 ul:after { display:block; content:""; clear:both; padding-bottom:40px; }
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:#d61518;}

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:#d61518;}

.contentTitle{position:relative; width:100%; padding:10px; -webkit-box-sizing:border-box; -moz-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;}

.member article .login_alert_msg { padding:15px 5px; text-align:center; border:1px solid #dedede; }

#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-transform:translate3d(0px,0,0);
	-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;}

/* 2014-04-03 �Ϻ���û ���� �α��� ��ư */
.main_login_style02 {overflow:hidden; margin:2px 10px 0 10px;}
.main_login_style02 a{display:block; height:47px; overflow:hidden; font-size:1.285em; color:#fff; text-align:center; border-radius:3px;
	background:#02baf2;
	background:-moz-linear-gradient(top, #02baf2 0%, #02aeee 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#02baf2), color-stop(100%,#02aeee));
	background:-webkit-linear-gradient(top, #02baf2 0%,#02aeee 100%);
	background:-o-linear-gradient(top, #02baf2 0%,#02aeee 100%);
	background:-ms-linear-gradient(top, #02baf2 0%,#02aeee 100%);
	background:linear-gradient(to bottom, #02baf2 0%,#02aeee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#02baf2', endColorstr='#02aeee',GradientType=0 );
}
.main_login_style02 a span{display:inline-block; height:47px; padding:0 0 0 24px; text-align:center; line-height:47px; background:url(../images/main/ico_lock.png) no-repeat 0 center; background-size:auto 21px;}
.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}

.sub_menuArea{ border-bottom:1px solid #999; }

}

/*15�ֳ� ���css*/
header h1{padding-top:0 !important;}
header h1 .emb15th{width:36px; margin:7px 2px 0 0}
@media (max-width: 768px){
	.selectBox{position:absolute; top:48px; right:0; margin-right:0; }

	/*
	header h1{padding-top:3px !important;}
	header h1 a { display:inline-block; background:url(../images/common/logo_global_header_w.png) center center no-repeat; background-size:auto 33px; }
	header h1 a img { visibility:hidden; }
	header h1 .emb15th{display:none}
	header menu.rightMenu a.btn_card { background:url(../images/common/btn_cart_w.png) center center no-repeat; background-size:auto 19px; }
	header menu.rightMenu a.btn_card img { visibility:hidden; }
	*/

	/* 181121 수정 */
	header { height:50px; background:#fff; }
	#header_fix.on { height:50px; background:#fff; position:fixed; top:0; left:0; width:100%; box-shadow:0 1px 2px rgba(0,0,0,0.4); }

	header h1{ padding-top:0 !important;}
	header h1 a { display:inline-block; padding:6px 0 9px; }
	header h1 a img { height:35px; width:auto; }
	header h1 .emb15th{display:none}
	header menu.rightMenu a.btn_card {  }
	header menu.rightMenu a.btn_card img { }
}


#myinfo .my_info dd { clear:both; display:block; text-align:right; padding-top:5px; position:relative; }
#myinfo .my_info dd .pCoin { display:inline-block; padding-left:27px; line-height:22px; font-size:1.2em; font-weight:bold; color:#fff; background:url('../images/main/icon_p_coin.png') left center no-repeat; position:absolute; bottom:-22px; left:0; }
#myinfo .my_info dd .charge { display:inline-block; }
#myinfo .my_info dd .charge a { display:inline-block; line-height:22px; font-size:1.2em; color:#fff; }




/* 20190122_결제오류안내 */
.round_img_left { margin-top:15px; padding:12px 30px; border:1px solid #cfcfcf; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.round_img_left .table { display:table; table-layout:fixed; width:100%; }
.round_img_left .table .img { display:table-cell; width:120px; vertical-align:middle; }
.round_img_left .table .text { display:table-cell; padding-left:20px; width:auto; vertical-align:middle; }
.round_img_left .table .text p {  line-height:18px; font-size:14px; }
.round_img_left .table .text p.tit { padding-bottom:10px; font-size:17px; font-weight:bold; }
@media (max-width: 768px){
	.round_img_left { margin-top:10px; padding:10px 12px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
	.round_img_left .table .img { width:50px; }
	.round_img_left .table .img img { width:100%; }
	.round_img_left .table .text { padding-left:12px; }
	.round_img_left .table .text p { line-height:17px; font-size:13px; }
	.round_img_left .table .text p.tit { padding-bottom:8px; font-size:15px; }
	
	.member article .login_alert_msg { margin:10px 10px 0; }
}












/* 201910 리뉴얼 관련 ######################################################### */
/* 
../images/ => ../images   로 replace all
*/



@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 100; 
	src:	url('/fonts/NotoSansKR-Thin.woff2') format('woff2'),
			url('/fonts/NotoSansKR-Thin.woff') format('woff'), 
			url('/fonts/NotoSansKR-Thin.otf') format('opentype'); 
}
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 400; 
	src:	url('/fonts/NotoSansKR-Regular.woff2') format('woff2'),
			url('/fonts/NotoSansKR-Regular.woff') format('woff'), 
			url('/fonts/NotoSansKR-Regular.otf') format('opentype'); 
}
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 500; 
	src:	url('/fonts/NotoSansKR-Medium.woff2') format('woff2'),
			url('/fonts/NotoSansKR-Medium.woff') format('woff'), 
			url('/fonts/NotoSansKR-Medium.otf') format('opentype'); 
}


#header *,
.main_container * { font-family: "Pretendard-Regular", 'Noto Sans KR', sans-serif, Arial,"Malgun Gothic",Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic; }



@media all and (min-width:769px){
	body { min-width: 1166px !important; }
	*{/*text-shadow:none !important;*/ -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
	.mobile_view { display:none !important; }
}


@media (max-width:768px){
	.mobile_view { display:block !important; }
	.pc_view { display:none !important; }
	img { max-width:100%; }
}





/* 
../images/ => ../images   로 replace all
*/


body { background:none; }
.innerDiv { width:1166px; margin:0 auto; }
.ellipsis { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.expand_close { display:none; cursor:pointer; }
html { overflow-y:scroll; }
html.expand #wrap { height:100%; overflow:hidden; }
html.expand .expand_close { display:block; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; background:rgba(0,0,0,0.4); }


.bgGray { background:#f1f1f1; }



#header { height:55px; text-align:center; border-bottom:1px solid #c2c2c2; }
#header .innerDiv { position:relative; }
#header h1 { padding-top:0; }
#header h1 a img { width:217px; }
#header h1 .flag { display:none; }
#header .cate { position:absolute; top:0; left:0; width:55px; height:55px; cursor:pointer; z-index:10; }
#header .cate span { display:block; text-indent:-9999px; width:32px; height:2px; background:#000; position:absolute; left:0; top:50%; margin-top:-1px; }
#header .cate span:before { display:block; content:""; width:32px; height:2px; background:#000; position:absolute; left:0; top:10px; }
#header .cate span:after { display:block; content:""; width:32px; height:2px; background:#000; position:absolute; left:0; bottom:10px; }
#header .global { position:absolute; top:10px; right:0; z-index:10; }
#header .top_login { position:absolute; top:0; right:44px; }
#header .top_login a { float:left; display:inline-block; margin:11px 0 0 15px; line-height:30px; padding:0 30px; color:#fff; background:#2a2c3e; border:1px solid #afafaf; }
#header .top_login span { float:left; display:inline-block; margin:11px 0 0 0; line-height:32px; color:#000; }

	#lnb_layer { position:absolute; top:0; left:50%; margin-left:-583px; z-index:9999; text-align:left; width:0; height:100%; overflow-x:hidden; background:#ededed; display:none; }
	#lnb_layer .lnb_overflow { position:relative; width:520px; height:100%; overflow-y:auto; }
	#lnb_layer .lnb_layer_inner { width:500px; }
	#lnb_layer .lnb_login { padding:9px 15px; background:#2a2c3e; position:relative; }
	#lnb_layer .lnb_login a { display:inline-block; line-height:36px; font-size:18px; color:#fff; }
	#lnb_layer .lnb_top { height:56px; background:#2a2c3e; position:relative; padding:0 55px 0 65px; } 
	#lnb_layer .lnb_top .hello { display:block; vertical-align:top; padding:17px 0 0 0; }
	#lnb_layer .lnb_top .hello span { display:inline-block; max-width:100%; color:#fff; line-height:22px; font-size:18px; }
	#lnb_layer .lnb_top .hello span a { color:#fff; }
	#lnb_layer .lnb_top .card { position:absolute; top:0; left:0; }
	#lnb_layer .lnb_top .card a { display:inline-block; vertical-align:top; }
	#lnb_layer .lnb_top .card a img { padding:15px; }
	#lnb_layer .lnb_top .lnb_close { position:absolute; top:0; right:0; }
	#lnb_layer .lnb_top .lnb_close span { display:inline-block; line-height:56px; font-size:36px; font-weight:100; width:50px; color:#fff; cursor:pointer; text-align:center; }
	#lnb_layer .lnb_menu { padding:6px; width:468px; border:10px solid #ededed;  background:#fff; }
	#lnb_layer .lnb_menu li.big { border-top:1px solid #dfdede; }
	#lnb_layer .lnb_menu li.big:first-child { border-top:0 none; }
	#lnb_layer .lnb_menu li.big a.big { display:block; padding:0 18px; }
	#lnb_layer .lnb_menu li.big a.big span { display:block; line-height:50px; padding-right:45px; font-size:20px; color:#3e3e3e; }
	#lnb_layer .lnb_menu li.depth01 a.big span { background:url('../images/new/lnb_arrow_down.png') right center no-repeat; }
	#lnb_layer .lnb_menu li.depth01.on a.big span { background:url('../images/new/lnb_arrow_up.png') right center no-repeat; }
	#lnb_layer .lnb_menu li.depth01 { height:50px; overflow:hidden; }
	#lnb_layer .lnb_menu li.depth01.on { height:auto; }
	#lnb_layer .lnb_menu li.depth01.on .depth02 ul { padding:4px 0 4px 35px; border-top:1px solid #dfdede; }
	#lnb_layer .lnb_menu li.depth01.on .depth02 li { border-top:1px solid #dfdede; }
	#lnb_layer .lnb_menu li.depth01.on .depth02 li:first-child { border-top:0 none; }
	#lnb_layer .lnb_menu li.depth01.on .depth02 li a { display:block; line-height:42px; padding:0 6px; font-size:18px; color:#3e3e3e; }


#lnb_layer .lnb_top .card_select{display:none; position:absolute; top:37px; left:15px; 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;}
#lnb_layer .lnb_top .card_select span{position:absolute; top:-7px; left:10px; display:block; width:15px; height:7px; background:url(../images/common/bg_card.png) no-repeat;}
#lnb_layer .lnb_top .card_select li{padding:5px 0; letter-spacing:0 !important; border-bottom:1px solid #d1d1d1;}
#lnb_layer .lnb_top .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;}
#lnb_layer .lnb_top .card_select li a.active{color:#434f54;}
#lnb_layer .lnb_top .card_select li a img{margin:0 4px 0 0; vertical-align:text-bottom;}
#lnb_layer .lnb_top .card_select p{margin:5px 0 8px 0; font-size:0.92em; letter-spacing:0 !important;}
#lnb_layer .lnb_top .card_select .btnArea{padding:0; text-align:center;}
#lnb_layer .lnb_top .card_select .btn_default{float:none; width:inherit; padding:8px; font-size:0.7em; letter-spacing:0 !important;}

#lnb_layer .lnb_btns { padding:0 10px; text-align:right; }
#lnb_layer .lnb_btns a { display:inline-block; width:48%; padding:10px; background:#2a2c3e; text-align:center; box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; }
#lnb_layer .lnb_btns a span { display:inline-block; padding-left:28px; line-height:22px; font-size:16px; color:#fff; background:url('../images/new/icon_logout_m.png') left center no-repeat; }


#myinfo_web { width:1166px; margin:0 auto; padding:30px 0; border:13px solid #ededed !important; background:#fff !important; box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; }

#myinfo_web .innerBox { display:table; table-layout:fixed; width:100%; }
#myinfo_web .innerBox .table-cell { display:table-cell; padding:0 30px; vertical-align:middle; border-left:1px solid #cbcbcb; }
#myinfo_web .innerBox .table-cell:first-child { border-left:0 none; }

#myinfo_web .user_infos .user { display:table; table-layout:fixed; width:100%; }
#myinfo_web .user_infos .user .pf_img { display:table-cell; width:115px; text-align:center; vertical-align:middle; }
#myinfo_web .user_infos .user .pf_img p { display:inline-block; width:99px; height:99px; border:2px solid #da181b; -moz-border-radius:60px; -webkit-border-radius:60px; border-radius:60px; }
#myinfo_web .user_infos .user .pf_img p a { display:inline-block; width:93px; height:93px; border:3px solid #fff; overflow:hidden; position:relative; -moz-border-radius:60px; -webkit-border-radius:60px; border-radius:60px; }
#myinfo_web .user_infos .user .pf_img p a span { display:block; position:absolute; top:0; left:-20px; width:133px; height:93px; text-align:center; }
#myinfo_web .user_infos .user .pf_img p a img { min-width:93px; height:93px; }
#myinfo_web .user_infos .user .infos { display:table-cell; width:auto; padding-left:5px; vertical-align:middle; }
#myinfo_web .user_infos .user .infos span { display:block; }
#myinfo_web .user_infos .user .infos span a { display:block; color:#363636; }
#myinfo_web .user_infos .user .infos .cards a { padding-left:30px; line-height:18px; font-size:14px; background:url('../images/new/icon_my_other_card.png') left center no-repeat; }
#myinfo_web .user_infos .user .infos .user_id a { display:inline-block; margin:7px 0 6px 0; max-width:100%; line-height:24px; font-size:20px; vertical-align:top; }
#myinfo_web .user_infos .user .infos .gold a { line-height:26px; padding-left:29px; color:#121212; background:url('../images/new/icon_gold.png') left center no-repeat; }
#myinfo_web .user_infos .user .infos .pCoin a { line-height:26px; padding-left:27px; color:#ff0004; font-weight:bold; background:url('../images/main/icon_p_coin.png') left center no-repeat; }
#myinfo_web .user_infos .rank { margin-top:12px; line-height:32px; font-size:17px; background:#ededed; text-align:center; }
#myinfo_web .user_infos .relation { padding:0 10px; margin-top:25px; }
#myinfo_web .user_infos .relation p { position:relative; margin:3px 0; padding:0 0 0 40px; line-height:30px; font-size:17px; overflow:hidden; }
#myinfo_web .user_infos .relation p span.ellipsis { display:inline-block; vertical-align:middle; max-width:100%; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; } 
#myinfo_web .user_infos .relation p.edit { padding:0 45px 0 40px; }
#myinfo_web .user_infos .relation p.edit a { position:absolute; right:0; top:0; color:#2f75b7; }
#myinfo_web .user_infos .relation p strong { color:#d6161a; }
#myinfo_web .user_infos .relation .friend { background:url('../images/new/icon_my_frend.png') left center no-repeat; }
#myinfo_web .user_infos .relation .present { background:url('../images/new/icon_my_present.png') left center no-repeat; }
#myinfo_web .user_infos .relation .chat { background:url('../images/new/icon_my_comment.png') left center no-repeat; }
#myinfo_web .user_infos .relation .friend.on { background:url('../images/new/icon_my_frend_on.png') left center no-repeat; }
#myinfo_web .user_infos .relation .present.on { background:url('../images/new/icon_my_present_on.png') left center no-repeat; }
#myinfo_web .user_infos .relation .chat.on { background:url('../images/new/icon_my_comment_on.png') left center no-repeat; }

#myinfo_web .graphs { text-align:center; }
#myinfo_web .graphs .rt_graph { position:relative; }
#myinfo_web .graphs .rt_graph .inner { position:absolute; left:0; width:100%; text-align:center; }
#myinfo_web .graphs .rt_graph canvas { transform:rotate(-90deg); }
#myinfo_web .graphs .rt_graph.big .inner { top:40px; }
#myinfo_web .graphs .rt_graph.big .inner .tit { font-size:14px; margin:5px 0 10px 0; }
#myinfo_web .graphs .rt_graph.big .inner p { font-size:55px; font-weight:bold; }
#myinfo_web .graphs .rt_graph.big .inner p span { font-size:22px; }
#myinfo_web .graphs .others .each { display:inline-block; vertical-align:top; }
#myinfo_web .graphs .others .each .tit { line-height:24px; font-size:16px; font-weight:bold; color:#333; }
#myinfo_web .graphs .others .each .inner { top:50%; margin-top:-16px; }
#myinfo_web .graphs .others .each .inner p { font-size:27px; font-weight:bold; }


#myinfo_web .innerBox .table-cell.where_ru { vertical-align:top; padding-top:20px; padding-bottom:20px; }
#myinfo_web .where_ru .btns p { margin-bottom:8px; }
#myinfo_web .where_ru .btns p a { display:block; padding:0 17px; background:#f7f7f7; border:1px solid #adadad; text-align:center; }
#myinfo_web .where_ru .btns p a span { display:block; padding:0 20px; line-height:30px; font-size:16px; background:url('../images/new/arrow_01.png') right center no-repeat; }

#myinfo_web .where_r_u { margin-top:22px; padding-top:20px; border-top:1px solid #cbcbcb; }
#myinfo_web .where_r_u h3 { margin:0 0 7px 0; padding:0; line-height:17px; font-size:15px; color:#494949; }
#myinfo_web .where_r_u h3 a { float:right; margin-top:-4px; }
#myinfo_web .where_r_u h3 a span { display:inline-block; width:26px; line-height:26px; text-align:center; border:1px solid #6b6b6b; font-weight:normal; font-size:26px; border-radius:20px; }
#myinfo_web .where_r_u li { padding:6px 25px 3px 0; background:url('../images/main/shop_web_off.png') no-repeat right center; }
#myinfo_web .where_r_u li.active { background:url('../images/main/shop_web_on.png') no-repeat right center; }
#myinfo_web .where_r_u li span { display:inline-block; max-width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }


.main_new_tit { padding-top:50px; }
.main_new_tit h3 { display:inline-block; line-height:48px; padding:0 0 13px 0; font-size:40px; font-weight:normal; letter-spacing:-1px; }
.main_new_tit h3 span { font-size:22px; }
.main_new_tit h3 span.date { font-size:18px; }
.main_new_tit .control { float:right; margin-top:14px; }
.main_new_tit .control span { display:inline-block; float:left; margin-left:3px; width:26px; line-height:26px; text-indent:-9999px; border:1px solid #6b6b6b; border-radius:20px; cursor:pointer; }
.main_new_tit .control span.s_more2 { text-indent:0; font-size:26px; text-align:center; color:#6b6b6b; }




.schedule .bx-controls-auto .bx-start,
.schedule .bx-controls-auto .bx-stop,
.schedule .bx-controls-direction .bx-prev,
.schedule .bx-controls-direction .bx-next { display:inline-block; float:left; margin-left:3px; width:26px; height:26px; line-height:26px; text-indent:-9999px; border:1px solid #6b6b6b; border-radius:20px; }
.schedule .bx-controls-auto .bx-start { background:url('../images/new/schedule_play.png') center center no-repeat; }
.schedule .bx-controls-auto .bx-stop { background:url('../images/new/schedule_pause.png') center center no-repeat; }
.schedule .bx-controls-direction .bx-prev { background:url('../images/new/schedule_arrow_up.png') center center no-repeat !important; }
.schedule .bx-controls-direction .bx-next { background:url('../images/new/schedule_arrow_down.png') center center no-repeat !important; }

.schedule .bx-controls-auto .bx-start.active,
.schedule .bx-controls-auto .bx-stop.active { display:none; }
.schedule .bx-controls { position:absolute; top:-66px; right:19px; display:inline-block; }
.schedule .bx-controls .bx-controls-direction,
.schedule .bx-controls .bx-controls-auto { display:inline-block; }


.main_section .overTab_list li,
.main_section .overTab_list2 li { float:left; cursor:pointer; }
.main_section .overTab_list li span,
.main_section .overTab_list2 li span { display:inline-block; padding:0 30px; line-height:33px; font-size:22px; color:#6a6a6a; }
.main_section .overTab_list li.on span,
.main_section .overTab_list2 li.active span { background:#d61518; color:#fff; }
.main_section .overTab_list2 li a { display:none; position:absolute; right:0; top:0; }
.main_section .overTab_list2 li.active a {
	display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 24px;
    font-size: 26px;
    border: 1px solid #6b6b6b;
    border-radius: 20px;
    text-align: center;
}
.main_section .overTab_list:after,
.main_section .overTab_list2:after { display:block; clear:both; content:""; border-bottom:3px solid #d61518; }
.main_section .overTab_con { display:none; position:relative; padding-top:12px; }
.main_section .overTab_con .s_more,
.main_section .owl-ranking .s_more { position:absolute; top:-36px; right:0; }
.main_section .owl-ranking .s_more { top:0; right:331px; }
.main_section .overTab_con .s_more a,
.main_section .owl-ranking .s_more a { display:inline-block; width:26px; height:26px; line-height:24px; font-size:26px; border:1px solid #6b6b6b; border-radius:20px; text-align:center; }
.main_section .owl-ranking .item { padding-top:36px; background:#fff; }

.main_section .overTab_con .news_list li { line-height:27px; padding:5px 0; }
.main_section .overTab_con .news_list li a { display:inline-block; font-size:17px; color:#3e3e3e; max-width:450px; vertical-align:top; }
.main_section .overTab_con .news_list li a.new { padding-right:42px; position:relative; box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; }
.main_section .overTab_con .news_list li a.new strong.new_tag { position:absolute; top:0; right:0; color:#fc3f3f; }
.main_section .overTab_con .news_list li .date { float:right; font-size:16px; color:#aeaeae; }
.main_section .overTab_con.new_shop .news_list1 { display:inline-block; width:47%; }
.main_section .overTab_con.new_shop .news_list2 { float:right; width:47%; }
.main_section .overTab_con.new_shop .news_list li a { display:block; width:100%; }
.main_section .overTab_con.new_shop .news_list li a span.area { width:35%; max-width:35%; display:inline-block; vertical-align:top; }
.main_section .overTab_con.new_shop .news_list li a span.shop { width:60%; max-width:60%; display:inline-block; vertical-align:top; float:right; color:#617fa5; }

.news_schedule:after { display:block; content:""; clear:both; }
.news_schedule .news { display:inline-block; width:560px; }
.news_schedule .schedule { float:right; width:560px; }
.news_schedule .schedule .s_box { padding:12px; border:13px solid #ededed; position:relative; }
.news_schedule .schedule .s_box .bxslider-sc { height:208px; }
.news_schedule .schedule .s_box .s_each { display:table; table-layout:fixed; width:100%; margin-bottom:8px; }
.news_schedule .schedule .s_box .s_each .date { display:table-cell; width:68px; padding:2px 10px; border:2px solid #a9a9a9; white-space:nowrap; }
.news_schedule .schedule .s_box .s_each .date2 { width:154px; }
.news_schedule .schedule .s_box .s_each .date span { display:inline-block; position:relative; padding-top:24px; color:#3e3e3e; font-size:28px; line-height:32px; font-weight:bold; }
.news_schedule .schedule .s_box .s_each .date span strong { position:absolute; top:0; left:0; font-size:16px; font-weight:normal; }
.news_schedule .schedule .s_box .s_each a { display:table-cell; width:332px; vertical-align:middle; }
.news_schedule .schedule .s_box .s_each .txt { padding-left:25px; vertical-align:middle; }
.news_schedule .schedule .s_box .s_each .txt strong { display:block; font-size:18px; }
.news_schedule .schedule .s_box .s_each .txt span { display:block; padding-top:3px; font-size:16px; line-height:21px; }
.news_schedule .schedule .empty { margin-top:45px; padding-top:50px; font-size:17px; background:url('/images/common/ranking_empty.png') center top no-repeat; text-align:center; }


.rankings { margin-top:60px; border-top:1px solid #8e8e8e; }
.rankings .rank { width:100%; position:relative; margin-bottom:10px; }
.rankings .rank .owl-carousel .animated { animation-duration: 1ms; }
.rankings .rank .overTab_list2 { position:absolute; top:0; left:0; z-index:99; }
.rankings .rank .overTab_list2,
.rankings .rank .scroll_x,
.rankings .rank .scroll_no,
.rankings .rank .ranking_empty{ width:835px; } 
.rankings .rank .scroll_x { min-height:220px; white-space:nowrap; /*overflow-x:auto;*/ }
.rankings .rank .scroll_no { min-height:220px; white-space:nowrap; }
.rankings .rank .ranking_empty { min-height:220px; white-space:nowrap; text-align:center; }
.rankings .rank .empty { display:inline-block; vertical-align:top; margin-top:45px; padding-top:50px; font-size:17px; background:url('/images/common/ranking_empty.png') center top no-repeat; text-align:center; }
.rankings .rank .rank_list { display:inline-block; float:left; width:400px; padding-left:15px; border-left:1px solid #cbcbcb; }
.rankings .rank .rank_list:first-child { padding:0 15px 0 0; border-left:0; }
.rankings .rank .rank_list li { line-height:27px; padding:5px 0; text-align:left; }
.rankings .rank .rank_list li a { display:inline-block; vertical-align:top; }
.rankings .rank .rank_list li a em { font-style:normal; }
.rankings .rank .rank_list li a.player { font-size:17px; color:#3e3e3e; max-width:260px; }
.rankings .rank .rank_list li a.player strong { display:inline; padding:0 5px; color:#5f759a; }
.rankings .rank .rank_list li a.shop { float:right; max-width:125px; padding-left:15px; font-size:14px; color:#617fa5; }

.rankings .my_rank { position:absolute; top:0; right:0; }
.rankings .my_rank .r_box { border:13px solid #ededed; position:relative; }
.rankings .my_rank .r_box .inner,
.rankings .my_rank .r_box .logoff p { display:table-cell; width:245px; height:200px; padding:12px; vertical-align:middle; }
.rankings .my_rank .r_box .logoff { position:absolute; top:0; left:0; background:rgba(0,0,0,0.7); }
.rankings .my_rank .r_box .logoff p { font-size:16px; line-height:24px; text-align:center; color:#fff; }
.rankings .my_rank .r_box .logoff p a { font-weight:bold; color:#fff; }
.rankings .my_rank .r_box .logon p.tit { line-height:36px; text-align:left; letter-spacing:-2px; }
.rankings .my_rank .r_box .logon p.tit strong { display:inline-block; vertical-align:top; font-size:32px; font-weight:normal; }
.rankings .my_rank .r_box .logon p.tit a { float:right; margin-top:3px; letter-spacing:0; }
.rankings .my_rank .r_box .logon p.tit a span { display:inline-block; width:26px; height:26px; line-height:24px; font-size:26px; border:1px solid #6b6b6b; border-radius:20px; text-align:center; }
.rankings .my_rank .r_box .logon dl { margin-top:30px; } 
.rankings .my_rank .r_box .logon dl dt { font-size:18px; }
.rankings .my_rank .r_box .logon dl dd { padding:30px 0 15px 0; text-align:center; }
.rankings .my_rank .r_box .logon dl dd .counter { display:inline-block; padding-right:4px; width:150px; font-size:52px; font-weight:bold; text-align:right; }
.rankings .my_rank .r_box .logon dl dd em { font-style:normal; font-size:18px; }

.main_family_site { padding-bottom:65px; }
.main_family_site:after { display:block; content:""; clear:both; }
.main_family_site .family_list dl { float:left; width:22%; padding-right:3%; }
.main_family_site .family_list dl dt { font-size:24px; line-height:28px; color:#292929; }
.main_family_site .family_list dl dd { margin-top:15px; }
.main_family_site .family_list dl dd li { line-height:28px; font-size:18px; padding-left:10px; position:relative; }
.main_family_site .family_list dl dd li:after { display:block; content:"·"; position:absolute; top:0; left:0; }
.main_family_site .family_list dl dd li a { color:#292929; font-weight:100; }

.next_rank p { margin-top:15px; font-size:12px; white-space:nowrap; }
.next_rank p a { color:#2f75b7; word-break:keep-all; }

#quickR { position:absolute; top:1000px; left:50%; margin-left:623px; z-index:91; }
#quickR li { margin-bottom:10px; }

@media (max-width:768px){
	.schedule .bx-controls { position:absolute; top:-47px; right:24px; }

	.rankings .rank .rank_list { border-left:0 none; }
	#lnb_layer { left:0; margin-left:0; }
	#header .global { top:0; }
	#header .global a { display:inline-block; }
	#header .global a img { height:25px; padding:15px; }

	#lnb_layer .lnb_menu { width:248px; }
	#lnb_layer .lnb_menu li.depth01 { height:36px; }
	
	.next_rank p { line-height:16px; white-space:normal; }
}