@charset "utf-8";
/* sticky*/
#navbar {overflow: hidden;background-color: rgba(0,0,0,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;}*/
button{cursor: pointer;}


.content1 {
	width:100%; /*height:100%;*/
	background-color:#fff;background-image: url("../images/visual_0101.jpg"); 
	background-repeat: no-repeat; 
	background-position: center center; 
	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: 645px; height: 219px; background: url("../images/txt01.png") no-repeat left top;position:absolute;top:126px;;left:233px;opacity:0;animation-delay:.3s;}
.tx02{width: 270px; height: 284px; background: url("../images/txt02.png") no-repeat left top;position:absolute;top:127px;;left:897px;opacity:0;animation-delay:.4s;}
.tx03{width: 248px; height: 69px; background: url("../images/txt03.png") no-repeat left top;position:absolute;top:124px;left:629px;animation-delay:.3s;opacity:0}
.tx04{width: 467px; height: 244px; background: url("../images/txt04.png") no-repeat left top;position:absolute;top:230px;left:9px;animation-delay:.5s;opacity:0 }

.tx05{width: 742px; height: 140px; background: url("../images/txt05.png") no-repeat left top;position:absolute;top:384px;left:210px;opacity:0;animation-delay:.4s;}
.tx06{width: 942px; height:36px; background: url("../images/txt06.png") no-repeat left top;position:absolute;top:578px;left:105px;opacity:0;animation-delay:.6s;  }
.tx07{width: 781px; height: 250px; background: url("../images/txt07.png") no-repeat left top;position:absolute;top:204px;left:125px;opacity:0;animation-delay:.8s;  z-index:99;}

.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;background-color: #fff;}
section.con > article > img{display:block;margin:0 auto; text-align:center;}
section.con > article.oran{background: #f2a921;height:1259px;}
section.con > article.yell{background: #fffad7}
section.con > article.yellBg{background: #fffad7 url("../images/visual_0103.jpg") no-repeat center 100px;height:1022px;}

section.con > article.lecccc{background: #fff url("../images/visual_0105.jpg") no-repeat center top;height:463px;}
section.con > article.sill{background: #fff url("../images/visual_0106.jpg") no-repeat center top;height:897px; }
section.con > article.free{background: #fff url("../images/visual_0107.jpg") no-repeat center top;height:648px; }
section.con > article.turn{background: #48a183 url("../images/visual_0109_bg.jpg") no-repeat center top;height:786px; }
section.con > article.turn > img{padding-top:130px;}

section.con > article:last-child{padding-bottom:120px;}
section.con > article:last-child > img{display:block;margin:0 auto; text-align:center;}


.conArea{position: relative;display:inline-block;width:1260px; margin:0 auto;}
ul.conArea{background: url("../images/visual_0102.jpg") no-repeat center top;height:720px;}
li.btnArea{position:absolute;top:258px;left:92px;}
li.btnArea:nth-child(2){position:absolute;top:582px;left:92px;}

.mT130 {clear:both;margin-top: 130px !important; }
.mT44 {clear:both;margin-top: 44px !important; }
.mT56 {clear:both;margin-top: 56px !important; }
.pB105 { padding-bottom: 105px !important; }
.pB130 { padding-bottom: 130px !important; }

.conArea2{position: relative;display:inline-block;width:1200px; margin:0 auto;}
.conArea2.disf{display: flex;justify-content: center;}
.btnArea2{position:absolute;top:504px;right:58px;}

button.smline{
	width:206px; height:44px; border-radius:44px;outline: #ddddda;background: #fff;border:1px solid #ddddda;
	font-size:16px;line-height:45px;color:#595959;letter-spacing: -0.3px;font-family: 'GmarketSansMedium';font-weight: normal;
	position:relative;overflow:hidden;              /* ¿À¹ö·¹ÀÌ À߸² */
	transform:translateZ(0);      /* ¾Ö´Ï¸ÞÀÌ¼Ç ±úÁü ¹æÁö */
}
button.smline:hover{border:1px solid #2e7c60;color:#fff;}
button.smline + button.smline{display:inline-block;margin-left:10px;}

button.smline > *{position:relative; z-index:1;}
button.smline::before{
	content:"";
	position:absolute;
	inset:0;
	background:#43b78e url("../images/btn_bg.png") no-repeat center center;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .35s cubic-bezier(.2,.8,.2,1);
	z-index:0;
}
button.smline:hover::before,
button.smline:focus-visible::before{
	transform:scaleX(1);
}

button.smline.smm{
	width:224px; height:42px; border-radius:42px;outline: #9d9e9d;border:1px solid #9d9e9d;
	font-size:16px;line-height:44px;color:#2d2726;
	position:absolute;top:500px;right:58px;
}
button.smline.smm:hover{border:1px solid #2e7c60;color:#fff;}
button.smline.smm.sill{position:absolute;top:369px;left:54px;width:192px;}
button.smline.smm.intro{position:absolute;top:663px;left:132px;width:192px;}
button.smline.smm.faq{position:absolute;top:663px;right:132px;width:192px;}
button.smline.smm.free{position:absolute;top:544px;left:58px;width:192px;}
button.smline.smm.sms{position:absolute;top:544px;left:342px;width:210px;}


/* ÇϴܹöÆ°*/
button.btn_big{
	width:500px; height:92px; border-radius:12px;outline: #c78f3a;background: #ea991c;border:1px solid #c78f3a;
	font-size:36px;color:#fff;letter-spacing: -0.5px;font-family: 'GmarketSansMedium';font-weight: normal;text-align:center;
	position:relative;display: flex !important;justify-content: center;align-items: center;
	overflow:hidden;              /* ¿À¹ö·¹ÀÌ À߸² */
	transform:translateZ(0);      /* ¾Ö´Ï¸ÞÀÌ¼Ç ±úÁü ¹æÁö */
}
button.btn_big > *{position:relative; z-index:1;}
button.btn_big > span{display:inline-block;margin-top:4px;}
button.btn_big > span.blakkk{
	display:inline-block;background: url("../images/ico_btn.png") no-repeat right bottom;width:46px;height:92px;
	margin-top:0px !important;
}
button.btn_big > span.blakkk.m{margin-top:-3px !important;}
button.btn_big:hover{border:1px solid #3b8b7e;}
button.btn_big:hover > span.blakkk{background-image:url("../images/ico_btn_on.png")}

button.btn_big.sill{position:absolute;top:788px;left:50%;transform: translateX(-50%);}
button.btn_big.su{width:432px;}
button.btn_big + button.btn_big{display:inline-block;margin-left:16px;}


button.btn_big::before{
	content:"";
	position:absolute;
	inset:0;
	background:#6ace7f url("../images/btn_bg.png") no-repeat center center;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .35s cubic-bezier(.2,.8,.2,1);
	z-index:0;
}
button.btn_big:hover::before,
button.btn_big:focus-visible::before{
	transform:scaleX(1);
}

/* Á¢±Ù¼º: Å°º¸µå Æ÷Ä¿½º */
button.btn_big:focus-visible{
	outline:3px solid rgba(45,190,96,.35);
	outline-offset:4px;
}

/* ¸ð¼Ç ÃÖ¼ÒÈ­ ¼³Á¤ */
@media (prefers-reduced-motion: reduce){
	button.btn_big::before{ transition:none; }
	button.smline::before{ transition:none; }
	button.smline2::before{ transition:none; }
}


/*¹öÆ° ±ôºýÀÓ*/
.blink2{background:url("../images/btn01.png") no-repeat;}
.blink-over{background:url("../images/btn01_on.png") no-repeat;}



/* °úÁ¤¼Ò°³*/
section.con > article.lecc{background: #433b2d url("../images/lec_bg.jpg") repeat center center;height:907px;}
p.lecc_tt{width:915px;height:103px;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{position:relative;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.1);border-radius:12px;}
ul.leccw li::before{content:"";width:279px;height: 469px;position:absolute;top:1px;left:1px;border:1px solid #fff;display:block;border-radius:10px;opacity:0.2}
ul.leccw li a{width:100%; height:100%; display:inline-block;text-indent:-1000em;}
ul.leccw li:first-child{background: url("../images/lec02.png");}
ul.leccw li:nth-child(2){background: url("../images/lec03.png");margin-top:50px;}
ul.leccw li:nth-child(3){background: url("../images/lec05.png");}
ul.leccw li:nth-child(4){background: url("../images/lec06.png");margin-top:50px;}
ul.leccw li:hover{cursor:pointer;box-shadow: 0 3px 15px 0 rgb(0, 0, 0, 40%);transform: translateY(-20px);transition:all .3s;}
ul.leccw li:first-child:hover{background: url("../images/lec02_over.png");}
ul.leccw li:nth-child(2):hover{background: url("../images/lec03_over.png");}
ul.leccw li:nth-child(3):hover{background: url("../images/lec05_over.png");}
ul.leccw li:nth-child(4):hover{background: url("../images/lec06_over.png");}

/*¼ö°­Èıâ Ãß°¡ */
.review_w.welf{clear:both; width:100%;height:727px;margin:0px auto;padding:0;background:#937043 url('../images/review_bg.jpg') no-repeat 50% 0;background-size: cover;}
.review_w.welf > 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.welf > 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.welf > p.intro_tt > span{display:table-cell;vertical-align:middle;height:44px;padding:2px 5px 0;}

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

.swiper-slide-active{
	width:532px !important; height:356px;z-index:99999;
	background:#fff;border:4px solid #3e3318;border-radius:16px;
	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.welf > .carousel_wrap .swiper-wrapper .swiper-slide-active{
	width:532px; height:356px;z-index:99999;
	background:#fff;border:4px solid #3e3318;border-radius:16px;
	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/review_social_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:28px;top:-4px;
	background:url('../images/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;}
		
}/* (min-width:780px) */