@charset "UTF-8";

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

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

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

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

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

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

:root {
	--main_color: #027d98;
}

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

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

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

/* Header Active Design */
header.fixed{position:fixed; border-bottom:1px solid #d7d7d7; background-color:#fff;}
header.fixed:before{background-color:#d7d7d7;}
header.fixed #logo h1 a{background-position:0 -55px;}
header.fixed #gnb nav > div > a{color:#8d8d8d;}
header.fixed #gnb > a{color:#8d8d8d;}
header.fixed #gnb nav > ul > li > a{color:#000;}
header.fixed.sub{border-bottom:none; background-color:inherit;}
header.fixed.sub:before{background-color:rgba(255,255,255,.7);}
header.fixed.sub #logo h1 a{background-position:0 0;}
header.fixed.sub #gnb > a{color:#fff;}
header.fixed.sub #gnb nav > div > a{color:#fff;}
header.fixed.sub #gnb nav > ul > li > a{color:#fff}

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

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

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

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

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

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

#sub_title{width:100%; max-width:1400px; margin:112px auto 0; 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;}

#title_wrap{width:100%; max-width:1400px; margin:80px auto 50px; position:relative;}
#title_wrap h3{font-size:35px; font-weight:700; color:#333; text-align:center; line-height:48px; letter-spacing:-0.25px;}
#title_wrap h3 span{display:block; width:42px; height:14px; margin:0 auto 15px; position:relative; background-color:#25539b;}
#title_wrap h3 span:before{content:""; width:14px; height:14px; position:absolute; top:0; left:0; background-color:#25539b;}
#title_wrap h3 span:after{content:""; width:14px; height:14px; position:absolute; top:0; right:0; background-color:#25539b;}

footer{background-color:#303030; border-top:1px solid #484848}
footer > div{position:relative; width:100%; max-width:1400px; margin:0 auto; padding:30px 0; overflow:hidden;}
footer > div > a{display:inline-block; margin-bottom:20px; font-size:14px; color:#2aaec6;}
footer div.footer_wrap{overflow:hidden;}
footer div.address_wrap{float:left;}
footer div.address_wrap address, footer div.address_wrap dl dt, footer div.address_wrap dl dd{margin-bottom:5px; font-size:16px; font-style:normal; color:#909090;}
footer div.address_wrap dl{overflow:hidden;}
footer div.address_wrap dl dt, footer div.address_wrap dl dd{float:left;}
footer div.address_wrap dl dt{position:relative; margin-right:10px;}
footer div.address_wrap dl dt:before{display:inline-block; content:":"; position:absolute; top:-2px; right:-6px;}
footer div.address_wrap dl dd + dt{margin-left:15px;}
footer div.address_wrap p{font-size:16px; color:#909090;}

/* 테이블 */
table.type_horizontal{width:100%; table-layout:fixed; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
table.type_horizontal thead tr th{padding:15px; font-size:16px; font-weight:500; text-align:center; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#f8f8f8; box-sizing:border-box;}
table.type_horizontal tbody tr td{padding:15px; font-size:16px; color:#393939; font-weight:300; line-height:1.3; letter-spacing:0; 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{position:relative; width:100%;}
#visual_swiper{width:100%; height:850px; overflow:hidden;}
#visual_swiper div.swiper-slide{position:relative; height:850px; color:#fff; text-align:left; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; }
#visual_swiper div.swiper-slide:before{content:""; position:absolute; top:0;left:0; width:100%; height:100%; z-index:-1;}
#visual_swiper div.seen:before{animation:visual_animation 8s alternate infinite; transition:background-image ease-in-out;}
#visual_swiper div.seen:nth-of-type(1):before{background:url(/_res/nanum/img/main_visual_01.jpg); }
#visual_swiper div.swiper-slide > div{max-width:1400px; margin:0 auto;}
#visual_swiper div.swiper-slide > div p{padding-top:370px; font-size:30px; color:#fff; letter-spacing:0;}
#visual_swiper div.swiper-slide > div h2{padding:0 0 10px; font-size:60px; color:#fff; font-weight:700; line-height:1.35;}
#visual_swiper div.swiper-slide > div h2 span{
    display:inline-block; position:relative;
    background: #c6e2a1;
    background: -moz-linear-gradient(left, #c6e2a1 0%, #88c8ba 50%, #8bcce3 100%); 
    background: -webkit-linear-gradient(left, #c6e2a1 0%,#88c8ba 50%,#8bcce3 100%);
    background: linear-gradient(to right, #c6e2a1 0%,#88c8ba 50%,#8bcce3 100%);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
}
#visual_swiper div.swiper-slide > div h2 span:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,.5); -webkit-background-clip: text; z-index:10;
    background-clip: text;}
#visual_swiper div.swiper-slide > div p br{display:none;}
#visual_swiper div.control div.pagination{display:inline-block; position:relative;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet{display:inline-block; position:relative; width:27px; height:27px; border:1px solid transparent; cursor:pointer;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet:before{content:""; position:absolute; width:10px; height:10px; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#fff;}
#visual_swiper div.control div.pagination span + span{margin-left:15px;}
#visual_swiper div.control div.pagination span:first-child{margin-left:0;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet-active{border-color:#fff;}
#visual_swiper div.control button{width:24px; height:24px; margin-left:20px; position:relative; text-indent:-9999px; border:none; background-color:transparent; vertical-align:top; cursor:pointer;}
#visual_swiper div.control button:before{content:""; width:20px; height:20px; position:absolute; top:50%; left:50%; background:url(/_res/nanum/img/bg_swiper_control.png) no-repeat -20px 0/40px 20px; transform:translate(-50%, -50%); z-index:1;}
#visual_swiper div.control{width:100%; height:10px; position:absolute; bottom:160px; left:0; text-align:center; z-index:1;}
#visual_swiper div.control button.stop:before{background-position:0 0;}
#visual_swiper.no_swiper div.navigation, #visual_swiper.no_swiper div.control{display:none;}

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

#main_explain{position:absolute; display:flex; flex-flow:row wrap; justify-content:space-between; padding:35px 100px; margin:0 auto; bottom:-15%; left:50%; width:1400px; transform:translateX(-50%); z-index:1; border:3px solid; border-image:linear-gradient(135deg, #57a75d 1%,#008f8b 50%,#1499c2 100%); border-image-slice:1; background-color:#fff;}
#main_explain div.title{width:27%;}
#main_explain div.title > p{font-size:20px; color:#00677e; line-height:1.35; text-transform:uppercase;}
#main_explain div.title > span{display:inline-block; margin-top:10px; font-size:36px; font-weight:300; color:#00677e;}
#main_explain div.title > span strong{font-size:36px; font-weight:700; letter-spacing:0;}
#main_explain div.sentence{position:relative; width:62%;}
#main_explain div.sentence:before{content:""; position:absolute; top:0; left:-50px; width:1px; height:100%; background-color:#00677e;}
#main_explain div.sentence p{font-size:17px; font-weight:350; line-height:1.75; letter-spacing:0.5px; word-break:keep-all;}
#main_explain div.sentence a{margin-left:20px; font-size:18px; color:#00677e; text-decoration:underline;}

#main_contents h3{padding:0 0 50px 0; font-size:45px; font-weight:400; color:#000; letter-spacing:-3px; text-align:left;}
#main_contents h3 span{font-weight:700;}

/* 메뉴 바로가기 */
#main_menu > div{width:1400px; margin:0 auto; height:495px; padding:210px 0 75px; background-color:#fff; text-align:center;}
#main_menu ul{overflow:hidden; padding-bottom:60px; display:inline-block;}
#main_menu ul > li{position:relative; width:145px; height:145px; border-radius:50%; float:left; margin-right:210px;}
#main_menu ul > li:last-child{margin-right:0;}
#main_menu ul > li:nth-child(odd){background-color:#6ba647;}
#main_menu ul > li:nth-child(even){background-color:#00677e;}
#main_menu ul > li a{position:relative; display:block; padding-top:175px; font-size:20px; font-weight:450; text-align:center;}
#main_menu ul > li a:before{content:""; position:absolute; width:70px; height:70px; top:20%; left:50%; background:url(/_res/nanum/img/icon_main_menu.png) no-repeat; transform:translateX(-50%) scale(1); transition:all .2s;}
#main_menu ul > li:nth-child(2) a:before{background-position:-70px 0;}
#main_menu ul > li:nth-child(3) a:before{background-position:-140px 0;}
#main_menu ul > li:nth-child(4) a:before{background-position:-210px 0;}
#main_menu ul > li:nth-child(odd):hover, #main_menu ul > li:nth-child(odd):focus{background-color:#528037;} 
#main_menu ul > li:nth-child(even):hover, #main_menu ul > li:nth-child(even):focus{background-color:#004858;} 
#main_menu ul > li a:hover:before, #main_menu ul > li a:focus:before{transform:translateX(-50%) scale(1.1);}

/* 공지사항 */
#main_notice{padding:90px 0; background-color:#f1f1f1;}
#main_notice > div{width:100%; max-width:1400px; margin:0 auto; position:relative;}
#main_notice > div ul.tabs{display:flex; position:absolute; top:15px; right:80px;}
#main_notice > div ul.tabs li{padding:0 30px; position:relative;}
#main_notice > div ul.swiper-wrapper > li.empty{padding:140px 0; font-size:20px; text-align:center; max-width:100%; width:100%;}
#main_notice > div ul.tabs li:before{content:""; width:1px; height:18px; position:absolute; left:0; top:20px; border-right:1px solid #d1d1d1; background-color:#a0a0a0;}
#main_notice > div ul.tabs li:first-child:before{display:none;}
#main_notice > div ul.tabs li button{padding:10px; font-size:24px; color:#5d5d5d;}
#main_notice > div ul.tabs li button:after{content:""; display:block; width:100%; height:4px; margin-top:10px;}
#main_notice > div ul.tabs li.active button{font-weight:500; color:#000;}
#main_notice > div ul.tabs li.active button:after{background-color:#2959b0;}

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

a.more{width:40px; height:40px; position:absolute; top:40px; right:0; transition:0.5s all;}
a.more:before, a.more:after{content:""; width:40px; height:1px; position:absolute; top:50%; left:50%; background-color:#a1a1a1; 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_photo{width:100%; max-width:1400px; margin:0 auto; padding:100px 0;}
#main_photo > div{position:relative;}
div.recent_gallery ul{display:flex;}
div.recent_gallery ul li{width:30%;}
div.recent_gallery ul li.empty{padding:140px 0; font-size:20px; text-align:center;}
div.recent_gallery ul li:nth-child(2){margin:0 60px;}
div.recent_gallery ul li a{display:block; position:relative;}
div.recent_gallery ul li a div.front div.bg{height:0; padding-bottom:62.5%; position:relative; overflow:hidden;}
div.recent_gallery ul li a div.front div.bg span{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:all 0.5s;}
div.recent_gallery ul li a div.front div.info span.title{display:block; width:100%; margin:30px 0 15px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:24px; font-weight:500; color:#000;}
div.recent_gallery ul li a div.front div.info span.date{display:block; font-size:16px; color:#6a6a6a;}
div.recent_gallery ul li a div.back{width:100%; position:absolute; top:0; left:0; overflow:hidden; opacity:0; transition:all 0.5s;}
div.recent_gallery ul li a div.back div.bg{height:0; padding-bottom:62.5%; position:relative; overflow:hidden;}
div.recent_gallery ul li a div.back div.bg span{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; opacity:0; transform:scale(0); transition:all 0.5s;}
div.recent_gallery ul li a div.back div.dummy{width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background-color:rgba(0,0,0,0.6); opacity:0; transform:scale(0);}
div.recent_gallery ul li a div.back div.view{width:150px; height:45px; line-height:43px; position:absolute; top:50%; left:50%; margin:-22.5px 0 0 -60px; font-size:18px; font-weight:500; color:#fff; text-align:center; border:1px solid #fff; border-radius:45px; z-index:2; opacity:0; transform:scale(0); transition:all 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.550);}
div.recent_gallery ul li a div.back div.view:before{display:inline-block; content:""; width:18px; height:45px; margin-right:5px; background:url(/_res/sch/img/icon_main_faculty.png) no-repeat 50% 50%; background-size:18px 19px; vertical-align:top;}
div.recent_gallery ul li a:hover div.front div.bg span, div.recent_gallery ul li a:focus div.front div.bg span{opacity:0; transform:scale(10);}
div.recent_gallery ul li a:hover div.back, div.recent_gallery ul li a:focus div.back{opacity:1; filter:alpha(opacity=100);}
div.recent_gallery ul li a:hover div.back div.bg span, div.recent_gallery ul li a:focus div.back div.bg span{opacity:1; transform:scale(1.2);}
div.recent_gallery ul li a:hover div.back div.dummy, div.recent_gallery ul li a:hover div.back div.dummy{opacity:1; transform:scale(1);}
div.recent_gallery ul li a:hover div.back div.view, div.recent_gallery ul li a:focus div.back div.view{opacity:1; transform:scale(1);}

/* 링크 바로가기 */
#main_link{border-top:1px solid #ccc;}
#main_link > div{width:100%; max-width:1400px; padding:45px 0; margin:0 auto; position:relative; overflow:hidden;}
#contents.main #main_link > div h3{padding:0; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#main_link > div h3 span{display:inline;}
#main_link > div ul{display:flex; justify-content:space-between; align-items:center;}
#main_link > div ul li a{display:block;}

#sub_contents{width:100%; max-width:1400px; margin:0 auto; padding:75px 100px; /* padding:20px 0 50px;  */box-sizing:border-box;}
#sub_contents div.section{padding-top:80px;}
#sub_contents div.section:first-child{padding-top:0;}
#sub_contents div.section p{font-size:18px; color:#333; font-weight:300;  line-height:1.5; letter-spacing:0.5px; word-break:keep-all;}
#sub_contents h4.title{margin-bottom:10px; font-size:23px; font-weight:500;}
#sub_contents h4.title:before{display:inline-block; content:""; width:3px; height:16px; margin-right:18px; background-color:#0cafcc;}
#sub_contents .sub_title{font-size:26px; font-weight:700; color:var(--main_color);}
#sub_contents div.section h4{position:relative; display:inline-block; margin-bottom:25px; font-size:30px; font-weight:700;}
#sub_contents div.section h4:before{content:""; position:absolute; top:-10px; left:0; width:34px; height:4px; background-color:var(--main_color);}
#sub_contents div.section .sub_title{display:block; margin-bottom:10px;font-size:26px; font-weight:700; color:var(--main_color);}
#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.5px;}
#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:var(--main_color);}
#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:var(--main_color);}

/* 인사말 */
#sub_010101 div.txt div.img{width: 350px; height: 420px; margin-left: 100px; margin-bottom: 30px; background:url(/_res/nanum/img/img_dean.png) no-repeat; float: right;}
#sub_010101 div.txt h4{display: inline-block; margin-bottom: 45px; font-size: 40px; font-weight: 400; line-height: 1.25em; letter-spacing: -0.5px; word-break: keep-all; color: var(--main_color);}
#sub_010101 div.txt h4 strong{font-size: 40px; font-weight: 700;}
#sub_010101 div.txt p{font-size: 16px; font-weight: 300; line-height: 1.65; letter-spacing: 0.5px; word-break:keep-all;}
#sub_010101 div.txt p + p{margin-top: 35px;}
#sub_010101 div.txt p.sign{padding-top: 10px; margin-top: 45px; font-size: 24px; font-weight: 300;}
#sub_010101 div.txt p.sign strong{font-weight: 500;}

/* 향설나눔대학 - 소개 */
#sub_010201{width:100%;}
#sub_010201 div{overflow:hidden; position:relative;}
#sub_010201 div:before{content:""; display:block; width:600px; height:314px; float:right; margin-right:10px; background:url(/_res/nanum/img/sub_visual_010201.jpg) no-repeat 50% 50%/cover; z-index:1;}
#sub_010201 div:after{content:""; position:absolute; top:10px; right:0; display:block; width:600px; height:314px; float:right; background-color:var(--main_color); z-index:-1;}
#sub_010201 div p.desc{padding-top:0; font-size:40px; font-weight:400; color:var(--main_color); line-height:1.25;}
#sub_010201 div p.desc strong{font-weight:700;}
#sub_010201 dl{padding-top:40px; width:100%; overflow:hidden; border-bottom:1px solid #d7d7d7;}
#sub_010201 dl dt, #sub_010201 dl dd{float:left;}
#sub_010201 dl dt{padding:45px 65px; width:350px; border-top:2px solid #000; font-size:35px; font-weight:700;}
#sub_010201 dl dd{width:calc(100% - 350px); min-height:200px; padding:45px 110px; font-size:17px; color:#393939; line-height:1.35; border-top:1px solid #d7d7d7;}

/* 향설나눔대학 - 교육목표 */
#sub_010202{width:100%;}
#sub_contents #sub_010202 .section .sub_title{margin-bottom:10px;}
#sub_contents #sub_010202 .section p + .sub_title, #sub_contents #sub_010202 .section ul.list_1 + .sub_title{margin-top:55px;}
#sub_010202 .section1 > p:last-of-type br{display:none;}
#sub_010202 .section1 > div{margin-top:35px; height:100%; overflow:hidden;}
#sub_010202 .section1 > div div.title{display:inline-block; padding-top:130px; width:215px; height:340px; font-size:28px; font-weight:700; letter-spacing:0; color:#fff; text-align:center; background: rgb(32, 32, 31); background: linear-gradient(180deg, rgba(134,193,42,1) 0%, rgba(2,125,152,1) 100%); float:left;}
#sub_010202 .section1 > div dl{display:inline-block; width:calc(100% - 240px); height:auto; float:right;}
#sub_010202 .section1 > div dl dt{position:relative; margin-top:25px; width:225px; height:100%; font-size:24px; line-height:95px; font-weight:700; letter-spacing:0; color:#fff; float:left; text-align:center; background-color:#69a30f;}
#sub_010202 .section1 > div dl dt:before{content:""; position:absolute; top:50%; left:-14px; transform:rotate(45deg) translateY(-50%); width:16px; height:16px; background-color:#69a30f;}
#sub_010202 .section1 > div dl dt:nth-of-type(2), 
#sub_010202 .section1 > div dl dt:nth-of-type(2):before{background-color:#0187a4;}
#sub_010202 .section1 > div dl dt:nth-of-type(3),
#sub_010202 .section1 > div dl dt:nth-of-type(3):before{background-color:#00677e;}
#sub_010202 .section1 > div dl dd{margin-top:25px; width:calc(100% - 225px); height:100%; font-size:24px; font-weight:500; line-height:79px; float:left; text-align:center; background-color:#fff; border:8px solid #69a30f;  box-sizing:border-box;}
#sub_010202 .section1 > div dl dd br{display:none;}
#sub_010202 .section1 > div dl dt:first-of-type, #sub_010202 .section1 > div dl dd:first-of-type{margin-top:0;}
#sub_010202 .section1 > div dl dd:nth-of-type(2){border-color:#0187a4;}
#sub_010202 .section1 > div dl dd:nth-of-type(3){border-color:#00677e;}
#sub_010202 .section2 ul.color_list{margin:50px 0; display:flex; flex-flow:row nowrap;}
#sub_010202 .section2 ul.color_list > li{width:25%; min-height:285px; margin-right:15px; background-color:#69a30f; border:10px solid #69a30f;}
#sub_010202 .section2 ul.color_list > li:last-of-type{margin-right:0;}
#sub_010202 .section2 ul.color_list > li:nth-of-type(2){background-color:#0693bf; border-color:#0693bf;}
#sub_010202 .section2 ul.color_list > li:nth-of-type(3){background-color:#0187a4; border-color:#0187a4;}
#sub_010202 .section2 ul.color_list > li:nth-of-type(4){background-color:#00677e; border-color:#00677e;}
#sub_010202 .section2 ul.color_list > li .title{padding:12px 0 20px; font-size:26px; font-weight:700; color:#fff; text-align:center;}
#sub_010202 .section2 ul.color_list > li > ul.contents{height:calc(100% - 107px); padding:35px 20px; background-color:#fff;}
#sub_010202 .section2 ul.color_list > li > ul.contents li{position:relative; padding-left:10px; margin-bottom:10px; font-size:17px;}
#sub_010202 .section2 ul.color_list > li > ul.contents li:last-child{margin-bottom:0;}
#sub_010202 .section2 ul.color_list > li > ul.contents li:before{content:"-"; position:absolute; top:-2px; left:0;}
#sub_010202 .section2 ul.list_1 > li{position:relative; padding-left:10px; font-size:18px; font-weight:300;}
#sub_010202 .section2 ul.list_1 > li:before{content:"-"; position:absolute; top:-2px; left:0;}
#sub_010202 .section2 div.box{padding:50px 55px; margin-top:32px; width:100%; background-color:#f7f7f7;}
#sub_010202 .section2 div.box > p{line-height:1.75; letter-spacing:0.5px;}
#sub_010202 .section2 div.box span.link{display:block; position:relative; padding-left:10px; margin-top:20px; font-size:18px; font-weight:300;}
#sub_010202 .section2 div.box span.link:before{content:"-"; position:absolute; top:-2px; left:0; }
#sub_010202 .section2 div.box span.link > a:hover, #sub_010202 .section2 div.box span.link > a:focus{color:var(--main_color); text-decoration:underline;}

/* 향설나눔대학 - 연혁 */
#sub_010203{width:100%;}
#sub_010203 .section > div.history{margin-top:100px;}
#sub_010203 .section > div.history dl{position:relative; overflow:hidden; padding-left:5px;}
#sub_010203 .section > div.history dl:before{content:""; position:absolute; top:28px; left:5px; width:1px; height:100%; background-color:#d0d0d0;}
#sub_010203 .section > div.history dl dt{position:relative; margin-top:45px; padding-left:27px; width:135px; display:inline-block; font-size:35px; font-weight:700; color:var(--main_color); float:left; clear:both;}
#sub_010203 .section > div.history dl dt:before{content:""; position:absolute; top:50%; left:-3px; width:8px; height:8px; border-radius:50%; background-color:var(--main_color); transform:translateY(-50%);}
#sub_010203 .section > div.history dl dt:nth-of-type(1):after{content:""; position:absolute; top:50%; left:-3px; width:10px; height:10px; border-radius:50%; border-color:var(--main_color); transform:translateY(-50%);}
#sub_010203 .section > div.history dl dd{margin-top:45px; padding-top:13px; width:calc(100% - 135px); display:inline-block; float:left;}
#sub_010203 .section > div.history dl dt:first-of-type, #sub_010203 .section > div.history dl dd:first-of-type{margin-top:0;}
#sub_010203 .section > div.history dl dd > ul > li{margin-top:25px; font-size:17px;}
#sub_010203 .section > div.history dl dd > ul > li:first-of-type{margin-top:0;}
#sub_010203 .section > div.history dl dd > ul > li span.date{display:inline-block; margin-right:15px; font-weight:700;}
#sub_010203 .section > div.history dl dd > ul > li strong{font-weight:500;}
#sub_010203 .section > div.history dl dd > ul > li > ul{padding-left:32px;}
#sub_010203 .section > div.history dl dd > ul > li > ul > li{position:relative; margin-top:10px; padding-left:10px; font-weight:300;}
#sub_010203 .section > div.history dl dd > ul > li > ul > li:before{content:"-"; position:absolute; top:-2px; left:0;}

/* 구성원 소개 - 교직원 */
#sub_010301 div.section > ul {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px;}
#sub_010301 div.section > ul > li{display:inline-flex; flex-flow: row wrap; min-height: 275px; padding: 30px; overflow: hidden; position: relative; border: 1px solid #e1e1e1;}
#sub_010301 div.section > ul > li dl.mobile{display: none;}
#sub_010301 div.section > ul > li div.img{width: 180px; position: relative;}
#sub_010301 div.section > ul > li div.img > span{display: block; width: 100%; height: 215px; background: url(/_res/nanum/img/img_prof_0318.jpg) no-repeat;}
#sub_010301 div.section > ul > li:nth-child(2) div.img > span{background-position: -181px 0;}
#sub_010301 div.section > ul > li:nth-child(3) div.img > span{background-position: -360px 0;}
#sub_010301 div.section > ul > li:nth-child(4) div.img > span{background-position: -540px 0;}
#sub_010301 div.section > ul > li:nth-child(5) div.img > span{background-position: -720px 0;}
#sub_010301 div.section > ul > li:nth-child(6) div.img > span{background-position: -900px 0;}
#sub_010301 div.section > ul > li:nth-child(7) div.img > span{background-position: -1080px 0;}
#sub_010301 div.section > ul > li:nth-child(8) div.img > span{background-position: -1260px 0;}
#sub_010301 div.section > ul > li:nth-child(9) div.img > span{background-position: -1440px 0;}
#sub_010301 div.section > ul > li:nth-child(10) div.img > span{background-position: -1620px 0;}
#sub_010301 div.section > ul > li:nth-child(11) div.img > span{background-position: -1800px 0;}
#sub_010301 div.section > ul > li div.text{width: calc(100% - 180px); padding-left: 35px;}
#sub_010301 div.section > ul > li div.text strong{font-size: 30px; font-weight: 700; line-height: 1.35;}
#sub_010301 div.section > ul > li div.text span{display: block; font-size: 16px; color: #707070;}
#sub_010301 div.section > ul > li div.text ul{margin-top: 14px;}
#sub_010301 div.section > ul > li:nth-child(10) div.text ul{margin-top: 36px;}
#sub_010301 div.section > ul > li:nth-child(11) div.text ul{margin-top: 36px;}
#sub_010301 div.section > ul > li div.text ul > li{position: relative; padding-left: 25px; font-size: 16px; color: #333; font-weight: 300; letter-spacing: 0; -ms-word-break:break-all; word-break: break-all;}
#sub_010301 div.section > ul > li div.text ul > li.tel::before{content: ''; position: absolute; top: calc(50% + 2px); left: 0; width: 19px; height: 15px; background: url(/_res/nanum/img/icon_prof.png) no-repeat; transform: translateY(-50%); background-position: 0 0;}
#sub_010301 div.section > ul > li div.text ul > li.email::before{content: ''; position: absolute; top: calc(50% + 2px); left: 0; width: 19px; height: 15px; background: url(/_res/nanum/img/icon_prof.png) no-repeat; transform: translateY(-50%); background-position: -19px 0;}
/*
#sub_010301 div.section > ul > li:last-child{padding: 60px 40px 30px;}
#sub_010301 div.section > ul > li:last-child div.text{padding-left: 0;}
#sub_010301 div.section > ul > li:last-child div.text strong{line-height: 1;}
#sub_010301 div.section > ul > li:last-child div.text ul.etc li{padding-left: 0; line-height: 1.7;}
*/
#sub_010301 div.section dl{margin-top: 25px;}
#sub_010301 div.section dl dt{font-size: 16px; color: var(--main_color); font-weight: 500;}
#sub_010301 div.section dl dd{font-size: 16px; color: #333;}

div.professor > ul{display:flex; flex-wrap:wrap; flex-direction:row; width:100%; margin-top:50px; overflow:hidden; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
div.professor > ul > li{padding:30px 28px 30px 35px; width:33.3%; min-height:300px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
#sub_010301 div.professor > ul > li:last-child{padding:65px 40px 30px;}
div.professor > ul > li strong{display:block; margin-bottom:10px; font-size:22px; line-height:1.35; letter-spacing:-1.5px; font-weight:500; color:#000;}
div.professor > ul > li span{display:block; font-size:18px; line-height:28px; font-weight:500; color:#000;}
div.professor > ul > li > dl > dt{float:left; clear:both; font-size:18px; line-height:26px; font-weight:350; color:#616161;}
div.professor > ul > li > dl > dt:after{content:":"; display:inline; padding:0 5px;}
div.professor > ul > li > dl > dt.list{margin-top:25px; float:none;}
div.professor > ul > li > dl > dd:last-child > a.homepage{margin-top:25px;}
div.professor > ul > li > dl > dt.homepage:after{display:none;}
div.professor > ul > li > dl > dd, div.professor > ul > li > dl > dd a{font-size:18px; line-height:26px; font-weight:350; color:#616161; word-break:keep-all;}
div.professor > ul > li > dl > dd > a.homepage, div.professor > ul > li > dl > dd a:hover, div.professor > ul > li > dl > dd a:focus{display:inline-block; text-decoration:underline; color:#4267b2;}
div.professor > ul > li > dl > dd > ul > li{position:relative; padding-left:12px; word-break:keep-all;}
div.professor > ul > li > dl > dd > ul > li:before{content:"-"; position:absolute; top:0; left:0;}
div.professor > ul > li > dl > dd > ul > li> ul > li{position:relative;}
div.professor > ul > li > dl > dd > ul > li> ul > li:before{content:"-"; position:absolute; top:0; left:-7px;}
div.professor > ul + p{padding-top:40px;}

/* 구성원 소개 - 행정직 */

#sub_010302{width:100%;}
#sub_010302 div.professor > ul > li > dl > dt:last-of-type{display:block; margin-top:20px; width:100%;}
#sub_010302 div.professor > ul > li > dl > dt:last-of-type:after{display:none;}
#sub_010302 div.professor > ul > li > dl > dd:last-of-type{margin-top:20px;}

/* 교양교과목 - 교양교육과정 */
#sub_020101 .section2 ul.color_list{margin:50px 0; display:flex; flex-flow:row nowrap;}
#sub_020101 .section2 ul.color_list > li{width:25%; min-height:285px; margin-right:15px; background-color:#69a30f; border:10px solid #69a30f;}
#sub_020101 .section2 ul.color_list > li:last-of-type{margin-right:0;}
#sub_020101 .section2 ul.color_list > li:nth-of-type(2){background-color:#0693bf; border-color:#0693bf;}
#sub_020101 .section2 ul.color_list > li:nth-of-type(3){background-color:#0187a4; border-color:#0187a4;}
#sub_020101 .section2 ul.color_list > li:nth-of-type(4){background-color:#00677e; border-color:#00677e;}
#sub_020101 .section2 ul.color_list > li .title{padding:12px 0 20px; font-size:26px; font-weight:700; color:#fff; text-align:center;}
#sub_020101 .section2 ul.color_list > li > ul.contents{height:calc(100% - 107px); padding:35px 20px; background-color:#fff;}
#sub_020101 .section2 ul.color_list > li > ul.contents li{position:relative; padding-left:10px; margin-bottom:10px; font-size:17px;}
#sub_020101 .section2 ul.color_list > li > ul.contents li:last-child{margin-bottom:0;}
#sub_020101 .section2 ul.color_list > li > ul.contents li:before{content:"-"; position:absolute; top:-2px; left:0;}
#sub_020101 .section2 ul.list_1 > li{position:relative; padding-left:10px; font-size:18px; font-weight:300;}
#sub_020101 .section2 ul.list_1 > li:before{content:"-"; position:absolute; top:-2px; left:0;}

/* 교양교과목 - 교양교육 기본체계 */
#sub_020201{width:100%;}
#sub_020201 div.section p{font-size:18px; font-weight:300;}
#sub_contents #sub_020201 .section .sub_title{margin-bottom:15px;}
#sub_contents #sub_020201 .section > div + div{margin-top:75px;}
#contents #sub_020201 > div + div{padding-top:110px;}
#sub_020201 .section1 table.type_horizontal{margin-top:45px;}
#sub_020201 .section2 table.type_horizontal colgroup col.subject{width:45%;}
#sub_020201 table.type_horizontal{margin-top:20px;}
#sub_020201 table.type_horizontal colgroup col.year{width:18%;}
#sub_020201 table.type_horizontal tbody tr th{padding:15px; font-size:16px; font-weight:300; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
#sub_020201 table.type_horizontal tbody tr th:last-child{border-bottom:none;}
#sub_020201 table.type_horizontal tbody tr th span.reference, #sub_020201 table.type_horizontal tbody tr td span.reference{display:inline-block; position:relative; padding-left:20px;}
#sub_020201 table.type_horizontal tbody tr th span.reference:before, #sub_020201 table.type_horizontal tbody tr td span.reference:before{content:"※"; position:absolute; top:0; left:0;}
#sub_020201 table.type_horizontal tbody tr td span.note{display:block; position:relative; padding-left:12px;}
#sub_020201 table.type_horizontal tbody tr td span.note:before{content:"*"; position:absolute; top:4px; left:0;}
#sub_020201 div p.reference{margin-top:20px; font-weight:300;}

/* 이수 기준 조회 */
#sub_020301{width:100%;}
#sub_020301 table.type_horizontal colgroup col.subject{width:12%;}
#sub_020301 table.type_horizontal colgroup col.class{width:10%;}
#sub_020301 table.type_horizontal colgroup col.year{width:9%;}
#sub_020301 table.type_horizontal colgroup col.part{width:5%;}
#sub_020301 table.type_horizontal colgroup col.name{width:15%;}
#sub_020301 table.type_horizontal colgroup col.number{width:4%;}
#sub_020301 table.type_horizontal tbody tr td.total{background-color:#f8f8f8;}
#sub_020301 table.type_horizontal:nth-of-type(2) tbody tr td{padding:15px 5px;}
#sub_020301 table.type_horizontal:nth-of-type(2) tbody tr td:first-child{word-break:break-all;}
#sub_020301 p.reference{margin-top:10px;}
#sub_020301 span.sub_title{margin-top:110px;}
#sub_020301 span.sub_title:first-of-type{margin-top:0;}

/* 교양교과목 */
#sub_020401 div.curriculum_list{border-top:none !important;}
#sub_020401 .section1 table colgroup col.subject{width:22%;}
#sub_020401 .section1 table colgroup col.score{width:9%;}
#sub_020401 .section1 table colgroup col.semester{width:12%;}
#sub_020401 table tbody tr td.need{position:relative;}
#sub_020401 table tbody tr td.need:before{content:""; position:absolute; top:50%; left:50%; width:15px; height:15px; background-color:var(--main_color); transform:translate(-50%, -50%); border-radius:50%;}
#sub_contents #sub_020401 .section2 h4{margin-bottom:5px;}
#sub_020401 div.timetable > table colgroup col.subjname{width:30%;}
#sub_020401 div.timetable > table colgroup col.score{width:20%;}
#sub_020401 div.timetable > table colgroup col.semester{width:25%;}
#sub_020401 div.timetable > table tbody tr td:first-of-type{text-align:center;}

/* 순천향 명품 교양과목 */
#sub_020501{width:100%;}
#sub_020501 .section ul.list_1 li{position:relative; padding-left:10px; font-size:18px; letter-spacing:0; font-weight:300; line-height:1.85;}
#sub_020501 .section ul.list_1 li:before{content:"-"; position:absolute; top:-2px; left:0;}
#sub_020501 .section span.sub_title{margin-top:80px;}
#sub_020501 .section1 table.type_horizontal colgroup col.number{width:14%;}
#sub_020501 .section1 table.type_horizontal colgroup col.professor{width:30%;}
#sub_020501 .section1 table.type_horizontal tbody tr td:nth-child(2), #sub_020501 .section1 table.type_horizontal tbody tr td:nth-child(3){padding:15px 40px;}
#sub_020501 .section2 table.type_horizontal tbody tr td:nth-child(3), #sub_020501 .section2 table.type_horizontal tbody tr td:nth-child(4){padding:15px 60px;}
#sub_020501 .section2 table.type_horizontal colgroup col.number{width:8%;}
#sub_contents #sub_020501 div.section3 .sub_title{margin-bottom:10px;}
#sub_020501 .section3 .sub_title:first-of-type{margin-top:0;}
#sub_020501 .section3 table.type_horizontal colgroup col.time{width:8%;}
#sub_020501 .section3 table.type_horizontal colgroup col.professor{width:25%;}
#sub_020501 .section3 table.type_horizontal colgroup col.student{width:15%;}

/* 교과 연계형 프로그램 */
#sub_020601{width:100%;}
#sub_020601 .section span.sub_title{margin-top:100px;}
#sub_020601 .section ul.list_1 > li{position:relative; padding-left:10px; font-size:18px; font-weight:300;}
#sub_020601 .section ul.list_1 > li:before{content:"-"; position:absolute; top:-2px; left:0;}
#sub_020601 a.mail{display:inline-block; padding:0 30px; margin-top:30px; width:auto; height:50px; line-height:50px; text-align:center; background-color:var(--main_color); transition:all .3s;}
#sub_020601 a.mail span{margin-left:20px; position:relative; display:inline-block; font-size:18px; color:#fff;}
#sub_020601 a.mail span:before{content:""; position:absolute; top:50%; left:-25px; width:20px; height:15px; background:url(/_res/nanum/img/icon_mail.png) no-repeat; transform:translateY(-50%);}
#sub_020601 a.mail:hover, #sub_020601 a.mail:focus{background-color:#006278;}
#sub_020601 .section .box_wrap{margin-top:35px; display:flex; flex-flow:row wrap; justify-content:space-between;}
#sub_020601 .section .box_wrap .box{padding:55px; width:580px; background-color:#f7f7f7; overflow:hidden;}
#sub_020601 .section .box_wrap .box:nth-child(n+3){margin-top:25px;}
#sub_020601 .section .box_wrap .box strong{margin-bottom:20px; display:inline-block; font-size:22px; font-weight:700;}
#sub_020601 .section .box_wrap .box dl > dt{display:inline-block; margin-top:10px; width:100px; font-size:18px; font-weight:500; float:left;}
#sub_020601 .section .box_wrap .box dl > dd{display:inline-block; margin-top:10px; width:calc(100% - 100px); font-size:18px; font-weight:300; float:left;}
#sub_020601 .section .box_wrap .box dl > dt:first-of-type, #sub_020601 .section .box_wrap .box dl > dd:first-of-type{margin-top:0;}
#sub_020601 .section1 .box_wrap + p{margin-top:20px; font-size:16px; font-weight:300; }
#sub_020601 .section1 .box_wrap:nth-of-type(3) .box:nth-of-type(1) dl > dt, 
#sub_020601 .section1 .box_wrap:nth-of-type(3) .box:nth-of-type(2) dl > dt,
#sub_020601 .section1 .box_wrap:nth-of-type(4) .box:nth-of-type(1) dl > dt,
#sub_020601 .section1 .box_wrap:nth-of-type(4) .box:nth-of-type(3) dl > dt,
#sub_020601 .section1 .box_wrap:nth-of-type(4) .box:nth-of-type(4) dl > dt,
#sub_020601 .section1 .box_wrap:nth-of-type(5) .box:nth-of-type(2) dl > dt,
#sub_020601 .section1 .box_wrap:nth-of-type(5) .box:nth-of-type(3) dl > dt{width:150px;}
#sub_020601 .section1 .box_wrap:nth-of-type(3) .box:nth-of-type(1) dl > dd, 
#sub_020601 .section1 .box_wrap:nth-of-type(3) .box:nth-of-type(2) dl > dd,
#sub_020601 .section1 .box_wrap:nth-of-type(4) .box:nth-of-type(1) dl > dd,
#sub_020601 .section1 .box_wrap:nth-of-type(4) .box:nth-of-type(3) dl > dd,
#sub_020601 .section1 .box_wrap:nth-of-type(4) .box:nth-of-type(4) dl > dd,
#sub_020601 .section1 .box_wrap:nth-of-type(5) .box:nth-of-type(2) dl > dd,
#sub_020601 .section1 .box_wrap:nth-of-type(5) .box:nth-of-type(3) dl > dd{width:calc(100% - 150px);}
#sub_020601 .section2 span.sub_title{margin-top:0;}
#sub_020601 .section2 .box_wrap .box{min-height:255px;}
#sub_020601 .section2 .box_wrap .box:last-of-type{clear:both;}
#sub_020601 .section2 .box_wrap > p, #sub_020601 .section1 .box_wrap + p{position:relative; margin-top:20px; padding-left:10px; width:100%; font-size:16px;}
#sub_020601 .section2 .box_wrap > p:before, #sub_020601 .section1 .box_wrap + p:before{content:"-"; position:absolute; top:-2px; left:0;}

/* 교수 지원형 프로그램 */
#sub_contents #sub_020701 .section .sub_title{margin-top:100px; margin-bottom:10px;}
#sub_020701 .section > ul > li, #sub_020701 .section .timetable > ul > li{position:relative; font-size:18px; padding-left:10px; line-height:1.5; letter-spacing:0; font-weight:300;}
#sub_020701 .section > ul > li:before, 
#sub_020701 .section .timetable > ul > li:before{content:"-"; position:absolute; top:-2px; left:0;}
#sub_020701 .section > ul > li > span, 
#sub_020701 .section .timetable > ul > li > span{position:relative; display:inline-block; margin-right:10px;}
#sub_020701 .section > ul > li > span:after, 
#sub_020701 .section .timetable > ul > li > span:after{content:":"; position:absolute; top:-1px; right:-9px;}
#sub_020701 .section .timetable{margin-top:60px;}
#sub_020701 .section1 .timetable > p, #sub_020701 .section2 >  p{font-size:16px; margin-top:15px;}
#sub_020701 .section .timetable table tbody tr td{padding:20px 34px;}
#sub_020701 .section1 .timetable span.day{display:inline-block; margin-bottom:10px; font-size:20px; font-weight:500;}
#sub_020701 .section1 .timetable table colgroup col.time{width:15%;}
#sub_020701 .section1 .timetable table colgroup col.main_content{width:14%;}
#sub_020701 .section1 .timetable table colgroup col.etc{width:27%;}
#sub_020701 .section1 .timetable table colgroup col.time1{width:15%;}
#sub_020701 .section1 .timetable table colgroup col.time2{width:8%;}
#sub_020701 .section1 .timetable > table{margin-top:10px;}
#sub_020701 .section1 .timetable:nth-of-type(1) > table, 
#sub_020701 .section1 .timetable:nth-of-type(2) > table{margin-top:0;}
#sub_020701 .section1 .timetable:nth-of-type(3) > table{margin-top:6px;}
#sub_020701 .section1 .timetable:nth-of-type(4) > table colgroup col.etc, 
#sub_020701 .section1 .timetable:nth-of-type(5) > table colgroup col.etc,
#sub_020701 .section1 .timetable:nth-of-type(6) > table colgroup col.etc{width:32%;}
#sub_020701 .section1 .timetable:nth-of-type(8) > table colgroup col.etc,
#sub_020701 .section1 .timetable:nth-of-type(9) > table colgroup col.etc,
#sub_020701 .section1 .timetable:nth-of-type(10) > table colgroup col.etc,
#sub_020701 .section1 .timetable:nth-of-type(11) > table colgroup col.etc,
#sub_020701 .section1 .timetable:nth-of-type(12) > table colgroup col.etc{width:42%;}
#sub_020701 .section1 .timetable tbody tr td strong{font-weight:500;}
#sub_020701 .section1 .timetable tbody tr td.list p{position:relative; padding-left:10px; font-size:16px; letter-spacing:0; line-height:160%;}
#sub_020701 .section1 .timetable tbody tr td.list p:before{content:"-"; position:absolute; top:-2px; left:0;}
#sub_020701 .section1 .timetable tbody tr td.list p > span{position:relative; display:inline-block;margin-right:10px;}
#sub_020701 .section1 .timetable tbody tr td.list p > span:after{content:":"; position:absolute; top:1px; right:-6px;}
#sub_020701 .section1 .timetable tbody tr td > ul.dot > li{position:relative; padding-left:10px;}
#sub_020701 .section1 .timetable tbody tr td > ul.dot > li:before{content:"·"; position:absolute; top:-1px; left:-2px;}
#sub_020701 .section1 .timetable tbody tr td > ul.dot > li > ul > li{position:relative; padding-left:10px;}
#sub_020701 .section1 .timetable tbody tr td > ul.dot > li > ul > li:before{content:"-"; position:absolute; top:-2px; left:0;}
#sub_020701 .section1 .timetable tbody tr td.al_left > ul > li > span{position:relative; display:inline-block;margin-right:10px;}
#sub_020701 .section1 .timetable tbody tr td.al_left > ul > li > span:after{content:":"; position:absolute; top:-1px; right:-9px;}
#sub_contents #sub_020701 .section span.sub_title{margin-top:50px;}
#sub_contents #sub_020701 .section2 span.sub_title:first-of-type{margin-top:0;}

/* 국내 봉사활동 안내 */
#sub_030101{width:100%;}
#sub_contents #sub_030101 div.section .sub_title{margin-bottom:15px;}
#sub_030101 .section1 ul > li{position:relative; padding-left:10px; font-size:18px; font-weight:300; letter-spacing:0;}
#sub_030101 .section1 ul > li:before{content:"-"; position:absolute; top:0; left:0;}
#sub_030101 .section2 > div p{font-size:18px; font-weight:300; letter-spacing:0;}
#sub_030101 .section2 > div p a:hover, #sub_030101 .section2 > div p a:focus{color:var(--main_color); text-decoration:underline;}
#sub_030101 .section2 > div + div{margin-top:95px;}
#sub_030101 .section2 div table.type_horizontal colgroup col.time{width:11%;}
#sub_030101 .section2 div table.type_horizontal tbody tr td.al_left{padding:15px 40px;}
#sub_030101 .section2 div ul.step{margin-top:30px; margin-bottom:20px; width:100%; overflow:hidden;}
#sub_030101 .section2 div ul.step > li{padding:30px 15px 15px 15px; width:240px; background-color:var(--main_color); float:left;}
#sub_030101 .section2 div ul.step > li + li{position:relative; margin-left:80px;}
#sub_030101 .section2 div ul.step > li + li:before{content:""; position:absolute; top:50%; left:-58px; width:41px; height:55px; transform:translateY(-50%); background:url(/_res/ace2/img/icon_arrow.png) no-repeat;}
#sub_030101 .section2 div ul.step > li strong{display:block; font-size:22px; font-weight:500; text-align:center; color:#fff;}
#sub_030101 .section2 div ul.step > li div.content{display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin-top:25px; width:100%; height:160px; font-size:18px; color:#393939; letter-spacing:0; font-weight:400; text-align:center; background-color:#fff;}
#sub_030101 .section2 div ul.step > li div.content dl > dt{position:relative; display:inline-block; padding-left:7px; margin-right:7px; font-weight:500;}
#sub_030101 .section2 div ul.step > li div.content dl > dt:before{content:"-"; position:absolute; top:0; left:0;}
#sub_030101 .section2 div ul.step > li div.content dl > dt:after{content:":"; position:absolute; top:-2px; right:-5px;}
#sub_030101 .section2 div ul.step > li div.content dl > dd{font-size:18px; color:#393939; letter-spacing:0; font-weight:400;}
#sub_030101 .section2 div ul.step > li:nth-child(2) div.content dl{display:flex; flex-flow:row wrap; justify-content:center; }
#sub_contents #sub_030101 .section div:nth-of-type(3) p.reference{padding-left:10px;}
#sub_contents #sub_030101 .section div:nth-of-type(3) p.reference strong{position:relative; display:inline-block; margin-right:10px; font-weight:400;}
#sub_contents #sub_030101 .section div:nth-of-type(3) p.reference strong:before{content:":"; position:absolute; top:-1px; right:-7px;}
#sub_contents #sub_030101 .section div:nth-of-type(3) p.reference:before{content:"*";}
#sub_030101 .section2 div div.box{display:inline-block; padding:55px; margin-top:15px; margin-right:35px; width:48%; min-height:250px; background-color:#f7f7f7;}
#sub_030101 .section2 div div.box:nth-child(odd){margin-right:0;}
#sub_030101 .section2 div div.box strong{display:inline-block; margin-bottom:25px; font-size:22px; font-weight:700; letter-spacing:0;}
#sub_030101 .section2 div div.box p{font-size:18px; font-weight:300; line-height:2;}
#sub_030101 .section2 div div.box dl dt{position:relative; padding-left:10px; font-size:18px; font-weight:500; line-height:2;}
#sub_030101 .section2 div div.box dl dt:before{content:"-"; position:absolute; top:0; left:0;}
#sub_030101 .section2 div div.box dl dd{padding-left:10px; font-size:18px; font-weight:300; line-height:2; word-break:keep-all;}
#sub_contents #sub_030101 .section div:nth-of-type(6) div.box dl{overflow:hidden;}
#sub_contents #sub_030101 .section div:nth-of-type(6) div.box dl dd, #sub_contents #sub_030101 .section div:nth-of-type(6) div.box dl dt{float:left;}
#sub_030101 .section2 div ul.prepare{width:100%; height:330px;}
#sub_030101 .section2 div ul.prepare > li{position:relative; width:150px; height:150px; background-color:#e1f3f7; float:left;}
#sub_030101 .section2 div ul.prepare > li:before{content:""; position:absolute; top:0; left:0; width:150px; height:150px; background-image:url(/_res/nanum/img/icon_volunteer.png); background-repeat:no-repeat; background-position:0 0;}
#sub_030101 .section2 div ul.prepare > li:nth-child(2):before{background-position:-225px 0;}
#sub_030101 .section2 div ul.prepare > li:nth-child(3):before{background-position:-450px 0;}
#sub_030101 .section2 div ul.prepare > li:nth-child(4):before{background-position:-665px 0;}
/*20220829변경
#sub_030101 .section2 div ul.prepare > li:nth-child(5):before{background-position:-600px 0;}
#sub_030101 .section2 div ul.prepare > li:nth-child(6):before{background-position:-750px 0;}
*/
#sub_030101 .section2 div ul.prepare > li + li{margin-left:60px;}
#sub_030101 .section2 div ul.prepare > li + li:after{content:""; position:absolute; top:50%; left:-43px; width:28px; height:39px; transform:translateY(-50%); background-image:url(/_res/nanum/img/icon_arrow.png); background-repeat:no-repeat; background-size:contain;}
#sub_030101 .section2 div ul.prepare > li > div{margin-top:150px; text-align:center; font-size:18px; font-weight:500; line-height:1.5; letter-spacing:0;}
#sub_030101 .section2 div ul.prepare > li > div > strong{display:inline-block; padding-top:20px; height:60px; font-size:18px; font-weight:700;}
#sub_030101 .section2 div ul.prepare > li > div > strong + ul > li, #sub_030101 .section2 div ul.prepare > li > div > strong + p{font-size:16px; font-weight:300; letter-spacing:-0.5px; text-align:center; line-height:1.35;}
#sub_030101 .section2 div ul.prepare > li > div > strong + ul > li ul > li{position:relative; padding-left:5px;}
#sub_030101 .section2 div ul.prepare > li > div > strong + ul > li ul > li:before{content:"-"; position:absolute; top:-2px; left:0;}
#sub_030101 .section2 div p.reference:first-child{margin-top:30px;}

/* 국내 봉사활동 활동현황 */
#sub_030102{width:100%;}
#sub_030102 table.type_horizontal colgroup col.year{width:10%;}
#sub_030102 table.type_horizontal colgroup col.time{width:15%;}
#sub_030102 table.type_horizontal colgroup col.title{width:50%;}
#sub_030102 table.type_horizontal tbody tr td.al_left{padding:15px 40px;}

/* 해외 봉사활동 글로벌 청년봉사단 */
#sub_030201{width:100%;}
#sub_contents #sub_030201 div.section .sub_title{margin-bottom:15px;}
#sub_030201 .section1 ul > li, #sub_030201 .section4 ul > li{position:relative; padding-left:10px; font-size:18px; font-weight:300; letter-spacing:0;}
#sub_030201 .section1 ul > li:before, #sub_030201 .section4 ul > li:before{content:"-"; position:absolute; top:0; left:0;}
#sub_030201 .section2 table.type_horizontal colgroup col.division{width:15%;}
#sub_030201 .section5 ul.prepare{width:100%; height:330px;}
#sub_030201 .section5 ul.prepare > li{position:relative; width:180px; height:180px; background-color:#e1f3f7; float:left;}
#sub_030201 .section5 ul.prepare > li:before{content:""; position:absolute; top:0; left:0; width:180px; height:180px; background-image:url(/_res/nanum/img/icon_aboard.png); background-repeat:no-repeat; background-position:0 0;}
#sub_030201 .section5 ul.prepare > li:nth-child(2):before{background-position:-180px 0;}
#sub_030201 .section5 ul.prepare > li:nth-child(3):before{background-position:-180px 0;}
#sub_030201 .section5 ul.prepare > li:nth-child(4):before{background-position:-360px 0;}
#sub_030201 .section5 ul.prepare > li + li{margin-left:160px;}
#sub_030201 .section5 ul.prepare > li + li:after{content:""; position:absolute; top:50%; left:-50%; width:48px; height:64px; transform:translate(-12px, -50%); background-image:url(/_res/nanum/img/icon_arrow.png); background-repeat:no-repeat; background-size:contain;}
#sub_030201 .section5 ul.prepare > li > div{margin-top:200px; text-align:center; font-size:18px; font-weight:500; line-height:1.5; letter-spacing:0;}
#sub_030201 .section5 ul.prepare > li > div a:hover, #sub_030201 .section5 ul.prepare > li > div a:focus{color:var(--main_color); text-decoration:underline;}
#sub_030201 .section8 table.type_horizontal colgroup col.year{width:10%;}
#sub_030201 .section8 table.type_horizontal colgroup col.time{width:15%;}
#sub_030201 .section8 table.type_horizontal colgroup col.amount{width:10%;}
#sub_030201 .section8 table.type_horizontal colgroup col.note{width:10%;}
#sub_030201 .section8 table.type_horizontal tbody tr td.al_left{padding:15px 40px;}

/* 해외 봉사활동 외부기관 연계 해외 봉사활동 안내 */
#sub_030202{width:100%;}
#sub_030202 div.section > div + div{margin-top:110px;}
#sub_030202 .section table.type_horizontal colgroup col.year{width:15%;}
#sub_030202 .section table.type_horizontal colgroup col.amount{width:12%;}
#sub_030202 .section table.type_horizontal colgroup col.note{width:12%;}
#sub_030202 .section ul.list li > span{display:inline-block; position:relative; margin-right:10px;}
#sub_030202 .section ul.list li > span:before{content:":"; position:absolute; top:-2px; right:-7px;}
#sub_030202 .section ul.prepare{width:100%; height:220px;}
#sub_030202 .section ul.prepare > li{position:relative; background-color:#e1f3f7; float:left;}
#sub_030202 .section ul.prepare > li:before{content:""; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:0 0;}
#sub_030202 .section ul.prepare > li + li:after{content:""; position:absolute; top:50%; left:-50%; width:23px; height:31px; transform:translate(31px, -50%); background-image:url(/_res/nanum/img/icon_arrow.png); background-repeat:no-repeat; background-size:contain;}
#sub_030202 .section ul.prepare > li > div{text-align:center; font-size:18px; font-weight:500; line-height:1.5; letter-spacing:-1.5px;}
#sub_030202 .section ul.prepare > li > div a:hover, #sub_030201 .section5 ul.prepare > li > div a:focus{color:var(--main_color); text-decoration:underline;}
#sub_030202 .section1 ul.prepare > li{width:130px; height:130px;}
#sub_030202 .section1 ul.prepare > li:before{width:130px; height:130px; background-image:url(/_res/nanum/img/icon_selection.png);}
#sub_030202 .section1 ul.prepare > li:nth-child(2):before{background-position:-130px 0;}
#sub_030202 .section1 ul.prepare > li:nth-child(3):before{background-position:-260px 0;}
#sub_030202 .section1 ul.prepare > li:nth-child(4):before{background-position:-390px 0;}
#sub_030202 .section1 ul.prepare > li:nth-child(5):before{background-position:-520px 0;}
#sub_030202 .section1 ul.prepare > li:nth-child(6):before{background-position:-650px 0;}
#sub_030202 .section1 ul.prepare > li:nth-child(7):before{background-position:-780px 0;}
#sub_030202 .section1 ul.prepare > li + li{margin-left:48px;}
#sub_030202 .section1 ul.prepare > li + li:after{width:23px; height:31px; transform:translate(31px, -50%);}
#sub_030202 .section1 ul.prepare > li > div{margin-top:160px;}
#sub_030202 .section2 ul.prepare > li{width:120px; height:120px;}
#sub_030202 .section2 ul.prepare > li:before{width:120px; height:120px; background-image:url(/_res/nanum/img/icon_selection2.png);}
#sub_030202 .section2 ul.prepare > li:nth-child(2):before{background-position:-120px 0;}
#sub_030202 .section2 ul.prepare > li:nth-child(3):before{background-position:-240px 0;}
#sub_030202 .section2 ul.prepare > li:nth-child(4):before{background-position:-360px 0;}
#sub_030202 .section2 ul.prepare > li:nth-child(5):before{background-position:-480px 0;}
#sub_030202 .section2 ul.prepare > li:nth-child(6):before{background-position:-600px 0;}
#sub_030202 .section2 ul.prepare > li:nth-child(7):before{background-position:-720px 0;}
#sub_030202 .section2 ul.prepare > li:nth-child(8):before{background-position:-840px 0;}
#sub_030202 .section2 ul.prepare > li + li{margin-left:34px;}
#sub_030202 .section2 ul.prepare > li + li:after{width:23px; height:31px; transform:translate(33px, -50%);}
#sub_030202 .section2 ul.prepare > li > div{margin-top:145px;}
#sub_030202 .section3 div:nth-of-type(1) ul.list li:first-child{padding-top:25px;}
#sub_030202 .section3 div:nth-of-type(1) ul.list li:first-child:before{top:36px;}
#sub_030202 .section3 ul.prepare > li{width:146px; height:146px;}
#sub_030202 .section3 ul.prepare > li:before{width:146px; height:146px; background-image:url(/_res/nanum/img/icon_selection3.png);}
#sub_030202 .section3 ul.prepare > li:nth-child(2):before{background-position:-146px 0;}
#sub_030202 .section3 ul.prepare > li:nth-child(3):before{background-position:-292px 0;}
#sub_030202 .section3 ul.prepare > li:nth-child(4):before{background-position:-438px 0;}
#sub_030202 .section3 ul.prepare > li:nth-child(5):before{background-position:-584px 0;}
#sub_030202 .section3 ul.prepare > li:nth-child(6):before{background-position:-730px 0;}
#sub_030202 .section3 ul.prepare > li + li{margin-left:60px;}
#sub_030202 .section3 ul.prepare > li + li:after{width:23px; height:31px; transform:translate(33px, -50%);}
#sub_030202 .section3 ul.prepare > li > div{margin-top:175px;}

/* 글로벌자유전공학과 소개 */
#sub_040101{width:100%; margin-bottom:100px;}
#sub_040101 div{position:relative; padding-bottom:10px; overflow:hidden;}
#sub_040101 div:before{content:""; display:block; margin-right:10px; width:600px; height:314px; float:right; background:url(/_res/nanum/img/sub_background_040101.jpg) no-repeat 50% 50%/cover;}
#sub_040101 div:after{content:""; position:absolute; top:10px; right:0; display:block; width:600px; height:314px; float:right; background-color:var(--main_color); z-index:-1;}
#sub_040101 div p.desc{padding-top:0; font-size:48px; color:var(--main_color); line-height:1.25;}
#sub_040101 div p.desc strong{font-weight:700;}
#sub_040101 dl{margin-top:42px; border-bottom:1px solid #d7d7d7; overflow:hidden;}
#sub_040101 dl dt, #sub_040101 dl dd{float:left;}
#sub_040101 dl dt{display:inline-block; padding:45px 55px; width:30%; min-height:480px; border-top:1px solid #000; font-size:35px; font-weight:700;}
#sub_040101 dl dd{display:inline-block; padding:45px 55px 45px 100px; width:70%; min-height:490px; border-top:1px solid #d7d7d7; font-size:17px; font-weight:300;}
#sub_040101 dl dd p{word-break:keep-all; letter-spacing:0; line-height:1.55;}
#sub_040101 dl dd p + p{margin-top:30px;}

/* 글로벌자유전공학과 교육과정 편성표 */
#sub_040201 table.type_horizontal colgroup col.part{width:9%;}
#sub_040201 table.type_horizontal colgroup col.type{width:8%;}
#sub_040201 table.type_horizontal colgroup col.subject{width:18%;}
#sub_040201 table.type_horizontal colgroup col.score{width:5%;}
#sub_040201 table.type_horizontal colgroup col.recommend{width:10%;}
#sub_040201 table.type_horizontal tbody tr td strong{font-weight:500;}

/* PC Mini & Tablet */
@media all and (min-width:768px) and (max-width:1200px) {
    /* Common header */
    header{overflow:hidden;}
    header section{height:auto; padding:0;}
    #logo{height:71px; position:relative; background-color:#fff; z-index:999;}
    #logo h1{left:20px; margin-top:-18px;}
    #gnb_control{display:block;}
    #tnb{padding:0 20px;}
    #tnb > div{max-width:100%; position:absolute; padding:0 25px; top:71px; left:0; width:100%; height:50px; z-index:10; border-top:1px solid #ddd; background-color:#fff;}
    #gnb{width:100%; height:100vh; padding:0; position:absolute; top:0; left:0; background-color:; 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{display:none; height:50px; line-height:50px; padding:0; font-size:18px; color:#fff; text-align:center; background-color:var(--main_color);}
    #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 > a.active{display:block;}
    header.active #gnb nav > ul > li:last-child > a{padding-right:0;}
    header.active #gnb nav > ul > li > ul{border-top:1px solid #d7d7d7;}

    header.fixed #gnb nav > ul > li > a{color:#fff;}
    header.fixed #gnb nav > div > a{color:#fff;}
    header.fixed #logo h1 a{background:url(/_res/nanum/img/logo.png) no-repeat 0 -32px/190px 64px;}

    #visual_contents{padding:0 20px;}
    #logo h1 a{width:300px; height:37px; background:url(/_res/nanum/img/logo.png) no-repeat 0 -37px/300px 74px;}

    footer > div{padding:15px;}
    footer .address_wrap{margin-bottom:30px;}

    /* 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 10px; position:relative; font-size:16px; letter-spacing:0;}
    #snb div > ul > li > a:before{content:""; width:1px; height:16px; position:absolute; top:50%; left:0; background-color:#b7b7b7; transform:translateY(-50%);}
    #snb div > ul > li > a:first-child:before{display:none;}
    #snb div > ul > li ul{top:70px; min-width:100vw; left:0; transform:translateX(0);}
    #snb div > ul > li ul li{margin:0 10px;}
    #snb div > ul > li ul li a{font-size:15px;}
    #snb div > ul > li ul li a.active:before{bottom:-8px;}

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

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

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

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

    /* 인사말 */
    #sub_010101 div.txt div.img{width: 286px; height: 400px; margin-left: 35px; margin-bottom: 20px; margin-right: 5px; background-position: 50% 50%;}
    #sub_010101 div.txt h4{margin-bottom: 25px; font-size: 30px;letter-spacing: 0;}
    #sub_010101 div.txt h4 strong{font-size: 30px;}
    #sub_010101 div.txt p + p{margin-top: 25px;}
    #sub_010101 div.txt p.sign{margin-top: 35px; font-size: 20px;}

    /* 구성원 소개 - 교직원 */
    #sub_010301 div.section > ul {grid-gap: 30px;}
    #sub_010301 div.section > ul > li{min-height: 260px; padding: 20px 25px;}
    #sub_010301 div.section > ul > li dl.mobile{display: block;}
    #sub_010301 div.section > ul > li div.img{width: 130px;}
    #sub_010301 div.section > ul > li div.img > span{height: 155px; background-size: 1560px 155px;}
    #sub_010301 div.section > ul > li:nth-child(2) div.img > span{background-position: -130px 0;}
    #sub_010301 div.section > ul > li:nth-child(3) div.img > span{background-position: -260px 0;}
    #sub_010301 div.section > ul > li:nth-child(4) div.img > span{background-position: -390px 0;}
    #sub_010301 div.section > ul > li:nth-child(5) div.img > span{background-position: -520px 0;}
    #sub_010301 div.section > ul > li:nth-child(6) div.img > span{background-position: -650px 0;}
    #sub_010301 div.section > ul > li:nth-child(7) div.img > span{background-position: -780px 0;}
    #sub_010301 div.section > ul > li:nth-child(8) div.img > span{background-position: -910px 0;}
    #sub_010301 div.section > ul > li:nth-child(9) div.img > span{background-position: -1040px 0;}
    #sub_010301 div.section > ul > li:nth-child(10) div.img > span{background-position: -1170px 0;}
    #sub_010301 div.section > ul > li:nth-child(11) div.img > span{background-position: -1300px 0;}
    #sub_010301 div.section > ul > li:nth-child(12) div.img > span{background-position: -1430px 0;} 
    #sub_010301 div.section > ul > li div.text{width: calc(100% - 130px); padding-top: 5px; padding-left: 20px;}
    #sub_010301 div.section > ul > li div.text strong{font-size: 22px;}
    #sub_010301 div.section > ul > li div.text span{font-size: 14px;}
    #sub_010301 div.section > ul > li div.text ul{margin-top: 10px;}
    #sub_010301 div.section > ul > li:nth-child(10) div.text ul{margin-top: 24px;}
    #sub_010301 div.section > ul > li:nth-child(11) div.text ul{margin-top: 24px;}
    #sub_010301 div.section > ul > li div.text ul > li{padding-left: 25px; font-size: 16px;}
    #sub_010301 div.section > ul > li div.text ul > li.tel::before{top: 13px;}
    #sub_010301 div.section > ul > li div.text ul > li.email::before{top: 13px;}
    /*#sub_010301 div.section > ul > li:last-child{padding: 48px 25px 30px;}*/
    #sub_010301 div.section dl{margin-top: 0;}
    #sub_010301 div.section dl.web{display: none;}
    #sub_010301 div.section dl dt{font-size: 15px;}
    #sub_010301 div.section dl dd{font-size: 15px;}

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

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

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

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

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

    footer > div{padding:20px 15px;}
    footer > div > a{font-size:14px;}
    footer div.address_wrap address, footer div.address_wrap dl dt, footer div.address_wrap dl dd{margin-bottom:0; font-size:14px;}
    footer div.address_wrap dl dd + dt{margin-left:0;}
    footer div.address_wrap dl dt:nth-of-type(2){clear:both;}
    footer div.address_wrap p{font-size:14px;}

    /* 메인_비쥬얼 */
    #main_contents{margin-top:66px;}
    #visual_swiper{height:90vw;}
    #visual_swiper div.seen:nth-of-type(1):before{background:url(/_res/nanum/img/m_main_visual_01.jpg); background-size:contain;}
    #visual_swiper div.swiper-slide{height:100%;}
    #visual_swiper div.swiper-slide > div{max-width:100%; margin:85px 0 0;}
    #visual_swiper div.swiper-slide > div h2{padding:5px 20px 10px; font-size:27px; letter-spacing:0;}
    #visual_swiper div.swiper-slide > div h2 span{font-size:28px;}
    #visual_swiper div.swiper-slide > div p{padding-top:0; padding-left:20px; font-size:20px; font-weight:300; line-height:1.35;}
    #visual_swiper div.swiper-slide > div p br{display:block;}
    #visual_swiper div.control{bottom:7vh;}
    #visual_swiper div.control div.pagination span + span{margin-left:7px;}
    #visual_swiper div.control div.pagination span.swiper-pagination-bullet{width:18px; height:18px;}
    #visual_swiper div.control button{margin-left:0;}
    #visual_swiper div.control button:before{width:15px; height:15px; top:8px; background-size:30px 15px;}
    #visual_swiper div.control div.pagination span.swiper-pagination-bullet:before{width:7px; height:7px;}
    
    #main_explain{display:block; padding:25px; margin:0 auto; bottom:-35%; width:calc(100% - 40px); height:50vw; border:3px solid #00677e;}
    #main_explain div.title{width:100%;}
    #main_explain div.title > p{display:none;}
    #main_explain div.title > span{margin-top:0; font-size:18px; letter-spacing:0;}
    #main_explain div.title > span strong{font-size:18px;}
    #main_explain div.sentence{width:100%;}
    #main_explain div.sentence:before{display:none;}
    #main_explain div.sentence p{font-size:14px; letter-spacing:-0.5px; word-break:break-all; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
    #main_explain div.sentence a{position:absolute; bottom:-33px; left:0; margin-left:0; font-size:15px;}

    #main_contents h3{padding:0 0 40px 0; font-size:30px; letter-spacing:-2px;}

    /* 메뉴 바로가기 */
    #main_menu > div{width:100%; height:auto; padding:175px 20px 35px;}
    #main_menu ul{padding:0 30px 60px;}
    #main_menu ul > li{width:110px; height:110px; margin-right:0;}
    #main_menu ul > li:nth-child(even){float:right;}
    #main_menu ul > li:nth-child(n+3){margin-top:80px;}
    #main_menu ul > li a{padding-top:130px; font-size:14px; letter-spacing:0;}
    #main_menu ul > li a:before{width:50px; height:50px; top:20%; left:50%; background:url(/_res/nanum/img/icon_main_menu.png) no-repeat; background-size:200px 50px;}
    #main_menu ul > li:nth-child(2) a:before{background-position:-50px 0;}
    #main_menu ul > li:nth-child(3) a:before{background-position:-100px 0;}
    #main_menu ul > li:nth-child(4) a:before{background-position:-150px 0;}
    #main_menu ul > li:nth-child(odd):hover, #main_menu ul > li:nth-child(odd):focus{background-color:#528037;} 
    #main_menu ul > li:nth-child(even):hover, #main_menu ul > li:nth-child(even):focus{background-color:#004858;} 
    #main_menu ul > li a:hover:before, #main_menu ul > li a:focus:before{transform:translateX(-50%) scale(1.1);}

    /* 공지사항 */
    #main_notice{padding:50px 0 50px 20px;}
    #main_notice > div{max-width:100%;}
    #main_notice a.more{display:none;}
    div.notice_swiper{padding:0;}
    div.notice_swiper ul li{width:80%; margin-right:20px;}
    div.notice_swiper ul li a{height:65vw; padding:35px 30px;}
    div.notice_swiper ul li a span{font-size:12px;}
    div.notice_swiper ul li a span strong{font-size:25px; letter-spacing:-1px;}
    div.notice_swiper ul li a h6{max-height:44px; min-height:22px; line-height:22px; margin:10px 0; font-size:17px;}
    div.notice_swiper ul li.latest h6:after{width:20px; height:20px; line-height:20px; font-size:11px;}
    div.notice_swiper ul li a p{height:72px; line-height:24px; font-size:14px;}
    div.notice_swiper div.control{width:100%; padding:0 20px; position:absolute; bottom:43px; left:0;}
    div.notice_swiper div.control button{width:45px; height:45px; top:0; background-color:#fff; transform:translateY(0);}
    div.notice_swiper div.control button.next{right:20px;}
    div.notice_swiper div.pagination{height:34px; margin-top:30px; padding-right:20px;}
    div.notice_swiper.no_swiper ul li{width:calc(100% - 20px);}

    /* 포토갤러리 */
    #main_photo{padding:50px 20px;}
    #main_photo a.more{width:30px; height:30px; top:10px;}
    #main_photo a.more:before, #main_photo a.more:after{width:30px; height:1px;}
    div.recent_gallery ul{display:block;}
    div.recent_gallery ul li{flex:none; margin-top:50px; width:100%;}
    div.recent_gallery ul li.empty{font-size:15px;}
    div.recent_gallery ul li:first-child{margin-top:0;}
    div.recent_gallery ul li:nth-child(2){margin:50px 0 0;}
    div.recent_gallery ul li a div.front div.bg span{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:all 0.5s;}
    div.recent_gallery ul li a div.front div.info span.title{margin:10px 0 0; font-size:18px;}
    div.recent_gallery ul li a div.front div.info span.date{font-size:13px;}
    div.recent_gallery ul li a div.back{display:none;}

    /* 사이트 바로가기 */
    #main_link > div{padding:50px 20px;}
    #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:first-child{margin-top:0;}
    #main_link > div ul li a{display:flex; flex-wrap:wrap; align-content:center; justify-content:center; height:80px; border:1px solid #b7b7b7;}

    /* Sub Layout */
    #sub_visual{margin-top:71px; height:207px; background-size:cover;}
    #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;}
    #sub_visual div.breadcrum{padding:16px 0 0 0;}
    #sub_visual div.breadcrum ul{gap:25px;}
    #sub_visual div.breadcrum ul li, #sub_visual > div div.breadcrum ul li a{font-size:14px;}
    #sub_visual div.breadcrum ul li:not(:first-child):before{width:8px; height:8px; left:-20px;}
    #sub_visual div.breadcrum ul li:first-child a:before{width:16px; height:17px; background:url(/_res/sw/img/bg_breadcrum.png) no-repeat 50% 50%/16px 17px;}

    #snb{padding:0 20px; position:relative; margin-top:-30px; z-index:2;}
    #snb div{height:0;}
    #snb div > ul{display:block; height:62px; padding-top:60px; position:absolute; top:0; left:0; background-color:#fff; transition:0.3s all;}
    #snb div > ul > li{display:block; position:static;}
    #snb div > ul > li:before{display:none;}
    #snb div > ul > li > a{display:none; width:100%; height:60px; line-height:60px; padding:0 20px; position:relative; font-size:17px; letter-spacing:0; text-align:left;}
    #snb div > ul > li > a.active{display:block; position:absolute; top:0; left:0;}
    #snb div > ul > li > a.active:after{content:""; width:12px; height:7px; position:absolute; top:50%; right:20px; background:url(/_res/energy/img/bg_snb_arrow.png) no-repeat 50% 50%/12px 7px; transform:translateY(-50%);}
    #snb div > ul > li ul{top:75px; min-width: 100%;}
    #snb div > ul > li ul li{margin:0 4px;}
    #snb div > ul > li ul li a{font-size:15px;}
    #snb div > ul > li ul li a.active:before{bottom:-7px;}
      
    #snb.active div > ul{height:auto;}
    #snb.active div > ul > li > a{display:block;}
    #snb.active div > ul > li ul{display:none;}
      
    #sub_title{margin:62px auto 70px; max-width:100%;}
    #sub_title h3{font-size:30px; line-height:30px; padding-top:65px;}
    #sub_title h3 span{width:30px; height:10px; margin:0 auto 20px;}
    #sub_title h3 span:before, #sub_title h3 span:after{width:10px; height:10px;}

    #sub_contents{max-width:100%; padding:0 20px 50px;}
    #sub_contents div.lang{width:140px; height:40px; margin:0 auto; position:static; border:1px solid #acacac;}
    #sub_contents div.lang a, #sub_contents div.lang span{width:50%; font-size:14px; line-height:38px;}

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

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

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

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

    /* 인사말 */
	#sub_010101 div.txt h4{display: block; margin-bottom: 25px; font-size: 24px; letter-spacing: 0;}
	#sub_010101 div.txt h4 strong{font-size: 24px;}
	#sub_010101 div.txt div.img{width: 100%; height: 0; padding-top: 75%; margin-left: 0; margin-bottom: 20px; background-position: 50% 35%;}
	#sub_010101 div.txt p{font-size: 16px; line-height: 1.45; font-weight: 400; letter-spacing: 0; word-break: break-all;}
	#sub_010101 div.txt p + p{margin-top: 20px;}
	#sub_010101 div.txt p.sign{padding-top: 0; margin-top: 25px; font-size: 20px;}

    /* 향설나눔대학 - 소개 */
    #sub_010201 div:before{width:100%; height:178px; margin-right:5px;}
    #sub_010201 div:after{top:4px; width:98%; height:178px;}
    #sub_010201 div p.desc{font-size:28px;}
    #sub_010201 dl{padding-top:20px;}
    #sub_010201 dl dt, #sub_010201 dl dd{float:left;}
    #sub_010201 dl dt{padding:20px 30px 10px; width:100%; border-top:2px solid #000; font-size:22px;}
    #sub_010201 dl dd{width:100%; min-height:auto; padding:15px 30px 20px; font-size:16px; line-height:1.5; float:none;}

    /* 향설나눔대학 - 교육목표 */
    #sub_contents #sub_010202 .section .sub_title{margin-bottom:10px;}
    #sub_contents #sub_010202 .section p + .sub_title, #sub_contents #sub_010202 .section ul.list_1 + .sub_title{margin-top:55px;}
    #sub_010202 .section1 > p:last-of-type br{display:block;}
    #sub_010202 .section1 > div{margin-top:35px;}
    #sub_010202 .section1 > div div.title{padding-top:130px; width:86px; height:330px; font-size:17px; letter-spacing:0; font-weight:500;}
    #sub_010202 .section1 > div dl{width:calc(100% - 105px);}
    #sub_010202 .section1 > div dl dt{margin-top:10px; width:100%; font-size:14px; line-height:30px; font-weight:500;}
    #sub_010202 .section1 > div dl dt:before{left:-10px; top:inherit; bottom:-82%; width:12px; height:12px; z-index:-1;}
    #sub_010202 .section1 > div dl dd{margin-top:0; padding:15px; width:100%; font-size:12px; line-height:1.35; letter-spacing:0; border-top:3px solid #69a30f;}
    #sub_010202 .section1 > div dl dd br{display:block;}
    #sub_010202 .section2 ul.color_list{margin:25px 0; display:block;}
    #sub_010202 .section2 ul.color_list > li{width:100%; min-height:174px; margin-right:0;}
    #sub_010202 .section2 ul.color_list > li + li{margin-top:15px;}
    #sub_010202 .section2 ul.color_list > li .title{padding:0 0 15px; font-size:18px; font-weight:500;}
    #sub_010202 .section2 ul.color_list > li .title br{display:none;}
    #sub_010202 .section2 ul.color_list > li > ul.contents{height:calc(100% - 68px); padding:15px 20px;}
    #sub_010202 .section2 ul.color_list > li > ul.contents li{padding-left:7px; margin-bottom:8px; font-size:15px;}
    #sub_010202 .section2 ul.color_list > li > ul.contents li:last-child{margin-bottom:0;}
    #sub_010202 .section2 ul.color_list > li > ul.contents li:before{top:-2px; left:0;}
    #sub_010202 .section2 ul.list_1 > li{padding-left:7px; font-size:16px;}
    #sub_010202 .section2 ul.list_1 > li:before{top:-2px; left:0;}
    #sub_010202 .section2 div.box{padding:25px; margin-top:25px;}
    #sub_010202 .section2 div.box > p{line-height:1.5; letter-spacing:0;}
    #sub_010202 .section2 div.box span.link{padding-left:7px; margin-top:15px; font-size:16px;}

    /* 향설나눔대학 - 연혁 */
    #sub_010203 .section > div.history{margin-top:30px;}
    #sub_010203 .section > div.history dl{padding-left:3px;}
    #sub_010203 .section > div.history dl:before{top:20px; left:3px;}
    #sub_010203 .section > div.history dl dt{margin-top:35px; padding-left:27px; width:100%; font-size:24px; float:none;}
    #sub_010203 .section > div.history dl dt:before{left:-3px; width:8px; height:8px;}
    #sub_010203 .section > div.history dl dt:nth-of-type(1):after{left:-3px; width:10px; height:10px;}
    #sub_010203 .section > div.history dl dd{margin-top:0; padding-top:8px; padding-left:25px; width:100%; float:none;}
    #sub_010203 .section > div.history dl dd > ul > li{margin-top:25px; font-size:17px;}
    #sub_010203 .section > div.history dl dd > ul > li span.date{margin-right:15px;}
    #sub_010203 .section > div.history dl dd > ul > li > ul{padding-left:10px;}
    #sub_010203 .section > div.history dl dd > ul > li > ul > li{margin-top:6px; padding-left:8px;}

    /* 구성원 소개 - 교직원 */
	#sub_010301 div.section > ul {display: block;}
	#sub_010301 div.section > ul > li + li{margin-top: 20px;}
	#sub_010301 div.section > ul > li{width: 100%; min-height: auto; padding: 15px;}
	#sub_010301 div.section > ul > li div.img{width: 116px;}
	#sub_010301 div.section > ul > li div.img > span{height: 139px; background-size: 1276px 139px;}
	#sub_010301 div.section > ul > li:nth-child(2) div.img > span{background-position: -116px 0;}
	#sub_010301 div.section > ul > li:nth-child(3) div.img > span{background-position: -232px 0;}
	#sub_010301 div.section > ul > li:nth-child(4) div.img > span{background-position: -348px 0;}
	#sub_010301 div.section > ul > li:nth-child(5) div.img > span{background-position: -464px 0;}
	#sub_010301 div.section > ul > li:nth-child(6) div.img > span{background-position: -580px 0;}
	#sub_010301 div.section > ul > li:nth-child(7) div.img > span{background-position: -696px 0;}
	#sub_010301 div.section > ul > li:nth-child(8) div.img > span{background-position: -812px 0;}
	#sub_010301 div.section > ul > li:nth-child(9) div.img > span{background-position: -928px 0;}
	#sub_010301 div.section > ul > li:nth-child(10) div.img > span{background-position: -1044px 0;}
	#sub_010301 div.section > ul > li:nth-child(11) div.img > span{background-position: -1160px 0;}
	#sub_010301 div.section > ul > li:nth-child(12) div.img > span{background-position: -1276px 0;} 
	#sub_010301 div.section > ul > li:nth-child(10) div.text ul{margin-top: 28px;}	
	#sub_010301 div.section > ul > li:nth-child(11) div.text ul{margin-top: 28px;}
	#sub_010301 div.section > ul > li div.text{width: calc(100% - 116px); padding-left: 15px; padding-top: 15px;}
	#sub_010301 div.section > ul > li div.text strong{font-size: 20px; line-height: 1.35;}
	#sub_010301 div.section > ul > li div.text span{font-size: 14px;}
	#sub_010301 div.section > ul > li div.text ul{margin-top: 10px;}
	#sub_010301 div.section > ul > li div.text ul > li{padding-left: 18px; font-size: 15px; letter-spacing: 0;}
	#sub_010301 div.section > ul > li div.text ul > li.tel::before{top: 12px; width: 13px; height: 10px; background-size: 26px 10px;}
	#sub_010301 div.section > ul > li div.text ul > li.email::before{top: 12px; width: 13px; height: 10px; background-position: -13px 0; background-size: 26px 10px;}
	#sub_010301 div.section > ul > li:last-child{width: 100%; padding: 15px;}
	#sub_010301 div.section > ul > li:last-child div.text{padding-top: 0;}
	#sub_010301 div.section > ul > li:last-child div.text ul.etc li{padding-left: 0; line-height: 1.7;}
	#sub_010301 div.section dl{margin-top: 15px;}
	#sub_010301 div.section > ul > li dl.mobile{display: block;}
	#sub_010301 div.section > ul > li dl.img{display: block;}
	#sub_010301 div.section dl dt{font-size: 15px;}
	#sub_010301 div.section dl dd{font-size: 15px;}

    div.professor > p{font-size:15px; padding-top:15px; line-height:22px;}
    div.professor > ul{display:block; margin-top:25px; border:1px solid #d7d7d7;}
    div.professor > ul > li{padding:20px 15px !important; width:100% !important; min-height:auto; border:none; border-top:1px solid #d7d7d7;}
    div.professor > ul > li:first-child{border-top:none;}
    div.professor > ul > li strong{margin:7px 0; font-size:16px; line-height:16px;}
    div.professor > ul > li span{font-size:14px; line-height:22px;}
    div.professor > ul > li > dl > dt{font-size:15px; line-height:22px;}
    div.professor > ul > li > dl > dt.list{margin-top:10px;}
    div.professor > ul > li > dl > dd, div.professor > ul > li > dl > dd a{font-size:15px; line-height:22px;}
    div.professor > ul > li > dl > dd > ul > li{padding-left:10px;}
    div.professor > ul + p{padding-top:25px;}

    #sub_020101 .section2 ul.color_list{margin:25px 0; display:block;}
    #sub_020101 .section2 ul.color_list > li{width:100%; min-height:auto; margin-top:20px; margin-right:0; border:10px solid #69a30f;}
    #sub_020101 .section2 ul.color_list > li:first-child{margin-top:0;}
    #sub_020101 .section2 ul.color_list > li:last-of-type{margin-right:0;}
    #sub_020101 .section2 ul.color_list > li .title{padding:10px 0 15px; font-size:20px; line-height:22px; font-weight:500;}
    #sub_020101 .section2 ul.color_list > li .title br{display:none;}
    #sub_020101 .section2 ul.color_list > li > ul.contents{height:auto; padding:20px 15px;}
    #sub_020101 .section2 ul.color_list > li > ul.contents li{padding-left:7px; margin-bottom:5px; font-size:17px;}
    #sub_020101 .section2 ul.color_list > li > ul.contents li:before{top:-2px;}
    #sub_020101 .section2 ul.list_1 > li{padding-left:7px; font-size:16px;}
    #sub_020101 .section2 ul.list_1 > li:before{top:-2px;}
    #sub_contents #sub_020101 div.section .sub_title{margin-top:30px;}
    #sub_contents #sub_020101 div.section .sub_title:first-child{margin-top:0;}

    /* 교양교과목 - 교양교육 기본체계 */
    #sub_020201 div.section p{font-size:16px; letter-spacing:-0.5px;}
    #sub_contents #sub_020201 .section .sub_title{margin-bottom:15px;}
    #sub_contents #sub_020201 .section > div + div{margin-top:75px;}
    #contents #sub_020201 > div + div{padding-top:45px;}
    #sub_020201 .section1 table.type_horizontal{margin-top:45px;}
    #sub_020201 .section2{overflow-x:scroll;}
    #sub_020201 .section2 table.type_horizontal colgroup col.subject{width:45%;}
    #sub_020201 table.type_horizontal{margin-top:20px;}
    #sub_020201 table.type_horizontal colgroup col.year{width:20%;}
    #sub_020201 table.type_horizontal tbody tr th{padding:15px; font-size:13px;}
    #sub_020201 table.type_horizontal tbody tr th span.reference, #sub_020201 table.type_horizontal tbody tr td span.reference{padding-left:14px;}
    #sub_020201 table.type_horizontal thead tr th, #sub_020101 table.type_horizontal tbody tr td{word-break:break-all;}
    #sub_020201 table.type_horizontal tbody tr td br{display:none;}
    #sub_020201 table.type_horizontal tbody tr td span.note{padding-left:8px;}
    #sub_020201 table.type_horizontal tbody tr td span.note:before{top:4px;}
    #sub_020201 div p.reference{margin-top:20px;}

    /* 교양교과목 */
    #sub_020401 table tbody tr td.need:before{width:10px; height:10px;}

    /*  */
    #sub_020501 .section{overflow-x:scroll;}
    #sub_020501 .section ul.list_1 li{padding-left:7px; font-size:16px; letter-spacing:-0.5px; line-height:1.65;}
    #sub_020501 .section ul.list_1 li:before{top:-2px;}
    #sub_020501 .section span.sub_title{margin-top:50px;}
    #sub_020501 .section1 table.type_horizontal tbody tr td:nth-child(2), #sub_020501 .section1 table.type_horizontal tbody tr td:nth-child(3){padding:8px 10px;}
    #sub_020501 .section2 table.type_horizontal colgroup col.number{width:14%;}
    #sub_020501 .section2 table.type_horizontal tbody tr td:nth-child(3), #sub_020501 .section2 table.type_horizontal tbody tr td:nth-child(4){padding:8px 10px;}
    #sub_contents #sub_020501 div.section3 .sub_title{margin-bottom:6px;}

    /* 교과 연계형 프로그램 */
    #sub_020601 .section span.sub_title{margin-top:40px;}
    #sub_020601 .section ul.list_1 > li{padding-left:7px; font-size:13px;}
    #sub_020601 .section ul.list_1 > li:before{top:-1px;}
    #sub_020601 a.mail{padding:0 15px; margin-top:15px;height:40px; line-height:40px;}
    #sub_020601 a.mail span{margin-left:20px; font-size:16px;}
    #sub_020601 a.mail span:before{left:-20px; width:16px; height:12px; background-size:16px 12px;}
    #sub_020601 .section .box_wrap{margin-top:35px; display:block;}
    #sub_020601 .section .box_wrap .box{margin-top:15px; padding:25px; width:100%;}
    #sub_020601 .section .box_wrap .box:nth-child(n+3){margin-top:15px;}
    #sub_020601 .section .box_wrap .box:first-child{margin-top:0;}
    #sub_020601 .section .box_wrap .box strong{margin-bottom:15px; font-size:18px;}
    #sub_020601 .section .box_wrap .box dl > dt{margin-top:5px; width:80px; font-size:15px;}
    #sub_020601 .section .box_wrap .box dl > dd{margin-top:5px; width:calc(100% - 80px); font-size:15px;}
    #sub_020601 .section1 .box_wrap + p{margin-top:20px; font-size:16px;}
    #sub_020601 .section1 .box_wrap:nth-of-type(3) .box:nth-of-type(1) dl > dt, 
    #sub_020601 .section1 .box_wrap:nth-of-type(3) .box:nth-of-type(2) dl > dt,
    #sub_020601 .section1 .box_wrap:nth-of-type(4) .box:nth-of-type(1) dl > dt,
    #sub_020601 .section1 .box_wrap:nth-of-type(4) .box:nth-of-type(3) dl > dt,
    #sub_020601 .section1 .box_wrap:nth-of-type(4) .box:nth-of-type(4) dl > dt,
    #sub_020601 .section1 .box_wrap:nth-of-type(5) .box:nth-of-type(2) dl > dt,
    #sub_020601 .section1 .box_wrap:nth-of-type(5) .box:nth-of-type(3) dl > dt{width:120px;}
    #sub_020601 .section1 .box_wrap:nth-of-type(3) .box:nth-of-type(1) dl > dd, 
    #sub_020601 .section1 .box_wrap:nth-of-type(3) .box:nth-of-type(2) dl > dd,
    #sub_020601 .section1 .box_wrap:nth-of-type(4) .box:nth-of-type(1) dl > dd,
    #sub_020601 .section1 .box_wrap:nth-of-type(4) .box:nth-of-type(3) dl > dd,
    #sub_020601 .section1 .box_wrap:nth-of-type(4) .box:nth-of-type(4) dl > dd,
    #sub_020601 .section1 .box_wrap:nth-of-type(5) .box:nth-of-type(2) dl > dd,
    #sub_020601 .section1 .box_wrap:nth-of-type(5) .box:nth-of-type(3) dl > dd{width:calc(100% - 120px);}
    #sub_020601 .section2 .box_wrap .box{min-height:145px;}
    #sub_020601 .section2 .box_wrap > p, #sub_020601 .section1 .box_wrap + p{margin-top:15px; padding-left:7px; font-size:14px;}
    #sub_020601 .section2 .box_wrap > p:before, #sub_020601 .section1 .box_wrap + p:before{top:-1px;}

    /* 교수 지원형 프로그램 */
    #sub_contents #sub_020701 .section .sub_title{margin-top:50px; margin-bottom:5px;}
    #sub_020701 .section > ul > li, #sub_020701 .section .timetable > ul > li{font-size:16px; padding-left:7px;}
    #sub_020701 .section > ul > li:before, 
    #sub_020701 .section .timetable > ul > li:before{top:-1px;}
    #sub_020701 .section > ul > li > span, 
    #sub_020701 .section .timetable > ul > li > span{margin-right:10px;}
    #sub_020701 .section > ul > li > span:after, 
    #sub_020701 .section .timetable > ul > li > span:after{top:-1px; right:-9px;}
    #sub_020701 .section .timetable{margin-top:30px; overflow-x:scroll;}
    #sub_020701 .section1 .timetable > p, #sub_020701 .section2 >  p{font-size:14px; margin-top:10px;}
    #sub_020701 .section .timetable table tbody tr td{padding:10px 12px;}
    #sub_020701 .section1 .timetable span.day{margin-bottom:5px; font-size:17px;}
    #sub_020701 .section1 .timetable > table{margin-top:10px;}
    #sub_020701 .section1 .timetable table colgroup col.main_content{width:24%;}
    #sub_020701 .section1 .timetable tbody tr td.list p{padding-left:7px; font-size:13px; letter-spacing:-0.5px;}
    #sub_020701 .section1 .timetable tbody tr td.list p:before{top:-1px;}
    #sub_020701 .section1 .timetable tbody tr td.list p > span{margin-right:10px;}
    #sub_020701 .section1 .timetable tbody tr td.list p > span:after{top:1px; right:-6px;}
    #sub_020701 .section1 .timetable tbody tr td > ul.dot > li{padding-left:10px;}
    #sub_020701 .section1 .timetable tbody tr td > ul.dot > li:before{top:0; left:0;}
    #sub_020701 .section1 .timetable tbody tr td > ul.dot > li > ul > li{padding-left:7px;}
    #sub_020701 .section1 .timetable tbody tr td > ul.dot > li > ul > li:before{top:-1px;}
    #sub_020701 .section1 .timetable tbody tr td.al_left > ul > li > span{margin-right:10px;}
    #sub_020701 .section1 .timetable tbody tr td.al_left > ul > li > span:after{top:-1px; right:-9px;}
    #sub_contents #sub_020701 .section span.sub_title{margin-top:40px;}

    /* 국내 봉사활동 안내 */
    #sub_contents #sub_030101 div.section .sub_title{margin-bottom:5px;}
    #sub_030101 .section1 ul > li{padding-left:7px; font-size:16px; letter-spacing:-0.5px;}
    #sub_030101 .section2 > div p{font-size:16px; letter-spacing:-0.5px; word-break:break-all;}
    #sub_030101 .section2 > div + div{margin-top:45px;}
    #sub_030101 .section2 div table.type_horizontal colgroup col.time{width:15%;}
    #sub_030101 .section2 div table.type_horizontal tbody tr td.al_left{padding:6px 5px; word-break:break-all;}
    #sub_030101 .section2 div ul.step{margin-top:30px; margin-bottom:20px; width:100%;}
    #sub_030101 .section2 div ul.step > li{padding:20px 10px 10px 10px; width:calc((100% - 45px) / 2 ); float:left;}
    #sub_030101 .section2 div ul.step > li:nth-child(2), #sub_030101 .section2 div ul.step > li:nth-child(3){float:right;}
    #sub_030101 .section2 div ul.step > li + li{margin-left:0;}
    #sub_030101 .section2 div ul.step > li + li:before{left:-35px; width:25px; height:35px; background-size:contain; transform:translateY(-50%);}
    #sub_030101 .section2 div ul.step > li + li:nth-child(3):before{left:50%; top:-28%; transform:translate(-50%, 50%) rotate(90deg);}
    #sub_030101 .section2 div ul.step > li + li:nth-child(4):before{left:inherit; right:-33px; top:50%; transform:translateY(-50%) rotate(180deg);}
    #sub_030101 .section2 div ul.step > li:nth-child(n+3){margin-top:40px;}
    #sub_030101 .section2 div ul.step > li strong{font-size:16px;}
    #sub_030101 .section2 div ul.step > li div.content{margin-top:15px; height:120px; font-size:14px; line-height:1.35;}
    #sub_030101 .section2 div ul.step > li div.content dl > dt{padding-left:7px; margin-right:7px; font-size:14px;}
    #sub_030101 .section2 div ul.step > li div.content dl > dt:after{top:-1px;}
    #sub_030101 .section2 div ul.step > li div.content dl > dd{width:100%; font-size:14px; line-height:1.35; letter-spacing:0;}
    #sub_contents #sub_030101 .section div:nth-of-type(3) p.reference{padding-left:10px;}
    #sub_contents #sub_030101 .section div:nth-of-type(3) p.reference strong{margin-right:10px;}
    #sub_contents #sub_030101 .section div:nth-of-type(3) p.reference strong:before{top:-1px; right:-7px;}
    #sub_030101 .section2 div div.box{width:100%; padding:25px; min-height:130px; margin-right:0;}
    #sub_030101 .section2 div div.box strong{margin-bottom:10px; font-size:17px;}
    #sub_030101 .section2 div div.box p{font-size:16px; line-height:1.35;}
    #sub_030101 .section2 div div.box dl dt{padding-left:7px; font-size:16px; line-height:1.5;}
    #sub_030101 .section2 div div.box dl dd{padding-left:7px; font-size:16px; line-height:1.5; word-break:keep-all;}
    #sub_contents #sub_030101 .section div:nth-of-type(6) div.box dl dd, #sub_contents #sub_030101 .section div:nth-of-type(6) div.box dl dt{float:left;}
    #sub_030101 .section2 div ul.prepare{height:auto; margin:15px 0;}
    #sub_030101 .section2 div ul.prepare > li{width:100%; height:65px; background-color:transparent; float:none;}
    #sub_030101 .section2 div ul.prepare > li:before{width:65px; height:65px; background-size:390px 65px; z-index:10;}
    #sub_030101 .section2 div ul.prepare > li:after{content:""; position:absolute; top:0; left:0; width:65px; height:65px; background-color:#e1f3f7; z-index:1;}
    #sub_030101 .section2 div ul.prepare > li + li:after{content:""; position:absolute; top:50%; left:0; width:65px; height:65px; background-color:#e1f3f7; z-index:1; background-image:none;}
    #sub_030101 .section2 div ul.prepare > li:nth-child(2):before{background-position:-97.5px 0;}
    #sub_030101 .section2 div ul.prepare > li:nth-child(3):before{background-position:-195px 0;}
    #sub_030101 .section2 div ul.prepare > li:nth-child(4):before{background-position:-292.5px 0;}
    /*20220829 
    #sub_030101 .section2 div ul.prepare > li:nth-child(5):before{background-position:-260px 0;}
    #sub_030101 .section2 div ul.prepare > li:nth-child(6):before{background-position:-325px 0;}
    */
    #sub_030101 .section2 div ul.prepare > li + li{margin-left:0; margin-top:32px;}
    #sub_030101 .section2 div ul.prepare > li > div{position:relative; margin-top:0; padding-left:20px; width:calc(100% - 65px); height:65px; font-size:15px; letter-spacing:-0.5px; text-align:left; float:right; word-break:keep-all;}
    #sub_030101 .section2 div ul.prepare > li > div:before{content:""; position:absolute; bottom:-28px; left:-11%; width:18px; height:24px; transform:translateX(-50%) rotate(90deg); background-image:url(../img/icon_arrow.png); background-repeat:no-repeat;background-size:cover;}
    #sub_030101 .section2 div ul.prepare > li:last-child > div:before{display:none;}
    #sub_030101 .section2 div ul.prepare > li > div > ul, #sub_030101 .section2 div ul.prepare > li > div > p{position:absolute; top:27px; left:20px; width:100%;}
    #sub_030101 .section2 div ul.prepare > li > div > strong{padding-top:2px; height:65px; font-size:15px;}
    #sub_030101 .section2 div ul.prepare > li > div > strong + ul > li, #sub_030101 .section2 div ul.prepare > li > div > strong + p{font-size:14px; text-align:left;}
    #sub_030101 .section2 div ul.prepare > li > div > strong + ul > li > ul{display:flex; gap:10px;}
    #sub_030101 .section2 div ul.prepare > li > div > strong + ul > li ul > li{padding-left:5px;}
    #sub_030101 .section2 div ul.prepare > li > div > strong + ul > li ul > li:before{top:-2px; left:0;}
    #sub_030101 .section2 div ul.prepare > li > div br{display:none;}
    #sub_030101 .section2 #youtube_frame{height:50vw;}

    /* 국내 봉사활동 활동현황 */
    #sub_030102 table.type_horizontal colgroup col.year{width:12%;}
    #sub_030102 table.type_horizontal colgroup col.title{width:48%;}
    #sub_030102 table.type_horizontal tbody tr td.al_left{padding:15px;}

    /* 해외 봉사활동 글로벌 청년봉사단 */
    #sub_contents #sub_030201 div.section .sub_title{margin-bottom:5px;}
    #sub_030201 .section1 ul > li, #sub_030201 .section4 ul > li{padding-left:7px; font-size:16px; letter-spacing:-0.5px;}
    #sub_030201 .section2 table.type_horizontal colgroup col.division{width:19%;}
    #sub_030201 .section5 ul.prepare > li{width:100%; height:65px; background-color:transparent; float:none;}
    #sub_030201 .section5 ul.prepare > li:before{width:65px; height:65px; background-size:195px 65px; z-index:10;}
    #sub_030201 .section5 ul.prepare > li:after{content:""; position:absolute; top:0; left:0; width:65px; height:65px; background-color:#e1f3f7; z-index:1;}
    #sub_030201 .section5 ul.prepare > li + li:after{content:""; position:absolute; top:50%; left:0; width:65px; height:65px; background-color:#e1f3f7; z-index:1; background-image:none; transform:translate(0, -50%);}
    #sub_030201 .section5 ul.prepare > li:nth-child(2):before{background-position:-65px 0;}
    #sub_030201 .section5 ul.prepare > li:nth-child(3):before{background-position:-65px 0;}
    #sub_030201 .section5 ul.prepare > li:nth-child(4):before{background-position:-130px 0;}
    #sub_030201 .section5 ul.prepare > li + li{margin-left:0; margin-top:32px;}
    #sub_030201 .section5 ul.prepare > li > div{position:relative; margin-top:0; padding-left:20px; width:calc(100% - 65px); height:65px; font-size:15px; letter-spacing:-0.5px; text-align:left; float:right; word-break:keep-all;}
    #sub_030201 .section5 ul.prepare > li > div:before{content:""; position:absolute; bottom:-28px; left:-11%; width:18px; height:24px; transform:translateX(-50%) rotate(90deg); background-image:url(../img/icon_arrow.png); background-repeat:no-repeat;background-size:cover;}
    #sub_030201 .section5 ul.prepare > li:last-child > div:before{display:none;}
    #sub_030201 .section5 ul.prepare > li > div br{display:none;}
    #sub_030201 .section8 table.type_horizontal colgroup col.year{width:11%;}
    #sub_030201 .section8 table.type_horizontal colgroup col.time{width:20%;}
    #sub_030201 .section8 table.type_horizontal colgroup col.amount{width:12%;}
    #sub_030201 .section8 table.type_horizontal tbody tr td.al_left{padding:15px;}
    
    /* 해외 봉사활동 외부기관 연계 해외 봉사활동 안내 */
    #sub_030202 div.section > div + div{margin-top:45px;}
    #sub_030202 .section table.type_horizontal colgroup col.year{width:20%;}
    #sub_030202 .section ul.prepare{height:auto;}
    #sub_030202 .section ul.prepare > li{width:100%; height:65px; background-color:transparent; float:none}
    #sub_030202 .section ul.prepare > li:before{width:65px; height:65px; z-index:10;}
    #sub_030202 .section ul.prepare > li:after{content:""; position:absolute; top:0; left:0; width:65px; height:65px; background-color:#e1f3f7; z-index:1;}
    #sub_030202 .section ul.prepare > li > div{position:relative; padding-left:20px; width:calc(100% - 65px); height:65px; font-size:15px; letter-spacing:-0.5px; text-align:left; float:right; word-break:keep-all;}
    #sub_030202 .section ul.prepare > li > div:before{content:""; position:absolute; bottom:-28px; left:-11%; width:18px; height:24px; transform:translateX(-50%) rotate(90deg); background-image:url(../img/icon_arrow.png); background-repeat:no-repeat;background-size:cover;}
    #sub_030202 .section ul.prepare > li > div br{display:none;}
    #sub_030202 .section ul.prepare > li:last-child > div:before{display:none;}
    #sub_030202 .section1 ul.prepare > li{width:inherit; height:65px;}
    #sub_030202 .section1 ul.prepare > li:before{width:65px; height:65px; background-size:455px 65px;}
    #sub_030202 .section1 ul.prepare > li:nth-child(2):before{background-position:-65px 0;}
    #sub_030202 .section1 ul.prepare > li:nth-child(3):before{background-position:-130px 0;}
    #sub_030202 .section1 ul.prepare > li:nth-child(4):before{background-position:-195px 0;}
    #sub_030202 .section1 ul.prepare > li:nth-child(5):before{background-position:-260px 0;}
    #sub_030202 .section1 ul.prepare > li:nth-child(6):before{background-position:-325px 0;}
    #sub_030202 .section1 ul.prepare > li:nth-child(7):before{background-position:-390px 0;}
    #sub_030202 .section1 ul.prepare > li + li, #sub_030202 .section2 ul.prepare > li + li, #sub_030202 .section3 ul.prepare > li + li{margin-left:0; margin-top:32px;}
    #sub_030202 .section1 ul.prepare > li + li:after, #sub_030202 .section2 ul.prepare > li + li:after, #sub_030202 .section3 ul.prepare > li + li:after{width:65px; height:65px; left:0; transform:translate(0, -50%); background-image:inherit;}
    #sub_030202 .section1 ul.prepare > li > div, #sub_030202 .section2 ul.prepare > li > div, #sub_030202 .section3 ul.prepare > li > div{margin-top:0; padding-top:20px;}
    #sub_030202 .section2 ul.prepare > li{width:inherit; height:65px;}
    #sub_030202 .section2 ul.prepare > li:before{width:65px; height:65px; background-size:520px 65px;}
    #sub_030202 .section2 ul.prepare > li:nth-child(2):before{background-position:-65px 0;}
    #sub_030202 .section2 ul.prepare > li:nth-child(3):before{background-position:-130px 0;}
    #sub_030202 .section2 ul.prepare > li:nth-child(4):before{background-position:-195px 0;}
    #sub_030202 .section2 ul.prepare > li:nth-child(5):before{background-position:-260px 0;}
    #sub_030202 .section2 ul.prepare > li:nth-child(6):before{background-position:-325px 0;}
    #sub_030202 .section2 ul.prepare > li:nth-child(7):before{background-position:-390px 0;}
    #sub_030202 .section2 ul.prepare > li:nth-child(8):before{background-position:-455px 0;}
    #sub_030202 .section3 div:nth-of-type(1) ul.list li:first-child{padding-top:25px;}
    #sub_030202 .section3 div:nth-of-type(1) ul.list li:first-child:before{top:36px;}
    #sub_030202 .section3 ul.prepare > li{width:inherit; height:65px;}
    #sub_030202 .section3 ul.prepare > li:before{width:65px; height:65px; background-size:390px 65px;}
    #sub_030202 .section3 ul.prepare > li:nth-child(2):before{background-position:-65px 0;}
    #sub_030202 .section3 ul.prepare > li:nth-child(3):before{background-position:-130px 0;}
    #sub_030202 .section3 ul.prepare > li:nth-child(4):before{background-position:-195px 0;}
    #sub_030202 .section3 ul.prepare > li:nth-child(5):before{background-position:-260px 0;}
    #sub_030202 .section3 ul.prepare > li:nth-child(6):before{background-position:-325px 0;}

    /* 글로벌자유전공학과 소개 */
    #sub_040101{margin-bottom:25px;}
    #sub_040101 div{padding-bottom:10px;}
    #sub_040101 div:before{margin-bottom:40px; margin-right:10px; width:98%; height:60vw; float:none; background-position:80% 50%;}
    #sub_040101 div:after{top:6px; width:98%; height:60vw;}
    #sub_040101 div p.desc{padding-top:0; font-size:28px; line-height:1.25;}
    #sub_040101 dl{margin-top:42px;}
    #sub_040101 dl dt, #sub_040101 dl dd{float:none;}
    #sub_040101 dl dt{display:block; padding:25px 15px 0 15px; width:100%; min-height:auto; border-top:1px solid #000; font-size:22px;}
    #sub_040101 dl dd{display:block; padding:25px 15px; width:100%; min-height:auto; border-top:none; font-size:16px; font-weight:350;}
    #sub_040101 dl dd p{word-break:break-all; letter-spacing:0; line-height:1.55;}
    #sub_040101 dl dd p + p{margin-top:15px;}

    /* 글로벌자유전공학과 교육과정 편성표 */
    #sub_040201{overflow-x:scroll;}
}