@charset "utf-8";


/* ### 기본 스타일 커스터마이징 시작 ### */
.box-input { width: 100%; height: 42px; border: 1px solid #E2E2E2; border-radius: 5px; overflow: hidden; }
.box-input input { padding: 0 15px; width: 100%; height: 100%; font-size: 14px; color: #222222; font-weight: 300; letter-spacing: -0.05em; border: none; }
.box-input input::placeholder  { color: #AAAAAA; }
.box-input.readonly { border: none; }
.box-textarea textarea { font-size: 14px; color: #222222; font-weight: 300; letter-spacing: -0.05em; }
.box-textarea textarea::placeholder { color: #AAAAAA; }
.box-flex { display: flex; min-height: 42px; align-items: center; }

.box-check { display: inline-block; }
.box-check + .box-check { margin-left: 30px; }
.box-check label { display: flex; align-items: center; position: relative; }
.box-check label input[type=checkbox] { position: absolute; top: 0; left: 0; width: 0px; height: 0px; opacity: 0; }
.box-check label em { display: block; position: relative; width: 20px; height: 20px; border: 1px solid #E0E0E0; border-radius: 2px; }
.box-check label em:after { content: ""; position: absolute; top: 3px; left: 4px; width: 8px; height: 5px; border-left: 2px solid #E0E0E0; border-bottom: 2px solid #E0E0E0; border-radius: 1px; transform: rotate(-45deg); }
.box-check label span { display: inline-block; margin-left: 14px; font-size: 14px; color: #666666; font-weight: 300; letter-spacing: -0.02em; }
.box-check label input[type=checkbox]:checked + em { border-color: #DD4066; background-color: #DD4066; }
.box-check label input[type=checkbox]:checked + em:after { border-color: #fff; }
.box-check label input[type=checkbox]:checked ~ span { color: #DD4066; }

.box-radio { display: inline-block; }
.box-radio + .box-radio { margin-left: 30px; }
.box-radio label { display: flex; align-items: center; position: relative; }
.box-radio label input[type=radio] { position: absolute; top: 0; left: 0; width: 0px; height: 0px; opacity: 0; }
.box-radio label em { display: block; position: relative; width: 20px; height: 20px; border: 1px solid #E0E0E0; border-radius: 10px; }
.box-radio label em:after { content: ""; position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; background-color: #E0E0E0; border-radius: 6px; }
.box-radio label span { display: inline-block; margin-left: 14px; font-size: 14px; color: #666666; font-weight: 300; letter-spacing: -0.02em; }
.box-radio label input[type=radio]:checked + em { border-color: #DD4066; }
.box-radio label input[type=radio]:checked + em:after { background-color: #DD4066; }
.box-radio label input[type=radio]:checked ~ span { color: #DD4066; }

.box-file { width: 100%; height: 42px; border: 1px solid #E2E2E2; border-radius: 5px; overflow: hidden; }
.box-file label { display: flex; align-items: center; position: relative; padding: 5px; }
.box-file label input[type=file] { position: absolute; top: 0; left: 0; width: 0px; height: 0px; opacity: 0; }
.box-file label em { display: flex; justify-content: center; align-items: center; width: 80px; height: 32px; font-size: 12px; color: #DD4066; font-weight: 300; letter-spacing: -0.05em; background: #FDECF0; border-radius: 5px; }
.box-file label span { margin-left: 20px; font-size: 14px; color: #AAAAAA; font-weight: 300; letter-spacing: -0.05em; }


.titleArea { padding: 80px 0 50px; text-align: center; }
.titleArea h2 { font-size: 46px; color: #222222; font-weight: 800; letter-spacing: -0.02em; }
.titleArea p { margin-top: 20px; font-size: 18px; color: #888888; font-weight: 400; letter-spacing: -0.02em; line-height: 180%; }

.login_wrap {  }
.login_wrap .top { border-bottom: 1px solid #EEEEEE; }
.login_wrap .middle { margin: 0 auto 60px; padding: 70px 0 0; max-width: 420px; }
.login_wrap .middle .login_tab { margin-bottom: 50px; }
.login_wrap .middle .login_tab ul { display: flex; }
.login_wrap .middle .login_tab ul li { width: 100%; height: 70px; border-top: 1px solid #EDEDED; border-bottom: 2px solid #DD4066; }
.login_wrap .middle .login_tab ul li:first-child { border-left: 1px solid #EDEDED; }
.login_wrap .middle .login_tab ul li:last-child { border-right: 1px solid #EDEDED; }
.login_wrap .middle .login_tab ul li + li { border-left: 1px solid #EDEDED; }
.login_wrap .middle .login_tab ul li.on { border-color: #DD4066; border-width: 2px; border-bottom-color: transparent; }
.login_wrap .middle .login_tab ul li.on + li { border-left: 2px solid #DD4066; }
.login_wrap .middle .login_tab ul li.on ~ li { border-bottom: 2px solid #DD4066; }
.login_wrap .middle .login_tab ul li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #A5A5A5; font-size: 16px; font-weight: 500; letter-spacing: -0.02em; }
.login_wrap .middle .login_tab ul li.on a { font-weight: 800; color: #DD4066; }
.login_wrap .middle .login_form {  }
.login_wrap .middle .login_form .form_list {  }
.login_wrap .middle .login_form .form_list li {  }
.login_wrap .middle .login_form .form_list li + li { margin-top: 15px;  }
.login_wrap .middle .login_form .form_list li .box-input { height: 52px;  }
.login_wrap .middle .login_form .form_list li .box-input input { background-color: #F8F8F8; }
.login_wrap .middle .login_form .box-link { display: flex; justify-content: space-between; margin-top: 25px; }
.login_wrap .middle .login_form .box-link a { font-size: 13px; color: #222222; font-weight: 400; letter-spacing: -0.06em; }
.login_wrap .middle .login_form .box-submit { margin-top: 45px; height: 60px; border-radius: 10px; overflow: hidden; }
.login_wrap .middle .login_form .box-submit button { width: 100%; height: 100%; font-size: 16px; color: #fff; font-weight: 500; background: #DD4066; letter-spacing: -0.02em; }

.login_wrap .bottom { margin: 0 auto; max-width: 420px; }

.register_wrap { position: relative; margin: 0 auto; padding-bottom: 130px; max-width: 720px; }
.register_wrap .bg { position: absolute; top: -70px; left: 50%; width: 100vw; height: 410px; background-color: #FDECF0; transform: translateX(-50%); }
.register_wrap .bg:before { content: ""; position: absolute; top: 0; right: 18px; width: 350px; height: 156px; background-image: url(/skin/member/basic/img/img_reg_bg-1.png); background-size: 100% auto; background-repeat: no-repeat; }
.register_wrap .bg:after { content: ""; position: absolute; bottom: 0; left: 18px; width: 350px; height: 156px; background-image: url(/skin/member/basic/img/img_reg_bg-2.png); background-size: 100% auto; background-repeat: no-repeat; }
.register_wrap .register_form { position: relative; margin-top: 100px; padding: 48px 60px; box-shadow: 10px 20px 50px rgba(0, 0, 0, 0.1); border-radius: 20px; overflow: hidden; background-color: #fff; }
.register_wrap .register_form p.caption { margin-bottom: 27px; font-size: 14px; color: #DD4066; font-weight: 400; letter-spacing: -0.02em; text-align: right; }
.register_wrap .register_form p.caption2 { font-size: 12px; color: #DD4066; font-weight: 400; }
.register_wrap .register_form .form_list { padding: 30px 0; border-top: 1px solid #EEEEEE; }
.register_wrap .register_form .form_list ul {  }
.register_wrap .register_form .form_list ul li { display: flex; }
.register_wrap .register_form .form_list ul li + li { margin-top: 25px; }
.register_wrap .register_form .form_list ul li .head { padding: 11px 0; flex: none; width: 145px; font-size: 14px; color: #222222; font-weight: 500; letter-spacing: -0.05em; }
.register_wrap .register_form .form_list ul li .head .point { display: inline-block; margin-left: 5px; color: #DD4066; }
.register_wrap .register_form .form_list ul li .row { width: 100%; }
.register_wrap .register_form .form_list ul li .row .box-input + .box-button { margin-left: 12px; }
.register_wrap .register_form .form_list ul li .row .box-flex + .box-flex,
.register_wrap .register_form .form_list ul li .row .box-flex + .box-input,
.register_wrap .register_form .form_list ul li .row .box-input + .box-input { margin-top: 15px; }
.register_wrap .register_form .form_list ul li .row .box-button { flex: none; width: 120px; height: 42px }
.register_wrap .register_form .form_list ul li .row .box-button.full { width: 100%; }
.register_wrap .register_form .form_list ul li .row .box-button button { width: 100%; height: 100%; font-size: 14px; color: #DD4066; font-weight: 500; letter-spacing: -0.02em; border: 1px solid #DD4066; border-radius: 5px; }
.register_wrap .register_form .form_agree { margin-top: 20px; }
.register_wrap .register_form .form_agree ul { border-bottom: 1px solid #EEEEEE; }
.register_wrap .register_form .form_agree ul li { display: flex; align-items: center; height: 70px; border-top: 1px solid #EEEEEE; }
.register_wrap .register_form .form_agree ul li .box-check { flex: none; }
.register_wrap .register_form .form_agree ul li p { padding: 0 14px; width: 100%; font-size: 15px; color: #222222; font-weight: 300; letter-spacing: -0.02em; }
.register_wrap .register_form .form_agree ul li button { flex: none; width: 80px; height: 32px; font-size: 12px; color: #DD4066; font-weight: 300; letter-spacing: -0.05em; border: 1px solid #FDECF0; border-radius: 16px; }
.register_wrap .register_form .box-submit { margin: 60px auto 0; width: 240px; height: 60px; border-radius: 10px; overflow: hidden; }
.register_wrap .register_form .box-submit button { width: 100%; height: 100%; font-size: 16px; color: #fff; font-weight: 500; background: #DD4066; letter-spacing: -0.02em; }
.member_connect { text-align: center; margin-bottom: 70px; }
.member_connect p { font-size: 15px; color: #222222; font-weight: 300; letter-spacing: -0.02em; }
.member_connect button { margin-top: 20px; width: 240px; height: 45px; border-radius: 10px; font-size: 14px; color: #222; background: #fff; border: solid 1px #eee; letter-spacing: -0.02em; }


.agree_pop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.agree_pop .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 9;}
.agree_pop .inner { position: absolute; top: 50%; left: 50%; padding: 50px 45px 45px; width: 100%; max-width: 650px; background-color: #fff; border-radius: 20px; transform: translate(-50%, -50%); z-index: 99;}
.agree_pop .inner .top { padding-bottom: 45px; text-align: center; }
.agree_pop .inner .top h3 { font-size: 28px; color: #222222; font-weight: 600; }
.agree_pop .inner .middle {  }
.agree_pop .inner .middle .box-txt { height: 410px; border: 1px solid #ECECEC; border-radius: 3px; overflow: auto; }
.agree_pop .inner .bottom { margin-top: 50px; }
.agree_pop .inner .bottom .box-close { margin: 0 auto; width: 100%; max-width: 240px; height: 60px; }
.agree_pop .inner .bottom .box-close button { width: 100%; height: 100%; font-size: 16px; color: #FFFFFF; font-weight: 500; letter-spacing: -0.02em; background: #DD4066; border-radius: 10px; }



.login_wrap .sns_login { margin-bottom: 100px; }
.login_wrap .sns_login .line { position: relative; margin-bottom: 55px; text-align: center; }
.login_wrap .sns_login .line:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #EBEBEB; transform: translateY(-50%); }
.login_wrap .sns_login p { display: inline-block; position: relative; width: 100px; font-size: 14px; font-weight: 200; color: #999999; letter-spacing: -0.02em; text-align: center; background-color: #fff; }
.login_wrap .sns_login .sns_list {  }
.login_wrap .sns_login .sns_list ul {  }
.login_wrap .sns_login .sns_list ul li { height: 60px; border-radius: 10px; overflow: hidden; }
.login_wrap .sns_login .sns_list ul li a { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; font-size: 16px; color: #FFFFFF; font-weight: 500; letter-spacing: -0.02em; }
.login_wrap .sns_login .sns_list ul li + li { margin-top: 20px; }
.login_wrap .sns_login .sns_list ul li a i { position: absolute; top: 50%; left: 30px; width: 30px; height: 30px; background-size: auto; background-repeat: no-repeat; transform: translateY(-50%); }

.login_wrap .sns_login .sns_list ul li a.sns-naver { background-color: #03C75A }
.login_wrap .sns_login .sns_list ul li a.sns-naver i { background-image: url('./img/ico_sns_naver.png') }
.login_wrap .sns_login .sns_list ul li a.sns-kakao { color: #333333; background-color: #FEE500 }
.login_wrap .sns_login .sns_list ul li a.sns-kakao i { background-image: url('./img/ico_sns_kakao.png') }



.social_info_guide {background:#f3f3f3;border:1px solid #ddd;margin:0 10px 10px;padding:10px 15px;line-height:1.5em}
.bg-warning {margin:0 10px 10px;padding:10px 15px;line-height:1.5em}
.bg-warning1 {background:#f7dfe4;border:1px solid #eac3cb}
.bg-warning2 {background:#deeabf;border:1px solid #bde498}
.bg-warning3 {background:#fff8dc;border:1px solid #f1e4b2}

/* SNS LOGIN */
.login-sns {padding-bottom:10px;margin-top:5px;border:1px solid #dde7e9;border-bottom:1px solid #dde7e9;clear:both;background:#fff}
.login-sns h3 {padding-top:10px;text-align:center;color:#777;font-weight:normal}
.sns-wrap {margin:10px 0 0;text-align:center}
.sns-icon {display:inline-block;vertical-align:middle;text-decoration:none}
.sns-icon:hover {text-decoration:none}
.sns-icon .ico {display:block;vertical-align:middle}
/*.sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}*/
.sns-icon .txt i {font-style:normal}

#fregisterform .form_01 .reg-form {margin-bottom:20px}
#fregisterform .form_01 .reg-form .sns-wrap {margin:10px 0 0;text-align:left}
.reg-form .sns-icon {display:inline-block;vertical-align:middle;text-decoration:none;border-width:1px;border-style:solid;overflow:hidden;margin:0 1px}
.reg-form .sns-icon:hover {text-decoration:none}
.reg-form .sns-icon .ico {display:block;background:url('./img/sns_logo.png') no-repeat;vertical-align:middle;width:24px;height:24px}
.reg-form .sns-icon-not .ico {display:block;background:url('./img/sns_logo_not.png') no-repeat;vertical-align:middle}
.reg-form .sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}
.reg-form .sns-icon .txt i {font-style:normal}

.sns-wrap-reg .sns-naver {border-color:#18a400;background:#2db400}
.sns-wrap-reg .sns-naver .ico {background-position:-29px 0; }
.sns-wrap-reg .sns-google {border-color:#ca2c19;background:#4285F4}
.sns-wrap-reg .sns-google .ico {background-position:-58px 0}
.sns-wrap-reg .sns-facebook {border-color:#2e5393;background:#3a5897}
.sns-wrap-reg .sns-facebook .ico {background-position:0 0 }

.sns-wrap-reg .sns-icon {border-color:#dcdcdc}
.sns-wrap-reg .sns-icon-not {border-color:#8b8b8b}
.sns-wrap-reg .sns-naver {border-color:#18a400}
.sns-wrap-reg .sns-naver .ico {background-position:-29px 0; }
.sns-wrap-reg .sns-google .ico {background-position:-58px 0}
.sns-wrap-reg .sns-google {border-color:#ca2c19}
.sns-wrap-reg .sns-facebook .ico {background-position:0 0 }
.sns-wrap-reg .sns-facebook {border-color:#2e5393}
.sns-wrap-reg .sns-kakao .ico {background-position:-87px 0}
.sns-wrap-reg .sns-twitter {border-color:#488FC9}
.sns-wrap-reg .sns-twitter .ico {background-position:-145px 0}
.sns-wrap-reg .sns-payco {border-color:#C44646}
.sns-wrap-reg .sns-payco .ico {background-position:-116px 0}
.sns-wrap-reg .sns-kakao {border-color:#f2df00}

/* SNS by COLOR */
.sns-wrap-over .sns-naver {background:url('./img/sns_naver_s.png') no-repeat}
.sns-wrap-over .sns-google {}
.sns-wrap-over .sns-facebook {background:url('./img/sns_fb_s.png') no-repeat}
.sns-wrap-over .sns-twitter {background:url('./img/sns_twitter_s.png') no-repeat}
.sns-wrap-over .sns-payco {background:url('./img/sns_payco_s.png') no-repeat}
.sns-wrap-over .sns-kakao {background:url('./img/sns_kakao_s.png') no-repeat}
.reg-form .sns-icon-not {border-color:#8b8b8b}

.social-login-loading {width:100%;height:auto;text-align:center}
.social-login-loading p {display:inline-block;margin-top:10px;padding:40px 0 0;line-height:30px}

/* 아웃로그인 */
#sns_outlogin .sns-icon {overflow:hidden;margin:0 1px}
#sns_outlogin .sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}
#sns_outlogin .sns-icon .ico {width:30px;height:30px}

/*로그인 */
#sns_login {border:0;margin-top:15px;border-top:1px solid #edeaea}
#sns_login h3 {padding:10px 0 0;text-align:left;font-weight:bold}
#sns_login .sns-icon {position:relative;display:block;height:40px;line-height:40px;width:100%;margin:0 0 5px;padding-left:40px;text-align:left;color:#fff;border-radius:2px}
#sns_login .sns-naver {background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505}
#sns_login .sns-kakao {background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a}
#sns_login .sns-kakao {color:#3c1e1e}
#sns_login .sns-facebook {background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f}
#sns_login .sns-google {background-color:#4285F4;background-position:5px 5px;border-bottom:1px solid #3567c6;letter-spacing:-0.5px}
#sns_login .sns-google .ico {position:absolute;top:3px;left:3px;width:33px;height:33px;background:url('./img/sns_gp_s.png') no-repeat center center;background-color:#fff;background-size:28px 28px!important;border-radius:2px}
#sns_login .sns-twitter {background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0}
#sns_login .sns-payco {background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800}
#sns_login .txt {text-align:left;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:bold}
#sns_login .txt:hover {background:rgba(0,0,0,0.07)}

/*회원가입 */
#sns_register {margin:0 0 10px;padding:0;text-align:center;border-radius:3px}
#sns_register:after {display:block;visibility:hidden;clear:both;content:""}
#sns_register h2 {float:left;display:inline-block;text-align:left;width:50%;height:56px;line-height:56px;padding:0 20px;font-size:1.2em}
#sns_register .sns-wrap {display:inline-block;float:left;width:50%;height:56px;line-height:53px;margin:0;text-align:right;padding:0 20px}
#sns_register .sns-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#sns_register .sns-icon {display:inline-block;height:30px;line-height:30px;width:30px;margin:0 3px;text-align:right;color:#fff;border-radius:2px}
#sns_register .sns-naver {background-color:#1fc800;background-position:0 0}
#sns_register .sns-kakao {background-color:#ffeb00;background-position:0 0}
#sns_register .sns-facebook {background-color:#3b579d;background-position:0 0}
#sns_register .sns-google {background-color:#fff;background-position:0 0;border-radius:2px;border:1px solid #999}
#sns_register .sns-google .ico {background:url('./img/sns_gp_s.png') no-repeat;height:30px}
#sns_register .sns-twitter {background-color:#1ea1f2;background-position:0 0}
#sns_register .sns-payco {background-color:#df0b00;background-position:0 0}
#sns_register .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}

/*기존 계정에 연결하기*/

/* Styles for Accordion */

.mbskin .toggle {position:relative;display:block;border:1px solid #c6cacc;margin-top:-1px;background-color:#fcfcfc}
.mbskin .toggle .toggle-title {padding:13px 15px;line-height:20px}
.mbskin .toggle .title-name {display:block}
.mbskin .toggle .toggle-inner {padding:15px;line-height:1.5em;display:none;background:#fff;border-top:1px solid #e2e2e2}
.mbskin .toggle .toggle-inner div {max-width:100%}
.mbskin .right_i {position:absolute;font-size:0.92em;top:10px;right:10px;padding:0 10px 0 0;border-radius:3px;display:inline-block;z-index:2;background:#3497d9;color:#fff;border-bottom-color:#1977b5;cursor:pointer}
.mbskin .toggle .toggle-title .right_i i {background:url("./img/plus_minus.png") 0 -24px no-repeat;width:20px;height:24px;display:inline-block;vertical-align:middle}
.mbskin .toggle .toggle-title.active .right_i i {background:url("./img/plus_minus.png") 0 0 no-repeat}
.mbskin .all_agree {position:relative;display:block;margin-bottom:6px;background:#fff;border:1px solid #c6cacc;border-top:0;padding:13px 15px;line-height:20px}

#register_member .sns_tbl {background:#fff;margin:10px 0;border:1px solid #c6cacc}
.sns_tbl table {border:0}
.sns_tbl caption {padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;background:#fcfcfc}
.sns_tbl th {width:100px;text-align:right;padding:10px}
.sns_tbl td {padding:10px}
.sns_tbl .email_msg {color:#777;margin:5px 0 0}

#fregisterform .btn_confirm {text-align:center;margin:20px 0}
#fregisterform .btn_confirm .btn_submit {height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}
#fregisterform .btn_confirm .btn_cancel {line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}

#sns-link-pnl .connect-close {position:absolute;top:10px;right:10px;margin:0;padding:0;width:30px;height:30px;border:0;background:transparent;color:#383838;cursor:pointer;font-size:15px}
#sns-link-pnl .connect-close:hover {color:#ff5191}
#sns-link-pnl .connect-close .fa {margin:0 0 0 1px}
#sns-link-pnl .connect-close .txt {position:absolute;line-height:0;font-size:0;overflow:hidden}

#sns-link-pnl #login_fs {margin:0 auto;width:100%;text-align:left}
#sns-link-pnl #login_fs label {display:block;display:block;font-size:0.93em;color:#7a7a7a;margin:5px 0}
#sns-link-pnl #login_fs .lg_id,#sns-link-pnl #login_fs .lg_pw {width:100%;margin-bottom:5px}
#sns-link-pnl #login_id,#sns-link-pnl #login_pw {width:100%}
#sns-link-pnl #login_fs .login_submit {width:100%;height:44px;font-size:1.167em;margin:10px auto 0;font-weight:bold;cursor:pointer;display:block}
#sns-link-pnl .connect-fg {height:320px;text-align:left}
#sns-link-pnl .login_fs {margin:0 auto;width:260px}
#sns-link-pnl .connect-fg .connect-desc {margin:0 0 10px;padding:15px;border:1px solid #d6e9c6;background:#dff0d8;color:#3c763d}
#sns-link-pnl .connect-fg .connect-title {margin-top:25px;margin-bottom:10px;font-size:1.667em;font-weight:bold;text-align:center}

.mbskin .member_connect:after {display:block;visibility:hidden;clear:both;content:""}
.mbskin .member_connect {margin-top:80px;background:#d9d9d9;border-radius:3px;padding:10px;text-align:left}
.mbskin .member_connect .strong {font-size:1em;font-weight:bold;margin:0 0 10px}
.mbskin .member_connect button {color:#fff;border:0;padding:6px 20px 7px;border:1px solid #6446e7;font-weight:bold;background:#6f50e7;border-radius:3px;font-size:0.91em}
.mbskin .member_connect button:hover {background:#6446e7}

html.remodal-is-locked {overflow-y:scroll !important}

@media only screen and (min-width:641px) {
	#sns-link-pnl.remodal {max-width:400px;padding:50px}
}


@media (max-width:1024px) {
    
    .titleArea h2 {font-size: 32px !important; }
    .titleArea p {font-size: 16px; margin-top: 15px;} 
}
@media (max-width:800px) {

    .titleArea {padding: 60px 0 50px;}
    .titleArea h2 {font-size: 26px !important; }
    .titleArea p {font-size: 16px; margin-top: 15px; word-break: keep-all;}
    .container02 .title-con span {margin-bottom: 25px;}

    .login_wrap .middle {padding-top: 50px;}
    .login_wrap .middle .login_tab ul li a {font-size: 15px; word-break: keep-all; text-align: center; }
    .login_wrap .middle .login_form .box-submit {height: 55px;}
    .login_wrap .middle .login_form .box-submit button {font-size: 14px;}

    .login_wrap .sns_login .sns_list ul li {height: 55px;}
    .login_wrap .sns_login .sns_list ul li a {font-size: 14px;}
    .login_wrap .sns_login .sns_list ul li + li { margin-top: 10px; }
    .login_wrap .middle .login_tab ul li.on a {font-weight: 600;}
 
}
@media (max-width:600px) {
    .register_wrap .register_form { margin-top: 60px !important; padding: 35px 25px; }
    .register_wrap .register_form .form_list ul li {display: block !important;}
    .register_wrap .register_form .form_list ul li.m-blockcon .box-flex {display: block !important;}
    .register_wrap .register_form .form_list ul li.password-change {display: block !important;}
    .register_wrap .register_form .form_list ul li.email-change {display: block !important;}
    .register_wrap .register_form .form_list ul li.m-blockcon .row .box-input + .box-button {margin-left: 0;}
    .register_wrap .register_form .form_list ul li.m-blockcon .row .box-button button {width: 100% !important; margin-top: 5px;}
    .register_wrap .register_form .form_list ul li .row .box-button {width: 100%;}
    .member_connect {margin-bottom: 0;}
 
}