@charset "utf-8";

/*
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;}
#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 h1{padding:0; text-align:center;}
header h1 .flag{position:absolute; top:15px; left:45px; width:28px;}
header menu a{float:left; text-align:center;}
header menu.leftMenu{left:0;margin:0; padding:0}
header menu.rightMenu{right:5px;margin:0; padding: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;}


.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:#383635;}
/*for cdn site
aside .bg{position:fixed; top:0; left:0; width:100%; height:100%;}
*/
aside .bg{position:fixed; top:0; left:0; width:100%;}
aside .profileArea{position:relative; z-index:10; width:100%; overflow:hidden; color:#f3f3f3; border-bottom:1px solid #333b40; background:#4f5f6a; 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 #4f585e;}
aside ul.snb ul{display:none;}
aside ul.snb li{overflow:hidden; border-bottom:1px solid #394147; border-top:1px solid #4f585e;}
aside ul.snb li a{display:block; overflow:hidden; padding:8px 0 8px 10px; font-size:1.1em; color:#c9ccd7; 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:#3d464c;}
aside ul.snb li.active a{color:#00a9dc; 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 #333b40; 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:#8f989d; border-bottom:1px solid #333b40; 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:2px 0 0 0;}
aside .quickMenu h3{padding:9px; color:#ccc; border-top:1px solid #6a7478; border-bottom:1px solid #4c5559;
	background:-webkit-linear-gradient(90deg, rgb(58, 67, 71) 0%, rgb(85, 94, 99) 100%);
	background:-moz-linear-gradient(90deg, rgb(58, 67, 71) 0%, rgb(85, 94, 99) 100%);}
aside .quickMenu li{border-bottom:1px solid #4F585E;}
aside .quickMenu li a{display:block; padding:9px 0 7px 10px; font-size:1.1em; color:#c9ccd7; border-bottom:1px solid #333b40;}
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:#3e464b;}
aside .btnArea a img{vertical-align:top;}

/* footer */
footer{padding:0; background:##000;}
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 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;}

/* 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;}

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

.visual_web{display:none;}

#myinfo{width:100%; overflow:hidden; margin:0; background:#0294d1;}
#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 #027295; border-bottom:1px solid #017cb0; 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 .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 #026784; border-radius:2px; background:#3f60d1 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:#e1e6e8;}
#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.last-child{border:0;}
#myinfo .my_info li p{padding:5px 0 0 0; font-size:1.6em; color:#3f76d1;}

#myinfo .my_playnavi{position:relative; float:left; width:50%; height:95px; padding:10px 0 0 0; background:#2aafe7 url(../../images/main/line_bar.gif) repeat-y right 0;}
#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:#d4eefa; text-overflow:ellipsis; white-space:nowrap;}

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

#myinfo .my_style{float:left; width:23%; height:95px; padding:10px 0 0 0; background:#2aafe7;}
#myinfo .my_style .cover{position:absolute; top:0; left:0; display:block;}
#myinfo .my_style h3{text-align:center;}
#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:#2aafe7;}
#myinfo .my_item .itemWrapM{width:60px; height:54px; overflow:hidden; margin:13px auto 0 auto;}
#myinfo .my_item h3{padding:0; text-align:center;}
#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 0 10px 0; background:#343434;}
#mainSection article{position:relative; overflow:hidden; margin:10px; padding:14px; box-shadow:0 4px 4px rgba(0, 0, 0, .9); border:1px solid #101010; background:#fff;}
#mainSection article h2{margin:0 0 7px 0; font-size:1.35em;}
#mainSection article h2 img{margin:0 7px 0 0;}

#mainSection .sizeA{height:455px;}
#mainSection .sizeB{height:290px;}
#mainSection .sizeC{height:125px;}
#mainSection .sizeD{width:125px; height:125px;}

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



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

.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; 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;}
.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-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: 769px){
/*#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}

}

.layoutstyle h2{margin-top:20px; border-top:3px solid #000;padding-top:10px;color:red}

/*common*/
.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;}
#wrap{position: relative; width: 100%; overflow: hidden; background: #353535;}
/*header
.hearArea{}
#wrap{position:relative; width:100%; overflow:hidden; background:#353535;}
.wrapInner{position:relative; min-height:100%;}
#mobile{display:block; min-height:100%;}
#id_mobile{display:block;}
#id_mobile > ul > li{left:0 !important;}
#content{}
.wrapInner{position:relative; min-height:100%;}
header{position:relative; z-index:40; height:40px; background:#fff; border-bottom:1px solid #e6e1e1;}
header h1{text-align:center;}
.skip{position:absolute; top:0; left:-1000px; width:0; height:0; font-size:0; line-height:0;}
header menu{position:absolute; top:8px; height:18px; padding:3px 12px; border-bottom:1px solid #}
header menu.leftMenu{left:0}
header menu.leftMenu span{float: left; text-align: center; cursor: pointer;}
header menu.rightMenu{right:0}
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; font-size:0.7em; letter-spacing:0 !important;}
#mobile{display:block; min-height:100%;}
#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;}
aside .bg{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:#4f5f6a; 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 #4f585e;}
aside ul.snb ul{display:none;}
aside ul.snb li{overflow:hidden; border-bottom:1px solid #394147; border-top:1px solid #4f585e;}
aside ul.snb li a{display:block; overflow:hidden; padding:8px 0 8px 10px; font-size:1.1em; color:#c9ccd7; background:url(../images/common/menu_arrow.png) no-repeat 96% 12px; background-size:11px;}
aside ul.snb li a.emptySub{background:none;}
aside ul.snb li:first-child{border-top:0;}
aside ul.snb li.active{background:#3d464c;}
aside ul.snb li.active a{color:#00a9dc; 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 #333b40; 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:#8f989d; border-bottom:1px solid #333b40; 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:2px 0 0 0;}
aside .quickMenu h3{padding:9px; color:#ccc; border-top:1px solid #6a7478; border-bottom:1px solid #4c5559;
	background:-webkit-linear-gradient(90deg, rgb(58, 67, 71) 0%, rgb(85, 94, 99) 100%);
	background:-moz-linear-gradient(90deg, rgb(58, 67, 71) 0%, rgb(85, 94, 99) 100%);}
aside .quickMenu li{border-bottom:1px solid #4F585E;}
aside .quickMenu li a{display:block; padding:9px 0 7px 10px; font-size:1.1em; color:#c9ccd7; border-bottom:1px solid #333b40;}
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:#3e464b;}
aside .btnArea a img{vertical-align:top;}*/
.gnb{background:#f43237; border-top:1px solid #f7696c; border-bottom:1px solid #cf2525; padding-top:9px;}
.gnb ul{clear:both;}
.gnb ul:after{display:block; content:''; clear:both}
.gnb li{float:left; text-align:center;}
.gnb li a{display:block; margin-right:6px; }
.gnb li a img{margin:0 5px 5px 10px;}
.gnb li a span{display:block; background:#cf2525; margin-bottom:-1px; border-top-left-radius:5px; border-top-right-radius:5px; padding:7px 8px 8px; font-size:0.9em; color:#fff;}
.gnb li a span.active{background:#fff; color:#cf2525;}
.gnb li.active a span{background:#fff; color:#cf2525; font-weight:bold}

/*Footer*/

.page_nav{padding:15px 10px;}
.page_nav ul{text-align:center; width:100%; display:table;}
.page_nav ul:after{display:block; content:''; clear:both}
.page_nav ul li.last{border-right:1px solid #e7e7e7}
.page_nav ul li{display:table-cell;width:34%;padding:8px 0; text-align:center; border:1px solid #e7e7e7; border-right:none;}
.page_nav ul li a{display:block; width:100%; height:100%;font-size:0.857em}
#footer{text-align:center;}
.footer_top{background:#313030; color:#ccc; padding:8px 0; font-size:0.823em}
.footer_top a{color:#ccc;}
.footer_top p{line-height:1.9em; margin:0}
.copy{background:#000000; color:#666; padding:10px 0 8px; font-size:0.769em}
.copy a{color:#666;}
/*Content*/

/* main */
.beginner{padding:11px 12px 10px; border-bottom:1px solid #dedede;  background:url(../images/common/ico_btnst02.png) 97% center no-repeat; background-size:9px auto; }
.beginner img{margin-right:6px}
.beginner p{display:inline-block; margin-bottom:2px;font-size:1.231em;}

.conArea{margin-bottom:15px}
.btnArea{border-top:1px solid #dedede}
.mainBanner{background:#fafafa; padding:13px 10px 0; border-top:1px solid #e6e6e6}
.touchslider-item img{width:100%}


/*pickup*/
.conArea.gray{background:#f7f7f7}
.conArea.gray .selectBox{padding:10px;}

/*present*/
.listSt02.present ul{border-top:none}
.listSt02.present  li{border-bottom:none; padding:2px 0 8px;}
.listSt02.present  .area .txt{line-height:1em;}
.listSt02.last li{padding:2px 0 8px;}

/*set_top*/
.listSt04 .stLi.s-style{margin-top:2px; clear:both;}
.listSt04 .stLi.s-style span{margin-right:-2px; margin-bottom:2px; background:#3a3839 url(../images/common/ico_s-temstyle.png) no-repeat; width:13px; height:13px; }
.listSt04 .stLi.s-style span.dynamicFrame, .listSt04 .stLi.s-style span.sound{margin-right:0;}
.listSt04 .stLi.s-style span.style{background-position:0 -1px}
.listSt04 .stLi.s-style span.markAward{background-position:-21px -1px}
.listSt04 .stLi.s-style span.dartThrow{background-position:-38px -1px}
.listSt04 .stLi.s-style span.frame{background-position:-54px -1px}
.listSt04 .stLi.s-style span.effect{background-position:-75px -1px}
.listSt04 .stLi.s-style span.dynamicFrame{background-position:0px -17px; width:18px;margin-right:-2px;}
.listSt04 .stLi.s-style span.sound{background-position:-19px -17px; width:18px; margin-right:-2px}
.listSt04 .stLi.s-style span.bull{background-position:-38px -17px}
.listSt04 .stLi.s-style span.award{background-position:-54px -17px}
.listSt04 .stLi.s-style span.pstyle{background-position:-2px -34px}
.listSt04 .stLi.s-style span.mstyle{background-position:-21px -34px}
.listSt04 .stLi.s-style span.sstyle{background-position:-40px -34px}

/*Pc Buy*/
.pc_buy li{clear:both;padding:8px 0; border-bottom:1px solid #dedede}
.pc_buy li.first{padding-top:0}
.pc_buy li.last{border-bottom:0; padding-bottom:0}
.pc_buy li:after{display:block; content:''; clear:both;}
.pc_buy li p{font-size:16px; margin-top:3px}
.pc_buy li p b{font-size:0.389em}
.pc_buy li > span{border-left:1px solid #dedede}
.pc_buy li span a{width:95px; margin:5px 0; padding:4px 0}

ul.listSt02 li{background:url(../images/common/ico_btnst03.png) 95% center no-repeat; background-size:9px auto;border-bottom:1px solid #dedede; text-align:left;}
ul.listSt02 li a{height:60px; display:table; width:100%;}
ul.listSt02 li span{font-size:1.308em;text-align:left; display:table-cell; vertical-align:middle}
ul.listSt02 li span.img{padding-left:10px;width:116px}

#friend .listSt03.present .area .txt, #talk .listSt03.present .area .txt{margin-top:15px}