/* common */
input,select,textarea, button {font-size:100%; vertical-align:middle;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}
dl,ul,ol,li {list-style: none;}


/* shortcut */
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}

/*--------------------------------------------------------------------------------
			form element class
--------------------------------------------------------------------------------*/
.input_check { margin-bottom:5px; }
.input_text {height:20px; padding:2px; border:1px solid #dcdde3; background-color:#fbfbfb; color:#798dd8; letter-spacing:0;}
.input_select {height:20px;  border:1px solid #dcdde3; background-color:#fbfbfb; color:#666; letter-spacing:0; }
input.input_focus {border:2px solid #8b9dfd; padding:1px;}
.linkPointer {cursor:pointer}

#allWrapper {width:1020px;}

/* Member Register */
.personal{border-color:#e5e5e5; border-style:solid none; border-width:2px medium; clear:both; margin:0 auto; width:1020px; font-family:dotum; font-size:12px;border-spacing:0;}
.personal th,.personal td{border:medium none}
.personal tr.first-child th, .personal tr.first-child td{border-top:medium none}
.personal td{border-left:1px solid #ededed; padding:6px 0 7px 20px; vertical-align:middle; border-top:1px solid #ededed;}
.personal th{background:none repeat scroll 0 0 #F9F9F9; letter-spacing:-1px; line-height:18px; padding:11px 0 8px 10px; text-align:left; vertical-align:top; width:136px; border-top:1px solid #ededed}
.personal th span{display:block; padding:0 0 0 11px; position:relative}
.personal th img{left:0; position:absolute; top:2px}
.personal td img{}
.personal input{height:20px; padding:3px 0 3px 5px; border:1px solid #CCCCCC}
.notice_text {TEXT-ALIGN:right; LINE-HEIGHT:normal; FONT-VARIANT:normal; FONT-STYLE:normal; MARGIN:10px 0 2px; LETTER-SPACING:-1px; COLOR:#666; FONT-SIZE:12px; FONT-WEIGHT:normal}
.notice_text2 {TEXT-ALIGN:right; LINE-HEIGHT:normal; FONT-VARIANT:normal; FONT-STYLE:normal; MARGIN:10px 0; LETTER-SPACING:-1px; COLOR:#666; FONT-SIZE:12px; FONT-WEIGHT:normal}
.notice_text2 span {font-size:12px;}
#bottomRegister { text-align:center; margin: 20px 0 10px 0; }
#btn_register {background:url('/wiseMain/images/btn_register.gif') no-repeat; width:82px; height:31px; border:0; margin:0; cursor:pointer;}
#btn_modify {background:url('/wiseMain/images/btn_modify.gif') no-repeat; width:82px; height:31px; border:0; margin:0; cursor:pointer;}
#btn_secession {background:url('/wiseMain/images/btn_secession.gif') no-repeat; width:82px; height:31px; border:0; margin:0; cursor:pointer;}
#btn_confirm {background:url('/wiseMain/images/btn_confirm.gif') no-repeat; width:82px; height:31px; border:0; margin:0; cursor:pointer;}
#btn_sec {background:url('/wiseMain/images/btn_secession_2.png') no-repeat; width:82px; height:31px; border:0; margin:0; cursor:pointer;}
#btn_sub_sec {background:url('/wiseMain/images/btn_secession.gif') no-repeat; width:82px; height:31px; border:0; margin:0; cursor:pointer;}
.join-factor-element {vertical-align:middle; padding-top:5px}
.rdo-join-factor {border:0 !important;}
.display-none {display:none !important}
.pwd-area {float:left; padding-left:10px;}
    .pwd-area .pwd-title {
        margin: 10px 0px 0px 10px;
        font-size: 12px;
        font-weight: bold;
        display: inline-block;
        line-height: 17px;
        height: 17px;
        padding-left: 2px;
        
    }
.pwd-area .chkPwd {margin-top:0px; margin-left:60px;}
.readonly {
    background-color: #e0e0e0;
}
.pwd-content {}
.pwd-terms { padding-top:7px;}
.pwd-terms li { padding-bottom:3px;color:#805d4d}
.pwd-terms li.last { padding-bottom:0px;}

/* PayZone Dvd Request */
#personal2 {
    border-color: #e5e5e5;
    border-style: solid none;
    border-width: 2px medium;
    clear: both;
    margin: 0 auto 20px;
    width: 1020px;
    font-family: dotum;
    font-size: 12px;
}
#personal2 th,#personal2 td{border:medium none}
#personal2 tr.first-child th, #personal tr.first-child td{border-top:medium none}
#personal2 td{border-left:1px solid #ededed; padding:6px 0 7px 20px; vertical-align:middle; border-top:1px solid #ededed;}
#personal2 th{background:none repeat scroll 0 0 #F9F9F9; letter-spacing:-1px; line-height:18px; padding:11px 0 8px 10px; text-align:left; vertical-align:top; width:136px; border-top:1px solid #ededed}
#personal2 th span{display:block; padding:0 0 0 11px; position:relative}
#personal2 th img{left:0; position:absolute; top:2px}
#personal2 td img{vertical-align:top}
#personal2 input{height:20px; padding:3px 0 3px 5px; border:1px solid #CCCCCC}

/* button class */
.btn { height:20px; border:none; cursor:pointer; overflow:hidden; margin-left:4px; }
.btn_area .btn {margin-left:2px;}
.btn span { position:absolute; top:-3000em; left:-3000em; }
a.btn {display:inline-block; vertical-align:middle; margin-bottom:5px;}

/* Membership Join */
fieldset { border: none;}
legend{ display:none;}
#realname { background:url('/wiseMain/images/btn_confirm_realname.gif') no-repeat; width:82px; height:31px; border:0; margin:0; cursor:pointer; }
#cancelrealname { background:url('/wiseMain/images/btn_cancel.gif') no-repeat; width:82px; height:31px; border:0; margin:0; cursor:pointer; }
.desc{ padding:20px 10px 20px 46px; line-height:18px; background:url(/wiseMain/images/ico_caution.gif) no-repeat 17px 18px; color:#333333;}
.btn_area{ margin:20px 0 20px 0; text-align:center;}
.rdo-join-factor label {cursor:pointer}

.auth_tab {display:inline;float:left;width:1020px;margin:30px 0 10px 0; height:20px;}
.auth_tab li{float:left;margin-right:5px;}
.auth_tab input, .auth_tab label {display:block; float:left;}
.auth_tab label {height:15px; margin-top:4px; text-indent:-3000em; overflow:hidden; cursor:pointer;}
.auth_tab .ssn label{width:47px; background:url(/wiseMain/images/check_01_off.gif) no-repeat;}
.auth_tab .ipin label{width:68px; background:url(/wiseMain/images/id_02_off.gif) no-repeat;}
.auth_tab .mobile label{width:68px; background:url(/wiseMain/images/id_03_off.gif) no-repeat;}
.ssn .auth_tab .ssn label{background:url(/wiseMain/images/check_01_on.gif) no-repeat;}
.ipin .auth_tab .ipin label{background:url(/wiseMain/images/id_02_on.gif) no-repeat;}
.mobile .auth_tab .mobile label{background:url(/wiseMain/images/id_03_on.gif) no-repeat;}

input.name {width:100px}
input.ssn {width:100px}
/* box01 */
.confirmBox {float:left;width:976px; border:2px solid #dbe0f3; padding:20px;}
.confirmBox .fields {float:left;width:100%;padding-bottom:20px; border-bottom:1px solid #e9e9e9;}
.confirmBox .fields dt {clear:both; width:100px; padding-left:9px; background:url(/wiseMain/images/img_dot.gif) no-repeat 0 10px; font-weight:bold; color:#404040;}
.confirmBox .fields dd {width:600px;}
.confirmBox .fields dt span {font-weight:normal;}
.confirmBox .fields dt, .confirmBox .fields dd {float:left; line-height:20px; margin-bottom:5px; }
.confirmBox .field_desc {float:left;padding-top:10px; border-top:1px solid #f8f8f8;}
.confirmBox .field_desc li {float:left; width:800px;line-height:20px; margin-top:6px; padding-left:14px; background:url(/wiseMain/images/img_see.gif) no-repeat 0 3px;}
.confirmBox .fields dd .field_comment {clear:both;margin-top:5px; font-size:11px; color:#666; line-height:20px;}
.confirmBox.nodescript .fields {padding-bottom:0; border-bottom:none;}
button.ipin_auth, a.ipin_auth {width:175px; height:26px; background:url(/wiseMain/images/btn_ipin.gif);}
/* 본인확인 */
.warning1 {float:right;margin-top:33px;}
fieldset.ipin .fields, fieldset.ssn .fields, fieldset.mobile .fields {text-align:center;}
fieldset.ssn .fields p {width:370px; height:37px; margin:25px auto 20px auto; background:url(/wiseMain/images/img_check.gif) no-repeat; text-indent:-3000em; overflow:hidden;}
fieldset.ipin .fields p {width:421px; height:37px; margin:25px auto 20px auto; background:url(/wiseMain/images/img_ipin.gif) no-repeat; text-indent:-3000em; overflow:hidden;}
fieldset.mobile .fields p {width:421px; height:37px; margin:25px auto 20px auto; background:url(/wiseMain/images/img_mobile.gif) no-repeat; text-indent:-3000em; overflow:hidden;}

.confirmBox fieldset {display:none;}
.ssn fieldset.ssn, .ipin fieldset.ipin, .mobile fieldset.mobile {display:block;}



/* Membership Agreement */
.agreeMsg {
	Z-INDEX: 0;
	LINE-HEIGHT: 150%; 
	BACKGROUND-COLOR:#F4FAFE; 
	WIDTH: 1000px; 
	HEIGHT: 180px;
	FONT: rgb(102,102,102) 돋움 9pt; 
	PADDING: 8px; 
	BORDER: rgb(180,180,180) 1px solid;
}

.agreeMsg1 {
	background-color:#fff; 
	height: 200px; 
	padding: 5px; 
	border: 1px solid #b4b4b4;
	overflow-y:auto;
    line-height:1.5;
}

.agreeMsg1 table{
	border:1px solid #e9e9e9;
	border-spacing:0
}
.agreeMsg1 table th{background: #f5f5f5; border-top: 1px solid #929ba6; border-bottom: 1px solid #c5ccd4;border-left:1px solid #c5ccd4;padding-top: 5px; padding-bottom: 7px; vertical-align: middle; font-weight: bold; color: #505050; }
.agreeMsg1 table th:first-child{border-left:0 none}
.agreeMsg1 table td{ border-bottom: 1px solid #e9e9e9; padding-top: 6px; padding-bottom: 6px;vertical-align:top;border-left:1px solid #e9e9e9;padding:6px 10px;word-break:keep-all;}
.agreeMsg1 table td:first-child{border-left:0 none}
.agreeMsg1 table td strong{font-weight:bold;text-decoration:underline;font-size:14px;color:#355b9e;}

/* Payment */
.pay_btn_area {text-align:center;}
.pay_btn_area .pay-btn{display:inline-block;height:36px;line-height:36px;padding:0 16px;font-size:13px;font-weight:700;border-radius:4px;vertical-align:middle;}
.pay_btn_area .pay-btn:hover{text-decoration:none;}
.pay_btn_area .pay-btn.btn-card{border:1px solid #000;color:#000;}
.pay_btn_area .pay-btn.btn-card:hover{border-color:#1c72ff;}
.pay_btn_area .pay-btn.btn-card:before{content:'';display:inline-block;background:url('/wiseMain/images/payment/img_card.svg') 0 0 no-repeat;width:25px;height:29px;margin-right:4px;vertical-align:middle;}
.pay_btn_area .pay-btn.btn-kakao{border:1px solid #585858;background:url('/wiseMain/images/payment/img_kakaopay.svg') center no-repeat;width:80px;text-indent:-9999px;padding:0;}
.pay_btn_area .pay-btn.btn-kakao:hover{border-color:#e8d600;}
.pay_btn_area .pay-btn.btn-refund{border:1px solid #c3c3c3;color:#e6706f;}
.pay_btn_area .pay-btn.btn-refund:hover{border-color:#e6706f;}
.border-radius {
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	border: 5px solid #00B0F0;
}

.service-bnr{font-family:'맑은고딕', 'Malgun Gothic', Tahoma;display:flex;align-items:center;justify-content:space-between;background-color:#f5f5f5;border-radius:10px;padding:40px 35px;margin:30px 0 10px;}
.service-bnr .bnr-left > strong{display:block;padding-bottom:12px;font-size:17px;letter-spacing:-0.5px;}
.service-bnr .bnr-left li{color:#5e5e5e;font-size:14px;line-height:20px;}
.service-bnr .bnr-right a{display:block;width:154px;height:42px;line-height:42px;border:1px solid #000;border-radius:4px;font-size:14px;font-weight:700;color:#000;text-align:center;}
.service-bnr .bnr-right a:hover{text-decoration:none;border-color:#1c72ff;}

.service-area {
    vertical-align:top;    
    margin:15px 17px 0px 17px;
    font-family:'맑은고딕', 'Malgun Gothic', Tahoma;
    position:relative;
    -ms-user-select: none; 
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}
.box1 {
	width:325px; height:250px; border:3px solid #1077be; border-radius:25px; display:inline-block; position:relative; z-index:10;
}                                                                                          
.box2 {                                                                                   
    width:170px; height:250px; border:3px solid #1077be; border-radius:25px; display:inline-block; position:relative; z-index:10;
}                                                                                          
.box3 {                                                                                   
	width:340px; height:250px; border:3px solid #1077be; border-radius:25px; display:inline-block; position:relative; z-index:1;
}
.box2.box2_join{width:171px;}
.payzone_arrow { position:absolute; z-index:5; top:50%;margin-top:-61px; left:550px; }
.payzone_comment{font-size:12px;color:#999;margin-top:15px;letter-spacing:-0.5px;line-height:17px;}
.payzone_comment p{text-indent:-7px;padding-left:7px;}

.promotion-area{margin-top:40px; display:none;}/*유료결제>프로모션코드*/
.promotion-area .code-area{text-align: center;width:500px;margin:0 auto;}
.promotion-area .code-area:after{content: '';clear: both;display: block;}
.promotion-area .input-promotion:read-only{background-color:#DFDFDF;color:#8D9197;}
.promotion-area .input-promotion{box-sizing:border-box; border-radius:2px;border:1px solid #585858;background-color:#FFF;padding:0 8px; width:200px;height:32px;color:#222;}
.promotion-area .input-promotion::placeholder{font-size:12px;font-weight:400;line-height:1;color:#777;}
.promotion-area .btn-promotion{box-sizing:border-box; border-radius:2px;border:1px solid #585858;background-color:#585858;padding:0 28px; height:32px;margin-left:8px;font-size:13px;font-weight:400;letter-spacing:-1px;color:#FFF;cursor:pointer;}
.promotion-area .btn-promotion:disabled{border:1px solid #A1A1A1;background-color:#A1A1A1;color:#707070;}
.promotion-area .code-message{margin-top:10px;height:50px;text-align:center;font-size:13px;font-weight:400;line-height:17px;letter-spacing:-1px;color:#7B7B7B;}
.promotion-area .code-message p:not(:first-child){padding-top:10px;}
.promotion-area .code-message .text-verify{display:none;font-size:13px;font-weight:400;line-height:17px;letter-spacing:-1px;color:#233979;}
.promotion-area .code-message .text-verify.on{display:block;}

.box-space {margin:0 28px}
.box-space img {margin-top:111px}
.box-section, .box-space {display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
.box-section .inner-box {width:100%; height:100%; background-color:#fff; border-radius:25px;}
.box-section .inner-box img {float:left}

/*.box1.daily_style,
.box2.daily_style,
.box3.daily_style {
    height: 300px;
}*/
/*.box1 {
	width:240px; height:220px; border:1px solid #ccc; display:inline-block; background-color:#eee; padding:4px
}
.box2 {
    width:140px; height:220px; border:1px solid #ccc; display:inline-block; background-color:#eee; padding:4px
}
.box3 {
	width:320px; height:220px; border:1px solid #ccc; display:inline-block; background-color:#eee; padding:4px
}
.box-space {margin:0 20px}
.box-space img {margin-top:111px}
.box-section, .box-space {display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
.box-section .inner-box {width:100%; height:100%; background-color:#fff;}
.box-section .inner-box img {float:left}*/
/*.inner-content {padding:15px 27px 15px 13px}*/
.inner-content {padding:15px 13px 15px 13px}
.inner-content h4 {margin:0 0 10px 10px; font-family:'맑은고딕', 'Malgun Gothic', Tahoma; font-size:14px; font-weight:bold; color:#4d4d4d}
.inner-content h4 span.plus{color:#076dbf;}
.inner-content .detail {margin: 15px 0 0 0; height:100px; position:fixed}
.inner-content .detail-new{position:static;height:auto; }
.inner-content .detail input[type=radio] {margin:0 3px 3px 3px}
.inner-content .detail span {font-size:12px; color:#555555; cursor:pointer}
.inner-content .detail span.selected {font-size:13px; font-weight:bold; color:#000000; border-bottom:1px solid #555555;}
.inner-content .detail span.plus{color:#707070;}
.inner-content .detail span.selected.plus{color:#076dbf;font-weight:bold;}
.inner-content .detail span + em{font-size:11px;color:#FF1A76;font-style:normal;font-weight:600;padding-left:5px;}
.inner-content .detail table {width:100%; table-layout:fixed; font-family:'맑은고딕', 'Malgun Gothic', Tahoma}
.inner-content .detail table tr.h18 {height:18px}
.inner-content .detail table tr.h20 {height:20px}
.inner-content .detail table tr.h40 {height:40px}
.box1 .inner-content .detail .detail-service{position:relative;}
.box1 .inner-content .detail .detail-service{margin-bottom:18px;}
.box1 .inner-content .detail .detail-service .txt {/*position:absolute;left:8px;top:27px;*/padding-left:8px;padding-top:1px;font-size:11px;color:#a6a6a6;letter-spacing:-0.5px;}
.box1 .inner-content .detail .detail-service .txt-emphasize{color:#ff3b3b;text-indent:-8px;padding-left:16px;}
.box1 .inner-content .detail .detail-service .txt-emphasize span{display:block;text-indent:0;color:#a6a6a6;font-size:11px;cursor:inherit;}
.box1 .inner-content .detail .detail-service .about{float:none;}
.box2:before{content:'';display:block;width:64px;height:55px;background-color:#066EBE;position:absolute;left:-67px;top:50%;margin-top:-28px;}
/*.box2 .inner-content .detail {margin: 22px 0 0 10px}
.box2 .inner-content .detail-new{margin: 25px 0 0 5px}
.box2 .inner-content .detail.daily_style {margin: 12px 0;}*/
.box2 .inner-content .detail > label {font-size:0 !important;}
.box2 .inner-content .detail-dropdown{padding:0 8px;}
.box2 .inner-content .detail-dropdown select{display:block;width:100px;height:30px;}
.h_line {border-bottom:1px solid #afabab; height:5px}
.discount-txt {color:#a6a6a6}
.discount-txt2 {color:#a6a6a6}
.discount-event{color:#ff3b3b;font-weight:bold;}
.discount-rate {color:#808080}
.discount-amt {color:#808080}
.pay-txt {color:#111; font-weight:bold}
.vat-txt {color:#808080;}
.service-amt {color:#ed7d31; font-size:15px; font-weight:bold}

/*결제 > 이용약관 관련 스타일*/
.view_term, .view_refund, .view_limit { box-shadow: none; background-color: #FFF; border: 1px solid #AAA; padding: 5px 10px; cursor:pointer; margin-left:5px; width:170px;}

.agree_wrap {text-align:center;}
.agree_wrap > input {cursor:pointer;}
.agree_wrap > label { font-weight: bold; font-size: 12.5px; color: #333333; cursor:pointer; vertical-align:middle;}

.info_wrap > span {font-weight: bold; font-size: 12.5px; color: #646464; vertical-align:middle;}


.user_box{width:650px;margin:60px auto}
.user_box .user_title{color:#ff3300;font-weight:bold;margin:0 0 7px 10px}
.user_box .user_cont{border:1px solid #e5e5e5;border-top:3px solid #444;padding:75px 65px 55px;}
.user_box .user_cont > p {line-height:160%}
.user_box .user_cont strong{color:#ff3300}
.user_box .user_cont .btn_area{font-size:0;}
.user_box .user_cont .dormant_date{padding:25px 0 45px;color:#666}

.btn_dormant{display:inline-block; width:99px; height:31px; background:url('/wiseMain/images/btn_dormant.png') right bottom no-repeat; cursor:pointer;text-indent:-9999px;}
.btn_cancel{display:inline-block; width:54px; height:31px; background:url('/wiseMain/images/btn_cancel2.png') right bottom no-repeat; cursor:pointer;text-indent:-9999px;margin-left:7px}

/*유료결제*/
/* > 서비스 요금 및 결제 */
.info_wrap {text-align:center;}
.info_wrap ul {text-align:left; margin: 5px 25px;}
.info_wrap ul li {display:inline-block;vertical-align: top;line-height:1.6;}
.info_wrap ul li .bullet{position:relative; padding-left:8px;}
.info_wrap ul li .bullet:before{position:absolute;content:'◦';display:inline-block;left:0;top:0;}
.info_wrap ul li .bullet.sub:before{content:'';}
.info_wrap ul li:first-child {width:750px;padding:5px 20px 0 0;vertical-align: top;}

/* > 개인정보수집이용고지 (2024.07추가) */
.agreement-wrap{margin:40px 20px 0;}
.agreement-wrap .pvt_tit1{font: bold 9pt 돋움; color: #036FA7;}
.agreement-wrap .agreement-msg {background-color:#fff; height: 200px; padding: 5px; border: 1px solid #b4b4b4;overflow-y:auto;white-space:pre-wrap;}
.agreement-msg table{border:1px solid #e9e9e9;border-spacing:0}
.agreement-msg table th{background: #f5f5f5; border-top: 1px solid #929ba6; border-bottom: 1px solid #c5ccd4;border-left:1px solid #c5ccd4;padding-top: 5px; padding-bottom: 7px; vertical-align: middle; font-weight: bold; color: #505050; }
.agreement-msg table th:first-child{border-left:0 none}
.agreement-msg table td{ border-bottom: 1px solid #e9e9e9;vertical-align:top;border-left:1px solid #e9e9e9;padding:6px 10px;word-break:keep-all;line-height:1.5;}
.agreement-msg table td:first-child{border-left:0 none}
.agreement-msg table td strong{font-weight:bold;text-decoration:underline;font-size:14px;color:#355b9e;}

.new-sale{background:url('/wiseMain/images/payment/img_new_sale.png') 0 0 no-repeat;text-indent:-9999px;margin-top:-10px;margin-left:33px;}

.emphasize{color:#FF3B3B;}

/* Str : 2025.07 페이백이벤트 */
/* ---------------- */
/* 결제화면 */
/* ---------------- */
.inner-content .detail span.payback-caption{position:relative;display:inline-block;padding-left:40px;font-size:13px;font-weight:700;line-height:21px;color:#00C349;cursor:default;}
.inner-content .detail span.payback-caption:before{position:absolute;top:0;left:0;content:'';display:block;width:36px;height:21px;background:url('/New_images/common/banner/new/icon-npay.png') no-repeat center;background-size:contain;}
.payback-policywrap {margin:50px 20px 10px;padding:20px 30px;border:2px solid #e9e9e9;}
.payback-policywrap .policycaption{padding: 3px 0;display:inline-block;font-size:14px;color:#FF1A76;font-weight: 700;}
.payback-policywrap > ul > li{position:relative;padding-left:10px;margin-top:7px;font-size:13px;color:#333333;}
.payback-policywrap > ul > li:before{position:absolute;content:'*';display:inline-block;top:0;left:0;}
/* End : 2025.07 페이백이벤트 */