/* BASIC css start */
#contentWrap{width:100%;}

.right_q_inq{display:none;}
.right_q_menu{display:none;}
.side-wrap .right-fix-wrap .cart{display:none;}
.q_kakao{display:none;}
.side-wrap .right-fix-wrap{top:auto!important; bottom:5%; transform:none!important;}
.side-wrap .right-fix-wrap .recent-view{display:none!important;}
.uptop_btn li{margin-bottom:5px;}
.quick_left{display:none!important;}


/* BASIC css start */
.btnArea{}
.btnArea:after{content:"";display:block;clear:both;}
.btnArea .left{float:left;width:50%;}
.btnArea .right{float:right;width:50%;}
.btnArea .center{text-align:center;}

/* button */
.cbtn{display:inline-block;font-size:11px;color:#000;min-width:98px;height:31px;line-height:32px;border:1px solid #000;text-align:center;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.cbtn.form{}
.cbtn.form.action{background-color:#000;color:#fff;}
.cbtn.form:hover{background-color:#000;color:#fff;}
.cbtn.form.action:hover{background-color:#fff;color:#000;}

#join-complete{padding-bottom:80px;color:#000;}
.imgWrap.title-img{text-align:center; padding:100px 0 40px }
.tit-join-complete{font-size:44px;letter-spacing:-2px;color:#000;font-weight:bold;line-height:54px;text-align:center;}
.complete-box{padding-top:16px;line-height:20px;color:#7f7f7f;font-size:14px;text-align:center;}
							
.join-footer{text-align:center;padding-top:50px }
.join-footer .cbtn.form{width:228px;height:58px;line-height:58px;font-size:16px;margin:0 5px;}


@font-face {
  font-family: 'BinggraeMelona';
  src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/BinggraeMelona.woff');
}
@font-face {
  font-family: 'BinggraeMelona-Bold';
  src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/BinggraeMelona-Bold.woff');
}
#contentWrap {
    width: 100%;
}


.new_join {}

.new_join img { max-width: 100%;}

.newtop { width: 100%;  background: url(/design/samdacom2/wib2/img/sub/join_sect01_bg.png) no-repeat;  position: relative; background-position: center;}
.newtop img{padding-top:50px; padding-bottom:50px; display: block; margin: 0px auto; }
.newtop h1{font-size:49px; color:#222; font-family: 'GmarketSansBold'; text-align:center; padding: 60px 0; }
.tab { bottom: 0; left: 0;  right: 0; text-align: center;  font-size: 0; width: 1280px; margin:0 auto;}
.tabs { width: 33%; background: #fff; height: 130px; font-size: 12px; display: inline-block; vertical-align: top; cursor: pointer; border-left: 1px solid #efefef;}
.tabs a {  font-family: 'BinggraeMelona-Bold'; color: #212121;  font-size: 2.5em;  padding-top:15px; -webkit-transition: all 0.3s ease;  -khtml-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
.be { font-family: 'BinggraeMelona';  font-size: 25px;  padding-bottom: 5px;   display: block;  padding-top: 16px;}

.tabs:hover a{  color: #e4393e;}
.new_join a {  display: block;}

/*bene_*/
.bene_section01 {background: url(/design/samdacom2/wib2/img/sub/join2_bg.png) no-repeat;  text-align: center;  background-position: center; padding-bottom: 30px;  }
.bene_section01 .list_bg{width:1280px;  margin: 0 auto; }
.bene_section01 .list_bg .list{position:relative; float:left;width:50%; height:100%; padding:20px 10px; box-sizing:border-box; background-color: #2a83ed; margin:0 auto;}
.bene_section01 .list_bg .btn{position:absolute;  float:left; width:60%; top:78%; left: 50%; transform:translateX(-50%); box-sizing:border-box;}

.bene_section02 {position:relative; width:1280px; margin: 0 auto;}
.bene_section02 .btn{position:absolute;  width:35%; top:75%;  }

.bene_section03 {  background-color: #19262f; position:relative; text-align: center; padding-bottom:30px; }

.bene_section03 .btn{position:absolute; top:62%; left:16%;}

.bene_section04 {  background-color: #19262f; position:relative; text-align: center; padding-bottom:30px; }
.bene_section04 img { width:1280px;}
.bene_section04 .btn{position:absolute; width:30%; top:65%; left: 50%; transform:translateX(-50%);}

.bene_section05 {  background-color: #ffd236; position:relative; text-align: center; padding-bottom:30px; }
.bene_section05 > img { width:1280px;}
.bene_section05 .btn{position:absolute;  width:30%; top:76%; left: 50%; transform:translateX(-50%);}



/* BASIC css end */