/* BASIC css start */
input#id{width: 160px !important;}

body {
    background-color: #f6f6f6 !important;
}

#hname{width: 280px !important;}

.MS_input_txt, .txt-frm{width:inherit !important}

.addinfo-tb .col-cell label{font-size:13px;line-height: 3;}
.addinfo-tb .col-cell br{display:none}


.default-side__item.no7 a{font-weight:bold; color: #212121 !important}


input[type='text'], input[type='file'], input[type='password']{
    padding: 0 !important;
    height: 50px !important;
    font-size: 15px !important;
    text-indent: 15px !important;}


.new-privercy-contract {padding:40px 0 5px; }
.new-privercy-contract * {  }
.btnArea{ padding-top:30px; text-align:center }
.btnArea:after{content:"";display:block;clear:both;}
.btnArea .left{float:left;width:50%;}
.btnArea .right{float:right;width:50%;}
.btnArea .center{text-align:center;}

/* input */
.small-input, .normal-input, .large-input {height:31px; line-height:31px; border:1px solid #ddd;padding:0 10px;}
.MS_select { height:31px;}
.small-input{width:83px;}
.normal-input{width:265px;}
.large-input{width:625px;}
.MS_input_tel { width:100px }
input#oaddress { _width:625px }
input#hphone,
input#ophone,
input#etcphone { border: 1px solid #ddd;width:235px !important }

/* button */
.cbtn{display:inline-block;font-size:11px;color:#000;min-width:98px;height:31px;line-height:32px;border:1px solid #000;text-align:center;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.cbtn.form{
    height: 48px;
    line-height: 48px;
    vertical-align: top;
    background: #fff;
    font-size: 13px;}
    
.cbtn.form.action{background-color:#000;color:#fff;}
.cbtn.form:hover{background-color:#000;color:#fff;}
.cbtn.form.action:hover{background-color:#fff;color:#000;}

/* 인증 서비스 영역 */
.ipin-confirm{padding:63px 0;text-align:center;}
.ipin-confirm .chk-wrap { padding-bottom:10px; line-height: 20px; vertical-align: middle; }
.ipin-confirm .chk-wrap i { display: inline-block; vertical-align: middle; }
.ipin-confirm .chk-wrap label { font-size:14px; vertical-align: middle; line-height: 1.25; }
.ipin-confirm .chk-wrap .first { margin-right: 20px; }
.ipin-confirm .info-wrap{}
.ipin-confirm .info-wrap .ipin-info{color:#000;font-size:16px;line-height:20px;padding-bottom:28px;}
.ipin-confirm .info-wrap .info-link{font-size:16px;color:#f00;line-height:30px;border-bottom:1px solid #ff2f2f;display:inline-block;margin:0 25px;}
.ipin-confirm .info-wrap .info-link:hover{opacity:0.7;}
.ipin-confirm .btnArea{padding:48px 0 10px;}
.ipin-confirm .cbtn.form{width:208px;height:58px;line-height:58px;font-size:16px;margin:0 5px;}


input[name="hpost"],input#email,input#opost{
    width: 73%;}

/* table */
.person-tb{border-top:1px solid #e9e9e9;}
.person-tb th, .person-tb td{height:33px;border-bottom:1px solid #e9e9e9;}
.person-tb th{padding:13px 10px 13px 34px;background-color:#f8f8f8;vertical-align:top;color:#000;text-align:left;font-size:14px;font-weight:500;}
.person-tb td{padding:13px;vertical-align:middle;}
.person-tb .head-cell{position:relative;padding-top:6px;}
.person-tb .head-cell .empha{position:absolute;top:6px;left:-10px;font-size:14px;color:#f8574f;}
.person-tb .col-cell{}
.person-tb .lifetime{color:#000;}
.person-tb .lifetime label{margin-right:20px;cursor:pointer;}
.person-tb .lifetime label input{margin-right:5px;vertical-align:-2px;}
.person-tb .lifetime dt{line-height:15px;font-weight:700;padding-bottom:3px;}
.person-tb .lifetime dd{font-size:11px;line-height:16px;}
.person-tb .lifetime dd .withdraw { display : block; padding : 5px; font-size : 11px; color : #757575;}
.person-tb .lifetime dd+dt{padding-top:13px;}
.person-tb .idpw-info{vertical-align: middle;
    margin-top: 10px !IMPORTANT;
    display: block;}
    
.person-tb .MS_select{height: 33px;
    padding: 0 0 0 10px;
    background: #fff url(/design/skinfood/skinfood/images/common/select_arrow.png) no-repeat right center !important;
    width: 13.3%;}
   

.person-tb .col-cell.social{}
.person-tb .col-cell.social .MS_select{margin:0 5px; height: 50px !important;  font-size: 15px !important;}
.person-tb .col-cell.social .MS_select:first-child{margin-left:0;}
.person-tb .col-cell.social .MS_radio{margin-left:20px;margin-right:5px;}
.person-tb .file-upload{display:inline-block;vertical-align:middle;}
.person-tb .user-image{margin-right:23px;}
.person-tb .file-upload input{height:auto !important;padding:0;line-height:0 !important }
.person-tb .email-area span{font-size:12px;display:inline-block;width:12px;vertical-align:middle;margin-left:-1px;}
.person-tb #email2{width:158px; height: 50px !important;font-size: 15px !important;}
.person-tb #direct_email { margin-top:0 !important; width:auto }

/* 추가 정보 입력 */
#addInfo{padding-top:40px;}
.addinfo-tb th, .addinfo-tb td{border:1px solid #e9e9e9;vertical-align:middle;}
.addinfo-tb th{padding:10px 34px;font-size:14px;line-height:20px;text-align:left;}
.addinfo-tb td{padding:13px 31px;}
.addinfo-tb .MS_input_txt{height:31px; line-height:31px; border:1px solid #ddd;padding:0 10px;min-width:402px;}
.addinfo-tb .MS_textarea{border:1px solid #ddd;padding:10px;}
.addinfo-tb input[type="checkbox"], .addinfo-tb input[type="radio"]{margin-left:7px;margin-right:1px;}
.addinfo-tb input[type="checkbox"]:first-child, .addinfo-tb input[type="radio"]:first-child,
.addinfo-tb .col-cell br+input{_margin-left:0;}
/* 약관 동의 */
#chkwrap { border:1px solid #dedede; }

#chkwrap .all-chk { height:43px; line-height:45px; padding-left:20px; font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #dedede; }
#chkwrap .all-chk .input-cbox { width:14px; height:14px; *margin-top:0; } 
#chkwrap .cont ul:after { clear: both; content: ""; display: block; }
#chkwrap .cont ul { padding-bottom:15px;  width: 100% !important; }
#chkwrap .cont ul li { float:left; width:300px !important; line-height:18px; }

#chkwrap .cont ul li::after{content:"(필수)" !important; font-weight: bold; padding-left: 6px;  color: red;}

#chkwrap .cont ul li a { display:inline-block; width:71px; height:16px; line-height:17px !important; margin-top:-2px; font-weight:normal; font-size:11px; border:1px solid #bdbec7; background:#fafafa; text-align:center; }
#chkwrap .cont strong { color:#000; }
#chkwrap .cont label { font-weight:bold; }
#chkwrap .cont .marketing { padding-left:30px; border-top:1px dashed #dadada; line-height:18px; }
#chkwrap .cont .marketing .mk-wrap { height:44px; line-height:46px; }

#chkwrap .cont .marketing .mk-wrap > div::after{content:"(선택)"; font-weight: bold; padding-left: 2px; color: red;}
#chkwrap .cont .marketing .mk-wrap input { margin-top:-1px; *margin-top:0; }
h4.tit { margin-top: 50px; margin-bottom: 5px; padding-left:5px; font-size: 14px; font-weight: bold; }

/* 이용 약관 */
#join .privercy-contract textarea { width:97%; height:165px; }
/* 개인정보 수집이용, 제3제공, 취급위탁 테이블 */
#join .contract-tbl { width:100%; border-spacing:0; border-collapse:collapse; }
#join .contract-tbl th,
#join .contract-tbl td { border:1px solid #e0e0e0; text-align:center; }
#join .contract-tbl th { background: #fcfcfc; }
#join .contract-tbl th div { height:41px; line-height:43px; }
#join .contract-tbl tbody th { font-weight:normal; }
.btm-msg { display:none; padding-top:30px; line-height:18px; }

/*SNS 로그인 연동*/
#snsConnect { margin: 30px 0; }
#snsConnect li { margin-top: 12px; }
#snsConnect li dl { zoom: 1; overflow: hidden; }
#snsConnect li dt, 
#snsConnect li dd { float: left; line-height: 28px; }
#snsConnect li dt { width: 80px; padding-left: 35px; color: #8a8a8a; font-weight: bold; letter-spacing: -1px; }
#snsConnect li.facebook dt { background: url(/images/d3/modern_simple/common/ico_sns_h26_facebook.gif) no-repeat 0 0; }
#snsConnect li.naver dt { background: url(/images/d3/modern_simple/common/ico_sns_h26_naver.gif) no-repeat 0 0; }
#snsConnect li.kakaotalk dt { background: url(/images/d3/modern_simple/common/ico_sns_h26_kakaotalk.gif) no-repeat 0 0; }
#snsConnect li.apple dt { background: url(/images/d3/modern_simple/common/ico_sns_h26_apple.gif) no-repeat 0 0; }
#snsConnect li dd .cut img { padding: 10px 0 0 10px; }
#snsConnect li:last-child{padding-bottom:50px;}

.join-footer{text-align:center;}
.join-footer .cbtn.form{width:228px;height:58px;line-height:58px;font-size:16px;margin:0 5px;}



/* 카카오싱크 */
.kgSync-connect { padding-top: 50px; text-align: center;}
.kgSync-connect .kgSync-connect__title { color: #222; font-size: 24px; font-weight: 500; text-align: left; margin-bottom: 12px;}
.kgSync-connect .kgSync-connect__subtitle { color: #222; font-size: 16px; text-align: left; }
.kgSync-connect .kgSync-connect__contents { background-color: #fafafa; border: 1px solid #efefef; border-radius: 5px; margin: 24px 0 12px 0; text-align: center; }
.kgSync-connect .kgSync-connect__contents .text { display: inline-block; padding: 12px 0; color: #3b68bb; font-size: 13px; }
.kgSync-connect .kgSync-connect__button_kakao { display:inline-block; width: 250px; height: 45px; line-height: 45px; text-align: center; font-size: 15px; color: #111; background-color: #fee500; border-radius: 5px; background-image: url(//storage.keepgrow.com/admin/campaign/20200611043456590.svg); background-repeat: no-repeat; background-size: 15px; background-position: 15px;}
.kgSync-connect .kgSync-connect__button { display:inline-block; width: 250px; height: 45px; line-height: 45px; text-align: center; font-size: 15px; color: #fff; background-color: #31363d; border-radius: 5px;}
/* BASIC css end */