@charset "UTF-8";

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

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

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

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

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

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

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

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

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

/* Header Active Design */
header.fixed{position:fixed; border-bottom:1px solid #d7d7d7; background-color:#fff;}
header.fixed:before{background-color:#d7d7d7;}
header.fixed #logo h1 a{background:url(/_res/convergence/img/logo.png) no-repeat 0 -39px}
header.fixed #gnb nav > div > a{color:#8d8d8d;}
header.fixed #gnb nav > ul > li > a{color:#000;}
header.fixed #gnb nav > ul > li > a[target="_blank"]::after{background: url(/_res/convergence/img/icon_blank.svg) -14.5px 8px no-repeat; transform: none;}
 
#tnb{border-bottom:1px solid #d7d7d7;}
#tnb > div{width:100%; max-width:1400px; margin:0 auto; position:relative; overflow:hidden;}
#tnb > #tnbdiv ul{float:right; overflow:hidden;}
#tnb > div ul:first-child{float:left;}
#tnb > div ul li{margin-left:25px; float:left;}
#tnb > div ul:first-child li{margin-right:25px; margin-left:0;}
#tnb > div ul li a{height:50px; line-height:50px; font-size:14px; color:#8d8d8d; letter-spacing:0;}
#logo h1{margin-top:17px; position:absolute; top:50%; left:0;}
#logo h1 a{display:block; width:246px; height:40px; background:url(/_res/convergence/img/logo.png) no-repeat 0 0; text-indent:-9999px;}
#gnb{padding-top:53px;}
#gnb nav{float:right;}
#gnb nav > div{position:absolute; top:16px; right:0;}
#gnb nav > div > a{padding:0 10px; font-size:14px; color:#fff;}
#gnb nav > div > a:last-child{padding-right:0;}
#gnb nav > ul{float:right;}
#gnb nav > ul > li{float:left; position:relative;}
#gnb nav > ul > li > a{display:flex; padding:0 45px; gap: 8px; height:90px; line-height:90px; font-size:19px; letter-spacing: -1px; color:#fff; align-items: center;}
#gnb nav > ul > li > a[target="_blank"]::after{content: ""; display: block; background: url(/_res/convergence/img/icon_blank.svg) 0 no-repeat; background-size: 38px; width: 13px; height: 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:91px; left:50%; background-color:#f7f7f7; transition:max-height 0.2s; transform:translateX(-50%);}
#gnb nav > ul > li.active > ul{display:block; visibility:visible; max-height:400px; border-top:4px solid #027d98;}
#gnb nav > ul > li > ul li a{display:block; height:50px; line-height:50px; font-size:18px; font-weight:350; color:#333; letter-spacing:0; text-align:center;}
#gnb nav > ul > li > ul li:focus a{visibility:visible; display:block;}
#gnb nav > ul > li > ul li a:hover, #gnb nav > ul > li > ul li a:focus{color:#fff; background-color:#027d98;}
#gnb nav > ul > li > ul li a:focus{visibility:visible; display:block;}
#gnb nav.active{visibility:visible; max-height:500px; opacity:1;}
#gnb_control{display:none; width:40px; height:40px; margin-top:-20px; position:absolute; top:50%; right:16px; border:none; background-color:#fff; transition:all 0.3s;}
#gnb_control span{width:22px; height:3px; background-color:#333; position:absolute; top:50%; left:50%; margin-top:-1.5px; margin-left:-11px; text-indent:-9999px; transition:all 0.3s;}
#gnb_control:before, #gnb_control:after{content:""; width:22px; height:3px; background-color:#333; position:absolute; left:50%; margin-left:-11px; transition:all 0.3s;}
#gnb_control:before{top:9px;}
#gnb_control:after{bottom:9px;}
#gnb_control.active span{opacity:0;}
#gnb_control.active:before{width:15px; height:2px; margin-left:-8px; top:19px; transform:rotate(45deg);}
#gnb_control.active:after{width:15px; height:2px; margin-left:-8px; bottom:19px; transform:rotate(-45deg);}

#quick_menu{width:100%; background-color:#242424; border-top:1px solid #444;}
#qnb{width:100%; max-width:1400px; margin:0 auto;}
#qnb > ul{height:50px; border-left:1px solid #444; border-right:1px solid #444;}
#qnb > ul > li{width:25%; float:left; position:relative; background:url(/_res/convergence/img/bg_qnb_arrow.png) no-repeat 95% 50%;}
#qnb > ul > li > a{display:block; height:50px; line-height:52px; padding-left:25px; font-size:16px; color:#9e9e9e; border-left:1px solid #444;}
#qnb > ul > li:first-child > a{border-left:none;}
#qnb > ul > li > ul{display:none; width:100%; height:400px; overflow-y:auto; position:absolute; bottom:50px; left:0; z-index:2; border:1px solid #444;}
#qnb > ul > li.type_02 > ul{height:250px;}
#qnb > ul > li.type_03 > ul{height:280px;}
#qnb > ul > li.type_04 > ul{height:160px;}
#qnb > ul > li.active{background:url(/_res/convergence/img/bg_qnb_arrow_on.png) no-repeat 95% 50%;}
#qnb > ul > li.active > ul{display:block;}
#qnb > ul > li > ul > li > a{display:block; height:40px; line-height:40px; padding:0 20px; font-size:16px; color:#9e9e9e; background-color:#242424;}
#qnb > ul > li > ul > li > a:hover, #qnb > ul > li > ul > li > a:focus{background-color:#3c3c3c; color:#fff;}

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

footer{background-color:#303030; border-top:1px solid #484848}
footer > div{width:100%; max-width:1400px; margin:0 auto; padding:30px 0; overflow:hidden;}
footer > div > a{display:inline-block; margin-bottom:20px; font-size:14px; color:#2aaec6;}
footer div.footer_wrap{overflow:hidden;}
footer div.address_wrap{float:left;}
footer div.address_wrap address{margin-bottom:5px; font-size:14px; font-style:normal; font-weight:300; color:#909090;}
footer div address span:before{display:inline-block; content:"|"; padding:0 10px;}
footer > div p{font-size:14px; font-weight:300; color:#909090;}
footer > div p br{display:none;}

/* 메인_비쥬얼 */
#main_visual{display:flex; width:100%;}
#main_visual > div{width:100%; height:850px; overflow:hidden;}
#visual_swiper div.swiper-slide{position:relative; height:850px; color:#fff; text-align:left; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; }
#visual_swiper div.swiper-slide:before{content:""; position:absolute; top:0;left:0; width:100%; height:100%; z-index:-1;}
#visual_swiper div.seen:before{animation:visual_animation 8s alternate infinite; transition:background-image ease-in-out;}
#visual_swiper div.seen:nth-of-type(1):before{background:url(/_res/convergence/img/main_visual_01.png); }
#visual_swiper div.swiper-slide > div{max-width:1400px; margin:0 auto;}
#visual_swiper div.swiper-slide > div h2{padding:260px 0 10px; font-size:44px; font-weight:300; line-height:1.35;}
#visual_swiper div.swiper-slide > div h2 span{font-size:66px; color:#fff; font-weight:700;}
#visual_swiper div.swiper-slide > div p{padding-top:15px; font-size:20px; color:#bab1ff; letter-spacing:1px; text-shadow:2px 1px 9px rgba(38, 38, 38, 1);}
#visual_swiper div.swiper-slide > div p br{display:none;}
#visual_swiper div.control div.pagination{display:inline-block; position:relative;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet{display:inline-block; position:relative; width:27px; height:27px; border:1px solid transparent; cursor:pointer;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet:before{content:""; position:absolute; width:10px; height:10px; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#fff;}
#visual_swiper div.control div.pagination span + span{margin-left:15px;}
#visual_swiper div.control div.pagination span:first-child{margin-left:0;}
#visual_swiper div.control div.pagination span.swiper-pagination-bullet-active{border-color:#fff;}
#visual_swiper div.control button{width:24px; height:24px; margin-left:20px; position:relative; text-indent:-9999px; border:none; background-color:transparent; vertical-align:top; cursor:pointer;}
#visual_swiper div.control button:before{content:""; width:20px; height:20px; position:absolute; top:50%; left:50%; background:url(/_res/convergence/img/bg_swiper_control.png) no-repeat -20px 0/40px 20px; transform:translate(-50%, -50%); z-index:1;}
#visual_swiper div.control{width:100%; height:10px; position:absolute; bottom:180px; left:0; text-align:center; z-index:1;}
#visual_swiper div.control button.stop:before{background-position:0 0;}
#visual_swiper.no_swiper div.navigation, #visual_swiper.no_swiper div.control{display:none;}

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

/* 교수소개 */
#main_faculty{background:#fff;}
#main_faculty h2{font-size:35px; line-height:100%; margin-bottom:55px;}
#main_faculty h2 span{font-family:'MerriWeather'; font-size:150%; color:#027d98; font-weight:900;}
#main_faculty #main_pro_profile section{padding:100px 0;}
#main_faculty #main_pro_profile section ul li a div.img{padding-bottom:56%;}
#main_faculty #main_pro_profile section ul li a{height:250px; padding:0;}
#main_faculty #main_pro_profile section ul li a div.btn{background-color:#515151;}

/* snow */
#main_snow{background-color:#13457a;}
#main_snow h2{font-size:35px; color:#fff; line-height:100%; margin-bottom:55px;}
#main_snow h2 span{font-family:'MerriWeather'; font-size:150%; font-weight:900;}
#main_snow h2 span:first-child{color:#89c3ff;}
#main_snow h2 span:first-child:after{content:":"; display:inline; color:#fff;}
#main_snow h2 span:last-child{color:#fff9b3;}
#main_snow section{position:relative; width:100%; max-width:1400px; margin:0 auto; padding:100px 0;}
#main_snow section ul{overflow:hidden;}
#main_snow section ul li{width:310px; min-height:310px; margin-left:53px; float:left;}
#main_snow section ul li a{display:block;}
#main_snow section ul li a div.bg{height:0; padding-bottom:62.5%; overflow:hidden; position:relative;}
#main_snow section ul li a div.bg span{width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;transition:all 0.3s;}
#main_snow section ul li a div.info{padding:20px 3px 0;}
#main_snow section ul li a div.info strong{display:block; min-height:30px; max-height:60px; line-height:30px; font-size:22px; font-weight:500; color:#fff; overflow:hidden; word-break:keep-all;}
#main_snow section ul li a div.info span{display:block;}
#main_snow section ul li a div.info span.text{display:none;}
#main_snow section ul li a div.info span.date{padding-top:5px; font-size:15px; font-weight:200; color:#e0e0e0;}
#main_snow section ul li:first-child{margin-left:0;}
#main_snow section ul li a:hover div.bg span, #main_snow section ul li > a:focus div.bg span{transform:scale(1.2);}

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

/* 공지사항 */
#main_notice section{width:100%; max-width:1400px; margin:0 auto; padding:100px 0;}
#main_notice section > .notice ul.tab{display:flex; margin-bottom:50px; overflow:hidden; justify-content:space-between;}
#main_notice section > .notice ul.tab li{width:100%; position:relative;}
#main_notice section > .notice ul.tab li button{display:block; width:100%; height:70px; line-height:70px; position:relative; font-size:24px; font-weight:500; color:#323232; text-align:left; border:none; background-color:transparent; cursor:pointer;}
#main_notice section > .notice ul.tab li button:before{content:""; width:100%; height:1px; position:absolute; bottom:0; left:0; background-color:#e1e1e1; transition:all 0.3s;}
#main_notice section > .notice ul.tab li.active button:before{height:3px; background-color:#333;}
#main_notice section > .notice ul.tab li button:hover:before, #main_notice section > .notice ul.tab li button:focus:before, #main_notice section > ul.tab li.active button:before{height:3px; background-color:#333;}
#main_notice section > .notice ul.tab li a{width:40px; height:40px; position:absolute; top:10px; right:10px; text-indent:-9999px;}
#main_notice section > .notice ul.tab li a:before, 
#main_notice section > .notice ul.tab li a:after{content:""; position:absolute; top:50%; left:50%; background-color:#b2b2b2; transform:translate(-50%, -50%);}
#main_notice section > .notice ul.tab li a:before{width:37px; height:1px;}
#main_notice section > .notice ul.tab li a:after{width:1px; height:37px;}
#main_notice section > .notice div.tab_contents{display:none;}
#main_notice section > .notice div.tab_contents.active{display:block;}
#main_notice section > .notice div ul{overflow:hidden;}
#main_notice section > .notice div ul li{width:420px; float:left; margin:0 0 0 70px;}
#main_notice section > .notice div ul li:nth-child(n+4){margin-top:50px;}
#main_notice section > .notice div ul li:nth-child(3n+1){margin-left:0; clear:both;}
#main_notice section > .notice div.notice ul li a{display:block; height:310px; padding:40px; position:relative; background-color:#f9f9f9; border:1px solid #e6e6e6; transition:all 0.3s;}
#main_notice section > .notice div.notice ul li a:after{content:""; width:27px; height:24px; position:absolute; bottom:-1px; right:-1px; background:url(/_res/convergence/img/bg_main_recent_board_edge.png) no-repeat 100% 100%;}
#main_notice section > .notice div.notice ul li a span{display:block; font-size:16px; font-weight:700; color:#0255a9; text-transform:uppercase; letter-spacing:0;}
#main_notice section > .notice div.notice ul li a span strong{padding-right:5px; font-size:36px; font-weight:700; letter-spacing:-2px;}
#main_notice section > .notice div.notice ul li a h6{max-height:60px; min-height:30px; line-height:30px; margin:15px 0; font-size:24px; font-weight:500; color:#333; overflow:hidden; word-break:keep-all;}
#main_notice section > .notice div.notice ul li.latest h6:after{content:"N"; display:inline-block; width:23px; height:23px; line-height:23px; margin-left:5px; font-size:12px; font-weight:700; color:#fff; text-align:center; vertical-align:3px; border-radius:50%; background-color:#88c12f;}
#main_notice section > .notice div.notice ul li a p{height:78px; line-height:26px; font-size:16px; color:#5e5e5e; overflow:hidden;}
#main_notice section > .notice div.notice ul li a:hover, #main_notice section > div.notice ul li a:focus{background-color:#ebebeb; border:1px solid #dadada;}

/* Sub Layout */
#sub_visual{background:url(/_res/convergence/img/bg_sub_visual_01.jpg) no-repeat 50% 100%; margin-top:144px;}
#sub_visual div{width:100%; max-width:1400px; margin:0 auto; padding:95px 0;}
#sub_visual div h2{display:inline-block; font-size:48px; font-weight:700; color:#fff;}
#sub_visual div p{display:inline-block; float:right; margin-top:23px; font-size:22px; font-weight:300; color:rgba(255, 255, 255, .5);}

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

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

/* 서브 콘텐츠 */
#sub_contents{width:100%; max-width:1400px; margin:0 auto; padding:80px 100px; box-sizing:border-box;}
#sub_contents div.section{padding-top:100px;}
#sub_contents div.section:first-child{padding-top:0;}
#sub_contents div.section p{padding-bottom: 10px; font-size:15px; color:#333; line-height: 1.5; letter-spacing: -0.025em; word-break:keep-all;}
#sub_contents div.section p:last-child {padding-bottom: 0;}
#sub_contents div.section p + strong {margin-bottom: 5px;}
#sub_contents div.section span:has(.blue), #sub_contents span:has(.red), #sub_contents p:has(br) {display: inline;}
#sub_contents div.section > div{margin-bottom: 60px}
#sub_contents div.section > div:last-child{margin-bottom: 0;}

#sub_contents h4.title{margin-bottom: 20px; font-size: 23px; font-weight: 500; line-height: 1.5;}
#sub_contents h4.title:before{display:inline-block; content:""; width:3px; height:16px; margin-right:18px; background-color:#0cafcc;}
#sub_contents h5{padding-bottom: 20px; font-weight: 700; font-size: 20px; line-height: 1.5; letter-spacing: -0.025em;}
#sub_contents strong {display: inline-block; margin-bottom: 15px; font-size: 18px; font-weight: 700; line-height: 1.5; letter-spacing: -0.025em;}
#sub_contents div.section p + strong {padding-bottom: 5px;}
#sub_contents div.section strong + p {padding-bottom: 15px;}
#sub_contents div.section strong + table {margin-bottom: 50px;}
#sub_contents div.section ul + ul {margin-bottom: 40px;}
#sub_contents div.section ul:last-child {margin-bottom: 0;}
#sub_contents div.section div.gary_box + p {padding-bottom: 15px;}

/* 리스트 */
#sub_contents div.section ul.dash_list{margin-top: 10px;}
#sub_contents div.section ul.dash_list li{margin-top: 10px; padding-left: 10px; position: relative; font-size: 15px; color: #696969;}
#sub_contents div.section ul.dash_list > li:before{content: '-'; position: absolute; top: -1px; left: 0;}
#sub_contents div.section ul.dash_list > li:first-child{margin-top: 0;}

#sub_contents div.section ul.circle_list > li{margin-top: 10px; padding-left: 15px; position: relative; font-size: 15px; font-weight: 400; line-height: 1.5; letter-spacing: -0.025em;}
#sub_contents div.section ul.circle_list > li:before {content: ''; width: 6px; height: 6px; position: absolute; top: 9px; left: 0; border-radius: 50%; background-color: #000;}
#sub_contents div.section ul.circle_list > li:first-child{margin-top: 0;}


/* 회색 박스 */
#sub_contents div.section div.gray_box{padding: 40px; clear: both; background-color: #f7f7f7;}
#sub_contents div.section div.gray_box strong {margin-bottom: 10px;}
#sub_contents div.section div.gray_box ul.circle_list li {margin-bottom: 10px; font-size: 15px;}
#sub_contents div.section div.gray_box ul.circle_list li:last-child {margin: 0;}
#sub_contents div.section div.gray_box ul.circle_list li p {font-weight: 350;}

/* 강조 컬러 */
#sub_contents div.section .red {color: #FF0000;}
#sub_contents div.section .blue {color: #24549C;}

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

/* 탭 메뉴(페이징) */
ul.tabs{overflow:hidden; height:inherit !important;}
ul.tabs li{float:left;}
ul.tabs li a{display:block; height:65px; line-height:65px; font-size:21px; text-align:center; border-top:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; background-color:#fff; box-sizing:border-box;}
ul.tabs li a:hover, ul.tabs li a:focus{background-color:#e2e2e2;}
ul.tabs li.active a{line-height:63px; border-bottom:4px solid #1ab4bb;}
ul.tabs li.active a span{color:#009bfa; padding-bottom:1px; border-bottom:1px solid #009bfa;}
ul.tabs li:first-child a{border-left:1px solid #c7c7c7;}

/* 목록형 */
ul.list_dash li{margin-top:10px; padding-left:15px; line-height:150%; font-size:17px; word-break:keep-all; background:url(/_res/convergence/img/bullet_list_dash.png) no-repeat 0 10px;}
ul.list_dash li:first-child{margin-top:0;}
ul.list_dot li{margin-top:10px; padding-left:10px; line-height:150%; font-size:17px; word-break:keep-all; background:url(/_res/convergence/img/bullet_list_dot.png) no-repeat 0 8px;}
ul.list_dot li:first-child{margin-top:0;}

/* 테이블 */
table.type_horizontal{width:100%; margin: 20px 0; table-layout:fixed; border-top:2px solid #444;}
table.type_horizontal thead tr th{padding:15px; font-size:15px; border:1px solid #d4d4d4; text-align:center; font-weight: 700; background-color:#F4F4F4;}
table.type_horizontal thead tr th:first-child{border-left:none;}
table.type_horizontal thead tr th:last-child{border-right:none;}
table.type_horizontal tfoot tr th{padding:15px; font-size:19px; color:#000; border:1px solid #d4d4d4; font-weight:normal; text-align:center; background-color:#f8f8f8;}
table.type_horizontal tfoot tr th:first-child{border-left:none;}
table.type_horizontal tfoot tr th:last-child, table.type_horizontal tfoot tr td:last-child{border-right:none;}
table.type_horizontal tfoot tr td{padding:15px; font-size:15px; color:#000; border:1px solid #d4d4d4; text-align:center;}
table.type_horizontal tbody tr td{padding:15px; font-size:15px; color:#666; line-height:160%; font-weight: 400; border:1px solid #d4d4d4; text-align:center; word-break:keep-all;}
table.type_horizontal tbody tr th{padding:15px; font-size:15px; border:1px solid #d4d4d4; font-weight:normal; background-color:#f8f8f8;}
table.type_horizontal tbody tr td:first-child, table.type_horizontal tbody tr th:first-child{border-left:none;}
table.type_horizontal tbody tr td:last-child, table.type_horizontal tbody tr th:last-child{border-right:none;}
table.type_horizontal tbody tr td.al_left{text-align:left;}

/* 학부 소개 */
#sub_contents div.wrap_010100 p{font-size:15px; font-weight:350; letter-spacing: -0.025em}
#sub_contents div.wrap_010100 img{margin:80px auto 0;}
#sub_contents div.wrap_010100 table colgroup col:first-child{width:190px;}
#sub_contents div.wrap_010100 table{width:100%; table-layout:fixed; border-top:2px solid #000; border-bottom:1px solid #ccc;}
#sub_contents div.wrap_010100 table:last-child{margin-bottom: 0;}
#sub_contents div.wrap_010100 table thead tr th{height:50px; line-height:50px; text-align:center;}
#sub_contents div.wrap_010100 table tbody{border-top:1px solid #000;}
#sub_contents div.wrap_010100 table tbody tr td{font-size:15px; border-top:1px solid #ccc; color:#696969; line-height: 1.3; letter-spacing:-0.05em; word-break:keep-all;}
#sub_contents div.wrap_010100 table tbody tr td:first-child{color:#696969; text-align:center; border-right:1px solid #ccc;}
#sub_contents div.wrap_010100 table tbody tr td:first-child{border-right:1px solid #ccc;}
#sub_contents div.wrap_010100 table tbody tr td:nth-child(2){padding:12px 0 12px 30px;}
#sub_contents div.wrap_010100 strong + table {margin-bottom: 40px;}
#sub_contents div.wrap_010100 div.education{margin-bottom: 30px;}

/* 교육과정 */
#sub_contents div.education{position:relative; margin-bottom:30px;}
#sub_contents div.education > ul:first-child{display:inline-block; width:100%; overflow:visible;}
#sub_contents div.education > ul > li{width:calc(50% - 79px); margin-left:6px; float:left; box-sizing:content-box;}
#sub_contents div.education > ul > li:first-child{margin-left:0;}
#sub_contents div.education > ul:first-child > li:first-child{padding-left:148px;}
#sub_contents div.education > ul > li > dl{width:100%; padding:15px 0 26px; border:1px solid #0cafcc; text-align:center;}
#sub_contents div.education > ul > li dl dt{font-size:18px; font-weight:500; line-height: 1.5; text-align:center; color:#0cafcc}
#sub_contents div.education > ul > li dl dd{font-size:16px; line-height: 1.5; text-align:center;}
#sub_contents div.education > ul > li div.study_wrap{display:inline-block; width:100%; margin:5px 0; position:relative; vertical-align:top;}
#sub_contents div.education > ul > li div.study_wrap:before{content:'교육전략'; position:absolute; top:-99px; left:-148px; width:140px; height:93px; font-size:18px; line-height:93px; text-align:center; background-color:#0cafcc; color:#fff;}
#sub_contents div.education > ul > li div.study_wrap:after{content:'교육과정'; position:absolute; top:0; left:-148px; width:140px; height:370px; font-size:18px; line-height:370px; text-align:center; background-color:#0cafcc; color:#fff;}
#sub_contents div.education > ul > li:nth-child(2) div.study_wrap:before, 
#sub_contents div.education > ul > li:nth-child(2) div.study_wrap:after{display:none;}
#sub_contents div.education > ul > li div.study_wrap dl.study{padding:10px 0 5px; border:1px solid #0cafcc; text-align:center;}
#sub_contents div.education > ul > li:nth-child(1) div.study_wrap dl.study{width:100%;}
#sub_contents div.education > ul > li:nth-child(2) div.study_wrap dl.study{width:calc(50% - 2px); margin-left:3px; float:left;}
#sub_contents div.education > ul > li:nth-child(2) div.study_wrap dl.study:first-child{margin-left:0;}
#sub_contents div.education > ul > li div.study_wrap dl.study dt{margin-bottom:5px;}
#sub_contents div.education > ul > li div.study_wrap dl.study dd{display:inline-block; width:110px; height:62px; padding:8px 0; background-color:#e0f2f5;}
#sub_contents div.education > ul > li div.study_wrap dl.study dd span{display:block; font-size:14px; font-weight:350;}
#sub_contents div.education > ul > li div.study_wrap dl.study + ul{margin-top:10px; clear:both;}
#sub_contents div.education > ul > li div.study_wrap dl.study + ul li{margin-top:6px;}
#sub_contents div.education > ul > li div.study_wrap dl.study + ul li:first-child{margin-top:0;}
#sub_contents div.education > ul > li div.study_wrap + ul li{width:100%; background-color:#f2f2f2; margin-top:6px; margin-left:0; float:none;  text-align:center; font-size:16px;}
#sub_contents div.education > ul > li div.study_wrap + ul li:first-child{margin-top:0;}
#sub_contents div.education > ul > li:nth-child(1) div.study_wrap + ul li{height:97px; line-height:97px;;}
#sub_contents div.education > ul > li:nth-child(2) div.study_wrap + ul li{height:46px; line-height:46px;;}
#sub_contents div.education > ul.summary{clear:both; padding-left:147px;}
#sub_contents div.education > ul.summary > li{width: calc(50% - 4px);; height:48px; line-height:48px; font-size:16px; background-color:#5b5b5b; color:#fff; text-align:center;}

/* 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_contents div.wrap_030101 strong + ul{margin-bottom: 50px;}
#sub_contents div.wrap_030101 div.section span.indent {display: block; padding-left: 20px;}
#sub_contents div.wrap_030101 div.gray_box:has(img){display: inline-flex; width: calc(50% - 20px); justify-content: space-between;}
#sub_contents div.wrap_030101 div.gray_box > div{width: 360px;}
#sub_contents div.wrap_030101 div.gray_box img{object-fit: contain;}
#sub_contents div.wrap_030101 div.gray_box + div.gray_box{float:right;}
#sub_contents div.wrap_030101 div table:nth-of-type(2) {margin-bottom: 20px;}
#sub_contents div.wrap_030101 div table:nth-of-type(2) th:first-child {width: 20%;}
#sub_contents div.wrap_030101 > div:nth-child(5) > div ul.circle_list li {margin-top: 25px;}
#sub_contents div.wrap_030101 > div:nth-child(5) > div ul.circle_list li > ul.dash_list li {margin-top: 0;}
#sub_contents div.wrap_030101 > div:nth-child(2) > div:nth-child(1) > table {margin-bottom: 20px;}
#sub_contents div.wrap_030101 > div:nth-child(2) > div:nth-child(1) > table thead tr th:nth-child(1) {width: 30%;}

/* PC Mini & Tablet */
@media all and (min-width:768px) and (max-width:1200px) {
    /* Common header */
    header{overflow:hidden;}
    header section{height:auto; padding:0;}
    #logo{height:71px; position:relative; background-color:#fff; z-index:999;}
    #logo h1{left:20px; margin-top:-18px;}
    #gnb_control{display:block;}
    #tnb{padding:0 20px;}
    #tnb > div{max-width:100%; position:absolute; padding:0 25px; top:71px; left:0; width:100%; height:50px; z-index:10; border-top:1px solid #ddd; background-color:#fff;}
    #gnb{width:100%; height:100vh; padding:0; position:absolute; top:0; left:0; background-color:#027d98; transition:all 0.3s;}
    #gnb.active{max-height:inherit; top:0;}
    #gnb nav{padding:150px 20px; float:none;}
    #gnb nav > ul > li > ul li a:hover, #gnb nav > ul > li > ul li a:focus{color:inherit;}
    #gnb nav > div{width:100%; top:inherit; bottom:30px; text-align:center;}
    #gnb nav > div a{font-weight:400; color:#fff;}
    #gnb nav > div a:before{background-color:#ddd;}
    #gnb nav > div p{display:none;}
    #gnb nav > ul{display:flex; width:100%; float:none; flex-direction: row; justify-content: space-between;}
    #gnb nav > ul > li{display:flex; width: 20%; float: none; flex-direction: column; align-items: center;}
    #gnb nav > ul > li > a{height:50px; line-height:50px; padding:0; flex-direction: column; font-size:18px; color:#fff; text-align:center; background-color:#027d98;}
    #gnb nav > ul > li > ul{visibility:visible; min-width:100%; max-height:inherit; overflow:hidden; position:static; border-top:none; background-color:transparent; transform:translateX(0);}
    #gnb nav > ul > li > ul li{margin:15px 0; text-align:center;}
    #gnb nav > ul > li > ul li a{padding:0; font-size:16px; color:#fff;}
    #gnb nav > ul > li > ul li a:before{display:none;}
    #gnb nav > ul > li > ul li a:hover, header section nav > ul > li > ul li a:focus{color:#fff;}
    #gnb nav > ul > li > ul li a.active{font-weight:700; text-decoration:underline;}
    #wrap.active header{padding:0; overflow:visible; position:absolute; border-bottom:none;}
    #wrap.active header section{height:auto;}
    #wrap.active header #logo{background-color:#fff; z-index:999;}

    /* Header Fixed Design */
    header.active{padding:0 30px; position:fixed; border-bottom:1px solid #d7d7d7; background-color:#fff;}
    header.active section{max-width:100%; height:80px;}
    header.active #gnb{padding-top:0;}
    header.active #gnb nav > div{position:static; float:right; padding-top:27px; margin-left:60px;}
    header.active #gnb nav > ul > li > a{padding:0 30px; font-size:18px;}
    header.active #gnb nav > ul > li:last-child > a{padding-right:0;}
    header.active #gnb nav > ul > li > ul{border-top:1px solid #d7d7d7;}

    header.fixed #gnb nav > ul > li > a{display: flex; color:#fff; flex-direction: row;}
    header.fixed #gnb nav > div > a{color:#fff;}
    header.fixed #logo h1 a{background: url(/_res/convergence/img/logo.png) no-repeat 0 -36px / 230px}
    header.fixed #gnb nav > ul > li > a[target="_blank"]::after{background: url(/_res/convergence/img/icon_blank.svg) -0.5px 8px no-repeat;}

    footer > div{padding:15px;}
    footer .address_wrap{margin-bottom:30px;}
    footer .sns_links{float:none; clear:both;}
    footer .sns{right:20px;}
    footer .sns li a{height:48px; line-height:48px;}
    footer .sns li a img{height:48px; width:48px;}

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

    /* 메인 비주얼 */
    #visual_swiper div.swiper-slide > div{padding: 0 20px;}

    /* 메인 Snow */
    #main_snow section{padding: 100px 20px;}

    /* 메인 공지사항 */
    #main_notice section{padding: 100px 20px;}

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

    #snb{margin-top:0;}
    #snb div > ul{display:block; height:60px; position:relative; text-align:center; border-left:none; border-right:none;}
    #snb div > ul > li{display:inline-block; position:static;}
    #snb div > ul > li:before{display:none;}
    #snb div > ul > li > a{height:60px; line-height:60px; padding:0 10px; position:relative; font-size:16px; letter-spacing:0;}
    #snb div > ul > li > a:before{content:""; width:1px; height:16px; position:absolute; top:50%; left:0; background-color:#b7b7b7; transform:translateY(-50%);}
    #snb div > ul > li > a:first-child:before{display:none;}
    #snb div > ul > li ul{top:70px; min-width:100vw; left:0; transform:translateX(0);}
    #snb div > ul > li ul li{margin:0 10px;}
    #snb div > ul > li ul li a{font-size:15px;}
    #snb div > ul > li ul li a.active:before{bottom:-8px;}

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

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

    #sub_contents{padding:0 20px 50px; max-width:100%;}
    
    /* 학과 소개 */
    #sub_contents div.wrap_010100 img{width:100%;}
    #sub_contents div.wrap_010100 img.mobile{display:none;}

    /* 교육과정 */
    #sub_contents div.education > ul > li{width:calc(100% - 110px); margin-left:0px;}
    #sub_contents div.education > ul:first-child > li:nth-child(2){margin-top:10px;}  
    #sub_contents div.education > ul:first-child > li:first-child, #sub_contents div.education > ul:first-child > li:nth-child(2){padding-left:110px;}
    #sub_contents div.education > ul > li > dl{width:100%; padding:15px 0 26px; border:1px solid #0cafcc; text-align:center;}
    #sub_contents div.education > ul > li div.study_wrap:before{top:-99px; left:-110px; width:100px; height:93px; font-size:16px; line-height:93px;}
    #sub_contents div.education > ul > li div.study_wrap:after{top:0; left:-110px; width:100px; height:165px; line-height:165px;}        
    #sub_contents div.education > ul > li div.study_wrap dl.study dd{display:inline-block; width:110px; height:62px; padding:8px 0; background-color:#e0f2f5;}
    #sub_contents div.education > ul > li div.study_wrap dl.study dd span{display:block; font-size:14px; font-weight:350;}
    #sub_contents div.education > ul > li div.study_wrap + ul li:first-child{margin-left:0;}
    #sub_contents div.education > ul > li:nth-child(2) div.study_wrap:before, 
    #sub_contents div.education > ul > li:nth-child(2) div.study_wrap:after{display:block;}   
    #sub_contents div.education > ul > li:nth-child(2) div.study_wrap:after{height:275px;}
    #sub_contents div.education > ul > li:nth-child(1) div.study_wrap dl.study{width:100%;}
    #sub_contents div.education > ul > li:nth-child(2) div.study_wrap dl.study{width:calc(50% - 3px); margin-left:6px;}
    #sub_contents div.education > ul > li:nth-child(1) div.study_wrap + ul li{float:left; width:calc(50% - 5px); height:50px; margin-top:0; margin-left:10px; line-height:50px;}
    #sub_contents div.education > ul > li:nth-child(1) div.study_wrap + ul li:first-child{margin-left:0;}  
    #sub_contents div.education > ul > li:nth-child(2) div.study_wrap + ul li{width:calc(50% - 3px); height:50px; margin-top:0; line-height:50px; float:left;}
    #sub_contents div.education > ul > li:nth-child(2) div.study_wrap + ul li:nth-child(n+3){margin-top:6px;}
    #sub_contents div.education > ul > li:nth-child(2) div.study_wrap + ul li:nth-child(even){margin-left:6px;}
    #sub_contents div.education > ul.summary{clear:both; overflow:hidden; padding-left:110px;}
    #sub_contents div.education > ul.summary > li{width:calc(50% - 3px); height:50px; margin-top:0; margin-left:6px; line-height:50px; float:left;}
    #sub_contents div.education > ul.summary > li:first-child{margin-left:0;}


    /* 입학 안내 */
    #sub_contents div.section div.gray_box {padding: 30px;}
    #sub_contents div.wrap_030101 div.gray_box:has(img){width: 100%; gap: 60px; flex-direction: row; align-items: flex-start;}
    #sub_contents div.wrap_030101 div.gray_box + div.gray_box{margin-top: 40px; float: none;}
    #sub_contents div.wrap_030101 div.gray_box div{width: 100%;}
    #sub_contents div.wrap_030101 div.gray_box img{object-fit: none;}
}

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

    /* Header Active Design */
    header.fixed #logo h1 a{background: url(/_res/convergence/img/logo.png) no-repeat 0 -29px / 184px}
    header.fixed #gnb nav > div > a{color:#fff;}
    header.fixed #gnb nav > ul > li > a{color:#fff;}
    header.fixed #gnb nav > ul > li > a[target="_blank"]::after{top: 17px; background: url(/_res/convergence/img/icon_blank.svg) -0.5px 8px no-repeat; transform: none;}
    header.fixed:before{display:none;}
    

    #logo h1 a{background: url(/_res/convergence/img/logo.png) no-repeat 0 -32px / 244px;}
    #logo{height:70px; position:relative;}
    #logo h1{left:15px; margin-top:-13px;}
    #gnb_control{display:block;}
    #gnb{visibility:hidden; width:75vw; height:calc(100vh - 71px); padding:0; position:absolute; top:71px; right:-100%; background-color:#294a9b; transition:all 0.3s;}
    #gnb.active{visibility:visible; max-height:inherit; right:0;}
    #gnb > a{top:16px; left:42px;}
    #gnb nav{width:100%; float:none;}
    #gnb nav > div{padding:15px; position:static; text-align:center;}
    #gnb nav > div a{font-weight:400; color:#fff;}
    #gnb nav > div a:before{background-color:#ddd;}
    #gnb nav > div p{display:none;}
    #gnb nav > ul{padding:0; float:none;}
    #gnb nav > ul > li{float:none;}
    #gnb nav > ul > li > a{height:55px; line-height:55px; padding:0 20px; font-size:15px; font-weight:400; color:#fff; background-color:#294a9b;}
    #gnb nav > ul > li > a:after{width:13px; height:9px; background:url(/_res/sch/img/bg_gnb_mobile_arrow.png) no-repeat 50% 50%/13px auto; position:absolute; top:27px; right:20px; margin-top:-4.5px; content:""; transform:rotate(-90deg); transition:all 0.5s;}
    #gnb nav > ul > li > a:after[target="_blank"]{transform: rotate(0);}
    #gnb nav > ul > li > ul{visibility:hidden; width:100%; max-height:0; padding:0; margin:0; overflow:hidden; position:static; background-color:#fff; transition:all 0.2s; transform:translateX(0);}
    #gnb nav > ul > li > ul li{margin-top:0;}
    #gnb nav > ul > li > ul li a{display:block; padding:0 20px 0 30px; height:45px; line-height:45px; font-size:13px; color:#294a9b; position:relative; background-color:#fff;}
    #gnb nav > ul > li > ul li a:before{display:none;}
    #gnb nav > ul > li > ul li a.active{font-weight:700; border-left:2px solid #4067c6; 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.fixed{position:fixed;}
    #wrap.active header section{height:auto;}
    #wrap.active header #logo{height:71px; border-bottom:1px solid #d7d7d7; background-color:#fff; z-index:999;}
    #wrap.active header #gnb nav > ul{margin:0;}

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

    footer > div{padding:20px 15px;}
    footer > div p{font-size:12px;}
    footer > div p br{display:block;}
    footer div.address_wrap address{font-size:12px; margin-bottom:0;}

    /* 메인_비쥬얼 */
    #main_contents{margin-top:66px;}
    #main_visual > div{height:90vw;}
    #visual_swiper div.seen:nth-of-type(1):before{background:url(/_res/convergence/img/m_main_visual_01.jpg); background-size:contain;}
    #visual_swiper div.swiper-slide{height:100%;}
    #visual_swiper div.swiper-slide > div{max-width:100%;}
    #visual_swiper div.swiper-slide > div h2{padding:80px 20px 10px; font-size:20px;}
    #visual_swiper div.swiper-slide > div h2 span{font-size:28px;}
    #visual_swiper div.swiper-slide > div p{padding-top:0; padding-left:20px; font-size:15px;}
    #visual_swiper div.swiper-slide > div p br{display:block;}
    #visual_swiper div.control{bottom:7vh;}
    #visual_swiper div.control div.pagination span + span{margin-left:7px;}
    #visual_swiper div.control div.pagination span.swiper-pagination-bullet{width:18px; height:18px;}
    #visual_swiper div.control button{margin-left:0;}
    #visual_swiper div.control button:before{width:15px; height:15px; top:8px; background-size:30px 15px;}
    #visual_swiper div.control div.pagination span.swiper-pagination-bullet:before{width:7px; height:7px;}

    /* Sub Layout */
    #sub_visual{margin-top:71px; background-size:cover; background:url(/_res/convergence/img/bg_sub_visual_01_m.jpg) no-repeat 0 0;}
    #sub_visual div{padding:60px 20px;}
    #sub_visual div h2{font-size:28px; letter-spacing:0;}
    #sub_visual div p{display:block; font-size:14px; margin-top:10px; line-height: 1.5; letter-spacing:0; float:none;}
    #snb{padding:0 20px; position:relative; margin-top:-30px; z-index:2;}
    #snb div{height:0;}
    #snb div > ul{display:block; height:62px; padding-top:60px; position:absolute; top:0; left:0; background-color:#fff; transition:0.3s all;}
    #snb div > ul > li{display:block; position:static;}
    #snb div > ul > li:before{display:none;}
    #snb div > ul > li > a{display:none; width:100%; height:60px; line-height:60px; padding:0 20px; position:relative; font-size:17px; letter-spacing:0; text-align:left;}
    #snb div > ul > li > a.active{display:block; position:absolute; top:0; left:0;}
    #snb div > ul > li > a.active::after{content:""; width:12px; height:7px; position:absolute; top:45%; right:20px; background:url(/_res/convergence/img/bg_snb_arrow.png) no-repeat 50% 50%/12px 7px; rotate: 0deg; transition: all 0.3s ease-in-out;}
    #snb.active div > ul > li > a.active::after{top: 40%; rotate: 180deg; transition: all 0.3s ease-in-out;}
    #snb div > ul > li ul{top:75px;}
    #snb div > ul > li ul li{margin:0 4px;}
    #snb div > ul > li ul li a{font-size:15px;}
    #snb div > ul > li ul li a.active::before{bottom:-7px;}
      
    #snb.active div > ul{height:auto;}
    #snb.active div > ul > li > a{display:block;}
    #snb.active div > ul > li ul{display:none;}
      
    #sub_title{margin:62px auto 70px; max-width:100%;}
    #sub_title h3{font-size:30px; line-height:30px; padding-top:65px;}
    #sub_title h3 span{width:30px; height:10px; margin:0 auto 20px;}
    #sub_title h3 span:before, #sub_title h3 span:after{width:10px; height:10px;}

    #sub_contents{padding:0 20px 80px; max-width:100%;}
    #sub_contents div.section div.gray_box {padding: 25px;}
    #sub_contents div.section strong + table {margin-bottom: 40px;}

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

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

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

    /* 교수소개 */
    #main_faculty{padding:0 20px;}
    #main_faculty h2{font-size:23px; margin-bottom:30px;}
    #main_faculty #main_pro_profile section{padding:45px 0;}
    #main_faculty #main_pro_profile section ul li a{height:auto;}

    /* snow */
    #main_snow{padding:45px 20px;}
    #main_snow h2{font-size:23px; margin-bottom:30px;}
    #main_snow section{max-width:100%; padding:0;}
    #main_snow section ul li{width:100%; min-height:43vh; margin-left:0; margin-top:30px;}
    #main_snow section ul li:first-child{margin-top:0;}
    #main_snow section ul li a{display:block; float:none;}
    #main_snow section ul li a div.info{padding:15px 0 0;}
    #main_snow section ul li a div.info strong{min-height:32px; max-height:64px; line-height:32px; font-size:25px;}
    #main_snow section ul li a div.info span{display:block;}
    #main_snow section ul li a div.info span.date{padding-top:5px; font-size:15px;}
    #main_snow section ul li:first-child{margin-left:0;}

    a.more{width:24px; height:24px; top:0;}
    a.more:before, a.more:after{width:24px;}

    /* 공지사항 */
    #main_notice{padding:45px 20px;}
    #main_notice section{width:100%; max-width:100%; padding:0;}
    #main_notice section > .notice{margin-top:30px;}
    #main_notice section > .notice ul.tab{margin-bottom:20px;}
    #main_notice section > .notice ul.tab li button{height:50px; line-height:50px; font-size:18px;}
    #main_notice section > .notice ul.tab li.active button:before{height:2px;}
    #main_notice section > .notice ul.tab li button:hover:before, #main_notice section > .notice ul.tab li button:focus:before, #main_notice section > ul.tab li.active button:before{height:2px;}
    #main_notice section > .notice ul.tab li a{width:40px; height:40px; top:5px; right:0;}
    #main_notice section > .notice ul.tab li a:before{width:18px;}
    #main_notice section > .notice ul.tab li a:after{height:18px;}
    #main_notice section > .notice div ul li{width:100%; float:none; margin:10px 0 0 0;}
    #main_notice section > .notice div ul li:first-child{margin-top:0;}
    #main_notice section > .notice div ul li:nth-child(n+3){margin-top:10px; margin-left:0;}
    #main_notice section > .notice div.notice ul li a{height:auto; padding:20px;}
    #main_notice section > .notice div.notice ul li a:after{width:15px; height:13px; background-size:15px 13px;}
    #main_notice section > .notice div.notice ul li a span{font-size:14px;}
    #main_notice section > .notice div.notice ul li a span strong{padding-right:5px; font-size:25px;}
    #main_notice section > .notice div.notice ul li a h6{min-height:24px; max-height:48px; line-height:24px; margin:12px 0; font-size:18px;}
    #main_notice section > .notice div.notice ul li.latest h6:after{width:18px; height:18px; line-height:18px; font-size:11px;}
    #main_notice section > .notice div.notice ul li a p{display:none;}
    
    /*  Sub Layout */
    #sub_contents div.section{padding-top: 80px;}

    /* 학부소개 */
    #sub_contents div.wrap_010100 table colgroup col:first-child{width:110px;}

    /* 교과 과정 */
    #sub_contents div.education > ul > li{width:100%; margin-left:0px;}
    #sub_contents div.education > ul:first-child > li:nth-child(2){width:100%; margin-top:10px; margin-left:0;}  
    #sub_contents div.education > ul:first-child > li:first-child, #sub_contents div.education > ul:first-child > li:nth-child(2){padding-top:55px; padding-left:0;}
    #sub_contents div.education > ul > li > dl{width:100%; padding:15px 10px; border:1px solid #0cafcc; text-align:center; word-break:keep-all;}
    #sub_contents div.education > ul > li dl dt{font-size:16px; margin-bottom:10px;}
    #sub_contents div.education > ul > li dl dd{font-size:14px;}
    #sub_contents div.education > ul > li div.study_wrap{padding-top:55px}  
    #sub_contents div.education > ul > li div.study_wrap:before{top:-146px; left:0; width:100%; height:50px; font-size:16px; line-height:50px;}
    #sub_contents div.education > ul > li div.study_wrap:after{top:0; left:0; width:100%; height:50px; line-height:50px;}        
    #sub_contents div.education > ul > li div.study_wrap dl.study dd{display:block; width:90%; height:62px; margin:10px auto; padding:8px 0; background-color:#e0f2f5;}
    #sub_contents div.education > ul > li div.study_wrap dl.study dd span{display:block; font-size:14px; font-weight:350;}
    #sub_contents div.education > ul > li div.study_wrap + ul li:first-child{margin-left:0;}
    #sub_contents div.education > ul > li:nth-child(2) div.study_wrap:before, 
    #sub_contents div.education > ul > li:nth-child(2) div.study_wrap:after{display:block;}   
    #sub_contents div.education > ul > li:nth-child(2) div.study_wrap:after{height:50px;}
    #sub_contents div.education > ul > li:nth-child(1) div.study_wrap dl.study{width:100%;}
    #sub_contents div.education > ul > li:nth-child(2) div.study_wrap dl.study{width:100%; margin-top:5px; margin-left:0;}
    #sub_contents div.education > ul > li:nth-child(2) div.study_wrap dl.study:first-child{margin-top:0;}
    #sub_contents div.education > ul > li:nth-child(1) div.study_wrap + ul li{float:left; width:100%; height:50px; margin-top:5px; margin-left:0; font-size:14px; line-height:50px;}
    #sub_contents div.education > ul > li:nth-child(1) div.study_wrap + ul li:first-child{margin-top:0;}  
    #sub_contents div.education > ul > li:nth-child(2) div.study_wrap + ul li{width:100%; height:50px; font-size:14px; line-height:50px; float:left;}
    #sub_contents div.education > ul > li:nth-child(2) div.study_wrap + ul li:nth-child(n+3){margin-top:6px;}
    #sub_contents div.education > ul.summary{clear:both; padding-left:0;}
    #sub_contents div.education > ul.summary > li{width:100%; height:50px; margin-top:5px; margin-left:0px; font-size:14px; line-height:50px; float:none;}
    #sub_contents div.education > ul.summary > li:first-child{margin-top:0;}
    div.jwxe_board ul.type_board, div.jwxe_board div.board_view div.board_title{border-color:#42b6ae;}

    /* 입학 안내 */
    #sub_contents div.wrap_030101 div.section .table_cont{overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%;}
    #sub_contents div.wrap_030101 div.section strong + table {margin-bottom: 10px;}
    #sub_contents > div > div:nth-child(2) > div:nth-child(1) > div > table {width:  auto;}
    #sub_contents div.wrap_030101 div.gray_box:has(img){width: 100%; gap: 20px; flex-direction: column; align-items: flex-start;}
    #sub_contents div.wrap_030101 div.gray_box + div.gray_box{margin-top: 40px; float: none;}
    #sub_contents div.wrap_030101 div.gray_box div{width: 100%;}
    #sub_contents div.wrap_030101 div.gray_box img{object-fit: none;}
}