/* BASIC css start */

div.C-343-1-2 .tit-page h2 {color:#424242; font-size: 0.875em; padding: 6px; border-bottom: 1px solid #aaa;}
div.C-343-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%;}
div.C-343-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 */

