@charset "utf-8";

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

.mt30{margin-top:30px;}

/* 전체레이아웃 설정값 */
#hae-wrap{ min-width:320px; overflow:hidden; font-family: 'Pretendard'; }
#container_hae {position:relative;background: #e8e8e8 url("/upload_data/board_data/CNT_ATCHDOWN/178090308074983.png")center center no-repeat fixed; width:100%;padding-top:50px; background-size: cover;}
#container_hae:before{display:block;content:'';width: 100vw;height: 100%;/* background: rgba(0,0,0,.3); */position: absolute;top: 0;left: 0;backdrop-filter: blur(3px);}
.txt_right{text-align:right}
.ly_center_mom{ width:1200px; margin:0 auto; position:relative;}/* 모바일일떄 마진이 들어간 센터정렬*/
.hae_h01{font-size: 29px;font-weight:600;letter-spacing:-1px;text-shadow:1px 2px 4px #001070;color:#fff;text-align:center;word-break:keep-all;}
.hae_h01 strong{font-size: 59px;display: block;margin-bottom: 10px;}
.hae_h01 span{color: #fcfcfc;text-shadow: 2px 2px 0 #001070;/* color: #98fff0; */}
.hae_h01_btn{ text-align:center; margin-top:30px; margin-bottom:50px;}
.hae_h01_btn ul{ font-size:0; margin:0 18%;}
.hae_h01_btn ul li{font-size:15px;font-weight:600;display:inline-block;width: 115px;margin:0 1%;padding-top: 65px;height: 50px;box-shadow:1px 2px 4px #052074;border-radius: 20px;vertical-align:top;}
.hae_h01_btn ul li a {width: 95%;display:inline-block;margin-top: -64px;padding-top: 80px;height: 35px;color: #333;font-size: 16px;letter-spacing: -.05px;} 

.hae_h01_btn .hae_h01_bg01{ background:#fff url("/images/001kunsan/inc/hae_img01.png") center 17px no-repeat;}
.hae_h01_btn .hae_h01_bg02{ background:#fff url("/upload_data/board_data/CNT_ATCHDOWN/178089998041505.png") center 17px no-repeat;}
.hae_h01_btn .hae_h01_bg03{background: #fff url("/upload_data/board_data/CNT_ATCHDOWN/178089998040970.png") center 17px no-repeat;}
.hae_h01_btn .hae_h01_bg04{ background:#fff url(" /upload_data/board_data/CNT_ATCHDOWN/178089998041236.png") center 17px no-repeat;}
.hae_h01_btn .hae_h01_bg05{ background:#fff url("/images/001kunsan/inc/hae_img05.png") center 17px no-repeat;}
.hae_h01_btn .hae_h01_bg06{ background:#fff url(" /upload_data/board_data/CNT_ATCHDOWN/178089998041842.png ") center 17px no-repeat;}
.hae_h01_btn .hae_h01_bg07{background: #fff url("/upload_data/board_data/CNT_ATCHDOWN/175515901447001.jpg") center 17px no-repeat;background-size: 48%;}

#content_guide{ width:84%; position:relative; background:#fff; padding:3% 8%;}
#content{min-height:400px; margin-bottom:50px; width:100%; display:inline-block; vertical-align:top;}

/* 히스토리 */
.history_guide{position:relative;}
.history{  display:inline-block; width:100%; margin-top:25px; height:35px; border-bottom:1px solid #1D1C1C;}
.history li { background:url("/images/001kunsan/hae/arrow01.gif") left center no-repeat; padding-left:15px; margin-right:15px; float:left;font-size:20px;}
.history li img{ margin-top:-4px;}
.history li:first-child{ background:none; padding-left:0; }
.history li:first-child a{padding: 10px 7px;}
.history .hpoint{ font-weight:600; color:#F60;}

/* 어플리케이션레이아웃 */
.app{ position: absolute; right:0; top:0;}
.app li { margin-left:5px; float:left;}

/* 서브타이틀 */
#content h3{color:#000;font-size:40px;text-align:center;width:100%;margin-bottom: 20px;padding-top: 35px;display:inline-block;}

/* 푸터레이아웃 */
#footer{margin:0 0 0 0; background:#273341; border-top:1px solid #DFDFDF; padding:40px 0; position:relative; clear:both; float:none;}
#footer .logo_copy{ vertical-align:top; display:inline-block; width:17%; margin-right:3%;}
#footer .address {display:inline-block;width:78%;position:relative;}
#copyright {padding-left:15px; line-height:1.4em; float:left; color:#fff;}
#copyright .f_tell{ margin-left:10px;}
#copyright .f_copy{ width:100%; display:block;}

/* 맨위로버튼 */
.first_top_go {  position: absolute; right:0; z-index:999; top:0;}

/*컨텐츠*/
.hae_content{ line-height:25px; background:#f4f4f4 url("/images/001kunsan/hae/sub01_img05.png")97% center no-repeat; border:1px solid #e6e6e6; padding:40px 40% 45px 5%; margin-bottom:30px; border-radius:40px; box-shadow: 1px 3px 1px #f0f0f0; word-break:keep-all;}
.hae_content p{ margin-bottom:30px; text-align:center;}

.map{height:500px;}

.ctable01 td img{width:auto; max-width:100%;}

@media all and (max-width :1220px) {
/* 전체레이아웃 설정값 */
.ly_center{ width:100%;}
.ly_center_mom{ width:100%; margin:0 0;}
.ly_w100{width:100%; background:none;}

#content{min-height:inherit; margin-top:10px;}

/* 서브타이틀 */
.history{ margin-bottom:30px;}

/* 푸터레이아웃 */
#footer .logo_copy{ display:none;}
#footer .address {width:100%;}
}

@media all and (max-width :950px) {

#container_hae {background-position: center top;}
#content_guide{ width:90%; padding:3% 5%;}
.hae_h01{ font-size:30px;}
.hae_h01 strong{ font-size:60px;}
.hae_h01_btn ul{ margin:0 10%;}	
.hae_h01_btn ul li{width: 23%;margin:0 1% 10px 1%;}


/* 어플리케이션레이아웃 */
.app{ position: relative;}
.app ul { text-align:center; font-size:0;}
.app li{ display:inline-block; float:none;}
.app li img{ width:36px;margin-left:2px;}

/* 서브타이틀 */
#content h3{ margin-bottom:20px;  padding-top:20px;}
}

/* 모바일 */
@media all and (max-width :768px) {

.hae_h01{ font-size:20px;}
.hae_h01 strong{ font-size:40px;}
.hae_h01_btn ul{ margin:0 5%;}

/* 서브타이틀 */
.history{ margin-bottom:20px;}
.title_guide h3{ font-size:35px; margin-top:20px;}

/* 푸터레이아웃 */
#footer{/* margin:25px 0 35px 0; */padding:20px 0;}
#footer .address .add_txt01 {border-top:1px solid #E4E4E4; background:url("/images/001kunsan/inc/line02.png") left top repeat-y;  float:left; width:100%;}
#footer .address .add_txt01 li { float:left; padding:0; line-height:34px; border-bottom:1px solid #E4E4E4;background:url("/images/001kunsan/inc/line02.png") right top repeat-y; width:50%; font-size:12px;}
#footer .address .add_txt01 li a { padding-left:10%;}
#footer .address .add_txt01 li:first-child{ background:url("/images/001kunsan/inc/line02.png") right top repeat-y;}
#copyright {padding-left:0; font-size:85%;}
#copyright .f_tell{ margin-left:0; width:100%; display:block;}
#copyright .f_copy{ width:100%; display:block;}

/* 맨위로버튼 */
.first_top_go { position: relative; text-align:right;}

/*컨텐츠*/
.hae_content{ background:#f4f4f4 none;padding:40px 5% 45px 5%;}
.sub01_txt02 li{width:49%;}
.sub01_txt02 li span{  padding-top:100px;height:40px;}
.sub01_txt03 dl{ width:100%; margin:0 0 15px 0;}

}

@media all and (max-width :600px) {
.hae_h01_btn ul li{width:47%}
/* 서브타이틀 */
.title_guide h3{  font-size:30px; padding-bottom:15px; margin-bottom:15px; margin-top:20px; text-align:center;}
.history li {padding-left: 11px;margin-right:0;font-size: 15px;}
}



 /*자세히보기*/
.pro_list01{ border-bottom:1px dashed #ccc;  font-size:0;}
.pro_list01 .pro_box01{ display:inline-block; width:49%;padding:30px 0; margin:0 0.5%; vertical-align:top; position:relative;}
.pro_list01 .nb_left{width:22%; vertical-align:top; margin-right:2%; display:inline-block; }
.pro_list01 .nb_left img{ width:100%;}
.pro_list01 .nb_right{display:inline-block; font-size:14px; line-height:1.8em; width:74%;}
.pro_list01 .nb_right > strong{ display:block; margin-bottom:10px; font-size:16px; color:#0D5AB5;font-weight: 600;}
.pro_list01 .nb_right li{width:100%; word-break:break-all; font-size:14px; background:url("/images/551electrical/inc/title03_05.gif") left 10px no-repeat; padding-left:8px;}
.pro_list01 .nb_right li > strong{ display:inline-block; margin-right:2%; color:#A6A6A6; font-size:13px;}
.bgc_01{ background:#fff;}
.pro_box01 .hx-com-showhide-txt{position:absolute; left:0;top:100%; z-index:9; width:94%;height:300px;overflow:auto;}
.pro_box01 ul{ font-size:15px;}
.honorary_list .pro_list01 .pro_box01{}
.honorary_list .pro_list01 .nb_left{width: 16%;}
@media all and (max-width :940px){
.pro_list01{ padding:0; margin-bottom:15px;}
.pro_list01 .pro_box01{ padding:3%; width:94%;}
}
@media all and (max-width :768px){
.pro_list01{ padding:0; margin-bottom:15px;}
.pro_list01 .pro_box01{ padding:4%; width:92%;}
}
@media all and (max-width :480px){
.pro_list01 .nb_left{width:28%; margin-right:3%; }
.pro_list01 .nb_left img{}
.pro_list01 .nb_right{width:68%; line-height:1.6em;}
.pro_list01 .nb_right li{ letter-spacing:-0.5px; font-size:13px; word-break:break-all;}
.pro_list01 .nb_right li > strong{ font-size:12px;}
.pro_box01 .btn_link04{line-height:1.3em; font-size:12px;}
}

.pro_btn{ background:#43A220; color:#fff; padding:0 10px 0 15px; display:inline-block; font-weight:600;line-height:1.8em; font-size:14px; border-radius:4px;}
.pro_btn a{ background:#43A220 url("https://www.kunsan.ac.kr/images/557nanochemeng/inc/search01.png") right center no-repeat; color:#fff; padding:4px 18px 4px 0; display:inline-block; font-weight:600;line-height:1.8em; border-radius:4px;}
@media all and (min-width :1023px){
.pro_btn{position: absolute;top:30px;right:0;}
}
.pro_btn_home{ background:#4158ff; color:#fff; padding:0 10px 0 15px; display:inline-block; font-weight:600;line-height:1.8em; font-size:14px; border-radius:4px;}
.pro_btn_home a{ background:#4158ff url("https://www.kunsan.ac.kr/images/555environment/inc/search02.png") right center no-repeat; color:#fff; padding:4px 18px 4px 0; display:inline-block; font-weight:600;line-height:1.8em; border-radius:4px;}

.w100{text-align: center; margin-bottom:40px;}
.w100 img{width: auto;max-width: 100%;}


.txt_box{margin-top:30px;padding:22px 18px;border:1px solid #d7dee8;border-radius:16px;background:#f8fbff;font-size:15px;line-height:1.8;color:#333;box-sizing:border-box;word-break:keep-all;}
.txt_box.ac{text-align:center;}
.txt_box .fc05{display:inline-block;margin-bottom:6px;font-size:18px;font-weight:700;color:#486baf;}

.counsel_info{margin-top:30px;}
.info_row{margin-top:18px;}
.info_row:first-child{margin-top:0;}
.info_tit{padding:14px 18px;border-radius:8px;background:#444;font-size:16px;font-weight:700;color:#fff;text-align:center;box-sizing:border-box;}
.info_cont{margin-top:10px;padding:18px 16px;border:1px solid #ddd;border-radius:10px;background:#fff;box-sizing:border-box;}
.info_cont p{margin:0;font-size:15px;line-height:1.7;color:#333;word-break:keep-all;}
.info_cont ol{margin:0;padding-left:18px;}
.info_cont li{margin-top:6px;font-size:15px;line-height:1.7;color:#333;word-break:keep-all;}
.info_cont li:first-child{margin-top:0;}
.ability_box{margin-top:16px;padding-top:16px;border-top:1px dashed #ddd;}
.ability_box:first-child{margin-top:0;padding-top:0;border-top:0;}
.ability_box strong{display:block;margin-bottom:5px;font-size:15px;font-weight:700;color:#2368c4;}
.ability_box p{position:relative;padding-left:10px;}
.ability_box p:before{content:"";position:absolute;left:0;top:12px;width:4px;height:4px;border-radius:50%;background:#999;}

.txt_box3{position:relative;padding:25px 18px;border:1px solid #dfe5eb;border-radius:18px;background:#fff;box-sizing:border-box;}
.txt_box3:after{content:"";display:block;clear:both;}
.greeting_img{float:right;width:210px;height:210px;margin:20px 0 15px 25px;border-radius:18px;background: url('/upload_data/board_data/CNT_ATCHDOWN/178089160011097.png') no-repeat center bottom;background-size:contain;}
.txt_box3 .gre_tit2{margin: 0 0 10px;font-size: 20px;font-weight:700;line-height:1.5;color:#222;word-break:keep-all;}
.gre_tit2:after{content:"";display:block;width:55px;height:4px;margin-top:14px;border-radius:10px;background:#2368c4;}
.txt_box3 p{margin:0;font-size: 16px;line-height:1.9;color:#555;word-break:keep-all;}
.txt_box3 .mb10{margin-top:15px;}
.txt_box3 .last_name{margin-top: 17px;font-size:16px;font-weight:500;color:#333;/* text-align:right; */}
.txt_box3 .last_name strong{margin-left:6px;font-size:22px;font-weight:700;color:#222;}


@media all and (min-width:768px){
	.info_row{display:flex;align-items:flex-start;margin-top:22px;}
	.info_tit{width:170px;margin-right:20px;padding:16px 10px;margin-top: 5px;}
	.info_cont{flex:1;margin-top:0;padding:20px 22px;}
	.txt_box3{padding:32px 35px;border-radius:22px;}
	.greeting_img{width:240px;height:240px;margin:25px 0 20px 35px;}
	.gre_tit2{font-size:25px;}
}

@media all and (min-width:1200px){
	.txt_box3{padding: 40px 45px;margin-bottom: 30px;}
	.greeting_img{width:270px;height:270px;margin: -164px 0 20px 0;}
	.gre_tit2{font-size:28px;}
}      


.jinro{margin-top:30px;}
.jinro_tit{margin:40px 0 18px;font-size:22px;font-weight:700;color:#222;text-align:center;border: 3px dashed #ddd;padding: 20px;border-radius: 20px;}
.jinro_tit:first-child{margin-top:0;}
.jinro_list{display:flex;flex-wrap:wrap;margin:-8px;}
.jinro_box{width:100%;margin:8px;border:1px solid #d7dee8;border-radius:16px;background:#fff;box-sizing:border-box;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.04);}
.jinro_head{margin:0;padding:14px 15px;background:#486baf;font-size:17px;font-weight:700;color:#fff;text-align:center;}
.jinro_box ul{margin:0;padding:18px 16px;list-style:none;}
.jinro_box li{position:relative;margin-top:10px;padding-left:22px;font-size:15px;font-weight:600;line-height:1.6;color:#333;word-break:keep-all;}
.jinro_box li:first-child{margin-top:0;}
.jinro_box li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:#486baf;}
.jinro_box li span{display:block;margin-top:2px;font-size: 15px;font-weight:400;color:#6d7785;}

@media all and (min-width:768px){
	.jinro_list{margin:-10px;}
	.jinro_box{width:calc(50% - 20px);margin:10px;}
	.jinro_head{padding:15px;font-size:18px;}
	.jinro_box ul{padding:20px;}
}

@media all and (min-width:1200px){
	.jinro_tit{font-size:26px;}
	.jinro_box li{font-size:16px;}
}