@charset "utf-8"; /* Sub Title */ .sub-title { padding:10px 12px; border-top:4px solid #444; } .sub-title h4 { padding:0; margin:0; line-height:50px; font-size:18px; } .sub-title i { background: rgb(245, 245, 245); padding-top: 12px; border-radius: 50%; width: 50px; height: 50px; text-align: center; color: rgb(143, 143, 143); font-size: 25px; display: inline-block; } .sub-title img { border-radius: 50%; width: 50px !important; height: 50px !important; display:inline-block; } /* Follow */ .follow-skin .bg-heading { background:#fafafa; } .follow-skin .col-follow .myinfo a { margin-right:15px; color:#888; font-size:11px; } .follow-skin .sp-follow { margin-bottom:0px; border-top:3px solid #444; } .follow-skin .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; } .follow-skin .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; } @media all and (max-width:460px) { .responsive .follow-skin .col-follow { display:block !important; width:100% !important;} } /* Formmail */ .formmail-form { padding:20px; } .formmail-type label { margin-right:10px; } /* Memo */ .memo-send-info { padding:8px 20px;background:#fafafa;border-bottom:1px solid #eee; } .memo-content { padding:20px; line-height:22px;border-bottom:1px solid #eee; margin-bottom:15px; } .memo-send-form { padding:20px; } /* Mypage */ .mypage-skin .img-photo i { background: rgb(245, 245, 245); padding: 16px; border-radius: 50%; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; } .mypage-skin .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; } .mypage-skin .img-resize img { max-width:100%; height:auto; } .mypage-skin .view-author .auth-photo { width:160px; padding-right:15px; } @media all and (max-width:460px) { .responsive .mypage-skin .view-author .auth-photo { float:none; width:100%; padding-right:0px; } } /* MyPhoto */ .myphoto { margin-bottom:15px; } .myphoto img { border-radius: 50%; display:inline-block; } .myphoto i { background: rgb(245, 245, 245); padding: 18px; border-radius: 50%; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; } /* MyPost */ .mypost-skin i.img-fa { width:40px; height:40px; padding:10px 0px 0px; font-size:20px; text-align:center; color:#aaa; } .mypost-skin .list-details { padding-top:4px; } .mypost-skin .list-none { padding:50px 0px; } .mypost-media { padding-bottom:10px; } .mypost-media .photo i { border-radius:50%; background: rgb(245, 245, 245); padding: 15px; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; } .mypost-media .photo img { border-radius:50%; width: 64px !important; height: 64px !important; display:inline-block; } .mypost-media .media { border-bottom:1px solid #eee; margin:7px 0px; padding:0px 12px 7px; } .mypost-media :first-child.media { border-top:0px; margin-top:0px; padding-top:0px; } .mypost-media .media-heading { padding:0; margin:0px; line-height: 20px; } .mypost-media .media .media-body { padding-left:0px; } .mypost-media .media .media-content { } .mypost-media .media .media-content p { margin:0px; padding:0px; } .mypost-media .media .media-resize { margin-top:10px; } .mypost-media .media .media-resize img { max-width:100%; height:auto; } .mypost-media .media.media-reply { border:0px; border-top:1px solid #eee; margin:10px 0px 0px; padding:10px 0px 0px; } /* Point */ .point-skin th, .point-skin td { white-space:nowrap; } .point-skin td.po-content { white-space:normal; } /* Profile */ .profile-skin .img-photo i { border-radius: 50%; background: rgb(245, 245, 245); padding: 16px; width: 80px; height: 80px; text-align: center; color: rgb(143, 143, 143); font-size: 40px; display: inline-block; } .profile-skin .img-photo img { border-radius: 50%; width: 80px !important; height: 80px !important; display:inline-block; } .profile-skin .img-resize img { max-width:100%; height:auto; } /* Register */ .register-term { position: relative; height: 200px; margin:0px; overflow: auto; } /* Register Form */ .register-form .text-gap { margin-bottom:4px; } .register-form .addr-line { margin-bottom:7px; } @media all and (max-width:767px) { .responsive .register-form .cert-btn { margin-top:10px } } /* Response */ .myresponse-skin .res-info { margin:0; padding:7px 12px; } .myresponse-skin .media { border-top:1px solid #eee; margin:6px 0px; padding:8px 12px 0px; } .myresponse-skin .myresponse-list .media:first-child { border-top:0px; margin-top:0px; padding-top:8px; } .myresponse-skin .media-heading { padding:0; margin:0; } .myresponse-skin .photo i { border-radius: 50%; background: rgb(238, 238, 238); padding: 8px; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); font-size: 25px; display: inline-block; } .myresponse-skin .photo img { border-radius: 50%; width: 40px !important; height: 40px !important; display:inline-block; } .myresponse-skin .media-info i { margin-left:10px; } .myresponse-skin .media-info i:first-child { margin-left:0px; } /* Scrap */ .scrap-skin i.scrap-icon { background:#333; color:#fff; } .scrap-skin .scrap-head { margin:0px; padding: 10px 20px; line-height:22px; background:#333; color:#fff; font-size:16px; text-align:center; } .scrap-skin .scrap-form { padding: 10px 20px 20px; } /* Shopping */ .shopping-skin i.img-fa { width:40px; height:40px; padding:10px 0px 0px; font-size:20px; text-align:center; color:#aaa; } .shopping-skin .list-none { padding:50px 0px; } /* Wishlist */ .wishlist-skin i.img-fa { width:40px; height:40px; padding:10px 0px 0px; font-size:20px; text-align:center; color:#aaa; } /* Mypage */ .mypage-tbl th { background:#333 !important; color:#fff !important; text-align:center !important; white-space:nowrap; } .mypage-tbl td { text-align:center; white-space:nowrap; } .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 #ddd; clear:both; background:#fff; text-align:center; } .login-sns .sns-head { font-size:12px; padding:0; margin:0; padding:10px 0;text-align:center;color:#888;font-weight:normal} .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:#dd5443} .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 {background:url('./img/sns_gp_s.png') no-repeat} .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 ;padding-top: 20px;border-top:1px solid #edeaea} #sns_login .sns-icon{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:#db4a3a;background-position:5px 5px;border-bottom:1px solid #c03121} #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{ } #sns_register .panel-body{ text-align:center; } #sns_register .sns-wrap:after {display:block;visibility:hidden;clear:both;content:""} #sns_register .sns-wrap{display:inline-block;vertical-align:top; } #sns_register .sns-icon{display:inline-block;height:40px;line-height:40px;width:210px;margin:0 3px 5px;padding-left:40px;text-align:left;color:#fff;border-radius:2px;float:left} #sns_register .sns-icon:nth-child(3n+1){clear:both} #sns_register .sns-naver{background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505} #sns_register .sns-kakao{background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a} #sns_register .sns-kakao {color:#3c1e1e} #sns_register .sns-facebook{background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f} #sns_register .sns-google{background-color:#db4a3a;background-position:5px 5px;border-bottom:1px solid #c03121} #sns_register .sns-twitter{background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0} #sns_register .sns-payco{background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800} #sns_register .txt{text-align:;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:bold} #sns_register .txt:hover{background:rgba(0,0,0,0.07)} /* E : 기본 *******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* 로그인 */ #login_wrap {max-width:450px; margin:0 auto;} #login_wrap .login_box .inner label {font-size:18px; font-weight:600; margin-bottom:10px;} #login_wrap .login_box .inner input {height:52px; line-height:52px; width:100%; font-size:16px; border-bottom:1px solid #ddd; padding:0 10px;} #login_wrap .login_box .login_auto_box input {margin:0;} #login_wrap .login_box .login_auto_box label {font-size:16px; margin:0 0 0 7px;} #login_wrap .login_box .btn_box {margin:45px 0 30px;} #login_wrap .login_box .btn_box .login_btn {display:block; width:100%; height:70px; line-height:70px; border-radius: 35px; font-size:20px; font-weight:600; text-align: center;} #login_wrap .login_box .btn_box button.login_btn {background-color:#3365f6; color:#fff; margin-bottom:15px;} #login_wrap .login_box .btn_box a.login_btn {border:2px solid #3365f6; color:#3365f6;} #login_wrap .login_box .lost_box {text-align: center;} #login_wrap .login_box .lost_box a {font-size:16px;} #login_wrap .login_box .lost_box a span::after {content:''; display:inline-block; width:1px; height:16px; background:#ddd; vertical-align: middle; margin:0 20px;} #login_wrap .login_box .lost_box a span:last-child::after {content:none;} #login_wrap .sns_login_box {margin-top:80px;} #login_wrap .sns_login_box h4 {font-size:40px; font-weight:700; text-align: center; margin-bottom:35px;} #login_wrap .sns_login_box ul li {width:100%; height:70px; line-height:70px; border-radius: 35px; border:1px solid #ddd; margin-bottom:15px; text-align: center;} #login_wrap .sns_login_box ul li:last-child {margin-bottom:0;} #login_wrap .sns_login_box ul li a {display:block; font-size:18px;} #login_wrap .sns_login_box ul li a img {margin-right:20px;} /* 회원가입 */ .register_steps {display:flex; justify-content: center; align-items:center;} .register_steps li {text-align: center; position:relative; margin-right:110px;} .register_steps li:last-child {margin-right:0;} .register_steps li::after {content:''; position:absolute; top:69px; right:-80px; width:50px; height:1px; background:#ddd;} .register_steps li:last-child:after {content:none;} .register_steps li span {display:block; width:138px; height:138px; border-radius:50%; background-color:#f3f3f3; background-position: center; background-repeat: no-repeat;} .register_steps li:nth-child(1) span {background-image:url("/thema/Basic/img/register_top01.png");} .register_steps li:nth-child(2) span {background-image:url("/thema/Basic/img/register_top02.png");} .register_steps li.on span {background-color:#fff; border:3px solid #3365f6;} .register_steps li b {display:block; font-size:18px; font-weight:400; margin-top:20px;} .register_steps li.on b {font-weight:700; color:#3365f6; text-decoration: underline;} /* 공통 */ .com_input02 {max-width:700px; width:100%; height:60px; line-height: 60px; background-color:#f5f5f5; padding:0 20px; border-radius:5px; font-size:16px;} .maxW400 {max-width:400px;} .chk_wrap02 input {position:absolute; opacity: 0;} .chk_wrap02 input + label {font-size:16px; line-height:1.3; margin:0; position:relative; cursor:pointer; padding-left:22px;} .chk_wrap02 input + label::before {content:''; position:absolute; top:0; left:0; width:20px; height:20px; background:url("/thema/Basic/img/check02.png") left center no-repeat; transition:all 0.2s;} .chk_wrap02 input:checked + label::before {background-image:url("/thema/Basic/img/check_on02.png");} .register_wrap {margin-bottom:70px;} .register_wrap:last-of-type {margin-bottom:0;} .register_wrap .register_title {padding-bottom:30px; border-bottom:2px solid #333; display:flex; flex-wrap:wrap; align-items: flex-end;} .register_wrap .register_title .steps {font-size:0;} .register_wrap .register_title .steps span {display:inline-block; height:38px; line-height:38px; border-radius: 19px; background:#3365f6; color:#fff; font-size:18px; font-weight:600; text-align: center; margin-right:20px; padding:0 20px;} .register_wrap .register_title .steps h4 {display:inline-block; font-size:26px; font-weight:700; line-height: 1.3; word-break: keep-all;} .register_wrap .register_title p {margin-left:auto; font-size:16px; line-height:1.3;} .register_wrap .register_cont .inner {display:flex; flex-wrap:wrap; padding:20px 0; border-bottom:1px solid #ddd;} .register_wrap .register_cont .inner:last-of-type {border-color:#333;} .register_wrap .register_cont .inner label {padding-top:20px; width:230px; font-size:18px; font-weight:700; margin:0;} .register_wrap .register_cont .inner > div {width:calc(100% - 230px);} .register_wrap .register_cont .inner > div span {display:block; font-size:14px; line-height:1.3; margin-top:5px; color:#999;} .register_wrap .register_cont .inner > div.address_box .address_inner {margin-bottom:15px;} .register_wrap .register_cont .inner > div.address_box .address_inner:last-of-type {margin-bottom:0;} .register_wrap .register_cont .inner > div.address_box .address_inner.flex {display:flex;} .register_wrap .register_cont .inner > div.address_box .address_inner label {} .register_wrap .register_cont .inner > div.address_box .address_inner button {width:200px; height:60px; line-height:60px; border-radius:5px; background:#fff; border:1px solid #333; font-size:16px; font-weight: 600; text-align: center; margin-left:10px;} .register_wrap .register_cont .inner > div.inner_flex {display:flex; flex-wrap:wrap; align-items: center;} .register_wrap .register_cont .inner > div.inner_flex > div {margin:10px 50px 10px 0;} .register_wrap .register_cont .inner > div.inner_flex .chk_wrap02 {display:inline-block; margin-right:30px;} .register_wrap .register_cont .inner > div.inner_flex .chk_wrap02:last-child {margin-right:0;} .register_wrap .register_cont .inner > div.inner_flex .chk_wrap02 label {padding-top:0; width:auto; font-size:16px; font-weight:400;} .register_wrap .register_cont .inner > div.inner_flex select {width:200px; background-color:#fff;} .register_wrap .register_cont .inner > div.inner_flex .inner_box02 {margin:0; display:flex;} .register_wrap .register_cont .inner > div.inner_flex .inner_box02 select:not(:last-child) {margin-right:5px;} .register_wrap .register_cont .agree_wrap {margin-bottom:30px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; height:250px; overflow-y:auto; font-size:15px;} /* 스크롤바 수정 */ .agree_wrap .mCSB_inside > .mCSB_container {padding:25px; margin-right:13px;} .agree_wrap .mCSB_scrollTools {background:#f2f2f2; width:12px; opacity:1;} .agree_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:100%; background:#333 !important;} .agree_wrap .mCSB_scrollTools .mCSB_draggerRail {display:none;} .register_wrap .register_cont .agree_box {display:flex; flex-wrap: wrap;} .register_wrap .register_cont .agree_box p {font-size:18px; line-height:1.4; font-weight: 700;} .register_wrap .register_cont .agree_box div {margin-left:auto;} .register_wrap .register_cont .agree_box div span {margin-left:35px;} .register_wrap .register_cont .agree_box div span:first-child {margin-left:0;} .register_wrap #captcha #captcha_mp3, .register_wrap #captcha #captcha_reload {font-size:0;} .register_wrap #captcha #captcha_mp3 span {margin-top:0;} .register_btn_box {display:flex; justify-content: center;} .register_btn_box .register_btn {display: block; max-width:220px; width:100%; height:58px; line-height:58px; border-radius:6px; text-align: center; background:#333; color:#fff; font-size:18px; font-weight: 600; margin-right:5px;} .register_btn_box .register_btn:last-child {margin-right:0;} .register_btn_box .register_btn.bordered {border:1px solid #333; background:#fff; color:#333;} /* 회원가입 완료 */ .register_result_wrap {text-align: center; padding:80px 30px; border-top:3px solid #333; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;} .register_result_wrap strong {font-size:32px; font-weight:400; line-height: 1.3; word-break: keep-all;} .register_result_wrap p {font-size:18px; line-height:1.5; margin:20px 0 50px;} /* 회원 정보 찾기 */ .lost_wrap {padding:60px 30px; background:#f5f5f5;} .lost_wrap p {font-size:18px; line-height:1.5; word-break: keep-all; text-align: center;} .lost_wrap .inner {display:flex; flex-wrap:wrap; align-items: center; max-width:730px; margin:0 auto; margin-bottom:15px;} .lost_wrap .inner:last-of-type {margin-bottom:0;} .lost_wrap .inner label {font-size:18px; font-weight: 600; width:130px; margin:0;} .lost_wrap .inner input {max-width:calc(100% - 130px); width:100%; height:62px; line-height:62px; background:#fff; border:1px solid #ddd;} /* 공통 가상요소 배경 */ .gray_bg {position:relative; z-index:2;} .gray_bg::before {content:''; width:100vw; height:100%; background:#f5f5f5; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:-1;} /* 마이페이지 */ #mypage {display:flex; flex-wrap:wrap; align-items:center; padding:100px 0;} #mypage .left {width:30%;} #mypage .left span {display:inline-block; font-size:18px; word-break:keep-all; margin-bottom:10px;} #mypage .left p {font-size:32px; line-height:1.3; word-break:keep-all;} #mypage .left p b {font-size:38px; margin-right:10px;} #mypage .left a {display:block; height:52px; line-height:52px; border:1px solid #333; background-color:#fff; font-size:16px; text-align:center; width:170px; margin-top:70px;} #mypage .right {width:70%;} #mypage .right ul {display:flex; flex-wrap:wrap; gap:20px 2%;} #mypage .right ul li {width:calc(33% - 1%); background-color:#fff; border:1px solid #333; border-radius:20px; text-align:center;} #mypage .right ul li a {display:block; padding:50px 20px;} #mypage .right ul li a p {margin-top:35px; font-size:18px; font-weight:600; word-break:keep-all;} /* 회원 확인 */ #confirm {text-align:center;} #confirm .gray_bg {padding:60px 0;} #confirm .sub_btn_box {justify-content:center;} #confirm strong {font-size:18px; line-height:1.3; word-break:keep-all;} #confirm p {font-size:16px; line-height:1.5; margin-top:10px;} #confirm .input_box {max-width:730px; margin:40px auto 0;} #confirm .input_box label {font-size:16px; font-weight:600; margin-bottom:20px;} #confirm .input_box input {width:100%; height:62px; line-height:62px; background-color:#fff; border:1px solid #ddd; padding:0 15px; font-size:16px;} @media all and (max-width:1024px){ /* 로그인 */ #login_wrap .login_box .inner label {font-size:16px;} #login_wrap .login_box .inner input {height:45px; line-height:45px; font-size:15px;} #login_wrap .login_box .login_auto_box label {font-size:15px;} #login_wrap .login_box .btn_box {margin:25px 0 20px;} #login_wrap .login_box .btn_box .login_btn {height:60px; line-height:60px; font-size:18px;} #login_wrap .login_box .lost_box a {font-size:15px;} #login_wrap .login_box .lost_box a span::after {margin:0 10px; height:13px;} #login_wrap .sns_login_box {margin-top:60px;} #login_wrap .sns_login_box h4 {font-size:28px; margin-bottom:25px;} #login_wrap .sns_login_box ul li {height:60px; line-height:60px;} #login_wrap .sns_login_box ul li a {font-size:16px;} #login_wrap .sns_login_box ul li a img {margin-right:15px;} #login_wrap .sns_login_box ul li:nth-child(1) a img {width:24px;} #login_wrap .sns_login_box ul li:nth-child(2) a img {width:28px;} #login_wrap .sns_login_box ul li:nth-child(3) a img {width:13px;} /* 회원가입 */ .register_steps li {margin-right:70px;} .register_steps li::after {top:50px; right:-50px; width:30px;} .register_steps li span {width:100px; height:100px; background-size:60px;} .register_steps li b {font-size:16px; margin-top:15px;} /* 공통 */ .com_input02 {height:50px; line-height:50px;} .chk_wrap02 input + label {font-size:15px;} .register_wrap {margin-bottom:50px;} .register_wrap .register_title {padding-bottom:20px;} .register_wrap .register_title .steps span {height:30px; line-height:30px; font-size:16px; margin-right:15px; padding:0 15px;} .register_wrap .register_title .steps h4 {font-size:20px;} .register_wrap .register_title p {font-size:14px;} .register_wrap .register_cont .inner {padding:15px 0;} .register_wrap .register_cont .inner label {width:180px; font-size:16px;} .register_wrap .register_cont .inner > div {width:calc(100% - 180px);} .register_wrap .register_cont .inner > div span {font-size:13px;} .register_wrap .register_cont .inner > div.address_box .address_inner button {width:150px; height:50px; line-height:50px;} .register_wrap .register_cont .agree_box p {font-size:16px; width:100%;} .register_wrap .register_cont .agree_box div {width:100%; margin:15px 0 0 0;} .register_btn_box .register_btn {height:50px; line-height:50px; font-size:16px;} /* 스크롤바 */ .agree_wrap .mCSB_inside > .mCSB_container {padding:20px;} /* 회원가입 완료 */ .register_result_wrap {padding:60px 30px;} .register_result_wrap strong {font-size:23px;} .register_result_wrap p {font-size:16px; margin:15px 0 35px;} /* 회원 정보 찾기 */ .lost_wrap {padding:40px 30px;} .lost_wrap p {font-size:16px;} .lost_wrap .inner label {font-size:16px;} .lost_wrap .inner input {height:50px; line-height:50px;} /* 마이페이지 */ #mypage {padding:80px 0;} #mypage .left span {font-size:16px; margin-bottom:5px;} #mypage .left p {font-size:22px;} #mypage .left p b {font-size:30px;} #mypage .left a {height:45px; line-height:45px; width:130px; margin-top:50px;} #mypage .right ul li a {padding:40px 20px;} #mypage .right ul li a img {width:40px;} #mypage .right ul li a p {margin-top:25px; font-size:16px;} /* 회원 확인 */ #confirm .gray_bg {padding:50px 0;} #confirm strong {font-size:16px;} #confirm p {font-size:15px;} #confirm .input_box input {height:55px; line-height:55px;} } @media all and (max-width:768px){ /* 로그인 */ #login_wrap .login_box .btn_box .login_btn {height:50px; line-height:50px; font-size:16px;} #login_wrap .login_box .btn_box button.login_btn {margin-bottom:10px;} #login_wrap .sns_login_box {margin-top:40px;} #login_wrap .sns_login_box h4 {font-size:22px; margin-bottom:20px;} #login_wrap .sns_login_box ul li {height:50px; line-height:50px; margin-bottom:10px;} /* 회원가입 */ .register_steps li::after {top:40px;} .register_steps li span {width:80px; height:80px; background-size:50px;} .com_input02 {height:45px; line-height:45px; font-size:14px;} .register_wrap {margin-bottom:35px;} .register_wrap .register_title .steps {width:100%;} .register_wrap .register_title .steps span {height:28px; line-height:28px; font-size:14px; border-radius:14px; margin-right:12px; padding:0 10px;} .register_wrap .register_title p {width:100%; margin:13px 0 0 0;} .register_wrap .register_cont .inner label {width:100%; padding-top:0;} .register_wrap .register_cont .inner > div {width:100%; margin-top:15px;} .register_wrap .register_cont .inner > div.address_box .address_inner {margin-bottom:10px;} .register_wrap .register_cont .inner > div.address_box .address_inner button {height:45px; line-height:45px; margin-left:5px; font-size:15px;} .register_wrap .register_cont .inner > div.inner_flex > div {margin:10px 30px 10px 0;} .register_wrap .register_cont .inner > div.inner_flex .chk_wrap02 {margin-right:20px;} .register_wrap .register_cont .inner > div.inner_flex .chk_wrap02 label {font-size:14px;} .register_wrap .register_cont .inner > div.inner_flex select {max-width:150px;} /* 스크롤바 */ .agree_wrap .mCSB_inside > .mCSB_container {padding:15px;} /* 회원가입 완료 */ .register_result_wrap {padding:40px 20px;} .register_result_wrap strong {font-size:20px;} .register_result_wrap p {font-size:15px;} /* 회원 정보 찾기 */ .lost_wrap .inner label {width:100%; margin-bottom:15px;} .lost_wrap .inner input {max-width:100%;} /* 마이페이지 */ #mypage {padding:50px 0;} #mypage .left {width:100%; text-align:center;} #mypage .left p {font-size:18px;} #mypage .left p b {font-size:23px;} #mypage .left a {margin:25px auto 0;} #mypage .right {width:100%; margin-top:30px;} #mypage .right ul li a {padding:30px 20px;} #mypage .right ul li a img {width:30px;} #mypage .right ul li a p {margin-top:20px;} /* 회원 확인 */ #confirm .gray_bg {padding:40px 0;} #confirm .input_box input { height:50px; line-height:50px;} } @media all and (max-width:480px){ /* 회원가입 */ .register_btn_box {flex-wrap: wrap;} .register_btn_box .register_btn {margin-right:0; margin-bottom:5px;} .register_wrap .register_cont .inner > div.inner_flex .inner_box02 select {max-width:120px;} /* 마이페이지 */ #mypage .right ul li {width:100%;} #mypage .right ul li a {padding:20px;} }