/* 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 ; }
/* 시즌2 구약관 */
#join .stipulation1,
#join .stipulation2,
#join .stipulation3 {margin-bottom: 20px;}
#join .stipulation1 .box,
#join .stipulation3 .box {margin: 5px 10px; padding: 10px; border: 1px solid #d1d1d1; font-size: 0.75em; color: #656565;}
#join .stipulation2 .box {margin: 5px 10px; border: 1px solid #d1d1d1; font-size: 0.75em;}
#join .stipulation1 .desc,
#join .stipulation2 .desc,
#join .stipulation3 .desc {position: relative; font-size: 0.75em; height: 20px;}
#join .stipulation1 .desc p,
#join .stipulation2 .desc p,
#join .stipulation3 .desc p {margin-left: 10px;}
#join .stipulation1 .desc p label {margin-right: 10px}
#join .stipulation1 .desc .detail-view,
#join .stipulation2 .desc .detail-view,
#join .stipulation3 .desc .detail-view {position: absolute; right: 10px; top: 0; border: 1px solid #c4c4c4; padding: 2px 5px;}
#join .stipulation1 .tit-page-bull,
#join .stipulation2 .tit-page-bull,
#join .stipulation3 .tit-page-bull {margin-left: 10px; font-size: 0.75em; margin-top: 10px;}
#join .stipulation3 .agree-check {margin-left: 10px; font-size: 0.875em;}
#join .stipulation3 .agree-check li {margin-bottom: 5px;}
#join .stipulation2 .box ul {overflow:hidden; font-size:0.875em; background-color: #ececec;}
#join .stipulation2 .box ul li {float:left; width:33.3%;}
#join .stipulation2 .box ul li a {display:block; text-align:center; height:42px; line-height:43px; letter-spacing:-1px;}
#join .stipulation2 .box ul li:first-child a {border-left:none;}
#join .stipulation2 .box ul .on a {background:#fff; color:#333;}
#join .stipulation2 .box .tab-content .txt {padding: 10px; color: #656565;}
.privercy-contract-tap li.sel{ background-color: #fff; }
#layerTermsWrap, #layerPrivercyWrap, #layerThirdPartyWrap, #layerTrustWrap { display: none; }

/* 레이어 팝업 */
.layer {position: absolute;width: 100%;min-height: 100%;z-index: 4;left: 0;top: 0;background:rgba(60,60,60,0.8);}
.layer .layer-pop {margin: 40px auto; width:90%; background-color: #fff; position: relative; box-shadow: 0px 1px 10px #494949; margin:80px auto; font-size: 0.875em;}
.layer .layer-pop h3  {border-bottom: 2px solid #393939; height: 36px; line-height: 36px; font-weight: bold; margin: 0 10px; }
.layer .layer-pop .txt {max-height: 358px; overflow-y: auto; padding:10px; font-size: 0.875em; -webkit-overflow-scrolling: touch;}
.layer .layer-pop .close {position:absolute; top:0; right:0; width: 45px; height: 36px;}
.pop-close-btn {position: relative;}
.pop-close-btn .x1 {border: 1px solid #393939; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 25px; position: absolute; top: 17px; right: 7px;}
.pop-close-btn .x2 {border: 1px solid #393939; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 25px; position: absolute; top: 17px; right: 7px;}
#addrSearch .addr_type {text-align:center; font-weight: bold; font-size: 0.875em;}
#addrSearch .addr_type label {margin:0 5px;}
.layer .search-form .btn_Grey {width:105px; display:inline; margin-left: 10px; height: 35px; border-radius: 3px; background-color: #f5f5f5; border: 1px solid #676767;}
.layer #searchStep02 .btn_Black,
.layer #searchStep03 .btn_Black {margin-top:10px;width: 100%;height: 35px;line-height: 35px;background-color: #505050;color: #fff;text-align: center;display: block;border: 1px solid #505050;box-sizing: border-box;vertical-align: middle;border-radius: 3px;}
.layer-pop .l-tbl td,
.layer-pop .l-tbl th { border:1px solid #cbcbcb; text-align:center; font-size:11px; }

/* 동의/취소 버튼 */
 .btn-center {text-align: center; padding: 10px; overflow: hidden;}
.btn-center .btn-ok {color: #fff; background-color: #313131; border: 1px solid #313131; height: 40px; line-height: 40px; font-size: 0.875em; box-sizing: border-box; display: inline-block; border-radius: 3px 0 0 3px; float: left; width: 50%;}
.btn-center .btn-no {color: #313131; background-color: #fff; border: 1px solid #313131; height: 40px; line-height: 40px; font-size: 0.875em; box-sizing: border-box; display: inline-block; border-radius: 0 3px 3px 0; float: left; width: 50%;}


/* 이용 약관 */
/* 개인정보 수집이용, 제3제공, 취급위탁 테이블 */
hr, caption, legend {display: none;}
.form-terms {padding-top:30px;}
.form-terms h3.tit {margin:0 20px; font-size:1.125em; font-family: 'Malgun Gothic';}
.form-terms .all-chk {margin:25px 0 15px; border-bottom:1px solid #ededed;}
.form-terms .all-chk .chk-box {margin:0 20px; padding:18px 15px; border:1px solid #000; border-radius:6px;}
.form-terms .all-chk h4 {position:relative; margin:0; padding:0; font-size:1em; font-family: 'Malgun Gothic';}
.form-terms .all-chk h4 span {position:absolute; right:0; top:0;}
.form-terms .txt-desc {margin:10px 0 15px;}
.form-terms .txt-desc ul {list-style: none;}
.form-terms .txt-desc ul li {position:relative; margin:10px 20px 0px; padding:0 10px; color:#666; font-size:.813em; font-family: 'Malgun Gothic';}
.form-terms .txt-desc ul li:before {position:absolute; left:0; top:2px; content:'*';}

.form-terms .form-wrap {margin:20px; padding:18px 15px; border:1px solid #aaa; border-radius:6px;}
.form-terms .form-wrap .title-wrap {position:relative;}
.form-terms .form-wrap .title-wrap .checkbox {position:absolute; right:0; top:0;}
.form-terms .form-wrap h4.form-title {margin:0; padding:0; font-size:1em; font-weight: bold; font-family: 'Malgun Gothic'; letter-spacing:-1px;}
.form-terms .form-wrap h4.form-title .btn-toggle {display:inline-block; padding-left:5px; line-height:17px; vertical-align:top;}
.form-terms .form-wrap h4.form-title .btn-toggle img {vertical-align:middle;}
.form-terms .form-wrap .inner {display:none; padding-top:15px;}
.form-terms .form-wrap textarea {width:100%; height:150px; padding:10px; color:#666; font-size:.813em; border:0; border-radius:6px; background:#f6f6f6;}
.form-terms .form-wrap .privercy-chk {margin-top:10px; text-align:right;} /* 220802 추가 */
.form-terms .form-wrap .privercy-chk label {color:#666; font-size:.813em;} /* 220802 추가 */
.form-terms .form-wrap .contract-tbl { width:100%; border-spacing:0; border-collapse:collapse }
.form-terms .form-wrap .contract-tbl th,
.form-terms .form-wrap .contract-tbl td { padding:10px; border:1px solid #e0e0e0; font-size:.813em;}
.form-terms .form-wrap .contract-tbl th { background: #f6f6f6; font-weight:normal; color:#666; text-align:center; }
.form-terms .form-wrap .contract-tbl th label {vertical-align:middle;}
.form-terms .form-wrap .contract-tbl td {color:#000; vertical-align: middle;}
.btn-agree a {display:block; margin:0 20px; padding:16px 0; background:#000; border-radius:6px; color:#fff; text-align:center; font-family: 'Malgun Gothic'; font-weight:700; letter-spacing:-1px;}
div.C-49-1-3 hr, div.C-49-1-3 caption, div.C-49-1-3 legend {display: none;}
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 */