/* BASIC css start */ /* 타이틀 */ #join{padding:30px 0 0;} .sub_tit{text-align:center; font-size:20px; font-family:'AppleSDGothicNeoSB00', sans-serif; color:#0F0F12; padding-bottom:30px;} /* 정보입력 */ #join .join{padding:0 15px; background:#fff;} #join .join .tableBox table, #join .join .tableBox table tbody, #join .join .tableBox table tr, #join .join .tableBox table th, #join .join .tableBox table td{display:block; width:100%;} #join .join .tableBox table tr{padding:0 0 22px;} #join .join .tableBox table tr:last-child{padding:0;} #join .join .tableBox table th{padding:0 0 5px; font-size:14px; color:#0F0F12; text-align:left; font-weight:normal;} #join .join .tableBox table th:after{content:''; display:inline-block; vertical-align:top; width:4px; height:4px; background:#BA1F2A; margin-left:5px; margin-top:2px;} #join .join .tableBox table td{padding:0;} #join .join .tableBox table td input[type="text"], #join .join .tableBox table td input[type="password"], #join .join .tableBox table td input[type="email"], #join .join .tableBox table td input[type="tel"]{border:none; border-bottom:1px solid #eee; height:44px; font-size:14px; padding:0 0 0 5px; width:100% ! important;} #join .join .tableBox table td input::placeholder{color:#B4B4B4;} #join .join .tableBox table tr.birth .type1{border-bottom:1px solid #eee; font-size:0;} #join .join .tableBox table tr.birth .type1 dd{display:inline-block; vertical-align:top; width:33.333%;} #join .join .tableBox table td dd .box-select{position:relative;} #join .join .tableBox table td dd .box-select:after{content:''; display:block; width:1px; height:11px; background:#eee; position:absolute; top:50%; right:0; margin-top:-5.5px;} #join .join .tableBox table td dd:last-child .box-select:after{display:none;} #join .join .tableBox table td dd .box-select select{appearance:none; -moz-appearance:none; -webkit-appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:block; height:44px; padding:0 0 0 5px; font-size:14px; color:#B4B4B4; background:url('/design/akiiikr/wib/mo/img/icon_select.png')no-repeat right 25px center; background-size:11px; border:none; width:100%;} #join .join .tableBox table tr.gender dl{font-size:0; padding-top:10px;} #join .join .tableBox table tr.gender dl dd{display:inline-block; vertical-align:top; width:50%;} #join .join .tableBox table tr.gender dl dd label{display:block; position:relative; text-align:center; font-size:14px; color:#0F0F12; line-height:44px;} #join .join .tableBox table tr.gender dl dd label input[type="radio"]{-webkit-appearance:none ! important;} #join .join .tableBox table tr.gender dl dd label input[type="radio"]{width:100%; height:100%; position:absolute; top:0; left:0; background:transparent; border:1px solid #eee;} #join .join .tableBox table tr.gender dl dd label input[type="radio"]:checked{border-color:#0F0F12;} #join .join .tableBox table tr.gender dl dd:nth-of-type(1) input[type="radio"]{border-top-left-radius:5px ! important; border-bottom-left-radius:5px ! important;} #join .join .tableBox table tr.gender dl dd:nth-of-type(2) input[type="radio"]{border-top-right-radius:5px ! important; border-bottom-right-radius:5px ! important;} #join .join .tableBox table tr.tel td{font-size:0;} #join .join .tableBox table tr.tel td input{width:calc(100% - 92px) ! important;} #join .join .tableBox table tr.tel td > div{display:inline-block; vertical-align:top; width:92px; box-sizing:border-box; padding-left:10px;} #join .join .tableBox table tr.tel td > div a{display:block; border:1px solid #000; line-height:42px; text-align:center; font-size:14px; color:#0F0F12; background:#fff;} /* 전체동의 */ .join-msg{padding:18px 0 0;} .join-msg label{display:block; font-size:16px; color:#0F0F12; font-family:'AppleSDGothicNeoSB00', sans-serif;} .join-msg p{font-size:14px; color:#787878; padding-top:10px;} #join input[type="checkbox"]{-webkit-appearance:none ! important; width:20px; height:20px; background:url('/design/akiiikr/wib/mo/img/icon_chk_off.png')no-repeat 50% 50% ! important; margin-right:5px; background-size:20px ! important; border-radius:0;} #join input[type="checkbox"]:checked{background-image:url('/design/akiiikr/wib/mo/img/icon_chk_on.png') ! important;} #join #terms_agree .terms-agree dt{padding:40px 0 13px; border-bottom:1px solid #0F0F12; margin:0; height:auto; line-height:1.5;} #join #terms_agree .terms-agree dt input{margin-right:2px; border-radius:0;} #join #terms_agree .terms-agree dt label{font-size:16px; color:#0F0F12; font-family:'AppleSDGothicNeoSB00', sans-serif; font-weight:normal;} #join #terms_agree .terms-agree dt label:after{content:'필수/선택포함'; display:inline-block; vertical-align:middle; font-size:12px; color:#787878; margin-left:5px;} #join #terms_agree .terms-agree dd{margin:0; padding:12px 0; border-bottom:1px solid #eee;} #join #terms_agree .terms-agree dd .lst li{float:none; width:100%; padding:8px 0;} #join #terms_agree .terms-agree dd .lst li label{font-size:14px; color:#0F0F12;} #join #terms_agree .terms-agree dd input[type="checkbox"]:checked{background-image:url('/design/akiiikr/wib/mo/img/icon_chk_on2.png') ! important;} #join #terms_agree .terms-agree dd .lst li a{text-decoration:none;} #join #terms_agree .terms-agree dd + dd{border:none; padding:20px 0 0;} #join #terms_agree .terms-agree dd > label{display:block; font-size:14px; color:#0F0F12; font-weight:normal; padding-bottom:20px;} #join #terms_agree .terms-agree dd > label strong{font-weight:normal;} #join #terms_agree .terms-agree dd + dd div{font-size:0;} #join #terms_agree .terms-agree dd + dd div label{font-size:14px; color:#0F0F12; margin-right:17px;} #join #terms_agree .terms-agree dd + dd div.txt{margin-top:13px; background:#F8F8F8; font-size:14px; color:#454545; padding:10px 5px;} .pd10{padding:30px 15px 0;} .btn_Red{border:1px solid #0F0F12; background:#0F0F12; color:#fff; font-size:15px; font-family:'AppleSDGothicNeoSB00', sans-serif; height:47px; line-height:47px;} /* 이용약관 */ #join #terms_desc .terms-desc{margin:40px 0 0; border-top:1px solid #eee;} #join #terms_desc .terms-desc dt{border:none; border-bottom:1px solid #eee; padding-left:15px; font-size:14px; color:#0F0F12; font-weight:normal; height:54px; line-height:54px;} #join #terms_desc .terms-desc dt .btn-down, #join #terms_desc .terms-desc dt .btn-up{background-image:url('/design/akiiikr/wib/mo/img/icon_arrow_down.png') ! important; background-size:14px; transition:all 0.3s;} #join #terms_desc .terms-desc dt .btn-up{transform:rotate(180deg);} #join #terms_desc .terms-desc dd{border:none; position:relative; margin-top:-1px; z-index:1; background:#F8F8F8; padding:15px; border-bottom:1px solid #eee;} #join #terms_desc .terms-desc dd textarea{border:none; height:150px; padding:0; background:transparent; font-size:12px; color:#0F0F12;} #join #terms_desc .terms-desc dd .sect{border:none; background:transparent; padding:0;} #join #terms_desc .terms-desc dd .sect th{border:none; border-top:1px solid #000; border-bottom:1px solid #eee; color:#0F0F12; font-size:12px; padding:12px 0; background:transparent;} #join #terms_desc .terms-desc dd .sect td{border-bottom:1px solid #eee; font-size:11px; color:#454545; padding:12px 0;} #join #terms_desc .terms-desc dd .sect td [class*="holding"]{font-size:11px; font-weight:normal;} /* 개인정보 수집 이용안내 */ #join .desc h3.none-line {border-bottom: none; } #join .privercy-contract-tap {position: relative; border-left: 1px solid #cacaca; } #join .privercy-contract-tap li {list-style-type: none; border-top: 1px solid #cacaca; border-right: 1px solid #CACACA; background-color: #f4f4f4; display: block; float: left; line-height: 27px; text-align: center; width: 33%; height: 28px; margin-bottom: -1px; } #join .privercy-contract-tap li.sel{background-color: #fff; border-bottom: 1px solid #fff; } #join .privercy-contract-tap li:last-child {border-right: 1px solid #cacaca;; } #join .privercy-contract-tap li a {text-align: center; padding: 0; display: block; color: #787878; width: 100%; height: 100%; } #join .tab-content {border: 1px solid #cacaca;} #join .tab-content .privercy-contract {padding: 10px; } #join .tab-content .privercy-contract p {line-height: 1.5em; width: 100%; height: 55px; margin: 0; padding: 0; border: none; overflow-y: hidden;} /* 구버전 이용약관 등 style 모음 */ #join .desc-3 {border: 1px solid #909090;} #join .desc {position: relative; background-color: #fff; padding: 20px 10px 10px 10px; margin: 0 5px;} #join .desc .open-pop {position: absolute; right: 10px; top: 18px; border: 1px solid #c7c7c7; padding: 2px 10px; float: right;} #join .desc h3 {font-weight: bold; padding: 3px 0;} #join .agree-2 {padding-left: 10px; background-color: #fff; margin: 0 5px;} #layerTermsWrap, #layerPrivercyWrap, #layerThirdPartyWrap, #layerTrustWrap { display: none; } .gender label input[type='radio']{} .gender label input[type='radio']:checked{background:none !important;border: 1px solid #0F0F12 !important;} /* BASIC css end */