@charset "utf-8";

/* layout.css : wrapper, header, gnb, mGnb, viaual(main, sub), snb(location), tab menu, footer etc. */

#skipNav {position:absolute;left:0;top:0;width:100%;z-index:999;}
#skipNav a {display:block;width:100%;height:0px;background:#333;line-height:30px;color:#fff;text-align:center;font-weight:700;overflow:hidden;}
#skipNav a:focus, #skipNav a:active {height:30px;}

#wrapper {position:relative;width:100%;min-width:320px;}
.fixed {position:fixed;top:0;left:0;bottom:0;right:0;width:100%;}

/* header */
#header {width:100%; height:98px; /*border-top:6px solid #15489f;*/ box-sizing:border-box;}
#header .inner {position:static;}
#header .logo {float:left; margin:25px 70px 0 0; line-height:1;}
#header .logo > a {float:left; display:block;}
#header .head_util {/* float: right; */position:absolute; top:40px; right:50%; margin-right:-570px; padding:6px 0 0;} /*201111수정*/
#header .head_util .entrance_guide {float:left; position:relative; padding:28px 0;}
#header .head_util .entrance_guide .dropdown_btn {display:inline-block; width:92px; height:36px; line-height:36px; font-family:'NanumSquare','Malgun Gothic','맑은 고딕',sans-serif; font-size:16px; color:#fff; background:#ec9e1c; border-radius:30px; text-align:center; vertical-align:middle;}
#header .head_util .entrance_guide .dropdown_btn2 {background: #0081c9;}
#header .head_util .entrance_guide ul {display:none; position:absolute; top:64px; left:0; z-index:100; margin-top:10px; padding:10px 0; width:120px; line-height:1.5; background:#fff; border:1px solid #0262d8;}
#header .head_util .entrance_guide.active ul {display:block;}
#header .head_util .entrance_guide ul:before {content:""; position:absolute; top:-10px; left:50%; margin-left:-10px; display:block; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #0262d8;}
#header .head_util .entrance_guide ul:after {content:""; position:absolute; top:-9px; left:50%; margin-left:-10px; display:block; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff;}
#header .head_util .entrance_guide ul > li > a {display:block; padding:5px 0; text-align:center;}
#header .head_util .entrance_guide ul > li > a.new_win:after {content: ""; display:inline-block; width:12px; height:12px; margin-left:10px; background: url(../images/common/ico_new_win_b.png) no-repeat 50%; vertical-align: middle;}
#header .head_util .entrance_guide ul > li > a:hover {text-decoration:underline;}
#header .head_util .entrance_guide .shortcut:after {content: ""; display: inline-block; width: 12px; height: 12px; margin-left:10px; background: url(../images/common/ico_new_win_b.png) no-repeat; vertical-align: middle;}
#header .head_util .btn {float:left; display:inline-block; padding:0; margin:22px 0 0 20px; text-align:center; box-sizing:border-box; line-height:1;}
#header .head_util .btn > img {vertical-align:top;}
#header .head_util .btn > span {display:block; padding:10px 0 0; min-height:14px; font-size:0.813em; color:#0262d8;}
#header .head_util .m_menu_open {display:none;}

/*header_top*/
#header_top {position: relative; overflow: hidden; width: 100%; height: 45px; background: #0c284a;}
#header_top .gnb_sns ul li {float:left; padding: 5px 0 0 0;}
#header_top .gnb_sns ul li a img {margin-top:5px;}
#header_top .gnb_sns ul li a span {color:#fff; font-size:14px; line-height: 34px; float:right; margin-top:-2px; margin-left:10px;}
#header_top .gnb_sns ul li a span:hover {text-decoration: underline;}
#header_top .gnb_sns ul li a span:after {content: ""; display: inline-block; width:1px; height:16px; vertical-align: middle; background:#8cb3da; margin:0 14px;}
#header_top .gnb_sns .gnb_sns_youtube a span:after {display:none;}
#header_top .gnb_link {float:right;} 
#header_top .gnb_link ul li {float:left; width:130px; height:45px; text-align:center;}
#header_top .gnb_link ul li a {display:block; margin-top:10px; color:#fff; font-weight:bold;}
#header_top .gnb_link ul li a:hover {text-decoration: underline;}
#header_top .gnb_link ul .gnb_link_01 {background:#0081c9;}
#header_top .gnb_link ul .gnb_link_02 {background:#ec9e1c;}
#header_top .gnb_link ul .gnb_link_03 {background:#2abc0f;}


/* gnb */
#gnb {float:left; line-height:92px;}
#gnb > ul > li {float:left; height:92px; box-sizing:border-box;}
#gnb > ul > li:hover,
#gnb > ul > li:focus,
#gnb > ul > li.on {border-bottom:4px solid #0262d8;}
#gnb > ul > li:hover > a,
#gnb > ul > li:focus > a,
#gnb > ul > li.on > a {color:#0262d8;}
#gnb > ul > li > a {display:inline-block; padding:0 35px; text-align:center; font-family:'NanumSquare','Malgun Gothic','맑은 고딕',sans-serif; font-size:1.250em; font-weight:700;}
#gnb > ul > li > div {display:none; position: absolute; top:137px; left:0; width:100%; line-height:1.5; padding:30px 0; background:rgba(21,137,203,0.95); z-index:90;}
#gnb > ul > li > div > ul {max-width: 1152px; margin: 0 auto; box-sizing: border-box;}
#gnb > ul > li > div > ul > li {float:left; width:17.5%; margin-right:2.5%; padding-bottom:30px;}
#gnb > ul > li > div > ul > li:nth-child(5n+1) {clear:left;}
#gnb > ul > li > div > ul > li > a:first-child {display:block; padding-bottom:15px; margin-bottom:15px; color:#fff; border-bottom:1px solid #eec70e; font-size:1.125em; font-weight:700;}
#gnb > ul > li > div > ul > li > a.depth2 {padding-right:20px; background:url(../images/common/gnb_depth2_arr.png) no-repeat 100% 13px;}
#gnb > ul > li > div > ul > li > ul > li > a {position:relative; display:block; padding-left:10px; color:#fff; font-size:0.875em;}
#gnb > ul > li > div > ul > li > ul > li > a:before {content:"-"; display:inline-block; position:absolute; top:0; left:0;}
#gnb > ul > li > div > ul > li > ul > li > a:hover,
#gnb > ul > li > div > ul > li > ul > li > a:focus {color:#ffe432; text-decoration:underline;}
/* 180917 수정 */
#gnb > ul > li.pc_hide,
#mGnb > ul > li.pc_hide {display:none;}

/* mobile menu */
#mGnb {display:none;position:fixed;top:0;right:-260px;bottom:0;width:260px;height:100%;overflow-y:auto;z-index:100;background:#fff;}
#mGnb .inner {width:100%;height:100%;background:#2f4459;overflow-y:auto;}
#mGnb button {display: block; width: 60px; height: 60px; text-indent: -9999px; font-size: 0px;}
#mGnb .m_gnb_top {position:relative;width:100%;height:60px;line-height:60px;padding-left:20px;background:#2f4459;box-sizing:border-box;}
#mGnb .m_gnb_top > p {float:left; color:#fff; font-size:1.250em;}
#mGnb .m_menu_close {float:right; width:60px; height:60px; background: url(../images/common/m_menu_close.png) no-repeat 50%; background-size: 20px;}
#mGnb > ul {width:100%; overflow-y: auto;}
#mGnb > ul > li > a {position:relative; display:block; width:100%; height:50px; line-height:50px; padding:0 20px; border-bottom:1px solid #4486c3; box-sizing:border-box; color:#fff; font-family:'NanumSquare','Malgun Gothic','맑은 고딕',sans-serif; font-size:1.250em; text-align: left; background:#216ac1;}
/* #mGnb > ul > li:last-child > a {background:#ec9e1c; border-bottom:0;} */
#mGnb > ul > li > a:after {content:""; position:absolute; top:50%; right:20px; margin-top:-3px; display: block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #fff;}
#mGnb > ul > li.on > a:after {border-top:0; border-bottom:6px solid #fff;}
#mGnb > ul > li > div {display:none;}
#mGnb > ul > li > div > ul > li {border-bottom: 1px solid #e7e7e7;}
#mGnb > ul > li > div > ul > li:first-child {border-top:0;}
#mGnb > ul > li > div > ul > li > a {position:relative; display:block; width: 100%; padding: 10px 20px; text-align: left; font-size:1.125em; box-sizing: border-box;}
#mGnb > ul > li > div > ul > li > a:after {content:""; position:absolute; top:50%; right:20px; margin-top:-3px; display: block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #000;}
#mGnb > ul > li > div > ul > li.only > a:after {content:none; display:none;}
#mGnb > ul > li > div > ul > li.on > a:after {border-top:0; border-bottom:6px solid #000;}
#mGnb > ul > li > div > ul > li > ul {display:none;}
#mGnb > ul > li > div > ul > li > ul > li {border-top: 1px solid #fff; background: #e7e7e7;}
#mGnb > ul > li > div > ul > li > ul > li:first-child {border-top:0;}
#mGnb > ul > li > div > ul > li > ul > li > a {display:block; padding:10px 0 10px 35px; font-size:1em;}
.gnb_menu .new_win:after {content: ""; display:inline-block; width:12px; height:12px; margin-left:10px; background: url(../images/common/ico_new_win.png) no-repeat 50%; vertical-align: middle;}
.m_gnb_bg {display:none;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.8);z-index:90;}


/* quick link 181017 수정 */
/* #quickLink {position:fixed; right:-100px; top:120px; width:185px; background:#fff; z-index:50;}   */
#quickLink {position:fixed; right:0px;/*right:-100px;*/ top:120px; width:185px; background:#fff; z-index:50;}  
#quickLink .tit {padding:12px 0; background:url(../images/common/quickLink_tit_bg.jpg) no-repeat 50%;}
#quickLink .tit > p {color:#fff; font-size:1.125em; font-weight:700; padding-right:100px; background:url(../images/common/quickLink_tit_arr.png) no-repeat 80% 50%;}
#quickLink .quick_link_list {display:none; position:relative; width:100%;}
#quickLink .quick_link_list > li {border:1px solid #bcbcbc; border-width:0 1px 1px;}
#quickLink .quick_link_list > li:first-child {border-width:1px;}
#quickLink .quick_link_list > li > a {display:block; padding:15px 0 15px 85px; font-size:0.875em;}
#quickLink .quick_link_list > li > .ico01 {background:url(../images/common/quickLink_ico01.jpg) no-repeat 25px 50%;}
#quickLink .quick_link_list > li > .ico02 {background:url(../images/common/quickLink_ico02.jpg) no-repeat 25px 50%;}
#quickLink .quick_link_list > li > .ico03 {background:url(../images/common/quickLink_ico03.jpg) no-repeat 25px 50%;}
#quickLink .quick_link_list > li > .ico04 {background:url(../images/common/quickLink_ico04.jpg) no-repeat 25px 50%;}
#quickLink .quick_link_list > li > .ico05 {background:url(../images/common/quickLink_ico05.jpg) no-repeat 25px 50%;}
#quickLink .quick_link_list > li > .ico06 {background:url(../images/common/quickLink_ico06.jpg) no-repeat 25px 50%;}
#quickLink .quick_link_list > li > .ico07 {background:url(../images/common/quickLink_ico07.jpg) no-repeat 25px 50%;}
#quickLink .quick_link_list > li > .ico08 {background:url(../images/common/quickLink_ico08.jpg) no-repeat 25px 50%;}
#quickLink .quick_link_list > li > .ico09 {background:url(../images/common/quickLink_ico09.jpg) no-repeat 25px 50%;}
#quickLink .quick_link_list > li > .ico10 {background:url(../images/common/quickLink_ico10.jpg) no-repeat 25px 50%;}
#quickLink .quick_link_list > li > .ico11 {background:url(../images/common/quickLink_ico11.jpg) no-repeat 25px 50%;}
#quickLink .quick_link_list > li > .ico12 {background:url(../images/common/quickLink_ico12.jpg) no-repeat 25px 50%;}
#quickLink .quick_link_list > li > .ico13 {background:url(../images/common/quickLink_ico13.jpg) no-repeat 25px 50%;}
#quickLink .quick_link_list > li > .ico14 {background:url(../images/common/quickLink_ico14.jpg) no-repeat 25px 50%;}
#quickLink .quick_link_list > li > .ico15 {background:url(../images/common/quickLink_ico15.jpg) no-repeat 25px 50%;}
#quickLink .quick_link_list > li > .ico16 {background:url(../images/common/quickLink_ico16.jpg) no-repeat 25px 50%;}
/* quick link 190111 추가 */
#quickLink .quick_link_list > li > .ico17 {background:#ffde00 url(../images/common/quickLink_ico17.png) no-repeat 25px 50%;}
#quickLink #topGo {display:block; line-height:50px; color:#fff; background:#154683; text-align:center; /*padding-right:50%;*/ cursor:pointer;} 
#quickLink .quick_link_list_ctrl {display:none;}

/* 181017 추가 */
#quickLink .tit {background-size:cover;}
#quickLink .quick_link_list.facultyMember {max-height:500px; overflow-y:auto;/* -ms-overflow-style: none; */}
/* #quickLink .quick_link_list::-webkit-scrollbar {display:none;} */
#quickLink .quick_link_list > li {height:70px; line-height:70px;}
#quickLink .quick_link_list > li > a {line-height:1.5; min-height:40px;}
#quickLink .quick_link_list > li > .no_br {padding:25px 0 5px 85px;}


/* main visual */
#mainVisual {position:relative;width:100%;height:600px;overflow:hidden;border-top:1px solid #d0d0d0;/*  background:url(../images/main/main_visual.jpg) no-repeat 50%; */}
#mainVisual .slogan_txt {position:absolute; top:-100px; right:-300px;}

/* 181019 추가 */
#mainVisual .mainVisual_bg {position:absolute; top:0; left:50%; margin-left:-1000px; width:2000px; height:600px; -webkit-animation:visualScale 4000ms 1 ease-in; -o-animation:visualScale 4000ms 1 ease-in; animation:visualScale 4000ms 1 ease-in; -webkit-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); z-index:-1; background:url(../images/main/main_visual.jpg) no-repeat 50%;}

/* mainVisual animate */
@-webkit-keyframes visualScale {
    0% {-webkit-transform:scale(1);}
    100% {-webkit-transform:scale(1.1);}
}
@-o-keyframes visualScale {
    0% {-o-transform:scale(1);}
    100% {-o-transform:scale(1.1);}
}
@keyframes visualScale {
    0% {transform:scale(1);}
    100% {transform:scale(1.1) rotate(0.02deg);}
}

/* sub visual */
#subVisual {position:relative; width:100%; padding-top:60px; height:205px; text-align:center; text-shadow:0 0 5px #000; overflow:hidden;}
#subVisual h2 {margin-bottom:0.3em; font-family:'NanumSquare','Malgun Gothic','맑은 고딕',sans-serif; font-size:2.750em; font-weight:700; color:#fff; line-height:1; z-index:10;}
#subVisual p span {letter-spacing:0.152em; color:#fff; -webkit-font-smoothing:antialiased !important; z-index:10;}
/* 180917 수정 */
#subVisual .bg_sub {position:absolute; top:0; left:50%; margin-left:-1000px; width:2000px; height:265px; -webkit-animation:bgScale 4000ms 1 ease-out; -o-animation:bgScale 4000ms 1 ease-out; animation:bgScale 4000ms 1 ease-out; -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); z-index:-1;}
#subVisual .bg_sub img {width:100%;}

/* subVisual animate */
@-webkit-keyframes bgScale {
    0% {-webkit-transform:scale(1.1);}
    100% {-webkit-transform:scale(1);}
}
@-o-keyframes bgScale {
    0% {-o-transform:scale(1.1);}
    100% {-o-transform:scale(1);}
}
@keyframes bgScale {
    0% {transform:scale(1.1);}
    100% {transform:scale(1) rotate(0.02deg);}
}


/* content */
#content {position:relative; width:100%; padding:0 0 50px;}
.inner {position:relative; width:100%; max-width:1152px; margin:0 auto; box-sizing:border-box;}
.inner:after {clear:both; content:""; display:block;}
.sect {padding:0 0 60px;}
.sect:after {clear:both; content:""; display:block;}

/* location 180917/180921/181004 수정 */
#location {width:100%;}
#location .loc_wrap {position:relative; padding-left:70px; height:60px; margin-top:-60px;}
#location .loc_wrap .loc_depth:after {content:""; display:block; clear:both;}
#location .loc_wrap .loc_home {position:absolute; top:0; left:0; }
#location .loc_wrap .loc_home a {display:block; line-height:60px; width:70px; text-align:center; background:rgba(218,60,48,0.9);}
#location .loc_wrap .loc_home a img {vertical-align:middle;}
#location .loc_wrap .loc_depth {background:rgba(11,61,117,0.9);}
#location .loc_wrap .loc_depth .loc_path {position:relative; float:left;}
#location .loc_wrap .loc_depth .tit {display:block; padding:0 20px; line-height:60px; min-width:240px; box-sizing:border-box; color:#fff; text-align:left; border-right:1px solid rgba(255,255,255,0.3);}
#location .loc_wrap .loc_depth li .loc_slideDown {position:absolute; z-index:10; top:100%; left:0; right:0; display:none;}
#location .loc_wrap .loc_depth li .tit {position:relative;}
#location .loc_wrap .loc_depth li.active .tit:after {opacity:1 !important;}
#location .loc_wrap .loc_depth li .depth1:after {content:""; position:absolute; right:15px; top:50%; margin-top:-4px; display:inline-block; width:14px; height:8px; background:url(../images/common/ico_loc_depth1.png) no-repeat 50%; opacity:0.5;}
#location .loc_wrap .loc_depth li .depth2:after,
#location .loc_wrap .loc_depth li .depth3:after {content:""; position:absolute; right:15px; top:50%; margin-top:-4px; display:inline-block; width:14px; height:8px; background:url(../images/common/ico_loc_depth2.png) no-repeat 50%; opacity:0.5;}
#location .loc_wrap .loc_depth li .depth4:after {content:""; position:absolute; right:15px; top:50%; margin-top:-4px; display:inline-block; width:14px; height:8px; background:url(../images/common/ico_loc_depth2.png) no-repeat 50%; opacity:0.5;}
#location .loc_wrap .loc_depth li .loc_slideDown a {display:block; padding:13px 20px; line-height:1.5; color:#fff; background:rgba(11,61,117,0.9); border-top:1px solid rgba(255,255,255,0.3);}
#location .loc_wrap .loc_depth .util_box {float:right; display:none;}
#location .loc_wrap .loc_depth .util_box li {float:left;}
#location .loc_wrap .loc_depth .util_box button {float:left; display:block; width:60px; height: 60px; line-height:60px; border-left:1px solid rgba(255,255,255,0.3);}
#location .loc_wrap .loc_depth .util_box .loc_slideDown a {text-align:center; float:left; display:block; min-width:auto; width:60px; height:60px; line-height:60px; border-left:1px solid rgba(255,255,255,0.3); box-sizing:border-box;}
#location .loc_wrap .loc_depth .util_box button,
#location .loc_wrap .loc_depth .util_box .loc_slideDown a {padding:0; text-align:center;}
#location .loc_wrap .loc_depth .util_box button img,
#location .loc_wrap .loc_depth .util_box .loc_slideDown a img {vertical-align:middle;}
#location .loc_wrap.no_depth .loc_depth .tit:after,
#location .loc_wrap .loc_depth li.no_depth .tit:after {display:none;}
#location .loc_wrap.no_depth .loc_depth .tit:hover,
#location .loc_wrap .loc_depth li.no_depth .tit:hover {text-decoration:none;}
#location .new_win {position:relative;}
#location .new_win:after {content: ""; display:inline-block; width:12px; height:12px; margin-left:10px; background: url(../images/common/ico_new_win.png) no-repeat 50%; vertical-align: middle;}

/* depth3 menu 181002 수정 */
#content .loc_tab {background:#fff; border:1px solid #ccc; border-top:0; text-align:center;}
#content .loc_tab ul {width:100%; padding:10px 0; box-sizing:border-box;}
#content .loc_tab ul li {display:inline-block; padding:0; background:url(../images/common/ico_loc_cutline.jpg) no-repeat 100% 50%;}
#content .loc_tab ul li:last-child {background:none;}
#content .loc_tab ul li a {position:relative; display:block; padding:6px 15px 6px 10px; font-size:1.125em;}
#content .loc_tab ul .active a,
#content .loc_tab ul li:hover a {position:relative; color:#d01607; text-decoration:underline;}
#content .loc_tab ul .active a:before {content:""; display:inline-block; margin-right:5px; width:10px; height:10px; background:url(../images/common/ico_loc_arrow.png) no-repeat 50%;}
#content .loc_tab_ctrl {display:none;}

/* tab menu */
.tab_menu {margin-bottom:60px;}
.tab_menu ul:after {content:""; display:block; clear:both;}
.tab_menu ul li {float:left; display:block; height:60px; line-height:60px; border:1px solid #ccc; margin:-1px 0 0 -1px; box-sizing:border-box;}
.tab_menu ul li a {display:block; color:#777; font-family:'NanumSquare','Malgun Gothic','맑은 고딕',sans-serif; font-size:1.125em; text-align:center;}
.tab_menu ul li a:hover {text-decoration:underline;}
.tab_menu ul li.cur {border-color:#d44437; background:#d44437;}
.tab_menu ul li.cur a {color:#fff;}
.tab_menu .col2 li {width:50%;}
.tab_menu .col3 li {width:33.3333%;}
.tab_menu .col4 li {width:25%;}
.tab_menu .col5 li {width:20%;}
.tab_menu .col6 li {width:16.6666%;}

/* footer */
#footer {position:relative; width:100%; background:#262c33;}
#footer .footer_link {background:#606871;}
#footer .footer_link ul > li {float:left; width:16.6%; text-align:center; background:url(../images/common/footerLink_cutline.png) no-repeat 100% 50%;}
#footer .footer_link ul > li:last-child {background:none;}
#footer .footer_link ul > li > a {display:inline-block; line-height:50px; padding-left:40px; color:#fff;}
#footer .footer_link ul > li > a.ico01 {background:url(../images/common/footerLink_ico01.png) no-repeat 0 50%;}
#footer .footer_link ul > li > a.ico02 {background:url(../images/common/footerLink_ico02.png) no-repeat 0 50%;}
#footer .footer_link ul > li > a.ico03 {background:url(../images/common/footerLink_ico03.png) no-repeat 0 50%;}
#footer .footer_link ul > li > a.ico04 {background:url(../images/common/footerLink_ico04.png) no-repeat 0 50%;}
#footer .footer_link ul > li > a.ico05 {background:url(../images/common/footerLink_ico05.png) no-repeat 0 50%;}
#footer .footer_link ul > li > a.ico06 {background:url(../images/common/footerLink_ico06.png) no-repeat 0 50%;}
#footer .footer_nav {border-bottom:1px solid #393f46;}
#footer .footer_nav ul > li {float:left; margin-left:50px;}
#footer .footer_nav ul > li:first-child {margin-left:0;}
#footer .footer_nav ul > li > a {display:inline-block; line-height:48px; color:#aeb1b5;}
#footer .footer_info {padding:30px 0;}
#footer .footer_info .logo {float:left; margin-right:30px;}
#footer .footer_info .copy_wrap {float:left;}
#footer .footer_info .copy_wrap > p {color:#656b73;}
#footer .footer_info .copy_wrap > .address {font-size:0.875em;}
#footer .footer_info .copy_wrap > .address a[href^="tel"]{color:#656b73; text-decoration:none;} /* iPhone safari 대응*/
#footer .footer_info .copy_wrap > .copy {font-size:0.750em;}
#footer .footer_info .family_site {float:right;}
#footer .footer_info .family_site .select_box {position:relative; display:inline-block; width:162px; z-index:20;}
#footer .footer_info .family_site .select_box .tit {display:block; width:100%; height:36px; line-height:36px; padding:0 10px; color:#fff; font-size:0.875em; text-align:left; background:#353c47 url(../images/common/select_arr.png) no-repeat 90% 50%;border:1px solid #ddd}
#footer .footer_info .family_site .select_list {display:none; position:absolute; bottom:36px; left:0; right:0; max-height:500px; padding:10px 0; background:#353c47; border:1px solid #393f46; overflow-y:auto;}
#footer .footer_info .family_site .select_list > ul > li > a {display:block; padding:5px 10px; color:#aeb1b5; font-size:0.750em;}
#footer .footer_info .family_site .select_list > ul > li > a:hover {text-decoration:underline;}

@media screen and (min-width:1350px) {
	/* footer 181025 추가 */
	#footer {padding:0 !important;}

}

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

	/* header 181019 추가 */
	#header .head_util {right:3%; margin-right:0; padding:6px 0 0;}

	/* footer 181025 수정 */
	/* #footer {padding-bottom:140px;} */
	
	/* quick link 181017 수정 */
	#quickLink {position:fixed; right:auto !important; top:auto; left:0; bottom:0; width:100%; min-width:320px; border-top:1px solid #0262d8;}
	#quickLink:hover {right:auto;}
	#quickLink .tit {display:none;}
	#quickLink .quick_link_wrap {overflow:hidden;}
	#quickLink .quick_link_list {width:100%; overflow:hidden; padding:15px 0; text-align:center;}
	#quickLink .quick_link_list > li {display:inline-block; width:12.5%; border:none !important;}
	#quickLink .quick_link_list > li > a {padding:35px 0 0; text-align:center; background-size:30px !important; background-position:50% 0 !important; line-height:1.2;}
	#quickLink #topGo {line-height:40px; padding:0;}
	#quickLink .quick_link_list.facultyMember > li {width:8%;}
	#quickLink .quick_link_list > li > .no_br {padding:40px 0 0;}
		

}

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

	/* header 180917 수정*/
	/* #header .head_util .entrance_guide, */
	#header .head_util .m_hide {display:none !important;}
	#header .head_util .m_menu_open {display:inline-block;}
	#header {width:100%; height:126px;}
	#header .logo {margin:20px 70px 0 0;}
	#header .head_util .btn {margin: 16px 0 0 20px;}

	/* gnb 180917 수정 */
	#gnb {display:none;}
	/* #mGnb > ul > li.pc_hide {display:block;} */

	/* quick link 181017 수정 */
	#quickLink .quick_link_list > li {float:left; width:14.28%;}
	#quickLink .quick_link_list.facultyMember > li {width:8.3%;} /* quick link 190111 수정 */
	#quickLink .quick_link_list.graduate > li,
	#quickLink .quick_link_list.externalFaculty > li {float:none;}

	/* sub visual 180917 수정 */
	#subVisual {height:160px; padding-top:40px;}
	#subVisual h2 {font-size:2.50em;}
	#subVisual .bg_sub {margin-left:-714px; width:1428px; height:200px;}

	/* content */
	.inner {padding:0 3%;}

	/* tab menu */
	.tab_menu .col5 li {width:25%;}
	.tab_menu .col6 li {width:33.3333%;}
	.tab_menu .mcol2 li {width:50%;}
	.tab_menu .mcol3 li {width:33.3333%;}

	/* footer */
	#footer .footer_nav ul {text-align:center; padding:10px 0;}
	#footer .footer_nav ul > li {float:none; display:inline-block; width:auto; padding-right:10px; margin-left:0; margin-right:10px; font-size:0.875em; background: url(../images/common/footerLink_cutline.png) no-repeat 100% 50%;}
	#footer .footer_nav ul > li:last-child {padding:0; margin:0; background:none;}
	#footer .footer_nav ul > li > a {line-height:30px;}
	#footer .footer_info .logo {display:none;}
	#footer .footer_info .copy_wrap {margin-top:50px;}
	#footer .footer_info .family_site {float:none; position:absolute; top:0; left:3%; width:94%;}


}

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

	/* main visual */
	#mainVisual {height: 800px; background: url(../images/main/main_visual.jpg) no-repeat 50%; background-size: cover;}
	#mainVisual .slogan_txt {display:none;}

	/* tab menu */
	.tab_menu ul li {height:50px; line-height:50px;}

	/* location 181004 수정 */
	#location .loc_wrap {padding-left:60px;}
	#location .loc_wrap .loc_home a {width:60px;}
	#location .loc_wrap .loc_depth li:first-child .tit {min-width:160px;}

	/* depth3 menu 181002 수정 */
	#content .loc_tab ul li a {font-size:1em;}
	
	/* gnb line 201113 수정 */
	#header_top .gnb_sns ul li a span {display:none;}
	#header_top .gnb_sns ul li {padding: 5px 15px 0 0;}


}

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

	/* header */
	#header {height:110px; /* line-height:70px; */} /*200619수정*/
	#header .inner {padding: 0 0 0 2%;}
	#header .logo {margin:15px 0 0;}
	#header .logo > a > img {max-width:135px;}
	#header .head_util .entrance_guide {padding:17px 0;}
	#header .head_util .entrance_guide .dropdown_btn {width:65px; font-family:'Malgun Gothic','맑은 고딕',sans-serif; font-size:0.938em;}
	#header .head_util .entrance_guide ul {width:100px; left:-18px; top:55px;}
	#header .head_util .btn {margin:10px 0 0 15px;}
	#header .head_util .btn > span {padding:5px 0 0; min-height:12px; letter-spacing:-0.05em;}

	#header_top .gnb_link ul li {width:100px;}

	/* quick link 181017수정 */
	#quickLink .quick_link_wrap {margin:0 40px; padding-bottom:40px;}
	#quickLink .quick_link_list {width:210%;}
	#quickLink .quick_link_list.facultyMember {width:275%;}
	#quickLink .quick_link_list > li {width:12%;}
	#quickLink .quick_link_list > li > a {letter-spacing:-1px;}
	#quickLink .quick_link_list_ctrl {display:block;}
	#quickLink .quick_link_list_ctrl > button {position:absolute;top:50%;width:40px; height:40px; margin-top:-38px;}
	#quickLink .quick_link_list_ctrl .prev {left:0;}
	#quickLink .quick_link_list_ctrl .next {right:0;}
	#quickLink #topGo {position:absolute; left:0; right:0; bottom:0; width:100%;}
	#quickLink .quick_link_list.graduate,
	#quickLink .quick_link_list.externalFaculty {width:102%;}
	#quickLink .quick_link_list.graduate > li,
	#quickLink .quick_link_list.externalFaculty > li {width:23%;}

	/* content 180921 수정 */
	#content {padding:0 0 30px;}
	.sect {padding:0 0 30px;}
	
	/* sub visual */
	#subVisual {padding-top:30px; height:205px; text-align:center; text-shadow:0 0 5px #000; overflow:hidden;}
	#subVisual .bg_sub {height:235px;}
	/* 180917 추가 */
	#subVisual {height:135px; padding-top:35px;}
	#subVisual h2 {font-size:2em;}
	#subVisual .bg_sub {margin-left:-607px; width:1214px; height:170px;}

	/* location */
	#location .loc_wrap {height:40px; margin-top:-40px; padding-left:50px;}
	#location .loc_wrap .loc_home a {width:50px; line-height:50px;}
	#location .loc_wrap .loc_depth .loc_path {width:50%; min-width:auto; height:50px;}
	#location .loc_wrap .loc_depth .tit {line-height:50px; padding:0 15px; min-width:100%;}
	#location .loc_wrap .loc_depth .depth2 {border-right:0;}
	#location .loc_wrap .loc_depth li .loc_slideDown a {padding:14px 15px;}
	#location .loc_wrap .loc_depth .util_box {position:absolute; top:-70px; left:50%; margin-left:-30px;}
	#location .loc_wrap .loc_depth .util_box > li:first-child {display:none;}
	#location .loc_wrap .loc_depth .util_box button {background:rgba(11,61,117,0.9); border:0;}
	#location .loc_wrap .loc_depth .util_box button, 
	#location .loc_wrap .loc_depth .util_box .loc_slideDown a {width:50px; height:50px; line-height:50px; padding:0; border-radius:50%;}
	#location .loc_wrap .loc_depth .util_box li.loc_path {width:100%;}
	#location .loc_wrap.no_depth .loc_depth .tit {border-right:0;}
	/* 180917 추가 */
	#location .loc_home,
	#location .util_box,
	#location .loc_tab,
	#location .loc_wrap > .loc_depth > ul > li:first-child {display:none;}
	#location .loc_wrap {margin-top:-40px; padding-left:0;}
	#location .loc_wrap .loc_depth .loc_path {width:100%; height:40px;}
	#location .loc_wrap .loc_depth .tit {line-height:40px;}
	#location .loc_wrap .loc_depth li .loc_slideDown a {padding:9px 15px;}
	/* 181004 추가 */
	#location .loc_wrap .loc_depth {background:none;}
	#location .loc_wrap .loc_depth .depth2 {background:rgba(11,61,117,0.9);}
	#location .loc_wrap .loc_depth .depth3 {background:rgba(21,137,203,0.95);}
	#location .loc_wrap .loc_depth .depth3+.loc_slideDown a {background:rgba(21,137,203,0.95); border-top:1px solid rgba(157,202,228,1);}

	/* depth3 menu 181002 수정 */
	#content .loc_tab {padding:0 40px; overflow:hidden;}
	#content .loc_tab ul {width:800%;/*li 최대갯수*100%*/ padding:5px 0; text-align:left;}
	#content .loc_tab ul:after {content:""; display:block; clear:both;}
	#content .loc_tab ul li {display:block; float:left; width:12.5%; padding:5px 0; background:none; text-align:center;}
	#content .loc_tab ul li a {padding:0; font-size:1em;}
	#content .loc_tab_ctrl {display:block;}
	#content .loc_tab_ctrl > button {position:absolute; top:0; width:40px; height:40px; background:#fff;}
	#content .loc_tab_ctrl .prev {left:3%; margin-left:1px;}
	#content .loc_tab_ctrl .next {right:3%; margin-right:1px;}


	/* tab menu */
	.tab_menu {margin-bottom:30px;}
	.tab_menu ul li {height:40px; line-height:40px;}
	.tab_menu ul li a {font-family:'Malgun Gothic','맑은 고딕',sans-serif; font-size:1em;}
	.tab_menu .col4 li,
	.tab_menu .col5 li,
	.tab_menu .col6 li {width:50%;}

	/* footer */
	#footer .footer_link ul {text-align:left; padding:10px 0;}
	#footer .footer_link ul > li {float:none; display:inline-block; width:auto; padding-right:10px; margin-right:10px;}
	#footer .footer_link ul > li:last-child {padding:0; margin:0;}
	#footer .footer_link ul > li > a {line-height:30px; padding-left:30px; background-size:25px !important;}
	#footer .footer_nav ul {text-align:left;}

}


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

	/* location 180917/180921 추가, 수정 */
	#location .loc_wrap .loc_depth .tit:hover,
	#location .loc_wrap .loc_depth a:hover {text-decoration:underline;}
	#location .loc_wrap .loc_depth li:hover .tit:after {opacity:1 !important;}

}

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

	/* main visual 201211 수정*/
	#mainVisual {height:520px; background-size:cover;}
	#mainVisual .mainVisual_bg {height:360px; background-size:cover;}

	/* sub visual 180917 추가 */
	#subVisual .bg_sub {margin-left:-770px}

	/* footer 180917 추가 */
	#footer .footer_info {padding:20px 0;}
	#footer .footer_link ul > li {padding-right:8px; margin-right:8px;}
	#footer .footer_info .family_site .select_box {float:left; width:49.5%; margin-bottom:10px;}
	#footer .footer_info .family_site > div:first-child {margin-right:1%;}
	#footer .footer_info .family_site .select_box .tit {background-position:95% 50%;}

}

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

	/* location 180917 주석처리 */
/*	#location .loc_wrap {margin-top:-100px;}*/
/*	#location .loc_wrap .loc_depth .util_box {top:auto; bottom:0; left:0; margin-bottom:-50px; margin-left:0; border-right:1px solid rgba(255,255,255,0.3);}*/
/*	#location .loc_wrap .loc_depth .util_box button,*/
/*	#location .loc_wrap .loc_depth .util_box .loc_slideDown a {width:50px; height:50px; border-radius:0;}*/
/*	#location .loc_wrap .loc_depth .util_box .loc_slideDown a {border-top:1px solid rgba(255,255,255,0.3);}*/
/*	#location .loc_wrap .loc_depth li .depth1 {border-right:0;}*/
/*	#location .loc_wrap .loc_depth .loc_path {box-sizing:border-box; width:100%; min-width:auto;}*/
/*	#location .loc_wrap .loc_depth .loc_path:first-child {border-bottom:1px solid rgba(255,255,255,0.3);}*/
/*	#location .loc_tab {margin-top:50px;}*/
/*	#location .loc_wrap.no_depth {margin-top:-50px;}*/
/*	#location .loc_wrap.no_depth .loc_depth .loc_path:first-child {border-bottom:0;}*/
/*	#location .loc_wrap.no_depth .loc_depth .tit:after {display:none;}*/
/*	#location .loc_wrap.no_depth .loc_depth .util_box {top:-70px; bottom:auto; left:50%; margin-bottom:0; margin-left:-25px; border-right:0;}*/
/*	#location .loc_wrap.no_depth .loc_depth .util_box button,*/
/*	#location .loc_wrap.no_depth .loc_depth .util_box a {width:50px; height:50px; border-radius:50%;}*/

	/* tab menu */
	.tab_menu ul li {height:40px; line-height:40px;}
	.tab_menu ul li a {font-size:1em;}
	.tab_menu .col3 li {width:100%;}


	/* header_top 200624추가 */
	#header_top .gnb_sns a {padding:0px;}
	#header_top .gnb_sns a span {font-size:11px; margin-left:5px;}
	#header_top .gnb_sns ul li {padding: 5px 8px 0 0;}
	#header_top .gnb_link ul li {width:76px;}
	#header_top .gnb_link ul li a {font-size:13px;}

}

@media screen and (max-width:360px){
	
	/* header */
	#header .logo > a > img {max-width:120px;}
	#header .head_util .btn {margin:16px 0 0 10px;}
	#header .head_util .btn > img {width:23px; height:auto;}
	#header_top .gnb_sns ul li {padding: 5px 6px 0 0;}
	#header_top .gnb_sns ul li a img {width:22px; height:22px;}
	#header_top .gnb_link ul li {width:70px;}
	#header_top .gnb_link ul li a {font-size:12px;}

}

@media screen and (max-width:320px){
	#header_top .gnb_sns ul li a img {width:20px; height:20px;}
	#header_top .gnb_link ul li {width:62px;}
}



/* 181030 수정 */
#mGnb {background:#2f4459;}
#mGnb > ul > li > div {background:#fff;}
#mGnb > ul > li.go_sitemap > a {border-bottom:0;}
#mGnb > ul > li.go_sitemap > a:after {display:none;}
#gnb > ul > li.go_sitemap {display:none !important;}