/* BASIC css start */
.new-privercy-contract { padding:0 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 { width:235px !important } 

/* button */
.text_warning a { display: block; text-decoration: none; height: 40px; line-height: 40px; box-sizing: border-box; border-color: #000000; font-size: 15px; border-radius: 5px; } 
.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 { } 
.cbtn.form.action { background-color:#000; color:#fff; } 
.cbtn.form:hover { background-color:#000; color:#fff !important; } 
.cbtn.form.action:hover { background-color:#fff; color:#000; } 

/* º»ÀÎÀÎÁõ ¼­ºñ½º ¿µ¿ª */
.auth-confirm { padding:40px 0 60px; text-align:center; } 
.auth-confirm .chk-wrap { padding-bottom:10px; line-height: 20px; vertical-align: middle; } 
.auth-confirm .chk-wrap i { display: inline-block; vertical-align: middle; } 
.auth-confirm .chk-wrap label { font-size:14px; vertical-align: middle; line-height: 1.25; } 
.auth-confirm .chk-wrap .first { margin-right: 20px; } 
.auth-confirm .auth-wrap { } 
.auth-confirm .auth-wrap .auth-info { color:#000; font-size:16px; line-height:20px; } 
.auth-confirm .btnArea { padding: 28px 0 10px; } 
.auth-confirm .btnArea a { display: inline-block; width: 98px; height: 98px; font-size: 12px; margin: 0 8px; border:1px solid #dedede; color:#000; text-align:center; letter-spacing:-1px; } 
.auth-confirm .btnArea a span { display: inline-block; width:96px; height:96px; border:1px solid #fff; } 
.auth-confirm .btnArea a img { width: 45px; height: 45px; margin: 14px 0 10px; } 
.auth-confirm .btnArea a:hover,
.auth-confirm .btnArea a:hover span { border:1px solid #000; } 
.auth-confirm .btnArea a.on,
.auth-confirm .btnArea a.on span { border:1px solid #000; } 

/* 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 .idpw-info { vertical-align:middle; } 
.person-tb .MS_select { height:33px; padding:0 0 0 10px; } 
.person-tb .col-cell.social { } 
.person-tb .col-cell.social .MS_select { margin:0 5px; } 
.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; } 
.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:20px; margin-right:5px; } 
.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: 600px !important; } 
#chkwrap .cont ul li { float:left; width:300px; line-height:18px; } 
#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 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 { padding-top:30px; line-height:18px; } 
#join .user_age_wrap { margin:10px 0px; } 

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

.trxIptWrpTrp > select { width: calc((100% - 76px) / 3) !important; } 
.trxBtnWrp { margin-top: 60px; } 
.trxIptWrpEml > input { width: calc(100% - 213px) !important; } 
.trxIptWrpEml > select { width: 100% !important; margin-top: 3px; } 
.trxIptWrpEml #email3 { width: 169px !important; padding: 0 20px; border: 1px #cccccc solid; border-radius: 5px; font-weight: 400; color: #222222; font-size: 16px; height: 40px; } 

#wrap .member_warning{font-size: 16px;}


/* ·Î±×ÀÎ */
.mypage_cont .normal-input { width: 100%; height: 40px; line-height: 38px; padding: 0 15px; border: 1px solid #ccc; border-radius: 6px; color: #222; font-size: 16px; transition: border-color 0.3s, box-shadow 0.3s; outline: 0; } 
.mypage_cont .MS_email { display: inline-block; height: 40px; line-height: 38px; padding: 0 15px; border: 1px solid #ccc; border-radius: 6px; color: #222; font-size: 16px; background: #fff url(/design/vittz/img/select_arr.jpg) no-repeat right 20px center; background-size: 15px auto; appearance: none; -webkit-appearance: none; margin-left: 5px; width: 113px; flex-shrink: 0; } 
.mypage_cont #direct_email { margin-top: 0 !important; } 
.mypage_cont #direct_email input { width: 130px; } 
.mypage_cont #hpost { width: 100%; padding-right: 120px; height: 40px; line-height: 38px; padding: 0 15px; border: 1px solid #ccc; border-radius: 6px; color: #222; font-size: 16px; transition: border-color 0.3s, box-shadow 0.3s; outline: 0; } 
.mypage_cont .member_address { width: calc(100% - 120px) !important; } 
.mypage_cont #haddress1, .mypage_cont #haddress2 { height: 40px; line-height: 38px; padding: 0 15px; border: 1px solid #ccc; border-radius: 6px; color: #222; font-size: 16px; transition: border-color 0.3s, box-shadow 0.3s; outline: 0; } 
.mypage_cont .member_birthday { align-items: center; } 
.mypage_cont #etcphone1 { display: inline-block; height: 40px; line-height: 38px; padding: 0 15px; border: 1px solid #ccc; border-radius: 6px; color: #222; font-size: 16px; background: #fff url(/design/vittz/img/select_arr.jpg) no-repeat right 20px center; background-size: 15px auto; appearance: none; -webkit-appearance: none; margin-left: 5px; width: 113px; flex-shrink: 0; } 
.mypage_cont #etcphone2, .mypage_cont #etcphone3 { width: 143px; } 
.mypage_cont input[type="radio"] {width: 20px; height: 20px; cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; display:inline-block !important; border: 1px solid #cccccc; border-radius: 3px;} 
.mypage_cont input[type="radio"]:checked { background: url(/design/vittz/img/checkbox_on.png) transparent no-repeat center/20px 20px; } 

.social{}

#wrap .order_view_table > ul > li .info_sns_btn_wrap{align-items: center;}
#wrap .order_view_table > ul > li .info_sns_btn_wrap .n_btn{margin-left: 8px;}
/* BASIC css end */