@charset "utf-8";
/* CSS Document 
@import url("/new/css/gmarket_font.css");*/


.ccont{width: 100%; height: 722px; background-image: url(../images/busi_bg.png); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 20; transition: 0.7s ease; animation: fadeIn 1s 1;}
p.tx01{width: 495px;height: 25px;background: url("../images/busi_vi01.png") no-repeat top left;position: absolute;top: 101px;left: 37px;animation-delay: .4s;opacity: 0;}
p.tx02{width: 667px; height: 202px;  background: url("../images/busi_vi02.png") no-repeat top left; position: absolute; top: 150px; left:15px; opacity: 0;animation-delay: .2s;}
p.tx03{width: 549px; height: 285px; background: url("../images/busi_vi03.png") no-repeat top left; position: absolute; top: 150px; left:18px; animation-delay: .5s;}
p.tx04{width: 518px; height: 472px; background: url("../images/busi_vi04.png") no-repeat top left; position: absolute; top: 146px; left:685px; animation-delay: .3s;}




div.bcont{width: 100%;}

.con_wp{position: relative; width: 1200px; height: 722px; margin: 0 auto;}
section.cons > article:nth-child(2){background-color: #e5f2f8; height: 680px;}
section.cons > article:nth-child(3){background-color: #fff;}
section.cons > article:nth-child(4){background:url(../images/busi_visual_04_bg.png) no-repeat; width: 100%;}
section.con {text-align: center; position: relative; margin-top: -140px}
section.cons {text-align: center;position: relative;}
section.cons > article:nth-child(5){background-color: #354dbd;margin-top: -2px;}
section.cons > article:nth-child(2) > ul {    width: 1200px; margin: -190px auto 0; position: static;}
section.cons > article:nth-child(2) > ul > a > li {padding: 15px 0; width: 20%;  float: left; background-color: #1c2f86; color: #fff; border-radius: 5px; height: 45px;}
section.cons > article:nth-child(2) > ul > a > li:hover {background-color: #1c80ff;}



.welf_btn_1{left: 100px; position: relative;}
.welf_btn_2{left: 120px; position: relative;}
.welf_btn_3{left: 136px; position: relative;}
.welf_btn_4{left: 155px; position: relative;}

/*버튼*/
div.btn_wp{width: 500px; margin: auto; position: relative; top: -100px;}
.welf_btn_5{background-color: #f39301; padding: 15px 50px; color: #fff; font-size: 23px; border-radius: 5px;width: 358px; height:57px;}
.welf_btn_5:hover {background-color: #1c80ff;}

/*서브메뉴*/




section.con article.ch_b div.lastest{    margin: 0 auto; display: flex;justify-content: space-around;width: 1200px;}

div.sup_divScroll {position: absolute; top: 200px; right: 150px; z-index: 10; width: 118px;height:303px;display:none; transition:all .3s;}
div.sup_divScroll.sticky {
	position: fixed;top:200px;right: 150px;display:block;

	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
		animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}



@media all and (max-width:1366px) {
	div.sup_divScroll.sticky{display:none;}
}



#scroll_menu{
	position: relative;
	width:100%;
	display:inline-block;
	/* margin-left:1px; */
	font-family: 'GmarketSansMedium';
	font-weight:normal;
	font-size: 17px;
	color: #5c5c5c;
	letter-spacing:-0.3;
	border-radius:15px;
	/* box-shadow: 0 3px 9px rgb(0, 0, 0, 12%); */
	overflow:hidden;
	background-color:#fff; 
	height: 294px;
	/* margin: -1px; */
	border: 2px solid #32170a;
	border-radius: 16px;
}

#scroll_menu > dt{width:100%;height: 100px;font-size: 18px;line-height:117px;border-radius:15px 15px 0 0;border: 1px solid #493c64;border-bottom:0;background: #5c4c7c;z-index:99;display:table;}
#scroll_menu > dt > a.sel_tit{color: #fff; line-height:22px;display:table-cell;width:100%; height:100%;text-align:center;vertical-align:middle;padding-top:5px;box-sizing:border-box;}
#scroll_menu > dt > a.sel_tit:hover{color:#f7e7dc !important;}
#scroll_menu > dt > a.sel_tit > span.smt{font-size:15px;}

#scroll_menu > dd{width:100%;height:77px;text-align:center;line-height:77px; border-bottom: 2px solid #ded7d2;}
#scroll_menu > dd.start{height: 76px;line-height: 76px;}
#scroll_menu > dd:last-child{border-radius:0 0 15px 15px; /* border-bottom:1px solid #d7d7d7; */height: 70px;}

#scroll_menu > dd > a{display:inline-block;width:100%;height:100%;/* display:flex; *//* align-items:center; */justify-content: center;/* text-align:center; */    color: #595c69;}
#scroll_menu > dd > a.on{color: #f38901 !important}
#scroll_menu > dd > a:hover{color: #5f4790 !important}
#scroll_menu > dt > a.on{color: #f7e7dc !important}

#scroll_menu > dd.start > a{padding-top: 18px;height:87px;line-height: 20px;border:0px solid red;}

#scroll_menu > dd.tlines a{line-height: 23px;height: 76px;padding-top: 15px;}
.fos1{color: #f8e1bf; font-weight: bold;}

#scroll_menu > dd.chtop > a{padding: 0;display:block;
  width:100%;
  padding:0; 
  text-align:center;   }
#scroll_menu > dd.chtop{height: 38px;line-height: 20px;}
#scroll_menu > dd.chtop a{height: 44px;display: flex;/* justify-content: center; */width: 100%;display: block;width: 100%;height: 38px;}
#scroll_menu > dd > a .top_visual{ display: block; width: 100%; height: 38px; line-height: 38px; background: #f8e1bf; font-weight: 700; font-size: 14px; letter-spacing: 1px; display:flex; justify-content:center; align-items:center; gap:6px; width:100%; height: 38px; line-height: 38px; padding-left: 10px;}
#scroll_menu > dd.chtop > a .top_visual::after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #5c4c7c;}
#scroll_menu > dd.chtop > a .top_visual{transform: translateX(-1px);}
#scroll_menu > dd.chtop > a{ padding-left:0 !important; }

/*사회복지학, 경영학 공통*/
div.boxwel ul li.left1{text-align: left;    width: 75%;}
div.boxwel ul li span.s_font1{font-size: 20px;}

.mt15{margin-top: 15px;}
.table_de td.center{text-align: center;}
a.wif_btn1{width: 30%; background-color: #239fe1;  color: #fff; padding: 0px 20px 0 8px; background-image: url(../images/btn_arrow.png); background-repeat: no-repeat;  background-position: center right 5px;}
button.blue11.wif_btn2{background-image: url(../images/btn_arrow.png); background-repeat: no-repeat; background-position: center right 15px; padding: 0 50px 0 40px; width: auto; float: right;}


/*경영학*/
div.boxwel ul.s_buss1{background: url(../images/business01_img1.png)no-repeat top 10px right 30px;}
div.processList01 > ul > li:first-child{margin-left: 0;}
div.processList01 > ul> li{display: inline-block; position: relative; padding: 25px 0; margin-top: 15px; margin-left: 30px; width: 260px; text-align: center;
    border: 1px solid #ccc; border-top: 2px solid #243970; box-sizing: border-box;    height: 120px;}
div.processList01 > ul> li span{display: block; position: relative; font-size: 18px; color: #20529e; line-height: 180%;}
div.processList01 > ul> li p{padding-top: 8px; line-height: 133%; text-align: center;}
div.processList01 > ul{position: relative;display: flex;}





/*수강후기*/
.review_w.social{clear:both; width:100%;height:717px;margin:0px auto;padding:0;background:#0fa8c3 url('../../business/images/bg_hugi.jpg') no-repeat 50% 0;background-size: cover;}
.review_w.social > 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.social > p.intro_tt{font-family: 'GmarketSansBold';color:#fff;text-align:center;font-size: 50px;line-height:44px;font-weight: normal;margin:0px auto;display:table;padding-top: 115px;}
.review_w.social > p.intro_tt > span{display:table-cell;vertical-align:middle;height:44px;padding:2px 5px 0;}

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

.swiper-slide-active{
	width:500px !important; height:400px;z-index:99999;
	background:#fff;border:4px solid #301e12;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.social > .carousel_wrap .swiper-wrapper .swiper-slide-active{ width:500px; height:400px;z-index:99999; background:#fff;border:3px solid /*#503f2a*/#484a4f;
	margin-left:-148px;margin-top:0px;padding:0px;     -webkit-box-shadow: 4px 4px 8px rgba(58,59,61,0.2), -4px 4px 8px rgba(58,59,61,0.2); opacity:1; border-radius: 45px 0 45px 0; box-sizing: border-box; padding: 0px; overflow: hidden;}
.swiper-slide-next{margin-left:-147px; width:440px !important;}
.swiper-slide-prev{width:408px !important;}

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

.swiper-button-prev,
  .swiper-button-next {position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44* 27); height: var(--swiper-navigation-size); margin-top: calc(0px -(var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color));}

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


.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{display:inline-block;width:124px;height:124px;border-radius:50%;margin:0px;padding:0;border:1px solid #e3e3e1;position:relative;overflow:hidden;background-color:#f2f2f2;}
.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_pic img{width:124px;height:auto;padding:0;position: absolute;bottom:0; left:50%;margin:0px 0 0 -62px;border:none;}
.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_pic img.def{/*width:116px;height:107px;position: absolute;top:0; left:50%;margin:8px 0 0 -58px;*/}

.swiper-slide-active > div.reviewcon > ol.rev_head > li.su_name{display:inline-block;width:60%;margin:0px 0 0 28px;background:url('../../../images/main/ico_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:38px;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;}

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{display:inline-block;width:60%;margin:0px 0 0 28px;background:url('../../../images/main/ico_star.png') no-repeat 6px top;}*/
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: normal; display: inline-block; text-align: left;}
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{display:inline-block;width:92px;height:92px;border-radius:50%;margin:0px;padding:0;border:1px solid #e3e3e1;position:relative;overflow:hidden;background-color:#f2f2f2;}
div.reviewcon > ol.rev_head > li.su_pic img{width:92px;height:auto;padding:0;position: absolute;bottom:0; left:50%;margin:0px 0 0 -46px;border:none;}
div.reviewcon > ol.rev_head > li.su_pic img.def{/*width:86px;height:80px;position: absolute;top:0; left:50%;margin:5px 0 0 -43px;*/}

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:86px; text-overflow:ellipsis; font-size:15px;line-height:23px;letter-spacing:-0.5px; word-break: keep-all; text-align:left;}

.swiper-slide-active > div.reviewcon > p.su_txtt{margin: 18px 42px 0 42px; padding: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis !important; width: 410px; height: 130px; font-size: 16px; line-height: 27px; letter-spacing: -0.3px; word-break: keep-all; text-align: left; font-family: 'GmarketSansMedium' !important; font-weight: normal; position: relative;}

.swiper-slide-active > div.reviewcon  a.more{    display: inline-block; position: absolute; right: 50px; bottom: 45px; background: #fff url(../../../images/common/btn_more.png) no-repeat right 5px; padding-top: 5px; padding-right: 22px; width: 60px; height: 24px; box-sizing: border-box; border: 0px solid red;}
.swiper-slide-active > div.reviewcon  a.more:hover{background:#fff url('../../../images/common/btn_more_on.png') no-repeat right 5px;cursor:pointer;transition:all 0.2s;color:#211e1b;}
.swiper-slide-active > div.reviewcon  a.more span.more{font-size: 14px; font-family: 'Pretendard', sans-serif; font-weight: 400; display: inline-block; width: 100%; height: 100%;}
.swiper-slide .more{display:none;}

.swiper-slide-active > div.reviewcon > span.huijan{display: inline-block;position: absolute;right:37px;top:0px;background:url('../../../images/main/review_huijang.png') no-repeat top left;color:#fff;font-size:16px;text-align:center; line-height:20px;padding-top:22px;width:66px;height:84px;z-index:99;font-family: 'GmarketSansMedium';font-weight: normal;}