/* 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: #555555; }
.input-box-tel3 { display: flex; max-width: 400px; width: 100%; }
.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 { display: flex; max-width: 680px; width: 100%; }
.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; }
.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-menu > li { float: none; display: block; }
.__login-menu > li { display: block; text-align: center; }
.__login-menu > li img,
.join-top img { display: block; 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; }

.social-login-button{
    overflow: hidden; display: block; position: relative;
    margin: 5px 0; padding-left: 30px; height: 60px; line-height: 60px; text-align: center;
}
.social-login-button:hover{
    opacity: .8;
}
.social-login-button::before{
    content: ''; position: absolute; top: 0; left: 0; width: 75px; height: 100%;
    background-repeat: no-repeat; background-position: center;
}
.social-login-button span { font-size: 16px; color: #fff; font-weight: 500; }
.__social-n { background-color: #1ec800; }
.__social-n::before { background-image: url('/child/img/icon/social-n.png'); }
.__social-k { background-color: #ffeb00; }
.__social-k::before { background-image: url('/child/img/icon/social-k.png'); }
.__social-k span { color: #381e1f; }
.__social-f { background-color: #4473aa; }
.__social-f::before { background-image: url('/child/img/icon/social-f.png'); }
.__social-g { background-color: #e74c3c; }
.__social-g::before { background-image: url('/child/img/icon/social-g.png'); }

@media (max-width: 1024px) {

    .social-login-button { padding-left: 20px; height: 55px; line-height: 55px; }
    .social-login-button::before { width: 55px; background-size: auto 25px; }
    .social-login-button span { font-size: 14px; }
}
@media (max-width: 768px) {
    .idpw-contents { height: auto; }
    .__login-menu > li img,
    .join-top img { margin-top: 30px; max-width: 290px; width: 100%; height: auto; }
}
@media (max-width: 550px) {
    .idpw-contents { height: auto; }
    .login-menu img { width: auto; }
}





/*  --- Login --- */
.login-box{
    margin: 0 auto 0; padding: 30px; max-width: 540px;
    background: #fff;
}
.login-box .login_title { text-align: center; }
.login-box .row { display: block; 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: 60px; }
.login-box .row > button span { font-size: 20px; font-weight: 700; color: #fff; }
.login-box .checkbox { margin: 20px 0 40px; }
.login-box .checkbox span { font-size: 16px; color: #333333; font-weight: 200; }

.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; }
.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 .bottom-button { margin-top: 15px; }
.login-none-box .bottom-button .button { font-size: 16px; }

.login-box-none { margin: 30px auto 0; padding: 20px 70px; max-width: 540px; width: 100%; background: #eef2ff; }
.login-box-none .row { margin: 5px 0; }
.login-box-none .row input[type=text],
.login-box-none .row input[type=password] { width: 100%; height: 45px; font-weight: 200; }
.login-box-none .row .button { width: 100%; font-size: 16px; }
.login-box-none .join_btn { margin-top: 40px; }
.login-box-none .join_btn a { display: block; width: 100%; height: 45px; line-height: 45px; color: #444444; font-weight: 500; font-size: 16px; text-align: center; background-color: #fff; border: 1px solid #999999; }

@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; }

    .login-box-none .row input[type=text],
    .login-box-none .row input[type=password] { height: 40px; font-size: 13px; }
    .login-box-none .row .button { width: 100%; font-size: 13px; }
    .login-box-none { padding: 20px 30px; }
}




/* --- Agree --- */
.terms-box { margin: 80px 0 0; padding: 40px 40px 0; border-top: 1px solid #295af8; }
.terms-box .row { margin-bottom: 100px; padding-right: 0; padding-left: 0; }
.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: 60px;
    font-size: 18px; color: #fff; font-weight: 700;
}

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

.join-agree { margin-bottom: 20px; }
.join-agree .textarea { overflow-x: hidden; overflow-y: auto; padding: 20px; width: 100%; height: 300px; line-height: 24px; font-size: 18px; color: #777; font-weight: 200; resize: none; border: 1px solid #e5e5e5; }


@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; font-size: 13px; }

    .join-agree { margin-bottom: 10px; }
    .join-agree .textarea { padding: 15px; height: 200px; line-height: 20px; font-size: 15px; }
    .join-agree .textarea * { font-size: 15px !important; }
}
@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-agree .textarea * { font-size: 13px !important; }
}



/* --- 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: #2a8ddc; 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: #2a8ddc; }
.agree-btn .btn_border { color: #2a8ddc; border-color: #2a8ddc; }

#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 textarea,
.myinfo-box textarea { width: 100%; border: 1px solid #e5e5e5; }
.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: 45px; }
.join-box .button,
.myinfo-box .button { line-height: 45px; font-size: 18px; }
.join-box .bottom-button,
.myinfo-box .bottom-button { margin-top: 55px; text-align: center; font-size: 0; }
.join-box .bottom-button .button,
.myinfo-box .bottom-button .button{
    margin: 0 5px; width: 240px; height: 60px; line-height: 60px;
    font-size: 18px; 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: 20px 15px 20px 30px; width: 240px; text-align: left; font-size: 18px; font-weight: 700; }
.join-table tr td { padding: 20px 15px; height: 85px; font-size: 16px; color: #777; font-weight: 300; }

@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: 35px; }
    .join-box .button,
    .myinfo-box .button { width: 100px; line-height: 35px; 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 { display: block; border-bottom: none; }
    .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%; height: auto; 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; font-size: 14px; }
}
@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-container { padding-bottom: 50px; }
.idpw-container .head_title { margin: 45px 0 0; padding: 10px 0; background: none; text-align: center; }
.idpw-container .head_title h3 { font-size: 23px; line-height: 23px; color: #333333; font-weight: 500; }
.idpw-container .border { height: 340px; border-bottom: 2px solid #e5e5e5; }
.idpw-container .idpw_wrap { margin: auto; padding-top: 10px; width: 340px; border-top: none; }
.idpw-container .idpw_wrap input { margin-bottom: 5px; width: 100%; height: 50px; border: 1px solid #e5e5e5; }
.idpw-container .idpw_wrap .button { margin-top: 10px; width: 100%; height: 60px; }
.personal { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; padding: 30px 30px 28px; width: 100%; font-weight: 500; background-color: #f8f8f8; border: 3px solid #e1e1e1; }
.personal p { padding: 0 3px; line-height: 23px; font-size: 15px; color: #666666; }
.personal .button-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; }

.idpw-container { display: flex; margin-left: -35px; width: calc(100% + 70px); }
.idpw-col { padding: 35px 0; width: 50%; }
@media(max-width:1024px){
	.idpw-container { flex-direction: column; margin: auto; width: 100%; max-width: 340px; }
    .idpw-col { padding: 15px 0; width: 100%; }
}
@media(max-width:768px){
    .personal { flex-direction: column; }
}





/* ------- 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 { margin-left: 15px; font-size: 15px; color: #555555; font-weight: 500; cursor: pointer; }
.del-list i { display: inline-block; vertical-align: -6px; margin-right: 5px; width: 19px; height: 22px; background: url('/child/img/icon/wish-del.png'); }
.del-list span { display: inline-block; vertical-align: middle; }
.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: #2a8ddc; }





/* --- 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; }





/* 마이페이지 */
.my-contents { padding-top: 30px; }
.my:after { content: ''; display: block; clear: both; }
.my-l { float: left; width: 23.8%; padding-right: 60px; }
.my-r { float: left; width: 76.2%; }
.mymenu-link{
    overflow: hidden; display: block; position: relative;
    padding: 0 10px; height: 40px; line-height: 40px; font-size: 15px; color: #666666;
}
.mymenu-link__arrow{
    display: block; position: absolute; top: 0; right: 10px; bottom: 0;
    margin: auto; width: 20px; height: 20px;
    opacity: 0;
}
.mymenu-link__arrow::before,
.mymenu-link__arrow::after{
    content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
    margin: auto; width: 8px; height: 1px;
    background: #2a8ddc;
}
.mymenu-link__arrow::before{
    margin-top: 7px;
    -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.mymenu-link__arrow::after{
    margin-bottom: 7px;
    -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
}
.mymenu-link--on,
.mymenu-link:hover { color: #2a8ddc; font-weight: 500; }
.mymenu-link--on .mymenu-link__arrow { opacity: 1; }

.head_title { padding: 12px 12px 12px 40px; text-align: left;background: url('/child/img/icon/icon_title.png') no-repeat center left / 22px; background-position-x: 8px; }
.head_title h3 { margin-bottom: 0; font-size: 18px; line-height: 23px; color: #333333; font-weight: 500; }
.my-title { margin-top: -3px; font-size: 30px; }
.my-menu-title { margin-bottom: 20px; font-size: 24px; }

@media (max-width: 1024px){
    .sub_head_title .fRight { display: none; }

    .head_title { background-size: auto 20px; }
    .head_title h3 { font-size: 16px; }
    .join_input_tit_wrap h3 { font-size: 16px; }


    .my-l { display: none; }
    .my-r { width: 100%; padding-left: 0; }
    .s-top-text h4 { line-height: 29px; font-size: 22px; }
    .s-top-text p { font-size: 14px; }
    .s-top-text a { font-size: 14px; }
}