@charset "utf-8";


/*##############################################################################################################
 * 결제페이지
 *##############################################################################################################*/
.myinfo .title01 {margin-bottom:10px; font-size:17px; font-family: 'Nanum Gothic', sans-serif; font-weight:bold; color:#5b5b5b; letter-spacing:-1px}
.myinfo .titlelarge { font-size:30px; font-family: 'Nanum Gothic', sans-serif; font-weight:800; color:#363636; letter-spacing:-1px}
.myinfo .commentarea {color:#999; font-size:11px; line-height:18px; }
.btn_leave {width:55px; height:21px; background:url("/img/201610/btn_leave.jpg"); border:0; text-indent:-9999em}

/**
 * 공용테이블
 */
.tb1 {width:100%; border-collapse:collapse; border-top:2px solid #30566c}
.tb1 th {padding:0 0 0 20px; background-color:#ebeeef; border-right:1px solid #fa4325; border-bottom:1px solid #d9d9da; text-align:left; font-weight:bold}
.tb1 td {padding:6px 0 6px 10px; background-color:#ffffff; border-bottom:1px solid #d9d9da}
.tb1 .ed {border:1px solid #ccc}

.tb2 {width:100%; border-collapse:collapse; border-bottom:2px solid #ff6700}
.tb2 th {padding:8px 0 8px 0; background-color:#ebeeef; border-bottom:1px solid #d9d9da; border-right:1px solid #d9d9da; font-weight:bold}
.tb2 th:last-child {border-right:0}
.tb2 td {padding:8px 0 8px 5px; background-color:#ffffff; border-bottom:1px solid #d9d9da; border-right:1px solid #d9d9da}
.tb2 td:last-child {border-right:0}

.tb3 {width:100%; border-collapse:collapse; border-top:2px solid #30566c}
.tb3 th {padding:0 0 0 20px; background-color:#ebeeef; border-bottom:1px solid #d9d9da; text-align:left; font-weight:bold}
.tb3 td {padding:6px 0 6px 10px; background-color:#ffffff; border-bottom:1px solid #d9d9da}
.tb3 .ed {border:1px solid #ccc}

.tb4 {width:100%; border-collapse:collapse; border-bottom:2px solid #ff6700}
.tb4 th {padding:8px 0 8px 0; background-color:#ebeeef; border-bottom:1px solid #d9d9da; border-right:1px solid #d9d9da; font-weight:bold}
.tb4 th:last-child {border-right:0}
.tb4 td {padding:8px 0 8px 0; background-color:#ffffff; border-bottom:1px solid #d9d9da; border-right:1px solid #d9d9da}
.tb4 td:last-child {border-right:0}

.tb5 {width:100%; border-collapse:collapse; border-top:2px solid #d9d9da; border-bottom:2px solid #ff6700}
.tb5 th {padding:8px 0 8px 0; background-color:#ebeeef; border-bottom:1px solid #d9d9da; border-right:1px solid #d9d9da; font-weight:bold}
.tb5 th:last-child {border-right:0}
.tb5 td {padding:8px 0 8px 0; background-color:#ffffff; border-bottom:1px solid #d9d9da; border-right:1px solid #d9d9da}
.tb5 td:last-child {border-right:0}

.tdcenter td {padding:6px 0; text-align:center !important}

/*결제수단선택쪽 하단 텍스트추가*/
.txt_pay{margin-top: 130px; position: relative; top:5px; color:#ff6700;}
/*결제수단선택쪽 하단 텍스트추가*/



/**
 * mypage
 */
.myinfo {}
.myinfo .title {display:block; overflow:hidden; width:685px; height:22px; background-repeat:no-repeat; text-indent:-9999em}
.myinfo .tit01 {background-image:url("/img/201610/myinfo_title_01.jpg")}
.myinfo .tit02 {background-image:url("/img/201610/myinfo_title_02.jpg")}
.myinfo .tit03 {background-image:url("/img/201610/myinfo_title_03.jpg")}
.myinfo .tit04 {background-image:url("/img/201610/myinfo_title_04.jpg")}
.myinfo button.btn_modify {display:inline-block; width:78px; height:21px; background:url("/img/201610/btn_modify.jpg") no-repeat 0 0 #fff; text-indent:-9999em; border:0}
.myinfo button.btn_leave {display:inline-block; width:55px; height:21px; background:url("/img/201610/btn_leave.jpg") no-repeat 0 0 #fff; text-indent:-9999em; border:0}
.myinfo .btn_detail {display:block; width:66px; height:22px; background:url("/img/201610/myinfo_btn_detail.jpg") no-repeat 0 0 #fff; text-indent:-9999em}
.myinfo .mcenter {margin:0 auto}

.myinfo .thnumber {height:33px; padding:0; text-align:left}
.myinfo .thnumber strong {display:block; margin:2px 0 0 50px}
.myinfo .thnumber1 {background:url("/img/201610/myinfo_payment_icon_01.gif") no-repeat 0 3px #f0f0f0}
.myinfo .thnumber2 {background:url("/img/201610/myinfo_payment_icon_02.gif") no-repeat 0 3px #f0f0f0}
.myinfo .thnumber3 {background:url("/img/201610/myinfo_payment_icon_03.gif") no-repeat 0 3px #f0f0f0}
.myinfo .thnumber4 {background:url("/img/201610/myinfo_payment_icon_04.gif") no-repeat 0 3px #f0f0f0}

.myinfo .btns {margin:20px auto 0; text-align:center; vertical-align:top}
.myinfo .btn_payment {width:91px; height:29px; background:url("/img/201610/myinfo_btn_payment.jpg") no-repeat 0 0 #fff; text-indent:-9999em; border:0; vertical-align:top}
.myinfo .btn_cancel {width:92px; height:29px; background:url("/img/201610/myinfo_btn_cancel.jpg") no-repeat 0 0 #fff; text-indent:-9999em; border:0; vertical-align:top}
.myinfo .btn_submit {width:92px; height:29px; background:url("/img/201610/myinfo_btn_submit.jpg") no-repeat 0 0 #fff; text-indent:-9999em; border:0; vertical-align:top}
.myinfo .btn_apply {width:42px; height:21px; background:url("/img/201610/myinfo_btn_apply.jpg") no-repeat 0 0 #fff; text-indent:-9999em; border:0; vertical-align:top}

/* 고정IP 결제 */
.myinfo .buy_01 {height:40px; padding:0; text-align:left; background:url("/img/201610/myinfo_payment_icon_04.gif") no-repeat 0 0 #999fac}
.myinfo .buy_01 dt {float:left; margin:2px 30px 0 20px; color:#fff}
.myinfo .buy_01 dd {float:left; margin:2px 0 0 20px; color:#fff}
.myinfo .buy_02 {position:relative; width:714px; height:162px; margin:10px 0 0 0; background:url("/img/201610/myinfo_buy_02.jpg") no-repeat 0 0 #fff}
.myinfo .buy_02 > .txt01 {position:absolute; top:20px; left:20px; font-weight:bold}
.myinfo .buy_02 > .txt02 > .total {position:absolute; top:49px; left:20px; font-weight:bold; font-size:14px}
.myinfo .buy_02 > .txt02 > .good {position:absolute; top:100px; left:20px; color:#999}
.myinfo .buy_02 > .txt02 > .vat {position:absolute; top:120px; left:20px; color:#999}
.myinfo .buy_02 > .txt03 {position:absolute; color: #fff; top:52px; left:178px}
.myinfo .buy_02 > .txt04 {position:absolute; top:20px; right:20px; text-align:right}
.myinfo .buy_02 > .txt05 {position:absolute; top:68px; right:20px; text-align:right}
.myinfo .buy_02 > .txt05 > strong {display:block; font-size:14px}
.myinfo .buy_02 > .txt05 > span {font-size:15px; font-weight:bold; color:#dd0000}
.myinfo .buy_02 > .txt06 {position:absolute; top:120px; left:170px; text-align:right; font-size:11px; font-family:dotum; color:#fff; letter-spacing:-1px}

/* 유동IP 결제 */
.myinfo .buy_03 {position:relative; width:714px; height:162px; margin:10px 0 0 0; background:url("/img/201610/myinfo_buy_02.jpg") no-repeat 0 0 #fff}
.myinfo .buy_03 > .txt01 {position:absolute; top:20px; left:20px; font-weight:bold}
.myinfo .buy_03 > .txt02 > .total {position:absolute; top:49px; left:20px; font-weight:bold; font-size:14px}
.myinfo .buy_03 > .txt02 > .good {position:absolute; top:100px; left:20px; color:#999}
.myinfo .buy_03 > .txt02 > .vat {position:absolute; top:120px; left:20px; color:#999}
.myinfo .buy_03 > .txt04 {position:absolute; color:#fff; top:52px; left:178px}
.myinfo .buy_03 > .txt05 {position:absolute; top:23px; right:20px; text-align:right}
.myinfo .buy_03 > .txt05 > strong {display:block; font-size:14px}
.myinfo .buy_03 > .txt05 > span {font-size:15px; font-weight:bold; color:#fe5908}
.myinfo .buy_03 > .txt06 {position:absolute; top:115px; right:20px; text-align:right; font-size:11px; font-family:dotum; letter-spacing:-1px}
.myinfo .buy_03 > .txt06 > span {letter-spacing:0}

/* 프록시 유동IP 결제 */
.proxy_01 {position:relative; width:714px; height:162px; margin:10px 0 0 0; background:url("/img/201610/myinfo_buy_02.jpg") no-repeat 0 0 #fff}
.proxy_01 .txt01 {position:absolute; top:22px; left:20px; font-weight:bold}
.proxy_01 > #good_mny_print li {position:absolute; left:20px}
.proxy_01 > #good_mny_print li.total {top:45px; font-size:14px; font-weight:bold}
.proxy_01 > #good_mny_print li.good {top:105px}
.proxy_01 > #good_mny_print li.vat {top:125px}
.proxy_01 > #discount_desc {position:absolute; top:22px; left:180px; color:#fff; font-size:13px; line-height:1.9em}
.proxy_01 .txt02 {position:absolute; top:22px; right:20px; font-weight:bold; font-size:14px}
.proxy_01 .txt03 {position:absolute; top:45px; right:20px}
.proxy_01 .txt03 > #good_last_total {color:#fe5908; font-weight:bold; font-size:14px}
.proxy_01 .txt04 {position:absolute; top:105px; right:20px}
.proxy_01 .txt05 {position:absolute; top:125px; right:20px}

/* 최종결제금액 */
.summery_price {position:relative; width:100%; height:40px; background:url("/img/201610/myinfo_bl_01.gif") no-repeat 0 0 #919191}
.summery_price > .txt01 {position:absolute; top:14px; left:18px; color:#fff; font-weight:bold}
.summery_price > .txt02 {position:absolute; top:14px; left:160px; width:100%; color:#fff; font-weight:bold}
.summery_price > .txt02 li {float:left; margin-right:20px}

.commentarea {width:685px}
.commentarea > .top {overflow:hidden; width:100%; height:10px; background:url("/img/201610/myinfo_comment_top.jpg") no-repeat 0 0 #fff}
.commentarea > .bot {overflow:hidden; width:100%; height:10px; background:url("/img/201610/myinfo_comment_bot.jpg") no-repeat 0 0 #fff}
.commentarea > .bg {width:100%; background:url("/img/201610/myinfo_comment_bg.jpg") repeat-y 0 0 #fff}
.commentarea > .bg > .inner {padding:5px 20px}
.commentarea > .bg > .inner h4 {margin:0 0 7px 0; padding:0 0 0 21px; background:url("/img/201610/myinfo_comment_bl.jpg") no-repeat 0 1px;}
.commentarea > .bg > .inner > ul > li {padding:0 0 0 21px; background:url("/img/201610/myinfo_comment_bl.jpg") no-repeat 0 1px; font-size:11px; font-family:dotum; color:#666}
.commentarea > .bg > .inner > ul.noliststyle li {padding:0; background:url("") !important}

/* 결제안내 */
#confirm_box {width:100%; margin-top:20px; font-family:dotum; font-size:12px; line-height:1.3em}
#confirm_box > .title {width:100% !important; height:40px; background-color:#e0e1e2; text-indent:0}
#confirm_box > .title > h4 {padding:15px 0 0 20px; font-size:14px}
#confirm_box > .body {padding:20px 20px 15px; background-color:#f6f5f5}
#confirm_box > .body > h4 {margin-bottom:10px; color:#5e5d5d; font-weight:bold; font-size:14px; text-decoration:underline}
#confirm_box > .body > ul {margin:0; padding:0}
#confirm_box > .body > ul > li {list-style:none; margin:0; padding:0; margin-bottom:6px; padding-left:13px; color:#707070; background:url('/img/bl_01.gif') no-repeat 0 3px}
#confirm_box > .body > ul > li.bs {margin-bottom:12px !important}
#confirm_box > .body > ul > li.red {background:url('/img/bl_02.gif') no-repeat 0 3px !important; color:#ee4a4a !important}
#confirm_box > .body > ul > li > a {color:inherit; text-decoration:underline}
#confirm_box > .body > .agree {margin-top:15px; color:#707070; font-weight:bold}
#confirm_box .strong {font-weight:bold}