/* Default */



.hyphen { display: inline-block; vertical-align: middle; position: relative; width: 18px; height: 45px; }
.hyphen:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 6px; height: 1px; background: #000; }
.at { display: inline-block; vertical-align: middle; position: relative; width: 18px; height: 40px; line-height: 40px; text-align: center; font-size: 13px; color: #5a5a5a; }
.input-box-tel3 { display: inline-block; vertical-align: top; width: 100%; font-size: 0; max-width: 400px}
.input-box-tel3 input,
.input-box-tel3 select { display: inline-block; vertical-align: middle; max-width: none; width: calc(33.33333% - 12px) !important; }
.input-box-email { max-width: 680px; width: 100%; font-size: 0; }
.input-box-email input { display: inline-block; vertical-align: middle; max-width: none; width: calc(30% - 12px) !important; }
.input-box-email select.email3 { vertical-align: middle; margin-left: 10px; width: calc(40% - 12px); }
.input-box-address { max-width: 520px; font-size: 0; }
.input-box-address .button { vertical-align: top; margin-left: 10px; width: 120px; }
.input-box-address input { margin-top: 10px; max-width: none; }
.input-box-address input:first-child { margin-top: 0; width: calc(100% - 270px) !important; }
.input-box-address input:last-child { }
.input-button { font-size: 0; }
.input-50 { max-width: 400px; font-size: 0; }
.input-50 input:not([type=checkbox]):not([type=radio]) { margin-left: 10px; width: calc(50% - 5px) !important; }
.input-50 input:first-child { margin-left: 0 !important; }
.input-file { font-size: 0; }
.input-ul > li { padding: 14px 14px 0 0; }
.input-ul > li.grid-6:nth-child(1),
.input-ul > li.grid-6:nth-child(2),
.input-ul > li.grid-6:nth-child(3),
.input-ul > li.grid-6:nth-child(4) { padding-top: 0; }
@media (max-width:1024px) {
    .member-wrap #sub-wrap{padding-top: 50px;}
    .hyphen { height: 40px; }
    .input-box-address { max-width: none; }
    .input-box-address .button { margin-left: 5px; }
    .input-box-address input:first-child { width: calc(100% - 125px) !important; }
    .input-box-address input:last-child { margin-top: 5px; }
    .input-50 { max-width: none; }
    .input-50 input:not([type=checkbox]):not([type=radio]) { margin-left: 4px; width: calc(50% - 2px) !important; }
}
@media (max-width:768px) {
    .input-ul > li,
    .input-ul > li.grid-6:nth-child(3),
    .input-ul > li.grid-6:nth-child(4) { padding: 5px 5px 0 0; }
}



/* kcp */
.kcp-button-form { display:inline-block; vertical-align: top;}
@media (max-width:768px) {
    .kcp-button-form { display: block; }
    .kcp-button-form .button { width: 100% !important; }
}




/* Login / Join Main */
.login-contents { padding: 170px 0; }

.__login-menu > li { float: none; display: block; }
.__login-menu > li { display: block; text-align: center; }
.__login-menu > li img,
.join-top img { margin: 40px auto 50px; }

.idpw-contents { padding-bottom: 0 !important; height: auto; }
.idpw-contents .join_wrap { padding-bottom: 80px; }
.idpw-contents .head_title { margin-bottom: 0 !important; padding-left: 0 !important; text-align: center; border-bottom: none !important; background: none !important; }
.idpw-contents .idpw_wrap { padding-top: 10px !important; }

@media (max-width: 1024px) {
    .login-contents { padding: 70px 0 120px; }
}
@media (max-width: 768px) {
    .login-contents { }
    .idpw-contents { height: auto; }
    .__login-menu > li img,
    .join-top img { margin-top: 15px; }
}
@media (max-width: 550px) {
    .idpw-contents { height: auto; }
    .login-menu img { width: auto; }
}





/*  --- Login --- */
.login-bg { padding-bottom: 120px; }

.login-box{
    margin: 0 auto; padding: 30px; max-width: 540px;
}
.login-title {
    text-align: center;
    margin-bottom: 30px;
    line-height: 1;
    text-align: center;
    font-size: 36px;
    color: #38beef;
    font-weight: 700;
}
.login-box .login_title { text-align: center; }
.login-box .row { margin: 0 0 10px; }
.login-box .row > input[type=text],
.login-box .row > input[type=password] {
    width: 100%;
    height: 55px;
    font-size: 18px;
    font-weight: 200;
}
.login-box .row > button { width: 100%; height: 65px; }
.login-box .row > button span { font-size: 20px; font-weight: 500; color: #fff; }
.login-box .checkbox { margin: 20px 0 40px; }
.login-box .checkbox span { font-size: 16px; color: #5a5a5a; font-weight: 200; }
/* .login-box .join_btn { margin-top: 49px; }
.login-box .join_btn a { display: block; width: 100%; height: 55px; line-height: 55px; color: #444444; font-weight: 500; font-size: 16px; text-align: center; background-color: #fff; border: 1px solid #999999; } */
.login-link-ul { margin-top: 20px; font-size: 0; }
.login-link-ul > li { display: inline-block; vertical-align: top; width: 50%; }
.login-link-ul > li:last-child { border-left: 1px solid #dddddd; }
.login-link-ul > li a { display: block; line-height: 16px; text-align: center; font-size: 16px; color: #5a5a5a; font-weight: 200; }
#login_none_box { margin-top: 50px; padding: 20px 0; }
#login_none_box .form { margin: auto; max-width: 480px; }
#login_none_box .form div a { width: 100%; color: #fff; }
#login_none_box p { text-align: center; }
#login_none_box .btn { margin-top: 5px; }
#login_none_box2 { padding: 10px 0; }
#login_none_box2 form > div { margin: 5px 0; }
#login_none_box2 form > div > input[type=text],
#login_none_box2 form > div > input[type=password],
#login_none_box2 form > div > button { width: 100%; height: 45px; }
#login_none_box2 form > div > button { background-color: #766959; height: 55px; font-size: 16px; font-weight: 500; }
#login_none_box2 form > .join_btn { margin-top: 40px; }
#login_none_box2 form > .join_btn a { display: block; width: 100%; height: 55px; line-height: 55px; color: #444444; font-weight: 500; font-size: 16px; text-align: center; background-color: #fff; border: 1px solid #999999; }
#naverIdLogin img { margin: auto; }

@media (max-width:1024px) {
    .login-bg { padding-bottom: 60px; }
    .login-box .row > input[type=text],
    .login-box .row > input[type=password] { padding-right: 15px; padding-left: 15px; height: 50px; font-size: 16px; }
    .login-box .row > button { height: 60px; }
    .login-box .row > button span { font-size: 16px; }
    .login-box .checkbox span { font-size: 13px; }
    .login-link-ul > li a { font-size: 15px; }
    .login-title {
        margin-bottom: 3px;
        font-size: 28px;
    }
}
@media (max-width:768px) {
    .login-box { margin-top: 25px; padding: 30px; }
    .login-box .row > input[type=text],
    .login-box .row > input[type=password] { height: 40px; font-size: 13px; }
    .login-box .row > button { height: 50px; }
    .login-box .row > button span { font-size: 13px; }
    .login-box .checkbox span { font-size: 12px; }
    .login-link-ul > li a { font-size: 13px; }
}




/* --- Agree --- */
.terms-box { margin: 50px 0 0; padding: 40px 40px 0; border-top: 2px solid #222222; }
.terms-box .row { margin-bottom: 100px; }
.terms-box .row:last-child { margin-bottom: 0; }
.terms-box .agree .check { margin-bottom: 10px; }
.terms-box .agree .check:last-child { margin-bottom: 0; }
.terms-box .bottom-button { margin-top: 55px; text-align: center; font-size: 0; display: flex; justify-content: center;}
.terms-box .bottom-button .button { margin: 0 10px; width: 240px; height: 75px; line-height: 75px; border-radius: 5px; }
.terms-box .bottom-button .button span { font-size: 22px; color: #fff; font-weight: 700; }

.terms-box h4 { font-size: 22px; margin: -5px 0 15px; }

.join-agree { margin-bottom: 20px; }
.join-agree textarea { padding: 20px; width: 100%; height: 300px; line-height: 24px; font-size: 18px; color: #777; font-weight: 200; resize: none; }


@media (max-width:1024px) {
    .terms-box .row { margin-bottom: 80px; }
    .terms-box { padding: 25px 25px 0; }
    .terms-box h4 { font-size: 18px; }
    .terms-box .agree .check { margin-bottom: 5px; }
    .terms-box .bottom-button { margin-top: 40px; }
    .terms-box .bottom-button .button { margin: 0 2px; width: 150px; height: 45px; line-height: 43px; }
    .terms-box .bottom-button .button span { font-size: 13px; }

    .join-agree { margin-bottom: 10px; }
    .join-agree textarea { padding: 15px; height: 200px; line-height: 20px; font-size: 15px; }
}
@media (max-width:768px) {
    .terms-box .row { margin-bottom:60px; }
    .terms-box { margin-top: 25px; padding: 25px 0 0; }
    .terms-box .bottom-button { margin-top: 35px; }
    .terms-box .bottom-button .button { width: 130px; }
    .terms-box h4 { margin-bottom: 10px; font-size: 16px; }

    .join-agree { margin-bottom: 5px; }
    .join-agree textarea { height: 150px; line-height: 16px; font-size: 13px; }
}



/* --- Join --- */

.join-title { line-height: 30px; text-align: center; font-size: 33px; color: #333333; font-weight: 500;}


#join .agree_info { margin-bottom: 40px; padding: 45px 0; background: #f9f9f9; text-align: center; }
#join .agree_info h1 { margin-bottom: 15px; font-size: 17px; color: #333333; font-weight: 500; }
#join .agree_info p { font-size: 15px; color: #5a5a5a; font-weight: 400; }
#join .head_title { margin: 50px 0 15px; padding-left: 35px; background: url('/child/img/icon/icon_title.png') no-repeat center left / 22px; }
#join .head_title h3 { font-size: 23px; line-height: 23px; color: #333333; font-weight: 500; }
.join_agree_box{ margin-bottom: 40px; }
.join_agree_box div.inner{border-width:0 1px 1px; border-style:solid; border-color:#ddd; padding:20px 20px 15px; background:#f7f7f7;}
.join_tit{font-size/:15px; font-weight:600; color:#999; letter-spacing:-0.05em; line-height:1.6; padding:0 0 5px 18px; margin:0 0 0px; background:url(image/title_bullet.png) left 5px no-repeat;}
.join_tit span{color:#444;}
.join_agree_box div.cont{ border:1px solid #ddd; background:#fff; }
.join_agree_box div.cont textarea{width:100%; height:280px; padding:10px; line-height:1.5; background:none; border:0 none; word-break:keep-all;}
.join_agree_box div.agree{margin:10px 0 0; text-align:right; }
.join_agree_box div.agree input{vertical-align:middle; margin-right:5px; }
.join_agree_box div.agree label{vertical-align:middle;}
.join_agree_all{ padding: 24px 0; text-align:center; background: #fff; border:5px solid #e9e2db; margin: 50px 0 35px; }
.join_agree_all input{ vertical-align: middle; margin-right: 5px; }
.join_agree_all label{ vertical-align: middle; font-size: 16px; color: #38beef; font-weight: 500; }
.agree-btn { display: inline-block; vertical-align: top; width: 50%; }
.agree-btn:first-child { padding-right: 5px; }
.agree-btn:last-child { padding-left: 5px; }
.agree-btn button { width: 100%; font-size: 18px; font-weight: 500; }
.agree-btn .btn_point { background: #38beef; }
.agree-btn .btn_border { color: #38beef; border-color: #38beef; }

#join_namecheck_style { margin-top: 20px; }
#join_namecheck_style .cont { padding-left: 20px; }

.join-box { margin-top: 80px; }
.join-box input:not([type=checkbox]):not([type=radio]),
.join-box select,
.myinfo-box input:not([type=checkbox]):not([type=radio]),
.myinfo-box select,
.form-box input:not([type=checkbox]):not([type=radio]),
.form-box select {width: 100%; }
.id-input{max-width: calc(100% - 96px)}
.join-box input:not([type=checkbox]):not([type=radio]),
.join-box select,
.join-box .button,
.myinfo-box input:not([type=checkbox]):not([type=radio]),
.myinfo-box select,
.myinfo-box .button,
.form-box input:not([type=checkbox]):not([type=radio]),
.form-box select,
.form-box .button {max-width: 400px; vertical-align: top; padding: 0 20px; height: 45px; font-size: 16px;}
.join-box textarea,
.myinfo-box textarea,
.form-box textarea { padding: 20px; width: 100%; height: 300px; }
.myinfo-box .button { padding: 0 30px; border-radius: 3px; }
.join-box .button,
.myinfo-box .button,
.form-box .button  { line-height: 45px; }
.join-box .button span,
.myinfo-box .button span,
.form-box .button span { font-size: 15px; font-weight: 500; }
.join-box .bottom-button,
.myinfo-box .bottom-button,
.form-box .bottom-button { margin-top: 80px; text-align: center; font-size: 0; }
.join-box .bottom-button .button,
.myinfo-box .bottom-button .button,
.form-box .bottom-button .button  { margin: 0 5px; width: 240px; height: 60px; line-height: 60px; border-radius: 6px; }
.join-box .bottom-button .button span,
.myinfo-box .bottom-button .button span,
.form-box .bottom-button .button span { font-size: 20px; color: #fff; font-weight: 700; }
.form-box .bottom-button .button { height: 60px; line-height: 60px; }
.form-box .bottom-button .button span { font-size: 20px; font-weight: 500; }
.join-table { width: 100%; border-top: 2px solid #222222; border-bottom: 1px solid #dddddd; }
.join-table tr { border-bottom: 1px solid #dddddd; }
.join-table tr th { padding: 20px 5px 20px; width: 240px; text-align: left; font-size: 18px; font-weight: 700; }
.join-table tr td { padding: 20px 15px; font-size: 18px; font-weight: 200; }

.__join-input { margin-top: 70px; }
.__join-input:first-child { margin-top: 0; }
.__join-input thead tr th { text-align: center; font-size: 22px; background: #f9f9f9; }
.__join-input .radio { margin-right: 80px; }
.__join-input .radio:last-child { margin-right: 0; }
.__join-input p { margin-top: 10px; }
.__join-input tbody tr th {vertical-align: top; padding-top: 30px; }
@media (max-width: 1024px){
    .join-box { margin-top: 50px; }
    .join-box input:not([type=checkbox]):not([type=radio]),
    .join-box select,
    .join-box .button,
    .myinfo-box input:not([type=checkbox]):not([type=radio]),
    .myinfo-box select,
    .myinfo-box .button,
    .form-box input:not([type=checkbox]):not([type=radio]),
    .form-box select,
    .form-box .button { padding-right: 15px; padding-left: 15px; max-width: none; height: 40px; font-size: 12px; }
    .join-box .button,
    .myinfo-box .button,
    .form-box .button { padding: 0 5px; width: 100px; line-height: 40px; }
    .join-box .button span,
    .myinfo-box .button span,
    .form-box .button span { font-size: 13px; }
    .input-button input:not([type=checkbox]):not([type=radio]) { margin-right: 5px; width: calc(100% - 105px); }
    .input-file input:not([type=file]){ margin-right: 5px; width: calc(100% - 105px) !important; }
    .input-button-nline { font-size: 0; }
    .input-button-nline .input-box-tel3 { margin-right: 5px; }
    .input-box-address input { margin-top: 5px; }
    .input-box-tel3 { max-width: none; }
    .join-table,
    .join-table thead,
    .join-table tbody,
    .join-table tr { display: block; }
    .join-table tr th,
    .join-table tbody tr th { display: block; padding: 15px 0 5px; width: 100%; font-size: 13px; }
    .join-table tr td { display: block; padding: 5px 0 15px; width: 100%; font-size: 13px; }
    .__join-input { margin-top: 50px; }
    .__join-input thead tr th { padding: 12px 0; font-size: 14px; }
    .join-box .bottom-button,
    .myinfo-box .bottom-button,
    .form-box .bottom-button { margin-top: 50px; }
    .join-box .bottom-button .button,
    .myinfo-box .bottom-button .button,
    .form-box .bottom-button .button { width: 130px; height: 50px; line-height: 50px; }
    .join-box .bottom-button .button span,
    .myinfo-box .bottom-button .button span,
    .form-box .bottom-button .button span { font-size: 13px; }
    .form-box .bottom-button .button { height: 40px; line-height: 40px; }
}
@media (max-width: 768px){
    .input-button-nline .input-box-tel3 { margin: 0 0 5px; width: calc(100%); }
}





.join-complete-box { margin-top: 50px; padding: 32px 0 0; border-top: 1px solid #e5e5e5; }
.join-complete-box img { margin: auto;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}
.join-complete-box .text_wrap { text-align: center; }
.join-complete-box h1 { margin: 30px 0 13px; font-size: 30px; color: #5a5a5a; font-weight: 500; }
.join-complete-box p { line-height: 23px; font-size: 15px; color: #777777; font-weight: 400; }
.join-complete-box strong { font-weight: 700; }

.join-complete-box .bottom-button { margin-top: 55px; text-align: center; }
.join-complete-box .bottom-button .button { width: 150px; height: 50px; line-height: 50px; }
.join-complete-box .bottom-button .button span { font-size: 16px; }
@media (max-width: 1024px){
    .join-complete-box img{
        width: auto; height: 75px;
        -webkit-transform: translateX(5px);
        -ms-transform: translateX(5px);
        transform: translateX(5px);
    }
    .join-complete-box h1 { font-size: 15px; }
    .join-complete-box p { font-size: 13px; }
    .join-complete-box .bottom-button { margin-top: 35px; }
    .join-complete-box .bottom-button .button { height: 40px; line-height: 40px; }
    .join-complete-box .bottom-button .button span { font-size: 13px; }
}
@media (max-width: 768px){
    .join-complete-box img { width: auto; height: 55px; }
}





/* --- ID & PW --- */
#idpw { padding-bottom: 50px; }
#idpw .fLeft { width: 50%; }
#idpw .fLeft:first-child { padding-right: 35px; }
#idpw .fLeft:last-child { padding-left: 35px; }
#idpw .head_title { margin: 45px 0 0; padding: 10px 0; background: none; text-align: center; }
#idpw .head_title h3 { font-size: 23px; line-height: 23px; color: #333333; font-weight: 500; }
#idpw .border { height: 340px; border-bottom: 2px solid #e5e5e5; }
#idpw .idpw_wrap { margin: auto; padding-top: 10px; width: 340px; border-top: none; }
#idpw .idpw_wrap input { margin-bottom: 5px; width: 100%; height: 50px; }
#idpw .idpw_wrap button { margin-top: 10px; width: 100%; height: 60px; }
#idpw .personal { margin-top: 30px; padding: 30px 30px 28px; width: 100%; color: #1a1a1a; font-weight: 500; border: 5px solid rgba(54, 190, 240, .2); }
/* .personal-top { padding-bottom: 4px; } */
.personal-top p { padding: 0 3px; line-height: 23px; font-size: 15px; color: #666666; }
.personal-bottom { padding-top: 22px; }
#idpw .personal span.icon_personal { display: inline-block; vertical-align: middle; padding-left: 43px; line-height: 29px; background: url('/child/img/icon/icon_personal.png') no-repeat center left; }
#idpw .personal span:nth-child(2) { display: inline-block; vertical-align: middle; padding-left: 30px; }
#idpw .personal a.btn_personal { display: inline-block; vertical-align: top; background: url('/child/img/login/personal-arrow.png') no-repeat right 1px center; padding-right: 18px; height: 23px; font-size: 15px; color: #666666; font-weight: 500; }






/* ------- My Page ------- */
.join_input_button { position: relative; }
.join_input_button .join-btn-wrap { float: right; }
.join_input_button .join-btn-wrap + div { position: absolute; top: 15px; left: 0; }

.my-contents2 #basket_process { margin-top: 15px; }






/* --- My Info --- */
.my_info_wrap { border-top: 1px solid #777777; }
#m_password1,
#m_password2 { max-width: 330px; width: 100%; height: 40px; }
#m_phone1,
#m_phone2,
#m_phone3,
#m_tel1,
#m_tel2,
#m_tel3 { width: 100%; height: 40px; }
/* #m_email { max-width: 330px; width: 100%; height: 40px; } */
#m_post { width: 80px; height: 40px; }
#m_address1,
#m_address2 { margin-top: 5px; max-width: 330px; width :100%; height: 40px; }
#m_zipsearch { max-width: 100px; width :100%; height: 50px; line-height: 50px; font-weight: 400; }
#my_info_style .btn_confirm { vertical-align: top; }
.join-btn { display: inline-block; vertical-align: top; padding: 0 5px; }



/* --- Coupon --- */
#coupon_style { border-top: 2px solid #777777; }
#coupon_style tr th { background: #fbfbfb; }


/* --- My Reserve (Point) --- */
/* #point_top_style { margin-bottom: 10px; padding-top: 40px; width: 100%; height: 145px; text-align: center; background: #f8f8f8; border: 1px solid #f3f3f3; }
#point_top_style h1 { margin-bottom: 10px; font-size: 16px; color: #333333; font-weight: 500; }
#point_top_style span { font-family: Arial; display: inline-block; vertical-align: middle; }
#point_top_style span:nth-child(2) { font-size: 37px; color: #333333; font-weight: 700; }
#point_top_style span:last-child { margin-left: 5px; width: 90px; height: 27px; line-height: 28px; text-align: center; font-size: 20px; color: #fff; font-weight: 700; background: #766959; border-radius: 13px; }
#point_top_style span:last-child:after { content: 'POINT'; }
#point_bottom_style tr td { padding: 20px 0 20px 30px; }
span.point_num { display: inline-block; vertical-align: middle; font-size: 15px; color: #5a5a5a; }
span.point { display: inline-block; vertical-align: middle; color: #333333; font-weight: 700; margin-left: 5px; width: 50px; height: 17px; line-height: 19px; text-align: center; font-size: 12px !important; color: #fff; font-weight: 700; background: #766959; border-radius: 8px; }
span.point:after { content: 'POINT'; } */
.point-top { margin-bottom: 34px; padding: 30px 15px; text-align: center; background: #766959; border-top: 1px solid #aaaaaa; }
.point-top span { display: inline-block; vertical-align: middle; padding: 0 18px; line-height: 33px; font-size: 21px; color: #fff; font-weight: 500; }
.point-top span:first-child { border-right: 1px solid rgba(255,255,255,.2); }

/* .i-point { display: inline-block; vertical-align: middle; margin-right: 15px; width: 30px; height: 30px; background: url('/child/img/icon/wing.png'); } */

.my-point-box { margin-bottom: 27px; }
.my-point-box:last-child { margin-bottom: 0; }
.p-date { font-size: 15px; color: #777777; }
.point-box { margin-top: 10px; padding: 12px 40px 10px; width: 100%; background: #fafafa; border-top: 1px solid #cccccc; }
.point-table { display: table; width: 100%; border-collapse: collapse; }
.point-row { display: table-row; }
.point-row:first-child { border-bottom: 1px solid #e5e5e5; }
.point-th { display: table-cell; vertical-align: middle; padding: 15px 0 16px; text-align: left; font-size: 15px; color: #5a5a5a; }
.point-td { display: table-cell; vertical-align: middle; padding: 15px 0 16px; text-align: right; font-size: 15px; color: #5a5a5a; }
.my-p { font-size: 15px; color: #333333; font-weight: 500; }


/* 관심상품 */
.wishlist-top { margin-top: 30px; padding: 50px; background: #fafafa; font-size: 18px; color: #333333; font-weight: 500; border-bottom: 1px solid #bbbbbb; }
.wishlist-top i { display: inline-block; vertical-align: middle; margin-right: 10px; width: 25px; height: 21px; background: url('/child/img/icon/wish.png'); }
.wish-table { display: table; width: 100%; border-collapse: collapse; }
.wish-row { display: table-row; border-bottom: 1px solid #e5e5e5; }
.wish-th { display: table-cell; vertical-align: middle; padding: 15px 30px 16px !important; min-width: 95px; font-size: 15px; color: #5a5a5a; font-weight: 500 !important; }
.wish-td { display: table-cell; vertical-align: middle; padding: 25px 0; min-width: 95px; font-size: 15px; color: #5a5a5a; }
.wish-col { display: inline-block; vertical-align: middle; padding: 30px; }
.wish-col:nth-child(2) { padding: 0 0 0 10px; }
.wish-btn-wrap { text-align: right; }
.del-list {font-size: 15px; color: #5a5a5a; font-weight: 500; cursor: pointer; }
.del-list i { display: inline-block; vertical-align: -6px; margin-right: 10px; width: 19px; height: 22px; background: url('/child/img/icon/wish-del.png'); }
.wish-image { display: block; overflow: hidden; height: 135px; }
.wish-image img { width: auto; height: 100%; }
.wish-name { font-size: 17px; }
.wish-price { display: block; padding: 0 30px; text-align: right; }
.wish-price em { padding-right: 2px; font-style: normal; font-family: Arial; font-size: 25px; font-weight: bold; }


/* 1:1 문의 */
.ask-top { position: relative; margin-top: 30px; padding: 35px 50px; background: #fafafa; }
.ask-top i { display: inline-block; vertical-align: -6px; margin-right: 15px; width: 24px; height: 24px; background: url('/child/img/icon/ask.png'); }
.ask-top span { font-size: 18px; color: #333333; font-weight: 500; }
.ask-top a { display: inline-block; vertical-align: middle; position: absolute; top: 0; bottom: 0; right: 50px; margin: auto; width: 110px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff !important; font-weight: 500; background: #38beef; }





/* --- My Out --- */
.myout-table { margin-top: 30px; width: 100%; border-top: 2px solid #222; }
.myout-table tr th { padding: 20px 15px 20px 65px; width: 240px; text-align: left; font-size: 18px; color: #5a5a5a; font-weight: 700; }
.myout-table tr td { padding: 20px 15px; font-size: 15px; font-weight: 200; }
@media (max-width:1024px) {
    .myout-table,
    .myout-table tbody,
    .myout-table tr { display: block; }
    .myout-table tr th { display: block; padding: 15px 0 5px; width: 100%; text-align: left; font-size: 13px; }
    .myout-table tr td { display: block; padding: 5px 0 15px; width: 100%; text-align: left; font-size: 13px; }
    .myout-table textarea { height: 100px; }
}


/* --- Wishlist --- */
#wishlist_icon { display: inline-block; vertical-align: middle; margin-right: 10px; width: 22px; height: 20px; background: url('/child/img/icon/icon_wishlist.png') no-repeat center; }
#wishlist_total { font-size: 15px; color: #333333; font-weight: 500; }
#wishlist_style { margin-top: 20px; border-top: 2px solid #777777; }




/*  예술가(기업) 회원신청 */
.request-nav { float: right; margin-top: -13px; width: 370px; font-size: 0; }
.request-nav > li{
    display: inline-block; vertical-align: top; position: relative;
    margin-left: 10px; width: calc(50% - 5px); height: 45px; line-height: 45px;
    text-align: center; font-size: 15px; color: #38beef;
    border: 1px solid #38beef; border-radius: 3px;
}
.request-nav > li:before{
    content: ''; position: absolute; top: 0; bottom: 0; left: -11px;
    margin: auto; width: 10px; height: 1px; background: #38beef;
}
.request-nav > li:first-child { margin-left: 0; }
.request-nav > li:first-child:before { content: none; }
.request-nav > li.on { color: #fff; font-weight: 500; background: #38beef; }
.request-nav > li button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none;
    font-size: inherit; color: inherit;
}

.right-nav { float: right; margin-top: -8px; }
.right-nav .button { width: 180px; }

.complete-input { border-top: 2px solid #222222; }
.complete-input-box { margin: 70px auto 0; padding: 60px 25px; max-width: 700px; text-align: center; background: #f9f9f9; border: 5px solid #dddddd; }
.complete-input-box img { margin: auto; }
.complete-input-box p { margin: 40px 0 25px; line-height: 26px; }
.complete-input-box .button { width: 180px; }
@media (max-width:1024px) {
    .request-nav { margin: 15px 0 0; width: 100%; }
    .request-nav > li { font-size: 12px; height: 35px; line-height: 35px; }

    .right-nav { margin: 15px 0 0; width: 100%; }
    .right-nav .button { width: 130px; }

    .complete-input-box { margin-top: 50px; padding: 50px 15px; }
    .complete-input-box img { width: 50px; height: auto; }
    .complete-input-box p { margin: 25px 0 20px; }
}





.table-area h5 { margin: 60px 0 20px; font-size: 22px; color: #5a5a5a; font-weight: 700; }

.my-table { width: 100%; border-top: 2px solid #222222; }
.my-table tr { border-bottom: 1px solid #dedede; }
.my-table tr th { padding: 20px 5px; text-align: center; font-size: 15px; color: #222222; font-weight: 500; background: #f9f9f9; }
.my-table tr td { padding: 15px 5px; text-align: center; font-size: 15px; color: #777777; font-weight: 300; }
.my-table .button-add { padding: 0 10px; font-size: 14px; color: #fff; font-weight: 500; border-radius: 3px; }
.table-area input:not([type=checkbox]):not([type=radio]),
.table-area select { max-width: 400px; width: 100%; }
.table-area textarea { padding: 20px; width: 100%; height: 100px; }
.table-area input:not([type=checkbox]):not([type=radio]),
.table-area select,
.table-area .my-table .button { vertical-align: top; padding: 0 20px; height: 45px; }
.table-area .bottom-button { margin-top: 60px; text-align: center; }
.table-area .bottom-button .button { width: 220px; font-size: 20px; font-weight: 500; }

.__table-top { margin-bottom: 45px; }
.__table-horizontal tr th { padding-left: 35px; width: 180px; text-align: left; }
.__table-horizontal tr td { padding-left: 20px; padding-right: 20px; text-align: left; }

.prd-info-cell { text-align: left; font-size: 0; }
.prd-info-cell .thumbnail { overflow: hidden; display: inline-block; vertical-align: top; position: relative; width: 100px; height: 100px; border: 1px solid #dedede; }
.prd-info-cell .thumbnail img{
    position: absolute; top: 0; left: 50%;
    width: auto; height: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.prd-info-cell .contents { display: inline-block; vertical-align: top; padding: 5px 20px; width: calc(100% - 100px); }
.prd-info-cell .contents .tit { font-size: 18px; color: #777777; font-weight: 700; }
.prd-info-cell .contents ul { margin-top: 2px; }
.prd-info-cell .contents .option { display: block; font-size: 15px; color: #999999; }
.prd-info-cell .contents select { margin-top: 10px; max-width: 120px; height: 35px; font-size: 13px; }
@media (max-width:1024px) {
    .table-area h5 { margin: 50px 0 10px; font-size: 16px; }

    .my-table tr th { padding: 14px 5px; font-size: 13px; }
    .my-table tr td { padding: 10px 5px; font-size: 13px; }
    .my-table .button-add { font-size: 13px; }
    .table-area input:not([type=checkbox]):not([type=radio]),
    .table-area select { max-width: none; }
    .table-area textarea { padding: 10px;  height: 50px; }
    .table-area input:not([type=checkbox]):not([type=radio]),
    .table-area select,
    .table-area .button { vertical-align: top; padding: 0 20px; height: 40px; }
    .table-area .button { padding: 0 5px; }
    .table-area .bottom-button { margin-top: 60px; }
    .table-area .bottom-button .button { width: 220px; font-size: 15px; }

    .prd-info-cell .thumbnail { width: 60px; height: 60px; }
    .prd-info-cell .contents { padding: 0 10px; width: calc(100% - 60px); }
    .prd-info-cell .contents .tit { font-size: 13px; }
    .prd-info-cell .contents .option { font-size: 13px; }
    .prd-info-cell .contents select { font-size: 12px; }
}
@media (max-width:768px) {
    .__table-horizontal tr th { width: 80px; }
    .__table-horizontal tr td { padding-left: 10px; padding-right: 10px; }
}




/* 작품등록 */
.product-list-form { margin-top: -6px; }
.form-box .bottom-button .button-border span { color: #999; }
.form-box .__button-func { margin-top: 20px; text-align: left; }
.form-box .__button-func .button { padding: 0 5px; width: 120px; height: 40px; line-height: 40px; }
.form-box .__button-func .button span { font-size: 14px; }
.product-list-form { }
.__table-prd thead tr th:first-child { width: 55px; }
.__table-prd thead tr th:nth-child(2) { width: 110px; }
.__table-prd thead tr th:nth-child(3) { width: 50%; }
.__table-prd .check i { margin-right: 0; width: 15px; height: 15px; background-size: auto 15px !important; }
.__table-prd .thumbnail { overflow: hidden; display: inline-block; vertical-align: middle; position: relative; width: 60px; height: 60px; border: 1px solid #dedede; }
.__table-prd .thumbnail img{
    position: absolute; top: 0; left: 50%;
    width: auto; height: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.__table-prd .name { display: inline-block; vertical-align: middle; padding-left: 20px; width: calc(100% - 60px); text-align: left; }
.__table-prd .button-add { height: 30px; line-height: 30px; }

.product-input-form h3 { margin: 40px 0 18px; font-size: 22px; color: #5a5a5a; font-weight: 700; }
.product-input-form .title-fst { margin-top: -5px; padding-top: 40px; border-top: 2px solid #222; }
.select-8 { max-width: 400px; }
.select-8 select { margin-right: 5px; width: calc(33.33333% - 4px); }
.select-8 select:last-child { margin-right: 0; }

.v { display: inline-block !important; }
.v-middle { vertical-align: middle !important; }

.radio-wrap .radio { margin-right: 20px; }
.radio-wrap .radio:last-child { margin-right: 0; }
.__radio-st { margin-bottom: 5px; }
.__radio-st ~ span { width: 30px; text-align: right; }
.__radio-st ~ p { margin: 5px 0 0; }
@media (max-width:1024px) {
    .__table-prd .thumbnail { width: 50px; height: 50px; }
    .__table-prd .name { padding-left: 10px; width: calc(100% - 50px); }
    .__table-prd .button-add { width: 50px; font-size: 12px; }

    .product-input-form h3 { font-size: 16px; }
    .select-8 { max-width: none; }

    .radio-wrap ~ input { width: calc(100% - 35px) !important; }
}
@media (max-width:450px) {
    .m-scroll-area .scroll .inner { min-width: 400px; }
}





/* 정산관리 */
.calculate-top { padding-top: 45px; border-top: 2px solid #222; }
.calculate-top-wrap { margin-bottom: 50px; padding: 25px 45px; background: #f9f9f9; border: 1px solid #dddddd; }
.calculate-top-wrap ul li { margin: 2px 0; font-size: 15px; color: #8a8a8a; font-weight: 200; }
.__my-table-calc .button { width: 100px; }
@media (max-width:1024px) {
    .calculate-top-wrap { padding: 20px; }
    .calculate-top-wrap ul li { font-size: 12px; }
    .__my-table-calc .button { width: 80px; }
}






/* 찜한작가 */
@media (min-width:1025px) {
    .my .a-write-body .info h3 { margin-bottom: 20px; font-size: 20px; }
    .a-write-foot .button { height: 50px; line-height: 50px; }
    .a-write-foot .button span { font-size: 15px; }
}









/* 아이디 중복확인 ----------------------*/
.id_check_tit{position:relative; height:38px; line-height:38px; font-size:16px; color:#fff; font-weight:500; letter-spacing:-0.05em; padding-left:15px; background:#aaa;}
.id_check_tit a.close{position:absolute; right:10px; top:50%; margin-top:-10px;}

.id_check_cont{text-align:center;}
.id_check_cont p{margin:30px 0 0; font-size:13px; color:#666;}
.id_check_cont .id_search{background:#f7f7f7; border:1px solid #ddd; padding:15px 0; margin:20px 25px;}
.id_check_cont .id_search input{width:150px; height:45px;  background:#fff; border:1px solid #ddd; padding:0 0 0 5px; color:#333; margin:0 3px 0 10px;}
.id_check_cont .id_search button{ width: 80px; height: 45px; background: #555; color: #fff; }
.id_check_cont .id_result{text-align:center; font-size:13px; color:#333; line-height:1.6;}
.id_check_cont .id_result b{font-weight:600; color:#ff1d1d;}
.id_check_cont .button { margin-top: 15px; padding: 0 15px; }