@charset "utf-8";
/* sticky*/
#navbar {overflow: hidden;background-color: rgba(17,17,17,0.9);width:100%;height:120px;z-index: 99;}
#navbar div {width:1180px;height:120px;margin:0 auto;/*background:url("../images/tt01_full.png") no-repeat;*/position: relative;display:flex;justify-content:center;align-items:center;}
#navbar div button{background:url("../images/btn01.png") no-repeat;width:362px;height:62px;position: absolute; top: 50%; right:0;margin: 0; transform: translate(0, -50%);}
#navbar div button:hover{background:url("../images/btn01_on.png") no-repeat;}

h2.int{display:inline-block;font-size: 1.875em;color:#fff;text-align:left;width:100%;font-weight: 700;letter-spacing:-0.3px;line-height:1;font-family: 'GmarketSansLight';}
h2.int > span{display:inline-block;}
h2.int > span > span.tte{display:inline-block;background:url('../images/tti.png') repeat-x left 90%;font-family: 'GmarketSansBold';padding:0 3px;}

/*.sticky {position: fixed;top: 0;transition: all 0.5s;}
.sticky + .content {padding-top: 60px;}*/


.content1 {
	width:100%; /*height:100%;*/
	background-image: url("../images/visual_0101.jpg"); 
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover; z-index: 20; transition: 0.7s ease; animation: fadeIn 1s 1;
}

.content1 section{position: relative;width:1200px;height:730px;margin:0 auto;border:0px solid red;}
.content1 section p{display:inline-block;}

.content2 {
	width:100%; height:100%;
	background-image: url("../images/visual_0101_1180.jpg"); 
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover; z-index: 20; transition: 0.7s ease; animation: fadeIn 1s 1;
	display:none;
}

.content_mo{clear:both;position: relative;width:100%;margin:0 auto;background-image:none;display:none;}
.content_mo span img{text-align:center;width:100%:height:auto;}

article{float: left; transition: all 0.5s;}
.tx01{width: 500px;height: 70px;background: url("../images/vi0101.png") no-repeat top left;position:absolute;top: 480px;left:20px;animation-delay:.4s;opacity:0}
.tx02{width: 541px; height: 40px; background: url("../images/vi0102.png") no-repeat left top;position:absolute;top:100px;;left:20px;opacity:0}
.tx03{width: 561px; height: 163px; background: url("../images/vi0103.png") no-repeat left top;position:absolute;top:166px;left:21px;animation-delay:.2s;opacity:0}
.tx04{width: 123px;height: 125px;background: url("../images/txt01.png") no-repeat top left;position:absolute;top: 325px;left:17px;animation-delay:.4s;opacity:0}
.tx04-1{width: 123px;height: 125px;background: url("../images/txt02.png") no-repeat top left;position:absolute;top: 305px;left: 120px;animation-delay:.6s;opacity:0}
.tx04-2{width: 123px;height: 125px;background: url("../images/txt03.png") no-repeat top left;position:absolute;top: 327px;left: 222px;animation-delay:.5s;opacity:0}
.tx04-3{width: 123px;height: 125px;background: url("../images/txt05.png") no-repeat top left;position:absolute;top: 304px;left: 430px;animation-delay:.5s;opacity:0}

.tx05{width: 123px;height: 125px;background: url("../images/txt04.png") no-repeat top left;position:absolute;top: 325px;left: 327px;opacity:0;animation-delay:.6s;}


.content{clear:both;position: relative;width:100%;margin:0 auto;padding:0;}
section.con{width:100%;}
section.con > article{width:100%;display:block;transition: all 0.5s; text-align:center;}
section.con > article:nth-child(1){background: #e7e7f0 url("../images/visual_0102_bg.jpg") no-repeat center center;}
section.con > article:nth-child(2){background: url(../images/visual_0103_bg.jpg) no-repeat center center;}
section.con > article:nth-child(2) > img{display:block;margin:0 auto; text-align:center;}
section.con > article:nth-child(3){background: #252b3c url("../images/visual_0105_bg.jpg") no-repeat center center;}
section.con > article:nth-child(4){background: #fff}
section.con > article:nth-child(5){background: #ffffff;}
section.con > article:nth-child(6){background: #252b3c url("../images/visual_0108_bg.jpg") no-repeat center center;height:277px;}
section.con > article:nth-child(6) > img{padding-top:61px;}
section.con > article.lastt{background: #f3f4f8 url("../images/visual_0109_bg.jpg") no-repeat center center;}
section.con > article.lastest{background: #fff}
section.con > article img{text-align:center;width:1200px;}

/* �ϴܹ�ư �߰�*/
section.con > article:last-child{padding-bottom: 120px; padding-top: 80px;}
section.con > article:last-child > button{
	/*background:#d92f1f;width:470px;height:100px;line-height:100px;display:inline-block;color:#fff; font-size:40px;border-radius:7px;font-family: 'GmarketSansMedium' sans-serif;*/
	width:430px;height:92px;line-height:100px;display:inline-block;
}
section.con > article button.btn_join{background:url("../images/btn_join.png") no-repeat;}
section.con > article button.btn_join:hover{background:url("../images/btn_join_on.png") no-repeat;}
section.con > article button.btn_su{background:url("../images/btn_su.png") no-repeat;margin-left:16px;}
section.con > article button.btn_su:hover{background:url("../images/btn_su_on.png") no-repeat;}

/*��ư �����*/
.blink2{background:url("../images/btn01.png") no-repeat;}
.blink-over{background:url("../images/btn01_on.png") no-repeat;}

/*�����ı� �߰� */
.review_w.rehabh{clear:both; width:100%;height:717px;margin:0px auto;padding:0;background:#3b2b86 url('../images/review_bg.jpg') no-repeat 50% 0;background-size: cover;}
.review_w.rehabh > h2.introd{font-family: 'GmarketSansMedium';display:block;font-size: 38px;color:#fff;text-align:center;width:100%;font-weight: normal;letter-spacing:-0.5px;}
.review_w.rehabh > p.intro_tt{font-family: 'GmarketSansBold';color:#fff;text-align:center;font-size: 50px;line-height:44px;font-weight: normal;margin:10px auto 0;display:table;background: #4c2c15;}
.review_w.rehabh > p.intro_tt > span{display:table-cell;vertical-align:middle;height:44px;padding:2px 5px 0;}

.review_w.rehabh > .carousel_wrap{width:1180px; margin:0 auto;position:relative;text-align:center;font-family: 'GmarketSansMedium';font-weight: normal;letter-spacing:-0.3px;}
.review_w.rehabh > .carousel_wrap .swiper-container{width:1052px; margin:0 auto;position:relative;overflow:hidden;text-align:center;border:0px solid yellow;}
.review_w.rehabh > .carousel_wrap .swiper {width:1052px; margin:0 auto;position:relative;/*overflow:hidden;*/text-align:center;}
.review_w.rehabh > .carousel_wrap .swiper-wrapper .swiper-slide{
	width:408px; height:280px;margin-top:40px;
	background:#fff;border-radius:0px;padding:16px;
	opacity:0.9;
}

/* �����Ұ�*/
section.con > article.lecc{background: #36425a url("../images/lec_bg.jpg") repeat center center;}
p.lecc_tt{width:979px;height:124px;margin:100px auto 0;background: url("../images/lecc_title.png") no-repeat center center;}
ul.leccw{width:1180px;margin:84px auto 80px;display:flex;justify-content:space-between;border:0px solid red;}
ul.leccw li{background-repeat: no-repeat; background-position: left top;width:283px;height: 473px;transition:all .3s;box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
ul.leccw li a{width:100%; height:100%; display:inline-block;text-indent:-1000em;}
ul.leccw li:first-child{background: url("../../202102/images/lec01.png");}
ul.leccw li:nth-child(2){background: url("../../202102/images/lec02.png");margin-top:50px;}
ul.leccw li:nth-child(3){background: url("../../202102/images/lec03.png");}
ul.leccw li:nth-child(4){background: url("../../202102/images/lec06.png");margin-top:50px;height: 473px;}
ul.leccw li:hover{cursor:pointer;}
ul.leccw li:first-child:hover{background: url("../../202102/images/lec01_over.png");}
ul.leccw li:nth-child(2):hover{background: url("../../202102/images/lec02_over.png");}
ul.leccw li:nth-child(3):hover{background: url("../../202102/images/lec03_over.png");}
ul.leccw li:nth-child(4):hover{background: url("../../202102/images/lec06_over.png");}

.swiper-slide-active{
	width:532px !important; height:356px;z-index:99999;
	background:#fff;border:4px solid #112d36;border-radius:0px;
	margin-left:-14%;margin-top:0px;padding:0px;
	-webkit-box-shadow:8px 8px 12px rgba(58,59,61,0.2), -8px 8px 12px rgba(58,59,61,0.2);
	opacity:1;
}

.review_w.rehabh > .carousel_wrap .swiper-wrapper .swiper-slide-active{
	width:532px; height:356px;z-index:99999;
	background:#fff;border:4px solid #112d36;border-radius:0px;
	margin-left:-148px;margin-top:0px;padding:0px;
	-webkit-box-shadow:8px 8px 12px rgba(58,59,61,0.2), -8px 8px 12px rgba(58,59,61,0.2);
	opacity:1;
}
.swiper-slide-next{margin-left:-147px; width:408px !important;}
.swiper-slide-prev{width:408px !important;}

.swiper-button-prev, .swiper-button-next {
	display:inline-block;width:35px;height:71px;
	background:url('../../../images/introduce/review_busi_arrow.png') no-repeat 50% 50%;
	text-indent:-9999em;margin-top:0px !important;
}

.swiper-button-prev:hover, .swiper-button-next:hover{background:url('../../../images/introduce/review_busi_arrow_over.png') no-repeat 50% 50%;cursor: pointer;}
.swiper-button-prev{float:left;}
.swiper-button-next {transform:rotate(180deg);float:right;}


div.reviewcon > ol.rev_head{display:table;width:90%;text-align:left;margin:26px 0 0 26px;padding:0;}
div.reviewcon > ol.rev_head > li{margin:0px;padding:0;display:table-cell;vertical-align:middle;}
div.reviewcon > span.huijan{display:none;}
div.reviewcon > span.more{display:none;}

div.reviewcon > ol.rev_head > li.su_name p{color:#020202; font-size:20px;letter-spacing:-0.3px;padding-top:0px;margin:0;font-weight:500;}
div.reviewcon > ol.rev_head > li.su_name p > span{font-weight:500;margin-left:2px;}
div.reviewcon > ol.rev_head > li.su_name span.hakkki{display:block;padding-top:10px; color:#858585; font-size:15px;letter-spacing:-0.5px;word-break: keep-all;}
div.reviewcon > ol.rev_head > li.su_pic{
	position:relative;overflow:hidden;display:inline-block;
	width:92px;height:92px;margin:0px;padding:0;
	border-radius:50%;border:1px solid #cfd0d2;background-color:#ebe7e3;
}
div.reviewcon > ol.rev_head > li.su_pic img{width:90px;height:auto;padding:0;position: absolute;top:50%; left:50%;margin:-45px 0 0 -45px;border:none;}
div.reviewcon > ol.rev_head > li.su_pic img.defaultt{width:92px;height:auto;padding:0;position: absolute;top:50%; left:50%;margin:-46px 0 0 -46px;border:none;}
div.reviewcon > p.su_txtt{
	margin:19px 34px 0 32px;padding:0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	height:85px;
	text-overflow:ellipsis;
	font-size:15px;line-height:22px;letter-spacing:-0.5px;
	word-break: keep-all;
	text-align:left;
}


.swiper-slide-active > div.reviewcon > ol.rev_head{display:table;width:90%;text-align:left;margin:36px 0 0 36px;padding:0;}
.swiper-slide-active > div.reviewcon > ol.rev_head > li{margin:0px;padding:0;display:table-cell;vertical-align:middle;}
.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_pic{
	position:relative;overflow:hidden;display:inline-block;
	width:124px;height:124px;margin:0px;padding:0;
	border-radius:50%;border:1px solid #cfd0d2;background-color:#ebe7e3;
}
.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_pic img{width:122px;height:auto;padding:0;position: absolute;top:50%; left:50%;margin:-61px 0 0 -61px;border:none;}
.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_pic img.defaultt{width:124px;height:auto;padding:0;position: absolute;top:50%; left:50%;margin:-62px 0 0 -62px;border:none;}

.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_name{display:inline-block;width:60%;margin:0px 0 0 28px;background:url('../../../images/introduce/ico_busi_star.png') no-repeat 6px top;}
.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_name p{color:#020202; font-size:34px;letter-spacing:1px;padding-top:28px;margin:0;font-weight:700;}
.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_name p > span{font-weight:500;margin-left:5px;}
.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_name span.hakkki{display:block;padding-top:14px; color:#858585; font-size:18px;letter-spacing:-0.5px;}

.swiper-slide-active > div.reviewcon > p.su_txtt{
	margin:22px 52px 0 50px;padding:0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	height:115px;
	text-overflow:ellipsis;
	font-size:18px;line-height:24px;letter-spacing:-0.5px;
	word-break: keep-all;
	text-align:left;
}


.swiper-slide-active > div.reviewcon > span.huijan{
	display: inline-block;
	position: absolute;right:34px;top:-4px;
	background:url('../../../images/introduce/review_social_huj.png') no-repeat top left;
	color:#fff;font-size:18px;text-align:center; line-height:22px;
	padding-top:15px;width:74px;height:83px;
}
.swiper-slide-active > div.reviewcon > span.more{display: block;position: absolute;right:22px;bottom:20px;background:url('../../../images/introduce/ico_more.png') no-repeat 50% 50%;text-indent:-1000em;}
.swiper-slide-active > div.reviewcon > span.more:hover{background-color:#ececec;border-radius:50%;cursor:pointer;}
.swiper-slide-active > div.reviewcon > span.more > a{display: block;width:35px;height:35px;}




@media all and (max-width:1024px) {
	#wrap{position: relative;width:100%;min-width:780px;margin:0 auto;}
	#header{width:100%;overflow:hidden;height:50px;}
	#header .inner{width:95%;margin:0 auto;overflow:hidden;border:0px solid red;}
	#header .inner h1{width:122px;height:50px;}
	#header .inner h1 a{width:122px;height:50px;background-size: cover;}

	.gnb{line-height:50px;}
	.gnb li{display:inline-block;font-weight:500;font-size:1em;margin-left:40px;}
	.gnb li a{height:48px;}
	.gnb li a:hover{border-bottom:2px solid #181a38;}
	.gnb li a.on{border-bottom:2px solid #181a38;}

	/* sticky*/
	#navbar {height:70px;z-index: 99;text-align:center;}
	#navbar div {width:95%;height:70px;margin:0 auto;/*background:url("../images/tt01_small.png") no-repeat 0 50%;*/background-size: 70%;}
	#navbar div button{
		width:200px;height:60px;
		background:url("../images/btn01.png") no-repeat 50% 50%;background-size: contain;
		border-radius:10px;
		}
	#navbar div button:hover{
		width:200px;height:60px;
		background:url("../images/btn01_on.png") no-repeat 50% 50%;background-size: contain;
		border-radius:10px;
	}
		
	.content1{display:none;}
	.content1 section{display:none;}
	.content2{
		width:100%; margin:0 auto;
		display:block;
		text-align:center;
	}
	.content2 span img{width:95%; margin:0 auto;}

	
	section.con > article img{text-align:center;width:95%;margin:0 auto;}
	section.con > article:nth-child(3){background-size: cover;}

	section.con > article:last-child{padding-bottom:6.25em;}
	section.con > article:last-child > button{width:306px;height:65px;line-height:100px;display:inline-block;background-size: cover;}
	section.con > article:last-child > button:hover{background-size: cover;}
	section.con > article button.btn_su{margin-left:0.625em;}
    
    span.rhbt{width: 820px !important;}
	section.con span.rhbt a img { width:80%; } 
	span.rhbt a{position: absolute;bottom: 202px !important;display: block;}
    
	.rh_btnwp{width: 860px !important;margin: 0 auto;display: flex;}
	span.rhbt2{position: relative;display: flex;width: 310px;margin: 0 auto;justify-content: space-around;}
	section.con span.rhbt2 a img{width: 80%;}
	span.rhbt2 a{margin-top: -170px !important;}
		
}/* (min-width:780px) */



@media all and (max-width:780px) {
	#wrap{position: relative;width:100%;min-width:640px;margin:0 auto;padding:0;}
	#header{height:36px;}
	#header .inner{width:95%;height:36px;margin:0 auto;}
	#header .inner h1{width:88px;height:36px;}
	#header .inner h1 a{width:88px;height:36px;background-size: cover;}

	.gnb{line-height:36px;}
	.gnb li{display:inline-block;font-weight:500;font-size:0.85em;margin-left:25px;}
	.gnb li a{height:34px;}
	.gnb li a:hover{border-bottom:2px solid #181a38;}
	.gnb li a.on{border-bottom:2px solid #181a38;}
    

	/* sticky*/
	#navbar {height:70px;z-index: 99;text-align:center;}
	#navbar div {width:98%;height:70px;margin:0 auto;/*background:url("../images/tt01_m_full.png") no-repeat 0 50%;background-size: 100%;*/}
	#navbar div button{
		width:200px;height:56px;
		background:url("../images/btn01_m.png") no-repeat 50% 50%;background-size: contain;position: absolute; top: 50%; right:0;margin: 0; transform: translate(0, -50%);
		border-radius:8px;
		margin-right:3%

		}
	#navbar div button:hover{
		width:200px;height:56px;
		background:url("../images/btn01_m_on.png") no-repeat 50% 50%;background-size: contain;
		border-radius:8px;
		margin-right:3%
	}

	h2.int{display:inline-block;font-size: 1.5em;}
	h2.int > span{display:block;}

		
	.content1, .content2, content{display:none;}

	.content_mo{clear:both;position: relative;width:100%;margin:0 auto;background-image:none;display:block;}
	.content_mo span img{text-align:center;width:100%:height:auto;}
		
    span.rhbt{width: 800px !important }
	section.con span.rhbt a img { width:80%; } 
	span.rhbt a{position: absolute;bottom: 192px !important;display: block;}
    
	.rh_btnwp{width: 810px !important;margin: 0 auto;display: flex;}
	span.rhbt2{position: relative;display: flex;width: 310px;margin: 0 auto;justify-content: space-around;}
	section.con span.rhbt2 a img{width: 80%;}
	span.rhbt2 a{margin-top: -170px !important;}

    
}/* (min-width:640px) */


@media all and (max-width:640px) {
	#wrap{position: relative;width:100%;min-width:480px;margin:0;padding:0;}
	#header{height:36px;}
	#header .inner{width:95%;height:36px;margin:0 auto;}
	#header .inner h1{width:88px;height:36px;}
	#header .inner h1 a{width:88px;height:36px;background-size: cover;}

	.gnb{line-height:36px;}
	.gnb li{display:inline-block;font-weight:500;font-size:0.8em;margin-left:20px;}
	.gnb li a{height:34px;}
	.gnb li a:hover{border-bottom:2px solid #181a38;}
	.gnb li a.on{border-bottom:2px solid #181a38;}

	/* sticky*/
	#navbar {height:70px;z-index: 99;text-align:center;}
	#navbar div {width:95%;height:68px;margin:0 auto;/*background:url("../images/tt01_m_small.png") no-repeat 0 50%;background-size: 48%;*/}
	#navbardiv button{
		width:190px;height:50px;margin:0 auto;
		background:url("../images/btn01_m.png") no-repeat 50% 50%;background-size: contain;position: absolute; top: 50%; right:0;margin: 0; transform: translate(0, -50%);
		border-radius:6px;
		}
	#navbar div button:hover{
		width:190px;height:50px;margin:0 auto;
		background:url("../images/btn01_m_on.png") no-repeat 50% 50%;background-size: contain;
		border-radius:6px;
		}

	h2.int{display:inline-block;font-size: 1.2em;}
	h2.int > span{display:block;}

	.content1, .content2, .content{display:none;}

	.content_mo{clear:both;position: relative;width:100%;margin:0 auto;background-image:none;display:block;}
	.content_mo span img{text-align:center;width:100%:height:auto;}
		
}/* (min-width:480px) */


@media all and (max-width:480px) {
	#wrap{min-width:300px;margin:0;padding:0;}
	#header{height:70px; text-align: center;}
	#header .inner{width:100%;height:70px;display:block;}
	#header .inner h1{width:100%;height:40px;}
	#header .inner h1 a{width:100%;height:40px;display:block;background-size: contain;background-position: center bottom;}

	.gnb{clear:both;line-height:30px;float:left;display:block;width:100%;margin:0px auto 0;/*background:yellow;*/border-top:1px solid #ced2e0;}
	.gnb li{float:left;display:inline-block;font-weight:500;font-size:0.8em;margin-left:0px;width:25%;}
	.gnb li a{height:28px;}
	.gnb li a:hover{border-bottom:2px solid #181a38;}
	.gnb li a.on{border-bottom:2px solid #181a38;}

	/* sticky*/
	#navbar {height:60px;z-index: 99;text-align:center;}
	#navbar div {width:92%;height:60px;margin:0 auto;/*background:url("../images/tt01_m_small.png") no-repeat 0 50%;background-size: 48%;*/}
	#navbar div button{
		width:132px;height:26px;margin:0 auto;
		background:url("../images/btn01_m.png") no-repeat 50% 50%;background-size: contain;position: absolute; top: 50%; right:0;margin: 0; transform: translate(0, -50%);
		border-radius:4px;
		}
	#navbar div button:hover{
		width:132px;height:26px;margin:0 auto;
		background:url("../images/btn01_m_on.png") no-repeat 50% 50%;background-size: contain;
		border-radius:4px;
		}

	h2.int{display:inline-block;font-size: 1em;}
	h2.int > span{display:block;}

	.content1, .content2, .content{display:none;}
	/*.content1 section{display:none;}
	.content2{
		width:100%; margin:0 auto;
		display:block;
		text-align:center;
	}
	.content2 span img{display:none;}*/

	.content_mo{clear:both;position: relative;width:100%;margin:0 auto;background-image:none;display:block;}
	.content_mo span img{text-align:center;width:100%:height:auto;}
	
		
}/* (max-width:360px) */


section.con > article .rebtn-wrep {
display: flex; width: 1200px; margin: 0 auto;
}

section.con > article .rebtn-wrep img{
    width: auto; height: auto;
}

span.rhbt{position: relative; display: flex; width: 940px; margin: 0 auto; justify-content: flex-end;  right: 0;}
span.rhbt a{position: absolute; bottom: 252px;display: block;}
span.rhbt a img{width: auto;}


.rh_btnwp{width: 1060px;margin: 0 auto;display: flex;}
span.rhbt2{position: relative;display: flex;width: 400px;margin: 0 auto;justify-content: space-around;}
span.rhbt2 a img{width: auto;}

span.rhbt2 a{margin-top: -220px;}