/* Page Mypage */ #mypage .width1000 {position: relative;} #mypage #mypage_tab {position: absolute; top: 20px; bottom: 0; left: 0; width:195px; background: #ededed;} #mypage #mypage_tab ul li a {display: block; background:#ededed; font-size:14px; color:#2f2f2f; width:195px; height:40px; line-height:40px; padding-left:15px;} #mypage #mypage_tab ul li a:hover {opacity:0.5} #mypage #mypage_tab ul li.active a { background:#093547; background: -webkit-linear-gradient(left, #0e445b , #093547); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #0e445b, #093547); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #0e445b, #093547); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #0e445b , #093547); /* Standard syntax (must be last) */ color:#fff; } #mypage #mypage_tab ul li.active a:hover {opacity:1; cursor:default} #mypage #mypage_content {width:778px; min-height: 500px; margin:20px 0} #mypage #mypage_content .tab {display:none; overflow-y: auto; max-height: 880px;} #mypage #mypage_content .tab.active {display:block} /* Page Mypage : 개인정보 */ #mypage #mypage_content .mypage_header {border-bottom:0.5px solid #b2b2b2; height:38px; line-height:38px; padding:0 15px} #mypage #mypage_content .mypage_header .latest_login {width:100%; position:relative; font-size:13px; color:#7a7a7a;} #mypage #mypage_content .mypage_header .latest_login .my_latest_login {margin-right:15px;} #mypage #mypage_content .mypage_header .latest_login .dayCheck {color:#53cb2b;} #mypage #mypage_content .mypage_header .coupon_detail {float:right; width:100px; height:26px; margin:4px; display:inline-block; border:2px solid #17a1de} #mypage #mypage_content .mypage_header .coupon_detail a {background:url("../../images/coupon_btn.png")no-repeat scroll right 0 / 49% auto transparent; font-weight:bold; cursor:pointer; position:absolute; width:95px; height:48px; line-height:55px; top:-10px; right:0} #mypage #mypage_content #mypage_tab_modify {right:15px; z-index:100} #mypage #mypage_content #mypage_tab_modify ul li {display:block; line-height:38px} #mypage #mypage_content #mypage_tab_modify ul li.active {display:none} #mypage #mypage_content #mypage_tab_modify ul li a {font-size:14px; color:#007bb3; padding:4px; border:1px solid #17a1dd; border-radius:3px} #mypage #mypage_content #mypage_tab_modify ul .tab1_1 a {color:#7a7a7a} #mypage #mypage_content .my_info_main {background:#fff; height:62px; border-bottom:1px solid #d9d9d9; padding:9px 32px; margin-bottom:5px} #mypage #mypage_content .my_info_main .face {height:62px} #mypage #mypage_content .my_info_main .face .circle {z-index:1} #mypage #mypage_content .my_info_main .face img {width:62px; height:62px} #mypage #mypage_content .my_info_main .my_info_name {margin:12px 87px} #mypage #mypage_content .my_info_main .my_info_name .user_name {font-size:16px; color:#1a1a1a; margin-bottom:2px} #mypage #mypage_content .my_info_main .my_info_name .user_id {font-size:14px; color:#a3a3a3} #mypage #mypage_content .btn_face {width:80px; height:28px; margin:-10px 23px 5px} #mypage #mypage_content .btn_face .register {display:block} #mypage #mypage_content .btn_face .register a {background:url("../../images/mypage_register.png") no-repeat scroll 0 0 / 40px auto transparent; float:left} #mypage #mypage_content .btn_face .register a:hover {background:url("../../images/mypage_register_hover.png") no-repeat scroll 0 0 / 40px auto transparent} #mypage #mypage_content .btn_face .register a input {width:40px; height:28px; text-indent:-9999px; ; cursor:pointer; opacity:0; border:none} #mypage #mypage_content .btn_face .delete a {background:url("../../images/mypage_delete.png") no-repeat scroll 0 0 / 40px auto transparent; width:40px; height:28px; display:inline-block} #mypage #mypage_content .btn_face .delete a:hover {background:url("../../images/mypage_delete_hover.png") no-repeat scroll 0 0 / 40px auto transparent} #mypage #mypage_content .my_info input {border:1px solid #d9d9d9; border-radius:3px; width:200px; margin-right:3px; padding:5px} #mypage #mypage_content .my_info .user_phone input {text-align:center; width:50px} #mypage #mypage_content .my_info .user_phone select {padding:4px 5px 5px} #mypage #mypage_content .modify_btn {background:#0296c7; width:75px; border:1px solid #007bb3; border-radius:3px; margin:30px auto 30px; padding:5px 10px; text-align:center; cursor:pointer} #mypage #mypage_content .modify_btn:hover {opacity:0.8} #mypage #mypage_content .modify_btn span {font-size:14px; color:#fff} #mypage #mypage_content .my_info .my_info_box:first-child {border-top:1px solid #d9d9d9} #mypage #mypage_content .my_info .my_info_box {background:#fff; min-height:41px; padding:12px 32px; border-bottom:1px solid #d9d9d9} #mypage #mypage_content .my_info .my_info_box .title {font-size:13px; color:#969696; margin-bottom:10px} #mypage #mypage_content .my_info .my_info_box .text {font-size:13px; font-weight:bold; color:#1a1a1a} /* Page Mypage : 사용중인 수강권 */ #mypage #mypage_content .my_product .title {background:#007bb3; font-size:13px; font-weight:bold; color:#fff; height:38px; line-height:38px; padding:0 15px; margin-bottom:1px} #mypage #mypage_content .my_product .name {padding:0 15px; text-align: left !important;} #mypage #mypage_content .my_product .period {width:67px} #mypage #mypage_content .my_product .date {width:100px} #mypage #mypage_content .my_product .expired_date {width:100px} #mypage #mypage_content .my_product table {width:100%;} #mypage #mypage_content .my_product .tab_box {background:#545454; width:100%; height:40px; line-height:40px} #mypage #mypage_content .my_product .tab_box tr td, #mypage #mypage_content .my_product .tab_box tr th {font-size:13px; color:#fff} #mypage #mypage_content #tab2 .my_product .tab_box tr td.name {width: 305px;} #mypage #mypage_content .my_product .line {background:#fff; width:100%; height:45px; font-size:13px; color:#444; border-bottom:1px solid #d9d9d9} #mypage #mypage_content .my_product .line:last-of-type {border-bottom: 0;} #mypage #mypage_content .my_product .line .name {padding: 5px 15px; font-weight:bold; color:#1a1a1a} #mypage #mypage_content .my_product .line.address_box {background: #ededed;} #mypage #mypage_content .my_product .line.address_box .address {padding-left:15px; width:479px} #mypage #mypage_content .my_product .line.address_box .address b {float:left} #mypage #mypage_content .my_product .line.address_box .address span {float:right;width:85%;text-align:left;} #mypage #mypage_content .my_product .line.address_box .status {width: 141px; text-align:center} #mypage #mypage_content .my_product .line.address_box .order_tracking {text-align:center; padding:0 30px 0 15px} #mypage #mypage_content .my_product .line.address_box .order_tracking a { border:1px solid #b1b1b1; border-radius:3px; padding:6px; color:#fff; text-shadow:1px 1px 1px #000; background:#b2b2b2; background: -webkit-linear-gradient(top, #e1e1e1 , #b2b2b2); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom, #e1e1e1, #b2b2b2); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, #e1e1e1, #b2b2b2); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, #e1e1e1 , #b2b2b2); /* Standard syntax (must be last) */ } #mypage #mypage_content .my_product_buy .tab_box .name {width:368px;} #mypage #mypage_content .my_product_buy .name {width:400px; padding-left:15px} #mypage #mypage_content .my_product_buy .period {width:100px} #mypage #mypage_content .my_product_buy .date {width:100px} #mypage #mypage_content .my_product_buy .payment_date {width:100px} #mypage #mypage_content .my_product_buy .price {width:100px} #mypage #mypage_content .my_product_buy .state {width:100px} #mypage #mypage_content .my_product_buy .state_change {width:100px} /* Page Mypage : 포인트 및 쿠폰 */ #mypage #mypage_content .coupon_info .title {float:left; margin-right: 5px; padding-left:15px; margin-top:10px} #mypage #mypage_content .coupon_info .coupon_box {float:left; width:85%; margin:10px auto} #mypage #mypage_content .coupon_info .coupon_text {float:left; margin:10px auto} #mypage #mypage_content .coupon_info .coupon_box .coupon_text_box {text-transform:uppercase; width:20%; height:25px; text-align:center} #mypage #mypage_content .coupon_info .coupon_btn {text-align:center} #mypage #mypage_content .coupon_info .coupon_btn input, button {font-size:100%; font-weight:bold; padding:6px 17px; margin:10px 0 20px; cursor:pointer} #mypage #mypage_content .coupon_info .coupon_btn input:hover {opacity:0.7} #mypage #mypage_content .my_coupon .point2 .date {width:65px; padding-left:15px} #mypage #mypage_content .my_coupon .point2 .txt {width:110px} #mypage #mypage_content .my_coupon .point2 .point {width:90px} #mypage #mypage_content .my_coupon .point2 .more {width:150px} #mypage #mypage_content .my_coupon .point2 .useBtn {font-size:12px;cursor:pointer;margin-left:10px;border:0;padding:5px 20px;background:#007bb3;color:#fff;} #mypage #mypage_content .my_coupon .point2 .myteam_paging {width:100%; float:left; margin:20px auto; text-align:center} #mypage #mypage_content .my_coupon .point2 .myteam_paging .pages a {font-size:12px; color:#2f2f2f; display:inline-block; padding:3px 7px} #mypage #mypage_content .my_coupon .point2 .myteam_paging .pages a.current {background:#007bb3; color:#fff} /* End Page Mypage */ /* 151216 - benative.co.kr 회원 마이그레이션 start */ .join_old {margin:0 auto;text-align:center;width: 660px;background: #f4f4f4;border-radius: 5px;height: 40px;margin-top: 5px;line-height: 40px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);font-size: 15px;} .join_old a {font-weight:bold;color:#0d88dc;text-decoration:underline;} .mig_1512 {background:#23373e;margin-bottom:100px;} .mig_1512 h1 {margin:0 auto;text-align:center;margin:30px 0;} .mig_1512 .topImgArea {background:#283c43;width:1000px;margin:0 auto;text-align:center;} .mig_1512 .topImgArea h1 {margin:0 auto;padding:40px 0;text-align:center;color:#fff;font-family:"Noto Sans Light";} .mig_1512 .topImgArea h1 span {font-family:"Noto Sans Medium";color:#fb1818;} .mig_1512 .topImgArea .imgArea {text-align:center;position:relative;} .mig_1512 .topImgArea .imgArea .txtArea {display:inline-block;text-align:center;} .mig_1512 .topImgArea .imgArea .txtArea:first-child {margin-right:100px;} .mig_1512 .topImgArea p {font-size:22px;color:#fff;margin:10px 0 30px 0;} .mig_1512 .topImgArea .plus {position:absolute;top:45px;left:490px;color:#a0b5bc;font-size:60px;line-height:60px;display:inline-block;margin:0;} .mig_1512 .topImgArea .txt1 {font-size:26px;padding-bottom:25px;} .mig_1512 .topImgArea .txt2 {font-size:16px;margin:0;padding-bottom:40px;} .mig_1512 .txtArea1 {background:#fff;margin:0 auto;text-align:center;width:1000px;} .mig_1512 .txtArea1 h1 {margin:0;padding:60px 0 40px;font-size:18px;color:#444;} .mig_1512 .txtArea1 h1 span {color:#0d88dc;} .mig_1512 .txtArea2 {position:relative;background:#ececec;margin:0 auto;text-align:center;width:1000px;margin-top:5px;overflow:auto;padding:50px 90px 50px 70px;box-sizing:border-box;} .mig_1512 .txtArea2 .leftSec {display:inline-block;float:left;} .mig_1512 .txtArea2 input[type=text] {background:#fbfbfb;} .mig_1512 .txtArea2 .idFind {height:auto;text-align:left;font-size:16px;color:#343434;font-family:"Noto Sans Light";} .mig_1512 .txtArea2 .idFind span {color:#e80000;} .mig_1512 .txtArea2 .centerLine {position:absolute;top:40px;left:500px;width:1px;height:210px;background:#c1c1c1;} .mig_1512 .txtArea2 .rightSec {display:inline-block;float:right;} .mig_1512 .inputTable {margin:0 auto;} .mig_1512 .inputTable tr {height:60px;} .mig_1512 .inputTable th {font-family:"Noto Sans Regular";font-weight:normal;text-align:right;color:#767676;font-size:16px;padding-right:20px;} .mig_1512 .inputTable td input[type=text], .mig_1512 .inputTable td input[type=number], .mig_1512 .inputTable td input[type=password] {width:250px;height:44px;border:1px solid #a3a3a3;background:#f6f6f6;text-indent:5px;font-size:15px;} .mig_1512 .inputTable td input[type=submit], .mig_1512 .inputTable td input[type=button] {font-size:20px;cursor:pointer;width:252px;height:44px;border:1px solid #28a4f9;background:#28a4f9;color:#fff;} .mig_1512 .inputTable td input[type=submit]:hover, .mig_1512 .inputTable td input[type=button]:hover {opacity:0.9;} .mig_1512 .inputTable .moreArea {height:70px;vertical-align:bottom;} .mig_1512 .inputTable .moreArea a {cursor:pointer;} .mig_1512 .inputTable .moreArea td {padding-bottom:5px;} .mig_1512 .more {display:inline-block;text-align:center;color:#a1a1a1;font-size:16px;} .mig_1512 .more .ico {font-size:10px;} .mig_1512 .inputTable .moreArea.up {} .mig_1512 .inputTable .title {height:auto;} .mig_1512 .inputTable .title td {font-size:16px;text-align:left;vertical-align:middle;} .mig_1512 .inputTable .title td img {vertical-align:middle;margin-right:5px;} .mig_1512 .inputTable.id {width:100%;} .mig_1512 .inputTable.id th {width:40%;} .mig_1512 .inputTable.id td {width:60%;text-align:left;} .mig_1512 .inputTable.id .idArea {background:#efefef;margin:0 auto;padding:30px 0;text-align:center;} .mig_1512 .inputTable.id .idArea input[type=text] {background:none;border:none;text-indent:0;text-align:center;font-weight:bold;font-size:18px;} .mig_1512 .inputTable.id .update {height:40px;} .mig_1512 .inputTable.id .cell {background: url(/images/1512_mig_ico_04.png) 180px center no-repeat;position: relative;box-sizing:border-box;display:inline-block;width:252px;height:46px;border:1px solid #a3a3a3;background:#f6f6f6;overflow:hidden;text-indent:5px;} .mig_1512 .inputTable.id .cell label {position: absolute;top: 6px;left:5px;background:#fff url(/images/1512_mig_ico_04.png) 35px 13px no-repeat;border:1px solid #e1e1e1;padding:5px 20px 5px 0;} .mig_1512 .inputTable.id .cell .cellSel {opacity:0;filter:alpha(opacity=0);position:absolute;left:5px;top:5px;padding:10px 0 5px;} .mig_1512 .inputTable.id .cell input[type=number] {width:65px;margin:0 10px 0 50px;text-align:center;border:0;} .mig_1512 .inputTable.id .cell input[type=number]:last-child {margin:0 0 0 10px;} .mig_1512 .inputTable.id .agrArea td {text-align:center;color:#767676;font-size:13px;padding:25px 0;} .mig_1512 .inputTable.id .agrArea td label {color:#000;font-size:15px;display:inline-block;margin-top:10px;margin-right:30px;} .mig_1512 .inputTable.id .agrArea td input, #mypage #tab5 .txt3 input {display:none;} .mig_1512 .inputTable.id .agrArea td input[type=checkbox] + label, #mypage #tab5 .txt3 input[type=checkbox] + label {display:inline-block;cursor:pointer;padding-left:25px;margin-right:15px;} .mig_1512 .inputTable.id .agrArea td input[type=checkbox] + label:before, #mypage #tab5 .txt3 input[type=checkbox] + label:before {content: " ";display:inline-block;width:20px;height:20px;margin-right:10px;background:#fff;border:1px solid #cdcdcd;vertical-align:bottom;} .mig_1512 .inputTable.id .agrArea td input[type=checkbox]:checked + label:before, #mypage #tab5 .txt3 input[type=checkbox]:checked + label:before {content: "\f00c";font-family: FontAwesome;font-size: 18px; color: #1180cd; background:#fff;text-align: center; line-height: 20px; height:20px;border:1px solid #cdcdcd;} .mig_1512 .txt3 {margin-top:50px;border-top:1px solid #a0a0a0;padding:15px 0;color:#767676;} #mypage .out {padding:9px 15px;font-family:"Noto Sans Light";color:#868686;} #mypage .out .link {color:#0d88dc;font-family:"Noto Sans Regular";} #mypage #tab5 {box-sizing:border-box;} #mypage #tab5 p {margin:0;} #mypage #tab5 .txt1:before {content: "\f00c";font-family: FontAwesome;font-size: 18px;color: #1180cd;margin-right:5px;} #mypage #tab5 .txt1 {font-size:15px;width:100%;margin-top:25px;padding:25px 0 20px 0;border-top:1px solid #ccc;} #mypage #tab5 .txt2 {font-size:18px;color:#282828;padding-left:25px;} #mypage #tab5 .txt2 input[type=password] {font-size:18px;margin-left:10px;width:230px;height:40px;border:1px solid #a3a3a3;background:#f6f6f6;text-indent:5px;font-size:15px;vertical-align:middle;} #mypage #tab5 .txt3 {font-size:15px;margin-top:30px;color:#282828;} #mypage #tab5 .btnLine {width:100%;text-align:center;margin-top:50px;} #mypage #tab5 .outBtn {margin-right:30px;cursor:pointer;font-family:"Noto Sans Regular";background:#fff;color:#0d88dc;padding:10px 40px;border:1px solid #c6c6c6;} #mypage #tab5 .outBtn.cnc {color:#797979;} #mypage #tab5 .outBtn:last-child {margin:0;} #mypage #mypage_content.off {background:#fff;border:none;} /* 151216 - benative.co.kr 회원 마이그레이션 end */ /* 170808 - benative.co.kr Social Mileage */ #mypage #mypage_content .my_info .my_info_box.recommender_code { display: none; border-top: 0; } #mypage #mypage_content .my_info .my_info_box.social_mileage { display: none; } #mypage #mypage_content .my_info .social_mileage .text { overflow: hidden; position: relative; display: inline-block; } #mypage #mypage_content .my_info .my_info_box .text input[type="text"] { width: auto; margin: 0; padding: 0; border: 0; font-size: 16px; font-weight: bold; color: #1a1a1a; }