@charset "utf-8";
/*탭 디자인*/
#divTab { width:100%; display:inline-block; margin-left:1px;}
#divTab .m-tabs {width: 100%;}
#divTab .m-tabs li {
width:50%;float:left; font-size:14px; cursor:pointer; 
border:1px solid #eee;border-bottom:1px solid #231815;
color:#999;background:transparent; 
margin:-1px 0 0 -1px;padding:11px 0px 13px; 
text-align:center;z-index:1;line-height:14px;
}
#divTab .m-tabs li.active {border:1px solid #231815; color:#231815; border-bottom:1px solid transparent;z-index:2; position:relative;}

/*== input box title ==*/
.subBox.whiteBox.joinBox h4{font-size:12px;margin-bottom:7px; margin-top:5px;text-align:left; font-weight:600;}

/* Login */
.containerWrap{text-align:center; max-width:1050px; margin:100px auto 0 auto; }
.whiteBox{background:rgba(255,255,255,1.0);border:1px solid #eee;}
.subBox.whiteBox{background:rgba(255,255,255,0.8); border:0;margin:0 auto 148px; display:inline-block; text-align:left;padding:50px 30px; margin:0px auto 110px;width:40%;box-sizing:border-box;}
.subBox.whiteBox.login-step2{width:100%;}
.subBox.whiteBox.login-step2.loginBoxWRap{width:100%; border:1px solid #eeeeee}
.subBox.whiteBox.joinBox.joinComplete{width:40%;}
.subBox.whiteBox.joinBox{width:40%;}
.subBox.whiteBox .loginArea{padding:0px 90px 0 0; border-right:1px solid #d7d7d7;}
.subBox.whiteBox .loginArea .loginBoxArea{width:380px; margin:0 0 0 auto;}
.subBox.whiteBox .loginBtn2{/*border-bottom:1px dashed #dedede; */padding-bottom:20px;margin-bottom:25px;}
.subBox.whiteBox .loginArea a{color:#fff; display:inline-block; text-align:center;box-sizing:border-box; font-weight:400; font-size:1.000em; width:100%;margin-bottom:5px;height:50px;line-height:50px;}
.subBox.whiteBox .loginArea a img{float:left;vertical-align:middle;margin-left:3px;margin-bottom:3px;max-width:50px;}
.subBox.whiteBox .loginArea a strong{color:#fff;font-weight:bold;}
.subBox.whiteBox .loginArea a.facebookBtn{background:#4473aa; border:1px solid #315b95}
.subBox.whiteBox .loginArea a.naverBtn{background:#1ec800; border:1px solid #12ad00;}
.subBox.whiteBox .loginArea a.googleBtn{background:#dc4b34; border:1px solid #C83124;}
.subBox.whiteBox .loginArea a.kakaoBtn{background:#ffeb00; border:1px solid #f4da00;color:#472900;}
.subBox.whiteBox .loginArea .loginInput input{background:#fff; border:0; width:100%; border:1px solid #d7d7d7; text-indent:15px;margin-bottom:5px; height:50px;line-height:normal; border-radius:0;}
.subBox.whiteBox .loginArea .loginInput input[type="password"].user_pw{font-size:13px;font-family:"Nanum Gothic";} /* added by Oak */
.subBox.whiteBox .loginArea .btnarea{margin-top:18px; }
.subBox.whiteBox .loginArea .btnarea button {
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    margin: 5px 0 0px;
    height: 50px;
    line-height: 40px;
    cursor: pointer;
    border-radius: 50px;
}
.subBox.whiteBox .registerBox{ padding:0px 0px 0 90px; }
.subBox.whiteBox .registerBox .memberBox h4{font-size: 19px;margin-bottom:13px; font-weight:400; }
.subBox.whiteBox .registerBox .memberBox p{    font-size: 15px; color:#6f6f6f; margin-bottom:30px;}
.subBox.whiteBox .registerBox .memberBox .noMember{margin:20px 0 77px;}
.subBox.whiteBox .registerBox .memberBox .noMember a{font-size: 16px;color:#333; width:200px;height:43px; line-height:41px; }
.subBox.whiteBox .registerBox .memberBox .forgot{margin:20px 0 77px;}
.subBox.whiteBox .registerBox .memberBox .forgot p{}
.subBox.whiteBox .registerBox .memberBox .forgot a{    font-size: 16px;color:#231815; width:200px;height:43px; line-height:41px; box-sizing:border-box;display:inline-block; text-align:center;}
.subBox.whiteBox .registerBox .memberBox .forgot a:last-child{margin-left:0px;}


/* 회원가입 */
.subBox.whiteBox.joinBox.login-step2.login_input_step{border:1px solid #eeeeee}

.subBox.whiteBox.joinBox{box-sizing:border-box;}
.subBox.whiteBox.joinBox .loginArea{padding:0 10px;border-right:0;}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea{width:100%; margin-left:0;}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea h2{font-size:1.250em; text-align:center; margin-bottom:20px; font-weight:500;}
.subBox.whiteBox.joinBox .loginArea .btnarea button{border-radius:0px;border-radius:50px;}
.subBox.whiteBox.joinBox .loginArea .loginInfo{color:#888; width:100%; display:inline-block; height: 50px; line-height: 50px;}
.subBox.whiteBox.joinBox .loginArea .loginInfo a{color:#231815; float:right;width:auto;}

 /*회원가입 - step1*/
.subBox.whiteBox.joinBox .fullInput.disable{background:#f8f8f8; border:1px solid #d7d7d7;height: 37px;line-height:35px;width:100%; text-indent: 10px; color:#9b9b9b; font-size:13px;}

.subBox.whiteBox.joinBox.login-step2{padding:50px 50px; margin:0px auto 110px;width:100%;} /* 외부 div 고정 픽셀 설정으로 인한 입력창 좁아짐 현상 발생시 130px 을 줄일 것 */
.subBox.whiteBox.joinBox .fullInput{width:100%;}
.subBox.whiteBox.joinBox h2{    font-size: 2.4rem; font-weight:500;margin-bottom:20px;}
.subBox.whiteBox.joinBox.login-step2 .loginArea{padding:0 90px 0 10px; border-right:1px dashed #dedede;}
.subBox.whiteBox.joinBox.login-step2 .agreeBoxArea{padding:0 10px 0 90px;}
.subBox.whiteBox.joinBox.login-step2.login_input_step .loginArea{padding:0 90px 0 10px; border-right:0;}
.subBox.whiteBox.joinBox.login-step2.login_input_step .agreeBoxArea{padding:0 10px 0 90px; border-left:1px dashed #dedede;}
.subBox.whiteBox.joinBox .loginArea .loginInput input{width:78%;background:#fff;float:left;}
.subBox.whiteBox.joinBox .loginArea .loginInput a.whiteBtn, .subBox.whiteBox.joinBox .loginArea .cellular a.whiteBtn, .subBox.whiteBox.joinBox .loginArea .pCellular a.whiteBtn,
.subBox.whiteBox.joinBox .agreeBoxArea a.whiteBtn{border-radius:0; width:20%;float:right;margin-bottom:0;color:#333;height:37px; line-height:36px; font-size:13px;}
.subBox.whiteBox.joinBox .loginArea .loginInput{display:inline-block; width:100%; margin-bottom:5px;}
.subBox.whiteBox.joinBox .loginArea .loginInput #id_chk{font-size:13px; color:#ea3737;margin-top:5px;width:100%;display:inline-block; margin-bottom:10px;}
.subBox.whiteBox.joinBox .loginArea .loginInput p.txt,  .subBox.whiteBox.joinBox .loginArea .loginInput2 p.txt{font-size:0.938em; color:#777;width:100%; display:inline-block; margin:5px 0 15px;}
.subBox.whiteBox.joinBox .loginArea .loginInput2 input{width:100%;border: 1px solid #d7d7d7;text-indent: 15px; height: auto; line-height: normal; border-radius: 0;background:#fff;}
.subBox.whiteBox.joinBox .loginArea .loginInput2 input[type="password"].user_pw{font-size:12px;}
.subBox.whiteBox.joinBox .loginArea .userInfo input.user_pw{margin-bottom:5px;}
.subBox.whiteBox.joinBox .loginArea .userInfo{border-bottom:1px dashed #dedede;margin-bottom: 20px;}

.subBox.whiteBox.joinBox.login-step2 .loginArea .userInfo{border-bottom:0;margin-bottom: 0px;}
.subBox.whiteBox.joinBox .loginArea .userInfo:last-child{margin-bottom:0; padding-bottom:0;border-bottom:0}
.subBox.whiteBox.joinBox select{border-radius:0;}
.subBox.whiteBox.joinBox .loginArea .userInfo input{border-radius:0; height:37px;text-indent: 10px;margin-bottom:0;}
.subBox.whiteBox.joinBox .loginArea .userInfo input[type="text"],
.subBox.whiteBox.joinBox .loginArea .userInfo input[type="number"]{border-radius:0; height:37px; text-indent: 10px;margin-bottom:0;}
.subBox.whiteBox.joinBox .loginArea .userInfo input[type="text"].user_pw{margin-bottom:5px;}
.subBox.whiteBox.joinBox .loginArea .userInfo input[type="text"].mb-10{margin-bottom:10px;}
.subBox.whiteBox.joinBox .loginArea .userInfo .gender{width:100%; display:inline-block;}
.subBox.whiteBox.joinBox .loginArea .userInfo .gender label.radio{font-size:13px; color:#555;}
.subBox.whiteBox.joinBox .loginArea .userInfo .fullInput{width:100%;}
.subBox.whiteBox.joinBox .loginArea .userInfo .birth{width:100%; display:inline-block;}
.subBox.whiteBox.joinBox .loginArea .userInfo .birth select{margin-right:2%;float:left; height:37px;}
.subBox.whiteBox.joinBox .loginArea .userInfo .birth select.w160{width:40%;}
.subBox.whiteBox.joinBox .loginArea .userInfo .birth select.w100{width:28%;}
.subBox.whiteBox.joinBox .loginArea .userInfo .birth select:last-child{margin-right:0}
.subBox.whiteBox.joinBox .loginArea .userInfo .agreeInput{height:40px; line-height:40px; width:100%; display:inline-block;}
.subBox.whiteBox.joinBox .loginArea .userInfo .agreeInput span{}
.subBox.whiteBox.joinBox .loginArea .userInfo .agreeInput .checkArea{float:right;}
.subBox.whiteBox.joinBox .loginArea .userInfo .agreeInput .checkArea label.check{margin-left:10px;}
.subBox.whiteBox.joinBox .loginArea .cellular{display:inline-block; width:100%;margin-bottom:15px; }
.subBox.whiteBox.joinBox .loginArea .cellular select{margin-right:0;width:19%;height:37px;float:left;}
.subBox.whiteBox.joinBox .loginArea .cellular input{width:35.5%; border-radius:0;float:left;}
.subBox.whiteBox.joinBox .loginArea .cellular span{display:inline-block; text-align:center; width:5%;float:left; line-height:37px;}
.subBox.whiteBox.joinBox .loginArea .pCellular{display:inline-block; width:100%;margin-bottom:15px; }
.subBox.whiteBox.joinBox .loginArea .pCellular select{margin-right:0;width:19%;float:left;}
.subBox.whiteBox.joinBox .loginArea .pCellular input{width:35.5%; border-radius:0;float:left;}
.subBox.whiteBox.joinBox .loginArea .pCellular span{display:inline-block; text-align:center; width:5%;float:left; line-height:37px;}

/* .subBox.whiteBox.joinBox .agreeBoxArea .cellular{display:inline-block; width:100%;} */
/* .subBox.whiteBox.joinBox .agreeBoxArea .cellular select{margin-right:0;width:19%;float:left;} */
/* .subBox.whiteBox.joinBox .agreeBoxArea .cellular input{width:26%; border-radius:0;float:left;} */
/* .subBox.whiteBox.joinBox .agreeBoxArea .cellular span{display:inline-block; text-align:center; width:3.5%;float:left; line-height:37px;} */
/* .subBox.whiteBox.joinBox .agreeBoxArea .cellular .certification{margin-top:5px;display:inline-block; width:100%;} */
/* .subBox.whiteBox.joinBox .agreeBoxArea .cellular .certification input{width:78%;} */

.subBox.whiteBox.joinBox.login-step2 .agreeBoxArea .memberBox .btnarea{margin-top:40px;}
.subBox.whiteBox.joinBox.login-step2 .agreeBoxArea .memberBox .btnarea button{width:100%; cursor:pointer; }
.subBox.whiteBox.joinBox.login-step2 .operation{margin-bottom:15px;padding-bottom:20px;}
.subBox.whiteBox.joinBox.login-step2 .operation .gender{}
.subBox.whiteBox.joinBox.login-step2 .operation .gender .radioArea{line-height:37px;}
.subBox.whiteBox.joinBox.login-step2 .operation .gender .radioArea input.smallInput{width:280px; float:right;}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea{}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .upload{display:inline-block; width:100%;}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .upload > div.input{float:left; width:80%; background:#f3f3f3; border:1px solid #d7d7d7;height:37px;padding:11px 10px;font-size:13px;line-height:13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .upload > a{box-sizing:border-box; display:inline-block; vertical-align:middle; border:1px solid #231815; color:#231815; font-size:0.813em; width:20%; height:37px;line-height:35px;text-align:center;}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .upload > div.upload-thumb{border:1px solid #d7d7d7;width:140px;height:140px;margin-right:8px; box-sizing:border-box;display:inline-block;vertical-align:bottom;}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .upload > div.upload-thumb span{width:138px; height:138px; background:#f2f2f2;margin-left:0; border:8px solid #fff; display:inline-block;}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .upload span{font-size:0.813em; color:#999999;margin-left:10px;}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .txt{font-size:0.813em; line-height:18px; color:#777;white-space:pre-line;margin-top:10px;}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .txt span.blue{color:#269cd3;}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .btnarea{margin-top:40px;width:100%; display:inline-block;}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .btnarea button{width:32%; float:left;margin:0 2%;}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .btnarea button.blueBtn{float:right;margin:0;}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .btnarea button.addBtn{border-color:#42a5df; color:#42a5df; margin:0;}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .btnarea button.addBtn:hover{background:#42a5df;color:#fff;}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea .add-dogInfo{/*border-bottom:1px solid #d7d7d7;padding-bottom:10px; */margin-top:5px;margin-bottom:14px;}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea .add-dogInfo ul{display:inline-block;}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea .add-dogInfo li{margin-right:8px;display:inline-block;}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea .add-dogInfo li.on{}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea .add-dogInfo li a{padding:0 20px;display:inline-block;background:#fff; border:1px solid #777;color:#777; font-size:13px;border-radius:4px;height:32px; line-height:30px; box-sizing:border-box;}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea .add-dogInfo li.on a{background:#061f5c; border:1px solid #061f5c; color:#fff;}

.subBox.whiteBox.joinBox .mail{width:100%; display:inline-block; margin-bottom:15px;}
.subBox.whiteBox.joinBox .mail .color-gray{font-size: 0.813em; color: #777; margin-top: 8px; display:inline-block; text-align: left;}
.subBox.whiteBox.joinBox .mail span{float:left; line-height:37px;width:6%; text-align:center; font-size:15px; color:#9b9b9b;}
.subBox.whiteBox.joinBox .mail .mail1{width:30%;float:left;}
.subBox.whiteBox.joinBox .mail .mail2{width:32%;float:left; }
.subBox.whiteBox.joinBox .mail select{display: inline-block; width: 29%; height:37px;margin-left:3%;margin-top:0;vertical-align:top;}
/*
.subBox.whiteBox.joinBox .agreeBoxArea .mail .certification{margin-top: 5px;display: inline-block; width: 100%;}
.subBox.whiteBox.joinBox .agreeBoxArea .mail .certification input{width:78%;}
*/
.subBox.whiteBox.joinBox .address{margin-bottom:15px;}
.subBox.whiteBox.joinBox .address a.whiteBtn, .rightBlock .moidify .mail  a.whiteBtn,
.subBox.whiteBox.joinBox .cellular a.whiteBtn{border-radius:0; width:22%;float:right;margin-bottom:0;color:#333;height:37px; line-height:36px; font-size:0.813em;}
.subBox.whiteBox.joinBox .address .addressSrch input[type="text"]{width:76%;height:37px;}
.subBox.whiteBox.joinBox .address input{border-radius:0;padding-left:10px;height:37px;}
.subBox.whiteBox.joinBox .address input.fullInput{width:100%;padding-left:10px;height:37px;}

.subBox.whiteBox.joinBox .couponBox{margin-top:20px;}
.subBox.whiteBox.joinBox .couponBox input.fullInput{width:100%; padding-left:10px;height:37px;}

.subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree{background:#fff;    border: 1px solid #d7d7d7;box-sizing:border-box; padding:15px;margin-top:25px;}
.subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree .title{    font-size: 14px;margin-bottom:15px;color:#231815;}
.subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree .txt{color:#777;white-space:pre-line; font-size: 12px; line-height:18px;margin-bottom:0;}
.subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree .checkArea{width:100%;font-size:0.875em;}
.subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree .checkArea label.check{width:auto;vertical-align:middle;}
.subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree .checkArea label.check a{width:auto; color:#9b9b9b; color:#777;border-bottom:1px solid #9b9b9b;}
.subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree .checkArea label.check span{color:#272F82;}
.subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree .viewAll{vertical-align:middle; margin-left:5px; font-size:13px;}


.subBox.whiteBox.joinBox .agreeBox .text{font-size: 14px;text-align:center;line-height:18px; margin-bottom: 7px;color:#555;}
.subBox.whiteBox.joinBox .agreeBox .btnarea button{border-radius:50px;width:49%;}
.subBox.whiteBox.joinBox .agreeBox .btnarea button:last-child{float:Right;}


.subBox.whiteBox.joinBox .leave{text-align:right;margin-top:20px; font-size:1.1em;}
.subBox.whiteBox.joinBox .leave a{width:auto; color:#9b9b9b; color:#777;border-bottom:1px solid #9b9b9b;}

.joininfotext {
    margin-top: 2rem;
    display: block;
    font-size: 15px;
}
.joininfotext span {
    font-weight: 700;
    color: #272F82;
}
/* 비밀번호, 아이디 찾기 */

.subBox.whiteBox .loginArea01{padding:0px 90px 0 0; border-right:1px solid #d7d7d7;}
.subBox.whiteBox .loginBoxArea h4{margin-bottom:13px;}
.subBox.whiteBox .loginArea01 .loginBoxArea{width:380px; margin:0 0 0 auto; padding:20 20 20 60;}
.subBox.whiteBox .loginArea01 .loginBoxArea .memberBox{margin-bottom:13px;}
.subBox.whiteBox .loginArea01 .loginInput input{background:#fff; border:0; width:100%; border:1px solid #d7d7d7; text-indent:15px;margin-bottom:5px; height:37px;line-height:normal; border-radius:0;}
.subBox.whiteBox .loginArea01 .loginInput .cellular select{margin-right:0;width:19%;height:37px;float:left;}
.subBox.whiteBox .loginArea01 .loginInput .cellular input{background:#fff; border:0; width:34.1%; border:1px solid #d7d7d7; text-indent:15px;margin-bottom:5px; height:37px;line-height:normal; border-radius:0;}
.subBox.whiteBox .loginArea01 .loginInput .cellular span{display:inline-block; text-align:center; width:5%; line-height:37px;}
.subBox.whiteBox .loginArea01 .btnarea{margin-top:18px;}
.subBox.whiteBox .loginArea01 .btnarea button{width:100%;margin:5px 0 0px;height:43px; line-height:41px;  cursor:pointer;}
.subBox.whiteBox .loginArea01 .checkArea{float:right; padding-top:10px;}
.subBox.whiteBox .loginArea01 .checkArea label.check{margin-left:10px;}

.subBox.whiteBox .loginArea02{padding:0px 25px 0 0; }
.subBox.whiteBox .loginArea02 .loginBoxArea{width:380px; margin:0 0 0 auto;}
.subBox.whiteBox .loginArea02 .loginBoxArea .memberBox p{margin-bottom:13px;}
.subBox.whiteBox .loginArea02 .loginInput input{background:#fff; border:0; width:100%; border:1px solid #d7d7d7; text-indent:15px;margin-bottom:5px; height:37px;line-height:normal; border-radius:0;}
.subBox.whiteBox .loginArea02 .btnarea{margin-top:18px;}
.subBox.whiteBox .loginArea02 .btnarea button{width:100%;margin:5px 0 0px;height:43px; line-height:41px;  cursor:pointer;}

/* 간편로그인 버튼 */
.social_login { position:relative; width:100%; border-top:#f1f1f1 1px solid; margin-top:40px; }
.social_login .col1 { position:relative; width:35%; display:block; padding:0; line-height:45px; font-size:19px; color:#2a2b2b; font-weight:600; float:left; margin-top:40px; }
.social_login .col2 { position:relative; width:65%; display:block; padding:0; line-height:45px; float:left; margin-top:40px; font-size:0; }
.social_login .col2 a { position:relative; width:17% !important; display:inline-block; float:left; margin:0 10px; line-height:45px; padding:0; }

/*테블릿*/

@media all and (max-width:990px) {
.pcVer{display:none;}/*pc버전에서 안보이게 하기*/
.pc-tabletVer{display:block;}/*pc에서 테블릿버전에서만 보이게 하기*/
.tabletVer{display:block;}/*모바일-테블릿버전에서만 보이게 하기*/
.mobileVer{display:none;}/*모바일-테블릿버전에서만 보이게 하기*/

select{font-size:13px;}
input[type="text"], input[type="password"], textarea{font-size:13px;}
#wrapper .containerWrap{padding-top:0px;}
#wrapper.customer .containerWrap{padding-top:0px;}
#subwrapper{padding-top:0px;}
#cartwrapper #wrapper .content{padding-top:0px;}
#m_header.fixed{position: fixed;top: 0px;width:100%;}

body{
/*모바일에서 단어별로 줄바꿈*/
-ms-word-break: keep-all;
word-break: keep-all;
/* Non standard for webkit */
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}
/*==  Header  ==*/
.pcHeader{display:none;}
#header .hd_wrap .hd{height:auto;}
#header .hd_wrap .hd .wsmenu{width:300px;}
#header .hd_wrap .hd  nav .wsmenu-list > li > a.navtext{padding:9px 20px 8px 20px}
.wsmobileheader {position:fixed; width:100%; background:#fff;border-bottom:1px solid #eee; z-index:101}
.wsmobileheader .mobileheder-wrap{height:50px;}
.wsmobileheader .mobileheder-wrap .logo{text-align:center;height:50px;}
.wsmobileheader .mobileheder-wrap .logo img{width:110px;margin:12px 0px;}
.wsmenu02{display:block;}
#header .hd_wrap .hd .right_menu, #header .hd_wrap .hd .smllogo{display:none;}
.gnb-bnr{ background:#f3f3f3; text-align:center;}
.gnb-bnr img{}

/*==  Login 레이아웃  ==*/
.subBox.whiteBox{width:90%;}

/* 로그인 */
.subBox.whiteBox.login-step2.loginBoxWRap{border:0}

.subBox.whiteBox .loginArea .loginBoxArea{width:100%;}
.whiteBox.subBox .loginArea .loginInput input{height:40px;}
#subwrapper{background:#f8f6e9 url('../img/loginBg.jpg')no-repeat top left;}
#subwrapper .containerWrap{min-height:648px;}
.subBox.whiteBox .registerBox .memberBox h4{font-size: 17px;margin-bottom:5px;}
.subBox.whiteBox .registerBox .memberBox p{font-size: 14px;margin-bottom:20px; line-height:19px;}
.subBox.whiteBox .registerBox .memberBox .noMember{margin:0px 0 36px;}
.subBox.whiteBox .registerBox .memberBox .forgot{margin:20px 0 36px;}
.subBox.whiteBox.joinBox .loginArea .loginInput a.whiteBtn, .subBox.whiteBox.joinBox .agreeBoxArea a.whiteBtn{font-size:12px;}

/*== 회원가입 2 ==*/
.subBox.whiteBox.joinBox.login-step2.login_input_step{border:0}

.subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree:first-child{margin-top:25px;}
.subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree{margin-top:15px;}
.subBox.whiteBox.joinBox.login-step2 .agreeBoxArea .memberBox .btnarea,
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .btnarea{margin-top:25px;}
.subBox.whiteBox.joinBox.login-step2{padding:50px 20px;width:60%;}
.subBox.whiteBox.joinBox.login-step2 .loginArea{padding:0 10px 0 10px;width:100%;border-right:0;}
.subBox.whiteBox.joinBox.login-step2 .agreeBoxArea{padding:0 10px 0 10px;width:100%;}
.subBox.whiteBox.joinBox.login-step2 .operation{border-bottom:1px dashed #dedede; }
.subBox.whiteBox.joinBox.login-step2.login_input_step .loginArea{padding:0 10px 0 10px;width:100%;border-right:0;}
.subBox.whiteBox.joinBox.login-step2.login_input_step .agreeBoxArea{padding:0 10px 0 10px;width:100%;border-left:0}

/*.subBox.whiteBox.joinBox .loginArea .userInfo .mail{margin-bottom:13px;}*/
/*.subBox.whiteBox.joinBox .loginArea .userInfo .mail .mail1{width:59%;}*/
.subBox.whiteBox.joinBox .loginArea .userInfo select{font-size:12px;}
.subBox.whiteBox.joinBox.login-step2 .operation .gender .radioArea input.smallInput{width:70%;float:none;}
.subBox.whiteBox.joinBox.joinComplete p.txt{font-size:14px; line-height:19px;}
.subBox.whiteBox.joinBox.joinComplete .btnarea{margin-top:25px;}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea .add-dogInfo li a{font-size:14px;}


/* 비밀번호, 아이디 찾기 */
.subBox.whiteBox .loginArea01{padding:0px 20px 0 0; border-right:0px;}
.subBox.whiteBox .loginArea01 .loginBoxArea{width:100%;}
.whiteBox.subBox .loginArea01 .loginInput input{height:40px;}

.subBox.whiteBox .loginArea02{padding:0px 25px 0 0; }
.subBox.whiteBox .loginArea02 .loginBoxArea{width:100%;}
.whiteBox.subBox .loginArea02 .loginInput input{height:40px;}

}


/*모바일*/
@media all and (max-width:767px) {
/*==  Responsive  ==*/
.pcVer{display:none;}/*pc버전에서 안보이게 하기*/
.pc-tabletVer{display:none;}/*pc에서 테블릿버전에서만 보이게 하기*/
.tabletVer{display:block;}/*모바일-테블릿버전에서만 보이게 하기*/
.mobileVer{display:block;}/*모바일-테블릿버전에서만 보이게 하기*/
input[type="text"], input[type="password"], textarea{font-size:12px;}
#wrapper .containerWrap{padding-top:0px;}
select{font-size:12px;}
body{
/*모바일에서 단어별로 줄바꿈*/
-ms-word-break: keep-all;
word-break: keep-all;
/* Non standard for webkit */
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;}
/*==  Header  ==*/

.gnb-bnr{height:auto;}
.gnb-bnr img{width:100%;}
#wrapper.main .containerWrap .content.section03 .contactArea .contact_form > div.btn > .roundBtn{font-size:1.167em;}


/*==  Login  ==*/
.login_Tmg {margin:-50px 0 0 0;}
.login_Bmg {margin:0 0 -100px 0;}
.subBox.whiteBox.login-step2.loginBoxWRap{border:0}

.subBox.whiteBox{padding:25px;}
.subBox.whiteBox > h3{font-size:1.500em;font-weight:bold;}
.subBox.whiteBox > p{font-size:1.333em;}
.subBox.whiteBox .registerBtn {width:100%; padding:0 0 10px 0; border-bottom:1px solid #ddd; }
.subBox.whiteBox .registerBtn a{color:#fff; display:inline-block; text-align:center; font-size:1.167em; width:100%;margin-bottom:10px;height:45px;line-height:45px; border-radius:5px;}


.subBox.whiteBox .loginBox{width:100%; padding:20px 0 0 0; }
.subBox.whiteBox .loginArea, .subBox.whiteBox .registerBox{width:100%;}
.subBox.whiteBox .loginArea{padding-right:0px; border-right:0;}
.subBox.whiteBox .loginArea a{font-size:1.167em;}
.subBox.whiteBox .loginArea .loginInfo{font-size:1.167em;}
.subBox.whiteBox .loginArea .loginInfo a{font-size:1.000em;}
.subBox.whiteBox .registerBox{padding-left:0px;margin-top:-10px;}
.subBox.whiteBox .registerBox .memberBox .noMember{margin:30px 0 30px;padding-top:20px;border-top:1px dashed #dedede;}

/* 간편로그인 버튼 */
.social_login { position:relative; width:100%; border-top:#f1f1f1 1px solid; margin-top:20px;}
.social_login .col1 { position:relative; width:40%; display:block; padding:0; line-height:45px; font-size:19px; color:#2a2b2b; font-weight:600; float:left; margin:20px 0 30px 0;}
.social_login .col2 { position:relative; width:60%; display:block; padding:0; line-height:45px; float:left; margin-top:20px; font-size:0; }
.social_login .col2 a { position:relative; width:45px !important; display:inline-block; margin:0 5px; line-height:45px; padding:0;}

/*회원가입*/
.subBox.whiteBox.joinBox.login-step2.login_input_step{border:0}

.subBox.whiteBox.joinBox{width:90%; padding:20px 10px;}
.subBox.whiteBox.joinBox.joinComplete{width:90%; padding:50px 10px; margin:40px auto 110px;}
.subBox.whiteBox.joinBox.joinComplete p.txt{font-size:14px; line-height:19px;}
.subBox.whiteBox.joinBox.joinComplete .btnarea{margin-top:25px;}
.subBox.whiteBox.joinBox{width:90%;}
/*.subBox.whiteBox.joinBox .loginArea .userInfo .mail{margin-bottom:13px;}*/
/*.subBox.whiteBox.joinBox .loginArea .userInfo .mail .color-gray{font-size:11px; line-height:16px;margin-top:5px;}*/
.subBox.whiteBox.joinBox.login-step2 .loginArea .userInfo{border-bottom:0;}
.subBox.whiteBox.joinBox.login-step2 .agreeBoxArea .memberBox .btnarea{margin-top:25px;}

/*== 회원가입 2 ==*/
.subBox.whiteBox.joinBox.login-step2{padding:20px 10px 30px;width:95%;}


/* 비밀번호, 아이디 찾기 */
.subBox.whiteBox .loginArea01{padding:0px 0px 0 0; border-right:0px;}
.subBox.whiteBox .loginArea01, .subBox.whiteBox .loginBoxArea{width:100%;}

.subBox.whiteBox .loginArea02{padding:40px 25px 0 0; }
.subBox.whiteBox .loginArea02, .subBox.whiteBox .loginBoxArea{width:100%;}
.subBox.whiteBox .loginArea02{padding-right:0px; border-right:0;}

}

/*==  로그인창 디자인  ==*/
.boxGridArea{width:100%; float:left;}
.boxGrid{	/*박스가 4개일때*/	}
.box-20, .box-25, .box-30, .box-33, .box-40, .box-50, .box-60, .box-70, .box-75, .box-100{float:left;}
.square { position: relative; /*width: 100%;*/ }

.square:after { content: ""; display: block; padding-bottom: 100%; }
.sq-content { position: absolute; width: 100%; height: 100%;}
.rectangle{position: relative;}
.rectangle:after{ content: ""; display: block; padding-bottom: 50%; }
.re-content{ position: absolute; width: 100%; height: 50%;}

.box-20{width:20%;}
.box-25{width:25%;}
.box-30{width:30%;}
.box-33{width:33.333%;}
.box-40{width:40%;}
.box-50{width:50%;}
.box-60{width:60%;}
.box-70{width:70%;}
.box-75{width:75%;}
.box-100{width:100%;}

.cContainer{padding-left:5px; padding-right:5px; margin-left:auto; margin-right:auto;}
.row{clear:both; margin-left:-15px; margin-right:-15px; position:relative;}
.row .col-20, .row .col-25, .row .col-30, .row .col-33, .row .col-35, .row .col-40,
.row .col-50, .row .col-60, .row .col-66, .row .col-70, .row .col-75, .row .col-100{float:left;padding-left:10px; padding-right:10px;box-sizing: border-box;}

.row .col-20{width:20%;}
.row .col-25{width:25%;}
.row .col-30{width:30%;}
.row .col-33{width:33.333%;}
.row .col-35{width:35%;}
.row .col-40{width:40%;}
.row .col-50{width:50%;}
.row .col-60{width:60%;}
.row .col-66{width:66%;}
.row .col-70{width:70%;}
.row .col-75{width:75%;}
.row .col-100{width:100%;}

.mr-3{margin-right:3px;}
.mr-10{margin-right:10px;}
.mr-20{margin-right:20px;}
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-45{margin-top:45px;}
.mt-200{margin-top:200px;}
.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-12{margin-bottom:12px;}
.mb-13{margin-bottom:13px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}

.pt-30{padding-top:30px !important;}
.pt-20{padding-top:20px;}

.pb-10{padding-bottom:10px;}
.pb-30{padding-bottom:30px !important;}
.pb-20{padding-bottom:20px;}
.inline-b{display:inline-block;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}