@charset "UTF-8";

/*공통*/
.multipleContentsDiv{max-width:1400px;margin: 0 auto;overflow:hidden;position:relative;}
#multipleContentsDiv_regional_2,
#multipleContentsDiv_regional_6{max-width:100%;}
@media all and (max-width:1400px){
	.multipleContentsDiv{max-width:96%;}
}

/*BG*/
/*지역대학안내버튼*/#multipleDiv_regional_3{background:#FFF;padding:50px 0;}
/*방송대학사일정*/#multipleDiv_regional_4{background:url(/images/regional/main/miniSche_bg.png) no-repeat center;background-size:cover;padding:50px 0;}
/*서비스바로가기*/#multipleDiv_regional_5{background:url(/images/regional/main/service_bg.png) no-repeat center top;background-size:cover;padding:70px 0;}
/*방송대학과소개*/#multipleDiv_regional_6{background:#FFF;}

/*타이틀*/
#multipleDiv_regional_3 h2,
#multipleDiv_regional_5 h2,
#multipleDiv_regional_6 h2,
#schdulMain h2{font-size:20px;color:#151515;line-height:1;}
#multipleDiv_regional_5 h2,
#multipleDiv_regional_6 h2{text-align:center;padding-bottom:50px;}
#multipleDiv_regional_3 h2 span,
#multipleDiv_regional_5 h2 span,
#multipleDiv_regional_6 h2 span,
#schdulMain h2 span{display:block;font-family:'Dream ExtraBold';font-size:45px;color:#0d0d0d;padding-bottom:20px;}
#multipleDiv_regional_3 h2 span i,
#multipleDiv_regional_5 h2 span i,
#multipleDiv_regional_6 h2 span i,
#schdulMain h2 span i{color:#1b60c6;}
@media all and (max-width:1024px){
	#multipleDiv_regional_3 h2,
	#multipleDiv_regional_5 h2,
	#multipleDiv_regional_6 h2,
	#schdulMain h2{font-size:16px;}
	#multipleDiv_regional_3 h2 span,
	#multipleDiv_regional_5 h2 span,
	#multipleDiv_regional_6 h2 span,
	#schdulMain h2 span{font-size:35px;padding-bottom:10px;}
}
@media all and (max-width:768px){
	#multipleDiv_regional_3 h2 span,
	#multipleDiv_regional_5 h2 span,
	#multipleDiv_regional_6 h2 span,
	#schdulMain h2 span{font-size:25px;}
	#multipleDiv_regional_5 h2,
	#multipleDiv_regional_6 h2{padding-bottom:25px;}
}
@media all and (max-width:320px){
	#multipleDiv_regional_3 h2 em,
	#multipleDiv_regional_5 h2 em,
	#multipleDiv_regional_6 h2 em,
	#schdulMain h2 em{display:none;}
	#multipleDiv_regional_3 h2 span,
	#multipleDiv_regional_5 h2 span,
	#multipleDiv_regional_6 h2 span,
	#schdulMain h2 span{font-size:22px;}
}

/*지역별대학안내*/
	/*학교공지*/
	#multipleDiv_regional_303{width:700px !important;position:absolute;right:50%;margin-right:-700px;top:928px;z-index:1;}
	/*지역대학*/
	#multipleDiv_regional_106,
	#multipleDiv_regional_107,
	#multipleDiv_regional_108,
	#multipleDiv_regional_109,
	#multipleDiv_regional_110,
	#multipleDiv_regional_111,
	#multipleDiv_regional_112,
	#multipleDiv_regional_113,
	#multipleDiv_regional_114,
	#multipleDiv_regional_115,
	#multipleDiv_regional_116,
	#multipleDiv_regional_117{display:none;}
	.editMode #multipleDiv_regional_105{margin-top:345px;}
	.editMode #multipleDiv_regional_106,
	.editMode #multipleDiv_regional_107,
	.editMode #multipleDiv_regional_108,
	.editMode #multipleDiv_regional_109,
	.editMode #multipleDiv_regional_110,
	.editMode #multipleDiv_regional_111,
	.editMode #multipleDiv_regional_112,
	.editMode #multipleDiv_regional_113,
	.editMode #multipleDiv_regional_114,
	.editMode #multipleDiv_regional_115,
	.editMode #multipleDiv_regional_116,
	.editMode #multipleDiv_regional_117{display:block;}
	.wrap-rct-2{width:50% !important;}
	/*버튼*/
	.introLocalCollege{overflow:hidden;}
	.introLocalCollege h2{float:left;padding-top:22px;}
	.introLocalCollege .btns{font-size:0;width:812px;float:right;}
	.introLocalCollege .btns li{display:inline-block;vertical-align:top;font-size:18px;width:116px;height:64px;position:relative;}
	.introLocalCollege .btns li a{display:block;box-sizing:border-box;border:1px solid #b0b0b0;margin:12px 5px;padding-top:6px;width:105px;height:40px;font-size:18px;font-family:'Noto Regular';color:#454545;text-align:center;border-radius:30px;}
	.introLocalCollege .btns li a span{position:relative;}
	.introLocalCollege .btns li a:before{content:"";display:inline-block;width:100%;height:100%;background:url(/images/regional/main/btn_bg.png) no-repeat left top;position:absolute;top:0;left:0;transform:scale(0);}
	.introLocalCollege .btns li a:hover,
	.introLocalCollege .btns li.active a{padding-top:5px;border:0;color:#FFF;}
	.introLocalCollege .btns li a:hover:before,
	.introLocalCollege .btns li.active a:before{transform:scale(1);transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
	@media all and (max-width:1400px){
		#multipleDiv_regional_3{padding-bottom:20px;}
		#multipleDiv_regional_303{width:50% !important;right:auto;margin-right:0;left:49%;top:1005px;}
		.introLocalCollege h2{float:none;padding-top:0;padding-bottom:50px;text-align:center;}
		.introLocalCollege .btns{width:100%;float:none;}
		.introLocalCollege .btns li{width:14.28%;height:auto;}
		.introLocalCollege .btns li a{margin:5px auto;width:96%;}
		.introLocalCollege .btns li a:before{display:none;}
		.introLocalCollege .btns li a:hover,
		.introLocalCollege .btns li.active a{padding-top:6px;background:url(/images/regional/main/btn_bg_2.png);background-size:cover;}
	}
	@media all and (max-width:1024px){
		#multipleDiv_regional_303{top:981px;}
	}
	@media all and (max-width:768px){
		#multipleDiv_regional_303{position:relative;width:100% !important;left:0;top:auto;}
		.wrap-rct-2{width:100% !important;}
		.introLocalCollege h2{padding-bottom:25px;}
		.introLocalCollege .btns li{width:20%;}
		.introLocalCollege .btns li a{margin:2px auto;font-size:15px;border-radius:0;height:auto;padding:4px !important;}
	}
	@media all and (max-width:380px){
		.introLocalCollege .btns li{width:25%;}
	}
	@media all and (max-width:280px){
		.introLocalCollege .btns li{width:33.33%;}
	}
	@media all and (max-width:200px){
		.introLocalCollege .btns li{width:50%;}
	}

	/*정보*/
	.ilcInformation{margin-top:50px;overflow:hidden;height:454px;}
	.ilcInformation:before{content:"";display:block;width:490px;height:405px;background:url(/images/regional/main/pattern_1.png);position:absolute;top:60px;left:10px;}
	.ilcInformation .con{width:490px;position:relative;padding:30px;border:1px solid #d6d6d6;background:#FFF;float:left;}
	.ilcInformation .con h3{color:#454545;font-size:30px;font-family:'Noto Medium';padding-bottom:30px;}
	.ilcInformation .con dl{position:relative;font-size:18px;padding:0 60px 30px 0;}
	.ilcInformation .con dl dt{position:absolute;left:0;color:#1b60c6;}
	.ilcInformation .con dl dt:before{content:"";display:inline-block;width:6px;height:6px;background:#1b60c6;border-radius:30px;vertical-align:4px;margin-right:10px;}
	.ilcInformation .con dl dd{padding-left:100px;}
	.ilcInformation .con dl dt,
	.ilcInformation .con dl dd{padding-top:3px;padding-bottom:3px;}
	.ilcInformation .con ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
	.ilcInformation .con ul li{width:48.33%;}
	.ilcInformation .con ul li a{display:block;text-align:center;color:#FFF;padding:20px 5px 15px 5px;}
	.ilcInformation .con ul li .a_1{background:#1c3d8d;}
	.ilcInformation .con ul li .a_2{background:#1b60c6;}
	.ilcInformation .con ul li .a_3{background:#20c1f5;}
	.ilcInformation .con ul li a:before{content:"";display:block;width:31px;height:28px;margin:0 auto 10px auto;}
	.ilcInformation .con ul li .a_1:before{background:url(/images/regional/main/icon_1.png) no-repeat center;}
	.ilcInformation .con ul li .a_2:before{background:url(/images/regional/main/icon_2.png) no-repeat center;}
	.ilcInformation .con ul li .a_3:before{background:url(/images/regional/main/icon_3.png) no-repeat center;}
	.ilcInformation .con .more{display:block;text-align:center;color:#8c8c8c;border:1px solid #ccd0d4;background:url(/images/regional/common/arrow_11_r_g.png) no-repeat 90% center;padding:9px 55px 9px 20px;position:absolute;right:30px;top:30px;}
	/*지도*/
	.ilcInformation .map{width:calc(100% - 610px);float:right;}
	.ilcInformation .map img{max-width:100%;}
	/*한줄배너*/
	#multipleContentsDiv_regional_105 ._obj:nth-child(3),
	#multipleContentsDiv_regional_106 ._obj:nth-child(3),
	#multipleContentsDiv_regional_107 ._obj:nth-child(3),
	#multipleContentsDiv_regional_108 ._obj:nth-child(3),
	#multipleContentsDiv_regional_109 ._obj:nth-child(3),
	#multipleContentsDiv_regional_110 ._obj:nth-child(3),
	#multipleContentsDiv_regional_111 ._obj:nth-child(3),
	#multipleContentsDiv_regional_112 ._obj:nth-child(3),
	#multipleContentsDiv_regional_113 ._obj:nth-child(3),
	#multipleContentsDiv_regional_114 ._obj:nth-child(3),
	#multipleContentsDiv_regional_115 ._obj:nth-child(3),
	#multipleContentsDiv_regional_116 ._obj:nth-child(3),
	#multipleContentsDiv_regional_117 ._obj:nth-child(3){position:absolute;left:0;bottom:48px;width:490px !important;}
	@media all and (min-width:1025px){
		.ilcInformation .con ul li a:hover:before{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
		.ilcInformation .con .more:hover{color:#FFF;background:#ccd0d4 url(/images/regional/common/arrow_11_r_w.png) no-repeat 90% center;}
	}
	@media all and (max-width:1280px){
		.ilcInformation .map{width:calc(100% - 500px);}
	}
	@media all and (max-width:1024px){
		.ilcInformation{margin-top:0;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;height:auto;}
		.ilcInformation:before{display:none;}
		.ilcInformation .con{width:100%;padding:20px;border:0;float:none;}
		.ilcInformation .map{width:100%;text-align:center;padding:10px 0;float:none;}
		#multipleContentsDiv_regional_105 ._obj:nth-child(3),
		#multipleContentsDiv_regional_106 ._obj:nth-child(3),
		#multipleContentsDiv_regional_107 ._obj:nth-child(3),
		#multipleContentsDiv_regional_108 ._obj:nth-child(3),
		#multipleContentsDiv_regional_109 ._obj:nth-child(3),
		#multipleContentsDiv_regional_110 ._obj:nth-child(3),
		#multipleContentsDiv_regional_111 ._obj:nth-child(3),
		#multipleContentsDiv_regional_112 ._obj:nth-child(3),
		#multipleContentsDiv_regional_113 ._obj:nth-child(3),
		#multipleContentsDiv_regional_114 ._obj:nth-child(3),
		#multipleContentsDiv_regional_115 ._obj:nth-child(3),
		#multipleContentsDiv_regional_116 ._obj:nth-child(3),
		#multipleContentsDiv_regional_117 ._obj:nth-child(3){position:relative;bottom:auto;width:100%;}
	}
	@media all and (max-width:768px){
		.ilcInformation .con h3{font-size:22px;}
		.ilcInformation .con dl{font-size:16px;}
		.ilcInformation .con .more{text-indent:-9999px;padding:0;right:20px;top:22px;width:30px;height:30px;background:url(/images/regional/common/plus_1_b.png) no-repeat center;}
	}
	@media all and (max-width:380px){
		.ilcInformation .con dl dt{position:relative;}
		.ilcInformation .con dl dt:before{display:none;}
		.ilcInformation .con dl dd{padding-left:0;}
		.ilcInformation .con dl dt,
		.ilcInformation .con dl dd{padding-top:0;padding-bottom:0;}
		.ilcInformation .con ul li{width:100%;margin-bottom:1px;}
		.ilcInformation .con ul li a{text-align:left;padding:10px 10px 10px 50px;position:relative;}
		.ilcInformation .con ul li a:before{position:absolute;left:10px;top:8px;background-size:20px !important;}
	}


/*서비스바로가기*/
/*링크서비스*/#menu2342_obj2469{float:left;width:50% !important;}
/*바로가기*/#menu2342_obj77{float:right;margin-top:50px;width:50% !important;}
@media all and (max-width:768px){
	/*링크서비스*/#menu2342_obj2469,
	/*바로가기*/#menu2342_obj77{float:none;margin-top:0;width:100% !important;}
}
.mainLink{background:url(/images/regional/main/service_bg_2.jpg) no-repeat center;background-size:cover;}
.mainLink ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding:50px 0;}
.mainLink ul li{width:33.33%;border-right:1px solid rgba( 255,255,255,0.5 );}
.mainLink ul li:last-child{border:0;}
.mainLink ul li a{display:block;color:#FFF;text-align:center;padding:0 10px;}
.mainLink ul li a:before{content:"";display:block;width:90px;height:90px;margin:0 auto;}
.mainLink ul li .a_1:before{background:url(/images/regional/main/service_icon_1.png) no-repeat center;}
.mainLink ul li .a_2:before{background:url(/images/regional/main/service_icon_2.png) no-repeat center;}
.mainLink ul li .a_3:before{background:url(/images/regional/main/service_icon_3.png) no-repeat center;}
.mainLink ul li a h3{font-family:'Noto Medium';font-size:22px;padding-top:40px;}
.mainLink ul li a p{font-size:14px;padding-top:20px;}
.mainLink ul li a p span{display:block;}
@media all and (min-width:1025px){
	.mainLink ul li a:before{filter:alpha(opacity=50);opacity:0.5;}
	.mainLink ul li a:hover:before{filter:alpha(opacity=100);opacity:1;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}
@media all and (max-width:1024px){
	.mainLink ul li a:before{filter:alpha(opacity=100);opacity:1;width:50px;height:60px;background-size:50px !important;}
	.mainLink ul li a h3{font-size:20px;}
	.mainLink ul li a p span{display:inline;}
}
@media all and (max-width:768px){
	.mainLink ul{padding:20px 0;}
	.mainLink ul li a h3{padding-top:20px;}
}
@media all and (max-width:420px){
	.mainLink ul li a:before{width:35px;height:45px;background-size:30px !important;}
	.mainLink ul li a h3{font-size:16px;padding-top:5px;}
	.mainLink ul li a p{display:none;}
}

/*학과안내*/
.mainMajor{}
.mainMajor .atMBtns{display:none;}
.mainMajor > ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.mainMajor > ul > li{width:25%;height:453px;background-size:cover !important;position:relative;}
.mainMajor > ul > li.li_1{background:url(/images/regional/main/major_bg_1.jpg) no-repeat center;}
.mainMajor > ul > li.li_2{background:url(/images/regional/main/major_bg_2.jpg) no-repeat center;}
.mainMajor > ul > li.li_3{background:url(/images/regional/main/major_bg_3.jpg) no-repeat center;}
.mainMajor > ul > li.li_4{background:url(/images/regional/main/major_bg_4.jpg) no-repeat center;}
.mainMajor > ul > li:before{content:"";display:none;width:100%;height:100%;background-color:rgba( 61,119,196,0.5 );position:absolute;top:0;left:0;}
.mainMajor .con{color:#FFF;text-align:center;position:relative;padding:100px 50px;}
.mainMajor .con h3{font-size:35px;font-family:'Noto Medium';}
.mainMajor .con p{font-size:18px;margin-top:40px;}
.mainMajor .con .mmIcon{display:inline-block;border-radius:100px;width:100px;height:100px;background-color:rgba( 27,96,198,0.8 );background-position:center;background-repeat:no-repeat;background-size:50px;margin-top:40px;}
.mainMajor .con_1 .mmIcon{background-image:url(/images/regional/main/major_icon_1.png);}
.mainMajor .con_2 .mmIcon{background-image:url(/images/regional/main/major_icon_2.png);}
.mainMajor .con_3 .mmIcon{background-image:url(/images/regional/main/major_icon_3.png);}
.mainMajor .con_4 .mmIcon{background-image:url(/images/regional/main/major_icon_4.png);}
.mainMajor .con .mmList{display:none;font-size:0;margin-top:35px;}
.mainMajor .con .mmList a{box-sizing:border-box;display:inline-block;vertical-align:top;font-size:15px;padding:8px;color:#FFF;width:48%;margin:1%;position:relative;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.5);}
/*HOVER*/
.mainMajor > ul > li:hover:before{display:block;}
.mainMajor > ul > li:hover .con{padding:50px;}
.mainMajor > ul > li:hover .con h3{text-align:left;}
.mainMajor > ul > li:hover .con p{text-align:left;margin-top:10px;max-width:200px;}
.mainMajor > ul > li:hover .con .mmIcon{background-color:transparent !important;background-size:80px;position:absolute;top:50px;right:50px;margin-top:0;}
.mainMajor > ul > li:hover .con .mmList{display:block;}
@media all and (min-width:769px){
	.mainMajor .con .mmList a:hover{color:#0c408a;font-family:'Noto Medium';background:rgba(255,255,255,1);border:1px solid rgba(255,255,255,1)}
}
@media all and (max-width:1600px){
	.mainMajor > ul > li:hover .con .mmIcon{width:50px;height:50px;background-size:40px;top:50px;right:25px;}
}
@media all and (max-width:1280px){
	.mainMajor > ul > li{width:50%;}
	.mainMajor > ul > li:hover .con p{max-width:100%;padding-left:50px;}
	.mainMajor > ul > li:hover .con .mmIcon{right:auto;left:45px;top:53px;}
	.mainMajor .con h3{padding-left:50px;}
}
@media all and (max-width:768px){
	.mainMajor > ul{display:block;}
	.mainMajor > ul > li{width:100%;height:auto;display:none;}
	.mainMajor > ul > li.li_1{display:block;}
	.mainMajor > ul > li:before{display:block;}
	.mainMajor > ul > li .con{padding:30px 20px !important;}
	.mainMajor > ul > li .con h3{font-size:25px;text-align:left;padding-left:60px;}
	.mainMajor > ul > li .con p{text-align:left;margin-top:10px;max-width:100%;padding-left:60px !important;}
	.mainMajor > ul > li .con .mmIcon{width:50px;height:50px;background-color:transparent !important;background-size:40px;position:absolute;right:auto;left:20px !important;top:25px !important;margin-top:0;}
	.mainMajor > ul > li .con .mmList{display:block;}
	.mainMajor .atMBtns{display:block;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;}
	.mainMajor .atMBtns a{display:block;width:24%;margin:0 0.5%;text-align:center;color:#FFF;background:#888;padding:10px 5px;line-height:1.3;}
	.mainMajor .atMBtns a.active{background:rgba( 61,119,196,1 );}
}
@media all and (max-width:420px){
	.mainMajor .atMBtns a span{display:block;}
}
