@charset "utf-8";

.tabberlive .tabbertabhide{display:none;}
ul.tabbernav{margin-bottom: 10px; padding: 0 5px;}
ul.tabbernav:after, .tabbertab:after{ content: ""; display: block; clear:both;}
ul.tabbernav li{float:left;margin-right: 10px;line-height: 22px;letter-spacing: -0.04em;}
ul.tabbernav li a{font-size:14px; color:#000;}
ul.tabbernav li a:hover, ul.tabbernav li.tabberactive a{color:#9b785c;}
.tabbertab{}
.tabbertab li{float:left;width:18%;height: 75px;margin:1%;}
.tabbertab li a{display:block;}
.tabbertab li a img{width:100%;border: 1px solid #e1e1e1; transition-duration:0.5s;}
.tabbertab li a img:hover{box-shadow: 0 10px 20px 0 rgba(17,21,23,.1);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}

.tabberlive .tabbertab h2 {display:none;}

.mainToptxt{padding:80px; }
.mainToptxt .toptxtB{font-family: 'Philosopher', sans-serif; font-size:40px; color:#1e3639; line-height: 42px;}
.mainToptxt p{font-size:22px; line-height:32px; }

/*메인비주얼*/
.mainBanner{position: relative}
.mainBanner .cycle-slide{width:100%;height:490px;}
.mainBanner .mainVis01{background:url('../images/main/vis_erom.jpg') no-repeat 50% 50%; background-size: cover}
.mainBanner .mainVis02{background:url('../images/main/vis_bom.jpg') no-repeat 50% 50%; background-size: cover}
.mainBanner .mainVis03{background:url('../images/main/vis_apyld.jpg') no-repeat 50% 50%; background-size: cover}
.mainBanner .mainVis04{background:url('../images/main/vis_exo.jpg') no-repeat 50% 50%; background-size: cover}
.mainBanner .mainVis05{background:url('../images/main/vis_cos.jpg') no-repeat 50% 50%; background-size: cover}
.mainBanner .mainVis06{background:url('../images/main/vis_cell.jpg') no-repeat 50% 50%; background-size: cover}
.mainBanner .mainVis07{background:url('../images/main/vis_na.jpg') no-repeat 50% 50%; background-size: cover}

.btn_cycleLB {display:inline-block;position:absolute;top:50%;left:0;width:26px;height:48px;background:url(../images/main/arr_prev.png) no-repeat;z-index:101;}
.btn_cycleRB {display:inline-block;position:absolute;top:50%;right:0;width:26px;height:48px;background:url(../images/main/arr_prev.png) no-repeat) no-repeat;z-index:101;}

.cycle_slideshow {position:relative}
.cycle_slideshow > div.slide {position:absolute;top:0;left:0;width:100%;padding:0}

.cycle-pager {position:absolute;bottom:20px;width:100%;text-align:center;z-index:800;}
.cycle-pager a {display:inline-block;width:10px;height:10px;margin:0 4px;background:#fff; border-radius:5px;}
.cycle-pager a.cycle-pager-active {background:#1e3639;}
.cycle-pager .bubble {font-size:13px;text-align:center;color:#fff;background:#1e3639; border-radius:3px;
	-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.cycle-pager .bubble span.arr {display:block;position:absolute;left:50%;bottom:-2px;margin-left:-1px;background:#000;border-radius:5px;}
.cycle-pager > * {cursor:pointer}
.cycle-caption {position:absolute;color:#fff;bottom:15px;right:15px;z-index:700}
.cycle-overlay {font-family:tahoma, arial;position:absolute;bottom:0;width:100%;padding:15px;background:black;color:white;z-index:600;opacity:.5}

.cycle-pager a {position:relative;}
.cycle-pager a .balloon {display:none;position:absolute;bottom:20px;left:-195px;width:400px;text-align:center;}
.cycle-pager a .balloon .bubble {position:relative;bottom:0;padding:5px 10px;}
.cycle-pager a.cycle-pager-active .balloon {display:block;}


/*레이어팝업모션*/
.pop-perspective,
.pop-perspective body {height: 100%;overflow: hidden;}
.pop-perspective body  {background: #222;-webkit-perspective: 600px;-moz-perspective: 600px;perspective: 600px;}
.pop-modal {	position: fixed;top: 50%;	left: 50%;	width: 1200px;	max-width: 1200px;	min-width: 320px;	height: auto;	z-index: 2000;	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.pop-show {	visibility: visible;}

.pop-overlay {position: fixed; width: 100%;	height: 100%;	visibility: hidden;	top: 0;	left: 0;	z-index: 1000;	opacity: 0;	background: rgba(17,26,39,0.9);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.pop-show ~ .pop-overlay {	opacity: 1;	visibility: visible;}

/* Content styles */
.pop-content {	color: #000;	background: #fff;	position: relative;	border-radius: 3px;	margin: 0 auto;	padding: 70px;}

/* Effect 17:  Slide in from bottom with perspective on container */
.pop-show.pop-effect ~ .container {	height: 100%;	overflow: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}	

.pop-show.pop-effect ~ .container,
.pop-show.pop-effect ~ .pop-overlay  {
	-webkit-transform: rotateX(-2deg);
	-moz-transform: rotateX(-2deg);
	-ms-transform: rotateX(-2deg);
	transform: rotateX(-2deg);
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.pop-effect .pop-content {	opacity: 0;
	-webkit-transform: translateY(200%);
	-moz-transform: translateY(200%);
	-ms-transform: translateY(200%);
	transform: translateY(200%);
}

.pop-show.pop-effect .pop-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all 0.3s 0.2s;
	-moz-transition: all 0.3s 0.2s;
	transition: all 0.3s 0.2s;
}

.pop-effect2 .pop-content {
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.pop-show.pop-effect2 .pop-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

/* 레이어팝업 */
.closeInner{width: 90px; height: 90px; border-radius: 45px; position: absolute; top: -45px; right:-45px; }
.pop-close{width:90px;height:90px;background:url('../images/common/popClose.png') no-repeat 50% 50%; transition: -webkit-transform 1s; text-indent:-9999px; }
.pop-close_b{background:url('../images/common/popClose_b.png') no-repeat 50% 50%;}
.pop-close:hover{transform: rotate(180deg);}

/* 오시는길 */
.map, .mapList{width:50%;}
.mapList{padding-left: 60px; }
.mapList li{font-size:16px;color:#666;border-bottom:1px solid #ededed;padding-bottom:20px;margin-top: 20px;line-height: 26px;}
.mapList li span{position: relative; font-family: 'Montserrat', sans-serif;color:#000;font-weight: 700;}
.mapList li span:before { content: ""; position: absolute;  left: 0;  right: 0;  bottom: 0;  height: 8px; border-radius: 1px;  background: rgba(139,185,191, 0.8); z-index: -1;}
.mapList li:first-child{margin-top:0;}
.mapList li:last-child{border:0; }
.mapList .btn_more{width:50%;margin:0 auto;}

/* 온라인문의 */
.pop-content .onlineSc{height: 700px;overflow: hidden;overflow-y: scroll;padding-bottom: 100px;}
.onlineSc .onlineTop{background:#9c785a;color:#fff;padding:30px;margin-bottom: 100px;}
.onlineSc .onlineTop ul, .onlineSc .onlineTop li{float:left;color: #fff;margin-right: 15px;line-height: 42px;}
.onlineTop ul.ask li{ font-size: 36px; font-weight: 600;}
.onlineTop ul.ask li:first-child{font-size: 28px; font-weight: 400;}
.onlineTop ul.ask_s li{font-size: 22px;}
.onlineTop .help{float:right;color: #fff;font-size: 25px;line-height: 42px;}

.onlineSc .onTitInner, .onlineSc fieldset{padding: 0 100px 80px;}
.onTitInner{color:#000;}
.onTitInner .topTit{font-size: 45px;font-weight: 600;margin-bottom: 20px;}
.onTitInner .topTitS{font-size: 20px;}
.onTitInner .topTitS:after{content:"";display:block;width:100%;height:1px;background: #d9d9d9;}

.pop-content fieldset{}
.pop-content fieldset p{position:relative;display:inline-block;font-size: 22px;font-weight:500; }
.pop-content fieldset p:before { content: ""; position: absolute;  left: 0;  right: 0;  bottom: 0;  height: 8px; border-radius: 1px;  background: rgba(139,185,191, 0.8); z-index: -1;}
.pop-content fieldset ul{}
.pop-content fieldset li{position:relative;height:55px;line-height: 55px;margin-top: 20px;}
.pop-content fieldset li input,
.pop-content fieldset li select,
.pop-content fieldset li textarea{color: #3a3a3a;position:relative;z-index:1;}
.pop-content fieldset li select option{color:#222;}
.pop-content fieldset ul.li50 li{float:left; width:46%;margin-left:8%;}
.pop-content fieldset ul.li50 li:nth-child(odd){margin-left:0;}

.pop-content fieldset li::before{content:"";width:100%;height:1px;background:#8d9091; position: absolute; bottom: 0; left: 0;}
.pop-content fieldset li::after{content:"";width:0;height:1px;background:#fff; position: absolute; bottom: 0; left: 0;transition: width .2s;transition-delay: .2s;}
.pop-content fieldset li span,
.pop-content fieldset li label{position:absolute;bottom:0;font-weight:400;z-index:0}
.pop-content fieldset li span{left:0;font-size: 18px;}
.pop-content fieldset li label{right:0;display:none}
.pop-content fieldset li input{height:55px;background:none;border:none;width:100%;padding-left: 70px;}
.pop-content fieldset li input:focus,
.pop-content fieldset li textarea:focus{outline:none}
.pop-content fieldset li.textareaWrap{height:auto;}
.pop-content fieldset li.textareaWrap span{top:0;}
.pop-content fieldset li.textareaWrap textarea{width:100%; background: transparent; border: none; padding-top: 50px;}
.pop-content fieldset li>p{font-size:16px;font-weight:300}

.pop-content fieldset li select{padding:0;width: 100%;border: none;font-size: 18px;line-height: 22px;font-weight: 400;}

.agreeWrap{margin-bottom:50px;position:relative;}
.agreeWrap label {margin: 35px 0 15px;display: block;height: 18px;font-size: 16px;line-height: 20px;}
.agreeWrap label i{display:inline-block;width: 18px;height: 18px;border: 2px solid #444;transition: background .4s;}
.agreeWrap label span{color:#999;}
.agreeWrap input[type="checkbox"]{float:left; width: 18px; height: 18px;margin-right:10px}
.agreeWrap .scrollBox{border:1px solid #ddd;font-size: 14px;color: #888; line-height: 22px; padding: 20px; height: 180px; overflow: hidden; overflow-y: auto;}

.onlineBtm{display:table; margin:0 auto; text-align: center; }
.onlineBtm .btmTxt{font-size:50px;color:#1f3639;font-weight: 600;}
.onlineBtm .btmTxt2{font-size:22px;font-weight: 400;}

.pop-content .btn_more{width:50%;margin: 0 auto;}

/* 서브카테고리 */
.subTab{}
.subTab .subTabs{margin-bottom: 10px; padding: 0 5px;}
.subTab .subTabs li{position: relative;display: table;line-height: 30px;margin-bottom: 15px;}
.subTab .subTabs li a{font-size:20px;color:#000;}
.subTab .subTabs li a::after {content: "";width: 0;height: 15px;background: #899598;border-radius: 20px;position: absolute;bottom: 5px;left: -5px;z-index: -1;transition: width .3s;}
.subTab .subTabs li a.tabOn{font-size:26px; font-weight:500;}
.subTab .subTabs li a.tabOn::after {width: calc(100% + 10px);height: 15px;background: #899598;border-radius: 20px;position: absolute;bottom: 5px;left: -5px;z-index: -1;}
.subTab .subTabs li a:hover::after{width: calc(100% + 10px); transition: width .3s; }

.subTab .tab_content{}
.subTab .tab_content li{float:left;width:18%;margin:1%; border:1px solid #e1e1e1; transition-duration:0.5s;}
.subTab .tab_content li a{display:block;}
.subTab .tab_content li a img{width:100%;}
.subTab .tab_content li:hover{box-shadow: 0 10px 20px 0 rgba(17,21,23,.1);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}

.portListInner{display: flex;  flex-wrap: wrap;}
.portListInner .portList{flex-basis: 33.3%;  display: flex;  flex-direction: column; margin-bottom:50px;}
.portListInner .portList dl{padding: 5% 8%;}
.portListInner .portList dt{ font-size: 22px; color: #2c2e2b; margin-bottom: 5px;;}
.portListInner .portList dd{font-size: 14px; color: #8d8d8d;  font-family: 'Montserrat', sans-serif;   font-weight: 500;}

/* action */
.box {border:1px solid #ccc; box-sizing:border-box;	 -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.action {overflow:hidden;position:relative;}
.action img {	 width:100%;	 height:352px;}
.action .social_bg {	 position:absolute;	 bottom:-220px;	 left:50px;	 width:100%;	 height:220px;	 background-color:rgba(0,0,0,0.5);
	 transform:skew(-55deg);
	 -webkit-transform:skew(-55deg);
	 transform-origin:bottom left;
	 -webkit-transform-origin:bottom left;
}
.action .social_box {	 position:absolute;	 right:20px;	 bottom:20px;	 height:35px; cursor: pointer;}
.action .social_box span {	 display:inline-block;	 width:35px;	 height:35px;	 margin-left:10px;	 text-indent:-9999px;	 opacity:0;}
.action .social_box span a{display:block;	 width:35px;	 height:35px;}
.action .social_box span:nth-child(1) {background:url('../images/sub/ico_social.png') 0 0 no-repeat;}
.action:hover img {
	 filter:blur(2px);
	 -webkit-filter:blur(2px);
	 -moz-filter:blur(2px);
	 -o-filter:blur(2px);
}
.action:hover .social_bg {	 bottom:0;
	 transition:all .3s ease;
	 -webkit-transition:all .3s ease;
}
.action:hover .social_box span {	 opacity:1;}
.action:hover .social_box span:nth-child(1) {
	 animation:ballScaleImg 1.5s;
	 -webkit-animation:ballScaleImg 1.5s;
	 animation-fill-mode:both;
	 -webkit-animation-fill-mode:both;
}
.action:hover .social_box span:nth-child(2) {
	 animation:ballScaleImg 1.5s .15s;
	 -webkit-animation:ballScaleImg 1.5s .15s;
	 animation-fill-mode:both;
	 -webkit-animation-fill-mode:both;
}
.action:hover .social_box span:nth-child(3) {
	 animation:ballScaleImg 1.5s .3s;
	 -webkit-animation:ballScaleImg 1.5s .3s;
	 animation-fill-mode:both;
	 -webkit-animation-fill-mode:both;
}

@keyframes ballScaleImg {
0%,30% {
	 transform:scale3d(0,0,1) rotate3d(0,0,1,0.01deg);
	 -webkit-transform:scale3d(0,0,1) rotate3d(0,0,1,0.01deg);
	 opacity:0;
}
45% {
	 transform:scale3d(1.2,1.2,1) rotate3d(0,0,1,0.01deg);
	 -webkit-transform:scale3d(1.2,1.2,1) rotate3d(0,0,1,0.01deg);
	 opacity:1;
}
55%, 100% {
	 transform:scale3d(1,1,1) rotate3d(0,0,1,0.01deg);
	 -webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0.01deg);
}}
@-webkit-keyframes ballScaleImg {
0%,30% {
	 transform:scale3d(0,0,1) rotate3d(0,0,1,0.01deg);
	 -webkit-transform:scale3d(0,0,1) rotate3d(0,0,1,0.01deg);
	 opacity:0;
}
45% {
	 transform:scale3d(1.2,1.2,1) rotate3d(0,0,1,0.01deg);
	 -webkit-transform:scale3d(1.2,1.2,1) rotate3d(0,0,1,0.01deg);
	 opacity:1;
}
55%, 100% {
	 transform:scale3d(1,1,1) rotate3d(0,0,1,0.01deg);
	 -webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0.01deg);
}}

/* 회사소개 */
.comTop{position: absolute;top: 60px;left: 100px;z-index: 10;}
.comTop .txtEn{font-family: 'Philosopher', sans-serif;font-size: 20px;font-weight: 600;margin-bottom: 20px;}
.comTop p{font-size: 60px;color:000;line-height: 70px;}

.comBg{position: relative;background: url('../images/sub/about.jpg') 0 0 no-repeat;height:400px;margin-top: 200px;border-radius: 50px 0 50px 0;background-size: cover;}
.comBg p{position: absolute;bottom: 50px;left: 70px;color: #fff;font-size: 22px;line-height: 32px;}

.why{ padding: 80px 0;}
.why .txtWhyEn{ font-size: 80px; color: #9b785c; line-height: 55px; margin-bottom: 40px;}
.why .txtWhy{font-size: 46px;color: #303030;font-weight: 500;position: relative;}
.why .txtWhy p{display:block;width: 80%;height: 1px;background: #d0d0d0;margin: 45px auto;}
.why .txtWhy span.txtWhys{font-size: 35px;}
.why .whyno{display: block;width: 160;border: 1px solid #d0d0d0;padding: 8px 20;font-size: 14px;color: #000;font-weight: 600;text-align: center;background: #fff;position: absolute;left: 50%;margin-left: -80px;top: 75px;}

.whyListInner{ width: 100%; display: flex; flex-wrap: wrap;}
.whyListInner .whyList{flex-basis: 25%;  display: flex;  flex-direction: column;}
.whyListInner .whyList p{ width: 80%; margin: 0 auto; background: #1f3639; padding: 80px 0; border-radius: 40px 0; font-size: 26px; color: #fff; font-weight: 400;}
.whyListInner .whyList dt{ font-size: 20px;  line-height: 28px; margin: 40px 0 20px; font-weight: 400;}
.whyListInner .whyList dd{font-size: 16px; line-height: 26px;}
.whyListInner .whyList:nth-child(2) p, .whyListInner .whyList:nth-child(4) p{margin-top: 40px;}
.whyListInner .whyList:nth-child(2) p{background:#aaa89c;}
.whyListInner .whyList:nth-child(3) p{background:#9b785c;}
.whyListInner .whyList:nth-child(4) p{background:#eae5e0;}
.comLine{ width: 80%; height: 2px; background: #d0d0d0; margin: 100px auto;}

.comBtm{font-size: 32px;color: #1f3639;text-align: center;letter-spacing: -0.05em;margin: 0 auto 120px;display: table;}
.comBtm p{font-size: 42px;color: #406a6b;font-weight: 500;margin-top: 20px;position: relative;z-index: 999;}
.comBtm p::after{content:"";width: 100%;height: 20px;background: #d9e1e1;position: absolute;bottom: 0;left: 0;z-index: -1;}


 /*right_nav*/
#right_nav{position: fixed;width: 100%;height: 100%;background:#fff;z-index:900;overflow: visible;right: -100%;top: 0;}

.nav-icon:after,
.nav-icon:before,
.nav-icon div {
  background-color: #1D1D1B;
  content: '';
  display: block;
  height: 2px;
  margin: 4px 0;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.nav-icon:before {margin-top:0;}
.nav-icon:after {margin-bottom:0;}
.nav-icon.active-close:before {
  transform: translateY(7px) rotate(135deg);
  -moz-transform: translateY(7px) rotate(135deg);
  -webkit-transform: translateY(7px) rotate(135deg);
}
.nav-icon.active-close:after {
  transform: translateY(-5px) rotate(-135deg);
  -moz-transform: translateY(-5px) rotate(-135deg);
  -webkit-transform: translateY(-5px) rotate(-135deg);
}
.nav-icon.active-close div {
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.nav-icon {
	display:inline-block;
	width: 24px;
	cursor:pointer;
	position:absolute;
	top: 35px;
	right: 20px;
	z-index:100;
	transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.nav .navbar {
	position:fixed;
	width: 100%;
	height:100%;
	right: -100%;
	padding:25px 20px 100px;
       overflow-y: scroll;
	background: #FBFBFB;
	z-index:99;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin:0;
}
.nav .navbar.active-close { right:0; margin-top: 1px; }
   .nav-icon { width: 18px; }
   .nav-icon div { width: 12px; position: relative; right: -6px;}
    
.nav .nav-icon.active-close:before {
  transform: translateY(7px) rotate(135deg);
  -moz-transform: translateY(7px) rotate(135deg);
  -webkit-transform: translateY(7px) rotate(135deg);
}
.nav .nav-icon.active-close:after {
  transform: translateY(-5px) rotate(-135deg);
  -moz-transform: translateY(-5px) rotate(-135deg);
  -webkit-transform: translateY(-5px) rotate(-135deg);
}
.nav .nav-icon.active-close div {
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.muM{width: 90%; margin: 60px auto;}
.muM li{border-bottom: 1px solid #ededed;padding: 10px;}
.muM li a{ font-size: 1.5em;line-height: 3;}

.subContainer{margin:0 auto;padding: 40px 5% 100px; /*min-height: 800px;*/}

/* 회원가입 스텝 */
.step{
	margin: 0 auto 40px;
    background: rgba(0, 0, 0, .05);
    padding: 50px 40px 30px;
    border-radius: 15px
}
.step ul{
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 0 30px;
}
.step ul:before{
    content: "";
    display: block;
    width: 95%;
    height: 2px;
    position: absolute;
    left:2.5%;
    top: 0;
    background: url(../images/sub/line.png) repeat 50% 10px;
}
.step li{
	position: relative;
	width: 120px;
	font-size: 1.3em;
	color: rgba(0,0,0,.7);
	font-weight: 500;
	padding-top: 30px;
	text-align: center;
}
.step li:before{
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	background: #c6cbed;
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left:-7px;
}
.step li.on{color: rgba(0,0,0,1); font-weight: 600;}
.step li.on:before{
	border: 5px solid #c6cbed;
	background: #354de3;
	top: -10px;
	border-radius: 14px;
	margin-left:-10px;
}

.joinPd{ padding:10px;}

.clauseTxt {
    background: #f9f9f9;
    padding: 20px;
    box-sizing: border-box;
    max-height: 300px;
    overflow-y: auto;
	margin-bottom:20px;
	line-height: 1.5;
}

.agreeList { margin-top: 20px;}

.agreeList label {
    line-height: 1.5em;
    font-size: 1.1em;
    font-weight: 300;	
    margin-bottom:5px;
}

.agreeList .mark {top: 3px;}
#container .box{
	position: relative;
	background: rgb(255,255,255,1);
	-webkit-box-shadow: 0 3px 10px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 10px 4px rgba(0, 0, 0, .1);
	border-radius: 10px;
}

#container h3{
	font-size: 1.3rem;
    padding: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    line-height: 22px;
}

.fontS_1_05{ font-size: 1.05rem !important;}

.joinLogo{
	margin: -20px auto 20px;
	text-align: center !important;	
}
.joinLogo img{width:100px;}


.postcode-top{background:#fff;padding:10px;box-sizing:border-box;}
.postcode-top dl{display:table;width:100%;border:1px solid #eeeeee;}
.postcode-top dt{display:table-cell;vertical-align:middle;width:100px;color: #333;font-size:12px;font-weight:700;background:#f5f5f5;padding-left:10px;box-sizing:border-box;}
.postcode-top dd{display:table-cell;vertical-align:middle;padding:10px;box-sizing:border-box;}
.postcode-top dd input{width:calc(100% - 54px); height:30px;}
.postcode-search{width:50px;height:30px;display:inline-block;line-height:30px;background:#333;color:#fff;text-align:center;border-radius:3px;font-size:13px;}

.postcode-middle{position:relative;height:100%;padding:10px;}
.postcode-middle h4{font-weight:normal;padding:0 10px;color: #b9b9b9;font-size:12px;}
.addList{padding:10px;}
.add-listWrap{display:inline-block;width:100%;height:385px;background:#f1f5fa;border:1px solid #ddd;box-sizing:border-box;overflow-y:scroll;margin-top:10px;}
.add-listWrap > ul{width:100%;display:table;padding-bottom:10px;border-bottom:1px dashed #ddd;}
.add-listWrap > ul:last-child{border-bottom:0;}
.add-listWrap > ul >li{float:none;display:table-cell;vertical-align:middle;}
.add-listWrap > ul >li:first-child{width:80%;}
.add-listWrap > ul >li:last-child{width:20%;text-align:center;}
.add-detail{display:table;padding:10px 0 0 10px;cursor:pointer;}
.add-detail .add-title{color:#fff;width:40px;height:18px;display:table-cell;vertical-align:middle;text-align:center;}
.add-detail p{margin-left:10px;}
.btn-side-wrap{display:flex;width:100%; justify-content: space-between; margin-top:10px;}
.btn-side-wrap a{display:block;width: calc(50% - 5px); color:#fff;padding:0 20px;font-size:13px;background:#616a7d !important;line-height:30px;border-radius:3px;text-align:center;}


.pop-bg-blue{background:#6292db;}
.pop-bg-gray{background:#999;}
.pop-bg-yellow{background:#f6c04f;}
.pop-bg-yellow:hover{background:#f7b52c;}

/* 회원가입완료 */
.regConfirm{text-align:center;padding:50px 0;}
.regConfirm .userId{background:#f1f5fa;margin:20px auto 0;line-height:50px;border-radius:25px;width:400px;font-size:18px;}