/* BASIC css start */

div.C-49-1-2 .tit-page h2 {color:#424242; font-size: 0.875em; padding: 6px; border-bottom: 1px solid #aaa;}
div.C-49-1-2 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* =============================================================================
   회원가입 join_contract.html, join_us.html, join_phone.html, join_complete.html
   ========================================================================== */
#join {}
#join .MK_ok_confirm {color: #1984f1; font-size: 0.875em;}
#join .MK_no_confirm {color: #f1191f; font-size: 0.875em;}
#join .box-wrap .join-form .join-msg {margin: 0 15px 5px 15px; font-size: 0.75em;}
#join .box-wrap .join-form .join-msg .birth_txt {color: #1984f1; font-size: 0.875em;}
#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: 50%; 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; table-layout: fixed; }
#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 .recommend_id button {
display: inline-block;
padding: 7px 10px;
border: 1px solid #CCC;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-box-shadow: 1px 1px 0 0 #9B9A9A;
background-clip: padding-box;
color: #777;
font-size: .875em;
font-weight: bold;
background-color: #EFEFEF;
}

/*평생회원*/
#join table th,td { font-size:0.75em; }
#join .lifetime { position: relative; margin: 5px; text-indent: 0;   font-size:1em; }
#join .lifetime .btn-type-01 { top: 50%; right: 5px; margin-top: -12px; padding: 5px; color: #777; }
#join .lifetime dt, 
#join .lifetime dd { padding-left: 5px; text-indent: 0; }
#join .lifetime dt { color: #000; font-weight: bold; }
#join .lifetime dd { color: #808080; letter-spacing: -1px; }
#join .lifetime dd .withdraw { display : block; padding : 5px;  font-size:0.85em; color : #757575;}
#join .lifetime dd u,
#join .lifetime dd span { color: #000; }

input[type=text]:invalid,
input[type=text]:valid { background:#fff; }

.box-wrap ul li { list-style:none; }
.box-wrap .wrap-tit { height:40px; line-height:42px; padding-left:5px; margin-bottom:5px; font-size:1em; font-weight:bold; border-bottom:1px solid #aaa; color:#000; }
.box-wrap .join-form { padding:5px 0; margin-bottom:12px; background:#F2F4F7; border-top:1px solid #dadada; border-bottom:1px solid #dadada; }
.box-wrap .join-form li { position:relative; height:49px; line-height:49px; padding:0 10px; margin:5px; border:1px solid #dadada; background:#fff; color:#000; box-shadow:5px 5px 5px #f3f3f3 inset; }
.box-wrap .join-form li label { font-size:0.75em; font-weight:bold; line-height:60px;}
.box-wrap .join-form li .txt-input { position:absolute; top:5px; left:10px; width:90%; height: 44px; line-height:34px; padding:0; margin:0; font-size: 0.75em; font-weight: bold; color:#000; border: 0; opacity: 0; filter: alpha(opacity=0); }
.box-wrap .join-form li .err_status { display:none; position:absolute; top:5px; right:10px; text-align:right; color:#ff0000; font-size:0.75em; }
.box-wrap .join-form li .btn { display:block; position:absolute; top:6px; right:8px; width:63px; height:34px; line-height:36px; font-size:0.75em; font-weight:bold; color:#fff; border:1px solid #ddd; background:#636363; text-align:center; }
.box-wrap .join-form li.birth { height:51px; line-height:51px; padding:0; border:0; box-shadow:none; background:none; }
.box-wrap .join-form li.birth dl.type1:after { clear:both; display:block; content:''; }
.box-wrap .join-form li.birth dl.type1 dd { float:left; width:30%; }
.box-wrap .join-form li.birth dl.type1 dd:first-child { width:40%; }
.box-wrap .join-form li.birth dl.type1 dd:nth-child(2) .box-select,
.box-wrap .join-form li.birth dl.type1 dd:nth-child(3) .box-select { margin-left:5px; }
.box-wrap .join-form li.birth dl.type2:after { clear:both; display:block; content:''; }
.box-wrap .join-form li.birth dl.type2 dd { position:relative; float:left; width:30%; }
.box-wrap .join-form li.birth dl.type2 dd ul li { margin:0; }
.box-wrap .join-form li.birth dl.type2 dd:first-child { width:40%; }
.box-wrap .join-form li.birth dl.type2 dd:nth-child(2) ul,
.box-wrap .join-form li.birth dl.type2 dd:nth-child(3) ul { margin-left:5px; }
.box-wrap .join-form li.gender { height:51px; line-height:51px; padding:0; border:0; box-shadow:none; background:none; }
.box-wrap .join-form li.gender dl:after { clear:both; display:block; content:''; }
.box-wrap .join-form li.gender dl dd { float:left; width:32%; }
.box-wrap .join-form li.gender dl dd:nth-child(event) { margin:0px 5px; }
.box-wrap .join-form li.gender dl dd label { display:block; width:100%; height:49px; line-height:51px; border:1px solid #ddd; text-align:center; background:#fff; }
.box-wrap .join-form li.gender dl dd label.on { color:#fff; border:1px solid #ddd; background:#636363; }
.box-wrap .join-form li.gender dl dd label .input-radio { display:none; width:0 !important; height:0 !important; }
.box-wrap .cbox-wrap li { position:relative; height:38px; line-height:48px; padding:0 5px; font-size:0.85em; font-family:dotum; }
.box-wrap .cbox-wrap li a { position:absolute; top:0; right:5px; font-size:0.85em; color:#a2a2a2; font-weight:bold; }
.box-wrap .cbox-wrap li input { vertical-align:middle; }
.box-wrap .join-top-msg {padding: 10px; font-size: 0.75em; background-color: #eff5fc; color: #424242;}
.box-wrap .join-msg { margin:0 10px; }
.box-wrap .join-msg li { line-height:18px; color:#424242; font-size:0.75em; }
.layer-pop-bg { display:none; z-index:1; position:absolute; top:0; left:0; width:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); }
.layer-pop-st2 { min-height:auto; }
.layer-pop-st2 h3 { padding-left:0; padding-right:0;  background:#fff; border-top:2px solid #e0e0e0; border-bottom:2px solid #e0e0e0; color:#000; font-weight:bold; text-align:center; }
.layer-pop-st2 .close { top:2px; width:37px; height:37px; background:#e8e8e8; background-image:none; font-size:1em; color:#000; font-weight:bold; border-top-left-radius:0px; border-top-right-radius:0px; text-indent:0; text-align:center; }
.layer-pop-st2 .close span { display:block; height:37px; line-height:39px; font-family:dotum; font-weight:bold; }
.layer-pop-st2 .txt { padding:15px 22px; color:#999; font-weight:bold; font-size:0.9em; }
div.C-49-1-3 .btn-center {text-align: center; padding: 10px;}
div.C-49-1-3 .btn-center a {color: #fff; background-color: #313131; border: 1px solid #313131; height: 40px; line-height: 40px; font-size: 0.875em; box-sizing: border-box; display: block; border-radius: 3px;}

#check_id_err, #check_passwd_err, #check_passwd2_err { display:block; }

/* 이용약관 */
#layerTermsWrap, 
#layerPrivercyWrap,
#layerThirdPartyWrap,
#layerTrustWrap { display: none; }
#layerTermsWrap .txt,
#layerPrivercyWrap .txt,
#layerThirdPartyWrap .txt,
#layerTrustWrap .txt { 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; }

div.C-49-1-3 .btn-center {text-align: center; padding: 10px;}
div.C-49-1-3 .btn-center a {color: #fff; background-color: #505050; border: 1px solid #505050; height: 40px; line-height: 40px; font-size: 1em; box-sizing: border-box; display: block; border-radius: 3px;}

/* 셀렉트 */
.box-select { position:relative; background:#fff; border:1px solid #dadada; height:48px; vertical-align:middle;}
.box-select select { 
	display:block; width:100%; height:100%; position:absolute; left:0; top:0; border:none; color:#000;
    background:#fff url('/images/d3/modern_simple/btn/btn_select.gif') no-repeat right 0; background-size:48px 48px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
    padding-left:6px;	 font-size:0.82em; line-height:48px; font-weight:bold; font-family:dotum;
}
div.C-49-1-3 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */