/* BASIC css start */
/* =============================================================================
   회원가입 join_contract.html, join_us.html, join_phone.html, join_complete.html
   ========================================================================== */
#join {}
#join .breadcrumb-order { background-color: #f4f4f4;; border-bottom: 2px solid #cfcccc; }
#join .breadcrumb-order li { position: relative; line-height: 34px; text-align: center; float: left; width: 33%; list-style-type: none; font-weight: bold; font-size: .875em; background: url(/images/d3/m_01/bull/breadcrumb_order_li@2x.gif) no-repeat right center; background-size: 2px 13px; color: #666; }
#join .breadcrumb-order li:last-child { background: none; }
#join .breadcrumb-order li span { position: absolute; display: block; bottom: -7px; left: 46%; text-indent: -9999px; width: 14px; height: 15px; background: url(/images/d3/m_01/bull/breadcrumb_order_now@2x.gif) no-repeat 0 0; background-size: 100% 100%; }
#join .desc { margin: 20px 15px 0 15px; }
#join .desc h3 { font-size: .875em; font-weight: bold; margin: 0; border-bottom: 1px solid #cacaca; padding-bottom: 10px; }
#join .desc p { margin: 5px 0 0 0; font-size: .75em; }
#join .desc a { color: #1172b6; font-weight: bold; font-size: .75em; text-align: right; display: block; padding-top: 10px; }
#join .desc input[type=checkbox] { margin-right: 5px; }
#join .btns { text-align: center; margin-top: 15px; }
#join .btns a { margin: 0 5px; padding: 8px 30px; }
#join table.normal { margin-top: 15px; border-top: 3px solid #CACACA; }
#join table.normal p { font-size: smaller; margin: 5px 0 0 0; line-height: 1em; letter-spacing: -1px; }
#join .step-03 td { padding-right: 10px; }
#join .conts { padding-top: 10px; text-align: center; }
#join .conts img { margin-bottom: 15px; }
#join .conts h5 { margin: 0; font-size: .875em; color: #777; }
#join .conts h5 strong { color: #000; }
#join .desc2 { margin-top: 10px; font-size: .75em; color: #999; padding: 10px 0; text-align: center; background-color: #f2f2f2; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }
#join .desc2 p { margin: 0; line-height: 1.5em; }
#join .phone { padding: 0 15px; }
#join .phone h4 { font-size: .875em; font-weight: bold; border-bottom: 1px solid #dadada; margin: 15px 0 0 0; padding-bottom: 7px; }
#join .phone .form-wrap { position: relative; padding: 4px; margin: 5px 0; }
#join .phone .form-wrap input { padding: 8px 0; text-indent: 8px; margin-right: 5px; }
#join .phone .form-wrap a { position: absolute; line-height: 21px; }
#join .phone .before {}
#join .phone .before .form-wrap input { width: 50%; }
#join .phone .before h5,
#join .phone .after h5 { margin: 10px 0; font-size: .75em; color: #777; }
#join .phone .before select { width: 100%; }
#join .phone .before .desc { font-size: .75em; background-color: #f2f2f2; color: #999; text-align: center; padding: 10px 0; margin: 0; }
#join .phone .after {}
#join .phone .after .desc { font-size: .75em; color: #999; text-align: center; padding: 10px 0; margin: 0; border-bottom: 1px solid #dadada; }
#join .phone .after .form-wrap input { width: 37.5%; float: left; }
#join .phone .after .form-wrap a.confirm { position: relative; }
#join .phone .after .form-wrap a.re { right: 0; }
#join .phone .after .form-wrap ul { margin-top: 10px; }
#join .phone .after .form-wrap li { margin-left: 20px; list-style-type: square; color: #999; font-size: .75em; }
/* 이용약관 */
#layerTermsWrap, 
#layerPrivercyWrap,
#layerThirdPartyWrap,
#layerTrustWrap { display: none; }
#layerTermsWrap .txt,
#layerPrivercyWrap .txt,
#layerThirdPartyWrap .txt,
#layerTrustWrap .txt { font-size: .75em; padding: 15px 10px; }
/* 개인정보 수집 이용안내 */
#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; height: 75px; }
#join .tab-content .privercy-contract { padding: 10px; }
#join .tab-content .privercy-contract p {  line-height: 1.5em; width: 100%; height: 55px; font-size: .75em; margin: 0; padding: 0; border: none; overflow-y: hidden;}
/* 약관 팝업 관련 */
.layer-pop-join { position: absolute; left:0; top: 0; z-index: 101; width: 100%; min-height: 100%; background-color: #fff; }
.layer-pop-join h3 { white-space: nowrap; padding-left: 15px; padding-right: 10%; overflow: hidden; text-overflow: ellipsis; color: #fff; background-color: #a0a0a0; font-size: .875em; margin: 0; min-height: 30px; line-height: 1.5em; padding-top: 7px; }
.layer-pop-join .btns { margin: 25px 0; padding: 0 15px; }
.layer-pop-join .btns .btn-type-03,
.layer-pop-join .btns .btn-type-04 { padding: 7px 20px; }
.layer-pop-join .btns .f-right { float: right; }
.layer-pop-join .close { display: block; width: 30px; height: 27px; position: absolute; right: 0; top: 10px; background: #fff url(/images/d3/m_01/bull/btn_del_gray@2x.gif) no-repeat center center; background-size: 11px 11px; text-indent: -9999px; font-size: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
/* BASIC css end */