@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:fixed; top:0; left:0; z-index:99; transition:all 0.3s;}
#tnb > div{display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1200px; height:36px; margin:0 auto;}
#tnb > div ul{display:flex; gap:15px;}
#tnb > div ul li a{font-size:14px; color:#fff;}
#tnb > div ul li a:hover, #tnb > div ul li:focus{text-decoration:underline;}
header section{display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1200px; height:110px; margin:0 auto; position:relative;}
header section h1 a{display:block; width:447px; height:55px; background:url(/_res/premedicine/img/logo.png) no-repeat 0 -55px/447px 110px; text-indent:-9999px;}
header #gnb > ul > li > a{color:#fff;}
#gnb div.mobile{display:none; background-color:#28bf9d;}
#gnb div.mobile a{flex:1 1 0; height:60px; line-height:60px; position:relative; font-size:13px; color:#fff; text-align:center;}
#gnb div.mobile a:not(:first-child):before{content:""; width:1px; height:10px; position:absolute; top:50%; left:0; background-color:#b7b7b7; transform:translateY(-50%);}
#gnb > ul{display:flex;}
#gnb > ul > li{position:relative;}
#gnb > ul > li > a{display:flex; align-items:center; height:110px; padding:0 30px; font-size:22px; font-weight:500;}
#gnb > ul > li:last-child > a{padding-right:0;}
#gnb > ul > li > ul{visibility:hidden; max-height:0; min-width:200px; overflow:hidden; position:absolute; top:110px; left:50%; background-color:#f7f7f7; transition:max-height 0.2s; transform:translateX(-50%);}
#gnb > ul > li:last-child > ul{margin-left:20px;}
#gnb > ul > li.active > ul{display:block; visibility:visible; max-height:400px; border-top:4px solid #28bf9d;}
#gnb > 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 > ul > li:last-child > a{padding-right:0;}
#gnb > ul > li > ul > li:focus > a{visibility:visible; display:block;}
#gnb > ul > li > ul > li > a:hover, #gnb > ul > li > ul > li > a:focus{color:#fff; background-color:#28bf9d;}
#gnb > ul > li > ul > li > a:focus{visibility:visible; display:block;}
#gnb.active{visibility:visible; max-height:500px; opacity:1;}
#gnb_control{display:none; width:40px; height:40px; position:relative; border:none; transition:all 0.3s;}
#gnb_control span{width:26px; height:2px; background-color:#333; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-13px; text-indent:-9999px; transition:all 0.3s;}
#gnb_control:before, #gnb_control:after{content:""; width:26px; height:2px; background-color:#333; position:absolute; left:50%; margin-left:-13px; transition:all 0.3s;}
#gnb_control:before{top:10px;}
#gnb_control:after{bottom:9px;}
#tnb.active{background-color:#28bf9d; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
header section.active h1 a{background:url(/_res/premedicine/img/logo.png) no-repeat 0 -55px/447px 110px;}
#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{border-bottom:1px solid #d7d7d7; background-color:#fff;}
header.fixed #tnb{background-color:#28bf9d;}
header.fixed section h1 a{background-position:0 0;}
header.fixed #gnb > ul > li > a{color:#333;}

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

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

/* 메인_비쥬얼 */
#main_visual{margin-top:120px; width:100%;}
#main_visual:before{content:""; position:absolute; top:50%; left:50%; width:100%; height:102%; background-image:url(/_res/premedicine/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; transform:translate(-50%, -50%);}
@keyframes visual_effect {
    50% {transform:translate(-50%, -50%) scale(1.1);}
    100% {transform:translate(-50%, -50%) scale(1);}
}
#main_visual > div{position:relative; max-width:1200px; margin:0 auto; width:100%; padding-bottom:290px; overflow:hidden;}
#main_visual .textbox{position:absolute; top:130px; left:0; z-index:1;}
#main_visual .textbox p{font-size:34px; color:#fff; letter-spacing:-1px; word-break:keep-all; text-shadow:2px 2px 9px black;}
#main_visual .textbox h2{font-size:55px; color:#fff; font-weight:700; letter-spacing:0; text-shadow:1px 1px 12px black;}
#main_visual .textbox h2 > span{display:none;}
#main_visual .textbox h2 br{display:none;}
#main_visual .textbox > span{font-size:26px; color:#b4b4b4; font-weight:300; letter-spacing:0; text-shadow:1px 1px 12px black;}
#main_visual .noticebox{position:relative;}
#main_visual .noticebox ul.link_box{margin-top:130px; display:inline-block; width:800px; float:right;}
#main_visual .noticebox ul.link_box li{position:relative; width:200px; height:200px; float:left;}
#main_visual .noticebox ul.link_box li:first-child{margin-left:400px;}
#main_visual .noticebox ul.link_box li a{position:relative; display:block; width:100%; height:100%; padding-top:70px; font-size:23px; text-align:center; color:#fff;}
#main_visual .noticebox ul.link_box li:nth-child(1) a{background-color:#28bf9d;}
#main_visual .noticebox ul.link_box li:nth-child(2) a{background-color:#00677e;}
#main_visual .noticebox ul.link_box li:nth-child(3) a{background-color:#29a2c7;}
#main_visual .noticebox ul.link_box li:nth-child(4) a{background-color:#0e3ea0;}
#main_visual .noticebox ul.link_box li:nth-child(1) a:hover, #main_visual .noticebox ul.link_box li:nth-child(1) a:focus{background-color:#21a487;}
#main_visual .noticebox ul.link_box li:nth-child(2) a:hover, #main_visual .noticebox ul.link_box li:nth-child(2) a:focus{background-color:#005669;}
#main_visual .noticebox ul.link_box li:nth-child(3) a:hover, #main_visual .noticebox ul.link_box li:nth-child(3) a:focus{background-color:#2288a7;}
#main_visual .noticebox ul.link_box li:nth-child(4) a:hover, #main_visual .noticebox ul.link_box li:nth-child(4) a:focus{background-color:#0d3588;}
#main_visual .noticebox ul.link_box li a:after{content:""; position:absolute; width:160px; height:180px; top:50%; left:50%; box-sizing:border-box; border:2px solid rgba(255, 255, 255, .3); transition:all 0.3s; transform:translate(-50%, -50%);}
#main_visual .noticebox ul.link_box li a:before{content:""; display:block; width:65px; height:50px; margin:0 auto; background:url(/_res/premedicine/img/icon_linkbox.png) no-repeat; background-position:0 0; background-size:260px 50px;} 
#main_visual .noticebox ul.link_box li:nth-child(2) a:before{background-position:-65px 0;}
#main_visual .noticebox ul.link_box li:nth-child(3) a:before{background-position:-130px 0;}
#main_visual .noticebox ul.link_box li:nth-child(4) a:before{background-position:-195px 0;}
#main_visual .noticebox .board_wrap{position:absolute; top:330px; right:0;}
#main_visual .noticebox .board_wrap .notice{position:relative; display:inline-block; width:400px;}
#main_visual .noticebox .board_wrap .notice .board{width:100%;}
#main_visual .noticebox .board_wrap .notice .board h3{display:inline-block; position:relative; margin-bottom:20px; font-size:26px; font-weight:700;}
#main_visual .noticebox .board_wrap .notice .board{position:relative; padding:37px 35px; width:100%; height:245px; float:left; background-color:#fff;}
#main_visual .noticebox .board_wrap .notice .board ul li.empty{padding:15px 0; font-size:18px; text-align:center;}
#main_visual .noticebox .board_wrap .notice .board ul li{position:relative; margin-bottom:10px;}
#main_visual .noticebox .board_wrap .notice .board ul li:last-child{margin-bottom:0}
#main_visual .noticebox .board_wrap .notice .board ul li > a{display:block; overflow:hidden;}
#main_visual .noticebox .board_wrap .notice .board ul li > a span{display:-webkit-box; width:75%; overflow:hidden; text-overflow:ellipsis; font-size:18px; -webkit-line-clamp:1; -webkit-box-orient:vertical; float:left;}
#main_visual .noticebox .board_wrap .notice .board ul li > a span.subject:hover, #main_visual .noticebox .notice .board ul li > a span.subject:focus{color:#28bf9d;}
#main_visual .noticebox .board_wrap .notice .board ul li > a span.date{width:25%; font-size:16px; color:#818181; float:right; font-weight:300;}
#main_visual .noticebox .board_wrap .notice .board ul li.empty{border-bottom:0; padding:60px 0 !important;}
#main_visual .noticebox .board_wrap .gallery{position:absolute; top:245px; right:0; width:400px; height:225px; float:left; background-color:rgba(0, 0, 0, 0.5);}
#main_visual .noticebox .board_wrap .gallery ul.gallery_slide{height:225px; overflow:hidden;}
#main_visual .noticebox .board_wrap .gallery ul.gallery_slide li{float:left; color:rgba(0, 0, 0, 0.5);}
#main_visual .noticebox .board_wrap .gallery ul.gallery_slide li a{display:block; width:400px; height:225px; overflow:hidden; background-position:50% 50%; background-size:cover; position:relative;}
#main_visual .noticebox .board_wrap .gallery ul.gallery_slide li a div.info{width:100%; position:absolute; left:0; bottom:0;}
#main_visual .noticebox .board_wrap .gallery ul.gallery_slide li a div.info span.title{display:block; width:100%; height:50px; line-height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; font-size:18px; color:#fff; background-color:rgba(0,0,0,0.7); box-sizing:border-box; padding:0 15px;}
#main_visual .noticebox .board_wrap .gallery ul.gallery_slide li a div.info span.date{display:none;}
#main_visual .noticebox .faculty{position:absolute; top:530px; right:400px; width:400px; height:270px;}
#main_visual .noticebox .faculty a{display:block; height:270px; padding:30px; background-color:#fff;  overflow:hidden; position:relative;}
#main_visual .noticebox .faculty a .img{width:155px; height:0; padding-bottom:60.5%; float:left; position:relative;}
#main_visual .noticebox .faculty a .img > span{width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-image:url(/_res/premedicine/img/img_profile1.png); background-size:contain;}
#main_visual .noticebox .faculty a .text{width:calc(100% - 155px); padding:28px 0 0 28px; float:left;}
#main_visual .noticebox .faculty a .text > strong{font-size:29px; font-weight:300;}
#main_visual .noticebox .faculty a .text > strong > span{font-weight:700;}
#main_visual .noticebox .faculty a .text > span{display:block; font-size:16px; color:#707070;}
#main_visual .noticebox .faculty a .text > p{margin-top:15px; font-size:16px; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
#main_visual .noticebox .faculty a .text > p > span{color:#027d98; font-weight:500;}
#main_visual .noticebox .faculty a .btn{content:""; position:absolute; top:-1px; right:-1px; margin-top:0; width:50px; height:50px; background-color:#25539b;}
#main_visual .noticebox .faculty a .btn span.ir_text{display:inline-block; position:absolute; top:50%; left:50%; width:40px; height:40px; text-indent:100%; white-space:nowrap; overflow:hidden; transform:translate(-50%, -50%); transition:all .3s;}
#main_visual .noticebox .faculty a .btn span.ir_text:before, #main_visual .noticebox .faculty a .btn span.ir_text:after{content:""; position:absolute; top:50%; left:50%;background-color:#cce5ea;}
#main_visual .noticebox .faculty a .btn span.ir_text:before{width:20px; height:1px; left:calc(50% / 2);}
#main_visual .noticebox .faculty a .btn span.ir_text:after{width:1px; height:20px; transform:rotate(90deg) translateX(-50%) rotate(90deg); top:calc((50% / 2) + 1px);}
#main_visual .noticebox .faculty a:hover div.btn span.ir_text, #main_visual .noticebox .facult a:focus .btn span.ir_text{transform:translate(-50%, -50%) rotate(180deg);}
a.more{width:40px; height:40px; position:absolute; top:37px; right:35px; text-indent:-9999px;}
a.more:before, a.more:after{content:""; position:absolute; top:50%; left:50%; width:25px; height:2px; 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/premedicine/img/bg_sub_visual_01.jpg) no-repeat 50% 100%;}
#sub_visual > div{width:100%; max-width:1200px; margin:0 auto; padding:215px 0 127px;}
#sub_visual > div h2{display:inline-block; font-size:48px; font-weight:700; color:#fff;}
#sub_visual div.breadcrum{padding-top:30px; float:right;}
#sub_visual div.breadcrum ul{display:flex; gap:35px;}
#sub_visual div.breadcrum ul li, #sub_visual > div div.breadcrum ul li a{position:relative; font-size:19px; font-weight:300; color:#fff; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);}
#sub_visual div.breadcrum ul li:not(:first-child):before{content:""; width:10px; height:10px; position:absolute; top:50%; left:-25px; border-top:1px solid rgba(255, 255, 255, 0.5); border-right:1px solid rgba(255, 255, 255, 0.5); transform:translateY(-50%) rotate(45deg);}
#sub_visual div.breadcrum ul li:first-child a:before{content:""; display:block; width:18px; height:19px; position:absolute; top:50%; left:0; background:url(/_res/sw/img/bg_breadcrum.png) no-repeat 50% 50%/19px 21px; transform:translateY(-50%);}
#sub_visual div.breadcrum ul li:first-child a span{opacity:0;}
#sub_visual div.breadcrum ul li ul{display:none;}

#snb{margin-top:-40px;}
#snb div{width:100%; max-width: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; border-bottom:2px solid #027d98;}
#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:#027d98;}

#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:#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:#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;}

#sub_contents{width:100%; max-width:1400px; margin:0 auto; padding:75px 100px; /* padding:20px 0 50px;  */box-sizing:border-box;}
#sub_contents .section{padding-top:130px;}
#sub_contents .section:first-child{padding-top:0;}
#sub_contents .section p{font-size:18px; color:#333; line-height:170%; word-break:keep-all; letter-spacing:0;}
#sub_contents h4.title{margin-bottom:10px; font-size:23px; font-weight:500;}
#sub_contents h4.title:before{display:inline-block; content:""; width:3px; height:16px; margin-right:18px; background-color:#0cafcc;}
#sub_contents .sub_title{font-size:26px; font-weight:700; color:#027d98;}
#sub_contents .section h4{position:relative; display:inline-block; margin-bottom:25px; font-size:30px; font-weight:700;}
#sub_contents .section h4:before{content:""; position:absolute; top:-10px; left:0; width:34px; height:4px; background-color:#027d98;}
#sub_contents .section .sub_title{display:block; margin-bottom:30px; font-size:26px; font-weight:700; color:#027d98;}
#sub_contents ul.list li{position:relative; padding:25px 15px 25px 35px; font-size:18px; font-weight:300; border-bottom:1px solid #d7d7d7; letter-spacing:0;}
#sub_contents ul.list li:first-child{padding-top:0;}
#sub_contents ul.list li:first-child:before{top:11px;}
#sub_contents ul.list li:before{content:""; width:6px; height:6px; position:absolute; top:36px; left:10px; border-radius:50%; background-color:#027d98;}
#sub_contents .section p.reference{position:relative; padding-left:23px; font-size:16px; letter-spacing:-0.5px;}
#sub_contents .section p.reference:before{content:"※"; position:absolute; top:0; left:0;}
#sub_contents .section .green{color:#027d98;}

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

/* 인사말 */
#sub_010101{overflow:hidden;}
#sub_010101 .img{position:relative; width:100%; height:255px;}
#sub_010101 .img > div{width:80%; height:225px; background:url(/_res/premedicine/img/sub_visual_010101.jpg) no-repeat; float:right;}
#sub_010101 .img > div .text{position:absolute; top:60px; left:0; padding:50px 42px; width:570px; height:75%; background:url(/_res/premedicine/img/img_gradient.png) no-repeat; background-size:cover;}
#sub_010101 .img > div .text strong{display:block; font-size:30px; font-weight:700; color:#fff;}
#sub_010101 > p{position:relative; padding-top:40px; font-size:18px; font-weight:300; line-height:1.5; word-break:keep-all;}
#sub_010101 > p:nth-of-type(1){padding-top:0;}
#sub_010101 > p.bold{margin-top:45px; font-size:20px; font-weight:450;}
#sub_010101 > p.sign{padding-top:60px; font-size:24px; font-weight:300;}
#sub_010101 > p.sign strong{font-weight:500;}

/* 전공안내 */
#sub_010201{margin-bottom:60px;}
#sub_010201 dl{overflow:hidden; border-bottom:1px solid #d7d7d7;}
#sub_010201 dl dt{padding:60px 55px; width:30%; font-size:35px; color:#027d98; font-weight:700; float:left; border-top:2px solid #027d98;}
#sub_010201 dl dd{padding:60px 40px 60px 120px; width:70%; float:right; border-top:1px solid #d7d7d7;}
#sub_010201 dl dd ul > li{position:relative; padding-left:10px; font-size:17px; font-weight:300; letter-spacing:0; word-break:keep-all;}
#sub_010201 dl dd ul > li + li{margin-top:40px;}
#sub_010201 dl dd ul > li strong{display:block; font-weight:500;}
#sub_010201 dl dd ul > li:before{content:""; position:absolute; top:10px; left:0; width:4px; height:4px; background-color:#027d98;}

/* 교육목표 */
#sub_010301{margin-bottom:60px;}
#sub_010301 .section > div{padding-top:110px;}
#sub_010301 .section > div:nth-of-type(1){padding-top:0;}
#sub_010301 .section > div .sub_title{margin-bottom:15px;}
#sub_010301 .section > div .sub_title + ul.list{margin-top:30px;}
#sub_010301 .section2 ol{display:flex; flex-flow:row; justify-content:space-around; margin-top:40px;}
#sub_010301 .section2 ol li{width:50%; border:10px solid #e1f3f7; position:relative;}
#sub_010301 .section2 ol li + li{margin-left:60px;}
#sub_010301 .section2 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_010301 .section2 ol li strong{display:inline-block; padding-top:60px; width:100%; font-size:22px; font-weight:700; text-align:center;}
#sub_010301 .section2 ol li p{padding:20px 60px 110px; font-size:18px; font-weight:300; line-height:28px; text-align:center; word-break:keep-all;}
#sub_010301 .section2 ol + div{margin-top:110px;}

/* 학과 연혁 */
#sub_010501{overflow:hidden;}
#sub_010501 h4{font-size:50px; font-weight:400; line-height:1.15; float:left;}
#sub_010501 h4 span{color:#027d98; font-weight:700;}
#sub_010501 dl{position:relative; width:50%; float:right;}
#sub_010501 dl:before{content:""; position:absolute; width:1px; height:71%; top:31px; left:-29px; background-color:#d0d0d0;}
#sub_010501 dl dt{position:relative; font-size:35px; font-weight:700; color:#027d98;}
#sub_010501 dl dt:before{content:""; position:absolute; top:50%; left:-33px; width:10px; height:10px; border-radius:50%; background-color:#027d98; transform:translateY(-50%);}
#sub_010501 dl dt:nth-of-type(1):after{content:""; position:absolute; top:50%; left:-38px; width:18px; height:18px; border-radius:50%; border:1px solid #027d98; transform:translateY(-50%);}
#sub_010501 dl dd, #sub_010501 dl dd > ul > li{font-size:17px; font-weight:300;}
#sub_010501 dl dd > ul > li{position:relative; padding-left:10px; line-height:2;}
#sub_010501 dl dd > ul > li:before{content:"-"; position:absolute; top:-2px; left:0;}
#sub_010501 dl dd + dt{margin-top:45px;}

/* 교육과정안내 */
#sub_020101 table.type_horizontal colgroup col.subject{width:16%;}
#sub_020101 table.type_horizontal colgroup col.score{width:5%;}
#sub_020101 table.type_horizontal tbody tr td.gray{background-color:#f8f8f8;}
#sub_020101 table.type_horizontal tbody tr td.bold{font-weight:500;}
#sub_020101 .section > ul li{position:relative; padding-left:7px; font-size:16px; font-weight:300; letter-spacing:0;}
#sub_020101 .section > ul li:before{content:"-"; position:absolute; top:-2px; left:0;}

/* 교과목 소개 */
#sub_020201{margin-bottom:60px;}
#sub_020201 > div + div{margin-top:70px;}
#sub_020201 > div strong.sub_title{font-size:24px;}
#sub_020201 > div p{margin-top:5px; font-size:18px; font-weight:300; line-height:1.35; letter-spacing:-0.5px; word-break:keep-all;}

/* 졸업자격요건 */
#sub_020301{margin-bottom:60px;}
#sub_020301 .section > p{font-weight:300;}
#sub_contents #sub_020301 .section h4{margin-bottom:5px;}
#sub_contents #sub_020301 ul.list li:first-child{padding-top:25px;}
#sub_contents #sub_020301 ul.list li:first-child:before{top:36px;}
#sub_020301 table.type_horizontal{margin-top:30px;}
#sub_020301 table.type_horizontal colgroup col.subject{width:26%;}
#sub_020301 table.type_horizontal colgroup col.same{width:6%;}
#sub_020301 table.type_horizontal thead tr th{padding:12px 10px;}
#sub_020301 table.type_horizontal tbody tr td ul > li{position:relative; padding-left:10px; font-weight:300;}
#sub_020301 table.type_horizontal tbody tr td ul > li:before{content:"-"; position:absolute; top:0; left:0;}
#sub_020301 .section3 > p.reference{margin-top:10px;}
#sub_020301 .section3 > p.reference span.blue{color:#027d98;}
#sub_020301 .section3 > p.reference span.red{color:#f00;}

/* 진로 */
#sub_040101{margin-bottom:60px;}

/* PC Mini & Tablet */
@media all and (min-width:768px) and (max-width:1399px){
    #main_visual{max-width:100%;}
    #main_visual .noticebox .faculty a{padding:30px; height:100%;}
    #main_visual .noticebox .faculty a div.img{width:40%; padding-bottom:52.5%;}
    #main_visual .noticebox .faculty a div.text{width:60%; padding:10px 0 0 20px;}
    #main_visual .noticebox .faculty a div.text > strong{font-size:22px;}
    #main_visual .noticebox .faculty a div.text > p{margin-top:15px;font-size:15px;}
    #main_visual .noticebox .faculty a div.btn{width:40px; height:40px;}
    #main_visual .noticebox .faculty a div.btn span.ir_text{width:40px; height:40px;}
    #main_visual .noticebox .faculty a div.btn span.ir_text:before{width:16px; left:calc((50% / 2) + 2px)}
    #main_visual .noticebox .faculty a div.btn span.ir_text:after{height:16px; top:calc((50% / 2) + 3px);}

    /* 교육목표 */
    #sub_010301{margin-bottom:45px;}
    #sub_010301 .section > div{padding-top:55px;}
    #sub_010301 .section > div .sub_title{margin-bottom:15px;}
    #sub_010301 .section > div .sub_title + ul.list{margin-top:30px;}
    #sub_010301 .section2 ol li + li{margin-left:20px;}
    #sub_010301 .section2 ol li span{font-size:34px; top:-35px; width:80px; height:65px;}
    #sub_010301 .section2 ol li strong{padding-top:60px; font-size:22px;}
    #sub_010301 .section2 ol li p{padding:30px 20px; font-size:17px;}
    #sub_010301 .section2 ol + div{margin-top:55px;}

    /* 교육과정안내 */
    #sub_020101 .section{overflow-x:scroll;}
    #sub_020101 table.type_horizontal{table-layout:auto;}
}

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

    /* common header */
    #tnb{display:none;}
    header{border-bottom:1px solid #eee;}
    header section{height:70px; padding:0 10px 0 15px; background-color:#fff;}
    header section h1 a{width:300; height:37px; background-position:0 0; background-size:300px 74px;}
    #gnb_control{display:block;}
    #gnb{width:100%; height:calc(100vh - 70px); position:absolute; top:70px; right:-100%; background-color:#f1f1f1; transition:all 0.3s;}
    #gnb.active{max-height:inherit; right:0; background-color:#28bf9d;}
    #gnb div.mobile{display:flex;}
    #gnb > ul{flex-direction:column;}
    #gnb > ul > li > a{height:60px; padding:0 20px; font-size:17px; font-weight:500; color:#fff; background-color:#28bf9d;}
    #gnb > ul > li > a.active{color:#fff; background-color:#28bf9d;}
    #gnb > ul > li > ul{width:100%; position:static; background-color:#fff; transform:translateX(0);}
    #gnb > ul > li:last-child > ul{margin:0;}
    #gnb > ul > li > ul > li > a{padding:0 20px; height:65px; line-height:65px; font-size:15px; color:#000; text-align:left; position:relative; font-weight:350;}
    #gnb > ul > li > a:after{width:22px; height:11px; background:url(/_res/premedicine/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 > ul > li > ul > li > a.active{font-weight:700; background-color:#f7f7f7;}
    #gnb > ul > li > a.active:after{transform:rotate(0deg);}
    #gnb > ul > li > a.active + ul{visibility:visible; max-height:500px; padding:0; transition:all 1s;}
    header section.active h1 a{background:url(/_res/premedicine/img/logo.png) no-repeat 0 -37px/300px 74px;}
    #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 > ul{margin:0;}

    header.fixed section h1 a{background-position:0 0;}
    header.fixed #gnb > ul > li > a{color:#fff;}

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

    /* 테이블 */
    table.type_horizontal thead tr th{padding:10px 7px; font-size:14px;}
    table.type_horizontal tbody tr th{padding:7px; font-size:14px;}
    table.type_horizontal tbody tr td{padding:7px; font-size:13px; letter-spacing:-0.5px;}
    table.type_vertical tbody tr th{padding:10px 7px; font-size:14px;}
    table.type_vertical tbody tr td{padding:7px; font-size:13px; letter-spacing:-0.5px;}
    
    #sub_contents .section p{font-size:15px;}
    #sub_contents .section h4{margin-bottom:12px; font-size:24px;}
    #sub_contents .section h4:before{width:25px; height:3px;}
    #sub_contents .section .sub_title{margin-bottom:10px;font-size:20px;}
    #sub_contents ul.list li{margin-left:10px; padding:20px 10px; font-size:16px; letter-spacing:-0.5px;}
    #sub_contents ul.list li:before{width:4px; height:4px; top:31px; left:-3px;}
    #sub_contents .section p.reference{padding-left:15px; font-size:14px; letter-spacing:-0.5px; font-weight:300; line-height:1.35; word-break:break-all;}
    
    /* 메인_비쥬얼 */
    #main_visual{margin-top:70px;}
    #main_visual:before{background-image:url(/_res/premedicine/img/m_main_visual_01.jpg); background-size:contain; top:54%; background-position:0 13%; animation:visual_effect 8s infinite;}
    #main_visual > div{max-width:100%; padding-bottom:0;}
    #main_visual .textbox{display:flex; flex-direction:column; align-items:center; justify-content:center; height:89vw; position:static;}
    #main_visual .textbox p{margin-bottom:5px; font-size:15px; font-weight:300; letter-spacing:0px; text-align:center;}
    #main_visual .textbox p br{display:none;}
    #main_visual .textbox h2{font-size:35px; line-height:44px; letter-spacing:0; text-align:center;word-break:keep-all;}
    #main_visual .textbox h2 > span{display:block; font-size:35px; color:#fff; font-weight:700; line-height:100%; letter-spacing:0; text-align:center; text-shadow:1px 1px 12px black;}
    #main_visual .textbox > span{display:none;}
    #main_visual .noticebox{padding:30px 20px 50px; background-color:#f5f5f5;}
    #main_visual .noticebox ul.link_box{display:block; margin-top:0; width:100%; overflow:hidden; float:none;}
    #main_visual .noticebox ul.link_box li{width:50%; height:50vw;}
    #main_visual .noticebox ul.link_box li:first-child{margin-left:0;}
    #main_visual .noticebox ul.link_box li a{display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0px; font-size:17px; letter-spacing:0;}
    #main_visual .noticebox ul.link_box li a:after{width:calc(100% - 30px); height:calc(100% - 30px);}
    #main_visual .noticebox ul.link_box li a:before{margin-bottom:10px; width:50px; height:38px; top:-56px; background-size:200px 38px;} 
    #main_visual .noticebox ul.link_box li:nth-child(2) a:before{background-position:-50px 0;}
    #main_visual .noticebox ul.link_box li:nth-child(3) a:before{background-position:-100px 0;}
    #main_visual .noticebox ul.link_box li:nth-child(4) a:before{background-position:-150px 0;}
    #main_visual .noticebox .board_wrap{position:relative; margin-top:255px; top:inherit; right:inherit; left:0;}
    #main_visual .noticebox .board_wrap .notice{display:block; width:100%; margin:0; float:none;}
    #main_visual .noticebox .board_wrap .notice .board{float:none;}
    #main_visual .noticebox .board_wrap .notice .board h3{margin-bottom:35px; font-size:26px;}
    #main_visual .noticebox .board_wrap .notice .board{padding:40px 35px; height:435px;}
    #main_visual .noticebox .board_wrap .notice .board ul li.empty{padding:15px 0; font-size:18px;}
    #main_visual .noticebox .board_wrap .notice .board ul li{margin-bottom:22px;}
    #main_visual .noticebox .board_wrap .notice .board ul li > a span{width:100%; font-size:17px;}
    #main_visual .noticebox .board_wrap .notice .board ul li > a span.date{margin-top:8px; width:100%; font-size:14px; font-weight:350;}
    #main_visual .noticebox .board_wrap .notice .board ul li.empty{padding:60px 0 !important;}
    #main_visual .noticebox .board_wrap .gallery{position:static; margin-top:30px; width:100%; height:215px; float:none;}
    #main_visual .noticebox .board_wrap .gallery ul.gallery_slide{height:auto;}
    #main_visual .noticebox .board_wrap .gallery ul.gallery_slide li{width:100%; float:none;}
    #main_visual .noticebox .board_wrap .gallery ul.gallery_slide li a{width:100%; height:58vw;}
    #main_visual .noticebox .board_wrap .gallery ul.gallery_slide li a div.info span.title{height:45px; line-height:45px; font-size:15px; padding:0 15px;}
    a.more{top:40px; right:26px; width:35px; height:35px;}
    a.more:before, a.more:after{width:20px;}
    #main_visual .noticebox .faculty{padding:0 20px; top:calc(108vw + 30px); left:0; width:100%;}
    #main_visual .noticebox .faculty a{padding:20px; height:auto;}
    #main_visual .noticebox .faculty a div.img{width:40%; padding-bottom:52.5%;}
    #main_visual .noticebox .faculty a div.text{width:60%; padding:10px 0 0 20px;}
    #main_visual .noticebox .faculty a div.text > strong{font-size:16px;}
    #main_visual .noticebox .faculty a div.text > strong > span{font-size:19px;}
    #main_visual .noticebox .faculty a div.text > p{margin-top:5px; font-size:13px;}
    #main_visual .noticebox .faculty a div.text > span{font-size:14px;}
    #main_visual .noticebox .faculty a div.btn{width:28px; height:28px;}
    #main_visual .noticebox .faculty a div.btn span.ir_text:before{width:14px; left:calc((50% / 2) + 2px)}
    #main_visual .noticebox .faculty a div.btn span.ir_text:after{height:14px; top:calc((50% / 2) + 3px);}

    /* 사이트 바로가기 */
    #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:70px; height:207px; background-size:cover; background:url(/_res/premedicine/img/m_bg_sub_visual_01.jpg) no-repeat 50% 50%; background-size:cover;}
    #sub_visual > div{padding:60px 20px;}
    #sub_visual > div h2{display:block; width:100%; font-size:28px; letter-spacing:0;}
    #sub_visual div.breadcrum{padding-top:30px; float:left;}
    #sub_visual div.breadcrum ul{gap:25px;}
    #sub_visual div.breadcrum ul li, #sub_visual > div div.breadcrum ul li a{font-size:14px; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);}
    #sub_visual div.breadcrum ul li:not(:first-child):before{width:8px; height:8px; left:-20px;}
    #sub_visual div.breadcrum ul li:first-child a:before{width:16px; height:17px; background:url(/_res/sw/img/bg_breadcrum.png) no-repeat 50% 50%/16px 17px;}
    #snb{padding:0 20px; position:relative; margin-top:-30px; z-index:2;}
    #snb div{height:0;}
    #snb div > ul{display:block; height:62px; padding-top:60px; position:absolute; top:0; left:0; background-color:#fff; transition:0.3s all;}
    #snb div > ul > li{display:block; position:static;}
    #snb div > ul > li:before{display:none;}
    #snb div > ul > li > a{display:none; width:100%; height:60px; line-height:60px; padding:0 20px; position:relative; font-size:17px; letter-spacing:0; text-align:left;}
    #snb div > ul > li > a.active{display:block; position:absolute; top:0; left:0;}
    #snb div > ul > li > a.active:after{content:""; width:12px; height:7px; position:absolute; top:50%; right:20px; background:url(/_res/premedicine/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 .section{padding-top:45px;}
    #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 .img{width:100%; height:43vw;}
    #sub_010101 .img > div{width:90%; height:140px; background:url(/_res/premedicine/img/m_sub_visual_010101.jpg) no-repeat; background-size:contain;}
    #sub_010101 .img > div .text{top:36px; padding:25px 30px; width:90%; height:140px; background:url(/_res/premedicine/img/img_gradient.png) no-repeat; word-break:keep-all;}
    #sub_010101 .img > div .text strong{font-size:20px;}
    #sub_010101 > p{padding-top:25px; font-size:16px; font-weight:350; line-height:1.75;}
    #sub_010101 > p.bold{margin-top:25px; font-size:18px; line-height:1.5;}
    #sub_010101 > p.sign{padding-top:35px; font-size:20px;}

    /* 전공안내 */
    #sub_010201{margin-bottom:30px;}
    #sub_010201 dl dt{padding:20px 20px 0 20px; width:100%; font-size:22px; float:none; border-top:2px solid #027d98;}
    #sub_010201 dl dd{padding:20px; width:100%; float:right; border-top:none;}
    #sub_010201 dl dd ul > li{padding-left:7px; font-size:16px; word-break:break-all;}
    #sub_010201 dl dd ul > li + li{margin-top:30px;}
    #sub_010201 dl dd ul > li:before{top:10px;}

    /* 교육목표 */
    #sub_010301{margin-bottom:30px;}
    #sub_010301 .section > div{padding-top:35px;}
    #sub_010301 .section > div .sub_title{margin-bottom:15px;}
    #sub_010301 .section > div .sub_title + ul.list{margin-top:30px;}
    #sub_010301 .section2 ol{display:block;}
    #sub_010301 .section2 ol li{width:100%;}
    #sub_010301 .section2 ol li + li{margin-left:0; margin-top:35px;}
    #sub_010301 .section2 ol li span{top:-35px; font-size:32px; width:85px; height:55px;}
    #sub_010301 .section2 ol li strong{padding-top:30px; font-size:20px;}
    #sub_010301 .section2 ol li p{padding:35px 40px; font-size:16px;}
    #sub_010301 .section2 ol + div{margin-top:35px;}

    /* 학과 연혁 */
    #sub_010501 h4{font-size:30px; float:none;}
    #sub_010501 dl{margin-top:20px; width:88%;}
    #sub_010501 dl:before{height:63%; top:19px; left:-28px;}
    #sub_010501 dl dt{font-size:20px;}
    #sub_010501 dl dt:before{left:-33px; width:10px; height:10px; border-radius:50%; background-color:#027d98; transform:translateY(-50%);}
    #sub_010501 dl dt:nth-of-type(1):after{left:-38px; width:18px; height:18px; border-radius:50%; border:1px solid #027d98; transform:translateY(-50%);}
    #sub_010501 dl dd, #sub_010501 dl dd > ul > li{font-size:16px;}
    #sub_010501 dl dd > ul > li{padding-left:7px;}
    #sub_010501 dl dd + dt{margin-top:25px;}

    /* 교육과정안내 */
    #sub_020101 .section{overflow-x:scroll;}
    #sub_020101 table.type_horizontal{table-layout:auto;}
    #sub_020101 .section > ul li{font-size:14px; padding-left:5px;}

    /* 교과목 소개 */
    #sub_020201{margin-bottom:30px;}
    #sub_020201 > div + div{margin-top:35px;}
    #sub_020201 > div strong.sub_title{font-size:20px; letter-spacing:0;}
    #sub_020201 > div p{margin-top:5px; font-size:17px; line-height:1.5; letter-spacing:0; word-break:break-all;}

    /* 졸업자격요건 */
    #sub_020301{margin-bottom:30px;}
    #sub_contents #sub_020301 .section h4{margin-bottom:5px;}
    #sub_contents #sub_020301 ul.list li:first-child{padding-top:20px;}
    #sub_contents #sub_020301 ul.list li:first-child:before{top:31px;}
    #sub_020301 .section3{overflow-x:scroll;}
    #sub_020301 table.type_horizontal{margin-top:15px; table-layout:auto; width:200%;}
    #sub_020301 table.type_horizontal thead tr th{padding:10px 7px;}
    #sub_020301 table.type_horizontal tbody tr td ul > li{padding-left:7px;}
}