@charset "utf-8";

@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');
}

/* Default Setting */
html, body{height:100%;}
html, body, section, header, nav, footer, article, address, h1, h2, h3, h4, h5, h6, p, dt, dd, dl, ul, li, span, strong, div, table, td, input, fieldset, textarea, select, button, a, img{padding:0; margin:0; font-family:'Noto Sans Korean', 'Malgun Gothic', Dotum, '돋움',Helvetica,AppleSDGothicNeo,sans-serif; font-weight:400; box-sizing:border-box;}
body{font-size:14px; color:#333; overflow-x:hidden; overflow-y:auto; letter-spacing:-1px;}
li{list-style:none;}
img{vertical-align:top; border:none; max-width:100%;}
button{border:none; background-color:transparent; cursor:pointer;}
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;}

#skip_navigation{display:none;}

/* Mobile GNB Dummy */
#wrap:after{display:none; content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:98;}
#wrap.active:after{display:block;}

/* Common header */
header{width:100%; position:absolute; top:0; left:0; z-index:99; border-bottom:1px solid rgba(255,255,255,0.2); background-color:#fff; transition:all 0.3s;}
header section{width:100%; max-width:1200px; height:115px; margin:0 auto; position:relative; transition:all 0.3s;}
#tnb{border-bottom:1px solid #d7d7d7;}
#tnb > div{width:100%; max-width:1200px; margin:0 auto; position:relative; overflow:hidden;}
#tnb > div 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:-10px; position:absolute; top:50%; left:0;}
#logo h1 a{display:block; width:447px; height:55px; background:url(/_res/aibigdata/img/logo.png) no-repeat; background-size:contain; text-indent:-9999px;}
#gnb{padding-top:30px;}
#gnb nav{float:right;}
#gnb nav > div{position:absolute; top:-32%; right:0;}
#gnb nav > div > a{padding:0 15px; font-size:15px; color:#8d8d8d;}
#gnb nav > ul{float:right;}
#gnb nav > ul > li{float:left; position:relative;}
#gnb nav > ul > li > a{display:block; padding:0 40px; height:80px; line-height:80px; letter-spacing:0; font-size:19px; color:#000;}
#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:86px; 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 #027d98;}
#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:#027d98;}
#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:22px; 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:22px; height:3px; background-color:#333; position:absolute; left:50%; margin-left:-11px; transition:all 0.3s;}
#gnb_control:before{top:10px;}
#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);}

/* Header Active Design */
header.fixed{position:fixed; border-bottom:1px solid #d7d7d7;}

/* Sub header */
#wrap.sub header{position:static; background-color:#fff;}

#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:1200px; 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/aibigdata/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;}

#sub_contents div.jwxe_board table.type_board{border-top:2px solid #333;}

footer{position:relative; background-color:#1a1a1a; z-index:1;}
#footer{width:100%; max-width:1200px; margin:0 auto; padding:35px 0; position:relative;}
#footer > ul{overflow:hidden; padding-bottom:10px;}
#footer > ul li{float:left; padding:0 10px;}
#footer > ul li:first-child{padding-left:0;}
#footer > ul li:first-child a{color:#2aaec6;}
#footer > ul li a{font-size:16px; color:#a7a7a7;}
#footer > ul li a:hover, #footer > ul li a:focus{text-decoration:underline;}
#footer > address p.contact{padding-bottom:2px;}
#footer > address p span{font-size:16px; color:#909090; font-style:normal;}
#footer > address p span:first-child{display:block;}
#footer > address p span:nth-child(3), #footer > address p span:nth-child(4){margin-left:20px;} 

#contents.main h3{padding:0 0 50px 0; font-size:50px; font-weight:700; color:#000; letter-spacing:-3px; line-height:100%; text-align:left;}
#contents.main h3 span{font-weight:700;}

/* 메인_비쥬얼 */
#main_visual{display:flex; width:100%; margin-top:120px;}
#main_visual > div{width:100%; height:640px;}
#visual_swiper div.swiper-slide{position:relative; color:#fff; text-align:center; text-shadow:2px 1px 9px rgba(38, 38, 38, 1)}
#visual_swiper div.swiper-slide h2{padding:260px 0 10px; font-size:65px; font-weight:700;}
#visual_swiper div.swiper-slide h2 br{display:none;}
#visual_swiper div.swiper-slide p{font-size:24px; font-weight:300;}
#visual_swiper div.swiper-slide p br{display:none;}
#visual_swiper div.seen1{background:url(/_res/aibigdata/img/main_visual_01.jpg) no-repeat 50% 50%/cover;}
#visual_swiper div.seen2{background:url(/_res/aibigdata/img/main_visual_01.jpg) no-repeat 50% 50%/cover;}
#visual_swiper div.seen3{background:url(/_res/aibigdata/img/main_visual_01.jpg) no-repeat 50% 50%/cover;}
#visual_swiper div.navigation{width:100%; height:80px; top:50%; left:0; position:absolute; z-index:10;}
#visual_swiper div.navigation button{width:80px; height:80px; position:absolute; top:0%; border:none;}
#visual_swiper div.navigation button.prev{left:5%; transform:translateY(-50%) rotate(180deg);}
#visual_swiper div.navigation button.next{right:5%; transform:translateY(-50%) rotate(180deg);}
#visual_swiper div.navigation button span{display:block; text-indent:-9999px;}
#visual_swiper div.navigation button:before, #visual_swiper div.navigation button:after{content:""; width:50px; height:2px; position:absolute; background-color:rgba(255, 255, 255, 0.4);}
#visual_swiper div.navigation button:before{top:22px; transform:rotate(-45deg);}
#visual_swiper div.navigation button:after{bottom:21px; transform:rotate(45deg);}
#visual_swiper div.navigation button.prev:before{top:22px; transform:rotate(45deg);}
#visual_swiper div.navigation button.prev:after{bottom:21px; transform:rotate(-45deg);}
#visual_swiper div.control div.pagination{display:inline-block;}
#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/aibigdata/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:55px; 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;}

/* #main_faculty */
#main_faculty{padding:90px 0; background-color:#fff;}
#main_faculty > div{width:100%; max-width:1200px; margin:0 auto; position:relative;}

/* 메인_소식 */
#main_notice{padding:90px 0; background-color:#fff;}
#main_notice > div{width:100%; max-width:1200px; margin:0 auto; position:relative;}
#main_notice > div ul.tabs{display:flex; position:absolute; top:0; right:80px;}
#main_notice > div ul.tabs li{padding:0 40px; position:relative;}
#main_notice > div ul.tabs li:before{content:""; width:1px; height:18px; position:absolute; left:0; top:20px; border-right:1px solid #d1d1d1; background-color:#a0a0a0;}
#main_notice > div ul.tabs li:first-child:before{display:none;}
#main_notice > div ul.tabs li button{padding:10px; font-size:24px; color:#5d5d5d;}
#main_notice > div ul.tabs li button:after{content:""; display:block; position:absolute; top:50%; left:0; width:100%; height:15px; z-index:-1;}
#main_notice > div ul.tabs li.active button{position:relative; font-weight:500; color:#000; z-index:10;}
#main_notice > div ul.tabs li.active button:after{background-color:#e1f3f7;}

#main_notice div > div.tab_contents{display:none;}
#main_notice div > div.tab_contents.active{display:block;}
#main_notice div > div ul{overflow:hidden;}
#main_notice div > div ul li{width:25%; float:left; margin:50px 0 0 0;}
#main_notice div > div ul li:nth-child(-n+3){margin-top:0;}
#main_notice div > div ul li:nth-child(3n+1){margin-left:0; clear:both;}
#main_notice div > div.notice ul li.empty{width:100%; padding:120px 0; margin:0; float:none; text-align:center; font-size:20px;}
#main_notice div > div.notice ul li a{display:block; padding:10px 0; position:relative;}
#main_notice div > div.notice ul li a:before{content:""; width:0; height:3px; position:absolute; bottom:0; left:0; background-color:#008d77; transition:0.3s all;}
#main_notice div > div.notice ul li a:after{content:""; width:100%; height:1px; position:absolute; bottom:0; left:0; background-color:#e1e1e1;}
#main_notice div > div.notice ul li + li{margin-left:100px;}
#main_notice div > div.notice ul li:nth-child(3n+1){margin-left:0;}
#main_notice div > div.notice ul li a span{display:block; font-size:22px; font-weight:500; letter-spacing:0;}
#main_notice div > div.notice ul li a span.title{height:56px; line-height:28px; margin-bottom:20px; overflow:hidden; white-space:normal; text-overflow:ellipsis; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#main_notice div > div.notice ul li a span.date{font-size:16px; font-weight:300; color:#898989;}
#main_notice div > div.notice ul li a p{height:78px; line-height:26px; font-size:16px; color:#5e5e5e; overflow:hidden;}
#main_notice div > div.notice ul li a:hover:before, #main_notice div > div.notice ul li a:focus:before{width:100%;}
#main_notice div > div.notice ul li a:hover span.title, #main_notice div > div.notice ul li a:focus span.title{color:#008d77;}

#main_notice div > div.photo ul li a{display:block; position:relative;}
#main_notice div > div.photo ul li a div.front div.bg{height:0; padding-bottom:62.5%; position:relative; overflow:hidden;}
#main_notice div > div.photo ul li a div.front div.bg span{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:all 0.5s;}
#main_notice div > div.photo ul li a div.front div.info span.title{display:block; min-height:32px; max-height:64px; line-height:32px; margin:30px 0 15px 0; overflow:hidden; font-size:24px; font-weight:500; color:#000; word-break:keep-all; box-sizing:content-box;}
#main_notice div > div.photo ul li a div.front div.info span.date{display:block; font-size:16px; font-weight:500; color:#5e5e5e;}
#main_notice div > div.photo ul li a div.back{width:100%; position:absolute; top:0; left:0; overflow:hidden; opacity:0; transition:all 0.5s;}
#main_notice div > div.photo ul li a div.back div.bg{height:0; padding-bottom:62.5%; position:relative; overflow:hidden;}
#main_notice div > div.photo ul li a div.back div.bg span{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; opacity:0; transform:scale(0); transition:all 0.5s;}
#main_notice div > div.photo ul li a div.back div.dummy{width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background-color:rgba(0,0,0,0.6); opacity:0; transform:scale(0);}
#main_notice div > div.photo ul li a div.back div.view{width:150px; height:45px; line-height:43px; position:absolute; top:50%; left:50%; margin:-22.5px 0 0 -60px; font-size:18px; font-weight:500; color:#fff; text-align:center; border:1px solid #fff; border-radius:45px; z-index:2; opacity:0; transform:scale(0); transition:all 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.550);}
#main_notice div > div.photo ul li a div.back div.view:before{display:inline-block; content:""; width:18px; height:45px; margin-right:5px; background:url(/_res/sch/img/icon_main_faculty.png) no-repeat 50% 50%; background-size:18px 19px; vertical-align:top;}
#main_notice div > div.photo ul li a:hover div.front div.bg span, #main_notice div > div.photo ul li a:focus div.front div.bg span{opacity:0; transform:scale(10);}
#main_notice div > div.photo ul li a:hover div.back, #main_notice div > div.photo ul li a:focus div.back{opacity:1; filter:alpha(opacity=100);}
#main_notice div > div.photo ul li a:hover div.back div.bg span, #main_notice div > div.photo ul li a:focus div.back div.bg span{opacity:1; transform:scale(1.2);}
#main_notice div > div.photo ul li a:hover div.back div.dummy, #main_notice div > div.photo ul li a:hover div.back div.dummy{opacity:1; transform:scale(1);}
#main_notice div > div.photo ul li a:hover div.back div.view, #main_notice div > div.photo ul li a:focus div.back div.view{opacity:1; transform:scale(1);}

div.notice_swiper{display:none; width:100%; padding:0 75px; position:relative;}
div.notice_swiper.active{display:block;}
div.notice_swiper ul li{max-width:396px; margin-right:25px;}
div.notice_swiper ul li a{display:block; height:310px; padding:40px; border:1px solid #e6e6e6; background-color:#f9f9f9; transition:all 0.3s;}
div.notice_swiper ul li a span{font-size:16px; font-weight:400; color:#0255a9; text-transform:uppercase; letter-spacing:0;}
div.notice_swiper ul li a span strong{padding-right:5px; font-size:36px; font-weight:700; letter-spacing:-2px;}
div.notice_swiper ul li a h6{max-height:60px; min-height:30px; line-height:30px; margin:15px 0; font-size:22px; font-weight:500; color:#333; overflow:hidden;}
div.notice_swiper 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;}
div.notice_swiper ul li a p{height:78px; line-height:26px; font-size:16px; color:#5e5e5e; overflow:hidden;}
div.notice_swiper ul li a:hover, div.notice_swiper ul li a:focus{background-color:#ebebeb; border:1px solid #dadada;}
div.notice_swiper div.control button{width:50px; height:50px; position:absolute; top:130px; border:1px solid #898989; background-color:transparent; transition:0.3s all;}
div.notice_swiper div.control button.prev{left:0;}
div.notice_swiper div.control button.next{right:0;}
div.notice_swiper div.control button span{display:block; width:30px; height:1px; position:absolute; top:50%; left:50%; font-size:1px; color:transparent; background-color:#898989; transform:translateX(-50%);}
div.notice_swiper div.control button span:before, div.notice_swiper div.control button span:after{content:""; width:12px; height:1px; position:absolute; background-color:#898989;}
div.notice_swiper div.control button.prev span:before{top:-5px; left:-1px; transform:rotate(-45deg);}
div.notice_swiper div.control button.prev span:after{bottom:-5px; left:-1px; transform:rotate(45deg);}
div.notice_swiper div.control button.next span:before{top:-5px; right:-1px; transform:rotate(45deg);}
div.notice_swiper div.control button.next span:after{bottom:-5px; right:-1px; transform:rotate(-45deg);}
div.notice_swiper div.control button:hover, div.notice_swiper div.control button:focus{background-color:#fff;}
div.notice_swiper div.control button:hover span:before, div.notice_swiper div.control button:focus span:before, div.notice_swiper div.control button:hover span:after, div.notice_swiper div.control button:focus span:after, div.notice_swiper div.control button:hover span, div.notice_swiper div.control button:focus span{background-color:#2959b0;}
div.notice_swiper div.pagination{margin-top:60px; text-align:center;}
div.notice_swiper span.swiper-pagination-bullet{display:inline-block; width:30px; height:30px; position:relative; cursor:pointer;}
div.notice_swiper span.swiper-pagination-bullet:before{content:""; width:12px; height:12px; position:absolute; top:50%; left:50%; border:1px solid #606060; border-radius:50%; transform:translate(-50%, -50%);}
div.notice_swiper span.swiper-pagination-bullet-active:before{border:none; background-color:#2959b0;}

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

/* 메인-뉴스룸 */
#main_news{padding:90px 0; background-color:#f0f0f0;}
#main_news > div{width:100%; max-width:1200px; margin:0 auto; position:relative;}
#news_swiper > ul li a{display:block; position:relative;}
#news_swiper > ul li.empty{padding:120px 0; text-align:center; font-size:20px;}
#news_swiper > ul li a div.front div.bg{height:0; padding-bottom:85.8%; position:relative; overflow:hidden;}
#news_swiper > ul li a div.front div.bg span{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:all 0.5s;}
#news_swiper > ul li a div.front div.info{padding:25px 10px 55px;}
#news_swiper > ul li a div.front div.info span.cate{display:block; margin-bottom:10px; font-size:16px; color:#008d77;}
#news_swiper > ul li a div.front div.info span.cate:before{content:"#"; display:inline;}
#news_swiper > ul li a div.front div.info span.title{display:block; font-size:26px; font-weight:500; color:#000; line-height:1.2; letter-spacing:-1.5px; overflow:hidden; white-space:normal; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#news_swiper > ul li a div.back{width:100%; position:absolute; top:0; left:0; overflow:hidden; opacity:0; transition:all 0.5s;}
#news_swiper > ul li a div.back div.bg{height:0; padding-bottom:85.8%; position:relative; overflow:hidden;}
#news_swiper > ul li a div.back div.bg span{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; opacity:0; transform:scale(0); transition:all 0.5s;}
#news_swiper > ul li a div.back div.dummy{width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background-color:rgba(0,0,0,0.6); opacity:0; transform:scale(0);}
#news_swiper > ul li a div.back div.view{width:150px; height:45px; line-height:43px; position:absolute; top:50%; left:50%; margin:-22.5px 0 0 -60px; font-size:18px; font-weight:500; color:#fff; text-align:center; border:1px solid #fff; border-radius:45px; z-index:2; opacity:0; transform:scale(0); transition:all 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.550);}
#news_swiper > ul li a div.back div.view:before{display:inline-block; content:""; width:18px; height:45px; margin-right:5px; background:url(/_res/sch/img/icon_main_faculty.png) no-repeat 50% 50%; background-size:18px 19px; vertical-align:top;}
#news_swiper > ul li a:hover div.front div.bg span, #news_swiper > ul li a:focus div.front div.bg span{opacity:0; transform:scale(10);}
#news_swiper > ul li a:hover div.back, #news_swiper > ul li a:focus div.back{opacity:1; filter:alpha(opacity=100);}
#news_swiper > ul li a:hover div.back div.bg span, #news_swiper > ul li a:focus div.back div.bg span{opacity:1; transform:scale(1.2);}
#news_swiper > ul li a:hover div.back div.dummy, #news_swiper > ul li a:hover div.back div.dummy{opacity:1; transform:scale(1);}
#news_swiper > ul li a:hover div.back div.view, #news_swiper > ul li a:focus div.back div.view{opacity:1; transform:scale(1);}
#news_swiper div.control{position:relative;}
#news_swiper div.control button{width:50px; height:50px; position:absolute; top:0; background-color:transparent; transition:0.3s all; cursor:pointer;}
#news_swiper div.control button.prev{left:470px;}
#news_swiper div.control button.next{right:470px;}
#news_swiper div.control button span{display:block; width:46px; height:1px; position:absolute; top:50%; left:50%; font-size:1px; color:transparent; background-color:#898989; transform:translateX(-50%);}
#news_swiper div.control button span:before, #news_swiper div.control button span:after{content:""; width:12px; height:1px; position:absolute; background-color:#898989;}
#news_swiper div.control button.prev span:before{top:-5px; left:-1px; transform:rotate(-45deg);}
#news_swiper div.control button.prev span:after{bottom:-5px; left:-1px; transform:rotate(45deg);}
#news_swiper div.control button.next span:before{top:-5px; right:-1px; transform:rotate(45deg);}
#news_swiper div.control button.next span:after{bottom:-5px; right:-1px; transform:rotate(-45deg);}
#news_swiper div.control div.pagination{text-align:center;}
#news_swiper div.control div.pagination .swiper-pagination-current{padding-right:5px; font-size:30px; color:#008d77;}
#news_swiper div.control div.pagination .swiper-pagination-total{font-size:16px; color:#696969;}
#news_swiper.empty div.control, #news_swiper.empty div.pagination{display:none;}

/* 메인-미디어 인사이드 */
#main_media{padding:90px 0; background-color:#fff;}
#main_media > div{width:100%; max-width:1200px; margin:0 auto; position:relative;}
#main_media div.sns{position:absolute; top:0; right:0;}
#main_media div.sns ul{display:flex; flex-flow:row;}
#main_media div.sns ul li{width:95px;}
#main_media div.sns ul li a{position:relative; display:block;}
#main_media div.sns ul li a span{font-size:15px; color:#8e8e8e; letter-spacing:0; padding-left:5px;}
#main_media div.sns ul li + li{margin-left:50px;}
#main_media div.sns ul li a:before{content:""; position:absolute; top:50%; left:-45%; width:42px; height:42px; background:url(/_res/aibigdata/img/icon_sns.png) no-repeat 0 0; transform:translateY(-50%);}
#main_media div.sns ul li:nth-child(2) a:before{background-position:-42px 0;}
#main_media div.sns ul li:nth-child(3) a:before{background-position:-126px 0;}
#main_media div.media_link{display:flex; flex-flow:row; justify-content: space-evenly; margin-top:20px; height:195px;}
#main_media div.media_link a{width:195px; height:100%;}
#main_media div.media_link a + a{margin-left:55px;}
#main_media div.media_link a:nth-child(1){background:url(/_res/aibigdata/img/main_media_01.jpg) no-repeat;}
#main_media div.media_link a:nth-child(2){background:url(/_res/aibigdata/img/main_media_02.jpg) no-repeat;}
#main_media div.media_link a:nth-child(3){background:url(/_res/aibigdata/img/main_media_03.jpg) no-repeat;}
#main_media div.media_link a:nth-child(4){background:url(/_res/aibigdata/img/main_media_05.jpg) no-repeat;}
#main_media div.media_link a:nth-child(5){background:url(/_res/aibigdata/img/main_media_05.jpg) no-repeat;}
#main_media div.media_link a:first-child{margin-left:0;}

/* 메인-인포메이션 */
#main_information{padding:90px 0; position:relative;}
#main_information > div{width:100%; max-width:1200px; margin:0 auto; position:relative;}
#contents.main #main_information h3{color:#fff; text-align:center; font-size:30px; font-weight:500; letter-spacing:-0.5px;}

#main_information:before{content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:url(/_res/aibigdata/img/bg_information.jpg) no-repeat 50% 50%/cover; z-index:0;}
#main_information > div{width:100%; max-width:1200px; margin:0 auto; position:relative; z-index:1;}
#main_information div.information{width:100%;}
#main_information div.information ul{display:flex; flex-wrap:nowrap; flex-flow:row; padding:0 30px;}
#main_information div.information ul li{width:33.3%; padding:0 80px;}
#main_information div.information ul li a{display:block; position:relative; padding-left:82px; line-height:26px; font-size:22px; color:#fff; text-align:left;}
#main_information div.information ul li a:before{content:""; display:block; position:absolute; top:-5px; left:0; width:64px; height:64px; margin:0 auto 10px; background-image:url(/_res/aibigdata/img/bg_main_information_icon.png); background-repeat:no-repeat;}
#main_information div.information ul li a span{display:block; color:rgba(255, 255, 255, .5); font-weight:300; font-size:18px;}
#main_information div.information ul li:nth-child(2) a:before{background-position:-64px 0;}
#main_information div.information ul li:nth-child(3) a:before{background-position:-128px 0;}
#main_information div.information ul li:nth-child(4) a:before{background-position:-192px 0;}

/* 메인_학술지 검색 링크 */
#main_link{border-top:1px solid #ccc;}
#main_link > div{width:100%; max-width:1400px; padding:45px 0; margin:0 auto; position:relative; overflow:hidden;}
#contents.main #main_link > div h3{padding:0; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#main_link > div h3 span{display:inline;}
#main_link > div ul{display:flex; justify-content:flex-end; align-items:center; padding-left:370px;}
#main_link > div ul li{flex:auto; text-align:right;}
#main_link > div ul li a{display:block;}

/* 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/aibigdata/img/bg_sub_visual_01.jpg) no-repeat 50% 100%; margin-top:166px;}
#sub_visual div{width:100%; max-width:1200px; margin:0 auto; padding:95px 0;}
#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);}

#snb{margin-top:-40px;}
#snb div{width:100%; max-width:1200px; 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:20px; letter-spacing:0; font-weight:500; color:#333; text-align:center;}
#snb div > ul > li > a.active{font-weight:700; color:#027d98;}
#snb div > ul > li ul{min-width:170%; max-width:1000px; position:absolute; top:100px; left:50%; text-align:center; transform:translateX(-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:#027d98;}

#sub_title{width:100%; max-width:1200px; 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:14px; margin:0 auto 15px; position:relative; background-color:#25539b;}
#sub_title h3 span:before{content:""; width:14px; height:14px; position:absolute; top:0; left:0; background-color:#25539b;}
#sub_title h3 span:after{content:""; width:14px; height:14px; position:absolute; top:0; right:0; background-color:#25539b;}

#sub_contents{width:100%; max-width:1200px; margin:0 auto; padding-bottom:67px; position:relative;}
#sub_contents div.jwxe_board div.board_view div.board_title{border-top:2px solid #000;}
#sub_contents div.lang{height:60px; position:absolute; top:-140px; right:0; border:1px solid #acacac;}
#sub_contents div.lang a, #sub_contents div.lang span{display:block; width:100px; float:left; font-size:20px; font-weight:350; color:#8d8d8d; line-height:58px; text-align:center;}
#sub_contents div.lang span{position:relative; color:#027d98;}
#sub_contents div.lang span:before{content:""; width:100%; height:100%; position:absolute; top:-1px; left:-1px; border:1px solid #027d98; z-index:1;}

/* 인사말 */
#sub_010101 div{overflow:hidden;}
#sub_010101 div:before{content:""; display:block; width:530px; height:425px; float:right; margin-left:95px; background:url(/_res/aibigdata/img/bg_information_01.jpg) no-repeat 50% 50%/cover;}
#sub_010101 div p{padding-top:35px; font-size:16px; font-weight:300; color:#393939; line-height:1.75; letter-spacing:0; word-break:keep-all;}
#sub_010101 div p.desc{padding-top:0; font-size:40px; font-weight:400; color:#027d98; line-height:1.25;}
#sub_010101 div p.desc strong{font-weight:700;}
#sub_010101 div p.sign{padding-top:60px; font-size:24px; font-weight:300;}
#sub_010101 div p.sign strong{font-weight:500;}

/* 교육목표 */
#sub_010201 div.section span.sub_title{font-size:26px; font-weight:700; color:#027d98;}
#sub_010201 > div ol{display:flex; flex-flow:row; justify-content:space-around;}
#sub_010201 > div ol li{width:30%; border:10px solid #e1f3f7; position:relative;}
#sub_010201 > div ol li + li{margin-left:60px;}
#sub_010201 > div ol li span{font-size:40px; color:#027d98; font-weight:700; text-align:center; position:absolute; top:-40px; left:50%; transform:translateX(-50%); width:100px; height:65px; background-color:#fff;}
#sub_010201 > div ol li p{padding:60px 60px 100px; font-size:18px; font-weight:300; line-height:28px; text-align:center; word-break:keep-all;}
#sub_010201 div.ideal{margin-top:140px;}
#sub_010201 div.ideal li{position:relative; padding:25px 15px 25px 35px; font-size:18px; border-bottom:1px solid #d7d7d7;}
#sub_010201 div.ideal li:before{content:""; width:6px; height:6px; position:absolute; top:36px; left:10px; border-radius:50%; background-color:#027d98;}

/* 학과소개 */
#sub_010202 > div.section{width:100%; padding:100px 110px 80px; overflow:hidden; position:relative; background:url(/_res/aibigdata/img/bg_information_02.jpg) no-repeat 50% 50%/cover; color:#fff;}
#sub_010202 > div.section div.title{width:303px; padding:55px 0; float:left; text-align:center; position:relative;}
#sub_010202 > div.section div.title:before, #sub_010202 > div.section div.title:after{content:""; width:63px; height:63px; position:absolute; top:0; left:0; border-top:7px solid #fff; border-left:7px solid #fff;}
#sub_010202 > div.section div.title:after{top:inherit; bottom:0; left:inherit; right:0; border:none; border-bottom:7px solid #fff; border-right:7px solid #fff;}
#sub_010202 > div.section div.title h4{display:inline-block; line-height:1.28; font-size:32px; font-weight:700; text-align:left; letter-spacing:0;}
#sub_010202 > div.section div.title h4 span{display:block; margin-top:5px; font-size:17px; font-weight:300; color:rgba(255, 255, 255, .5); letter-spacing:0;}
#sub_010202 > div.section div.text{width:50%; float:right;}
#sub_010202 > div.section div.text p{font-size:18px; line-height:1.4; letter-spacing:1px; font-weight:300; word-break:keep-all;}
#sub_010202 > div.section div.text p + p{margin-top:30px;}
#sub_010202 > div.section div.text a{display:inline-block; width:175px; height:55px; padding-right:20px; margin-top:60px; line-height:53px; position:relative; font-size:16px; font-weight:350; color:#fff; text-align:center; border:1px solid #fff;}
#sub_010202 > div.section div.text a:before{content:""; background:url(/_res/arch/img/icon_download.png) no-repeat 50% 50%/contain; width:14px; height:19px; position:absolute; top:50%; right:20px; transform:translateY(-50%);}

/* 졸업 후 진로 */
#sub_010203 div.section{width:100%; min-height:300px; padding:50px 0; display:flex; align-items:center; position:relative; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
#sub_010203 div.section:first-child{border-top:1px solid #e1e1e1;}
#sub_010203 div.section:nth-child(2){margin-top:0;}
#sub_010203 div.section h4{width:340px; font-size:30px; text-align:center; font-weight:700;}
#sub_010203 div.section h4:before{content:""; display:block; width:70px; height:70px; margin:0 auto 10px; border-radius:50%; background-color:#e1f3f7; background-image:url(/_res/aibigdata/img/icon_job.png); background-repeat:no-repeat; background-position:0 0;}
#sub_010203 div.section:nth-child(2) h4:before{background-position:-70px 0;}
#sub_010203 div.section:nth-child(3) h4:before{background-position:-140px 0;}
#sub_010203 div.section ul{width:60%; margin-left:120px; float:right; display:flex; flex-flow:column; flex-wrap:wrap; flex-direction:row; position:relative; font-size:18px; font-weight:100;}
#sub_010203 div.section ul:before{content:""; position:absolute; width:1px; height:100%; top:0; left:-120px; background-color:#e1e1e1;}
/*#sub_010203 div.section:first-child ul li{width:100%;}*/
#sub_010203 div.section:nth-child(3) ul li{width:100%;}
#sub_010203 div.section ul li{width:50%; margin-top:10px;padding-left:15px; position:relative; color:#393939; word-break:keep-all;}
#sub_010203 div.section ul li:before{content:""; position:absolute; top:50%; left:-10px; width:6px; height:6px; transform:translateY(-50%); border-radius:50%; background-color:#027d98;}

/* 향후비전 및 소개 */
#sub_010204 div.section{width:100%; position:relative;}
#sub_010204 div.section > div{width:100%; position:relative; padding:60px 45px; background-color:#f7f7f7; overflow:hidden;}
#sub_010204 div.section > div:before{content:""; position:absolute; background:url(/_res/aibigdata/img/bg_background_01.png) no-repeat; top:50%; right:8%; width:417px; height:383px; transform:translateY(-50%);}
#sub_010204 div.section div div.textbox{width:50%; word-break:keep-all; padding:40px 32px 80px;}
#sub_010204 div.section div.textbox h4{padding-bottom:0; font-size:40px; color:#027d98; font-weight:700; line-height:1.25;}
#sub_010204 div.section div.textbox p{padding-top:25px; font-size:18px; font-weight:300; color:#393939; line-height:1.75; letter-spacing:0; word-break:keep-all;}
#sub_010204 div.section div p.deco{position:absolute; bottom:-32px; left:0; font-size:86px; font-weight:700; letter-spacing:-2.5px; color:#f1f1f1;}

/* 교수소개 */
#sub_010301 div.section{margin-top:70px;}
#sub_010301 div.section div.profile_wrap{width:100%; border:1px solid #d7d7d7;}
#sub_010301 div.section div.profile_wrap:first-child{margin-top:0;}
#sub_010301 div.section div.profile_wrap + div.profile_wrap{margin-top:75px;}
#sub_010301 div.section div.profile_wrap div.profile{position:relative; padding:40px 40px 20px 0;}
#sub_010301 div.section div.profile_wrap div.profile:before{content:""; position:absolute; top:40px; left:5%; width:141px; height:180px; background:url(/_res/aibigdata/img/bg_professor.jpg) no-repeat 0 0/564px 180px;}
#sub_010301 div.section div.profile_wrap:nth-child(2) div.profile:before{background:url(/_res/aibigdata/img/bg_professor.jpg) no-repeat 0 0/564px 180px;}
#sub_010301 div.section div.profile_wrap:nth-child(3) div.profile:before{background:url(/_res/aibigdata/img/bg_professor.jpg) no-repeat -141px 0/564px 180px;}
#sub_010301 div.section div.profile_wrap:nth-child(4) div.profile:before{background:url(/_res/aibigdata/img/bg_professor.jpg) no-repeat -282px 0/564px 180px;}
#sub_010301 div.section div.profile_wrap:nth-child(5) div.profile:before{background:url(/_res/aibigdata/img/bg_professor.jpg) no-repeat -423px 0/564px 180px;}
#sub_010301 div.section div.profile strong{display:block; padding:0 0 40px 25%; font-size:30px; font-weight:700; line-height:100%; letter-spacing:0;}
#sub_010301 div.section div.profile > div{width:100%; padding-left:25%; display:flex; flex-flow:row;}
#sub_010301 div.section div.profile > div:last-child{margin:45px 0 55px 0;}
#sub_010301 div.section div.profile > div > ul{margin-left:10px;}
#sub_010301 div.section div.profile > div > ul > li{position:relative;}
#sub_010301 div.section div.profile > div > ul > li:before{content:"-"; position:absolute; top:0; left:-10px;}
#sub_010301 div.section div.profile > div > span, #sub_010301 div.section div.contact > dl > dt{font-size:16px; color:#027d98; font-weight:500; letter-spacing:0;}
#sub_010301 div.section div.profile > div > ul + span{margin-left:300px;}
#sub_010301 div.section div.profile > div > ul > li, #sub_010301 div.section div.contact > dl > dd{position:relative; margin-left:15px; font-size:16px; letter-spacing:0;}
#sub_010301 div.section div.profile div.profile > div > span{display:inline-block; width:70px;}
#sub_010301 div.section div.contact{width:100%; padding:20px 60px; position:relative; background-color:#f7f7f7;}
#sub_010301 div.section div.contact > dl{display:flex;}
#sub_010301 div.section div.contact > dl > dd a:hover, #sub_010301 > div.section div.contact > dl > dd a:focus{color:#027d98; text-decoration:underline;}
#sub_010301 div.section div.contact > dl > dd + dt{margin-left:50px;}
#sub_010301 div.section div.contact > a{position:absolute; top:50%; right:3%; transform:translateY(-50%);}
#sub_010301 div.section div.contact > a > img{width:23px; height:23px;}

/* 미디어랩스 위치 */
#sub_010401 div.section{width:100%; margin-top:60px;}
#map{margin-bottom:25px;}
#sub_010401 div.section dl{display:flex; flex-flow:row;}
#sub_010401 div.section dl > dt{position:relative; margin-left:30px; font-weight:500;}
#sub_010401 div.section dl > dt:before{content:""; position:absolute; width:24px; height:23px; top:0; left:-30px; background:url(/_res/iot/img/icon_map.png) no-repeat; background-size:cover;}
#sub_010401 div.section dl dt:nth-child(3):before{background:url(/_res/iot/img/icon_map.png) -24px 0 no-repeat;}
#sub_010401 div.section dl dt:nth-child(5):before{background:url(/_res/iot/img/icon_map.png) -48px 0 no-repeat;}
#sub_010401 div.section dl > dt:nth-child(7):before{background:url(/_res/iot/img/icon_map.png) -72px 0 no-repeat;}
#sub_010401 div.section dl > dd{margin-left:10px;}
#sub_010401 div.section dl > dd + dt{margin-left:120px;}

/* 교육과정 */
#sub_020101 div.section{width:100%;}
#sub_020101 div.arccodion_wrap{width:100%; border-bottom:1px solid #333;}
#sub_020101 div.arccodion_wrap button.grade{width:100%; position:relative; padding:20px 0 20px 50px; font-size:20px; font-weight:500; color:#000; border-top:1px solid #333; text-align:left;}
#sub_020101 div.arccodion_wrap button.grade:before, #sub_020101 div.arccodion_wrap button.grade:after{content:""; position:absolute; top:50%; width:20px; height:1px; background-color:#d2d2d2;}
#sub_020101 div.arccodion_wrap button.grade:before{transform:rotate(-45deg); right:40px;}
#sub_020101 div.arccodion_wrap button.grade:after{transform:rotate(45deg); right:54px;}
#sub_020101 div.arccodion_wrap button.grade.active{background-color:#333; color:#fff;}
#sub_020101 div.arccodion_wrap button.grade.active:before{transform:rotate(-135deg);}
#sub_020101 div.arccodion_wrap button.grade.active:after{transform:rotate(135deg);}
#sub_020101 div.arccodion_wrap button.grade.active:before, #sub_020101 div.arccodion_wrap button.grade.active:after{background-color: #fff;}
#sub_020101 div.timetable{display:none;}
#sub_020101 div.timetable.active{display:block;}
#sub_020101 div.timetable table{width:100%; text-align:center;}
#sub_020101 div.timetable table col.class{width:30%;}
#sub_020101 div.timetable table col.score{width:22%;}
#sub_020101 div.timetable table col.lang{width:22%;}
#sub_020101 div.timetable table thead th{background-color:#fbfbfb;}
#sub_020101 div.timetable table thead th, #sub_020101 div.timetable table tbody td{padding:15px 10px; font-size:16px; border-bottom:1px solid #efefef;}

/* Youtube Board */
html.youtube div.jwxe_board div.player{width:100%; height:0; padding-bottom:56.4%; margin-top:40px; position:relative; overflow:hidden;}
html.youtube div.jwxe_board div.player:first-of-type{margin-top:0;}
html.youtube div.jwxe_board div.player iframe{width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #ddd;}

/* PC Mini & Tablet */
@media all and (min-width:768px) and (max-width:1399px){
    body{-webkit-text-size-adjust:100%; overflow-x:hidden;}

    #wrap.active #main_visual, #wrap.active #contents, #wrap.active #sub_contents, #wrap.active #quick_menu, #wrap.active footer{display:none;}

    /* Common header */
    header{overflow:hidden;}
    header section{height:auto; padding:0;}
    #logo{height:70px; 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:#027d98; transition:all 0.3s;}
    #gnb.active{max-height:inherit; top:0;}
    #gnb nav{width:100%; padding-top:150px; 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:#027d98;}
    #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;}

    /* 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;}

    #footer{padding:25px 20px; max-width:100%;}
    #footer > ul li a{font-size:14px;}
    #footer > address p span{font-size:14px;}
    #footer > address p.copyright span{display:block;}
    #footer > div.sns{position:static; margin-top:20px;}
    #footer > div.sns ul li a{height:35px; line-height:35px; font-size:14px;}
    #footer > div.sns ul li a img{width:35px; height:35px; margin-right:7px;}
    #footer > div.sns ul li + li{margin-left:15px;}

    #qnb > ul > li > a{font-size:13px; padding:0 15px;}
    #qnb > ul > li > a:after{right:15px;}
    #qnb > ul > li > ul > li > a{font-size:13px; padding:0 15px;}

    /* #main_visual */
    #main_visual{margin-top:50px;}
    #main_visual > div{width:100%; height:60vw;}
    #visual_swiper div.swiper-slide h2{padding:200px 0 0; font-size:45px;}
    #visual_swiper div.swiper-slide p{font-size:20px; letter-spacing:0;}
    #visual_swiper div.navigation{height:60px; top:55%; left:0;}
    #visual_swiper div.navigation button{width:60px; height:60px;}
    #visual_swiper div.navigation button.prev{left:5%;}
    #visual_swiper div.navigation button.next{right:0;}
    #visual_swiper div.navigation button:before, #visual_swiper div.navigation button:after{width:50px; height:2px;}
    #visual_swiper div.navigation button:before{top:2px;}
    #visual_swiper div.navigation button:after{bottom:21px;}
    #visual_swiper div.navigation button.prev:before{top:2px;}
    #visual_swiper div.navigation button.prev:after{bottom:21px;}
    #visual_swiper div.control div.pagination span.swiper-pagination-bullet{width:27px; height:27px;}
    #visual_swiper div.control div.pagination span.swiper-pagination-bullet:before{width:10px; height:10px;}
    #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 button{width:24px; height:24px; margin-left:20px;}
    #visual_swiper div.control button:before{width:20px; height:20px; background:url(/_res/aibigdata/img/bg_swiper_control.png) no-repeat -20px 0/40px 20px;}
    #visual_swiper div.control{width:100%; height:10px; bottom:55px; left:0;}

    #visual_swiper_pagination{margin-top:30px;}
    #contents.main h3{padding:0 0 20px 0; font-size:38px; letter-spacing:-2px;}

    /* #main_faculty */
    #main_faculty{padding:60px 20px;}

    /* #main_notice */
    #main_notice{padding:60px 20px;}
    #main_notice > div ul.tabs{right:45px;}
    #main_notice > div ul.tabs li{padding:0 20px;}
    #main_notice > div ul.tabs li button{font-size:20px;}
    #main_notice > div ul.tabs li button:after{height:16px;}
    #main_notice div > div ul{margin-top:25px;}
    #main_notice div > div ul li{width:30%; margin:36px 0 0 0;}
    #main_notice div > div ul li:nth-child(-n+3){margin-top:0;}
    #main_notice div > div ul li:nth-child(3n+1){margin-left:15px;}
    #main_notice div > div.notice ul li.empty{padding:140px 0;}
    #main_notice div > div.notice ul li a:before{display:none;}
    #main_notice div > div.notice ul li + li{margin-left:36px;}
    #main_notice div > div.notice ul li a span{font-size:20px;}
    #main_notice div > div.notice ul li a span.title{height:52px; line-height:26px;}
    #main_notice div > div.notice ul li a span.date{font-size:16px;}
    #main_notice div > div.notice ul li a p{height:78px; line-height:26px; font-size:16px;}

    a.more{width:40px; height:40px;}
    a.more:before, a.more:after{width:40px;}

    /* 메인-뉴스룸 */
    #main_news{padding:60px 20px;}
    #main_news > div{max-width:100%;}
    #news_swiper > ul li{width:calc((100% - 40px) / 3);}
    #news_swiper > ul li a{display:block; position:relative;}
    #news_swiper > ul li.empty{padding:120px 0; text-align:center; font-size:20px;}
    #news_swiper > ul li a div.front div.bg{height:0; padding-bottom:85.8%; position:relative; overflow:hidden;}
    #news_swiper > ul li a div.front div.bg span{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:all 0.5s;}
    #news_swiper > ul li a div.front div.info{padding:10px 10px 55px;}
    #news_swiper > ul li a div.front div.info span.cate{display:block; margin-bottom:10px; font-size:16px;}
    #news_swiper > ul li a div.front div.info span.title{font-size:20px; line-height:1.2; letter-spacing:-1.5px;}
    #news_swiper > ul li a div.back{top:0; left:0; overflow:hidden; opacity:0;}
    #news_swiper > ul li a div.back div.bg span{position:absolute; top:0; left:0;}
    #news_swiper > ul li a div.back div.view{width:150px; height:45px; line-height:43px; position:absolute; top:50%; left:50%; margin:-22.5px 0 0 -60px; font-size:18px; border-radius:45px;}
    #news_swiper > ul li a div.back div.view:before{display:inline-block; content:""; width:18px; height:45px; margin-right:5px; background:url(/_res/sch/img/icon_main_faculty.png) no-repeat 50% 50%; background-size:18px 19px; vertical-align:top;}
    #news_swiper div.control button{width:50px; height:50px;}
    #news_swiper div.control button.prev{left:30%;}
    #news_swiper div.control button.next{right:30%;}
    #news_swiper div.control button span{display:block; width:46px; height:1px; position:absolute; top:50%; left:50%; font-size:1px; color:transparent;}
    #news_swiper div.control button span:before, #news_swiper div.control button span:after{content:""; width:12px; height:1px; position:absolute;}
    #news_swiper div.control button.prev span:before{top:-5px; left:-1px;}
    #news_swiper div.control button.prev span:after{bottom:-5px; left:-1px;}
    #news_swiper div.control button.next span:before{top:-5px; right:-1px;}
    #news_swiper div.control button.next span:after{bottom:-5px; right:-1px;}
    #news_swiper div.control div.pagination .swiper-pagination-current{padding-right:3px; font-size:26px;}
    #news_swiper.empty div.control, #news_swiper.empty div.pagination{display:none;}

    /* #main_media */
    #main_media{padding:60px 20px;}
    #main_media > div{max-width:100%;}
    #main_media div.sns{top:10px;}
    #main_media div.sns ul{margin-right:42px;}
    #main_media div.sns ul li{width:100%; text-indent:-9999px;}
    #main_media div.sns ul li a{position:relative; display:block;}
    #main_media div.sns ul li + li{margin-left:55px;}
    #main_media div.sns ul li a:before{content:""; position:absolute; top:50%; left:-45%; width:42px; height:42px; background:url(/_res/aibigdata/img/icon_sns.png) no-repeat 0 0; transform:translateY(-50%);}
    #main_media div.sns ul li:nth-child(2) a:before{background-position:-42px 0;}
    #main_media div.sns ul li:nth-child(3) a:before{background-position:-84px 0;}
    #main_media div.sns ul li:nth-child(4) a:before{background-position:-126px 0;}
    #main_media div.media_link{margin-top:20px; height:150px;}
    #main_media div.media_link a{width:150px; height:150px; background-size:contain;}
    #main_media div.media_link a:nth-child(1){background-size:contain;}
    #main_media div.media_link a:nth-child(2){background-size:contain;}
    #main_media div.media_link a:nth-child(3){background-size:contain;}
    #main_media div.media_link a:nth-child(4){background-size:contain;}
    #main_media div.media_link a:nth-child(5){background-size:contain;}
    #main_media div.media_link a + a{margin-left:20px;}

    /* #main_information */
    #main_information{padding:60px 20px;}
    #main_information > div{max-width:100%;}
    #main_information div.information{padding:50px 0;}
    #main_information div.information ul{padding:0 20px;}
    #main_information div.information ul li{margin-top:0; padding:0 30px;}
    #main_information div.information ul li a{font-size:16px; padding-left:75px;}
    #main_information div.information ul li a:before{width:60px; height:60px; margin:0 auto 10px; background-size:cover;}
    #main_information div.information ul li:nth-child(2) a:before{background-position:-60px 0;}
    #main_information div.information ul li:nth-child(3) a:before{background-position:-120px 0;}

    /* 메인_학술지 검색 링크 */
    #main_link{padding:20px;}
    #main_link > div{max-width:100%; padding:0 0 15px;}
    #contents.main #main_link > div h3{position:static; transform:none; padding-bottom:20px;}
    #main_link > div ul{padding-left:0; flex-wrap:wrap;}
    #main_link > div ul li{text-align:center; width:48%;}
    #main_link > div ul li + li{margin-left:10px;}
    #main_link > div ul li:nth-child(3){margin-left:0;}
    #main_link > div ul li:nth-child(3), #main_link > div ul li:nth-child(4){margin-top:10px;}
    #main_link > div ul li a{display:flex; width:100%; height:80px; border:1px solid #b7b7b7; align-items:center; justify-content:center;}

    /* Sub Layout */
    #sub_visual{margin-top:71px; background-size:cover;}
    #sub_visual div{padding:80px 30px;}
    #sub_visual div h2{font-size:34px; letter-spacing:0;}
    #sub_visual div p{margin-top:10px; font-size:22px; letter-spacing:0;}

    #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 20px; 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;}

    /* 인사말 */
    #sub_010101 div:before{width:42%; height:30vw; margin-left:20px;}
    #sub_010101 div p{padding-top:19px; font-size:17px; font-weight:350; line-height:1.75; letter-spacing:0;}
    #sub_010101 div p.desc{font-size:26px; line-height:1.25; letter-spacing:-1px; word-break:normal;}
    #sub_010101 div p.sign{padding-top:25px; font-size:20px;}

    /* 교육목표 */
    #sub_010201 div.section{margin-top:100px;}
    #sub_010201 div.section span.sub_title{font-size:24px;}
    #sub_010201 > div ol li + li{margin-left:20px;}
    #sub_010201 > div ol li span{font-size:34px; top:-35px; width:80px; height:65px;}
    #sub_010201 > div ol li p{padding:30px 20px; font-size:17px;}
    #sub_010201 div.ideal h4{font-size:28px;}
    #sub_010201 div.ideal li{padding:15px 25px; font-size:17px;}
    #sub_010201 div.ideal li:before{top:26px; width:5px; height:5px;}

    /* 학과소개 */
    #sub_010202 > div.section{padding:80px 50px 65px;}
    #sub_010202 > div.section div.title{width:calc(50% - 50px); padding:45px 0;}
    #sub_010202 > div.section div.title:before, #sub_010202 > div.section div.title:after{width:55px; height:55px; border-width:5px !important;}
    #sub_010202 > div.section div.title h4{font-size:28px;}
    #sub_010202 > div.section div.title h4 span{font-size:15px;}
    #sub_010202 > div.section div.text{width:50%;}
    #sub_010202 > div.section div.text p{font-size:16px;}
    #sub_010202 > div.section div.text p + p{margin-top:20px;}
    #sub_010202 > div.section div.text a{width:170px; height:50px; padding-right:15px; margin-top:35px; float:left; line-height:48px; font-size:14px;}

    /* 졸업 후 진로 */
    #sub_010203 div.section{min-height:240px;}
    #sub_010203 div.section h4{width:25%; font-size:24px;}
    #sub_010203 div.section h4:before{width:60px; height:60px; margin:0 auto 10px;}
    #sub_010203 div.section:nth-child(1) h4:before{background-size:cover;}
    #sub_010203 div.section:nth-child(2) h4:before{background-position:-60px 0; background-size:cover;}
    #sub_010203 div.section:nth-child(3) h4:before{background-position:-120px 0; background-size:cover;}
    #sub_010203 div.section ul{width:65%; margin-left:60px; font-size:17px;}
    #sub_010203 div.section ul:before{left:-70px;}
    #sub_010203 div.section ul li:before{top:14px; left:0;}

    /* 향후비전 및 소개 */
    #sub_010204 div.section{width:100%;}
    #sub_010204 div.section > div{width:100%; position:relative; padding:60px 45px 80px;}
    #sub_010204 div.section > div:before{position:static; width:230px; height:213px; background-size:contain; float:right; margin-left:20px; transform:translateY(0);}
    #sub_010204 div.section div div.textbox{width:100%; padding:0;}
    #sub_010204 div.section div.textbox h4{font-size:28px; line-height:1.25;}
    #sub_010204 div.section div.textbox p{padding-top:20px;}
    #sub_010204 div.section div p.deco{bottom:-5px; font-size:50px; line-height:52px;}

    /* 교수소개 */
    #sub_010301 div.section{margin-top:70px;}
    #sub_010301 div.section div.profile_wrap:first-child{margin-top:0;}
    #sub_010301 div.section div.profile_wrap + div.profile_wrap{margin-top:75px;}
    #sub_010301 div.section div.profile_wrap div.profile{padding:40px 0 20px;}
    #sub_010301 div.section div.profile_wrap div.profile:before{top:40px; left:20px; width:141px; height:180px;}
    #sub_010301 div.section div.profile strong{display:block; padding:0 0 30px 25%; font-size:30px; letter-spacing:0;}
    #sub_010301 div.section div.profile > div{width:100%; padding-left:25%; display:block; overflow:hidden;}
    #sub_010301 div.section div.profile > div:last-child{margin:25px 0;}
    #sub_010301 div.section div.profile > div > ul{display:block; margin-left:0; float:left; width:calc(100% - 80px);}
    #sub_010301 div.section div.profile > div:first-of-type > ul:last-child{margin-top:25px;}
    #sub_010301 div.section div.profile > div > ul > li:before{left:-10px;}
    #sub_010301 div.section div.profile > div > span, #sub_010301 div.section div.contact > dl > dt{width:80px; font-size:16px; float:left; letter-spacing:0;}
    #sub_010301 div.section div.profile > div > ul + span{margin-left:0; margin-top:25px; float:left; clear:both;}
    #sub_010301 div.section div.profile > div > ul > li, #sub_010301 div.section div.contact > dl > dd{margin-left:15px; font-size:16px; letter-spacing:0;}
    #sub_010301 div.section div.profile div.profile > div > span{display:inline-block; width:70px;}
    #sub_010301 div.section div.contact{padding:20px 25px;}
    #sub_010301 div.section div.contact > dl{display:block; overflow:hidden;}
    #sub_010301 div.section div.contact > dl > dt{width:auto; padding-right:15px;}
    #sub_010301 div.section div.contact > dl > dd + dt{margin-left:50px;}
    #sub_010301 div.section div.contact > dl > dd{margin-left:0; float:left;}
    #sub_010301 div.section div.contact > a{top:50%; right:3%;}

    /* 오시는길 */
    #sub_010401{margin-bottom:80px;}
    #sub_010401 div.section{margin-top:60px;}
    #map{margin-bottom:20px;}
    #sub_010401 div.section dl{display:block;}
    #sub_010401 div.section dl > dt{width:110px; float:left; margin-left:0; padding-left:40px;}
    #sub_010401 div.section dl > dt:before{width:22px; height:21px; left:13px;}
    #sub_010401 div.section dl > dt:nth-child(3):before{background:url(/_res/iot/img/icon_map.png) -26px 0 no-repeat;}
    #sub_010401 div.section dl > dt:nth-child(5):before{background:url(/_res/iot/img/icon_map.png) -44px 0 no-repeat; background-size:cover;}
    #sub_010401 div.section dl > dt:nth-child(7):before{background:url(/_res/iot/img/icon_map.png) -66px 0 no-repeat; background-size:cover;}
    #sub_010401 div.section dl > dd{width:calc(50% - 110px); height:33px; margin-left:0; float:left;}
    #sub_010401 div.section dl > dd + dt{margin-left:0;}
    #sub_010401 div.section dl > dt:nth-child(n+5), #sub_010401 div.section dl > dd:nth-child(n+6){margin-top:15px;}
    #map{width:100%}
    #map div.root_daum_roughmap{width:100% !important;}
    #map div.root_daum_roughmap div.wrap_map{height:350px !important;}

    /* 교육과정 */
    #sub_020101 div.arccodion_wrap button.grade{padding:15px 0 15px 35px; font-size:18px;}
    #sub_020101 div.arccodion_wrap button.grade:before, #sub_020101 div.arccodion_wrap button.grade:after{top:50%; width:20px;}
    #sub_020101 div.arccodion_wrap button.grade:before{right:35px;}
    #sub_020101 div.arccodion_wrap button.grade:after{right:48px;}
    #sub_020101 div.timetable table thead th, #sub_020101 div.timetable table tbody td{padding:12px 8px; font-size:15px;}
}

/* Mobile */
@media all and (max-width:767px){
    body{-webkit-text-size-adjust:100%; overflow-x:hidden;}
    img.mobile{display:inline;}
    img.web{display:none;}
    
    #wrap.active #main_visual, #wrap.active #contents, #wrap.active #snb, #wrap.active #sub_visual, #wrap.active #quick_menu, #wrap.active footer{display:none;}

    header{overflow:hidden;}
    header section{height:auto; padding:0;}
    #tnb{display:none;}
    #logo{height:70px; position:relative; background-color:#fff; z-index:999;}
    #logo h1{margin-top:-12px; left:25px;}
    #logo h1 a{width:300px; height:37px;}
    #gnb_control{display:block;}
    #gnb{width:75vw; height:100vh; padding:0; position:absolute; top:0; right:-100%; background-color:#027d98; transition:all 0.3s;}
    #gnb.active{max-height:inherit; right:0;}
    #gnb nav{width:100%; padding-top:70px; float:none;}
    #gnb nav > div{padding:15px 0; position:static; text-align:center;}
    #gnb nav > div a{position:relative; font-weight:400; color:#fff;}
    #gnb nav > div a:before{content:""; width:1px; height:12px; margin-top:-6px; position:absolute; top:50%; left:0; background-color:#ddd;}
    #gnb nav > div a:first-child:before{display:none;}
    #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:#027d98;}
    #gnb nav > ul > li > a:after{width:13px; height:9px; background:url(/_res/aibigdata/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:hover > ul{border-top:none;}
    #gnb nav > ul > li > ul{width:100%; padding:0; margin:0; 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{padding:0 20px 0 30px; height:45px; line-height:45px; font-size:13px; color:#027d98; letter-spacing:0; text-align:left; 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; 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:absolute; border-bottom:none;}
    #wrap.active header #logo{border-bottom:1px solid #d7d7d7;}
    #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{padding:20px 15px; max-width:100%; }
    #footer > ul{padding-bottom:15px;}
    #footer > ul li{display:inline-block; float:none;}
    #footer > ul li a{font-size:13px;}
    #footer > address p span{font-size:13px;}
    #footer > address p.contact{padding-bottom:5px;}
    #footer > address p.contact span:first-child{word-break:keep-all;}
    #footer > address p.contact span:nth-child(2):before{display:none;}
    #footer > div.sns{position:static; margin-top:20px;}
    #footer > div.sns ul li{display:block;}
    #footer > div.sns ul li a{height:30px; line-height:30px; font-size:13px;}
    #footer > div.sns ul li a img{width:30px; height:30px; margin-right:5px;}
    #footer > div.sns ul li + li{margin-left:0; margin-top:6px;}

    /* #main_visual */
    #main_visual{display:block; margin-top:70px;}
    #main_visual > div{height:50vh;}
    #main_visual > div.visual_contents{padding:40px 35px 0;}
    #main_visual > div.visual_contents:after{width:272px; height:245px; bottom:8px; right:-48px; background-size:contain;}
    #main_visual > div.visual_contents p{font-size:17px; font-weight:300; letter-spacing:-0.5px;}
    #visual_swiper div.swiper-slide h2{padding:70px 0 20px; font-size:32px; line-height:1.2; letter-spacing:1px;}
    #visual_swiper div.swiper-slide h2 br{display:block;}
    #visual_swiper div.swiper-slide p{font-size:16px; letter-spacing:0.5px;}
    #visual_swiper div.swiper-slide p br{display:block;}
    #visual_swiper div.visual_swiper_indicator{display:none;}
    div.pagination{margin-top:0;}
    #contents.main h3{padding:20px 0; font-size:30px; letter-spacing:-2px;}
    div.pagination span.swiper-pagination-bullet{display:inline-block; position:relative; width:27px; height:27px; border:1px solid transparent; cursor:pointer;}
    div.pagination span.swiper-pagination-bullet:before{width:10px; height:10px;}
    div.pagination span + span{margin-left:15px;}
    #visual_swiper div.navigation{top:67%}
    #visual_swiper div.navigation button{width:30px; height:70px;}
    #visual_swiper div.navigation button:before, #visual_swiper div.navigation button:after{width:20px;}
    #visual_swiper div.navigation button.prev{left:3%;}
    #visual_swiper div.navigation button.next{right:-3%;}
    #visual_swiper div.navigation button:before, #visual_swiper div.navigation button.prev:before{top:20px;}
    #visual_swiper div.navigation button:after, #visual_swiper div.navigation button.prev:after{bottom:34px;}
    #visual_swiper div.control{bottom:24px;}
    #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;}
    #visual_swiper div.control div.pagination span.swiper-pagination-bullet:before{width:7px; height:7px;}

    /* #main_faculty */
    #main_faculty{padding:55px 25px;}
    #main_faculty > div{max-width:100%;}

    /* #main_notice */
    #contents.main #main_notice > div h3{padding-top:0;}
    #main_notice{padding:55px 25px;}
    #main_notice > div{max-width:100%;}
    #main_notice > div ul.tabs{position:static; width:100%; justify-content:space-around; margin-bottom:30px;}
    #main_notice > div ul.tabs li{width:50%; padding:0; text-align:center;}
    #main_notice > div ul.tabs li:before{width:1px; height:15px; left:0;}
    #main_notice > div ul.tabs li button{padding:10px; font-size:18px;}
    #main_notice > div ul.tabs li button:after{height:15px;}
    #main_notice a.more{width:22px; height:22px;}
    #main_notice a.more:before, #main_notice a.more:after{width:22px;}
    #main_notice div > div ul li{width:100%; float:none; margin:0;}
    #main_notice div > div.notice ul li.empty{padding:70px 0; font-size:14px;}
    #main_notice div > div.notice ul li + li{margin-left:0;}
    #main_notice div > div.notice ul li a{height:auto;}
    #main_notice div > div.notice ul li a:before{display:none;}
    #main_notice div > div.notice ul li a span{font-size:18px; letter-spacing:0;}
    #main_notice div > div.notice ul li a span.title{height:auto; margin-bottom:10px; line-height:24px; word-break:keep-all;}
    #main_notice div > div.notice ul li a span.date{font-size:13px;}
    #main_notice div > div.notice ul li a p{height:78px; line-height:26px; font-size:16px;}

    /* #main_news */
    #main_news{padding:55px 25px;}
    #main_news > div{max-width:100%;}
    #contents.main #main_news > div h3{padding:0;}
    #news_swiper > ul{margin-top:35px;}
    #news_swiper > ul li a div.front div.info{padding:25px 10px;}
    #news_swiper > ul li:first-child{margin-left:0;}
    #main_news a.more{width:22px; height:22px;}
    #main_news a.more:before, #main_news a.more:after{width:22px;}

    #news_swiper > ul li a div.front div.info span.title{position:relative; margin-top:10px; font-size:20px;}
    #news_swiper > ul li a div.front div.info span.cate{top:80%; font-size:15px; margin:0;}
    #news_swiper div.control button.prev{left:0;}
    #news_swiper div.control button.next{left:85%;}
    #news_swiper div.control button span{width:50px;}
    #news_swiper div.control button span:before, #news_swiper div.control button span:after{width:15px;}
    
    /* #main_media */
    #main_media{padding:55px 25px;}
    #main_media > div{max-width:100%;}
    #main_media div.sns{width:100%; position:static; margin-top:25px;}
    #main_media div.sns ul{justify-content:space-between;}
    #main_media div.sns ul li{width:42px; height:42px;}
    #main_media div.sns ul li a span{display:none;}
    #main_media div.sns ul li + li{margin-left:0;}
    #main_media div.sns ul li a:before{width:42px; height:42px; top:0; left:0; background-size:cover;}
    #main_media div.media_link{flex-wrap:wrap; justify-content:space-between; margin-top:5px; height:auto;}
    #main_media div.media_link a{width:40vw; height:40vw; background-size:contain !important;}
    #main_media div.media_link a:nth-child(2n-1){margin-left:0;}
    #main_media div.media_link a:nth-child(n+3){margin-top:25px;}
    #main_media div.media_link a:nth-child(5){display:none;}
    #main_media div.media_link a + a{margin-left:0;}

    /* #main_information */
    #main_information{padding:60px 0;}
    #main_information > div{width:100%; max-width:100%; margin:0 auto; position:relative;}
    #contents.main #main_information h3{color:#fff; text-align:center; font-size:30px; font-weight:500; letter-spacing:-0.5px;}
    #main_information:before{width:100%; height:100%; position:absolute; top:0; left:0; background:url(/_res/aibigdata/img/bg_information_mobile.jpg) no-repeat 85% 50%/cover;}
    #main_information div.information{padding-top:20px;}
    #main_information div.information ul{display:block; padding:0; overflow:hidden;}
    #main_information div.information ul li{width:50%; padding:0; float:left;}
    #main_information div.information ul li a{padding-left:0; padding-top:55px; font-size:17px; letter-spacing:0.5px; text-align:center;}
    #main_information div.information ul li a:before{top:-5px; left:50%; margin:0 auto; transform:translateX(-50%); background-image:url(/_res/aibigdata/img/bg_main_information_icon.png); background-repeat:no-repeat; background-size:cover;}
    #main_information div.information ul li a span{font-size:15px; letter-spacing:0.5px; line-height:17px;}
    #main_information div.information ul li:nth-child(n+3){margin-top:60px;}

    /* 사이트 바로가기 */
    #main_link > div{padding:55px 25px;}
    #contents.main #main_link > div h3{position:static; transform:translateY(0);}
    #main_link > div ul{display:block; padding-left:0;}
    #main_link > div ul li{flex:none; margin-top:20px;}
    #main_link > div ul li a{display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:80px; border:1px solid #b7b7b7;}

    /* Sub Layout */
    #sub_visual{margin-top:71px; background-size:cover; background:url(/_res/aibigdata/img/bg_sub_visual_01_m.jpg) no-repeat 0 0;}
    #sub_visual div{padding:60px 20px;}
    #sub_visual div h2{font-size:28px; letter-spacing:0;}
    #sub_visual div p{display:block; font-size:14px; margin-top:0; letter-spacing:0; float:none;}
    #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/aibigdata/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 7px;}
    #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 45px; 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_010101 div:before{width:100%; height:60vw; margin-bottom:40px; float:none; margin-left:0;}
    #sub_010101 div p{font-weight:350;}
    #sub_010101 div p.desc{font-size:30px;}
    #sub_010101 div p.sign{padding-top:35px; font-size:20px;}

    /* 교육목표 */
    #sub_010201 div.section span.sub_title{font-size:22px;}
    #sub_010201 > div ol{display:block;}
    #sub_010201 > div ol li{width:100%;}
    #sub_010201 > div ol li + li{margin-left:0; margin-top:35px;}
    #sub_010201 > div ol li span{top:-35px; font-size:32px; width:85px; height:55px;}
    #sub_010201 > div ol li p{padding:35px 40px; font-size:16px;}
    #sub_010201 div.ideal{margin-top:80px;}
    #sub_010201 div.ideal h4{font-size:24px;}
    #sub_010201 div.ideal li{padding:20px 10px; margin-left:10px; font-size:16px;}
    #sub_010201 div.ideal li:before{top:31px; left:-3px; width:4px; height:4px;}

    /* 학과소개 */
    #sub_010202 > div.section{padding:50px 35px;}
    #sub_010202 > div.section div.title{width:100%; padding:35px 0; float:none;}
    #sub_010202 > div.section div.title:before, #sub_010202 > div.section div.title:after{width:45px; height:45px; border-width:4px !important;}
    #sub_010202 > div.section div.title h4{font-size:26px;}
    #sub_010202 > div.section div.title h4 span{font-size:15px;}
    #sub_010202 > div.section div.text{width:100%; margin-top:30px; float:none; overflow:hidden;}
    #sub_010202 > div.section div.text p{font-size:16px; line-height:1.25; letter-spacing:0;}
    #sub_010202 > div.section div.text p + p{margin-top:17px;}
    #sub_010202 > div.section div.text a{width:130px; height:48px; margin-top:40px; float:left; line-height:44px; font-size:14px;}

    /* 졸업 후 진로 */
    #sub_010203 div.section{display:block; min-height:auto; padding:0;}
    #sub_010203 div.section h4{width:100%; padding:15px 0; margin-left:12px; font-size:18px; text-align:left }
    #sub_010203 div.section h4:before{display:inline-block; width:50px; height:50px; margin:0 10px 0 0; vertical-align:-17px; background-size:150px 50px;}
    #sub_010203 div.section:nth-child(2) h4:before{background-position:-50px 0;}
    #sub_010203 div.section:nth-child(3) h4:before{background-position:-100px 0;}
    #sub_010203 div.section ul{width:100%; padding:15px 0; margin-left:0; float:none; font-size:17px; border-top:1px solid #e1e1e1;}
    #sub_010203 div.section ul:before{display:none;}
    #sub_010203 div.section ul li{width:47%; margin:5px 0; padding-left:16px; margin-left:6px; font-size:14px;}
    #sub_010203 div.section ul li:before{top:8px; left:5px; width:4px; height:4px; transform:translateY(0);}

    /* 향후비전 및 소개 */
    #sub_010204 div.section > div{padding:25px 25px 45px;}
    #sub_010204 div.section > div:before{position:static; width:130px; height:120px; background-size:contain; float:right; margin:0 0 10px 10px; transform:translateY(0);}
    #sub_010204 div.section div div.textbox{width:100%; padding:0;}
    #sub_010204 div.section div.textbox h4{font-size:22px;}
    #sub_010204 div.section div.textbox p{padding-top:20px; font-size:15px; line-height:1.45; letter-spacing:0.5px;}
    #sub_010204 div.section div p.deco{font-size:25px; line-height:100%; bottom:0;}

    /* 교수소개 */
    #sub_010301 div.section{margin-top:0;}
    #sub_010301 div.section div.profile_wrap{width:100%;}
    #sub_010301 div.section div.profile_wrap + div.profile_wrap{margin-top:25px;}
    #sub_010301 div.section div.profile_wrap div.profile{padding:20px 20px 25px;}
    #sub_010301 div.section div.profile_wrap div.profile:before{width:115px; height:147px; margin:0 15px 10px 0; position:static; float:left; background:url(/_res/aibigdata/img/bg_professor.jpg) no-repeat 0 0/460px 147px;}
    #sub_010301 div.section div.profile_wrap:nth-child(2) div.profile:before{background:url(/_res/aibigdata/img/bg_professor.jpg) no-repeat 0 0/460px 147px;}
    #sub_010301 div.section div.profile_wrap:nth-child(3) div.profile:before{background:url(/_res/aibigdata/img/bg_professor.jpg) no-repeat -115px 0/460px 147px;}
    #sub_010301 div.section div.profile_wrap:nth-child(4) div.profile:before{background:url(/_res/aibigdata/img/bg_professor.jpg) no-repeat -230px 0/460px 147px;}
    #sub_010301 div.section div.profile_wrap:nth-child(5) div.profile:before{background:url(/_res/aibigdata/img/bg_professor.jpg) no-repeat -345px 0/460px 147px;}
    #sub_010301 div.section div.profile strong{padding:0 0 15px 0; font-size:24px;}
    #sub_010301 div.section div.profile > div{padding-left:0; display:block;}
    #sub_010301 div.section div.profile > div:last-child{margin:20px 0 0;}
    #sub_010301 div.section div.profile > div > ul{width:100%; margin-left:0;}
    #sub_010301 div.section div.profile > div > ul > li{position:relative;}
    #sub_010301 div.section div.profile > div > ul > li:before{display:inline-block; margin-right:5px; position:static; transform:translateY(0);}
    #sub_010301 div.section div.profile > div > span, #sub_010301 div.section div.contact > dl > dt{font-size:15px;}
    #sub_010301 div.section div.profile > div > ul + span{display:block; margin-top:20px; margin-left:0; clear:both;}
    #sub_010301 div.section div.profile > div > ul > li, #sub_010301 div.section div.contact > dl > dd{margin-left:0; font-size:14px;}
    #sub_010301 div.section div.profile div.profile > div > span{display:inline-block; width:70px;}
    #sub_010301 div.section div.contact{padding:15px 20px;}
    #sub_010301 div.section div.contact > dl{display:block; padding-right:30px; overflow:hidden;}
    #sub_010301 div.section div.contact > dl > dt, #sub_010301 div.section div.contact > dl > dd{width:auto; float:left;}
    #sub_010301 div.section div.contact > dl > dt{padding-right:10px;}
    #sub_010301 div.section div.contact > dl > dd + dt{margin-left:20px;}
    #sub_010301 div.section div.contact > dl > dt:nth-child(3), #sub_010301 div.section div.contact > dl > dt:nth-child(5){margin-left:0; clear:both;}
    #sub_010301 div.section div.contact > a{top:15px; right:5%; transform:none;}
    #sub_010301 div.section div.contact > a > img{width:18px; height:18px;}

    /* 오시는길 */
    #sub_010401{margin-bottom:120px;}
    #sub_010401 div.section{margin-top:60px;}
    #map{margin-bottom:5px;}
    #sub_010401 div.section dl{display:block;}
    #sub_010401 div.section dl > dt{width:72px; float:left; margin-left:0; padding-left:21px;}
    #sub_010401 div.section dl > dt:before{width:16px; height:15px; top:3px; left:3px;}
    #sub_010401 div.section dl > dt:nth-child(3):before{background:url(/_res/iot/img/icon_map.png) -16px 0 no-repeat; background-size:cover;}
    #sub_010401 div.section dl > dt:nth-child(5):before{background:url(/_res/iot/img/icon_map.png) -32px 0 no-repeat; background-size:cover;}
    #sub_010401 div.section dl > dt:nth-child(7):before{background:url(/_res/iot/img/icon_map.png) -48px 0 no-repeat; background-size:cover;}
    #sub_010401 div.section dl > dt{margin-top:10px;}
    #sub_010401 div.section dl > dd{width:calc(100% - 72px); margin-left:0; margin-top:10px; float:left;}
    #sub_010401 div.section dl > dd + dt{margin-left:0;}
    #map{width:100%}
    #map div.root_daum_roughmap{width:100% !important;}
    #map div.root_daum_roughmap div.wrap_map{height:35vh !important;}

    /* 교육과정 */
    #sub_020101 div.arccodion_wrap button.grade{padding:15px 0 15px 15px; font-size:16px;}
    #sub_020101 div.arccodion_wrap button.grade:before, #sub_020101 div.arccodion_wrap button.grade:after{top:50%; width:10px;}
    #sub_020101 div.arccodion_wrap button.grade:before{right:20px;}
    #sub_020101 div.arccodion_wrap button.grade:after{right:27px;}
    #sub_020101 div.timetable table col.class{width:37%;}
    #sub_020101 div.timetable table thead th, #sub_020101 div.timetable table tbody td{padding:10px 5px; font-size:13px;}
}