/* BASIC css start */
#addInfo label {color: #000;font-size: 16px;}

.join-tit {font-size: 36px;
color: #000000;
font-weight: 500;
text-align: center;}

select { appearance: none; padding: 0px 40px 0px 20px; outline:none; }
select { background: url("/design/esdongsuh/2022renewal/PC/select_arr.png") 90% 50% / 12px no-repeat; }
select::-ms-expand{
   display:none;/*for IE10,11*/
}
.file-box .file-btn {position: absolute!important;
    right: 0!important;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    height: 50px;
    border-radius: 5px;
    line-height: 48px;
    border: 1px solid #333;
    width: 98px;
    background: #333;
    padding: 0!important;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    margin: 0!important;
    display: block;top: 0;text-align: center;transition: all .3s;}

.file-box .file-btn:hover {background-color: #fff;color: #333;}
.file-box label {width: 100%;position: relative;}
.file-box input[name='user_image'] {width: calc(100% - 103px);line-height: 48px;}
.file-box input[type="file" i]::-webkit-file-upload-button {position: absolute!important;right: 0!important;box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    
    height: 50px;
    border-radius: 5px;
    
    line-height: 48px;
    border: 1px solid #333;width: 98px;
    background: #333!important;
    padding: 0!important;cursor: pointer;transition: all 0.3s ease 0s;margin: 0!important;display: none;}

.file-box input[type="file" i]::-webkit-file-upload-button:hover {background-color: #fff!important;color: #333;}
.d-flex { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; color: rgb(102, 102, 102); }
.f-size14 { font-size: 14px; color: rgb(0, 0, 0); }
input[type="radio"] { width: 16px !important; height: 16px !important; }
input[type="radio"]::before {top: calc(50% - 9px);width: 16px !important;height: 16px !important;padding: 3px!important;}
.essential { position: relative; display: inline-block; }
.essential::after { content: "*"; color: rgb(255, 0, 34); font-size: 16px; position: absolute; top: -2px; right: -11px; font-weight: 600; }
input#password1::placeholder { color: rgb(153, 153, 153); font-size: 14px; }
.recomm-st { color: rgb(153, 153, 153); font-size: 14px; }
#aside .lnb li.my13 > a { font-weight: bold; color: rgb(51, 51, 51); }
.mk-all strong { font-size: 16px !important; color: rgb(0, 0, 0) !important; }
#chkwrap .cont strong { font-size: 14px; color: red !important; }
#chkwrap .cont label strong { font-size: 16px; font-weight: 400; margin-right: 10px; color: rgb(51, 51, 51) !important; }
.tit-join { font-size: 26px; font-weight: bold; text-align: center; margin-bottom: 10px; color: rgb(0, 0, 0); }
.join-info {   margin-bottom: 50px; font-size: 16px;
line-height: 22px;
color: #999999;
text-align: center;}
#chkwrap .cont .marketing em { font-weight: bold; font-size: 12px; color: rgb(237, 28, 36); }
#join .title { padding-bottom: 5px; font-size: 25px; color: rgb(0, 0, 0); font-weight: bold; text-align: center; margin-bottom: 20px; display: block; }
.MS_input_tel { }
.new-btn-area a { border: 1px solid rgb(237, 28, 36) !important; background-color: rgb(255, 0, 34) !important; }
.new-privercy-contract { padding: 40px 0px 0px; width: 640px; margin: 0px auto; font-size: 16px; color: rgb(51, 51, 51); }
.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; }
.small-input, .normal-input, .large-input { border: 1px solid rgb(221, 221, 221); padding: 0px 20px; font-size: 16px; box-sizing: border-box; }
.MS_select { }
.small-input { width: 83px; }
.normal-input { width: 100%; height: 50px; border-radius: 5px; }
.large-input { width: 625px; }
input#oaddress { width: 625px; }
input#hphone, input#ophone, input#etcphone { width: 235px !important; }
.cbtn { display: inline-block; font-size: 11px; color: rgb(255, 255, 255); background: rgb(237, 28, 36); min-width: 98px; height: 31px; line-height: 31px; border: 1px solid rgb(237, 28, 36); text-align: center; transition: all 0.3s ease 0s; }
.cbtn.form { box-sizing: border-box; font-size: 16px; color: rgb(255, 255, 255); width: 100px; height: 50px; border-radius: 5px; background-color: rgb(51, 51, 51); line-height: 48px; border: 1px solid rgb(51, 51, 51); }
.cbtn.form.action { background-color: rgb(237, 28, 36); color: rgb(255, 255, 255); }
.cbtn.form:hover { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); }
.cbtn.form2:hover { color: rgb(0, 0, 0); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; background-color: rgb(255, 255, 255) !important; }
.cbtn.form.action:hover { }
.cbtn.form2 { box-sizing: border-box; border: 1px solid rgb(221, 221, 221) !important; }
.new-btn-area a:hover { color: rgb(237, 28, 36); background-color: rgb(255, 255, 255) !important; }
.new-btn-area a { transition: all 0.3s ease 0s; }
.new-btn-area { margin-top: 60px !important; border-bottom: none !important; padding-bottom: 0px !important; }
.new-btn-area > a { border-radius: 5px; display: inline-block !important; width: calc(50% - 5px) !important; }
.new-btn-area > a:first-of-type { color: rgb(255, 0, 34); margin-right: 2px; background-color: rgb(255, 255, 255) !important; }
.new-btn-area > a:first-of-type:hover { background-color: rgb(255, 0, 34) !important; color: rgb(255, 255, 255) !important; }
.ipin-confirm { padding: 30px 0px; text-align: center; background: rgb(250, 250, 250); margin-bottom: 30px; }
.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: rgb(0, 0, 0); font-size: 14px; line-height: 20px; padding-bottom: 20px; }
.ipin-confirm .info-wrap .info-link { font-size: 14px; color: rgb(255, 0, 0); line-height: 30px; display: inline-block; margin: 0px 25px; }
.ipin-confirm .info-wrap .info-link:hover { opacity: 0.7; }
.ipin-confirm .btnArea { padding: 25px 0px 10px; }
.ipin-confirm .cbtn.form { width: 180px; height: 50px; line-height: 50px; font-size: 16px; margin: 0px 5px; }
.person-tb .head-cell { font-weight: 400; position: relative; display: inline-block; }
.person-tb .head-cell .empha { position: absolute; top: 8px; left: -10px; font-size: 14px; color: rgb(248, 87, 79); }
.person-tb .col-cell { }
.person-tb .lifetime { color: rgb(0, 0, 0); }
.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 + dt { padding-top: 13px; }
.person-tb .idpw-info { vertical-align: middle; }
.person-tb .MS_select { height: 50px; border-radius: 5px; width: 172px; font-size: 16px; border: 1px solid rgb(221, 221, 221); color: rgb(51, 51, 51); }
.person-tb .col-cell.social label { color: #000; font-size : 14px;}
.person-tb .col-cell.social .MS_radio { margin-left: 10px; 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 { padding: 0px; height: auto !important; line-height: 0 !important; }
.person-tb .email-area span { font-size: 14px; display: inline-block; vertical-align: middle; color: rgb(153, 153, 153); padding: 0px 2px; }
.person-tb #direct_email { width: auto; margin-top: 0px !important; }
#addInfo { width: 640px; margin: 0px auto; border: 1px solid rgb(221, 221, 221); padding: 35px 40px 5px; box-sizing: border-box; border-radius: 5px; }
.addinfo-tb th, .addinfo-tb td { border: none; vertical-align: middle; }
.addinfo-tb th { font-size: 16px; text-align: left; color: rgb(0, 0, 0); font-weight: 400; }
.addinfo-tb td { padding: 13px 0px 30px; }
.addinfo-tb .MS_input_txt { height: 50px; line-height: 48px; border: 1px solid rgb(221, 221, 221); padding: 0px 20px; box-sizing: border-box; width: 100%; font-size: 16px; color: rgb(0, 0, 0); border-radius: 5px; }
.addinfo-tb .MS_textarea { border: 1px solid rgb(221, 221, 221); 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: 0px; }
#chkwrap { margin-bottom: 15px; border-radius: 5px; border: 1px solid rgb(222, 222, 222); }
#chkwrap .all-chk { border-bottom: 1px solid rgb(221, 221, 221) !important; padding: 25px 0px 20px !important; line-height: 0 !important; height: auto !important; margin: 0px 40px 20px !important; font-size: 18px !important; }
#chkwrap .all-chk .input-cbox { margin-bottom: 2px; width: 18px !important; height: 18px !important; }
#chkwrap .cont ul::after { clear: both; content: ""; display: block; }
#chkwrap .cont ul { width: 600px !important; }
#chkwrap .cont ul li { margin-bottom: 20px; width: 300px; line-height: 18px; float: none !important; padding-top: 0px !important; margin-left: 0px !important; }
#chkwrap .cont ul li a { width: 60px; height: 16px; line-height: 20px; margin-top: -2px; font-weight: normal; font-size: 11px; border: 1px solid rgb(189, 190, 199); background: rgb(250, 250, 250); text-align: center; display: none !important; }
#chkwrap .cont strong { color: rgb(0, 0, 0); }
#chkwrap .cont label { font-weight: 400 !important; }
#chkwrap .cont input[type="checkbox"] { margin-bottom: 1px; }
#chkwrap .cont { padding: 0px 0px 0px 40px !important; }
#chkwrap .cont .marketing { line-height: 18px; padding-left: 0px !important; padding-bottom: 25px !important; border-top: none !important; }
#chkwrap .cont .marketing .mk-wrap { height: auto !important; line-height: 18px !important;margin-bottom:20px; }
#chkwrap .cont .marketing .mk-wrap input { margin-top: -1px; }
input#ADemail_ { margin-left: 7px; }
h4.tit { line-height: 24px; color: rgb(0, 0, 0); position: relative; font-weight: 500 !important; font-size: 16px !important; margin: 0px !important; padding-left: 40px !important; padding: 24px 40px;}
i.arrow { background: url("/design/esdongsuh/2022renewal/PC/select_arr.png") center center / cover no-repeat; width: 12px; height: 8px; position: absolute; right: 40px; top: calc(50% - 4px); }
i.arrow.rotate {webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);}
.privercy-contract {  }
#join .privercy-contract textarea { width: 100%; height: 365px; padding: 0px; border: none; resize: none; font-size: 12px; color: rgb(153, 153, 153); line-height: 24px; margin-top: 25px; }
#join .privercy-contract textarea:focus { outline: none; }
#join .privercy-contract textarea::-webkit-scrollbar { width: 6px; }
#join .privercy-contract textarea::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgb(221, 221, 221); }
#join .contract-tbl { width: 100%; border-spacing: 0px;margin-top: 25px; }
#join .contract-tbl th, #join .contract-tbl td { border: 1px solid rgb(224, 224, 224); text-align: center; }
#join .contract-tbl th { background: rgb(252, 252, 252); }
#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; }
#snsConnect { margin: 30px 0px; }
#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: rgb(138, 138, 138); font-weight: bold; letter-spacing: -1px; }
#snsConnect li.facebook dt { background: url("/images/d3/modern_simple/common/ico_sns_h26_facebook.gif") 0px 0px no-repeat; }
#snsConnect li.naver dt { background: url("/images/d3/modern_simple/common/ico_sns_h26_naver.gif") 0px 0px no-repeat; }
#snsConnect li.kakaotalk dt { background: url("/images/d3/modern_simple/common/ico_sns_h26_kakaotalk.gif") 0px 0px no-repeat; }
#snsConnect li dd .cut img { padding: 10px 0px 0px 10px; }
#snsConnect li:last-child { padding-bottom: 50px; }
.bbs-btm .bbs-link:first-of-type { right: 160px; }
.bbs-link:first-of-type > a { background-color: rgb(255, 255, 255); color: #f02; }
.bbs-link:first-of-type > a:hover { background-color: #f02; color: #fff; }

#chkwrap .cont>.marketing>.txt {
    padding-right: 40px;
    line-height:1.5;
}
.notice-desc {
}

.notice-desc>p {
    margin:0;
    position: relative;
    font-weight: 400;
    padding-left: 17px;
}

.notice-desc>p:before {
    content: "-";
    position: absolute;
    left: 5px;
}

/* BASIC css end */