@charset 'ANSI';

/* main */
#container{overflow:Hidden;}
.main h3{
	margin-bottom:20px;
	font-size:20px;font-weight:600
}
.main h3 span{color:#dd0746}
.bn_area1{position:relative;}

.main .swiper-button-next:after, 
.main .swiper-button-prev:after{color:#000;font-size:26px;font-weight:300}

/* ºê·£µå ¹è³Ê */
.bn_brand{position:relative;width:853px;height:298px;border:1px solid #d7d7d7;border-radius:15px;overflow:hidden;}
.bn_brand a{
	display:block;width:100%;height:100%;
	overflow:Hidden;
}
.bn_brand iframe{height:300px;}

.bn_brand .control{
	position:absolute;bottom:40px;left:60px;
	width:119px;height:33px;
	background:rgba(0,0,0,0.6);
	border-radius:33px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:10;
}
.bn_brand .control .swiper_prev,
.bn_brand .control .swiper_next{
	display:block;width:8px;height:14px;
	background:url(../img/main/btn_prev.svg) no-repeat;background-size:8px auto;
	font-size:0
}

.bn_brand .control .ctr2{position:relative; width:140px; height:100%;}
.bn_brand .control .swiper_next{background:url(../img/main/btn_next.svg) no-repeat;}
.bn_brand .control .swiper_pause{display:block; width:25px; height:100%; background:url(../img/main/btn_pause.svg) no-repeat center left 11px;background-size:5px auto;}
.bn_brand .control .swiper_pause.on{background:url(../img/main/btn_play.svg) no-repeat center left 12px;background-size:7px auto;}
.bn_brand .control .swiper-pagination{position:relative;bottom:auto;left:auto;width:auto;margin-right:12px;color:#fff;font-size:15px;font-weight:300}
.bn_brand .control .swiper-pagination .swiper-pagination-current{font-weight:800}




/* ¸ÞÀÎºò ¹è³Ê */
.bn_big_wrap{position:absolute; top:0; right:0; z-index:11; width:390px; height:300px; box-sizing:border-box; overflow:hidden; padding-right:50px; }
.bn_big{width:340px; overflow:hidden; }
.bn_big .swiper-wrapper{width:340px;}
.bn_big .swiper-slide{
	position:relative;
	display:flex;
	width:340px;
	box-sizing:border-box;
	overflow:hidden;
	border:1px solid #d7d7d7;border-radius:15px;
	background:#d7d7d7;
	white-space:nowrap;
}
.bn_big .swiper-slide>iframe{flex:none;width:340px;transition:.3s}
.bn_big .swiper-slide span{flex:none;width:1210px;transition:.3s}
.bn_big .swiper-slide span iframe{height:300px}
.bn_big_wrap .control{
	position:absolute;top:0;right:0;
	width:50px;height:100%;
	padding-left:30px;
	background:#dd0746;
	border-radius:20px 15px 15px 20px;
	text-align:center;
}
.bn_big_wrap .control .btn_view{
	width:50px;height:110px;box-sizing:border-box;
	padding:10px;
	margin:25px 0 45px;
	font-size:16px;color:#fff;word-break:break-all;
}
.bn_big_wrap .control .btn_view:after{
	content:'+';
	display:block;width:23px;height:23px;line-height:23px;
	margin:5px auto;
	background:#fff;border-radius:50%;
	text-align:center;color:#dd0746;font-size:20px
}
.bn_big_wrap .control .swiper_prev,
.bn_big_wrap .control .swiper_next{
	display:block;width:22px;height:12px;
	margin:5px auto;
	background:url(../img/main/btn_up.svg) no-repeat;background-size:22px auto;
	font-size:0
}
.bn_big_wrap .control .swiper_next{background:url(../img/main/btn_down.svg) no-repeat;background-size:22px auto;}
.bn_big_wrap .control .swiper-pagination{position:relative;bottom:0;left:0;padding:10px 0;color:#fff;font-weight:300}
.bn_big_wrap .control .swiper-pagination .swiper-pagination-current{font-weight:800}
.bn_big_wrap:has(.bn_big.wide){width:auto;}
.bn_big_wrap:has(.bn_big.wide) .bn_big{width:auto}
.bn_big_wrap:has(.bn_big.wide) .swiper-wrapper{width:auto}
.bn_big_wrap:has(.bn_big.wide) .control{background:#949494}
.bn_big_wrap:has(.bn_big.wide) .swiper-slide{width:1210px;transition:.3s;z-index:10}
.bn_big_wrap:has(.bn_big.wide) .swiper-slide>iframe{margin-left:-340px}
.bn_big_wrap:has(.bn_big.wide) .swiper-slide span{display:block;}
.bn_big_wrap:has(.bn_big.wide) .control .btn_view:after{content:'-';color:#999}

/* ÁÖ¿ä¸Þ´º */
.main .menu{
	padding-top:25px
}
.main .menu ul{
	display:flex;justify-content:center;
}
.main .menu ul li{flex:none;width:180px}
.main .menu ul li a{
	display:block;
	text-align:center;font-size:16px;font-weight:800;color:#000
}
.main .menu ul li a:before{
	content:'';
	display:block;width:100%;height:70px;
	margin:0 auto 8px;
	background:url(../img/main/menu1.svg) no-repeat center;background-size:70px auto;
	transition:.3s
}
.main .menu ul li a.m2:before{background-image:url(../img/main/menu2.svg)}
.main .menu ul li a.m3:before{background-image:url(../img/main/menu3.svg)}
.main .menu ul li a.m4:before{background-image:url(../img/main/menu4.svg)}
.main .menu ul li a.m5:before{background-image:url(../img/main/menu5.svg)}
.main .menu ul li a.m6:before{background-image:url(../img/main/menu6.svg)}
.main .menu ul li a.m7:before{background-image:url(../img/main/menu7.svg)}
.main .menu ul li a:hover{color:#dd0746;text-decoration:underline;text-underline-offset : 5px;}
.main .menu ul li a:hover:before{transform:translateY(-3px)}

/* ÃßÃµ´ëÇÐ */
.main .recom_univ{margin-top:12px;}
.main .recom_univ .wrap{
	display:flex;gap:36px 10px;/*flex-wrap:wrap;*/
}
.main .recom_univ .wrap+.wrap{margin-top:30px}
.main .recom_univ ul.bn_univ li{font-size:0}
.main .recom_univ ul.bn_univ li iframe{height:250px;}
.main .recom_univ ul:nth-child(even){
	flex:none;width:300px;grid-template-columns:repeat(1, 1fr);
}
.main .recom_univ ul.more li{
	position:relative;
	height:77px;
	box-sizing:border-box;
	font-size:0;
	border:0;
	overflow:visible;
}
.main .recom_univ ul.more li iframe{
	width:228px;height:75px;
	border:1px solid #cecece;border-radius:10px;
	transition:0s;
}
.main .recom_univ ul.more li a{
	border:1px solid #cecece;border-radius:10px;
	transition:0s;
	overflow:hidden;
}

.main .recom_univ ul.more li dl{
	position:absolute;left:-10px;
	width:calc(100% + 20px);min-height:110px;
	box-sizing:border-box;
	padding:13px 23px;
	background:#f2f2f2;
	text-align:left;
	transition:.3s;transform:translateY(20px);opacity:0;visibility:hidden;
}
.main .recom_univ ul.more li dl dt,
.main .recom_univ ul.more li dl dd{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.main .recom_univ ul.more li dl dt{margin-bottom:3px;font-size:16px;font-weight:700}
.main .recom_univ ul.more li dl dd{font-size:13px;}
.main .recom_univ ul.more li dl dd.d-day{
	padding:5px 0;
	text-align:left;font-size:13px;font-weight:800;color:#dd0746
}
.main .recom_univ ul.more li:hover{box-shadow:none;/*height:calc(200% + 12px);*/z-index:1}
.main .recom_univ ul.more li:hover a,
.main .recom_univ ul.more li:hover iframe{
	border-color: #e60012;
    box-shadow: 0 0 10px #f28b9a;
	transition:.3s;
}
.main .recom_univ .list1 ul.more:nth-child(1) li iframe,
.main .recom_univ .list1 ul.more:nth-child(1) li a{border-color:#ff802c}
.main .recom_univ .list1 ul.more:nth-child(1) li:nth-child(1){grid-row: 1 / 3;}
.main .recom_univ .list1 ul.more:nth-child(1) li:nth-child(1) iframe{height:165px}
/* 241206 */
.main .recom_univ .list2 ul.more:nth-child(1) li:nth-child(8){grid-row: 2 / 4;grid-column-start:4}
.main .recom_univ .list2 ul.more:nth-child(1) li:nth-child(8) iframe{height:165px}
/* //241206 */
/*
.main .recom_univ ul.more li:hover iframe{
	height:166px;
	border-color: #e60012;
    box-shadow: 0 0 10px #f28b9a;
	transition:.3s;
}
*/

/*
.main .recom_univ li.first{grid-row: 1 / 3;}
.main .recom_univ li.first a>img{padding:5px 0 5px}
.main .recom_univ li.first .univ_logo{padding:10px 0 6px}
.main .recom_univ li.first .univ_logo img{max-height:50px}
.main .recom_univ li.first .univ_logo b{font-weight:800}

*/

/* ¹Ìµð¾î¼¾ÅÍ */
.main .media_area{
	position:relative;
	margin-top:60px;padding-bottom:42px;
}
.main .media_area:before{
	content:'';
	position:absolute;bottom:0;left:-1000px;
	width:1000%;height:320px;
	background:#f4f4f4
}
.main .issue{
	position:absolute;right:0;
	width:725px;height:80px;
	box-sizing:border-box;
	padding-left:130px;
	background:#fff;
	border-radius:10px;
	overflow:Hidden;
	box-shadow:0 0 20px rgba(0,0,0,0.1);
	z-index:10
}
.main .issue h4{
	position:absolute;top:0;left:0;
	height:80px;line-height:80px;
	padding:0 10px 0 32px;
	background:#fff;
	font-size:18px;font-weight:800;color:#2c6cd4;
	z-index:2
}
.main .issue_slider_new ul{position:relative;height:80px;}
.main .issue_slider_new .slide{position:absolute;width:100%;height:80px;line-height:80px;background:#fff}
.main .issue_slider_new,
.main .issue .issue_slider{overflow:hidden;}
.main .issue .swiper-slide{height:80px;line-height:80px;}
.main .issue_slider_new a,
.main .issue .swiper-slide a{
	display:inline-block;max-width:calc(100% - 130px);
	font-size:18px;font-weight:700;color:#000;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.main .issue_slider_new a:hover,
.main .issue .swiper-slide a:hover{text-decoration:underline;text-underline-offset : 5px;}
.main .issue .control{
	position:absolute;top:0;right:0;
	width:100px;height:100%;
	box-sizing:border-box;
	background:#fff;
	z-index:1
}
.main .issue .control .swiper-button-prev{left:20px}
.main .issue .control .swiper-button-next{right:20px}
.main .issue .control .swiper-button-lock{display:flex !important;}

.main .media_big{overflow:Hidden;width:504px;height:344px;margin-top:-5px}
.main .media_big .swiper-slide{
	width:100%;/*height:370px;*/
	box-sizing:border-box;
}
.main .media_big .swiper-slide iframe{height:344px;}
.main .media_big .swiper-slide a{
	display:block;
	padding-top:5px;
}
.main .media_big .swiper-slide b{
	display:block;height:45px;
	margin-top:10px;
	font-size:16px;color:#565656;font-weight:600;line-height:1.4em;
	overflow: hidden;
	white-space:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}
.main .media_big .swiper-slide div{
	position:relative;
	overflow:Hidden;
	border:1px solid #d5d6d9;border-radius:10px;
	background-size:cover;
	transition:.3s
}
.main .media_big .swiper-slide div .bg{
	display:block;width:487px;height:487px;
	background:#62984c;
	border-radius:50%;
	position:absolute;top:-63px;left:-262px;
}
.main .media_big .swiper-slide div p{
	position:relative;
	display:table-cell;width:220px;height:260px;
	box-sizing:border-box;
	padding:0 30px 0 35px;
	font-size:18px;font-weight:800;color:#fff;vertical-align:middle;line-height:1.3em;
}
.main .media_big .swiper-slide div p span{
	overflow: hidden;
	white-space:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}
.main .media_big .swiper-slide:hover div{transform: translateY(-5px);border-color:#aaa}
.main .media_big .swiper-slide:hover b{text-decoration:underline;text-underline-offset : 5px;}

.main .media{
	position:absolute;right:0;top:177px;
	width:725px;height:190px;
	overflow:Hidden;
}
.main .media .swiper-slide{
	width:248px;/*height:370px;*/
	box-sizing:border-box;
	padding-right:20px;
}
.main .media .swiper-slide iframe{height:189px;}
.main .media .swiper-slide a{
	display:block;
	padding-top:5px;
}
.main .media .swiper-slide b{
	display:block;height:45px;
	margin-top:10px;
	font-size:16px;color:#565656;font-weight:600;line-height:1.4em;
	overflow: hidden;
	white-space:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}
.main .media .swiper-slide div{
	position:relative;
	overflow:Hidden;
	border:1px solid #d5d6d9;border-radius:10px;
	background-size:cover;
	transition:.3s
}

.main .media .swiper-slide div .bg{
	display:block;width:220px;height:220px;
	background:#62984c;
	border-radius:50%;
	position:absolute;top:-30px;left:-90px;
}
.main .media .swiper-slide div p{
	position:relative;
	display:table-cell;width:140px;height:128px;
	box-sizing:border-box;
	padding:0 20px 0 15px;
	font-size:14px;color:#fff;vertical-align:middle;line-height:1.3em;
}
.main .media .swiper-slide div p span{
	overflow: hidden;
	white-space:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}
.main .media .swiper-slide:hover div{transform: translateY(-5px);border-color:#aaa}
.main .media .swiper-slide:hover b{text-decoration:underline;text-underline-offset : 5px;}

.main .media_new{
	position:absolute;right:0;top:177px;
	width:725px;height:190px;
	overflow:Hidden;
}
.main .media_new ul{display:flex;gap:20px}
.main .media_new .slide{flex:none;width:228px;}
.main .media_new .slide iframe{height:189px}

.main .swiper-slide div .bg2{background:#e07752 !important}
.main .swiper-slide div .bg3{background:#d98e3d !important}
.main .swiper-slide div .bg4{background:#505e89 !important}

/*
.main .media .swiper-slide.swiper-slide-active{
	width:544px;margin-top:0;
}
.main .media .swiper-slide.swiper-slide-active div:before{
	width:487px;height:487px;
	top:-63px;left:-262px;
	transition-delay:.1s
}
.main .media .swiper-slide.swiper-slide-active p{
	width:220px;height:260px;
	border:0;
	font-size:18px;font-weight:800;
	padding:0 30px 0 35px;
}

.main .media .swiper-slide.swiper-slide-next,
.main .media .swiper-slide.swiper-slide-next+li,
.main .media .swiper-slide.swiper-slide-next+li+li{width:245px}
*/
.main .media .control{
	position:Relative;
	display:flex;justify-content:center;align-items:center;gap:20px;
	padding-bottom:53px;
}
.main .media .swiper-pagination{
	flex:none;width:auto;
	display:inline-block;
	position:relative;bottom:0;left:0;
	text-align:center;font-size:0
}
.main .media .swiper-pagination span{
	position:relative;
	width:18px;height:18px;
	border:2px solid transparent;
	background:None;
	margin:0 3px;
	opacity:1;vertical-align:middle;
	font-size:0;transition:.3s
}
.main .media .swiper-pagination span:after{
	content:'';
	position:absolute;top:50%;left:50%;
	display:block;width:4px;height:4px;
	margin:-2px 0 0 -2px;
	background:#000;border-radius:50%
}
.main .media .swiper-pagination span.swiper-pagination-bullet-active{border-color:#c43d40;background:#fff}
.main .media .swiper-pagination span.swiper-pagination-bullet-active:after{
	width:6px;height:6px;
	margin:-3px 0 0 -3px;
	background:#c43d40;
}
.main .media .control .swiper-button-prev,
.main .media .control .swiper-button-next{
	position:relative;left:0;right:0;
	display:inline-block;height:22px;width:22px;
	margin:0;
}
.main .media .control .swiper-button-prev:after,
.main .media .control .swiper-button-next:after{font-size:20px}


/* ÆÄ¿ö´ëÇÐ */
.power_univ{margin-top:60px}
.power_univ .bn_univ{gap:23px 20px}
.power_univ .bn_univ+.bn_univ{margin-top:23px}
.power_univ .bn_univ li{font-size:0}
.power_univ .bn_univ li iframe{height:158px}
.power_univ .bn_univ.card li iframe{height:250px}
.power_univ .bn_univ li>a{display:block;width:100%;height:250px;}
.power_univ .bn_univ .card dt{font-size:20px;color:#222222;}
.power_univ .bn_univ .card dd{font-size:15px}
/*
.power_univ .bn_univ .univ_logo i{padding:0}
.power_univ .bn_univ .univ_logo i img{width:100%;max-height:100%}
*/
.power_univ .bn_univ li .card_logo{height:158px;padding-top:20px}
.power_univ .bn_univ li .card_logo img{}
.power_univ .bn_univ li .card_color{
	height:158px;
	padding:0 120px 0 37px;
	text-align:left;
	background-repeat: no-repeat;background-position: right 26px center;
	transition:.3s
}
.power_univ .bn_univ li .card_color dl{
	display:table-cell;
	height:158px;
	vertical-align:middle
}
.power_univ .bn_univ li .card_color dt{
	margin-bottom:8px;
	font-size:20px;color:#fff;line-height:1.2em;font-weight:800
}
.power_univ .bn_univ li .card_color dd{
	font-size:14px;color:#fff;line-height:1.3em;
}
.power_univ .bn_color li{border:0}
.power_univ .bn_color li:hover{box-shadow:0 0 10px rgba(0,0,0,0.3);transform: translateY(-3px);}

/* ¿ø¼­°Ë»ö */
.univSearch.wrap{position:Relative;margin:60px 0}
.univSearch fieldset ul{
	display:flex;
	justify-content:space-between
}
/*.univSearch fieldset ul li{flex:1}*/
.univSearch fieldset ul li a{
	position:relative;
	display:block;height:60px;
	padding-top:15px;
	box-sizing:border-box;
	text-align:center;font-size:18px;font-weight:800;color:#525252
}
.univSearch fieldset ul li a:hover,
.univSearch fieldset ul li a.on{color:#ea1756}
.univSearch fieldset ul li a.on:after{
	content:'';
	position:absolute;bottom:0;left:0;
	display:block;width:100%;height:6px;
	background:#ea1756;
}
.univSearch fieldset dl{
	display:flex;gap:3px;align-items:center;
	padding:26px 0;
	border-top:1px solid #cecece;
	background:#f8f8f8;
}
.univSearch fieldset dl dt{flex:none;width:100px;font-size:18px;font-weight:800;text-align:center;}
.univSearch fieldset dl dd{
	display:flex;flex-wrap:wrap;gap:11px;align-items:center;
}
.univSearch fieldset dl label{
	position:relative;
	overflow:hidden;
}
.univSearch fieldset dl label input{
	position:absolute;top:0;right:0;
	width:200%;height:200%;
	opacity:0;cursor:pointer
}
.univSearch fieldset dl label span{
	display:inline-block;height:35px;line-height:35px;
	padding:0 13px;
	border:1px solid #bfbfbf;border-radius:20px;
	background:#fff;
	font-size:15px;color:#787878
}
.univSearch fieldset dl label input:checked+span{border-color:#f2185a;background:#f2185a;color:#fff;font-weight:700}
.univSearch fieldset dl.type3{border-top:1px dashed #cacaca;border-radius:0 0 10px 10px;}
.univSearch fieldset dl.type3 label span i{margin-left:-2px}
.univSearch fieldset dl.type3 label input:checked+span{border-color:#000;background:#fff;color:#000;font-weight:700}
.univSearch .list{margin-top:50px}
.univSearch .list h4{
	margin-bottom:20px;
	font-size:17px;font-weight:700
}
.univSearch .list ul{display:grid;grid-template-columns:repeat(5, 1fr);gap:13px 15px;}
.univSearch .list ul a{
	display:inline-block;
	font-size:15px;color:#333;font-weight:700;
	text-indent:-21px;padding-left:21px
}
.univSearch .list ul a i{display:inline-block;width:18px;margin-right:3px;text-indent:0}
.univSearch .list ul a span{display:inline-block;white-space:nowrap;text-indent:0;margin-left:3px}
.univSearch .list ul a span i.rec{}
/*
.univSearch .list ul a.i1{text-indent:-25px;padding-left:25px}
.univSearch .list ul a.i2{text-indent:-43px;padding-left:43px}
*/
.univSearch .list ul a:hover{text-decoration:underline;text-underline-offset : 5px;}
.univSearch .list.col2 ul{grid-template-columns:repeat(2, 1fr);gap:20px;}
.univSearch .list.col3 ul{grid-template-columns:repeat(3, 1fr);gap:20px;}
.univSearch .more{
	margin-top:80px;
	text-align:center;
}
.univSearch .more button{
	position:relative;
	display:inline-block;width:40px;height:40px;
	box-sizing:border-box;
	border:1px solid #b3b3b3;border-radius:50%;
	background:#fff;
	font-size:0
}
.univSearch .more button:before,
.univSearch .more button:after{
	content:'';
	position:absolute;top:50%;left:50%;
	display:block;width:16px;height:2px;
	margin:-1px 0 0 -8px;
	background:#b1b1b1;
}
.univSearch .more button:after{transform:rotate(-90deg)}
.univSearch .more button.hide:after{transform:rotate(0deg)}
.univSearch .more button:hover{box-shadow:0 0 5px rgba(0,0,0,0.2)}
.univSearch .more button:hover:before,
.univSearch .more button:hover:after{background:#000}
.univSearch .more a{
	display:inline-block;height:37px;line-height:37px;
	padding:0 23px;margin-top:-17px;
	border:1px solid #a8a8a8;border-radius:30px;
	background:#fff;
	font-size:14px;font-weight:600;
	transition:.3s
}
.univSearch .more a:after{
	content:'';
	display:Inline-block;width:15px;height:100%;
	margin:-1px 0 0 25px;
	background:url(../img/ico/next.svg) no-repeat center;background-size:100% auto;
	vertical-align:top;
	opacity:.5;transition:.3s
}
.univSearch .more a:hover{box-shadow:0 0 5px rgba(0,0,0,0.2);text-decoration:underline}
.univSearch .more a:hover:after{opacity:1}

.search_univ_bn{margin-top:27px;}
.search_univ_bn ul{
	display:grid;grid-template-columns:repeat(5, 1fr);gap:13px 18px;
}
.search_univ_bn ul li{
	height:42px;
	box-sizing:border-box;
	border:2px solid #e8e8e8;border-radius:8px;
}
.search_univ_bn ul li:hover{
	border-color:#000;box-shadow:0 0 5px rgba(0,0,0,0.2)
}
.search_univ_bn iframe{
	height:38px
}

/*  */

/*
overflow: hidden;
	white-space:normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap:break-word;

	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
*/
