/* Default */
.hyphen { display: inline-block; vertical-align: middle; position: relative; width: 18px; height: 55px; }
.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: #555555; }
.input-box-tel3 { max-width: 400px; width: 100%; font-size: 0; }
.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 { }
@media (max-width:1024px) {
    .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; }
}





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

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

.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: 0 0 0; }
}
@media (max-width: 768px) {
    .login-contents { }
    .idpw-contents { height: auto; }
    .__login-menu > li img,
    .join-top img { margin-top: 5px; max-width: 290px; width: 100%; height: auto; }
}
@media (max-width: 550px) {
    .idpw-contents { height: auto; }
    .login-menu img { width: auto; }
}





/*  --- Login --- */
.login-box{
    margin: 80px auto 0; padding: 80px 70px; max-width: 540px;
    background: #eef2ff;
}
.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: 75px; font-size: 22px; font-weight: 200; }
.login-box .row > button { width: 100%; height: 84px; }
.login-box .row > button span { font-size: 28px; font-weight: 700; color: #fff; }
.login-box .checkbox { margin: 20px 0 40px; }
.login-box .checkbox span { font-size: 18px; color: #333333; 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%; border-left: 1px solid #c5cfef; }
.login-link-ul > li:last-child { border-right: 1px solid #c5cfef; }
.login-link-ul > li a { display: block; line-height: 16px; text-align: center; font-size: 18px; color: #526fce; 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-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; }
}
@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: 80px 0 0; padding: 40px 40px 0; border-top: 1px solid #295af8; }
.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; }
.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: #555555; 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: #926d49; 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: #926d49; }
.agree-btn .btn_border { color: #926d49; border-color: #926d49; }

#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 { max-width: 400px; width: 100%; }
.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 { vertical-align: top; padding: 0 20px; height: 55px; }
.join-box .button,
.myinfo-box .button { line-height: 55px; }
.join-box .button span,
.myinfo-box .button span { font-size: 20px; }
.join-box .bottom-button,
.myinfo-box .bottom-button { margin-top: 80px; text-align: center; font-size: 0; }
.join-box .bottom-button .button,
.myinfo-box .bottom-button .button  { margin: 0 5px; width: 240px; height: 75px; line-height: 75px; border-radius: 5px; }
.join-box .bottom-button .button span,
.myinfo-box .bottom-button .button span { font-size: 22px; color: #fff; font-weight: 700; }
.join-table { width: 100%; border-top: 1px solid #295af8; border-bottom: 1px solid #295af8; }
.join-table tr { border-bottom: 1px solid #e1e1e1; }
.join-table tr th { padding: 30px 15px 30px 60px; width: 290px; text-align: left; font-size: 24px; font-weight: 700; }
.join-table tr td { padding: 30px 15px; font-size: 20px; font-weight: 200; }

@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 { max-width: none; height: 40px; }
    .join-box .button,
    .myinfo-box .button { width: 100px; line-height: 40px; }
    .join-box .button span,
    .myinfo-box .button span { font-size: 13px; }
    .input-button input:not([type=checkbox]):not([type=radio]) { width: calc(100% - 100px); }
    .input-box-address input { margin-top: 5px; }
    .input-box-tel3 { max-width: none; }
    .join-table,
    .join-table tbody,
    .join-table tr { display: block; }
    .join-table 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-box .bottom-button,
    .myinfo-box .bottom-button { margin-top: 50px; }
    .join-box .bottom-button .button,
    .myinfo-box .bottom-button .button { width: 130px; height: 50px; line-height: 50px; }
    .join-box .bottom-button .button span,
    .myinfo-box .bottom-button .button span { font-size: 13px; }
}
@media (max-width: 768px){
}





.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: #555555; 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: #926d49; font-weight: 500; background-color: #f4f1ed; border: 5px solid rgba(146, 109, 73, .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 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: #555555; }
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: #555555; }
.point-td { display: table-cell; vertical-align: middle; padding: 15px 0 16px; text-align: right; font-size: 15px; color: #555555; }
.my-p { font-size: 15px; color: #333333; font-weight: 500; }


/* 관심상품 */
.wishlist-top { 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: #555555; font-weight: 500 !important; }
.wish-td { display: table-cell; vertical-align: middle; padding: 25px 0; min-width: 95px; font-size: 15px; color: #555555; }
.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: #555555; 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; 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: #926d49; }





/* --- My Out --- */
#my_out_style tr th { letter-spacing: -0.06em; font-size: 15px; color: #333333; font-weight: 700; }
#my_out_style tr th span { color: #766959; }
#my_out_style tr td { padding: 25px 2%; }
#my_out_style tr td input { width: 100%; height: 45px; }
#my_out_style tr td select { width: 100%; }
#my_out_style tr td textarea { width: 100%; 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; }






/* 아이디 중복확인 ----------------------*/
.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; }