/* ===== 공통css ===== */ .colorrd{color:#d90925;} .fw5{font-weight:500;} .opensans{font-family:"open-sans";} .color3{color:#333;} .mask{display:none;} .mask.on{display:block;} .border-right{border-right:1px solid #cecece; width:2px; height:10px; display:inline; margin-top:5px; margin-left:6px; margin-right: 8px;} .hide_txt{display:none; height:0; line-height:0; width:0; font-size:0;} .red_title{font-size:16px; color:#111;text-indent:20px;font-weight:500;background:url('../../images/sub/record/redicon.png') 0 50% no-repeat;margin-bottom:12px; background-size:16px 16px; letter-spacing:-0.06em;} .gray_title{font-size:16px; color:#111;text-indent:20px;font-weight:500;background:url('../../images/sub/login/grayicon.png') 0 50% no-repeat;margin-bottom:12px; background-size:16px 16px; letter-spacing:-0.06em;} /* ===== header - css ===== */ #wrap{} #header h1 {position: absolute; top:0px; left:0px;} #header h1 img {width: 128px;} #header .inner {height:55px; width:100%; background:#292929;} #header .inner > ul {z-index:9; position: absolute; top: 55px; left:0; right:0; display: none; z-index: 99999; background: #fff; } #header .inner > ul > li {display: block; padding: 0; line-height:38px; width: 100%; border-bottom:1px solid #dadada; } #header .inner > ul > li > a {display: block; width:100%; color: #222; font-weight:200; font-size:14px; letter-spacing:-0.6px; line-height: 25px; padding:4px 0px;} #header .inner > span.cd-grade {display: block; width:55px; height:50px; font-size:0px; line-height:0; position: absolute; top:2px; right:68px; } #header .inner > span.cd-menu-icon {display: block; width:68px; height:55px; font-size:0px; line-height:0; position: absolute; top:0; right:0; background:url("../images/common/menu_btn.png") 0 0 no-repeat; background-size:100%;} #header .inner > span.on{background:url("../images/common/menu_btn_on.png") 0 0 no-repeat; background-size:100%; z-index:999999;} #header .inner > ul > li.menu_top div ul{overflow:hidden;} #header .inner > ul > li.menu_top div ul li{float:left; width:30%; text-align:center;padding: 12px 0;} #header .inner > ul > li.menu_top div ul li:last-child{width:40%;} #header .inner > ul > li.menu_top div ul li a{display:block; font-size:14px; color:#6d6d6d; border-left: 1px solid #ddd;line-height: 19px;} #header .inner > ul > li.menu_top div ul li:first-child a{border-left:0;} #header .inner > ul > li > h2{display:block;} #header .inner > ul > li.menuli > h2{color:#505050; font-size:16px;text-indent: 15px; font-family:"MalgunGothic"; font-weight:bold;} #header .inner > ul > li.menuli.on > h2{color:#c61129;} #header .inner > ul > li .submenu ul li a{color:#666666; display:block; font-size:13px; text-indent:17px; } #header .inner > ul > li .submenu ul{background:#f2f2f2;} #header .inner > ul > li .submenu ul li{border-top:1px solid #fff;} #header .inner > ul > li .submenu ul li:first-child{border-top:2px solid #d90925;} #header .inner > ul > li.menuli{background:#fff url("../images/common/menu_off_icon.png") 95% 13px no-repeat; background-size: 18px;} #header .inner > ul > li.menuli.on{background:#fff url("../images/common/menu_on_icon.png") 95% 13px no-repeat; background-size: 18px;} /* ===== footer - css ===== */ #footer .boxlink{text-align:Center; padding: 1.5rem 0; background: #292929;} #footer .boxlink li{display:inline-block;width: 80px;text-align: center;padding: 5px; border:1px solid #585858; border-radius:3px;} #footer .boxlink li a{font-size:13px; font-weight:400; color:#ffffff; display:block;} #footer .ftlink{text-align:Center; padding-top:20px; margin-top:0px; border-top:1px solid #ccc9c9;} #footer .ftlink li{display:inline-block;} #footer .ftlink li a{font-size:13px;} #footer .fttxt{color:#666; letter-spacing:-1px; font-size:11px; -webkit-text-size-adjust: none; padding:10px 0px;} .top_btn{background:url("../images/common/top_btn2.png") 77% 5px no-repeat; background-size:12px 9px; display:block; text-indent:-10px;} /* ===== main section - css ===== */ /* 161026 수정 */ .re_main {background:url("../images/main/re_main_bg.jpg") 50% top no-repeat; background-size:cover; padding-bottom:4%} .main img{width:100%;} .main .slider .bx-wrapper {margin: 0px auto; width: 100%; position: relative;} .main .slider .bx-pager {bottom: 6%;position: absolute;width: 100%;left: 0;text-align: center;z-index: 99;} .main .slider .bx-pager-item {margin-right: 2px;display: inline-block;} .main .slider .bx-pager-item a {background: url('../images/main/slide_btn_off.png') 0 0 no-repeat;width: 12px;height: 12px;text-indent: -999em;background-size: 100%;display: inline-block;} .main .slider .bx-pager-item a.active {background: url('../images/main/slide_btn_on.png') 0% 0 no-repeat;width: 34px;height: 12px;background-size: 100%;} h3.h3title{font-size:17px; font-family:"MalgunGothic"; font-weight:bold; border-bottom:1px solid #d6d6d6; display:block; height:35px; line-height:35px; width:100%; position:relative; text-indent:10px; margin-bottom:20px;} h3.h3title .plus_btn{font-size:0; text-indent:-99999999px; background:url("../images/main/main_morebtn.gif") 0 0 no-repeat; width:35px; height:35px; background-size:100%; position:absolute; display:block; right:0; top:0;} .main_slide02 {margin-bottom:50px;} .main .main_slide02 .bx-wrapper {margin: 0px auto; width: 100%; position: relative;} .main_slide02 .bxslider2 li{text-align:center;} .main_slide02 .bxslider2 li img{width:95%;} /*.main_slide02 .bx-pager{position:absolute; bottom:-20px;; left:50%; margin-left:-35px; width:70px;} .main_slide02 .bx-pager .bx-pager-item {display: block; width: 12px; height: 12px; margin:0px 5px; float: left; } .main_slide02 .bx-pager .bx-pager-item a {display: block; width: 12px; height: 12px; background: #5c5c5c; text-indent:-999999px; border-radius:99999px;} .main_slide02 .bx-pager .bx-pager-item a.active {display: block; width: 12px; height: 12px; background: #c61129; text-indent:-999999px; border-radius:99999px;}*/ .main_slide02 .bx-pager{/* position:absolute; *//* bottom:-20px; *//* left: 0; *//* margin-left:-35px; *//* width: 100%; */text-align: center;/* margin: 0 auto; *//* display: block; overflow: hidden;*/margin-top: 10px;} .main_slide02 .bx-pager .bx-pager-item {display: inline-block; width: 12px; height: 12px; margin:0px 5px;/* float: left; */} .main_slide02 .bx-pager .bx-pager-item a {display: block; width: 12px; height: 12px; background: #5c5c5c; text-indent:-999999px; border-radius:99999px;} .main_slide02 .bx-pager .bx-pager-item a.active {display: block; width: 12px; height: 12px; background: #c61129; text-indent:-999999px; border-radius:99999px;} .main_middle_link {width: 90%; margin:0 auto;} .main_middle_link ul{overflow:hidden; } .main_middle_link ul li{float:left; width:48%; text-align:center; cursor:pointer; margin-bottom:4%; background: url('../images/main/main_middle_link_bg.png') left top no-repeat; background-size: 100% auto; /*height:150px;*/} .main_middle_link ul li.li02 {float: right} .main_middle_link ul li p.big{font-size: 1.8rem;font-weight: 600;line-height: 2rem;text-align: left;letter-spacing: -0.15rem;} .main_middle_link ul li p.small{font-size: 1rem;line-height: 1.2rem;margin: 1% 0 0 10%;text-align: left;letter-spacing: -0.1rem;} .main_middle_link ul.ul01 li.li01 p{color:#fff;} .main_middle_link ul.ul02 li.li02 p{color:#fff;} .main_middle_link ul li .hide {font-size:0; line-height: 0; display: none} .tab_con1 p.btn_right label{width:50px; height:25px;border:1px solid #292929;color:#fff;font-size:10px;line-height:20px;text-indent:24px;background: url('../images/sub/community/s_bg.jpg') 0 0 no-repeat;display: inline-block; *zoom: 1;*display: inline;} /*160404추가*/ .main_middle_link ul.ul01 li.li01 p.more_btn{background:url("../images/main/main_morebtn_icon01.png") 91% 8px no-repeat; background-size:5px 11px;} .main_middle_link ul.ul01 li.li02 p.more_btn{background:url("../images/main/main_morebtn_icon02.png") 91% 8px no-repeat; background-size:5px 11px;} .main_middle_link ul.ul02 li.li01 p.more_btn{background:url("../images/main/main_morebtn_icon02.png") 91% 8px no-repeat; background-size:5px 11px;} .main_middle_link ul.ul02 li.li02 p.more_btn{background:url("../images/main/main_morebtn_icon01.png") 91% 8px no-repeat; background-size:5px 11px;} .main_middle_link ul.ul03 li.li01 p.more_btn{background:url("../images/main/main_morebtn_icon02.png") 91% 8px no-repeat; background-size:5px 11px;} .main_middle_link ul.ul03 li.li02 p.more_btn{background:url("../images/main/main_morebtn_icon01.png") 91% 8px no-repeat; background-size:5px 11px;} .main_middle_link ul.ul04 li.li01 p.more_btn{background:url("../images/main/main_morebtn_icon02.png") 91% 8px no-repeat; background-size:5px 11px;} .main_middle_link ul.ul04 li.li02 p.more_btn{background:url("../images/main/main_morebtn_icon01.png") 91% 8px no-repeat; background-size:5px 11px;} .main_middle_link ul.ul05 li.li01 p.more_btn{background:url("../images/main/main_morebtn_icon02.png") 91% 8px no-repeat; background-size:5px 11px;} .main_middle_link ul.ul05 li.li02 p.more_btn{background:url("../images/main/main_morebtn_icon01.png") 91% 8px no-repeat; background-size:5px 11px;} .main_middle_link ul li p:first-child{margin: 10% 0 0 10%;} .main_middle_link ul li p.more_btn{font-size:12px; height:26px; line-height:26px; width:110px; text-align:center; margin:0 auto 15px; text-indent:-20px;} .notice_div{width:95%; margin:0 auto 25px;} table.notice_txt{width:100%;} table.notice_txt td{color:#666; padding:2px 0px;} table.notice_txt td a{color:#666; font-size:13px; max-width:240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block;} .notice_div .notice_bigtxt p{color:#333333;} .notice_div .notice_bigtxt .big{font-size:20px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100%} /*.notice_div .notice_txt ul{overflow:hidden;} .notice_div .notice_txt li{color:#666666; float:left;} .notice_div .notice_txt li a{color:#666;}*/ .notice_border{width:50px; border-top:1px solid #cacaca; padding:15px 0 0; margin-top:15px;} .info{border-top:1px solid #d6d6d6; margin-top:25px;} .bottom_link ul li{float:left; width:50%; box-sizing:border-box; padding:9px 0;} .bottom_link ul li:first-child{border-right:1px solid #d6d6d6;} .bottom_link{border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; background:#f5f5f5; margin-bottom:0px;} .bottom_link ul{overflow:hidden; } .bottom_link ul:first-child{-webkit-box-shadow: inset 0px 11px 10px -7px #dbdbdb; box-shadow:inset 0px 11px 10px -7px #dbdbdb;-moz-box-shadow: inset 0px 11px 10px -7px #dbdbdb; border-bottom:1px solid #d6d6d6;} .bottom_link ul li a{color:#646464; background:url("../images/main/main_bottomlinkicon.png") 90% 1px no-repeat; background-size:20px 20px; font-size:13px; text-indent:10px; display:block; padding:2px 0;-webkit-text-size-adjust: none; } /*==================회원관련 css ===============*/ /* 로그인 */ .re_main .login_div {width: 90%; margin:0 auto} .re_main .login_div .login_div1{margin:0; padding: 4% 0 5% 0; border:0;} .re_main .login_div .login_n2 { background: #e9e9e9; border-radius: 4px; overflow: hidden; box-sizing: border-box; border:1px solid #d8d8d8; box-shadow: #fff 0px 0px 3px inset;} .re_main .login_div .login_n5 { width: 45%; background: #e9e9e9; border-radius: 4px; overflow: hidden; box-sizing: border-box; border:1px solid #d8d8d8; box-shadow: #fff 0px 0px 3px inset;} .re_main .login_div .login_div1 div.login_n2 {padding: 3% 3% 3% 3%} .re_main .login_div .login_n3 { background: #e9e9e9; border-radius: 3px; overflow: hidden; box-sizing: border-box; border:1px solid #d8d8d8; box-shadow: #fff 0px 0px 0px inset; } .re_main .login_div .login_div1 div.login_n3 {padding: 1% 5% 1% 5%} .re_main .login_div .pl_login_tit {text-align: center;padding: 45px 0 5px 0;background: url('../images/main//pl_login_bg.png') 50% top no-repeat;background-size: 42px auto;font-size: 1.5rem;} .re_main .login_div .pl_login_tit strong {color: #c61129} .re_main .login_div .pl_login_tit2 strong {color: #c61129} .re_main .login_div .login_div1 div.login_btn a{font-weight: 400;} .login_div .login_div1, .login_div .login_div2{border:1px solid #d7d7d7;} .login_div .login_div1{width:100%; box-sizing:border-box; text-align:center; margin-bottom:10px;} .login_div .login_div1 div.login_btn{padding:0px; width:100%; height:33px; border:1px solid #bf010a; background-color:#d52f37; text-align:center;line-height:35px; margin:0px auto; } .login_div .login_div1 div.login_btn a{color:#fff;font-size:14px; display:block;} .login_div .login_div1 div.login_btn2{padding:0px; width:50%; height:50px; border:1px solid #bf010a; background-color:#d52f37; text-align:center;line-height:45px; margin:0px auto; } .login_div .login_div1 div.login_btn2 a{color:#fff;font-size:14px; display:block;} .loginbox{position:relative; padding:8%; background:#fbfbfb;border-bottom: 1px solid #d7d7d7;} .login_t{padding:5%;display:block;overflow:hidden; text-align:left;} .login_t p{font-size:12px; color:#767676;line-height:18px; font-weight:300; float:left; width:61%; padding-right:1%;} .login_t a{font-weight:normal; height:25px; border:1px solid #292929;color:#fff; background:#4c4c4c url('../../images/sub/login/box_bg.jpg') 90% 1px no-repeat;text-indent:6px; line-height:25px; float:left; width:34%;} .login_t .join_btn{display:inline-block; height:25px; background-color:#FFF; border:1px solid #808080; color:#333;background:url('../../images/sub/login/box_bg.png') 90% 50% no-repeat; text-indent:6px; line-height:25px; float:left; width:34%;} /*.login_div2{width:215px; height:353px; margin-right:60px;padding:37px 0px 0px 25px ;border:1px solid #d9d9d9;background:url('../../images/sub/login/login_bg.jpg') 0 0 no-repeat;} .login_div2 p{font-size:25px; color:#111; font-weight:500; letter-spacing:-1px;line-height:30px; margin-bottom:17px;} .login_div2 p strong{font-weight:600; color:#549e2b;} .login_div2 span{color:#666; font-size:15px;letter-spacing:-1px; line-height:20px;}*/ .p_id{margin-bottom:15px;} .check_div{text-align:left; color:#767676; margin:10px 0; font-size:13px;} .login_t .spanicon{float:left; width:3%;} .login_t > div{overflow:hidden; margin-bottom:7px;} .login_img{margin:0px 0 50px;} .login_img img{width:100%;} /* 게임번호 로그인 */ .login_div .login_div1 div.login_n{padding: 8%; box-sizing:border-box;width:100%;background-color:#FFF; text-align:left;} .login_div .login_div1 div.login_n p{font-size:15px; color:#333; font-weight:400;margin-bottom:10px;} .login_div .login_div1 div.login_n p strong{color:#445d78;} .login_div .login_div1 div.login_n span{font-size:12px; color:#767676;font-weight:300;letter-spacing: -0.03em; } .login_div .login_div1 div.login_n2{padding:20px 0px 0px;width:100%;background-color:#fbfbfb;padding: 5%; box-sizing:border-box;} .login_div .login_div1 div.login_n2 .login_btn{margin-top:5px;} .login_div .login_div1 div.login_n3{width:100%; height:71px; vertical-align: bottom; text-align:left; background-color:#fbfbfb; box-sizing:border-box; margin-bottom:5px; } .login_div .login_div1 div.login_n4{width:100%; height:190px; vertical-align: bottom; text-align:left; background-color:#fbfbfb; box-sizing:border-box; margin-bottom:5px;margin-top:5px; } .login_div .login_div1 div.login_n5{width:100%; height:250px; vertical-align: bottom; text-align:left; background-color:#fbfbfb; box-sizing:border-box; margin-bottom:5px;margin-top:5px; } /* 아이디 찾기 */ .login_div .login_div1.idbox_div1{margin-bottom:10px;} .login_div .login_div1 div.idbox{ background-color: #fbfbfb; border-bottom: 1px solid #d7d7d7;padding:5%; box-sizing:border-box;} .login_div1 .idbox a.conbt{font-size:13px;font-weight:300;border:1px solid #bf010a; background-color:#d52f37; color:#fff; text-align:center; line-height:30px; height:30px; width:28%;display:inline-block;} .login_div1 .idbox input.box03.w70{display:inline-block; width:66%;} .login_div1 .idbox p{color:#989898; font-size:12px; font-weight:300; margin-top:7px; text-align:left; letter-spacing:-0.04em;} a.id_btn{float:none;text-indent:0px;width:100px; height:30px; border:1px solid #505050; text-align:center; line-height:30px; color:#333;font-size:14px; font-weight:300; background:none;display:block;margin:29px auto;} .login_div .login_div1, .login_div .idbox_div2{margin-bottom:10px;} .bt_p{font-size:12px; color:#666;font-weight:300; margin-bottom:10px; letter-spacing:-0.04em;} .idbox_top{margin-bottom:15px;} /* 비밀번호찾기 */ .login_div1.pwbox_div1{ background-color: #fbfbfb; border-bottom: 1px solid #d7d7d7;} .login_div .pwbox_div1, .login_div .pwbox_div2{margin-bottom:26px;} a.pw_btn{float:none;text-indent:0px;width:100px; height:30px; border:1px solid #505050; text-align:center; line-height:30px; color:#333;font-size:14px; font-weight:300; background:none;display:block;margin:29px auto;} /* 회원가입 */ .join_ul{display:block; overflow:hidden;width:100%;margin-bottom:37px;} .join_ul li{text-align:center;line-height:44px;float:left;width:33.33%;box-sizing:border-box; height:44px; background:url('../../images/sub/login/joing_bg.jpg') 0 0 repeat-x;border:1px solid #d9d9d9; color:#8f8f8f; font-size:13px; font-weight:400;} .join_ul li.on{width:33.33%;border-left:none;border:1px solid #445d78; background:none;background-color:#445d78;color:#fff; } .join_ul li:last-child{border-left:none;} .info_agree_txt{ color: #767676; padding: 15px 10px 15px 10px; width: 100%; box-sizing:border-box; height: 253px; border: 1px solid #d9d9d9; overflow-y: scroll; overflow-x: hidden; font-size: 12px; line-height: 18px; font-weight: 300; background-color:#fdfdfd;} .info_agree_check { padding: 12px 0 10px 18px; text-align:right;font-size: 12px; color: #767676; font-weight: 300;} .info_agree_box p{margin-top:35px;} .info_agree_txt strong{color:#111; font-size:13px;font-weight:400;} .info_bottom{width:100%;border-top:1px solid #d6d6d6; border-bottom:1px solid #7c7c7c; background-color:#fafafa;text-align:center; padding:10px 0; margin-top:10px;} .info_bottom label{color:#767676; font-size:12px; font-weight:300; letter-spacing:-0.05em; display:block; padding-top:5px;} .info_bottom label strong{color:#333;font-weight:400;} .agree_btn{font-size:14px;border:1px solid #bf010a; background-color:#d52f37; color:#fff; text-align:center; line-height:36px; width:110px; height:36px;display:block;margin:auto;margin-top:30px;margin-bottom:70px;} /* 아이디 찾기 완료 */ .joinend_div .top_title{margin-bottom:60px;} .end_box{width:100%; border-top:1px solid #505050; border-bottom:1px solid #000;background-color:#f9f9f9; border-bottom:1px solid #d7d7d7;text-align:center;margin-bottom:70px; padding:50px 0;} .end_box p{font-size:12px; color:#333;font-weight:300;margin:auto;} .end_box p strong{color:#d90925; text-decoration:underline;} /* 회원가입완료 */ .join_end{width:100%;border-bottom:1px solid #d7d7d7; text-align:center;} .join_end p{font-size:17px; color:#111;font-weight:400; margin-top:50px; letter-spacing:-0.04em;} .join_end p strong{color:#445d78;} .join_end p span{font-size:12px; color:#666;font-weight:300; display:block; margin-top:10px;} .join_end p.txt{margin:25px 0 50px;;} /*회원가입폼*/ .red_point{color:#c80a13;} .form_top{font-size:12px; color:#767676; margin-bottom:25px; font-weight:300; letter-spacing:-0.04em; } .join_form {margin-bottom:60px;} .join_form table, .detail_form table{border-top:1px solid #000;width:100%;} .join_form table tr td:first-child , .detail_form table tr td:first-child{background-color:#f9f9f9;border-right:1px solid #d7d7d7;} .join_form table tr td:first-child, .detail_form table tr td:first-child{border-bottom:1px solid #d7d7d7; font-size:12px; color:#222; font-weight:400;letter-spacing: -0.06em;} input.wd208{width:100px; height:25px; border:1px solid #d7d7d7; padding: 0px 0px 0px 7px;} input.wd156{width:120px; height:25px; border:1px solid #d7d7d7; padding: 0px 0px 0px 7px;} input.wd356{width:320px; height:25px; border:1px solid #d7d7d7; padding: 0px 0px 0px 7px;} input.wd200{width:220px; height:51px; border:1px solid #d7d7d7; padding: 0px 0px 0px 7px;} .join_form table tr td p{font-size:12px; font-weight:300; color:#666;margin-top:10px;} .join_form table tr td p strong{font-weight:400;color:#222;margin-left:5px;} .join_form td{border-bottom:1px solid #d7d7d7; padding: 8px 10px; } .detail_form td{font-size:12px; font-weight:300; color:#666;margin-top:10px; border-bottom:1px solid #d7d7d7;padding: 8px 10px; } .detail_form input{margin-right:10px;} .detail_form table tr td.bold_text label{color:#222;font-size:13px;font-weight:300;} .detail_form table tr td.bold_text label:first-child{margin-right:10px;} .detail_form table tr:last-child td label:first-child{margin-right:10px;} .detail_form a :not(.social-login-btn) {margin-top:1px;width:80px;height:25px; border:1px solid #505050; color:#333; font-size:13px; font-weight:300;line-height:25px;text-align:center;display:inline-block;} .detail_form table td.file_td input{margin-right:0px;} .detail_form table td.file_td p{margin-top:10px;} .join_ul li.bdrightnone{border-right:0;} /*160609*/ /* 내프로필 */ .detail_form input.nic{margin-right:0;} .end_box_inner{width:200px;margin:0 auto; }/**/ .profile_div .end_box{width:100%; text-align:left;box-sizing: border-box;margin-bottom:20px; padding:35px 0px 25px;} .profile_div .end_box label{color:#333; font-size:13px; font-weight:400;width:60px;display: inline-block; *zoom: 1;*display: inline;} .profile_div .end_box label:first-child{margin-bottom:17px;} .profile_div .end_box span{color:#446cae;} .profile_div .bottom_p{text-align:center;font-size:14px; color:#767676; font-weight:300;margin-bottom:20px;} .profile_div .con_btn{margin:auto;margin-top:45px;margin-bottom:220px;display:block;width:128px; height:41px; border:1px solid #bf010a; background-color:#d52f37;color:#fff; font-size:16px;text-align:center;line-height:41px;} .fs13{font-size:13px; font-weight:400;} .fs12{font-size:12px; font-weight:400;} .end_box p.middle_txt{color: #989898; margin-bottom:10px;} .profile_div.change_pw .end_box label{width:130px;} .change_pw .end_box_inner{width:270px; margin:0 auto;} .agree_btn.profile{font-size:14px;border:1px solid #bf010a; background-color:#d52f37; color:#fff; text-align:center; line-height:36px; width:110px; height:36px;display:block;margin:auto;margin-top:25px;margin-bottom:50px;} .gr_bottom{margin-bottom:104px;width:100%; border-top:1px solid #505050;border-bottom:1px solid #d7d7d7; font-size:14px;font-weight:300; padding:15px 5px; box-sizing:border-box;} .gr_bottom .form_top{margin-bottom:10px;} .gr_bottom a :not(.social-login-btn) {text-indent:0px;width:118px;margin:0 auto; height:36px; display:block; *zoom: 1;*display: inline; line-height:36px; text-align:center;color:#fff; border:1px solid #343434; background-color:#4c4c4c;} .profile_pw{ width: 120px; height: 25px; border: 1px solid #d7d7d7; padding: 0px 0px 0px 7px;} /* ===== sub section - css ===== */ .section_line{width:100%; overflow:hidden; background:#f5f5f5; height:40px; line-height:40px; margin-bottom:35px;} .section_line ul li{float:left; margin-left:5px;line-height:40px; padding-right:12px; } .section_line ul li.linebg{background:url('../images/common/section_line_bg.png') 100% 50% no-repeat;background-size:25px auto;} .section_line ul li.lineheight{line-height:20px;padding-right: 20px;} .section_line ul li.home_btn{background:#c61129; margin-left:0; padding-right:9px;} .section_line ul li.home_btn img{width:19px; padding-top:11px; padding-left:9px;} .section_line ul li a{color:#111111; font-size:13px; padding:0 2px;} .sub h3{font-size:22px; font-weight:500; border-bottom:1px solid #292929; color:#111; margin-bottom:30px; padding-bottom:5px; letter-spacing:-0.06em;} .width95{width:95%; margin:0 auto;} .button1 { padding: 0; width: 100%; color: #f3f3f3; height: 30px; font-size: 1.4em; background-color: #810000; border-radius: 3px 3px 3px 3px; } /*paging*/ .paging .hide {display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden;} .paging{padding:15px 0px 15px 0px; text-align:center; min-width:306px;margin-bottom: 30px;} .paging a{display:inline-block; width:28px; height:28px; line-height: 28px; vertical-align:middle; border:1px solid #e7e7e7; text-decoration:none; color: #666666;} .paging a:hover{text-decoration:none; color: #666666;} .paging a:active{text-decoration:none; color: #666666;} .paging .btn_arr{text-decoration:none;} .paging .btn_arr, .paging .on{margin:0 1px; padding-top:0; } .paging .on{height:28px; line-height: 28px; width: 28px; color:#fff; font-weight:bold; background:#c80a13; border:1px solid #c80a13; } .paging .on:hover{text-decoration:none;} .paging .paging_pd {padding:0px 0px} .paging .first{background:url('../images/common/page_bt_arrow.gif') 0 0 no-repeat;background-size: 100%; border:0px; width: 28px; height: 28px; z-index:9999} .paging .prev{background:url('../images/common/page_bt_prev.gif') 0 0 no-repeat;background-size: 100%; border:0px; width: 28px; height: 28px;} .paging .next{background:url('../images/common/page_bt_next.gif') 0 0 no-repeat; background-size: 100%;border:0px; width: 28px; height: 28px;} .paging .last{background:url('../images/common/page_bt_last.gif') 0 0 no-repeat;background-size: 100%; border:0px; width: 28px; height: 28px;} /* 공지사항 */ /*#section .sub table.notice_list tr th{background:#fff; padding:13px 0; border-right:0; border-bottom:1px solid #023d7f;} #section .sub table.notice_list tr td.list_head{background:#f4f8fc;} #section .sub table.notice_list tr td.list_head.num{color:#023d7f;} #section .sub table.notice_list tr td{font-size:12px; color:#666;} #section .sub table.notice_list tr td a{color:#666;} .notice_list tr th:first-child span{border-left:0;} .notice_list tr th span{display:block; border-left:1px solid #ddd; font-size:14px; font-weight:400;} #section .sub table.notice_list tr td.procudt{color:#023d7f;} #section .sub table.notice_list tr td.cate{color:#111;} #section .sub table.notice_list td a {color: #000000; display: inline-block; max-width: 200px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #section .sub .list_tit.notice_view td{font-weight:bold;} #section .sub .list_tit td{background-color:#f8f8f8 ; } #section .sub .list_tit td strong{color:#000; font-weight:700;} #section .sub table.notice_list td a {color: #000000; display: inline-block; max-width: 200px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }*/ table.notice_list {border-top: 2px solid #c61129; border-bottom: 1px solid #e7e7e7; width:100%; } table.notice_list th {color: #111; font-size: 13px; padding:10px 0px; text-align: center; background: #f9f9f9; font-weight:500;border-left: 1px solid #d7d7d7;} table.notice_list td{border-top: 1px solid #d7d7d7; color: #666666; font-size: 13px; padding:10px 5px; text-align: center; font-weight: 300;border-left: 1px solid #d7d7d7;} table.notice_list th:first-child{border-left:0;} table.notice_list td:first-child{border-left:0;} table.notice_list td.title {text-align: left;} table.notice_list td.title a {color: #666666} table.notice_list tr.list_tit td.title a{color:#17469e;/* text-overflow: ellipsis; overflow: hidden; display: block; height: 30px;*/} table.notice_list tr.list_tit td.not{color:#17469e;} table.notice_view {border-top: 2px solid #17469e; } table.notice_view td.notice_view_img {text-align: center; padding:20px 0px;} table.notice_view th {color: #111; font-size: 13px; padding:13px 0px; text-align: left; padding-left:15px; background: #f8f8f8; border-bottom:1px solid #e7e7e7 } table.notice_view td {color: #777; font-size: 13px; padding:13px 0px; text-align: left;/* padding-left:15px;*/ border-bottom:1px solid #e7e7e7 } table.notice_view td img {width:100%;} /* 공지사항 - view */ .nview_div table{border-top:2px solid #d90925;width:100%;} .nview_div table tr{height:41px;} .nview_div table th{font-size:13px; color:#333; font-weight:400; text-align:left; border-bottom:1px solid #d7d7d7;} .nview_div table tr.contents_tr{height:100%;} .nview_div table tr.contents_tr img{text-align:center;} .nview_div table tr td{border-bottom:1px solid #d7d7d7;} .nview_div table tr td p{font-size:12px; color:#767676; font-weight:300; line-height:18px;} .nview_div table tr.contents_tr td{padding:20px 0;} .nview_div table tr.contents_tr td img{display:block;margin:auto; width:100%;} .nview_div table tr td img.file_icon{margin-bottom:0px; vertical-align:middle; padding-bottom:5px;} .notice_Bdiv .list_btn{margin-top:18px;width:83px; height:31px; border:1px solid #808080; font-size:14px; line-height:31px; text-align:center;color:#333; display:inline-block;} .nview_div table tr.head_tr td{line-height:18px;color:#666; font-size:12px; font-weight:300;} .nview_div table tr.head_tr td a{line-height:18px;color:#666; font-size:12px; font-weight:300;} .nview_div table tr td.bd_td{font-size:12px; color:#505050;} /*자주묻는질문*/ /* faq */ .faq_list{border-collapse:collapse; width: 100%; border-top:2px solid #c61129;} .faq_list tr td:first-child {text-align: center; vertical-align: top; } .faq_list tr td:first-child img {position: relative; top:7px;} .faq_list tr td img{width:25px;} .faq_list .answer.on td img {position: relative; top:4px;} .faq_list th {background:none} .faq_list .question .q_tit {cursor: pointer} .faq_list td {padding:4px 0px; height:24px; text-align:left; border-bottom:1px solid #dcdad3; line-height:24px; font-size: 14px; } .faq_list .answer td{border-bottom:0 none} .faq_list .answer.on td{padding:12px 0px; border-bottom:1px solid #d7d7d7;background-color:#f9f9f9; color:#666666; line-height: 20px;} .faq_list a{display:block; width:95%;line-height:24px; padding: 10px 0px; color: #222222; font-weight:500; line-height: 20px;} /* 1:1문의 */ .faq_list2{border-collapse:collapse; width: 100%; border-top:2px solid #c61129;} .faq_list2 tr td:first-child {text-align: center; color:#666666; } .faq_list2 tr td:first-child img {position: relative; top:12px;} .faq_list2 .answer2.on td img {position: relative; top:4px;} .faq_list2 th {background:none} .faq_list2 .question2 .q_tit {cursor: pointer} .faq_list2 td {padding:4px 7px; height:24px; text-align:left; border-bottom:1px solid #dcdad3; line-height:24px; font-size: 13px; } .faq_list2 .answer2 td{border-bottom:0 none} .faq_list2 .answer2.on td{padding:12px 0px; border-bottom:1px solid #d7d7d7;background-color:#f9f9f9; color:#666666; line-height: 20px;} .faq_list2 a{display:block; width:95%;line-height:24px; padding: 10px 0px; color: #222222; font-weight:500; line-height: 20px;} .faq_list2 tr td.icon{text-align:Center;} .faq_list2 tr td.icon span{display:block; background:#d52f37; width:75px; height:28px; line-height:28px; border-radius:2px; color:#fff; border:1px solid #bf010a;} .faq_list2 tr td.icon.off span{background:#6d6d6d; border:1px solid #5a5a5a;} .faq_list2 tr td.q_tit span.data{color:#666666; } .faq_list2 tr td.q_tit a{padding:10px 0px 0px;} .faq_list2 tr td.q_tit span.data{display:block; padding:0px 0px 10px;font-weight: 300;} .faq_list2 .answer2 td p.title{color:#222222; font-weight:500;} .faq_list2 .answer2 td p.title1{color:#222222; font-weight:500;} .faq_list2 .answer2 td p.title.mtop8{margin-top:8px;} .faq_list2 .question2 td:first-child{border-right:1px solid #dcdad3; } .list_writediv .top_right{text-align:right; font-size:13px; color:#666666; letter-spacing:-0.03em} #section .sub table.list_write {width:100%; border-top:1px solid #c61129; margin-top:10px;} #section .sub table.list_write td {text-align: left; border-bottom: 1px solid #d7d7d7; padding:6px 0px 6px 12px; color:#666;} #section .sub table.list_write th { padding:0px 5px; font-weight:500; height: 52px; border-bottom: 1px solid #d7d7d7; border-right:1px solid #d7d7d7; background:#f9f9f9; font-size:13px; font-weight:400; text-align:left;} .box01 {width: 93%; height: 31px; border:1px solid #d2d2d2;line-height: 31px;padding:0px 3px;} .box02 {width: 60%; height: 31px; border:1px solid #d2d2d2; line-height: 31px; padding:0px 3px;} .box03 {width: 80%; height: 31px; border:1px solid #d2d2d2; line-height: 31px; padding:0px 3px;} .box04 {width: 52px; height: 31px; border:1px solid #d2d2d2; line-height: 31px; padding:0px 3px;} .box05 {width: 85px; height: 31px; border:1px solid #d2d2d2; line-height: 31px; padding:0px 3px;} .box06 {width: 100%; height: 61px; border:1px solid #d2d2d2; line-height: 31px; padding:0px 3px; box-sizing:border-box;} .box07 {width: 50%; height: 61px; border:1px solid #d2d2d2; line-height: 31px; padding:0px 3px; box-sizing:border-box;} #section .sub table.list_write textarea{ width: 95%; height: 320px; border:1px solid #d2d2d2; resize: none } #file {opacity: 0.00; filter: alpha(opacity=00); width: 5px; display: none;} .file_label {display: inline-block; width: 58px; height: 31px; border:1px solid #555555; background: #ffffff; line-height: 31px; color: #000000; text-align: center; font-weight: 600; *position: absolute; } .bt {display: inline-block; width: 58px;; height: 30px; border:1px solid #424141; color: #ffffff; font-weight: 600; font-size:13px; cursor:pointer; text-align: center; line-height: 30px; background-color: #023d7f; *margin-right: 5px; } .bt2 {display: inline-block; width: 59px;; height: 30px; border:1px solid #aaaaaa; color: #505050; font-weight: 600; font-size:13px; text-align: center; cursor:pointer; line-height: 30px; background-color: #ffffff; margin-right: px; } .list_btns {text-align: center; } .dis_none{display:none;} .list_btns.right{text-align:right;} .margin20{margin:15px 0px;} .go_btn.fw4{font-weight:400;} .select1{height: 31px; line-height: 28px; width: 52px; border: 1px solid #d2d2d2;} .select2{height: 31px; line-height: 28px; width: 85px; border: 1px solid #d2d2d2; margin-top:5px;} .select3{height: 31px; line-height: 28px; width: 100px; border: 1px solid #d2d2d2; margin-top:5px;} .list_btns {text-align: center; } .list_btns.bt70{margin:30px 0 70px;} .go_btn {display: inline-block; width: 80px; height: 30px; /* position: relative; left: 0; */ background-color: #d52f37; color: #ffffff; text-align: center; line-height: 30px;/* margin: 8px 0px 8px -29px; */margin:auto; border:1px solid #bf010a; font-weight: 500} .go_btn.wh {background:#fff; border:1px solid #808080; color:#333333;} .go_btn4 {display: block; margin:auto;width: 60px; height: 30px; /* position: relative; left: 0; */ background-color: #023d7f; color: #ffffff; text-align: center; line-height: 30px;/* margin: 8px 0px 8px -29px; */margin:auto; border:1px solid #00346e; font-weight: 500} .inquiry_box{border-top:2px solid #c61129; background:#f9f9f9; text-align:center;padding:40px 0px; margin-bottom:50px;} .inquiry_box .p1{font-weight:300; color:#666; font-size:13px;} .inquiry_box .p2{font-weight:400; font-size:16px; color:#222222; padding:8px 0 3px; } .inquiry_box .p3{font-weight:400; font-size:13px; color:#666; } .inquiry_box .list_btns{margin-top:25px;} .inquiry_box .list_btns .go_btn{font-weight:300;} /*매장찾기*/ .more_btn{width:100%; height:40px; line-height:40px; text-align:center; border:1px solid #d7d7d7; margin:20px 0 60px; } .more_btn a{display:block; font-size:14px; color:#434343; background:url("../images/sub/cscenter/more_btn_icon.png") 60% 17px no-repeat; background-size:13px 8px; text-indent:-20px; } .store_wrap{border-top:2px solid #c61129; margin-top:20px;} .store_serch{width:100%; padding: 15px 10px; border-bottom: 1px solid #d7d7d7; box-sizing:border-box;} .store_serch p{color:#222; font-size:15px; line-height: 18px; width: 100%;font-size:14px; font-weight:500;} .store_serch .store_ad{color:#666666; display:block; font-size:13px; font-weight:300; padding:6px 0 2px;} .store_serch .store_tel{display:block;} .store_serch .store_tel a{color:#c61129;font-size:13px;} .store_top_txt{background:#f9f9f9; border-bottom:1px solid #d7d7d7; padding:10px;} .store_top_txt .title{font-size:16px;background:url("../images/sub/cscenter/store_icon.png") 0px 3px no-repeat; background-size:13px 18px; text-indent:18px; } .store_top_txt .cont{padding-top:5px; text-indent:18px; font-size:13px; color:#666; font-weight:300;} .store_top_txt .cont .colorrd{font-weight:400;} .search_box{width:60%;} .search_boxin {width: 100%; height: 33px; border:2px solid #d52f37; line-height: 33px; padding:0px 3px; font-size:12px; letter-spacing:-0.025em; font-family:inherit; box-sizing:border-box; border-radius:0px !important; } .store_search_box{width:100%;} .store_search_box .title{width:60px; color:#222222; font-weight:500; font-size:14px;} .store_search_box{overflow:hidden;} .store_search_box p{float:left; line-height:31px;} .store_search_box .search_bt{background:#d52f37; height:33px; line-height:33px; width:20%; text-align:center;} .store_search_box .search_bt a{display:block; color:#fff; font-size:13px; font-weight:300;} .map{width:100%; height:250px; border:1px solid #d7d7d7;margin-top:20px;} .map_div{position:relative;} div.map_pop{width:200px; box-sizing:border-box; border:1px solid #d52f37;position:absolute;left:50%; margin-left:-100px; top:2%;} div.map_pop p:first-child{width:100%; box-sizing:border-box; padding:3px 29px 3px 5px; letter-spacing:-0.04em; font-weight:400; font-size:13px;color:#fff;background:#d52f37 url('../../images/sub/cscenter/pop_close.png') 95% 50% no-repeat; background-size:18px 18px;} div.map_pop p:last-child{width:100%; box-sizing:border-box; background-color:#FFF;font-size:13px; font-weight:300;padding:3px 5px 3px 5px} div.map_pop p:last-child strong{color:#d52f37;font-size:12px;font-weight:300;} /* 게임스페이스 소개 */ .intro_top_bn{width:100%; position:relative;} .intro_top_bn p{font-size:16px; color:#333; font-weight:500; line-height:20px;} .intro_top_bn p span{color:#4e9d43;} .intro_top_bn p:last-child{font-size:12px; font-weight:300; color:#444;margin-top:7px; line-height:15px; letter-spacing: -0.05em;} .intro_top_bn .bnabsolute{position:absolute; top:12%; left:4%;} .info_text{width:100%; border-bottom:1px solid #d7d7d7; font-size:12px; color:#767676; font-weight:300;line-height:18px; padding:25px 10px; box-sizing:border-box;margin-bottom: 25px;} .info_text em{font-weight:500; color:#4e9d43;font-style:normal;} .info_div{width:100%;display:block;overflow:hidden;} .info_div div{float:left;} .info_div div:last-child{margin-top:3px; width:70%;} .info_div div p{color:#767676; font-size:12px; font-weight:400;margin-bottom:26px; letter-spacing:-0.05em;} .info_div div.dates {margin-left:5px;margin-right:10px;} .info_div div.dates p{font-size:14px; color:#2b2b2b; font-weight:bold; font-family:'Noto Sans KR', sans-serif;} .info_div div.dates p.margin_{margin-top:39px;} .info_div div.dates p span{color:#c80a13;} .intro_bt_img{margin-bottom:60px;} .info_div div.dates p.mgbt28{margin-bottom:28px;} .info_div div.dates p.mgbt51{margin-bottom:51px;} .info_div div.txt p.mgbt28{margin-bottom:31px;} .info_div div.txt p.mgbt51{margin-bottom:36px;} /*라운드기록*/ .float_group{width:100%;} .float_group div ul{display:block; overflow:hidden;border:1px solid #d7d7d7;} .float_group div ul li{width:25%; box-sizing:border-box; float:left; color:#767676;font-size:12px;font-weight:300;} .float_group div ul li:first-child{ border-right:1px solid #d7d7d7;} .float_group div ul li:nth-child(2){ border-right:1px solid #d7d7d7;} .float_group div ul li:nth-child(3){border-right:1px solid #d7d7d7;} .float_group div ul li:last-child{} .float_groupdiv01{margin-bottom:30px;} .float_group div ul li p{ height:26px; padding:5px 0px 5px 30px; line-height:14px;letter-spacing:-0.05em;} .float_group div ul li:first-child p{background:url('../../images/sub/record/best_01.png') 3px 50% no-repeat; background-size:25px 26px;;} .float_group div ul li:nth-child(2) p{background:url('../../images/sub/record/best_02.png') 3px 50% no-repeat; background-size:25px 26px;} .float_group div ul li:nth-child(3) p{background:url('../../images/sub/record/best_03.png') 3px 50% no-repeat; background-size:25px 26px;} .float_group div ul li:last-child p{background:url('../../images/sub/record/best_04.png') 3px 50% no-repeat; background-size:25px 26px;} .float_group div ul li span{display:block; font-weight:300;color:#222; font-size:14px; text-align:Center; padding:5px 0px; background:#f8f8f8;} .float_group div ul li span strong{color:#c80a13; font-weight:bold; font-size:16px;} .float_box{display:block;overflow:hidden;} .float_box .red_title{width:156px;float:left;} .float_box .select_div{width:144px;float:left;padding-top:6px;} .float_box .select_div label{color:#666;font-size:13px; margin-right:4px;} .float_box .select_div .select, .float_box .select_div option{font-size:14px;color:#666;letter-spacing:-1px} .avr_table{border-collapse:collapse;width:100%; border-top:1px solid #505050;} .avr_table th{color:#666; font-weight:300; background:#f9f9f9; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; letter-spacing:-0.04em; padding:5px 2px;line-height: 15px;} .avr_table th:first-child{border-left:0;} .avr_table td{ border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; padding:5px 2px 5px 7px;} .avr_box{margin-bottom:30px;} .spider_chart_div{margin-bottom:30px;} .spider_chart_div .canvas_div{width:100%; /*height:300px; border:1px solid #ddd;*/ } .float_group2{width:100%;} .float_group2 div ul{display:block; overflow:hidden;border:1px solid #d7d7d7;} .float_group2 div ul li{width:25%; box-sizing:border-box; float:left; color:#767676;font-size:12px;font-weight:300;} .float_group2 div ul li:first-child{ border-right:1px solid #d7d7d7;} .float_group2 div ul li:nth-child(2){ border-right:1px solid #d7d7d7;} .float_group2 div ul li:nth-child(3){border-right:1px solid #d7d7d7;} .float_group2 div ul li:last-child{} .float_groupdiv01{margin-bottom:30px;} .float_group2 div ul li p{ height:26px; padding:5px 0px 5px 30px; line-height:14px;letter-spacing:-0.05em;} .float_group2 div ul li:first-child p{background:url('../../images/sub/record/best_01.png') 3px 50% no-repeat; background-size:25px 26px;;} .float_group2 div ul li:nth-child(2) p{background:url('../../images/sub/record/best_02.png') 3px 50% no-repeat; background-size:25px 26px;} .float_group2 div ul li:nth-child(3) p{background:url('../../images/sub/record/best_03.png') 3px 50% no-repeat; background-size:25px 26px;} .float_group2 div ul li:last-child p{background:url('../../images/sub/record/best_04.png') 3px 50% no-repeat; background-size:25px 26px;} .float_group2 div ul li span{display:block; font-weight:300;color:#222; font-size:14px; text-align:Center; padding:5px 0px; background:#f8f8f8;} .float_group2 div ul li span strong{color:#c80a13; font-weight:bold; font-size:16px;} .float_box2{display:block;overflow:hidden;} .float_box2 .red_title{width:156px;float:left;} .float_box2 .select_div{width:144px;float:left;padding-top:6px;} .float_box2 .select_div label{color:#666;font-size:13px; margin-right:4px;} .float_box2 .select_div .select, .float_box .select_div option{font-size:14px;color:#666;letter-spacing:-1px} .avr_table2 {border-collapse:collapse;width:100%; border-top:1px solid #505050;} .avr_table2 th{color:#666; font-weight:300; background:#f9f9f9; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; letter-spacing:-0.04em; padding:5px 2px;line-height: 15px;} .avr_table2 th:first-child{border-left:0;} .avr_table2 td{ border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; padding:5px 2px 5px 7px;} .avr_table2 {border-collapse:collapse;width:100%; border-top:1px solid #505050;} .avr_table2 th{color:#666; font-weight:300; background:#f9f9f9; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; letter-spacing:-0.04em; padding:5px 2px;line-height: 15px;} .avr_table2 th:first-child{border-left:0;} .avr_table2 td{ border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; padding:5px 2px 5px 7px;} .canvas_div{width:100%; height:100%; border:1px solid #d7d7d7; box-sizing:border-box;} .canvas_label{width:100%; height:29px; text-align:center; background-color:#f9f9f9;display:block; overflow:hidden;} .canvas_label .lb2{display:inline-block;width:9px; height:9px; border:1px solid #dcdcdc; background-color:#f3f3f3;} .canvas_label .lb1{display:inline-block;width:9px; height:9px; border:1px solid #97bbcd; background-color:#dce8ee;} .canvas_label p{font-size:13px; color:#666;margin-right:15px;line-height:29px; display:inline-block;} .canvas_label p span{margin-right:3px; display:inline-block;} .canvas_div.score{margin-bottom:30px;} .canvas_chart{padding:8% 8% 0; box-sizing:border-box; width:100%;} .tab_con1 .array_box1, .tab_con1 .array_box2{color:#222;font-weight:300;font-size:12px;width:100px; height:31px; border:1px solid #d7d7d7;display:inline-block;line-height:31px;text-indent:6px; background:url('../../images/sub/record/box_bg.png') 70px 50% no-repeat;} .tab_con1 .array_box1.on, .tab_con1 .array_box2.on{width:100px; height:31px; border:1px solid #d7d7d7;display:inline-block;line-height:31px;text-indent:6px; background:url('../../images/sub/record/box_bg_.png') 70px 50% no-repeat;} .tab_con1 .array_box1, .tab_con1 .array_box2 {margin-bottom:15px;} .tab_menu_product2 table{border-collapse: separate;} /* 탭메뉴 */ .tab_menu_product2{overflow:hidden; margin-bottom:30px;} .tab_menu_product2 div{margin-bottom:0px;} .tab_menu_product2 ul.tab {margin: 0px; padding: 0px; list-style: none; height: 35px; width: 100%;margin-bottom:20px; padding-bottom:-1px; /*border-bottom: 1px solid #909090;*/} .tab_menu_product2 ul.tab li {float: left; text-align:center; cursor: pointer; width:25%; height: 35px; line-height: 35px; overflow: hidden;box-sizing: border-box;} .tab_menu_product2 ul.tab li:first-child{border-left:1px solid #d7d7d7;} .tab_menu_product2 ul.tab li{border-right:1px solid #d7d7d7;border-top:none;background-color:#FFF;background-color:#909090;} .tab_menu_product2 ul.tab li a{color:#fff;font-size:13px; font-weight:400;} .tab_menu_product2 ul.tab li a em{font-size:12px;font-style:normal;} .tab_menu_product2 ul.tab li.selected{height:35px;border-top:2px solid #c80a13;background-color:#FFF;} .tab_menu_product2 ul.tab li.selected a{font-size:13px;color:#222;} .tab_con1 .t_table{width:100%;} .tab_con1 .m_table{width:100%;padding:25px 10px;background-color:#f5f5f5; box-sizing:border-box;} .tab_con1 .t_table{border-top:1px solid #505050;} .tab_con1 .t_table tr th{background-color:#eef8cc; color:#222222; font-size:12px; font-weight:400;} .tab_con1 .t_table tr td{background:#fff;} .tab_con1 .t_table tr td, .tab_con1 .t_table th{border-bottom:1px solid #d7d7d7; height:41px; text-align:center;color:#767676;font-size:12px; border-right:1px solid #d7d7d7;} .tab_con1 .t_table>tbody>tr>td:last-child, .tab_con1 .t_table th:last-child{border-right:none;} .tab_con1 .t_table tr td.td1{color:#767676; font-size:12px;font-weight:normal;padding:10px 0px;} .tab_con1 .t_table tr td.td1 span{font-size:14px; font-weight:bold; color:#333333;display:block;line-height:20px;} .tab_con1 .t_table tr td.td2{background-color:#f5faeb;} .tab_con1 .t_table tr td.td3{background-color:#f5f5f5;} .tab_con1 .t_table tr td.td4 a{display:block;margin:auto;width:70px; height:24px; border:1px solid #383838; background-color:#565656;font-size:12px; color:#fff;text-align:center;line-height:24px;} .tab_con1 .t_table tr td.td5 a{display:block;margin:auto;width:50px; height:24px; border:1px solid #383838; background-color:#565656;font-size:10px; color:#fff;text-align:center;line-height:24px;} .tab_con1 .m_table tr td, .tab_con1 .m_table th{height:35px; letter-spacing:-0.07em; font-size:11px;} .tab_con1 .m_table tr td:first-child{border-left:1px solid #d7d7d7;} .tab_con1 .m_table tr td:last-child{border-right:;} .tab_con1 .m_table .tr_b{border-collapse : collapse; } .tab_con1 .m_table .tr_b th{border-right:1px solid #717171; width:39px; border-collapse : collapse; font-weight:300;color:#fff; font-size:12px;background-color:#2d2d2d; } .tab_con1 .t_table .m_table td{font-size:12px;} .tab_con1 .m_table .tr_b th:first-child{width:68px} .tab_con1 .m_table td.td_g{border:1px solid #27b386; border-collapse : collapse;border-top:none; background:#fafdda;/*background-color:#fbe8e8;*/} .tab_con1 .m_table tr:last-child td:first-child{border-left:1px solid #d7d7d7;} .tab_con1 .m_table .tr_b th.bggray{background:#636363;} .tab_con1 .m_table .tr_b th.bggreen{background:#4e9d43;} .tab_con1 .t_table .m_table td.bgyellow{ background:#fafdda;} .tab_con1 .t_table tr th .middle_bd{color:#71c013; font-size:9px;} .middle_bd{font-size:7px; color:#d9d9d9;} .tab_con1 .t_table td .color_blue{color:#4e9d43; font-weight:500; font-size:13px;} /* 막대그래프 */ .graph_div{float:left; height:260px; width:335px; margin-right:20px} .graph_box{display:block;overflow:hidden;} .graph_box div, .graph_box ul{float:left;} .graph_box div{width:32%;} .left_02 .graph_box div p{line-height:31px;font-size:12px; color:#111; letter-spacing:-0.1em; float:none;} .grapbox01{width:32%;} .graph_box ul{width:67%;padding-top:5px; height:119px; border-left:1px solid #d7d7d7;} .graph_box ul li{height:25px; margin-bottom:6px; width:100%;} .graph_box ul li:last-child{margin-bottom:0px;} .graph_box ul li span{width:100%; max-width:67%; display:inline-block; margin-right:5px; float:left; box-sizing:border-box;} .graph_box ul li{font-size:12px; color:#7f7f7f;font-weight:400;} .left_02 .graph_box ul li p{color:#ef7320;font-weight:bold; font-size:13px; float:left; width:30%;} .left_02 .graph_box ul li strong{color:#222;font-weight:300;font-size:13px;} .left_03 .graph_box div p{line-height:31px;font-size:12px; color:#111; letter-spacing:-0.1em; float:none;} .left_03 .graph_box ul li p{color:#ef7320;font-weight:bold; font-size:13px; float:left; width:30%;} .left_03 .graph_box ul li strong{color:#222;font-weight:300;font-size:13px;} .left_04 .graph_box div p{line-height:31px;font-size:12px; color:#111; letter-spacing:-0.1em; float:none;} .left_04 .graph_box ul li p{color:#ef7320;font-weight:bold; font-size:13px; float:left; width:30%;} .left_04 .graph_box ul li strong{color:#222;font-weight:300;font-size:13px;} .graph_box ul li.li1 span{} .graph_box ul li.li1 span strong{display:block;background-color:#ef7320;height:15px; max-width:100%;} .graph_box ul li.li2 span strong{display:block;background-color:#ab978a;height:15px; max-width:100%;} .graph_box ul li.li3 span strong{display:block;background-color:#bcbcbc;height:15px; max-width:100%;} .graph_box ul li.li4 span strong{display:block;background-color:#d3d3d3;height:15px; max-width:100%;} /*.graph_box ul li.li2 span{background-color:#ab978a;} .graph_box ul li.li3 span{background-color:#bcbcbc;} .graph_box ul li.li4 span{background-color:#d3d3d3;}*/ @media screen and (max-width:345px){ .graph_box ul li span{max-width:66%;} .match_Bdiv .store_mdiv1 .float_boxes p.title{width:56%;} } /* 나의기록실 - 라운드기록01: 스코어카드*/ .float_group1{display:block; overflow:hidden;} .float_group1 div.yellow_box{width:100%; box-sizing:border-box; border:2px solid #f7ce40; padding:19px;display:block;overflow:hidden;margin-right:30px; margin-bottom:40px;} .float_group1 div.yellow_box img{float:left;margin-right:13px;} .float_group1 div.yellow_box p:nth-of-type(1){font-size:15px; color:#111; font-weight:400; letter-spacing:-0.06em;} .float_group1 div.yellow_box p:nth-of-type(1) strong{color:#ef7320; font-weight:500;} .float_group1 div.yellow_box p:nth-of-type(2){font-size:12px; color:#767676; letter-spacing:-0.06em;padding-left: 70px;} .score_name{background: #f4f4f4; margin-bottom: 20px; height: 45px; line-height: 28px; box-sizing: border-box; padding: 10px; border: 1px solid #d8d8d8;} .scorecard_01{width:100%; text-align:center;margin-bottom:40px;} .scorecard_01 td{border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; font-size:12px; font-weight:400; height:36px; letter-spacing:-0.03em; color:#666;} .scorecard_01 td:first-child{color:#222;} .scorecard_01.bggreen td{color:#222;} .scorecard_01 td:last-child{border-right:none;} .scorecard_01 tr{background-color:#f4f4f4;} .scorecard_01 tr.tr01 td, .scorecard_01 tr.tr01_1 td{background-color:#2d2d2d; color:#fff;} .scorecard_01 tr.tr01_1 td:last-child{border-right:1px solid #d7d7d7;} .scorecard_01 tr.tr02{background-color:#dfdfdf; color:#5e5e5e;} .scorecard_01 tr.tr03{background-color:#FFF;} .scorecard_02 td a{font-size:16px;color:#fff;} .green_bd1{background:url('../../images/sub/record/gb_01.png') 50% 50% no-repeat;} .green_bd2{background:url('../../images/sub/record/gb_02.png') 50% 50% no-repeat;} .round_bd{background:url('../../images/sub/record/round.png') 50% 50% no-repeat;} .star_bd{background:url('../../images/sub/record/star.png') 50% 50% no-repeat;} .scorecard_02{width:100%; text-align:center;margin-bottom:36px;} .scorecard_02 tr {background-color: #f4f4f4;} .scorecard_02 tr.tr04{text-align:left;line-height:36px;height:36px;text-indent:27px;background-color:#2d2d2d; color:#fff;font-weight:400;} .scorecard_02 tr.tr04_1{background-color:#2d2d2d; color:#fff;font-weight:400;} .scorecard_02 tr.tr05{background-color:#FFF;} .button.showpageblock{float:right;width:22px; height:22px;background:url('../images/sub/record/open_btn.png') 100% 50% no-repeat;background-size:100%;display:inline-block;vertical-align:middle;} .button.showpageblock.on{width:22px; height:22px; background:url('../images/sub/record/close_btn.png') 100% 50% no-repeat; background-size:100%; display:inline-block;vertical-align:middle;} .scorecard_02 td{border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; font-size:12px; font-weight:300; height:36px;letter-spacing: -0.04em;} .scorecard_01 td.bgyellow{background:#fafdda;} .scorecard_02 td.bgyellow{background:#fafdda;} .scorecard_01 tr.tr01_1 td.bggray{background:#636363;} .scorecard_02 td.bggray{background:#636363;} .scorecard_01.bggreen tr.tr01 td{background:#4e9d43;} .scorecard_02 td img{/*margin-right:8px;*/vertical-align:middle;} .icon_box{display:block; text-align:center; overflow:hidden;width:100%; height:44px ; border:1px solid #ccc; background-color:#f7f7f7;margin-bottom:33px; margin-top:30px; box-sizing:border-box;} .icon_box li{ display:inline; margin-right:4px; line-height:44px; background:url('../../images/sub/record/li_bg.jpg') 100% 50% no-repeat; padding-right:4px; letter-spacing: -0.04em;} .icon_box li img{vertical-align:middle; margin-right:3px;} .icon_box li:last-child{padding-right:0; margin-right:0; background:none;} .btn_box{margin:0 auto; text-align:center; width:100%;} .pre_page{margin-right:5px;width:80px; height:35px;border:1px solid #bf010a;background-color:#d52f37;color:#fff;font-size:13px; display:inline-block; text-align:center;line-height:35px;} .print_btn{width:80px; height:35px;border:1px solid #808080;background-color:#fff;color:#333;font-size:13px; display:inline-block; text-align:center;line-height:35px;} .anchor_ul{display:block;overflow:hidden;margin-bottom:26px;width:100%;height:35px;background: url('../../images/sub/record/ul_bg.jpg') 0 100% repeat-x;} .anchor_ul li{float:left;width:25%; box-sizing:border-box; height:34px;border-left:1px solid #d7d7d7; background-color:#909090;line-height:35px;text-align:center;} .anchor_ul li a{font-size:12px;color:#fff; display:block;letter-spacing: -0.05em;} .anchor_ul li.on{float:left;width:25%; height:35px;border-left:1px solid #d7d7d7; border-top:2px solid #c80a13;background-color:#fff;} .anchor_ul li.on a{color:#222;} p.last_li{font-size:13px;color:#767676; margin-bottom:10px;} .anchor_ul li.lineheight{line-height:17px;} .anchor_box1, .anchor_box2, .anchor_box3, .anchor_box4{display:block;overflow:hidden;margin-top:70px;} .anchor_box1 .left_01, .anchor_box1 table{float:left;} .left_01{width:100%; box-sizing:border-box; height:220px; margin-bottom:30px; border:1px solid #d7d7d7;margin-right:30px;} .anchor_box1 table{width:100%;border-top:1px solid #505050;text-align:center;} .anchor_box1 table td{border-right:1px solid #d7d7d7; height:41.5px;} .anchor_box1 table td:last-child{border-right:none;} .anchor_box1 table tbody td{border-bottom:1px solid #d7d7d7;font-size:12px;color:#222;font-weight:300; letter-spacing:-0.06em;} .anchor_box1 table tbody td:first-child{color:#666;background-color:#f9f9f9;} .anchor_box1 table th.bg65{background-color:#656565;color:#fff;} .anchor_box1 table th.bg60{background-color:#60aa36;color:#fff;} .anchor_box1 table th{background-color:#e7f6b6;color:#767676;font-size:12px;font-weight:300; letter-spacing:-0.06em;border-left: 1px solid #d7d7d7;} .anchor_box1 table th:first-child{border-left:0;} .anchor_box2 .left_02, .anchor_box3 .left_03, .anchor_box4 .left_04{width:100%; box-sizing:border-box; padding:15px;border:1px solid #d7d7d7;display:block; overflow:hidden; background:#f9f9f9;} .anchor_box2 .left_02 img, .anchor_box2 .left_02 p, .anchor_box3 .left_03 img, .anchor_box3 .left_03 p, .anchor_box4 .left_04 img, .anchor_box4 .left_04 p{float:left; font-size:15px; color:#111;font-weight:300;letter-spacing:-1px} .anchor_box2 .left_02 img, .anchor_box3 .left_03 img, .anchor_box4 .left_04 img{margin-right:20px;} .anchor_box2 .left_02 p strong, .anchor_box3 .left_03 p strong, .anchor_box4 .left_04 p strong{font-size:20px; font-weight:bold; color:#ef7320;} .anchor_box2 .left_02 p span{color:#222;} .anchor_box2 table, .anchor_box3 table, .anchor_box4 table{width:100%; border-top:1px solid #505050;text-align:center;} .anchor_box2 table td, .anchor_box3 table td, .anchor_box4 table td{height:41px;font-size:12px;border-right:1px solid #d7d7d7;font-weight:300; letter-spacing:-0.06em;} .anchor_box2 table td:last-child, .anchor_box3 table td:last-child, .anchor_box4 table td:last-child{border-right:none;} .anchor_box2 table th, .anchor_box3 table th, .anchor_box4 table th{color:#fff;font-size:12px;background-color:#fdf2bf;color:#767676; letter-spacing:-0.06em; font-weight:300;border-left: 1px solid #d7d7d7;} .anchor_box2 table tbody td:first-child, .anchor_box3 table tbody td:first-child, .anchor_box4 table tbody td:first-child{color:#666;background-color:#f9f9f9;} .anchor_box2 table tbody td, .anchor_box3 table tbody td, .anchor_box4 table tbody td{border-bottom:1px solid #d7d7d7;} .anchor_box2 table th.bg65, .anchor_box3 table th.bg65, .anchor_box4 table th.bg65{background-color:#656565;color:#fff;font-weight:normal; border-left:0;} .anchor_box2 table th.bgef, .anchor_box3 table th.bgef, .anchor_box4 table th.bgef{background-color:#ef7320;color:#fff;} .anchor_box2 table th.bgfe, .anchor_box3 table th.bgfe, .anchor_box4 table th.bgfe{background-color:#fef1b5;} .anchor_box4{margin-bottom:85px;} .anchor_box2 .left_02.bott, .anchor_box3 .left_03.bott, .anchor_box4 .left_04.bott{border-top:0; margin-bottom:30px; background:none;} .score_player_title{padding-top:25px; border-top:1px solid #e2e2e2; padding-bottom:15px;} .score_player_title p{color: #111; font-size:16px; font-weight:500;} .red_title.record{width:100%;} .red_title.record .span1{padding-top:5px; display:inline-block; text-align:left; text-indent:0;} .red_title.record .span2{text-align:right; color:#666; font-size:12px; float:right;} .red_title.record .span2 .select2{height:28px; line-height:28px;} /* 나의 기록실 - 온라인스트로크 스코어카드 보기 */ .float_group1 .vs_p{float:left;width:10%; height:286px;font-family:"Times New Roman", Times, serif;font-size:22px; color:#d2031f; font-weight:bold;text-align:center; line-height:286px;} .float_group1 .vs_p em{margin-left:-3px;} .float_group1 div .name_icon{/*height:56px;*/ min-height:56px; border-bottom:1px solid #e2e2e2; padding:5px 4px;} .float_group1 div p.title{text-align:center; background:url('../../images/sub/record/titile_bg.jpg') 0 0 repeat-x;font-size:14px; color:#767676; margin: 5px 0 3px;} .float_group1 div p.title strong{font-size:14px; color:#2d2d2d;} .float_group1 div p.icon{text-align:center;} .float_group1 div p.icon span{font-size:12px; color:#fff; line-height:19px;display:inline-block;margin-left:4px; vertical-align: text-top; margin-top: 4px; text-align:center;} .float_group1 div p.icon span.win_icon{width:40px; height:19px; border:1px solid #f05525;background-color:#ef7320;} .float_group1 div p.icon span.draw_icon{width:40px; height:19px; border:1px solid #4d9f1e;background-color:#63b038;} .float_group1 div.y_box{border:3px solid #f7ce40;width:45%; min-height:280px; float:left; box-sizing:border-box;} .float_group1 div.g_box{border:3px solid #e2e2e2;width:45%; min-height:280px; float:left; box-sizing:border-box;} .float_group1 div div{display:block;overflow:hidden;padding:10px 5px 10px 5px;} .float_group1 div div p.title2{font-size:14px; color:#111; font-weight:400; line-height:16px; margin:5px 0 8px;} .float_group1 div div p.title2 strong{color:#ef7320; font-weight:500;} .float_group1 div div p.cont{font-size:12px; color:#767676;} table.minitable{width:45%; float:left; border-top:1px solid #505050;} table.minitable td{width:78px; height:30px;border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;text-align:center;color:#222;font-size:12px;} table.minitable td strong{font-size:12px;letter-spacing: -0.04em;} table.minitable tr th{height:30px; background-color:#f8f8f8; font-size:12px; color:#222;border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;font-weight:normal;line-height:13px;letter-spacing: -0.04em;} table.minitable tr th, table.minitable tr td{text-align:left; padding:0px 5px;} table.minitable td:last-child{border-right:none;} .scorecard_02 td .video_1{margin:auto;} a.video_1{width:28px; height:19px; background:url('../../images/sub/record/video_icon.png') 0 0 no-repeat;display:block;margin:auto;} .float_group1 div .boxcont{text-align:center;} .float_group1 div .boxcont .cont{text-align:left; width:130px; margin:0 auto;} .minitable_div{width:100%; overflow:hidden; margin-bottom: 60px; margin-top:15px;} .minitable_div .width10{float:left; width:10%;} .scorecard_03{width:100%; text-align:center;margin-bottom:40px;} .scorecard_03 td{border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; font-size:12px; font-weight:300; height:36px;letter-spacing: -0.03em;} .scorecard_03 td.bgyellow{background:#fafdda; color:#5e5e5e;} .scorecard_03 tr.tr01_1 td.bggray{background:#636363;} .scorecard_03 td.bggray{background:#636363;} .scorecard_03.bggreen tr.tr01 td{background:#4e9d43;} .scorecard_03 td:last-child{border-right:none;} .scorecard_03 tr{background-color:#f4f4f4;} .scorecard_03 tr.tr01 td, .scorecard_03 tr.tr01_1 td{background-color:#2d2d2d; color:#fff;} .scorecard_03 tr.tr01_1 td:last-child{border-right:1px solid #d7d7d7;} .scorecard_03 tr.tr02{background-color:#777; color:#fff;} .scorecard_03 tr.tr03{background-color:#FFF;} .scorecard_03 tr.tr04{background-color:#2d2d2d; text-align:left; text-indent:15px;color:#fff;font-size:12px;} .scorecard_03 tr.tr04 strong{font-weight:500; font-size:14px;} .scorecard_03 tr.tr04 img{margin-right:3px; width:23px;} .scorecard_03 td a{font-size:12px;color:#ffffff;} .anchor_box1 table th.bg90{background-color:#90aa36;color:#fff;font-weight:normal;} .anchor_box2 table th.b45c, .anchor_box3 table th.b45c, .anchor_box4 table th.b45c{background-color:#b45c39;color:#fff;font-weight:normal;} .scorecard_03.bdbt{padding-bottom:40px; border-bottom:1px solid #ddd;border-collapse: separate;} /*나의 기록실 - 나의스윙영상*/ /* 나의스윙영상 */ .swing_Bdiv .tab07 {overflow: hidden; width: 95%; margin:30px auto 15px; border-bottom: 1px solid #b7b7b7;} .swing_Bdiv .tab07 li {float: left; width: 25%; height:40px;display: block; box-sizing:border-box; text-align: center; line-height:16px; padding-top:3px;background-color: #d52f37; border-left: 1px solid #d7d7d7; cursor: pointer; font-size:12px; letter-spacing:-0.05em;color:#fff;font-weight:300; border-bottom:1px solid #d7d7d7;} .swing_Bdiv .tab07 li.bggray{background-color: #909090; border-bottom:0;} .swing_Bdiv .tab07 p.last_tab{width: 25%; background-color: #909090; height:40px;box-sizing:border-box; float: left; border-left: 1px solid #d7d7d7;} /*.swing_Bdiv .tab07 li.on {font-weight: 300; color: #222;height:33px;border-top:2px solid #c80a13;background-color:#FFF;font-size:12px;}*/ /*.mytabdiv{display:none;margin-bottom:40px;}*/ .mytabdiv{display:block;margin-bottom:40px;} #tab1{display:block;} .mytabdiv ul{overflow: hidden; } .mytabdiv ul li{width: 50%; float: left;margin:0 auto; margin-bottom:15px;} .mytabdiv ul li > a{display:block;width:90%; margin:0 auto;} .mytabdiv ul li p{color:#666; font-size:12px; font-weight:300;text-align:left;} .mytabdiv ul li p.thumb_nail{} .mytabdiv ul li p.thumb_nail img{width:100%;} .mytabdiv ul li p.name_p{color:#222; font-weight:400; font-size:13px;margin-top:10px;} .mytabdiv ul li p.name_p em{font-size:12px; color:#c8c8c8; font-weight:300;font-style:normal;vertical-align:text-top;} .mytabdiv ul li p.name_p span{font-weight:400; color:#4a7aab; font-size:13px;} .swing_Bdiv .contents_float .video_table_div table td.bg_f9{background-color: #f9f9f9; font-size:13px; color:#666; font-weight:300;} .swing_Bdiv .contents_float .video_table_div table td{font-size:12px; color:#222; font-weight:300;} /* 나의스윙영상 */ .swing_Bdiv .tab077 {overflow: hidden; width: 95%; margin:5px auto 15px;border-bottom: 1px solid #b7b7b7;} .swing_Bdiv .tab077 li {width: 25%; height:40px;display: block; box-sizing:border-box; float: left; text-align: center; line-height:16px; padding-top:3px;background-color: #d52f37; border-left: 1px solid #d7d7d7; cursor: pointer; font-size:12px; letter-spacing:-0.05em;color:#fff;font-weight:300; border-bottom:1px solid #d7d7d7;} .swing_Bdiv .tab077 li.bggray{background-color: #909090; border-bottom:0;} .swing_Bdiv .tab077 p.last_tab{width: 25%; background-color: #909090; height:40px;box-sizing:border-box; float: left; border-left: 1px solid #d7d7d7;} /*.swing_Bdiv .tab07 li.on {font-weight: 300; color: #222;height:33px;border-top:2px solid #c80a13;background-color:#FFF;font-size:12px;}*/ .mytabdiv2{display:none;margin-bottom:40px;} #tab11{display:block;} .mytabdiv2 ul{overflow: hidden; } .mytabdiv2 ul li{width: 50%; float: left;margin:0 auto; margin-bottom:15px;} .mytabdiv2 ul li > a{display:block;width:90%; margin:0 auto;} .mytabdiv2 ul li p{color:#666; font-size:12px; font-weight:300;text-align:left;} .mytabdiv2 ul li p.thumb_nail{} .mytabdiv2 ul li p.thumb_nail img{width:100%;} .mytabdiv2 ul li p.name_p{color:#222; font-weight:400; font-size:13px;margin-top:10px;} .mytabdiv2 ul li p.name_p em{font-size:12px; color:#c8c8c8; font-weight:300;font-style:normal;vertical-align:text-top;} .mytabdiv2 ul li p.name_p span{font-weight:400; color:#4a7aab; font-size:13px;} .video_boxdiv.video_top{overflow:hidden;} .video_top > div{float:left;width:50%; margin:0 auto; text-align:center; box-sizing:border-box;} .video_top .video_1{} .video_top .video_2{ } .video_top .video_2 > div{border:1px solid #ddd; background:#fafafa url('../images/sub/record/my_swing_bg.jpg') 50% -50px no-repeat; background-size: 210px; text-align:center; width:140px; margin:0 auto; box-sizing:border-box; height:186px;} .video_top .video_2 em{font-size:15px; color:#111;font-weight:400;font-style:normal;margin-top:67px;display:block; letter-spacing:-0.04em;} .video_top .video_2 em strong{color:#415d7b;} .video_top .video_2 p.txt{font-size:12px; color:#767676; font-weight:300; letter-spacing:-0.04em; line-height:15px; padding-top:5px;} .video_top .video_2 a.pop_view1{display:block;width:80px; height:27px; border:1px solid #2d4a68; background-color:#415d7b; color:#fff; text-align:center; line-height:27px; font-size:13px; font-weight:300;margin:auto;margin-top:10px; margin-bottom:20px;} /* 팝업 설정 */ .overLayer8{width:94%; margin:0 auto; min-height:206px;border:1px solid #d52f37;position:absolute; top:6%; left:3%; z-index:101; box-sizing:border-box; background-color:#FFF; min-width:280px;} .overLayer8.swing_sharebt{top:45%;} .overLayer8 div{margin:0px;} .overLayer8 .pop_top{width:100%; height:37px;margin:0px; background-color:#d52f37; } .overLayer8 .pop_top p{font-size:16px; color:#fff;line-height:37px;font-weight:400; margin-bottom:0; text-align:left; text-indent:10px; margin-top:0;} .overLayer8 .text_box{font-size:12px;padding:15px 10px 15px 10px;text-align:left;font-weight:400;} .overLayer8.swing_sharebt .text_box strong{color:#111;} .overLayer8 .text_box strong{color:#d52f37;font-weight:400;} .overLayer8 > div{position:relative;} .overLayer8 > div > span{ position: absolute; top: 7px; right: 13px; cursor: pointer;} .overLayer8.swing_sharebt .swing_sharebtdiv1{margin-bottom:15px; margin-top:10px;} .overLayer8.swing_sharebt .swing_sharebtdiv2 textarea{width:82%; border: 1px solid #d2d2d2;} .overLayer8.swing_sharebt .text_box .swing_sharebtdiv2 strong{vertical-align:top;} .overLayer8.swing_sharebt .btnClose{height:28px; line-height:28px; width:70px; border:1px solid #808080; text-align:center; color:#333; background-color: #FFF; display:inline-block;} .overLayer8.swing_sharebt .swing_btn{width:70px;height:28px; line-height:28px; display:inline-block;background-color: #d52f37;border: 1px solid #bf010a; color:#fff; } .overLayer8.swing_sharebt .list_btns{margin:20px 0;} /*paging*/ .overLayer8 div.paging{min-width:266px;} .overLayer8 .paging a{display:inline-block; width:23px; height:23px; line-height: 23px; vertical-align:middle; border:1px solid #e7e7e7; text-decoration:none; color: #666666;} .overLayer8 .paging .on{height:23px; line-height: 23px; width: 23px; color:#fff; font-weight:bold; background:#c80a13; border:1px solid #c80a13; } .overLayer8 .paging .first{background:url('../images/common/page_bt_arrow.gif') 0 0 no-repeat;background-size: 100%; border:0px; width: 23px; height: 23px; z-index:9999} .overLayer8 .paging .prev{background:url('../images/common/page_bt_prev.gif') 0 0 no-repeat;background-size: 100%; border:0px; width: 23px; height: 23px;} .overLayer8 .paging .next{background:url('../images/common/page_bt_next.gif') 0 0 no-repeat; background-size: 100%;border:0px; width: 23px; height: 23px;} .overLayer8 .paging .last{background:url('../images/common/page_bt_last.gif') 0 0 no-repeat;background-size: 100%; border:0px; width: 23px; height: 23px;} div.glayLayer8{position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60); display: none;} /*나의 기록실 - 게임설정 */ .set_box {position:relative;} .set_box .red_title span{font-size:13px; color:#000;color:#767676;font-weight:400;margin-left:5px;} .set_box table{width:100%;border-top:1px solid #000;margin-bottom:30px;} .set_box table tr td{border-bottom:1px solid #d7d7d7;height:41px;font-weight:400; padding:8px 10px; box-sizing:border-box;} .set_box table tr td:first-child, .set_box table tr td.td_3{border-right:1px solid #d7d7d7;background-color:#f9f9f9;color:#222;font-size:13px;} .set_box table tr td label{color:#222;margin-left:1px; margin-right:2px;font-size:13px; font-weight:300; letter-spacing:-0.05em;} .set_box p{font-size:12px; color:#767676;margin-bottom:18px; letter-spacing:-0.06em; font-weight:300;} .set_box p.red_title{font-size:16px; color:#111;text-indent:20px;font-weight:500;background:url('../../images/sub/record/redicon.png') 0 50% no-repeat;margin-bottom:7px; background-size:16px 16px;} .set_box table.table_2 input{width:155px; height:25px; border:1px solid #d7d7d7;margin-right:7px;} .set_box div{width:100%; text-align:center; margin-top:4px;margin-bottom:69px;} .set_box div a{width:85px; height:34px; text-align:center;font-size:13px;line-height:34px;display:inline-block;} .set_box div a:first-child{border:1px solid #292929; background-color:#4c4c4c; color:#fff;margin-right:6px;} .set_box div a.ok_btn{border:1px solid #bf010a; background-color:#d52f37; color:#fff;margin-right:6px;} .set_box div a:last-child{border:1px solid #808080; background-color:#FFF;color:#333;} /* 팝업 설정 */ .set_box .overLayer4{width:90%; margin:0 auto; height:206px;border:1px solid #d52f37;position:absolute; bottom:50px;; left:5%; z-index:101; box-sizing:border-box; background-color:#FFF; min-width:280px;} .set_box .overLayer4 div{margin:0px;} .set_box .overLayer4 .pop_top{width:100%; height:37px;margin:0px; background-color:#d52f37; } .set_box .overLayer4 .pop_top p{font-size:16px; color:#fff;line-height:37px;font-weight:400; margin-bottom:0; text-align:left; text-indent:10px;} .set_box .overLayer4 .text_box{font-size:14px;padding:34px 0px 25px 0px;text-align:center;font-weight:400;} .set_box .overLayer4 .text_box strong{color:#d52f37;font-weight:400;} .set_box .overLayer4 .text_box a{width:76px; height:28px; border:1px solid #808080;color:#333;font-size:14px; font-weight:400;line-height:28px;margin-top:30px;margin-right:6px;} .set_box .overLayer4 .text_box a:last-child{margin-right:0px;} .set_box .overLayer4 > div{position:relative;} div.overLayer4 > div > span{ position: absolute; top: 7px; right: 13px; cursor: pointer;} /* 커뮤니티-스윙동영상 */ .prev_m{width:28px; height:28px; background:url('../../images/sub/community/prev.jpg') 0 0 no-repeat;display:inline-block;vertical-align:sub;margin-right:7px;} .next_m{width:28px; height:28px; background:url('../../images/sub/community/next.jpg') 0 0 no-repeat;display:inline-block;vertical-align:sub;margin-left:7px;} .this_month{color:#fff; font-size:12px; font-weight:300;text-align:center;line-height:26px;width:64px; height:26px; border:1px solid #2d4a68;background-color:#3c7a55;display:inline-block;position:absolute;right:6px;top:8px;} .m_bestBox{width:100%; border:1px solid #d7d7d7;margin-bottom:30px;} .m_bestBox div{width:100%; border-bottom:1px solid #d7d7d7; color:#222; font-size:13px; font-weight:400;text-align:center;position:relative;} .best_month{padding:8px 0;} .best_month span.data{vertical-align:top; padding-top:3px; display:inline-block;} .m_bestBox ul{width:100%; background-color:#fafafa; overflow:hidden; padding:5% 0; box-sizing:border-box;} .m_bestBox ul li{width:50%;float:left;display:block;overflow:hidden;} .m_bestBox ul li:first-child{background:url('../images/sub/community/li_bg.jpg') 100% 50% no-repeat; border-right:1px solid #d7d7d7; box-sizing:border-box;} .m_bestBox ul li div.div_1{float:left;position:relative; box-sizing:border-box; border-bottom:0;} .m_bestBox ul li div.div_1 .best_icon{position:absolute;left:0px; top:0px;} .m_bestBox ul li div.div_1 .title{ width:135px; margin:0 auto; padding:7px 0 4px; text-align:left;} .m_bestBox ul li div.div_1 .id{font-size:12px; width:135px; margin:0 auto; padding-bottom:20px; text-align:left;} .m_bestBox ul li div.div_1 strong{color:#3c7a55; font-weight:400;} span.img_bg{width:135px; height:176px; border:1px solid #ddd;background-color:#FFF;display:block;} span.img_bg img{width:125px; height:166px;margin:5px;} .m_bestBox ul li .bestbox_table{width:135px; margin:0 auto; border-bottom:1px solid #d7d7d7;} .m_bestBox ul li .bestbox_table tr td:first-child{border-right:1px solid #d7d7d7;} .m_bestBox ul li .bestbox_table tr:first-child td{background-color:#656565;color:#fff; font-size:13px; font-weight:300; text-align:center;line-height:29px; height:29px; width:88px;} .m_bestBox ul li .bestbox_table tr td{height:32px; background-color:#FFF; text-align:center; line-height:32px;font-size:12px; color:#111;font-weight:400;} .m_bestBox ul li .bestbox_table tr td.red_text{color:#d90925;} .swing_Bdiv select{font-size:14px; color:#666;text-indent:7px;line-height:25px;width:78px; height:25px; border:1px solid #d7d7d7;} .m_bestBox div.best_thumb{position:relative; border-bottom:0; width:135px; height:176px; border:1px solid #ddd;background-color:#FFF;display:block; margin:0 auto;} .m_bestBox div.best_thumb .img_bg{border:0; } .m_bestBox div.best_thumb .img_bg img{width:125px; /*height:166px;*/margin:5px;} .swing_thumbimg{width:165px;} .select_div{width:100%; display:block; overflow:hidden;} .select_div select{float:left;/*margin-top:5px;*/} .swing_Bdiv select.swing_select1{margin-right:7px;} .swing_selectright{float:right;} .swingmovie{display:inline-block;} .swing_div{width:100%; height:100%;border-top:2px solid #d90925;} .swing_div ul{width:100%; border-bottom:1px solid #ddd;display:block;overflow:hidden;} .swing_div ul li{width:100%;display:block;overflow:hidden;padding-top:20px; border-bottom:1px solid #ddd; padding-bottom:20px;} .swing_div ul li span.img_bg{margin-right:10px;} .swing_div ul li div.left{float:left;} .swing_div ul li div.right{width:100%; padding-left:145px; padding-top:3px; box-sizing:border-box;} .swing_div ul li .right p.title{color:#444; font-size:14px; font-weight:500;margin-bottom:10px;} .swing_div ul li .right p.title{width:150px;} .swing_div ul li .right p{font-size:13px; color:#666;} .swing_div ul li .right p.id{border-bottom:1px dotted #ddd;padding-bottom: 10px;} .swing_div ul li .right p strong{color:#3c7a55; font-weight:400;} .swing_div ul li .right p.last_p{font-size:12px; color:#666; line-height:18px; margin-top:10px; font-weight:300;} .swing_div ul li .right p.last_p span{color:#c80a13;} .up_icon{width:70px; height:29px; display:inline-block; line-height:29px; color:#fff; text-indent:8px; background:url('../../images/sub/community/up.jpg') 0 0 no-repeat;font-size:13px; background-size:70px 29px;} .up_num{width:140px; height:29px; border:1px solid #aaa;border-left:none;display:inline-block;margin-top:12px;} .up_num em{width:70px; text-align:center;font-style:normal;display:inline-block;color:#415d7b;font-size:13px;} /* 스윙동영상 뷰페이지 */ .top_float{border-top:2px solid #c50a13; width:100%; border-bottom:1px solid #d7d7d7; display:block;overflow:hidden;margin-bottom:30px;} .top_float div{ padding:15px 0;} .top_float div.left{float:left;} .top_float div.right{width:100%; padding-left:60px; box-sizing:border-box;} .top_float div.right p:first-child{color:#333; font-size:15px; font-weight:400;} .top_float div.right p{font-size:11px; font-weight:300; color:#767676;} .top_float div.right p em{font-size:12px;font-weight:400;color:#505050; font-style:normal;} .top_float div.right p strong{color:#415d7b; font-size:12px; font-weight:400;} .img_bg1{width:44px; height:44px; border:1px solid #d7d7d7; background-color:#FFF;display:block;margin-left:10px;} .img_bg1 img{width:38px; height:38px; margin:3px;} .img_bg2{width:25px; height:25px; border:0px solid #d7d7d7; background-color:#FFF;margin-left:0px;} .img_bg2 img{width:22px; height:22px; margin:1px;} .contents_float{width:100%; border:1px solid #ddd;display:block;overflow:hidden;} .contents_float .video_boxdiv{text-align:center; background:#fafafa; width:100%; padding:20px 0; margin-bottom:20px; border-bottom:1px solid #ddd;} .contents_float .video_table_div{width:95%; margin:0 auto;} .contents_float .video_table_div table{width:100%; border-top:1px solid #505050;} .contents_float .video_table_div table td{border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:6px 6px; letter-spacing:-0.06em;} .contents_float .video_table_div table td:last-child{border-right:none;} .basic_table{margin-bottom:25px;} .video_info_box .bg_f9{background-color:#f9f9f9;font-size:13px; color:#666;font-weight:300;} .video_info_box td{font-size:12px; color:#222;font-weight:300;} .contents_float .list_btns a{width:70px; height:28px; line-height:28px; border:1px solid #808080;text-align:center;font-size:12px; color:#333;font-weight:300;background-color:#FFF;display:inline-block;margin-right:6px;} .contents_float a.swing_btn{width:92px; height:28px;border:1px solid #bf010a;background-color:#d52f37;text-align:center;color:#fff; line-height:28px;margin-right:0px;} .swing_table{margin-bottom:27px;} .video_text{font-size:12px; font-weight:300; color:#767676;line-height:18px;width:100%; background:#f3f3f3; padding:10px; box-sizing:border-box;} .swing_Bdiv .list_btn{width:83px; height:31px; border:1px solid #808080;display:block;font-size:14px;color:#333; font-weight:300; line-height:31px;text-align:center; float:right; margin: 20px 0 40px;} .comment_box{width:100%; border:1px solid #ddd;padding:10px; box-sizing:border-box; display:block;overflow:hidden;margin-bottom:50px; margin-top:30px;} .comment_box p{font-size:14px; color:#111; margin-bottom:6px;} .comment_box p span{color:#767676; font-size:12px; font-weight:300;} .comment_box .comment_box_txt, .comment_box label{float:left;} .comment_box .comment_box_txt{width:80%; box-sizing:border-box; height:60px;border:1px solid #e1e1e1; background-color:#f5f5f5;border-right:none;} .comment_box label{width:20%; box-sizing:border-box; height:60px;border:1px solid #292929;background-color:#4c4c4c;color:#fff;text-align:center;line-height:60px;font-size:13px; font-weight:300;display:inline-block;} .comment_ul{width:100%; border-top:1px solid #505050;margin-bottom:50px;} .comment_ul li{border-bottom:1px solid #ddd; overflow:hidden; padding:20px 0;} .comment_ul div, .comment_ul p{float:left;} .comment_ul div{width:20%; } .comment_ul p{width:80%; } .comment_ul p{font-size:12px; font-weight:300; color:#767676;} .comment_ul p strong{font-size:13px; color:#4a7aab; font-weight:400;} .comment_ul p em{font-size:13px; color:#555; font-weight:300; font-style:normal;margin-left:6px;} .comment_ul a{display:inline-block; margin-left:8px; height:21px;color:#fff;line-height:21px; text-indent:8px;font-weight:300;font-size:12px;} .comment_ul a.del_btn1{background:url('../../images/sub/community/del.png') 0 0 no-repeat;width:54px;} .comment_ul a.md_btn1{background:url('../../images/sub/community/modify.png') 0 0 no-repeat;width:72px; margin-left:0;} .list_btns.swing{padding-bottom:20px;} .comment_ul p .comment_bt{display:block; padding-top:5px;} /*자유게시판*/ .list_btns.freeboard{margin-top:20px;} .list_btns.freeboard a{width:65px; height:28px; line-height:28px; border:1px solid #808080;text-align:center;font-size:12px; color:#333;font-weight:300;background-color:#FFF;display:inline-block;margin-right:3px;} .list_btns.freeboard a.swing_btn{width:82px; height:28px;border:1px solid #bf010a;background-color:#d52f37;text-align:center;color:#fff; line-height:28px;margin-right:0px;} /* 자유게시판 */ .free_form textarea{width:100%; border:1px solid #d7d7d7; height:150px;overflow-y: scroll; overflow-x: hidden;} .free_form table{border-top:2px solid #d90925;width:100%; margin-bottom:60px;} .free_form table tr.texts_td td{padding:10px 10px;} .free_form table td:first-child{background-color:#f9f9f9;border-right:1px solid #d7d7d7;color:#222;font-weight:300;} .free_form table td{font-size:13px;padding:10px 10px; color:#666; font-weight:300; border-bottom:1px solid #d7d7d7;} .free_form p{font-size:13px; color:#666; font-weight:300;margin-top:15px;} .free_form .btn_box{width:100%; margin:auto;margin-bottom:109px;} .free_form .btn_box a{width:128px; height:41px;text-align:center; line-height:41px;font-size:16px;font-weight:300;display:inline-block;} .free_form .btn_box a.ok_btn{border:1px solid #bf010a; background-color:#d52f37;color:#fff;margin-right:6px;} .free_form .btn_box a.cancel_btn{border:1px solid #808080; color:#333;} /* 팝업 설정 */ .free_form .overLayer5{width:90%; margin:0 auto; height:206px;border:1px solid #d52f37;position:absolute; bottom:50px;; left:5%; z-index:101; box-sizing:border-box; background-color:#FFF; min-width:280px;} .free_form .overLayer5 div{margin:0px;} .free_form .overLayer5 .pop_top{width:100%; height:37px;margin:0px; background-color:#d52f37; } .free_form .overLayer5 .pop_top p{font-size:16px; color:#fff;line-height:37px;font-weight:400; margin-bottom:0; text-align:left; text-indent:10px; margin-top:0;} .free_form .overLayer5 .text_box{font-size:14px;padding:34px 0px 25px 0px;text-align:center;font-weight:400;} .free_form .overLayer5 .text_box strong{color:#d52f37;font-weight:400;} .free_form .overLayer5 .text_box a{width:76px; height:28px; border:1px solid #808080;color:#333;font-size:14px; font-weight:400;line-height:28px;margin-top:30px;margin-right:6px; display:inline-block;} .free_form .overLayer5 .text_box a:last-child{margin-right:0px;} .free_form .overLayer5 > div{position:relative;} div.overLayer5 > div > span{ position: absolute; top: 7px; right: 13px; cursor: pointer;} /* 탭메뉴 */ .tab_menu_product3{overflow:hidden; margin-bottom:30px;} .tab_menu_product3 div{margin-bottom:0px;} .tab_menu_product3 ul.tab22 {margin: 0px; padding: 0px; list-style: none; height: 35px; width: 100%;margin-bottom:20px; padding-bottom:-1px;} .tab_menu_product3 ul.tab22 li {float: left; text-align:center; cursor: pointer; width:25%; height: 35px; line-height: 35px; overflow: hidden;box-sizing: border-box;} .tab_menu_product3 ul.tab22 li:first-child{border-left:1px solid #d7d7d7;} .tab_menu_product3 ul.tab22 li{border-right:1px solid #d7d7d7;border-top:none;background-color:#FFF;background-color:#909090;} .tab_menu_product3 ul.tab22 li a{color:#fff;font-size:12px; font-weight:300; letter-spacing:-0.03em;} .tab_menu_product3 ul.tab22 li a em{font-size:12px;font-style:normal;} .tab_menu_product3 ul.tab22 li.on{height:35px;border-top:2px solid #c80a13;background-color:#FFF;} .tab_menu_product3 ul.tab22 li.on a{font-size:12px;color:#222;} /* 이벤트 */ .search_select2{height:27px; line-height:27px; width:65px;border:1px solid #d7d7d7; color:#666;} .eventBdiv .tab_menu_product3{margin-bottom:0;} .eventBdiv .search_div{overflow:hidden;} .eventBdiv{position:relative;} .eventBdiv .search{float:right;width:260px; height:30px;} .eventBdiv .search.selecnone{width:194px;} .eventBdiv .search_box{width:128px; height:25px;font-size:12px; color:#666;text-indent:10px;line-height:25px;border:1px solid #d7d7d7;border-right:none;} .eventBdiv .seach_click{width:63px; height:27px; background:url('../../images/sub/community/s_bg.jpg') 0 0 no-repeat;display:inline-block;vertical-align:bottom;color:#fff;font-size:14px;font-weight:300;text-indent:26px;line-height:27px;letter-spacing:-0.5px} .eventBdiv .tab_con1 div{ margin-top:10px;width:100%; } .eventBdiv .tab_con1 img{border:1px solid #e9e9e9;} .eventBdiv .tab_con1 ul{display:block;width:100%;border:1px solid #ddd;margin-bottom:20px;padding:7px; box-sizing:border-box;} .eventBdiv .tab_con1 ul li{font-size:13px; color:#999;font-weight:300; } .eventBdiv .tab_con1 ul li span{width:65px; height:22px;color:#fff; line-height:22px; text-align:center;display:block; float:right; margin-top:20px;} .eventBdiv .tab_con1 ul li span.ing_mark{ border:1px solid #e4610a; background-color:#ef7320;} .eventBdiv .tab_con1 ul li span.delete_mark{ border:2px solid #e4610a; background-color:#cf7320;} .eventBdiv .tab_con1 ul li span.end_mark{ border:1px solid #818181; background-color:#929292;} .eventBdiv .tab_con1 ul li p{font-size:13px; color:#999;font-weight:300; float:left; width:70%;} .eventBdiv .tab_con1 ul li p a{font-size:15px; color:#333;font-weight:400;margin:10px 0px 5px 0px; display:block;} .eventBdiv .tab_con1 ul li.li02{overflow:hidden;} /* 코스소개 */ .courseBdiv span.img_bd{width:100%; border:1px solid #ddd;display:block;margin-bottom:15px; box-sizing:border-box; padding:3px;} .courseBdiv span.img_bd img{width:100%} .courseBdiv div span.img_bd1{width:33px; height:33px;border:1px solid #bfbfbf;display:block;float:left; /*margin-right:10px;*/} .courseBdiv .top_ul{display:block;overflow:hidden;} /* .courseBdiv .top_ul li:first-child{margin-left:0px;} .courseBdiv .top_ul li:first-child{margin-left:0;} .courseBdiv .top_ul li:nth-child(3){margin-left:0;} */ .courseBdiv .top_ul li{width:49%; margin-right:2%;margin-bottom:20px;float:left;box-sizing:border-box;} .courseBdiv .top_ul li:nth-child(even) {margin-right:0;} .courseBdiv .top_ul li div{display:block; overflow:hidden;} .courseBdiv .top_ul li span.img_bd1{padding:2px; box-sizing:border-box;/*margin-top: 5px;*/} .courseBdiv .top_ul li span.img_bd1 img{width:100%;} .courseBdiv .top_ul div p{ height:31px;border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; background-color:#fbfbfb;text-align:center;color:#222; font-size:13px;line-height:32px;font-weight:400; /*float:left; width:77%;*/ letter-spacing:-0.06em;} .courseBdiv .title_s{display:block;overflow:hidden;} .courseBdiv p.red_title{margin-bottom:5px; margin-top:15px;} .courseBdiv p.btn_right{text-align:right;} .courseBdiv .title_s p.btn_right select{width:98px; height:26px; border:1px solid #d7d7d7;color:#666; line-height:26px; font-weight:300;font-size:14px;} .courseBdiv .title_s p.btn_right .select1{margin-right:7px;} .courseBdiv .tab08 {overflow: hidden; width: 100%; margin:15px auto 15px; border-bottom: 1px solid #b7b7b7;} .courseBdiv .tab08 li {float: left; width: 25%; height:40px;display: block; box-sizing:border-box; text-align: center; line-height:40px;background-color: #d52f37; border-left: 1px solid #d7d7d7; cursor: pointer; font-size:12px; letter-spacing:-0.05em;color:#fff;font-weight:300; border-bottom:1px solid #d7d7d7;} .courseBdiv .tab08 li.bggray{background-color: #909090; border-bottom:0;} .courseBdiv .tab08 p.last_tab{width: 25%; background-color: #909090; height:40px;box-sizing:border-box; float: left; border-left: 1px solid #d7d7d7;} .tab_contents5{display:none;margin-bottom:40px;} #tab1{display:block;} .tab_contents5 ul{overflow: hidden; } .tab_contents5 ul li{width: 49%; margin-right:2%; float: left; margin-bottom:15px; border: 1px solid #ddd; box-sizing:border-box; padding:3px;} .tab_contents5 ul li:nth-child(even){margin-right:0;} .tab_contents5 ul li > a{display:block;} .tab_contents5 ul li > a > img{width:100%;} .tab_contents5 ul li p{color:#666; font-size:12px; font-weight:300;text-align:left;} .tab_contents5 ul li p.thumb_nail{} .tab_contents5 ul li p.thumb_nail img{width:100%;} .tab_contents5 ul li p.name_p{color:#222; font-weight:400; font-size:13px;margin-top:10px;} .tab_contents5 ul li p.name_p em{font-size:12px; color:#c8c8c8; font-weight:300;font-style:normal;vertical-align:text-top;} .tab_contents5 ul li p.name_p span{font-weight:400; color:#4a7aab; font-size:13px;} .courseBdiv .tab_contents5 ul li img{border-bottom:1px solid #ddd;} .courseBdiv .tab_contents5 ul li .co_txt{display:block;overflow:hidden;text-align:left;padding:5px;color:#767676; font-size:13px; font-weight:300;} .courseBdiv .tab_contents5 ul li .co_txt img{float:left;padding:0px; border:none;} .courseBdiv .tab_contents5 ul li .co_txt strong{color:#c80a13; font-weight:400; font-size:13px;} .courseBdiv .tab_contents5 ul li .num_txt{color:#111;font-size:12px; font-weight:300;display:block; border-bottom:1px solid #ddd; text-align:left; letter-spacing:-0.06em; padding-bottom:8px;} .courseBdiv .tab_contents5 ul li .star_txt{display:block; line-height:18px;text-align:left;font-weight:300;font-size:12px; color:#111; padding:5px 0;} .courseBdiv .tab_contents5 ul li .star_txt img{padding:0px; border:none;vertical-align:baseline;} .courseBdiv .tab_contents5 ul li .star_txt .ml05{margin-left:5px;} .courseBdiv .tab_contents5 ul li .num_txt strong{font-size:12px;color:#415d7b;font-weight:400;} .courseBdiv .tab_contents5 ul li span.img_bd1{width:33px; height:33px;border:1px solid #bfbfbf;display:block;float:left;margin-right:6px;} .courseBdiv .tab_contents5 ul li span.img_bd1 img{width:100%;} .courseBdiv .course_search{float:right; margin-top:10px; margin-bottom:10px;height:30px;} .courseBdiv .search_box{width:128px; height:25px;font-size:12px; color:#666;text-indent:10px;line-height:25px;border:1px solid #d7d7d7;border-right:none;} .courseBdiv .seach_click{width:63px; height:27px; background:url('../../images/sub/community/s_bg.jpg') 0 0 no-repeat;display:inline-block;vertical-align:bottom;color:#fff;font-size:14px;font-weight:300;text-indent:26px;line-height:27px;letter-spacing:-0.5px} /*대회- 이벤트대회*/ .eventBdiv.match_event .tab_con1 ul li p a{color:#d90925;} .eventBdiv .tab_con1 ul li span.pre_mark{background:#fff; color:#666; border:1px solid #9c9c9c;} /*이벤트대회 list*/ .match_event .ing_icon{width:58px; height:24px; border:1px solid #e4610a;background-color:#ef7320;display:block;font-size:13px; color:#fff;text-align:center;line-height:24px;} .match_Bdiv.match_event .top_box{width:100%; border:1px solid #d7d7d7;background-color:#fcfcfc;text-align:center; margin-bottom:30px;} .match_Bdiv.match_event .top_box p.first_p{font-size:19px; color:#d90925; font-weight:400;margin-bottom:10px;margin-top:13px;} .match_Bdiv.match_event .top_box p{font-size:12px; color:#111;font-weight:400; line-height:18px; letter-spacing:-0.04em;} .match_Bdiv.match_event .top_box p.txt{padding: 0 5% 30px;} /*이벤트대회 view*/ .luck_float{display:block; overflow:hidden; width:100%; margin-bottom:30px; box-sizing:border-box;} .luck_float div{width:100%; border:1px solid #ddd; padding:15px; box-sizing:border-box; margin-bottom:20px;} .luck_float div.luck1{margin-right:20px} .luck_float div p{background:url('../../images/sub/match/luck_icon.png') 0 75% no-repeat; background-size:19px 19px; text-indent:21px;font-weight:bold; font-size:17px;color:#5b5b5b;} .luck_float div p strong{color:#4e9d43;} .event_mdiv1 .luck_float div table{width:100%;border-top:1px solid #c50a13; margin:20px 0px 0px 0px;} .store_mdiv1 .luck_float div table th, .store_mdiv1 .luck_float div table td{text-align:center; padding-top:8px; padding-bottom:8px;} .luck_float div table th{border-left:1px solid #d7d7d7; color:#333; font-weight:400; font-size:13px;} .luck_float div table th:first-child{border-left:0;} .event_mdiv1 .luck_float div table td{border:1px solid #d7d7d7; color:#666; font-size:15px; font-weight:300;padding:0px;} .event_tab_menu{margin-bottom:40px;} .store_mdiv1 .event_tab_ul {margin: 0px; padding: 0px; list-style: none; height: 35px; width: 100%;margin-bottom:20px; padding-bottom:-1px; overflow:hidden;border-bottom: 1px solid #d7d7d7;} .store_mdiv1 .event_tab_ul li {float: left; text-align:center; cursor: pointer; width:25%; height: 35px; line-height: 35px; overflow: hidden;box-sizing: border-box; margin-right:0; font-size:13px; color:#fff;} .store_mdiv1 .event_tab_ul li{border-right:1px solid #d7d7d7;border-top:none;background-color:#FFF;background-color:#909090;} .store_mdiv1 .event_tab_ul li:first-child{border-left:1px solid #d7d7d7;} .store_mdiv1 .event_tab_ul li a{color:#fff;font-size:12px; font-weight:300; letter-spacing:-0.03em;} .store_mdiv1 .event_tab_ul li a em{font-size:12px;font-style:normal;} .store_mdiv1 .event_tab_ul li.selected{height:35px;border-top:2px solid #c80a13;background-color:#FFF; color:#222} .store_mdiv1 .event_tab_ul li.selected a{font-size:12px;color:#222;} .store_mdiv1 .event_tab_ul3 {margin: 0px; padding: 0px; list-style: none; height: 35px; width: 100%;margin-bottom:20px; padding-bottom:-1px; overflow:hidden;border-bottom: 1px solid #d7d7d7;} .store_mdiv1 .event_tab_ul3 li {float: left; text-align:center; cursor: pointer; width:25%; height: 35px; line-height: 35px; overflow: hidden;box-sizing: border-box; margin-right:0; font-size:13px; color:#fff;} .store_mdiv1 .event_tab_ul3 li{border-right:1px solid #d7d7d7;border-top:none;background-color:#FFF;background-color:#909090;} .store_mdiv1 .event_tab_ul3 li:first-child{border-left:1px solid #d7d7d7;} .store_mdiv1 .event_tab_ul3 li a{color:#fff;font-size:12px; font-weight:300; letter-spacing:-0.03em;} .store_mdiv1 .event_tab_ul3 li a em{font-size:12px;font-style:normal;} .store_mdiv1 .event_tab_ul3 li.selected{height:35px;border-top:2px solid #c80a13;background-color:#FFF; color:#222} .store_mdiv1 .event_tab_ul3 li.selected a{font-size:12px;color:#222;} .store_mdiv1 .event_tab_ul2 {margin: 0px; padding: 0px; list-style: none; height: 35px; width: 100%;margin-bottom:20px; padding-bottom:-1px; overflow:hidden;border-bottom: 1px solid #d7d7d7;} .store_mdiv1 .event_tab_ul2 li {float: left; text-align:center; cursor: pointer; width:20%; height: 35px; line-height: 35px; overflow: hidden;box-sizing: border-box; margin-right:0; font-size:13px; color:#fff;} .store_mdiv1 .event_tab_ul2 li{border-right:1px solid #d7d7d7;border-top:none;background-color:#FFF;background-color:#909090;} .store_mdiv1 .event_tab_ul2 li:first-child{border-left:1px solid #d7d7d7;} .store_mdiv1 .event_tab_ul2 li a{color:#fff;font-size:12px; font-weight:300; letter-spacing:-0.03em;} .store_mdiv1 .event_tab_ul2 li a em{font-size:12px;font-style:normal;} .store_mdiv1 .event_tab_ul2 li.selected{height:35px;border-top:2px solid #c80a13;background-color:#FFF; color:#222} .store_mdiv1 .event_tab_ul2 li.selected a{font-size:12px;color:#222;} /* 매장대회 */ .store_mdiv table{width:100%; border-top:2px solid #c50a13;} .store_mdiv table tr th{background-color:#fbfbfb; font-size:13px; color:#333;font-weight:400;border-bottom:1px solid #d7d7d7;} .store_mdiv table tr{height:41px;} .store_mdiv tr td{text-align:center; font-size:12px; color:#767676; font-weight:300;border-bottom:1px solid #d7d7d7;} span.ing_td{width:55px; height:22px; border:1px solid #e4610a; background-color:#ef7320; color:#fff;font-weight:300;font-size:13px;text-align:center;display:block;margin:auto;} span.pre_td{width:55px; height:22px; border:1px solid #9c9c9c; background-color:#fff; color:#666;font-weight:300;font-size:13px;text-align:center;display:block;margin:auto;} span.end_td{width:55px; height:22px; border:1px solid #818181; background-color:#929292; color:#fff;font-weight:300;font-size:13px;text-align:center;display:block;margin:auto;} .store_mtabel tr td, .store_mtabel tr th{border-left: 1px solid #d7d7d7; padding:8px 5px 8px 7px; letter-spacing:-0.06em;} .store_mtabel tr td:first-child, .store_mtabel tr th:first-child{border-left:0;} .match_Bdiv .search_div{overflow:hidden; margin: 20px 0;} .match_Bdiv .search{float:right;width:260px; height:29px;} .match_Bdiv .search.selecnone{width:194px;} .match_Bdiv .search_box{width:128px; height:25px;font-size:12px; color:#666;text-indent:10px;line-height:25px;border:1px solid #d7d7d7;border-right:none;} .match_Bdiv .seach_click{width:63px; height:27px; background:url('../../images/sub/community/s_bg.jpg') 0 0 no-repeat;display:inline-block;vertical-align:bottom;color:#fff;font-size:14px;font-weight:300;text-indent:26px;line-height:27px;letter-spacing:-0.5px} .store_mtabel tr td.title{ text-align:left;} /* 매장대회 뷰페이지 */ .store_mdiv1 .float_boxes{display:block;overflow:hidden; margin-bottom:20px;} .store_mdiv1 .float_boxes p.title{font-weight:400; font-size:16px; color:#111;float:left; width:60%;} .store_mdiv1 .float_boxes p.matchagree_btn{float:right;} .store_mdiv1 table{width:100%; border-top:2px solid #c50a13;margin-top:10px;margin-bottom:20px;} .store_mdiv1 table.match_view{margin-bottom:50px;} .store_mdiv1 table tr th{background-color:#fbfbfb; font-size:13px; color:#333;font-weight:400;border-bottom:1px solid #d7d7d7; letter-spacing:-0.07em;} .store_mdiv1 table.match_view2 > tbody > tr > th{border-left:1px solid #ddd;} .store_mdiv1 table.match_view2 > tbody > tr > td{border-left:1px solid #ddd; padding:7px 5px;} .store_mdiv1 table.match_view2 > tbody > tr > td.name_td{padding-left:5px;} .store_mdiv1 table.match_view2 > tbody > tr > th:first-child{border-left:0px solid #ddd;} .store_mdiv1 table.match_view2 > tbody > tr > td:first-child{border-left:0px solid #ddd;} .store_mdiv1 tr td{text-align:left; font-size:12px; color:#767676;border-right:1px solid #d7d7d7; font-weight:300;border-bottom:1px solid #d7d7d7; padding:7px 5px 7px 10px;} .store_mdiv1 tr td:last-child{border-right:none;} .store_mdiv1 .bg_fb{background-color:#fbfbfb;color:#333;font-size:13px; font-weight:400;} .store_mdiv1 span.info_c{/*margin-left:10px;*/width:65px; height:22px; border:1px solid #d52f37;line-height:22px; text-align:center;display:inline-block;background-color:#FFF; margin-top:5px;} .store_mdiv1 span.info_c a{color:#d52f37;font-weight:300; display:block;} .store_mdiv1 tr:last-child td{padding-top:20px;padding-bottom:20px;} .store_mdiv1 ul{display:block; overflow:hidden;margin-bottom:10px;} .store_mdiv1 ul.entry_ul li{float:left;font-size:12px; color:#333;font-weight:400; letter-spacing:-0.06em;} .store_mdiv1 ul.entry_ul li:first-child{margin-right:10px;} .store_mdiv1 ul li strong{color:#4a7aab;font-weight:500;} .store_mdiv1 table .img_bg1{display:inline-block; float:left; margin-left:0;} .match_view2 tr td{border:none; border-bottom:1px solid #d7d7d7;color:#767676; font-weight:300;font-size:12px;height:66px;padding-left:0px;text-align:center;} .match_view2 .name_td{display:table-cell;overflow:hidden;text-align:left;} .match_view2 .name_td .span02 strong{display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width:110px;} .match_view2 .name_td span.txt01{float:left;color:#000;font-size:12px; color:#767676;font-weight:300;} .match_view2 .name_td span strong{color:#4a7aab;font-size:13px;font-weight:400;} .match_view2 .name_td span.img_bg1{margin-right:10px;} .match_view2 .name_td p.cont{clear:both;} .match_view2 .name_td p.cont .colorred{color:#d90925;} .match_view2 .login_before td{text-align:center;font-weight:300;} .match_view2 .login_before td strong{color:#4a7aab;font-weight:400;margin-left:5px;} .match_view2 .red_text{color:#d52f37; font-size:14px; font-weight:400;} .match_view2 .score_card{width:55px; height:24px;margin:auto; border:1px solid #383838; background-color:#565656;font-size:12px; color:#fff; font-weight:300;text-align:center;line-height:24px;display:block; letter-spacing:-0.08em;} .match_view2 tr:last-child td{padding-top:0px; padding-bottom:0px;} .match_view2 .login_before .login_after1{font-size:13px; text-align:left; font-weight:400; color:#333; height:40px;vertical-align:bottom;padding-bottom:10px;} .my_record{background-color:#eaf5ff;} .match_view2 .bgdd{background-color:#ddd; height:308px;} .match_view2 tr.none_td, .match_view2 tr.none_td td{height:20px;} .store_mdiv1 table.match_view3 tr{height:30px;} .match_view3 tr.tr01 td, .match_view3 tr.tr01_1 td{background-color:#2d2d2d; color:#fff;} .store_mdiv1 .match_view3{width:100%; text-align:center;margin:25px 0px;} .match_view3 tr td{border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; font-size:12px; font-weight:400; height:30px; padding:0;} .match_view3 td:last-child{border-right:none;} .match_view3 tr{background-color:#f4f4f4;} .match_view3 tr.tr01 td, .scorecard_01 tr.tr01_1 td{background-color:#2d2d2d; color:#fff;} .match_view3 tr td.bg63{background-color:#636363;font-weight:400;} .match_view3 tr td.bgfa{background-color:#fafdda;font-weight:400;color:#5e5e5e;} .match_view3 tr.tr02 td.bgfa{background-color:#fafdda;font-weight:400;color:#5e5e5e;} .match_view3 tr td.bg4e{background-color:#4e9d43;font-weight:400;} .match_view3 tr.tr01_1 td:last-child{border-right:1px solid #d7d7d7;} .match_view3 tr.tr02{background-color:#777; color:#fff;} .match_view3 tr.tr02 td{color:#fff;} .match_view3 tr.tr03{background-color:#FFF;} .match_view2 tr.score_bottom td{ padding: 0px;} .match_view2 tr.score_top.bgyellow{background:#fafcf3} .match_view2 tr.score_top .clover_img{background:url('../../images/sub/match/luck_icon.png') 0 50% no-repeat; background-size: 19px 19px;text-indent: 12px;} .store_mdiv1 ul.entry_ul li.entry_last_bg{background:url('../../images/sub/match/luck_icon.png') 0 75% no-repeat; background-size:19px 19px; text-indent:19px; color:#3c7955; margin-right:0; float:right; width:130px;} /* 팝업 설정 */ .overLayer6{width:90%; margin:0 auto; min-height:206px;border:1px solid #d52f37;position:absolute; top:5%; left:5%; z-index:101; box-sizing:border-box; background-color:#FFF; min-width:280px;} .overLayer6.event_match{width:90%; margin:0 auto; min-height:206px;border:1px solid #d52f37;position:absolute; top:50%; left:5%; z-index:101; box-sizing:border-box; background-color:#FFF; min-width:280px;} .overLayer6 div{margin:0px;} .overLayer6 .pop_top{width:100%; height:37px;margin:0px; background-color:#d52f37; } .overLayer6 .pop_top p{font-size:16px; color:#fff;line-height:37px;font-weight:400; margin-bottom:0; text-align:left; text-indent:10px; margin-top:0;} .overLayer6 .text_box{font-size:12px;padding:15px 10px 15px 10px;text-align:left;font-weight:400;} .overLayer6 .text_box strong{color:#d52f37;font-weight:400;} .overLayer6.event_match .text_box a{display:none;} .overLayer6 .text_box a{width:76px; height:28px; border:1px solid #808080;color:#333;font-size:14px; font-weight:400;line-height:28px;margin-top:30px;margin-right:6px; display:inline-block;} .overLayer6 .text_box a:last-child{margin-right:0px;} .overLayer6 > div{position:relative;} .overLayer6 > div > span{ position: absolute; top: 7px; right: 13px; cursor: pointer;} div.glayLayer6{position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60); display: none;} .matchagree_btn{ background:url('../images/sub/match/match_popbt.gif') 0 0 no-repeat; background-size:125px 30px; color:#fff; width:125px; height:30px; line-height:30px; font-size:13px; text-indent:15px; margin-bottom:20px; cursor:pointer;} /* 팝업 설정 .overLayer6{width:1040px; height:743px;border-radius: 1em;border:1px solid #f4f4f4;position:fixed;top:200px; left:40%; z-index:101; margin-left:-350px; background-color:#FFF;} .overLayer6 div{margin:0px;width:1040px;} .overLayer6 .pop_top{width:1040px; height:64px;margin:0px;background-color:#f4f4f4;border-radius: 1em 1em 0em 0em;text-indent:18px;color:#333; } .overLayer6 .pop_top p{text-indent:40px;text-align:left;font-size:25px; color:#333;line-height:64px;font-weight:400;} .overLayer6 .text_box{width:940px;height:599px;font-size:15px; padding:40px 50px 40px 50px;text-align:left;font-weight:400;color:#767676;} .overLayer6 .text_box a{width:76px; height:32px; border:1px solid #808080;color:#333;font-size:14px; font-weight:400;line-height:32px;margin-top:30px;margin-right:6px;} .overLayer6 .text_box a:last-child{margin-right:0px;} .overLayer6 > div{position:relative;} div.overLayer6 > div > span{ position: absolute; top: 21px; right: 30px; cursor: pointer;} div.glayLayer6{position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60); display: none;}*/ /*브라보가이드*/ /*시스템*/ .company_div .middle{margin-bottom:30px;} .sysbt_div{margin-bottom:50px;} /*.intro_top_bn.system .bnabsolute{top:6%;} .intro_top_bn.system p.title{color:#333; font-weight:300;} .intro_top_bn.system p.title strong{font-weight:500;} .intro_top_bn.system p.sub_tit{color:#666; font-weight:400} .intro_top_bn.system .bnabsolute p .colorred{color:#d90925; font-weight:600} .intro_top_bn.system .bnabsolute .txt{margin-top:25px;}*/ /*게임*/ .company_div.game .img{margin-bottom:20px; position:relative;;} .company_div.game .img span{color:#666; position:absolute; bottom:5%; left:0%; letter-spacing:-0.06em; display:block; width:100%; padding:0 5%; box-sizing:border-box; line-height:16px;} /*영상대전*/ .movie_icon{margin:30px 0 40px;} .movie_icon ul{overflow:hidden; padding:15px 10px; border-bottom:1px dashed #ddd; border-right:1px solid #e4e4e4; border-left:1px solid #e4e4e4; width:100%; box-sizing:border-box;} .movie_icon ul:first-child{border-top:1px dashed #ddd;} .movie_icon ul:first-child, .movie_icon ul:last-child{background:#fbfbfb;} .movie_icon ul li:first-child{float:left;} .movie_icon ul li > img{width:75px; height:75px;} .movie_icon ul:first-child li > img, .movie_icon ul:last-child li > img{ padding-top:4px;} .movie_icon ul li.right_txt{padding-left:82px;} .movie_icon ul li.right_txt p{letter-spacing:-0.06em;} .movie_icon ul li.right_txt .title{font-size:15px;font-weight:500; color:#333333; line-height:18px; padding-bottom:5px;} .movie_icon ul li.right_txt .title span.color01{color:#4e9d43;} .movie_icon ul li.right_txt .title span.color02{color:#7ba211;} .movie_icon ul li.right_txt .title span.color03{color:#32809e;} .movie_icon ul li.right_txt .txt{color:#666;} .movie_icon ul li.right_txt .txt strong{font-weight:500;color:#111;} .video_info_bg{background:url("../images/sub/bravo/video_info_bg.jpg") 0 0 repeat-y; background-size:100%; width:100%; margin-bottom:50px;} .video_info_bg .video_info_inner{width:95%; margin:0 auto;} .video_info_bg .video_info_inner > p img{width:100%;} .tabs-menu{width:100%;overflow:hidden;} .tabs-menu li {width:49%; margin-top:7px;float: left; margin-right: 2%;text-align:center; box-sizing:border-box;} .tabs-menu li:nth-child(even){margin-right:0;} .tabs-menu li.current {position: relative;z-index: 5;} .tabs-menu li a {font-size:13px; line-height:17px; letter-spacing:-0.75px;font-weight:normal;color: #b0b0b0;text-decoration: none; display:block;background:url('../images/sub/bravo/videotab_bg_on.png') 0 0 no-repeat; background-size:100% 42px; box-sizing:border-box; padding:4px 0; height:100%; width:100%;} .tabs-menu .current a { color: #111;background:url('../images/sub/bravo/videotab_bg_off.png') 0 0 no-repeat; background-size:100% 42px;} .tabs { width:100%; height:200px; margin:auto;border: 1px solid #d4d4d1; background-color: #fff; display:block;overflow:hidden;margin-bottom: 20px; margin-top:10px; box-sizing:border-box;} .tab-content { width: 100%; height:463px;display: none;} #tab-1 { display: block; } @media screen and (min-width:530px){ .tabs-menu .current a{background-size:100% 45px;} .tabs-menu li a {background-size:100% 45px;} } @media screen and (min-width:720px){ .tabs-menu .current a{background-size:100% 50px;} .tabs-menu li a {background-size:100% 50px;} }