@charset "utf-8";
@import url('common.css');

html {font-size: 16px;}
body {font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 1rem;}
#wrap-all{overflow:hidden;min-width:320px;}
#wrap>#content {min-height: 400px;}
.container-fluid {max-width: 1200px;margin: 0 auto;position:relative;}
.flexslider {background: none;}
.slick-prev, .slick-next {width:18px;height:34px;border-radius: 0;font-size: 0; z-index: 2;}
.slick-prev:before, .slick-next:before {display: none}
.slick-prev{background: url(../img/arr_slide_prev.png) no-repeat 50%; left: -45px}
.slick-next {background: url(../img/arr_slide_next.png) no-repeat 50%; right: -45px}
.flex-control-nav {font-size: 0;bottom: 6%}
.flex-control-paging li a.flex-active {background: #109481; opacity: 1}
.flex-control-paging li a {background: #cdcdca; -webkit-box-shadow: none; box-shadow: none; width: 1rem; height: 1rem;}
.slick-dots {font-size: 0; bottom: 6%}
.slick-dots li {margin: 0 6px;width: auto;height: auto}
.slick-dots li button:before {display: none}
.slick-dots li button {background: #fff; -webkit-box-shadow: none; box-shadow: none; width: 1rem; height: 1rem; border-radius: 50%; margin: 0; padding: 0;}
.slick-dots li.slick-active button {background: #146eb1; opacity: 1;width:50px;border-radius:15px 15px;transition:all .25s ease}

/* HEADER */
#header {position: absolute;top: 0;left: 0;right: 0;width: 100%; height: 108px; background:rgba(255,255,255,1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 101;}
#header:hover{background:#fff;}
#header h1.logo {font-size: 0;position: absolute;left: 50% ;top: 25px;width:207px;height:100px;background:url("../img/logo.png") 0 0 no-repeat;transform:translateX(-50%);z-index:900;}
#header h1.logo a{display:block;height:100%;}
#header #gnb {text-align: center;font-weight: 400}

/* 서브날림 -- 요부분만 해제하면 되는것 같음.
#header #gnb:before {content: "";opacity: 0;height: 0; position: fixed;left: 0;right: 0;top: 108px;z-index: -1;-webkit-transition: all .2s ease;transition: all .2s ease;background:url("../img/gnb-bg.png") 50% 0 #f7f7f7 no-repeat;}
#header #gnb:hover:before {opacity: 1;height: 300px;-webkit-transition: all .2s ease;transition: all .2s ease;}
#header #gnb:hover ul ul {display: block;position:relative;}
*/

/* 
#header #gnb ul li:first-child ul:before{content:"";position:absolute;top:0;left:-180px;width:180px;opacity: 0;-webkit-transition: all .2s ease;transition: all .2s ease}
#header #gnb:hover ul li:first-child ul:before {height:180px;background:url("../img/gnb-bg.png") 0 0 no-repeat;opacity: 1;-webkit-transition: all .2s ease;transition: all .2s ease}
*/
#header #gnb>ul{text-align:center;font-size:0;padding-top:1rem;}
#header #gnb>ul>li {font-size:1.25rem;display: inline-block;vertical-align: top;width:20%;}
#header #gnb>ul>li>a {padding: 0 20px;display: block; font-size: 1.25rem;line-height: 96px;position: relative;-webkit-transition: all 0.2s ease; transition: all 0.2s ease;color:#333;font-weight:500;}
#header #gnb>ul>li>a:before {content: "";display: block;position: absolute;width: 0;left: 50%; bottom: 0;height: 3px;background: #146eb1;-webkit-transition: all .2s ease;transition: all .2s ease}
#header #gnb>ul>li:hover>a, #header #gnb>ul>li.active>a {color: #146eb1}
#header #gnb>ul>li:hover>a:before, #header #gnb>ul>li.active>a:before {width: 100%;left: 0;right: 0;-webkit-transition: all .2s ease;transition: all .2s ease}
/* 서브날림
#header #gnb>ul>li:hover ul {display: block;}
#header #gnb>ul>li:hover ul:before {display: block}
*/
#header #gnb>ul>li>ul>li{text-align:center;}
#header #gnb>ul>li>ul>li>a{color:#888;font-size:1rem;line-height:1.2rem;padding-bottom:0.5rem;display:block;}
#header #gnb>ul>li>ul>li>a:hover{color:#000;}
#header #gnb ul ul {display: none;font-size: 14px;padding-top: 20px;}
#header #gnb ul ul li+li {margin-top: 5px;}
#header #gnb ul ul li:hover {color: #ff5f33;}
#header #gnb>ul>li:nth-child(4)>ul>li>a{text-align:center;}
#header.fixed {position:fixed;top:0;height: 108px; background: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;border-bottom:0;}
#header.fixed h1 {line-height: 98px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
#header.fixed h1.logo {background:url("../img/logo-fixed.png") 50% 0 no-repeat;}
#header.fixed h1 img {max-height: 2rem; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
#header.fixed #gnb>ul>li>a {color:#fff;}
#header.fixed #gnb>ul>li>a {-webkit-transition: all 0.2s ease;transition: all 0.2s ease;font-weight:500;}
#header.fixed .g-menu li a{color:#ccc;}

.g-menu.wd{position:absolute;top:0;right:0;}
.g-menu{font-size:0;}
.g-menu li{position:relative;display:inline-block;}
.g-menu li+li:before{content:"";display:block;width:3px;height:3px;background:#b6c7d6;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.g-menu li a{display:block;padding:0.5rem 0.5rem;font-size:0.938rem;}
.mobile-menu{display:block;position:fixed;right:-120%;top:0;transition:left 0.5s;width:100%;background:#353535;height:100%;z-index:1001;opacity:0;box-sizing:border-box}
.mobile-menu.on{right:0;transition:all 0.2s ease;opacity:1}
#header .btn-mobile-menu{display:none;position:absolute;top:2rem;left:1rem;border-top:2px solid #000;border-bottom:2px solid #000;width:30px;height:20px;cursor:pointer}
#header .btn-mobile-menu:before{content:"";display:block;position:absolute;top:50%;margin-top:-1px;width:100%;height:2px;background:#000;}
#header .mobile-menu {padding:1rem;}
#header .mobile-menu .logo{display:block;padding: 1rem 0 1rem 2rem;opacity:.4;}
#header .mobile-menu .logo img{height:50px;}
#header .mobile-menu .inb{border-top:1px solid #333;}
#header .mobile-menu .inb li{border-bottom:1px solid #595959;}
#header .mobile-menu .inb>li>a{height:3.125rem;line-height:3.125rem;display:block;padding-left:1rem;color:#fff;font-size:1.250rem;font-weight:600;}
#header .mobile-menu .inb>li.active>a{border-bottom:2px solid #146eb1;}
#header .mobile-menu {text-align: left;font-size: 0.9em;}
#header .mobile-menu>ul>li>a {font-size: 1rem;;color:#cacaca;}
#header .mobile-menu li {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
#header .mobile-menu li li:last-child {border-bottom: 0;}
#header .mobile-menu li a {display: block;padding: 7px 14px;position: relative;font-size:1.1rem;}
#header .mobile-menu li ul {border-top: 1px solid rgba(0, 0, 0, 0.1); display: none;background:#282828;padding:1rem;transition:all 0.2s ease;}
#header .mobile-menu li ul li {background: #282828; border-bottom:0!important}
#header .mobile-menu li ul li a{color:#cacaca;}
/* #header .mobile-menu li ul li a:after {content: "\f112";position: absolute;right: 0;top: 0;margin: 0 14px;padding: 0.5em 0; font-family: LineAwesome; color: #ccc;} */
#header .mobile-menu li.active ul {display: block;transition:all 0.2s ease}


.dim{display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100;}
.btn-close{border:0;position:absolute;top:1.5rem;right:1rem;background:none;font-size:2rem;color:#fff;letter-spacing:-0.5rem;}

#header #toggle-open {display: none}
#header #send-msg {display: none}
#header .toggle-nav-wrap {display: none}

#header .util{position:absolute;top:0;right:22px;height:100%;display:inline-block;font-size:0;}  
/*
#header .sitemap-btn{display:inline-block;width:80px;height:96px;vertical-align:top;cursor:pointer;}
#header .sitemap-btn:before{content:"\f131";font-family:LineAwesome;font-size:2rem;color:#333;}      
    
*/
#header .sitemap-open{position:fixed;top:96px;left:0;width:100%;height:0;background:#fff;opacity:0;transition:all 0.2s ease;text-align:center;overflow:hidden;}
#header .sitemap-open.open{height:2.6rem;opacity:1;padding:1.563rem 0;;-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);font-size:1rem;}
#header .sitemap-open label{font-size:1.125rem;margin-right:1.5rem;color:#9b9b9b;font-weight:300;letter-spacing:0.1rem;vertical-align:middle;}




#main{padding-top:108px}
#main .m-visual{height:427px;overflow:hidden;position:relative;margin-bottom:0px;}
#main .m-visual .acc{display:block;width:554px;height:26px;background:url("../img/m-visual-acc.png") 0 0 no-repeat;position:absolute;bottom:0;z-index:1000;right:20%; animation:fadein  3s;-moz-animation: fadein  3s; -webkit-animation: fadein 3s; -o-animation: fadein  3s; }
#main .m-visual .vis-container{position:relative;height:427px;width:100%;overflow:hidden;}
#main .m-visual .bg{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;max-width:none;z-index:-1}
#main .m-visual .bg {display: block; }
#main .m-visual .slick-active .bg {display: block; -ms-transform:translateX(-50%) scale(1.0,1.0); -ms-transition:all 4s ease; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%) scale(1.0, 1.0); transform: translateX(-50%) scale(1.0, 1.0); -webkit-transition: all 4s ease; transition: all 4s ease;}
#main .m-visual div:first-child .bg{  animation:fadein  3s;-moz-animation: fadein  3s; -webkit-animation: fadein 3s; -o-animation: fadein  3s; }
#main .m-visual .slogan{color:#333;padding-top:75px;text-align:center;}
#main .m-visual h2{position:relative;font-size:5.125rem;letter-spacing:-0.2rem;font-weight:100;text-align:center;display:inline-block;}
#main .m-visual h2 small{font-size:1.875rem;font-weight:300!important;position:absolute;bottom:1rem;right:-8rem;}
#main .m-visual .slick-prev, #main .m-visual .slick-next {width:28px;height:48px;border-radius: 0;font-size: 1.125rem!important; z-index: 2;color:#fff!important;top:50%;letter-spacing:0.15rem;}
#main .m-visual .slick-prev:before{width:28px;height:48px;content:"";display:block;position:absolute;top:50%;right:0;background:url( "../img/ui/ui-btn-prev.png") 0 0 no-repeat;}
#main .m-visual .slick-next:before {width:28px;height:48px;content:"";display:block;position:absolute;top:50%;left:0;background:url( "../img/ui/ui-btn-next.png") 0 0 no-repeat;}
#main .m-visual .slick-prev{left:4rem;text-align:left;}
#main .m-visual .slick-next {right:4rem;text-align:right;}
#main .m-visual .vis-detail{text-align:center;font-size:0;margin-top:2.5rem;}
#main .m-visual .vis-detail li{position:relative;display:inline-block;font-size:1.125rem;opacity:0;width:310px;height:187px;transition:all 1s ease}
#main .m-visual .vis-detail li .thumb{display:block;width:100%;padding-top:60.3%;overflow:hidden;z-index:1}
#main .m-visual .vis-detail li .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;}
#main .m-visual .vis-detail li .overlay{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2}
#main .m-visual .vis-detail li .txt{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50% , -50%);color:#fff;z-index:3;}
#main .m-visual .vis-detail li:nth-child(1){ -webkit-animation: fadein 0.5s linear forwards;}
#main .m-visual .vis-detail li:nth-child(2){ -webkit-animation: fadein 0.5s linear 0.3s forwards;}
#main .m-visual .vis-detail li:nth-child(3){ -webkit-animation: fadein 0.5s linear 0.8s forwards;}
#main .m-visual .vis-detail li+li{margin-left:2.5rem;}

.visible, .invisible {opacity: 0.0;transition: opacity 0.5s ease;}
.visible {opacity: 1.0;}

[data-slideInLeft].visible, [data-slideInLeft].invisible,
[data-slideInRight].visible, [data-slideInRight].invisible ,
[data-slideInBottom].visible, [data-slideInBottom].invisible {
    opacity: 1.0;
    transform: translate(0, 0);
    transition: transform 0.8s ease, opacity 0.8s ease;
}

[data-slideInLeft].invisible {
    opacity: 0.0;
    transform: translate(10px, 0);
}

[data-slideInRight].invisible {
    opacity: 0.0;
    transform: translate(-10px, 0);
}

[data-slideInBottom].invisible {
    opacity: 0.0;
    transform: translate(0, 10px);
}

@keyframes ChevronAnimation {
	0% {
		transform: translateY(3px);
		opacity: 1
	}
	50% {
		transform: translateY(8px);
		opacity: 0
	}
	60% {
		transform: translateY(3px);
		opacity: 0
	}
}

.container-fluid:after{content:"";display:block;clear:both;}

#main #col-main{float:left;width:72%;padding-top:45px;}
#main #col-side{float:right;width:25%;padding-top:45px;}
#main #col-main+#col-side{padding-left:3%}
#main .title-box{position:relative;font-size:1.250rem;font-weight:600;padding-left:0.825rem;padding-top:0.3rem;letter-spacing:-0.05rem;}
#main .title-box:before{content:"";display:block;width:10px;height:10px;border-radius:10px;background:#3886dd;position:absolute;top:0;left:0;}
#main .title-box h2{font-size:2rem;}
#main .title-box h2, #main .title-box small{display:inline-block;}
#main .title-box small{font-weight:400;padding-left:0.813rem;color:#575757;font-size:1rem;}
#main .date-box:after{content:"";display:block;clear:both;}
#main .date-box h3{float:left;font-size:1.250rem;}
#main .date-box button{float:right;}

.side-notice ul{border:1px solid #d3d2d2}
.side-notice li+li{border-top:1px solid #d3d2d2}
.side-notice li>a{display:block;padding:1.250rem;font-size:1.125rem;letter-spacing:-0.05rem;}
.side-notice li>a small{display:block;font-size:0.875rem;color:#a5a5a5;padding-top:0.5rem;letter-spacing:0}
.side-notice li>a:hover{background:#f2f2f2;}

.bnr-ico li{position:relative;padding-left:3rem;}
.bnr-ico li a{display:block;font-size:1.25rem;padding:2rem 1rem}
.bnr-ico li a:before{content:"";display:block;width:2rem;height:2rem;background-size:100% auto;position:absolute;top:50%;left:0.5rem;transform:translateY(-50%)}
.bnr-ico li a:after{content:"";display:block;width:0.688rem;height:1.250rem;position:absolute;top:50%;right:0.5rem;transform:translateY(-50%);background:url("../img/ui/ui-btn-arr.svg") 0 50% no-repeat;}
.bnr-ico li:nth-child(1) a:before{background:url("../img/ico-info.svg") 0 50% no-repeat;}
.bnr-ico li:nth-child(2) a:before{background:url("../img/ico-team.svg") 0 50% no-repeat;}
.bnr-ico li+li{border-top:1px solid #d3d2d2}

.bnr-link li{border:1px solid #d3d2d2;margin-bottom:0.5rem;text-align:center;}
.bnr-link li a{font-size:0;display:block;}
.bnr-link li img{height:100%;}



/* FOOTER */
#footer {background: #efefef; padding: 2.5rem 0;text-align: left; color: #333;font-size:0.875rem;}
#footer h1{position:absolute;top:0;left:0;width:141px;height:67px;background:url( "../img/logo-fixed.png") 0 0 no-repeat;opacity:.4;background-size:100% auto;}
#footer address {padding-left:160px;display: block; line-height: 1.6;font-size:1rem;font-style:normal;}
#footer address p{color:#333;padding-bottom:0.2rem;font-weight:400;}
#footer small { display: block;margin-top: 1rem;text-transform: uppercase;}
#footer .bar {padding: 0 10px; color: #ccc; font-weight: 300; font-size: 90%}



.index-popup p {background: #343434;color: #fff;font-size: .875rem;padding: .5rem 1rem; text-align: right;line-height: 1rem;}
.index-popup p span {display: inline-block;vertical-align: top;}
.index-popup p i {font-size: 1rem;margin-left: 5px;}
.popup.map-detail {width: 1200px;}

/* SUB */
.s-visual{position:relative;height:340px;overflow:hidden;}
.s-visual .bg{display: block;position: absolute; left: 50%; top: 0;height:100%;transform:translateX(-50%); animation:a-scale 2s;-moz-animation: a-scale 2s; -webkit-animation: a-scale 2s; -o-animation: a-scale 2s;max-width:none;}
.s-visual h2{color:#fff;padding-top:150px;float:right;font-size:3.438rem;font-weight:500;letter-spacing:-0.1rem;}
.s-visual h2 p{font-size:1.875rem;font-weight:300;}
.s-visual h2 p span{color:#146eb1;}
.snb-wr{background:#464646;font-size:0;position:relative;}
.snb-wr .home{position:absolute;top:0;left:0;;width:50px;height:50px;border-right:1px solid #909090;background:url("../img/ui-home.png") 50% 50% no-repeat; }
.snb-sel-wr{margin-left:50px;}
.snb-menu{position:relative;display:inline-block;width:250px;height:100%;vertical-align:top;font-size:0.875rem;color:#fff;z-index:1;text-align:center;}
.snb-list{position:absolute;width:100%;top:50px;padding: 0; height: 0; opacity: 0;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;font-size:1rem;overflow:hidden;}
.snb-list a{padding:0.4rem 0 0 0;display:block;text-align:left;}
.snb-list a:hover{color:#146eb1;}
.snb-menu .snb-title{position:relative;display:block;line-height:50px;border-right:1px solid #909090;text-align:left;font-size:1.125rem;padding:0 1.5rem;}
.snb-menu .snb-title:before {content: "\f110";position:absolute;top:0;right:1rem;font-family:'LineAwesome';font-size:0.9rem;}
.snb-menu.open .snb-title:before {content: "\f113";position:absolute;top:0;right:1rem;font-family:'LineAwesome';font-size:0.9rem;}
.snb-menu.open .snb-list {position:absolute;width:100%;top:50px;padding: 0; height:auto; opacity: 1;background:#464646;line-height:20px;color:#fff;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;font-size:1rem;border-top:1px solid #6c6c6c;}
.snb-menu.open .snb-list li a{height:40px;line-height:40px;padding:0 1.5rem;border-bottom:1px solid #6c6c6c;border-right:1px solid #6c6c6c;border-left:1px solid #6c6c6c;display:block;}
.snb-menu.open .snb-list li a:hover{background:#383838}
.snb-menu.open .snb-title.open{background:#2f2f2f}
.snb-menu.open .snb-list  li.active a{position:relative;background:#383838;color:#146eb1}
.snb-menu.open .snb-list  li.active a:after{content:"\f112";position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-family:'LineAwesome';font-size:0.9rem;}

/* CONTENTS */
.contents-wr{min-height:500px;padding:3.313rem 0;}
.contents-wr h2.title{position:relative;font-size:1.750rem;padding-left:1.5rem;margin-bottom:2.188rem}
.contents-wr h2.title:before{content:"";display:block;width:13px;height:21px;background:url("/img/ui-contents-title.png") 0 0 no-repeat;position:absolute;top:50%;left:0;transform:translateY(-50%)}

.tabs-dp3 ul{font-size:0;}
.tabs-dp3 li{display:inline-block;}
.tabs-dp3 li a{display:block;border:1px solid #e4e4e4;font-size:1.125rem;height:3.500rem;line-height:3.500rem;text-align:center;margin:-1px 0 0 -1px;background:#f5f5f5;}
.tabs-dp3 li.active a{background:#a8906d;color:#fff;border-color:transparent;font-weight:400;}
.tabs-dp3 li:last-child a{border-right:1px solid #e4e4e4;}
.tabs-col4 li{width:25%;}
.tabs-col5 li{width:20%;}
.tabs-col6 li{width:16.666%;}
.tabs-col8 li{width:12.5%;}     
.tabs-col9 li{width:11.1111%;}
.tabs-col10 li{width:10%;}

.tabs-menu{position:relative;display:inline-block;width:300px;vertical-align:top;font-size:0.875rem;color:#fff;text-align:center;background:#a8906d;z-index:1;}
.tabs-list{position:absolute;width:100%;top:50px;padding: 0; height: 0; opacity: 0;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;font-size:1rem;overflow:hidden;}
.tabs-list a{padding:0.4rem 0 0 0;display:block;text-align:left;}
.tabs-list a:hover{color:#146eb1;}
.tabs-menu .tabs-title{position:relative;display:block;line-height:50px;border-right:1px solid #909090;text-align:left;font-size:1.125rem;padding:0 1.5rem;}
.tabs-menu .tabs-title:before {content: "\f110";position:absolute;top:0;right:1rem;font-family:'LineAwesome';font-size:0.9rem;}
.tabs-menu.open .tabs-title:before {content: "\f113";position:absolute;top:0;right:1rem;font-family:'LineAwesome';font-size:0.9rem;}
.tabs-menu.open .tabs-list {position:absolute;width:100%;top:50px;padding: 0; height:auto; opacity: 1;background:#f5f5f5;line-height:20px;color:#fff;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;font-size:1rem;border-top:1px solid #e4e4e4;overflow:auto;}
.tabs-menu.open .tabs-list li a{height:50px;line-height:50px;padding:0 1.5rem;border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4;display:block;color:#777}
.tabs-menu.open .tabs-list li a:hover{background:#fff;color:#222;}
.tabs-menu.open .tabs-title.open{background:#a8906d;}
.tabs-menu.open .tabs-list  li.active a{position:relative;background:#fff;color:#222}
.tabs-menu.open .tabs-list  li.active a:after{content:"\f112";position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-family:'LineAwesome';font-size:0.9rem;}

.contents-wr .col-col4-lg li{width:25%;display:inline-block;}
.contents-wr .col-col3-lg li{width:33.3333%;display:inline-block;}
.article-wr, .edu-wr, .stats-wr, .org-wr{padding-top:3.750rem}
.contents-wr h3.title{position:relative;text-align:center;font-size:2rem;font-weight:300;padding-bottom:0.8rem;}
.contents-wr h3.title:after{content:"";width:2.5rem;height:1px;background:#a8906d;position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;}



/* 서브 공통 */



#container_wr .vis{position:relative;display:block;height:214px;overflow:hidden;}
#container_wr .vis .slogan{padding-top:2.5rem;}
#container_wr .vis .slogan h2{font-size:3rem;display:inline-block;padding:0 1rem;border-left:1px solid #333;border-right:1px solid #333;font-weight:400;letter-spacing:-0.3rem;line-height:2.8rem;color:#403c34;transition:all 1s ease;opacity:0;transform:translateY(30px)}
#container_wr .vis .slogan>span{color:#7b7b7b;font-size:1.125rem;vertical-align:top;display:inline-block;padding-left:1rem;letter-spacing:-0.05rem;line-height:1.3rem;font-weight:400;padding-top:0.3rem;transition:all 1s ease;opacity:0;transform:translateY(30px)}
#container_wr .vis .slogan h2{-webkit-animation: fadein 1s ease forwards; transform:translateY(0px);-ms-animation:fadein 1s ease forwards;}
#container_wr .vis .slogan>span{-webkit-animation: fadein 1.3s ease 0.5s forwards; transform:translateY(0px);-ms-animation: fadein 1.3s ease 0.5s forwards;}
#container_wr .vis .vis-img img{display:block;position:absolute;top:0;left:50%;height:100%;max-width:none;transform:translateX(-50%);}

.snb-wr{position:relative;left:0;top:-50px;;background:rgba(17,79,163,.9);font-size:0;width:100%;z-index:100}
.snb-wr .home{position:absolute;top:0;left:0;;width:50px;height:50px;border-right:1px solid rgba(255, 255, 255, .3);background:url("/img/ui-home.png") 50% 50% no-repeat; }
.snb-sel-wr{margin-left:50px;}
.snb-menu{position:relative;display:inline-block;min-width:250px;height:100%;vertical-align:top;font-size:0.875rem;color:#fff;z-index:1;text-align:center;}
.snb-list{position:absolute;width:100%;top:50px;padding: 0; height: 0; opacity: 0;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;font-size:1rem;overflow:hidden;}
.snb-list a{padding:0.4rem 0 0 0;display:block;text-align:left;}
.snb-list a:hover{color:#fff;}
.snb-menu .snb-title{position:relative;display:block;line-height:50px;border-right:1px solid rgba(255, 255, 255, .3);text-align:left;font-size:1.125rem;padding:0 3rem 0 1.5rem;}
.snb-menu .snb-title:before {content: "\f110";position:absolute;top:0;right:1rem;font-family:'LineAwesome';font-size:0.9rem;}
.snb-menu.open .snb-title:before {content: "\f113";position:absolute;top:0;right:1rem;font-family:'LineAwesome';font-size:0.9rem;}
.snb-menu.open .snb-list {position:absolute;width:100%;top:50px;padding: 0; height:auto; opacity: 1;background:#07164d;line-height:20px;color:#fff;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;font-size:1rem;border-top:1px solid #1e3176;}
.snb-menu.open .snb-list li a{height:40px;line-height:40px;padding:0 1.5rem;border-bottom:1px solid #1e3176;border-right:1px solid #1e3176;border-left:1px solid #1e3176;display:block;}
.snb-menu.open .snb-list li a:hover{background:#0e1f5e}
.snb-menu.open .snb-title.open{background:#07164d}
.snb-menu.open .snb-list  li.active a{position:relative;background:#0e1f5e;color:#fff}
.snb-menu.open .snb-list  li.active a:after{content:"\f112";position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-family:'LineAwesome';font-size:0.9rem;}

/* 컨텐츠 공통 */
.ctt_admin{position:absolute;top:100px;right:1rem;}
.container-contents{padding-top:4.5rem;min-height:700px;padding-bottom:3rem;}
/*
#container_title{text-align:center;position:relative;z-index:3;}
#container_title span{position:relative;text-align:center;font-size:2.188rem;display:inline-block!important;font-weight:400;letter-spacing:-0.05rem;}
#container_title span:after{position:absolute;left:50%;bottom:-15px;content:"";display:block;width:40px;height:1px;background:#000;transform:translateX(-50%)}
.title-small{text-align:center;letter-spacing:0.5rem;color:#7b98ac;font-size:1.250rem;display:block;text-transform:uppercase;padding-bottom:3rem;padding-left:0.5rem;padding-top:0.5rem;z-index:3;position:relative}
*/
.stitle-box{position:relative;font-size:1.250rem;font-weight:600;padding-left:0.825rem;padding-top:0.3rem;letter-spacing:-0.05rem;margin-bottom:30px;border-bottom:1px solid #ccc;padding-bottom:1.5rem;}
.stitle-box:after{content:"";display:block;clear:both;}
.stitle-box:before{content:"";display:block;width:10px;height:10px;border-radius:10px;background:#3886dd;position:absolute;top:0;left:0;}
.stitle-box h2{float:left;font-size:2rem;}
.stitle-box h2 span{display:inline-block;}
.stitle-box h2 small{font-size:1rem;font-weight:400;color:#575757;}
.stitle-box .sel{float:right;}




/* 공통 */
table.table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
table.table.type1{}
table.table.type1 thead th{padding:0.7rem 0.7rem;font-size:1.125rem;color:#000;border-top:2px solid #000;border-bottom:1px solid #000;text-align:center;}
table.table.type1 tbody td{padding:0.7rem 0.7rem;font-size:1.125rem;border-bottom:1px solid #e9e9e9;border-left:1px solid #e9e9e9;text-align:center;}
table.table.type1 tbody td:last-child{text-align:left;}
table.table.type1.type-ct tbody td:last-child{text-align:center;}
table.table.type1 tbody th{background:#f6f6f6;border-bottom:1px solid #d3d2d2;font-size:1.125rem;}
table.table.type1 tbody th.th-g{background:#f2f2f2;border-bottom:1px solid #d3d2d2;color:#333;}
table.table.type1 tbody th.th-n{background:#09325b;border-bottom:1px solid #1c4a77;color:#fff;}
table.table.type1 tbody th.th-b{background:#585f66;border-bottom:1px solid #7a7f84;color:#fff;}
table.table.type1 tbody td.num{color:#09325b;font-weight:500;}

table.table.type1.dbl thead th{line-height:1.125rem;}
table.table.type1.dbl thead th.th-cate1{background:#e5ebf2;}
table.table.type1.dbl thead th.th-cate2{background:#ebf4e5;}
table.table.type1.dbl thead th.th-sec{border-top:1px solid #eee;background:#f9f9f9;font-size:1rem;color:#555;}
table.table.type1.dbl tbody th{background:#09325b;border-bottom:1px solid #1c4a77;color:#fff;}
table.table.type1.dbl tbody th.th-g{background:#b49871;border-bottom:1px solid #c6ad8b;color:#fff;}
table.table.type1.dbl tbody td:last-child{text-align:center;background:#eee;}

table.table.type2{border-top:0;min-width:1100px;}
table.table.type2 thead{border-top:1px solid #000;}
table.table.type2 thead th, table.table.type2 tbody th{padding:0.5rem 0.5rem;font-size:1rem;color:#fff;text-align:center;background:#f2f2f2;border:0;border-bottom:1px solid #d3d2d2;color:#333;font-size:1.125rem;}
table.table.type2 thead th.th-g{background:#5f5b55}
table.table.type2 thead th.th-g{border-left:1px solid #6e6b65;}
table.table.type2 thead td, table.table.type2 tbody td{padding:0.5rem 0.5rem;font-size:1rem;border-bottom:1px solid #e9e9e9;border-left:1px solid #e9e9e9;text-align:center;background:#fff;font-size:1.125rem;}
table.table.type2 tbody td:first-child{border-left:0;}

table.table.type3{border-top:1px solid #000;min-width:1100px;}
table.table.type3 tbody th{padding:0.5rem 0.5rem;font-size:1rem;text-align:center;background:#f6f6f6;border-bottom:1px solid #e9e9e9;border-left:1px solid #e9e9e9;}
table.table.type3 tbody th.th-b{background:#5f5b55;color:#fff;border-bottom:1px solid #6e6b65;}
table.table.type3 tbody td{padding:0.5rem 0.5rem;font-size:1rem;border-bottom:1px solid #e9e9e9;border-left:1px solid #e9e9e9;text-align:center;background:#fff;}
table.table.type3 tbody td:first-child{border-left:0;}



.wauto-wrap{position:relative;}
.auto-info{position:relative;background:#f4f4f4;font-size:1rem;color:#555;text-align:center;padding:0 3rem;display:none;}
.auto-info:before{content:"";width:1.625rem;height:1.438rem;display:block;position:absolute;top:50%;left:1rem;transform:translateY(-50%);background:url("../img/ui/ui-ico-wleft.png") 0 0 no-repeat;background-size:100% 100%;}
.auto-info:after{content:"";width:1.625rem;height:1.438rem;display:block;position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:url("../img/ui/ui-ico-wright.png") 0 0 no-repeat;background-size:100% 100%;}
.auto-info .ico{position:relative;padding:1.5rem 0;display:inline-block;}
.auto-info .ico:before{content:"";display:block;width:2.188rem;height:2.563rem;background:url("/img/ui-ico-wauto.png") 0 50% no-repeat;position:absolute;top:50%;left:0;transform:translateY(-50%);background-size:100% 100%;}



.noContent { text-align:center;padding:20px; }

.breadcrumb {text-align: right;font-size: .812rem;margin-bottom: 15px;margin-top: -27px;line-height: 30px;}
.sub-top {display: none}
.sub-top .go-back {display: none}
.sub-top .sub-location {display: none;}
.sub-content {padding: 15px 0}
.sub-content .btn-home img {max-width: 30%}
.sub-category {position: relative;margin-top: 40px; z-index: 22;}
.terms {min-height: 15.625rem;border: 1px solid #e5e5e5;}
.form {}
.form span.bar {padding: 0 5px;line-height: 30px;min-width: 20px;}
.form table.table {border-bottom: 1px solid #333}
.form table.table th {padding-left: 2rem;background: #f8f8f8;height: 50px; font-weight: 600;}
.form table.table th span {width:10px;display: inline-block;color: #e02d56;margin-left: -10px;}
.form table.table td .help-block {display: inline-block;margin-left: 15px;}
.form table.table td .btn {min-width: 90px;}
.form table.table td .checkbox, .form table.table td .radio {margin: 0;}
.form .form-group {max-width: 98%;}
.form .email div>div, .form .addr div>div{margin-bottom: 5px;}
.form .email div>div:last-child, .form .addr div>div:last-child  {margin: 0;}
.form .btn-box .btn {width: 120px;height: 40px;font-size: 15px;}
.form .form-group .help-block {line-height: 2rem}


/* 서브컨텐츠 */
.list-info{padding:0 1rem}
.list-info:after{content:"";display:block;clear:both;}
.list-info li{position:relative;font-size:1.25rem;padding:0.7rem 0;}
.list-info li .tit{display:block;color:#3886dd;}
.list-info li .cont{ padding:22px 0 0 22px;}
.list-info li+li{border-top:1px solid #d3d2d2;}


@media (max-width: 1200px) {
   .container-fluid {width: 100%;padding:0 1rem;box-sizing:border-box;}
   .container-fluid:after{content:"";display:block;clear:both;}
   .pop-media{position:absolute;top:10rem;}
    #header{background:none;height: 75px;min-width: 320px;} 
    #header:hover{background:none;}    
    #header #gnb {display:none;}
    #header .language-sel{display:none;}

    #header .sitemap-btn{display:none;}
 
    #header .list-btn{display:inline-block;width:50px;height:96px;}
    #header .list-btn:before{content:"\f131";font-family:LineAwesome;color:#525e66;font-size:2.4rem;}    
    #header .util{right:10px;}
    #header .mobile-menu{width:50%;}
    
    #header h1{z-index:10;}
    #header.fixed{position:absolute;}
	
	#main .m-visual{height:300px;}
    #main .m-visual .vis-container{height:300px;}
    #main .m-visual .vis-detail{display:none;}
   
    #main .m-visual .slogan{height:300px;padding:3rem;box-sizing:border-box;}
	#main .m-visual .slogan img{height:100%;}
    #main .m-visual h2{font-size:4.125rem;} 
    #main .m-visual h2 small{font-size:1.750rem;font-weight:300!important;position:absolute;bottom:1rem;right:-7rem;}
    #main .m-visual .slogan p{font-size:1.250rem;font-weight:300;color:#867d75;letter-spacing:-0.1rem;}

    #main .m-visual .slick-prev, #main .m-visual .slick-next {top:50%;}    
    #main .m-visual .vis-container:before{content:"";display:block;width:100%;height:200px;background:url("../img/mobile-header-bg.png") 0 0 repeat-x;z-index:2;background-size:auto 100%;position:absolute;top:0;left:0;}
    #main .m-visual .slick-prev:before{top:50%;}
    #main .m-visual .slick-next:before {top:50%;}
    #main .m-visual .slick-prev{left:1rem;margin-left:0;text-align:left;}
    #main .m-visual .slick-next {right:1rem;margin-right:0;text-align:right;}   
    
	.g-menu.wd{display:none;}
     
    
    
    /* SUB */
    #container_wr .vis .slogan{padding-left:3rem;}
    #container_wr .vis .vis-img img{max-width:auto;}
    
    #main .s-visual{height:200px;}
    #main .s-visual h2{font-size:2.125rem;float:none;text-align:center;padding-top:100px;}
    #main .s-visual  h2 p{font-size:1.125rem;font-weight:300;}
    .contents-wr{padding:1.875rem 0;}    
    .tabs-dp3 li a{height:3.125rem;line-height:3.125rem;}
    
    .archive-wr .tabs-dp3{display:none;}
    .tabs-menu{display:block;position:absolute;top:0;right:1rem;}
    .tabs-dp3.sel{display:none;}      
    .container-contents{padding-top:2.5rem;min-height:700px;padding-bottom:3rem;}

    /* table */
    .is-auto-box{width:100%;overflow-x:scroll;}
    .auto-info{display:block;}
    table.table.type-ws{min-width:700px;}
    table.table.type-ws2{min-width:850px;}
    
    /* footer */
    #footer {text-align:center;}
	#footer h1{display:none;}
	#footer address{padding-left:0;}
    #footer .info-menu{font-size:0;text-align:center;}
    #footer address {text-align:center;}
    #footer address p:first-child{padding-bottom:0.7rem;}
    #footer small { display: block;margin-top: 1rem;text-transform: uppercase;}
    #footer .bar {padding: 0 10px; color: #ccc; font-weight: 300; font-size: 90%}
    .link-sel-container{padding:0;} 
   
}

@media (max-width: 1100px) {
	#main #col-main{float:none;width:100%;}
	#main #col-side{float:none;width:100%;padding-top:2rem;}
	#main #col-main+#col-side{padding-left:0;}	
	.bnr-ico{display:flex;justify-content: space-between;padding-bottom:1rem;}
	.bnr-ico li{float:none; padding-left:0;width:48%;}
	.bnr-ico li+li{border-top:0;}
	.bnr-ico li a{padding:1.3rem 0;text-align:center;}
	.bnr-ico li a:before{left:1.3rem;}
	.bnr-link{display:flex;justify-content: space-between;}	
	.bnr-link li{width:48%}
	
	#main .m-visual .acc{width:100%;height:13px;background-size:140% auto;right:-1rem;}

}

@media (max-width: 1000px) {

	.stitle-box h2 small{display:none;}

}

@media (max-width: 991px) {
    #main .history-archive .tab_container li{width:48%;padding:0 1%;display:inline-block;margin-bottom:2.5rem;}
    #main .history-archive .tab_container ul{margin-left:-1%;margin-right:-1%;}
    #main .school-slider .year{right:0.5rem;bottom:3.125rem;}
    #main .school-slider .year h3{font-size:6.500rem;letter-spacing:-0.2rem;color:#e1ebf3;}
    #main .school-slider .year small{font-size:1rem;}
     
    .tabs-col6 li{width:33.3333%;}
    .snb-wr .container-fluid{padding:0;}
    .snb-menu{position:relative;display:inline-block;width:50%;height:100%;vertical-align:top;font-size:0.875rem;color:#fff;z-index:10;text-align:center;}    
    .contents-wr .col-col4-lg li{width:33.3333%;}
	
	.stitle-box{text-align:center;}
	.stitle-box:before{content:"";display:block;width:10px;height:10px;border-radius:10px;background:#3886dd;position:absolute;top:-0.3rem;left:50%;}
	.stitle-box h2{float:none;display:inline-block;}
	.stitle-box .sel{float:none;margin-top:1rem;}
	.stitle-box .sel.single .select-group{width:50%;}
	.stitle-box .sel.single .select-group select{width:100%;}
    
    
     /* FOOTER */

    
    #footer .link-sel-container{padding:1rem;}
    #footer .link-sel{position:relative;margin:0 auto;width:50%;margin-top:-1px;}
    #footer .link-list{position:absolute;width:100%;bottom:40px ;padding: 0; height: 0; padding-left:15px; opacity: 0;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;overflow:hidden;}
    #footer .link-sel .link-title{line-height:40px;;width:100%;padding-left:15px;border:1px solid rgba(255,255,255,.2);}
    #footer .link-sel.open .link-list {bottom:40px;width:100%;}
    #footer .link-sel:nth-of-type(2n) .link-title{border-left:1px solid transparent}
 
}

@media all and (max-width: 576px) {
    html {font-size: 13px}
    #header{height:65px;}
    #header:before{height:100px;}
    #header h1.logo {width:200px;height:50px;background:url("../img/logo.png") 50% 0 no-repeat;background-size:auto 100%;left:50%;transform:translateX(-50%)}
	#header h1.logo{top:15px}
    #header .search-open{top:65px;}
    #header .search-open label{display:none; }
    #header .search-open .form-control{width:90%;height:2.3rem;font-size:1.125rem;}  
    #header .search-open .search-ok{position:absolute;top:50%;right:3rem;transform:translateY(-50%)}
    #header .search-btn{height:65px;}
    #header .list-btn{height:65px;}
    #header .mobile-menu{width:100%;}
	
	#container_wr .vis{height:150px;}	
	#container_wr .vis .slogan {height:150px;padding:1.3rem;}
	#container_wr .vis .slogan img{max-height:70%;}
	
    #main{padding-top:75px;}    
    #main .m-visual{height:250px;}
    #main .m-visual .vis-container{height:250px;}
    #main .m-visual  h2{padding-top:70px;}
    #main .m-visual .slick-prev, #main .m-visual .slick-next{width:28px;}
    #main .m-visual .slick-prev:before, #main .m-visual .slick-next:before{width:28px;display:none;}
	.slick-dots{bottom:8%;}
	#main .m-visual .slogan {height:250px;padding:1.5rem;}
	#main .m-visual .slogan img{max-height:90%;}
	#main .m-visual .acc{width:150%;height:5px;background-size:140% auto;right:-1rem;}
    
	.stitle-box .sel{display:block;}
	.stitle-box .sel .select-group{}
	.stitle-box .sel .select-group select{width:97%;}
	.stitle-box .sel.single .select-group select{width:60%;}
	
    /* SUB */

	.bnr-link li img{max-width:90%}
    
   /* SUB */
   
    .btn-close{right:1.5rem;width:2rem;}
    .contents-wr h2.title{margin-bottom:1.4rem;}
    .contents-wr h3.title{font-size: 1.7rem;}        
    .contents-wr .col-col4-lg li{width:50%;}



    #footer .link-sel{position:relative;margin:0 auto;width:100%;margin-top:-1px;}
    #footer .link-sel:nth-of-type(2n) .link-title{border-left:1px solid rgba(255,255,255,.2)}

 
}
@media all and (max-width: 480px) {     
	#container_wr .vis .slogan{padding-top:2rem;}
   	#container_wr .vis .slogan img{max-height:60%;}
	#main .m-visual{height:200px;}
    #main .m-visual .vis-container{height:200px;}
	
	
	.bnr-ico{display:block;}
	.bnr-ico li{width:100%}
	.bnr-ico li+li{border-top:1px solid #d3d2d2;}
	.bnr-link{display:block}	
	.bnr-link li{width:100%}
	#main .m-visual .slogan img{max-width:80%;height:auto;}
	
}

@media all and (max-width: 320px) {
    html {font-size: 12px}
}