@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;}
.mobile, img.mobile{display:none;}
.ir_text{text-indent:100%; white-space:nowrap; overflow:hidden;}

#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;  background-color:transparent; 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 rgba(255,255,255,.3);}
#tnb > div{width:100%; max-width:1200px; margin:0 auto; position:relative; overflow:hidden;}
#tnb > div ul{float:left; overflow:hidden;}
#tnb > div ul li{margin-right:25px;  float:left;}
#tnb > div ul li a{height:50px; line-height:50px; font-size:14px; color:rgba(255, 255, 255, .6); letter-spacing:0;}
#logo h1{margin-top:35px; position:absolute; top:0; left:0;}
#logo h1 a{display:block; width:365px; height:40px; background:url(/_res/schge/img/logo_white.png) no-repeat; background-size:contain; text-indent:-9999px;}
#gnb nav{float:right;}
#gnb nav > div{position:absolute; top:-32%; right:0;}
#gnb nav > div a{padding:0 15px; font-size:15px; color:rgba(255, 255, 255, .6);}
#gnb nav > ul{margin-top:25px; float:right;}
#gnb nav > ul > li{float:left; position:relative;}
#gnb nav > ul > li > a{display:block; padding:0 22px; height:55px; line-height:55px; letter-spacing:0; font-size:19px; color:#fff;}
#gnb nav > ul > li:last-child > a{position:relative; padding-right:0;}
#gnb nav > ul > li:last-child > a:after{content:""; position:absolute; top:16px; right:-25px; width:23px; height:23px; background:url(/_res/schge/img/icon_blank.png) no-repeat;}
#gnb nav > ul > li > ul{visibility:hidden; min-width:220px; max-height:0; overflow:hidden; position:absolute; top:76px; 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 #208565;}
#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:#208565;}
#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, header:focus{position:fixed; background-color:#fff; border-bottom:1px solid #d7d7d7;}
header.fixed #tnb{border-bottom:1px solid #d7d7d7;}
header.fixed #tnb > div ul li a, 
header:focus #tnb > div ul li a, 
header.fixed #gnb nav > div > a,
header:focus #gnb nav > div > a{color:#666;}
header.fixed #gnb nav > ul > li > a, 
header:focus #gnb nav > ul > li > a{color:#000;}
header.fixed #logo h1 a,  
header:focus #logo h1 a{background:url(/_res/schge/img/logo.png) no-repeat; background-size:contain;}
header.fixed #gnb nav > ul > li:last-child > a:after, 
header:focus #gnb nav > ul > li:last-child > a:after{background-position:-23px 0;}

/* 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/schge/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 0 0;}
#footer > ul li a{color:#2aaec6;}
#footer > ul li a{font-size:16px;}
#footer > ul li a:hover, #footer > ul li a:focus{text-decoration:underline;}
#footer > address p.contact span:first-child{display:block; margin-right:10px;}
#footer > address p.contact{margin-bottom:2px;}
#footer > address p span{font-size:16px; color:#909090; font-style:normal;}
#footer > address p span:nth-child(3), #footer > address p span:nth-child(4){margin-left:20px;} 
#footer > address p span > a{color:#909090;}
#footer > address p span > a:hover, #footer > address p span > a:focus{color:#208565;}

/* 메인_비쥬얼 */
#main_visual{width:100%; background-image:url(/_res/schge/img/main_visual_01.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; /* animation:visual_effect 30s infinite; transition:background-image 5s; */}
#main_visual > div{max-width:1200px; margin:0 auto; width:100%; height:830px; padding-top:240px; overflow:hidden;}
#main_visual div.textbox{width:420px; float:left;}
#main_visual div.textbox h2{padding-bottom:15px; font-size:52px; color:#fff; font-weight:700; letter-spacing:0;}
#main_visual div.textbox p{padding-bottom:15px; font-size:24px; color:#fff; font-weight:300; letter-spacing:-1px; word-break:keep-all;}
#main_visual div.textbox span{font-size:15px; color:#fff; font-weight:300; letter-spacing:0;}
#main_visual div.noticebox{width:60%; float:right;}
#main_visual div.noticebox div.top{display:flex; flex-flow:row; overflow:hidden; width:720px;}
#main_visual div.noticebox div.top div.notice{position:relative; width:100%;}
#main_visual div.noticebox div.top div.notice h3{display:inline-block; position:relative; margin-bottom:20px; font-size:20px; font-weight:500;}
#main_visual div.noticebox div.top div.notice h3:after{content:""; position:absolute; bottom:-12px; left:0; width:100%; height:2px; background-color:#36b26d;}
#main_visual div.noticebox div.top div.notice div.board{position:relative; padding:40px; width:100%; height:340px; float:left; background-color:#fff;}
#main_visual div.noticebox div.top div.notice div.board ul li.empty{padding:15px 0; font-size:18px; text-align:center;}
#main_visual div.noticebox div.top div.notice div.board ul li{position:relative; padding:15px 0;}
#main_visual div.noticebox div.top div.notice div.board ul li > a span{display:inline-block; padding-left:14px; font-size:18px;}
#main_visual div.noticebox div.top div.notice div.board ul li > a span.subject{position:relative; width:80%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
#main_visual div.noticebox div.top div.notice div.board ul li > a span.subject:before{content:""; position:absolute; width:4px; height:4px; top:13px; left:3px; background-color:#36b26d;}
#main_visual div.noticebox div.top div.notice div.board ul li > a span.subject:hover, #main_visual div.noticebox div.top div.notice div.board ul li > a span.subject:focus{color:#0c816a;}
#main_visual div.noticebox div.top div.notice div.board ul li > a span.date{position:absolute; top:20px; right:0; font-size:14px;}
#main_visual div.noticebox div.top div.notice div.board ul li.empty{border-bottom:0; padding:60px 0 !important;}
#main_visual div.noticebox div.top div.introduce{padding:40px 25px; width:300px; height:340px; float:left; background-color:#0c816a;}
#main_visual div.noticebox div.top div.introduce h3{margin-bottom:30px; font-size:20px; color:#fff;}
#main_visual div.noticebox div.top div.introduce ul li{border-bottom:1px solid #55a797;}
#main_visual div.noticebox div.top div.introduce ul li > a{padding-left:2px; font-size:16px; color:#fff; line-height:48px;}
#main_visual div.noticebox div.top div.introduce ul li.active, #main_visual div.noticebox div.top div.introduce ul li:hover, #main_visual div.noticebox div.top div.introduce ul li:focus{position:relative; background-color:#fff; border-radius:26px;}
#main_visual div.noticebox div.top div.introduce ul li.active:before, #main_visual div.noticebox div.top div.introduce ul li.active:after, #main_visual div.noticebox div.top div.introduce ul li:hover:before, #main_visual div.noticebox div.top div.introduce ul li:focus:before, #main_visual div.noticebox div.top div.introduce ul li:hover:after, #main_visual div.noticebox div.top div.introduce ul li:focus:after{content:""; position:absolute; top:15px; right:18px; width:10px; height:1px; background-color:#0c816a;}
#main_visual div.noticebox div.top div.introduce ul li.active:before, #main_visual div.noticebox div.top div.introduce ul li:hover:before, #main_visual div.noticebox div.top div.introduce ul li:focus:before{top:21px; transform:rotate(45deg);}
#main_visual div.noticebox div.top div.introduce ul li.active:after, #main_visual div.noticebox div.top div.introduce ul li:hover:after, #main_visual div.noticebox div.top div.introduce ul li:focus:after{top:28px; transform:rotate(-45deg);}
#main_visual div.noticebox div.top div.introduce ul li.active > a, #main_visual div.noticebox div.top div.introduce ul li:hover > a, #main_visual div.noticebox div.top div.introduce ul li:focus > a{color:#0c816a;}
#main_visual div.noticebox div.bottom{height:110px;}
#main_visual div.noticebox div.bottom ul{overflow:hidden;}
#main_visual div.noticebox div.bottom ul li{position:relative; width:33.33%; height:110px; float:left;}
#main_visual div.noticebox div.bottom ul li:before{content:""; position:absolute; width:70px; height:60px; top:50%; right:25px; background:url(/_res/schge/img/icon_board.png) no-repeat; transform:translateY(-50%);}
#main_visual div.noticebox div.bottom ul li:nth-child(2):before{background-position:-70px 0;}
#main_visual div.noticebox div.bottom ul li:nth-child(3):before{background-position:-140px 0;}
#main_visual div.noticebox div.bottom ul li > a{display:block; padding:42px 30px; font-size:18px; color:#fff;}
#main_visual div.noticebox div.bottom ul li:nth-child(1){background-color:#727681;}
#main_visual div.noticebox div.bottom ul li:nth-child(2){background-color:#403f51;}
#main_visual div.noticebox div.bottom ul li:nth-child(3){background-color:#1a2d63;}
/* 메인_포토갤러리 */
#recent_gallery{width:100%; max-width:1200px; margin:0 auto; padding:80px 0; position:relative; box-sizing:border-box;}
#recent_gallery h3{font-size:24px; font-weight:normal; text-align:center; padding-bottom:40px;}
#recent_gallery a.more{top:85px; right:0;}
#recent_gallery div.board ul.gallery_slide{display:flex; justify-content:space-between; overflow:hidden;}
#recent_gallery div.board ul.gallery_slide li{max-height:275px; margin-left:24px; position:relative; float:left;}
#recent_gallery div.board ul.gallery_slide li:first-child{margin-left:0;}
#recent_gallery div.board ul.gallery_slide li a{display:block; width:250px; border:1px solid #ddd; box-sizing:border-box; background-position:50% 0; background-repeat:no-repeat; background-size:250px 215px; position:relative; border:none;}
#recent_gallery div.board ul.gallery_slide li a div.info{width:100%; padding-top:230px;}
#recent_gallery div.board ul.gallery_slide li a div.info span{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#recent_gallery div.board ul.gallery_slide li a div.info span.title{font-size:18px;}
#recent_gallery div.board ul.gallery_slide li a div.info span.date{font-size:14px; color:#7d7d7d;}
a.more{width:18px; height:18px; position:absolute; top:33px; right:33px; transition:0.5s all; text-indent:-9999px;}
a.more:before, a.more:after{content:""; width:18px; height:2px; position:absolute; top:50%; left:50%; background-color:#acacac; 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_link{border-top:1px solid #ccc;}
#main_link > div{width:100%; max-width:1200px; 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;}

/* Sub Layout */
#sub_visual{background:url(/_res/schge/img/bg_sub_visual_01.jpg) no-repeat 50% 100%;}
#sub_visual div{width:100%; max-width:1200px; margin:0 auto; padding:215px 0 130px;}
#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:#208565; border-bottom:2px solid #208565;}
#snb div > ul > li ul{min-width:210%; position:absolute; top:100px; left:70%; 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:#208565;}

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

#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:#208565;}
#sub_contents div.lang span:before{content:""; width:100%; height:100%; position:absolute; top:-1px; left:-1px; border:1px solid #208565; z-index:1;}

/* 게시판 */
div.jwxe_board ul.gallery_list li div.ratio_box a span.title{background-color:#333 !important;}

/* 인사말 */
#sub_010101{margin-bottom:60px;}
#sub_010101 > div.img{padding:75px 80px; margin-bottom:50px; width:100%; height:300px; background:url(/_res/schge/img/sub_background_01.jpg) no-repeat; background-size:cover;}
#sub_010101 > div.img > p.desc{font-size:40px; color:#fff; font-weight:500; line-height:48px;}
#sub_010101 > div.img > p.desc span{font-size:40px; color:#53ccb4; font-weight:700;}
#sub_010101 > div > p{font-size:16px; letter-spacing:-0.5px; word-break:keep-all;}
#sub_010101 > div > p + p{margin-top:42px;}
#sub_010101 > div > p.highlight{font-size:18px; color:#0c816a;}
#sub_010101 > div > p.sign{font-size:25px;}
#sub_010101 > div > p.sign strong{font-weight:500;}

/* 전공안내 */
#sub_010201 > div.section{width:100%; padding:100px 50px; overflow:hidden; position:relative; background:url(/_res/schge/img/sub_background_02.jpg) no-repeat 50% 50%/cover; color:#fff;}
#sub_010201 > div.section div.title{width:360px; padding:55px 0; float:left; text-align:center; position:relative;}
#sub_010201 > div.section div.title:before, #sub_010201 > 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_010201 > 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_010201 > 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_010201 > 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_010201 > div.section div.text{width:50%; float:right;}
#sub_010201 > div.section div.text p{font-size:18px; line-height:1.4; letter-spacing:1px; font-weight:300; word-break:keep-all;}
#sub_010201 > div.section div.text p + p{margin-top:30px;}
#sub_010201 > 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_010201 > div.section div.text a:before{content:""; background:url(/_res/schge/img/icon_download.png) no-repeat 50% 50%/contain; width:14px; height:19px; position:absolute; top:50%; right:20px; transform:translateY(-50%);}

/* 교육목표 */
#sub_010301 div.img{width:100%; background:url(/_res/schge/img/sub_background_03.jpg) no-repeat; background-size:cover;}
#sub_010301 div.img > p{padding:70px 0; font-size:30px; color:#fff; font-weight:300; line-height:50px; text-align:center; word-break:keep-all;}
#sub_010301 div.section{margin-top:120px;}
#sub_010301 div.section h4{position:relative; display:inline-block; margin-bottom:10px; font-size:30px; font-weight:700;}
#sub_010301 div.section h4:before{content:""; position:absolute; top:-10px; left:0; width:43px; height:4px; background-color:#0c815c;}
#sub_010301 div.section > p{font-size:18px; word-break:keep-all; letter-spacing:0;}
#sub_010301 div.section > p + p{margin-top:30px;}
#sub_010301 div.ideal{margin-top:90px;}
#sub_010301 div.ideal li{position:relative; padding:25px 15px 25px 35px; font-size:18px; border-bottom:1px solid #d7d7d7;}
#sub_010301 div.ideal li > span{position:relative; margin-right:6px;}
#sub_010301 div.ideal li > span:after{content:":"; position:absolute; top:0; right:-7px;}
#sub_010301 div.ideal li:before{content:""; width:6px; height:6px; position:absolute; top:36px; left:10px; border-radius:50%; background-color:#0c815c;}
#sub_010301 div.section div.box_wrap{display:flex; justify-content:space-between; overflow:hidden;}
#sub_010301 div.section div.box_wrap div.box{width:33.33%; min-height:240px; padding:50px 55px; margin-right:50px; float:left; background-color:#f7f7f7;}
#sub_010301 div.section div.box_wrap div.box:last-child{margin-right:0;}
#sub_010301 div.section div.box_wrap div.box strong{font-size:20px; color:#333; font-weight:700; word-break:keep-all;}
#sub_010301 div.section div.box_wrap div.box p{margin-top:5px; font-size:18px; color:#393939; line-height:34px; word-break:keep-all;}

/* 교수소개 */
#sub_010401{width:100%; max-width:1200px; margin:0 auto; position:relative;}
#sub_010401 div.section{width:100%; display:grid; grid-template-columns:1fr 1fr; grid-gap:40px;}
#sub_010401 div.section div.box{display:flex; flex-flow:row; flex-wrap:wrap; position:relative; padding:50px 50px 30px 50px; border:1px solid #d7d7d7; overflow:hidden;}
#sub_010401 div.section div.box div.img{display:inline-block; width:190px; height:250px; float:left;}
#sub_010401 div.section div.box div.img > span{display:inline-block; width:100%; height:100%; background-repeat:no-repeat; background:url(/../_res/schge/img/bg_professor_01.jpg) no-repeat;}
#sub_010401 div.section div.box:nth-child(2) div.img > span{background-position:-190px 0;}
#sub_010401 div.section div.box:nth-child(3) div.img > span{background-position:-380px 0;}
#sub_010401 div.section div.box:nth-child(4) div.img > span{background-position:-570px 0;}
#sub_010401 div.section div.box:nth-child(5) div.img > span{background-position:-760px 0;}
#sub_010401 div.section div.box:nth-child(6) div.img > span{background-position:-950px 0;}
#sub_010401 div.section div.box div.text{width:calc(100% - 190px); padding-left:50px;}
#sub_010401 div.section div.box div.text > strong{display:block; padding-top:5px; font-size:30px; font-weight:700;}
#sub_010401 div.section div.box div.text > span{font-size:16px; color:#707070;}
#sub_010401 div.section div.box div.text > p{position:relative; padding-top:8px; padding-left:24px; font-size:18px; color:#333; letter-spacing:0;}
#sub_010401 div.section div.box div.text > p.mail{word-break:break-all;}
#sub_010401 div.section div.box div.text > p:before{content:""; position:absolute; top:14px; left:0; width:18px; height:18px; background:url(/../_res/schge/img/icon_bullet.png) no-repeat;}
#sub_010401 div.section div.box div.text > p.tel:before{background-position:0 0;}
#sub_010401 div.section div.box div.text > p.mail:before{background-position:-18px 0;}
#sub_010401 div.section div.box div.text > p.mail > a:hover, #sub_010401 div.section div.box div.text > p.mail > a:focus{color:#0c815c; text-decoration:underline;}
#sub_010401 div.section div.box div.text > p.location:before{background-position:-36px 0;}
#sub_010401 div.section div.box > dl.part{margin-top:20px; overflow:hidden;}
#sub_010401 div.section div.box > dl.part dt{width:80px; font-size:18px; color:#208565; font-weight:500; float:left;}
#sub_010401 div.section div.box > dl.part dd{width:calc(100% - 80px); font-size:18px; float:right; word-break:keep-all;}
#sub_010401 div.section div.box > a{ position:absolute; top:-1px; right:-1px; width:50px; height:50px; background-color:#0c815c;}
#sub_010401 div.section div.box > a.homepage{position:absolute; top:-1px; right:49px; width:50px; height:50px; background-color:#3b4244;}
#sub_010401 div.section div.box > a.homepage:before{content:""; position:absolute; top:50%; left:50%; width:20px; height:20px; background:url(/../_res/mme/img/icon_homepage.png) no-repeat; transform:translate(-50%, -50%);}
#sub_010401 div.section div.box > a 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;}
#sub_010401 div.section div.box > a span.ir_text:before, #sub_010401 div.section div.box > a span.ir_text:after{content:""; position:absolute; top:50%; left:50%; width:15px; height:1px; transform:translate(-50%, -50%); background-color:#fff;}
#sub_010401 div.section div.box > a span.ir_text:after{transform:translateX(-50%) rotate(90deg);}
#sub_010401 div.section div.box:hover > a span.ir_text, #sub_010401 div.section div.box:focus > a span.ir_text{transform:translate(-50%, -50%) rotate(180deg);}

/* 학과연혁 */
#sub_010501 div.section{display:inline-block; width:100%;}
#sub_010501 div.section div{width:65%; float:right;}
#sub_010501 div.section div.department{width:35%; float:left;}
#sub_010501 div.section div.department strong{font-size:50px; font-weight:500; line-height:52px;}
#sub_010501 div.section div.department strong span{font-size:50px; color:#0c815c; font-weight:700;}
#sub_010501 div.section > div > ul{position:relative; display:inline-block; width:100%;}
#sub_010501 div.section > div > ul:before{content:""; position:absolute; top:25px; left:0; width:1px; height:100%; border-left:1px solid #d0d0d0;}
#sub_010501 div.section > div > ul > li{position:relative; display:inline-block; width:100%; font-size:30px; color:#208565; font-weight:500; float:left;}
#sub_010501 div.section > div > ul > li + li{margin-top:50px;}
#sub_010501 div.section > div > ul > li > span{display:inline-block; padding-left:25px; font-weight:700; vertical-align:top;}
#sub_010501 div.section > div > ul > li:nth-child(1):before{content:""; position:absolute; top:14px; left:-8px; width:16px; height:16px; background-color:#fff; border:1px solid #208565; border-radius:50%; z-index:10;}
#sub_010501 div.section > div > ul > li:after{content:""; position:absolute; top:18px; left:-4px; width:10px; height:10px; background-color:#208565; border-radius:50%; z-index:11;}
#sub_010501 div.section > div > ul > li > ul{position:absolute; display:inline-block; width:100%; top:10px; left:200px; font-size:18px; color:#333; font-weight:500;}
#sub_010501 div.section > div > ul > li > ul > li{position:relative; padding-left:15px; font-size:18px; color:#333; word-break:keep-all;}
#sub_010501 div.section > div > ul > li > ul > li:before{content:"-"; position:absolute; top:0; left:0;}
#sub_010501 div.section > div > ul > li > ul > li span{margin-right:10px; font-weight:500;}

/* 학과발전계획 */
#sub_010601 div.section{margin-top:120px;}
#sub_010601 div.section:first-child{margin-top:0;}
#sub_010601 div.section h4{position:relative; display:inline-block; margin-bottom:10px; font-size:30px; font-weight:700;}
#sub_010601 div.section h4:before{content:""; position:absolute; top:-10px; left:0; width:45px; height:4px; background-color:#208565;}
#sub_010601 div.section > ul > li{position:relative; width:100%; margin-top:10px; padding:25px 15px 25px 35px; font-size:18px; color:#393939; font-weight:350; word-break:keep-all; border-bottom:1px solid #d7d7d7;}
#sub_010601 div.section > ul > li:before{content:""; width:6px; height:6px; position:absolute; top:36px; left:10px; border-radius:50%; background-color:#208565;}
#sub_010601 div.section > p{position:relative; padding-top:8px; font-size:18px; color:#333; letter-spacing:0;}

/* 교육과정안내 */
#sub_020101{margin-bottom:60px;}
#sub_020101 div.section table{width:100%; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb;}
#sub_020101 div.section table thead tr th, #sub_020101 div.section table tbody tr td{padding:12px 60px;}
#sub_020101 div.section:nth-child(1) table{margin-bottom:0px;}
#sub_020101 div.timetable table col.type{width:15%;}
#sub_020101 div.timetable table col.class{width:30%;}
#sub_020101 div.timetable table col.score{width:15%;}
#sub_020101 div.timetable table col.proper{width:25%;}
#sub_020101 div.section table thead tr th{background-color:#f6f6f6;}
#sub_020101 div.section table tbody tr th, #sub_020101 div.section table tbody tr td{padding:12px 20px; font-size:16px; font-weight:400; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; text-align:center;}
#sub_020101 div.section table tbody tr.total td{font-weight:700;}
#sub_020101 div.section > div.img{width:1080px; height:1080px; margin:30px auto; background:url(/_res/schge/img/교육과정.jpg) no-repeat;}
#sub_020101 div.section h4{position:relative; display:inline-block; margin-top:100px; margin-bottom:10px; font-size:30px; font-weight:700;}
#sub_020101 div.section h4:before{content:""; position:absolute; top:-10px; left:0; width:43px; height:4px; background-color:#0c815c;}

/* 졸업 자격 요건 */
#sub_020301{margin-bottom:60px;}
#sub_020301 div.section h4{position:relative; display:inline-block; margin-bottom:10px; font-size:30px; font-weight:700;}
#sub_020301 div.section h4:before{content:""; position:absolute; top:-10px; left:0; width:45px; height:4px; background-color:#208565;}
#sub_020301 div.section table{width:100%; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb;}
#sub_020301 div.section:nth-child(1) table{margin-bottom:95px;}
#sub_020301 div.section table colgroup col.title{width:20%;}
#sub_020301 div.section table tbody tr th, #sub_020301 div.section:nth-child(2) table thead, #sub_020301 div.section span.title + table tbody tr th{background-color:#f6f6f6;}
#sub_020301 div.section table tbody tr th, #sub_020301 div.section table tbody tr td{padding:12px 20px; font-size:16px; font-weight:500; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
#sub_020301 div.section table tbody tr td{padding:12px 60px;}
#sub_020301 div.section:nth-child(2) table{margin-bottom:25px;}
#sub_020301 div.section:nth-child(2) table thead tr th{padding:6px 8px; font-size:16px; font-weight:500; text-align:center; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
#sub_020301 div.section:nth-child(2) table tbody tr:nth-child(even){border-bottom:2px solid #ebebeb;}
#sub_020301 div.section:nth-child(2) table tbody tr td{font-size:16px; font-weight:500;}
#sub_020301 div.section:nth-child(2) table tbody tr td.light{font-size:13px; font-weight:400; text-align:left;}
#sub_020301 div.section:nth-child(2) table tbody tr td.light ul li, #sub_020301 div.section:nth-child(2) table tbody tr td.light p{position:relative; padding-left:7px;}
#sub_020301 div.section:nth-child(2) table tbody tr td.light ul li:before, #sub_020301 div.section:nth-child(2) table tbody tr td.light p:before{content:"-"; position:absolute; top:0; left:0;}
#sub_020301 div.section:nth-child(2) table tbody tr th, #sub_020301 div.section:nth-child(2) table tbody tr td{padding:12px 20px; font-size:16px;  font-weight:500; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; text-align:center;}
#sub_020301 div.section p.reference{position:relative; padding-left:25px; font-size:18px;}
#sub_020301 div.section p.reference span{color:#00677e;}
#sub_020301 div.section p.reference span.red{color:#ff0000;}
#sub_020301 div.section p.reference:before{content:"※"; position:absolute; top:0; left:0;}
#sub_020301 div.section span.title{display:block; margin-top:40px; margin-bottom:25px; font-size:26px; color:#208565; font-weight:700;}
#sub_020301 div.section span.title + table{margin-bottom:0;}
#sub_020301 div.section span.title + table colgroup col{width:12.5%;}
#sub_020301 div.section span.title + table tbody tr:nth-child(2) td{color:#00677e;}

/* 자격증안내 */
#sub_030101 div.license{width:100%; min-height:300px; padding:50px 0; display:flex; align-items:center; position:relative; border:1px solid #e1e1e1;}
#sub_030101 div.license h4{width:340px; font-size:30px; text-align:center; font-weight:700;}
#sub_030101 div.license h4:before{content:""; display:block; width:70px; height:70px; margin:0 auto 10px; border-radius:50%; background-color:#0c815c; background-image:url(/_res/dham/img/icon_license.png); background-repeat:no-repeat; background-position:0 0;}
#sub_030101 div.license ul{width:60%; margin-left:120px; float:right; display:flex; flex-flow:column; flex-wrap:wrap; justify-content:center; flex-direction:row; position:relative; font-size:18px; font-weight:100;}
#sub_030101 div.license ul:before{content:""; position:absolute; width:1px; height:100%; top:0; left:-120px; background-color:#e1e1e1;}
#sub_030101 div.license ul li{width:100%; margin-top:10px;padding-left:15px; position:relative; color:#393939; word-break:keep-all;}
#sub_030101 div.license ul li:before{content:""; position:absolute; top:50%; left:-10px; width:6px; height:6px; transform:translateY(-50%); border-radius:50%; background-color:#0c815c;}

/* 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{top:34px; left:20px; margin-top:-17px;}
    #logo h1 a{width:365px; height:40px; background:url(/_res/schge/img/logo.png) no-repeat; background-size:contain;}
    #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:#208565; 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:#208565;}
    #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 > div{height:60vw; padding-top:170px;}
    #main_visual > div h2{padding-bottom:7px; font-size:16px; letter-spacing:2.5px;}
    #main_visual > div p{font-size:33px;}
    #main_visual > div p > span{font-size:36px;}
    #main_visual > div strong{font-size:50px; line-height:57px;}
    #main_visual > div strong br{display:none;}

    /* 메인_소식 */
    #main_gallery{padding:60px 20px;}
    #main_gallery > div{max-width:100%;}
    #main_gallery > div > div + div{margin-left:55px;}
    #main_gallery > div > div:first-child{width:35%;}
    #main_gallery > div > div:last-child{width:57%;}
    #main_gallery > div > div h3{margin-bottom:30px; font-size:32px; letter-spacing:-2px;}
    #main_gallery > div div.notice ul li{padding:18px 0;}
    #main_gallery > div div.notice ul li:first-child{padding-top:0;}
    #main_gallery > div div.notice ul li a div.front{position:relative;}
    #main_gallery > div div.notice ul li a div.front div.info span.title{position:relative; padding-left:20px; font-size:18px;}
    #main_gallery > div div.notice ul li a div.front div.info span.title:before{top:12px; left:5px; width:5px; height:5px;}
    #main_gallery > div div.notice ul li a div.front div.info span.date{font-size:18px;}
    #main_gallery > div div.gallery ul li{float:none;}
    #main_gallery > div div.gallery ul li + li{margin-left:0;}
    #main_gallery > div div.gallery ul li a div.front div.bg{width:378px; height:211px; margin-bottom:25px;}
    #main_gallery > div div.gallery ul li a div.front div.info span.title{font-size:18px;}
    #main_gallery > div div.gallery ul li a div.back div.view{width:150px; height:45px; line-height:43px; margin:-22.5px 0 0 -60px; font-size:18px; border-radius:45px;}
    #main_gallery > div div.gallery ul li a div.back div.view:before{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;}

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

    /* 메인_학술지 검색 링크 */
    #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{margin-bottom:30px;}
    #sub_010101 > div.img{padding:35px 40px; margin-bottom:25px; height:200px; background-position:50% 0;}
    #sub_010101 > div.img > p.desc{font-size:28px; line-height:40px;}
    #sub_010101 > div.img > p.desc span{font-size:28px;}
    #sub_010101 > div > p{font-size:16px; letter-spacing:-0.5px; word-break:keep-all;}
    #sub_010101 > div > p + p{margin-top:25px;}
    #sub_010101 > div > p.highlight{font-size:17px;}
    #sub_010101 > div > p.highlight + p{margin-top:25px;}
    #sub_010101 > div > p.sign{padding-top:25px; margin-top:0; font-size:20px;}

    /* 전공안내 */
    #sub_010201 > div.section{padding:80px 50px 65px;}
    #sub_010201 > div.section div.title{width:calc(50% - 50px); padding:45px 0;}
    #sub_010201 > div.section div.title:before, #sub_010201 > div.section div.title:after{width:55px; height:55px; border-width:5px !important;}
    #sub_010201 > div.section div.title h4{font-size:28px;}
    #sub_010201 > div.section div.title h4 span{font-size:15px;}
    #sub_010201 > div.section div.text{width:50%;}
    #sub_010201 > div.section div.text p{font-size:16px;}
    #sub_010201 > div.section div.text p + p{margin-top:20px;}
    #sub_010201 > div.section div.text a{width:150px; height:50px; padding-right:15px; margin-top:30px; float:left; line-height:48px; font-size:14px;}

    /* 교육목표 */
    #sub_010301 div.img > p{padding:70px 0; font-size:25px;line-height:36px;}
    #sub_010301 div.section{margin-top:60px;}
    #sub_010301 div.section h4{margin-bottom:10px; font-size:28px;}
    #sub_010301 div.section h4:before{top:-10px; width:43px; height:4px;}
    #sub_010301 div.section > p, #sub_010301 div.section > ul li{font-size:17px;}
    #sub_010301 div.section > p + p{margin-top:15px;}
    #sub_010301 div.section div.box_wrap div.box{padding:35px; min-height:200px; margin-right:20px;}

    /* 교수소개 */
    #sub_010401{max-width:100%;}
    #sub_010401 div.section{grid-gap:10px;}
    #sub_010401 div.section div.box{padding:40px 25px 25px;}
    #sub_010401 div.section div.box div.img{width:160px; height:211px;}
    #sub_010401 div.section div.box div.img > span{background-size:cover;}
    #sub_010401 div.section div.box div.text{width:calc(100% - 160px); padding-left:25px;}
    #sub_010401 div.section div.box:nth-child(2) div.img > span{background-position:-160px 0;}
    #sub_010401 div.section div.box:nth-child(3) div.img > span{background-position:-320px 0;}
    #sub_010401 div.section div.box:nth-child(4) div.img > span{background-position:-480px 0;}
    #sub_010401 div.section div.box:nth-child(5) div.img > span{background-position:-640px 0;}
    #sub_010401 div.section div.box:nth-child(6) div.img > span{background-position:-800px 0;}
    #sub_010401 div.section div.box div.text strong{padding-top:5px; font-size:25px;}
    #sub_010401 div.section div.box div.text span{font-size:15px;}
    #sub_010401 div.section div.box div.text > p{padding-top:2px; padding-left:18px; font-size:16px; letter-spacing:0;}
    #sub_010401 div.section div.box div.text > p:before{top:7px; width:16px; height:16px; background-size:cover;}
    #sub_010401 div.section div.box div.text > p.tel{margin-top:3px;}
    #sub_010401 div.section div.box div.text > p.mail:before{background-position:-16px 0;}
    #sub_010401 div.section div.box div.text > p.location:before{background-position:-32px 0;}
    #sub_010401 div.section div.box > dl.part dt{width:70px; font-size:16px;}
    #sub_010401 div.section div.box > dl.part dd{width:calc(100% - 70px); font-size:17px;}
    #sub_010401 div.section div.box > a{width:40px; height:40px;}
    #sub_010401 div.section div.box > a.homepage{right:39px; width:40px; height:40px;}
    #sub_010401 div.section div.box > a.homepage:before{width:16px; height:16px; background-size:cover;}
    #sub_010401 div.section div.box > a span.ir_text{width:40px; height:40px;}

    /* 연혁 */
    #sub_010501 div.section div{width:62%;}
    #sub_010501 div.section div.department strong{font-size:36px; line-height:40px;}
    #sub_010501 div.section div.department strong span{font-size:36px;}
    #sub_010501 div.section > div > ul:before{top:25px;}
    #sub_010501 div.section > div > ul > li{font-size:23px;}
    #sub_010501 div.section > div > ul > li + li{margin-top:30px;}
    #sub_010501 div.section > div > ul > li > span{display:inline-block; padding-left:25px; }
    #sub_010501 div.section > div > ul > li:nth-child(1):before{top:14px; left:-8px; width:16px; height:16px;}
    #sub_010501 div.section > div > ul > li:after{top:18px; left:-4px; width:10px; height:10px;}
    #sub_010501 div.section > div > ul > li:nth-child(3){margin-top:100px;}
    #sub_010501 div.section > div > ul > li:nth-child(4){margin-top:80px;}
    #sub_010501 div.section > div > ul > li:nth-child(5), #sub_010501 div.section > div > ul > li:nth-child(6){margin-top:50px;}
    #sub_010501 div.section > div > ul > li > ul{top:5px; left:120px;}
    #sub_010501 div.section > div > ul > li > ul > li{font-size:17px;}
    #sub_010501 div.section > div > ul > li > ul > li span{margin-right:10px;}

    /* 학과발전계획 */
    #sub_010601 div.section{margin-top:60px;}
    #sub_010601 div.section h4{font-size:28px;}
    #sub_010601 div.section > ul > li{padding:15px 25px; font-size:17px;}
    #sub_010601 div.section > ul > li:before{top:26px; left:10px; width:5px; height:5px;}
    #sub_010601 div.section > p{padding-top:8px; font-size:17px;}

    /* 교육과정안내 */
    #sub_020101{margin-bottom:30px;}
    #sub_020101 div.section:nth-child(1) table{margin-bottom:65px;}
    #sub_020101 div.timetable table col.type{width:15%;}
    #sub_020101 div.timetable table col.class{width:30%;}
    #sub_020101 div.timetable table col.score{width:15%;}
    #sub_020101 div.timetable table col.proper{width:25%;}
    #sub_020101 div.section table thead tr th, #sub_020101 div.section table tbody tr td{padding:12px 15px; font-size:14px; font-weight:400;}
    #sub_020101 div.section > div.img{width:100%; height:1100px; margin:20px auto; background-size:contain;}
    #sub_020101 div.section h4{margin-bottom:12px; font-size:24px;}
    #sub_020101 div.section h4:before{width:43px; height:3px;}


    /* 자격증안내 */
    #sub_030101 div.license{min-height:240px;}
    #sub_030101 div.license h4{width:25%; font-size:24px; word-break:keep-all;}
    #sub_030101 div.license h4:before{width:60px; height:60px; margin:0 auto 10px;}
    #sub_030101 div.license ul{margin-left:60px; font-size:17px;}
    #sub_030101 div.license ul:before{left:-70px;}
    #sub_030101 div.license ul li:before{top:14px; left:0;}
}

/* Mobile */
@media all and (max-width:767px){
    body{-webkit-text-size-adjust:100%; overflow-x:hidden;}
    .mobile{display:block;}
    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 > div{width:100%; max-width:100%; position:absolute; top:65px; right:0; z-index:10; border-bottom:1px solid #fff;}
    #tnb > div ul{width:100%;}
    #tnb > div ul li{padding:12px 10px; width:50%; text-align:center; margin-right:0;}
    #tnb > div ul li:nth-child(2){display:none;}
    #tnb > div ul li a{font-size:15px; line-height:100%;}
    #tnb > div ul:first-child li + li{margin-left:0;}
    #tnb > div ul:first-child li + li:before{top:38px; height:15px; background-color:rgba(255,255,255,.2);}
    #logo{height:65px; position:relative; background-color:#fff; z-index:999;}
    #logo h1{top:32px; margin-top:-11px; left:20px;}
    #logo h1 a{width:245px; height:27px; background:url(/_res/schge/img/logo.png) no-repeat; background-size:contain;}
    #gnb_control{display:block; margin-top:0; width:66px; height:66px; top:0; right:0;}
    #gnb_control:before{top:23px;}
    #gnb_control:after{bottom:22px;}
    #gnb_control.active{background-color:#208565;}
    #gnb_control.active:before, #gnb_control.active:after{width:24px; background-color:#fff;}
    #gnb_control.active:before{margin-left:-11px; top:29px;}
    #gnb_control.active:after{margin-left:-11px; bottom:34px;}
    #gnb{width:100%; height:100vh; padding:0; position:absolute; top:0; right:-100%; background-color:#208565; transition:all 0.1s;}
    #gnb.active{max-height:inherit; right:0;}
    #gnb nav{width:100%; padding-top:110px; 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{position:relative; height:65px; line-height:65px; padding:0 20px; font-size:16px; font-weight:400; color:#fff; background-color:#208565;}
    #gnb nav > ul > li > a:after{width:22px; height:11px; background:url(/_res/schge/img/bg_gnb_mobile_arrow.png) no-repeat 50% 50%/22px auto; position:absolute; top:27px; right:20px; margin-top:-4.5px; content:""; transform:rotate(-180deg) translateY(-2px); 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:65px; line-height:65px; font-size:15px; color:#333; letter-spacing:0; text-align:left; position:relative; background-color:#f7f7f7;}
    #gnb nav > ul > li > ul li a:before{display:none;}
    #gnb nav > ul > li > ul li a.active{color:#fff; font-weight:300; background-color:#494949;}
    #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 #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;}

    /* header.fixed */
    header.fixed #logo h1 a{background-size:245px 26px;}

    #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{margin-top:65px;}
    #main_visual > div{height:auto; padding:35px 20px 220px; background-size:cover;}
    #main_visual{width:100%; background-image:url(/_res/schge/img/main_visual_01.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
    #main_visual > div{max-width:100%;}
    #main_visual div.textbox{width:100%; float:none;}
    #main_visual div.textbox h2{padding-top:22px; padding-bottom:15px; font-size:30px; letter-spacing:0; line-height:28px;}
    #main_visual div.textbox p{padding-bottom:8px; font-size:17px; letter-spacing:-1px; line-height:24px;}
    #main_visual div.textbox span{font-size:14px; letter-spacing:0; line-height:25px; color:#36b26d; font-weight:350;}
    #main_visual div.noticebox{margin-top:20px; width:100%; float:none;}
    #main_visual div.noticebox div.top{display:block; width:100%;}
    #main_visual div.noticebox div.top div.notice{position:relative; width:100%;}
    #main_visual div.noticebox div.top div.notice h3{margin-bottom:10px; font-size:20px;}
    #main_visual div.noticebox div.top div.notice h3:after{bottom:-5px;}
    #main_visual div.noticebox div.top div.notice div.board{padding:25px 30px; width:100%; height:inherit; float:none;}
    #main_visual div.noticebox div.top div.notice div.board ul li{position:relative; padding:15px 0; margin-top:15px;}
    #main_visual div.noticebox div.top div.notice div.board ul li:first-child{margin-top:0;}
    #main_visual div.noticebox div.top div.notice div.board ul li.empty{padding:15px 0; font-size:18px;}
    #main_visual div.noticebox div.top div.notice div.board ul li > a span{display:inline-block; padding-left:14px; font-size:18px;}
    #main_visual div.noticebox div.top div.notice div.board ul li > a span.subject{width:100%;}
    #main_visual div.noticebox div.top div.notice div.board ul li > a span.date{top:47px; left:0; font-size:14px;}
    #main_visual div.noticebox div.top div.notice div.board ul li.empty{border-bottom:0; padding:60px 0 !important;}
    #main_visual div.noticebox div.top div.introduce{padding:25px 30px; width:100%; height:auto; float:none;}
    #main_visual div.noticebox div.top div.introduce h3{margin-bottom:10px; font-size:20px;}
    #main_visual div.noticebox div.top div.introduce ul li > a{padding-left:0; font-size:17px; line-height:70px; font-weight:350;}
    #main_visual div.noticebox div.top div.introduce ul li.active, #main_visual div.noticebox div.top div.introduce ul li:hover, #main_visual div.noticebox div.top div.introduce ul li:focus{background:none; border-radius:0;}
    #main_visual div.noticebox div.top div.introduce ul li.active > a, #main_visual div.noticebox div.top div.introduce ul li:hover > a, #main_visual div.noticebox div.top div.introduce ul li:focus > a{color:#fff;}
    #main_visual div.noticebox div.top div.introduce ul li.active:before, #main_visual div.noticebox div.top div.introduce ul li.active:after, #main_visual div.noticebox div.top div.introduce ul li:hover:before, #main_visual div.noticebox div.top div.introduce ul li:focus:before, #main_visual div.noticebox div.top div.introduce ul li:hover:after, #main_visual div.noticebox div.top div.introduce ul li:focus:after{right:18px; width:11px;}
    #main_visual div.noticebox div.top div.introduce ul li.active:before, #main_visual div.noticebox div.top div.introduce ul li:hover:before, #main_visual div.noticebox div.top div.introduce ul li:focus:before{top:17px;}
    #main_visual div.noticebox div.top div.introduce ul li.active:after, #main_visual div.noticebox div.top div.introduce ul li:hover:after, #main_visual div.noticebox div.top div.introduce ul li:focus:after{top:25px;}
    #main_visual div.noticebox div.bottom{height:90px;}
    #main_visual div.noticebox div.bottom ul li{padding:0 30px; width:100%; height:90px; float:none;}
    #main_visual div.noticebox div.bottom ul li:before{right:30px; background-size:cover;}
    #main_visual div.noticebox div.bottom ul li > a{padding:0; font-size:20px; line-height:90px;}
    a.more{width:16px; height:16px;}
    a.more:before, a.more:after{width:16px;}

    /* 메인_소식 */
    #main_gallery{padding:30px 15px;}
    #recent_gallery{padding:0;}
    #recent_gallery div.board ul.gallery_slide{display:block;}
    #recent_gallery div.board ul.gallery_slide li{margin-left:0; width:100%;}
    #recent_gallery div.board ul.gallery_slide li + li{margin-top:10px;}
    #recent_gallery div.board ul.gallery_slide li a{width:100%;}
    #recent_gallery div.board ul.gallery_slide li a div.info{text-align:center;}
    #recent_gallery a.more{top:10px; right:20px;}

    /* 사이트 바로가기 */
    #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:65px; background-size:cover; background:url(/_res/schge/img/bg_sub_visual_01.jpg) no-repeat 58% 69%;}
    #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/schge/img/bg_snb_arrow.png) no-repeat 50% 50%/12px 7px; transform:translateY(-50%);}
    #snb div > ul > li ul{top:75px; left:50%;}
    #snb div > ul > li ul li{margin:0 4px;}
    #snb div > ul > li ul li a{font-size:13px;}
    #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{margin-bottom:60px;}
    #sub_010101 > div.img{display:flex; align-items:center; padding:0 20px; margin-bottom:25px; height:175px; background:url(/_res/schge/img/m_sub_background_01.jpg) no-repeat; background-size:cover; background-position:100% 0;}
    #sub_010101 > div.img > p.desc{font-size:22px; line-height:28px;}
    #sub_010101 > div.img > p.desc br{display:none;}
    #sub_010101 > div.img > p.desc span{font-size:22px;}
    #sub_010101 > div > p{font-size:15px; line-height:24px; letter-spacing:0;}
    #sub_010101 > div > p + p{margin-top:25px;}
    #sub_010101 > div > p.highlight{font-size:15px;}
    #sub_010101 > div > p.highlight + p{margin-top:25px;}
    #sub_010101 > div > p.sign{padding-top:45px; margin-top:0; font-size:20px;}

    /* 전공안내 */
    #sub_010201 > div.section{padding:50px 35px;}
    #sub_010201 > div.section div.title{width:100%; padding:35px 0; float:none;}
    #sub_010201 > div.section div.title:before, #sub_010201 > div.section div.title:after{width:45px; height:45px; border-width:4px !important;}
    #sub_010201 > div.section div.title:before{left:-7px;}
    #sub_010201 > div.section div.title:after{right:-7px;}
    #sub_010201 > div.section div.title h4{font-size:25px;}
    #sub_010201 > div.section div.title h4 span{font-size:15px;}
    #sub_010201 > div.section div.text{width:100%; margin-top:30px; float:none; overflow:hidden;}
    #sub_010201 > div.section div.text p{font-size:16px; line-height:1.25; letter-spacing:0;}
    #sub_010201 > div.section div.text p + p{margin-top:17px;}
    #sub_010201 > div.section div.text a{width:130px; height:48px; padding-right:15px; margin-top:15px; float:left; line-height:44px; font-size:14px;}

    /* 교육목표 */
    #sub_010301 div.img > p{padding:30px 20px; font-size:18px; line-height:25px;}
    #sub_010301 div.img > p br{display:none;}
    #sub_010301 div.section{margin-top:40px;}
    #sub_010301 div.section h4{margin-bottom:12px; font-size:24px;}
    #sub_010301 div.section h4:before{width:43px; height:3px;}
    #sub_010301 div.section > p, #sub_010301 div.section > ul li{font-size:16px; letter-spacing:0;}
    #sub_010301 div.section > p + p{margin-top:30px;}
    #sub_010301 div.section div.box_wrap{display:block;}
    #sub_010301 div.section div.box_wrap div.box{padding:35px; min-height:200px; width:100%; margin-right:0; margin-bottom:15px;}
    #sub_010301 div.section div.box_wrap div.box:last-child{margin-bottom:0;}

    /* 교수소개 */
    #sub_010401{max-width:100%;}
    #sub_010401 div.section{grid-template-columns:1fr; grid-gap:15px;}
    #sub_010401 div.section div.box{padding:40px 25px 25px;}
    #sub_010401 div.section div.box div.img{width:145px; height:191px;}
    #sub_010401 div.section div.box div.img > span{background-size:cover;}
    #sub_010401 div.section div.box:nth-child(2) div.img > span{background-position:-145px 0;}
    #sub_010401 div.section div.box:nth-child(3) div.img > span{background-position:-290px 0;}
    #sub_010401 div.section div.box:nth-child(4) div.img > span{background-position:-435px 0;}
    #sub_010401 div.section div.box:nth-child(5) div.img > span{background-position:-580px 0;}
    #sub_010401 div.section div.box:nth-child(6) div.img > span{background-position:-725px 0;}
    #sub_010401 div.section div.box div.text{width:calc(100% - 145px); padding-left:20px;}
    #sub_010401 div.section div.box div.text strong{padding-top:5px; font-size:22px;}
    #sub_010401 div.section div.box div.text span{font-size:14px;}
    #sub_010401 div.section div.box div.text p{padding-top:2px; padding-left:14px; font-size:15px; letter-spacing:0;}
    #sub_010401 div.section div.box div.text p:before{top:7px; left:-1px; width:14px; height:14px; background-size:cover;}
    #sub_010401 div.section div.box div.text p.tel{margin-top:4px;}
    #sub_010401 div.section div.box div.text p.mail:before{background-position:-14px 0;}
    #sub_010401 div.section div.box div.text p.location:before{background-position:-28px 0;}
    #sub_010401 div.section div.box > dl.part dt{width:65px; font-size:15px;}
    #sub_010401 div.section div.box > dl.part dd{width:calc(100% - 65px); font-size:15px;}
    #sub_010401 div.section div.box > a{width:34px; height:34px;}
    #sub_010401 div.section div.box > a.homepage{width:34px; height:34px; right:33px;}
    #sub_010401 div.section div.box > a span.ir_text{width:34px; height:34px;}
    #sub_010401 div.section div.box > a span.ir_text:before #sub_010401 div.section div.box > a span.ir_text:after{width:12px;}

    /* 연혁 */
    #sub_010501 div.section div{width:100%; float:none;}
    #sub_010501 div.section div.department{width:100%; margin-bottom:60px;}
    #sub_010501 div.section div.department strong{font-size:36px; line-height:40px;}
    #sub_010501 div.section div.department strong span{font-size:36px;}
    #sub_010501 div.section > div > ul:before{top:25px;}
    #sub_010501 div.section > div > ul > li{font-size:30px;}
    #sub_010501 div.section > div > ul > li:nth-child(2){margin-top:40px;}
    #sub_010501 div.section > div > ul > li + li{margin-top:40px;}
    #sub_010501 div.section > div > ul > li > span{display:inline-block; padding-left:25px; }
    #sub_010501 div.section > div > ul > li:nth-child(1):before{top:14px; left:-8px; width:16px; height:16px;}
    #sub_010501 div.section > div > ul > li:after{top:18px; left:-4px; width:10px; height:10px;}
    #sub_010501 div.section > div > ul > li > ul{position:static; display:block; margin-left:28px; width:95%;}
    #sub_010501 div.section > div > ul > li > ul > li{font-size:15px;}
    #sub_010501 div.section > div > ul > li > ul > li span{margin-right:5px;}  

    /* 학과발전계획 */
    #sub_010601 div.section{margin-top:60px;}
    #sub_010601 div.section h4{font-size:24px;}
    #sub_010601 div.section > ul > li{margin-top:0; padding:20px 10px; margin-left:0; font-size:16px;}
    #sub_010601 div.section > ul > li:before{width:4px; height:4px; top:31px; left:-3px;}
    #sub_010601 div.section > p{padding-top:4px; font-size:16px;}    

    /* 교육과정안내 */
    #sub_020101{margin-bottom:30px;}
    #sub_020101 div.section:nth-child(1) table{margin-bottom:30px;}
    #sub_020101 div.timetable table col.type{width:15%;}
    #sub_020101 div.timetable table col.class{width:30%;}
    #sub_020101 div.timetable table col.score{width:15%;}
    #sub_020101 div.timetable table col.proper{width:25%;}
    #sub_020101 div.section table thead tr th, #sub_020101 div.section table tbody tr td{padding:6px 10px; font-size:14px; font-weight:400;}
    #sub_020101 div.section table tbody tr td{padding:6px 12px;}
    #sub_020101 div.section > div.img{width:100%; height:126vw; margin:15px auto; background-size:contain;}

    /* 졸업 자격 요건 */
    #sub_020301{margin-bottom:30px;}
    #sub_020301 div.section h4{margin-bottom:20px; font-size:18px;}
    #sub_020301 div.section h4:before{width:38px; height:3px;}
    #sub_020301 div.section:nth-child(1) table{margin-bottom:65px;}
    #sub_020301 div.section table colgroup col.title{width:40%;}
    #sub_020301 div.section table tbody tr th, #sub_020301 div.section table tbody tr td{padding:6px 12px; font-size:14px; font-weight:400;}
    #sub_020301 div.section table tbody tr td{padding:6px 12px;}
    #sub_020301 div.section:nth-child(2) table{margin-bottom:25px;}
    #sub_020301 div.section:nth-child(2) table:first-of-type{display:none;}
    #sub_020301 div.section span.title + table colgroup col{width:7%;}
    #sub_020301 div.section:nth-child(2) table colgroup col.grade{width:5%;}
    #sub_020301 div.section:nth-child(2) table thead tr th{padding:6px 8px; font-size:16px;}
    #sub_020301 div.section:nth-child(2) table tbody tr td{font-size:16px;}
    #sub_020301 div.section:nth-child(2) table tbody tr > td.left{text-align:left;} 
    #sub_020301 div.section:nth-child(2) table tbody tr td > ul > li{position:relative; padding-left:10px; text-align:left;}
    #sub_020301 div.section:nth-child(2) table tbody tr td > ul > li:before{content:"-"; position:absolute; top:0; left:0;}
    #sub_020301 div.section:nth-child(2) table tbody tr th, #sub_020301 div.section:nth-child(2) table tbody tr td{padding:7px; font-size:14px; font-weight:400;}
    #sub_020301 div.section:nth-child(2) table tbody tr:nth-child(even){border-bottom:1px solid #ebebeb;}
    #sub_020301 div.section:nth-child(2) table.mobile colgroup col.score{width:5%;}
    #sub_020301 div.section:nth-child(2) table.mobile colgroup col.title{width:27%;}
    #sub_020301 div.section p.reference{margin-top:10px; padding-left:18px; font-size:14px; word-break:keep-all;}
    #sub_020301 div.section span.title{margin-top:45px; margin-bottom:10px; font-size:15px;}
    #sub_020301 div.section span.title + table{margin-bottom:0;}

    /* 자격증안내 */
    #sub_030101 div.license{display:block; min-height:auto; padding:0;}
    #sub_030101 div.license h4{width:100%; padding:15px 0; margin-left:12px; font-size:18px; text-align:left;}
    #sub_030101 div.license h4:before{display:inline-block; width:50px; height:50px; margin:0 10px 0 0; vertical-align:-17px; background-size:55px 50px;}
    #sub_030101 div.license ul{width:100%; padding:15px 0; margin-left:0; float:none; font-size:17px; border-top:1px solid #e1e1e1;}
    #sub_030101 div.license ul:before{display:none;}
    #sub_030101 div.license ul li{width:47%; margin:5px 0; padding-left:16px; margin-left:6px; font-size:14px; word-break:inherit;}
    #sub_030101 div.license ul li:before{top:8px; left:5px; width:4px; height:4px; transform:translateY(0);}
}