@charset "utf-8";

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

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

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

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

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

/* Default Setting */
html, body{height:100%;}
html, body, section, header, nav, footer, article, address, h1, h2, h3, h4, h5, h6, p, dt, dd, dl, ul, ol, li, span, strong, div, table, td, input, fieldset, textarea, select, button, a, img{padding:0; margin:0; font-family:'Noto Sans Korean', 'Malgun Gothic', Dotum, '돋움',Helvetica,AppleSDGothicNeo,sans-serif; font-weight:400; box-sizing:border-box;}
body{font-size:14px; color:#555; overflow-x:hidden; overflow-y:auto; letter-spacing:-1px;}
li{list-style:none;}
img{vertical-align:top; border:none; max-width:100%;}
button{border:none; background-color:transparent; cursor:pointer;}
a{color:#333; text-decoration:none;}
table{border-collapse:collapse;}
.hidden{width:1px; height:1px; margin:-1px; overflow:hidden; position:absolute; clip:rect(0 0 0 0);}
.ir{display:block; width:100%; height:100%; z-index:-1; font-size:0; overflow:hidden; position:relative;}
caption{width:0; height:0; overflow:hidden; font-size:0; text-indent:-9999px;}
.mobile{display:none;}
.board_contents a{color:#194895;}
.board_contents a:hover, .board_contents a:focus{text-decoration:underline;}
div.jwxe_board table.type_board {
    width: 100%;
    border-top: 2px solid #000;
}
#skip_navigation{display:none;}
#wrap:before{content:""; width:100%; height:312px; position:absolute; top:0; left:0; background:url(/_res/sw/img/bg_header_dim.png) repeat-x 50% 50%;}

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

/* Common header */
header {width: 100%; position: relative; top: 0; left: 0; z-index: 99; border-bottom: 1px solid rgba(255 255 255 0.2); background-color: rgba(255 255 255 0); transition: all 0.3s;}
header section {width: 100%; max-width: 1400px; height: 120px; margin: 0 auto; position: relative; z-index: 99; transition: all 0.3s;}
#logo h1 {margin-top: -10px; position: absolute; top: 50%; left: 0;}
#logo h1 a {display: block; width: 336px; height: 42px; background: url(/_res/schdboot/img/logo.png) no-repeat 0 -55px/447px 110px; text-indent: -9999px; background-size: contain;;}
#gnb {padding-top: 40px;}
#gnb nav {float: right;}
#gnb nav > div {position: absolute; top: 15px; right: 0;}
#gnb nav > div a {padding: 0 15px; font-size: 15px; color: #d1d1d1;}
#gnb nav > div a:hover
header section nav > div a:focus {text-decoration: underline;}
#gnb nav > div a:last-child {padding-right: 0;}
#gnb nav > div p {display: inline-block; font-size: 15px; font-weight: 500; color: #666; position: relative;}
#gnb nav > div p:before {content: ""; width: 24px; height: 24px; position: absolute; top: 50%; left: 0; margin-top: -12px; background: url(/_res/schdboot/img/bg_top_icon.png) no-repeat 0 0;}
#gnb nav > div p span {font-weight: 700; color: #294a9b;}
#gnb nav > ul {float: right;}
#gnb nav > ul > li {float: left; position: relative;}
#gnb nav > ul > li > a {display: block; padding: 0 50px; height: 80px; line-height: 80px; font-size: 22px; font-weight: 500; color: #fff;}
#gnb nav > ul > li:nth-child(4):before
#gnb nav > ul > li:nth-child(5):before {content: ""; position: absolute; top: 30px; width: 21px; height: 21px; background: url(/_res/schdboot/img/icon_blank.png) no-repeat;}
#gnb nav > ul > li:nth-child(4):before {right: 20px;}
#gnb nav > ul > li:nth-child(5):before {right: -30px;}
#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: 80px; left: 50%; border-top: 4px solid #2959b0; background-color: #f7f7f7; transition: all 0.2s; transform: translateX(-50%);}
#gnb nav > ul > li.active > ul {visibility: visible; max-height: 400px;}
#gnb nav > ul > li > ul li a {display: block; height: 50px; line-height: 50px; font-size: 18px; font-weight: 350; color: #333; text-align: center;}
#gnb nav > ul > li > ul li a:hover {color: #fff; background-color: #2959b0;}
#gnb nav > ul > li > ul li a:focus {color: #fff; background-color: #2959b0;}
#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: 5px; border: none; background-color: #fff; transition: all 0.3s;}
#gnb_control span {width: 22px; height: 3px; background-color: #333; position: absolute; top: 50%; left: 50%; margin-top: -1.5px; margin-left: -11px; text-indent: -9999px; transition: all 0.3s;}
#gnb_control:before{content: ""; width: 22px; height: 3px; background-color: #333; position: absolute; left: 50%; margin-left: -11px; transition: all 0.3s;}
#gnb_control:after {content: ""; width: 22px; height: 3px; background-color: #333; position: absolute; left: 50%; margin-left: -11px; transition: all 0.3s;}
#gnb_control:before {top: 10px;}
#gnb_control:after {bottom: 9px;}
#gnb_control.active span {opacity: 0;}
#gnb_control.active:before {width: 15px; height: 2px; margin-left: -8px; top: 19px; transform: rotate(45deg);}
#gnb_control.active:after {width: 15px; height: 2px; margin-left: -8px; bottom: 19px; transform: rotate(-45deg);}

/* Header Active Design */
header.active {border-bottom: 1px solid #d7d7d7; background-color: #fff;}
header.active #logo h1 a {background-position: 0 0;}
header.active #gnb nav > ul > li > a {color: #333;}
header.active #gnb nav > ul > li:nth-child(4):before
header.active #gnb nav > ul > li:nth-child(5):before {background-position: -21px 0;}

/* Header Fixed Design */
header {position: relative; border-bottom: 1px solid #d7d7d7; background-color: #fff;}
header #logo h1 a {background-position: 0 0;}
#gnb nav > div a {color: #666;}
#gnb nav > ul > li > a {color: #333;}
header #gnb nav > ul > li:nth-child(5):before {background-position: -21px 0;}

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

/* Quick Menu */
#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/schdboot/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;}


footer{position:relative; background-color:#1a1a1a; z-index:1;}
#footer{width:100%; max-width:1400px; margin:0 auto; padding:35px 0; position:relative;}
#footer > ul{display:flex; gap:20px; margin-bottom:10px;}
#footer > ul li a{font-size:16px; color:#a7a7a7;}
#footer > ul li:first-child a{color:#2aaec6;}
#footer > ul li a:hover, #footer > ul li a:focus{text-decoration:underline;}
#footer > address p{line-height:1.5; font-style:normal;}
#footer > address p span{position:relative; font-size:16px; color:#909090;}
#footer > address p.contact span:not(:first-child){padding-left:20px;}
#footer > address p.contact span:not(:first-child):before{content:""; width:1px; height:12px; position:absolute; top:7px; left:10px; background-color:#909090;}

/* sns */
#footer > div.sns{position:absolute; top:65px; right:0;}
#footer > div.sns ul li{display:inline-block;}
#footer > div.sns ul li a{color:#fff; height:50px; line-height:50px; display:block; font-size:16px; font-weight:300;}
#footer > div.sns ul li a img{margin-right:10px;}
#footer > div.sns ul li + li{margin-left:20px;}

div.main h3{padding:0 0 40px 0; font-family:'Merriweather'; font-size:35px; font-weight:900; color:#1a1a1a;}
div.main h3 span{font-family:'Merriweather'; font-size:50px;}

/* 메인_비쥬얼 */
#main_visual{position:relative;}
#main_visual div.text{display:flex; flex-direction:column; justify-content:center; width:100%; max-width:1400px; height:697px; margin:0 auto; position:relative;}
#main_visual div.mobile_text{display:none;}
#main_visual div.text p{margin-bottom:20px; line-height:1.2; font-size:33px; font-weight:300; color:#fff; letter-spacing:-2px; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);}
#main_visual div.text h2{line-height:1.2; font-size:72px; font-weight:700; color:#fff; letter-spacing:-2px; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);}
#main_visual div.text h2 strong{display:block; font-weight:700; color:#74d8f7;}

#visual_swiper{width:100%; height:697px; position:absolute; top:0; left:0; z-index:-1;}
#visual_swiper div.swiper-slide.seen1{background:url(/_res/schdboot/img/bg_main_visual_01.png) no-repeat 50% 50%/cover;}
#visual_swiper div.swiper-slide.seen2{background:url(/_res/schdboot/img/bg_main_visual_02.png) no-repeat 50% 50%/cover;}
#visual_swiper div.swiper-slide.seen3{background:url(/_res/schdboot/img/bg_main_visual_03.png) no-repeat 50% 50%/cover;}

#visual_swiper_control{display:flex; align-items:center; justify-content:center; gap:15px; width:100%; position:absolute; bottom:70px; left:0; z-index:1;}
#visual_swiper_control div.pagination{display:flex; gap:15px;}
#visual_swiper_control div.pagination span.swiper-pagination-bullet{position:relative; width:27px; height:27px; border:1px solid transparent; cursor:pointer;}
#visual_swiper_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_control div.pagination span.swiper-pagination-bullet-active{border-color:#fff;}
#visual_swiper_control button.control{width:30px; height:30px; position:relative;}
#visual_swiper_control button.control:before{content:""; width:0; height:18px; position:absolute; top:50%; left:50%; border-width:9px 0 9px 13px; border-style:solid; border-color:transparent transparent transparent #fff; transform:translate(-50%, -50%); box-sizing:border-box; transition:0.1s all;}
#visual_swiper_control button.control.stop:before{border-width:0 0 0 13px; border-style:double;}
#visual_swiper.no_swiper div.navigation, #visual_swiper.no_swiper div.control{display:none;}

/* 메인_SW중심대학 센터 */
#main_center{background-color:#f8f8f8;}
#main_center > div{width:100%; max-width:1400px; margin:0 auto; padding:90px 0;}
#main_center > div h2{font-size:48px; font-weight:500; color:#000; text-align:center;}
#main_center > div h2 span{font-weight:700;}
#main_center > div ul{display:flex; gap:25px; margin-top:70px;}
#main_center > div ul li{flex:1 1 0;}
#main_center > div ul li a{display:block;}
#main_center > div ul li a:before{content:""; display:block; width:100%; height:226px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#main_center > div ul li:nth-child(1) a:before{background-image:url(/_res/schdboot/img/bg_main_boot_01.png);}
#main_center > div ul li:nth-child(2) a:before{background-image:url(/_res/schdboot/img/bg_main_boot_02.png);}
#main_center > div ul li:nth-child(3) a:before{background-image:url(/_res/schdboot/img/bg_main_boot_03.png);}
#main_center > div ul li:nth-child(4) a:before{background-image:url(/_res/schdboot/img/bg_main_boot_04.png);}
#main_center > div ul li a{color:#000; background-color:#fff; transition:0.3s all;}
#main_center > div ul li a div{padding:30px;}
#main_center > div ul li a div span{display:block; margin-bottom:20px; font-size:18px; font-weight:300; word-break:keep-all;}
#main_center > div ul li a div strong{display:block; font-size:24px; font-weight:500;}
#main_center > div ul li a:hover, #main_center > div ul li a:focus{color:#fff; background-color:#194895;}

/* 메인_게시판 */
#main_board{padding:90px 0; background:url(/_res/sw/img/bg_main_board.jpg) no-repeat 50% 50%/cover;}
#main_board > div{width:100%; max-width:1400px; margin:0 auto; border:1px solid rgba(255, 255, 255, 0.3);}
#main_board > div h2{margin-bottom:45px; font-size:30px; font-weight:700; color:#fff;}
#main_board > div div.top{display:flex; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
#main_board > div div.top div.board{width:840px; padding:50px; position:relative; border-right:1px solid rgba(255, 255, 255, 0.3);}
#main_board > div div.top div.board ul.tab{display:flex; gap:60px; margin-bottom:45px;}
#main_board > div div.top div.board ul.tab li{position:relative;}
#main_board > div div.top div.board ul.tab li:not(:first-child):before{content:""; width:7px; height:7px; position:absolute; top:50%; left:-30px; border-radius:50%; background-color:#fff; transform:translateY(-50%);}
#main_board > div div.top div.board ul.tab li button{font-size:30px; color:rgba(255, 255, 255, 0.6);}
#main_board > div div.top div.board ul.tab li.active button{font-weight:700; color:#fff;}
#main_board > div div.top div.board div.tab_content{display:none;}
#main_board > div div.top div.board div.tab_content.active{display:block;}
#main_board > div div.top div.board div.tab_content ul{display:grid; grid-template-columns:1fr 1fr; gap:50px;}
#main_board > div div.top div.board div.tab_content ul li a{display:flex; justify-content:center; align-items:center; gap:20px; color:#fff;}
#main_board > div div.top div.board div.tab_content ul li a span{display:flex; flex-direction:column; align-items:center; font-size:14px;}
#main_board > div div.top div.board div.tab_content ul li a span strong{display:block; font-size:45px; font-weight:500; line-height:1;}
#main_board > div div.top div.board div.tab_content ul li a h6{width:100%; overflow:hidden; font-size:20px; font-weight:350; line-height:1.5; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#main_board > div div.top div.board div.tab_content ul li a p{display:none;}
#main_board > div div.top div.banner{flex:1 1 0; padding:50px; position:relative;}
a.more_btn{position:absolute; top:50px; right:50px; width:40px; height:40px; text-indent:-9999px;}
a.more_btn:before, a.more_btn:after{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:1px; height:38px; background-color:#fff;}
a.more_btn:after{transform:rotate(90deg); top:0;}
#banner_swiper{width:467px;}
#banner_swiper ul li{height:245px; text-align:center;}
#banner_swiper ul li a{display:block; width:100%; height:0; padding-top:45%; position:relative; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
#banner_swiper ul li a .bg{position:absolute; top:0; left:0; width:100%; height:100%;}
#banner_swiper ul li a .bg span{display:block; width:100%; height:100%; background-size:contain; background-position:50%; background-repeat: no-repeat;}
#banner_swiper ul li a .info span.title{display:block; padding-top:5px; font-size:17px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; word-break:break-all; -ms-word-break:break-all;}
#banner_swiper ul li a .info span.date{display:none;}

#banner_swiper_control{display:flex; align-items:center; justify-content:center; gap:15px; position:absolute; top:60px; right:50px;}
#banner_swiper_control div.pagination{display:flex; gap:15px;}
#banner_swiper_control div.pagination span.swiper-pagination-bullet{width:12px; height:12px; border:1px solid #fff; border-radius:50%; cursor:pointer;}
#banner_swiper_control div.pagination span.swiper-pagination-bullet-active{background-color:#fff;}
#banner_swiper_control button.control{width:20px; height:20px; position:relative;}
#banner_swiper_control button.control:before{content:""; width:0; height:14px; position:absolute; top:50%; left:50%; border-width:7px 0 7px 10px; border-style:solid; border-color:transparent transparent transparent #fff; transform:translate(-50%, -50%); box-sizing:border-box; transition:0.1s all;}
#banner_swiper_control button.control.stop:before{border-width:0 0 0 10px; border-style:double;}
#visual_swiper.no_swiper div.navigation, #visual_swiper.no_swiper div.control{display:none;}
#main_board > div div.bot{padding:50px;}
#main_board > div div.bot ul{display:flex; justify-content:space-around;}
#main_board > div div.bot ul li{display:flex; justify-content:center; align-items:center; gap:25px;}
#main_board > div div.bot ul li:before{content:""; width:60px; height:60px; background-image:url(/_res/sw/img/bg_main_link.png); background-repeat:no-repeat;}
#main_board > div div.bot ul li:nth-child(1):before{background-position:0 0;}
#main_board > div div.bot ul li:nth-child(2):before{background-position:-60px 0;}
#main_board > div div.bot ul li:nth-child(3):before{background-position:-120px 0;}
#main_board > div div.bot ul li:nth-child(4):before{background-position:-180px 0;}
#main_board > div div.bot ul li a{font-size:20px; color:#fff;}

/* 메인_외부링크배너 */
#main_banner > div{width:100%; max-width:1400px; margin:0 auto; padding:80px 0;}
#main_banner > div ul{display:flex; gap:45px;}
#main_banner > div ul li{flex:1 1 0;}
#main_banner > div ul li a{display:block; font-size:19px; font-weight:350; color:#000; text-align:center;}
#main_banner > div ul li a div.logo{width:245px; height:75px; margin-bottom:20px; border:1px solid #d7d7d7; background-repeat:no-repeat; background-position:50% 50%;}
#main_banner > div ul li:nth-child(1) a div.logo{background-image:url(/_res/sw/img/bg_main_banner_02.png);}
#main_banner > div ul li:nth-child(2) a div.logo{background-image:url(/_res/sw/img/bg_main_banner_01.png);}
#main_banner > div ul li:nth-child(3) a div.logo{background-image:url(/_res/sw/img/bg_main_banner_03.png);}
#main_banner > div ul li:nth-child(4) a div.logo{background-image:url(/_res/sw/img/bg_main_banner_04.png);}
#main_banner > div ul li:nth-child(5) a div.logo{background-image:url(/_res/sw/img/bg_main_banner_05.png);}

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

/* 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-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
body.sub1 #sub_visual{background-image:url(/_res/schdboot/img/bg_sub_visual_01.png);}
body.sub2 #sub_visual{background-image:url(/_res/schdboot/img/bg_sub_visual_01.png);}
body.sub3 #sub_visual{background-image:url(/_res/schdboot/img/bg_sub_visual_01.png);}
body.sub4 #sub_visual{background-image:url(/_res/schdboot/img/bg_sub_visual_01.png);}
body.sub5 #sub_visual{background-image:url(/_res/schdboot/img/bg_sub_visual_01.png);}
body.sub6 #sub_visual{background-image:url(/_res/schdboot/img/bg_sub_visual_01.png);}
body.sub7 #sub_visual{background-image:url(/_res/schdboot/img/bg_sub_visual_01.png);}
body.sub8 #sub_visual{background-image:url(/_res/schdboot/img/bg_sub_visual_01.png);}
#sub_visual > div{display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1400px; height:285px; margin:0 auto;}
#sub_visual > div div.title h2{font-size:48px; font-weight:700; color:#fff; text-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);}
#sub_visual > div div.title p{font-size:20px; font-weight:350; color:rgba(255, 255, 255, 0.5);}
#sub_visual > div div.breadcrum ul{display:flex; gap:35px;}
#sub_visual > div 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 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 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 div.breadcrum ul li:first-child a span{opacity:0;}
#sub_visual > div div.breadcrum ul li ul{display:none;}

#snb{position:relative; border-bottom:1px solid #d7d7d7; z-index:1;}
#snb > div{width:100%; max-width:1400px; margin:0 auto;}
#snb > div > ul{display:flex;}
#snb > div > ul > li{position:relative;}
#snb > div > ul > li > a{display:flex; justify-content:space-between; align-items:center; width:350px; height:90px; padding:0 30px; font-size:20px; position:relative;}
#snb > div > ul > li > a:before{content:""; width:23px; height:23px; position:absolute; top:50%; right:20px; background:url(/_res/ace/img/bg_path_bullet.png) no-repeat 0 0; transition:all 0.3s; transform:translateY(-50%);}
#snb > div > ul > li > a:after{content:""; width:1px; height:20px; position:absolute; top:50%; right:0; background-color:#b7b7b7; transform:translateY(-50%);}
#snb > div > ul > li.last:after{content:""; width:100%; height:2px; position:absolute; bottom:0; left:0; background-color:#194895;}
#snb > div > ul > li.last > a.active{font-weight:700; color:#194895;}
#snb > div > ul > li:first-child > a{width:60px; padding:0;}
#snb > div > ul > li:first-child > a:before{display:none;}
#snb > div > ul > li:first-child > a span{display:block; width:42px; height:70px; text-indent:-9999px; background:url(/_res/ace/img/bg_path_home.png) no-repeat 8px 50%;}
#snb > div > ul > li > ul{visibility:hidden; max-height:0; width:100%; overflow:hidden; position:absolute; top:91px; left:0; border:1px solid #bbb; border-top:0; background-color:#fff; transition:all 0.3s;}
#snb > div > ul > li.active > a:before{transform:translateY(-50%) rotate(180deg);}
#snb > div > ul > li.active > ul{visibility:visible; max-height:650px;}
#snb > div > ul > li > ul li a{display:flex; justify-content:space-between; align-items:center; height:70px; font-size:18px; padding:0 30px; transition:all 0.3s;}
#snb > div > ul > li > ul li a:hover, #snb > div > ul > li > ul li a:focus{background-color:#f4f4f4; color:#194895;}

#sub_title{width:100%; max-width:1400px; margin:0 auto; padding-top:100px;}
#sub_title h3{font-size:35px; font-weight:700; color:#333; text-align:center; letter-spacing:-1px;}
#sub_title h3 span{display:block; width:42px; height:14px; margin:0 auto 15px; position:relative; background-color:#25539b;}
#sub_title h3 span:before{content:""; width:14px; height:14px; position:absolute; top:0; left:0; background-color:#25539b;}
#sub_title h3 span:after{content:""; width:14px; height:14px; position:absolute; top:0; right:0; background-color:#25539b;}
#sub_contents{width:100%; max-width:1200px; margin:0 auto; padding:80px 0; position:relative; z-index:0;}
#sub_contents h4.title{margin-bottom:40px; font-size:30px; font-weight:700;} 
#sub_contents h4.title:before{content:""; display:block; width:40px; height:4px; margin-bottom:10px; background-color:#00677e;}
#sub_contents div.jwxe_board div.board_view div.board_title{border-top:2px solid #000;}

/* 사업단소개 > 인사말 */
#sub_0101 div{overflow:hidden;}
#sub_0101 div:before{content:""; display:block; width:560px; height:440px; float:right; margin-left:95px; background:url(/_res/schdboot/img/bg_sub_01.png) no-repeat 50% 50%/cover;}
#sub_0101 div p{padding-top:35px; font-size:16px; font-weight:300; color:#393939; line-height:1.75; letter-spacing:0; word-break:keep-all;}
#sub_0101 div p.desc{padding-top:0; font-size:40px; font-weight:400; color:#25539b; line-height:1.25;}
#sub_0101 div p.desc strong{font-weight:700;}
#sub_0101 div p.sign{padding-top:60px; font-size:24px; font-weight:300;}
#sub_0101 div p.sign strong{font-weight:500;}

/* 사업단소개 > 사업목표 */    
#sub_0102{display:flex; flex-direction: column; gap: 80px;} 
#sub_0102 div div.grid_container {width:100%; height:600px; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 30px; }
#sub_0102 div div.grid_container div.box {display: flex; flex-direction: column; gap: 20px; justify-content: strat; align-items: start; text-align: left; padding: 40px; text-align: center; position:relative;background-color: #F7F7F7}
.sprite {width: 100px; /* 개별 이미지의 너비 */height: 100px; /* 개별 이미지의 높이 */background-image: url('/_res/schdboot/img/icon_business-goal.png'); /* 스프라이트 이미지 경로 */background-size: 405px 105px; /* 전체 이미지 크기 */}
.sprite.image1 { background-position: 0 0; position:absolute; right:20px; bottom:20px;}          /* 첫 번째 이미지 */
.sprite.image2 { background-position: -510px 0; position:absolute; right:20px; bottom:20px;}     /* 두 번째 이미지 */
.sprite.image3 { background-position: -1020px 0; position:absolute; right:20px; bottom:20px;}     /* 세 번째 이미지 */
.sprite.image4 { background-position: -1520px 0; position:absolute; right:20px; bottom:20px;}/* 네 번째 이미지 */
#sub_0102 div div.grid_container div.box > h5 {text-align: left; font-size: 22px;font-weight: 700;color: #333;}
#sub_0102 div div.grid_container div.box > p {text-align: left; font-size: 18px;font-weight: 300;color: #333;}
#sub_0102 div h4 {position: relative;display: inline-block;margin-bottom: 25px;font-size: 30px;font-weight: 700;color: #333;}
#sub_0102 div h4:before {content: "";position: absolute;top: -10px;left: 0;width: 35px;height: 4px;background-color: #194895;}
#sub_0102 div p {line-height: 2;letter-spacing: 0;font-size:18px;}
#sub_0102{width:100%;}
#sub_0102 div.img{margin:0 auto 100px; width:1092px; height:742px;background-position:80% 80%; background-size:contain;}
#sub_0102 div.list strong.sub_title{font-size:26px; font-weight:700; color:#194895;}
#sub_0102 div.list ul.type1 li{padding:20px 30px; position:relative; font-size:25px; font-weight:350; color:#393939;}


#sub_01020300{width:100%;}
#sub_01020300 div.list strong.sub_title{font-size:26px; font-weight:700; color:#194895;}
#sub_01020300 div.list ul.type1 li{padding:20px 30px; position:relative; font-size:18px; font-weight:350; color:#393939; border-bottom:1px solid #d7d7d7;}
#sub_01020300 div.list ul.type1 li:before{content:""; position:absolute; top:31px; left:10px; width:6px; height:6px; border-radius:50%; background-color:#194895;}
#sub_01020300 div.list ul.type1 li > span{position:relative; display:inline-block; margin-right:15px;}
#sub_01020300 div.list ul.type1 li > span:after{content:":"; position:absolute; top:0; right:-10px;}
#sub_01020300 div.list + div.list{margin-top:110px;}

/* 사업단소개 > 조직구성 > 조직도 */
#sub_0103{width:100%;}
#sub_0103 div.img{ margin:0 auto 100px; width:1092px; height:742px;}
#sub_0103 div.img > img{width:100%; height:auto; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}	
#sub_0103 div.list strong.sub_title{font-size:26px; font-weight:700; color:#194895;}
#sub_0103 div.list ul.type1 li{padding:20px 30px; position:relative; font-size:18px; font-weight:350; color:#393939;}
#sub_0103 div.list ul.type1 li:before{content:""; position:absolute; top:31px; left:10px; width:6px; height:6px; border-radius:50%; background-color:#194895;}
#sub_0103 div.list ul.type1 li ul.type2 li{padding:20px 30px; position:relative; font-size:15px; font-weight:200; color:#393939;}
#sub_0103 div.list ul.type1 li:before{content:""; position:absolute; top:31px; left:10px; width:6px; height:6px; border-radius:50%; background-color:#194895;}

/* 사업단소개 > 조직구성 > 담당자 안내 */
div.manager h4 {font-size:32px; font-weight: 700; color:#194895}
div.manager > p { font-size: 18px; font-weight: 350; padding-top: 25px; line-height: 30px; color: #616161; }
div.manager > ul { display: flex; flex-wrap: wrap; flex-direction: row; width: 66.6%; margin-top: 50px; overflow: hidden;}
div.manager > ul > li { width:50%; padding: 30px 40px; border: 1px solid #d7d7d7; }
div.manager > ul > li strong { display: block; margin: 10px 0; font-size: 22px; line-height: 22px; font-weight: 500; color: #000; }
div.manager > ul > li span { display: block; font-size: 18px; line-height: 28px; font-weight: 500; color: #000; }
div.manager > ul > li div.division { border: 1px solid #d7d7d7;margin: 20px 0; }
div.manager > ul > li > dl > dt { float: left; clear: both; font-size: 16px; font-weight: 350; color: #616161; }
div.manager > ul > li > dl > dt:after { content: ":"; display: inline; padding: 0 5px; }
div.manager > ul > li > dl > dt.list { margin-top: 25px; float: none; }
div.manager > ul > li > dl > dd:last-child > a.homepage { margin-top: 25px; }
div.manager > ul > li > dl > dt.homepage:after { display: none; }
div.manager > ul > li > dl > dd, div.manager > ul > li > dl > dd a { font-size: 16px; line-height: 25px; font-weight: 350; color: #616161; word-break: keep-all; }
div.manager > ul > li > dl > dd > a.homepage, div.manager > ul > li > dl > dd a:hover, div.manager > ul > li > dl > dd a:focus { display: inline-block; text-decoration: underline; color: #4267b2; }
div.manager > ul > li > dl > dd > ul > li { position: relative; padding-left: 12px; word-break: keep-all; }
div.manager > ul > li > dl > dd > ul > li > ul > li { position: relative; }
div.manager > ul > li > dl > dd > ul > li > ul > li:before { content: "-"; position: absolute; top: 0; left: -7px; }
div.manager > ul + p { padding-top: 40px; }

#sub_0104{width: 100%;display: flex;flex-direction: column;gap: 80px;}
#sub_0104 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:30px; font-weight:700; color:#333;}
#sub_0104 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:30px; font-weight:700; color:#333;}
#sub_0104 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
#sub_0104 div.list ul.type2 li{position:relative; padding:5px 0 5px 15px; font-size:22px; color:#194895; font-weight:350; line-height:1.3;}
#sub_0104 div.list ul.type2 li span.bold{font-weight:700;}
#sub_0104 div.list ul.type2 li:before{content:"-"; position:absolute; top:2px; left:0;}
#sub_0104 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
#sub_0104 div table{margin-top:50px; width:100%; font-size:16px; text-align:center; border:1px solid #d7d7d7;}
#sub_0104 div table thead th{background-color:#DFE6EF; color:#4F699E; letter-spacing:0.5px;}
#sub_0104 div table td, #sub_0104 div table th{padding:10px 15px;}
#sub_0104 div table tbody tr{border-top:1px solid #d7d7d7;}
#sub_0104 div table thead tr th, #sub_0104 div table tbody tr td{border-right:1px solid #d7d7d7;}
#sub_0104 div table tbody tr td ul li{position:relative; padding-left:10px;} 
#sub_0104 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}
div.professor>p{font-size:18px;font-weight:350;padding-top:25px;line-height:30px;color:#616161}
div.professor>ul{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;overflow:hidden;border-top:1px solid #d7d7d7;border-left:1px solid #d7d7d7}
div.professor>ul>li{width:33.3%;padding:30px 40px;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7}
div.professor>ul>li strong{display:block;margin:10px 0;font-size:22px;line-height:22px;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:16px;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{font-size:16px;line-height:25px;font-weight:350;color:#616161;word-break:keep-all}
div.professor>ul>li>dl>dd a{font-size:16px;line-height:25px;font-weight:350;color:#616161;word-break:keep-all}
div.professor>ul>li>dl>dd>a.homepage{display:inline-block;text-decoration:underline;color:#4267b2}
div.professor>ul>li>dl>dd a:hover{display:inline-block;text-decoration:underline;color:#4267b2}
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_0105{width: 100%;display: flex;flex-direction: column;gap: 80px;}
#sub_0105 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:30px; font-weight:700; color:#333;}
#sub_0105 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:30px; font-weight:700; color:#333;}
#sub_0105 div div.img_container{display: flex; width: 100%; min-height: 350px; gap: 30px;} 
#sub_0105 div div.img_container>div.img_box{width: 100%; display: flex; flex-direction: column; justify-content: left; align-items:start; gap:10px;} 
#sub_0105 div div.img_container>div.img_box > img {height:100%;}
#sub_0105 div div.img_container>div.img_box > h5 {font-size:24px; font-weight: 700; color:#194895}
#sub_0105 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
#sub_0105 div.list ul.type2 li{position:relative; padding:5px 0 5px 15px; font-size:22px; color:#194895; font-weight:350; line-height:1.3;}
#sub_0105 div.list ul.type2 li span.bold{font-weight:700;}
#sub_0105 div.list ul.type2 li:before{content:"-"; position:absolute; top:2px; left:0;}
#sub_0105 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
#sub_0105 div table{width:100%; font-size:16px; text-align:center; border:none;}
#sub_0105 div table thead th{background-color:#DFE6EF; color:#4F699E; letter-spacing:0.5px;}
#sub_0105 div table td, #sub_0104 div table th{padding:15px 20px;}
#sub_0105 div table tbody tr{border-top:1px solid #d7d7d7;}
#sub_0105 div table thead tr th, #sub_0104 div table tbody tr td{border-right:1px solid #d7d7d7;}
#sub_0105 div table tbody tr td ul li{position:relative; padding-left:10px;} 
#sub_0105 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}
#sub_0105 div table.mobile_table {display:none;}

  /* 사업단소개 > 오시는길 */
#sub_0106{width:100%;}
#sub_0106 div.section{margin-top:80px;}
#sub_0106 div.section:first-child{margin-top:0;}
#sub_0106 div.section h4{position:relative; display:inline-block; margin-bottom:25px; font-size:30px; font-weight:700; color:#333;}
#sub_0106 div.section h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
#sub_0106 div.section dl{margin-top:30px; display:flex; flex-flow:row;}
#sub_0106 div.section dl > dt{position:relative; margin-left:30px; font-size:16px; font-weight:500;}
#sub_0106 div.section dl > dt:before{content:""; position:absolute; width:24px; height:23px; top:0; left:-30px; background:url(/_res/sw/img/icon_map.png) no-repeat; background-size:cover;}
#sub_0106 div.section dl > dt:nth-child(2):before{background-position:-24px 0;}
#sub_0106 div.section dl > dt:nth-child(3):before{background-position:-24px 0;}
#sub_0106 div.section dl > dd{margin-left:10px; font-size:16px;}
#sub_0106 div.section dl > dd + dt{margin-left:150px;}
#sub_0106 div.section div.list strong.sub_title{font-size:26px; font-weight:700; color:#194895;}
#sub_0106 div.section div.list ul.type2{margin-top:20px; display:flex; flex-flow:row wrap; gap:15px;}
#sub_0106 div.section div.list ul.type2 > li{padding:50px 60px; width:49%; min-height:240px; background-color:#f7f7f7;}
#sub_0106 div.section div.list + div.list{margin-top:60px;}
#sub_0106 div.section div.list ul.type2 > li ol strong{display:inline-block; margin-bottom:20px; font-size:22px; font-weight:450;}
#sub_0106 div.section div.list ul.type2 > li ol > li{font-size:18px; font-weight:300; line-height:1.75;}

#sub_0201 {text-align: center;}
#sub_0201 div {text-align : start;}
#sub_0201 div.title{width:100%; padding:60px; margin:0 0 80px 0; vertical-align:middle; background:url(/_res/sw/img/sub_img_01.jpg) no-repeat; background-position:50% 50%; background-size:cover; font-size:40px; font-weight:700; line-height:1.2; color:#fff; float:none;}
#sub_0201 div.title > p{font-size:35px; color:#fff; font-weight:400; line-height:50px; text-align:center}
#sub_0201 div.list h4 {position: relative; display: inline-block; margin-bottom: 25px; font-size: 30px; font-weight: 700; color: #333;} 
#sub_0201 div.list h4:before {content: ""; position: absolute; top: -10px; left: 0; width: 35px; height: 4px; background-color: #194895;}

#sub_0202 {text-align: center;}
#sub_0202 div {display: flex; text-align: start ;background: url(/_res/schdboot/img/bg_sub_06.png);width: 100%; height: 300px; align-items: center; justify-content: center;}
#sub_0202 div h3{font-size: 35px;font-weight: 700;color: #ffffff;text-align: center;letter-spacing: -1px;}
#sub_0202 div.title{width:100%; padding:60px; margin:0 0 80px 0; vertical-align:middle; background:url(/_res/sw/img/sub_img_01.jpg) no-repeat; background-position:50% 50%; background-size:cover; font-size:40px; font-weight:700; line-height:1.2; color:#fff; float:none;}
#sub_0202 div.title > p{font-size:35px; color:#fff; font-weight:400; line-height:50px; text-align:center}

#sub_0301 {text-align: center;} 
#sub_0301 div {text-align : start;}
#sub_0301 div.title {width: 100%; padding: 60px; margin: 0 0 80px 0; vertical-align: middle; background: url(/_res/sw/img/sub_img_01.jpg) no-repeat; background-position: 50% 50%; background-size: cover; font-size: 40px; font-weight: 700; line-height: 1.2; color: #fff; float: none;} 
#sub_0301 div.title > p {font-size: 35px; color: #fff; font-weight: 400; line-height: 50px; text-align: center;} 
#sub_0301 div.list h4 {position: relative; display: inline-block; margin-bottom: 25px; font-size: 30px; font-weight: 700; color: #333;} 
#sub_0301 div.list h4:before {content: ""; position: absolute; top: -10px; left: 0; width: 35px; height: 4px; background-color: #194895;}
#sub_0301 div.img_box {display:flex; flex-direction: column; gap:50px;} 

#sub_0302{width:100%;}
#sub_0302 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:30px; font-weight:700; color:#333;}
#sub_0302 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
#sub_0302 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
#sub_0302 div table{margin:25px 0 100px 0; width:100%; font-size:16px; text-align:center; border:1px solid #d7d7d7;}
#sub_0302 div table thead th{background-color:#f6f6f6; color:#333; letter-spacing:0.5px;border: 1px solid #d7d7d7;}
#sub_0302 div table td, #sub_0302 div table th{padding:10px; border-right: 1px solid #d7d7d7;}
#sub_0302 div table tbody tr{border-top:1px solid #d7d7d7;}
#sub_0302 div table tbody tr td ul li{position:relative; padding-left:10px;} 
#sub_0302 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}

#sub_0303{width:100%;}
#sub_0303 div{margin: 25px 0 100px 0;}
#sub_0303 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:30px; font-weight:700; color:#333;}
#sub_0303 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
#sub_0303 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
#sub_0303 div table{width:100%; font-size:16px; text-align:center; border:1px solid #d7d7d7;}
#sub_0303 div table thead th{background-color:#f6f6f6; color:#333; letter-spacing:0.5px;border: 1px solid #d7d7d7;}
#sub_0303 div table td, #sub_0303 div table th{padding:10px; border-right: 1px solid #d7d7d7;}
#sub_0303 div table tbody tr{border-top:1px solid #d7d7d7;}
#sub_0303 div table tbody tr td ul li{position:relative; padding-left:10px;} 
#sub_0303 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}

#sub_0304{width: 100%;display: flex;flex-direction: column;gap: 80px;}
#sub_0304 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:30px; font-weight:700; color:#333;}
#sub_0304 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
#sub_0304 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
#sub_0304 div table{margin:25px 0 100px 0; width:100%; font-size:16px; text-align:center; border:1px solid #d7d7d7;}
#sub_0304 div table thead th{background-color:#f6f6f6; color:#333; letter-spacing:0.5px;border: 1px solid #d7d7d7;}
#sub_0304 div table td, #sub_0304 div table th{padding:10px; border-right: 1px solid #d7d7d7;}
#sub_0304 div table tbody tr{border-top:1px solid #d7d7d7;}
#sub_0304 div table tbody tr td ul li{position:relative; padding-left:10px;} 
#sub_0304 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}

#sub_0305{width: 100%;display: flex;flex-direction: column;gap: 80px;}
#sub_0305 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:30px; font-weight:700; color:#333;}
#sub_0305 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
#sub_0305 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
#sub_0305 div table{margin:25px 0 100px 0; width:100%; font-size:16px; text-align:center; border:1px solid #d7d7d7;}
#sub_0305 div table thead th{background-color:#f6f6f6; color:#333; letter-spacing:0.5px;border: 1px solid #d7d7d7; padding:20px;}
#sub_0305 div table td, #sub_0305 div table th{padding:10px; border-right: 1px solid #d7d7d7;}
#sub_0305 div table td.contentcell ul{text-align:start; display:flex; flex-direction: column; gap:10px; padding-left: 25px;}
#sub_0305 div table tbody tr{border-top:1px solid #d7d7d7;}
#sub_0305 div table tbody tr td ul li{position:relative; padding-left:10px;} 
#sub_0305 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}

#sub_0405 {text-align: center;}
#sub_0405 div {text-align : start;}
#sub_0405 div.accordion details {margin-bottom: 10px;} 
#sub_0405 div.accordion summary {cursor: pointer;line-height: 2; letter-spacing: 0; font-size: 18px; color:#333; font-weight: 500; padding: 20px; border-top:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7}
#sub_0405 div.accordion p {font-size: 16px;background-color: #F9F9F9; padding: 20px; border-bottom:1px solid #D7D7D7}
#sub_0405 div.accordion summary::before { content: ''; top: 107px; position: absolute; width: 2px; height: 14px; right: 22px; background: #7a7575; transform-origin: bottom center; transform: rotate(-45deg); color: #D7D7D7; } 
#sub_0405 div.accordion summary::after { content: ''; top: 107px; position: absolute; width: 2px; height: 14px; right: 22px; background: #7a7575; transform-origin: bottom center; transform: rotate(45deg); }

/* 아코디언이 열렸을 때 (위 방향) */
#sub_0405 div.accordion details[open] summary::before {transform: translateY(-50%) rotate(225deg); /* 수직으로 표시 (위 방향) */}
#sub_0405 div.accordion details[open] summary::after {transform: translateY(-50%) rotate(-225deg);/* 수직으로 표시 (위 방향) */}

/* 태블릿  */
@media all and (min-width: 768px) and (max-width: 1399px) {
    html, body{-webkit-text-size-adjust:100%; overflow-x:hidden;}
    .mobile{display:block;}
    div.jwxe_popup{max-width:90% !important; height:auto !important; padding-bottom:40px; top:20px !important; left:20px !important;}
    div.jwxe_popup img{max-width:100%; position:static;}
    div.jwxe_popup a{top:initial !important; bottom:10px;}
  
    #wrap.active #main_visual, #wrap.active #contents, #wrap.active #quick_menu, #wrap.active footer{display:none;}
    #wrap:before{display:none;}

    header {overflow: hidden;}
    header section {height: auto;padding: 0;}
    #logo {height: 70px;position: relative;background-color: #fff;z-index: 999;}
    #logo h1 a { width: 300px;height: 37px;background-position: 0 0;background-size: 288px 35px;}
    #logo h1 {left: 15px;margin-top: -12px;}
    #gnb_control{display:block; z-index:200;}
    #gnb { width: 75vw; height: 100vh; padding: 0; position: absolute; top: 0; right: -100%; background-color: #294a9b; transition: all 0.3s; }
    #gnb.active { max-height: inherit; right: 0; }
    #gnb nav { width: 100%; padding-top: 70px; float: none; }
    #gnb nav > div { padding: 15px 0; position: static; text-align: center; }
    #gnb nav > div a { position: relative; font-weight: 400; color: #fff; }
    #gnb nav > div a:before { content: ""; width: 1px; height: 12px; margin-top: -6px; position: absolute; top: 50%; left: 0; background-color: #ddd; }
    #gnb nav > div a:first-child:before { display: none; }
    #gnb nav > div p { display: none; }
    #gnb nav > ul { padding: 0; float: none; }
    #gnb nav > ul > li { float: none; }
    #gnb nav > ul > li:nth-child(4):before, #gnb nav > ul > li:nth-child(5):before { top: 18px; width: 19px; height: 19px; background-size: 38px 19px; }
    #gnb nav > ul > li:nth-child(4):before { right: none; left: 94px; }
    #gnb nav > ul > li:nth-child(5):before { right: none; left: 81px; }
    #gnb nav > ul > li > a { height: 55px; line-height: 55px; padding: 0 20px; font-size: 15px; font-weight: 400; color: #fff; background-color: #294a9b; }
    #gnb nav > ul > li > a:after { width: 13px; height: 9px; background: url(/_res/bk21/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 { padding: 0 20px 0 30px; height: 45px; line-height: 45px; font-size: 13px; color: #294a9b; text-align: left; position: relative; background-color: #fff; }
    #gnb nav > ul > li > ul li a:before { display: none; }
    #gnb nav > ul > li > ul li a.active { font-weight: 700; background-color: #f7f7f7; }
    #gnb nav > ul > li > a.active:after { transform: rotate(0deg); }
    #gnb nav > ul > li > a.active + ul { visibility: visible; max-height: 500px; padding: 0; transition: all 1s; }
    #wrap.active header { padding: 0; overflow: visible; position: absolute; border-bottom: none; }
    #wrap.active header section { height: auto; }
    #wrap.active header #logo { border-bottom: 1px solid #d7d7d7; }
    #wrap.active header #gnb nav > ul { margin: 0; }


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

    #footer{padding:20px 15px; max-width:100%; }
    #footer > ul{padding-bottom:15px;}
    #footer > ul li{display:inline-block; float:none;}
    #footer > ul li a{font-size:13px;}
    #footer > address p span{font-size:13px;}
    #footer > address p.contact{padding-bottom:5px;}
    #footer > address p.contact span:first-child{word-break:keep-all;}
    #footer > address p.contact span:nth-child(2):before{display:none;}
    #footer > div.sns{position:static; margin-top:20px;}
    #footer > div.sns ul li a{height:30px; line-height:30px; font-size:13px;}
    #footer > div.sns ul li a img{width:30px; height:30px; margin-right:5px;}
    #footer > div.sns ul li + li{margin-left:0; margin-top:6px;}

    /* 메인_비쥬얼 */
    #main_visual div.text{height:50vh; transform:translateY(-30px);}
    #main_visual div.text p{margin-bottom:10px; font-size:15px; text-align:center; letter-spacing:-1px;}
    #main_visual div.text h2{line-height:1.3; font-size:50px; text-align:center; letter-spacing:-1px;}
    #main_visual div.text h2 strong{display:block;}

    #visual_swiper{height:50vh;}
    #visual_swiper div.swiper-slide.seen1{background-image:url(/_res/schdboot/img/bg_main_visual_01.png);}
    #visual_swiper div.swiper-slide.seen2{background-image:url(/_res/schdboot/img/bg_main_visual_02.png);}
    #visual_swiper div.swiper-slide.seen3{background-image:url(/_res/schdboot/img/bg_main_visual_03.png);}

    #visual_swiper_control{gap:10px; bottom:40px;}
    #visual_swiper_control div.pagination{gap:10px;}
    #visual_swiper_control div.pagination span.swiper-pagination-bullet{width:20px; height:20px;}
    #visual_swiper_control div.pagination span.swiper-pagination-bullet:before{width:6px; height:6px;}
    #visual_swiper_control button.control{width:20px; height:20px;}
    #visual_swiper_control button.control:before{height:14px; border-width:7px 0 7px 10px;}

    /* 메인_SW중심대학 센터 */
    #main_center > div{width:50%; min-width:650px; padding:50px 20px;}
    #main_center > div h2{font-size:22px;}
    #main_center > div ul{flex-direction:column; gap:20px; margin-top:40px;}
    #main_center > div ul li a{display:flex;}
    #main_center > div ul li a:before{flex:1 1 0; width:50%; height:auto;}
    #main_center > div ul li a div{flex:1 1 0; padding:25px 20px;}
    #main_center > div ul li a div span{margin-bottom:5px; font-size:14px;}
    #main_center > div ul li a div strong{font-size:18px;}

    /* 메인_게시판 */
    #main_board{padding:50px 20px;}
  #main_board > div {width:50%; min-width:650px;}
    #main_board > div h2{margin-bottom:25px; font-size:20px;}
    #main_board > div div.top{flex-direction:column;}
    #main_board > div div.top div.board{width:100%; padding:25px; border-right:none; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
    #main_board > div div.top div.board ul.tab{gap:45px; margin-bottom:30px;}
    #main_board > div div.top div.board ul.tab li:not(:first-child):before{width:5px; height:5px; left:-25px;}
    #main_board > div div.top div.board ul.tab li button{font-size:20px;}
    #main_board > div div.top div.board div.tab_content ul{grid-template-columns:1fr; gap:30px;}
    #main_board > div div.top div.board div.tab_content ul li a{gap:15px;}
    #main_board > div div.top div.board div.tab_content ul li a span{font-size:11px;}
    #main_board > div div.top div.board div.tab_content ul li a span strong{font-size:35px;}
    #main_board > div div.top div.board div.tab_content ul li a h6{font-size:15px;}
    #main_board > div div.top div.banner{padding:25px;}
    #banner_swiper{width:100%;}
    #banner_swiper_control{position:absolute; top:30px; right:25px;}
    #banner_swiper ul li{height:190px;}
    #banner_swiper ul li a{padding-top:56%;}
    #banner_swiper ul li a .info span.title{font-size:16px;}
    #main_board > div div.bot{padding:25px;}
    #main_board > div div.bot ul{flex-direction:column; justify-content:flex-start; gap:20px; padding-left:15px;}
    #main_board > div div.bot ul li{justify-content:flex-start; gap:20px;}
    #main_board > div div.bot ul li:before{width:40px; height:40px; background-size:160px 40px;}
    #main_board > div div.bot ul li:nth-child(2):before{background-position:-40px 0;}
    #main_board > div div.bot ul li:nth-child(3):before{background-position:-80px 0;}
    #main_board > div div.bot ul li:nth-child(4):before{background-position:-120px 0;}
    #main_board > div div.bot ul li a{font-size:16px;}
    a.more_btn{top:25px; right:25px; width:30px; height:30px;}
    a.more_btn:before, a.more_btn:after{height:28px;}

    /* 메인_배너 */
    #main_banner > div{padding:50px 20px;}
    #main_banner > div ul{display:grid; grid-template-columns:1fr 1fr; gap:25px;}
    #main_banner > div ul li a{font-size:13px;}
    #main_banner > div ul li a div.logo{width:100%; height:50px; margin-bottom:10px;}
    #main_banner > div ul li:nth-child(1) a div.logo{background-size:80% auto;}
    #main_banner > div ul li:nth-child(2) a div.logo{background-size:80% auto;}
    #main_banner > div ul li:nth-child(3) a div.logo{background-size:60% auto;}
    #main_banner > div ul li:nth-child(4) a div.logo{background-size:65% auto;}
    #main_banner > div ul li:nth-child(5) a div.logo{background-size:65% auto;}

    /* Sub Layout */
    #sub_visual > div{flex-direction:column; justify-content:center; align-items:flex-start; gap:10px; height:27vh; min-height:170px; padding:0 20px;}
    #sub_visual > div div.title h2{font-size:30px;}
    #sub_visual > div div.title p{display:none;}
    #sub_visual > div div.breadcrum ul{gap:20px;}
    #sub_visual > div div.breadcrum ul li, #sub_visual > div div.breadcrum ul li a{font-size:13px;}
    #sub_visual > div div.breadcrum ul li:not(:first-child):before{width:6px; height:6px; left:-15px;}
    #sub_visual > div div.breadcrum ul li:first-child a:before{width:13px; height:14px; background-size:13px 14px;}
    
    #snb{z-index:30;}
    #snb > div > ul > li{flex:1 1 0;}
    #snb > div > ul > li:nth-child(1){display:none;}
    #snb > div > ul > li:nth-child(2){display:none;}
    #snb > div > ul > li > a{width:100%; height:70px; padding:0 30px 0 15px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    #snb > div > ul > li > a:before{right:10px;}
    #snb > div > ul > li > a:after{content:""; width:1px; height:20px; position:absolute; top:50%; right:0; background-color:#b7b7b7; transform:translateY(-50%);}
    #snb > div > ul > li:last-child > a:after{display:none;}
    #snb > div > ul > li.last{flex:1 1 0;}
    #snb > div > ul > li.last:before{display:none;}
    #snb > div > ul > li.last:after{content:""; width:100%; height:2px; position:absolute; bottom:0; left:0; background-color:#194895;}
    #snb > div > ul > li > ul{top:70px;}
    #snb > div > ul > li > ul li a{height:60px; font-size:15px; padding:0 20px;}
    
    #sub_title{padding:50px 20px 0;}
    #sub_title h3{font-size:27px;}
    #sub_title h3 span{width:30px; height:10px; margin-bottom:10px;}
    #sub_title h3 span:before{width:10px; height:10px;}
    #sub_title h3 span:after{width:10px; height:10px;}

    #sub_contents{padding:25px 40px 40px;}
    #sub_contents h4.title{margin-bottom:20px; font-size:20px;} 
    #sub_contents h4.title:before{width:30px; height:3px;}

    ul.ui_tab_handle.mobile li.mobile{display:block;}

    /* 서브 콘텐츠 UI 요소 */
    ul.ui_tab_handle.web{overflow:hidden; margin-bottom:100px; height:inherit !important; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7;}
    ul.ui_tab_handle.web li{float:left; width:calc(100% / 6);}
    ul.ui_tab_handle.web li a{display:block; height:65px; line-height:65px; font-size:18px; text-align:center; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; background-color:#f5f5f5;}
    ul.ui_tab_handle.web li a:hover, ul.ui_tab_handle.web li a:focus{background-color:#dddddd;}
    ul.ui_tab_handle.web li.active a{line-height:63px; background-color:#194895; color:#fff;}
    ul.ui_tab_handle.web li:nth-child(n+6) a{border-top:none;}

    ul.ui_tab_handle.mobile{display:block; height:45px; margin-bottom:35px; padding-top:45px; overflow:hidden; position:relative; border:1px solid #c7c7c7; border-top:2px solid #333; transition:height 0.3s;}
    ul.ui_tab_handle.mobile li{width:100% !important;}
    ul.ui_tab_handle.mobile li a{display:block; height:45px; line-height:45px; padding:0 15px; font-size:15px; border-left:none !important; border-top:1px solid #c7c7c7 !important; background-color:#f5f5f5;}
    ul.ui_tab_handle.mobile li.active{position:absolute; top:0; left:0;}
    ul.ui_tab_handle.mobile li.active a{line-height:45px; font-weight:400; background-color:#fff; border-top:none !important;}
    ul.ui_tab_handle.mobile li.active a span{padding-bottom:1px; border-bottom:1px solid #333;}
    ul.ui_tab_handle.mobile li.active a:after{display:block; content:""; width:15px; height:8px; position:absolute; top:18px; right:15px; background:url(/_res/sch/img/bg_mobile_tab_bullet.png) no-repeat 50% 50%; background-size:15px auto; transition:all 0.3s;}
    ul.ui_tab_handle.mobile.active li.active a:after{transform:rotate(180deg);}

    /* 사업단소개 > 인사말 */
    #sub_0101 div{overflow:hidden;}
    #sub_0101 div:before{margin-bottom:25px; content:""; display:block; width:50%; height:auto; aspect-ratio: 1.26 / 1; float:right; margin-left:45px; background:url(/_res/schdboot/img/bg_sub_01.png) no-repeat 50% 50%/cover;}
    #sub_0101 div p{padding-top:35px; font-size:16px; font-weight:300; color:#393939; line-height:1.75; letter-spacing:0; word-break:keep-all;}
    #sub_0101 div p.desc{padding-top:0; font-size:30px; font-weight:400; color:#25539b; line-height:1.25;}
    #sub_0101 div p.desc strong{font-weight:700;}
    #sub_0101 div p.sign{padding-top:60px; font-size:24px; font-weight:300;}
    #sub_0101 div p.sign strong{font-weight:500;}

    /* 사업단소개 > 사업목표 */    
    #sub_0102{display:flex; flex-direction: column; gap: 80px;} 
    #sub_0102 div div.grid_container {width:100%; height:100%; gap: 30px; }
    #sub_0102 div div.grid_container div.box {display: flex; flex-direction: column; gap: 20px; justify-content: strat; align-items: start; text-align: left; padding: 20px; text-align: center; }
    #sub_0102 div div.grid_container div.box > h5 {text-align: left; font-size: 18px;font-weight: 700;color: #333;}
    #sub_0102 div div.grid_container div.box > p {text-align: left; font-size: 16px;font-weight: 300;color: #333;}
    .sprite {width: 66px; /* 개별 이미지의 너비 */height: 66px; /* 개별 이미지의 높이 */background-image: url('/_res/schdboot/img/icon_business-goal.png'); /* 스프라이트 이미지 경로 */background-size: 267.3px 69.3px; /* 전체 이미지 크기 */}
    .sprite.image1 { background-position: 0 0; position:absolute; right:20px; bottom:20px;}          /* 첫 번째 이미지 */
    .sprite.image2 { background-position: -340px 0; position:absolute; right:20px; bottom:20px;}     /* 두 번째 이미지 */
    .sprite.image3 { background-position: -940px 0; position:absolute; right:20px; bottom:20px;}     /* 세 번째 이미지 */
    .sprite.image4 { background-position: -1535px 0; position:absolute; right:20px; bottom:20px;}
    #sub_0102 div h4 {position: relative;display: inline-block;margin-bottom: 25px;font-size: 24px;font-weight: 700;color: #333;}
    #sub_0102 div h4:before {content: "";position: absolute;top: -10px;left: 0;width: 35px;height: 4px;background-color: #194895;}
    #sub_0102 div p {line-height:1.5;letter-spacing: 0;font-size:16px;}
    #sub_0102{width:100%;}
    #sub_0102 div.img{margin:0; width:100%; height: auto;}
    #sub_0102 div.list strong.sub_title{font-size:26px; font-weight:700; color:#194895;}
    #sub_0102 div.list ul.type1 li{padding:20px 30px; position:relative; font-size:25px; font-weight:350; color:#393939;}


    /* 사업단소개 > 조직구성 > 조직도 */
    #sub_0103{display:flex; flex-direction: column; gap: 80px;}
    #sub_0103 div.img{margin:0; width:100%; height: auto;}
    #sub_0103 div.img > img{width:100%; height:auto; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}	
    #sub_0103 div.list strong.sub_title{font-size:26px; font-weight:700; color:#194895;}
    #sub_0103 div.list ul.type1 li{padding:20px 30px; position:relative; font-size:18px; font-weight:350; color:#393939;}
    #sub_0103 div.list ul.type1 li:before{content:""; position:absolute; top:31px; left:10px; width:6px; height:6px; border-radius:50%; background-color:#194895;}
    #sub_0103 div.list ul.type1 li ul.type2 li{padding:20px 30px; position:relative; font-size:15px; font-weight:200; color:#393939;}
    #sub_0103 div.list ul.type1 li:before{content:""; position:absolute; top:31px; left:10px; width:6px; height:6px; border-radius:50%; background-color:#194895;}

    /* 사업단소개 > 조직구성 > 담당자 안내 */
    div.manager h4 {font-size:24px; font-weight: 700; color:#194895}
    div.manager > p { font-size: 18px; font-weight: 350; padding-top: 25px; line-height: 30px; color: #616161; }
    div.manager > ul { display: flex; flex-wrap: wrap; width: 100%; margin-top: 25px; overflow: hidden; border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; }
    div.manager > ul > li strong { display: block; margin: 10px 0; font-size: 20px; line-height: 22px; font-weight: 500; color: #000; }
    div.manager > ul > li span { display: block; font-size: 16px; line-height: 28px; font-weight: 500; color: #000; }
    div.manager > ul > li > dl > dt { float: left; clear: both; font-size: 16px; font-weight: 350; color: #616161; }
    div.manager > ul > li > dl > dt:after { content: ":"; display: inline; padding: 0 5px; }
    div.manager > ul > li > dl > dt.list { margin-top: 25px; float: none; }
    div.manager > ul > li > dl > dd:last-child > a.homepage { margin-top: 25px; }
    div.manager > ul > li > dl > dt.homepage:after { display: none; }
    div.manager > ul > li > dl > dd, div.manager > ul > li > dl > dd a { font-size: 16px; line-height: 25px; font-weight: 350; color: #616161; word-break: keep-all; }
    div.manager > ul > li > dl > dd > a.homepage, div.manager > ul > li > dl > dd a:hover, div.manager > ul > li > dl > dd a:focus { display: inline-block; text-decoration: underline; color: #4267b2; }
    div.manager > ul > li > dl > dd > ul > li { position: relative; padding-left: 12px; word-break: keep-all; }
    div.manager > ul > li > dl > dd > ul > li > ul > li { position: relative; }
    div.manager > ul > li > dl > dd > ul > li > ul > li:before { content: "-"; position: absolute; top: 0; left: -7px; }
    div.manager > ul + p { padding-top: 40px; }

    #sub_0104{width: 100%;display: flex;flex-direction: column;gap: 80px;}
    #sub_0104 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:24px; font-weight:700; color:#333;}
    #sub_0104 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
    #sub_0104 div.list ul.type2 li{position:relative; padding:5px 0 5px 15px; font-size:22px; color:#194895; font-weight:350; line-height:1.3;}
    #sub_0104 div.list ul.type2 li span.bold{font-weight:700;}
    #sub_0104 div.list ul.type2 li:before{content:"-"; position:absolute; top:2px; left:0;}
    #sub_0104 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
    #sub_0104 div table{margin-top:50px; width:100%; font-size:16px; text-align:center; border:1px solid #d7d7d7;}
    #sub_0104 div table thead th{background-color:#DFE6EF; color:#4F699E; letter-spacing:0.5px;}
    #sub_0104 div table td, #sub_0104 div table th{padding:10px 15px;}
    #sub_0104 div table tbody tr{border-top:1px solid #d7d7d7;}
    #sub_0104 div table thead tr th, #sub_0104 div table tbody tr td{border-right:1px solid #d7d7d7;}
    #sub_0104 div table tbody tr td ul li{position:relative; padding-left:10px;} 
    #sub_0104 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}
    div.professor>p{font-size:18px;font-weight:350;padding-top:25px;line-height:30px;color:#616161}
    div.professor>ul{display:flex;flex-wrap:wrap;width:100%;overflow:hidden;border-top:1px solid #d7d7d7;border-left:1px solid #d7d7d7}
    div.professor>ul>li{width:50%;padding:10px 20px;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7}
    div.professor>ul>li strong{display:block;margin:10px 0;font-size:20px;line-height:22px;font-weight:500;color:#000}
    div.professor>ul>li span{display:block;font-size:16px;line-height:28px;font-weight:500;color:#000}
    div.professor>ul>li>dl>dt{float:left;clear:both;font-size:16px;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{font-size:16px;line-height:25px;font-weight:350;color:#616161;word-break:keep-all}
    div.professor>ul>li>dl>dd a{font-size:16px;line-height:25px;font-weight:350;color:#616161;word-break:keep-all}
    div.professor>ul>li>dl>dd>a.homepage{display:inline-block;text-decoration:underline;color:#4267b2}
    div.professor>ul>li>dl>dd a:hover{display:inline-block;text-decoration:underline;color:#4267b2}
    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_0105{width: 100%;display: flex;flex-direction: column;gap: 80px;}
    #sub_0105 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:24px; font-weight:700; color:#333;}
    #sub_0105 div div.img_container{display: flex; width: 100%; min-height: 250px; gap: 30px;} 
    #sub_0105 div div.img_container>div.img_box{width: 100%; display: flex; flex-direction: column; justify-content: left; align-items:start; gap:10px;} 
    #sub_0105 div div.img_container>div.img_box > h5 {font-size:20px; font-weight: 700; color:#194895}
    #sub_0105 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
    #sub_0105 div.list ul.type2 li{position:relative; padding:5px 0 5px 15px; font-size:22px; color:#194895; font-weight:350; line-height:1.3;}
    #sub_0105 div.list ul.type2 li span.bold{font-weight:700;}
    #sub_0105 div.list ul.type2 li:before{content:"-"; position:absolute; top:2px; left:0;}
    #sub_0105 div table{width:100%; font-size:16px; text-align:center; border:none; table-layout: auto;}
    #sub_0105 div table thead th{background-color:#DFE6EF; color:#4F699E; letter-spacing:0.5px;}
    #sub_0105 div table tbody{width : 100%;}
    #sub_0105 div table td, #sub_0104 div table th{padding:15px 5px; font-size: 15px; width:33.3%}
    #sub_0105 div table tbody tr{border-top:1px solid #d7d7d7;}
    #sub_0105 div table thead tr th, #sub_0104 div table tbody tr td{border-right:1px solid #d7d7d7;}
    #sub_0105 div table tbody tr td ul li{position:relative; padding-left:10px;} 
    #sub_0105 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}
    #sub_0105 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
    #sub_0105 div table.mobile_table {display:table;}
    #sub_0105 div table.pc_table {display:none;}

    /* 사업단소개 > 오시는길 */
    #sub_0106{width:100%;}
    #daumRoughmapContainer1729555283475{width:100% !important;}
    #daumRoughmapContainer1729555283475 div.wrap_map{height:500px !important;}
    #sub_0106 div.section{margin-top:80px;}
    #sub_0106 div.section:first-child{margin-top:0;}
    #sub_0106 div.section h4{position:relative; display:inline-block; margin-bottom:25px; font-size:30px; font-weight:700; color:#333;}
    #sub_0106 div.section h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
    #sub_0106 div.section dl{margin-top:30px; display:flex; flex-flow:column;gap: 5px;}
    #sub_0106 div.section dl > dt{position:relative; margin-left:30px; font-size:16px; font-weight:500; margin-top:10px;}
    #sub_0106 div.section dl > dt:before{content:""; position:absolute; width:24px; height:23px; top:0; left:-30px; background:url(/_res/sw/img/icon_map.png) no-repeat; background-size:cover;}
    #sub_0106 div.section dl > dt:nth-child(2):before{background-position:-24px 0;}
    #sub_0106 div.section dl > dt:nth-child(3):before{background-position:-24px 0;}
    #sub_0106 div.section dl > dd{margin-left:10px; font-size:14px;}
    #sub_0106 div.section dl > dd + dt{margin-left:30px;}
    #sub_0106 div.section div.list strong.sub_title{font-size:26px; font-weight:700; color:#194895;}
    #sub_0106 div.section div.list ul.type2{margin-top:20px; display:flex; flex-flow:row wrap; gap:15px;}
    #sub_0106 div.section div.list ul.type2 > li{padding:50px 60px; width:49%; min-height:240px; background-color:#f7f7f7;}
    #sub_0106 div.section div.list + div.list{margin-top:60px;}
    #sub_0106 div.section div.list ul.type2 > li ol strong{display:inline-block; margin-bottom:20px; font-size:22px; font-weight:450;}
    #sub_0106 div.section div.list ul.type2 > li ol > li{font-size:18px; font-weight:300; line-height:1.75;}

    #sub_0201 {text-align: center;}
    #sub_0201 div {text-align : start;}
    #sub_0201 div.title{width:100%; padding:60px; margin:0 0 80px 0; vertical-align:middle; background:url(/_res/sw/img/sub_img_01.jpg) no-repeat; background-position:50% 50%; background-size:cover; font-size:40px; font-weight:700; line-height:1.2; color:#fff; float:none;}
    #sub_0201 div.title > p{font-size:35px; color:#fff; font-weight:400; line-height:50px; text-align:center}
    #sub_0201 div.list h4 {position: relative; display: inline-block; margin-bottom: 25px; font-size: 24px; font-weight: 700; color: #333;} 
    #sub_0201 div.list h4:before {content: ""; position: absolute; top: -10px; left: 0; width: 35px; height: 4px; background-color: #194895;}

    #sub_0202 {text-align: center;}
    #sub_0202 div {display: flex; text-align: start ;background: url(/_res/schdboot/img/bg_sub_06.png);width: 100%; height: 300px; align-items: center; justify-content: center;}
    #sub_0202 div h3{font-size: 35px;font-weight: 700;color: #ffffff;text-align: center;letter-spacing: -1px;}
    #sub_0202 div.title{width:100%; padding:60px; margin:0 0 80px 0; vertical-align:middle; background:url(/_res/sw/img/sub_img_01.jpg) no-repeat; background-position:50% 50%; background-size:cover; font-size:40px; font-weight:700; line-height:1.2; color:#fff; float:none;}
    #sub_0202 div.title > p{font-size:35px; color:#fff; font-weight:400; line-height:50px; text-align:center}

    #sub_0301 {text-align: center;} 
    #sub_0301 div {text-align : start;}
    #sub_0301 div.title {width: 100%; padding: 60px; margin: 0 0 80px 0; vertical-align: middle; background: url(/_res/sw/img/sub_img_01.jpg) no-repeat; background-position: 50% 50%; background-size: cover; font-size: 40px; font-weight: 700; line-height: 1.2; color: #fff; float: none;} 
    #sub_0301 div.title > p {font-size: 35px; color: #fff; font-weight: 400; line-height: 50px; text-align: center;} 
    #sub_0301 div.list h4 {position: relative; display: inline-block; margin-bottom: 25px; font-size: 24px; font-weight: 700; color: #333;} 
    #sub_0301 div.list h4:before {content: ""; position: absolute; top: -10px; left: 0; width: 35px; height: 4px; background-color: #194895;}
    #sub_0301 div.img_box {display:flex; flex-direction: column; gap:50px;} 

    #sub_0302{width:100%; overflow-x: auto;}
    #sub_0302 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:24px; font-weight:700; color:#333;}
    #sub_0302 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
    #sub_0302 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
    #sub_0302 div table{margin:25px 0 100px 0; font-size:12px; text-align:center; border:1px solid #d7d7d7;}
    #sub_0302 div table thead th{background-color:#f6f6f6; color:#333; letter-spacing:0.5px;border: 1px solid #d7d7d7;}
    #sub_0302 div table td, #sub_0302 div table th{padding:10px; border-right: 1px solid #d7d7d7;}
    #sub_0302 div table tbody tr{border-top:1px solid #d7d7d7;}
    #sub_0302 div table tbody tr td ul li{position:relative; padding-left:10px;} 
    #sub_0302 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}

    #sub_0303{width:100%; display:flex; flex-direction: column; gap: 40px;}
    #sub_0303 div {overflow-x: auto; margin: 15px 0 20px 0;}
    #sub_0303 div:first-child  {overflow:visible;}
    #sub_0303 div::-webkit-scrollbar {height: 8px; /}
    #sub_0303 div::-webkit-scrollbar-thumb {background-color: #888; border-radius: 4px;}
    #sub_0303 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:24px; font-weight:700; color:#333;}
    #sub_0303 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
    #sub_0303 > div > p{font-size:16px; line-height:1.75; letter-spacing:0;}
    #sub_0303 div table{margin:0px 0 25px 0; width:100%; min-width: 700px; font-size:16px; text-align:center; border:1px solid #d7d7d7;}
    #sub_0303 div table thead th{background-color:#f6f6f6; color:#333; letter-spacing:0.5px;border: 1px solid #d7d7d7;}
    #sub_0303 div table td, #sub_0303 div table th{padding:5px; font-size: 12px; border-right: 1px solid #d7d7d7;}
    #sub_0303 div table tbody tr{border-top:1px solid #d7d7d7;}
    #sub_0303 div table tbody tr td ul li{position:relative; padding-left:10px;} 
    #sub_0303 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}

    #sub_0304{width: 100%;display: flex;flex-direction: column;gap: 80px;}
    #sub_0304 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:24px; font-weight:700; color:#333;}
    #sub_0304 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
    #sub_0304 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
    #sub_0304 div table{margin:25px 0 100px 0; width:100%; font-size:16px; text-align:center; border:1px solid #d7d7d7;}
    #sub_0304 div table thead th{background-color:#f6f6f6; color:#333; letter-spacing:0.5px;border: 1px solid #d7d7d7;}
    #sub_0304 div table td, #sub_0304 div table th{padding:10px; border-right: 1px solid #d7d7d7;}
    #sub_0304 div table tbody tr{border-top:1px solid #d7d7d7;}
    #sub_0304 div table tbody tr td ul li{position:relative; padding-left:10px;} 
    #sub_0304 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}

    #sub_0305{width: 100%;display: flex;flex-direction: column;gap: 80px;}
    #sub_0305 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:24px; font-weight:700; color:#333;}
    #sub_0305 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
    #sub_0305 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
    #sub_0305 div table{margin:25px 0 100px 0; width:100%; font-size:16px; text-align:center; border:1px solid #d7d7d7;}
    #sub_0305 div table thead th{background-color:#f6f6f6; color:#333; letter-spacing:0.5px;border: 1px solid #d7d7d7; padding:20px;}
    #sub_0305 div table td, #sub_0305 div table th{padding:10px; border-right: 1px solid #d7d7d7;}
    #sub_0305 div table td.contentcell ul{text-align:start; display:flex; flex-direction: column; gap:10px; padding-left: 0px;}
    #sub_0305 div table tbody tr{border-top:1px solid #d7d7d7;}
    #sub_0305 div table tbody tr td ul li{position:relative; padding-left:10px;} 
    #sub_0305 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}

    #sub_0405 {text-align: center;}
    #sub_0405 div {text-align : start;}
    #sub_0405 div.accordion details {margin-bottom: 10px; border-top: 1px solid #D7D7D7; border-bottom:1px solid #D7D7D7} 
    #sub_0405 div.accordion summary {border: none; width: 85%; cursor: pointer;line-height: 2; letter-spacing: 0; font-size: 16px; color:#333; font-weight: 500; padding: 10px;}
    #sub_0405 div.accordion p {font-size: 14px;background-color: #F9F9F9; padding: 20px; border-top:1px solid #D7D7D7}
    #sub_0405 div.accordion summary::before { content: ''; top: 54px; position: absolute; width: 2px; height: 10px; right: 36px; background: #7a7575; transform-origin: bottom center; transform: rotate(-45deg); color: #D7D7D7; } 
    #sub_0405 div.accordion summary::after { content: ''; top: 54px; position: absolute; width: 2px; height: 10px; right: 36px; background: #7a7575; transform-origin: bottom center; transform: rotate(45deg); }

    /* 아코디언이 열렸을 때 (위 방향) */
    #sub_0405 div.accordion details[open] summary::after {transform: translateY(-50%) rotate(225deg); /* 수직으로 표시 (위 방향) */}
    #sub_0405 div.accordion details[open] summary::before {transform: translateY(-50%) rotate(-225deg);/* 수직으로 표시 (위 방향) */}
}


/* Mobile */
@media all and (max-width:767px){
    html, body{-webkit-text-size-adjust:100%; overflow-x:hidden;}
    .mobile{display:block;}
    div.jwxe_popup{max-width:90% !important; height:auto !important; padding-bottom:40px; top:20px !important; left:20px !important;}
    div.jwxe_popup img{max-width:100%; position:static;}
    div.jwxe_popup a{top:initial !important; bottom:10px;}
  
    #wrap.active #main_visual, #wrap.active #contents, #wrap.active #quick_menu, #wrap.active footer{display:none;}
    #wrap:before{display:none;}

    header {overflow: hidden;}
    header section {height: auto;padding: 0;}
    #logo {height: 70px;position: relative;background-color: #fff;z-index: 999;}
    #logo h1 a { width: 300px;height: 37px;background-position: 0 0;background-size: 288px 35px;}
    #logo h1 {left: 15px;margin-top: -12px;}
    #gnb_control{display:block; z-index:200;}
    #gnb { width: 75vw; height: 100vh; padding: 0; position: absolute; top: 0; right: -100%; background-color: #294a9b; transition: all 0.3s; }
    #gnb.active { max-height: inherit; right: 0; }
    #gnb nav { width: 100%; padding-top: 70px; float: none; }
    #gnb nav > div { padding: 15px 0; position: static; text-align: center; }
    #gnb nav > div a { position: relative; font-weight: 400; color: #fff; }
    #gnb nav > div a:before { content: ""; width: 1px; height: 12px; margin-top: -6px; position: absolute; top: 50%; left: 0; background-color: #ddd; }
    #gnb nav > div a:first-child:before { display: none; }
    #gnb nav > div p { display: none; }
    #gnb nav > ul { padding: 0; float: none; }
    #gnb nav > ul > li { float: none; }
    #gnb nav > ul > li:nth-child(4):before, #gnb nav > ul > li:nth-child(5):before { top: 18px; width: 19px; height: 19px; background-size: 38px 19px; }
    #gnb nav > ul > li:nth-child(4):before { right: none; left: 94px; }
    #gnb nav > ul > li:nth-child(5):before { right: none; left: 81px; }
    #gnb nav > ul > li > a { height: 55px; line-height: 55px; padding: 0 20px; font-size: 15px; font-weight: 400; color: #fff; background-color: #294a9b; }
    #gnb nav > ul > li > a:after { width: 13px; height: 9px; background: url(/_res/bk21/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 { padding: 0 20px 0 30px; height: 45px; line-height: 45px; font-size: 13px; color: #294a9b; text-align: left; position: relative; background-color: #fff; }
    #gnb nav > ul > li > ul li a:before { display: none; }
    #gnb nav > ul > li > ul li a.active { font-weight: 700; background-color: #f7f7f7; }
    #gnb nav > ul > li > a.active:after { transform: rotate(0deg); }
    #gnb nav > ul > li > a.active + ul { visibility: visible; max-height: 500px; padding: 0; transition: all 1s; }
    #wrap.active header { padding: 0; overflow: visible; position: absolute; border-bottom: none; }
    #wrap.active header section { height: auto; }
    #wrap.active header #logo { border-bottom: 1px solid #d7d7d7; }
    #wrap.active header #gnb nav > ul { margin: 0; }


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

    #footer{padding:20px 15px; max-width:100%; }
    #footer > ul{padding-bottom:15px;}
    #footer > ul li{display:inline-block; float:none;}
    #footer > ul li a{font-size:13px;}
    #footer > address p span{font-size:13px;}
    #footer > address p.contact{padding-bottom:5px;}
    #footer > address p.contact span:first-child{word-break:keep-all;}
    #footer > address p.contact span:nth-child(2):before{display:none;}
    #footer > div.sns{position:static; margin-top:20px;}
    #footer > div.sns ul li a{height:30px; line-height:30px; font-size:13px;}
    #footer > div.sns ul li a img{width:30px; height:30px; margin-right:5px;}
    #footer > div.sns ul li + li{margin-left:0; margin-top:6px;}

    /* 메인_비쥬얼 */
    #main_visual div.text{height:85vw; transform:translateY(-30px);}
    #main_visual div.pc_text{display:none;}
    #main_visual div.mobile_text{display:flex;}
    #main_visual div.text p{margin-bottom:10px; font-size:15px; text-align:center; letter-spacing:-1px;}
    #main_visual div.text h2{line-height:1.3; font-size:35px; text-align:center; letter-spacing:-1px;}
    #main_visual div.text h2 strong{display:block;}

    #visual_swiper{height:85vw;}
    #visual_swiper div.swiper-slide.seen1{background-image:url(/_res/schdboot/img/bg_main_visual_01.png);}
    #visual_swiper div.swiper-slide.seen2{background-image:url(/_res/schdboot/img/bg_main_visual_02.png);}
    #visual_swiper div.swiper-slide.seen3{background-image:url(/_res/schdboot/img/bg_main_visual_03.png);}

    #visual_swiper_control{gap:10px; bottom:40px;}
    #visual_swiper_control div.pagination{gap:10px;}
    #visual_swiper_control div.pagination span.swiper-pagination-bullet{width:20px; height:20px;}
    #visual_swiper_control div.pagination span.swiper-pagination-bullet:before{width:6px; height:6px;}
    #visual_swiper_control button.control{width:20px; height:20px;}
    #visual_swiper_control button.control:before{height:14px; border-width:7px 0 7px 10px;}

    /* 메인_SW중심대학 센터 */
    #main_center > div{padding:50px 20px;}
    #main_center > div h2{font-size:22px;}
    #main_center > div ul{flex-direction:column; gap:20px; margin-top:40px;}
    #main_center > div ul li a{display:flex;}
    #main_center > div ul li a:before{flex:1 1 0; width:50%; height:auto;}
    #main_center > div ul li a div{flex:1 1 0; padding:25px 20px;}
    #main_center > div ul li a div span{margin-bottom:5px; font-size:14px;}
    #main_center > div ul li a div strong{font-size:18px;}

    /* 메인_게시판 */
    #main_board{padding:50px 20px;}
    #main_board > div h2{margin-bottom:25px; font-size:20px;}
    #main_board > div div.top{flex-direction:column;}
    #main_board > div div.top div.board{width:100%; padding:25px; border-right:none; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
    #main_board > div div.top div.board ul.tab{gap:45px; margin-bottom:30px;}
    #main_board > div div.top div.board ul.tab li:not(:first-child):before{width:5px; height:5px; left:-25px;}
    #main_board > div div.top div.board ul.tab li button{font-size:20px;}
    #main_board > div div.top div.board div.tab_content ul{grid-template-columns:1fr; gap:30px;}
    #main_board > div div.top div.board div.tab_content ul li a{gap:15px;}
    #main_board > div div.top div.board div.tab_content ul li a span{font-size:11px;}
    #main_board > div div.top div.board div.tab_content ul li a span strong{font-size:35px;}
    #main_board > div div.top div.board div.tab_content ul li a h6{font-size:15px;}
    #main_board > div div.top div.banner{padding:25px;}
    #banner_swiper{width:100%;}
    #banner_swiper_control{position:absolute; top:30px; right:25px;}
    #banner_swiper ul li{height:190px;}
    #banner_swiper ul li a{padding-top:56%;}
    #banner_swiper ul li a .info span.title{font-size:16px;}
    #main_board > div div.bot{padding:25px;}
    #main_board > div div.bot ul{flex-direction:column; justify-content:flex-start; gap:20px; padding-left:15px;}
    #main_board > div div.bot ul li{justify-content:flex-start; gap:20px;}
    #main_board > div div.bot ul li:before{width:40px; height:40px; background-size:160px 40px;}
    #main_board > div div.bot ul li:nth-child(2):before{background-position:-40px 0;}
    #main_board > div div.bot ul li:nth-child(3):before{background-position:-80px 0;}
    #main_board > div div.bot ul li:nth-child(4):before{background-position:-120px 0;}
    #main_board > div div.bot ul li a{font-size:16px;}
    a.more_btn{top:25px; right:25px; width:30px; height:30px;}
    a.more_btn:before, a.more_btn:after{height:28px;}

    /* 메인_배너 */
    #main_banner > div{padding:50px 20px;}
    #main_banner > div ul{display:grid; grid-template-columns:1fr 1fr; gap:25px;}
    #main_banner > div ul li a{font-size:13px;}
    #main_banner > div ul li a div.logo{width:100%; height:50px; margin-bottom:10px;}
    #main_banner > div ul li:nth-child(1) a div.logo{background-size:80% auto;}
    #main_banner > div ul li:nth-child(2) a div.logo{background-size:80% auto;}
    #main_banner > div ul li:nth-child(3) a div.logo{background-size:60% auto;}
    #main_banner > div ul li:nth-child(4) a div.logo{background-size:65% auto;}
    #main_banner > div ul li:nth-child(5) a div.logo{background-size:65% auto;}

    /* Sub Layout */
    #sub_visual > div{flex-direction:column; justify-content:center; align-items:flex-start; gap:10px; height:27vh; min-height:170px; padding:0 20px;}
    #sub_visual > div div.title h2{font-size:30px;}
    #sub_visual > div div.title p{display:none;}
    #sub_visual > div div.breadcrum ul{gap:20px;}
    #sub_visual > div div.breadcrum ul li, #sub_visual > div div.breadcrum ul li a{font-size:13px;}
    #sub_visual > div div.breadcrum ul li:not(:first-child):before{width:6px; height:6px; left:-15px;}
    #sub_visual > div div.breadcrum ul li:first-child a:before{width:13px; height:14px; background-size:13px 14px;}
    
    #snb{z-index:30;}
    #snb > div > ul > li{flex:1 1 0;}
    #snb > div > ul > li:nth-child(1){display:none;}
    #snb > div > ul > li:nth-child(2){display:none;}
    #snb > div > ul > li > a{width:100%; height:70px; padding:0 30px 0 15px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    #snb > div > ul > li > a:before{right:10px;}
    #snb > div > ul > li > a:after{content:""; width:1px; height:20px; position:absolute; top:50%; right:0; background-color:#b7b7b7; transform:translateY(-50%);}
    #snb > div > ul > li:last-child > a:after{display:none;}
    #snb > div > ul > li.last{flex:1 1 0;}
    #snb > div > ul > li.last:before{display:none;}
    #snb > div > ul > li.last:after{content:""; width:100%; height:2px; position:absolute; bottom:0; left:0; background-color:#194895;}
    #snb > div > ul > li > ul{top:70px;}
    #snb > div > ul > li > ul li a{height:60px; font-size:15px; padding:0 20px;}
    
    #sub_title{padding:50px 20px 0;}
    #sub_title h3{font-size:27px;}
    #sub_title h3 span{width:30px; height:10px; margin-bottom:10px;}
    #sub_title h3 span:before{width:10px; height:10px;}
    #sub_title h3 span:after{width:10px; height:10px;}

    #sub_contents{padding:25px 20px 40px;}
    #sub_contents h4.title{margin-bottom:20px; font-size:20px;} 
    #sub_contents h4.title:before{width:30px; height:3px;}

    ul.ui_tab_handle.mobile li.mobile{display:block;}

    /* 서브 콘텐츠 UI 요소 */
    ul.ui_tab_handle.web{overflow:hidden; margin-bottom:100px; height:inherit !important; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7;}
    ul.ui_tab_handle.web li{float:left; width:calc(100% / 6);}
    ul.ui_tab_handle.web li a{display:block; height:65px; line-height:65px; font-size:18px; text-align:center; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; background-color:#f5f5f5;}
    ul.ui_tab_handle.web li a:hover, ul.ui_tab_handle.web li a:focus{background-color:#dddddd;}
    ul.ui_tab_handle.web li.active a{line-height:63px; background-color:#194895; color:#fff;}
    ul.ui_tab_handle.web li:nth-child(n+6) a{border-top:none;}

    ul.ui_tab_handle.mobile{display:block; height:45px; margin-bottom:35px; padding-top:45px; overflow:hidden; position:relative; border:1px solid #c7c7c7; border-top:2px solid #333; transition:height 0.3s;}
    ul.ui_tab_handle.mobile li{width:100% !important;}
    ul.ui_tab_handle.mobile li a{display:block; height:45px; line-height:45px; padding:0 15px; font-size:15px; border-left:none !important; border-top:1px solid #c7c7c7 !important; background-color:#f5f5f5;}
    ul.ui_tab_handle.mobile li.active{position:absolute; top:0; left:0;}
    ul.ui_tab_handle.mobile li.active a{line-height:45px; font-weight:400; background-color:#fff; border-top:none !important;}
    ul.ui_tab_handle.mobile li.active a span{padding-bottom:1px; border-bottom:1px solid #333;}
    ul.ui_tab_handle.mobile li.active a:after{display:block; content:""; width:15px; height:8px; position:absolute; top:18px; right:15px; background:url(/_res/sch/img/bg_mobile_tab_bullet.png) no-repeat 50% 50%; background-size:15px auto; transition:all 0.3s;}
    ul.ui_tab_handle.mobile.active li.active a:after{transform:rotate(180deg);}

    /* 사업단소개 > 인사말 */
    #sub_0101 div{overflow:hidden;}
    #sub_0101 div:before{margin-bottom:25px; content:""; display:block; width:100%; height:auto; aspect-ratio: 1.26 / 1; float:right; margin-left:95px; background:url(/_res/schdboot/img/bg_sub_01.png) no-repeat 50% 50%/cover;}
    #sub_0101 div p{padding-top:35px; font-size:16px; font-weight:300; color:#393939; line-height:1.75; letter-spacing:0; word-break:keep-all;}
    #sub_0101 div p.desc{padding-top:0; font-size:30px; font-weight:400; color:#25539b; line-height:1.25;}
    #sub_0101 div p.desc strong{font-weight:700;}
    #sub_0101 div p.sign{padding-top:60px; font-size:24px; font-weight:300;}
    #sub_0101 div p.sign strong{font-weight:500;}

    /* 사업단소개 > 사업목표 */    
    #sub_0102{display:flex; flex-direction: column; gap: 80px;} 
    #sub_0102 div div.grid_container {width:100%; height:100%; display: flex; flex-direction: column; gap: 30px; }
    #sub_0102 div div.grid_container div.box {display: flex; flex-direction: column; gap: 20px; justify-content: strat; align-items: start; text-align: left; padding: 20px; text-align: center; }
    #sub_0102 div div.grid_container div.box > h5 {text-align: left; font-size: 18px;font-weight: 700;color: #333;}
    #sub_0102 div div.grid_container div.box > p {text-align: left; font-size: 16px;font-weight: 300;color: #333;}
    .sprite {width: 66px; /* 개별 이미지의 너비 */height: 66px; /* 개별 이미지의 높이 */background-image: url('/_res/schdboot/img/icon_business-goal.png'); /* 스프라이트 이미지 경로 */background-size: 267.3px 69.3px; /* 전체 이미지 크기 */}
    .sprite.image1 { background-position: 0 0; position:absolute; right:20px; bottom:20px;}          /* 첫 번째 이미지 */
    .sprite.image2 { background-position: -340px 0; position:absolute; right:20px; bottom:20px;}     /* 두 번째 이미지 */
    .sprite.image3 { background-position: -940px 0; position:absolute; right:20px; bottom:20px;}     /* 세 번째 이미지 */
    .sprite.image4 { background-position: -1535px 0; position:absolute; right:20px; bottom:20px;}
    #sub_0102 div h4 {position: relative;display: inline-block;margin-bottom: 25px;font-size: 24px;font-weight: 700;color: #333;}
    #sub_0102 div h4:before {content: "";position: absolute;top: -10px;left: 0;width: 35px;height: 4px;background-color: #194895;}
    #sub_0102 div p {line-height:1.5;letter-spacing: 0;font-size:16px;}
    #sub_0102 div.img{margin:0; width:100%; height:auto;}
    #sub_0102 div.list strong.sub_title{font-size:26px; font-weight:700; color:#194895;}
    #sub_0102 div.list ul.type1 li{padding:20px 30px; position:relative; font-size:25px; font-weight:350; color:#393939;}


    /* 사업단소개 > 조직구성 > 조직도 */
    #sub_0103{display:flex; flex-direction:column; gap:80px;}
    #sub_0103 div.img{ margin:0; width:100%; height:auto;}
    #sub_0103 div.img > img{width:100%; height:auto; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}	
    #sub_0103 div.list strong.sub_title{font-size:26px; font-weight:700; color:#194895;}
    #sub_0103 div.list ul.type1 li{padding:20px 30px; position:relative; font-size:18px; font-weight:350; color:#393939;}
    #sub_0103 div.list ul.type1 li:before{content:""; position:absolute; top:31px; left:10px; width:6px; height:6px; border-radius:50%; background-color:#194895;}
    #sub_0103 div.list ul.type1 li ul.type2 li{padding:20px 30px; position:relative; font-size:15px; font-weight:200; color:#393939;}
    #sub_0103 div.list ul.type1 li:before{content:""; position:absolute; top:31px; left:10px; width:6px; height:6px; border-radius:50%; background-color:#194895;}

    /* 사업단소개 > 조직구성 > 담당자 안내 */
    div.manager h4 {font-size:24px; font-weight: 700; color:#194895}
    div.manager > p { font-size: 18px; font-weight: 350; padding-top: 25px; line-height: 30px; color: #616161; }
    div.manager > ul { display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; margin-top: 25px; overflow: hidden; }
    div.manager > ul > li { width:100%; padding: 10px 20px;}
    div.manager > ul > li strong { display: block; margin: 10px 0; font-size: 20px; line-height: 22px; font-weight: 500; color: #000; }
    div.manager > ul > li span { display: block; font-size: 16px; line-height: 28px; font-weight: 500; color: #000; }
    div.manager > ul > li > dl > dt { float: left; clear: both; font-size: 16px; font-weight: 350; color: #616161; }
    div.manager > ul > li > dl > dt:after { content: ":"; display: inline; padding: 0 5px; }
    div.manager > ul > li > dl > dt.list { margin-top: 25px; float: none; }
    div.manager > ul > li > dl > dd:last-child > a.homepage { margin-top: 25px; }
    div.manager > ul > li > dl > dt.homepage:after { display: none; }
    div.manager > ul > li > dl > dd, div.manager > ul > li > dl > dd a { font-size: 16px; line-height: 25px; font-weight: 350; color: #616161; word-break: keep-all; }
    div.manager > ul > li > dl > dd > a.homepage, div.manager > ul > li > dl > dd a:hover, div.manager > ul > li > dl > dd a:focus { display: inline-block; text-decoration: underline; color: #4267b2; }
    div.manager > ul > li > dl > dd > ul > li { position: relative; padding-left: 12px; word-break: keep-all; }
    div.manager > ul > li > dl > dd > ul > li > ul > li { position: relative; }
    div.manager > ul > li > dl > dd > ul > li > ul > li:before { content: "-"; position: absolute; top: 0; left: -7px; }
    div.manager > ul + p { padding-top: 40px; }

    #sub_0104{width: 100%;display: flex;flex-direction: column;gap: 80px;}
    #sub_0104 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:24px; font-weight:700; color:#333;}
    #sub_0104 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
    #sub_0104 div.list ul.type2 li{position:relative; padding:5px 0 5px 15px; font-size:22px; color:#194895; font-weight:350; line-height:1.3;}
    #sub_0104 div.list ul.type2 li span.bold{font-weight:700;}
    #sub_0104 div.list ul.type2 li:before{content:"-"; position:absolute; top:2px; left:0;}
    #sub_0104 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
    #sub_0104 div table{margin-top:50px; width:100%; font-size:16px; text-align:center; border:1px solid #d7d7d7;}
    #sub_0104 div table thead th{background-color:#DFE6EF; color:#4F699E; letter-spacing:0.5px;}
    #sub_0104 div table td, #sub_0104 div table th{padding:10px 15px;}
    #sub_0104 div table tbody tr{border-top:1px solid #d7d7d7;}
    #sub_0104 div table thead tr th, #sub_0104 div table tbody tr td{border-right:1px solid #d7d7d7;}
    #sub_0104 div table tbody tr td ul li{position:relative; padding-left:10px;} 
    #sub_0104 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}
    div.professor>p{font-size:18px;font-weight:350;padding-top:25px;line-height:30px;color:#616161}
    div.professor>ul{display:flex;flex-wrap:wrap;flex-direction:column;width:100%;overflow:hidden;border-top:1px solid #d7d7d7;border-left:1px solid #d7d7d7}
    div.professor>ul>li{width:100%;padding:10px 20px;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7}
    div.professor>ul>li strong{display:block;margin:10px 0;font-size:20px;line-height:22px;font-weight:500;color:#000}
    div.professor>ul>li span{display:block;font-size:16px;line-height:28px;font-weight:500;color:#000}
    div.professor>ul>li>dl>dt{float:left;clear:both;font-size:16px;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{font-size:16px;line-height:25px;font-weight:350;color:#616161;word-break:keep-all}
    div.professor>ul>li>dl>dd a{font-size:16px;line-height:25px;font-weight:350;color:#616161;word-break:keep-all}
    div.professor>ul>li>dl>dd>a.homepage{display:inline-block;text-decoration:underline;color:#4267b2}
    div.professor>ul>li>dl>dd a:hover{display:inline-block;text-decoration:underline;color:#4267b2}
    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_0105{width: 100%;display: flex;flex-direction: column;gap: 80px;}
    #sub_0105 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:24px; font-weight:700; color:#333;}
    #sub_0105 div div.img_container{display: flex; flex-direction: column; width: 100%; min-height: 350px; gap: 30px;} 
    #sub_0105 div div.img_container>div.img_box{width: 100%; display: flex; flex-direction: column; justify-content: left; align-items:start; gap:10px;} 
    #sub_0105 div div.img_container>div.img_box > h5 {font-size:20px; font-weight: 700; color:#194895}
    #sub_0105 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
    #sub_0105 div.list ul.type2 li{position:relative; padding:5px 0 5px 15px; font-size:22px; color:#194895; font-weight:350; line-height:1.3;}
    #sub_0105 div.list ul.type2 li span.bold{font-weight:700;}
    #sub_0105 div.list ul.type2 li:before{content:"-"; position:absolute; top:2px; left:0;}
    #sub_0105 div table{width:100%; font-size:16px; text-align:center; border:none; table-layout: auto;}
    #sub_0105 div table thead th{background-color:#DFE6EF; color:#4F699E; letter-spacing:0.5px;}
    #sub_0105 div table tbody{width : 100%;}
    #sub_0105 div table td, #sub_0104 div table th{padding:15px 5px; font-size: 15px; width:33.3%}
    #sub_0105 div table tbody tr{border-top:1px solid #d7d7d7;}
    #sub_0105 div table thead tr th, #sub_0104 div table tbody tr td{border-right:1px solid #d7d7d7;}
    #sub_0105 div table tbody tr td ul li{position:relative; padding-left:10px;} 
    #sub_0105 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}
    #sub_0105 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
    #sub_0105 div table.mobile_table {display:table;}
    #sub_0105 div table.pc_table {display:none;}

    /* 사업단소개 > 오시는길 */
    #sub_0106{width:100%;}
    #daumRoughmapContainer1729555283475{width:100% !important;}
    #daumRoughmapContainer1729555283475 div.wrap_map{height:260px !important;}
    #sub_0106 div.section{margin-top:80px;}
    #sub_0106 div.section:first-child{margin-top:0;}
    #sub_0106 div.section h4{position:relative; display:inline-block; margin-bottom:25px; font-size:30px; font-weight:700; color:#333;}
    #sub_0106 div.section h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
    #sub_0106 div.section dl{margin-top:30px; display:flex; flex-flow:column;gap: 5px;}
    #sub_0106 div.section dl > dt{position:relative; margin-left:30px; font-size:16px; font-weight:500; margin-top:10px;}
    #sub_0106 div.section dl > dt:before{content:""; position:absolute; width:24px; height:23px; top:0; left:-30px; background:url(/_res/sw/img/icon_map.png) no-repeat; background-size:cover;}
    #sub_0106 div.section dl > dt:nth-child(2):before{background-position:-24px 0;}
    #sub_0106 div.section dl > dt:nth-child(3):before{background-position:-24px 0;}
    #sub_0106 div.section dl > dd{margin-left:10px; font-size:14px;}
    #sub_0106 div.section dl > dd + dt{margin-left:30px;}
    #sub_0106 div.section div.list strong.sub_title{font-size:26px; font-weight:700; color:#194895;}
    #sub_0106 div.section div.list ul.type2{margin-top:20px; display:flex; flex-flow:row wrap; gap:15px;}
    #sub_0106 div.section div.list ul.type2 > li{padding:50px 60px; width:49%; min-height:240px; background-color:#f7f7f7;}
    #sub_0106 div.section div.list + div.list{margin-top:60px;}
    #sub_0106 div.section div.list ul.type2 > li ol strong{display:inline-block; margin-bottom:20px; font-size:22px; font-weight:450;}
    #sub_0106 div.section div.list ul.type2 > li ol > li{font-size:18px; font-weight:300; line-height:1.75;}

    #sub_0201 {text-align: center;}
    #sub_0201 div {text-align : start;}
    #sub_0201 div.title{width:100%; padding:60px; margin:0 0 80px 0; vertical-align:middle; background:url(/_res/sw/img/sub_img_01.jpg) no-repeat; background-position:50% 50%; background-size:cover; font-size:40px; font-weight:700; line-height:1.2; color:#fff; float:none;}
    #sub_0201 div.title > p{font-size:35px; color:#fff; font-weight:400; line-height:50px; text-align:center}
    #sub_0201 div.list h4 {position: relative; display: inline-block; margin-bottom: 25px; font-size: 24px; font-weight: 700; color: #333;} 
    #sub_0201 div.list h4:before {content: ""; position: absolute; top: -10px; left: 0; width: 35px; height: 4px; background-color: #194895;}

    #sub_0202 {text-align: center;}
    #sub_0202 div {display: flex; text-align: start ;background: url(/_res/schdboot/img/bg_sub_06.png);width: 100%; height: 300px; align-items: center; justify-content: center;}
    #sub_0202 div h3{font-size: 35px;font-weight: 700;color: #ffffff;text-align: center;letter-spacing: -1px;}
    #sub_0202 div.title{width:100%; padding:60px; margin:0 0 80px 0; vertical-align:middle; background:url(/_res/sw/img/sub_img_01.jpg) no-repeat; background-position:50% 50%; background-size:cover; font-size:40px; font-weight:700; line-height:1.2; color:#fff; float:none;}
    #sub_0202 div.title > p{font-size:35px; color:#fff; font-weight:400; line-height:50px; text-align:center}

    #sub_0301 {text-align: center;} 
    #sub_0301 div {text-align : start;}
    #sub_0301 div.title {width: 100%; padding: 60px; margin: 0 0 80px 0; vertical-align: middle; background: url(/_res/sw/img/sub_img_01.jpg) no-repeat; background-position: 50% 50%; background-size: cover; font-size: 40px; font-weight: 700; line-height: 1.2; color: #fff; float: none;} 
    #sub_0301 div.title > p {font-size: 35px; color: #fff; font-weight: 400; line-height: 50px; text-align: center;} 
    #sub_0301 div.list h4 {position: relative; display: inline-block; margin-bottom: 25px; font-size: 24px; font-weight: 700; color: #333;} 
    #sub_0301 div.list h4:before {content: ""; position: absolute; top: -10px; left: 0; width: 35px; height: 4px; background-color: #194895;}
    #sub_0301 div.img_box {display:flex; flex-direction: column; gap:50px;} 

    #sub_0302{width:100%; overflow-x: auto;}
    #sub_0302 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:24px; font-weight:700; color:#333;}
    #sub_0302 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
    #sub_0302 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
    #sub_0302 div table{margin:25px 0 100px 0; min-width:500px; font-size:12px; text-align:center; border:1px solid #d7d7d7;}
    #sub_0302 div table thead th{background-color:#f6f6f6; color:#333; letter-spacing:0.5px;border: 1px solid #d7d7d7;}
    #sub_0302 div table td, #sub_0302 div table th{padding:10px; border-right: 1px solid #d7d7d7;}
    #sub_0302 div table tbody tr{border-top:1px solid #d7d7d7;}
    #sub_0302 div table tbody tr td ul li{position:relative; padding-left:10px;} 
    #sub_0302 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}

    #sub_0303{width:100%; display:flex; flex-direction: column; gap: 40px;}
    #sub_0303 div {overflow-x: auto; margin: 15px 0 20px 0;}
    #sub_0303 div:first-child  {overflow:visible;}
    #sub_0303 div::-webkit-scrollbar {height: 8px; /}
    #sub_0303 div::-webkit-scrollbar-thumb {background-color: #888; border-radius: 4px;}
    #sub_0303 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:24px; font-weight:700; color:#333;}
    #sub_0303 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
    #sub_0303 > div > p{font-size:16px; line-height:1.75; letter-spacing:0;}
    #sub_0303 div table{margin:0px 0 25px 0; width:100%; min-width: 700px; font-size:16px; text-align:center; border:1px solid #d7d7d7;}
    #sub_0303 div table thead th{background-color:#f6f6f6; color:#333; letter-spacing:0.5px;border: 1px solid #d7d7d7;}
    #sub_0303 div table td, #sub_0303 div table th{padding:5px; font-size: 12px; border-right: 1px solid #d7d7d7;}
    #sub_0303 div table tbody tr{border-top:1px solid #d7d7d7;}
    #sub_0303 div table tbody tr td ul li{position:relative; padding-left:10px;} 
    #sub_0303 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}

    #sub_0304{width: 100%;display: flex;flex-direction: column;gap: 80px;}
    #sub_0304 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:24px; font-weight:700; color:#333;}
    #sub_0304 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
    #sub_0304 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
    #sub_0304 div table{margin:25px 0 100px 0; width:100%; font-size:16px; text-align:center; border:1px solid #d7d7d7;}
    #sub_0304 div table thead th{background-color:#f6f6f6; color:#333; letter-spacing:0.5px;border: 1px solid #d7d7d7;}
    #sub_0304 div table td, #sub_0304 div table th{padding:10px; border-right: 1px solid #d7d7d7;}
    #sub_0304 div table tbody tr{border-top:1px solid #d7d7d7;}
    #sub_0304 div table tbody tr td ul li{position:relative; padding-left:10px;} 
    #sub_0304 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}

    #sub_0305{width: 100%;display: flex;flex-direction: column;gap: 80px;}
    #sub_0305 div h4{position:relative; display:inline-block; margin-bottom:25px; font-size:24px; font-weight:700; color:#333;}
    #sub_0305 div h4:before{content: ""; width:35px; height:4px; display : block; background-color:#194895;}
    #sub_0305 > div > p{font-size:18px; line-height:1.3; letter-spacing:0;}
    #sub_0305 div table{margin:25px 0 100px 0; width:100%; font-size:16px; text-align:center; border:1px solid #d7d7d7;}
    #sub_0305 div table thead th{background-color:#f6f6f6; color:#333; letter-spacing:0.5px;border: 1px solid #d7d7d7; padding:20px;}
    #sub_0305 div table td, #sub_0305 div table th{padding:10px; border-right: 1px solid #d7d7d7;}
    #sub_0305 div table td.contentcell ul{text-align:start; display:flex; flex-direction: column; gap:10px; padding-left: 0px;}
    #sub_0305 div table tbody tr{border-top:1px solid #d7d7d7;}
    #sub_0305 div table tbody tr td ul li{position:relative; padding-left:10px;} 
    #sub_0305 div table tbody tr td ul li:before{content:"-"; position:absolute; top:2px; left:0;}

    #sub_0405 {text-align: center;}
    #sub_0405 div {text-align : start;}
    #sub_0405 div.accordion details {margin-bottom: 10px; border-top: 1px solid #D7D7D7; border-bottom:1px solid #D7D7D7} 
    #sub_0405 div.accordion summary {border: none; width: 85%; cursor: pointer;line-height: 2; letter-spacing: 0; font-size: 14px; color:#333; font-weight: 500; padding: 10px;}
    #sub_0405 div.accordion p {font-size: 12px;background-color: #F9F9F9; padding: 20px; border-top:1px solid #D7D7D7}
    #sub_0405 div.accordion summary::before { content: ''; top: 54px; position: absolute; width: 2px; height: 10px; right: 36px; background: #7a7575; transform-origin: bottom center; transform: rotate(-45deg); color: #D7D7D7; } 
    #sub_0405 div.accordion summary::after { content: ''; top: 54px; position: absolute; width: 2px; height: 10px; right: 36px; background: #7a7575; transform-origin: bottom center; transform: rotate(45deg); }

    /* 아코디언이 열렸을 때 (위 방향) */
    #sub_0405 div.accordion details[open] summary::after {transform: translateY(-50%) rotate(225deg); /* 수직으로 표시 (위 방향) */}
    #sub_0405 div.accordion details[open] summary::before {transform: translateY(-50%) rotate(-225deg);/* 수직으로 표시 (위 방향) */}
}