/* ============================================= Paycourse ============================================= */ /* Paycourse */ #payment {} #payment .paycourse {background:#f9f9f9} #payment .paycourse .width1000 {padding-top:30px} /* Paycourse Tab */ #payment .paycourse .paycourse_tab {width:220px} #payment .paycourse .paycourse_tab ul {overflow:hidden;} #payment .paycourse .paycourse_tab ul li {width:100%} #payment .paycourse .paycourse_tab ul li a {float:left; width:100%; color:#8f8f8f; text-align:left; padding:12px 0; border-bottom:1px dashed #d7d7d7} #payment .paycourse .paycourse_tab ul li a:hover {opacity:0.6} #payment .paycourse .paycourse_tab ul li.active a {color:#1382ce; cursor:default} #payment .paycourse .paycourse_tab ul li.active a:hover {opacity:1} #payment .paycourse .paycourse_tab .paycourse_bann_left {width: 216px; margin: 20px auto 0;} #payment .paycourse .paycourse_tab .paycourse_bann_left span {display: block; height: 30px; background-color: #1c96db; font-size: 12px; color: #fff; text-align: center; letter-spacing: -0.0667em; line-height: 30px;} #payment .paycourse .paycourse_tab .paycourse_bann_left i {display: inline-block; margin-left: 11px;} /* Paycourse - 개별코스상품 */ #payment .paycourse .single_priceWrap {text-align: center} #payment .paycourse .paycourse_content {float:left; width:735px; margin-left:45px} #payment .paycourse .paycourse_content .chapter {margin-bottom:40px; overflow:hidden;} #payment .paycourse .paycourse_content .chapter .title_box {} #payment .paycourse .paycourse_content .chapter .title_box .paycourse_title {font-size:20px; color:#363636; padding-bottom:15px} #payment .paycourse .paycourse_content .chapter .title_box .info {font-size:15px; color:#363636; height:45px} #payment .paycourse .paycourse_content .chapter .title_box .vat {font-size:12px; color:#8c8c8c; text-align:right; padding-bottom:2px} #payment .paycourse .paycourse_content .individual_tab {border:1px solid #d7d7d7; line-height:35px; margin-bottom:2px} #payment .paycourse .paycourse_content .individual_tab span {font-size:13px; color:#959595; display:inline-block} #payment .paycourse .paycourse_content .individual_tab .title {width:400px; padding-left:20px} #payment .paycourse .paycourse_content .individual_tab .period {width:95px} #payment .paycourse .paycourse_content .individual_tab .price {} #payment .paycourse .paycourse_content .individual_grid {background:#fff; border:1px solid #d7d7d7;} #payment .paycourse .paycourse_content .individual_grid .individual_box.top {border-top:none} #payment .paycourse .paycourse_content .individual_grid .individual_box {position:relative; border-top:1px solid #d7d7d7; line-height:68px} #payment .paycourse .paycourse_content .individual_grid .individual_box img {float:left; width:36px; margin:10px 17px} #payment .paycourse .paycourse_content .individual_grid .individual_box span {display:inline-block} #payment .paycourse .paycourse_content .individual_grid .individual_box .title {width:355px; font-size:15px; color:#303030} #payment .paycourse .paycourse_content .individual_grid .individual_box .period {width:90px; font-size:15px; color:#5d5d5d} #payment .paycourse .paycourse_content .individual_grid .individual_box .origin_price {background:transparent url("../../images/paycourse_indi_discount.png") no-repeat scroll 0 7px / 100% auto; width:70px; font-size:13px; color:#e02121; text-align:center; line-height: 15px; padding-bottom:10px; position:absolute; top:5px; right:150px} #payment .paycourse .paycourse_content .individual_grid .individual_box .price {font-size:15px; font-weight:bold; color:#303030} #payment .paycourse .paycourse_content .individual_grid .individual_box input {float:right; background:#e02121; font-size:12px; color:#fff; width:85px; height:32px; border:none; border-radius:7px; margin:18px; cursor:pointer} #payment .paycourse .paycourse_content .individual_grid .individual_box input:hover {background:#c71717} /* Paycourse - 개인용 프리패스 */ #payment .paycourse .paycourse_content .month {width:231.6px; text-align:center; display:inline-block;} #payment .paycourse .paycourse_content .month .grid {border:1px solid #eaeaea; border-radius:5px; margin-bottom:12px} #payment .paycourse .paycourse_content .month .grid .title {background:#23373f; height:50px; font-size:15px; color:#fff; line-height:48px; border-radius:5px 5px 0 0} #payment .paycourse .paycourse_content .month .grid .title .big {font-size:20px; font-weight:bold} #payment .paycourse .paycourse_content .month .grid .price_box {background:#ebebeb; height:105px} #payment .paycourse .paycourse_content .month .grid .price_box .origin_price {font-size:15px; color:#9f9e9e; padding-top:15px} #payment .paycourse .paycourse_content .month .grid .price_box img {top:26px; left:0; right:0; margin:0 auto} #payment .paycourse .paycourse_content .month .grid .price_box .discount {font-size:15px; color:#e21717; top:30px; right:20px} #payment .paycourse .paycourse_content .month .grid .price_box .discount2 {position:absolute; color:#e21717; font-size:12px; left:80px; top:131px}/*새해 이벤트에 사용한 style*/ #payment .paycourse .paycourse_content .month .grid .price_box .price {font-size:25px; font-weight:bold; color:#353535; padding-top:10px} #payment .paycourse .paycourse_content .month .grid .price_box .price.origin {line-height:105px; padding:0} #payment .paycourse .paycourse_content .month .grid .feature {background:#fff; border-radius:0 0 5px 5px} #payment .paycourse .paycourse_content .month .grid .third {height:152px;} #payment .paycourse .paycourse_content .month .grid .feature .feature_title {font-size:13px; color:#1382ce; line-height:25px} #payment .paycourse .paycourse_content .month .grid .feature .feature_content_title {font-size:15px; color:#454545; margin:0 15px; border-bottom:1px solid #d7d7d7; position:relative;border-bottom:none;} #payment .paycourse .paycourse_content .month .grid .feature .feature_content_title.last {border-bottom:none;} #payment .paycourse .paycourse_content .month input {background:#e21717; width:100%; height:46px; font-size:18px; color:#fff; border:none; border-radius:5px; cursor:pointer} #payment .paycourse .paycourse_content .month input:hover {background:#c71717} #payment .paycourse .paycourse_content .month.best img {top:-5px; right:-5px} #payment .paycourse .paycourse_content .month.second {margin:0 20px} #payment .paycourse .paycourse_content .month_info {font-size:12px; color:#8c8c8c; text-align:right; padding-bottom:2px; margin-top:5px} /*골프코스 추가 증정*/ #payment .paycourse .paycourse_content .month .oldBox {margin-bottom:49px;} #payment .paycourse .paycourse_content .month .oldBox .last, #payment .paycourse .paycourse_content .month .grid .third .last {font-weight:bold;} #payment .paycourse .paycourse_content .month .grid .feature .feature_content_title > span {color:#e00000; font-size:13px; position:absolute; left:24px; top:-3px; font-weight:bold;} /* 원어민 전화 코칭 추가 구매 */ #payment .paycourse .paycourse_content .chapter.call {margin-top:105px} #payment .paycourse .paycourse_content .chapter.call .grid {padding-bottom:25px} #payment .paycourse .paycourse_content .chapter.call .grid .title_box {float:left; width:354px; margin-right:50px} #payment .paycourse .paycourse_content .chapter.call .grid .title_box .paycourse_title {line-height:20px} #payment .paycourse .paycourse_content .chapter.call .grid .info {height:auto} #payment .paycourse .paycourse_content .chapter.call .grid .paycourse_call_title {font-size:15px; color:#12d196; padding:15px 0 10px} #payment .paycourse .paycourse_content .chapter.call .schedule_call_box {float:left; background:#ebebeb; width:695px; padding:20px; margin-bottom:15px} #payment .paycourse .paycourse_content .chapter.call .schedule_call_box .schedule_left {float:left; width:395px} #payment .paycourse .paycourse_content .chapter.call .schedule_call_box .schedule_left .schedule_title {font-size:15px; color:#3d3d3d; padding-bottom:15px} #payment .paycourse .paycourse_content .chapter.call .schedule_call_box .schedule_left ul {} #payment .paycourse .paycourse_content .chapter.call .schedule_call_box .schedule_left ul li {color:#717171} #payment .paycourse .paycourse_content .chapter.call .schedule_call_box .line {float:left; height:150px; border-left:1px solid #d0d0d0; text-indent:-9999px; margin:10px 0} #payment .paycourse .paycourse_content .chapter.call .schedule_call_box .schedule_right {float:right} #payment .paycourse .paycourse_content .chapter.call .schedule_call_box .schedule_right .info {background:url("../../images/paycourse_call_info_bg.png") no-repeat scroll 0 0 transparent; width:230px; height:63px; font-size:15px; color:#fff; text-shadow:1px 1px 1px #aa8617; padding:25px 25px 0; margin-bottom:15px} #payment .paycourse .paycourse_content .chapter.call .schedule_call_box .schedule_right .info .brown {color:#644e0c} #payment .paycourse .paycourse_content .chapter.call .schedule_call_box .schedule_right .tel_e_mail {font-size:15px; color:#292929; padding:0 3px} #payment .paycourse .paycourse_content .chapter.call .vat {font-size:12px; color:#8c8c8c; text-align:right; padding-bottom:2px} #payment .paycourse .paycourse_content .call_tab {border:1px solid #d7d7d7; line-height:35px; margin-bottom:2px} #payment .paycourse .paycourse_content .call_tab span {font-size:13px; color:#959595; display:inline-block} #payment .paycourse .paycourse_content .call_tab .title {width:370px; padding-left:20px} #payment .paycourse .paycourse_content .call_tab .period {width:105px} #payment .paycourse .paycourse_content .call_tab .price {} #payment .paycourse .paycourse_content .call_grid {background:#fff; border:1px solid #d7d7d7; margin-bottom:240px} #payment .paycourse .paycourse_content .call_grid .call_box.top {border-top:none} #payment .paycourse .paycourse_content .call_grid .call_box {border-top:1px solid #d7d7d7; line-height:65px} #payment .paycourse .paycourse_content .call_grid .call_box img {float:left; width:58px; margin:10px} #payment .paycourse .paycourse_content .call_grid .call_box span {display:inline-block} #payment .paycourse .paycourse_content .call_grid .call_box .title {width:310px; font-size:15px; color:#303030} #payment .paycourse .paycourse_content .call_grid .call_box .period {width:105px; font-size:15px; color:#5d5d5d} #payment .paycourse .paycourse_content .call_grid .call_box .price {font-size:15px; font-weight:bold; color:#303030} #payment .paycourse .paycourse_content .call_grid .call_box input {float:right; background:#e21717; font-size:12px; color:#fff; width:85px; height:32px; border:none; border-radius:7px; margin:17px; cursor:pointer} #payment .paycourse .paycourse_content .call_grid .call_box input:hover {background:#c71717} /* Paycourse - 법인 전용 서비스 */ #payment .paycourse .paycourse_content .chapter .title_box.corporation .info {height:auto} #corporation .vat {font-size:12px; color:#8c8c8c; text-align:right; padding-bottom:2px} #corporation #corporation_tab {text-align:center; height:145px} #corporation #corporation_tab ul {padding:40px 0} #corporation #corporation_tab ul li {display:inline-block; margin:0 8px; padding:0 8px} #corporation #corporation_tab ul li a {font-size:15px; color:#878787} #corporation #corporation_tab ul li a .big {font-size:25px} #corporation #corporation_tab ul li.active {border-bottom: 5px solid #12d196} #corporation #corporation_tab ul li.active a {color:#23373f} #corporation #corporation_tab ul li a.active .big {} #corporation #corporation_tab .line {border-left:1px solid #c9c9c9; text-indent:-9999px; top:0; right:110px; padding:0; margin:60px 0; height:25px} #corporation #corporation_tab .etc {top:0; right:0; padding:49px 5px} #corporation #corporation_tab .etc a {font-size:15px; color:#878787} #corporation #corporation_tab_content {display:inline-block; margin-bottom:80px} #corporation #corporation_tab_content .corporation_box_tab {display:none} #corporation #corporation_tab_content .corporation_box_tab.active {display:block} /* Paycourse - 단체수강신청(6인 이상) */ #corporation .more6_top {top:78%; left:0; right:0; width:100%; text-indent:-9999px} #payment .paycourse .paycourse_content .inquiry {background:url("../../images/paycourse_inquiry.png") no-repeat scroll 0 0 transparent; width:675px; height:490px; padding:25px 30px 0; margin-top:20px} #payment .paycourse .paycourse_content .inquiry .inquiry_box {width:46%} #payment .paycourse .paycourse_content .inquiry .inquiry_box .title {font-size:15px; color:#ffd450; line-height:35px} #payment .paycourse .paycourse_content .inquiry .inquiry_box .title b {font-size:13px; padding-left:3px} #payment .paycourse .paycourse_content .inquiry .inquiry_box input {width:290px; height:20px; border:none; border-radius:5px; padding:10px; margin-bottom:5px; text-align:center; -moz-box-shadow:inset 1px 1px 5px #aaa; -webkit-box-shadow:inset 1px 1px 5px #aaa; box-shadow:inset 1px 1px 5px #aaa; } #payment .paycourse .paycourse_content .inquiry .inquiry_box .num {line-height:40px; color:#adadad; right:15px} #payment .paycourse .paycourse_content .inquiry .inquiry_box .info {color:#fff; padding-top:40px} #payment .paycourse .paycourse_content .inquiry .inquiry_box .info b {color:#ffd450; padding-right:3px} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_period {margin-bottom:5px} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_period .btn {background:#5b5b5b; display:inline-block; width:94px; height:40px; border-radius:5px; position:relative} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_period .btn.mid {margin:0 11px} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_period .btn input {width:94px; height:40px; margin:0; opacity:0; cursor:pointer; position:absolute} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_period .btn .name {font-size:18px; color:#8a8a8a; line-height:38px; text-align:center; display:inline-block; width:94px; height:40px} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_period .btn.click {background:#28a4f9} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_period .btn.click input {cursor:default; pointer-events:none} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_period .btn.click .name {color:#fff} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_choice {margin-bottom:5px} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_choice .btn {background:#5b5b5b; display:inline-block; width:148px; height:40px; border-radius:5px; position:relative} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_choice .btn.yes {margin-right:11px} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_choice .btn input {width:148px; height:40px; margin:0; opacity:0; cursor:pointer; position:absolute} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_choice .btn .name {font-size:18px; color:#8a8a8a; line-height:38px; text-align:center; display:inline-block; width:148px; height:40px} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_choice .btn.click {background:#28a4f9} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_choice .btn.click input {cursor:default; pointer-events:none} #payment .paycourse .paycourse_content .inquiry .inquiry_box .select_choice .btn.click .name {color:#fff} #payment .paycourse .paycourse_content .inquiry .inquiry_box input:hover {opacity:1} #payment .paycourse .paycourse_content .inquiry .inquiry_box textarea {width:290px; height:180px; border:none; border-radius:5px; padding:10px; margin-bottom:25px; resize:none; font-size:14px; font-family: "Noto Sans", sans-serif; -moz-box-shadow:inset 1px 1px 5px #aaa; -webkit-box-shadow:inset 1px 1px 5px #aaa; box-shadow:inset 1px 1px 5px #aaa; } #payment .paycourse .paycourse_content .inquiry .inquiry_box input.send {background:url("../../images/paycourse_inquiry_btn.png") no-repeat scroll 0 0 transparent; float:right; width:201px; height:44px; font-size:15px; color:#fff; line-height:22px; text-align:right; box-shadow:none; cursor:pointer; padding-right:20px} /* End Paycourse */ /* Paycourse - Request */ #payment .request {background:#ececec; float:left; width:100%; margin-bottom:50px} #payment .request .request_box_left {background:#f9f9f9; float:left; width:680px; padding-right:40px} #payment .request .request_box_left .box {float:left; width:100%; border-top:1px dashed #cbcbcb} #payment .request .request_box_left .box .title {font-size:15px; color:#1382ce; line-height:36px; height:36px; border-bottom:1px solid #cbcbcb; padding-left:6px} #payment .request .request_box_left .box1 {border-top:none} #payment .request .request_box_left .box1 .tab {height:85px} #payment .request .request_box_left .box1 .tab span {display:inline-block; font-size:13px; color:#6f6f6f} #payment .request .request_box_left .box1 .tab .product {width:398px; margin-right:10px} #payment .request .request_box_left .box1 .tab .period {text-align:center; width:115px; margin-right:10px} #payment .request .request_box_left .box1 .tab .price {width:105px;text-align:center;} #payment .request .request_box_left .box1 .tab.info_tab {background:#e7e7e7; height:25px; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; line-height:25px;} #payment .request .request_box_left .box1 .tab.info_tab .product {text-align:center; width:415px; padding-left:5px} #payment .request .request_box_left .box1 .tab.detail_info_box {height: auto; padding-bottom:15px} #payment .request .request_box_left .box1 .tab.detail_info_box .product {display:inline-block; font-size:20px; color:#333; text-align:center; vertical-align:middle} #payment .request .request_box_left .box1 .tab.detail_info_box .period {text-align:center;display:inline-block; font-size:20px; color:#333; line-height:85px; height:85px; vertical-align:middle} #payment .request .request_box_left .box1 .tab.detail_info_box .price {width: 120px;text-align:center;display:inline-block; font-size:20px; color:#333; height:85px; vertical-align:middle} #payment .request .request_box_left .box1 .tab.detail_info_box .price:before {content: ''; display: inline-block; height: 100%; vertical-align: middle;} #payment .request .request_box_left .box1 .tab.detail_info_box .price em {display: inline-block; font-style: normal; vertical-align: middle;} #payment .request .request_box_left .box1 .tab.detail_info_box .event_price {position:relative;line-height:25px;height:auto;} #payment .request .request_box_left .box1 .tab.detail_info_box .event_price.originP {font-size:16px;color:#9c9c9c;} #payment .request .request_box_left .box1 .tab.detail_info_box .redLine {z-index:1;position:absolute;width:80px;height:2px;background:#ca0000;top:12px;left:11px;} /* Paycourse - Request - option */ #payment .detail-option {margin-bottom: 25px; background-color: #fff; border: 1px solid #cbcbcb;} #payment .detail-option .grid-option {display: table; table-layout: fixed; width: 100%;} #payment .detail-option .cel {display: table-cell; height: 66px; text-align: center; vertical-align: middle;} #payment .detail-option .cel.product {width: 425px; text-align: left;} #payment .detail-option .cel.count {width: 115px;} #payment .detail-option .cel.price {width: 130px;} #payment .detail-option .cel span {display: block; margin: 0;} #payment .detail-option .product span {margin: 5px 0; padding: 0 20px; font-size: 16px; font-weight: 500; color: rgba(0,0,0,.87); letter-spacing: -0.0357em;} #payment .detail-option .inputbox {overflow: hidden; display: inline-block;} #payment .detail-option .count .minus {float:left; width: 25px; height: 25px; background: url(/images/payment/ic_minus.png) center no-repeat; color: transparent;} #payment .detail-option .count .plus {float:left; width: 25px; height: 25px; background: url(/images/payment/ic_plus.png) center no-repeat; color: transparent;} #payment .detail-option .count input[type=text] {float:left; width: 38px; height: 23px; border: 1px solid #bdbdbd; border-left: 0; border-right: 0; font-size: 13px; font-weight: 500; text-align: center; line-height: 23px;} #payment .detail-option .price {font-size: 16px; font-weight: 500; color: rgba(0,0,0,.8);} #payment .detail-option .grid {padding: 0 20px 15px; border-top: 2px solid #cbcbcb;} #payment .detail-option .grid .msg {margin: 0; padding: 10px 0; font-size: 12px; font-weight: 300; color: rgba(0,0,0,.5); letter-spacing: -0.0357em; line-height: 14px;} #payment .detail-option .select-area {position: relative;} #payment .detail-option .select-area .selected-option {display: block; height: 34px; padding-left: 10px; border: 1px solid #e0e0e0; background: url(/images/payment/ic_down.png) right 11px center no-repeat; font-size: 14px; font-weight: 300; color: rgba(0,0,0,.87); line-height: 34px;} #payment .detail-option .select-area .selected-option .dv {display: inline-block; height: 14px; margin-right: 10px; padding-right: 10px; border-right: 1px solid #e0e0e0; vertical-align: middle; line-height: 9px;} #payment .detail-option .select-area .select {display: none; position: absolute; top: 33px; left: 0; right: 0; z-index: 10; background: #fff; border: 1px solid #e0e0e0;} #payment .detail-option .select-area .select .active a {background-color: rgba(40, 164, 249, .1);color: rgba(0,0,0,.87);} #payment .detail-option .select-area .select a {display: block; padding: 0 30px 0 20px; height: 38px; background-color: #fff; font-size: 14px; font-weight: 300;color: rgba(0,0,0,.5); letter-spacing: -0.0357em; line-height: 38px;} #payment .detail-option .select-area .select a .price {float: right; color: rgba(0,0,0,.7); font-weight: 500;} #payment .detail-option .grid-result {display: none;padding: 0 20px 15px;} #payment .detail-option .grid-result .cel {height: 44px;} #payment .detail-option .grid-result .cel span {font-size: 14px;font-weight: 300;color: rgba(0,0,0,.5);} #payment .detail-option .grid-result .product {width: 394px;padding-right: 10px;} #payment .detail-option .grid-result .product span {display: inline-block; padding: 0;} #payment .detail-option .grid-result .product span.option-discount {display: inline-block;} #payment .detail-option .grid-result .count {width: auto; padding-right: 28px;} #payment .detail-option .grid-result .price {overflow: hidden; width: auto; padding-right: 3px;} #payment .detail-option .grid-result .price span {display: inline-block; width: auto !important; font-weight: 500; color: rgba(0,0,0,.7); line-height: 12px;} #payment .detail-option .grid-result .price span.price_currency {display: inline-block;} #payment .detail-option .grid-result .price + .cel {position: absolute; top: 16px; right: 9px; width: 14px; height: auto;} #payment .detail-option .grid-result .result {margin: 0;} #payment .detail-option .grid-result .result li {position: relative; padding: 0 9px;border-bottom: 1px solid #cdcdcd;} #payment .detail-option .grid-result .result li:first-child {border-top: 1px solid #cdcdcd;} #payment .detail-option .grid-result .result .del {width: 14px; height: 14px; border: 0; background: url(/images/payment/ic_x.png) center no-repeat; color: transparent;} #payment input {cursor: pointer;} #payment .request .request_box_left .box1.gift_card .tab.info_tab .product {width: 393px;} #payment .gift_card .detail-option .grid-result .cel span {color: inherit;} #payment .gift_card .detail-option .grid-result .result li {padding: 0;} #payment .gift_card .detail-option .grid-result .result li:first-child {border-top: 0;} #payment .gift_card .detail-option .grid-result .product {width: 392px;} #payment .gift_card .detail-option .grid-result .count {padding-right: 10px;} #payment .gift_card .detail-option .grid-result .price {width: 134px;} #payment .request .request_box_left .box2 {} #payment .request .request_box_left .box2 .payment_method {float:left; width:672px; margin:24px 4px 16px} #payment .request .request_box_left .box2 .payment_method .btn {float:left; display:inline-block; width:auto; height:47px; border-radius:5px; position:relative; margin:0 4px} #payment .request .request_box_left .box2 .payment_method .btn input {width:100%; height:47px; margin:0; opacity:0; cursor:pointer; position:absolute; z-index:1} #payment .request .request_box_left .box2 .payment_method .btn .name {background:#cacaca; font-size:18px; color:#fff; line-height:31px; text-align:center; display:inline-block; width:auto; height:33px; border-radius:5px; padding:7px 15px} #payment .request .request_box_left .box2 .payment_method .btn .name img {float:left; padding-right:15px} #payment .request .request_box_left .box2 .payment_method .btn.click input {cursor:default; pointer-events:none} #payment .request .request_box_left .box2 .payment_method .btn.click .name {background:#28a4f9} #payment .request .request_box_left .box2 .payment_installment .toggle {display: inline-block; margin: 0 0 16px 7px; padding-right: 23px; background: url(/images/payment/ic_down.png) right center no-repeat;font-size: 18px; color: #333; letter-spacing: -0.0389em; line-height: 18px; text-decoration: underline;} #payment .request .request_box_left .box2 .payment_installment .toggle.open {background-image: url(/images/payment/ic_up.png);} #payment .request .request_box_left .box2 .payment_installment .installment_area {display: none; margin-bottom: 93px;} #payment .request .request_box_left .box2 .payment_installment .title {position: relative; height:50px; padding: 0 20px; background-color: #233740; font-size: 18px; color: #fff; letter-spacing: -0.0556em; line-height: 50px;} #payment .request .request_box_left .box2 .payment_installment .title .close {position: absolute; top: 18px; right: 20px; width: 14px; height: 14px; background: url(/images/payment/ic_cancel.png) 0 0 no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto;} #payment .request .request_box_left .box2 .payment_installment .cont {border: 1px solid #e0e0e0; border-top: 0; font-size: 12px; color: #000; letter-spacing: -0.0833em;} #payment .request .request_box_left .box2 .payment_installment .cont .inner_area {overflow-y: auto; height:387px;} #payment .request .request_box_left .box2 .payment_installment .cont table {width: 100%; table-layout: fixed;} #payment .request .request_box_left .box2 .payment_installment .cont th {height: 30px; background-color: #ececec; border-left: 1px solid #e0e0e0;} #payment .request .request_box_left .box2 .payment_installment .cont th:first-child {border-left: 0;} #payment .request .request_box_left .box2 .payment_installment .cont td {height: 30px; background-color: #fff; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; text-align: center;} #payment .request .request_box_left .box2 .payment_installment .cont td:first-child {border-left: 0;} /*#payment .request .request_box_left .box2 .payment_installment .cont img {width: 67%}*/ #payment .request .request_box_left .box2 .payment_installment .cont .info {padding: 15px 12px; font-size: 11px; text-align: left;} #payment .request .request_box_left .box2 .payment_installment .cont .info li {position: relative; padding-left: 14px; margin-top: 8px; line-height: 10px;} #payment .request .request_box_left .box2 .payment_installment .cont .info li:first-child {margin-top: 0; padding-top: 0;} #payment .request .request_box_left .box2 .payment_installment .cont .info li:before {content: ''; position: absolute; top: 2px; left: 0; width: 4px; height: 4px; background-color: #000; border-radius: 4px;} #payment .request .request_box_left .box3 {} #payment .request .request_box_left .box3 .payment_info {margin:24px 4px} #payment .request .request_box_left .box3 .payment_info .payment_info_point_title {width:100%; float:left; font-size:18px; color:#333; margin-bottom:5px} #payment .request .request_box_left .box3 .payment_info .pointNoti {color:#ec1212;font-size:14px;} #payment .request .request_box_left .box3 .payment_info .payment_info_point_title.used {margin-bottom:0} #payment .request .request_box_left .box3 .payment_info .payment_info_point_title .user_point {padding-left:5px} #payment .request .request_box_left .box3 .payment_info .payment_info_point_title .sub_title {font-family:"Noto Sans Light"; font-size:15px; color:#929292; padding-left:5px} #payment .request .request_box_left .box3 .payment_info .payment_info_point_title .user_point.used {font-size:18px; color:#ec1212} #payment .request .request_box_left .box3 .payment_info .payment_info_point_title .user_point.used input {background:none; width:15%; font-family:"Noto Sans Regular"; font-size:18px; color:#ec1212; border:none; text-align:right;} #payment .request .request_box_left .box3 .payment_info .payment_info_point_title.pt30 {padding-top: 30px;} #payment .request .request_box_left .box3 .payment_info .payment_info_point_cont input { width: 80px; height: 45px; padding: 0 10px; border: 1px solid #686868; border-radius: 6px; font-size: 14px; text-align: center; } #payment .request .request_box_left .box3 .payment_info .payment_info_point_cont .dash { display: inline-block; width: 10px; text-align: center; } #payment .request .request_box_left .box3 .payment_info .payment_message { font-size: 14px; color: #363636; letter-spacing: -0.01em; line-height: 22px; } #payment .request .request_box_left .box3 .payment_info .payment_message li {position: relative; padding-left: 12px; } #payment .request .request_box_left .box3 .payment_info .payment_message li:before { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background-color: #000; border-radius: 2px;} #payment .request .request_box_left .box3 .payment_info .user_use_point, /*#payment .request .request_box_left .box3 .payment_info .user_use_giftcard_point {margin-bottom:15px}*/ #payment .request .request_box_left .box3 .payment_info .user_use_point input {} #payment .request .request_box_left .box3 .payment_info .user_use_point input.apply_point, #payment .request .request_box_left .box3 .payment_info .user_use_giftcard_point input.apply_point {float:left; width:260px; height:44px; padding:0 20px; margin-right:10px; border:1px solid #d7d7d7; border-radius:5px; font-family:"Noto Sans Regular"; font-size:20px; color:#777} #payment .request .request_box_left .box3 .payment_info .user_use_point input.btn, #payment .request .request_box_left .box3 .payment_info .user_use_giftcard_point input.btn {background:#cacaca; width:124px; height:46px; margin-right:5px; border:none; border-radius:5px; font-family:"Noto Sans Regular"; font-size:18px; color:#fff; cursor:pointer} #payment .request .request_box_left .box3 .payment_info .user_use_point input.btn:hover, #payment .request .request_box_left .box3 .payment_info .user_use_giftcard_point input.btn:hover {background:#12d196} #payment .request .request_box_left .box4 {} #payment .request .request_box_left .box4 .address {margin:24px 4px} #payment .request .request_box_left .box4 .address .address_title {font-size:18px; color:#333; margin-bottom:15px} #payment .request .request_box_left .box4 .address .detail_address {} #payment .request .request_box_left .box4 .address .detail_address .grid {margin-bottom:15px} #payment .request .request_box_left .box4 .address .detail_address .grid .zipcode {float:left; width:70px; height:44px; padding:0 20px; margin-right:10px; border:1px solid #d7d7d7; border-radius:5px; font-family:"Noto Sans Regular"; font-size:20px; color:#777; text-align:center} #payment .request .request_box_left .box4 .address .detail_address .grid .sch_address {background:#cacaca; display:inline-block; width:124px; height:46px; border:none; border-radius:5px; font-family:"Noto Sans Regular"; font-size:18px; color:#fff; line-height:44px; text-align:center; cursor:pointer} #payment .request .request_box_left .box4 .address .detail_address .grid .sch_address:hover {background:#12d196} #payment .request .request_box_left .box4 .address .detail_address .detail_address_title {font-size:15px; color:#676767; margin:15px 0 5px} #payment .request .request_box_left .box4 .address .detail_address .add_detail {float:left; width:630px; height:44px; padding:0 20px; border:1px solid #d7d7d7; border-radius:5px; font-family:"Noto Sans Regular"; font-size:20px; color:#777} #payment .request .request_box_left .box4 .tablet_notice {border-top:1px dashed #cbcbcb; margin-top:24px; padding:24px 4px 100px} #payment .request .request_box_left .box4 .tablet_notice .tablet_notice_title {font-family:"Noto Sans Bold"; font-size:18px; color:#333; margin-bottom:30px} #payment .request .request_box_left .box4 .tablet_notice .text_box {font-family:"Noto Sans Light"; font-size:15px; color:#333} #payment .request .request_box_left .box4 .tablet_notice .text_box .text {width:100%} #payment .request .request_box_left .box4 .tablet_notice .text_box .text .info {margin-bottom:5px; padding-left:15px} #payment .request .request_box_left .box5 {} #payment .request .request_box_left .box5 .user_info {margin:24px 4px} #payment .request .request_box_left .box5 .user_info .call_number_title {font-size:15px; color:#676767; margin:15px 0 5px} #payment .request .request_box_left .box5 .user_info .name {float:left; width:41%; height:44px; padding:0 20px; border:1px solid #d7d7d7; border-radius:5px; font-family:"Noto Sans Regular"; font-size:20px; color:#777} #payment .request .request_box_left .box5 .user_info .call_number .select_option {float:left; width:70px; height:46px; border:1px solid #d7d7d7; border-radius:5px; font-size:20px; text-align:center; color:#777} #payment .request .request_box_left .box5 .user_info .call_number input.sub_phone_number {width:50px; height:44px; padding:0 20px; border:1px solid #d7d7d7; border-radius:5px; font-family:"Noto Sans Regular"; font-size:20px; color:#777; text-align:center} #payment .request .request_box_left .box5 .user_info .call_number .line {width:8px; height:0; line-height:0; text-indent:-9999px; margin:0 10px; display:inline-block; border-top:2px solid #cbcbcb} #payment .request .request_box_right {float:right; width:280px} #payment .request .request_box_right .request_box_right_title {background:#23373f; font-size:15px; color:#f3f3f3; line-height:36px; height:36px; padding:0 20px} #payment .request .request_box_right .grid {padding:20px} #payment .request .request_box_right .grid .total_price {font-family:"Noto Sans Light"; font-size:17px; color:#3e3e3e} #payment .request .request_box_right .grid .total_price .price {font-family:"Noto Sans Regular"; font-size:17px; color:#3e3e3e} #payment .request .request_box_right .grid .total_final_price {font-family:"Noto Sans Medium"; font-size:18px; color:#191919; margin-bottom:25px} #payment .request .request_box_right .grid .total_final_price .price {font-family:"Noto Sans Bold"; font-size:22px; color:#ff4141} #payment .request .request_box_right .grid #display_pay_button {} #payment .request .request_box_right .grid #display_pay_button input {background:#e02121; border:none; border-radius:5px; width:100%; height:56px; font-family:"Noto Sans Medium"; font-size:20px; color:#fff; cursor:pointer} #payment .request .request_box_right .grid #display_pay_button input:hover {background:#c71717} #payment .request .request_box_right .grid #display_pay_button_paypal {text-align:center} #payment .request .request_box_right .grid #display_pay_button_paypal a {} #payment .request .request_box_right .grid #display_pay_button_paypal .detail_paypal {width:100%; margin-top:20px} #popup-wrap .happy-call { position: absolute !important; top: 40px !important; transform: inherit !important; width: 650px; padding: 30px 45px 35px; margin-left: -370px; background-color: #fafafa !important; } #popup-wrap .happy-call .head { position: relative; } #popup-wrap .happy-call .section-title { font-family: 'Noto Sans Light'; font-size: 35px; letter-spacing: -0.01em; line-height: 35px; } #popup-wrap .happy-call .refer-message { zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha)"; filter: alpha(opacity=87); -moz-opacity: 0.87; -khtml-opacity: 0.87; opacity: 0.87; margin-top: 25px; font-size: 16px; font-weight: 300; color: #000; letter-spacing: -0.0313em; line-height: 16px; } #popup-wrap .happy-call .refer-message em { zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha)"; filter: alpha(opacity=38); -moz-opacity: 0.38; -khtml-opacity: 0.38; opacity: 0.38; font-style: normal; } #popup-wrap .happy-call .close { position: absolute; top: 0; right: 0; width: 20px; height: 22px; background: transparent url('/images/popup_btn_x.png') 0 0 no-repeat; } #popup-wrap .happy-call .inner { margin-top: 25px; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 4px; } #popup-wrap .happy-call .module-form { padding: 0 50px 30px; } #popup-wrap .happy-call .module-form li { width: 47.9%; padding-top: 30px; } #popup-wrap .happy-call .module-form li:nth-child(odd) { margin-right: 20px; } #popup-wrap .happy-call .module-form input { width: 100%; } #popup-wrap .happy-call .label { zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha)"; filter: alpha(opacity=87); -moz-opacity: 0.87; -khtml-opacity: 0.87; opacity: 0.87; display: block; margin: 0 50px; padding: 50px 0 20px; border-top: 1px solid rgba(0, 0, 0, 0.12); font-family: 'Noto Sans Medium'; font-size: 16px; font-weight: 500; text-align: left; letter-spacing: -0.0313em; } #popup-wrap .happy-call .message-area li { zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha)"; filter: alpha(opacity=87); -moz-opacity: 0.87; -khtml-opacity: 0.87; opacity: 0.87; position: relative; margin-top: 18px; padding-left: 17px; font-size: 16px; line-height: 28px; } #popup-wrap .happy-call .message-area li:first-child { margin-top: 0; } #popup-wrap .happy-call .message-area li:before { content: ''; position: absolute; top: 10px; left: 0; width: 7px; height: 7px; background-color: rgba(0, 0, 0, 0.54); border-radius: 7px; } #popup-wrap .happy-call .button-area { padding-top: 50px; } #popup-wrap .happy-call .button-area .base { width: 100%; } #popup-wrap .happy-call .apply { width: 380px; margin-top: 35px; background-color: #478ad6; -webkit-box-shadow: inset 0px -5px 0px 0px #3e7bc1; box-shadow: inset 0px -5px 0px 0px #3e7bc1; font-size: 24px; color: #fff; text-align: center; line-height: 72px; } .module-form { background-color: #fff; } .module-form:after { content: ''; display: block; clear: both; } .module-form li { float: left; width: 50%; } .module-form label { zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha)"; filter: alpha(opacity=87); -moz-opacity: 0.87; -khtml-opacity: 0.87; opacity: 0.87; display: block; padding-bottom: 20px; font-family: 'Noto Sans Medium'; font-size: 16px; font-weight: 500; text-align: left; letter-spacing: -0.0313em; } .module-form input { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 50px; padding: 0 20px; background: #fafafa; border: 1px solid #e0e0e0; border-radius: 4px; font-size: 16px; font-weight: 500; letter-spacing: -0.0313em; line-height: 16px; } .module-form input:active, .module-form input:hover, .module-form input:focus { border-color: #478ad6; } .module-form .check { zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha)"; filter: alpha(opacity=54); -moz-opacity: 0.54; -khtml-opacity: 0.54; opacity: 0.54; padding-top: 10px; font-size: 12px; font-weight: 300; letter-spacing: -0.0313em; line-height: 12px; } .module-form .check a { color: #478ad6; text-decoration: underline; } .module-select li { padding: 0 30px; background-color: #fff; } .module-select .active { background-color: rgba(70, 138, 213, 0.2); } .module-select .active a { background-image: url(/images/corp/payment/w_ring_on.png); font-size: 16px; } .module-select .active a span { zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .module-select a { display: block; height: 72px; padding-left: 70px; background-image: url(/images/corp/payment/w_ring_off.png); background-repeat: no-repeat; background-position: 30px center; font-size: 16px; color: #000; text-align: left; line-height: 72px; cursor: pointer; } .module-select a span { zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha)"; filter: alpha(opacity=87); -moz-opacity: 0.87; -khtml-opacity: 0.87; opacity: 0.87; } .starmark { zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha)"; filter: alpha(opacity=87); -moz-opacity: 0.87; -khtml-opacity: 0.87; opacity: 0.87; font-size: 16px; font-weight: 500; color: #478ad6; letter-spacing: -0.0313em; line-height: 16px; } /* End Paycourse - Request */ /* Paycourse - Request mobile */ #progress_bar {width:99.7%; height:99.7%; position:absolute; background:#f6f6f6; border:1px solid #b1b1b1; z-index:999; text-align:center} #progress_bar img {width:80px; position:absolute; top:30%; left:0; right:0; margin:0 auto} #progress_bar span {width:100%; position:absolute; top:50%; left:0; right:0; margin:0 auto; font-size:15px} #sample_wrap #order {padding-top:0} #sample_wrap #order .width1000 {width:100%} #sample_wrap #order .go_back_button {margin:3% 5% 2%} #sample_wrap #order .width1000 .cart {margin:0 5%; padding:2% 4% 4%; width:82%} #sample_wrap #order .width1000 .cart .title {margin:0 -5% 3%; padding:0 4% 2%; font-size:16px} #sample_wrap #order .width1000 .cart .sub_title {margin-bottom:1%} #sample_wrap #order .width1000 .cart table {border-width:1px 0; margin-bottom:-5px} #sample_wrap #order .width1000 .cart table tr td {font-size:15px; padding:10px 0; margin:10px 0} #sample_wrap #order .width1000 .cart .info .card {padding:3% 2%; width:66%; height:90px} #sample_wrap #order .width1000 .cart .info .result {padding:3% 2%; width:26%} #sample_wrap #order .width1000 .cart .info .result .pay {font-size:15px} #sample_wrap #order .width1000 .cart .info .result #display_pay_button input {font-size:15px; width:100%} .mobile_footer .width1000 {width:100%} @media only screen and (max-width: 667px) { #sample_wrap #order {padding-top:0} #sample_wrap #order .width1000 {width:100%} #sample_wrap #order .go_back_button {margin:3% 5% 2%} #sample_wrap #order .width1000 .cart {margin:0 5%; padding:2% 4% 4%; width:82%} #sample_wrap #order .width1000 .cart .title {margin:0 -5% 3%; padding:0 4% 2%; font-size:16px} #sample_wrap #order .width1000 .cart .sub_title {margin-bottom:1%} #sample_wrap #order .width1000 .cart table {border-width:1px 0; margin-bottom:-5px} #sample_wrap #order .width1000 .cart table tr td {font-size:12px !important; padding:10px 0; margin:10px 0} #sample_wrap #order .width1000 .cart table tr .name {width:30%} #sample_wrap #order .width1000 .cart .info .card {padding:3% 2%; width:96%; height:30px; border-radius:5px 5px 0 0} #sample_wrap #order .width1000 .cart .info .result {padding:3% 2%; width:96%} #sample_wrap #order .width1000 .cart .info .result .pay {font-size:15px} #sample_wrap #order .width1000 .cart .info .result #display_pay_button input {font-size:15px; width:100%} } /* End Paycourse - Request mobile */ /* Paycourse - Result & Error */ /* Paycourse - Result Complete */ #payment {} #payment .paycourse_phase {float:left; width:100%; font-size:15px; color:#858585; line-height:28px; padding:15px 0 5px; border-bottom:3px solid #656565} #payment .paycourse_phase .back_to_main_btn {float:left} #payment .paycourse_phase .back_to_main_btn a {background:url("../../images/result_back_to_main_btn.png") no-repeat scroll left center transparent; padding-left:12px; color:#858585} #payment .paycourse_phase .paycourse_phase_box {float:right} #payment .paycourse_phase .paycourse_phase_box span {display:inline-block} #payment .paycourse_phase .paycourse_phase_box .tab {margin:0 5px} #payment .paycourse_phase .paycourse_phase_box .tab .num {float:left; width:17px; height:17px; line-height:15px; text-align:center; border-radius:17px; background:#d7d7d7; font-size:13px; color:#a2a2a2; margin:7px 3px 0} #payment .paycourse_phase .paycourse_phase_box .tab.active {font-family:"Noto Sans Medium"; color:#4a4a4a} #payment .paycourse_phase .paycourse_phase_box .tab.active .num {background:#1382ce; color:#fff} #payment .paycourse_phase .paycourse_phase_box .tab1 {} #payment .paycourse_phase .paycourse_phase_box .tab2 {} #payment .paycourse_phase .paycourse_phase_box .tab3 {} #payment .paycourse_phase .paycourse_phase_box .line {width:10px; height:0; line-height:0; border-bottom:1px solid #d7d7d7; text-indent:-9999px} #payment .result {text-align:center;margin-top:15px} #payment .result_box_left {float:left; width:720px} #payment .result_box_left img {} #payment .result_box_left .grid {top:210px; left:0; right:0; text-align:center; color:#fff; text-shadow:1px 1px 1px #29485c} #payment .result_box_left .title {font-family:"Noto Sans Bold"; font-size:30px} #payment .result_box_left .sub_title {font-size:20px} #payment .result_box_right {float:right; width:280px} #payment .result_box_right img {} #payment .result_box_right .grid {top:20px; left:0; right:0; text-align:center;} #payment .result_box_right .title {font-size:15px; color:#fff} #payment .result_box_right .title .blue {color:#2c48f0} #payment .result_box_right .sub_title {font-size:13px; color:#064b36; padding-top:15px} #payment .result_box_right .store_btn {float:left; background:#fff} #payment .result_box_right .store_btn .store_btn_box {float:left} #payment .result_box_right .store_btn .store_btn_box a {width:140px; height:100px; display:inline-block} #payment .result_box_right .store_btn .store_btn_box.btn1 a {background:url("../../images/result_app_store.png") no-repeat scroll 0 0 transparent} #payment .result_box_right .store_btn .store_btn_box.btn2 a {background:url("../../images/result_google_store.png") no-repeat scroll 0 0 transparent} #payment .result_btn {float:left; width:100%; height:52px; margin:60px 0 200px; text-align:center} #payment .result_btn .grid {left:50%; margin-left:-175px} #payment .result_btn .result_btn_box {float:left} #payment .result_btn .result_btn_box a {width:175px; height:50px; font-size:15px; color:#444; line-height:50px; display:inline-block; border:1px solid #cacaca} #payment .result_btn .result_btn_box a:hover {background:#ececec; opacity:0.7} #payment .result_btn .result_btn_box.btn1 a {border-radius:5px 0 0 5px; border-right:none} #payment .result_btn .result_btn_box.btn2 a {border-radius:0 5px 5px 0} #payment .result .appstore_button_box {position: absolute; left: 526px; bottom: 24px;} #payment .result .appstore_button_box a {display: block; width: 120px; margin-top: 8px;} #payment .result .result_message {background-color: #fff; border: 1px solid #c4d0d7; font-size: 15px; text-align: center;} #payment .result .result_message p {line-height: 66px;} #payment .result .result_message a, #payment .result .result_message span {color: #28a4f9;} /* Paycourse - Result Error */ #payment .result.error {margin-top:40px} #payment .result.error .title {font-size:15px; color:#878787; text-align:center; padding-top:15px} #payment .result_btn.error .result_btn_box {float:none} #payment .result_btn.error .result_btn_box a {border-radius:5px} /* End Paycourse - Result & Error */ /* Paycourse - mobile Result & Error */ @media only screen and (max-device-width:1140px) { .width1000 {width:100%} #order .cart {width:96%} #order .txcenter {padding:100px 40px 90px; float:none} #order .txcenter .text {font-size:80%; color:#1b1106; margin:40px 0 100px} #order .txcenter .button {margin:18px 0} #order .txcenter .button span {background:url("../../images/paycourse_btn.png") repeat-x scroll 0 0 transparent; border:1px solid #515151; font-size:90%; padding:0; margin:10px; display:inline-block} #order .txcenter .button a {padding:0; color:#1b1106; display:inline-block; width:145px; height:39px; line-height:39px} #order .txcenter .button .btn2 a {padding:0} #order .txcenter .btn_store {margin:20px 0 60px; border-bottom:1px solid #b1b1b1; height:70px} #order .txcenter .btn_store span {border:none; background:none} #order .txcenter .btn_store .btn1 a {background:url("../../images/main_app_store.png") no-repeat scroll 0 0 transparent; padding:0; display:inline-block; width:145px; height:39px} #order .txcenter .btn_store .btn2 a {background:url("../../images/main_google_play.png") no-repeat scroll 0 0 transparent; padding:0; display:inline-block; width:145px; height:39px} #order .txcenter00 {padding:3% 2%; float:none; background:#f90} #order .txcenter .text00 {font-size:120%; color:#1b1106; margin:15px 0 20px; border-bottom:1px solid #b1b1b1; padding-bottom:30px} #order .txcenter .text01 {margin:10px 0 30px} #order .txcenter .text01 img {margin:-12px 2px; width:30%} #order .txcenter .text02 {font-size:90%; margin:10px 0 30px} #order .txcenter img.check {width:20%} #order .txcenter img.result00 {width:30%} } /* End Paycourse - mobile Result & Error */ /* Paycourse - iPad */ #payment .paycourse .paycourse_content_ipad {float:left; width:735px; margin-bottom:50px;} #payment .paycourse .paycourse_content_ipad .ipad_info_box {background:#fff; width:665px; box-shadow:0 0 8px #d9d9d9; padding:25px 35px 55px; margin-bottom:100px; text-align:center} #payment .paycourse .paycourse_content_ipad .ipad_info_box .box {float:left; width:33.33%} #payment .paycourse .paycourse_content_ipad .ipad_info_box .ipad_info_box_title {float:left; width:100%; font-family:"Myriad-Pro-Light"; font-size:20px; font-weight:200; line-height:35px; color:#1b1b1b; letter-spacing:-0.001em; border-bottom:1px solid #959595} #payment .paycourse .paycourse_content_ipad .ipad_info_box .ipad_info_product_box {height:445px; border-bottom:1px solid #959595; margin-bottom:20px} #payment .paycourse .paycourse_content_ipad .ipad_info_box .ipad_info_product_box img {margin:10px 0} #payment .paycourse .paycourse_content_ipad .ipad_info_box .ipad_info_product_box .title {font-size:20px; color:#1b1b1b} #payment .paycourse .paycourse_content_ipad .ipad_info_box .ipad_info_product_box .free_pass {font-size:20px; color:#1b1b1b} #payment .paycourse .paycourse_content_ipad .ipad_info_box .ipad_info_price_box {} #payment .paycourse .paycourse_content_ipad .ipad_info_box .ipad_info_price_box .box .origin_price_title {font-size:15px; color:#808080} #payment .paycourse .paycourse_content_ipad .ipad_info_box .ipad_info_price_box .box .origin_price {font-size:20px; color:#6b6b6b} #payment .paycourse .paycourse_content_ipad .ipad_info_box .ipad_info_price_box .box .line {border-top:2px solid #6b6b6b; width:116px; height:0; text-indent:-9999px; top:39px; left:0; right:0; margin:0 auto} #payment .paycourse .paycourse_content_ipad .ipad_info_box .ipad_info_price_box .box img {margin:10px 0 15px} #payment .paycourse .paycourse_content_ipad .ipad_info_box .ipad_info_price_box .box .total_price_title {font-size:20px; color:#1b1b1b} #payment .paycourse .paycourse_content_ipad .ipad_info_box .ipad_info_price_box .box .total_price {font-family:"Noto Sans Medium"; font-size:30px; color:#f6343f; margin-bottom:25px} #payment .paycourse .paycourse_content_ipad .ipad_info_box .ipad_info_price_box .box .more {} #payment .paycourse .paycourse_content_ipad .ipad_info_box .ipad_info_price_box .box .more a {display:inline-block; background:#28a4f9; width:88%; height:46px; font-size:20px; color:#fff; line-height:44px} #payment .paycourse .paycourse_content_ipad .ipad_info_box .ipad_info_price_box .box .more a:hover {background:#1382ce} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 {background:#fff; width:665px; box-shadow:0 0 8px #d9d9d9; padding:25px 35px 55px; margin-bottom:55px; text-align:center} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .box {float:left; width:25%} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .ipad_info_box_title {float:left; width:100%; font-family:"Myriad-Pro-Light"; font-size:18px; font-weight:200; line-height:35px; color:#1b1b1b; letter-spacing:-0.001em; border-bottom:1px solid #959595} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .ipad_info_product_box {height:445px; border-bottom:1px solid #959595; margin-bottom:20px} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .ipad_info_product_box img {margin:10px 0} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .ipad_info_product_box .title {font-size:18px; color:#1b1b1b} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .ipad_info_product_box .free_pass {font-size:18px; color:#1b1b1b} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .ipad_info_price_box {} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .ipad_info_price_box .box .origin_price_title {font-size:13px; color:#808080} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .ipad_info_price_box .box .origin_price {font-size:18px; color:#6b6b6b} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .ipad_info_price_box .box .line {border-top:2px solid #6b6b6b; width:102px; height:0; text-indent:-9999px; top:35px; left:0; right:0; margin:0 auto} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .ipad_info_price_box .box img {margin:10px 0 15px} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .ipad_info_price_box .box .total_price_title {font-size:18px; color:#1b1b1b} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .ipad_info_price_box .box .total_price {font-family:"Noto Sans Medium"; font-size:28px; color:#f6343f; margin-bottom:25px} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .ipad_info_price_box .box .more {} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .ipad_info_price_box .box .more a {display:inline-block; background:#28a4f9; width:88%; height:46px; font-size:18px; color:#fff; line-height:44px} #payment .paycourse .paycourse_content_ipad .ipad_info_box1 .ipad_info_price_box .box .more a:hover {background:#1382ce} .point_noti_area {text-align:center;} .point_noti_area p {margin:0;} .point_noti_area .noti {height:144px;overflow:hidden;display:inline-block;text-align:left;border-radius:10px;-ms-border-radius:10px;border:1px solid #e3e3e3;width:360px;box-sizing:border-box;padding:20px 10px;margin-bottom:45px;background:#fff;} .point_noti_area .noti:first-child {margin-right:12px;} .point_noti_area .noti:nth-child(2) {vertical-align:top;padding-bottom:41px;} .point_noti_area .lImg {float:left;margin-right:15px;} .point_noti_area .rTxt {float:left;} .point_noti_area .rTxt .title {color:#000;font-size:22px;line-height:26px;} .point_noti_area .rTxt .info {font-family:"Noto sans light";color:#525252;font-size:14px;} .point_noti_area .rTxt .certiBtn {cursor:pointer;font-family:"Noto sans light";display:inline-block;margin-top:5px;font-size:13px;background:#28a4f9;color:#fff;border-radius:6px;padding:3px 12px;} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box {padding-bottom:40px} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box .ipad_catch_phrase_title {font-family:"Noto Sans Light"; font-size:40px; color:#262626; line-height:50px; text-align:center; margin-bottom:25px} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box .ipad_catch_phrase_title .blue {font-family:"Noto Sans Medium"; color:#1382ce} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box .more {text-align:center} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box .more a {background:url("../../images/ipad_catch_phrase_more.png") no-repeat scroll right center transparent; padding-right:15px; font-size:20px; color:#262626} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box img {margin:85px 0} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box .ipad_decisive_reason {font-family:"Noto Sans Light"; text-align:center} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box .ipad_decisive_reason .ipad_decisive_reason_title {font-size:35px; color:#000; line-height:40px; padding-bottom:5px} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box .ipad_decisive_reason .ipad_decisive_reason_sub_title {font-family:"Noto Sans Medium"; font-size:20px; color:#1382ce; line-height:25px; padding:35px 0 10px} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box .ipad_decisive_reason .ipad_decisive_reason_info {font-size:20px} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box .ipad_decisive_reason .grid {background:#fff; border:1px solid #959595; border-radius:10px; margin:35px auto 0; padding-bottom:35px; width:75%} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box .ipad_decisive_reason .ipad_decisive_reason_sub_title {font-family:"Noto Sans Medium"; font-size:20px; color:#1382ce; line-height:25px; padding:35px 0 10px} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box .ipad_decisive_reason .ipad_decisive_reason_info {font-size:20px} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box .ipad_decisive_reason .certification {font-family:"Noto Sans Medium"; font-size:20px; color:#000; padding-top:25px} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box .ipad_decisive_reason .certification a {font-family:"Noto Sans Light"; font-size:15px; color:#868686; border:1px solid #868686; border-radius:5px; padding:7px 11px; display:inline-block; cursor:pointer; margin-left:10px} #payment .paycourse .paycourse_content_ipad .ipad_catch_phrase_box .ipad_decisive_reason .certification a:hover {background:#fff; color:#1382ce; border:3px solid #1382ce; padding:5px 9px} #payment .paycourse .paycourse_content_ipad .ipad_box {margin-top:20px} #payment .paycourse .paycourse_content_ipad .ipad_box .ipad_box_title {font-family:"Myriad-Pro-Light"; font-size:44px; font-weight:200; line-height:50px; color:#1b1b1b; text-align:center; letter-spacing:-0.001em} #payment .paycourse .paycourse_content_ipad .ipad_box .ipad_box_package_title {font-size:20px; color:#262626; text-align:center; margin-bottom:20px} #payment .paycourse .paycourse_content_ipad .ipad_box .ipad_box_package_title .blue {color:#28a4f9} #payment .paycourse .paycourse_content_ipad .ipad_box .grid {background:#fff; width:362px; box-shadow:0 0 8px #d9d9d9; margin-bottom:71px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid.wifi {float:left} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .grid_box {} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .grid_box .grid_title {background:#ebebeb; height:44px; font-family:"Noto Sans Light"; font-size:29px; font-weight:bold; color:#424242; text-align:center; line-height:44px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .grid_box img {} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .grid_box .title {font-family:"Noto Sans Light"; font-size:28px; line-height:35px; color:#1b1b1b; text-align:center; padding-bottom:10px; margin:0 15px; border-bottom:1px solid #959595; letter-spacing:-1px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .grid_box .title .ipad_font {font-family:"Myriad-Pro-Light"; letter-spacing:-0.001em} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .grid_box .grid_info_box {margin:15px 10px 0; height:210px; border-bottom:1px solid #959595; text-align:center} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .grid_box .grid_info_box .ipad_info {height:65px; text-indent:-9999px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .grid_box .grid_info_box img {margin:15px 0} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .grid_box .grid_info_box .name {letter-spacing:-2px;font-family:"Noto Sans Light"; font-size:25px; color:#1382ce; text-align:center} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .grid_box .grid_info_box .price {display: none; font-family:"Noto Sans Light"; font-size:19px; color:#000; text-align:center} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .grid_box .origin_price {height:58px; text-indent:-9999px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .total_price {background:#e50000; height:58px; text-indent:-9999px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box {background:#3a3a3a; width:332px; height:160px; padding:10px 15px 15px; border-top:1px solid #494949; letter-spacing:-0.3px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb {} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .select_title {width:50%; font-family:"Noto Sans Light"; font-size:15px; color:#afafaf; padding-bottom:15px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .select_color {width:150px; font-family:"Noto Sans Light"; font-size:15px; color:#afafaf; padding-bottom:15px; top:0; right:0} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .line {border-left:1px solid #6b6b6b; width:0; height:142px; text-indent:-9999px; top:12px; left:0; right:0; margin:0 auto} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb {width:50%; height:40px; background:url("../../images/ipad_select_btn.png") no-repeat scroll 0 0 transparent; text-align:left;} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb.active {background:url("../../images/ipad_select_active_btn.png") no-repeat scroll 0 0 transparent} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb input {float:left; width:16px; height:16px; opacity:0; cursor:pointer; margin-right:5px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb.active input.select_gb_btn {cursor:default; pointer-events:none} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .name {font-family:"Noto Sans Light"; font-size:17px; color:#fff; line-height:14px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .delay {font-family:"Noto Sans Light"; font-size:15px; color:#afafaf} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .product_code {font-family:"Noto Sans Light"; font-size:12px; color:#afafaf} /*20160121_맥북 제품코드*/ #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap {display:none; position:absolute; float:right; width:150px; top:38px; right:0} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb.active .select_color_wrap {display:block} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap .select_color_box {} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap .select_color_box .grid_color {height:40px; background:url("../../images/ipad_select_btn.png") no-repeat scroll 0 0 transparent} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap .select_color_box .grid_color.active {background:url("../../images/ipad_select_active_btn.png") no-repeat scroll 0 0 transparent} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap .select_color_box .grid_color input {float:left; width:16px; height:16px; opacity:0; cursor:pointer; margin-right:5px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap .select_color_box .grid_color .name {} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap .select_color_box .grid_color input.buy_btn {position:absolute; display:none; width:362px; height:66px; background:#28a4f9; font-size:25px; color:#fff; opacity:1; border:none; border-radius:5px; left:-197px; bottom:-88px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap .select_color_box .grid_color.active input.buy_btn {display:block} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap .select_color_box .grid_color.active input.buy_btn:hover {background:#1382ce} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap .grid_info_box {position: relative; width:342px; height:65px; top:-376px; left:-172px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap .grid_info_box .name {font-size:25px; color:#1382ce; line-height:35px; text-align:center} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap .grid_info_box .price {display: none; font-family:"Noto Sans Light"; font-size:19px; color:#000; text-align:center} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap .origin_price {font-family:"Noto Sans Light"; font-size:25px; color:#000; text-align:center; line-height:52px; width:362px; height:58px; top:-165px; left:-197px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap .origin_price .big {font-size:30px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap .total_price {font-family:"Noto Sans Light"; font-size:25px; color:#fff; text-align:center; line-height:52px; width:362px; height:58px; top:-107px; left:-197px; text-indent:0} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .gb .select_color_wrap .total_price .big {font-size:30px} #payment .paycourse .paycourse_content_ipad .ipad_box.mini2 {margin-bottom:121px} #payment .paycourse .paycourse_content_ipad .ipad_box.mini2 .grid {margin:0 auto 71px} #payment .paycourse .paycourse_content_ipad .ipad_box.mini2 .grid.wifi {float:inherit} #payment .paycourse .paycourse_content_ipad .ipad_box.mini2 .grid .select_box {height:120px} #payment .paycourse .paycourse_content_ipad .ipad_box .grid .select_box .select_gb .line.mini2 {height:102px} #payment .paycourse .paycourse_content_ipad .ipad_notice {width:450px; font-family:"Noto Sans Light"; font-size:15px; color:#868686; border:1px solid #959595; border-radius:5px; padding:20px; margin:0 auto 50px} #payment .paycourse .paycourse_content_ipad .ipad_box .ipad_more_detail_search {width:1%; text-indent:-9999px; display:inline-block; top:-12.6%} /* End Paycourse - iPad */ /* Paycourse - MacBook */ #payment .paycourse .paycourse_content_macbook {float:left; width:735px; margin-left:45px} #payment .paycourse .paycourse_content_macbook .macbook_info_box {background:#fff; width:665px; box-shadow:0 0 8px #d9d9d9; padding:25px 35px 55px; margin-bottom:100px; text-align:center} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_box_title {font-family:"Myriad-Pro-Light"; font-size:20px; font-weight:200; line-height:35px; color:#1b1b1b; letter-spacing:-0.001em; border-bottom:1px solid #959595; text-align:left} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_box_title .italic {font-weight:bold; font-style:italic; padding-right:5px} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_box_title .bold {font-size:18px; font-weight:bold; color:#1382ce} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_box_title .red {font-family:"Noto Sans Regular"; color:#f6343f; float:right} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_box_title .red .box {font-family:"Noto Sans Bold"; background:#f6343f; color:#fff; padding:0 10px; margin:0 3px} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_box_sub_title {font-family:"Noto Sans Light"; font-size:14px; color:#626262; line-height:16px; text-align:left; padding-top:10px} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_product_box {border-bottom:1px solid #959595; margin-bottom:20px; padding-bottom:40px} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_product_box img.macbook {width:100%; margin:0 0 30px} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_product_box .title {font-size:20px; color:#1b1b1b} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_product_box .free_pass {font-size:20px; color:#1b1b1b} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_product_box img.plus {margin:10px 0} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box .origin_price_title {font-size:15px; color:#808080} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box .origin_price {font-size:20px; color:#6b6b6b} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box .line {border-top:2px solid #6b6b6b; width:116px; height:0; text-indent:-9999px; top:49px; left:0; right:0; margin:0 auto} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box .box img {margin:10px 0 15px} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box .total_price_title {font-size:20px; color:#1b1b1b} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box .total_price {font-family:"Noto Sans Medium"; font-size:30px; color:#f6343f; margin-bottom:25px} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box .more {} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box .more a {display:inline-block; background:#28a4f9; width:33%; height:46px; font-size:20px; color:#fff; line-height:44px} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box .more a:hover {background:#1382ce} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box .macbook_info_price_box_left {width:20%; float:left; margin-left:165px; padding-top:10px} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box .macbook_info_price_box_right {width:30%; float:right; margin-right:105px} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box img {margin:30px 0} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box_discount {display:inline-block; margin:0 auto 50px; border-top:1px solid #959595; padding:50px 50px 0} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box_discount .info_box {} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box_discount .info_box .grid {background:#f7f7f7; font-size:20px; text-align:left; border:1px solid #cdcdcd; border-radius:5px; padding:10px 20px; float:left} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box_discount .info_box .grid .big {font-family:"Noto Sans Medium"; font-size:32px} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box_discount .info_box .grid .big.price {color:#f6343f} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box_discount .info_box .grid .big.count {font-size:25px} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box_discount .info_box .grid .x {font-size:21px; color:#868686; padding:0 8px} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box_discount .info_box .grid_text {float:left; padding-left:20px} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box_discount .info_box .grid_text .title {font-family:"Noto Sans Medium"; font-size:20px; color:#1382ce; padding-top:20px} #payment .paycourse .paycourse_content_macbook .macbook_info_box .macbook_info_price_box_discount .info_box .gray {font-family:"Noto Sans Light"; color:#868686; display:inline-block; padding-top:3px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box {padding-bottom:180px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_title {font-family:"Noto Sans Light"; font-size:40px; color:#262626; line-height:50px; text-align:center; margin-bottom:25px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_title .blue {font-family:"Noto Sans Medium"; color:#1382ce} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .more {text-align:center} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .more a {background:url("../../images/ipad_catch_phrase_more.png") no-repeat scroll right center transparent; padding-right:15px; font-size:20px; color:#262626} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box img {margin:40px 0} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_decisive_reason {font-family:"Noto Sans Light"; text-align:center; margin-bottom:70px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_decisive_reason .macbook_decisive_reason_title {font-size:35px; color:#000; line-height:40px; padding-bottom:5px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_decisive_reason .macbook_decisive_reason_sub_title {font-family:"Noto Sans Medium"; font-size:20px; color:#1382ce; line-height:25px; padding:35px 0 10px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_decisive_reason .macbook_decisive_reason_info {font-size:20px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_decisive_reason .certification {font-family:"Noto Sans Medium"; font-size:20px; color:#000; padding-top:25px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_decisive_reason .certification a {font-family:"Noto Sans Light"; font-size:15px; color:#868686; border:1px solid #868686; border-radius:5px; padding:7px 11px; display:inline-block; cursor:pointer; margin-left:10px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_decisive_reason .certification a:hover {background:#fff; color:#1382ce; border:3px solid #1382ce; padding:5px 9px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info1 {margin-bottom:75px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info1 img {margin:0 0 40px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info1 .grid {left:0; right:0; bottom:0; margin:0 auto; text-align:center} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info1 .grid .title {font-family:"Noto Sans Light"; font-size:36px; color:#000; line-height:40px; margin-bottom:25px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info1 .grid .title .bold {font-family:"Noto Sans Regular"; font-size:34px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info1 .grid .title .blue {font-family:"Noto Sans Regular"; font-size:34px; font-weight:bold; color:#1aa2e0} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info1 .grid .line {border-top:1px solid #9e9e9e; width:86px; height:0; text-indent:-9999px; margin:0 auto} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info1 .grid .price {font-size:24px; margin-top:25px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info1 .grid .price .red {font-family:"Noto Sans Bold"; color:#ff3100} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info2 {margin-bottom:75px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info2 img {margin:0 0 40px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info2 .grid {right:0; bottom:0; margin:0 auto; text-align:center} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info2 .grid .title {font-family:"Noto Sans Light"; font-size:36px; color:#000; line-height:40px; margin-bottom:5px; text-align:left} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info2 .grid .title .bold {font-family:"Noto Sans Regular"; font-size:34px} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info2 .grid .title .blue {font-family:"Noto Sans Regular"; font-size:34px; font-weight:bold; color:#1aa2e0} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info2 .grid .info {font-family:"Noto Sans Light"; font-size:20px; color:#a0a0a0; text-align:left} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info3 {} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info3 img {margin:0} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info3 .title {font-family:"Noto Sans Light"; font-size:34px; color:#000; line-height:40px; margin-bottom:15px; text-align:center} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info3 .info_box {} #payment .paycourse .paycourse_content_macbook .macbook_catch_phrase_box .macbook_catch_phrase_info3 .info_box .info {float:left; font-family:"Noto Sans Light"; font-size:20px; color:#a0a0a0; text-align:center; display:inline-block; width:50%; margin-top:5px} #payment .paycourse .paycourse_content_macbook .macbook_box {} #payment .paycourse .paycourse_content_macbook .macbook_box .macbook_box_title {font-family:"Myriad-Pro-Light"; font-size:44px; font-weight:200; line-height:50px; color:#1b1b1b; text-align:center; letter-spacing:-0.001em; margin-bottom:30px} #payment .paycourse .paycourse_content_macbook .macbook_box .macbook_box_title .macbook_box_sub_title {font-family:"Noto Sans Light"} #payment .paycourse .paycourse_content_macbook .macbook_box .grid {} #payment .paycourse .paycourse_content_macbook .macbook_box .grid.macbook256 {float:left} #payment .paycourse .paycourse_content_macbook .macbook_box .grid.macbook512 {float:right} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .wrap {background:#fff; width:362px; box-shadow:0 0 8px #d9d9d9; margin-bottom:71px} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .grid_package_title {font-size:20px; color:#262626; line-height:40px; padding-left:15px; margin-bottom:2px} #payment .paycourse .paycourse_content_macbook .macbook_box .grid.macbook256 .grid_package_title {border-left:4px solid #28a4f9} #payment .paycourse .paycourse_content_macbook .macbook_box .grid.macbook256 .grid_package_title .blue {font-family:"Noto Sans Medium"; color:#28a4f9; padding:0 5px} #payment .paycourse .paycourse_content_macbook .macbook_box .grid.macbook512 .grid_package_title {border-left:4px solid #ff4200} #payment .paycourse .paycourse_content_macbook .macbook_box .grid.macbook512 .grid_package_title .red {font-family:"Noto Sans Medium"; color:#ff4200; padding:0 5px} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .grid_box {} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .grid_box .grid_title {background:#ebebeb; height:44px; font-family:"Noto Sans Light"; font-size:20px; font-weight:bold; color:#424242; text-align:center; line-height:44px} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .grid_box img {margin:25px 0} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .grid_box .title {font-family:"Noto Sans Light"; font-size:28px; line-height:35px; color:#1b1b1b; text-align:center; padding-bottom:10px; margin:0 15px; border-bottom:1px solid #959595} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .grid_box .title .macbook_font {font-family:"Myriad-Pro-Light"; letter-spacing:-0.001em} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .grid_box .grid_info_box {margin:0; height:77px; border-bottom:1px solid #959595; text-align:center} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .grid_box .grid_info_box .name {letter-spacing:-2px;font-family:"Noto Sans Light"; font-size:25px; color:#1382ce; text-align:center} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .grid_box .grid_info_box .name .small {font-size:22px} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .grid_box .grid_info_box .price {display: none; font-family:"Noto Sans Light"; font-size:19px; color:#000; text-align:center} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .grid_box .grid_info_box img {margin:15px 0} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .grid_box .origin_price {top:336px;font-family:"Noto Sans Light"; font-size:25px; color:#000; text-align:center; line-height:52px; width:362px; height:58px;} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .grid_box .origin_price .big {font-size:30px} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .total_price {background:#ff2400; font-family:"Noto Sans Light"; font-size:25px; color:#fff; text-align:center; line-height:52px; width:362px; height:58px; top:-107px; left:-197px; text-indent:0} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .total_price .big {font-size:30px} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .select_box {background:#3a3a3a; width:232px; height:160px; padding:10px 65px 15px; border-top:1px solid #494949; letter-spacing:-0.3px} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .select_box .select_color_title {font-family:"Noto Sans Light"; font-size:15px; color:#afafaf; padding-bottom:15px} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .select_box .select_color {font-family:"Noto Sans Light"; font-size:15px; color:#afafaf; padding-bottom:15px; top:0; right:0} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .select_box .select_color .color {height:40px; background:url("../../images/ipad_select_btn.png") no-repeat scroll 0 0 transparent; text-align:left;} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .select_box .select_color .color.active {background:url("../../images/ipad_select_active_btn.png") no-repeat scroll 0 0 transparent} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .select_box .select_color .color input.select_color_btn {float:left; width:16px; height:16px; opacity:0; cursor:pointer; margin-right:5px} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .select_box .select_color .color.active input.select_color_btn {cursor:default; pointer-events:none} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .select_box .select_color .color .name {font-family:"Noto Sans Light"; font-size:17px; color:#fff; line-height:14px} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .select_box .select_color .color .delay {font-family:"Noto Sans Light"; font-size:15px; color:#afafaf} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .select_box .select_color .color input.buy_btn {} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .select_box .select_color .color input.buy_btn {position:absolute; display:none; width:362px; height:66px; background:#28a4f9; font-size:25px; color:#fff; opacity:1; border:none; border-radius:5px; left:-65px; bottom:-73px; cursor:pointer} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .select_box .select_color .color.active input.buy_btn {display:block} #payment .paycourse .paycourse_content_macbook .macbook_box .grid .select_box .select_color .color.active input.buy_btn:hover {background:#1382ce} #payment .paycourse .paycourse_content_macbook .macbook_notice_box {margin:95px 0 100px} #payment .paycourse .paycourse_content_macbook .macbook_notice_box .title {font-family:"Noto Sans Medium"; font-size:26px; color:#000; line-height:50px; padding:0 30px} #payment .paycourse .paycourse_content_macbook .macbook_notice_box .text_box {background:#efefef; font-family:"Noto Sans Light"; font-size:17px; color:#000; padding:20px 15px; margin-bottom:35px} #payment .paycourse .paycourse_content_macbook .macbook_notice_box .text_box .text {} #payment .paycourse .paycourse_content_macbook .macbook_notice_box .text_box .text .num {float:left} #payment .paycourse .paycourse_content_macbook .macbook_notice_box .text_box .text .text_cont {width:95%; padding-left:5px; display:inline-block} #payment .paycourse .paycourse_content_macbook .macbook_notice_box img {} #payment .paycourse .paycourse_content_macbook .macbook_box .macbook_more_detail_search {width:1%; text-indent:-9999px; display:inline-block; top:-12.6%} /* End Paycourse - MacBook */ /* Paycourse - Certification */ #certificate_dialog {position:relative; padding:50px 0 0} #certificate_dialog input.close {position:absolute; background:#fff url("../../images/main_video_x.png") no-repeat scroll center center / 60% auto; width:50px; height:50px; text-indent:-9999px; cursor:pointer; top:0; right:0; border:none} #certificate_dialog .certificate_dialog_grid {box-shadow:0 0 8px #d9d9d9;} #certificate_dialog .certificate_dialog_grid img {width:100%} /* End Paycourse - Certification */ /* Paycourse - Phone */ #payment .paycourse .paycourse_content_phone {float:left; width:735px; margin-left:45px} #payment .paycourse .paycourse_content_phone .phone_info_box_1 {background:#fff; width:665px; box-shadow:0 0 8px #d9d9d9; padding:25px 35px 55px; text-align:center} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .box {float:left; width:33.33%} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .phone_info_box_title {float:left; width:100%; font-family:"Myriad-Pro-Light"; font-size:20px; font-weight:200; line-height:35px; color:#1b1b1b; letter-spacing:-0.001em; border-bottom:1px solid #959595; margin-bottom:30px} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .ipad_info_product_box {height:445px; border-bottom:1px solid #959595; margin-bottom:20px} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .ipad_info_product_box img {margin:10px 0} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .ipad_info_product_box .title {font-size:20px; color:#1b1b1b} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .ipad_info_product_box .free_pass {font-size:20px; color:#1b1b1b} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .phone_info_product_box {float:left; width:100%; border-bottom:1px solid #959595; padding-bottom:30px; margin-bottom:30px} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .phone_info_product_box .box {} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .phone_info_product_box .box .title {font-size:18px; padding-top:10px} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .phone_info_product_box .box img {margin:10px 0 15px} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .phone_info_detail_box {float:left; width:100%} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .phone_info_detail_box .grid {margin-bottom:25px} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .phone_info_detail_box .grid .tab {width:25%; display:inline-block; font-size:16px} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .phone_info_detail_box .grid .tab .orange {color:#ff5012} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .phone_info_detail_box .grid img {margin:10px} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .phone_info_detail_box .grid_top .tab {} #payment .paycourse .paycourse_content_phone .phone_info_box_1 .phone_info_detail_box .grid_bottom .tab {width:20%} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 {padding:90px 0 20px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .phone_catch_phrase_title {font-family:"Noto Sans Bold"; font-size:31px; text-align:center} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .phone_catch_phrase_title .grid2 {font-family:"Noto Sans Medium"; font-size:55px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .phone_catch_phrase_title .blue {color:#003fff} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .phone_catch_phrase_title .dark_blue {font-family:"Noto Sans Bold"; font-size:60px; font-style:italic; color:#04227d} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .phone_catch_phrase_title .orange {color:#ff5a00} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .wrap {display:inline-block; width:100%} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box {width:50%} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .title {font-family:"Noto Sans Medium"; font-size:16px; text-align:center; margin-bottom:20px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .title .bold {} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .title .blue {color:#1482cd} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .title .red {color:#ff1200} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .title .red .line {border-top:none; border-bottom:2px solid #1482cd} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .title .dark_blue {border-top:none; border-bottom:2px solid #1482cd; color:#04227d} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .title .dark_blue .light {font-size:12px; top:-3px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .title .dot {background:url("../../images/phone_title_dot.png") no-repeat scroll 0 0 transparent; width:30px; height:30px; text-indent:-9999px; display:inline-block; padding:8px 8px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box.benative_pro_benefits {float:left} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box.SKT_benefits {float:right} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box {width:100%; height:134px; margin-bottom:25px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box .num {color:#dee6ff; display:inline-block; line-height:25px; margin:0 0 0 10%} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box .text {} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box .text .blue {font-size:16px; color:#1482cd; line-height:16px; display:inline-block} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box .text .red {font-size:16px; color:#ff2929} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box .text .dark_blue {font-family:"Noto Sans Bold"; font-size:19px; color:#055fc4} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box .text .black {} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box .text .black.light {font-size:16px; color:#464646} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box .text .black.regular {font-family:"Noto Sans Medium"; font-size:16px; color:#262626} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box .text .black.bold {font-family:"Noto Sans Bold"; font-size:16px; color:#262626} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box.box1 {background:url("../../images/phone_box1_1.png") no-repeat scroll center 0 transparent} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box.box2 {background:url("../../images/phone_box2_1.png") no-repeat scroll center 0 transparent} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box.box3 {background:url("../../images/phone_box3_1.png") no-repeat scroll center 0 transparent} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box.box4 {background:url("../../images/phone_box4_1.png") no-repeat scroll center 0 transparent} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box.box5 {background:url("../../images/phone_box5_1.png") no-repeat scroll center 0 transparent} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box.box1 .text {float:right; margin:20px 50px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box.box1 .text .grid2 {background:#f1f1f1; padding:5px 8px; margin:8px 20px 0 0; line-height:18px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box.box2 .text {float:right; margin:54px 64px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box.box3 .text {float:right; margin:26px 54px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box.box4 .text {float:right; margin:24px 52px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box.box4 .text .grid2 {margin-top:5px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box.box5 .text {float:right; margin:20px 180px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box.box5 .text .grid1 {margin-bottom:10px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box.box5 .text .grid1 .orange {color:#ff5012; font-size:16px; font-style:italic} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .benefit_box .benefit_sub_box.box5 .text .grid2 .black.regular {line-height:16px; display:inline-block} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_1 .vertical_line {position:absolute; left:0; right:0; border-left:1px solid #959595; text-indent:-9999px; width:0; height:480px; margin:0 auto} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 {background:#f4f4f4; width:685px; padding:45px 25px 55px; margin-bottom:50px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box {width:90%; padding:0 5%; margin-bottom:60px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box .title {font-family:"Noto Sans Medium"; font-size:16px; text-align:left} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box .title .dot {background:url("../../images/phone_title_dot.png") no-repeat scroll 0 0 transparent; width:30px; height:30px; text-indent:-9999px; display:inline-block; padding:8px 8px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box .benefit_sub_box_grid {width:575px; display:inline-block; padding:0 50px; margin-top:50px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box .benefit_sub_box_grid .benefit_phone_box_title {font-size:18px; line-height:28px; margin-bottom:30px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box .benefit_sub_box_grid .benefit_phone_box_title .num {float:left; display:inline-block; background:#33b5cf; font-size:14px; color:#fff; width:20px; height:20px; line-height:18px; margin:4px 10px 4px 4px; text-align:center} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box .benefit_sub_box_grid img.phone {float:left; margin:0 30px 0 35px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box .benefit_sub_box_grid .vertical_line {float:left; border-left:1px solid #959595; text-indent:-9999px; width:0; height:25px; margin:50px auto} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box .benefit_sub_box_grid .text {float:left; font-size:15px; color:#232323} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box .benefit_sub_box_grid .text .bold {font-family:"Noto Sans Medium"} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box .benefit_sub_box_grid .text .orange {color:#ff5012} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box .benefit_sub_box_grid .text .bold.bottom_line {border-bottom:2px solid #ff5012} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box .benefit_sub_box_grid .text .small {font-size:14px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box .benefit_sub_box_grid .text1 {margin:26px 40px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box .benefit_sub_box_grid .text2 {margin:18px 0 0 40px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .benefit_phone_box .benefit_sub_box_grid .text3 {margin:36px 25px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box_2 .info {font-size:16px; color:#e72031; text-align:center; padding-top:15px} #payment .paycourse .paycourse_content_phone .line {border-top:1px solid #959595; text-indent:-9999px; width:120px; height:0; margin:50px auto 60px} #payment .paycourse .paycourse_content_phone .btn_box_1 {text-align:center} #payment .paycourse .paycourse_content_phone .btn_box_1 a.btn {display:inline-block; background:#28a4f9; width:200px; height:46px; font-size:20px; color:#fff; line-height:44px} #payment .paycourse .paycourse_content_phone .btn_box_1 a.btn:hover {background:#1382ce} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info_1 {background:#fff; width:665px; box-shadow:0 0 8px #d9d9d9; padding:75px 35px 55px; margin-bottom:50px; text-align:center} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info_1 .title {font-family:"Noto Sans Light"; font-size:40px; text-align:center; color:#262626; line-height:45px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info_1 .title .bold {font-family:"Noto Sans Regular"} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info_1 .title .blue {font-family:"Noto Sans Regular"; color:#28a4f9} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info_1 img.phone_info2 {margin:35px 0 10px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info_1 .sub_title {font-size:18px; color:#252525} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info_1 .sub_title .dot {background:url("../../images/phone_title_dot.png") no-repeat scroll 0 0 transparent; width:30px; height:30px; text-indent:-9999px; display:inline-block; padding:8px 8px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info_1 .sub_title .bold {font-family:"Noto Sans Medium"} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info_1 .sub_title .bold .blue {color:#1891d2} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info_1 .sub_title .red {font-family:"Noto Sans Medium"; color:#f32938} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info_1 .sub_title2 {font-size:18px; color:#252525; margin-bottom:50px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info_1 img.phone_info2_1 {margin:35px 0} #payment .paycourse .paycourse_content_phone .phone_notice_box_1 {font-size:16px; color:#252525; width:585px; margin:0 75px 150px; display:inline-block} #payment .paycourse .paycourse_content_phone .phone_notice_box_1 .grid {float:left} #payment .paycourse .paycourse_content_phone .phone_notice_box_1 .grid .title {font-family:"Noto Sans Medium"; margin-bottom:5px} #payment .paycourse .paycourse_content_phone .phone_notice_box_1 .grid .text_box {float:left; width:370px} #payment .paycourse .paycourse_content_phone .phone_notice_box_1 .grid .text_box .text {float:left; margin-bottom:4px} #payment .paycourse .paycourse_content_phone .phone_notice_box_1 .grid .text_box .text .num {float:left; padding-right:10px} #payment .paycourse .paycourse_content_phone .phone_notice_box_1 .grid .text_box .text .text_cont {float:left} #payment .paycourse .paycourse_content_phone .phone_notice_box_1 .phone_notice_center {float:right} #payment .paycourse .paycourse_content_phone .phone_info_box {background:#fff; width:665px; box-shadow:0 0 8px #d9d9d9; padding:25px 35px 140px; text-align:center} #payment .paycourse .paycourse_content_phone .phone_info_box .phone_info_box_title {background:url("../../images/phone_title.png") no-repeat scroll 0 0 transparent; border-bottom:1px solid #959595; text-indent:-9999px; height:36px; padding-bottom:10px} #payment .paycourse .paycourse_content_phone .phone_info_box .phone_info_box_sub_title {font-family:"Noto Sans Medium"; font-size:55px; color:#2096e2; font-weight:bold; padding-right:5px; text-align:right; padding:60px 135px 50px} #payment .paycourse .paycourse_content_phone .phone_info_box .phone_info_box_sub_title .black {font-size:40px; color:#0a2833; line-height:25px} #payment .paycourse .paycourse_content_phone .phone_info_box .phone_info_product_box img.phone {} #payment .paycourse .paycourse_content_phone .phone_info_box .phone_info_product_box .grid {font-family:"Noto Sans Light"; font-size:22px; color:#373737; padding-top:55px; height:80px} #payment .paycourse .paycourse_content_phone .phone_info_box .phone_info_product_box .grid .title {padding-right:20px} #payment .paycourse .paycourse_content_phone .phone_info_box .phone_info_product_box .grid img.more_info {position:absolute; top:95px; right:214px} #payment .paycourse .paycourse_content_phone .phone_info_box .phone_info_product_box .grid .red {font-family:"Noto Sans Medium"; color:#ff3939; position:relative; top:-10px} #payment .paycourse .paycourse_content_phone .phone_info_box .phone_info_product_box .grid .black {font-family:"Noto Sans Medium"; font-style:italic; padding-left:5px} #payment .paycourse .paycourse_content_phone .phone_info_box .phone_info_product_box .grid .red2 {font-family:"Noto Sans Medium"; font-size:35px; color:#ff3939; font-style:italic} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box {background:#fff; width:705px; box-shadow:0 0 8px #d9d9d9; padding:90px 0 70px; margin-bottom:90px; border:15px solid #29aff9} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .phone_catch_phrase_title {font-family:"Noto Sans Bold"; font-size:31px; text-align:center} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .phone_catch_phrase_title .grid2 {font-family:"Noto Sans Medium"; font-size:55px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .phone_catch_phrase_title .blue {color:#003fff} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .phone_catch_phrase_title .dark_blue {font-family:"Noto Sans Bold"; font-size:60px; font-style:italic; color:#04227d} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .phone_catch_phrase_title .orange {color:#ff5a00} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .wrap {display:inline-block; width:100%} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box {width:50%} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .title {font-family:"Noto Sans Medium"; font-size:16px; text-align:center; margin-bottom:20px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .title .bold {} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .title .blue {color:#1482cd} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .title .red {color:#ff1200} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .title .red .line {border-top:none; border-bottom:2px solid #1482cd} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .title .dark_blue {border-top:none; border-bottom:2px solid #1482cd; color:#04227d} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .title .dark_blue .light {font-size:12px; top:-3px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .title .dot {background:url("../../images/phone_title_dot.png") no-repeat scroll 0 0 transparent; width:30px; height:30px; text-indent:-9999px; display:inline-block; padding:8px 8px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box.benative_pro_benefits {float:left} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box.SKT_benefits {float:right} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_phone_box {width:90%; padding:0 5%; margin-bottom:60px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_phone_box .title {font-family:"Noto Sans Medium"; font-size:16px; text-align:left} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_phone_box .title .dot {background:url("../../images/phone_title_dot.png") no-repeat scroll 0 0 transparent; width:30px; height:30px; text-indent:-9999px; display:inline-block; padding:8px 8px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_phone_box .benefit_sub_box {float:right; margin:0 10px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_phone_box .benefit_sub_box img {border-bottom:1px solid #1482cd; padding:0 25px 10px; margin-bottom:5px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_phone_box .benefit_sub_box .text {line-height:22px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_phone_box .benefit_sub_box.box6 {} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_phone_box .benefit_sub_box.box6 .text {margin:0 15px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_phone_box .benefit_sub_box.box7 {} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_phone_box .benefit_sub_box.box7 .text {margin:0 35px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .vertical_line {position:absolute; left:0; right:0; border-left:1px solid #959595; text-indent:-9999px; width:0; height:440px; margin:0 auto} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box {width:100%; height:134px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box .num {font-size:21px; color:#dee6ff; display:inline-block; line-height:28px; margin:0 0 0 10.5%} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box .text {} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box .text .blue {font-size:16px; color:#1482cd; line-height:16px; display:inline-block} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box .text .red {font-size:16px; color:#ff2929} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box .text .dark_blue {font-family:"Noto Sans Bold"; font-size:19px; color:#055fc4} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box .text .black {} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box .text .black.light {font-size:16px; color:#464646} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box .text .black.regular {font-family:"Noto Sans Medium"; font-size:16px; color:#262626} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box .text .black.bold {font-family:"Noto Sans Bold"; font-size:16px; color:#262626} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box.box1 {background:url("../../images/phone_box1.png") no-repeat scroll center 0 transparent} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box.box2 {background:url("../../images/phone_box2.png") no-repeat scroll center 0 transparent} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box.box3 {background:url("../../images/phone_box3.png") no-repeat scroll center 0 transparent} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box.box4 {background:url("../../images/phone_box4.png") no-repeat scroll center 0 transparent} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box.box5 {background:url("../../images/phone_box5.png") no-repeat scroll center 0 transparent} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box.box1 .text {float:right; margin:32px 50px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box.box1 .text .grid2 {text-align:right; margin:8px 20px 0 0; line-height:18px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box.box2 .text {float:right; margin:60px 58px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box.box3 .text {float:right; margin:46px 48px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box.box4 .text {float:right; margin:35px 48px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box.box5 .text {float:right; margin:24px 170px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box.box5 .text .grid1 {margin-bottom:10px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .benefit_box .benefit_sub_box.box5 .text .grid2 .black.regular {line-height:16px; display:inline-block} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_box .info {font-size:16px; color:#e72031; text-align:center; padding-top:15px} #payment .paycourse .paycourse_content_phone .line {border-top:1px solid #959595; text-indent:-9999px; width:120px; height:0; margin:50px auto 60px} #payment .paycourse .paycourse_content_phone .btn_box {text-align:center} #payment .paycourse .paycourse_content_phone a.btn {background:url("../../images/phone_btn.png") no-repeat scroll 0 0 transparent; width:330px; height:75px; display:inline-block; font-size:22px; color:#fff; line-height:69px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info {text-align:center} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info .title {font-family:"Noto Sans Light"; font-size:40px; text-align:center; color:#262626; line-height:45px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info .title .bold {font-family:"Noto Sans Regular"} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info .title .blue {font-family:"Noto Sans Regular"; color:#1382ce} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info img.phone_info2 {margin:35px 0 10px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info .sub_title {font-size:18px; color:#252525} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info .sub_title .dot {background:url("../../images/phone_title_dot.png") no-repeat scroll 0 0 transparent; width:30px; height:30px; text-indent:-9999px; display:inline-block; padding:8px 8px 0 0} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info .sub_title .bold {font-family:"Noto Sans Medium"} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info .sub_title .bold .blue {color:#1891d2} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info .sub_title .red {font-family:"Noto Sans Medium"; color:#f32938} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info .sub_title2 {font-size:18px; color:#252525; margin-bottom:30px} #payment .paycourse .paycourse_content_phone .phone_catch_phrase_info img.phone_info2_1 {margin:35px 0} #payment .paycourse .paycourse_content_phone .phone_notice_box {font-size:16px; color:#252525; margin:0 75px 65px} #payment .paycourse .paycourse_content_phone .phone_notice_box .title {font-family:"Noto Sans Medium"; margin-bottom:5px} #payment .paycourse .paycourse_content_phone .phone_notice_box .text_box {} #payment .paycourse .paycourse_content_phone .phone_notice_box .text_box .text {margin-bottom:2px} /* End Paycourse - Phone */ /* Nexon Payment */ #nexon_payment * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #nexon_payment em {font-style: normal;} #nexon_payment .margin {width: 1260px;} #nexon_payment .spot {padding: 66px 0;background: url(/images/payment/nexon/spot_img.png) 0 0 no-repeat;color:#fff;text-align: center;} #nexon_payment .spot h3 {position: relative;margin-bottom: 20px;padding-bottom: 20px;font-size: 24px;font-weight: 500;letter-spacing: -0.0083em;line-height: 24px;} #nexon_payment .spot h3:before {content:'';position: absolute;left:50%;bottom:0;width:20px;height:1px;background-color:#fff;} #nexon_payment .spot p {font-family: 'Noto Sans Light', sans-serif;font-size: 14px;font-weight: 300;letter-spacing: -0.0143em;line-height: 22px;} #nexon_payment .spot em {font-family: 'Noto Sans Regular', sans-serif;} #nexon_payment .container {padding: 92px 130px 0;background-color: #fff;} #nexon_payment .intro_nexon {background: url(/images/payment/nexon/nexon_img.png) right 30px top no-repeat;} #nexon_payment .intro_nexon .message_area {padding-bottom: 81px;} #nexon_payment .intro_nexon .message_area .emp {position: relative;margin-bottom: 16px;padding-bottom: 34px;font-size: 35px;font-weight: 300;color:#000;letter-spacing: -0.0429em;line-height: 45px;} #nexon_payment .intro_nexon .message_area .emp:before {content:'';position: absolute;bottom: 0;left: 0;width: 20px;height: 1px;background-color:#bdbdbd;} #nexon_payment .intro_nexon .message_area .emp em {color:#2A8BD1;} #nexon_payment .intro_nexon .message_area p {font-family: 'Noto Sans Light', sans-serif;font-size: 16px;font-weight: 300;color:#2d2d2d;letter-spacing:-0.0313em;line-height: 26px;} #nexon_payment .intro_nexon .message_area p em {font-family: 'Noto Sans Regular', sans-serif;} #nexon_payment .nexon_content {padding-bottom: 100px;} #nexon_payment .nexon_content .chapter_title {margin-top: 70px;font-size:24px;color:#212121;line-height:24px; color:#414141;} #nexon_payment .nexon_content .chapter_title em {color:#2A8BD1;} #nexon_payment .nexon_content .chapter_title span {display: inline-block;padding-left: 10px;font-size: 16px;color:rgba(33,33,33,.54);letter-spacing:-0.0313em;line-height: 16px;} #nexon_payment .nexon_content .text {padding:2% 3.5%; color:#3e3e3e; line-height:30px; font-size: 20px; font-weight: normal; margin-top: 20px} #nexon_payment .nexon_content h5 {margin:15px 40px 5px; color:#595959; font-weight:normal} #nexon_payment .nexon_content .nexon_box {position: relative;display:table;width: 94%;min-height:80px;margin:0 30px;padding:14px 0;border-bottom:1px solid #eee;} #nexon_payment .nexon_content .nexon_tab .nexon_box {border-top:1px solid #eee;} #nexon_payment .nexon_content .nexon_box .title {display:table-cell;width: 540px;font-family: 'Noto Sans Light', sans-serif;font-size: 16px;font-weight: 300;color:#000;letter-spacing: -0.0278em;line-height: 18px;vertical-align: middle;} #nexon_payment .nexon_content .nexon_box .period {display:table-cell;width:76px;font-size: 18px;font-family: 'Noto Sans Light', sans-serif;font-weight: 300;color:#000;letter-spacing: -0.0278em;text-align:center;vertical-align: middle;} #nexon_payment .nexon_content .nexon_box .discount {font-size:20px; color:#eb2629; width:8%; position:absolute; top:18px; right:225px; display:none} #nexon_payment .nexon_content .nexon_box .discount b {font-family:"nanumgothic"; font-size:23px; font-weight:normal; padding:0 20px} #nexon_payment .nexon_content .nexon_box .origin_price {display:table-cell;font-size:16px; color:#b4b4b4; width:10%; position:absolute; top:20px; right:396px; text-align:right; text-decoration:line-through} #nexon_payment .nexon_content .nexon_box .price {display:table-cell;font-size:16px; color:#b4b4b4; width:10%; position:absolute; top:20px; right:285px; text-align:right; text-decoration:line-through} #nexon_payment .nexon_content .nexon_box .event_price {display:table-cell;padding-left: 63px;font-size:26px;font-weight:300; color:#ef2d17;letter-spacing:-0.0192em;line-height:26px;vertical-align: middle;} #nexon_payment .nexon_content .nexon_box .event_price span {font-family: 'Noto Sans Bold', sans-serif;font-weight:900;} #nexon_payment .nexon_content .nexon_box input {position:absolute;top:50%;right:15px;width:100px;height:50px;margin-top:-25px;background-color: #2a8bd1;border:none;font-family: 'Noto Sans Light', sans-serif;font-size: 18px;font-weight: 300;color:#fff;letter-spacing: -0.0278em;cursor:pointer;} #nexon_payment .nexon_content .nexon_tab {box-sizing:border-box;display: table;width:100%;padding:0 30px;line-height:40px;position:relative;} #nexon_payment .nexon_content .nexon_tab.first {margin-top: 20px;border-top:2px solid #e0e0e0;} #nexon_payment .nexon_content .nexon_tab .tab {display: table-cell;padding:36px 0 20px;border-bottom: 1px solid #e0e0e0;font-size:20px;color:#000;letter-spacing: -0.025em;line-height:20px} #nexon_payment .nexon_content .nexon_tab .tab1 {width:540px;text-align:left;} #nexon_payment .nexon_content .nexon_tab .tab2 {width:77px} #nexon_payment .nexon_content .nexon_tab .tab3 {padding-left:66px;} #nexon_payment .detail_nexon {overflow:hidden;padding:25px 0;background-color: #eee;} #nexon_payment .detail_nexon .title {font-size:18px;font-weight:bold; color:#000; margin-bottom:10px; line-height:18px} #nexon_payment .detail_nexon .text {font-family: 'Noto Sans Light', sans-serif;font-size:14px;font-weight: 300;color:rgba(0,0,0,.8);letter-spacing: -0.0357em;line-height:20px} #nexon_payment .detail_nexon .text b {color:#2e2e2e} #nexon_payment .detail_nexon .box {width: 49.9%;text-align: center;} #nexon_payment .detail_nexon .f_left {border-right:1px solid #bdbdbd} /* End Nexon Payment */ /* 170808 - benative.co.kr Social Mileage */ .recommend_tag { display: inline-block; padding: 0 6px; background-color: rgba(255, 113, 117, 1); border-radius: 9px; font-size: 11px; font-weight: 500; color: #fff; letter-spacing: -0.04em; } #payment .paycourse .paycourse_tab ul li { overflow: hidden; position: relative; } #payment .paycourse .paycourse_tab ul li .recommend_tag { display: none; position: absolute; right: 0; top: 50%; margin-top: -8.5px; padding: 0 6px; } #paymentNew .pacTitle .ico { position: relative; } #paymentNew .pacTitle .ico .recommend_tag { display: none; position: absolute; left: 50%; top: -13px; margin-left: -37px;} /* 170818 - payment iamport */ #payment.payment_iamport .result.success { margin: 0; padding: 100px 0; background-color: rgba(243, 251, 255, 1); } #payment.payment_iamport .message_success { padding: 28px 0 8px; font-family: 'AppleSDGothicNeo-Regular', 'Noto Sans Regular', sans-serif; font-size: 38px; color: rgba(51, 51, 51, 1); text-align: center; } #payment.payment_iamport .message_success span { color: rgba(0, 126, 229, 1); } #payment.payment_iamport .message_success_detail { width: 40%; margin: 0 auto; font-family: 'AppleSDGothicNeo-Regular', 'Noto Sans Regular', sans-serif; font-size: 18px; color: rgba(102, 102, 102, 1); } #payment.payment_iamport .result_btn { margin-top: 60px; margin-bottom: 160px; text-align: center; } #payment.payment_iamport .result_btn .result_btn_box { float: none; } #payment.payment_iamport .result_btn .result_btn_box .button { display: inline-block; width: 180px; height: 48px; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(0, 126, 229, 1); border-radius: 5px; font-size: 16px; color: rgba(0, 126, 229, 1); } #payment.payment_iamport .success + .result_btn .result_btn_box .button:first-child { margin-right: 20px; } #payment.payment_iamport .message_error { padding: 28px 0 8px; font-family: 'AppleSDGothicNeo-Regular', 'Noto Sans Regular', sans-serif; font-size: 38px; color: rgba(51, 51, 51, 1); text-align: center; } #payment.payment_iamport .message_error span { color: rgba(255, 113, 117, 1); } #payment.payment_iamport .message_error_detail { width: 40%; margin: 0 auto; font-family: 'AppleSDGothicNeo-Regular', 'Noto Sans Regular', sans-serif; font-size: 18px; color: rgba(102, 102, 102, 1); } #payment.payment_iamport .result_btn { margin-top: 140px; } #payment.payment_iamport .result_btn .result_btn_box .button { display: inline-block; width: 180px; height: 48px; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(0, 126, 229, 1); border-radius: 5px; font-size: 16px; color: rgba(0, 126, 229, 1); line-height: 48px; }