@charset "UTF-8";

@import url("font.css");
@import url(/_custom/jj/_common/board/new_bid/css/jquery.timepicker.css);

/* common */
body{font-family:'Noto Sans KR',sans-serif;font-weight:200;font-size:17px;color:#333;letter-spacing:-0.5px;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
body.body-bg:before{content:'';position:fixed;top:0;left:0;z-index:40;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
a{color:#333;}
.over-hidden{overflow-y:hidden;}
.no-js{opacity:0;}
.hide{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.pc-hide{display:none !important;}
.h4-tit01{position:relative;padding:0 0 20px 25px;font-weight:500;font-size:25px;color:#000;line-height:35px;}
.h4-tit01:before{content:'';position:absolute;top:10px;left:0;width:14px;height:16px;background:url(/jj/_res/img/common/bg-bul-type01.png) no-repeat 0 0/100%;}
.h5-tit01{position:relative;padding:0 0 15px 15px;font-weight:400;font-size:20px;color:#333;line-height:30px;}
.h5-tit01:before{content:'';position:absolute;top:12px;left:0;width:7px;height:7px;background-color:#ffa000;border-radius:7px;}
.h5-tit02{padding:0 0 10px;font-weight:400;font-size:20px;color:#333;line-height:30px;}
.h5-tit03{position:relative;padding:0 0 15px 15px;font-weight:400;font-size:20px;color:#333;line-height:30px;}
.h6-tit01{position:relative;padding:0 0 10px 15px;font-weight:400;font-size:18px;color:#333;line-height:28px;}
.h6-tit01:before{content:'';position:absolute;top:12px;left:0;width:4px;height:4px;background-color:#115286;}
.h6-tit02{position:relative;padding:0 0 10px 15px;font-weight:400;font-size:18px;color:#333;line-height:28px;}
.h6-tit02:before{content:'';position:absolute;top:14px;left:0;width:5px;height:1px;background-color:#333;}
.con-box{padding:0 0 55px 0;}
.bg-box01{padding:20px;background-color:#f1f5f8;border-top:1px solid #124e87;border-bottom:1px solid #d3d9dd;}
.con-inner-box{padding:0 0 0 15px;}
.con-p{padding:0 0 30px 0;font-weight:200;color:#333;line-height:27px;letter-spacing:-0.5px;}
.p2{font-size:19px;}
.intro-p{padding:0 0 20px;font-size:27px;line-height:37px;font-weight:500;color:#0076a3;}
 /*도서관 온라인 전자정보 박람회*/
.intro-p2{padding:0 0 20px;font-size:27px;line-height:37px;font-weight:500;color:#0076a3;text-align:center;word-break:keep-all;}
.intro-div{width:60%;margin:0 auto;}
.fair-booth{float:left;width:32.3%; margin:0 20px 0 0;}
.fair-booth2{float:left;width:64.6%; margin:0 20px 0 0;}
.fair-booth2 .intro-p2{position:relative;float:right;top:8em;}
.ul-type01 > li{position:relative;padding:0 0 0 14px;font-weight:200;font-size:17px;color:#333;line-height:27px;letter-spacing:-0.5px;}
.ul-type01 > li:before{content:'';position:absolute;top:13px;left:0;width:5px;height:2px;background-color:#a8b2b5;}
.ul-type02 > li{position:relative;padding:0 0 0 10px;font-weight:200;font-size:17px;color:#333;line-height:27px;letter-spacing:-0.5px;}
.ul-type02 > li:before{content:'';position:absolute;top:13px;left:0;width:3px;height:3px;background-color:#a9a9a9;border-radius:2px;}
.ul-type03 > li{position:relative;padding:0 0 0 14px;font-weight:200;font-size:17px;color:#333;line-height:27px;letter-spacing:-0.5px;}
.ul-type03 > li:before{content:'';position:absolute;top:15px;left:0;width:5px;height:1px;background-color:#333;}
.ol-type01 > li{margin:0 0 0 18px;line-height:27px;list-style-type:decimal;}
.ol-type02 > li{line-height:27px;}
.intro-ul > li{position:relative;padding:0 0 35px 15px;font-size:20px;color:#333;line-height:30px;}
.intro-ul > li:last-of-type{padding-bottom:0;}
.intro-ul > li:before{content:'';position:absolute;top:12px;left:0;width:7px;height:7px;background-color:#ffa000;border-radius:7px;}
.mark-p{position:relative;padding:0 0 0 10px;font-size:16px;color:#666;font-weight:200;line-height:23px;letter-spacing:-0.5px;}
.mark-p:before{content:'*';position:absolute;top:0;left:0;}
.mark-p02{position:relative;padding:0 0 0 20px;font-size:16px;color:#666;font-weight:200;line-height:23px;letter-spacing:-0.5px;}
.mark-p02:before{content:'※';position:absolute;top:0;left:0;}
.img-box{text-align:center;}
.img-box.d-ib{display:inline-block;}
.img-box.border{border:1px solid #e7e7e7;}
.img-box img{max-width:100%;}
.img-box.w100 img{width:100%;}
.img-box .zoom-in{padding:10px 0 0;text-align:right;}
.no-pd{padding:0 !important;}
.no-mg{margin:0 !important;}
.txt-regular{font-weight:400;}
.txt-medium{font-weight:500;}
.txt-color666{color:#666;}
.txt-blue{color:#0076a3;}
.txt-red{color:#f00;}
.txt-left{text-align:left !important;}
.txt-right{text-align:right !important;}
.txt-center{text-align:center !important;}
.txt-underline{text-decoration:underline;}
.lnk-txt:hover{text-decoration:underline;}
select{border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand{display:none;}

/* 링크박스 */
.link-box.d-ib ul li{display:inline-block;padding:0 6px 10px 0;}
.link-box.right ul li{text-align:right;}
.link-box ul li{display:block;padding:0 0 20px 0;}
.link-box ul li:last-of-type{padding:0;}
.link-box ul li a{display:inline-block;padding:10px 25px;border:1px solid #777;font-size:16px;color:#333;line-height:1;border-radius:5px;}
.link-box ul li a:after{content:'';display:inline-block;margin:0 0 0 25px;vertical-align:middle;}
.link-box ul li a.normal:hover{background-color:#16476e;color:#fff;}
.link-box ul li a.down:after{width:15px;height:13px;background:url(/jj/_res/img/common/bg-down-link.png) no-repeat 0 0/100%;}
.link-box ul li a.down:hover{background-color:#16476e;color:#fff;}
.link-box ul li a.down:hover:after{background-image:url(/jj/_res/img/common/bg-down-link-w.png);}
.link-box ul li a.link:after{width:16px;height:16px;background:url(/jj/_res/img/common/bg-link.png) no-repeat 0 0/100%;}
.link-box ul li a.link:hover{background-color:#16476e;color:#fff;}
.link-box ul li a.link:hover:after{background-image:url(/jj/_res/img/common/bg-link-w.png);}

/* 교수인명록 상세정보 */
.intro-p span .btn_t {display:inline-block;padding:10px 25px;border:1px solid #777;font-size:16px;background-color:#fff;color:#333;line-height:1;border-radius:5px;}

/* small link */
.s-btn{display:inline-block;margin:0 0 0 5px;padding:5px 10px;border:1px solid #777;background-color:#fff;font-size:13px;color:#333;line-height:1;border-radius:5px;}
.s-btn:after{content:'';display:inline-block;margin:0 0 0 5px;vertical-align:middle;}
.s-link:after{width:12px;height:12px;background:url(/jj/_res/img/common/bg-link.png) no-repeat 0 0/100%;}
.s-link:hover{background-color:#16476e;color:#fff;}
.s-link:hover:after{background-image:url(/jj/_res/img/common/bg-link-w.png);}
.s-down:after{width:13px;height:11px;background:url(/jj/_res/img/common/bg-down-link.png) no-repeat 0 0/100%;}
.s-down:hover{background-color:#16476e;color:#fff;}
.s-down:hover:after{background-image:url(/jj/_res/img/common/bg-down-link-w.png);}

.mg-b10{margin-bottom:10px !important;}
.mg-b20{margin-bottom:20px !important;}
.mg-t10{margin-top:10px !important;}
.mg-t5{margin-top:5px !important;}
.mg-b5{margin-bottom:5px !important;}
.mg-b30{margin-bottom:30px !important;}
.mg-tb5{margin:5px 0 !important;}
.pd-b5{padding-bottom:5px !important;}
.pd-b10{padding-bottom:10px !important;}
.pd-b20{padding-bottom:20px !important;}
.pd-b30{padding-bottom:30px !important;}
.pd-t10{padding-top:10px !important;}
.pd-t20{padding-top:20px !important;}

/* layout */
.outer{position:relative;margin:0 auto;max-width:1900px;}
.sub-content-wrap{margin:0 auto;padding:0 0 115px;max-width:1300px;}

/* owl 공통 */
.no-loop .owl-stage{transform:none !important;-webkit-transform:none !important;-moz-transform:none !important;-o-transform:none !important;-ms-transform:none !important;}
.no-loop .mini-board-ctrl{display:none;}
.owl-vertical .owl-stage{width:100% !important;}
.owl-vertical .owl-item{float:none !important;width:100% !important;}
.owl-vertical .owl-stage{transition:transform 0.25s ease !important;}
.carousel-wrap.no-transition .owl-stage{transition:none !important;}

/* 상단팝업 */
.main-popup-wrap .outer{background-color:#ececec;}
.main-popup-box{position:relative;margin:0 auto;max-width:1300px;}
.main-popup-carousel-outer{position:relative;margin:0 42px 0 0;}
.main-popup-carousel .owl-carousel{padding:0 52px;box-sizing:border-box;}
.main-popup-carousel .owl-carousel:after{content:'';position:absolute;top:50%;left:50%;width:1px;height:13px;background-color:#bdbdbd;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}
/*.main-popup-carousel .owl-stage-outer{height:75px;} vertical*/
.main-popup-carousel .owl-carousel .popup-lnk-box{padding:20px 20px 21px;}
.main-popup-carousel .owl-carousel .popup-lnk-box p{display:inline-block;margin:0 -4px 0 0;padding:0 11px 0 0;max-width:calc(100% - 84px);vertical-align:middle;}
.main-popup-carousel .owl-carousel .popup-lnk-box p a{display:block;font-size:14px;line-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.main-popup-carousel .owl-carousel .popup-lnk-box > a{display:inline-block;padding:5px 10px;background-color:#959595;font-weight:200;font-size:14px;color:#fff;border-radius:5px;vertical-align:middle;}
.main-popup-carousel .owl-theme .owl-dots{position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.main-popup-carousel .owl-theme .owl-nav.disabled+.owl-dots{margin-top:0;}
.main-popup-carousel .owl-theme .owl-dots .owl-dot{display:block;}
.main-popup-carousel .owl-theme .owl-dots .owl-dot span{margin:0 0 4px 0;width:7px;height:7px;background-color:#acacac;}
.main-popup-carousel .owl-theme .owl-dots .owl-dot.active span, .main-popup-carousel .owl-theme .owl-dots .owl-dot:hover span{width:7px;background-color:#115286;}

.main-popup-box .btn-pop-close{position:absolute;top:calc(50% + 1px);right:0;z-index:10;width:26px;height:27px;background:url(/jj/_res/img/common/ico-popup-close.png) no-repeat 0 0/100%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.do-not-open-box{position:absolute;top:50%;right:0;z-index:10;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.do-not-open-box a{display:inline-block;}
.do-not-open-box a:after{content:'';display:inline-block;width:27px;height:27px;background-color:#fff;border:1px solid #b2b2b2;box-sizing:border-box;vertical-align:middle;}
.do-not-open-box a:hover:after{border-color:#115286;}
.do-not-open-box a span{display:none;padding:4px 10px;background-color:#115286;font-size:13px;color:#fff;vertical-align:middle;}
.do-not-open-box a:hover span{display:inline-block;}

/* 퀵메뉴 */
.main-quick-wrap .main-quick-menu{position:fixed;bottom:50px;right:60px;z-index:30;}
.main-quick-wrap.active .main-quick-menu{z-index:90;}
.main-quick-wrap .main-quick-menu ul{background:transparent;}
.main-quick-wrap:not(.active) .main-quick-menu ul{display:none !important;}
.main-quick-wrap .main-quick-menu ul{position:absolute;bottom: 95px;right: 10px;}
.main-quick-wrap .main-quick-menu ul li{padding: 0 0 15px 0;}
.main-quick-wrap .main-quick-menu ul li:last-of-type{padding:0;}
.main-quick-wrap .main-quick-menu ul li a{display:block;min-width:200px;font-size:18px;line-height:23px;color:#fff;font-weight:400;box-sizing:border-box;text-align:right;}
.main-quick-wrap .main-quick-menu ul li a:hover{color:#f0c703;}
.main-quick-wrap .main-quick-menu ul li a:after{content:'';display:inline-block;margin:0 0 0 20px;width: 55px;height: 55px;background-color:#fff;background-repeat:no-repeat;background-position:center center;vertical-align:middle;border-radius:50%;}
.main-quick-wrap .main-quick-menu ul li.quick-prroom a:after{background-image:url(/jj/_res/img/common/bg-quick-mn01.png);}
.main-quick-wrap .main-quick-menu ul li.quick-instar01 a:after{background-image:url(/jj/_res/img/common/bg-quick-mn02.png);}
.main-quick-wrap .main-quick-menu ul li.quick-onstar a:after{background-image:url(/jj/_res/img/common/bg-quick-mn03.png);}
.main-quick-wrap .main-quick-menu ul li.quick-juis a:after{background-image:url(/jj/_res/img/common/bg-quick-mn04.png);}
.main-quick-wrap .main-quick-menu ul li.quick-instar02 a:after{background-image:url(/jj/_res/img/common/bg-quick-mn05.png);}
.main-quick-wrap .main-quick-menu ul li.quick-fund a:after{background-image:url(/jj/_res/img/common/bg-quick-mn06.png);}
.main-quick-wrap .main-quick-menu ul li.quick-chatbot a:after{background-image:url(/jj/_res/img/common/ico-chatbot.png);}
.main-quick-wrap .main-quick-menu ul li.quick-covid a:after{background-image:url(/jj/_res/img/common/bg-quick-mn07.png);}
.main-quick-wrap .main-quick-menu ul li a:hover:after{background-color:#f0c703;}
.main-quick-wrap .quick-bg{display:none;position:fixed;top:0;left:0;z-index:50;width:100%;height:100%;background:rgba(21,40,55,0.9);}
.main-quick-wrap .btn-quick{display:block;position:relative;padding:22px 0 0 0;width: 70px;height: 70px;background:linear-gradient(to right, #115386 , #12688f);border-radius:50%;box-shadow:-2px 2px 10px 0;box-sizing:border-box;opacity:0;transition:all .3s;}
.main-quick-wrap .btn-quick:after{content:'';position:absolute;top:50%;left:50%;width: 24px;height: 43px;background:url(/jj/_res/img/common/btn-quick-mn.png) no-repeat 0 0/100%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);}
.main-quick-wrap .btn-quick:hover{background:#fff;}
.main-quick-wrap .btn-quick:hover:after{background-image:url(/jj/_res/img/common/btn-quick-mn-on.png);}
.main-quick-wrap .btn-quick.show{opacity:1;}
.main-quick-wrap.active .btn-quick{background:transparent;border:2px solid #fff;opacity:0.5;}
.main-quick-wrap.active .btn-quick:after{background:url(/jj/_res/img/common/btn-quick-mn-close.png) no-repeat center center;}

/* 상단유틸 */
.top-header-outer{margin:0 auto;max-width:1800px;}
.top-header-outer:before{content:'';position:absolute;top:0;left:0%;z-index:-10;width:66.6%;height:100%;background-color:#186a93;}
.top-header-outer:after{content:'';position:absolute;top:0;right:0;z-index:-10;width:33.4%;height:100%;background-color:#e9c61f;}
.top-header-box{display:table;margin:0 auto;width:100%;max-width:1300px;table-layout:fixed;}
.top-header-box > div{display:table-cell;position:relative;}
.top-header-box > div:after{content:'';display:block;clear:both;}
.top-header-box .right-box{width:33.4%;}
.top-header-box > div > ul{padding:11px 0 7px;}
.top-header-box .right-box > ul{text-align:right;}
.top-header-box > div > ul > li{display:inline-block;position:relative;margin:0 18px 0 0;padding:0 17px 0 0;vertical-align:top;}
.top-header-box > div > ul > li:last-of-type{margin:0;padding:0;}
.top-header-box > div > ul > li:after{content:'';position:absolute;top:50%;right:0;width:1px;height:11px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.top-header-box .left-box > ul > li:after{background-color:#7da9c1;}
.top-header-box .right-box > ul > li:after{background-color:#a6933f;}
.top-header-box > div > ul > li:last-of-type:after{display:none;}
.top-header-box > div > ul > li > a{display:block;font-weight:200;font-size:13px;line-height:18px;}
.top-header-box .left-box ul > li > a{color:#fff;}

/* GNB영역 */
.bottom-header-outer{position:absolute;z-index:40;width:100%;box-sizing:border-box;}
.bottom-header-outer.fixed{position:fixed;top:0;left:50%;width:100%;max-width:1900px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.bottom-header-outer.fixed.h100{height:100%;}
.bottom-header-box{margin:0 auto;max-width:1700px;}

.main-header-box:after{content:'';display:block;clear:both;}
.main-header-box h1{float:left;padding:14px 0 0;}
.bottom-header-outer.fixed h1{display:none;}
.main-header-box h1 a{display:block;}
.main-header-box h1 a img{width:100%;}
.main-header-box .main-menu-box{position:absolute;top:0;right:0;padding:34px 100px 30px 0;}
.main-header-box .main-menu-box:before{content:'';position:absolute;top:0;right: 0;z-index:-10;width: 116%;height:98%/*100%*/;background-color:#ffd50e;}
.main .main-header-box .main-menu-box:before{width:110%;}
.bottom-header-outer.fixed .main-header-box .main-menu-box:before{box-shadow:-2px 2px 10px rgba(0,0,0,0.5);}
.main-header-box .main-menu-box ul li{display:inline-block;margin:0 -4px 0 0;padding:0 35px 0 0;line-height:1;vertical-align:middle;}
.main-header-box .main-menu-box ul li:first-of-type{display:none;}
.main .main-header-box .main-menu-box ul li:first-of-type{display:inline-block;}
.main-header-box .main-menu-box ul li:last-of-type{margin:0;padding:0;}
.main-header-box .main-menu-box ul li a{display:inline-block;}
.main-header-box .main-menu-box ul li .btn-login{width:27px;height:29px;background:url(/jj/_res/img/common/ico-login.png) no-repeat 0 0/100%;}
.main-header-box .main-menu-box ul li .btn-logout{width:27px;height:29px;background:url(/jj/_res/img/common/ico-logout.png) no-repeat 0 0/100%;}
.main-header-box .main-menu-box ul li .btn-srch{width:31px;height:31px;background:url(/jj/_res/img/common/ico-search.png) no-repeat 0 0/100%;}
.main-header-box .main-menu-box ul li .btn-chatbot{width:42px;height:33px;background:url(/jj/_res/img/common/ico-chatbot.png) no-repeat 0 0/100%;}
.main-header-box .main-menu-box ul li .menu-srch-box{display:none;position:relative;}
.main-header-box .main-menu-box ul li .btn-menu{width:45px;height:20px;background:url(/jj/_res/img/common/ico-menu.png) no-repeat 0 0/100%;}
.main-header-box .main-menu-box ul li .btn-m-menu{width:45px;height:20px;background:url(/jj/_res/img/common/ico-menu.png) no-repeat 0 0/100%;}
.main-header-box .main-menu-box ul li a span{font-size:22px;line-height:27px;}

.gnb-wrap{display:none;position:fixed;top:0;left:50%;width:100%;max-width:1900px;height:100vh;table-layout:fixed;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);}
/*.bottom-header-outer.fixed .gnb-wrap{top:0;}*/
.menu-open .gnb-wrap{display:table;}
.gnb-wrap > p{display:table-cell;width:100px;background-color:#ffd50e;text-align:center;vertical-align:middle;}
.gnb-wrap .gnb-con-outer{display:table-cell;max-height:100vh;background-color:#16476e;box-sizing:border-box;}
.gnb-wrap .gnb-con-outer:after{content:'';display:block;clear:both;}

.gnb-con-box{position:relative;margin:0 auto;padding:70px 0 0 0;max-width:1600px;height:100%;box-sizing:border-box;}
.gnb-con-box .gnb-top-box{padding:0 0 75px 0;}
.gnb-con-box .gnb-top-box:after{content:'';display:block;clear:both;}
.gnb-con-box .gnb-top-box .gnb-util-box{float:right;padding:0 75px 0 0;}
.gnb-con-box .gnb-top-box .gnb-util-box > p{display:inline-block;margin:0 -4px 0 0;padding:0 31px 0 0;vertical-align:middle;}
.gnb-con-box .gnb-top-box .gnb-util-box > p .btn-login{display:block;width:27px;height:29px;background:url(/jj/_res/img/common/ico-login-white.png) no-repeat 0 0/100%;}
.gnb-con-box .gnb-top-box .gnb-util-box > p .btn-logout{display:block;width:27px;height:29px;background:url(/jj/_res/img/common/ico-logout-white.png) no-repeat 0 0/100%;}
.gnb-con-box .gnb-top-box .gnb-util-box > form{display:inline-block;vertical-align:middle;}
.gnb-con-box .gnb-top-box .gnb-util-box .menu-srch-box{display:block;position:relative;width:325px;}
.gnb-con-box .gnb-top-box .gnb-util-box > form .menu-srch-box .input-srch-text{padding:5px 10px;width:100%;height:40px;font-family:inherit;font-size:14px;border:none;box-sizing:border-box;}
.gnb-con-box .gnb-top-box .gnb-util-box > form .menu-srch-box .btn-srch-submit{position:absolute;top:50%;right:15px;width:23px;height:23px;border:none;background:#fff url(/jj/_res/img/common/btn-menu-srch.png) no-repeat 0 0/100%;text-indent:-999999px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.gnb-con-box .gnb-top-box .gnb-lnk-box{float:left;padding:10px 35px 0 0;width:calc(100% - 462px);box-sizing:border-box;}
.gnb-con-box .gnb-top-box .gnb-lnk-box ul{float:left;padding:5px 0 0 0;max-width:calc(100% - 130px);}
.gnb-con-box .gnb-top-box .gnb-lnk-box ul li{display:inline-block;margin:0 -4px 0 0;padding:0 40px 0 0;}
.gnb-con-box .gnb-top-box .gnb-lnk-box ul li:last-of-type{margin:0;padding:0;}
.gnb-con-box .gnb-top-box .gnb-lnk-box ul li a{font-size:17px;color:#9eb4c5;line-height:22px;}
.gnb-con-box .gnb-top-box .gnb-lnk-box ul li a:hover{color:#fff;}
.gnb-con-box .gnb-top-box .gnb-lnk-box > a{float:right;}
.gnb-con-box .gnb-top-box .gnb-lnk-box > a span{font-size:22px;line-height:27px;color:#fff;}
.gnb-con-box .btn-menu-close{position:absolute;top:70px;right:0;width:34px;height:34px;background:url(/jj/_res/img/common/btn-menu-close.png) no-repeat 0 0/100%;;}

/* gnb 리스트 공통 */
.gnb ul li a{color:#9eb4c5}
.gnb ul li a:hover{color:#fff;}
.gnb .depth01{display:table;position:relative;width:100%;border-bottom:1px solid #9eb4c5;table-layout:fixed;}
.gnb .depth01 > li{display:table-cell;padding:0 10px;text-align:center;vertical-align:middle;}
.gnb .depth01 > li:last-of-type{padding:0;}
.gnb .depth01 > li > a{display:inline-block;padding:0 0 35px 0;font-weight:700;font-size:32px;}
.gnb .depth01 > li.active > a{color:#fff;}

.gnb .depth02{display:none;position:absolute;top:100%;left:0;width:100%;height:calc(100vh - 350px);  overflow-y:auto;}
.gnb .depth02:after{content:'';display:block;clear:both;}
.gnb .active .depth02{display:block;}
.gnb .depth02 > li{float:left;padding:40px 0 0 0;width:16.66666%;min-height:auto;text-align:center;vertical-align:top;box-sizing:border-box;}
.gnb .row01 .depth02 > li{min-height:550px;}
.gnb .depth02 > li:hover{background-color:rgba(255,255,255,0.05);}
.gnb .depth02 > li > a{display:inline-block;font-weight:500;font-size:25px;line-height:30px;}

.gnb .depth03{padding:25px 0 0 0;}
.gnb .depth03 > li{padding:0 0 25px 0;}
.gnb .depth03 > li > a{display:inline-block;padding:0 10px;font-size:18px;line-height:23px;}
.gnb .depth03 > li > a:hover{color:#fce910;}

.slideMenu{display:none;}
.btn-m-menu{display:none !important;}

.menu-sns-box{float: right;padding: 15px 10px 25px;}
.menu-sns-box ul li{display:inline-block;margin:0 -4px 0 0;padding:0 15px 0 0;}
.menu-sns-box ul li:last-of-type{margin:0;padding:0;}
.menu-sns-box ul li a{display:block;width:47px;height:46px;}
.menu-sns-box ul li .facebook{background:url(/jj/_res/img/common/ico-menu-facebook.png) no-repeat 0 0/100%;}
.menu-sns-box ul li .facebook:hover{background-image:url(/jj/_res/img/common/ico-menu-facebook-over.png);}
.menu-sns-box ul li .youtube{background:url(/jj/_res/img/common/ico-menu-youtube.png) no-repeat 0 0/100%;}
.menu-sns-box ul li .youtube:hover{background-image:url(/jj/_res/img/common/ico-menu-youtube-over.png);}
.menu-sns-box ul li .instagram{background:url(/jj/_res/img/common/ico-menu-insta.png) no-repeat 0 0/100%;}
.menu-sns-box ul li .instagram:hover{background-image:url(/jj/_res/img/common/ico-menu-insta-over.png);}
.menu-sns-box ul li .blog{background:url(/jj/_res/img/common/ico-menu-blog.png) no-repeat 0 0/100%;}
.menu-sns-box ul li .blog:hover{background-image:url(/jj/_res/img/common/ico-menu-blog-over.png);}

/* 푸터(상단) */
.top-footer-wrap .outer{background-color:#16476e}
.top-footer-box {margin:0 auto;max-width:1300px;}
.top-footer-box .lnk-ul {display:table;padding:30px 25px 25px;table-layout:fixed;}
.top-footer-box .lnk-ul > li {display:table-cell;width:16.666%;}
.top-footer-box .lnk-ul > li.row02{width: 28%;}
.top-footer-box .lnk-ul > li:last-of-type{padding:0;}
.top-footer-box .lnk-ul > li p{font-size:17px;line-height:22px;color:#fff;padding:0 0 13px;}
.top-footer-box .lnk-ul > li > .lnk-ul02 > li {padding:0px 10px 5px 0;box-sizing:border-box;}
.top-footer-box .lnk-ul > li.row02 > .lnk-ul02:after{content:"";display:block;clear:both;}
.top-footer-box .lnk-ul > li.row02 > .lnk-ul02 >li{display:inline-block;width: 50%;margin:0 -4px 0 0;padding:0 10px 5px 0;vertical-align:top;}
.top-footer-box .lnk-ul > li > .lnk-ul02 > li a {position:relative;display:block;font-size:14px;color:#8797a2;line-height:20px;font-weight:200;vertical-align:top;}
.top-footer-box .lnk-ul > li > .lnk-ul02 > li:hover a {text-decoration:underline;}
.top-footer-box .lnk-ul > li > .lnk-ul02 > li.certify a {color:#f4c900;}

/* 푸터(하단) */
.bottom-footer-wrap .outer{background-color:#16476e}
.bottom-footer-box {margin:0 auto;max-width:1300px;padding:40px 0;border-top:1px solid #507592;}
.bottom-footer-box .top-footer-inner{display:table;width:100%;table-layout:fixed;padding:0 0 15px;}
.footer-logo-box{display:table-cell;width:214px;vertical-align:top;padding:5px 0 0;}
.etc-lnk-box{display:table-cell;padding:0 0 0 70px;vertical-align:top;}
.etc-lnk-box ul li{display:inline-block;padding:0 14px 0 0;}
.etc-lnk-box ul li:last-of-type{padding:0;}
.etc-lnk-box ul li a{color:#fff;font-size:16px;font-weight:200;line-height:21px;}
.etc-lnk-box ul li.privacy a{color:#f4c900;}

.bottom-footer-box .bottom-footer-inner:after{content:"";display:block;clear:both;}
.footer-sns-box{float:left;padding:20px 0 0 9px;}
.footer-sns-box ul li{display:inline-block;margin:0 12px 0 0;}
.footer-sns-box ul li:last-of-type{margin:0;}
.footer-sns-box ul li a{display:block;width:38px;height:37px;text-indent:-99999px; opacity:0.5;}
.footer-sns-box ul li.facebook a{background:url(/jj/_res/img/common/ico-sns01.png) no-repeat 0 0/100%;}
.footer-sns-box ul li.youtube a{background:url(/jj/_res/img/common/ico-sns02.png) no-repeat 0 0/100%;}
.footer-sns-box ul li.instagram a{background:url(/jj/_res/img/common/ico-sns03.png) no-repeat 0 0/100%;}
.footer-sns-box ul li.blog a{background:url(/jj/_res/img/common/ico-sns04.png) no-repeat 0 0/100%;}
.footer-sns-box ul li a:hover{opacity:1;}

.footer-info-box{display:inline-block;padding:0 0 0 75px;}
.footer-info-box p {padding:0 0 7px;font-size:16px;line-height:21px;color:#fff;}
.footer-info-box p.copyright{font-size:14px;line-height:20px;font-weight:200;color:#afb8bf;padding:0;}
.footer-info-box ul{padding:0 0 8px;}
.footer-info-box ul li{display:inline-block;position:relative;padding:0 15px 0 14px;color:#fff;}
.footer-info-box ul li:first-of-type{padding:0 15px 0 0;}
.footer-info-box ul li:after{content:"";position:absolute;top:6px;right:0;display:block;width:1px;height:14px;background-color:#8b969f;}
.footer-info-box ul li:last-of-type:after{display:none;}
.footer-info-box ul li a{color:#fff;}

.footer-mark-box{float:right;padding:20px 0 0;}
.footer-mark-box a{display:inline-block;padding:0 32px 0 0;vertical-align:bottom;box-sizing:border-box;}
.footer-mark-box a:last-of-type{padding:0;}

/* 서브비주얼 */
.sub-visual-wrap .outer{background:#115286 url(/jj/_res/img/common/bg-sub-visual01.jpg) no-repeat 100% 0;}
.sub-visual-wrap .outer:before{content:'';position:absolute;top:0;right:0;max-width:1600px;width:100%;height:270px;}
.sub-visual-wrap .outer:after{content:'';position:absolute;top:0;right:0;width:26.3%;height:270px;background-color:#ffd50e;}
.sub-visual-outer{position:relative;max-width:1700px;margin:0 auto;padding:100px 0 0;}
.sub-visual-title{display:inline-block;position:absolute;left:0;top:50%;padding:0 0 0 95px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.sub-visual-title h2{font-size:50px;color:#fff;font-weight:700;line-height:65px;}
.sub-visual-title h2:after{content:'';display:block;width:100%;height:4px;background-color:#f4c900;}
.sub-visual-box{position:relative;margin:0 0 0 auto;max-width:753px;min-height:220px;background:transparent no-repeat 50% 50%/cover;z-index:10;}
.sub-visual-wrap.sub-visual-wrap01 .sub-visual-box{background-image:url(/jj/_res/img/common/img-sub-visual01.jpg);}
.sub-visual-wrap.sub-visual-wrap02 .sub-visual-box{background-image:url(/jj/_res/img/common/img-sub-visual02.jpg);}
.sub-visual-wrap.sub-visual-wrap03 .sub-visual-box{background-image:url(/jj/_res/img/common/img-sub-visual03.jpg);}
.sub-visual-wrap.sub-visual-wrap04 .sub-visual-box{background-image:url(/jj/_res/img/common/img-sub-visual04.jpg);}
.sub-visual-wrap.sub-visual-wrap05 .sub-visual-box{background-image:url(/jj/_res/img/common/img-sub-visual05.jpg);}
.sub-visual-wrap.sub-visual-wrap06 .sub-visual-box{background-image:url(/jj/_res/img/common/img-sub-visual06.jpg);}
.sub-visual-wrap.sub-visual-wrap07 .sub-visual-box{background-image:url(/jj/_res/img/common/img-sub-visual07.jpg);}
.sub-visual-wrap.sub-visual-wrap-etc .sub-visual-box{background-image:url(/jj/_res/img/common/img-sub-visual-etc.jpg);}

/* 상단 네비게이션 */
.path-box{position:relative;margin:0 auto;z-index:20;max-width:1300px;}
.path-box:after{content:'';display:block;clear:both;}
.path{width:100%;margin:-50px 0 0 -50px;}
.path:after{content:'';display:block;clear:both;}
.path-home{float:left;display:block;padding:25px 25px 25px;background:#ffd50e url(/jj/_res/img/common/ico-home.png) no-repeat center center;box-sizing:border-box;}
.path-depth-wrap{float:left;width:calc(100% - 148px);background-color:#fff;border:1px solid #e1e1e1;border-right:none;box-sizing:border-box;}
.path-depth-wrap > ul:after{content:'';display:block;clear:both;}
.path-depth-wrap > ul > li{float:left;position:relative;min-width:250px;border-right:1px solid #e1e1e1;}
.path-depth-wrap > ul > li > .path-selected{display:block;padding:14px 34px 14px 24px;background:url(/jj/_res/img/common/ico-path-open.png) no-repeat right 19px center;font-size:14px;line-height:20px;color:#707070;font-weight:400;}
.path-depth-wrap > ul > li.active > .path-selected{background-image:url(/jj/_res/img/common/ico-path-close.png);}
.path-depth-wrap > ul > li:last-of-type > .path-selected{background-image:url(/jj/_res/img/common/ico-path-selected-open.png);color:#333;}
.path-depth-wrap > ul > li.active:last-of-type > .path-selected{background-image:url(/jj/_res/img/common/ico-path-selected-close.png);}
.path-depth-wrap > ul > li > .path-depth{display:none;position:absolute;top:100%;left:-1px;z-index:20;padding:18px 24px;width:calc(100% + 2px);background:#fff;border:1px solid #e1e1e1;box-sizing:border-box;}
.path-depth-wrap > ul > li > .path-depth > li{padding:0 0 9px 0;}
.path-depth-wrap > ul > li > .path-depth > li:last-of-type{padding:0;}
.path-depth-wrap > ul > li > .path-depth > li > a{font-size:14px;color:#666;font-weight:400;}
.path-depth-wrap > ul > li > .path-depth > li > a:hover{color:#333;font-weight:500;text-decoration:underline;}
.path-depth-wrap > ul > li > .path-depth > li.active > a{display:inline-block;position:relative;color:#013775;text-decoration:underline;}
.path-box .util-box{float:right;border:1px solid #ddd;box-sizing:border-box;}
.path-box .util-box ul:after{content:'';display:block;clear:both;}
.path-box .util-box ul li{float:left;position:relative;}
.path-box .util-box ul li:after{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:60%;background:#e9e9e9;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.path-box .util-box ul li:nth-of-type(2):after{height:1px;background:#767676;}
.path-box .util-box ul li:last-of-type:after{display:none;}
.path-box .util-box ul li a{display:block;position:static;padding:24px 24px 24px;box-sizing:border-box;}
.path-box .util-box ul li:nth-of-type(1) a{background:#fff url(/jj/_res/img/common/ico-print.png) no-repeat center center;}
.path-box .util-box ul li:nth-of-type(2) a{background:#fff url(/jj/_res/img/common/ico-share.png) no-repeat center center;}

/* 타이틀 */
.page-title{padding:40px 0 54px;text-align:center;}
.page-title h3{padding:53px 0 0 0;background:url(/jj/_res/img/common/bg-title.gif) no-repeat 50% 0;font-weight:500;font-size:45px;line-height:55px;}

/* 탭 */
.tab-box{padding:0 0 60px 0;}
.tab-ul01{display:table;width:100%;text-align:center;}
.tab-ul01 li{display:table-cell;width:100px;}
.tab-ul01 li a{display:block;padding:17px 5px;border:1px solid #dcdcdc;border-right:0;font-size:17px;line-height:24px;color:#5c5c5c;}
.tab-ul01 li:last-of-type a{border-right:1px solid #dcdcdc;}
.tab-ul01 li a.active{border:1px solid #16476e;background:#16476e;font-weight:400;color:#fff;}

.tab-ul01.row05{display:block;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;box-sizing:border-box;}
.tab-ul01.row05:after{content:'';display:block;clear:both;}
.tab-ul01.row05 li{float:left;width:calc(100% / 5);}
.tab-ul01.row05 li a{border-left:none;border-top:none;border-right:1px solid #dcdcdc;}
.tab-ul01.row05 li a.active{border-right:none;}

.tab-wrap .tab-ul01{display:table;width:100%;border-top: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;table-layout:fixed;box-sizing: border-box;}
.tab-wrap .tab-ul01 li{display:table-cell;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;text-align: center;box-sizing: border-box;}
.tab-wrap .tab-ul01 li a{display:block;padding: 14px 5px;border: 0;font-size:15px;line-height:22px;color:#777;}
.tab-wrap .tab-ul01 li a.active{border-top:3px solid #16476e;background:#f3f7f9;font-weight:400;color:#115286;}

/* 컨텐츠 내 탭(스크립트) */
.inner-tab-box .inner-tab{display:table;width:100%;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;table-layout:fixed;box-sizing:border-box;}
.inner-tab-box .inner-tab > li{display:table-cell;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;text-align:center;box-sizing:border-box}
.inner-tab-box .inner-tab > li a{display:block;padding:10px;font-size:17px;line-height:22px;}
.inner-tab-box .inner-tab > li.active a{background-color:#f1f5f8;border-top: 1px solid #115286;color: #115286;}
.inner-tab-box .inner-tab-content > div{display:none;padding:20px 25px;border: 1px solid #dcdcdc;border-top:none;}
.inner-tab-box .inner-tab-content > div.active{display:block;}
.inner-tab-box .inner-tab-sel{display:none;}

/* 학교안내 > 학교소개 > 교육지표 */
.indicator-box{margin:0 auto;max-width:990px;}
.indicator-box > div{padding:0 0 45px 0;}
.indicator-box > div:last-of-type{padding:0;}
.indicator-box > div .title{display:inline-block;padding: 0 80px 0 0;min-width:75px;font-weight:500;font-size:20px;line-height:25px;text-align: center;}
.indicator-box > div > div{display:inline-block;position:relative;width:calc(100% - 160px);vertical-align:middle;}
.indicator-box > div > div:after{content:'';position:absolute;top:100%;left:50%;width:0;height:45px;border:1px dashed #d9d9d9;}
.indicator-box > div:last-of-type > div:after{display:none;}
.indicator-box > div:not(:last-of-type) > div > div{margin:0 auto;max-width:720px;}
.indicator-box > div > div ul:after{content:'';display:block;clear:both;}
.indicator-box > div > div ul li{float:left;}
.indicator-box > div > div ul li p{font-weight:400;font-size:17px;line-height:25px;text-align:center;box-sizing:border-box;}
.indicator-box .indisator-part-box01 p{position:relative;max-width:1200px;margin:0 auto;padding:30px 60px;border:1px solid #d9d9d9;font-weight:500;font-size:25px;line-height:30px;text-align:center;box-sizing:border-box;}
.indicator-box .indisator-part-box01 p:before{content:'';position:absolute;top:-5px;left:-15px;display:block;width:35px;height:30px;background:#fff url(/jj/_res/img/introduction/bg-doublequote01.png) no-repeat 0 0;background-size:25px;}
.indicator-box .indisator-part-box01 p:after{content:'';position:absolute;bottom:-5px;right:-15px;display:block;width:35px;height:30px;background:#fff url(/jj/_res/img/introduction/bg-doublequote01.png) no-repeat 0 0;background-size:25px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.indicator-box .indisator-part-box02 ul li{padding:0 45px 0 0;width:calc(100% / 3 - 30px);}
.indicator-box .indisator-part-box02 ul li:last-of-type{padding:0;}
.indicator-box .indisator-part-box02 ul li p{position:relative;padding:17px 15px 18px;background:url(/jj/_res/img/introduction/bg-indicator-jj.png) no-repeat 50% 50%;color:#fff;border-radius:10px;}
.indicator-box .indisator-part-box02 ul li p:after{content:'';position:absolute;top:-12px;right:-12px;width:25px;height:25px;background:url(/jj/_res/img/introduction/bg-indicator-star.png) no-repeat 0 0/100%;}
.indicator-box .indisator-part-box02 ul li:nth-of-type(odd) p{background-color:#0e65b8;}
.indicator-box .indisator-part-box02 ul li:nth-of-type(even) p{background-color:#7699ba;}
.indicator-box .indisator-part-box02 ul li p span{display:block;font-weight:500;font-size:25px;line-height:30px;}
.indicator-box .indisator-part-box03 ul li{padding:0 45px 0 0;width:calc(100% / 3 - 30px);}
.indicator-box .indisator-part-box03 ul li:last-of-type{padding:0;}
.indicator-box .indisator-part-box03 ul li p{padding:15px 15px 16px;border-radius:10px;}
.indicator-box .indisator-part-box03 ul li:nth-of-type(odd) p{border:2px solid #0e65b8;color:#0e65b8;}
.indicator-box .indisator-part-box03 ul li:nth-of-type(even) p{border:2px solid #7699ba;color:#406c96;}
.indicator-box .indisator-part-box03 ul li p span{display:block;font-weight:500;font-size:25px;line-height:30px;}
.indicator-box .indisator-part-box04 p{padding:23px 60px;background-color:#e2eaf3;font-weight:400;font-size:18px;line-height:27px;text-align: center;word-break: keep-all;}
.indicator-box .indisator-part-box05 ul li{position:relative;margin:0 -20px 0 0;padding:42px 45px;max-width:290px;min-height:290px;word-break:keep-all;border-radius:290px;box-sizing:border-box;}
.indicator-box .indisator-part-box05 ul li:last-of-type{margin:0;}
.indicator-box .indisator-part-box05 ul li:nth-of-type(odd){background-color:#0e65b8;}
.indicator-box .indisator-part-box05 ul li:nth-of-type(even){background-color:rgba(126,126,126,0.7);z-index:10;}
.indicator-box .indisator-part-box05 ul li:before{content:'';position:absolute;top:-13px;left:50%;z-index:10;width:25px;height:25px;border:5px solid #fff;border-radius:50%;box-sizing:border-box;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.indicator-box .indisator-part-box05 ul li:nth-of-type(odd):before{background-color:#0e65b8;}
.indicator-box .indisator-part-box05 ul li:nth-of-type(even):before{background-color:#9b9b9b;}
.indicator-box .indisator-part-box05 ul li p{color:#fff;}
.indicator-box .indisator-part-box05 ul li p:before{content:'';display:block;margin:0 auto 20px;width:64px;height:64px;}
.indicator-box .indisator-part-box05 ul li:nth-of-type(1) p:before{background:url(/jj/_res/img/introduction/ico-indicator-purpose01.png) no-repeat 0 0/100%;}
.indicator-box .indisator-part-box05 ul li:nth-of-type(2) p:before{background:url(/jj/_res/img/introduction/ico-indicator-purpose02.png) no-repeat 0 0/100%;}
.indicator-box .indisator-part-box05 ul li:nth-of-type(3) p:before{background:url(/jj/_res/img/introduction/ico-indicator-purpose03.png) no-repeat 0 0/100%;}
.indicator-box .indisator-part-box05 ul li p span{display:inline-block;}
.indicator-box .indisator-part-box05 ul li p span:before{content:'';display:block;margin:0 auto 20px;width:25px;height:25px;background:url(/jj/_res/img/introduction/bg-indicator-doublequote.png) no-repeat 0 0/100%;}

/* 오시는길*/
.location-map-box{padding:0 0 35px;}
.location-map-box > div{width:100%;padding:0;border:none;border-radius:0;box-sizing:border-box;}
.location-map-box > div > div:first-of-type{height:500px;}

/* 학교안내*/
.greeting-box{position:relative;border:10px solid #efefef;}
.greeting-box .greeting-img{width:100%;height:530px}
.greeting-box .greeting-img img{float:right;width:50%;/*width:100%;*/height:100%;object-fit:cover;}
.greeting-box .greeting-txt{position:absolute;top:0;left:0;width:50%;/*width: 43%;padding: 0 70px;background-color:rgba(11,69,116,0.85);*/height:100%;padding:0 101px;background-color:#16476e;box-sizing: border-box;}
.greeting-box .greeting-txt p{position: relative;top: 50%;left: 0;font-size:30px;/*font-size: 23px;*/line-height: 36px;font-weight: 500;color: #fff;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.greeting-box .greeting-txt p:before{content:'';position: absolute;left: -40px;top: -30px;display:block;width:35px;height:30px;background: url(/jj/_res/img/introduction/bg-doublequote02.png)no-repeat 0 0/100%;}
.greeting-box .greeting-txt p:after{content:'';position: absolute;right: -40px;bottom: -30px;display:block;width:35px;height:30px;background: url(/jj/_res/img/introduction/bg-doublequote02.png)no-repeat 0 0/100%;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.greeting-box .greeting-txt p .line{display: block;position: relative;font-weight:200;}
.greeting-box .greeting-txt p .line:before{content:'';position: absolute;top: 50%;right:5px;display:block;width: calc(67% - 180px);/*right: 20px;width: calc(100% - 180px);*/height:1px;background:#fff;}
.greeting-box .greeting-txt p .yellow{color:#ffd50e;}
.greeting-p{font-size:25px;/*font-size:20px;*/line-height:30px;font-weight:500;text-align:right;}

.expresident-box{display:table;width:100%;border-top:2px solid #124e87;table-layout:fixed;}
.expresident-box .img-box{display:table-cell;width:20%;vertical-align:middle;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.expresident-box .img-box img{max-width:120px;}
.expresident-box .img-box span{display:block;padding:10px 0 0;font-size:16px;}
.expresident-box .txt-box{display:table-cell;width:80%;}
.expresident-box dl{display:table;width:100%;table-layout:fixed;}
.expresident-box dl dt{display:table-cell;width:250px;padding:12px 10px 12px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background-color:#f1f5f8;font-weight:400;font-size:17px;color:#000;line-height:24px;text-align:center;letter-spacing:-0.5px;word-wrap:break-word;box-sizing:border-box;vertical-align:middle;}
.expresident-box dl dd{display:table-cell;width:100%;padding:12px 10px 12px;border-bottom:1px solid #e1e1e1;font-size:17px;color:#333;line-height:24px;word-wrap:break-word;letter-spacing:-0.5px;box-sizing:border-box;vertical-align:middle;}

.vision-box{position:relative;max-width:1200px;margin:0 auto;padding:30px 60px;border:1px solid #d9d9d9;box-sizing:border-box;}
.vision-box:before{content:'';position:absolute;top:-5px;left:-15px;display:block;width:35px;height:30px;background:#fff url(/jj/_res/img/introduction/bg-doublequote01.png) no-repeat 0 0;background-size:25px;}
.vision-box:after{content:'';position:absolute;bottom:-5px;right:-15px;display:block;width:35px;height:30px;background:#fff url(/jj/_res/img/introduction/bg-doublequote01.png) no-repeat 0 0;background-size:25px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

.foundation-greeting-box{padding:0 0 30px;}
.foundation-greeting-box:after{content:'';display:block;clear:both;}
.foundation-greeting-box .img-box{float:left; width:20%;padding:0 20px 0 0;box-sizing:border-box;}
.foundation-greeting-box .img-box img{width:100%;max-width: 144px;}
.foundation-greeting-box .txt-box{float:left; width:80%;}
.jj-table02.foundation tbody td img{width:100%;max-width:120px;}

.symbol-box{text-align: center;}
.symbol-box > li{display: inline-block;width: calc(33.33% - 55px);padding:0 55px 0 0;margin:0 -4px 0 0;}
.symbol-box > li:last-of-type{padding:0;margin:0;}
.symbol-box .img-box{position:relative;max-width:335px;margin:0 auto;padding:20px;border:1px dashed #d9d9d9;border-radius:50%;}
.symbol-box .img-box:after{content:'';position:absolute;left:50%;bottom:-7px;display:block;width:15px;height:15px;background:#0e65b8;border-radius:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.symbol-box dl{padding:20px 0 0;}
.symbol-box dl dt{padding:0 0 15px;font-size:30px;line-height: 35px;font-weight:500;color: #5c5c5c;}
.symbol-box dl dd{font-size:25px;line-height:30px;font-weight:500;}
.symbol-box dl dd span{display:block;font-size:17px;line-height:22px;color:#999;}

.schoolsong-box:after{content:'';display:block;clear:both;}
.schoolsong-box .left-box{float:left;width: 61%;padding: 0 50px;box-sizing: border-box;}
.schoolsong-box .left-box img{width: 100%;max-width: 700px;border: 1px solid #e1e1e1;}
.schoolsong-box .right-box{float:left;width: 39%;}
.schoolsong-box .right-box .audio-box{padding: 30px 10px;margin: 0 0 35px;background: #16476e;text-align:center;}
.schoolsong-box .right-box .audio-box audio{width:100%;max-width:300px;padding: 0 0 20px;}
.schoolsong-box .right-box .audio-box .link-box ul li a{background-color: #fff;}
.schoolsong-box .right-box .audio-box .link-box ul li a:hover{background-color: #d9e5f5;color:#333;font-weight:500;}
.schoolsong-box .right-box .audio-box .link-box ul li a:hover:after{background-image: url(/jj/_res/img/common/bg-down-link.png);}
.schoolsong-box .right-box .txt-box{padding: 30px 25px;background: #eff3f8;border-top:1px solid #5c5c5c;}
.schoolsong-box .right-box .txt-box li{padding:0 0 35px;}
.schoolsong-box .right-box .txt-box li:last-of-type{padding:0;}
.schoolsong-box .right-box .txt-box p:first-of-type{padding:0 0 5px;font-size:20px;line-height:30px;font-weight:500;}
.schoolsong-box .right-box .txt-box p:last-of-type{font-size:17px;line-height: 25px;}

.map-pop-box{padding: 0 0 10px;text-align: right;}
.map-pop-box p{display:inline-block;padding: 10px 20px;background-color: #16476e;font-size: 15px;color: #fff;cursor:pointer;}
.map-pop-box .hide-box div:first-of-type{display:none;position: fixed;top: 50%;left: 50%;width:100%;max-width:680px;z-index: 50;background: #fff;box-sizing: border-box;transform:translate(-50%,-50%);-webkit-transform:translat(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.map-pop-box .hide-box div:first-of-type img{width:100%;}
.map-pop-box .hide-box .btn-close{position: absolute;top: -80px;right: 0;}
.map-pop-box .hide-box .map-bg{display:none;position: fixed;top: 0;left: 0;z-index: 40;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}
.map-pop-box .hide-box.active div:first-of-type{display:block;}
.map-pop-box .hide-box.active .map-bg{display:block;}

/* 학교안내 > 학교소개 > 조직도 */
.organ-box > p{position: relative;padding: 0 0 75px;text-align:center;}
.organ-box > p:before{content:'';display:block;position: absolute;top: 0;left: calc(50% - 1px);width:1px;height: 100%;border-right: 1px dashed #dedede;z-index: -10;}
/*.organ-box > p:after{content:'';display: inline-block;position: absolute;left: calc(50% - 5px);bottom: 70px;width:11px;height:11px;background-color:#154971;border-radius:50%;}*/
.organ-box > p a{display:table;width:100%;max-width:210px;margin:0 auto;background: #fff;/*height:210px;padding:15px;border:1px dashed #dedede;border-radius:50%;*/box-sizing:border-box;table-layout:fixed;}
.organ-box > p a span{position: relative;display:table-cell;background:#0078ae;/*linear-gradient(#0085cc, #16476e);*/font-size:18px;line-height:30px;color:#fff;/*border-radius:50%;*/vertical-align:middle;height:49px;}
/*.organ-box > p a span:after{content:'';display:block;position: absolute;top: 10px;right: 5px;width: 77px;height: 119px;background: url(/jj/_res/img/introduction/bg-dean.png) no-repeat 0 0/100%;}*/
.organ-box .top-box{position:relative;width:80%;margin:0 auto;}
.organ-box .top-box:before{content:'';display:block;position: absolute;top: 0;left: calc(50% - 1px);width:1px;height: 100%;border-right: 1px dashed #dedede;}
.organ-box.union .top-box:before{top:24px;}
.organ-box .top-box .organ-type01{position:relative;padding:0 0 45px;}
.organ-box .top-box .organ-type01:before{content:'';display:block;position:absolute;top: calc(25% - 1px);width:100%;height:1px;border-top:1px dashed #dedede;z-index: -10;}
.organ-box.foundation .top-box .organ-type01:before{display:none;}
.organ-box .top-box .organ-type01:after{content:'';display:block;clear:both;}
.organ-box .top-box .organ-type01 > li{float: left;width:20%;max-width: 200px;margin: 0 35px 0 0;}
.organ-box.union .top-box .organ-type01 > li{width:200px;}
.organ-box .top-box .organ-type01 > li:last-of-type{float:right;margin:0;}
.organ-box .top-box .organ-type01 > li:first-child:nth-last-child(1){float: none;margin: 0 auto;}
.organ-box .top-box .organ-type01 > li > a{display:block;padding: 13px 5px;font-size:18px;line-height:23px;color:#fff;text-align:center;}
.organ-box .top-box .organ-type01.orange > li > a{background-color:#f7d200;color:#333;}
.organ-box .top-box .organ-type01 > li.purple > a{background-color:#f7d200;color:#333;}
.organ-box .top-box .organ-type01 > li.gray > a{background-color:#f7d200;color:#333;}

.organ-box .bottom-box > p{position:relative;padding:0 0 45px;text-align:center;}
.organ-box .bottom-box > p:before{content:'';display:block;position: absolute;top: 23px;left: calc(50% - 1px);width:1px;height: 100%;border-right: 1px dashed #dedede;z-index: -10;}
.organ-box .bottom-box > p a{display:inline-block;min-width:200px;padding:13px 5px;background-color:#0078ae;font-size:18px;line-height:23px;color:#fff;}
.organ-box .bottom-box .organ-type02{text-align:justify;}
.organ-box .bottom-box .organ-type02:after{content:'';display: inline-block;width:100%;}
.organ-box .bottom-box .organ-type02 > li{position: relative;display: inline-block;text-align: center;vertical-align:top;}
.organ-box .bottom-box .organ-type02.row02 > li{width: calc(100% / 2 - 2%);}
.organ-box .bottom-box .organ-type02.row04 > li{width: calc(100% / 4 - 2%);}
.organ-box .bottom-box .organ-type02.row07 > li{width: calc(100% / 7 - 2%);}
.organ-box .bottom-box .organ-type02.row08 > li{width: calc(100% / 8 - 1%);}
.organ-box .bottom-box .organ-type02.row09 > li{width: calc(100% / 9 - 1%);}
.organ-box .bottom-box .organ-type02.row10 > li{width: calc(100% / 10 - 1%);}
.organ-box .bottom-box .organ-type02 > li:before{content:'';display:block;position: absolute;top: 0;left: calc(50% - 1px);width:1px;height: calc(100% - 25px);border-right: 1px dashed #dedede;z-index: -10;}
.organ-box .bottom-box .organ-type02 > li:after{content:'';display:block;position: absolute;top: 23px;left: 50%;width: 100%;height: 1px;border-top: 1px dashed #dedede;z-index: -10;}
.organ-box .bottom-box .organ-type02 > li:last-of-type:after{display:none;}
.organ-box .bottom-box .organ-type02 > li p{padding: 0 0 20px;}
.organ-box .bottom-box .organ-type02 > li p a{display: block;padding:13px 5px;font-size:16px;line-height:21px;color:#fff;}
.organ-box .bottom-box .organ-type02.blue > li p a{background-color:#666666;}
.organ-box .bottom-box .organ-type03 > li{padding:0 0 15px;}
.organ-box .bottom-box .organ-type03 > li:last-of-type{padding:0;}
.organ-box .bottom-box .organ-type03 > li a{display: block;padding:13px 5px;font-size:16px;line-height:21px;border: 1px solid #d9d9d9;}
.organ-box .bottom-box .organ-type03.white > li a{background-color:#fff;color:#5c5c5c;}
.organ-box .bottom-box .organ-type03 > li.sky a{background-color:#e6e6e6;color:#333;}

.organ-box .info-wrap .info-box{display:none;position:fixed;top: 50%;left:50%;z-index:50;width: 100%;max-width: 1300px;padding: 40px 50px;background: #fff;transform: translate(-50%,-50%);box-sizing: border-box;}
.organ-box .info-wrap .info-box .btn-close{position:absolute;top:20px;right:20px;}
.organ-box .info-wrap .info-bg{display:none;position: fixed;top: 0;left: 0;z-index: 40;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}
.organ-box .info-wrap.active .info-box{display:block;}
.organ-box .info-wrap.active .info-bg{display:block;}

/* 신(편)입생 대학생활 길잡이 */
.freshman-video-box > div{display:inline-block;width: calc(50% - 25px);padding: 0 50px 0 0;margin:0 -4px 0 0;/* box-sizing:border-box; */vertical-align:top;}
.freshman-video-box > div:last-of-type{padding:0;margin:0;}
.freshman-video-box > div iframe{width:100%;height:352px;}
.freshman-video-box.row03 > div{width: calc(33.333% - 33px);}
.freshman-video-box.row03 > div iframe{height:300px;}
.freshman-video-box > div .link-box{padding:20px 0 0;}

/* 대학/대학원 > 대학 */
.colleges-list:after{content:"";display:block;clear:both;}
.colleges-list li{float:left;width:calc(25% - 30px);margin:0 40px 25px 0;overflow:hidden;}
.colleges-list li:nth-child(4n){margin-right:0;}
.colleges-list li:nth-child(4n+1){clear:both;}
.colleges-list li a{position:relative;display:block;width:100%;height:inherit;text-align:center;z-index:1}
.colleges-list li a img{width:100%;height:inherit;max-width:inherit;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.colleges-list li:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
.colleges-list li a span{position:absolute;top:50%;left:50%;width:100%;text-align:center;font-size:26px;font-weight:bold;color:#fff;letter-spacing:1px;transform:translate(-50%, -50%);z-index:3}
.colleges-list li a .bg{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:#000;opacity:0.5;z-index:2;}
.colleges-list li a .bg:hover{opacity:0.7;}

.colleges-box{margin-bottom:80px;}
.colleges-box > div{display:inline-block;width: calc(50% - 25px);padding: 0 50px 0 0;margin:0 -4px 0 0;/* box-sizing:border-box; */vertical-align:top;}
.colleges-box > div:last-of-type{padding:0;margin:0;}
.colleges-box > div h5 a{float:right;margin:2.5px 0 0 5px;}
.colleges-box > div .bg-box01{padding:10px;display:inline-block;width:97%;background:none;}
.college-intro{margin-bottom:15px;}
.college-intro > img{width:100%;margin-bottom:5px;}
.college-intro > p{color:#0076a3;}
.dept-list > li{position:relative;float:left;padding:0 0 0 14px;font-weight:200;width:calc(33.34% - 15px);font-size:17px;color:#333;line-height:27px;letter-spacing:-0.5px;}
.dept-list > li:before{content:'';display:block;position:absolute;width:8px;height:13px;top:7px;left:0;background:url(/jj/_res/img/common/bg-btn-more-arr01.png) no-repeat;}

/* 

/* 대학/대학원 > 대학 > 교수소개 */
/*
.professor-box > div{display:table;margin:0 0 20px 0;padding:15px 20px;width:100%;border:1px solid #e1e1e1;box-sizing:border-box;vertical-align:top;table-layout:fixed;}
.professor-box > div:last-of-type{margin:0;}
.professor-box > div > div{display:table-cell;vertical-align:top;}
.professor-box .professor-img-box{width:188px;height:208px;text-align:center;}
.professor-box .professor-img-box > img{width:100%;height:100%;object-fit:cover;}
.professor-box .professor-info-box{padding:0 0 0 20px;width: 100%;}
.professor-box .professor-info-box > p{padding: 0 0 15px 0;font-weight:500;font-size:20px;line-height:25px;}
.professor-box .professor-info-box > ul{padding: 0 0 15px 0;}
.professor-box .professor-info-box > ul > li{position:relative;padding:0 0 5px 12px;font-size:17px;line-height:22px;}
.professor-box .professor-info-box > ul > li:last-of-type{padding-bottom:0;}
.professor-box .professor-info-box > ul > li:before{content:'';position:absolute;top:13px;left:0;width:3px;height:3px;background-color:#ffa000;border-radius:5px;box-sizing:border-box;}
.professor-box .professor-info-box > ul > li > span{display:inline-block;position:relative;margin:0 6px 0 0;padding:0 10px 0 0;min-width:65px;}
.professor-box .professor-info-box > ul > li > span:after{content:'';position:absolute;top:6px;right:0;width:1px;height:12px;background-color:#dcdcdc;}
.professor-box .professor-info-box > ul > li > p{display:inline-block;max-width:calc(100% - 85px);vertical-align:top;}
*/

/* 대학/대학원 > 문화관광대학(팝업) */
.college-pop-box{position:fixed;top:50%;left:50%;z-index:50;width: 100%;max-width:1074px;height:100%;max-height:562px;padding:35px;background: #fff;border:1px solid #e1e1e1;overflow-y:auto;box-sizing: border-box;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.pop-tit-box{padding:0 0 9px;margin:0 0 25px;border-bottom:1px solid #999999;}
.pop-tit-box:after{content:'';display:block;clear:both;}
.pop-tit-box .pop-tit{display:inline-block;font-size:22px;line-height:27px;font-weight:500;}
.pop-tit-box .link-box{float:right;}
.pop-tit-box .link-box li{display:inline-block;margin:0 11px 0 0;vertical-align: top;}
.pop-tit-box .link-box li:last-of-type{margin:0;padding:0 0 0 20px;}
.pop-tit-box .link-box li a{display:block;width:30px;height:30px;}
.pop-tit-box .link-box li.home a{background:url(/jj/_res/img/colleges/ico-ct-pop-home.png)no-repeat 0 0/100%;}
.pop-tit-box .link-box li.sns a{background:url(/jj/_res/img/colleges/ico-ct-pop-sns.png)no-repeat 0 0/100%;}
.pop-tit-box .link-box li.close a{width:20px;height:20px;margin: 5px 0 0 0;background:url(/jj/_res/img/colleges/btn-ct-pop-close.png)no-repeat 0 0/100%;}
.pop-con-box-wrap{padding:0 0 30px;}
.pop-con-box{display:inline-block;width: calc(33.333% - 11px);min-height: 350px;margin: 0 11px 0 0;padding: 10px;background: #eaedf1;vertical-align:top;box-sizing: border-box;}
.pop-con-box:last-of-type{margin:0;}
.pop-con-box .video-box{padding:0 0 10px;}
.pop-con-box .video-box iframe{width:100%;height:170px;border-radius: 10px;}
.college-pop-bg{position:fixed;top:0;left:0;z-index:40;width:100%;height:100%;background:rgba(0,0,0,0.7);}

.pop-con-box .link-box li{padding:0 0 10px;}
.pop-con-box .link-box li:last-of-type{padding:0;}
.pop-con-box .link-box li a{position: relative;display: block;padding:10px 25px;background:#fff;font-size:16px;color:#333;line-height:1;text-align: center;border:1px solid #ccc;}
.pop-con-box .link-box li a:after{content:'';position: absolute;right: 10px;display:inline-block;width:16px;height:16px;background:url(/jj/_res/img/common/bg-link.png) no-repeat 0 0/100%;vertical-align:middle;}
.pop-con-box .link-box li a:hover{background-color:#16476e;color:#fff;}
.pop-con-box .link-box li a:hover:after{background-image:url(/jj/_res/img/common/bg-link-w.png);}
.pop-board-box > div{padding:0 0 10px;}
.pop-board-box > div:last-of-type{padding:0;}
.pop-board-box > div p{display: inline-block;margin: 0 -4px 0 0;}
.pop-board-box > div p:first-of-type{width: 42.6%;padding:0 10px 0 0;box-sizing: border-box;vertical-align:top;}
.pop-board-box > div p:first-of-type a{display:block;height:86px;}
.pop-board-box > div p:first-of-type a img{width:100%;height:100%;object-fit:cover;}
.pop-board-box > div p:last-of-type{width: 57.4%;}
.pop-board-box > div p:last-of-type a{display:block;font-size:16px;line-height:21px;}
.pop-board-box > div p:last-of-type a span{display:block;font-size:12px;line-height:17px;color:#777;}

.pop-btn-wrap{text-align:center;}
.pop-btn-wrap li{display:inline-block;}
.pop-btn-wrap li:first-of-type{margin:0 6px 0 0;}
.pop-btn-wrap li a{display:inline-block;min-width: 150px;padding: 11px 5px;font-size:16px;line-height:21px;border:1px solid #5c5c5c;vertical-align: middle;box-sizing: border-box;}
.pop-btn-wrap li.oneday a{background:#ebebeb;color:#5c5c5c;border-color: #959595;}

/* 대학/대학원 > 대학원 > 교육대학원 */
.goal-box > div{display:inline-block;width:24%;margin:0 -4px 0 0;vertical-align: middle;}
.goal-box > div > div{position:relative;display:table;width:200px;height:200px;background:#0076a3;border-radius: 50%;}
.goal-box > div > div:after{content:'';position:absolute;top:50%;right:-10px;display:block;width:15px;height:15px;background:#0076a3;border-radius:15px;border:5px solid #fff;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.goal-box > div > div p{display:table-cell;font-size:22px;font-weight:400;text-align:center;color:#fff;vertical-align:middle;}
.goal-box > ul{position:relative;display:inline-block;width:76%;padding:0 0 0 60px;vertical-align:middle;box-sizing:border-box;counter-reset:num 0;}
.goal-box > ul:before{content:'';position:absolute;left:0;top: 32px;width:1px;height:74%;/*height: 85%;*/background:#d7d7d7;}
.goal-box > ul > li{position:relative;padding: 20px 0;margin: 0 0 25px;text-align: center;counter-increment:num;box-sizing:border-box;}
.goal-box > ul > li:before{content:counter(num, decimal-leading-zero);position:absolute;top:50%;right:30px;font-size: 35px;font-weight:700;line-height:1;color:rgba(0,118,163,0.4);transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.goal-box > ul > li:after{content:'';position:absolute;top:50%;left: -60px;z-index: -10;display:block;width: 30%;height:1px;background:#d7d7d7;}
.goal-box > ul > li:nth-of-type(2):after{left:auto;right:100%;}
.goal-box > ul > li:last-of-type{margin:0;}
.goal-box > ul > li:nth-of-type(odd){background:#e2eaf3}
.goal-box > ul > li:nth-of-type(even){background:#f2f5f8;border:1px solid #d9e1ea;}
.goal-box > ul > li p{padding:0 100px 0 10px;font-size:18px;line-height:23px;font-weight: 400;}

/* 진로/취업/교육 */
.start-box{position:relative;max-width: 1180px;margin: 0 auto;}
.start-box:before{content:'';position:absolute;left:50%;top: 25px;z-index:-10;display:block;width:1px;height: 85%;background:#d7d7d7;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.start-box > li{padding:0 0 45px;}
.start-box > li:last-of-type{padding:0;}
.start-box .right-box > div{position:relative;}
.start-box .right-box > div:after{content:'';display:block;clear:both;}
.start-box .right-box > div .title{position:relative;float:right;width:50%;padding: 0 0 0 100px;box-sizing:border-box;}
.start-box .right-box > div .title:before{content:'';position:absolute;left:0;top: 35px;z-index:-10;display:block;width:50%;height:1px;background:#d7d7d7;}
.start-box .right-box > div .title p{max-width:490px;padding: 22px 0;text-align:center;border-radius:5px;}
.start-box .right-box > div .title p span{font-size:22px;color:#fff;font-weight: 400;}
.start-box .right-box .txt-box{position: absolute;right: 0;width: 50%;padding: 15px 20px 0 120px;box-sizing:border-box;}
.start-box .right-box .txt-box > ul > li{padding:0 0 20px;}
.start-box .right-box .txt-box > ul > li p{font-size:20px;line-height: 25px;font-weight:400;color:#0076a3;}

.start-box .left-box > div:after{content:'';display:block;clear:both;}
.start-box .left-box > div .title{position:relative;float:left;width:50%;padding: 0 100px 0 0;box-sizing:border-box;}
.start-box .left-box > div .title:before{content:'';position:absolute;right:0;top: 35px;z-index:-10;display:block;width:50%;height:1px;background:#d7d7d7;}
.start-box .left-box > div .title p{max-width:490px;padding: 22px 0;text-align:center;border-radius:5px;}
.start-box .left-box > div .title p span{font-size:22px;color:#fff;}

.start-box .center-box > div{text-align:center;}
.start-box .center-box > div .title{display:inline-block;}
.start-box .center-box > div .title:after{display:none;}
.start-box .center-box > div .title p{max-width:125px;padding: 20px 13px;background:#ffa000;box-sizing:border-box;border-radius:5px;}
.start-box .center-box > div .title p span{font-size:18px;color:#fff;line-height:27px;font-weight:400;}

.start-box .txt-ul{padding:10px 20px 0;}
.start-box .txt-ul > li{position:relative;display:inline-block;padding: 0 8px 0 0;margin: 0 4px 0 0;font-size:17px;line-height:22px;}
.start-box .txt-ul > li:after{content:'';position:absolute;top: 6px;right:0;width:1px;height:12px;background:#a9a9a9;}
.start-box .txt-ul > li:last-of-type{padding:0;margin:0;}
.start-box .txt-ul > li:last-of-type:after{display:none;}

.start-box > li > div .title:after{content:'';position:absolute;top: 25px;display:block;width: 10px;height: 10px;background: #fff;border-radius: 50%;}
.start-box .blue01 > div .title:after{border: 5px solid #0e65b8;}
.start-box .blue02 > div .title:after{border: 5px solid #4993af;}
.start-box .blue03 > div .title:after{border: 5px solid #0076a3;}

.start-box .right-box > div .title:after{left: -10px;}
.start-box .left-box > div .title:after{right: -10px;}
.start-box > li.blue01 > div .title p{background:#0e65b8;}
.start-box > li.blue02 > div .title p{background:#4993af;}
.start-box > li.blue03 > div .title p{background:#0076a3;}

.rising-box{display:table;width:100%;table-layout:fixed;counter-reset:number 0;}
.rising-box > li{position: relative;display:table-cell;vertical-align: middle;counter-increment:number;}
.rising-box.row04 > li{width:calc(100% / 4);}
.rising-box.row06 > li{width:calc(100% / 6);}
.rising-box > li:before{content:counter(number, decimal-leading-zero);position: absolute;bottom: -5px;left: 50%;font-size: 35px;font-weight: 700;line-height: 1;transform: translateX(-50%);color: rgba(255,255,255,0.2);}
.rising-box > li:after{content:'';position:absolute;top: 50%;right: -10px;/*right: -26px;*/display:block;width:21px;height:36px;background:url(/jj/_res/img/education/bg-rising-arr.png) no-repeat 0 0/100%;transform: translateY(-50%);z-index: 10;}
.rising-box > li:last-of-type{margin:0;}
.rising-box > li:last-of-type:after{display:none;}
.rising-box > li.yellow > div{background:#ffba00;}
.rising-box > li.yellow > div > p{color:#3a2d0a;}
.rising-box > li > div{display:table;width: 180px;height:180px;margin: 0 auto;background: #135388;vertical-align: middle;border-radius: 50%;}
.rising-box > li > div > p{display:table-cell;padding: 0 44px;font-size:16px;line-height:25px;font-weight:400;color:#fff;text-align: center;vertical-align:middle;}

/* 기타 검색 관련(ex, 대학생활 > 통학버스/교통 > 통학버스 > 노선표) */
.etc-srch-box{padding:10px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background-color:#f1f5f8;}
.etc-srch-box .etc-select{display:inline-block;margin:0 6px 0 0;padding:0 10px;width:160px;height:40px;border:1px solid #c2c2c2;background:#fff url(/board/_res/img/board/btn-sel-open01.png) no-repeat right 12px center;font-family:inherit;font-weight:200;font-size:16px;color:#777;box-sizing:border-box;}
.etc-srch-box .etc-input{display:inline-block;margin:0 6px 0 0;padding:6px 10px;width:200px;height:38px;border:1px solid #c2c2c2;font-family:inherit;font-weight:200;font-size:15px;color:#666;vertical-align:middle;border-radius:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;}
.etc-srch-box .btn-etc-submit{width:95px;padding:8px 10px;min-height:40px;border:none;background-color:#0076a3;font-size:16px;color:#fff;box-sizing:border-box;vertical-align:middle;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;}

/* 기타 폼 페이지 상단(바로바로센터, 계약직원 상시채용) */
.etc-top-wrap{background-color:#dbe6ee;}
.etc-top-box{margin:0 auto 40px;padding:20px 0;max-width:1300px;}
.etc-top-box > h3{position:relative;padding:0 0 15px 0;font-size:40px;line-height:50px;}
.etc-top-box > h3:before{content:'';display:block;margin:0 0 10px 0;width:180px;height:3px;background-color:#0076a3;}
.etc-top-box > h3 p{display:inline-block;}
.etc-top-box > p{font-size:16px;color:#666;line-height:21px;}


@media screen and (max-width:1600px) {

	/* GNB영역 */
	.main-header-box .main-menu-box{padding:34px 0 30px 0;}
	.gnb-wrap > p{display:none;}

	.gnb-con-box .gnb-top-box{padding:0 20px 45px;}
	.gnb-con-box .gnb-top-box .gnb-lnk-box{width:calc(100% - 427px);}
	.gnb-con-box .gnb-top-box .gnb-lnk-box ul li{padding:0 20px 0 0;}
	.gnb-con-box .gnb-top-box .gnb-util-box{padding:0 55px 0 0;}
	.gnb-con-box .gnb-top-box .gnb-util-box > p{padding:0 20px 0 0;}
	.gnb-con-box .btn-menu-close{right:20px;}

	.gnb{padding:0 20px;}
	.gnb .depth01 > li > a{padding:0 0 25px 0;font-size:26px;}

	.gnb .depth02 > li{padding:30px 0 0 0;}
	.gnb .row01 .depth02 > li{min-height:550px;}
	.gnb .depth02 > li > a{font-size:22px;line-height:27px;}

	.gnb .depth03{padding:20px 0 0 0;}
	.gnb .depth03 > li{padding:0 0 20px 0;}
	.gnb .depth03 > li > a{font-size:16px;line-height:21px;}

}

@media screen and (max-width:1300px) {

	/* 퀵메뉴 */
	.main-quick-wrap .main-quick-menu{right:15px;bottom:20px;}

	/* 상단 네비게이션 */
	.path{margin:-50px 0 0;}

}

@media screen and (max-width:1200px) {
	/* GNB영역 */
	.gnb-con-box .gnb-top-box .gnb-lnk-box ul li{padding:0 15px 0 0;}
	.gnb-con-box .gnb-top-box .gnb-lnk-box ul li a{font-size:16px;line-height:21px;}

	.main-header-box h1{padding:14px 0 0 10px;}
	.main-header-box .main-menu-box{padding:34px 10px 30px 0;}
	.main-header-box .main-menu-box ul li{padding:0 20px 0 0;}

	.gnb .depth01 > li > a{font-size:22px;}
	.gnb .depth02 > li > a{font-size:20px;line-height:25px;}

	/* 학교소개 */
	.vision-box:before{left: -1px;}
	.vision-box:after{right: -1px;}

}

@media screen and (max-width:1024px) {

	/* layout */
	.sub-content-wrap{padding:0 10px 80px;}

	/* 퀵메뉴 */
	.main-quick-wrap .btn-quick{width: 50px;height: 50px;}
	.main-quick-wrap .btn-quick:after{width:16px;height:29px;}
	.main-quick-wrap.active .btn-quick:after{width:16px;height:29px;}
	.main-quick-wrap .main-quick-menu ul{bottom: 65px;right:5px;}
	.main-quick-wrap .main-quick-menu ul li{padding:0 0 10px 0;}
	.main-quick-wrap .main-quick-menu ul li a{font-size:14px;line-height:19px;}
	.main-quick-wrap .main-quick-menu ul li a:after{margin:0 0 0 15px;width: 40px;height: 40px;}
	.main-quick-wrap .main-quick-menu ul li.quick-prroom a:after{background-size: 14px;}
	.main-quick-wrap .main-quick-menu ul li.quick-instar01 a:after{background-size: 26px;}
	.main-quick-wrap .main-quick-menu ul li.quick-onstar a:after{background-size: 18px;}
	.main-quick-wrap .main-quick-menu ul li.quick-juis a:after{background-size:20px}
	.main-quick-wrap .main-quick-menu ul li.quick-instar02 a:after{background-size: 16px;}
	.main-quick-wrap .main-quick-menu ul li.quick-fund a:after{background-size: 18px;}
	.main-quick-wrap .main-quick-menu ul li.quick-chatbot a:after{background-size: 26px;}

	/* 상단유틸 */
	.top-header-outer{display:none;}

	/* GNB영역 */
	.gnb-wrap{position:fixed;top:0;height:100%;} 
	.main-header-box h1{padding:10px 0 0 10px;width:96px;}
	.main-header-box .main-menu-box{padding:24px;background-color:#ffd50e;}
	.bottom-header-outer.fixed .main-header-box .main-menu-box{box-shadow:-2px 2px 10px rgba(0,0,0,0.5);}
	.main-header-box .main-menu-box:before{display:none;}
	.main .main-header-box .main-menu-box ul li:first-of-type{display:none;}

	.gnb-wrap .gnb-con-outer{position:fixed;width:100%;height:100%;left:0;}
	.gnb-con-box{padding:35px 0 74px;}
	.gnb-con-box .gnb-top-box{padding:0 10px 35px;}
	.gnb-con-box .gnb-top-box .gnb-lnk-box{float:none;padding:30px 0 0 0;width:100%;}
	.gnb-con-box .gnb-top-box .gnb-lnk-box:after{content:'';display:block;clear:both;}
	.gnb-con-box .gnb-top-box .gnb-lnk-box ul{padding:0;}
	.gnb-con-box .gnb-top-box .gnb-lnk-box > a span{font-size:16px;line-height:21px;}
	.gnb-con-box .gnb-top-box .gnb-util-box{float:none;padding:0;width:100%;}
	.gnb-con-box .gnb-top-box .gnb-util-box > form{width:calc(100% - 100px);}
	.gnb-con-box .gnb-top-box .gnb-util-box .menu-srch-box{width:100%;}
	.gnb-con-box .btn-menu-close{top:37px;right:10px;}

	.gnb{display:none;}  
	.slideMenu{display:block;}
	.btn-menu{display:none !important;}
	.btn-m-menu{display:inline-block !important;}

	.menu-sns-box{float:none;position:absolute;bottom:0;left:50%;padding:15px 0 20px;width:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);}
	.menu-sns-box ul{text-align:center;}
	.menu-sns-box ul li a{display:block;width:35px;height:34px;}

	/* 푸터(하단) */
	.bottom-footer-box{padding:30px 10px;}
	.etc-lnk-box{padding:0 0 0 30px;}
	.footer-info-box{padding:0 0 0 35px;}
	.footer-mark-box a{padding:0 15px 0 0}

	/* 서브비주얼 */
	.sub-visual-wrap .outer:after{display:none;}
	.sub-visual-outer{padding:80px 0 0;}
	.sub-visual-title{display:none;left:50%;top:calc(50% + 50px);padding:10px 30px;background-color:rgba(0,0,0,0.3);z-index:20;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
	.sub-visual-box{max-width:85%;}

	/* 상단 네비게이션 */
	.path-depth-wrap > ul > li{min-width:180px;}

	/* 학교안내 > 학교소개 > 교육지표 */
	.indicator-box .indisator-part-box05 ul li{margin:0 30px 0 0;padding:30px 32px;max-width:calc(100% / 3 - 20px);border-radius:20px;}

	/* 학교안내 */
	.greeting-box > div p{font-size: 20px;line-height: 33px;}
	.greeting-box .greeting-txt{padding:0 55px}
	.greeting-box .greeting-txt p{font-size:26px;}
	.schoolsong-box .left-box{padding:0 50px 0 0;}

	/* 대학/대학원 > 대학 */
	.dept-list > li{width:calc(50% - 15px);font-size:15px;color:#333;}

	/* 대학/대학원 > 대학원 > 교육대학원 */
	.goal-box > div{display:block;width:100%;margin:0 0 25px;}
	.goal-box > div > div{display: block;width:auto;height:auto;padding: 20px 0;border-radius:0;}
	.goal-box > div > div:after{display:none;}
	.goal-box > div > div p{display: block;}
	.goal-box > ul{display:block;width: 100%;padding: 0;}
	.goal-box > ul:before{display:none;}
	.goal-box > ul > li:after{display:none;}

	/* 진로/취업/교육 */
	.start-box > li{padding:0 0 15px;}
	.start-box:before{left:10px;height: 89%;}
	.start-box > li:first-of-type{padding-top:60px;}
	.start-box > li > div .title:after{top: 17px;width:5px;height:5px;border-width:3px !important;}
	.start-box .right-box > div .title{float:none;width:100%;padding: 0 0 0 40px;}
	.start-box .right-box > div .title:before{top: 22px;left: 10px;}
	.start-box .right-box > div .title:after{left: 4px;}
	.start-box .right-box > div .title p{padding:10px 0;max-width:none;}
	.start-box .right-box > div .title p span{font-size:18px;line-height:23px;}
	.start-box .right-box .txt-box{position:relative;width:100%;padding: 15px 10px 0 55px;}
	.start-box .right-box .txt-box > ul > li{padding: 0 0 15px;}
	.start-box .right-box .txt-box > ul > li p{font-size: 17px;line-height: 22px;}
	.start-box .left-box > div .title{float:none;width:100%;padding: 0 0 0 40px;}
	.start-box .left-box > div .title:before{top: 22px;left: 10px;}
	.start-box .left-box > div .title:after{left: 4px;}
	.start-box .left-box > div .title p{padding:10px 0;max-width:none;}
	.start-box .left-box > div .title p span{font-size: 18px;line-height: 23px;}
	.start-box .center-box{position:absolute;top:0;width:100%;}
	.start-box .center-box > div .title{display: block;}
	.start-box .center-box > div .title p{width:100%;max-width:none;padding:10px 0;}
	.start-box .txt-ul{padding: 10px 15px 0;}

	.rising-box{display:block;}
	.rising-box > li{display: block;}
	.rising-box.row04 > li{width: 100%;}
	.rising-box.row06 > li{width: 100%;}
	.rising-box > li:before{left: auto;right: 20px;font-size: 35px;transform: none;}
	.rising-box > li:after{display: none;}
	.rising-box > li:last-of-type{margin:0;}
	.rising-box > li:last-of-type:after{display:none;}
	.rising-box > li > div{display: block;width: auto;height: auto;padding: 10px 0;margin: 0 0 10px;text-align: center;border-radius: 10px;}
	.rising-box > li:last-of-type > div{margin:0;}
	.rising-box > li > div > p{display: block;padding: 0 50px;}

	/* 기타 폼 페이지 상단(바로바로센터, 계약직원 상시채용) */
	.etc-top-box{margin:0 auto 20px;padding:10px;}
}

@media screen and (max-width:1000px) {  

	.s_btn_area button{display:none;}
}

@media screen and (max-width:768px) {  

	/* common */  
	.pc-hide{display:block !important;}
	.mobile-hide{display:none !important;}
	.h4-tit01{padding:0 0 10px 20px;font-size:18px;line-height:23px;}
	.h4-tit01:before{top:4px;width:12px;height:14px;}
	.h5-tit01{padding:0 0 8px 12px;font-size:16px;line-height:21px;}
	.h5-tit01:before{top:7px;width:5px;height:5px;}
	.h5-tit02{padding:0 0 10px;font-size:16px;line-height:21px;}
	.h6-tit01{padding:0 0 5px 12px;font-size:15px;line-height:20px;}
	.h6-tit01:before{top:7px;width:4px;height:4px;}
	.h6-tit02{padding:0 0 5px 12px;font-size:15px;line-height:20px;}
	.h6-tit02:before{top:7px;}
	.con-box{padding:0 0 20px 0;}
	.bg-box01{padding:10px;}
	.con-inner-box{padding:0 0 0 10px;}
	.con-p{padding:0 0 15px 0;font-size:14px;line-height:24px;}
	.intro-p{padding:0 0 15px;font-size:20px;line-height:25px;}
	 /*도서관 온라인 전자정보 박람회*/
	.intro-p2{padding:0 0 15px;font-size:18px;line-height:20px;}
	.intro-div{width:100%;margin:auto;}
	.fair-booth{float:left;width:31%; margin:0 10px 20px 0;}
	.fair-booth2{width:62%; margin:0 10px 20px 0;}
	.fair-booth2 .intro-p2{top:10em;}
	.fair-img{width:100%;}
	.ul-type01 > li{padding:0 0 0 12px;font-size:14px;line-height:24px;}
	.ul-type01 > li:before{top:12px;}
	.ul-type02 > li{padding:0 0 0 7px;font-size:14px;line-height:24px;}
	.ul-type02 > li:before{top:12px;}
	.ul-type03 > li{padding:0 0 0 12px;font-size:14px;line-height:24px;}
	.ul-type03 > li:before{top:12px;}
	.intro-ul > li{padding:0 0 10px 15px;font-size:16px;line-height:26px;}
	.intro-ul > li:before{top:9px;}
	.ol-type01 > li{font-size:14px;line-height:24px;}
	.ol-type02 > li{font-size:14px;line-height:24px;}
	.mark-p{font-size:14px;line-height:24px;}
	.mark-p02{padding:0 0 0 15px;font-size:14px;line-height:24px;}

	/* 링크박스 */
	.link-box.d-ib ul li{padding:0 6px 10px 0;}
	.link-box ul li{padding:0 0 20px 0;}
	.link-box ul li a{padding:7px 12px;font-size:14px;}
	.link-box ul li a:after{margin:0 0 0 12px;}
	.link-box ul li a.link:after{width:14px;height:14px;}

	/* small link */
	.s-btn{padding:4px 8px;font-size:12px;border-radius:4px;}
	.s-btn:after{margin:0 0 0 5px;}
	.s-link:after{width:11px;height:11px;}
	.s-down:after{width:12px;height:10px;}

	/* layout */
	.sub-content-wrap{padding:0 10px 40px;}

	/* 상단팝업 */
	.main-popup-carousel-outer{margin:0 55px 0 0;}
	.main-popup-carousel .owl-carousel{padding:0 20px;}
	.main-popup-carousel .owl-carousel:after{display:none;}
	.main-popup-carousel .owl-carousel .popup-lnk-box{padding:20px 0 21px;}
	.main-popup-carousel .owl-carousel .popup-lnk-box p{padding:0 11px 0 0;max-width:calc(100% - 73px);}
	.main-popup-carousel .owl-carousel .popup-lnk-box p a{font-size:14px;line-height:19px;}
	.main-popup-carousel .owl-carousel .popup-lnk-box > a{padding:3px 8px;font-size:13px;}
	.main-popup-carousel .owl-theme .owl-dots{display:none;}

	.main-popup-box .btn-pop-close{width:20px;height:21px;} 

	.main-popup-box .do-not-open-box{right:20px;}
	.main-popup-box .do-not-open-box a:after{width:21px;height:21px;}
	.main-popup-box .do-not-open-box a span{padding:2px 6px;font-size:12px;}

	/* GNB영역 */
	.gnb-wrap{top:0;}

	.main-header-box h1{padding:4px 0 0 10px;width:80px;}
	.main-header-box .main-menu-box{padding:18px;}
	.main-header-box .main-menu-box ul li{padding: 0 15px 0 0;}
	.main-header-box .main-menu-box ul li .btn-login{width:23px;height:24px;}
	.main-header-box .main-menu-box ul li .btn-srch{width:23px;height:23px;}
	.main-header-box .main-menu-box ul li .btn-m-menu{width:34px;height:15px;}
	.main-header-box .main-menu-box ul li .btn-logout{width:22px;height:24px;}
	.main-header-box .main-menu-box ul li .btn-chatbot{width:32px;height:25px;}

	.gnb-con-box{padding:20px 0 74px;}
	.gnb-con-box .gnb-top-box{padding:0 10px 20px;}
	.gnb-con-box .gnb-top-box .gnb-lnk-box ul li a{font-size:14px;line-height:19px;}  
	.gnb-con-box .btn-menu-close{top:22px;}

	/* 푸터(상단) */
	.top-footer-box .lnk-ul{padding:30px 10px 25px;}
	.top-footer-box .lnk-ul > li{display:inline-block;margin:0 -4px 0 0;width:33.333%;vertical-align:top;}
	.top-footer-box .lnk-ul > li.row02{width:100%;padding:0 0 10px;}
	.top-footer-box .lnk-ul > li.row02 > .lnk-ul02 > li{width:33.333%;}

	/* 푸터(하단) */
	.bottom-footer-box{padding:30px 0 35px;margin:0 10px;}
	.bottom-footer-box .top-footer-inner{display:block;padding:0 0 30px;}
	.footer-logo-box{display:none;}
	.etc-lnk-box{display:block;padding:0;}
	.etc-lnk-box ul li{padding:0 14px 4px 0;}
	.etc-lnk-box ul li a{font-size:14px;line-height:19px;}
	.footer-info-box{display:block;padding:0 0 25px;} 
	.footer-info-box p{font-size:14px;line-height:19px;padding:0 0 5px;}
	.footer-info-box p.copyright{font-size:13px;line-height:18px;}
	.footer-info-box ul li{font-size:14px;line-height:19px;}   
	.footer-info-box ul li:after{top:3px;height:13px;}
	.footer-sns-box{padding:12px 0 0 50px;}
	.footer-mark-box{padding:0 45px 0 0;}
	.footer-mark-box a{padding:0 32px 0 0;}

	/* 서브비주얼 */
	.sub-visual-outer{padding:64px 0 0;}
	.sub-visual-wrap .outer:before{height:190px;}
	.sub-visual-wrap .outer:after{display:none;}
	.sub-visual-title{display:none;}
	.sub-visual-box{min-height:100px;}  

	/* 상단 네비게이션 */
	.path-box{margin:0;}
	.path{float:none;margin:0;}
	.path-home{display:none;}
	.path-depth-wrap{width:100%;}
	.path-depth-wrap > ul > li{position:relative;min-width:auto;width:33.33%;font-size:13px;line-height:18px;box-sizing:border-box;}
	.path-depth-wrap > ul > li:nth-child(3n){border-right:0;}
	.path-depth-wrap > ul > li:nth-child(3n):after{content:'';display:block;position:absolute;bottom:0;right:0;width:300%;height:1px;}
	.path-depth-wrap > ul > li > .path-selected{padding:8px 25px 8px 9px;background-position:right 8px center;font-size:14px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.path-depth-wrap > ul > li > .path-depth{padding:10px 9px;}
	.path-box .util-box{display:none;}

	/* 타이틀 */
	.page-title{padding:20px 0 25px;}
	.page-title h3{padding:15px 0 0 0;background-size:15px;font-size:22px;line-height:32px;}

	/*탭*/
	.m-tab-box{position:relative;padding:0 0 20px;}
	.m-tab-box label{display:block;position:relative;padding:5px 30px;background:#16476e url(/jj/_res/img/common/btn-tab-open.png) no-repeat right 10px top 50%;width:100%;height:35px;font-family:inherit;font-weight:500;font-size:16px;color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;box-sizing:border-box;}
	.m-tab-box.active label{background-image:url(/jj/_res/img/common/btn-tab-close.png);}
	.tab_sel{position:absolute;top:0;left:0;width:100%;height:35px;filter:alpha(opacity=0);opacity:0;}
	.tab_sel option{color:#333;}

	.tab-wrap .m-tab-box label{background:#f3f7f9 url(/jj/_res/img/common/ico-path-open.png) no-repeat right 10px top 50%;color:#115286;border:1px solid #e1e1e1;}
	.tab-wrap .m-tab-box.active label{background-image:url(/jj/_res/img/common/ico-path-close.png);}

	/* 컨텐츠 내 탭(스크립트) */
	.inner-tab-box .inner-tab{display:none;}
	.inner-tab-box .inner-tab-content > div{padding:10px;}
	.inner-tab-box .inner-tab-sel{display:block;padding:7px 10px;width:100%;border:1px solid #e3e2e2;background:#f1f5f8 url(/jj/_res/img/common/ico-path-open.png) no-repeat right 10px top 50%;box-sizing:border-box;}
	.inner-tab-box .inner-tab-sel > option{width:100%;}

	/* 학교안내 > 학교소개 > 교육지표 */
	.indicator-box > div{padding:0 0 20px 0;}
	.indicator-box > div .title{display:block;padding:0 0 15px 0;font-size:18px;line-height:23px;}
	.indicator-box > div > div{display:block;width:100%;}
	.indicator-box > div > div:after{display:none;}
	.indicator-box > div > div ul li{float:none;}
	.indicator-box > div > div ul li p{font-size:14px;line-height:19px;}
	.indicator-box .indisator-part-box01 p{padding:10px 15px;font-size:16px;line-height:26px;}
	.indicator-box .indisator-part-box01 p:before{top:-5px;left:-5px;width:18px;height:20px;background-size:15px;}
	.indicator-box .indisator-part-box01 p:after{bottom:-5px;right:-5px;width:18px;height:20px;background-size:15px;}
	.indicator-box .indisator-part-box02 ul li{padding:0 0 10px 0;width:100%;}
	.indicator-box .indisator-part-box02 ul li p{padding: 5px 10px;}
	.indicator-box .indisator-part-box02 ul li p:after{top:-9px;right:-5px;width:20px;height:20px;}
	.indicator-box .indisator-part-box02 ul li p span{display:inline-block;padding:0 6px 0 0;font-size:18px;line-height:28px;}
	.indicator-box .indisator-part-box03 ul li{padding:0 0 10px 0;width:100%;}
	.indicator-box .indisator-part-box03 ul li p{padding: 5px 10px;}
	.indicator-box .indisator-part-box03 ul li:nth-of-type(n) p{border-width:1px;}
	.indicator-box .indisator-part-box03 ul li p span{display:inline-block;padding:0 0 0 6px;font-size:18px;line-height:28px;}
	.indicator-box .indisator-part-box04 p{padding:10px 15px;font-size: 15px;line-height: 24px;}
	.indicator-box .indisator-part-box05 ul li{margin:0 0 15px 0;padding:10px;max-width:100%;min-height:0;border-radius:10px;}
	.indicator-box .indisator-part-box05 ul li:before{top:-8px;left:50%;width:15px;height:15px;border-width:3px;}
	.indicator-box .indisator-part-box05 ul li p:before{display:inline-block;margin:0 10px 0 0;;width:40px;height:40px;vertical-align:middle;}
	.indicator-box .indisator-part-box05 ul li p span{display:inline-block;max-width: calc(100% - 53px);text-align: left;vertical-align: middle;}
	.indicator-box .indisator-part-box05 ul li p span:before{display:none;}

	/* 학교안내*/
	.greeting-box{border-width: 5px;}
	.greeting-box .greeting-img{height:300px}
	.greeting-box .greeting-txt{/*position: relative;width: auto;height: auto;*/padding:15px 70px;}
	.greeting-box .greeting-txt p{font-size: 16px;line-height: 24px;transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none;-ms-transform: none;top:40%;}
	.greeting-box .greeting-txt p:before{display: none;}
	.greeting-box .greeting-txt p:after{display: none;}
	/*.greeting-box .greeting-txt p .line{display:inline-block;}*/
	.greeting-box .greeting-txt p .line:before{display:none;}
	.greeting-p{font-size:16px;line-height:22px;}

	.expresident-box{display: block;}
	.expresident-box .img-box{display:block;width:100%;padding: 15px 0;border-right:none;}
	.expresident-box .img-box span{padding: 5px 0 0;font-size:14px;}
	.expresident-box .txt-box{display:block;width:100%;}
	.expresident-box .txt-box dl dt{width: 100px;padding:7px;font-size:14px;line-height:22px;}
	.expresident-box .txt-box dl dd{padding:7px;font-size:14px;line-height:22px;}

	.vision-box{padding:15px 20px;}
	.vision-box:before{width: 25px;height: 20px;background-size: 18px;}
	.vision-box:after{width: 25px;height: 20px;background-size: 18px;}

	.foundation-greeting-box{padding:0 0 15px;}
	.foundation-greeting-box .img-box{float:none; width:100%;padding:0 0 20px;}
	.foundation-greeting-box .txt-box{float:none; width:100%;}

	.symbol-box > li{display: block;width: auto;padding:0 0 20px;margin:0;}
	.symbol-box .img-box{display: inline-block;max-width: 150px;margin: 0 -4px 0 0;padding: 10px;box-sizing: border-box;}
	.symbol-box .img-box:after{top:50%;left:auto;bottom:auto;right:-7px;width:12px;height:12px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
	.symbol-box dl{display: inline-block;min-width: 150px;padding: 0;vertical-align: middle;}
	.symbol-box dl dt{padding:0 0 5px;font-size:17px;line-height: 22px;}
	.symbol-box dl dd{font-size:16px;line-height:21px;}
	.symbol-box dl dd span{font-size:14px;line-height:19px;}

	.schoolsong-box .left-box{float:none;width: 100%;padding:0 0 20px;text-align: center;}
	.schoolsong-box .left-box img{max-width: 100%;}
	.schoolsong-box .right-box{float: none;width: 100%;}
	.schoolsong-box .right-box .audio-box{padding: 15px 10px;margin: 0 0 15px;}
	.schoolsong-box .right-box .audio-box audio{padding: 0 0 8px;}
	.schoolsong-box .right-box .audio-box .link-box.d-ib ul li{padding:0;;}
	.schoolsong-box .right-box .txt-box{padding: 15px 10px;}
	.schoolsong-box .right-box .txt-box li{padding: 0 0 10px;}
	.schoolsong-box .right-box .txt-box li:last-of-type{padding:0;}
	.schoolsong-box .right-box .txt-box p:first-of-type{padding:0 0 5px;font-size: 16px;line-height: 22px;}
	.schoolsong-box .right-box .txt-box p:last-of-type{font-size: 14px;line-height: 20px;}  

	.map-pop-box{padding:10px 0;}
	.map-pop-box .hide-box div:first-of-type{}
	.map-pop-box .hide-box .btn-close{top: -40px;right:10px;}
	.map-pop-box .hide-box div:first-of-type .btn-close img{width: 20px;}

	/* 학교안내 > 학교소개 > 조직도 */
	.organ-box:before{height: 7%;}
	.organ-box > p{padding:0 0 20px;}
	.organ-box > p:after{bottom: 15px;}
	.organ-box > p a{max-width:150px;height:39px;/*150px;padding: 10px;*/}
	.organ-box > p a span{font-size:17px;line-height:22px;height:39px;}
	.organ-box > p a span:after{width: 50px;height: 92px;}
	.organ-box .top-box{position: relative;width: auto;padding: 0 0 0 10px;}
	.organ-box .top-box:before{top: 20px;left: 0;}
	.organ-box.union .top-box:before{top:20px;}
	.organ-box .top-box .organ-type01{padding:0;}
	.organ-box .top-box .organ-type01:before{display: none;}
	.organ-box .top-box .organ-type01 > li{float:none;width: auto;max-width: none;margin: 0;padding: 0 0 10px;}
	.organ-box .top-box .organ-type01 > li:last-of-type{float:none;}
	.organ-box .top-box .organ-type01 > li > a{position: relative;padding: 8px 20px;text-align:left;font-size:15px;}
	.organ-box .top-box .organ-type01 > li > a:before{content:'';display:block;position: absolute;top: 50%;left: -8px;width: 10px;height: 1px;border-top: 1px dashed #dedede;z-index: -10;}

	.organ-box .bottom-box.head{padding:0 0 0 10px;}
	.organ-box .bottom-box > p{padding: 0 0 10px;text-align:left;}
	.organ-box .bottom-box > p:before{display:none;}
	.organ-box .bottom-box > p a{position:relative;display:block;min-width:auto;padding:8px 15px;font-size:15px;height:20px;}
	.organ-box .bottom-box.head > p a:before{content:'';display:block;position: absolute;top: 50%;left: -8px;width: 10px;height: 1px;border-top: 1px dashed #dedede;z-index: -10;}
	.organ-box .bottom-box .organ-type02{padding:0 0 0 20px;text-align:left;}
	.organ-box .bottom-box .organ-type02:after{display:none;}
	.organ-box .bottom-box .organ-type02 > li{display:block;text-align:left;padding: 0 0 10px;}
	.organ-box .bottom-box .organ-type02 > li:last-of-type{padding:0;}
	.organ-box .bottom-box .organ-type02.row02 > li{width:auto;}
	.organ-box .bottom-box .organ-type02.row04 > li{width:auto;}
	.organ-box .bottom-box .organ-type02.row07 > li{width:auto;}
	.organ-box .bottom-box .organ-type02.row08 > li{width:auto;}
	.organ-box .bottom-box .organ-type02.row09 > li{width:auto;}
	.organ-box .bottom-box .organ-type02.row10 > li{width:auto;}
	.organ-box .bottom-box .organ-type02 > li p{padding: 0 0 10px;}
	.organ-box .bottom-box .organ-type02 > li p a{position:relative;padding:8px 15px;font-size:15px;line-height:20px;}
	.organ-box .bottom-box .organ-type02 > li p a:before{content:'';display:block;position: absolute;top: 16px;left: -8px;width: 10px;height: 1px;border-top: 1px dashed #dedede;z-index: -10;}
	.organ-box .bottom-box .organ-type03 > li{padding:0 0 8px;}
	.organ-box .bottom-box .organ-type02 > li:last-of-type .organ-type03{padding:0;}
	.organ-box .bottom-box .organ-type03 > li a{position:relative;padding: 7px 15px;font-size: 15px;line-height:20px;}
	.organ-box .bottom-box .organ-type02 > li:before{top: -20px;left: -11px;height: 100%;}
	.organ-box .bottom-box .organ-type02 > li:after{display:none;}
	.organ-box .bottom-box .organ-type02 > li:last-of-type:before{height: 36px;}

	.organ-box .info-wrap .info-box{padding:10px;}
	.organ-box .info-wrap .info-box .btn-close{top:5px;right:10px;}
	.organ-box .info-wrap .info-box .btn-close img{width:15px;}

	/* 신(편)입생 대학생활 길잡이 */
	.freshman-video-box > div{display:block;width:100%;padding: 0 0 20px;margin:0;}
	.freshman-video-box > div iframe{height:240px;}
	.freshman-video-box.row03 > div{width: 100%;}
	.freshman-video-box.row03 > div iframe{height:240px;}
	.freshman-video-box > div .link-box{padding:10px 0 0;}

	/* 대학/대학원 > 대학 */
	.colleges-list li{width: calc(50% - 10px);margin: 0 2% 2% 0;}
	.colleges-list li:nth-child(2n){margin-right:0;}
	.colleges-list li a span{font-size:20px;}

	/* 대학/대학원 > 대학 > 교수소개
	.professor-box > div{padding:10px;}
	.professor-box .professor-img-box{width:100px;height:130px;}
	.professor-box .professor-info-box{padding:0 0 0 15px;}
	.professor-box .professor-info-box > p{padding:0 0 10px 0;font-size:16px;line-height:21px;}
	.professor-box .professor-info-box > ul{padding:0 0 10px 0;}
	.professor-box .professor-info-box > ul > li{padding:0 0 5px 10px;font-size:14px;line-height:19px;}
	.professor-box .professor-info-box > ul > li:before{top:8px;}
	.professor-box .professor-info-box > ul > li > span{min-width:55px;}
	.professor-box .professor-info-box > ul > li > p{max-width:calc(100% - 75px);}
	*/

	/* 대학/대학원 > 문화관광대학(팝업) */
	.college-pop-box{max-height: 886px;padding: 15px;}
	.pop-tit-box{padding: 0 0 8px;margin: 0 0 10px;}
	.pop-tit-box .pop-tit{font-size:16px;line-height:21px;}
	.pop-tit-box .link-box li a{width:25px;height:25px;}
	.pop-tit-box .link-box li.close a{margin: 3px 0 0 0;}
	.pop-con-box-wrap{padding: 0 0 20px;}
	.pop-con-box{display:block;width: 100%;min-height: auto;margin: 0 0 10px;padding: 10px;}
	.pop-con-box .video-box{padding:0 0 5px;}
	.pop-con-box .video-box iframe{height:150px;}
	.pop-con-box .link-box li{padding:0 0 5px;}
	.pop-con-box .link-box li a{padding:7px 25px;font-size:14px;}
	.pop-con-box .link-box li a:after{width:13px;height:13px;}
	.pop-board-box > div p:last-of-type a{font-size:14px;line-height:19px;}
	.pop-btn-wrap li a{min-width: 120px;padding: 8px 5px;font-size:14px;line-height:19px;}

	/* 대학/대학원 > 대학원 > 교육대학원 */
	.goal-box > div{margin: 0 0 10px;}
	.goal-box > div > div{padding: 10px 0;}
	.goal-box > div > div p{font-size: 15px;}
	.goal-box > ul > li{padding: 10px 0;margin: 0 0 10px;}
	.goal-box > ul > li:before{right: 20px;font-size: 16px;}
	.goal-box > ul > li p{padding: 0 50px 0 10px;font-size: 14px;line-height: 19px;}

	/* 진로/취업/교육 */  
	.start-box > li{padding:0 0 10px;}
	.start-box > li:first-of-type{padding-top:45px;}
	.start-box .right-box > div .title{padding:0 0 0 25px}
	.start-box .right-box > div .title p{padding:5px 0;}
	.start-box .right-box > div .title p span{font-size:15px;line-height:20px;}
	.start-box .right-box .txt-box{padding: 10px 10px 0 35px;}
	.start-box .right-box .txt-box > ul > li{padding: 0 0 7px;}
	.start-box .right-box .txt-box > ul > li p{font-size:14px;line-height:19px;}
	.start-box .left-box > div .title{padding:0 0 0 25px}
	.start-box .left-box > div .title p{padding:5px 0;}
	.start-box .left-box > div .title p span{font-size:15px;line-height:20px;}
	.start-box .center-box > div .title p{padding:5px 0;}
	.start-box .center-box > div .title p span{font-size:15px;line-height:20px;}
	.start-box .txt-ul{padding: 0 10px 0;}
	.start-box .txt-ul > li{font-size:14px;line-height:19px;}
	.start-box .txt-ul > li:after{top:4px;}

	.rising-box > li:before{font-size: 25px;}
	.rising-box > li > div{padding:5px 0;}
	.rising-box > li > div > p{font-size: 14px;line-height: 23px;}

	/* 기타 검색 관련(ex, 대학생활 > 통학버스/교통 > 통학버스 > 노선표) */
	.etc-srch-box .etc-select{display:block;margin:0 0 10px 0;width:100%;height:34px;font-size:14px;}
	.etc-srch-box .etc-input{display:block;margin:0 0 10px 0;width:100%;height:34px;font-size:14px;}
	.etc-srch-box .btn-etc-submit{display:block;padding:6px 10px;width:100%;min-height:34px;font-size:14px;}

	/* 기타 폼 페이지 상단(바로바로센터, 계약직원 상시채용) */
	.etc-top-box{margin:0 auto 20px;}
	.etc-top-box > h3{padding:0 0 10px 0;font-size:24px;line-height:34px;}
	.etc-top-box > h3:before{width:120px;}
	.etc-top-box > p{font-size:14px;line-height:19px;}
	
}

@media screen and (max-width:480px) {

	/* 상단팝업 */
	.main-popup-carousel-outer{margin:0 47px 0 0;}
	.main-popup-carousel .owl-carousel{padding:0 36px 0 10px;}
	.do-not-open-box{right:10px;}

	/* GNB영역 */  
	.gnb-con-box .gnb-top-box .gnb-lnk-box > ul{float:none;max-width:100%;}

	/* 푸터(상단) */
	.top-footer-box .lnk-ul{padding:15px 10px 5px;}
	.top-footer-box .lnk-ul > li{display:block;width:100%;padding:0 0 20px;}
	.top-footer-box .lnk-ul > li p{font-size:14px;line-height:22px;padding:0 0 10px;}
	.top-footer-box .lnk-ul > li > .lnk-ul02 > li{display:inline-block;width:50%;margin:0 -4px 0 0;}
	.top-footer-box .lnk-ul > li.row02 > .lnk-ul02 > li{width:50%;padding:0 5px 5px 0;}
	.top-footer-box .lnk-ul > li > .lnk-ul02 > li a{font-size:14px;line-height:19px;}
	
	/* 푸터(하단) */
	.bottom-footer-box{padding:15px 0;margin:0 10px;}
	.bottom-footer-box .top-footer-inner{padding:0 0 15px;}
	.etc-lnk-box{padding:0;}
	.etc-lnk-box ul li{padding:0 7px 0 0;}
	.footer-info-box{padding:0 0 15px;}
	.footer-info-box ul{padding:0;}    
	.footer-info-box ul li{display:block;padding:0 0 5px;}
	.footer-info-box ul li:first-of-type{padding:0 0 5px;}
	.footer-info-box ul li:after{display:none}
	.footer-sns-box{padding:6px 0 0;}
	.footer-sns-box ul li{margin:0 5px 0 0;}
	.footer-sns-box ul li a{width:30px;height:29px;}
	.footer-mark-box{padding:0;}
	.footer-mark-box a{padding:0 10px 0 0;}
	.footer-mark-box a img{width:50px;} 

	/* 학교안내 */
	.greeting-box .greeting-img{height:200px;}
	/*.greeting-box .greeting-img img{width:100%;}*/
	.greeting-box .greeting-txt{padding:15px 10px;}
	.greeting-box .greeting-txt p{top:35%;font-size:12px;}

	/* 대학/대학원 > 대학 > 교수소개
	.professor-box > div > div{display:block;}
	.professor-box .professor-img-box{margin:0 auto 8px;}
	.professor-box .professor-info-box{padding:0;width:100%;}
	.professor-box .professor-info-box > p{text-align:center;}
	*/

	/* 대학/대학원 > 대학 */
	.colleges-box{margin-bottom:40px;}
	.colleges-box > div{display:block;width:100%;padding: 0 0 40px;margin:0;}
}

@media screen and (max-width:320px) {
	/* 상단팝업 */
	.main-popup-carousel .owl-carousel .popup-lnk-box p{display:block;max-width:100%;}
	.main-popup-carousel .owl-carousel .popup-lnk-box > a{display:none;}

	/* 컨텐츠 내 탭(스크립트) */
	.inner-tab-box .inner-tab > li{display:block;}
}