@charset "UTF-8";

@font-face {
font-family:'MerriWeather';
font-style:normal;
font-weight:400;
src: url(/_font/merriweather/merriweather-v22-latin-regular.eot),
url(/_font/merriweather/merriweather-v22-latin-regular.eot?#iefix) format('embedded-opentype'),
url(/_font/merriweather/merriweather-v22-latin-regular.woff) format('woff'),
url(/_font/merriweather/merriweather-v22-latin-regular.otf) format('opentype');
}

@font-face{
font-family:'Noto Sans Korean';
font-style:normal;
font-weight:300;
src:url(/_font/NotoSansKR-Light-Hestia.eot),
url(/_font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
url(/_font/NotoSansKR-Light-Hestia.woff) format('woff'),
url(/_font/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face{
font-family:'Noto Sans Korean';
font-style:normal;
font-weight:350;
src:url(/_font/NotoSansKR-DemiLight-Hestia.eot),
url(/_font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
url(/_font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
url(/_font/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face{
font-family:'Noto Sans Korean';
font-style:normal;
font-weight:400;
src:url(/_font/NotoSansKR-Regular-Hestia.eot),
url(/_font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
url(/_font/NotoSansKR-Regular-Hestia.woff) format('woff'),
url(/_font/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face{
font-family:'Noto Sans Korean';
font-style:normal;
font-weight:500;
src:url(/_font/NotoSansKR-Medium-Hestia.eot),
url(/_font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
url(/_font/NotoSansKR-Medium-Hestia.woff) format('woff'),
url(/_font/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face{
font-family:'Noto Sans Korean';
font-style:normal;
font-weight:700;
src:url(/_font/NotoSansKR-Bold-Hestia.eot),
url(/_font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
url(/_font/NotoSansKR-Bold-Hestia.woff) format('woff'),
url(/_font/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

/* 스킨 수정 */
div.jwxe_board table.type_board thead th{border-top:2px solid #333 !important;}
div.jwxe_board div.board_view div.board_title{border-top:2px solid #333 !important;}
div.jwxe_board div.board_search{margin-top:30px;}
div.jwxe_board ul.gallery_list li div.ratio_box a span.title{height:50px !important; line-height:50px !important; background-color:rgba(0,0,0,0.7) !important; font-size:18px !important; opacity:1 !important; filter:alpha(opacity=100) !important;}

/* Default Setting */
html, body{height:100%;}
html, body, h1, h2, h3, h4, h5, h6, p, dt, dd, dl, ul, li, span, div, table, td, input, fieldset, textarea, select, a, img, button{font-family:'Noto Sans Korean','Malgun Gothic',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; padding:0; margin:0; box-sizing:border-box;}
body{font-size:14px; color:#333; overflow-x:hidden; overflow-y:auto; letter-spacing:-1px;}
li{list-style:none;}
button{border:none; background-color:transparent; cursor:pointer;}
img{vertical-align:top; border:none; max-width:100%;}
a{color:#333; text-decoration:none;}
table{border-collapse:collapse;}
.hidden{width:1px; height:1px; margin:-1px; overflow:hidden; position:absolute; clip:rect(0 0 0 0);}
.ir{display:block; width:100%; height:100%; z-index:-1; font-size:0; overflow:hidden; position:relative;}
caption{width:0; height:0; overflow:hidden; font-size:0; text-indent:-9999px;}
img.mobile{display:none;}
.red{color:#fe0000;}

/* Common header */
header{width:100%; position:absolute; top:0; left:0; z-index:99; transition:all 0.3s;}
header:before{content:""; position:absolute; width:100%; height:1px; top:53px; left:0; z-index:99; background-color:rgba(255, 255, 255, .3);}
header section{width:100%; max-width:1400px; height:115px; margin:0 auto; position:relative; transition:all 0.3s;}

/* Header Active Design */
header.fixed{position:fixed; border-bottom:1px solid #d7d7d7; background-color:#fff;}
header.fixed:before{background-color:#d7d7d7;}
header.fixed #logo h1 a{background:url(/_res/ace2/img/logo_ace2.png) no-repeat 0 -37px/227px 76px;}
header.fixed #gnb nav > div > a{color:#8d8d8d;}
header.fixed #gnb > a{color:#8d8d8d;}
header.fixed #gnb nav > ul > li > a{color:#000;}
header.fixed.sub{border-bottom:none; background-color:inherit;}
header.fixed.sub:before{background-color:rgba(255,255,255,.7);}
header.fixed.sub #logo h1 a{background:url(/_res/ace2/img/logo_ace2.png) no-repeat 0 0/227px 77px;}
header.fixed.sub #gnb > a{color:#fff;}
header.fixed.sub #gnb nav > div > a{color:#fff;}
header.fixed.sub #gnb nav > ul > li > a{color:#fff}
.utill_wrap{display:flex; justify-content:space-between; padding: 20px 0px 20px 10px;}
.utill_wrap.mobile{display:none;}
.utill_wrap a{margin-right:10px; color:#fff}
.utill_wrap .utill_right{display:flex; gap: 20px;}
.utill_wrap.web .login{position:relative;}
.utill_wrap.web .login:before{content: ""; width: 1px;height: 10px;background: #fff;position: absolute;top: 6px;left: -15px;}
header.fixed .utill_wrap.web .login:before{background: #8d8d8d;}
header.fixed .utill_wrap a{color:#8d8d8d;}

#tnb{border-bottom:1px solid #d7d7d7;}
#tnb > div{width:100%; max-width:1400px; margin:0 auto; position:relative; overflow:hidden;}
#tnb > #tnbdiv ul{float:right; overflow:hidden;}
#tnb > div ul:first-child{float:left;}
#tnb > div ul li{margin-left:25px; float:left;}
#tnb > div ul:first-child li{margin-right:25px; margin-left:0;}
#tnb > div ul li a{height:50px; line-height:50px; font-size:14px; color:#8d8d8d; letter-spacing:0;}
#logo h1{margin-top:30px; position:absolute; top:50%; left:0;}
#logo h1 a{display:block; width: 240px; height:40px; background:url(/_res/ace2/img/logo_ace2.png) no-repeat 0 0/227px 77px; background-size: 240px auto; text-indent:-9999px;}
#gnb > a{position:absolute; top:16px; left:0; color:#fff;}
#gnb nav{float:right;}
#gnb nav > div{position:absolute; top:16px; right:0;}
#gnb nav > div > a{padding:0 4px; font-size:14px; color:#fff;}
#gnb nav > div > a:last-child{padding-right:0;}
#gnb nav > ul{float:right;}
#gnb nav > ul > li{float:left; position:relative;}
#gnb nav > ul > li > a{display:block; padding:0 50px; height:90px; line-height:90px; letter-spacing:0; font-size:19px; color:#fff;}
#gnb nav > ul > li:last-child > a{padding-right:0;}
#gnb nav > ul > li > ul{visibility:hidden; min-width:250px; max-height:0; overflow:hidden; position:absolute; top:91px; left:50%; background-color:#f7f7f7; transition:max-height 0.2s; transform:translateX(-50%);}
#gnb nav > ul > li.active > ul{display:block; visibility:visible; max-height:400px; border-top:4px solid #24549C;}
#gnb nav > ul > li > ul li a{display:block; height:50px; line-height:50px; font-size:18px; font-weight:350; color:#333; letter-spacing:0; text-align:center;}
#gnb nav > ul > li > ul li:focus a{visibility:visible; display:block;}
#gnb nav > ul > li > ul li a:hover, #gnb nav > ul > li > ul li a:focus{color:#fff; background-color:#24549C;}
#gnb nav > ul > li > ul li a:focus{visibility:visible; display:block;}
#gnb nav.active{visibility:visible; max-height:500px; opacity:1;}
#gnb_control{display:none; width:40px; height:40px; margin-top:-20px; position:absolute; top:50%; right:16px; border:none; background-color:#fff; transition:all 0.3s;}
#gnb_control span{width:26px; height:3px; background-color:#333; position:absolute; top:50%; left:50%; margin-top:-1.5px; margin-left:-11px; text-indent:-9999px; transition:all 0.3s;}
#gnb_control:before, #gnb_control:after{content:""; width:26px; height:3px; background-color:#333; position:absolute; left:50%; margin-left:-11px; transition:all 0.3s;}
#gnb_control:before{top:9px;}
#gnb_control:after{bottom:9px;}
#gnb_control.active span{opacity:0;}
#gnb_control.active:before{width:15px; height:2px; margin-left:-8px; top:19px; transform:rotate(45deg);}
#gnb_control.active:after{width:15px; height:2px; margin-left:-8px; bottom:19px; transform:rotate(-45deg);}

#quick_menu{position:relative; border-top:1px solid #484848; border-bottom:1px solid #484848; background-color:#1a1a1a; z-index:1;}
#qnb{width:100%; max-width:1400px; margin:0 auto;}
#qnb > ul{height:50px; border-left:1px solid #484848; border-right:1px solid #484848;}
#qnb > ul > li{width:25%; float:left; position:relative;}
#qnb > ul > li > a{display:block; height:50px; line-height:50px; padding-left:25px; font-size:16px; color:#c8c8c8; border-left:1px solid #484848; position:relative;}
#qnb > ul > li > a:after{content:''; width:10px; height:7px; position:absolute; top:50%; right:20px; margin-top:-3.5px; background:url(/_res/energy/img/bg_qnb_arrow.png) no-repeat 0 0; transition:all 0.3s;}
#qnb > ul > li.active > a:after{transform:rotate(180deg);}
#qnb > ul > li:first-child > a{border-left:none;}
#qnb > ul > li > ul{visibility:hidden; width:100%; max-height:0; overflow-y:auto; position:absolute; bottom:50px; left:0; z-index:2; border:1px solid #444; transition:all 0.3s;}
#qnb > ul > li.active > ul{visibility:visible; max-height:400px;}
#qnb > ul > li > ul > li > a{display:block; height:40px; line-height:40px; padding:0 20px; font-size:16px; color:#c8c8c8; background-color:#1a1a1a;}
#qnb > ul > li > ul > li > a:hover, #qnb > ul > li > ul > li > a:focus{background-color:#3c3c3c; color:#fff;}

/* Swiper */
.swiper-container{margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.swiper-container-vertical > .swiper-wrapper{flex-direction:column;}
.swiper-wrapper {position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper{transform:translate3d(0px, 0, 0);}
.swiper-container-multirow > .swiper-wrapper{flex-wrap:wrap;}
.swiper-container-multirow-column > .swiper-wrapper{flex-wrap:wrap; flex-direction:column;}
.swiper-container-free-mode > .swiper-wrapper{transition-timing-function:ease-out; margin:0 auto;}
.swiper-container-pointer-events{touch-action:pan-y;}
.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x;}
.swiper-slide{flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform;}
.swiper-slide-invisible-blank{visibility:hidden;}
.swiper-container .swiper-notification{position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000;}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out;}
.swiper-container-fade .swiper-slide{pointer-events:none; transition-property:opacity;}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none;}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto;}

/* Sub Layout */
#sub_visual{background:url(/_res/ace2/img/bg_sub_visual_01.jpg) no-repeat 50% 100%; height:411px;}
#sub_visual > div{width:100%; max-width:1400px; margin:0 auto; padding:240px 0 95px;}
#sub_visual > div h2{display:inline-block; font-size:48px; font-weight:700; color:#fff;}
#sub_visual > div p{display:inline-block; float:right; margin-top:23px; font-size:22px; font-weight:300; color:rgba(255, 255, 255, .5);}
#sub_visual div.breadcrum{padding-top:30px; float:right;}
#sub_visual div.breadcrum ul{display:flex; gap:35px;}
#sub_visual div.breadcrum ul li, #sub_visual > div div.breadcrum ul li a{position:relative; font-size:19px; font-weight:300; color:#fff; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);}
#sub_visual div.breadcrum ul li:not(:first-child):before{content:""; width:10px; height:10px; position:absolute; top:50%; left:-25px; border-top:1px solid rgba(255, 255, 255, 0.5); border-right:1px solid rgba(255, 255, 255, 0.5); transform:translateY(-50%) rotate(45deg);}
#sub_visual div.breadcrum ul li:first-child a:before{content:""; display:block; width:18px; height:19px; position:absolute; top:50%; left:0; background:url(/_res/sw/img/bg_breadcrum.png) no-repeat 50% 50%/19px 21px; transform:translateY(-50%);}
#sub_visual div.breadcrum ul li:first-child a span{opacity:0;}
#sub_visual div.breadcrum ul li ul{display:none;}

#snb{margin-top:-40px;}
#snb div{width:100%; max-width:1400px; margin:0 auto; position:relative; background-color:#fff;}
#snb div > ul{display:table; width:100%; table-layout:fixed; border:1px solid #d7d7d7;}
#snb div > ul > li{display:table-cell; position:relative; vertical-align:top;}
#snb div > ul > li:before{content:""; width:1px; height:20px; position:absolute; top:50%; left:0; background-color:#b7b7b7; transform:translateY(-50%);}
#snb div > ul > li:first-child:before{display:none;}
#snb div > ul > li > a{display:block; height:80px; line-height:80px; font-size:18px; letter-spacing:0; font-weight:500; color:#333; text-align:center;}
#snb div > ul > li > a.active{font-weight:700; color:#24549C;}
#snb div > ul > li ul{min-width:550px; max-width:1000px; position:absolute; top:100px; left:50%; text-align:center; transform:translateX(-50%);}
#snb div > ul > li:first-child ul{left:0; transform:translateX(0);}
#snb div > ul > li ul li{display:inline-block; margin:0 15px; position:relative;}
#snb div > ul > li ul li a{font-size:20px; color:#333;}
#snb div > ul > li ul li a.active{color:#24549C;}

#sub_title{width:100%; max-width:1400px; margin:112px auto 92px; position:relative;}
#sub_title h3{font-size:35px; font-weight:700; color:#333; text-align:center; line-height:48px; letter-spacing:-0.25px;}
#sub_title h3 span{display:block; width:42px; height:12px; margin:0 auto 15px; position:relative; background-color:#24549C;}
/*
#sub_title h3 span{display:block; width:42px; height:14px; margin:0 auto 15px; position:relative; background-color:#00677e;}
#sub_title h3 span:before{content:""; width:14px; height:14px; position:absolute; top:0; left:0; background-color:#92c83e;}
#sub_title h3 span:after{content:""; width:14px; height:14px; position:absolute; top:0; right:0; background-color:#2ac4f4;}
*/
#title_wrap{width:100%; max-width:1400px; margin:80px auto 50px; position:relative;}
#title_wrap h3{font-size:35px; font-weight:700; color:#333; text-align:center; line-height:48px; letter-spacing:-0.25px;}
#title_wrap h3 span{display:block; width:42px; height:14px; margin:0 auto 15px; position:relative; background-color:#00677e;}
#title_wrap h3 span:before{content:""; width:14px; height:14px; position:absolute; top:0; left:0; background-color:#92c83e;}
#title_wrap h3 span:after{content:""; width:14px; height:14px; position:absolute; top:0; right:0; background-color:#2ac4f4;}

footer{background-color:#303030; border-top:1px solid #484848}
footer > div{position:relative; width:100%; max-width:1400px; margin:0 auto; padding:30px 0; overflow:hidden;}
footer > div > a{display:inline-block; margin-bottom:20px; font-size:14px; color:#2aaec6;}
footer div.footer_wrap{overflow:hidden;}
footer div.address_wrap{float:left;}
footer div.address_wrap address{margin-bottom:5px; font-size:14px; font-style:normal; font-weight:300; color:#909090;}
footer div address span:before{display:inline-block; content:"|"; padding:0 10px;}
footer .sns{position:absolute; top:50%; right:0; transform:translateY(-50%);}
footer .sns li{display:inline-block; margin-left:12px;}
footer .sns li:first-child{margin-left:0;}
footer .sns li a{display:block; height:57px; line-height:57px; position:relative;}
footer .sns li a img{height:100%;}
footer > div p{font-size:14px; font-weight:300; color:#909090;}
footer > div p br{display:none;}

/* 테이블 */
div.jwxe_board table.type_board{border-top:2px solid #333 !important;}
table.type_horizontal{width:100%; table-layout:fixed; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
table.type_horizontal thead tr th{padding:15px; font-size:16px; font-weight:500; text-align:center; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#f8f8f8; box-sizing:border-box;}
table.type_horizontal tbody tr td{padding:15px; font-size:16px; color:#393939; font-weight:300; line-height:160%; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; text-align:center; word-break:keep-all; box-sizing:border-box;}
table.type_horizontal tbody tr td.al_left{text-align:left;}
table.type_vertical{border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
table.type_vertical tbody tr th{padding:15px; height:50px; font-size:16px; font-weight:500; text-align:center; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#f8f8f8; box-sizing:border-box;}
table.type_vertical tbody tr td{padding:15px; font-size:16px; color:#393939; font-weight:300; line-height:160%; letter-spacing:0; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; word-break:keep-all; box-sizing:border-box;}

/* 메인_비쥬얼 */
#main_visual{display:flex; width:100%;}
#main_visual > div{width:100%; height:850px; overflow:hidden;}
#visual_swiper div.swiper-slide{position:relative; height:850px; color:#fff; text-align:left; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; }
#visual_swiper div.swiper-slide:before{content:""; position:absolute; top:0;left:0; width:100%; height:100%; z-index:-1;}
#visual_swiper div.seen:before{animation:visual_animation 8s alternate infinite; transition:background-image ease-in-out;}
#visual_swiper div.seen:nth-of-type(1):before{background:url(/_res/ace2/img/main_visual_01.jpg); background-position: 50% 40%; }
#visual_swiper div.swiper-slide > div{max-width:1400px; margin:0 auto;}
#visual_swiper div.swiper-slide > div p{padding-top:385px; font-size:44px; color:#fff; letter-spacing:-0.5px; font-weight:350;}
#visual_swiper div.swiper-slide > div h2{padding:0 0 10px; font-size:66px; color:#fff; font-weight:700; line-height:1.35;}
#visual_swiper div.swiper-slide > div h2 span{ display:inline-block; position:relative; background: #c6e2a1; background: -moz-linear-gradient(left, #c6e2a1 0%, #88c8ba 50%, #8bcce3 100%); background: -webkit-linear-gradient(left, #c6e2a1 0%,#88c8ba 50%,#8bcce3 100%); background: linear-gradient(to right, #c6e2a1 0%,#88c8ba 50%,#8bcce3 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
#visual_swiper div.swiper-slide > div h2 span:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,.5); -webkit-background-clip: text; z-index:10;
background-clip: text;}
#visual_swiper div.swiper-slide > div p br{display:none;}
#visual_swiper div.control div.pagination{display:inline-block; position:relative;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet{display:inline-block; position:relative; width:27px; height:27px; border:1px solid transparent; cursor:pointer;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet:before{content:""; position:absolute; width:10px; height:10px; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#fff;}
#visual_swiper div.control div.pagination span + span{margin-left:15px;}
#visual_swiper div.control div.pagination span:first-child{margin-left:0;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet-active{border-color:#fff;}
#visual_swiper div.control button{width:24px; height:24px; margin-left:20px; position:relative; text-indent:-9999px; border:none; background-color:transparent; vertical-align:top; cursor:pointer;}
#visual_swiper div.control button:before{content:""; width:20px; height:20px; position:absolute; top:50%; left:50%; background:url(/_res/ace2/img/bg_swiper_control.png) no-repeat -20px 0/40px 20px; transform:translate(-50%, -50%); z-index:1;}
#visual_swiper div.control{width:100%; height:10px; position:absolute; bottom:180px; left:0; text-align:center; z-index:1;}
#visual_swiper div.control button.stop:before{background-position:0 0;}
#visual_swiper.no_swiper div.navigation, #visual_swiper.no_swiper div.control{display:none;}

@keyframes visual_animation {
0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}

#shortcut{position:fixed; padding-top:75px; top:390px; right:0; width:120px; height:125px; background-color:#00677e; z-index:1; text-align:center;}
#shortcut span{display:inline-block;}
#shortcut span:before{content:""; position:absolute; top:27px; left:50%; width:35px; height:33px; background:url(/_res/ace2/img/icon_shortcut.png) no-repeat; transform:translateX(-50%);}
#shortcut > a{display:block; width:100%; height:100%; font-size:14px; font-weight:500; color:#fff;}

/* department */
#main_department section{width:100%; max-width:1400px; margin:0 auto; padding:100px 0;}
#main_department section h2{font-size:35px; margin-bottom:60px; line-height:100%;}
#main_department section h2 span{font-family:'MerriWeather'; font-size:150%; font-weight:900; color:#86be2e;}
#main_department .depart_wrap{position:relative; width:100%;}
#main_department .depart_wrap:before{z-index: -10;content:""; position:absolute; bottom:-35px; right: 0px; width: 440px; height:170px; background:url(/_res/ace2/img/main_depart_deco.png) no-repeat; background-size:contain;}
#main_department .depart_wrap ul{ display: grid; gap: 30px; grid-template-columns: repeat(3, 1fr);}
#main_department .depart_wrap ul > li{width:100%; height:360px; overflow:hidden;}
#main_department .depart_wrap ul > li a{position:relative; display:block; padding:40px; width:100%; height:100%; text-align:center; transition:background-color .3s;}
#main_department .depart_wrap ul > li a:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; transition:all .3s; z-index:-1; background-size:cover;}
#main_department .depart_wrap ul > li:nth-child(1) a:before{background-image:url(/_res/ace2/img/main_depart_visual_08.png);}
#main_department .depart_wrap ul > li:nth-child(2) a:before{background-image:url(/_res/ace2/img/main_depart_visual_09.png);}
#main_department .depart_wrap ul > li:nth-child(2) a span.depart {padding-top: 60px;}
#main_department .depart_wrap ul > li:nth-child(2) p{font-size: 25px; color:#fff; margin-top:5px;}
#main_department .depart_wrap ul > li:nth-child(3) a:before{background-image:url(/_res/ace2/img/main_depart_visual_01.jpg);}
#main_department .depart_wrap ul > li:nth-child(4) a:before{background-image:url(/_res/ace2/img/main_depart_visual_02.jpg);}
#main_department .depart_wrap ul > li:nth-child(5) a:before{background-image:url(/_res/ace2/img/main_depart_visual_06.jpg); background-position:80% center; background-size:cover;}
#main_department .depart_wrap ul > li:nth-child(6) a:before{background-image:url(/_res/ace2/img/main_depart_visual_06.jpg); background-position:85% center; background-size:cover;}
#main_department .depart_wrap ul > li a span.depart{display:inline-block; padding-top:80px; font-size:36px; font-weight:700; color:#fff;}
#main_department .depart_wrap ul > li a div{position:absolute; bottom:95px; left:50%; width:158px; height:50px; line-height:50px; text-align:center; font-size:16px; color:rgba(255, 255, 255, .7); transform:translateX(-50%); border:1px solid rgba(255, 255, 255, .5); transition:all 0.4s;}
#main_department .depart_wrap ul > li a:hover:before, #main_department .depart_wrap ul > li a:focus:before{transform:scale(1.2);}
#main_department .depart_wrap ul > li a:hover div, #main_department .depart_wrap ul > li a:focus div{background-color:rgba(0, 0, 0, .5); color:#fff;}

/* news room */
#main_news_room{background-color:#13457a;}
#main_contents #main_news_room h2{font-size:35px; color:#fff; margin-bottom:60px; line-height:100%;}
#main_news_room h2 span{font-family:'MerriWeather'; font-size:150%; font-weight:900;}
#main_news_room h2 span:first-child{color:#89c3ff;}
#main_news_room h2 span:last-child{color:#fff9b3;}
#main_news_room section{position:relative; width:100%; max-width:1400px; margin:0 auto; padding:100px 0;}
#main_news_room section ul{overflow:hidden;}
#main_news_room section ul li{width:310px; min-height:310px; margin-left:60px; float:left;}
#main_news_room section ul li a{display:block;}
#main_news_room section ul li a div.bg{height:0; padding-bottom:62.5%; overflow:hidden; position:relative;}
#main_news_room section ul li a div.bg span{width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;transition:all 0.3s;}
#main_news_room section ul li a div.info{padding:20px 3px 0;}
#main_news_room section ul li a div.info strong{display:block; min-height:30px; max-height:60px; line-height:30px; font-size:22px; font-weight:500; color:#fff; overflow:hidden; word-break:keep-all;}
#main_news_room section ul li a div.info span{display:block;}
#main_news_room section ul li a div.info span.text{display:none;}
#main_news_room section ul li a div.info span.date{padding-top:5px; font-size:15px; font-weight:200; color:#e0e0e0;}
#main_news_room section ul li:nth-child(4), #main_news_room section ul li:nth-child(5){margin-top:65px;}
#main_news_room section ul li:first-child{width:660px; margin-left:0;}
#main_news_room section ul li:first-child a div.info{padding-top:35px;}
#main_news_room section ul li:first-child a div.info strong{min-height:50px; max-height:100px; font-size:40px; font-weight:700; line-height:50px; overflow:hidden; word-break:keep-all;}
#main_news_room section ul li:first-child a div.info span.text{display:block; padding:20px 0px 35px; font-size:18px; font-weight:300; color:#e0e0e0;}
#main_news_room section ul li:first-child a div.info span.date{padding-top:0;}
#main_news_room section ul li a:hover div.bg span, #main_news_room section ul li > a:focus div.bg span{transform:scale(1.2);}

a.more{width:40px; height:40px; position:absolute; top:90px; right:0; transition:0.5s all;}
a.more:before, a.more:after{content:""; width:40px; height:1px; position:absolute; top:50%; left:50%; background-color:#fff; transform:translate(-50%, -50%) rotate(0deg);}
a.more:after{transform:translate(-50%, -50%) rotate(90deg);}
a.more:hover, a.more:focus{transform:rotate(180deg);}

/* media */
#main_media{background-color:#f5f8fb;}
#main_media section{position:relative; width:100%; max-width:1400px; margin:0 auto; padding:100px 0;}
#main_media h2{font-size:35px; margin-bottom:60px; line-height:100%;}
#main_media h2 span{font-family:'MerriWeather'; font-size:150%; color:#04ade1; font-weight:900;}
#main_media section ul{overflow: hidden;display: grid;grid-template-columns: repeat(4, minmax(310px, 1fr));gap: 20px;}
#main_media section ul li.empty{width:100%; font-size:18px; text-align:center;}
#main_media section ul li:first-child{margin-left:0;}
#main_media section ul li {display:block;}
#main_media section ul li div.bg{height:0; padding-bottom:62.5%; overflow:hidden; position:relative;}
#main_media section ul li div.bg a span{width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:all 0.3s;}
#main_media section ul li div.bg div.category{width:115px; height:40px; line-height:40px; font-size:15px; color:#fff; text-align:center; position:absolute; top:0; left:0; background-color:#ccc;}
#main_media section ul li div.bg div.category.daum{background-color:#ff5656;}
#main_media section ul li div.bg div.category.naver{background-color:#43a520;}
#main_media section ul li div.bg div.category.youtube{background-color:#cb191e;}
#main_media section ul li div.bg div.category.facebook{background-color:#174ea1;}
#main_media section ul li div.bg div.category.instagram{background-color:#dc398a;}
#main_media section ul li div.info{padding-top:20px;}
#main_media section ul li div.info a strong{min-height:30px; max-height:60px; line-height:30px; font-size:23px; font-weight:500; color:#333; overflow:hidden; word-break:keep-all;}
#main_media section ul li div.bg a:hover span, #main_media section ul li div.bg a:focus span{transform:scale(1.2);}
#main_media a.more:before, #main_media a.more:after{background-color:#b7b7b7;}
#main_media section ul li div.title {margin-top: 15px;}
#main_media section ul li div.title strong {color: #333;font-size: 22px;line-height: 1.5;}

/* 공지사항 */
#main_notice section{width:100%; max-width:1400px; margin:0 auto; padding:100px 0;}
#main_notice h2{font-size:35px; margin-bottom:60px; line-height:100%;}
#main_notice h2 span{font-family:'MerriWeather'; font-size:150%; color:#0255a9; font-weight:900;}
#main_notice section > .notice ul.tab{display:block; margin-bottom:50px; overflow:hidden; }
#main_notice section > .notice ul.tab li{/*width:calc((100% - 120px) / 2);*/ position:relative;}
#main_notice section > .notice ul.tab li button{display:block; width:calc(100% - 10px); height:70px; line-height:70px; position:relative; font-size:24px; font-weight:500; color:#323232; text-align:left; border:none; background-color:transparent; cursor:pointer;}
#main_notice section > .notice ul.tab li button:before{content:""; width:100%; height:1px; position:absolute; bottom:0; left:0; background-color:#e1e1e1; transition:all 0.3s;}
#main_notice section > .notice ul.tab li.active button:before{height:3px; background-color:#333;}
#main_notice section > .notice ul.tab li button:hover:before, #main_notice section > .notice ul.tab li button:focus:before, #main_notice section > ul.tab li.active button:before{height:3px; background-color:#333;}
#main_notice section > .notice ul.tab li a{width:40px; height:40px; position:absolute; top:10px; right:10px; text-indent:-9999px;}
#main_notice section > .notice ul.tab li a:before, 
#main_notice section > .notice ul.tab li a:after{content:""; position:absolute; top:50%; left:50%; background-color:#b2b2b2; transform:translate(-50%, -50%);}
#main_notice section > .notice ul.tab li a:before{width:37px; height:1px;}
#main_notice section > .notice ul.tab li a:after{width:1px; height:37px;}
#main_notice section > .notice div.tab_contents{display:none;}
#main_notice section > .notice div.tab_contents.active{display:block;}
#main_notice section > .notice div ul{overflow: hidden; display: grid; grid-template-columns: repeat(3, minmax(310px, 1fr)); gap: 30px;}
#main_notice section > .notice div.notice ul li a{display:block; height:310px; padding:40px; position:relative; background-color:#f9f9f9; border:1px solid #e6e6e6; transition:all 0.3s;}
#main_notice section > .notice div.notice ul li a:after{content:""; width:27px; height:24px; position:absolute; bottom:-1px; right:-1px; background:url(/_res/ace2/img/bg_main_recent_board_edge.png) no-repeat 100% 100%;}
#main_notice section > .notice div.notice ul li a span{display:block; font-size:16px; font-weight:700; color:#0255a9; text-transform:uppercase; letter-spacing:0;}
#main_notice section > .notice div.notice ul li a span strong{padding-right:5px; font-size:36px; font-weight:700; letter-spacing:-2px;}
#main_notice section > .notice div.notice ul li a h6{max-height:60px; min-height:30px; line-height:30px; margin:15px 0; font-size:24px; font-weight:500; color:#333; overflow:hidden; word-break:keep-all;}
#main_notice section > .notice div.notice ul li.latest h6:after{content:"N"; display:inline-block; width:23px; height:23px; line-height:23px; margin-left:5px; font-size:12px; font-weight:700; color:#fff; text-align:center; vertical-align:3px; border-radius:50%; background-color:#88c12f;}
#main_notice section > .notice div.notice ul li a p{height:78px; line-height:26px; font-size:16px; color:#5e5e5e; overflow:hidden;}
#main_notice section > .notice div.notice ul li a:hover, #main_notice section > div.notice ul li a:focus{background-color:#ebebeb; border:1px solid #dadada;}

#sub_contents{width:100%; max-width:1400px; margin:0 auto; padding:75px 100px; box-sizing:border-box;display: flex;   flex-direction: column; gap: 100px;}
#sub_contents div.section{padding-top:100px;}
#sub_contents div.section:first-child{padding-top:0;}
#sub_contents div.section p{font-size:17px; color:#333; line-height:170%; word-break:keep-all;}
#sub_contents h4.title{margin-bottom:10px; font-size:23px; font-weight:500;}
#sub_contents h4.title:before{display:inline-block; content:""; width:3px; height:16px; margin-right:18px; background-color:#24549C;}
#sub_contents .sub_title{font-size:26px; font-weight:700; color:#24549C;}
#sub_contents div.section h4{position:relative; display:inline-block; margin-bottom:25px; font-size:30px; font-weight:700;}
#sub_contents div.section h5{color: #24549C; font-size: 26px; font-weight: 700;}
#sub_contents div.section h4:before{content:""; position:absolute; top:-10px; left:0; width:34px; height:4px; background-color:#24549C;}
#sub_contents div.section .sub_title{display:block; margin-bottom:30px;font-size:26px; font-weight:700; color:#24549C;}
#sub_contents ul.list li{position:relative; padding:25px 15px 25px 35px; font-size:18px; font-weight:300; border-bottom:1px solid #d7d7d7; letter-spacing:0;}
#sub_contents ul.list li:before{content:""; width:6px; height:6px; position:absolute; top:36px; left:10px; border-radius:50%; background-color:#24549C;}
#sub_contents .section p.reference{position:relative; padding-left:23px; font-size:16px; letter-spacing:-0.5px;}
#sub_contents .section p.reference:before{content:"※"; position:absolute; top:0; left:0;}
#sub_contents .section .green{color:#24549C;}
/*교수소개*/
#main_pro_profile section ul {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 30px;}
#main_pro_profile section ul li a {display: block;height: 310px;padding: 30px;overflow: hidden;position: relative;border: 1px solid #e1e1e1;}
#main_pro_profile section ul li a div.img {width: 190px;height: 0;padding-bottom: 65.5%;float: left;position: relative;}
#main_pro_profile section ul li a div.img > span {background-size: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-repeat: no-repeat;background-position:0px 0;/*  background-size:cover;*/}
#main_pro_profile section ul li a div.text {width: calc(100% - 190px);padding: 35px 0 0 35px;float: left;}
#main_pro_profile section ul li a div.text > strong {font-size: 29px;font-weight: 300;}
#main_pro_profile section ul li a div.text > strong > span {font-weight: 700;}
#main_pro_profile section ul li a div.text > span {display: block;font-size: 16px;color: #707070;}
#main_pro_profile section ul li a div.text > p {margin-top: 25px;font-size: 16px;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
#main_pro_profile section ul li a div.text > p > span {color: #24549C;font-weight: 500;}
#main_pro_profile section ul li a div.btn {content: "";position: absolute;top: -1px;right: -1px;margin-top: 0;width: 40px;height: 40px;background-color: #25539b;}
#main_pro_profile section ul li a div.btn span.ir_text {display: inline-block;position: absolute;top: 50%;left: 50%;width: 40px;height: 40px;text-indent: 100%;white-space: nowrap;overflow: hidden;transform: translate(-50%, -50%);transition: all .3s;}
#main_pro_profile section ul li a div.btn span.ir_text:before, #main_pro_profile section ul li a div.btn span.ir_text:after {content: "";position: absolute;top: 50%;left: 50%;background-color: #cce5ea;}
#main_pro_profile section ul li a div.btn span.ir_text:before {width: 20px;height: 1px;left: calc(50% / 2);}
#main_pro_profile section ul li a div.btn span.ir_text:after {width: 1px;height: 20px;transform: rotate(90deg) translateX(-50%) rotate(90deg);top: calc((50% / 2) + 1px);}
#main_pro_profile section ul li a:hover div.btn span.ir_text, #main_pro_profile section ul li a:focus div.btn span.ir_text {transform: translate(-50%, -50%) rotate(180deg);}
#sub_contents #main_pro_profile section ul {display: flex;flex-flow: row wrap;}
#sub_contents #main_pro_profile section ul li a {width: 585px;height: 100%;padding: 60px 30px 40px 50px;}
#sub_contents #main_pro_profile section ul li a div.img {width: 180px;height: 215px;padding-bottom: 42.5%;margin-top: 10px;}
#sub_contents #main_pro_profile section ul li a div.text {display: block;width: calc(100% - 196px);padding-left: 30px;padding-top: 0;}
#sub_contents #main_pro_profile section ul li a div.text > strong {font-size: 30px;font-weight: 700;margin-bottom: 0px;}
#sub_contents #main_pro_profile section ul li a div.text > p {display: block;margin-top: 5px;color: #333;font-weight: 400;text-overflow: initial;-webkit-line-clamp: initial;-webkit-box-orient: initial;overflow: initial;padding-bottom: 0;}
#sub_contents #main_pro_profile section ul li a dl {width: calc(100% - 185px);padding-left: 30px;margin-top: 10px;font-size: 16px;float: right;}
#sub_contents #main_pro_profile section ul li a div.text:has(p) + dl {margin-top: 20px;}
#sub_contents #main_pro_profile section ul li a dl dt {font-weight: 700;color: #24549C;font-size: 16px;letter-spacing: -1px;}
#sub_contents #main_pro_profile section ul li a dl dd:nth-of-type(1), #sub_contents #main_pro_profile section ul li a dl dd:nth-of-type(2) {position: relative;line-height: 26px;}
#sub_contents #main_pro_profile section ul li a dl dd:nth-of-type(2):before {background-position: -22px 0;}
#sub_contents #main_pro_profile section ul li a dl dt:nth-of-type(3) {margin-top: 25px;color: #24549C;}
#sub_contents #main_pro_profile section ul li a dl dd {word-break: keep-all;}
#main_pro_profile section ul dd ul {grid-gap: 0;margin-left: 20px;}
#main_pro_profile section ul dd ul li {list-style: disc;}


/* 아산시 기업 맞춤형 계약학과 */
#sub_010101 div.img{position:relative; width:100%; height:455px;}
#sub_010101 div.img > div{width:1175px; height:100%; background:url(/_res/ace2/img/image_16.png) no-repeat; float:right;}
#sub_010101 div.img div.text{position:absolute; top:50%; left:0; padding:75px 55px; width:560px; height:90%; transform:translateY(-50%); background:url(/_res/ace2/img/img_gradient.png) no-repeat; background-size:cover;}
#sub_010101 div.img div.text strong{display:block; font-size:33px; font-weight:700; color:#fff;}
#sub_010101 div.img div.text span{font-size:17px; font-weight:350; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#sub_010101 div.img div.text p{position:relative; padding-top:40px; font-size:18px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_010101 div.img div.text p:before{content:""; position:absolute; top:20px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
#sub_010101 .section1 dl {margin-top: 75px;overflow: hidden;}
#sub_010101 .section1 dl dt {display: inline-block;padding: 60px 55px;width: 360px;font-size: 35px;font-weight: 700;color: #24549C;border-top: 2px solid #24549C;float: left;}
#sub_010101 .section1 dl dd {display: inline-block;padding: 60px 105px;width: calc(100% - 360px);font-size: 17px;font-weight: 300;letter-spacing: -0.5px;line-height: 1.5;border-top: 1px solid #d7d7d7;float: left;word-break: keep-all;}
#sub_010101 .section1 dl dd:nth-of-type(2) {padding-left: 123px;}
#sub_010101 .section1 dl dd:nth-of-type(2) span {display: inline-block;position: relative;padding-left: 18px;}
#sub_010101 .section1 dl dd:nth-of-type(2) span:before {content: "";position: absolute;top: 10px;left: 0;width: 6px;height: 6px;background-color: #24549C;}
#sub_010101 .section a:hover, #sub_010101 .section a:focus{text-decoration:underline; color:#24549C;}
#sub_010101 .section1 ul{width:100%; overflow:hidden;}
#sub_010101 .section1 ul li{padding:30px 15px 15px 15px; width:240px; background-color:#24549C; float:left;}
#sub_010101 .section1 ul li + li{position:relative; margin-left:80px;}
#sub_010101 .section1 ul li + li:before{content:""; position:absolute; top:50%; left:-58px; width:41px; height:55px; transform:translateY(-50%); background:url(/_res/ace2/img/icon_arrow.png) no-repeat;}
#sub_010101 .section1 ul li strong{display:block; font-size:22px; font-weight:500; text-align:center; color:#fff;}
#sub_010101 .section1 ul li div.content{margin-top:25px; width:100%; height:85px; text-align:center; background-color:#fff; font-size:18px; font-weight:500; color:#393939; line-height:85px; letter-spacing:0;}
#sub_010101 .section2 ul li > div{margin-top:205px; text-align:center; font-size:18px; font-weight:500; line-height:1.5; letter-spacing:0;}
#sub_010101 .section2 ul li > div span{font-size:16px; letter-spacing:-1.5px;}
#sub_010101 .section2 p.reference{margin-top:60px;}
#sub_010101 .section3>div {margin-bottom:60px;}
#sub_010101 .section3 div.box{position:relative; padding:45px; margin-bottom:10px; width:100%; border:1px solid #e1e1e1; overflow:hidden;}
#sub_010101 .section3 div.box:last-child{ margin-bottom:0;}
#sub_010101 .section3 div.box:before{content:""; position:absolute; top:50%; left:7%; width:60px; height:68px; background-color:#e1e1e1; transform:translateY(-50%); background:url(/_res/ace2/img/icon_eligibility.png) no-repeat;}
#sub_010101 .section3 div.box:nth-of-type(2):before{background-position:-60px 0;}
#sub_010101 .section3 table.type_horizontal,
#sub_010101 .section4 table.type_horizontal{margin:25px 0;}
#sub_010101 .section3 div.box ul{position:relative; width:77%; float:right;}
#sub_010101 .section3 div.box ul:before{content:""; position:absolute; top:50%; left:-80px; width:1px; height:100%; background-color:#e1e1e1; transform:translateY(-50%);}
#sub_010101 .section3 div.box ul li{position:relative; padding-left:12px; font-size:18px; font-weight:300; line-height:2; letter-spacing:0;}
#sub_010101 .section3 div.box ul li:before{content:""; position:absolute; top:15px; left:-10px; width:6px; height:6px; border-radius:50%; background-color:#24549C;}
#sub_contents #sub_010101 .section6 h4{margin-bottom:0;}
#sub_contents div.section.section4{padding-top:40px;}
#sub_contents div.section.section4 .table_wrap{ display: flex; flex-direction: column; gap: 60px;}
#sub_010101 .section4 colgroup col.type{width:10%;}
#sub_010101 .section4 colgroup col.amount{width:10%;}
#sub_010101 .section4 colgroup col.note{width:30%;}
#sub_010101 .section4 table tbody tr td{height:75px;}
#sub_010101 .section4 div.note{margin-top:30px;}
#sub_010101 .section5 div.box_wrap{display:grid; gap:40px; grid-template-columns: repeat(2, 1fr);}
#sub_010101 .section5 div.box{padding:55px; background-color:#f7f7f7;}
#sub_010101 .section5 div.box strong{display:inline-block; margin-bottom:25px; font-size:22px; font-weight:700; color:#24549C;}
#sub_010101 .section5 div.box dl{overflow:hidden;}
#sub_010101 .section5 div.box dl dt{width:120px; font-size:18px; font-weight:500; float:left;}
#sub_010101 .section5 div.box dl dd{width:calc(100% - 120px); font-size:18px; font-weight:350; float:left;}
#sub_010101 .section6 div.etc{margin:25px 0; padding:20px; width:100%; background-color:#f7f7f7; font-size:16px; text-align:center;}


/* 일반계약학과 */
#sub_010100 div.img{position:relative; width:100%; height:455px;}
#sub_010100 div.img > div{width:1175px; height:100%; background:url(/_res/ace2/img/sub_visual_010100.jpg) no-repeat; float:right;}
#sub_010100 div.img div.text{position:absolute; top:50%; left:0; padding:75px 55px; width:560px; height:90%; transform:translateY(-50%); background:url(/_res/ace2/img/img_gradient.png) no-repeat; background-size:cover;}
#sub_010100 div.img div.text strong{display:block; font-size:33px; font-weight:700; color:#fff;}
#sub_010100 div.img div.text span{font-size:17px; font-weight:350; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#sub_010100 div.img div.text p{position:relative; padding-top:40px; font-size:18px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_010100 div.img div.text p:before{content:""; position:absolute; top:20px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
#sub_contents #sub_010100 .section{padding-top:115px;}
#sub_010100 .section a:hover, #sub_010100 .section a:focus{text-decoration:underline; color:#24549C;}
#sub_010100 .section1 ul{width:100%; overflow:hidden;}
#sub_010100 .section1 ul li{padding:30px 15px 15px 15px; width:240px; background-color:#24549C; float:left;}
#sub_010100 .section1 ul li + li{position:relative; margin-left:80px;}
#sub_010100 .section1 ul li + li:before{content:""; position:absolute; top:50%; left:-58px; width:41px; height:55px; transform:translateY(-50%); background:url(/_res/ace2/img/icon_arrow.png) no-repeat;}
#sub_010100 .section1 ul li strong{display:block; font-size:22px; font-weight:500; text-align:center; color:#fff;}
#sub_010100 .section1 ul li div.content{margin-top:25px; width:100%; height:85px; text-align:center; background-color:#fff; font-size:18px; font-weight:500; color:#393939; line-height:85px; letter-spacing:0;}
#sub_010100 .section2 ul{width:100%; height:300px; overflow:hidden;}
#sub_010100 .section2 ul li{position:relative; width:179px; height:179px; background-color:#e1f3f7; float:left;}
#sub_010100 .section2 ul li:before{content:""; position:absolute; top:0; left:0; width:179px; height:179px; background:url(/_res/ace2/img/icon_industry.png) no-repeat; background-position:0 0;}
#sub_010100 .section2 ul li:nth-child(2):before{background-position:-179px 0;}
#sub_010100 .section2 ul li:nth-child(3):before{background-position:-537px 0;}
#sub_010100 .section2 ul li:nth-child(4):before{background-position:-716px 0;}
#sub_010100 .section2 ul li + li{margin-left:calc((100% - 716px)/3);}
#sub_010100 .section2 ul li > div{margin-top:205px; text-align:center; font-size:18px; font-weight:500; line-height:1.5; letter-spacing:0;}
#sub_010100 .section2 ul li > div span{font-size:16px; letter-spacing:-1.5px;}
#sub_010100 .section2 p.reference{margin-top:60px;}
#sub_010100 .section3 div.box{position:relative; padding:45px; margin-bottom:10px; width:100%; border:1px solid #e1e1e1; overflow:hidden;}
#sub_010100 .section3 div.box:last-child{ margin-bottom:0;}
#sub_010100 .section3 div.box:before{content:""; position:absolute; top:50%; left:7%; width:60px; height:68px; background-color:#e1e1e1; transform:translateY(-50%); background:url(/_res/ace2/img/icon_eligibility.png) no-repeat;}
#sub_010100 .section3 div.box:nth-of-type(2):before{background-position:-60px 0;}
#sub_010100 .section3 div.box ul{position:relative; width:77%; float:right;}
#sub_010100 .section3 div.box ul:before{content:""; position:absolute; top:50%; left:-80px; width:1px; height:100%; background-color:#e1e1e1; transform:translateY(-50%);}
#sub_010100 .section3 div.box ul li{position:relative; padding-left:12px; font-size:18px; font-weight:300; line-height:2; letter-spacing:0;}
#sub_010100 .section3 div.box ul li:before{content:""; position:absolute; top:15px; left:-10px; width:6px; height:6px; border-radius:50%; background-color:#24549C;}
#sub_contents #sub_010100 .section6 h4{margin-bottom:0;}
#sub_010100 .section5 ul li br{display:none;}
#sub_010100 .section5 ul li:nth-child(3) br{display:block;}
#sub_010100 .section6 > h4 + p{margin-bottom:32px;}
#sub_010100 .section6 colgroup col.type{width:12%;}
#sub_010100 .section6 colgroup col.amount{width:10%;}
#sub_010100 .section6 colgroup col.note{width:20%;}
#sub_010100 .section6 table tbody tr td{height:75px;}
#sub_010100 .section6 table tbody tr td.al_left{padding:15px 70px;}
#sub_010100 .section6 div.note{margin-top:30px;}
#sub_010100 .section7 div.box{padding:55px; width:50%; min-height:250px; background-color:#f7f7f7;}
#sub_010100 .section7 div.box strong{display:inline-block; margin-bottom:25px; font-size:22px; font-weight:700; color:#24549C;}
#sub_010100 .section7 div.box dl{overflow:hidden;}
#sub_010100 .section7 div.box dl dt{width:95px; font-size:18px; font-weight:500; float:left;}
#sub_010100 .section7 div.box dl dd{width:calc(100% - 95px); font-size:18px; font-weight:350; float:left;}
#sub_010100 .section8 div.etc{margin:25px 0; padding:20px; width:100%; background-color:#f7f7f7; font-size:16px; text-align:center;}

/* 지원제도 */
#sub_010200 .section div.box{padding:55px 40px; font-size:18px; background-color:#f7f7f7;}
#sub_010200 .section .box_wrap{margin-top:10px; display: grid;  grid-template-columns: repeat(2, 1fr);}
#sub_010200 .section > div + div{margin-top:115px;}
#sub_010200 .section div p.reference + p.reference{margin-top:23px;}
#sub_010200 .section div p.reference{line-height:1.35;}
#sub_010200 .section ul.normal li{position:relative; padding-left:27px; font-size:18px; font-weight:300; line-height:1.5; letter-spacing:0;}
#sub_010200 .section ul.normal li:before{content:""; position:absolute; top:10px; left:5px; width:6px; height:6px; border-radius:50%; background-color:#24549C;}
#sub_010200 .section ul.step{width:100%; overflow:hidden;}
#sub_010200 .section ul.step li{padding:30px 15px 15px 15px; width:325px; background-color:#0c816a; float:left;}
#sub_010200 .section ul.step li + li{position:relative; margin-left:80px;}
#sub_010200 .section ul.step li + li:nth-child(3n+1){margin-left:0;}
#sub_010200 .section ul.step li + li:nth-child(n+4){margin-top:110px; margin-left:0; float:right;}
#sub_010200 .section ul.step li + li:nth-child(4){margin-right:65px;}
#sub_010200 .section ul.step li + li:nth-child(n+5){margin-right:80px;}
#sub_010200 .section ul.step li + li:before{content:""; position:absolute; top:50%; left:-58px; width:41px; height:55px; transform:translateY(-50%); background:url(/_res/ace2/img/icon_arrow.png) no-repeat;}
#sub_010200 .section ul.step li + li:nth-child(n+4):before{transform:translateY(-50%) rotate(180deg);}
#sub_010200 .section ul.step li:nth-child(1) div.content, 
#sub_010200 .section ul.step li:nth-child(4) div.content,
#sub_010200 .section ul.step li:nth-child(6) div.content{padding:50px 10px;}
#sub_010200 .section ul.step li:nth-child(3):after{content:""; position:absolute; bottom:-85px; left:50%; width:41px; height:55px; transform:translateX(-50%) rotate(90deg); background:url(/_res/ace2/img/icon_arrow.png) no-repeat;}
#sub_010200 .section ul.step li strong{display:block; font-size:22px; font-weight:500; text-align:center; color:#fff;}
#sub_010200 .section ul.step li div.content{margin-top:25px; padding:36px 10px; width:100%; height:120px; text-align:center; background-color:#fff; font-size:18px; color:#393939;  line-height:1.35; letter-spacing:0;}
#sub_010200 .section ul.step2{margin-top:30px;}
#sub_010200 .section ul.step2 li{min-height:225px; background-color:#24549C;}
#sub_010200 .section ul.step2 li div.content{padding:36px 10px; height:120px; line-height:1.35;}
#sub_010200 .section ul.step2 li:nth-child(6) div.content{padding:25px 10px;}
#sub_010200 .section > div:nth-child(7){overflow:hidden;}
#sub_010200 .section > div:nth-child(7) strong.sub_title{margin-bottom:0;}
#sub_010200 .section > div:nth-child(7) div.box:last-child{margin-left:40px;}
#sub_010200 .section > div:nth-child(7) div.box strong{display:inline-block; margin-bottom:30px; font-size:22px;}

/*캠퍼스맵 */
ul.ui_tab_handle.web {display:block; overflow: hidden;height: inherit !important;border-top: 1px solid #c7c7c7;border-left: 1px solid #c7c7c7;}
ul.ui_tab_handle.web li {float: left;}
/*ul.ui_tab_handle.web li a{display:block; height:65px; line-height:65px; font-size:18px; text-align:center; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; background-color:#f5f5f5;}*/
ul.ui_tab_handle.web li button {display: flex; width:100%;height: 75px;line-height: 1.5;font-size: 18px;text-align: center;border-right: 1px solid #c7c7c7;border-bottom: 1px solid #c7c7c7;background-color: #f5f5f5;align-items: center;justify-content: center;}
ul.ui_tab_handle.web li button:hover, ul.ui_tab_handle.web li button:focus {background-color: #e2e2e2;}
/*ul.ui_tab_handle.web li.active a{line-height:63px; border-top:4px solid #333 !important; background-color:#fff;}*/
ul.ui_tab_handle.web li.active button {border-top: 4px solid #333 !important;background-color: #fff;}
ul.ui_tab_handle.web li.active button span {font-weight: 700;padding-bottom: 1px;border-bottom: 1px solid #333;}
ul.ui_tab_handle.web li:nth-child(n+6) button {border-top: none;}
div.ui_tab_contents {padding-top: 65px;}
/* 서브 콘텐츠 UI 요소 20240801*/
/*ul.ui_tab_handle.web li b{display:block; height:65px; line-height:0px; font-size:18px; text-align:center; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; background-color:#f5f5f5;}
ul.ui_tab_handle.web li b:hover, ul.ui_tab_handle.web li b:focus{background-color:#e2e2e2;}
ul.ui_tab_handle.web li.active b{line-height:63px; border-top:4px solid #333 !important; background-color:#fff;}
ul.ui_tab_handle.web li.active b span{font-weight:700; padding-bottom:1px; border-bottom:1px solid #333;}
ul.ui_tab_handle.web li:nth-child(n+6) a{border-top:none;}
div.ui_tab_contents{padding-top:65px;}
*/
.ui_tab_handle.web li a {height: 55px;line-height: 1.5;font-size: 16px;}
/*ul.ui_tab_handle.web li.active a{line-height:53px;}*/
.ui_tab_handle.web li.active a {line-height: 20px;}
.ui_tab_contents {padding-top: 35px;}
div.campus_map ul.ui_tab_handle li {width: 50%;}
div.campus_map div.map {margin-bottom: 60px; position: relative;}
div.campus_map div.map img {width: 100%;}
div.campus_map div.map #marker {width: 43px;height: 80px;text-align: center;padding-top: 14px;position: absolute;background: url(/_res/sch/img/bg_intro_08.png) no-repeat 50% 50%;}
div.campus_map div.map #marker span {font-size: 16px;color: #294a9b;}
div.campus_map div.map #marker.site_01 {top: 51.2%;left: 86.4%;}
div.campus_map div.map #marker.site_02 {top: 42%;left: 60.3%;}
div.campus_map div.map #marker.site_03 {top: 45.5%;left: 71.5%;}
div.campus_map div.map #marker.site_04 {top: 43%;left: 43.8%;}
div.campus_map div.map #marker.site_05 {top: 43.8%;left: 36%;}
div.campus_map div.map #marker.site_06 {top: 34%;left: 50.5%;}
div.campus_map div.map #marker.site_07 {top: 35%;left: 34.5%;}
div.campus_map div.map #marker.site_08 {top: 45%;left: 28.5%;}
div.campus_map div.map #marker.site_09 {top: 45%;left: 17.5%;}
div.campus_map div.map #marker.site_10 {top: 41%;left: 19%;}
div.campus_map div.map #marker.site_11 {top: 32.5%;left: 24.5%;}
div.campus_map div.map #marker.site_12 {top: 24%;left: 28%;}
div.campus_map div.map #marker.site_13 {top: 26%;left: 35%;}
div.campus_map div.map #marker.site_14 {top: 12.5%;left: 41.5%;}
div.campus_map div.map #marker.site_15 {top: 11.5%;left: 55%;}
div.campus_map div.map #marker.site_16 {top: 20.5%;left: 49%;}
div.campus_map div.map #marker.site_17 {top: 52%;left: 14.7%;}
div.campus_map div.map #marker.site_18 {top: 61.5%;left: 16.5%;}
div.campus_map div.map #marker.site_19 {top: 68.5%;left: 7%;}
div.campus_map div.map #marker.site_20 {top: 73.3%;left: 30.5%;}
div.campus_map div.map #marker.site_21 {top: 61%;left: 31.5%;}
div.campus_map div.map #marker.site_22 {top: 55.5%;left: 22%;}
div.campus_map div.map #marker.site_23 {top: 52.5%;left: 26.8%;}
div.campus_map div.map #marker.site_24 {top: 55%;left: 32%;}
div.campus_map div.map #marker.site_25 {top: 52.8%;left: 36%;}
div.campus_map div.map #marker.site_26 {top: 54.5%;left: 44.5%;}
div.campus_map div.map #marker.site_27 {top: 53.8%;left: 59%;}
div.campus_map div.map #marker.site_28 {top: 65.8%;left: 50.8%;}
div.campus_map div.map #marker.site_29 {top: 70.5%;left: 40.5%;}
div.campus_map div.map #marker.site_30 {top: 74.5%;left: 43%;}
div.campus_map div.map #marker.site_31 {top: 40%;left: 19%;}

/*div.campus_map div.map #marker.site_32{top:31%; left:24.5%;}
div.campus_map div.map #marker.site_33{top:23%; left:28%;}
div.campus_map div.map #marker.site_34{top:25%; left:35%;}
div.campus_map div.map #marker.site_35{top:33.5%; left:34.5%;}
div.campus_map div.map #marker.site_36{top:33%; left:50.5%;}
div.campus_map div.map #marker.site_37{top:19.5%; left:49%;}
div.campus_map div.map #marker.site_38{top:12%; left:41.5%;}
div.campus_map div.map #marker.site_39{top:10.5%; left:55%;}
div.campus_map div.map #marker.site_40{top:7%; left:18%;}
div.campus_map div.map #marker.site_41{top:72%; left:31%;}*/
div.campus_map ol {overflow: hidden;}
div.campus_map ol li {width: 25%;float: left;margin-bottom: 15px;}
div.campus_map ol li a span {display: inline-block;height: 32px;line-height: 32px;}
div.campus_map ol li a span.num {width: 32px;font-size: 16px;border-radius: 32px;color: #fff;text-align: center;background-color: #555;}
div.campus_map ol li a span.text {font-size: 16px;color: #555;padding-left: 10px;}
div.campus_map ol li.active a span.num {background-color: #294a9b;}
div.campus_map ol li.active a span.text {color: #294a9b;text-decoration: underline;}
#sub_contents div.section.maps_wrap {padding-top: 0;}
#sub_contents div.section.maps_wrap .map_area {margin-bottom: 30px;}
#sub_contents div.section.maps_wrap ul li {font-size: 16px;line-height: 20px;}
#sub_contents div.section.maps_wrap div.root_daum_roughmap {width: 100%;}
#sub_contents div.section.maps_wrap div.root_daum_roughmap .wrap_map {height: 500px;}
#sub_contents .note{margin-top: 20px; display: flex; flex-direction: column; gap: 5px}

#sub_contents .bold{font-size: 18px; font-weight: 700;}

/* 산업경영공학과 */
#sub_contents .section .anchor{position:absolute; top:-160px; left:0;}
#sub_020100 .section table colgroup col.title{width:25%;}
#sub_020100 .section > div + div{margin-top:85px;}
#sub_020100 .section table thead tr th{padding:12px; height:50px;}
#sub_020100 .section table tbody tr td{padding:15px 55px;}
#sub_020100 .section table tbody tr td ul > li{position:relative; padding-left:18px;}
#sub_020100 .section table tbody tr td ul > li:before{content:"-"; position:absolute; top:0; left:0;}
#sub_020100 .section1 div.img{position:relative; width:100%; height:455px;}
#sub_020100 .section1 div.img > div{width:1175px; height:100%; background-image:url(/_res/ace2/img/sub_visual_020100.jpg); background-position:60% 0; background-size:cover; background-repeat:no-repeat; float:right;}
#sub_020100 .section1 div.img div.text{position:absolute; top:50%; left:0; padding:75px 45px; width:560px; height:88%; transform:translateY(-50%); background:url(/_res/ace2/img/img_gradient.png) no-repeat; background-size:cover;}
#sub_020100 .section1 div.img div.text strong{display:block; font-size:33px; font-weight:700; color:#fff;}
#sub_020100 .section1 div.img div.text span{font-size:17px; font-weight:350; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#sub_020100 .section1 div.img div.text p{position:relative; padding-top:40px; font-size:18px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_020100 .section1 div.img div.text p:before{content:""; position:absolute; top:20px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
#sub_020100 .section1 dl{margin-top:75px; overflow:hidden;}
#sub_020100 .section1 dl dt{display:inline-block; padding:60px 55px; width:360px; font-size:35px; font-weight:700; color:#24549C; border-top:2px solid #24549C; float:left;}
#sub_020100 .section1 dl dd{display:inline-block; padding:60px 105px; width:calc(100% - 360px); font-size:17px; font-weight:300; letter-spacing:-0.5px; line-height:1.5; border-top:1px solid #d7d7d7; float:left; word-break:keep-all;}
#sub_020100 .section3 div.note{margin-top:30px;}
#sub_020100 .section4 #main_pro_profile section ul li:nth-child(3) a div.img > span{background-size:cover; background-image:url(/_res/ace2/img/img_professor_05.jpg);}
#sub_020100 .section4 #main_pro_profile section ul li:nth-child

/* 산업경영공학과 */
#sub_contents .section .anchor{position:absolute; top:-160px; left:0;}
#sub_020100 .section table colgroup col.title{width:25%;}
#sub_020100 .section > div + div{margin-top:85px;}
#sub_020100 .section table thead tr th{padding:12px; height:50px;}
#sub_020100 .section table tbody tr td{padding:15px 55px;}
#sub_020100 .section table tbody tr td ul > li{position:relative; padding-left:18px;}
#sub_020100 .section table tbody tr td ul > li:before{content:"-"; position:absolute; top:0; left:0;}
#sub_020100 .section1 div.img{position:relative; width:100%; height:455px;}
#sub_020100 .section1 div.img > div{width:1175px; height:100%; background-image:url(/_res/ace2/img/sub_visual_020100.jpg); background-position:60% 0; background-size:cover; background-repeat:no-repeat; float:right;}
#sub_020100 .section1 div.img div.text{position:absolute; top:50%; left:0; padding:75px 45px; width:560px; height:88%; transform:translateY(-50%); background:url(/_res/ace2/img/img_gradient.png) no-repeat; background-size:cover;}
#sub_020100 .section1 div.img div.text strong{display:block; font-size:33px; font-weight:700; color:#fff;}
#sub_020100 .section1 div.img div.text span{font-size:17px; font-weight:350; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#sub_020100 .section1 div.img div.text p{position:relative; padding-top:40px; font-size:18px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_020100 .section1 div.img div.text p:before{content:""; position:absolute; top:20px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
#sub_020100 .section1 dl{margin-top:75px; overflow:hidden;}
#sub_020100 .section1 dl dt{display:inline-block; padding:60px 55px; width:360px; font-size:35px; font-weight:700; color:#24549C; border-top:2px solid #24549C; float:left;}
#sub_020100 .section1 dl dd{display:inline-block; padding:60px 105px; width:calc(100% - 360px); font-size:17px; font-weight:300; letter-spacing:-0.5px; line-height:1.5; border-top:1px solid #d7d7d7; float:left; word-break:keep-all;}
#sub_020100 .section3 div.note{margin-top:30px;}
#sub_020100 .section4 #main_pro_profile section ul li a div.img > span{background-size:cover; background-image:url(/_res/ace2/img/img_professor_01.jpg);}
#sub_020100 .section4 #main_pro_profile section ul li:nth-child(3) a div.img > span{background-size:cover; background-image:url(/_res/ace2/img/img_professor_05.jpg);}
#sub_020100 .section4 #main_pro_profile section ul li:nth-child(2) a div.img > span{background-position:-180px 0;}
#sub_contents #sub_020100 .section{position:relative; padding-top:115px;}
#sub_contents #sub_020100 div.section:first-child{padding-top:0;}
#sub_contents #sub_020100 .section{position:relative; padding-top:115px;}
#sub_contents #sub_020100 div.section:first-child{padding-top:0;}

/* 세무회계학과 */
#sub_020200 .section table colgroup col.title{width:25%;}
#sub_020200 .section > div + div{margin-top:85px;}
#sub_020200 .section table thead tr th{padding:12px; height:50px;}
#sub_020200 .section table tbody tr td{padding:15px 55px;}
#sub_020200 .section table tbody tr td ul > li{position:relative; padding-left:18px;}
#sub_020200 .section table tbody tr td ul > li:before{content:"-"; position:absolute; top:0; left:0;}
#sub_020200 .section1 div.img{position:relative; width:100%; height:455px;}
#sub_020200 .section1 div.img > div{width:1175px; height:100%; background-image:url(/_res/ace2/img/sub_visual_020200.jpg); background-position:60% 0; background-size:cover; background-repeat:no-repeat; float:right;}
#sub_020200 .section1 div.img div.text{position:absolute; top:50%; left:0; padding:75px 45px; width:560px; height:88%; transform:translateY(-50%); background:url(/_res/ace2/img/img_gradient.png) no-repeat; background-size:cover;}
#sub_020200 .section1 div.img div.text strong{display:block; font-size:33px; font-weight:700; color:#fff;}
#sub_020200 .section1 div.img div.text span{font-size:17px; font-weight:350; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#sub_020200 .section1 div.img div.text p{position:relative; padding-top:40px; font-size:18px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_020200 .section1 div.img div.text p:before{content:""; position:absolute; top:20px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
#sub_020200 .section1 dl{margin-top:75px; overflow:hidden;}
#sub_020200 .section1 dl dt{display:inline-block; padding:60px 55px; width:360px; font-size:35px; font-weight:700; color:#24549C; border-top:2px solid #24549C; float:left;}
#sub_020200 .section1 dl dd{display:inline-block; padding:60px 105px; width:calc(100% - 360px); font-size:17px; font-weight:300; letter-spacing:-0.5px; line-height:1.5; border-top:1px solid #d7d7d7; float:left; word-break:keep-all;}
#sub_020200 .section3 div.note{margin-top:30px;}
#sub_020200 .section4 #main_pro_profile section ul li a div.img > span{background-size:cover; background-image:url(/_res/ace2/img/img_professor_07.jpg);}
#sub_020200 .section4 #main_pro_profile section ul li:nth-child(2) a div.img > span{background-position:-180px 0;} 
#sub_020200 .section4 #main_pro_profile section ul li:nth-child(3) a div.img > span{background-size:cover; background-image:url(/_res/ace2/img/img_professor_06.jpg);}
#sub_contents #sub_020200 .section{position:relative; padding-top:115px;}
#sub_contents #sub_020200 div.section:first-child{padding-top:0;}

/* 신뢰성품질공학과 */
#sub_020300 .section table colgroup col.title{width:25%;}
#sub_020300 .section > div + div{margin-top:85px;}
#sub_020300 .section table thead tr th{padding:12px; height:50px;}
#sub_020300 .section table tbody tr td{padding:15px 55px;}
#sub_020300 .section table tbody tr td ul > li{position:relative; padding-left:18px;}
#sub_020300 .section table tbody tr td ul > li:before{content:"-"; position:absolute; top:0; left:0;}
#sub_020300 .section1 div.img{position:relative; width:100%; height:455px;}
#sub_020300 .section1 div.img > div{width:1175px; height:100%; background-image:url(/_res/ace2/img/sub_visual_020300.jpg); background-position:60% 0; background-size:cover; background-repeat:no-repeat; float:right;}
#sub_020300 .section1 div.img div.text{position:absolute; top:50%; left:0; padding:75px 45px; width:560px; height:88%; transform:translateY(-50%); background:url(/_res/ace2/img/img_gradient.png) no-repeat; background-size:cover;}
#sub_020300 .section1 div.img div.text strong{display:block; font-size:33px; font-weight:700; color:#fff;}
#sub_020300 .section1 div.img div.text span{font-size:17px; font-weight:350; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#sub_020300 .section1 div.img div.text p{position:relative; padding-top:40px; font-size:18px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_020300 .section1 div.img div.text p:before{content:""; position:absolute; top:20px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
#sub_020300 .section1 dl{margin-top:75px; overflow:hidden;}
#sub_020300 .section1 dl dt{display:inline-block; padding:60px 55px; width:360px; font-size:35px; font-weight:700; color:#24549C; border-top:2px solid #24549C; float:left;}
#sub_020300 .section1 dl dd{display:inline-block; padding:60px 105px; width:calc(100% - 360px); font-size:17px; font-weight:300; letter-spacing:-0.5px; line-height:1.5; border-top:1px solid #d7d7d7; float:left; word-break:keep-all;}
#sub_020300 .section3 div.note{margin-top:30px;}
#sub_020300 .section4 #main_pro_profile section ul li a div.img > span{background-size:cover; background-image:url(/_res/ace2/img/img_professor_03.jpg);}
#sub_contents #sub_020300 .section{position:relative; padding-top:115px;}
#sub_contents #sub_020300 div.section:first-child{padding-top:0;}

/* 융합기계학과 */
#sub_020400 .section table colgroup col.title{width:25%;}
#sub_020400 .section > div + div{margin-top:85px;}
#sub_020400 .section table thead tr th{padding:12px; height:50px;}
#sub_020400 .section table tbody tr td{padding:15px 55px;}
#sub_020400 .section table tbody tr td ul > li{position:relative; padding-left:18px;}
#sub_020400 .section table tbody tr td ul > li:before{content:"-"; position:absolute; top:0; left:0;}
#sub_020400 .section1 div.img{position:relative; width:100%; height:455px;}
#sub_020400 .section1 div.img > div{width:1175px; height:100%; background-image:url(/_res/ace2/img/sub_visual_020400.jpg); background-position:60% 0; background-size:cover; background-repeat:no-repeat; float:right;}
#sub_020400 .section1 div.img div.text{position:absolute; top:50%; left:0; padding:75px 45px; width:560px; height:88%; transform:translateY(-50%); background:url(/_res/ace2/img/img_gradient.png) no-repeat; background-size:cover;}
#sub_020400 .section1 div.img div.text strong{display:block; font-size:33px; font-weight:700; color:#fff;}
#sub_020400 .section1 div.img div.text span{font-size:17px; font-weight:350; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#sub_020400 .section1 div.img div.text p{position:relative; padding-top:40px; font-size:18px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_020400 .section1 div.img div.text p:before{content:""; position:absolute; top:20px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
#sub_020400 .section1 dl{margin-top:75px; overflow:hidden;}
#sub_020400 .section1 dl dt{display:inline-block; padding:60px 55px; width:360px; font-size:35px; font-weight:700; color:#24549C; border-top:2px solid #24549C; float:left;}
#sub_020400 .section1 dl dd{display:inline-block; padding:60px 105px; width:calc(100% - 360px); font-size:17px; font-weight:300; letter-spacing:-0.5px; line-height:1.5; border-top:1px solid #d7d7d7; float:left; word-break:keep-all;}
#sub_020400 .section3 div.note{margin-top:30px;}
#sub_020400 .section4 #main_pro_profile section ul li a div.img > span{background-size:cover; background-image:url(/_res/ace2/img/img_professor_08.jpg);}
#sub_020400 .section4 #main_pro_profile section ul li:nth-child(2) a div.img > span{background-position:-180px 0;}
#sub_020400 .section4 #main_pro_profile section ul li:nth-child(3) a div.img > span{background-position:-360px 0;}
#sub_contents #sub_020400 .section{position:relative; padding-top:115px;}
#sub_contents #sub_020400 div.section:first-child{padding-top:0;}

/* 자동차산업공학과 */
#sub_020500 .section table colgroup col.title{width:25%;}
#sub_020500 .section > div + div{margin-top:85px;}
#sub_020500 .section table thead tr th{padding:12px; height:50px;}
#sub_020500 .section table tbody tr td{padding:15px 55px;}
#sub_020500 .section table tbody tr td ul > li{position:relative; padding-left:18px;}
#sub_020500 .section table tbody tr td ul > li:before{content:"-"; position:absolute; top:0; left:0;}
#sub_020500 .section1 div.img{position:relative; width:100%; height:455px;}
#sub_020500 .section1 div.img > div{width:1175px; height:100%; background-image:url(/_res/ace2/img/sub_visual_020500.jpg); background-position:60% 0; background-size:cover; background-repeat:no-repeat; float:right;}
#sub_020500 .section1 div.img div.text{position:absolute; top:50%; left:0; padding:75px 45px; width:560px; height:88%; transform:translateY(-50%); background:url(/_res/ace2/img/img_gradient.png) no-repeat; background-size:cover;}
#sub_020500 .section1 div.img div.text strong{display:block; font-size:33px; font-weight:700; color:#fff;}
#sub_020500 .section1 div.img div.text span{font-size:17px; font-weight:350; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#sub_020500 .section1 div.img div.text p{position:relative; padding-top:40px; font-size:18px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_020500 .section1 div.img div.text p:before{content:""; position:absolute; top:20px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
#sub_020500 .section1 dl{margin-top:75px; overflow:hidden;}
#sub_020500 .section1 dl dt{display:inline-block; padding:60px 55px; width:360px; font-size:35px; font-weight:700; color:#24549C; border-top:2px solid #24549C; float:left;}
#sub_020500 .section1 dl dd{display:inline-block; padding:60px 105px; width:calc(100% - 360px); font-size:17px; font-weight:300; letter-spacing:-0.5px; line-height:1.5; border-top:1px solid #d7d7d7; float:left; word-break:keep-all;}
#sub_020500 .section3 div.note{margin-top:30px;}
#sub_020500 .section4 #main_pro_profile section ul li a div.img > span{background-size:cover; background-image:url(/_res/ace2/img/img_professor_03.jpg);}
#sub_contents #sub_020500 .section{position:relative; padding-top:115px;}
#sub_contents #sub_020500 div.section:first-child{padding-top:0;}

/* 메카트로닉스공학과 */
#sub_020600 .section table colgroup col.title{width:25%;}
#sub_020600 .section > div + div{margin-top:85px;}
#sub_020600 .section table thead tr th{padding:12px; height:50px;}
#sub_020600 .section table tbody tr td{padding:15px 55px;}
#sub_020600 .section table tbody tr td ul > li{position:relative; padding-left:18px;}
#sub_020600 .section table tbody tr td ul > li:before{content:"-"; position:absolute; top:0; left:0;}
#sub_020600 .section1 div.img{position:relative; width:100%; height:455px;}
#sub_020600 .section1 div.img > div{width:1175px; height:100%; background-image:url(/_res/ace2/img/sub_visual_020600.jpg); background-position:60% 0; background-size:cover; background-repeat:no-repeat; float:right;}
#sub_020600 .section1 div.img div.text{position:absolute; top:50%; left:0; padding:75px 45px; width:560px; height:88%; transform:translateY(-50%); background:url(/_res/ace2/img/img_gradient.png) no-repeat; background-size:cover;}
#sub_020600 .section1 div.img div.text strong{display:block; font-size:33px; font-weight:700; color:#fff;}
#sub_020600 .section1 div.img div.text span{font-size:17px; font-weight:350; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#sub_020600 .section1 div.img div.text p{position:relative; padding-top:40px; font-size:18px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_020600 .section1 div.img div.text p:before{content:""; position:absolute; top:20px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
#sub_020600 .section1 dl{margin-top:75px; overflow:hidden;}
#sub_020600 .section1 dl dt{display:inline-block; padding:60px 55px; width:360px; font-size:35px; font-weight:700; color:#24549C; border-top:2px solid #24549C; float:left; clear:both;}
#sub_020600 .section1 dl dd{display:inline-block; padding:60px 105px; width:calc(100% - 360px); font-size:17px; font-weight:300; letter-spacing:-0.5px; line-height:1.5; border-top:1px solid #d7d7d7; float:left; word-break:keep-all;}
#sub_020600 .section3 div.note{margin-top:30px;}
#sub_020600 .section4 #main_pro_profile section ul li a div.img > span{background-size:cover; background-image:url(/_res/ace2/img/img_professor_04.jpg);}
#sub_020600 .section4 #main_pro_profile section ul li:nth-child(2) a div.img > span{background-position:-180px 0;}
#sub_020600 .section4 #main_pro_profile section ul li:nth-child(3) a div.img > span{background-position:-360px 0;}
#sub_contents #sub_020600 .section{position:relative; padding-top:115px;}
#sub_contents #sub_020600 div.section:first-child{padding-top:0;}



/* 화학공학과 */
#sub_020700 .section table colgroup col.title{width:25%;}
#sub_020700 .section > div + div{margin-top:85px;}
#sub_020700 .section table thead tr th{padding:12px; height:50px;}
#sub_020700 .section table tbody tr td{padding:15px 55px;}
#sub_020700 .section table tbody tr td ul > li{position:relative; padding-left:18px;}
#sub_020700 .section table tbody tr td ul > li:before{content:"-"; position:absolute; top:0; left:0;}
#sub_020700 .section1 div.img{position:relative; width:100%; height:455px;}
#sub_020700 .section1 div.img > div{width:1175px; height:100%; background-image:url(/_res/ace2/img/sub_visual_020700.jpg); background-position:60% 0; background-size:cover; background-repeat:no-repeat; float:right;}
#sub_020700 .section1 div.img div.text{position:absolute; top:50%; left:0; padding:75px 45px; width:560px; height:88%; transform:translateY(-50%); background:url(/_res/ace2/img/img_gradient.png) no-repeat; background-size:cover;}
#sub_020700 .section1 div.img div.text strong{display:block; font-size:33px; font-weight:700; color:#fff;}
#sub_020700 .section1 div.img div.text span{font-size:17px; font-weight:350; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#sub_020700 .section1 div.img div.text p{position:relative; padding-top:40px; font-size:18px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_020700 .section1 div.img div.text p:before{content:""; position:absolute; top:20px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
#sub_020700 .section1 dl{margin-top:75px; overflow:hidden;}
#sub_020700 .section1 dl dt{display:inline-block; padding:60px 55px; width:360px; font-size:35px; font-weight:700; color:#24549C; border-top:2px solid #24549C; float:left; clear:both;}
#sub_020700 .section1 dl dd{display:inline-block; padding:60px 105px; width:calc(100% - 360px); font-size:17px; font-weight:300; letter-spacing:-0.5px; line-height:1.5; border-top:1px solid #d7d7d7; float:left; word-break:keep-all;}
#sub_020700 .section3 div.note{margin-top:30px;}

#sub_020700 .section4 {display:none;}
#sub_020700 .section4 #main_pro_profile section ul li a div.img > span{background-size:cover; background-image:url(/_res/ace2/img/img_professor_03.jpg);}
#sub_contents #sub_020700 .section{position:relative; padding-top:115px;}
#sub_contents #sub_020700 div.section:first-child{padding-top:0;}

/* 스마트제조관리공학과 */
#sub_contents .section .anchor{position:absolute; top:-160px; left:0;}
#sub_020801 .section table colgroup col.title{width:25%;}
#sub_020801 .section > div + div{margin-top:85px;}
#sub_020801 .section table thead tr th{padding:12px; height:50px;}
#sub_020801 .section table tbody tr td{padding:15px 55px;}
#sub_020801 .section table tbody tr td ul > li{position:relative; padding-left:18px;}
#sub_020801 .section table tbody tr td ul > li:before{content:"-"; position:absolute; top:0; left:0;}
#sub_020801 .section1 div.img{position:relative; width:100%; height:455px;}
#sub_020801 .section1 div.img > div{width:1175px; height:100%; background-image:url(/_res/ace2/img/sub_visual_020801.png); background-position:60% 0; background-size:cover; background-repeat:no-repeat; float:right;}
#sub_020801 .section1 div.img div.text{position:absolute; top:50%; left:0; padding:75px 45px; width:560px; height:88%; transform:translateY(-50%); background:url(/_res/ace2/img/img_gradient.png) no-repeat; background-size:cover;}
#sub_020801 .section1 div.img div.text strong{display:block; font-size:33px; font-weight:700; color:#fff;}
#sub_020801 .section1 div.img div.text span{font-size:17px; font-weight:350; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#sub_020801 .section1 div.img div.text p{position:relative; padding-top:40px; font-size:18px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_020801 .section1 div.img div.text p:before{content:""; position:absolute; top:20px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
#sub_020801 .section1 dl{margin-top:75px; overflow:hidden; display:flex;}
#sub_020801 .section1 dl dt{display:inline-block; padding:40px; width:360px; font-size:35px; font-weight:700; color:#24549C; border-top:2px solid #24549C; clear:both;}
#sub_020801 .section1 dl dd{display:inline-block; padding:40px; width:calc(100% - 360px); font-size:17px; font-weight:300; letter-spacing:-0.5px; line-height:1.5; border-top:1px solid #d7d7d7; word-break:keep-all;}
#sub_020801 #main_pro_profile section ul li a div.img > span{background-size:cover; background-image:url(/_res/early/img/img_professor_01.png);     background-POsition: -180px 0;}
#sub_020801 #main_pro_profile section ul li:nth-child(2) a div.img > span{background-POsition:-360px 0;}
#sub_020801 #main_pro_profile section ul li:nth-child(3) a div.img > span{background-image:  url(/_res/ipp/img/img_professor_02.png); background-POsition:0 0;}
#sub_020801 .section{position:relative; padding-top:115px;}
#sub_020801 div.section:first-child{padding-top:0;}
#sub_020801 .section{position:relative; padding-top:115px;}
#sub_020801 div.section:first-child{padding-top:0;}
#sub_020801 #main_pro_profile section ul li a dl dd:nth-of-type(1):before, 
#sub_020801 #main_pro_profile section ul li a dl dd:nth-of-type(2):before{background:none;}

/*스마트융합공학과*/
#sub_contents .section .anchor{position:absolute; top:-160px; left:0;}
#sub_contents #sub_020901 .note {margin-top:5px;}
#sub_contents .section1 .credit{ display: flex; flex-direction: column; gap: 15px;}
#sub_contents .section1 .credit>li{position:relative; padding-left:15px;}
#sub_contents .section1 .credit>li:before{content:""; position:absolute; top:10px; left:0; width:6px; height:6px; border-radius:50%; background-color:#24549C;}
#sub_020901 .section table colgroup col.title{width:25%;}
#sub_020901 .section > div + div{margin-top:85px;}
#sub_020901 .section table thead tr th{padding:12px; height:50px;}
#sub_020901 .section table tbody tr td ul > li{position:relative; padding-left:18px;}
#sub_020901 .section table tbody tr td ul > li:before{content:"-"; position:absolute; top:0; left:0;}
#sub_020901 .section1 div.img{position:relative; width:100%; height:455px;}
#sub_020901 .section1 div.img > div{width:1175px; height:100%; background-image:url(/_res/ace2/img/sub_visual_020901.png); background-position:60% 0; background-size:cover; background-repeat:no-repeat; float:right;}
#sub_020901 .section1 div.img div.text{position:absolute; top:50%; left:0; padding:75px 45px; width:560px; height:88%; transform:translateY(-50%); background:url(/_res/ace2/img/img_gradient.png) no-repeat; background-size:cover;}
#sub_020901 .section1 div.img div.text strong{display:block; font-size:33px; font-weight:700; color:#fff;}
#sub_020901 .section1 div.img div.text span{font-size:17px; font-weight:350; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#sub_020901 .section1 div.img div.text p{position:relative; padding-top:40px; font-size:18px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_020901 .section1 div.img div.text p:before{content:""; position:absolute; top:20px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
#sub_020901 .section1 dl{margin-top:75px; overflow:hidden; display:flex;}
#sub_020901 .section1 dl dt{display:inline-block; padding:60px 55px; width:360px; font-size:35px; font-weight:700; color:#24549C; border-top:2px solid #24549C; float:left; clear:both;}
#sub_020901 .section1 dl dd{display:inline-block; padding:60px 105px; width:calc(100% - 360px); font-size:17px; font-weight:300; letter-spacing:-0.5px; line-height:1.5; border-top:1px solid #d7d7d7; float:left; word-break:keep-all;}
#sub_020901 .section3 div.note{margin-top:30px;}
/* #sub_020901 .section4 #main_pro_profile section ul li a div.img > span{background-size:cover; background-image:url(/_res/ace2/img/professor.png);} */
#sub_020901 .section{position:relative; padding-top:115px;}
#sub_020901 div.section:first-child{padding-top:0;}
#sub_020901 .section{position:relative; padding-top:115px;}
#sub_020901 div.section:first-child{padding-top:0;}
#sub_020901 #main_pro_profile section ul li a div.img > span{background-image: url(/_res/early/img/img_professor_01.png); background-position: -360px 0;}
#sub_020901 #main_pro_profile section ul li:nth-child(2) a div.img > span {background-position: 0px 0;}
#sub_020901 #main_pro_profile section ul li:nth-child(3) a div.img > span {background-position: -180px 0;}
#sub_020901 #main_pro_profile section ul li a dl dd:nth-of-type(1):before, 
#sub_020901 #main_pro_profile section ul li a dl dd:nth-of-type(2):before{background:none;}

/* Tablet */
@media all and (min-width: 768px) and (max-width:1399px) {
  #main_news_room section {padding: 60px 30px;width: auto;}
  #main_news_room section ul li {width: calc((100% - 90px) / 4);min-height: auto;margin-left: 30px;}
  #main_news_room section ul li a div.info {padding: 10px 0 0;}
  #main_news_room section ul li a div.info strong {min-height: 20px;max-height: 40px;line-height: 20px;font-size: 15px;}
  #main_news_room section ul li a div.info span.date {font-size: 13px;}
  #main_news_room section ul li:nth-child(2) {margin-left: 0;}
  #main_news_room section ul li:nth-child(4), #main_div2 section ul li:nth-child(5) {margin-top: 0;}
  #main_news_room section ul li:first-child {width: 100%;margin-bottom: 30px;}
  #main_news_room section ul li:first-child a {width: 100%;overflow: hidden;}
  #main_news_room section ul li:first-child a div.bg {width: calc(50% - 30px);height: 30vw;padding-bottom: 0;float: left;}
  #main_news_room section ul li:first-child a div.info {width: calc(50% - 20px);height: 30vw;padding-top: 0;float: right;position: relative;}
  #main_news_room section ul li:first-child a div.info strong {min-height: 32px;max-height: 64px;font-size: 25px;line-height: 32px;}
  #main_news_room section ul li:first-child a div.info span.text {padding: 10px 0px 35px;font-size: 15px;}
  #main_news_room section ul li:first-child a div.info span.date {position: absolute;bottom: 0;left: 0;}
  #main_news_room section ul li:nth-child(4), #main_news_room section ul li:nth-child(5) {margin-top: 0px;}
  #main_notice section > .notice div ul {grid-template-columns: repeat(2, 1fr);}
  
  /*미디어*/
  #main_media section ul {gap: 40px 20px; grid-template-columns: repeat(2, minmax(0, 1fr));padding: 10px;}
  #main_news_room section ul li {width: calc((100% - 90px) / 4);min-height: auto;margin-left: 30px;}
  #main_news_room section ul li a div.info {padding: 10px 0 0;}
  #main_news_room section ul li a div.info strong {min-height: 20px;max-height: 40px;line-height: 20px;font-size: 15px;}
  #main_news_room section ul li a div.info span.date {font-size: 13px;}
  #main_news_room section ul li:nth-child(2) {margin-left: 0;}
  #main_news_room section ul li:nth-child(4), #main_div2 section ul li:nth-child(5) {margin-top: 0;}
  #main_news_room section ul li:first-child {width: 100%;margin-bottom: 30px;}
  #main_news_room section ul li:first-child a {width: 100%;overflow: hidden;}
  #main_news_room section ul li:first-child a div.bg {width: calc(50% - 30px);height: 30vw;padding-bottom: 0;float: left;}
  #main_news_room section ul li:first-child a div.info {width: calc(50% - 20px);height: 30vw;padding-top: 0;float: right;position: relative;}
  #main_news_room section ul li:first-child a div.info strong {min-height: 32px;max-height: 64px;font-size: 25px;line-height: 32px;}
  #main_news_room section ul li:first-child a div.info span.text {padding: 10px 0px 35px;font-size: 15px;}
  #main_news_room section ul li:first-child a div.info span.date {position: absolute;bottom: 0;left: 0;}
  #main_news_room section ul li:nth-child(4), #main_news_room section ul li:nth-child(5) {margin-top: 0px;}
  #main_notice section > .notice div ul {grid-template-columns: repeat(2, 1fr);}
  #sub_contents .section1 div.img > div {width: 99%; height: 100%; background-position: center; background-size: cover;}
  #sub_contents .section1 div.img div.text {left: -10px;}
  
  /*미디어*/
  #main_media section ul {gap: 40px 20px; grid-template-columns: repeat(2, minmax(0, 1fr));padding: 10px;}


  #visual_swiper div.swiper-slide > div p{font-size: 36px;}
  #main_contents section,#main_notice section{ max-width: 100%;  width: auto; padding:100px 20px;}

  footer{padding: 0 20px;}

}


/* PC Mini & Tablet */
@media all and (min-width:768px) and (max-width:1200px) {
/* Common header */
header{overflow:hidden;}
header section{height:auto; padding:0;}
header:before{top: 60px;}
#logo{height:71px; position:relative; background-color:#fff; z-index:999;}
#logo h1{left:20px; margin-top:-18px;}
#gnb_control{display:block;}
#tnb{padding:0 20px;}
#tnb > div{max-width:100%; position:absolute; padding:0 25px; top:71px; left:0; width:100%; height:50px; z-index:10; border-top:1px solid #ddd; background-color:#fff;}
#gnb{width:100%; height:100vh; padding:0; position:absolute; top:0; left:0; background-color:#24549C; transition:all 0.3s;}
#gnb.active{max-height:inherit; top:70px;}
#gnb nav{width:100%; float:none;}
#gnb nav > div{width:100%; top:inherit; bottom:30px; text-align:center;}
#gnb nav > div a{font-weight:400; color:#fff;}
#gnb nav > div a:before{background-color:#ddd;}
#gnb nav > div p{display:none;}
#gnb nav > ul{display:table; width:100%; float:none;}
#gnb nav > ul > li{display:table-cell; float:none;}
#gnb nav > ul > li > a{height:50px; line-height:50px; padding:0; font-size:18px; color:#fff; text-align:center; background-color:#24549C;}
#gnb nav > ul > li > ul{visibility:visible; min-width:100%; max-height:inherit; overflow:hidden; position:static; border-top:none; background-color:transparent; transform:translateX(0);}
#gnb nav > ul > li > ul li{margin:15px 0; text-align:center;}
#gnb nav > ul > li > ul li a{padding:0; font-size:16px; color:#fff;}
#gnb nav > ul > li > ul li a:before{display:none;}
#gnb nav > ul > li > ul li a:hover, header section nav > ul > li > ul li a:focus{color:#fff;}
#gnb nav > ul > li > ul li a.active{font-weight:700; text-decoration:underline;}
#wrap.active header{padding:0; overflow:visible; position:absolute; border-bottom:none;}
#wrap.active header section{height:auto;}
#wrap.active header #logo{background-color:#fff; z-index:999;}
.utill_wrap.web{display:none;}
.utill_wrap.mobile{display: flex;flex-direction: column; align-items: center; gap: 15px;margin-bottom: 30px;}
.utill_wrap .utill_right{gap: 0px;}
header.fixed .utill_wrap a {color: #fff;margin-left: 30px;margin-right: 0;}
#main_department .depart_wrap ul{ grid-template-columns: repeat(2, 1fr);}
#main_department .depart_wrap:before{bottom: -55px; right: 3%; width: 380px;}
#visual_swiper div.swiper-slide > div{margin-left: 20px;}
#visual_swiper div.swiper-slide > div h2{font-size: 54px;}
#main_department .depart_wrap ul > li a span.depart{font-size: 28px;}

/* Header Fixed Design */
header.active{padding:0 30px; position:fixed; border-bottom:1px solid #d7d7d7; background-color:#fff;}
header.active section{max-width:100%; height:80px;}
header.active #gnb{padding-top:0;}
header.active #gnb nav > div{position:static; float:right; padding-top:27px; margin-left:60px;}
header.active #gnb nav > ul > li > a{padding:0 30px; font-size:18px;}
header.active #gnb nav > ul > li:last-child > a{padding-right:0;}
header.active #gnb nav > ul > li > ul{border-top:1px solid #d7d7d7;}

header.fixed #gnb nav > ul > li > a{color:#fff;}
header.fixed #gnb nav > div > a{color:#fff;}

#visual_contents{padding:0 20px;}

#main_notice section > .notice div ul { grid-template-columns: repeat(2, 1fr);}
footer > div{padding:15px;}
footer .address_wrap{margin-bottom:30px;}
footer .sns_links{float:none; clear:both;}
footer .sns{right:20px;}
footer .sns li a{height:48px; line-height:48px;}
footer .sns li a img{height:48px; width:48px;}

/* Sub Layout */
#sub_visual{margin-top:71px; background-size:cover;}
#sub_visual div{display: flex;  flex-direction: column; margin-left: 20px;}
#sub_visual div h2{font-size:34px; letter-spacing:0;}
#sub_visual div p{margin-top:10px; font-size:22px; letter-spacing:0;}
#sub_visual div.breadcrum{margin: 0;}
#sub_visual div.breadcrum ul{gap:25px;}
#sub_visual div.breadcrum ul li, #sub_visual > div div.breadcrum ul li a{font-size:16px; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);}
#sub_visual div.breadcrum ul li:not(:first-child):before{width:10px; height:10px; left:-25px;}
#sub_visual div.breadcrum ul li:first-child a:before{width:18px; height:19px; background:url(/_res/sw/img/bg_breadcrum.png) no-repeat 50% 50%/19px 21px;}

#snb{margin-top:0;}
#snb div > ul{display:block; height:60px; position:relative; text-align:center; border-left:none; border-right:none;}
#snb div > ul > li{display:inline-block; position:static;}
#snb div > ul > li:before{display:none;}
#snb div > ul > li > a{height:60px; line-height:60px; padding:0 10px; position:relative; font-size:16px; letter-spacing:0;}
#snb div > ul > li > a:before{content:""; width:1px; height:16px; position:absolute; top:50%; left:0; background-color:#b7b7b7; transform:translateY(-50%);}
#snb div > ul > li > a:first-child:before{display:none;}
#snb div > ul > li ul{top:70px; min-width:100vw; left:0; transform:translateX(0);}
#snb div > ul > li ul li{margin:0 10px;}
#snb div > ul > li ul li a{font-size:15px;}
#snb div > ul > li ul li a.active:before{bottom:-8px;}

#snb.active div > ul{height:auto;}
#snb.active div > ul > li > a{display:block;}
#snb.active div > ul > li ul{display:none;}

#sub_title{margin:80px auto 55px;}
#sub_title h3{font-size:40px; line-height:40px;}
#sub_title h3 span{width:39px; height:13px; margin:0 auto 30px;}
#sub_title h3 span:before, #sub_title h3 span:after{width:13px; height:13px}

#sub_contents{padding:0 20px 50px; max-width:100%;}
#sub_contents div.lang{height:50px; top:-105px; right:26px;}
#sub_contents div.lang a, #sub_contents div.lang span{width:80px; font-size:17px; line-height:48px;}

/* 테이블 */
table.type_horizontal thead tr th{padding:10px 7px; font-size:14px;}
table.type_horizontal tbody tr th{padding:7px; font-size:14px;}
table.type_horizontal tbody tr td{padding:7px; font-size:13px;}

/* 캠퍼스맵 */
#sub_010400 div.map{margin-bottom:20px;}
#sub_010400 div.map #marker{width:26px; height:40px; padding-top:1px; background-size:auto 40px;}
#sub_010400 div.map #marker span{font-size:12px;}
#sub_010400 ol{width:100%;}
#sub_010400 ol li{margin-bottom:10px;}
#sub_010400 ol li a span{height:30px; line-height:30px;}
#sub_010400 ol li a span.num{width:30px; font-size:14px;}
#sub_010400 ol li a span.text{font-size:14px; padding-left:5px;}
/* Common header */
header{overflow:hidden;}
header section{height:auto; padding:0;}
header:before{top: 60px;}
#logo{height:71px; position:relative; background-color:#fff; z-index:999;}
#logo h1{left:20px; margin-top:-18px;}
#gnb_control{display:block;}
#tnb{padding:0 20px;}
#tnb > div{max-width:100%; position:absolute; padding:0 25px; top:71px; left:0; width:100%; height:50px; z-index:10; border-top:1px solid #ddd; background-color:#fff;}
#gnb{width:100%; height:100vh; padding:0; position:absolute; top:0; left:0; background-color:#24549C; transition:all 0.3s;}
#gnb.active{max-height:inherit; top:70px;}
#gnb nav{width:100%; float:none;}
#gnb nav > div{width:100%; top:inherit; bottom:30px; text-align:center;}
#gnb nav > div a{font-weight:400; color:#fff;}
#gnb nav > div a:before{background-color:#ddd;}
#gnb nav > div p{display:none;}
#gnb nav > ul{display:table; width:100%; float:none;}
#gnb nav > ul > li{display:table-cell; float:none;}
#gnb nav > ul > li > a{height:50px; line-height:50px; padding:0; font-size:18px; color:#fff; text-align:center; background-color:#24549C;}
#gnb nav > ul > li > ul{visibility:visible; min-width:100%; max-height:inherit; overflow:hidden; position:static; border-top:none; background-color:transparent; transform:translateX(0);}
#gnb nav > ul > li > ul li{margin:15px 0; text-align:center;}
#gnb nav > ul > li > ul li a{padding:0; font-size:16px; color:#fff;}
#gnb nav > ul > li > ul li a:before{display:none;}
#gnb nav > ul > li > ul li a:hover, header section nav > ul > li > ul li a:focus{color:#fff;}
#gnb nav > ul > li > ul li a.active{font-weight:700; text-decoration:underline;}
#wrap.active header{padding:0; overflow:visible; position:absolute; border-bottom:none;}
#wrap.active header section{height:auto;}
#wrap.active header #logo{background-color:#fff; z-index:999;}
.utill_wrap.web{display:none;}
.utill_wrap.mobile{display: flex;flex-direction: column; align-items: center; gap: 15px;margin-bottom: 30px;}
.utill_wrap .utill_right{gap: 0px;}
 header.fixed .utill_wrap a {color: #fff;margin-left: 30px;margin-right: 0;
}

/* Header Fixed Design */
header.active{padding:0 30px; position:fixed; border-bottom:1px solid #d7d7d7; background-color:#fff;}
header.active section{max-width:100%; height:80px;}
header.active #gnb{padding-top:0;}
header.active #gnb nav > div{position:static; float:right; padding-top:27px; margin-left:60px;}
header.active #gnb nav > ul > li > a{padding:0 30px; font-size:18px;}
header.active #gnb nav > ul > li:last-child > a{padding-right:0;}
header.active #gnb nav > ul > li > ul{border-top:1px solid #d7d7d7;}

header.fixed #gnb nav > ul > li > a{color:#fff;}
header.fixed #gnb nav > div > a{color:#fff;}

#visual_contents{padding:0 20px;}
#main_notice section > .notice div ul { grid-template-columns: repeat(2, 1fr);}


footer > div{padding:15px;}
footer .address_wrap{margin-bottom:30px;}
footer .sns_links{float:none; clear:both;}
footer .sns{right:20px;}
footer .sns li a{height:48px; line-height:48px;}
footer .sns li a img{height:48px; width:48px;}
/* 아산시 기업 맞춤형 계약학과 */
#sub_010101 .section5 div.box_wrap{grid-template-columns: 1fr;}

#snb{margin-top:0;}
#snb div > ul{display:block; height:60px; position:relative; text-align:center; border-left:none; border-right:none;}
#snb div > ul > li{display:inline-block; position:static;}
#snb div > ul > li:before{display:none;}
#snb div > ul > li > a{height:60px; line-height:60px; padding:0 10px; position:relative; font-size:16px; letter-spacing:0;}
#snb div > ul > li > a:before{content:""; width:1px; height:16px; position:absolute; top:50%; left:0; background-color:#b7b7b7; transform:translateY(-50%);}
#snb div > ul > li > a:first-child:before{display:none;}
#snb div > ul > li ul{top:70px; min-width:100vw; left:0; transform:translateX(0);}
#snb div > ul > li ul li{margin:0 10px;}
#snb div > ul > li ul li a{font-size:15px;}
#snb div > ul > li ul li a.active:before{bottom:-8px;}

#snb.active div > ul{height:auto;}
#snb.active div > ul > li > a{display:block;}
#snb.active div > ul > li ul{display:none;}

#sub_title{margin:80px auto 55px;}
#sub_title h3{font-size:40px; line-height:40px;}
#sub_title h3 span{width:39px; height:13px; margin:0 auto 30px;}
#sub_title h3 span:before, #sub_title h3 span:after{width:13px; height:13px}

#sub_contents{padding:0 20px 50px; max-width:100%;}
#sub_contents div.lang{height:50px; top:-105px; right:26px;}
#sub_contents div.lang a, #sub_contents div.lang span{width:80px; font-size:17px; line-height:48px;}

/* 테이블 */
table.type_horizontal thead tr th{padding:10px 7px; font-size:14px;}
table.type_horizontal tbody tr th{padding:7px; font-size:14px;}
table.type_horizontal tbody tr td{padding:7px; font-size:13px;}

/* 캠퍼스맵 */
#sub_010400 div.map{margin-bottom:20px;}
#sub_010400 div.map #marker{width:26px; height:40px; padding-top:1px; background-size:auto 40px;}
#sub_010400 div.map #marker span{font-size:12px;}
#sub_010400 ol{width:100%;}
#sub_010400 ol li{margin-bottom:10px;}
#sub_010400 ol li a span{height:30px; line-height:30px;}
#sub_010400 ol li a span.num{width:30px; font-size:14px;}
#sub_010400 ol li a span.text{font-size:14px; padding-left:5px;}
}





/* Mobile */
@media all and (max-width:767px) {
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    overscroll-behavior-x: none;
}    
body{overflow-x:hidden;}
.web{display:none;}
.mobile{display:block;}
.mobile_img{display:inline;}
  
header{overflow:hidden;}
header section{height:auto; padding:0;}

/* Header Active Design */
header.fixed #logo h1 a, header.fixed.sub #logo h1 a{background:url(/_res/ace2/img/logo_260715.png) no-repeat 0 -32px/190px 70px;}
header.fixed #gnb > a{color:#fff;}
header.fixed #gnb nav > div > a{color:#fff;}
header.fixed #gnb nav > ul > li > a{color:#fff;}
header.fixed:before{display:none;}
  

.utill_wrap.mobile {display: block;text-align: center;}
.utill_wrap div {margin-bottom: 15px;}
header.fixed .utill_wrap a {color: #ffffff;margin-right: 20px;}
.utill_wrap .utill_right {display: block;}


#logo{height:70px; position:relative;}
#logo h1{left:15px; margin-top:-11.5px;}
#logo h1 a{width:190px; height:32px; background:url(/_res/ace2/img/logo_260715.png) no-repeat 0 -32px/190px 65px;}
#gnb_control{display:block;}
#gnb{width: 75vw;height: 100vh;padding: 0; position: absolute;top: 70px;right: -100%;background-color: #294a9b;transition: all 0.3s;width: 75vw;height: calc(100vh - 70px);}
#gnb.active{max-height:inherit; right:0;}
#gnb > a{top:80px; left:30px;}
#gnb nav{width:100%; float:none;}
#gnb nav > div{padding:15px 0; position:static; text-align:center;}
#gnb nav > div a{font-weight:400; color:#fff;}
#gnb nav > div a:before{background-color:#ddd;}
#gnb nav > div p{display:none;}
#gnb nav > ul{padding:0; float:none;}
#gnb nav > ul > li{float:none;}
#gnb nav > ul > li > a{height:55px; line-height:55px; padding:0 20px; font-size:15px; font-weight:400; color:#fff; background-color:#294a9b;}
#gnb nav > ul > li > a:after{width:13px; height:9px; background:url(/_res/sch/img/bg_gnb_mobile_arrow.png) no-repeat 50% 50%/13px auto; position:absolute; top:27px; right:20px; margin-top:-4.5px; content:""; transform:rotate(-90deg); transition:all 0.5s;}
#gnb nav > ul > li > ul{visibility:hidden; width:100%; max-height:0; padding:0; margin:0; overflow:hidden; position:static; background-color:#fff; transition:all 0.2s; transform:translateX(0);}
#gnb nav > ul > li > ul li{margin-top:0;}
#gnb nav > ul > li > ul li a{display:block; padding:0 20px 0 30px; height:45px; line-height:45px; font-size:13px; color:#294a9b; position:relative; background-color:#fff;}
#gnb nav > ul > li > ul li a:before{display:none;}
#gnb nav > ul > li > ul li a.active{font-weight:700; border-left:2px solid #4067c6; background-color:#f7f7f7;}
#gnb nav > ul > li > a.active:after{transform:rotate(0deg);}
#gnb nav > ul > li > a.active + ul{visibility:visible; max-height:500px; padding:0; transition:all 1s;}
#wrap.active header{padding:0; overflow:visible; position:fixed; border-bottom:none;}
#wrap.active header section{height:auto;}
#wrap.active header #logo{height:71px; border-bottom:1px solid #d7d7d7; background-color:#fff; z-index:999;}
#wrap.active header #gnb nav > ul{margin:0;}

#qnb{max-width:100%;}
#qnb > ul{height:inherit; border-left:none; border-right:none;}
#qnb > ul > li{width:100%; float:none; border-bottom:1px solid #444; background-position:95% 50%; background-size:7px auto;}
#qnb > ul > li > a{height:40px; line-height:40px; padding:0 20px; font-size:14px; color:#d0d0d0;}
#qnb > ul > li > ul{position:static; border:none; -webkit-overflow-scrolling:touch;}
#qnb > ul > li > ul > li > a{height:30px; line-height:30px; font-size:13px;}

footer > div{padding:20px 15px;}
footer > div > a{font-size:14px;}
footer > div p{font-size:12px; line-height:1.8;}
footer div.address_wrap address{font-size:12px; margin-bottom:0;}
footer .sns{position:relative; margin-top:30px; left:0;}
footer .sns ul{padding-top:30px;}
footer .sns li{margin-left:18px;}
footer .sns li:first-child{margin-left:0;}
footer .sns li a{height:45px; line-height:45px;}
footer .sns li a img{width:45px; height:45px;}

/* 메인_비쥬얼 */
#main_contents{margin-top:66px;}
#main_visual > div{height:90vw;}
#visual_swiper div.swiper-slide{height:100%;}
#visual_swiper div.swiper-slide > div{max-width:100%; margin:115px 0 0;}
#visual_swiper div.swiper-slide > div h2{padding:5px 20px 10px; font-size:27px; letter-spacing:0;}
#visual_swiper div.swiper-slide > div h2 span{font-size:28px;}
#visual_swiper div.swiper-slide > div p{padding-top:0; padding-left:20px; font-size:20px; font-weight:300;}
#visual_swiper div.swiper-slide > div p br{display:block;}
#visual_swiper div.control{bottom:7vh;}
#visual_swiper div.control div.pagination span + span{margin-left:7px;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet{width:18px; height:18px;}
#visual_swiper div.control button{margin-left:0;}
#visual_swiper div.control button:before{width:15px; height:15px; top:8px; background-size:30px 15px;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet:before{width:7px; height:7px;}

#shortcut{position:inherit; padding:0; width:100%; height:62px;}
#shortcut > a{padding:20px; font-size:15px;}
#shortcut span{position:relative; padding-left:30px;}
#shortcut span:before{top:calc(50% - 1px); left:0; width:23px; height:22px; transform:translateY(-50%); background-size:contain;}

/* Sub Layout */
#sub_visual{margin-top:71px; height:207px; background-size:cover; background:url(/_res/ace2/img/bg_sub_visual_01_m.jpg) no-repeat 95% 50%;}
#sub_visual div{padding:60px 20px;}
#sub_visual div h2{display:block; width:100%;font-size:28px; letter-spacing:0;}
#sub_visual div p{display:block; font-size:14px; margin-top:0; letter-spacing:0; float:none;}
#sub_visual div.breadcrum{padding-top:30px; float:left;}
#sub_visual div.breadcrum ul{gap:25px;}
#sub_visual div.breadcrum ul li, #sub_visual > div div.breadcrum ul li a{font-size:14px; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);}
#sub_visual div.breadcrum ul li:not(:first-child):before{width:8px; height:8px; left:-20px;}
#sub_visual div.breadcrum ul li:first-child a:before{width:16px; height:17px; background:url(/_res/sw/img/bg_breadcrum.png) no-repeat 50% 50%/16px 17px;}
#snb{padding:0 20px; position:relative; margin-top:-30px; z-index:2;}
#snb div{height:0;}
#snb div > ul{display:block; height:62px; padding-top:60px; position:absolute; top:0; left:0; background-color:#fff; transition:0.3s all;}
#snb div > ul > li{display:block; position:static;}
#snb div > ul > li:before{display:none;}
#snb div > ul > li > a{display:none; width:100%; height:60px; line-height:60px; padding:0 20px; position:relative; font-size:17px; letter-spacing:0; text-align:left;}
#snb div > ul > li > a.active{display:block; position:absolute; top:0; left:0;}
#snb div > ul > li > a.active:after{content:""; width:12px; height:7px; position:absolute; top:50%; right:20px; background:url(/_res/energy/img/bg_snb_arrow.png) no-repeat 50% 50%/12px 7px; transform:translateY(-50%);}
#snb div > ul > li ul{top:75px;}
#snb div > ul > li ul li{margin:0 4px;}
#snb div > ul > li ul li a{font-size:15px;}
#snb div > ul > li ul li a.active:before{bottom:-7px;}
  
#snb.active div > ul{height:auto;}
#snb.active div > ul > li > a{display:block;}
#snb.active div > ul > li ul{display:none;}
  
#sub_title{margin:62px auto 70px; max-width:100%;}
#sub_title h3{font-size:30px; line-height:30px; padding-top:65px;}
#sub_title h3 span{width:30px; height:10px; margin:0 auto 20px;}
#sub_title h3 span:before, #sub_title h3 span:after{width:10px; height:10px;}


/* 테이블 */
table.type_horizontal thead tr th{padding:10px 7px; font-size:14px;}
table.type_horizontal tbody tr th{padding:7px; font-size:14px;}
table.type_horizontal tbody tr td{padding:7px; font-size:13px; letter-spacing:-0.5px;}
table.type_vertical tbody tr th{padding:10px 7px; font-size:14px;}
table.type_vertical tbody tr td{padding:7px; font-size:13px; letter-spacing:-0.5px;}

/* 탭 메뉴(페이징) */
ul.tabs{background-color:#eee;}
ul.tabs li a{height:45px; line-height:45px; font-size:15px;}
ul.tabs li.active a{line-height:43px; border-bottom:3px solid #1ab4bb;}

/* 목록형 */
ul.list_dash li{padding-left:12px; font-size:13px; background:url(/_res/cleanenergy/img/bullet_list_dash.png) no-repeat 0 8px; background-size:5px 1px;}
ul.list_dot li{padding-left:8px; font-size:13px; background:url(/_res/cleanenergy/img/bullet_list_dot.png) no-repeat 0 8px; background-size:2px 2px;}

/* department */
#main_department{padding:45px 20px;}
#main_department section{max-width:100%; padding:0;}
#main_department section h2{font-size:23px; margin-bottom:20px;}
#main_department .depart_wrap:before{display:none;}
#main_department .depart_wrap ul{display:block;}
#main_department .depart_wrap ul > li{width:100%; height:225px; margin-right:0; margin-top:15px;}
#main_department .depart_wrap ul > li:first-child{margin-top:0;}
#main_department .depart_wrap ul > li a{padding:45px;}
#main_department .depart_wrap ul > li a:before{background-position:100% 50%; background-size:cover; background-repeat:no-repeat;}
#main_department .depart_wrap ul > li a span.depart{padding-top:30px; font-size:25px;}
#main_department .depart_wrap ul > li a > p{font-size:12px; letter-spacing:0.5px;}
#main_department .depart_wrap ul > li a div{bottom:42px; width:120px; height:40px; line-height:40px; font-size:12px;}

/* news room */
#main_news_room{padding:45px 20px;}
#main_news_room section{padding:0;}
#main_contents #main_news_room h2{font-size:23px; margin-bottom:20px;}
#main_news_room section ul li{width:calc(50% - 10px); min-height:auto; margin:30px 0 0 0;}
#main_news_room section ul li a div.info{padding:10px 0 0;}
#main_news_room section ul li a div.info strong{min-height:22px; max-height:44px; line-height:22px; font-size:15px;}
#main_news_room section ul li a div.info span.date{display:none; padding-top:5px; font-size:13px;}
#main_news_room section ul li:nth-child(odd){float:right;}
#main_news_room section ul li:nth-child(4), #main_news_room section ul li:nth-child(5){margin-top:25px;}
#main_news_room section ul li:first-child{width:100%; margin-top:0; float:none;}
#main_news_room section ul li:first-child a div.info{padding-top:15px;}
#main_news_room section ul li:first-child a div.info strong{min-height:32px; max-height:64px; font-size:25px; line-height:32px;}
#main_news_room section ul li:first-child a div.info span.text{padding:10px 0px; font-size:15px;}
#main_news_room section ul li:first-child a div.info span.date{display:block;}
#main_news_room section ul li a:hover div.bg span, #main_div2 section ul li > a:focus div.bg span{transform:scale(1.2);}

a.more{width:24px; height:24px; top:0;}
a.more:before, a.more:after{width:24px;}
  
  /* media */
#main_media {padding: 45px 20px;}
#main_media section {padding: 0;}
#main_media section h2 {font-size: 23px;margin-bottom: 20px;}
#main_media section ul {min-height: auto;grid-template-columns: 1fr;gap: 30px;}
#main_media section ul li {width: 100%;float: none;margin-top: 10px;margin-left: 0;}
#main_media section ul li.empty {padding: 40px 0;font-size: 16px;}
#main_media section ul li a {min-height: auto;box-shadow: none;}
#main_media section ul li div.info {padding: 15px 0;}
#main_media section ul li div.info a strong {display: block;width: 100%;line-height: 100%;font-size: 17px;font-weight: 400;text-overflow: ellipsis;white-space: nowrap;}
  
  
/* 공지사항 */
#main_notice{padding:45px 20px;}
#main_notice section{width:100%; max-width:100%; padding:0;}
#main_notice section h2{font-size:23px; margin-bottom:20px;}
#main_notice section > .notice{margin-top:30px;}
#main_notice section > .notice ul.tab{margin-bottom:20px;}
/*#main_notice section > .notice ul.tab li{width:calc((100% - 20px) / 2);}*/
#main_notice section > .notice ul.tab li button{height:50px; line-height:50px; font-size:18px;}
#main_notice section > .notice ul.tab li.active button:before{height:2px;}
#main_notice section > .notice ul.tab li button:hover:before, #main_notice section > .notice ul.tab li button:focus:before, #main_notice section > ul.tab li.active button:before{height:2px;}
#main_notice section > .notice ul.tab li a{width:40px; height:40px; top:5px; right:0;}
#main_notice section > .notice ul.tab li a:before{width:18px;}
#main_notice section > .notice ul.tab li a:after{height:18px;}
#main_notice section > .notice div ul {grid-template-columns: 1fr; gap: 10px;}
#main_notice section > .notice div ul li{width:100%; float:none; margin:10px 0 0 0;}
#main_notice section > .notice div ul li:first-child{margin-top:0;}
#main_notice section > .notice div ul li:nth-child(n+3){margin-top:10px; margin-left:0;}
#main_notice section > .notice div.notice ul li a{height:auto; padding:20px;}
#main_notice section > .notice div.notice ul li a:after{width:15px; height:13px; background-size:15px 13px;}
#main_notice section > .notice div.notice ul li a span{font-size:14px;}
#main_notice section > .notice div.notice ul li a span strong{padding-right:5px; font-size:25px;}
#main_notice section > .notice div.notice ul li a h6{min-height:24px; max-height:48px; line-height:24px; margin:12px 0; font-size:18px;}
#main_notice section > .notice div.notice ul li.latest h6:after{width:18px; height:18px; line-height:18px; font-size:11px;}
#main_notice section > .notice div.notice ul li a p{display:none;}

#sub_contents div.section p{font-size:15px;}
#sub_contents div.section h4{margin-bottom:12px; font-size:24px;}
#sub_contents div.section h4:before{width:25px; height:3px;}
#sub_contents div.section .sub_title{margin-bottom:10px;font-size:20px;}
#sub_contents ul.list li{margin-left:10px; padding:20px 10px; font-size:16px; letter-spacing:-0.5px;}
#sub_contents ul.list li:before{width:4px; height:4px; top:31px; left:-3px;}
#sub_contents .section p.reference{padding-left:15px; font-size:14px; letter-spacing:-0.5px; font-weight:300; line-height:1.35; word-break:break-all;}

/* 일반계약학과 */
#sub_010100 div.img{height:405px;}
#sub_010100 div.img > div{width:100%; height:100%; background:url(/_res/ace2/img/m_sub_visual_010100.jpg) no-repeat; background-size:cover; float:none;}
#sub_010100 div.img div.text{top:-5%; left:50%; padding:30px 22px; width:90%; height:65%; transform:translateX(-50%);}
#sub_010100 div.img div.text strong{font-size:20px;}
#sub_010100 div.img div.text span{font-size:12px; letter-spacing:0;}
#sub_010100 div.img div.text p{padding-top:20px; font-size:15px;}
#sub_010100 div.img div.text p:before{top:10px;}
#sub_contents #sub_010100 .section{padding-top:55px;}
#sub_010100 .section1 ul{width:100%; overflow:hidden;}
#sub_010100 .section1 ul li{padding:20px 10px 10px 10px; width:calc((100% - 45px) / 2 );}
#sub_010100 .section1 ul li:nth-child(2), #sub_010100 .section1 ul li:nth-child(3){float:right;}
#sub_010100 .section1 ul li + li{margin-left:0;}
#sub_010100 .section1 ul li + li:before{left:-35px; width:25px; height:35px; background-size:contain; transform:translateY(-50%);}
#sub_010100 .section1 ul li + li:nth-child(3):before{left:50%; top:-50%; transform:translate(-50%, 75%) rotate(90deg);}
#sub_010100 .section1 ul li + li:nth-child(4):before{left:inherit; right:-33px; top:50%; transform:translateY(-50%) rotate(180deg);}
#sub_010100 .section1 ul li:nth-child(n+3){margin-top:40px;}
#sub_010100 .section1 ul li strong{font-size:16px;}
#sub_010100 .section1 ul li div.content{margin-top:15px; padding:20px 8px; height:60px; font-size:15px; line-height:1.35;}
#sub_010100 .section2 ul{height:auto;}
#sub_010100 .section2 ul li{width:100%; height:65px; background-color:transparent; float:none;}
#sub_010100 .section2 ul li:before{width:65px; height:65px; background-size:325px 65px; z-index:10;}
#sub_010100 .section2 ul li:after{content:""; position:absolute; top:0; left:0; width:65px; height:65px; background-color:#e1f3f7; z-index:1;}
#sub_010100 .section2 ul li:nth-child(2):before{background-position:-65px 0;}
#sub_010100 .section2 ul li:nth-child(3):before{background-position:-130px 0;}
#sub_010100 .section2 ul li:nth-child(4):before{background-position:-195px 0;}
#sub_010100 .section2 ul li:nth-child(5):before{background-position:-260px 0;}
#sub_010100 .section2 ul li + li{margin-left:0; margin-top:5px;}
#sub_010100 .section2 ul li > div{display:flex; align-items:flex-start; flex-flow:column wrap; justify-content:center; margin-top:0; padding-left:20px; width:calc(100% - 65px); height:65px; font-size:15px; letter-spacing:-0.5px; text-align:left; float:right; word-break:keep-all;}
#sub_010100 .section2 ul li > div span{font-size:15px; letter-spacing:-0.5px;}
#sub_010100 .section2 ul li > div br{display:none;}
#sub_010100 .section2 p.reference{margin-top:20px; padding-left:15px;}
#sub_010100 .section3 div.box{padding:0; margin-bottom:5px; background-color:#f8f8f8;}
#sub_010100 .section3 div.box:before{top:8px; left:10px; width:33px; height:37px; transform:none; background-size:cover;}
#sub_010100 .section3 div.box:nth-of-type(2):before{background-position:-33px 0;}
#sub_010100 .section3 div.box ul{margin-top:55px; padding:25px 10px; width:100%; background-color:#fff; float:none;}
#sub_010100 .section3 div.box ul:before{left:0; top:0; width:100%; height:1px;}
#sub_010100 .section3 div.box ul li{padding-left:14px; font-size:15px; letter-spacing:0; line-height:22px; word-break:keep-all;}
#sub_010100 .section3 div.box ul li:before{top:8px; left:0; width:4px; height:4px;}
#sub_010100 .section5 ul li br{display:block;}
#sub_010100 .section6 > h4 + p{margin-bottom:32px;}
#sub_010100 .section6 colgroup col.type{width:13%;}
#sub_010100 .section6 colgroup col.amount{width:9%;}
#sub_010100 .section6 colgroup col.note{width:31%;}
#sub_010100 .section6 table tbody tr td{height:55px; word-break:break-all;}
#sub_010100 .section6 table tbody tr td.al_left{padding:5px;}
#sub_010100 .section6 div.note{margin-top:7px;}
#sub_010100 .section7 div.box{width:100%; padding:25px; min-height:130px;}
#sub_010100 .section7 div.box strong{margin-bottom:10px; font-size:17px;}
#sub_010100 .section7 div.box dl dt{width:85px; font-size:16px;}
#sub_010100 .section7 div.box dl dd{width:calc(100% - 85px); font-size:16px; font-weight:300;}
#sub_010100 .section8 div.etc{margin:5px 0; padding:10px 15px; font-size:14px; text-align:left; font-weight:300; word-break:break-all;}

/* 지원제도 */
#sub_010200 .section div.box{padding:20px 15px; font-size:15px; letter-spacing:0;}
#sub_010200 .section > div + div{margin-top:55px;}
#sub_010200 .section div p.reference + p.reference{margin-top:20px;}
#sub_010200 .section ul.normal li{padding-left:18px; font-size:15px; line-height:1.35; word-break:keep-all;}
#sub_010200 .section ul.normal li:before{top:8px; left:5px; width:4px; height:4px;}
#sub_010200 .section ul.step li{padding:20px 10px 10px 10px; width:calc((100% - 40px) / 2);}
#sub_010200 .section ul.step li + li{margin-left:0;}
#sub_010200 .section ul.step li + li:nth-child(even){float:right;}
#sub_010200 .section ul.step li + li:nth-child(4){float:left; margin-right:0;}
#sub_010200 .section ul.step li + li:nth-child(odd){float:left;}
#sub_010200 .section ul.step li + li:nth-child(3){float:right;}
#sub_010200 .section ul.step li + li:nth-child(n+4){margin-top:0;}
#sub_010200 .section ul.step li + li:nth-child(n+3){margin-top:40px;}
#sub_010200 .section ul.step li + li:before{left:-35px; width:25px; height:35px; background-size:contain; transform:translateY(-50%) rotate(0);}
#sub_010200 .section ul.step li + li:nth-child(3):before, 
#sub_010200 .section ul.step li + li:nth-child(5):before{left:50%; top:-37px; transform:translateX(-50%) rotate(90deg);}
#sub_010200 .section ul.step li + li:nth-child(4):before{left:inherit; right:-33px; top:50%; transform:translateY(-50%) rotate(180deg);}
#sub_010200 .section ul.step li + li:nth-child(6):before{right:inherit; left:-35px; transform:translateY(-50%) rotate(360deg);}
#sub_010200 .section ul.step li + li:nth-child(n+5){margin-right:0;}
#sub_010200 .section ul.step li strong{font-size:16px;}
#sub_010200 .section ul.step li div.content{margin-top:15px; padding:10px 3px; height:60px; font-size:15px; line-height:1.35;}
#sub_010200 .section ul.step li:nth-child(1) div.content, 
#sub_010200 .section ul.step li:nth-child(4) div.content{padding:20px 10px;}
#sub_010200 .section ul.step li:nth-child(6) div.content{padding:10px 3px;}
#sub_010200 .section ul.step2{margin-top:30px;}
#sub_010200 .section ul.step2 li{width:100%; min-height:auto;}
#sub_010200 .section ul.step2 li + li{margin-top:40px;}
#sub_010200 .section ul.step.step2 li + li:before{left:50%; top:-37px; transform:translateX(-50%) rotate(90deg);}
#sub_010200 .section ul.step.step2 li div.content{padding:7px 10px; height:55px; line-height:1.35; word-break:break-all;}
#sub_010200 .section ul.step2 li:last-child div.content br:first-child{display:none;}
#sub_010200 .section > div:nth-child(7) strong.sub_title{margin-bottom:0;}
#sub_010200 .section > div:nth-child(7) div.box{padding:25px; width:100%; float:none;}
#sub_010200 .section > div:nth-child(7) div.box:last-child{margin-left:0; margin-top:10px;}
#sub_010200 .section > div:nth-child(7) div.box strong{margin-bottom:15px; font-size:16px;}
#sub_010200 .section > div:nth-child(7) div.box p{font-weight:300; line-height:1.35;}
#sub_010200 .section > div:nth-child(7) div.box p br{display:none;}

/* 찾아오시는 길 */
#sub_010300 .root_daum_roughmap{width:100% !important;}
#sub_010300 .root_daum_roughmap div.wrap_map{height:35vh !important;}
#sub_010300 .section dl{margin-top:15px; padding-left:10px;}
#sub_010300 .section dl dt{margin:0 7px 0 10px; font-size:14px;} 
#sub_010300 .section dl dt:before{top:0; left:-19px; width:20px; height:20px; background-size:contain;} 
#sub_010300 .section dl dd{font-size:14px;} 
#sub_010300 .section2 > div + div{margin-top:30px;}
#sub_010300 div.box_wrap div.box{width:100%; min-height:auto; padding:30px 25px; float:none;}
#sub_010300 div.box_wrap div.box:nth-child(2n-1){margin-right:0;}
#sub_010300 div.box_wrap div.box:nth-child(n+1){margin-top:15px;}
#sub_010300 div.box_wrap div.box strong{font-size:22px;}
#sub_010300 div.box_wrap div.box > ul{margin-top:15px;}
#sub_010300 div.box_wrap div.box > ul > li{margin-top:3px; font-size:16px; line-height:28px;}
#sub_010300 div.box_wrap div.box > ul > li span.colon{margin-right:8px;}
#sub_010300 div.box_wrap div.box > ul > li span.colon:before{top:-2px; right:-8px;}
#sub_010300 div.box_wrap div.box > ul > li.depth2 span{margin-right:15px;}
#sub_010300 div.box_wrap div.box ul > li.list{margin-left:10px;}
#sub_010300 div.box_wrap div.box ul > li.list:before{left:-10px;}
#sub_010300 div.box_wrap div.box ul .reference{margin-left:18px; padding-left:22px;}

/* 캠퍼스맵 */
#sub_010400 div.map{margin-bottom:20px;}
#sub_010400 div.map #marker{width:22px; height:33px; padding-top:0; background-size:auto 33px;}
#sub_010400 div.map #marker span{font-size:12px;}
#sub_010400 ol{width:100%;}
#sub_010400 ol li{width:33.33%; margin-bottom:10px;}
#sub_010400 ol li a span{height:20px; line-height:20px;}
#sub_010400 ol li a span.num{width:20px; font-size:11px;}
#sub_010400 ol li a span.text{font-size:11px; padding-left:5px;}

/* 산업경영공학과 */
#sub_contents #sub_020100 .section{padding-top:55px;}
#sub_contents .section .anchor{top:-100px;}
#sub_020100 .section > div + div{margin-top:50px;}
#sub_020100 .section table thead tr th{padding:7px; height:30px;}
#sub_020100 .section table tbody tr td{padding:7px;}
#sub_020100 .section table tbody tr td ul > li{padding-left:18px;}
#sub_020100 .section1 div.img{margin-top:30px; height:405px;}
#sub_020100 .section1 div.img > div{width:100%; height:100%; background:url(/_res/ace2/img/m_sub_visual_020100.jpg) no-repeat; background-size:cover; float:none;}
#sub_020100 .section1 div.img div.text{top:-5%; left:50%; padding:30px 22px; width:90%; height:75%; transform:translateX(-50%);}
#sub_020100 .section1 div.img div.text strong{font-size:20px;}
#sub_020100 .section1 div.img div.text span{font-size:12px; letter-spacing:0;}
#sub_020100 .section1 div.img div.text p{padding-top:20px; font-size:15px;}
#sub_020100 .section1 div.img div.text p:before{top:10px;}
#sub_020100 .section1 dl{margin-top:35px}
#sub_020100 .section1 dl dt{padding:10px 15px; width:100%; font-size:20px; border-top:none;}
#sub_020100 .section1 dl dd + dt{margin-top:35px;}
#sub_020100 .section1 dl dd{padding:0 15px; width:100%; font-size:15px; border-top:none;}
#sub_020100 .section1 dl dd br{display:none;}
#sub_020100 .section3 table.type_horizontal colgroup col.time{width:55%;}
#sub_020100 .section3 div.note{margin-top:30px;}
#sub_020100 .section4 #main_pro_profile section ul{grid-gap:15px;}
#sub_020100 .section4 #main_pro_profile section ul li a div.img > span{background-size:cover; background-size:280px 167px;}
#sub_020100 .section4 #main_pro_profile section ul li:nth-child(2) a div.img > span{background-position:-140px 0;}
#sub_020100 .section4 #main_pro_profile section ul li:nth-child(3) a div.img > span{background-position:-10px 0;}
#sub_020100 .section4 #main_pro_profile section ul li a div.btn{width:50px; height:50px;}

/* 세무회계학과 */
#sub_contents #sub_020200 .section{padding-top:55px;}
#sub_contents .section .anchor{top:-100px;}
#sub_020200 .section > div + div{margin-top:50px;}
#sub_020200 .section table thead tr th{padding:7px; height:30px;}
#sub_020200 .section table tbody tr td{padding:7px;}
#sub_020200 .section table tbody tr td ul > li{padding-left:18px;}
#sub_020200 .section1 div.img{margin-top:30px; height:405px;}
#sub_020200 .section1 div.img > div{width:100%; height:100%; background:url(/_res/ace2/img/m_sub_visual_020200.jpg) no-repeat; background-size:cover; float:none;}
#sub_020200 .section1 div.img div.text{top:-5%; left:50%; padding:30px 22px; width:90%; height:75%; transform:translateX(-50%);}
#sub_020200 .section1 div.img div.text strong{font-size:20px;}
#sub_020200 .section1 div.img div.text span{font-size:12px; letter-spacing:0;}
#sub_020200 .section1 div.img div.text p{padding-top:20px; font-size:15px;}
#sub_020200 .section1 div.img div.text p:before{top:10px;}
#sub_020200 .section1 dl{margin-top:35px}
#sub_020200 .section1 dl dt{padding:10px 15px; width:100%; font-size:20px; border-top:none;}
#sub_020200 .section1 dl dd + dt{margin-top:35px;}
#sub_020200 .section1 dl dd{padding:0 15px; width:100%; font-size:15px; border-top:none;}
#sub_020200 .section1 dl dd br{display:none;}
#sub_020200 .section3 div.note{margin-top:30px;}
#sub_020200 .section4 #main_pro_profile section ul li a div.img > span{background-size:cover; background-size:280px 167px;}
#sub_020200 .section4 #main_pro_profile section ul li:nth-child(2) a div.img > span{background-position:-140px 0;}
#sub_020200 .section4 #main_pro_profile section ul li:nth-child(3) a div.img > span{background-position:-10px 0;}
#sub_020200 .section4 #main_pro_profile section ul li a div.text > p{font-size:15px; margin-top:0;}
#sub_020200 .section4 #main_pro_profile section ul li a div.btn{width:50px; height:50px;}

/* 신뢰성품질공학과 */
#sub_contents #sub_020300 .section{padding-top:55px;}
#sub_contents .section .anchor{top:-100px;}
#sub_020300 .section > div + div{margin-top:50px;}
#sub_020300 .section table thead tr th{padding:7px; height:30px;}
#sub_020300 .section table tbody tr td{padding:7px;}
#sub_020300 .section table tbody tr td ul > li{padding-left:18px;}
#sub_020300 .section1 div.img{margin-top:30px; height:405px;}
#sub_020300 .section1 div.img > div{width:100%; height:100%; background:url(/_res/ace2/img/m_sub_visual_020300.jpg) no-repeat; background-size:cover; float:none;}
#sub_020300 .section1 div.img div.text{top:-5%; left:50%; padding:30px 22px; width:90%; height:75%; transform:translateX(-50%);}
#sub_020300 .section1 div.img div.text strong{font-size:20px;}
#sub_020300 .section1 div.img div.text span{font-size:12px; letter-spacing:0;}
#sub_020300 .section1 div.img div.text p{padding-top:20px; font-size:15px;}
#sub_020300 .section1 div.img div.text p:before{top:10px;}
#sub_020300 .section1 dl{margin-top:35px}
#sub_020300 .section1 dl dt{padding:10px 15px; width:100%; font-size:20px; border-top:none;}
#sub_020300 .section1 dl dd + dt{margin-top:35px;}
#sub_020300 .section1 dl dd{padding:0 15px; width:100%; font-size:15px; border-top:none;}
#sub_020300 .section1 dl dd br{display:none;}
#sub_020300 .section3 table.type_horizontal colgroup col.time{width:55%;}
#sub_020300 .section3 div.note{margin-top:30px;}
#sub_020300 .section4 #main_pro_profile section ul li a div.img > span{background-size:cover; background-size:140px 167px;}
#sub_020300 .section4 #main_pro_profile section ul li a div.btn{width:50px; height:50px;}

/* 융합기계학과 */
#sub_contents #sub_020400 .section{padding-top:55px;}
#sub_contents .section .anchor{top:-100px;}
#sub_020400 .section > div + div{margin-top:50px;}
#sub_020400 .section table thead tr th{padding:7px; height:30px;}
#sub_020400 .section table tbody tr td{padding:7px;}
#sub_020400 .section table tbody tr td ul > li{padding-left:18px;}
#sub_020400 .section1 div.img{margin-top:30px; height:405px;}
#sub_020400 .section1 div.img > div{width:100%; height:100%; background:url(/_res/ace2/img/m_sub_visual_020400.jpg) no-repeat; background-size:cover; float:none;}
#sub_020400 .section1 div.img div.text{top:-5%; left:50%; padding:30px 22px; width:90%; height:75%; transform:translateX(-50%);}
#sub_020400 .section1 div.img div.text strong{font-size:20px;}
#sub_020400 .section1 div.img div.text span{font-size:12px; letter-spacing:0;}
#sub_020400 .section1 div.img div.text p{padding-top:20px; font-size:15px;}
#sub_020400 .section1 div.img div.text p:before{top:10px;}
#sub_020400 .section1 dl{margin-top:35px}
#sub_020400 .section1 dl dt{padding:10px 15px; width:100%; font-size:20px; border-top:none;}
#sub_020400 .section1 dl dd + dt{margin-top:35px;}
#sub_020400 .section1 dl dd{padding:0 15px; width:100%; font-size:15px; border-top:none;}
#sub_020400 .section1 dl dd br{display:none;}
#sub_020400 .section3 div.note{margin-top:30px;}
#sub_020400 .section4 #main_pro_profile section ul li a div.img > span{background-size:cover; background-size:420px 167px;}
#sub_020400 .section4 #main_pro_profile section ul li:nth-child(2) a div.img > span{background-position:-140px 0;}
#sub_020400 .section4 #main_pro_profile section ul li:nth-child(3) a div.img > span{background-position:-280px 0;}
#sub_020400 .section4 #main_pro_profile section ul li a div.btn{width:50px; height:50px;}

/* 자동차산업공학과 */
#sub_contents #sub_020500 .section{padding-top:55px;}
#sub_contents .section .anchor{top:-100px;}
#sub_020500 .section > div + div{margin-top:50px;}
#sub_020500 .section table thead tr th{padding:7px; height:30px;}
#sub_020500 .section table tbody tr td{padding:7px;}
#sub_020500 .section table tbody tr td ul > li{padding-left:18px;}
#sub_020500 .section1 div.img{margin-top:30px; height:405px;}
#sub_020500 .section1 div.img > div{width:100%; height:100%; background:url(/_res/ace2/img/m_sub_visual_020500.jpg) no-repeat; background-size:cover; float:none;}
#sub_020500 .section1 div.img div.text{top:-5%; left:50%; padding:30px 22px; width:90%; height:75%; transform:translateX(-50%);}
#sub_020500 .section1 div.img div.text strong{font-size:20px;}
#sub_020500 .section1 div.img div.text span{font-size:12px; letter-spacing:0;}
#sub_020500 .section1 div.img div.text p{padding-top:20px; font-size:15px;}
#sub_020500 .section1 div.img div.text p:before{top:10px;}
#sub_020500 .section1 dl{margin-top:35px}
#sub_020500 .section1 dl dt{padding:10px 15px; width:100%; font-size:20px; border-top:none;}
#sub_020500 .section1 dl dd + dt{margin-top:35px;}
#sub_020500 .section1 dl dd{padding:0 15px; width:100%; font-size:15px; border-top:none;}
#sub_020500 .section1 dl dd br{display:none;}
#sub_020500 .section3 table.type_horizontal colgroup col.time{width:55%;}
#sub_020500 .section3 div.note{margin-top:30px;}
#sub_020500 .section4 #main_pro_profile section ul li a div.img > span{background-size:cover; background-size:140px 167px;}
#sub_020500 .section4 #main_pro_profile section ul li a div.btn{width:50px; height:50px;}
  
  /* 메카트로닉스공학과 */
#sub_contents #sub_020600 .section{padding-top:55px;}
#sub_contents .section .anchor{top:-100px;}
#sub_020600 .section > div + div{margin-top:50px;}
#sub_020600 .section table thead tr th{padding:7px; height:30px;}
#sub_020600 .section table tbody tr td{padding:7px;}
#sub_020600 .section table tbody tr td ul > li{padding-left:18px;}
#sub_020600 .section1 div.img{margin-top:30px; height:405px;}
#sub_020600 .section1 div.img > div{width:100%; height:100%; background:url(/_res/ace2/img/m_sub_visual_020600.jpg) no-repeat; background-size:cover; float:none;}
#sub_020600 .section1 div.img div.text{top:-5%; left:50%; padding:30px 22px; width:90%; height:75%; transform:translateX(-50%);}
#sub_020600 .section1 div.img div.text strong{font-size:20px;}
#sub_020600 .section1 div.img div.text span{font-size:12px; letter-spacing:0;}
#sub_020600 .section1 div.img div.text p{padding-top:20px; font-size:15px;}
#sub_020600 .section1 div.img div.text p:before{top:10px;}
#sub_020600 .section1 dl{margin-top:35px}
#sub_020600 .section1 dl dt{padding:10px 15px; width:100%; font-size:20px; border-top:none;}
#sub_020600 .section1 dl dd + dt{margin-top:35px;}
#sub_020600 .section1 dl dd{padding:0 15px; width:100%; font-size:15px; border-top:none;}
#sub_020600 .section1 dl dd br{display:none;}
#sub_020600 .section3 table.type_horizontal colgroup col.time{width:55%;}
#sub_020600 .section3 div.note{margin-top:30px;}
#sub_020600 .section4 #main_pro_profile section ul li a div.img > span{background-size:cover; background-size:420px 167px;}
#sub_020600 .section4 #main_pro_profile section ul li a div.btn{width:50px; height:50px;}
#sub_020600 .section4 #main_pro_profile section ul li:nth-child(2) a div.img > span{background-position:-140px 0;}
#sub_020600 .section4 #main_pro_profile section ul li:nth-child(3) a div.img > span{background-position:-280px 0;}
#sub_020600 .section4 #main_pro_profile section ul li a div.btn{width:50px; height:50px;}
  
  /* 화학공학과 */
#sub_contents #sub_020700 .section{padding-top:55px;}
#sub_contents .section .anchor{top:-100px;}
#sub_020700 .section > div + div{margin-top:50px;}
#sub_020700 .section table thead tr th{padding:7px; height:30px;}
#sub_020700 .section table tbody tr td{padding:7px;}
#sub_020700 .section table tbody tr td ul > li{padding-left:18px;}
#sub_020700 .section1 div.img{margin-top:30px; height:405px;}
#sub_020700 .section1 div.img > div{width:100%; height:100%; background:url(/_res/ace2/img/m_sub_visual_020700.jpg) no-repeat; background-size:cover; background-position:75%; float:none;}
#sub_020700 .section1 div.img div.text{top:-5%; left:50%; padding:30px 22px; width:90%; height:75%; transform:translateX(-50%);}
#sub_020700 .section1 div.img div.text strong{font-size:20px;}
#sub_020700 .section1 div.img div.text span{font-size:12px; letter-spacing:0;}
#sub_020700 .section1 div.img div.text p{padding-top:20px; font-size:15px;}
#sub_020700 .section1 div.img div.text p:before{top:10px;}
#sub_020700 .section1 dl{margin-top:35px}
#sub_020700 .section1 dl dt{padding:10px 15px; width:100%; font-size:20px; border-top:none;}
#sub_020700 .section1 dl dd + dt{margin-top:35px;}
#sub_020700 .section1 dl dd{padding:0 15px; width:100%; font-size:15px; border-top:none;}
#sub_020700 .section1 dl dd br{display:none;}
#sub_020700 .section3 table.type_horizontal colgroup col.time{width:55%;}
#sub_020700 .section3 div.note{margin-top:30px;}
#sub_020700 .section4 #main_pro_profile section ul li a div.img > span{background-size:cover; background-size:140px 167px;}
#sub_020700 .section4 #main_pro_profile section ul li a div.btn{width:50px; height:50px;}
  
 /* 사업단 소개 > 캠퍼스맵 */
#sub_contents div.section.maps_wrap{padding-top: 0; margin-top: 0;}
#sub_contents div.campus_map h4.title {display:none;}
div.campus_map div.ui_tab_contents {padding-top: 30px;}
div.campus_map div.map {margin-bottom: 20px;}
div.campus_map div.map #marker {width: 22px;height: 33px;padding-top: 0;background-size: auto 33px;}
div.campus_map div.map #marker span {font-size: 12@charset "UTF-8";}


@font-face {
font-family:'MerriWeather';
font-style:normal;
font-weight:400;
src: url(/_font/merriweather/merriweather-v22-latin-regular.eot),
url(/_font/merriweather/merriweather-v22-latin-regular.eot?#iefix) format('embedded-opentype'),
url(/_font/merriweather/merriweather-v22-latin-regular.woff) format('woff'),
url(/_font/merriweather/merriweather-v22-latin-regular.otf) format('opentype');
}

@font-face{
font-family:'Noto Sans Korean';
font-style:normal;
font-weight:300;
src:url(/_font/NotoSansKR-Light-Hestia.eot),
url(/_font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
url(/_font/NotoSansKR-Light-Hestia.woff) format('woff'),
url(/_font/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face{
font-family:'Noto Sans Korean';
font-style:normal;
font-weight:350;
src:url(/_font/NotoSansKR-DemiLight-Hestia.eot),
url(/_font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
url(/_font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
url(/_font/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face{
font-family:'Noto Sans Korean';
font-style:normal;
font-weight:400;
src:url(/_font/NotoSansKR-Regular-Hestia.eot),
url(/_font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
url(/_font/NotoSansKR-Regular-Hestia.woff) format('woff'),
url(/_font/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face{
font-family:'Noto Sans Korean';
font-style:normal;
font-weight:500;
src:url(/_font/NotoSansKR-Medium-Hestia.eot),
url(/_font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
url(/_font/NotoSansKR-Medium-Hestia.woff) format('woff'),
url(/_font/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face{
font-family:'Noto Sans Korean';
font-style:normal;
font-weight:700;
src:url(/_font/NotoSansKR-Bold-Hestia.eot),
url(/_font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
url(/_font/NotoSansKR-Bold-Hestia.woff) format('woff'),
url(/_font/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

/* 스킨 수정 */
div.jwxe_board table.type_board thead th{border-top:2px solid #333 !important;}
div.jwxe_board div.board_view div.board_title{border-top:2px solid #333 !important;}
div.jwxe_board div.board_search{margin-top:30px;}
div.jwxe_board ul.gallery_list li div.ratio_box a span.title{height:50px !important; line-height:50px !important; background-color:rgba(0,0,0,0.7) !important; font-size:18px !important; opacity:1 !important; filter:alpha(opacity=100) !important;}

/* Default Setting */
html, body{height:100%;}
html, body, h1, h2, h3, h4, h5, h6, p, dt, dd, dl, ul, li, span, div, table, td, input, fieldset, textarea, select, a, img, button{font-family:'Noto Sans Korean','Malgun Gothic',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; padding:0; margin:0; box-sizing:border-box;}
body{font-size:14px; color:#333; overflow-x:hidden; overflow-y:auto; letter-spacing:-1px;}
li{list-style:none;}
button{border:none; background-color:transparent; cursor:pointer;}
img{vertical-align:top; border:none; max-width:100%;}
a{color:#333; text-decoration:none;}
table{border-collapse:collapse;}
.hidden{width:1px; height:1px; margin:-1px; overflow:hidden; position:absolute; clip:rect(0 0 0 0);}
.ir{display:block; width:100%; height:100%; z-index:-1; font-size:0; overflow:hidden; position:relative;}
caption{width:0; height:0; overflow:hidden; font-size:0; text-indent:-9999px;}
img.mobile{display:none;}
.red{color:#fe0000;}

/* Common header */
header{width:100%; position:absolute; top:0; left:0; z-index:99; transition:all 0.3s;}
header:before{content:""; position:absolute; width:100%; height:1px; top:53px; left:0; z-index:99; background-color:rgba(255, 255, 255, .3);}
header section{width:100%; max-width:1400px; height:115px; margin:0 auto; position:relative; transition:all 0.3s;}

/* Header Active Design */
header.fixed{position:fixed; border-bottom:1px solid #d7d7d7; background-color:#fff;}
header.fixed:before{background-color:#d7d7d7;}
header.fixed #logo h1 a{background:url(/_res/ace2/img/logo_260715.png) no-repeat 0 -37px/227px 82px}
header.fixed #gnb nav > div > a{color:#8d8d8d;}
header.fixed #gnb > a{color:#8d8d8d;}
header.fixed #gnb nav > ul > li > a{color:#000;}
header.fixed.sub{border-bottom:none; background-color:inherit;}
header.fixed.sub:before{background-color:rgba(255,255,255,.7);}
header.fixed.sub #logo h1 a{background:url(/_res/ace2/img/logo_260715.png) no-repeat 0 0/227px 77px;}
header.fixed.sub #gnb > a{color:#fff;}
header.fixed.sub #gnb nav > div > a{color:#fff;}
header.fixed.sub #gnb nav > ul > li > a{color:#fff}
.utill_wrap{display:flex; justify-content:space-between; padding: 20px 0px 20px 10px;}
.utill_wrap.mobile{display:none;}
.utill_wrap a{margin-right:10px; color:#fff}
.utill_wrap .utill_right{display:flex; gap: 20px;}
.utill_wrap.web .login{position:relative;}
.utill_wrap.web .login:before{content: ""; width: 1px;height: 10px;background: #fff;position: absolute;top: 6px;left: -15px;}
header.fixed .utill_wrap.web .login:before{background: #8d8d8d;}
header.fixed .utill_wrap a{color:#8d8d8d;}

#tnb{border-bottom:1px solid #d7d7d7;}
#tnb > div{width:100%; max-width:1400px; margin:0 auto; position:relative; overflow:hidden;}
#tnb > #tnbdiv ul{float:right; overflow:hidden;}
#tnb > div ul:first-child{float:left;}
#tnb > div ul li{margin-left:25px; float:left;}
#tnb > div ul:first-child li{margin-right:25px; margin-left:0;}
#tnb > div ul li a{height:50px; line-height:50px; font-size:14px; color:#8d8d8d; letter-spacing:0;}
#logo h1{margin-top:30px; position:absolute; top:50%; left:0;}
#logo h1 a{display:block; width:227px; height:38px; background:url(/_res/ace2/img/logo_260715.png) no-repeat 0 0/227px 77px; background-size:cover; text-indent:-9999px;}
#gnb > a{position:absolute; top:16px; left:0; color:#fff;}
#gnb nav{float:right;}
#gnb nav > div{position:absolute; top:16px; right:0;}
#gnb nav > div > a{padding:0 4px; font-size:14px; color:#fff;}
#gnb nav > div > a:last-child{padding-right:0;}
#gnb nav > ul{float:right;}
#gnb nav > ul > li{float:left; position:relative;}
#gnb nav > ul > li > a{display:block; padding:0 50px; height:90px; line-height:90px; letter-spacing:0; font-size:19px; color:#fff;}
#gnb nav > ul > li:last-child > a{padding-right:0;}
#gnb nav > ul > li > ul{visibility:hidden; min-width:220px; max-height:0; overflow:hidden; position:absolute; top:91px; left:50%; background-color:#f7f7f7; transition:max-height 0.2s; transform:translateX(-50%);}
#gnb nav > ul > li.active > ul{display:block; visibility:visible; max-height:400px; border-top:4px solid #24549C;}
#gnb nav > ul > li > ul li a{display:block; height:50px; line-height:50px; font-size:18px; font-weight:350; color:#333; letter-spacing:0; text-align:center;}
#gnb nav > ul > li > ul li:focus a{visibility:visible; display:block;}
#gnb nav > ul > li > ul li a:hover, #gnb nav > ul > li > ul li a:focus{color:#fff; background-color:#24549C;}
#gnb nav > ul > li > ul li a:focus{visibility:visible; display:block;}
#gnb nav.active{visibility:visible; max-height:500px; opacity:1;}
#gnb_control{display:none; width:40px; height:40px; margin-top:-20px; position:absolute; top:50%; right:16px; border:none; background-color:#fff; transition:all 0.3s;}
#gnb_control span{width:26px; height:3px; background-color:#333; position:absolute; top:50%; left:50%; margin-top:-1.5px; margin-left:-11px; text-indent:-9999px; transition:all 0.3s;}
#gnb_control:before, #gnb_control:after{content:""; width:26px; height:3px; background-color:#333; position:absolute; left:50%; margin-left:-11px; transition:all 0.3s;}
#gnb_control:before{top:9px;}
#gnb_control:after{bottom:9px;}
#gnb_control.active span{opacity:0;}
#gnb_control.active:before{width:15px; height:2px; margin-left:-8px; top:19px; transform:rotate(45deg);}
#gnb_control.active:after{width:15px; height:2px; margin-left:-8px; bottom:19px; transform:rotate(-45deg);}

#quick_menu{position:relative; border-top:1px solid #484848; border-bottom:1px solid #484848; background-color:#1a1a1a; z-index:1;}
#qnb{width:100%; max-width:1400px; margin:0 auto;}
#qnb > ul{height:50px; border-left:1px solid #484848; border-right:1px solid #484848;}
#qnb > ul > li{width:25%; float:left; position:relative;}
#qnb > ul > li > a{display:block; height:50px; line-height:50px; padding-left:25px; font-size:16px; color:#c8c8c8; border-left:1px solid #484848; position:relative;}
#qnb > ul > li > a:after{content:''; width:10px; height:7px; position:absolute; top:50%; right:20px; margin-top:-3.5px; background:url(/_res/energy/img/bg_qnb_arrow.png) no-repeat 0 0; transition:all 0.3s;}
#qnb > ul > li.active > a:after{transform:rotate(180deg);}
#qnb > ul > li:first-child > a{border-left:none;}
#qnb > ul > li > ul{visibility:hidden; width:100%; max-height:0; overflow-y:auto; position:absolute; bottom:50px; left:0; z-index:2; border:1px solid #444; transition:all 0.3s;}
#qnb > ul > li.active > ul{visibility:visible; max-height:400px;}
#qnb > ul > li > ul > li > a{display:block; height:40px; line-height:40px; padding:0 20px; font-size:16px; color:#c8c8c8; background-color:#1a1a1a;}
#qnb > ul > li > ul > li > a:hover, #qnb > ul > li > ul > li > a:focus{background-color:#3c3c3c; color:#fff;}

/* Swiper */
.swiper-container{margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;}
.swiper-container-vertical > .swiper-wrapper{flex-direction:column;}
.swiper-wrapper {position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper{transform:translate3d(0px, 0, 0);}
.swiper-container-multirow > .swiper-wrapper{flex-wrap:wrap;}
.swiper-container-multirow-column > .swiper-wrapper{flex-wrap:wrap; flex-direction:column;}
.swiper-container-free-mode > .swiper-wrapper{transition-timing-function:ease-out; margin:0 auto;}
.swiper-container-pointer-events{touch-action:pan-y;}
.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x;}
.swiper-slide{flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform;}
.swiper-slide-invisible-blank{visibility:hidden;}
.swiper-container .swiper-notification{position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000;}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out;}
.swiper-container-fade .swiper-slide{pointer-events:none; transition-property:opacity;}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none;}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto;}

/* Sub Layout */
#sub_visual{background:url(/_res/ace2/img/bg_sub_visual_01.jpg) no-repeat 50% 100%; height:411px;}
#sub_visual > div{width:100%; max-width:1400px; margin:0 auto; padding:240px 0 95px;}
#sub_visual > div h2{display:inline-block; font-size:48px; font-weight:700; color:#fff;}
#sub_visual > div p{display:inline-block; float:right; margin-top:23px; font-size:22px; font-weight:300; color:rgba(255, 255, 255, .5);}
#sub_visual div.breadcrum{padding-top:30px; float:right;}
#sub_visual div.breadcrum ul{display:flex; gap:35px;}
#sub_visual div.breadcrum ul li, #sub_visual > div div.breadcrum ul li a{position:relative; font-size:19px; font-weight:300; color:#fff; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);}
#sub_visual div.breadcrum ul li:not(:first-child):before{content:""; width:10px; height:10px; position:absolute; top:50%; left:-25px; border-top:1px solid rgba(255, 255, 255, 0.5); border-right:1px solid rgba(255, 255, 255, 0.5); transform:translateY(-50%) rotate(45deg);}
#sub_visual div.breadcrum ul li:first-child a:before{content:""; display:block; width:18px; height:19px; position:absolute; top:50%; left:0; background:url(/_res/sw/img/bg_breadcrum.png) no-repeat 50% 50%/19px 21px; transform:translateY(-50%);}
#sub_visual div.breadcrum ul li:first-child a span{opacity:0;}
#sub_visual div.breadcrum ul li ul{display:none;}

#snb{margin-top:-40px;}
#snb div{width:100%; max-width:1400px; margin:0 auto; position:relative; background-color:#fff;}
#snb div > ul{display:table; width:100%; table-layout:fixed; border:1px solid #d7d7d7;}
#snb div > ul > li{display:table-cell; position:relative; vertical-align:top;}
#snb div > ul > li:before{content:""; width:1px; height:20px; position:absolute; top:50%; left:0; background-color:#b7b7b7; transform:translateY(-50%);}
#snb div > ul > li:first-child:before{display:none;}
#snb div > ul > li > a{display:block; height:80px; line-height:80px; font-size:18px; letter-spacing:0; font-weight:500; color:#333; text-align:center;}
#snb div > ul > li > a.active{font-weight:700; color:#24549C;}
#snb div > ul > li ul{min-width:550px; max-width:1000px; position:absolute; top:100px; left:50%; text-align:center; transform:translateX(-50%);}
#snb div > ul > li:first-child ul{ left: 50%; transform: translate(-50%);}
#snb div > ul > li ul li{display:inline-block; margin:0 15px; position:relative;}
#snb div > ul > li ul li a{font-size:20px; color:#333;}
#snb div > ul > li ul li a.active{color:#24549C;}

#sub_title{width:100%; max-width:1400px; margin:112px auto 92px; position:relative;}
#sub_title h3{font-size:35px; font-weight:700; color:#333; text-align:center; line-height:48px; letter-spacing:-0.25px;}
#sub_title h3 span{display:block; width:42px; height:12px; margin:0 auto 15px; position:relative; background-color:#24549C;}
/*
#sub_title h3 span{display:block; width:42px; height:14px; margin:0 auto 15px; position:relative; background-color:#00677e;}
#sub_title h3 span:before{content:""; width:14px; height:14px; position:absolute; top:0; left:0; background-color:#92c83e;}
#sub_title h3 span:after{content:""; width:14px; height:14px; position:absolute; top:0; right:0; background-color:#2ac4f4;}
*/
#title_wrap{width:100%; max-width:1400px; margin:80px auto 50px; position:relative;}
#title_wrap h3{font-size:35px; font-weight:700; color:#333; text-align:center; line-height:48px; letter-spacing:-0.25px;}
#title_wrap h3 span{display:block; width:42px; height:14px; margin:0 auto 15px; position:relative; background-color:#00677e;}
#title_wrap h3 span:before{content:""; width:14px; height:14px; position:absolute; top:0; left:0; background-color:#92c83e;}
#title_wrap h3 span:after{content:""; width:14px; height:14px; position:absolute; top:0; right:0; background-color:#2ac4f4;}

footer{background-color:#303030; border-top:1px solid #484848}
footer > div{position:relative; width:100%; max-width:1400px; margin:0 auto; padding:30px 0; overflow:hidden;}
footer > div > a{display:inline-block; margin-bottom:20px; font-size:14px; color:#2aaec6;}
footer div.footer_wrap{overflow:hidden;}
footer div.address_wrap{float:left;}
footer div.address_wrap address{margin-bottom:5px; font-size:14px; font-style:normal; font-weight:300; color:#909090;}
footer div address span:before{display:inline-block; content:"|"; padding:0 10px;}
footer .sns{position:absolute; top:50%; right:0; transform:translateY(-50%);}
footer .sns li{display:inline-block; margin-left:12px;}
footer .sns li:first-child{margin-left:0;}
footer .sns li a{display:block; height:57px; line-height:57px; position:relative;}
footer > div p{font-size:14px; font-weight:300; color:#909090;}
footer > div p br{display:none;}

/* 테이블 */
div.jwxe_board table.type_board{border-top:2px solid #333 !important;}
table.type_horizontal{width:100%; table-layout:fixed; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
table.type_horizontal thead tr th{padding:15px; font-size:16px; font-weight:500; text-align:center; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#f8f8f8; box-sizing:border-box;}
table.type_horizontal tbody tr td{padding:15px; font-size:16px; color:#393939; font-weight:300; line-height:160%; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; text-align:center; word-break:keep-all; box-sizing:border-box;}
table.type_horizontal tbody tr td.al_left{text-align:left;}
table.type_vertical{border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
table.type_vertical tbody tr th{padding:15px; height:50px; font-size:16px; font-weight:500; text-align:center; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#f8f8f8; box-sizing:border-box;}
table.type_vertical tbody tr td{padding:15px; font-size:16px; color:#393939; font-weight:300; line-height:160%; letter-spacing:0; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; word-break:keep-all; box-sizing:border-box;}

/* 메인_비쥬얼 */
#main_visual{display:flex; width:100%;}
#main_visual > div{width:100%; height:850px; overflow:hidden;}
#visual_swiper div.swiper-slide{position:relative; height:850px; color:#fff; text-align:left; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; }
#visual_swiper div.swiper-slide:before{content:""; position:absolute; top:0;left:0; width:100%; height:100%; z-index:-1;}
#visual_swiper div.seen:before{animation:visual_animation 8s alternate infinite; transition:background-image ease-in-out;}
#visual_swiper div.swiper-slide > div{max-width:1400px; margin:0 auto;}
#visual_swiper div.swiper-slide > div p{padding-top:385px; font-size:44px; color:#fff; letter-spacing:-0.5px; font-weight:350;}
#visual_swiper div.swiper-slide > div h2{padding:0 0 10px; font-size:66px; color:#fff; font-weight:700; line-height:1.35;}
#visual_swiper div.swiper-slide > div h2 span{ display:inline-block; position:relative; background: #c6e2a1; background: -moz-linear-gradient(left, #c6e2a1 0%, #88c8ba 50%, #8bcce3 100%); background: -webkit-linear-gradient(left, #c6e2a1 0%,#88c8ba 50%,#8bcce3 100%); background: linear-gradient(to right, #c6e2a1 0%,#88c8ba 50%,#8bcce3 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
#visual_swiper div.swiper-slide > div h2 span:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,.5); -webkit-background-clip: text; z-index:10;
background-clip: text;}
#visual_swiper div.swiper-slide > div p br{display:none;}
#visual_swiper div.control div.pagination{display:inline-block; position:relative;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet{display:inline-block; position:relative; width:27px; height:27px; border:1px solid transparent; cursor:pointer;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet:before{content:""; position:absolute; width:10px; height:10px; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#fff;}
#visual_swiper div.control div.pagination span + span{margin-left:15px;}
#visual_swiper div.control div.pagination span:first-child{margin-left:0;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet-active{border-color:#fff;}
#visual_swiper div.control button{width:24px; height:24px; margin-left:20px; position:relative; text-indent:-9999px; border:none; background-color:transparent; vertical-align:top; cursor:pointer;}
#visual_swiper div.control button:before{content:""; width:20px; height:20px; position:absolute; top:50%; left:50%; background:url(/_res/ace2/img/bg_swiper_control.png) no-repeat -20px 0/40px 20px; transform:translate(-50%, -50%); z-index:1;}
#visual_swiper div.control{width:100%; height:10px; position:absolute; bottom:180px; left:0; text-align:center; z-index:1;}
#visual_swiper div.control button.stop:before{background-position:0 0;}
#visual_swiper.no_swiper div.navigation, #visual_swiper.no_swiper div.control{display:none;}

@keyframes visual_animation {
0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}

#shortcut{position:fixed; padding-top:75px; top:390px; right:0; width:120px; height:125px; background-color:#00677e; z-index:1; text-align:center;}
#shortcut span{display:inline-block;}
#shortcut span:before{content:""; position:absolute; top:27px; left:50%; width:35px; height:33px; background:url(/_res/ace2/img/icon_shortcut.png) no-repeat; transform:translateX(-50%);}
#shortcut > a{display:block; width:100%; height:100%; font-size:14px; font-weight:500; color:#fff;}

/* department */
#main_department section{width:100%; max-width:1400px; margin:0 auto; padding:100px 0;}
#main_department section h2{font-size:35px; margin-bottom:60px; line-height:100%;}
#main_department section h2 span{font-family:'MerriWeather'; font-size:150%; font-weight:900; color:#86be2e;}
#main_department .depart_wrap{position:relative; width:100%;}
#main_department .depart_wrap:before{content:""; position:absolute; bottom:0; right: -190px; width:632px; height:190px; background:url(/_res/ace2/img/main_depart_deco.png) no-repeat;}
#main_department .depart_wrap ul{display:flex; flex-flow:row wrap; justify-content:start; gap:30px;}
#main_department .depart_wrap ul > li{width:31.9%; height:360px; overflow:hidden;}
#main_department .depart_wrap ul > li a{position:relative; display:block; padding:40px; width:100%; height:100%; text-align:center; transition:background-color .3s;}
#main_department .depart_wrap ul > li a:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; transition:all .3s; z-index:-1;}
#main_department .depart_wrap ul > li:nth-child(1) a:before{background-image:url(/_res/ace2/img/main_depart_visual_08.png);}
#main_department .depart_wrap ul > li:nth-child(2) a:before{background-image:url(/_res/ace2/img/main_depart_visual_09.png);}
#main_department .depart_wrap ul > li:nth-child(2) a span.depart {padding-top: 15px;}
#main_department .depart_wrap ul > li:nth-child(2) p{font-size: 18px; color:#fff; margin-top:5px;}
#main_department .depart_wrap ul > li:nth-child(3) a:before{background-image:url(/_res/ace2/img/main_depart_visual_01.jpg);}
#main_department .depart_wrap ul > li:nth-child(4) a:before{background-image:url(/_res/ace2/img/main_depart_visual_02.jpg);}
#main_department .depart_wrap ul > li:nth-child(5) a:before{background-image:url(/_res/ace2/img/main_depart_visual_06.jpg); background-position:80% center; background-size:cover;}
#main_department .depart_wrap ul > li:nth-child(6) a:before{background-image:url(/_res/ace2/img/main_depart_visual_06.jpg); background-position:85% center; background-size:cover;}
#main_department .depart_wrap ul > li:nth-child(7) a:before{}
#main_department .depart_wrap ul > li a span.depart{display:inline-block; padding-top:80px; font-size:36px; font-weight:700; color:#fff;}
#main_department .depart_wrap ul > li a div{position:absolute; bottom:95px; left:50%; width:158px; height:50px; line-height:50px; text-align:center; font-size:16px; color:rgba(255, 255, 255, .7); transform:translateX(-50%); border:1px solid rgba(255, 255, 255, .5); transition:all 0.4s;}
#main_department .depart_wrap ul > li a:hover:before, #main_department .depart_wrap ul > li a:focus:before{transform:scale(1.2);}
#main_department .depart_wrap ul > li a:hover div, #main_department .depart_wrap ul > li a:focus div{background-color:rgba(0, 0, 0, .5); color:#fff;}

/* news room */
#main_news_room{background-color:#13457a;}
#main_contents #main_news_room h2{font-size:35px; color:#fff; margin-bottom:60px; line-height:100%;}
#main_news_room h2 span{font-family:'MerriWeather'; font-size:150%; font-weight:900;}
#main_news_room h2 span:first-child{color:#89c3ff;}
#main_news_room h2 span:last-child{color:#fff9b3;}
#main_news_room section{position:relative; width:100%; max-width:1400px; margin:0 auto; padding:100px 0;}
#main_news_room section ul{overflow:hidden;}
#main_news_room section ul li{width:310px; min-height:310px; margin-left:60px; float:left;}
#main_news_room section ul li a{display:block;}
#main_news_room section ul li a div.bg{height:0; padding-bottom:62.5%; overflow:hidden; position:relative;}
#main_news_room section ul li a div.bg span{width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;transition:all 0.3s;}
#main_news_room section ul li a div.info{padding:20px 3px 0;}
#main_news_room section ul li a div.info strong{display:block; min-height:30px; max-height:60px; line-height:30px; font-size:22px; font-weight:500; color:#fff; overflow:hidden; word-break:keep-all;}
#main_news_room section ul li a div.info span{display:block;}
#main_news_room section ul li a div.info span.text{display:none;}
#main_news_room section ul li a div.info span.date{padding-top:5px; font-size:15px; font-weight:200; color:#e0e0e0;}
#main_news_room section ul li:nth-child(4), #main_news_room section ul li:nth-child(5){margin-top:65px;}
#main_news_room section ul li:first-child{width:660px; margin-left:0;}
#main_news_room section ul li:first-child a div.info{padding-top:35px;}
#main_news_room section ul li:first-child a div.info strong{min-height:50px; max-height:100px; font-size:40px; font-weight:700; line-height:50px; overflow:hidden; word-break:keep-all;}
#main_news_room section ul li:first-child a div.info span.text{display:block; padding:20px 0px 35px; font-size:18px; font-weight:300; color:#e0e0e0;}
#main_news_room section ul li:first-child a div.info span.date{padding-top:0;}
#main_news_room section ul li a:hover div.bg span, #main_news_room section ul li > a:focus div.bg span{transform:scale(1.2);}

a.more{width:40px; height:40px; position:absolute; top:90px; right:0; transition:0.5s all;}
a.more:before, a.more:after{content:""; width:40px; height:1px; position:absolute; top:50%; left:50%; background-color:#fff; transform:translate(-50%, -50%) rotate(0deg);}
a.more:after{transform:translate(-50%, -50%) rotate(90deg);}
a.more:hover, a.more:focus{transform:rotate(180deg);}

/* media */
#main_media{background-color:#f5f8fb;}
#main_media section{position:relative; width:100%; max-width:1400px; margin:0 auto; padding:100px 0;}
#main_media h2{font-size:35px; margin-bottom:60px; line-height:100%;}
#main_media h2 span{font-family:'MerriWeather'; font-size:150%; color:#04ade1; font-weight:900;}
#main_media section ul{overflow: hidden;display: grid;grid-template-columns: repeat(4, minmax(310px, 1fr));gap: 20px;}
#main_media section ul li.empty{width:100%; font-size:18px; text-align:center;}
#main_media section ul li:first-child{margin-left:0;}
#main_media section ul li {display:block;}
#main_media section ul li div.bg{height:0; padding-bottom:62.5%; overflow:hidden; position:relative;}
#main_media section ul li div.bg a span{width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:all 0.3s;}
#main_media section ul li div.bg div.category{width:115px; height:40px; line-height:40px; font-size:15px; color:#fff; text-align:center; position:absolute; top:0; left:0; background-color:#ccc;}
#main_media section ul li div.bg div.category.daum{background-color:#ff5656;}
#main_media section ul li div.bg div.category.naver{background-color:#43a520;}
#main_media section ul li div.bg div.category.youtube{background-color:#cb191e;}
#main_media section ul li div.bg div.category.facebook{background-color:#174ea1;}
#main_media section ul li div.bg div.category.instagram{background-color:#dc398a;}
#main_media section ul li div.info{padding-top:20px;}
#main_media section ul li div.info a strong{min-height:30px; max-height:60px; line-height:30px; font-size:23px; font-weight:500; color:#333; overflow:hidden; word-break:keep-all;}
#main_media section ul li div.bg a:hover span, #main_media section ul li div.bg a:focus span{transform:scale(1.2);}
#main_media a.more:before, #main_media a.more:after{background-color:#b7b7b7;}
#main_media section ul li div.title {margin-top: 15px;}
#main_media section ul li div.title strong {color: #333;font-size: 22px;line-height: 1.5;}

/* 공지사항 */
#main_notice section{width:100%; max-width:1400px; margin:0 auto; padding:100px 0;}
#main_notice h2{font-size:35px; margin-bottom:60px; line-height:100%;}
#main_notice h2 span{font-family:'MerriWeather'; font-size:150%; color:#0255a9; font-weight:900;}
#main_notice section > .notice ul.tab{display:block; margin-bottom:50px; overflow:hidden; }
#main_notice section > .notice ul.tab li{/*width:calc((100% - 120px) / 2);*/ position:relative;}
#main_notice section > .notice ul.tab li button{display:block; width:calc(100% - 10px); height:70px; line-height:70px; position:relative; font-size:24px; font-weight:500; color:#323232; text-align:left; border:none; background-color:transparent; cursor:pointer;}
#main_notice section > .notice ul.tab li button:before{content:""; width:100%; height:1px; position:absolute; bottom:0; left:0; background-color:#e1e1e1; transition:all 0.3s;}
#main_notice section > .notice ul.tab li.active button:before{height:3px; background-color:#333;}
#main_notice section > .notice ul.tab li button:hover:before, #main_notice section > .notice ul.tab li button:focus:before, #main_notice section > ul.tab li.active button:before{height:3px; background-color:#333;}
#main_notice section > .notice ul.tab li a{width:40px; height:40px; position:absolute; top:10px; right:10px; text-indent:-9999px;}
#main_notice section > .notice ul.tab li a:before, 
#main_notice section > .notice ul.tab li a:after{content:""; position:absolute; top:50%; left:50%; background-color:#b2b2b2; transform:translate(-50%, -50%);}
#main_notice section > .notice ul.tab li a:before{width:37px; height:1px;}
#main_notice section > .notice ul.tab li a:after{width:1px; height:37px;}
#main_notice section > .notice div.tab_contents{display:none;}
#main_notice section > .notice div.tab_contents.active{display:block;}
#main_notice section > .notice div ul{overflow: hidden; display: grid; grid-template-columns: repeat(3, minmax(310px, 1fr)); gap: 30px;}
#main_notice section > .notice div.notice ul li a{display:block; height:310px; padding:40px; position:relative; background-color:#f9f9f9; border:1px solid #e6e6e6; transition:all 0.3s;}
#main_notice section > .notice div.notice ul li a:after{content:""; width:27px; height:24px; position:absolute; bottom:-1px; right:-1px; background:url(/_res/ace2/img/bg_main_recent_board_edge.png) no-repeat 100% 100%;}
#main_notice section > .notice div.notice ul li a span{display:block; font-size:16px; font-weight:700; color:#0255a9; text-transform:uppercase; letter-spacing:0;}
#main_notice section > .notice div.notice ul li a span strong{padding-right:5px; font-size:36px; font-weight:700; letter-spacing:-2px;}
#main_notice section > .notice div.notice ul li a h6{max-height:60px; min-height:30px; line-height:30px; margin:15px 0; font-size:24px; font-weight:500; color:#333; overflow:hidden; word-break:keep-all;}
#main_notice section > .notice div.notice ul li.latest h6:after{content:"N"; display:inline-block; width:23px; height:23px; line-height:23px; margin-left:5px; font-size:12px; font-weight:700; color:#fff; text-align:center; vertical-align:3px; border-radius:50%; background-color:#88c12f;}
#main_notice section > .notice div.notice ul li a p{height:78px; line-height:26px; font-size:16px; color:#5e5e5e; overflow:hidden;}
#main_notice section > .notice div.notice ul li a:hover, #main_notice section > div.notice ul li a:focus{background-color:#ebebeb; border:1px solid #dadada;}

#sub_contents{width:100%; max-width:1400px; margin:0 auto; padding:75px 100px; box-sizing:border-box;display: flex;   flex-direction: column; gap: 100px;}
#sub_contents div.section:first-child{padding-top:0;}
#sub_contents div.section p{font-size:17px; color:#333; line-height:170%; word-break:keep-all;}
#sub_contents h4.title{margin-bottom:10px; font-size:23px; font-weight:500;}
#sub_contents h4.title:before{display:inline-block; content:""; width:3px; height:16px; margin-right:18px; background-color:#0cafcc;}
#sub_contents .sub_title{font-size:26px; font-weight:700; color:#24549C;}
#sub_contents div.section h4{position:relative; display:inline-block; margin-bottom:25px; font-size:30px; font-weight:700;}
#sub_contents div.section h4:before{content:""; position:absolute; top:-10px; left:0; width:34px; height:4px; background-color:#24549C;}
#sub_contents div.section .sub_title{display:block; margin-bottom:30px;font-size:26px; font-weight:700; color:#24549C;}
#sub_contents ul.list li{position:relative; padding:25px 15px 25px 35px; font-size:18px; font-weight:300; border-bottom:1px solid #d7d7d7; letter-spacing:0;}
#sub_contents ul.list li:before{content:""; width:6px; height:6px; position:absolute; top:36px; left:10px; border-radius:50%; background-color:#24549C;}
#sub_contents .section p.reference{position:relative; padding-left:23px; font-size:16px; letter-spacing:-0.5px;}
#sub_contents .section p.reference:before{content:"※"; position:absolute; top:0; left:0;}
#sub_contents .section .green{color:#24549C;}
#sub_contents .section{position:relative; padding-top:80px !important;}
#sub_contents .section:first-child {padding-top:0 !important;}
#sub_contents .section table tbody tr td ul > li:before{content:"-"; position:absolute; top:0; left:8px;}



/* 아산시 기업 맞춤형 계약학과 */

#sub_010101 .section a:hover, #sub_010101 .section a:focus{text-decoration:underline; color:#24549C;}
#sub_010101 .section1 ul{width:100%; overflow:hidden;}
#sub_010101 .section1 ul li{padding:30px 15px 15px 15px; width:240px; background-color:#24549C; float:left;}
#sub_010101 .section1 ul li + li{position:relative; margin-left:80px;}
#sub_010101 .section1 ul li + li:before{content:""; position:absolute; top:50%; left:-58px; width:41px; height:55px; transform:translateY(-50%); background:url(/_res/ace2/img/icon_arrow.png) no-repeat;}
#sub_010101 .section1 ul li strong{display:block; font-size:22px; font-weight:500; text-align:center; color:#fff;}
#sub_010101 .section1 ul li div.content{margin-top:25px; width:100%; height:85px; text-align:center; background-color:#fff; font-size:18px; font-weight:500; color:#393939; line-height:85px; letter-spacing:0;}

#sub_010101 .section2 p.reference{margin-top:60px;}
#sub_010101 .section3 div.box{position:relative; padding:45px; margin-bottom:10px; width:100%; border:1px solid #e1e1e1; overflow:hidden;}
#sub_010101 .section3 div.box:last-child{ margin-bottom:0;}
#sub_010101 .section3 div.box:before{content:""; position:absolute; top:50%; left:7%; width:60px; height:68px; background-color:#e1e1e1; transform:translateY(-50%); background:url(/_res/ace2/img/icon_eligibility.png) no-repeat;}
#sub_010101 .section3 div.box:nth-of-type(2):before{background-position:-60px 0;}
#sub_010101 .section3 div.box ul{position:relative; width:77%; float:right;}
#sub_010101 .section3 div.box ul:before{content:""; position:absolute; top:50%; left:-80px; width:1px; height:100%; background-color:#e1e1e1; transform:translateY(-50%);}
#sub_010101 .section3 div.box ul li{position:relative; padding-left:12px; font-size:18px; font-weight:300; line-height:2; letter-spacing:0;}
#sub_010101 .section3 div.box ul li:before{content:""; position:absolute; top:15px; left:-10px; width:6px; height:6px; border-radius:50%; background-color:#24549C;}
#sub_contents #sub_010101 .section6 h4{margin-bottom:0;}
#sub_010101 .section5 ul li br{display:none;}
#sub_010101 .section5 ul li:nth-child(3) br{display:block;}
#sub_010101 .section6 > h4 + p{margin-bottom:32px;}
#sub_010101 .section6 colgroup col.type{width:12%;}
#sub_010101 .section6 colgroup col.amount{width:10%;}
#sub_010101 .section6 colgroup col.note{width:20%;}
#sub_010101 .section6 table tbody tr td{height:75px;}
#sub_010101 .section6 table tbody tr td.al_left{padding:15px 70px;}
#sub_010101 .section7 div.box{padding:55px; width:50%; min-height:250px; background-color:#f7f7f7;}
#sub_010101 .section7 div.box strong{display:inline-block; margin-bottom:25px; font-size:22px; font-weight:700; color:#24549C;}
#sub_010101 .section7 div.box dl{overflow:hidden;}
#sub_010101 .section7 div.box dl dt{width:95px; font-size:18px; font-weight:500; float:left;}
#sub_010101 .section7 div.box dl dd{width:calc(100% - 95px); font-size:18px; font-weight:350; float:left;}
#sub_010101 .section8 div.etc{margin:25px 0; padding:20px; width:100%; background-color:#f7f7f7; font-size:16px; text-align:center;}

/* 일반계약학과 */
#sub_010100 div.img{position:relative; width:100%; height:455px;}
#sub_010100 div.img > div{width:1175px; height:100%; background:url(/_res/ace2/img/sub_visual_010100.jpg) no-repeat; float:right;}
#sub_010100 div.img div.text{position:absolute; top:50%; left:0; padding:75px 55px; width:560px; height:90%; transform:translateY(-50%); background:url(/_res/ace2/img/img_gradient.png) no-repeat; background-size:cover;}
#sub_010100 div.img div.text strong{display:block; font-size:33px; font-weight:700; color:#fff;}
#sub_010100 div.img div.text span{font-size:17px; font-weight:350; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#sub_010100 div.img div.text p{position:relative; padding-top:40px; font-size:18px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_010100 div.img div.text p:before{content:""; position:absolute; top:20px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
#sub_contents #sub_010100 .section{padding-top:115px;}
#sub_010100 .section a:hover, #sub_010100 .section a:focus{text-decoration:underline; color:#24549C;}
#sub_010100 .section1 ul{width:100%; overflow:hidden;}
#sub_010100 .section1 ul li{padding:30px 15px 15px 15px; width:240px; background-color:#24549C; float:left;}
#sub_010100 .section1 ul li + li{position:relative; margin-left:80px;}
#sub_010100 .section1 ul li + li:before{content:""; position:absolute; top:50%; left:-58px; width:41px; height:55px; transform:translateY(-50%); background:url(/_res/ace2/img/icon_arrow.png) no-repeat;}
#sub_010100 .section1 ul li strong{display:block; font-size:22px; font-weight:500; text-align:center; color:#fff;}
#sub_010100 .section1 ul li div.content{margin-top:25px; width:100%; height:85px; text-align:center; background-color:#fff; font-size:18px; font-weight:500; color:#393939; line-height:85px; letter-spacing:0;}
#sub_010100 .section2 ul{width:100%; height:300px; overflow:hidden;}
#sub_010100 .section2 ul li{position:relative; width:179px; height:179px; background-color:#e1f3f7; float:left;}
#sub_010100 .section2 ul li:before{content:""; position:absolute; top:0; left:0; width:179px; height:179px; background:url(/_res/ace2/img/icon_industry.png) no-repeat; background-position:0 0;}
#sub_010100 .section2 ul li:nth-child(2):before{background-position:-179px 0;}
#sub_010100 .section2 ul li:nth-child(3):before{background-position:-537px 0;}
#sub_010100 .section2 ul li:nth-child(4):before{background-position:-716px 0;}
#sub_010100 .section2 ul li + li{margin-left:calc((100% - 716px)/3);}
#sub_010100 .section2 ul li > div{margin-top:205px; text-align:center; font-size:18px; font-weight:500; line-height:1.5; letter-spacing:0;}
#sub_010100 .section2 ul li > div span{font-size:16px; letter-spacing:-1.5px;}
#sub_010100 .section2 p.reference{margin-top:60px;}
#sub_010100 .section3 div.box{position:relative; padding:45px; margin-bottom:10px; width:100%; border:1px solid #e1e1e1; overflow:hidden;}
#sub_010100 .section3 div.box:last-child{ margin-bottom:0;}
#sub_010100 .section3 div.box:before{content:""; position:absolute; top:50%; left:7%; width:60px; height:68px; background-color:#e1e1e1; transform:translateY(-50%); background:url(/_res/ace2/img/icon_eligibility.png) no-repeat;}
#sub_010100 .section3 div.box:nth-of-type(2):before{background-position:-60px 0;}
#sub_010100 .section3 div.box ul{position:relative; width:77%; float:right;}
#sub_010100 .section3 div.box ul:before{content:""; position:absolute; top:50%; left:-80px; width:1px; height:100%; background-color:#e1e1e1; transform:translateY(-50%);}
#sub_010100 .section3 div.box ul li{position:relative; padding-left:12px; font-size:18px; font-weight:300; line-height:2; letter-spacing:0;}
#sub_010100 .section3 div.box ul li:before{content:""; position:absolute; top:15px; left:-10px; width:6px; height:6px; border-radius:50%; background-color:#24549C;}
#sub_contents #sub_010100 .section6 h4{margin-bottom:0;}
#sub_010100 .section5 ul li br{display:none;}
#sub_010100 .section5 ul li:nth-child(3) br{display:block;}
#sub_010100 .section6 > h4 + p{margin-bottom:32px;}
#sub_010100 .section6 colgroup col.type{width:12%;}
#sub_010100 .section6 colgroup col.amount{width:10%;}
#sub_010100 .section6 colgroup col.note{width:20%;}
#sub_010100 .section6 table tbody tr td{height:75px;}
#sub_010100 .section6 table tbody tr td.al_left{padding:15px 70px;}
#sub_010100 .section6 div.note{margin-top:30px;}
#sub_010100 .section7 div.box{padding:55px; width:50%; min-height:250px; background-color:#f7f7f7;}
#sub_010100 .section7 div.box strong{display:inline-block; margin-bottom:25px; font-size:22px; font-weight:700; color:#24549C;}
#sub_010100 .section7 div.box dl{overflow:hidden;}
#sub_010100 .section7 div.box dl dt{width:95px; font-size:18px; font-weight:500; float:left;}
#sub_010100 .section7 div.box dl dd{width:calc(100% - 95px); font-size:18px; font-weight:350; float:left;}
#sub_010100 .section8 div.etc{margin:25px 0; padding:20px; width:100%; background-color:#f7f7f7; font-size:16px; text-align:center;}

/* 지원제도 */
#sub_010200 .section div.box{padding:55px 40px; font-size:18px; background-color:#f7f7f7;}
#sub_010200 .section div > div{margin-top:10px;}
#sub_010200 .section > div + div{margin-top:115px;}
#sub_010200 .section div p.reference + p.reference{margin-top:23px;}
#sub_010200 .section div p.reference{line-height:1.35;}
#sub_010200 .section ul.normal li{position:relative; padding-left:27px; font-size:18px; font-weight:300; line-height:1.5; letter-spacing:0;}
#sub_010200 .section ul.normal li:before{content:""; position:absolute; top:10px; left:5px; width:6px; height:6px; border-radius:50%; background-color:#24549C;}
#sub_010200 .section ul.step{width:100%; overflow:hidden;}
#sub_010200 .section ul.step li{padding:30px 15px 15px 15px; width:325px; background-color:#0c816a; float:left;}
#sub_010200 .section ul.step li + li{position:relative; margin-left:80px;}
#sub_010200 .section ul.step li + li:nth-child(3n+1){margin-left:0;}
#sub_010200 .section ul.step li + li:nth-child(n+4){margin-top:110px; margin-left:0; float:right;}
#sub_010200 .section ul.step li + li:nth-child(4){margin-right:65px;}
#sub_010200 .section ul.step li + li:nth-child(n+5){margin-right:80px;}
#sub_010200 .section ul.step li + li:before{content:""; position:absolute; top:50%; left:-58px; width:41px; height:55px; transform:translateY(-50%); background:url(/_res/ace2/img/icon_arrow.png) no-repeat;}
#sub_010200 .section ul.step li + li:nth-child(n+4):before{transform:translateY(-50%) rotate(180deg);}
#sub_010200 .section ul.step li:nth-child(1) div.content, 
#sub_010200 .section ul.step li:nth-child(4) div.content,
#sub_010200 .section ul.step li:nth-child(6) div.content{padding:50px 10px;}
#sub_010200 .section ul.step li:nth-child(3):after{content:""; position:absolute; bottom:-85px; left:50%; width:41px; height:55px; transform:translateX(-50%) rotate(90deg); background:url(/_res/ace2/img/icon_arrow.png) no-repeat;}
#sub_010200 .section ul.step li strong{display:block; font-size:22px; font-weight:500; text-align:center; color:#fff;}
#sub_010200 .section ul.step li div.content{margin-top:25px; padding:36px 10px; width:100%; height:120px; text-align:center; background-color:#fff; font-size:18px; color:#393939;  line-height:1.35; letter-spacing:0;}
#sub_010200 .section ul.step2{margin-top:30px;}
#sub_010200 .section ul.step2 li{min-height:225px; background-color:#24549C;}
#sub_010200 .section ul.step2 li div.content{padding:36px 10px; height:120px; line-height:1.35;}
#sub_010200 .section ul.step2 li:nth-child(6) div.content{padding:25px 10px;}
#sub_010200 .section > div:nth-child(7){overflow:hidden;}
#sub_010200 .section > div:nth-child(7) strong.sub_title{margin-bottom:0;}
#sub_010200 .section > div:nth-child(7) div.box{padding:55px; width:48%; float:left;}
#sub_010200 .section > div:nth-child(7) div.box:last-child{margin-left:40px;}
#sub_010200 .section > div:nth-child(7) div.box strong{display:inline-block; margin-bottom:30px; font-size:22px;}
#sub_010200 .section .box_wrap{    grid-template-columns: 1fr;}

/*캠퍼스맵 */
ul.ui_tab_handle.web {display:block; overflow: hidden;height: inherit !important;border-top: 1px solid #c7c7c7;border-left: 1px solid #c7c7c7;}
ul.ui_tab_handle.web li {float: left;}
/*ul.ui_tab_handle.web li a{display:block; height:65px; line-height:65px; font-size:18px; text-align:center; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; background-color:#f5f5f5;}*/
ul.ui_tab_handle.web li button {display: flex; width:100%;height: 75px;line-height: 1.5;font-size: 18px;text-align: center;border-right: 1px solid #c7c7c7;border-bottom: 1px solid #c7c7c7;background-color: #f5f5f5;align-items: center;justify-content: center;}
ul.ui_tab_handle.web li button:hover, ul.ui_tab_handle.web li button:focus {background-color: #e2e2e2;}
/*ul.ui_tab_handle.web li.active a{line-height:63px; border-top:4px solid #333 !important; background-color:#fff;}*/
ul.ui_tab_handle.web li.active button {border-top: 4px solid #333 !important;background-color: #fff;}
ul.ui_tab_handle.web li.active button span {font-weight: 700;padding-bottom: 1px;border-bottom: 1px solid #333;}
ul.ui_tab_handle.web li:nth-child(n+6) button {border-top: none;}
div.ui_tab_contents {padding-top: 65px;}
/* 서브 콘텐츠 UI 요소 20240801*/
/*ul.ui_tab_handle.web li b{display:block; height:65px; line-height:0px; font-size:18px; text-align:center; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; background-color:#f5f5f5;}
ul.ui_tab_handle.web li b:hover, ul.ui_tab_handle.web li b:focus{background-color:#e2e2e2;}
ul.ui_tab_handle.web li.active b{line-height:63px; border-top:4px solid #333 !important; background-color:#fff;}
ul.ui_tab_handle.web li.active b span{font-weight:700; padding-bottom:1px; border-bottom:1px solid #333;}
ul.ui_tab_handle.web li:nth-child(n+6) a{border-top:none;}
div.ui_tab_contents{padding-top:65px;}
*/
.ui_tab_handle.web li a {height: 55px;line-height: 1.5;font-size: 16px;}
/*ul.ui_tab_handle.web li.active a{line-height:53px;}*/
.ui_tab_handle.web li.active a {line-height: 20px;}
.ui_tab_contents {padding-top: 35px;}
div.campus_map ul.ui_tab_handle li {width: 50%;}
div.campus_map div.map {margin-bottom: 60px; position: relative;}
div.campus_map div.map img {width: 100%;}
div.campus_map div.map #marker {width: 43px;height: 80px;text-align: center;padding-top: 14px;position: absolute;background: url(/_res/sch/img/bg_intro_08.png) no-repeat 50% 50%;}
div.campus_map div.map #marker span {font-size: 16px;color: #294a9b;}
div.campus_map div.map #marker.site_01 {top: 51.2%;left: 86.4%;}
div.campus_map div.map #marker.site_02 {top: 42%;left: 60.3%;}
div.campus_map div.map #marker.site_03 {top: 45.5%;left: 71.5%;}
div.campus_map div.map #marker.site_04 {top: 43%;left: 43.8%;}
div.campus_map div.map #marker.site_05 {top: 43.8%;left: 36%;}
div.campus_map div.map #marker.site_06 {top: 34%;left: 50.5%;}
div.campus_map div.map #marker.site_07 {top: 35%;left: 34.5%;}
div.campus_map div.map #marker.site_08 {top: 45%;left: 28.5%;}
div.campus_map div.map #marker.site_09 {top: 45%;left: 17.5%;}
div.campus_map div.map #marker.site_10 {top: 41%;left: 19%;}
div.campus_map div.map #marker.site_11 {top: 32.5%;left: 24.5%;}
div.campus_map div.map #marker.site_12 {top: 24%;left: 28%;}
div.campus_map div.map #marker.site_13 {top: 26%;left: 35%;}
div.campus_map div.map #marker.site_14 {top: 12.5%;left: 41.5%;}
div.campus_map div.map #marker.site_15 {top: 11.5%;left: 55%;}
div.campus_map div.map #marker.site_16 {top: 20.5%;left: 49%;}
div.campus_map div.map #marker.site_17 {top: 52%;left: 14.7%;}
div.campus_map div.map #marker.site_18 {top: 61.5%;left: 16.5%;}
div.campus_map div.map #marker.site_19 {top: 68.5%;left: 7%;}
div.campus_map div.map #marker.site_20 {top: 73.3%;left: 30.5%;}
div.campus_map div.map #marker.site_21 {top: 61%;left: 31.5%;}
div.campus_map div.map #marker.site_22 {top: 55.5%;left: 22%;}
div.campus_map div.map #marker.site_23 {top: 52.5%;left: 26.8%;}
div.campus_map div.map #marker.site_24 {top: 55%;left: 32%;}
div.campus_map div.map #marker.site_25 {top: 52.8%;left: 36%;}
div.campus_map div.map #marker.site_26 {top: 54.5%;left: 44.5%;}
div.campus_map div.map #marker.site_27 {top: 53.8%;left: 59%;}
div.campus_map div.map #marker.site_28 {top: 65.8%;left: 50.8%;}
div.campus_map div.map #marker.site_29 {top: 70.5%;left: 40.5%;}
div.campus_map div.map #marker.site_30 {top: 74.5%;left: 43%;}
div.campus_map div.map #marker.site_31 {top: 40%;left: 19%;}

/*div.campus_map div.map #marker.site_32{top:31%; left:24.5%;}
div.campus_map div.map #marker.site_33{top:23%; left:28%;}
div.campus_map div.map #marker.site_34{top:25%; left:35%;}
div.campus_map div.map #marker.site_35{top:33.5%; left:34.5%;}
div.campus_map div.map #marker.site_36{top:33%; left:50.5%;}
div.campus_map div.map #marker.site_37{top:19.5%; left:49%;}
div.campus_map div.map #marker.site_38{top:12%; left:41.5%;}
div.campus_map div.map #marker.site_39{top:10.5%; left:55%;}
div.campus_map div.map #marker.site_40{top:7%; left:18%;}
div.campus_map div.map #marker.site_41{top:72%; left:31%;}*/
div.campus_map ol {overflow: hidden;}
div.campus_map ol li {width: 25%;float: left;margin-bottom: 15px;}
div.campus_map ol li a span {display: inline-block;height: 32px;line-height: 32px;}
div.campus_map ol li a span.num {width: 32px;font-size: 16px;border-radius: 32px;color: #fff;text-align: center;background-color: #555;}
div.campus_map ol li a span.text {font-size: 16px;color: #555;padding-left: 10px;}
div.campus_map ol li.active a span.num {background-color: #294a9b;}
div.campus_map ol li.active a span.text {color: #294a9b;text-decoration: underline;}
#sub_contents div.section.maps_wrap {padding-top: 0;}
#sub_contents div.section.maps_wrap .map_area {margin-bottom: 30px;}
#sub_contents div.section.maps_wrap ul li {font-size: 16px;line-height: 20px;}
#sub_contents div.section.maps_wrap div.root_daum_roughmap {width: 100%;}
#sub_contents div.section.maps_wrap div.root_daum_roughmap .wrap_map {height: 500px;}
  
#sub_contents .section1 dl dt{ font-size:35px; font-weight:700; color:#24549C; border-top:2px solid #24549C; width:100%; padding: 10px 0px; width: 100%; font-size: 20px; border-top: none;}
#sub_contents .section1 dl dd{width: 100%; font-size: 16px;  border-top: none; font-weight:300; letter-spacing:-0.5px; line-height:1.5; border-top:1px solid #d7d7d7; float:left; word-break:keep-all; width:100%; padding:20px 0;}
#sub_contents .section1 div.img div.text { position: absolute; background: url(/_res/ace2/img/img_gradient.png) no-repeat; background-size: cover; top: -5%;  left: 50%;  padding: 30px 22px; width: 90%;  height: 75%;  transform: translateX(-50%);}



/* 스마트제조관리공학과 */
#sub_contents .section .anchor{position:absolute; top:-160px; left:0;}
#sub_020801 .section table colgroup col.title{width:25%;}
#sub_020801 .section > div + div{margin-top:60px;}
#sub_020801 .section table thead tr th{padding:12px; height:50px;}
#sub_020801 .section table tbody tr td{padding: 7px;}
#sub_020801 .section table tbody tr td ul > li{position:relative; padding-left:18px;}
#sub_020801 .section1 div.img{position:relative; width:100%; height: 405px;  margin-top: 30px;}
#sub_020801 .section1 div.img > div{width:100%; height:100%; background-image:url(/_res/ace2/img/sub_visual_020801.png); background-position:80% 0; background-size:cover; background-repeat:no-repeat; float:right;}
#sub_020801 .section1 div.img div.text{position:absolute; background: url(/_res/ace2/img/img_gradient.png) no-repeat; background-size: cover;;top: -5%;;left: 50%;;padding: 30px 22px;;width: 90%;;height: 75%;;transform: translateX(-50%);}
#sub_020801 .section1 div.img div.text strong{display:block; font-size:20px; font-weight:700; color:#fff;}
#sub_020801 .section1 div.img div.text span{font-size:12px; font-weight:350; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#sub_020801 .section1 div.img div.text p{position:relative; padding-top:20px; font-size:15px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_020801 .section1 div.img div.text p:before{content:""; position:absolute; top:10px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
#sub_020801 .section4 #main_pro_profile section ul li a div.img > span{background-position: -135px 0;}
#sub_020801 #main_pro_profile section ul li:nth-child(2) a div.img > span{background-position: -270px 0;}
#sub_020801 #main_pro_profile section ul li:nth-child(3) a div.img > span{background-position: 0px 0;}
#sub_contents #sub_020801 #main_pro_profile section ul li a dl dd:nth-of-type(1):before, 
#sub_contents #sub_020801 #main_pro_profile section ul li a dl dd:nth-of-type(2):before{background:none;}

/*스마트융합공학과*/
#sub_contents .section .anchor{position:absolute; top:-160px; left:0;}
#sub_020901 .section table colgroup col.title{width:25%;}
#sub_020901 .section > div + div{margin-top:60px;}
#sub_020901 .section table thead tr th{padding:12px; height:50px;}
#sub_020901 .section table tbody tr td{padding: 7px 0;}
#sub_020901 .section table tbody tr td ul > li{position:relative; padding-left:18px;}
#sub_020901 .section1 div.img{position:relative; width:100%; height:405px; margin-top:30px;}
#sub_020901 .section1 div.img > div{width:100%; height:100%; background-image:url(/_res/ace2/img/sub_visual_020901.png); background-position:60% 0; background-size:cover; background-repeat:no-repeat; float:right;}
#sub_020901 .section1 div.img div.text{position:absolute; background: url(/_res/ace2/img/img_gradient.png) no-repeat; background-size: cover;;top: -5%;;left: 50%;;padding: 30px 22px;;width: 90%;;height: 75%;;transform: translateX(-50%);}
#sub_020901 .section1 div.img div.text strong{display:block; font-size:20px; font-weight:700; color:#fff;}
#sub_020901 .section1 div.img div.text span{font-size:12px; font-weight:350; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#sub_020901 .section1 div.img div.text p{position:relative; padding-top:20px; font-size:15px; color:#fff; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_020901 .section1 div.img div.text p:before{content:""; position:absolute; top:10px; left:0; width:100%; height:1px; background-color:rgba(255,255,255,.3);}
#sub_020901 .section1 dl{margin-top:75px; overflow:hidden;}
#sub_020901 #main_pro_profile section ul li a div.img > span{background-position: -270px 0;}
#sub_020901 #main_pro_profile section ul li:nth-child(3) a div.img > span{    background-position: -135px 0;}
#sub_contents #sub_020901 #main_pro_profile section ul li a dl dd:nth-of-type(1):before, 
#sub_contents #sub_020901 #main_pro_profile section ul li a dl dd:nth-of-type(2):before{background:none;}

body{overflow-x:hidden;}
.web{display:none;}
.mobile{display:block;}
.mobile_img{display:inline;}
  
header{overflow:hidden;}
header section{height:auto; padding:0;}

/* Header Active Design */
header.fixed #logo h1 a, header.fixed.sub #logo h1 a{background:url(/_res/ace2/img/logo_ace2.png) no-repeat 0 -32px/190px 65px;}
header.fixed #gnb > a{color:#fff;}
header.fixed #gnb nav > div > a{color:#fff;}
header.fixed #gnb nav > ul > li > a{color:#fff;}
header.fixed:before{display:none;}
  

.utill_wrap.mobile {display: block;text-align: center;}
.utill_wrap div {margin-bottom: 15px;}
header.fixed .utill_wrap a {color: #ffffff;margin-right: 20px;}
.utill_wrap .utill_right {display: block;}


#logo{height:70px; position:relative;}
#logo h1{left:15px; margin-top:-11.5px;}
#logo h1 a{width:190px; height:32px; background:url(/_res/ace2/img/logo_260715.png) no-repeat 0 -32px/190px 65px;}
#gnb_control{display:block;}
#gnb{width: 75vw;height: 100vh;padding: 0; position: absolute;top: 70px;right: -100%;background-color: #294a9b;transition: all 0.3s;width: 75vw;height: calc(100vh - 70px);}
#gnb.active{max-height:inherit; right:0;}
#gnb > a{top:80px; left:30px;}
#gnb nav{width:100%; float:none;}
#gnb nav > div{padding:15px 0; position:static; text-align:center;}
#gnb nav > div a{font-weight:400; color:#fff;}
#gnb nav > div a:before{background-color:#ddd;}
#gnb nav > div p{display:none;}
#gnb nav > ul{padding:0; float:none;}
#gnb nav > ul > li{float:none;}
#gnb nav > ul > li > a{height:55px; line-height:55px; padding:0 20px; font-size:15px; font-weight:400; color:#fff; background-color:#294a9b;}
#gnb nav > ul > li > a:after{width:13px; height:9px; background:url(/_res/sch/img/bg_gnb_mobile_arrow.png) no-repeat 50% 50%/13px auto; position:absolute; top:27px; right:20px; margin-top:-4.5px; content:""; transform:rotate(-90deg); transition:all 0.5s;}
#gnb nav > ul > li > ul{visibility:hidden; width:100%; max-height:0; padding:0; margin:0; overflow:hidden; position:static; background-color:#fff; transition:all 0.2s; transform:translateX(0);}
#gnb nav > ul > li > ul li{margin-top:0;}
#gnb nav > ul > li > ul li a{display:block; padding:0 20px 0 30px; height:45px; line-height:45px; font-size:13px; color:#294a9b; position:relative; background-color:#fff;}
#gnb nav > ul > li > ul li a:before{display:none;}
#gnb nav > ul > li > ul li a.active{font-weight:700; border-left:2px solid #4067c6; background-color:#f7f7f7;}
#gnb nav > ul > li > a.active:after{transform:rotate(0deg);}
#gnb nav > ul > li > a.active + ul{visibility:visible; max-height:500px; padding:0; transition:all 1s;}
#wrap.active header{padding:0; overflow:visible; position:fixed; border-bottom:none;}
#wrap.active header section{height:auto;}
#wrap.active header #logo{height:71px; border-bottom:1px solid #d7d7d7; background-color:#fff; z-index:999;}
#wrap.active header #gnb nav > ul{margin:0;}

#qnb{max-width:100%;}
#qnb > ul{height:inherit; border-left:none; border-right:none;}
#qnb > ul > li{width:100%; float:none; border-bottom:1px solid #444; background-position:95% 50%; background-size:7px auto;}
#qnb > ul > li > a{height:40px; line-height:40px; padding:0 20px; font-size:14px; color:#d0d0d0;}
#qnb > ul > li > ul{position:static; border:none; -webkit-overflow-scrolling:touch;}
#qnb > ul > li > ul > li > a{height:30px; line-height:30px; font-size:13px;}

footer > div{padding:20px 15px;}
footer > div > a{font-size:14px;}
footer > div p{font-size:12px; line-height:1.8;}
footer div.address_wrap address{font-size:12px; margin-bottom:0;}
footer .sns{position:relative; margin-top:30px; left:0;}
footer .sns ul{padding-top:30px;}
footer .sns li{margin-left:18px;}
footer .sns li:first-child{margin-left:0;}
footer .sns li a{height:45px; line-height:45px;}
footer .sns li a img{width:45px; height:45px;}

/* 메인_비쥬얼 */
#main_contents{margin-top:66px;}
#main_visual > div{height:90vw;}
#visual_swiper div.swiper-slide{height:100%;}
#visual_swiper div.swiper-slide > div{max-width:100%; margin: 50% 0 0;}
#visual_swiper div.swiper-slide > div h2{padding:5px 20px 10px; font-size:27px; letter-spacing:0;}
#visual_swiper div.swiper-slide > div h2 span{font-size:28px;}
#visual_swiper div.swiper-slide > div p{padding-top:0; padding-left:20px; font-size:20px; font-weight:300;}
#visual_swiper div.swiper-slide > div p br{display:block;}
#visual_swiper div.control{bottom:7vh;}
#visual_swiper div.control div.pagination span + span{margin-left:7px;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet{width:18px; height:18px;}
#visual_swiper div.control button{margin-left:0;}
#visual_swiper div.control button:before{width:15px; height:15px; top:8px; background-size:30px 15px;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet:before{width:7px; height:7px;}

#shortcut{position:inherit; padding:0; width:100%; height:62px;}
#shortcut > a{padding:20px; font-size:15px;}
#shortcut span{position:relative; padding-left:30px;}
#shortcut span:before{top:calc(50% - 1px); left:0; width:23px; height:22px; transform:translateY(-50%); background-size:contain;}

/* Sub Layout */
#sub_visual{margin-top:71px; height:207px; background-size:cover; background:url(/_res/ace2/img/bg_sub_visual_01_m.jpg) no-repeat 95% 50%;}
#sub_visual div{padding:60px 20px;}
#sub_visual div h2{display:block; width:100%;font-size:28px; letter-spacing:0;}
#sub_visual div p{display:block; font-size:14px; margin-top:0; letter-spacing:0; float:none;}
#sub_visual div.breadcrum{padding-top:30px; float:left;}
#sub_visual div.breadcrum ul{gap:25px;}
#sub_visual div.breadcrum ul li, #sub_visual > div div.breadcrum ul li a{font-size:14px; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);}
#sub_visual div.breadcrum ul li:not(:first-child):before{width:8px; height:8px; left:-20px;}
#sub_visual div.breadcrum ul li:first-child a:before{width:16px; height:17px; background:url(/_res/sw/img/bg_breadcrum.png) no-repeat 50% 50%/16px 17px;}
#snb{padding:0 20px; position:relative; margin-top:-30px; z-index:2;}
#snb div{height:0;}
#snb div > ul{display:block; height:62px; padding-top:60px; position:absolute; top:0; left:0; background-color:#fff; transition:0.3s all;}
#snb div > ul > li{display:block; position:static;}
#snb div > ul > li:before{display:none;}
#snb div > ul > li > a{display:none; width:100%; height:60px; line-height:60px; padding:0 20px; position:relative; font-size:17px; letter-spacing:0; text-align:left;}
#snb div > ul > li > a.active{display:block; position:absolute; top:0; left:0;}
#snb div > ul > li > a.active:after{content:""; width:12px; height:7px; position:absolute; top:50%; right:20px; background:url(/_res/energy/img/bg_snb_arrow.png) no-repeat 50% 50%/12px 7px; transform:translateY(-50%);}
#snb div > ul > li ul{top:75px;}
#snb div > ul > li ul li{margin:0 4px;}
#snb div > ul > li ul li a{font-size:15px;}
#snb div > ul > li ul li a.active:before{bottom:-7px;}
  
#snb.active div > ul{height:auto;}
#snb.active div > ul > li > a{display:block;}
#snb.active div > ul > li ul{display:none;}
  
#sub_title{margin:62px auto 70px; max-width:100%;}
#sub_title h3{font-size:30px; line-height:30px; padding-top:65px;}
#sub_title h3 span{width:30px; height:10px; margin:0 auto 20px;}
#sub_title h3 span:before, #sub_title h3 span:after{width:10px; height:10px;}

#sub_contents{max-width:100%; padding:0 20px 50px;}
#sub_contents div.lang{width:140px; height:40px; margin:0 auto; position:static; border:1px solid #acacac;}
#sub_contents div.lang a, #sub_contents div.lang span{width:50%; font-size:14px; line-height:38px;}
#sub_contents #main_pro_profile section ul li a{width:100%; height:auto; padding:30px 20px 45px 30px;}
#sub_contents #main_pro_profile section ul li a div.img{width:130px; padding-bottom: 0; height: 160px;}
#sub_contents #main_pro_profile section ul li a div.text{width:calc(100% - 140px); padding:110px 0 0 15px;}
#sub_contents #main_pro_profile section ul li a div.text > strong{font-size:22px;}
#sub_contents #main_pro_profile section ul li a div.text > p{margin-top:5px; text-overflow:initial; -webkit-line-clamp:initial; -webkit-box-orient:initial; overflow:initial;}
#sub_contents #main_pro_profile section ul li a dl{width:100%; padding-left:0; margin-top:10px; font-size:16px;}
#sub_contents #main_pro_profile section ul li a dl dt{font-weight:700;}
#sub_contents #main_pro_profile section ul li a dl dd:nth-of-type(1), #sub_contents #main_pro_profile section ul li a dl dd:nth-of-type(2){padding-left:22px; line-height:26px;}
#sub_contents #main_pro_profile section ul li a dl dd:nth-of-type(1):before, #sub_contents #main_pro_profile section ul li a dl dd:nth-of-type(2):before{width:20px; height:20px; top:3px; left:2px;background-size:40px 20px;}
#sub_contents #main_pro_profile section ul li a dl dd:nth-of-type(2):before{background-position:-20px 0;}
#sub_contents #main_pro_profile section ul li a dl dt:nth-of-type(3){margin-top:15px;}
#sub_contents #main_pro_profile section ul li a dl dd:last-of-type{width:100%;}

/* 테이블 */
table.type_horizontal thead tr th{padding:10px 7px; font-size:14px;}
table.type_horizontal tbody tr th{padding:7px; font-size:14px;}
table.type_horizontal tbody tr td{padding:7px; font-size:13px; letter-spacing:-0.5px;         word-break: break-all;}
table.type_vertical tbody tr th{padding:10px 7px; font-size:14px;}
table.type_vertical tbody tr td{padding:7px; font-size:13px; letter-spacing:-0.5px;}

/* 탭 메뉴(페이징) */
ul.tabs{background-color:#eee;}
ul.tabs li a{height:45px; line-height:45px; font-size:15px;}
ul.tabs li.active a{line-height:43px; border-bottom:3px solid #1ab4bb;}

/* 목록형 */
ul.list_dash li{padding-left:12px; font-size:13px; background:url(/_res/cleanenergy/img/bullet_list_dash.png) no-repeat 0 8px; background-size:5px 1px;}
ul.list_dot li{padding-left:8px; font-size:13px; background:url(/_res/cleanenergy/img/bullet_list_dot.png) no-repeat 0 8px; background-size:2px 2px;}

/* department */
#main_department{padding:45px 20px;}
#main_department section{max-width:100%; padding:0;}
#main_department section h2{font-size:23px; margin-bottom:20px;}
#main_department .depart_wrap:before{display:none;}
#main_department .depart_wrap ul{display:block;}
#main_department .depart_wrap ul > li{width:100%; height:225px; margin-right:0; margin-top:15px;}
#main_department .depart_wrap ul > li:first-child{margin-top:0;}
#main_department .depart_wrap ul > li a{padding:45px;}
#main_department .depart_wrap ul > li a:before{background-position:100% 50%; background-size:cover; background-repeat:no-repeat;}
#main_department .depart_wrap ul > li a span.depart{padding-top:30px; font-size:25px;}
#main_department .depart_wrap ul > li a > p{font-size:12px; letter-spacing:0.5px;}
#main_department .depart_wrap ul > li a div{bottom:42px; width:120px; height:40px; line-height:40px; font-size:12px;}

/* news room */
#main_news_room{padding:45px 20px;}
#main_news_room section{padding:0;}
#main_contents #main_news_room h2{font-size:23px; margin-bottom:20px;}
#main_news_room section ul li{width:calc(50% - 10px); min-height:auto; margin:30px 0 0 0;}
#main_news_room section ul li a div.info{padding:10px 0 0;}
#main_news_room section ul li a div.info strong{min-height:22px; max-height:44px; line-height:22px; font-size:15px;}
#main_news_room section ul li a div.info span.date{display:none; padding-top:5px; font-size:13px;}
#main_news_room section ul li:nth-child(odd){float:right;}
#main_news_room section ul li:nth-child(4), #main_news_room section ul li:nth-child(5){margin-top:25px;}
#main_news_room section ul li:first-child{width:100%; margin-top:0; float:none;}
#main_news_room section ul li:first-child a div.info{padding-top:15px;}
#main_news_room section ul li:first-child a div.info strong{min-height:32px; max-height:64px; font-size:25px; line-height:32px;}
#main_news_room section ul li:first-child a div.info span.text{padding:10px 0px; font-size:15px;}
#main_news_room section ul li:first-child a div.info span.date{display:block;}
#main_news_room section ul li a:hover div.bg span, #main_div2 section ul li > a:focus div.bg span{transform:scale(1.2);}

a.more{width:24px; height:24px; top:0;}
a.more:before, a.more:after{width:24px;}
  
  /* media */
#main_media {padding: 45px 20px;}
#main_media section {padding: 0;}
#main_media section h2 {font-size: 23px;margin-bottom: 20px;}
#main_media section ul {min-height: auto;grid-template-columns: 1fr;gap: 30px;}
#main_media section ul li {width: 100%;float: none;margin-top: 10px;margin-left: 0;}
#main_media section ul li.empty {padding: 40px 0;font-size: 16px;}
#main_media section ul li a {min-height: auto;box-shadow: none;}
#main_media section ul li div.info {padding: 15px 0;}
#main_media section ul li div.info a strong {display: block;width: 100%;line-height: 100%;font-size: 17px;font-weight: 400;text-overflow: ellipsis;white-space: nowrap;}
  
  
/* 공지사항 */
#main_notice{padding:45px 20px;}
#main_notice section{width:100%; max-width:100%; padding:0;}
#main_notice section h2{font-size:23px; margin-bottom:20px;}
#main_notice section > .notice{margin-top:30px;}
#main_notice section > .notice ul.tab{margin-bottom:20px;}
/*#main_notice section > .notice ul.tab li{width:calc((100% - 20px) / 2);}*/
#main_notice section > .notice ul.tab li button{height:50px; line-height:50px; font-size:18px;}
#main_notice section > .notice ul.tab li.active button:before{height:2px;}
#main_notice section > .notice ul.tab li button:hover:before, #main_notice section > .notice ul.tab li button:focus:before, #main_notice section > ul.tab li.active button:before{height:2px;}
#main_notice section > .notice ul.tab li a{width:40px; height:40px; top:5px; right:0;}
#main_notice section > .notice ul.tab li a:before{width:18px;}
#main_notice section > .notice ul.tab li a:after{height:18px;}
#main_notice section > .notice div ul {grid-template-columns: 1fr; gap: 10px;}
#main_notice section > .notice div ul li{width:100%; float:none; margin:10px 0 0 0;}
#main_notice section > .notice div ul li:first-child{margin-top:0;}
#main_notice section > .notice div ul li:nth-child(n+3){margin-top:10px; margin-left:0;}
#main_notice section > .notice div.notice ul li a{height:auto; padding:20px;}
#main_notice section > .notice div.notice ul li a:after{width:15px; height:13px; background-size:15px 13px;}
#main_notice section > .notice div.notice ul li a span{font-size:14px;}
#main_notice section > .notice div.notice ul li a span strong{padding-right:5px; font-size:25px;}
#main_notice section > .notice div.notice ul li a h6{min-height:24px; max-height:48px; line-height:24px; margin:12px 0; font-size:18px;}
#main_notice section > .notice div.notice ul li.latest h6:after{width:18px; height:18px; line-height:18px; font-size:11px;}
#main_notice section > .notice div.notice ul li a p{display:none;}

#main_pro_profile li{width:100%; float:none;}

#sub_contents div.section p{font-size:15px;}
#sub_contents div.section h4{margin-bottom:12px; font-size:24px;}
#sub_contents div.section h4:before{width:25px; height:3px;}
#sub_contents div.section .sub_title{margin-bottom:10px;font-size:20px;}
#sub_contents ul.list li{margin-left:10px; padding:20px 10px; font-size:16px; letter-spacing:-0.5px;}
#sub_contents ul.list li:before{width:4px; height:4px; top:31px; left:-3px;}
#sub_contents .section p.reference{padding-left:15px; font-size:14px; letter-spacing:-0.5px; font-weight:300; line-height:1.35; word-break:break-all;}
#sub_contents .section1 dl{margin-top:35px;  flex-direction: column;}
#sub_contents .section1 dl dd + dt{margin-top:35px;}
#sub_contents .section1 dl dd br{display:none;}
  
/* 아산시 기업 맞춤형 계약학과 */
#sub_010101 .section5 div.box_wrap{grid-template-columns: 1fr;}
#sub_010101 div.img{height:405px;}
#sub_010101 div.img > div{width:100%; height:100%; background:url(/_res/ace2/img/m_sub_visual_010100.jpg) no-repeat; background-size:cover; float:none;}
#sub_010101 div.img div.text{top:-5%; left:50%; padding:30px 22px; width:90%; height:65%; transform:translateX(-50%);}
#sub_010101 div.img div.text strong{font-size:20px;}
#sub_010101 div.img div.text span{font-size:12px; letter-spacing:0;}
#sub_010101 div.img div.text p{padding-top:20px; font-size:15px;}
#sub_010101 div.img div.text p:before{top:10px;}
#sub_010101 .section5 div.box {width: 100%; padding: 25px;min-height: 130px;}
#sub_010101 .section5 div.box strong{ margin-bottom: 10px; font-size: 17px;}
#sub_010101 .section5 div.box dl{overflow: hidden;}
#sub_010101 .section5 div.box dl dt{ width: 120px; font-size: 16px;}
#sub_010101 .section5 div.box dl dd{width: calc(100% - 120px); font-size: 16px; font-weight: 300;}
  
/* 일반계약학과 */
#sub_010100 div.img{height:405px;}
#sub_010100 div.img > div{width:100%; height:100%; background:url(/_res/ace2/img/m_sub_visual_010100.jpg) no-repeat; background-size:cover; float:none;}
#sub_010100 div.img div.text{top:-5%; left:50%; padding:30px 22px; width:90%; height:65%; transform:translateX(-50%);}
#sub_010100 div.img div.text strong{font-size:20px;}
#sub_010100 div.img div.text span{font-size:12px; letter-spacing:0;}
#sub_010100 div.img div.text p{padding-top:20px; font-size:15px;}
#sub_010100 div.img div.text p:before{top:10px;}
#sub_contents #sub_010100 .section{padding-top:55px;}
#sub_010100 .section1 ul{width:100%; overflow:hidden;}
#sub_010100 .section1 ul li{padding:20px 10px 10px 10px; width:calc((100% - 45px) / 2 );}
#sub_010100 .section1 ul li:nth-child(2), #sub_010100 .section1 ul li:nth-child(3){float:right;}
#sub_010100 .section1 ul li + li{margin-left:0;}
#sub_010100 .section1 ul li + li:before{left:-35px; width:25px; height:35px; background-size:contain; transform:translateY(-50%);}
#sub_010100 .section1 ul li + li:nth-child(3):before{left:50%; top:-50%; transform:translate(-50%, 75%) rotate(90deg);}
#sub_010100 .section1 ul li + li:nth-child(4):before{left:inherit; right:-33px; top:50%; transform:translateY(-50%) rotate(180deg);}
#sub_010100 .section1 ul li:nth-child(n+3){margin-top:40px;}
#sub_010100 .section1 ul li strong{font-size:16px;}
#sub_010100 .section1 ul li div.content{margin-top:15px; padding:20px 8px; height:60px; font-size:15px; line-height:1.35;}
#sub_010100 .section2 ul{height:auto;}
#sub_010100 .section2 ul li{width:100%; height:65px; background-color:transparent; float:none;}
#sub_010100 .section2 ul li:before{width:65px; height:65px; background-size:325px 65px; z-index:10;}
#sub_010100 .section2 ul li:after{content:""; position:absolute; top:0; left:0; width:65px; height:65px; background-color:#e1f3f7; z-index:1;}
#sub_010100 .section2 ul li:nth-child(2):before{background-position:-65px 0;}
#sub_010100 .section2 ul li:nth-child(3):before{background-position:-130px 0;}
#sub_010100 .section2 ul li:nth-child(4):before{background-position:-195px 0;}
#sub_010100 .section2 ul li:nth-child(5):before{background-position:-260px 0;}
#sub_010100 .section2 ul li + li{margin-left:0; margin-top:5px;}
#sub_010100 .section2 ul li > div{display:flex; align-items:flex-start; flex-flow:column wrap; justify-content:center; margin-top:0; padding-left:20px; width:calc(100% - 65px); height:65px; font-size:15px; letter-spacing:-0.5px; text-align:left; float:right; word-break:keep-all;}
#sub_010100 .section2 ul li > div span{font-size:15px; letter-spacing:-0.5px;}
#sub_010100 .section2 ul li > div br{display:none;}
#sub_010100 .section2 p.reference{margin-top:20px; padding-left:15px;}
#sub_010100 .section3 div.box{padding:0; margin-bottom:5px; background-color:#f8f8f8;}
#sub_010100 .section3 div.box:before{top:8px; left:10px; width:33px; height:37px; transform:none; background-size:cover;}
#sub_010100 .section3 div.box:nth-of-type(2):before{background-position:-33px 0;}
#sub_010100 .section3 div.box ul{margin-top:55px; padding:25px 10px; width:100%; background-color:#fff; float:none;}
#sub_010100 .section3 div.box ul:before{left:0; top:0; width:100%; height:1px;}
#sub_010100 .section3 div.box ul li{padding-left:14px; font-size:15px; letter-spacing:0; line-height:22px; word-break:keep-all;}
#sub_010100 .section3 div.box ul li:before{top:8px; left:0; width:4px; height:4px;}
#sub_010100 .section5 ul li br{display:block;}
#sub_010100 .section6 > h4 + p{margin-bottom:32px;}
#sub_010100 .section6 colgroup col.type{width:13%;}
#sub_010100 .section6 colgroup col.amount{width:9%;}
#sub_010100 .section6 colgroup col.note{width:31%;}
#sub_010100 .section6 table tbody tr td{height:55px; word-break:break-all;}
#sub_010100 .section6 table tbody tr td.al_left{padding:5px;}
#sub_010100 .section6 div.note{margin-top:7px;}
#sub_010100 .section7 div.box{width:100%; padding:25px; min-height:130px;}
#sub_010100 .section7 div.box strong{margin-bottom:10px; font-size:17px;}
#sub_010100 .section7 div.box dl dt{width:85px; font-size:16px;}
#sub_010100 .section7 div.box dl dd{width:calc(100% - 85px); font-size:16px; font-weight:300;}
#sub_010100 .section8 div.etc{margin:5px 0; padding:10px 15px; font-size:14px; text-align:left; font-weight:300; word-break:break-all;}

/* 지원제도 */
#sub_010200 .section div.box{padding:20px 15px; font-size:15px; letter-spacing:0;}
#sub_010200 .section > div + div{margin-top:55px;}
#sub_010200 .section div p.reference + p.reference{margin-top:20px;}
#sub_010200 .section ul.normal li{padding-left:18px; font-size:15px; line-height:1.35; word-break:keep-all;}
#sub_010200 .section ul.normal li:before{top:8px; left:5px; width:4px; height:4px;}
#sub_010200 .section ul.step li{padding:20px 10px 10px 10px; width:calc((100% - 40px) / 2);}
#sub_010200 .section ul.step li + li{margin-left:0;}
#sub_010200 .section ul.step li + li:nth-child(even){float:right;}
#sub_010200 .section ul.step li + li:nth-child(4){float:left; margin-right:0;}
#sub_010200 .section ul.step li + li:nth-child(odd){float:left;}
#sub_010200 .section ul.step li + li:nth-child(3){float:right;}
#sub_010200 .section ul.step li + li:nth-child(n+4){margin-top:0;}
#sub_010200 .section ul.step li + li:nth-child(n+3){margin-top:40px;}
#sub_010200 .section ul.step li + li:before{left:-35px; width:25px; height:35px; background-size:contain; transform:translateY(-50%) rotate(0);}
#sub_010200 .section ul.step li + li:nth-child(3):before, 
#sub_010200 .section ul.step li + li:nth-child(5):before{left:50%; top:-37px; transform:translateX(-50%) rotate(90deg);}
#sub_010200 .section ul.step li + li:nth-child(4):before{left:inherit; right:-33px; top:50%; transform:translateY(-50%) rotate(180deg);}
#sub_010200 .section ul.step li + li:nth-child(6):before{right:inherit; left:-35px; transform:translateY(-50%) rotate(360deg);}
#sub_010200 .section ul.step li + li:nth-child(n+5){margin-right:0;}
#sub_010200 .section ul.step li strong{font-size:16px;}
#sub_010200 .section ul.step li div.content{margin-top:15px; padding:10px 3px; height:60px; font-size:15px; line-height:1.35;}
#sub_010200 .section ul.step li:nth-child(1) div.content, 
#sub_010200 .section ul.step li:nth-child(4) div.content{padding:20px 10px;}
#sub_010200 .section ul.step li:nth-child(6) div.content{padding:10px 3px;}
#sub_010200 .section ul.step2{margin-top:30px;}
#sub_010200 .section ul.step2 li{width:100%; min-height:auto;}
#sub_010200 .section ul.step2 li + li{margin-top:40px;}
#sub_010200 .section ul.step.step2 li + li:before{left:50%; top:-37px; transform:translateX(-50%) rotate(90deg);}
#sub_010200 .section ul.step.step2 li div.content{padding:7px 10px; height:55px; line-height:1.35; word-break:break-all;}
#sub_010200 .section ul.step2 li:last-child div.content br:first-child{display:none;}
#sub_010200 .section > div:nth-child(7) strong.sub_title{margin-bottom:0;}
#sub_010200 .section > div:nth-child(7) div.box{padding:25px; width:100%; float:none;}
#sub_010200 .section > div:nth-child(7) div.box:last-child{margin-left:0; margin-top:10px;}
#sub_010200 .section > div:nth-child(7) div.box strong{margin-bottom:15px; font-size:16px;}
#sub_010200 .section > div:nth-child(7) div.box p{font-weight:300; line-height:1.35;}
#sub_010200 .section > div:nth-child(7) div.box p br{display:none;}

/* 찾아오시는 길 */
#sub_010300 .root_daum_roughmap{width:100% !important;}
#sub_010300 .root_daum_roughmap div.wrap_map{height:35vh !important;}
#sub_010300 .section dl{margin-top:15px; padding-left:10px;}
#sub_010300 .section dl dt{margin:0 7px 0 10px; font-size:14px;} 
#sub_010300 .section dl dt:before{top:0; left:-19px; width:20px; height:20px; background-size:contain;} 
#sub_010300 .section dl dd{font-size:14px;} 
#sub_010300 .section2 > div + div{margin-top:30px;}
#sub_010300 div.box_wrap div.box{width:100%; min-height:auto; padding:30px 25px; float:none;}
#sub_010300 div.box_wrap div.box:nth-child(2n-1){margin-right:0;}
#sub_010300 div.box_wrap div.box:nth-child(n+1){margin-top:15px;}
#sub_010300 div.box_wrap div.box strong{font-size:22px;}
#sub_010300 div.box_wrap div.box > ul{margin-top:15px;}
#sub_010300 div.box_wrap div.box > ul > li{margin-top:3px; font-size:16px; line-height:28px;}
#sub_010300 div.box_wrap div.box > ul > li span.colon{margin-right:8px;}
#sub_010300 div.box_wrap div.box > ul > li span.colon:before{top:-2px; right:-8px;}
#sub_010300 div.box_wrap div.box > ul > li.depth2 span{margin-right:15px;}
#sub_010300 div.box_wrap div.box ul > li.list{margin-left:10px;}
#sub_010300 div.box_wrap div.box ul > li.list:before{left:-10px;}
#sub_010300 div.box_wrap div.box ul .reference{margin-left:18px; padding-left:22px;}

/* 캠퍼스맵 */
#sub_010400 div.map{margin-bottom:20px;}
#sub_010400 div.map #marker{width:22px; height:33px; padding-top:0; background-size:auto 33px;}
#sub_010400 div.map #marker span{font-size:12px;}
#sub_010400 ol{width:100%;}
#sub_010400 ol li{width:33.33%; margin-bottom:10px;}
#sub_010400 ol li a span{height:20px; line-height:20px;}
#sub_010400 ol li a span.num{width:20px; font-size:11px;}
#sub_010400 ol li a span.text{font-size:11px; padding-left:5px;}

  
 /* 사업단 소개 > 캠퍼스맵 */
#sub_contents div.section.maps_wrap{padding-top: 0; margin-top: 0;}
#sub_contents div.campus_map h4.title {display:none;}
div.campus_map div.ui_tab_contents {padding-top: 30px;}
div.campus_map div.map {margin-bottom: 20px;}
div.campus_map div.map #marker {width: 22px;height: 33px;padding-top: 0;background-size: auto 33px;}
div.campus_map div.map #marker span {font-size: 12px;}
div.campus_map ol li {width: 33.33%;margin-bottom: 10px;}
div.campus_map ol li a span {height: 20px;line-height: 20px;}
div.campus_map ol li a span.num {width: 20px;font-size: 11px;}
div.campus_map ol li a span.text {font-size: 11px;padding-left: 5px;}
ul.ui_tab_handle.mobile {display: block;height: 45px !important;padding-top: 45px;overflow: hidden;position: relative;border: 1px solid #c7c7c7;border-top: 2px solid #333;transition: height 0.3s;}
ul.ui_tab_handle.mobile.active {height: 90px !important;}
ul.ui_tab_handle.mobile li {width: 100% !important;}
ul.ui_tab_handle.mobile li button {display: block;width: 100%;height: 45px;line-height: 45px;padding: 0 15px;font-size: 15px;text-align: left;border: 0;border-left: none !important;border-top: 1px solid #c7c7c7 !important;background-color: #f5f5f5;cursor: pointer;position: relative;}
ul.ui_tab_handle.mobile li.active {position: absolute;top: 0;left: 0;}
ul.ui_tab_handle.mobile li.active button {line-height: 45px;font-weight: 400;background-color: #fff;border-top: none !important;}
ul.ui_tab_handle.mobile li.active button span {padding-bottom: 1px;border-bottom: 1px solid #333;}
ul.ui_tab_handle.mobile li.active button:after {display: block;content: "";width: 15px;height: 8px;position: absolute;top: 18px;right: 15px;background: url(/_res/early/img/bg_mobile_tab_bullet.png) no-repeat 50% 50%;background-size: 15px auto;transition: all 0.3s;}
ul.ui_tab_handle.mobile.active li.active button:after {transform: rotate(180deg);}
.campus_map .ui_tab_contents > div[hidden] {display: none;}
div.campus_map ol li {width: 33.33%;margin-bottom: 10px;}
div.campus_map ol li a span {height: 20px;line-height: 20px;}
div.campus_map ol li a span.num {width: 20px;font-size: 11px;}
div.campus_map ol li a span.text {font-size: 11px;padding-left: 5px;}
ul.ui_tab_handle.mobile {display: block;height: 45px !important;padding-top: 45px;overflow: hidden;position: relative;border: 1px solid #c7c7c7;border-top: 2px solid #333;transition: height 0.3s;}
ul.ui_tab_handle.mobile.active {height: 90px !important;}
ul.ui_tab_handle.mobile li {width: 100% !important;}
ul.ui_tab_handle.mobile li button {display: block;width: 100%;height: 45px;line-height: 45px;padding: 0 15px;font-size: 15px;text-align: left;border: 0;border-left: none !important;border-top: 1px solid #c7c7c7 !important;background-color: #f5f5f5;cursor: pointer;position: relative;}
ul.ui_tab_handle.mobile li.active {position: absolute;top: 0;left: 0;}
ul.ui_tab_handle.mobile li.active button {line-height: 45px;font-weight: 400;background-color: #fff;border-top: none !important;}
ul.ui_tab_handle.mobile li.active button span {padding-bottom: 1px;border-bottom: 1px solid #333;}
ul.ui_tab_handle.mobile li.active button:after {display: block;content: "";width: 15px;height: 8px;position: absolute;top: 18px;right: 15px;background: url(/_res/early/img/bg_mobile_tab_bullet.png) no-repeat 50% 50%;background-size: 15px auto;transition: all 0.3s;}
ul.ui_tab_handle.mobile.active li.active button:after {transform: rotate(180deg);}
.campus_map .ui_tab_contents > div[hidden] {display: none;}
}