@charset "utf-8";

/* 레이아웃 공통 */
html, body{position:relative; width:100%;}
body.freeze{overflow-x:hidden; overflow-y:hidden}
body.dimmed #header, body.dimmed #footer{z-index:auto}
body{color:#000; font-size:16px; line-height:1.5; font-family:'Noto Sans KR', sans-serif; word-break:break-all}
main{display:block;}

/* 본문바로가기 */
.skipnav{position:absolute;z-index:3999;top:-100px;width:100%;padding:0;list-style:none;font-size:14px;}
.skipnav li{position:relative;top:0;left:0;width:100%}
.skipnav li a{display:block;position:absolute;top:0;width:100%;padding:15px 0;background:#c92128;color:#fff;text-align:center;text-decoration:none}
.skipnav li a:focus,.skipnav li a:active{top:100px}

/* slick 플러그인 */
.slick-slider .slick-list{display:block; overflow-x:hidden; overflow-y:hidden; position:relative}
.slick-slider .slick-list.dragging{cursor:pointer}
.slick-slider .slick-list .slick-track{display:block; position:relative; top:0; left:0}
.slick-slider .slick-list .slick-track:before, .slick-slider .slick-list .slick-track:after{display:table; content:''}
.slick-slider .slick-list .slick-track:after{clear:both}
.slick-slider .slick-list.slick-loading .slick-track{visibility:hidden}
.slick-slider .slick-list .slick-track .slick-slide{display:none; float:left}
.slick-slider[dir='rtl'] .slick-list .slick-track .slick-slide{float:right}
.slick-slider .slick-list .slick-track .slick-slide img{display:inline-block;width:100%;}
.slick-slider .slick-list .slick-track .slick-slide.slick-loading img{display:none}
.slick-slider.slick-initialized .slick-list .slick-track .slick-slide{display:block}
.slick-slider .slick-list .slick-track.slick-loading .slick-slide{visibility:hidden}
.slick-slider .slick-arrow.slick-hidden{display:none}


/* 헤더 */
#header{width:100%;z-index:2003;background:rgba(255,255,255,0.9);box-shadow: 0 0px 10px rgba(0,0,0,.5);position:absolute;}
#header.fixed{position:fixed;}
#header > .inner{position:relative;max-width:1400px;margin:0 auto;height:83px;}
#header h1{position:absolute;top:50%;margin-top:-37px;left:0px;z-index:10;}
#header h1 a{display:block;}
#header h1 a img{}

#gnb{position:absolute;top:0px;padding: 0px 122px 0 349px;width:100%}
#gnb a:hover{text-decoration:none;}
#gnb > ul > li{float:left;position:relative;width:calc((100% - 1px) / 5)}
#gnb h2 a{display:block;padding:27px 0px 26px;font-weight:500;font-size:20px;position:relative;letter-spacing:-1px;text-align:center;}
#gnb h2.active a{background:#fff; color: #454545;;}
#gnb h2.active a:after{content:'';position:absolute;display:block;top:0px;height:4px;left:0px;right:0px;background:#001b5d}


#gnb .depth_02{position:absolute;top:83px;left:0px;width:100%;display:none;background:rgba(0,0,0,0.8);letter-spacing:-1px;overflow:hidden}
#gnb .depth_02 a{padding:13px 5px 13px;display:block;text-align:center;color:#fff;position:relative;line-height:1.3;word-break: keep-all;}
#gnb .depth_02 a[target=_blank]:after{content:'';display:block;width:16px;height:14px;background:url(/page/school/images/sub/sp_sub.png) no-repeat -99px 0;display:inline-block;margin-left:6px;}
#gnb .depth_02 .active{background:#002172;}
#gnb .depth_02 .active a{color:#fff;}
#gnb .depth_02 li:first-child a{padding:18px 5px 13px}
#gnb .depth_02 li:last-child a{padding:13px 5px 18px}


#gnb .depth_02 .active a[target=_blank]:after{background-position:-99px 0;}
#menus{position:absolute;top:0px;right:0px;}
#menus .language{display:block;float:left;width:48px;height:48px;line-height:48px;font-weight:500;font-size:24px;background:#d1c0a5;text-align:center;margin-top:17px;}
#menus .search{display:block;float:left;width:48px;height:48px;background:#555;margin-top:17px;overflow:hidden;text-indent:-9999px;position:relative;}
#menus .search:after{content:'';position:absolute;top:50%;left:50%;margin:-12.5px 0 0 -12.5px;width:25px;height:25px;background:url(/page/school/images/common/sp_common.png) no-repeat 0 0;}
#menus .sitemap{display:block;float:left;width:48px;height:48px;background:#c92128;margin-top:17px;overflow:hidden;text-indent:-9999px;position:relative;}
#menus .sitemap:after{content:'';position:absolute;top:50%;left:50%;margin:-11.5px 0 0 -11.5px;;width:23px;height:23px;background:url(/page/school/images/common/sp_common.png) no-repeat -45px 0;}

#sitemap{position:fixed;background:#fff;left:0;top:0;width:100%;height:100%;overflow-y:auto;z-index:1000;display:none;}
#sitemap .inner{max-width:1400px;margin:0 auto;padding:70px 0 30px 15px;position:relative;}
#sitemap .inner > ul{overflow:hidden;}
#sitemap .inner > ul > li{display:inline-block;width:calc((100% - 200px) / 6);margin-right:30px;vertical-align:top;}
#sitemap h2{color:#c92128;font-size:22px;font-weight:500;padding:20px 0;border-bottom:1px solid #c92128;}
#sitemap .depth_02{padding:17px 0;}
#sitemap .depth_02 > li{padding:3px 0;}
#sitemap h3 a{display:block;color:#181717;padding:6px 0;position:relative;word-break:keep-all;}
#sitemap h3.has_3depth a:after{content:'+';display:inline-block;margin-left:6px;font-weight:500;}
#sitemap h3.has_3depth.active a:after{content:'-'}
#sitemap h3 a[target=_blank]:after{content:'';width:13px;height:11px;background:url(/page/fire/images/sub/sp_sub.png) no-repeat -161px 0;display:inline-block;margin-left:6px;}

#sitemap .depth_03{display:none;}
#sitemap h4 a{display:block;color:#707070;font-size:14px;font-weight:300;padding:3px 0 3px 19px;position:relative;}
#sitemap h4 a[target=_blank]:after{content:'';display:block;width:13px;height:11px;background:url(/page/fire/images/sub/sp_sub.png) no-repeat -161px 0;display:inline-block;margin-left:6px;}
#sitemap h4 a:before{content:'';display:block;width:3px;height:3px;background:#c92128;border-radius:50%;position:absolute;left:12px;top:12px;}
#sitemap .close{width:33px;height:33px;overflow:hidden;text-indent:-9999px;background:url(/page/fire/images/common/sp_common.png) no-repeat -87px 0;position:absolute;top:30px;right:0px;}
#sitemap .login{text-decoration:underline;font-size:18px;font-weight:500;position: absolute;top:30px;right:63px;text-decoration:none;}
#sitemap .login:hover{color:#c92128;}

#search{position:absolute;top:0;left:0;width:100%;z-index:50;height:400px;background: url(/page/school/images/common/bg_search_01.png) no-repeat top left, #fff url(/page/school/images/common/bg_search_02.png) no-repeat bottom right -50px;display:none;box-shadow: 0 8px 8px rgba(0,0,0,.07);}
#search .inner{position:relative;max-width:1400px;margin:0 auto;text-align:center;white-space:nowrap;}
#search .inner strong{display:block;font-family:'Noto Serif KR';font-size:48px;padding-top:58px;text-align:center;font-weight:400;}
#search .search_box{background:#fff;height:70px;border-radius:35px;max-width:800px;margin:25px auto 0;position:relative;border:5px solid #c92128;}
#search input[type=search]{width:calc(100% - 140px);margin:0 auto;display:block;background:transparent;height:100%;color:#2f2f2f;font-size:24px;text-align:center;font-weight:300;padding-top:1px;}
#search input[type=search]::placeholder{color:#2f2f2f;font-weight:300;font-size:24px;}
#search input[type=search]:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent;}
#search input[type=submit]{width:70px;height:60px;position:absolute;top:0px;right:0px;overflow:hidden;text-indent:-9999px;background:url(/page/school/images/common/search_01.png) no-repeat 7px 12px}
#search .recommend{display:inline-block;width:110px;height:36px;color:#fff;font-weight:500;line-height:34px;text-align:center;border-radius:18px;background:#d50000;margin:24px 0 0 20px;vertical-align: middle;}
#search .hash{text-align:center;margin-top:13px;padding:0 20px 10px 20px;display:inline-block;overflow:hidden;white-space:normal;vertical-align: middle;max-width:900px;}
#search .hash li{display:inline-block;margin-top:20px;float:left;}
#search .hash li a{display:block;height:36px;line-height:33px;;padding:0 20px;border:1px solid #c92128;border-radius:4px;margin-right:16px;font-weight:300;color:#464646;box-shadow:3px 4px #e5e5e5;background:#fff;}
#search .close{width:33px;height:33px;overflow:hidden;text-indent:-9999px;background:url(/page/school/images/common/sp_common.png) no-repeat -87px 0;position:absolute;top:30px;right:0px;}


#mobile_menus {display:none;}
#mask_mobile{position:fixed;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:101;display:none;}
#mobile_gnb_wrap{position:fixed;top:0px;right:-300px;width:300px;max-width:400px;height:100%;background:url(/page/school/images/common/bg_mobile_inner.jpg) repeat 0 0;z-index:102;overflow-y:auto;padding:61px 0 140px;}
#mobile_gnb_wrap .mobile_gnb_menus{position:absolute;top:0;right:13px;}
#mobile_gnb_wrap .mobile_gnb_menus .login{display:block;float:left;height:61px;line-height:61px;padding:0 15px;font-weight:300;color:#fff;}
#mobile_gnb_wrap .mobile_gnb_menus .language{display:block;float:left;width:35px;height:35px;text-align:center;line-height:35px;color:#2e2f3a;font-size:18px;background:#d1c0a5;margin-top:13px;}
#mobile_gnb_wrap .mobile_gnb_menus .gnb_close{display:block;float:left;width:35px;height:35px;background:#8d0d13;margin-top:13px;overflow:hidden;text-indent:-9999px;position:relative;}
#mobile_gnb_wrap .mobile_gnb_menus .gnb_close:after{content:'';position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;background:url(/page/school/images/common/sp_common.png) no-repeat -252px 0;}

#mobile_gnb_wrap .mobile_search{padding:27px 17px 0;}
#mobile_gnb_wrap .mobile_search strong{display:block;font-family:'Noto Serif KR';font-size:22px;text-align:center;color:#fff;font-weight:400;}
#mobile_gnb_wrap .search_box{background:#fff;height:40px;border-radius:20px;margin-top:10px;position:relative;}
#mobile_gnb_wrap .search_box input[type=search]{width:calc(100% - 55px);margin:0 40px 0 15px;display:block;background:transparent;height:100%;color:#1b1b1b;font-size:18px;text-align:center;font-weight:300;}
#mobile_gnb_wrap .search_box input[type=search]::placeholder{color:#1b1b1b;font-weight:300;font-size:18x;}
#mobile_gnb_wrap .search_box input[type=search]:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent;}
#mobile_gnb_wrap .search_box input[type=submit]{width:40px;height:40px;position:absolute;top:0px;right:0px;overflow:hidden;text-indent:-9999px;background:url(/page/school/images/common/sp_common.png) no-repeat -274px -269px;}
#mobile_gnb_wrap .hash{padding-top:10px;text-align:center;}
#mobile_gnb_wrap .hash li{display:inline-block;margin-top:5px;}
#mobile_gnb_wrap .hash li a{display:block;color:#fff;font-size:13px;font-weight:300;padding:0 7px 0 2px;letter-spacing:-1px;position:relative}
#mobile_gnb_wrap .hash li a:after{content:'';width:1px;height:12px;background:#fff;display:block;position:absolute;top:5px;right:0px;}
#mobile_gnb_wrap .hash li:last-child a{padding-right:0;}
#mobile_gnb_wrap .hash li:last-child a:after{display:none;}

#mobile_gnb{}
#mobile_gnb h2 a{display:block;border:1px solid #991218;color:#fff;font-size:18px;font-weight:500;padding:11px 50px 11px 20px;position:relative;margin-top:-1px}
#mobile_gnb h2 a:after{content:'';display:block;width:2px;height:14px;background:#fff;position:absolute;right:30px;top:50%;transform:translateY(-50%);}
#mobile_gnb h2 a:before{content:'';display:block;width:14px;height:2px;background:#fff;position:absolute;right:24px;top:50%;transform:translateY(-50%);}
#mobile_gnb h2.active a:after{display:none;}

#mobile_gnb .depth_02{display:none;}
#mobile_gnb .depth_02 h3 a{display:block;background:#fff;color:#555;padding:12px 50px 12px 20px;position:relative;border:1px solid #dcdcdc;margin-top:-1px}
#mobile_gnb .depth_02 h3 a:before{content:'';display:block;width:20px;height:20px;background:url(/page/school/images/common/sp_common.png) no-repeat -59px -53px;position:absolute;right:19px;top:50%;margin-top:-10px;}
#mobile_gnb .depth_02 h3 a[target=_blank]:after{content:'';display:block;width:11px;height:11px;background:url(/page/school/images/sub/sp_sub.png) no-repeat 0 0;display:inline-block;margin-left:6px;}
#mobile_gnb .depth_02 h3.active a{background:#555;color:#fff;}
#mobile_gnb .depth_02 h3.active a:before{background-position:-30px -53px}
#mobile_gnb .depth_02 h3.no_3depth a:before{display:none;}

#mobile_gnb .depth_03{background:#f0f0f0;padding:9px 0;border:1px solid #dcdcdc;border-width:1px 0;margin-top:-1px;display:none;}
#mobile_gnb .depth_03 h4 a{display:block;font-size:14px;padding:4px 20px 4px 32px;position:relative;color:#555;}
#mobile_gnb .depth_03 h4 a[target=_blank]:after{content:'';display:block;width:11px;height:11px;background:url(/page/school/images/sub/sp_sub.png) no-repeat 0 0;display:inline-block;margin-left:6px;}
#mobile_gnb .depth_03 h4 a:before{content:'-';position:absolute;top:4px;left:24px;}


@media screen and (max-width:1200px) {
    #header h1{left:10px;margin-top:-29px;}
    #header h1 a img{width:190px;}
    #header > .inner{height:61px;max-width:748px;}
    #gnb, #menus, #sitemap, #search{display:none !important;}
    #mobile_menus{display:block;position:absolute;top:13px;right:13px;}
    #mobile_menus .gnb_open{display:block;float:left;width:35px;height:35px;background:#c92128;overflow:hidden;text-indent:-9999px;position:relative;}
    #mobile_menus .gnb_open:after{content:'';position:absolute;top:50%;left:50%;width:18px;height:15px;background:url(/page/school/images/common/sp_common.png) no-repeat 0 -54px;margin:-7.5px 0 0 -9px;}
}

@media screen and (min-width:1200px) {
    #mask_mobile, #mobile_gnb_wrap{display:none !important;}
}


/* 푸터 */
#footer{background:#ddd;}
#footer .banner{padding:20px 0 19px;}
#footer ul.slick-slide{background: none;}
#footer .slick_box{max-width:1400px;width:100%;margin:0 auto;position:relative;}
#footer .slick{margin:0 auto;padding:0 200px 0 22px;}
#footer .slick-slide{margin:0 16px 0 0;padding:5px 10px 5px !important;background:#fff;border-radius:10px;border:1px solid #dcdcdc;}
#footer .slick-slide img{height:34px !important;width:auto !important;display:block;}
#footer .control{position:absolute;top:10px;right:35px;}
#footer .control .prev{padding:0 10px;vertical-align:middle;}
#footer .control .next{padding:0 10px;vertical-align:middle;}
#footer .control .pause{padding:0 10px;vertical-align:middle;}
#footer .control .play{display:none;padding:0 6px 0 7px;vertical-align:middle;}
#footer .info{position:relative; z-index:20;  min-height: 359px; background:url('/page/school/images/common/footer_bg.png') no-repeat 50% center; background-size: cover;}
#footer .info .inner{margin:0 auto;position:relative;padding:0px 0 50px;max-width:1400px;}
#footer .info .logo{float: left; margin-top: 81px;}
#footer .info .text{padding: 81px 0 0 350px;}
#footer .info .quick{position:relative;margin-bottom:25px;}
#footer .info .quick a{display:inline-block;color:#b1b1b6;padding:0 2.02vw;margin:5px 0 0 0;position:relative;font-weight:300;}
#footer .info .quick a:first-child{padding-left:0}
#footer .info .quick a:last-child{padding-right:0}
#footer .info .quick a.individual{color:#ff9100;}
#footer .info .quick a:after{content:'';display:block;width:1px;height:15px;background:#b1b1b6;position:absolute;top:6px;right:0px;}
#footer .info .quick a:last-child:after{display:none;}
#footer .info .address{color:#b1b1b6;font-weight:300;margin:0 auto;}
#footer .info .address p + p{margin-top:2px;}
#footer .info .address p span{padding-left:25px;}

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

    #footer .info .logo{padding:0 30px 0 15px;}

}


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

    #footer .info .inner{padding-bottom:25px;}
    #footer .info .logo{float:none;position:relative;right:inherit;bottom:inherit;padding:0;text-align:center;top: 18px; margin-top: 0;}
    #footer .info .logo a{display:block;max-width:173px;margin:0 auto;}
    #footer .info .logo img{max-width:173px;max-height:50px;}
    #footer .info .text{padding:0; margin-top: 16px;}
    #footer .info .quick{margin:0 -1px 0;padding-bottom:23px;}
    #footer .info .quick a{font-size:14px;padding:0 !important;height:34px;line-height:32px;text-align:center;border:1px solid #20232e;width:25%;float:left;display:block;margin:-1px 0 0 -1px;}
    #footer .info .quick a:nth-child(n+5){width:33.3333%;}
    #footer .info .quick a:after{display:none;}
    #footer .info .quick:before{display:none;}
    #footer .info .address{padding:0;}
    #footer .info .address p{font-size:14px;text-align:center}
    #footer .info .address p span{padding-left:5px;}

}

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

    #footer .control{display: none;}
    #footer .slick{padding: 0 22px;}

}

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

    #footer .info .logo{top:84px;}
    #footer .info .quick{margin-top:-2px;}
    #footer .info .quick a{width:50% !important;}
    #footer .info .address p span{display:block;padding:0;}

}


#footer .family{text-align:center;margin-bottom:23px;padding-top:8px;height:47px;z-index:700;position:relative;}
#footer .family .box{float:left;margin-right:10px;position:relative;}
#footer .family .box:last-child{margin-right:0;}
#footer .family .box .open{width:224px;height:39px;line-height:37px;color:#000;padding-left:20px;position:relative;background:#e0e0e0;text-align:left;}
#footer .family .box:first-child .open{background:#fafafa;}
#footer .family .box .open:after{content:'';display:block;width:14px;height:8px;background:url(/page/fire/images/common/arrow_02.png) no-repeat 0 0;position:absolute;top:16px;right:20px;}
#footer .family .box .open.active:after{background:url(/page/fire/images/common/arrow_03.png) no-repeat 0 0;}
#footer .family .view{position:absolute;left:0px;bottom:39px;background:#fafafa;width:100%;box-shadow:5px -5px 5px rgba(0,0,0,.15);padding-top:39px;z-index:20;display:none;}
#footer .family .view .close{position:absolute;left:0px;top:0px;background:#37474f;color:#fff;height:39px;line-height:37px;width:100%;padding-left:20px;text-align:left;}
#footer .family .view .close:after{content:'';display:block;width:14px;height:8px;background:url(/page/fire/images/common/arrow_04.png) no-repeat 0 0;position:absolute;top:16px;right:20px;}
#footer .family .view li a{height:32px;line-height:30px;color:#212121;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 5px;}
#footer .family .view li a:hover{font-weight:500;background:#e0e0e0;}

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

    #footer .family{margin-bottom:20px;}
    #footer .family .box{float:none;display:inline-block;margin-right:6px;}

}

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

    #footer .info .logo{top:19px;}
    #footer .family{margin-bottom:25px;height:auto;}
    #footer .family .box{display:block;margin:5px auto 0 !important;width:224px;}

}






/* 기타 */
#btn-top{position:fixed;bottom:50px;right:50px;display:block;width:64px;height:64px;background:url(/page/school/images/common/top_01.png) no-repeat 0 0;overflow:hidden;text-indent:-9999px;opacity:.6;z-index: 1200;}
.flip-x {-webkit-transform: scaleX(-1); transform: scaleX(-1);}
.flip-y {-webkit-transform: scaleY(-1); transform: scaleY(-1);}
.flip-90 {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}

@media screen and (max-width:1200px) {
    #btn-top{bottom:20px;right:20px;width:45px;height:45px;background-size:45px 45px;}
}