@charset "utf-8";

/*sub*/

.main_only { display: none; }

#main { position: relative; overflow: hidden; font-family: 'Pretendard', 'NotoSans'; }
#contents {padding:6.25rem 0 8.75rem; margin: 0 auto; min-height: 70px;}
#contents h4.h4_tit{font-size: 2.125rem; text-align: center; margin-bottom: 3rem;}

.sub_con { position: relative; }

ul.ul_disc > li { position: relative; padding: 0 1rem; }
ul.ul_disc > li::before { content:""; position: absolute; top: .625rem; left: 0; width: 4px; height: 4px; background: #b10e29; border-radius: 10px; }
ul.white > li::before { background: #fff; }

ul.ul_trgl > li { position: relative; padding: 0 1.125rem; }
ul.ul_trgl > li::before { content:""; position: absolute; top: .5rem; left: 0; width: 0; height: 0; border-left: #b10e29 8px solid; border-top: transparent 4px solid; border-bottom: transparent 4px solid; border-top: transparent 4px solid; }
ul.ul_trgl > li + li { margin-top: .3rem; }

ul.ul_roundbox > li { margin-bottom: 5px; padding: 1.5rem; padding-right: 3rem; background: #f7f7f7; border-radius: 500px; display: flex; gap: 3.2rem; align-items: center; }

ol.ol_num > li { counter-increment: inst; padding-left: 2rem; position: relative; }
ol.ol_num > li::before { content: counter(inst); position: absolute; top: 2px; left: 0; text-align: center; display: flex; justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; background: #888; border-radius: 50%; font-size: .9rem; color: #fff; }
ol.ol_num > li + li { margin-top: .625rem; }

ol.ol_num2 > li { counter-increment: inst2; padding-left: 2.8rem; position: relative; }
ol.ol_num2 > li::before { content: counter(inst2, decimal-leading-zero); position: absolute; top: -.2rem; left: 0; text-align: center; display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; background: #897c71; border-radius: 50%; font-size: .9rem; font-weight: 500; color: #fff; }
ol.ol_num2 > li + li { margin-top: 1rem; }

ol.ol_num3 > li { counter-increment: inst3; position: relative; }
ol.ol_num3 > li::before { content: counter(inst3) "."; }
ol.ol_num3 > li + li { margin-top: .2rem; }

ol.num_box > li { counter-increment: inst4; padding: 2.65rem 3.4rem; position: relative; background: #f9f9f9; }
ol.num_box > li::before { content: counter(inst4, decimal-leading-zero); position: absolute; top: 2.5rem; left: 0; text-align: center; width: 2.5rem; height: 2rem; line-height: 2rem; background: #eb5d45; border-radius: 0 10px 10px 0; font-size: 1.0625rem; font-weight: 500; color: #fff; }
ol.num_box > li + li { margin-top: 5px; }

dl.exp_box { position: relative; overflow: hidden; padding-top: 3.5rem; }
dl.exp_box > dt { width: 100%; position: absolute; top: 0; left: 0; padding: 1rem 1.5rem; border: 1px solid #ccc; border-bottom: 0; border-radius: 10px 10px 0 0; font-weight: 500; }
dl.exp_box > dd { padding: 1.5rem; height: 100%; border: 1px solid #ccc; border-top: 0; border-radius: 0 0 10px 10px }
dl.exp_box > dd.gray_bg {  }


.back_line { position: absolute; left: 0; top: 50%; width: 100%; height: 1px; border-top: 1px dashed #ddd; z-index: -1; }

#sub_vis { position: relative; }
#sub_vis .inner { height: 26.25rem; padding-top: 8.125rem; padding-bottom: 3.75rem; display: flex; flex-direction: column; justify-content: center; }
#sub_vis h2 { font-size: 2.8125rem; }

.menu01 #sub_vis { background-image: url('../images/sub_vis.jpg'); }
.menu02 #sub_vis { background-image: url('../images/sub_vis.jpg'); }
.menu03 #sub_vis { background-image: url('../images/sub_vis.jpg'); }
.menu04 #sub_vis { background-image: url('../images/sub_vis.jpg'); }
.menu05 #sub_vis { background-image: url('../images/sub_vis5.jpg'); }
.menu06 #sub_vis { background-image: url('../images/sub_vis6.jpg'); }
.menu099 #sub_vis { background-image: url('../images/sub_vis6.jpg'); }



.lnb { width: 100%; display: flex; flex-wrap: wrap; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, .2); z-index: 99; }
.lnb .home { width: 3.75rem; height: 3.75rem; position: relative; }
.lnb .slide_box { width: 20rem; position: relative; }
.lnb > div::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 50%; background: rgba(255, 255, 255, .2); }
.lnb .slide_box .bt { display: block; width: 100%; height: 100%; display: flex; align-items: center; padding: 0 1.875rem; color: #fff; z-index: 99; }
.lnb .slide_box .bt::after { content: "+"; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); width: 1.375rem; height: 1.375rem; border-radius: 50%; background: #fff; font-size: 1.2rem; text-align: center; color: #000; line-height: 1.3rem; transition: .3s;  }
.lnb .slide_box .bt.on::after { transform: translateY(-50%) rotate(90deg); background: #f5a5b2;  }
.lnb .slide_box ul { position: absolute; top: 100%; width: 100%; background: rgba(0, 0, 0, .6); border: 1px solid #ccc; border-top: 0; z-index: 99; display: none; }
.lnb .slide_box ul li { /* padding: 1.15rem 1.8rem; */ font-weight: 500; transition: .3s; }
.lnb .slide_box ul li a { color: #fff; width: 100%; display: inline-block; padding: 1.15rem 1.8rem;}
.lnb .slide_box ul li:hover { background: rgba(255, 255, 255, .3); }
.lnb .left_tit { display: none; }



.page_location { display: flex; justify-content: center; align-items: center; margin-top: 1rem; }
.page_location li { position: relative; font-size: .94rem; }
.page_location li + li { margin-left: 30px; }
.page_location li + li::after { content: ""; position: absolute; top: 50%; left: -20px; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: translate(0, -55%) rotate(45deg); }
.page_location li img { margin-top: 2px; }


.sub_title { margin-bottom: 3.125rem; padding: 1.5rem 0; }


.slide_ctrl { height: 3.375rem; display: flex; justify-content: space-between; align-items: center; }
.slide_ctrl .scrollbar { width: calc(100% - 8rem); height: 5px; border-radius: 20px; overflow: hidden; background-color: #f2f2f2; }
/*.program_slide_wrap .slide_ctrl .scrollbar { width: calc(100% - 4rem); }*/
.slide_ctrl .scrollbar .swiper-scrollbar-drag { background-color: #FBC400; }
.slide_ctrl button.next { transform: rotate(180deg); }


/* table_dim */
.responsive-dim {display: none; position: absolute; top: 0; left: 0; width: 100%; bottom: 0;}
.responsive-dim::after{content: ""; position: absolute; top: 0; left: 0;  width: 100%; height: 100%; background: rgba(0,0,0,.3) url(/images/tx_scroll.png) 50% 50% no-repeat;}
@media screen and (max-width:554px){
	.responsive-dim {display:block;}
}



/*프로그램 슬라이드*/
.program_slide { width: 100%; position: relative; overflow: hidden; }
.program_slide > ul {  }
.program_slide > ul > li { height: 300px; }
.program_slide > ul > li .pic {display: flex; justify-content: center; align-items: center; border: 1px #ddd solid; border-radius: 10px; overflow: hidden; margin-bottom: 1.25rem; position: relative;}
.program_slide > ul > li .pic:after { content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: 0; z-index: 1; position: absolute; transition: all 0.2s ease-in-out;}
.program_slide > ul > li:hover .pic:after { opacity: .5;}

.program_slide > ul > li .more_view { position: absolute; opacity: 0; transition: all 0.2s ease-in-out; z-index: 2; display: flex; flex-direction: column; align-items: center;}
.program_slide > ul > li:hover .more_view { opacity: 1; }
.program_slide > ul > li .more_view b { color: #fff; font-weight: 500;}
.program_slide > ul > li .more_view i { display: block; width: 2.5rem; height: 2.5rem; background: #fbc400; border-radius: 50%; position: relative;}
.program_slide > ul > li .more_view i:before { content: ''; display: block; width: 1.125rem; height: 2px; background: #fff; position: absolute; top:calc(50% - 1px); left: calc(50% - 0.5625rem);}
.program_slide > ul > li .more_view i:after { content: ''; display: block; width: 2px; height: 1.125rem; background: #fff; position: absolute; top:calc(50% - 0.5625rem); left:calc(50% - 1px) ;}



/*
.program_slide { width: calc(100% + 8.3333vw); position: relative; overflow: hidden; }
.program_slide > ul > li { position: relative; width: fit-content; display: flex; }
.program_slide > ul > li .img_box { width: 14.375rem; border: 1px solid #ddd; border-right: 0; }
.program_slide > ul > li .img_box img { width: 100%; object-fit: cover; }
.program_slide > ul > li .info { overflow: hidden; width: 0; padding: 0; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; border: 1px solid #ddd; border-left: 0; background: #fff; z-index: 1; transition: .3s; }
.program_slide > ul > li:after { content: "+"; position: absolute; bottom: 0; right: 0; font-size: 3.125rem; font-weight: 100; color: #333; line-height: .7; z-index: -5; }
.program_slide > ul > li .info ul { margin: 1.8rem 0; }
.program_slide > ul > li .info ul li + li { margin-top: 3px; }
.program_slide > ul > li:hover .info { border-radius: 0 0 100px 0; }
.program_slide > ul > li.swiper-slide-active .info { width: auto; padding: 0 2.8125rem;  }
*/



/*탭 버튼*/
.tab_btn_wrap { display: flex; flex-wrap: wrap; border-bottom: 1px solid #000; }
.tab_btn_wrap > li { flex: 1; max-width: 18.75rem; height: 3.75rem; position: relative; background: #f5f5f5; border: 1px solid #e8e8e8; border-bottom: 1px solid #000; transform: translateY(1px); }
.tab_btn_wrap > li::after { display: none; content: ""; position: absolute; top: -2px; left: -1px; width: calc(100% + 2px); height: 2px; background: #000; }
.tab_btn_wrap > li.active::after { display: block; }
.tab_btn_wrap > li.active { background: #fff; border: 1px solid #000; border-top: 0; border-bottom: 1px solid #fff; }
.tab_btn_wrap > li + li { border-left: none; }
.tab_btn_wrap > li a { font-size: 1.125rem; color: #666; transition: none; }
.tab_btn_wrap > li.active a { font-weight: 500; color: #000; }



/*달력*/
.sec_cal { width: 100%; margin: 0 auto; }
.sec_cal .cal_nav { display: flex; gap: .625rem; align-items: center; font-size: 2.1875rem; letter-spacing: -1px; }
.sec_cal .cal_nav .year-month { text-align: center; line-height: 1; }
.sec_cal .cal_nav .nav { display: flex; border: 1px solid #333333; border-radius: 5px; }
.sec_cal .cal_nav .go-prev,
.sec_cal .cal_nav .go-next { display: block; width: 50px; height: 78px; font-size: 0; display: flex; justify-content: center; align-items: center; }
.sec_cal .cal_nav .go-prev::before,
.sec_cal .cal_nav .go-next::before { content: ""; display: block; width: 20px; height: 20px; border: 2px solid #000; border-width: 2px 2px 0 0; transition: border 0.1s; }
.sec_cal .cal_nav .go-prev:hover::before,
.sec_cal .cal_nav .go-next:hover::before { border-color: #ed2a61; }
.sec_cal .cal_nav .go-prev::before { transform: rotate(-135deg); }
.sec_cal .cal_nav .go-next::before { transform: rotate(45deg); }
.sec_cal .cal_wrap { position: relative; margin: 1rem auto; border: 1px solid #888; border-radius: 1.25rem; }
.sec_cal .cal_wrap .days { display: flex; padding: 1.25rem 0; }
.sec_cal .cal_wrap .days .day { text-align: center; font-weight: 500; }
.sec_cal .cal_wrap .day { width: calc(100% / 7); }
.sec_cal .cal_wrap .day .num { font-weight: 500; }
.sec_cal .current.today { background: #f5f5f5; }
.sec_cal .cal_wrap .dates { display: flex; flex-flow: wrap; }
.sec_cal .cal_wrap .dates .day { padding: 1rem; aspect-ratio : 1.75 / 1; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.sec_cal .cal_wrap .day:nth-child(7n) { /*color: #3c6ffa;*/ border-right: 0; }
.sec_cal .cal_wrap .day:nth-child(7n-6) { /*color: #ed2a61;*/ }
.sec_cal .cal_wrap .day.disable { color: #ddd; }


/*인사말*/
.intro01 {display: flex;align-items: center;/* gap: 6.25rem; */justify-content: space-between;}
.intro01 .img{width: 26.875rem;}
.intro01 .txt_t{max-width: 600px;}
.intro01 .txt_t b{font-size: 1.625rem;margin-bottom: 2.5rem;position: relative;display: inline-block;}
.intro01 .txt_t b::after{content: '';display: block;width: calc(100% + 1.25rem);height: 1.125rem;background: #ffc000;position: absolute;bottom: 0;left: -0.625rem;opacity: .3;border-radius: 50px;z-index: -1;}



/*로그인*/
.login .login_box{ max-width: 500px; margin: 0 auto; border-radius:25px; overflow:hidden; box-shadow:0px 5px 20px 0px rgba(101, 102, 102, .2); position:relative; }
.login .top { height: 12.5rem; padding-top: 1.8rem; background:url('../images/member01.jpg') no-repeat 50% 50%; text-align:center; position:relative; }
.login .btm{ width: 100%; margin-top: -5.5rem; padding: 0 3.125rem; border-radius:80px 80px 0 0; background:#fff; text-align: center; box-shadow:0px -10px 0px #9e152c; position: relative; }
.login .btm > * { width: 100%; }
.login .btm .signup li input { width:100%; background:#f2f2f2; border:none; border-radius:25px; padding: 0 1.5625rem; height: 3.125rem; }
.login .btm .btn_wrap2 { border-bottom: 1px dashed #e4e4e4; }
.login .btm .fine{  padding-top:1.625rem; }


/*회원가입*/
.join_step { gap: 3.75rem; } 
.join_step li.step { width: 16.25rem; display: flex; justify-content: flex-start; align-items: center; border-radius: 500px; padding: 1rem 1.4375rem; gap:1.5625rem; color: #858585; position:relative; }
.join_step li.step.on { background: linear-gradient(to right, #b5132e, #bd1c37); color: #fff; }
.join_step li.step.on::after { content: ""; width: 4.8rem; height: 4.8rem; position: absolute; right: -6px; bottom: 0; background: url('../images/univ_mark.png') no-repeat 50% 50%; background-size: 100%; }
.join_step li.step i { display: block; width: 3.5rem; height: 3.5rem; border-radius: 50%; background-color: #ececec; background-repeat: no-repeat; background-position: 50% 50%; }
.join_step li.step.on i { background-color: #fff; }
.join_step li.arrow { width: 1rem; height: 1rem; border-top: 3px solid #ccc; border-right: 3px solid #ccc; transform: rotate(45deg); }

.join .btn_wrap2 > a { width: 45%; }
.join .btn_style { display: inline-block; height: 36px; line-height: 32px; padding: 0 1.3rem; }

.join1 .box{border:1px solid #ccc; border-radius:20px; overflow: hidden; }
.join1 .box .agree_con{ padding:2.1875rem; }
.join1 .box .agree_con .agree_inner{width: 100%; height: 220px; overflow-y: auto;}
.join1 .box .agree_con .agree_inner::-webkit-scrollbar{ background-color:transparent; width:.5rem; border-radius:30px; }
.join1 .box .agree_con .agree_inner::-webkit-scrollbar-thumb{ height: 50%; background-color:#b10e29; border-radius: 30px; }
.join1 .box .agree_con .agree_inner::-webkit-scrollbar-track{ background-color:#e6e6e6; border-radius: 30px; border:1px solid #f8f8f8; }
.join1 .box .agree_con .agree_inner p { line-height:1.7; }
.join1 .box .agree {border-top:1px solid #ccc; padding:1.4375rem 2.1875rem;}




@media screen and (max-width: 1600px) {
	#sub_vis .sub_bg { width: 100%; max-width: 100%; border-radius: 0; }
}


@media screen and (max-width: 1400px) {
	/* 대학소개 - 교육목적 및 목표 */
	.goals .diagram1 .wing { gap: 1.5rem; padding: 1rem 2rem 1rem 1rem;}
	.goals .diagram1 .wing.left { padding: 1rem 1rem 1rem 2rem;}
	.goals .diagram1 .wing .cc {width: 7rem; height: 7rem;}
	.goals .diagram1 .wing > p {width: calc(100% - 8.5rem);}
	.goals .diagram1 .wing > p br{display:none;}
}


@media screen and (max-width: 1280px) {
	.campus .container01 .responsive-dim{display: block;}

	/* 대학소개 - 교육목적 및 목표 */
	.goals .diagram1 .wing {gap: 1rem}
	.goals .diagram1 .wing .cc {width: 6rem; height: 6rem;}
	.goals .diagram1 .wing > p {width: calc(100% - 7rem);}

	/* 대학소개 - 연혁 */
	.history .tab_box_wrap {padding: 3rem 0 0;}
	.history_wrap .history_list {width:45%;}
	.history_wrap > .flex_box .line {width:4%;}
}


@media screen and (max-width: 1160px) {
	/* 대학소개 - 교육목적 및 목표 */
	.goals .box_wrap li b br {display: none;}
}


@media screen and (max-width: 1024px) {
	.join_step { justify-content: space-between !important; gap: 0; }
	.join_step li.step { max-width: 30%; }

	/* 대학소개 - 교육목적 및 목표 */
	.goals .diagram1 .center {width: 15rem; height: 15rem;}
	.goals .diagram1 .wing {width:calc(50% - 10rem); gap:1rem; border-radius:20px; padding:1rem 2rem;}
	.goals .diagram1 .wing.left { padding:1rem 2rem;}
	.goals .diagram1 .wing .cc {width:6.25rem; height: auto; padding: 0.5rem; border-radius: 10px;}
	.goals .diagram1 .wing > p {width: 100%;}
	.goals .diagram1 .wing.left > p {order:2;}
	.goals .diagram1 .center::before {width: 20rem;}

	/*대학소개 - 찾아오시는 길 */
	.location .map_box .root_daum_roughmap {width: 100% !important; height:22.5rem;}
	.location .map_box > .deco_list {width:100%; order:2; margin-top:2.5rem;}
	.location .icon_text {width:100%; margin-top:4rem;}
}


@media screen and (max-width: 1200px) and (min-width: 767px) {
	/* 대학소개 - 교수현황 */
	.profile_wrap > li  {justify-content: center;}
	.profile_wrap > li .info { width: 100%; margin-top: 1rem;}
	.profile_wrap > li a {top:48%;}
}


@media screen and (max-width: 900px) {
	/* 대학소개 - 교육목적 및 목표 */
	.goals .box_wrap {gap:1.5rem 3%;}
	.goals .box_wrap li {width:31%;}
	.goals .box_wrap li i {width:6rem; height:6rem; background-size:3.125rem;}
	.goals .box_wrap li b {padding-top:7rem;}

	/* 대학소개 - 연혁 */
	.history_wrap .img_box {width:35%; height:12.5rem;}
	.history_wrap .history_list {width:55%; order:2;}
	.history_wrap > .flex_box .line {position:absolute; left:40%; top:20px;}
	.history_wrap > .flex_box:nth-child(even) {text-align: left;}
	.history_wrap > .flex_box:nth-child(even) .line {transform: none;}
	.history_wrap > .flex_box::before ,
	.history_wrap .flex_box::after {left:40%;}
	.history_wrap > .flex_box:nth-child(even) .history_list ul li {flex-direction: row; padding: 0;  padding-left:8.2rem;}
	.history_wrap > .flex_box:nth-child(even) .history_list ul li span {padding:0; padding-left:0.8rem;}
	.history_wrap > .flex_box:nth-child(even) .history_list ul li span::before {left: 0; right: auto;}
}


@media screen and (max-width:767px){
	#sub_vis .inner { padding-top: 63px; text-align: center; }

	/* 대학소개 - 학장인사말 */
	.greeting .inner > .flex_box.ac {flex-flow:column nowrap; gap:4rem;}
	.greeting .texts {width: 100%;}
	
	/* 대학소개 - 학과소개 */
	ul.ul_roundbox > li {gap:1.5rem;}
	ul.ul_roundbox > li img {width:10rem;}

	/* 대학소개 - 교육목적 및 목표 */
	.goals .diagram1 .center {width: 13rem; height: 13rem;}
	.goals .diagram1 .center span {font-size: 1.5625rem;}
	.goals .diagram1 .center::before {width:16rem;}
	.goals .diagram1 .wing {width:calc(50% - 8rem); padding: 1rem 1.5rem; gap:0.8rem;}
	.goals .diagram1 .wing.left {padding: 1rem 1.5rem;}
	.goals .diagram1 .wing > p {font-size: 1rem;}
	.goals .diagram1 .wing .cc {font-size:1.125rem; width: auto; padding: 0.3rem 1rem;}

	.goals .diagram2 li .cc {background-position: 50% 30%;}
	.goals .diagram2 li:nth-child(1) .cc {background-size:68px;}
	.goals .diagram2 li:nth-child(2) .cc {background-size:55px;}
	.goals .diagram2 li:nth-child(3) .cc {background-size:60px;}
	.goals .diagram2 li .cc b {font-size: 1.125rem; margin-bottom: -6.5rem;}

	/* 대학소개 - 연혁 */
	.history_wrap .history_list ul li ,
	.history_wrap > .flex_box:nth-child(even) .history_list ul li {padding: 2rem 0 0 0.3rem;}

	/* 대학소개 - 교수현황 */
	.profile_wrap > li {width: 100%;}
	
	/* 대학소개 - 찾아오시는 길 */
	.location .icon_text img {width: 80px;}
	.location .icon_text {padding-left: 100px;}

	/* ICCU커뮤니티 - 공지사항 */
	.notice_kind { gap: 1%; }
	.notice_kind li { flex: none; width: 32%; margin-top: 10px; }

}


@media screen and (max-width:640px){
	.join_step {flex-direction: column; gap: 10px;}
	.join_step li.step {width: 300px; max-width: 100%; justify-content: center; }
	.join_step li.arrow {margin: 0 auto; transform: rotate(135deg);}

	.join .btn_style {height: 30px; line-height: 28px;}
	.join .table_write tr td input.with_btn {max-width: calc(100% - 110px);}

	#sub_vis .inner {padding-top:40px;}
	.lnb .home {display:none;}
	.lnb .slide_box {width:100%; height:50px; border-bottom:1px solid rgba(255, 255, 255, .5);} 
	.lnb > div::after {display:none;}

	/* 대학소개 - 학과소개 */
	.introduce ul.flex_box li {padding: 2rem 2rem 2rem 8.5rem; background-position:3rem 50%; background-size:40px;}
	.introduce ul.flex_box li:first-child{background-size:33px;}
	ul.ul_roundbox > li {flex-flow: column nowrap; border-radius: 20px; padding:1.5rem;}
	ul.ul_roundbox > li img {width: 7rem;}

	/* 대학소개 - 교육목적 및 목표 */
	.goals .diagram1 {justify-content: center; align-items:stretch; gap:1rem 2%;}
	.goals .diagram1 .center {order:1; margin: auto 5rem;}
	.goals .diagram1 .wing {padding:1rem 1.5rem; gap:0.5rem; order:3; width:48%; justify-content:flex-start;}
	.goals .diagram1 .center::before {display:none;}
	.goals .diagram1 .right:after,
	.goals .diagram1 .left:after {left:50%; top:0;}
	.goals .diagram1 .wing.left {flex-flow:column wrap; align-items:flex-start;}
	.goals .diagram1 .left p {text-align: left;}
	.goals .diagram2 li:nth-child(1) .cc {background-size:55px;}
	.goals .diagram2 li:nth-child(2) .cc {background-size:40px;}
	.goals .diagram2 li:nth-child(3) .cc {background-size:48px;}
	.goals .diagram2 li .cc b {font-size: 1rem; margin-bottom: -4.5rem;}
	.goals .box_wrap {gap:1rem 2%;}
	.goals .box_wrap li {width:49%;}

	/* 대학소개 - 연혁 */
	.history_wrap > .flex_box {justify-content: flex-end;}
	.history_wrap .img_box {display: none;}
	.history_wrap .history_list {width:90%;}
	.history_wrap > .flex_box .line {width: 6%; left:1rem;}
	.history_wrap .history_list ul li, 
	.history_wrap > .flex_box:nth-child(even) .history_list ul li {padding: 0 0 0 8rem;}
	.history_wrap > .flex_box::before , 
	.history_wrap .flex_box::after {left: 1rem;}
	.history_wrap .history_list ul li span::before {top: 10px;}

	/* 대학소개 - 교수현황 */
	.professor .btn_style3 {padding: 0.5rem 1.2rem;}


	/* 대학소개 - 찾아오시는 길 */
	.location .icon_text img {width:60px;}
	.location .icon_text {padding-left:80px;}
	.location .icon_text .bold {padding-bottom:0.625rem; margin-bottom:0.625rem;}
	.location .icon_text b {margin:1.875rem 0 0.625rem;}
	
	/* 대학생활 - 학생회 */
	.student_council .tab_btn_style1 li {width: 25%;}
	.student_council .tab_btn_style1 li:nth-child(-n+5) {margin-bottom: 0;}
	.student_council .tab_btn_style1 li:nth-child(-n+4) {margin-bottom: 1rem;}
	.student_council .tab_btn_style1 li:nth-child(5n+1)::before { display: block; }
	.student_council .tab_btn_style1 li:nth-child(4n+1)::before { display: none; }
	.tab_btn_style1.tab_btn_wrap li.active a {max-width:95%;}
	.tab_btn_style1.tab_btn_wrap li + li::before {height:1.4rem;}

	/* iccu커뮤 - news */
	.news table.board_list tbody tr td.num {width:100%;}

	/* iccu커뮤 - events */
	.events table.board_list tbody tr td.num {width:100%;}

	
}


@media screen and (max-width: 530px) {
	/* 대학소개 - 교수현황 */
	.profile_wrap > li {flex-flow: column nowrap; padding: 1.5rem; align-items: center;}
	.profile_wrap .info {width: 100%; margin-top:1rem;}
	.profile_wrap .img_box {width: 8.375rem;  height: 10.5rem;}
	.profile_wrap > li a {top: 44%;}
}


@media screen and (max-width: 480px) {
	.login .login_box { margin: 20px; } 
	
	/* 대학소개 - 학과소개 */
	.introduce ul.flex_box li {padding:1.5rem 1.5rem 1.5rem 7.5rem; background-position:2.5rem 50%;}

	/* 대학소개 - 교육목적 및 목표 */
	.goals .diagram2 li .cc {background-position: 50% 30%; width:calc(100% - 1.25rem); height:calc(100% - 1.25rem);}
	.goals .diagram2 li:nth-child(1) .cc {background-size:43px;}
	.goals .diagram2 li:nth-child(2) .cc {background-size:28px;}
	.goals .diagram2 li:nth-child(3) .cc {background-size:36px;}
	.goals .diagram2 li .cc b {font-size: 0.9375rem; margin-bottom: -3.5rem; text-align:center;}
	.goals .box_wrap li {padding: 0.5rem;}
	.goals .box_wrap li i {width:5.5rem; height:5.5rem; background-size:2.8rem; top:2rem;}
	.goals .box_wrap li b {padding-top:6rem;}
	
	/* 대학소개 - 연혁 */
	.history_wrap .history_list ul li , 
	.history_wrap > .flex_box:nth-child(even) .history_list ul li {padding: 2rem 0 0 0.3rem;}

	/* 대학소개 - 찾아오시는 길 */
	.location .deco_list li {text-indent: 0; padding-left: 1rem;}
	.location .deco_list li::after {width: 8px; height: 3px;}
	.location .icon_text img {width: 50px;}
	.location .icon_text {padding-left: 65px;}

	/* 대학생활 - 학생회 */
	.student_council .tab_btn_style1 li {width:33.33%;}
	.student_council .tab_btn_style1 li:nth-child(4n+1)::before {display: block;}
	.student_council .tab_btn_style1 li:nth-child(3n+1)::before {display: none;}
	.student_council .tab_btn_style1 li:nth-child(-n+6) {margin-bottom: 1rem;}
	.student_council .tab_btn_style1::before {content: ""; position: absolute; top:34%; left: 50%; transform: translateX(-50%); width: 95%; height: 1px; background: #ddd;}
	.student_council .tab_btn_style1::after {top: 65%;}
	.tab_btn_style1.tab_btn_wrap li a {font-size:15px;}
	.org_diagram .vip .circle {width: 13rem; height: 13rem;}
	.org_diagram .box {padding:0.5rem;}
	.org_diagram ul.flex_box::before {width:76%;}
	.org_diagram ul.flex_box li {width: 24%;}
	.org_diagram .box.gray_bg4 p ,
	.org_diagram .box p:last-child{font-size:16px;}
}


@media screen and (max-width: 360px) {

}