@charset "utf-8";

/*sub*/

.main_only { display: none; }

#main { position: relative; }
#contents {padding:6.25rem 0 10rem; margin: 0 auto; min-height:70px;}

.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_disc2 > li { position: relative; padding: 0 1rem; }
ul.ul_disc2 > li::before { content:""; position: absolute; top: .625rem; left: 0; width: 4px; height: 4px; background: #2c83d4; 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; width:100%; height:25rem;}
#sub_vis .sub_bg { position: absolute; top: 0; right: 0; width:100%; height: 100%; background-image: url('/asset/images/sub_vis1.jpg');}
.intro #sub_vis .sub_bg{background-image: url('/asset/images/sub_bg1.jpg');}
.academic #sub_vis .sub_bg{background-image: url('/asset/images/sub_bg2.jpg');}
.community #sub_vis .sub_bg{background-image: url('/asset/images/sub_bg3.jpg');}
.member #sub_vis .sub_bg{background-image: url('/asset/images/sub_bg01.jpg');}
#sub_vis .inner { height: 100%; padding-top:10.625rem; }
#sub_vis h2 { font-size: 2.8125rem; }

.lnb { width: 100%; display: flex; flex-wrap: wrap; position: absolute; left: 0; bottom: 0; background: #fff; border-radius: 0px 50px 0 0; z-index: 99; }
.lnb .home { width: 70px; height: 60px; position: relative; background: #0862a6;}
.lnb .slide_box { width: 20rem; position: relative; }
.lnb > div::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 100%; background:#ddd; }
.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.on{border-bottom:1px solid #ddd;} */
.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%; 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);  }
.lnb .slide_box ul { position: absolute; top: 100%; width: 100%; padding: 10px 20px; background: #fff; border: 1px solid #ccc; border-top: 0; z-index: 99; display: none; }
.lnb .slide_box ul li { /* margin: 5px 0; */ font-weight: 500; }
.lnb .slide_box ul li a {color:#666; width:100%; padding:0.5rem 0; display:block;}
.lnb .slide_box ul li a img{opacity: 0.5;}
.lnb .slide_box ul li a:hover { color: #b10e29; }
.lnb .left_tit { display: none; }
/* .fixed .lnb {position:fixed;} */
.lnb .slide_box ul li a[target="_blank"]::after { content: ""; display: inline-block; width: .75rem; height: .75rem; margin-left: 5px; background: url('/asset/images/linkout_icon.png') no-repeat 50% 50%; background-size: 100%; opacity:0.5; }


.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: 2.125rem; padding: 1.5rem 0; }


/*로그인*/
.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('/asset/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('/asset/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; }
.join input[readonly] { background: #f5f5f5; }

.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;}

/* 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(/asset/images/tx_scroll.png) 50% 50% no-repeat;}
@media screen and (max-width:554px){
	.responsive-dim {display:block;}
}

/*대학소개 - 인사말*/
.greeting {position: relative;}
.greeting:after{content:''; position:absolute; display:block; background:url(/asset/images/greeting02.jpg) 0 100% no-repeat;  /* width:550px; */ width:29.25%; /* height:680px; */ height:71.7%; right:0; bottom:0; z-index:1; background-size:contain;}
.greeting .con{position: relative;}
.greeting .con p:nth-child(1) em{display:block; margin-top:0.3rem;}
.greeting .con p:nth-child(2) em{display:inline-block; margin-left:1rem;}
.greeting .con p:nth-child(3){color:#333; width: 70%;}
.greeting .con p:nth-child(4){position:absolute; right: 5rem; bottom: 0; z-index:2;}

/*대학소개 - 연혁*/
.history{}
.history .con{}
.history .con .wrap{}
.history .con .wrap + .wrap{margin-top:4rem;}
.history .con .wrap .tit{background:#f7f7f7; padding:0.8rem 2rem;}
.history .con .wrap .content{display:flex; flex-flow:row nowrap;}
.history .con .wrap .content + .content{padding-top:1.5rem;}
.history .con .wrap .content .left{position:relative; padding-right:2.25rem;}
.history .con .wrap .content .left:after{position:absolute; content:''; display:block; z-index: 20; background:#de2853; width: 8px; height: 8px; border-radius:50%; right:0;  top:1rem;}
.history .con .wrap .content .rignt{padding-top: 0.4rem; padding-left:2.25rem;}
.history .con .wrap .content .rignt dl{color:#333; display:flex; flex-flow:row nowrap; align-items:baseline; gap: 1.75rem;}
.history .con .wrap .content .rignt dl + dl{margin-top:0.5rem;}
.history .con .wrap .content .rignt dl dt{}
.history .con .wrap .content .rignt dl dd{font-size:0.9375rem;}
.history .con .wrap .content .rignt dl dd span{display:block;}
.history .con .wrap .content .rignt dl dd span + span{margin-top:0.5rem;}
.history .con .wrap .wrap02{padding:3rem 0; align-items: flex-start;}
.history .con .wrap .wrap02 > div {width:50%; position:relative;}
.history .con .wrap .wrap02 > div:after{content:''; position:absolute; display:block; width:1px; height:98%; background:#ddd; top:1.25rem; left: 5.3rem; z-index: 10;}

/*대학소개 - 비전과 심볼소개 */
.vision{}
.vision .section01{gap:2.5rem 0;}
.vision .section01 .wrap{border:1px solid #ddd; border-radius:20px; width: 48%; flex-flow:row nowrap; align-items:center; justify-content:flex-start; padding:1.875rem; gap:1.875rem;}
.vision .section01 .wrap > p{background:#f7f7f7; border-radius:50%; width:7.25rem; height:7.25rem; display:flex; align-items:center; justify-content:center;}
.vision .section01 .wrap .txt{width:calc(100% - 9.125rem);}
.vision .section01 .wrap .txt p:last-child{margin-top: 0.2rem;}
.vision .section01 .wrap .txt p span{display:block;}

/*대학소개 - 교수현황*/
.professor{}
.professor .tab_btn_style1{padding-bottom:4.375rem;}
.professor .tab_btn_style1 li{width: 50%;}
.professor .tab_btn_style1 li a{color:#a2a2a2; background:#f7f7f7; padding: 0.938rem 0; border: 1px solid #ddd; border-top: 2px solid #ddd; border-bottom: 1px solid #000;}
.professor .tab_btn_style1 li.active a{font-weight:500; color:#000; background: #fff; border: 1px solid #000; border-bottom: 1px solid #fff; border-top: 2px solid #000;}
.professor .tab_box_wrap {}
.professor .tab_box_wrap li {}
.professor .tab_box_wrap li p.tit{text-align:center;}
.professor .tab_box_wrap li p.tit em{color: #0862a6; border: 1px solid #0862a6; border-radius: 32px; display: inline-block; padding: 1rem; width: 33.125rem; margin-bottom: 2.5rem; text-align:center;}
.professor .tab_box_wrap li .con {gap: 1.875rem 0;}
.professor .tab_box_wrap li .con .wrap{width: 49%; border: 1px solid #e8e8e8; border-radius: 20px; overflow: hidden; display: flex; flex-flow: row nowrap; align-items: center; height: 14.625rem;}
.professor .tab_box_wrap li .con .wrap .left_img{background:#f1f5f9; width:30%; height: 100%; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center;}
.professor .tab_box_wrap li .con .wrap .left_img p{}
.professor .tab_box_wrap li .con .wrap .left_img p img{}
.professor .tab_box_wrap li .con .wrap .left_img p:last-child{margin-top:1rem;}
.professor .tab_box_wrap li .con .wrap .left_img p:last-child em{margin-right:0.3rem;}
.professor .tab_box_wrap li .con .wrap .right_profile{padding-left:2.5rem;}
.professor .tab_box_wrap li .con .wrap .right_profile ul.ul_disc2{}
.professor .tab_box_wrap li .con .wrap .right_profile ul.ul_disc2 li{font-weight:500;}
.professor .tab_box_wrap li .con .wrap .right_profile ul + ul {margin-top:1.25rem;}
.professor .tab_box_wrap li .con .wrap .right_profile ul.txt li{ color:#333333;}

/* 대학소개 - 송도국제캠퍼스안내 */
.songdo .section01{width:100%; position:relative; padding-bottom:56%;}
.songdo .section01 iframe{position:absolute; width:100%; height:100%; top:0; left:0;}

/* 대학소개 - 찾아오시는 길 1-8_location*/
.location .container01 {border: 1px solid #ddd;}
.location .root_daum_roughmap .wrap_map {height:21.875rem !important;}
.location .container02{}
.location .container02 > .wrap{gap:1rem 6.25rem;}
.location .container03{border-top:1px solid #000; border-bottom:1px solid #000;}
.location .container03 .wrap{padding:1.875rem 0; /* flex-flow:row nowrap; */ justify-content:flex-start; gap:1.875rem; border-bottom:1px solid #ddd;}
.location .container03 .wrap > p{border-radius:50%; background:#f5f5f5; width:8.125rem; height:8.125rem; display:flex; align-items:center; justify-content:center;}
.location .container03 .wrap .txt{width:calc(100% - 10rem); padding-top:1.375rem;}
.location .container03 .wrap p.tit{background:#206adf; width: 7.5rem; text-align:center; border-radius:10px; padding: 0.29rem 0;}
.location .container03 .wrap dt{color:#333;}
.location .container03 .wrap dd{position:relative; padding-left:1rem;}
.location .container03 .wrap dd + dd{margin-top:0.3rem;}
.location .container03 .wrap dd:after{position:absolute; content:''; display:block; width:5px; height:5px; background:#bbb; left:0; top:0.6rem; border-radius:50%;}

/* 학사안내 공통 */
.exchange{overflow:hidden;}
.exchange .tab_btn_style1{padding-bottom:4.375rem;}
.exchange .tab_btn_style1 li{width: 25%;}
.exchange .tab_btn_style1 li a{color:#a2a2a2; background:#f7f7f7; padding: 0.938rem 0; border: 1px solid #ddd; border-top: 2px solid #ddd; border-bottom: 1px solid #000;}
.exchange .tab_btn_style1 li.active a{font-weight:500; color:#000; background: #fff; border: 1px solid #000; border-bottom: 1px solid #fff; border-top: 2px solid #000;}

/* 학사안내 - 연구/산학,관학 4-3 research */
.research{padding: 6.25rem 0 0 !important;}
.research .sec02{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.research .sec02 ul{}
.research .sec02 ul li{width: 25%; height: 13.375rem; border-left:1px dashed #ddd; padding: 3.125rem 2.5rem;}
.research .sec02 ul li:nth-child(1),
.research .sec02 ul li:nth-child(2),
.research .sec02 ul li:nth-child(3),
.research .sec02 ul li:nth-child(4){ border-bottom:1px dashed #ddd;}
.research .sec02 ul li:nth-child(4),
.research .sec02 ul li:nth-child(8){border-right:1px dashed #ddd;}
.research .sec02 ul li.deco{background:#f9f9f9;}
.research .sec02 ul li > p{position:relative; padding-left:1rem;}
.research .sec02 ul li > p:after{position:absolute; display:block; content:''; width: 5px; height: 5px; background:#2c83d4; border-radius:50%; top:45%; left:0;}
.research .sec03{}
.research .sec03 ul.flex_box{}
.research .sec03 ul.flex_box li{width:49%; background:#f1f5f9; border-radius:20px; padding: 2.1875rem 2.5rem;}
.research .sec03 ul.flex_box li p.deco{position:relative; padding-left:2.6875rem;}
.research .sec03 ul.flex_box li p.deco + p.deco{margin-top:1rem;}
.research .sec03 ul.flex_box li p.deco:after{position:absolute; content:''; display:block; background:url(/asset/images/sub_icon01.png) no-repeat; background-size:contain; width:1.375rem; height:1.375rem; left:0; top:10%;}
.research .sec05 p{line-height:2rem;}
.research .sec06 .con{background:url(/asset/images/research_sec06.jpg) no-repeat 53% 0; background-size:cover;}
.research .sec06 .con ul{gap:2.5rem 0; padding:4.375rem 0;}
.research .sec06 .con ul li{background:rgba(255,255,255,0.15); border-radius:60px; width:21.875rem; height:7.5rem; display:flex; align-items:center; justify-content:center; color:#fff; padding:0 3.125rem; text-align:center;}

/* 학사안내 - 교내 시설 안내 4-6 facility */
.facility{}
.facility .sec_table{}
.facility .sec_table > p{position:relative; padding-left:0.8rem;}
.facility .sec_table > p:after{position:absolute; display:block; content:''; background:#0862a6; width:4px; height:4px; top:45%; left:0;}
.facility .sec_table table td{padding:2.5rem 1.25rem;}
.facility .sec_table table td .wrap{flex-flow:column nowrap;}
.facility .sec_table table td .wrap ul{display:flex; flex-flow:row nowrap;}
.facility .sec_table table td .wrap ul:nth-child(odd) {background:#f5f5f5;}
.facility .sec_table table td .wrap ul li{width:25%; border-right:1px solid #ddd; height:50px; display:flex; justify-content:flex-start; align-items:center; padding:0 2rem; gap:0.5rem;}
.facility .sec_table table td .wrap ul li:nth-child(4){border-right:none;}
.facility .sec_table table td .wrap ul li em:first-child{font-weight:500;}
.facility .sec_table table td .wrap ul li em:last-child{text-align:left;}

/* 학사안내-국제교류 4-4 exchange */
.exchange01{padding:6.25rem 0 0 !important;}
.exchange01 .con{position:relative;}
.exchange01 .con:after{position:absolute; content:''; display:block; background: url(/asset/images/exchange_002.png) no-repeat; /* width:50rem; */ width:42.55%; height:63%; /* height:37.25rem; */ bottom:0; left:0; background-size:contain; background-position: 0 100%;}
.exchange01 .con .inner > div{align-items:center;}
.exchange01 .c_top .txt{width:40%;}
.exchange01 .c_top .img{width:60%;}
.exchange01 .c_btm {justify-content: flex-end; height:37.25rem;}
.exchange01 .c_btm .txt{width: 57%;}

/* 학사안내-학생지원 4-5 support */
.support{}
.support .tab_btn_style1 li{width: 33.33%;}

/* ICCU커뮤니티 - 공지사항*/
.notice_kind {max-width:calc(100% - 39%); justify-content: flex-start; position: absolute; top:9.5rem; left:0;/* gap:10px; */ }
.notice_kind li {border-left: 1px solid #ccc; /* position:relative; *//* flex:1; */ /* height:3rem; */  /* border:1px solid #ddd; */ /* border-radius:5px; */ }
.notice_kind li:first-child {border-left: none;}
.notice_kind li.on {/* background:#b10e29; border-color:#b10e29;  */}
.notice_kind li.on a {color:#206adf; }
.notice_kind li a {padding: 0 1.125rem; color: #bfbfbf;}
.notice_kind li:first-child a {padding: 0 1.125rem 0 0;}
.notice_kind li:last-child a {padding: 0 0 0 1.125rem;}


/* ICCU커뮤니티 - 사이버 갤러리*/
.cyber_gallery .search_general { max-width: 640px; width:100%; gap:5px;}
.cyber_gallery .search_general .select_wrap {display: flex; width: 60%; gap: 5px;}
.cyber_gallery .search_general .select_wrap select { width: 25%;}
.cyber_gallery .search_general input[type="text"] {width: 40%;}

.cyber_gallery .photo_list ul li .descript { height: 9.063rem;}
.cyber_gallery .top{display: flex !important; gap:10px; margin-bottom: 10px;}
.cyber_gallery .top .work { width: 60px; padding: 2px 8px; background: #9c8d80; color:#fff; font-size: 14px; text-align: center; border-radius: 3px;}
.cyber_gallery .top .year { width: 105px; padding: 2px 8px; background: #fff; border: 1px #d3b59c solid; font-size: 14px; border-radius: 3px;}
.cyber_gallery .top .year span + span{position:relative; padding-left:12px; color: #666;}
.cyber_gallery .top .year span + span:after{position:absolute; content:''; display:block; background: #d3b59c; width:1px; height:16px; top:calc(50% - 8px); left:6px; }

.cyber_gallery .board_view .view_title { padding: 1.5rem 1rem;}
.cyber_gallery .board_view .view_title ul { margin-top: 0px;}






/*=================================================*/

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

}



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


	/* 학과소개 - 연혁 1-2_history 240306 세은 */
	.history .con .wrap .wrap02 > div:after {left: 5.2rem;}
}



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



@media screen and (max-width: 1130px) {
	/* 서브공통 - 검색바 */
	.notice_kind {max-width: 100%;}
	.search_form {justify-content: start;}
	.photo_iccu .search_form,
	.notice .search_form,
	.support .search_form,
	.library .search_form{margin-top:6rem;}
	.search_general {width: 330px;}
	.search_general select,
	.search_general input[type="text"]{height:35px;}
	
	/* 대학소개 - 인사말 */
	.greeting .con{display:flex; flex-wrap:wrap;}
	.greeting .con p:nth-child(1){order:1; width:100%;}
	.greeting .con p:nth-child(2){order:3; width:100%; margin-top:1rem;}
	.greeting .con p:nth-child(3){order:4;}
	.greeting .con p:nth-child(4) {position: static; order:2; margin-top:4rem;}
	.greeting:after {width: 442px; height: 546px; z-index: -1; opacity:20%;}

	/* 학사안내 - 국제교류 */
	.exchange01 .con:after {width:45%; height:52%;}
	.exchange01 .c_btm {height:30rem;}
	.exchange01 .c_btm .txt {width:54%;}

	/* 학사안내 - 연구/산학,관학 4-3 research */
	.research .sec02 ul li {padding:2.5rem 2rem;}
	.research .sec02 ul li > div {margin-top:0.9375rem !important;}
}



@media screen and (max-width: 1024px) {
	.join_step { justify-content: space-between !important; gap: 0; }
	.join_step li.step { max-width: 30%; }
	
	/*대학소개 - 비전과 심볼소개 240307 */
	.vision .section01 .wrap {padding: 1.25rem; gap: 1.25rem;}
	.vision .section01 .wrap > p img{width:50%;}
	.vision .section01 .wrap:nth-child(2) > p img,
	.vision .section01 .wrap:nth-child(4) > p img{width:40%;}
	.vision .section01 .wrap > p {width: 6.25rem; height: 6.25rem;}
	.vision .section01 .wrap .txt {width: calc(100% - 7.25rem);}

	/* 학사안내 - 연구/산학,관학 4-3 research */
	.research .sec06 .con ul li {width:32%;}

	
}



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

	/* 대학소개 - 연혁 1-2_history 240306 세은 */
	.history .con .wrap .wrap02 {flex-flow: column nowrap;}
	.history .con .wrap .wrap02 > div {width: 100%;}
	
	/*대학소개 - 비전과 심볼소개 1_3 240307 */
	.vision .section01 {gap: 1.25rem 0;}
	.vision .section01 .wrap {width: 100%;}

	/* 학사안내 - 연구/산학,관학 4-3 research */
	.research .sec02 ul li {padding:2rem 1.5rem;}
	
	/* 학사안내 - 국제교류 */
	.exchange01 .c_btm {height: 22rem;}
	
	/* 학사안내 - 교내시설안내 */
	.facility .table_line {overflow-x: auto;}
	.facility table.table_data {min-width: 810px;}
	.facility .sec_table table td .wrap ul li {padding: 0 1rem;}
	.facility .responsive-dim {display: block;}
	.facility .responsive-dim::after { background: rgba(0, 0, 0, .3) url(/asset/images/tx_scroll.png) 50% 20% no-repeat;}
}



@media screen and (max-width: 830px) {
	/* 대학소개-교수현황 */
	.professor .tab_box_wrap li .con .wrap .left_img {width:35%; text-align:center;}
	.professor .tab_box_wrap li .con .wrap .left_img p {width:80%;}
	.professor .tab_box_wrap li .con .wrap .right_profile {padding-left:1.5rem; padding-right:0.5rem;}
}



@media screen and (max-width:767px){
	#sub_vis .inner{	width: 100%;}
	#sub_vis .inner > .white{width:90%; margin:0 auto;}

	.lnb {border-radius: 0px 30px 0 0;}
	.lnb .home {height: 3.75rem;}
	.lnb .slide_box {width: calc(50% - 35px);}
	.lnb .dep2:after {display:none;}
	.lnb .slide_box .bt {border-bottom:1px solid #ddd;}
	
	/* 대학소개 - 인사말 */
	.greeting .con p:nth-child(3) {width:80%;}
	.greeting .con p:nth-child(4) {width:13rem;}
	.greeting:after {width:340px; height:422px;}

	/* 대학소개-교수현황 */
	.professor .tab_box_wrap li .con .wrap {width: 100%;}

	/* 학사안내 - 국제교류, 대학소개 - 교수현황 탭 */
	.exchange .tab_btn_style1,
	.professor .tab_btn_style1{gap:10px;}
	.exchange .tab_btn_style1 li,
	.professor .tab_btn_style1 li {width:calc(50% - 5px);}
	.exchange .tab_btn_style1 li a,
	.professor .tab_btn_style1 li a {border:none; border:1px solid #f5f5f5; background:#f5f5f5; color:#000;}
	.exchange .tab_btn_style1 li.active a ,
	.professor .tab_btn_style1 li.active a {border:1px solid #0862a6; background:#0862a6; color:#fff;}
	
	/* 학사안내 - 국제교류 */
	.exchange01 {padding:6.25rem 0 10rem !important;}
	.exchange01 .con .inner > div {position: relative;}
	.exchange01 .c_top .txt {width:100%; padding-top:60%;}
	.exchange01 .c_top .img {width:100%; position:absolute; top:0; left:0;}
	.exchange01 .c_btm {height: auto; margin-top: 5rem;}
	.exchange01 .c_btm .txt {width: 100%;}
	.exchange01 .con:after {display:none;}

	/* 학사안내 - 연구/산학,관학 4-3 research */
	.research .sec02 ul li {width: 50%; border-bottom: 1px dashed #ddd; border-right: 1px dashed #ddd;}
	.research .sec02 ul li:nth-child(odd){border-right:none;}
	.research .sec02 ul li:nth-child(7),
	.research .sec02 ul li:nth-child(8){border-bottom:none;}
	.research .sec02 ul li:nth-child(1),
	.research .sec02 ul li:nth-child(4),
	.research .sec02 ul li:nth-child(5),
	.research .sec02 ul li:nth-child(8){background:#f9f9f9 !important;}
	.research .sec02 ul li.deco {background:none;}
	.research .sec06 .con ul {gap:1rem 0; padding:4rem 0;}
	.research .sec06 .con ul li {width:49%;}
}



@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 {height: 23rem;}
	#sub_vis .inner {padding-top: 9.5rem;}
	.lnb .home {width: 60px;}
	.lnb .slide_box {width: calc(50% - 30px);}
	.lnb .slide_box .bt {padding: 0 1rem;}
	
	/* 대학소개 - 인사말 */
	.greeting .con p:nth-child(1) {font-size: 20px;}
	.greeting .con p:nth-child(3) {width:100%;}
	.greeting .con p:nth-child(4) {width: 100%; display: flex; justify-content: center;}
	.greeting .con p:nth-child(4) img{width:160px;}
	.greeting:after {width:310px; height:384px;}

	/* 대학소개 - 찾아오시는 길 1-8_location*/
	.location .container02 > .wrap dl{flex-flow:column nowrap; align-items:flex-start;}
	.location .container02 > .wrap dl dd{margin-left:0; margin-top:0.3rem;}
	.location .container03 .wrap {flex-flow: column nowrap; gap:0;}
	.location .container03 .wrap > p {width: 6.25rem; height:6.25rem;}
	.location .container03 .wrap img{width: 3rem;}
	.location .container03 .wrap .txt {width: 100%;}
	
	/* ICCU커뮤니티 - 공지사항 */
	.notice .search_form{margin-top:11rem;}
	.notice .notice_kind li {width: 20%;}

	/* 학사안내 - 학생지원 */
	.support .notice_kind li {width: 33.33%;}

	/* 서브공통_테이블 */
	.exchange table.board_list tbody tr td.num ,
	.ask table.board_list tbody tr td.num {width: 100%;}
	/* 서브공통_검색박스 */
	.photo_iccu .search_form, 
	.support .search_form, 
	.library .search_form {margin-top: 7.5rem;}
	.notice_kind{width: 100%; border-right:1px solid #ddd; border-top:1px solid #ddd;}
	.notice_kind li:first-child {border-left:1px solid #ddd;}
	.notice_kind li {width:25%; text-align:center; border-bottom:1px solid #ddd;}
	.notice_kind li a{padding:0.5rem 0 !important; display:block;}

	/* 학사안내 - 연구/산학,관학 4-3 research */
	.research .sec03 ul.flex_box {gap:1rem;}
	.research .sec03 ul.flex_box li {width:100%;}
	.research .sec06 .con ul li {height:auto; padding:2rem;}
	.research .sec02 ul li {}


	/*학생지원 게시판 모바일 보완*/
	.support table.board_list tbody tr td.num { order: 1; }
	.support table.board_list tbody tr td.hit { order: 2; }
	.support table.board_list tbody tr td.title { order: 3; width: 100%; }
	.support table.board_list tbody tr td.name { order: 5; }
	.support table.board_list tbody tr td.date { order: 4; }


}



@media screen and (max-width: 480px) {
	.login .login_box { margin: 20px; } 

	/* 대학소개 - 인사말 */
	.greeting .con p:nth-child(1) {font-size: 16px;}
	.greeting:after {width:270px; height:335px;}
	
	/* 대학소개 - 연혁 */
	.history .con .wrap + .wrap {margin-top: 3rem;}

	/* 대학소개 - 교수현황 */
	.professor .tab_box_wrap li p.tit em {padding:0.5rem; width:100%;}
	
	/* 학사안내 - 국제교류, // 대학소개 - 교수현황 탭 */
	.exchange .tab_btn_style1, 
	.professor .tab_btn_style1 {gap:8px;}
	.exchange .tab_btn_style1 li, 
	.professor .tab_btn_style1 li {width:100%;}
	
	/* 학사안내 - 연구/산학,관학 4-3 research */
	.research .sec06 .con ul li {width:100%;}
	.research .sec02 ul li {padding: 1.5rem 1rem;}
}



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


}