/* sticky*/
#navbarr {overflow: hidden;background-color: rgba(17,17,17,0.9);width:100%;height:120px;z-index: 99;    position: relative; margin-top: 0px;}
#navbarr div {width:1200px;height:120px;margin:0 auto;/*background:url("../images/tt01_full.png") no-repeat;*/position: relative;display:flex;justify-content:center;align-items:center;}
#navbarr 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%);}
#navbarr 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:65px;transition: all 0.5s;}
.sticky + .content {padding-top: 65px;}*/


.content1 {
	width:100%; /*height:100%;*/
	background-image: url("../images/visual_01.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_01.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;
	margin-top:0px;border:1px solid red;
}
.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;}
.visu section{    overflow: hidden;}
.tx01{width: 100%; height: 315px; background: url("../images/vi01.png") no-repeat top left;position:absolute;top:148px;left:250px;opacity:0; transform: scale(1.05);
  animation: fadeZoomIn 1s ease forwards .3s,
             floatUpDown 4s ease-in-out infinite 2s;}
.tx02{width: 100%; height: 57px; background: url("../images/vi0102.png") no-repeat 50% top;position:absolute;top:76px;left:0px;opacity:0; animation: slideUp 0.8s ease forwards .8s;}
.tx03{width: 100%; height: 104px; background: url("../images/vi0103.png") no-repeat 50% top;position:absolute;top:495px;left:0px;opacity:0; animation: slideUp 0.8s ease forwards 1s;}
.tx04{width: 100%; height: 242px; background: url("../images/vi0104.png") no-repeat top left;position:absolute; bottom:0;left:880px;}
.tx05{width: 100%; height: 636px; background: url("../images/vi0105.png") no-repeat top left;position:absolute; top:0;left:946px;opacity: 1;
  animation: floatUpDown 4s ease-in-out infinite 2s; transform-origin: 50% 70%; /* ¡ç Áß½ÉÃà ¾Æ·¡·Î À̵¿ */}
.tx06{width: 100%; height: 665px; background: url("../images/vi0106.png") no-repeat top left;position:absolute; top:0;left:24px;opacity: 1;
  animation: floatUpDown 4s ease-in-out infinite 4s; transform-origin: 50% 70%; /* ¡ç Áß½ÉÃà ¾Æ·¡·Î À̵¿ */}

/* ============================
   KEYFRAMES
============================ */
@keyframes fadeZoomIn {
  0% { opacity: 0; transform: scale(1.05); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes slideUp {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes floatUpDown {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}


/* °úÁ¤¼Ò°³*/
div.lecc{background: #3c4962;clear:both; width:100%;height:915px;margin:0px auto;padding:0;text-align:center;}
p.lecc_tt{display:block;width:943px;height:202px;margin:0px auto 0;background:#3c4962 url("../images/lecc_title.png") no-repeat center 100px;}
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("../images/lec01.png");}
ul.leccw li:nth-child(2){background: url("../images/lec02.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;height: 473px;}
ul.leccw li:hover{cursor:pointer;}
ul.leccw li:first-child:hover{background: url("../images/lec01_over.png");}
ul.leccw li:nth-child(2):hover{background: url("../images/lec02_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");}

/* ÇϴܹöÆ° Ãß°¡*/
.btn_a{width:1180px;margin:0px auto;padding:0;text-align:center;padding-bottom:120px;padding-top:80px;}
.btn_a > 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:441px;height:112px;line-height:112px;display:inline-block;border-radius:10px;background-repeat: no-repeat; border:0px solid red;
}
.btn_a > button.btn_join{background:#575df8 url("../images/btn_join.png") center 0;}
.btn_a > button.btn_join:hover{background:#ae29f4 url("../images/btn_join_on.png") center 0;}
.btn_a > button.btn_su{background:#575df8 url("../images/btn_su.png") center 0;margin-left:20px; }
.btn_a > button.btn_su:hover{background:#ae29f4 url("../images/btn_su_on.png") center 0;}

/*¼ö°­Èıâ Ãß°¡ */
.review_w.busi{clear:both; width:100%;height:803px;margin:0px auto;padding:0;background:#20a1b8 url('../images/bg_hugi.jpg') no-repeat 50% 0;background-size: cover;}
.review_w.busi > 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.busi > 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: #036a8b;}
.review_w.busi > p.intro_tt > span{display:table-cell;vertical-align:middle;height:44px;padding:2px 5px 0;}
.review_w.busi > p.intro_ttt{display:block;margin:0px auto;text-align:center;width:100%;border:0px solid red;padding:100px 0 0;}

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


.btnhak{text-align: center; margin-top: -165px; padding-bottom: 110px;}
.btnhak .btn01{  
display: inline-block;
  width: 502px;  /* ¹öÆ° ½ÇÁ¦ Å©±â¿¡ ¸Â°Ô Á¶Á¤ */
  height: 80px;
  background: url('/landing/business_pro/images/vi03_btn.png') no-repeat center center;
  transition: all 0.3s ease;}
.btnhak .btn01:hover {
  background-image: url('/landing/business_pro/images/vi03_btn_on.png');
}

.swiper-slide-active{
	width:532px !important; height:356px;z-index:99999;
	background:#fff;border:4px solid #18353e;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.busi > .carousel_wrap .swiper-wrapper .swiper-slide-active{
	width:532px; height:356px;z-index:99999;
	background:#fff;border:4px solid #18353e;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_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;}

/*ÀÚ°ÝÃëµæ*/
.con_ja{clear:both; width:100%; margin:0px auto;padding:0;background:#6535b7 url('../images/bg_sepc.jpg') no-repeat 50% 0;background-size: cover;text-align:center; padding: 110px 0;}
.con_ja > span{margin:26px auto 0;width:1180px;display: inline-block;}
.con_ja > span:first-child{margin-top: 0 !important;}

/*ÇÐÁ¡¾È³»*/
.con_hak{clear:both; width:100%; ;margin:0px auto;padding:0;background:#eef3f8 url('../images/bg_hak.jpg') no-repeat 50% 0;background-size: cover;text-align:center; padding: 110px 0;}
.con_hak > span{margin:26px auto 0;width:1180px;display: inline-block;}
.con_hak1{clear:both; width:100%;height:765px;margin:0px auto;padding:0;background:#fbfcfe url('../images/bg_hak1.png') no-repeat 50% 0;background-size: cover;text-align:center;margin-top:-18px;}
.con_hak1 > span{margin:133px auto 0;width:1319px;display: inline-block;}

.con_cyedu{clear:both;position: relative;width:100%;margin:0 auto;background-color:#00b8d1;text-align:center;}
.con_cyedu > span:nth-child(1){margin:100px auto 0;width:1220px;display: inline-block;}
.con_cyedu > span:nth-child(2){margin:63px auto 94px;width:1220px;display: inline-block;}


@media all and (max-width:1024px) {
	#wrap{position: relative;width:100%;min-width:780px;margin:50px 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 #0584fc;}
	.gnb li a.on{border-bottom:2px solid #0584fc;}

	.gnb li:nth-child(4){display:none;}
	.gnb li:nth-child(5){display:inline-block;}

	/* sticky*/
	#navbarr {height:70px;z-index: 99;text-align:center;}
	#navbarr div {width:95%;height:70px;margin:0 auto;/*background:url("../images/tt01_small.png") no-repeat 0 50%;*/background-size: 70%;}
	#navbarr div button{
		width:200px;height:60px;
		background:url("../images/btn01_m.png") no-repeat 50% 50%;background-size: contain;
		border-radius:10px;
		}
	#navbarr div button:hover{
		width:200px;height:60px;
		background:url("../images/btn01_m_on.png") no-repeat 50% 50%;background-size: contain;
		border-radius:10px;
	}

	

	/*.sticky {position: fixed;top:50px;transition: all 0.5s;}
	.sticky + .content {padding-top: 120px;}*/
		
	.content1{display:none;}
	.content1 section{display:none;}
	.content2{
		width:100%; margin:0 auto;
		display:block;
		text-align:center;
		margin-top:50px;
	}
	.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;padding-top:2.875em;}
	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) */



@media all and (max-width:780px) {
	#wrap{position: relative;width:100%;min-width:640px;margin:36px 0 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.85em;margin-left:25px;}
	.gnb li a{height:34px;}
	.gnb li a:hover{border-bottom:2px solid #0584fc;}
	.gnb li a.on{border-bottom:2px solid #0584fc;}

	.gnb li:nth-child(4){display:none;}
	.gnb li:nth-child(5){display:inline-block;}

	/* sticky*/
	#navbarr {height:70px;z-index: 99;text-align:center;}
	#navbarr div {width:98%;height:70px;margin:0 auto;/*background:url("../images/tt01_m_full.png") no-repeat 0 50%;background-size: 100%;*/}
	#navbarr 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%

		}
	#navbarr 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;}

	/*.sticky {position: fixed;top:37px;transition: all 0.5s;}
	.sticky + .content {padding-top: 107px;}*/
		
	.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:640px) */


@media all and (max-width:640px) {
	#wrap{position: relative;width:100%;min-width:480px;margin:36px 0 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 #0584fc;}
	.gnb li a.on{border-bottom:2px solid #0584fc;}

	.gnb li:nth-child(4){display:none;}
	.gnb li:nth-child(5){display:inline-block;}

	/* sticky*/
	#navbarr {height:70px;z-index: 99;text-align:center;}
	#navbarr div{width:95%;height:68px;margin:0 auto;/*background:url("../images/tt01_m_small.png") no-repeat 0 50%;background-size: 48%;*/}
	#navbarr div button{
		width:190px;height:50px;margin:0 auto;
		background:url("../images/business_pro/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;
		}
	#navbarr 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;}

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

	.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:70px 0 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:30px;}
	.gnb li a:hover{border-bottom:2px solid #0584fc;}
	.gnb li a.on{border-bottom:2px solid #0584fc;}

	.gnb li:nth-child(4){display:none;}
	.gnb li:nth-child(5){display:inline-block;}

	/* sticky*/
	#navbarr {height:60px;z-index: 99;text-align:center;}
	#navbarr div {width:92%;height:60px;margin:0 auto;/*background:url("../images/tt01_m_small.png") no-repeat 0 50%;background-size: 48%;*/}
	#navbarr 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;
		}
	#navbarr 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;}

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

	.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) */