@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(/images/org/web/cwhistory/common/arr_slide_prev.png) no-repeat 50%; left: -45px}
.slick-next {background: url(/images/org/web/cwhistory/common/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: #9adfff; opacity: 1;width:50px;border-radius:15px 15px;transition:all .25s ease}

#header-top.fixed {position: fixed; top:0; left:0; width: 100%;} /* 20251204 추가 */

/* HEADER */
#header {position: absolute;top: 40px;left: 0;right: 0;width: 100%; height: 75px; background:rgba(0, 0, 0, .4); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 101;border-bottom:1px solid rgba(255, 255, 255, .4)} /* 20251204 수정 */
#header:hover{background:#3e3e3e;}
#header h1.logo {font-size: 0;position: absolute;left: 15px;top: 22px;width:200px;height:34px;background:url("/images/org/web/cwhistory/common/logo.png") 0 0 no-repeat;}
#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: 115px;z-index: -1;-webkit-transition: all .2s ease;transition: all .2s ease;background:url("/images/org/web/cwhistory/common/gnb-bg.png") 50% 0 #f9f9f9 no-repeat;} /* 20251204 수정 */
#header #gnb:hover:before {opacity: 1;height: 240px;-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("/images/org/web/cwhistory/common/gnb-bg.png") 0 0 no-repeat;opacity: 1;-webkit-transition: all .2s ease;transition: all .2s ease}
*/
#header #gnb>ul{padding-left:15rem;text-align:left;}
#header #gnb>ul>li {display: inline-block;vertical-align: top;}
#header #gnb>ul>li>a {padding: 0 18px;display: block; font-size: 1.125rem;line-height: 75px;position: relative;-webkit-transition: all 0.2s ease; transition: all 0.2s ease;color:#fff;}
#header #gnb>ul>li>a:before {content: "";display: block;position: absolute;width: 0;left: 50%; bottom: 0;height: 3px;background: #9adfff;-webkit-transition: all .2s ease;transition: all .2s ease}
#header #gnb>ul>li:hover>a, #header #gnb>ul>li.active>a {color: #9adfff}
#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:left;padding-left:20px;}
#header #gnb>ul>li>ul>li>a{color:#888;font-size:1rem;}
#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.fixed {position:fixed;top:40px;height: 75px; background: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
#header.fixed h1 {line-height: 75px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
#header.fixed h1 img {max-height: 2rem; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
#header.fixed #gnb>ul>li>a {line-height: 75px;font-size: 1.125rem;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

.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 2rem 0;}
#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 #9adfff;}
#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}
/*뭘까*/
#header .mobile-menu>ul>li.has-sub>a:after {content: "\f110";position: absolute;right: 0;top: 0;margin: 0 14px;padding: 0.5em 0; font-family: LineAwesome; color: #888;}
#header .mobile-menu>ul>li.has-sub.active>a:after {content: "\f113";}
/*뭘까*/


.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;left:50%;margin-left:365px;height:100%;display:inline-flex;font-size:0;}
#header .search-btn{display:inline-block;width:80px;height:75px;vertical-align:top;cursor:pointer;border-left:1px solid rgba(255, 255, 255, .4);}
    
    
#header .search-open{position:fixed;top:115px;left:0;width:100%;height:0;background:#fff;opacity:0;transition:all 0.2s ease;text-align:center;overflow:hidden;} /* 20251204 수정 */
#header .search-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);}
#header .search-open label{font-size:1.125rem;margin-right:1.5rem;color:#9b9b9b;font-weight:300;letter-spacing:0.1rem;vertical-align:middle;}
#header .search-open .form-control{padding:0.3rem 1rem;border-radius:20px;height:2rem;background:#ebebeb;border:0;width:450px;font-size:1rem;vertical-align:middle;}
#header .search-open .search-ok{vertical-align:middle;margin-left:-40px;cursor:pointer}

#header .language-sel{display:inline-block;width: 267px;height:100%;vertical-align:top;font-size:0.875rem;color:#fff;z-index:1;}
#header .language-list{position:absolute;width:85px;top:60px;padding: 0; height: 0; opacity: 0;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;}
#header .language-list a{padding:0.4rem 0 0 0;display:block;}
#header .language-list a:hover{color:#9adfff;}
#header .language-sel .language-title{position:relative;display:block;line-height:75px;}
#header .language-sel .language-title:before {content: "\f110";position:absolute;top:0;right:0;font-family:'LineAwesome'}
#header .language-sel .login-title{position:relative;display:block;line-height:75px;}
#header .language-sel.open .language-title:before {content: "\f113";position:absolute;top:0;right:0;font-family:'LineAwesome'}
#header .language-sel.open .language-list {position:absolute;width:85px;top:60px;padding: 0; height:60px; opacity: 1;background:#000;line-height:20px;color:#fff;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;}
#header .language-sel.open .language-list:before{width:0;height:0;content:"";display:block;  border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-bottom: 6px solid black;position:absolute;top:-6px;left:50%;transform:translateX(-50%)}
.language-sel ul li {display: inline-block;margin-left: 10px;}
/* .language-sel ul li a.hd_adm_btn {position:absolute; top: 27px; right: -88px;} 20251120 추가 */

.pop-media{position:absolute;top:30rem;right:1rem;z-index:100;}
.pop-media .pop-close{position:absolute;top:-0.3rem;right:-0.3rem;width:1.5rem;height:1.5rem;background:#454545;border-radius:50%;font-size:0;border:0;cursor:pointer;}
.pop-media .pop-close:before{content:"";display:block;background:url(/images/org/web/cwhistory/common/ico-close-pop.png) 50% 50% no-repeat;width:100%;height:100%;background-size:100% auto;}																																								   

#main .m-visual{height:660px;overflow:hidden;position:relative;margin-bottom:40px;}
#main .m-visual .vis-container{position:relative;height:660px;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; -ms-transform:translateX(-50%) scale(1.2,1.2); -ms-transition:all 4s ease; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%) scale(1.2, 1.2); transform: translateX(-50%) scale(1.2, 1.2); -webkit-transition: all 4s ease; transition: all 4s ease;}
#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  2s;-moz-animation: fadein  2s; -webkit-animation: fadein  2s; -o-animation: fadein  2s; }
#main .m-visual  h2{color:#fff;padding-top:200px;float:right;font-size:3.875rem;font-weight:500;letter-spacing:-0.1rem;}
#main .m-visual  h2 p{font-size:2.125rem;font-weight:300;}
#main .m-visual  h2 p span{color:#9adfff;}
#main .m-visual .slick-prev, #main .m-visual .slick-next {width:160px;height:38px;border-radius: 0;font-size: 1.125rem!important; z-index: 2;color:#fff!important;top:70%;letter-spacing:0.15rem;font-family: 'Noto Sans KR', sans-serif;}
#main .m-visual .slick-prev:before{width:80px;height:1px;content:"";display:block;position:absolute;top:50%;right:0;background:#fff;}
#main .m-visual .slick-next:before {width:80px;height:1px;content:"";display:block;position:absolute;top:50%;left:0;background:#fff;}
#main .m-visual .slick-prev{left:50%;padding-right:3rem;margin-left:-550px;text-align:left;}
#main .m-visual .slick-next {right:50%;margin-right:-550px;text-align:right;}


#main .history-slider{width:100%;padding:30px 0 45px 0;border-bottom:1px solid #dadada;}
#main .history h2{position:relative;font-size:1.375rem;padding-left:1rem;display:inline-block;margin-right:3rem;letter-spacing:-0.04rem;vertical-align:middle}
#main .history h2:before{content:"";display:block;width:130px;height:0.8rem;background:#f1f1f1;position:absolute;top:50%;left:0;z-index:-1;transform:translateY(-50%)}
#main a.btn-more{display:inline-block;font-size:0.938rem;color:#0a709a;letter-spacing:0.05rem;font-weight:400;vertical-align:middle;margin-left:1.3rem;}
#main .history-slider .item{padding:0 30px;letter-spacing:-0.05rem;}
#main .history-slider .slick-prev, #main .history-slider .slick-next {width:100px;height:15px;border-radius: 0; z-index: 2;top:-1rem;}
#main .history-slider .slick-prev{background: url(/images/org/web/cwhistory/common/ui-history-prev.png) no-repeat 50% 50%;right:50%;left:auto;margin-right:-450px;}
#main .history-slider .slick-next{background: url(/images/org/web/cwhistory/common/ui-history-next.png) no-repeat 50% 50%;right:50%;margin-right:-600px;}
#main .history-slider .item .thumb{display:block;}
#main .history-slider .item .thumb img{width:100%; min-height: 240px;}
#main .history-slider .item .title{font-size:1.125rem;font-weight:500;padding:0.7rem 0 0.3rem 0;display:block;text-align:center;}
#main .history-slider .item .txt{text-align:center;font-size:1rem;line-height:1.2rem;}


/* #main .history-school{position:relative;padding-bottom:8.500rem;} */
#main .history-school{position:relative;padding-bottom:4.688rem;}
#main .history-school .acc1-1{z-index:-1;width:346px;height:344px;background:url("/images/org/web/cwhistory/common/index-acc1-1.png") 0 100% no-repeat;position:absolute;top:50px;left:-100px;}
#main .history-school .acc1-2{z-index:-1;width:407px;height:419px;background:url("/images/org/web/cwhistory/common/index-acc1-2.png") 0 100% no-repeat;position:absolute;top:180px;left:-150px;}
#main .history-school .acc2-1{z-index:-1;width:467px;height:446px;background:url("/images/org/web/cwhistory/common/index-acc2-1.png") 0 100% no-repeat;position:absolute;bottom:-240px;right:-230px;}
#main .history-school .acc2-2{z-index:-1;width:405px;height:419px;background:url("/images/org/web/cwhistory/common/index-acc2-2.png") 0 100% no-repeat;position:absolute;bottom:-400px;right:-230px;}
#main .history-school > div >.title{text-align:center;padding:3.125rem 0;}
#main .history-school .title h2{font-size:1.875rem;display:inline-block;vertical-align:middle;}
#main .history-school .title small{font-size:1.125rem;font-weight:300;display:block;}

#main .school-slider .item{width:1200px;margin:0 auto;position:relative;}
#main .school-slider .slick-prev, #main .school-slider .slick-next {width:160px;height:38px;border-radius: 0;font-size: 1.125rem!important; z-index: 2;color:#646464!important;top:60%;letter-spacing:0.07rem;font-family: 'Noto Sans KR', sans-serif;}
#main .school-slider .slick-prev:after{width:83px;height:1px;content:"";display:block;position:absolute;bottom:0;left:0;background:#646464;}
#main .school-slider .slick-next:after {width:83px;height:1px;content:"";display:block;position:absolute;bottom:0;right:0;background:#646464;}
#main .school-slider .slick-prev{left:50%;padding-right:3rem;margin-left:-600px;text-align:left;}
#main .school-slider .slick-next{right:50%;margin-right:-600px;text-align:right;}
.school-slider-list{font-size:0;}
.school-slider-list li{width:24%;display:inline-block;font-size:1.125rem;text-align:center;}
.school-slider-list li+li{margin-left:1.3333%;}
.school-slider-list li .thumb{display:block;position:relative;width:100%;padding-top:63.8%;overflow:hidden;}
.school-slider-list li .thumb img{width:100%;position:absolute;top:0;left:0;min-height: 240px;}
.school-slider-list li span.title{padding:1rem 0 1rem 0;display:block;line-height:1.2rem;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}																  

#main .school-slider .year{position:absolute;right:-3.5rem;bottom:3.125rem;}
#main .school-slider .year h3{font-size:12.500rem;font-weight:700;color:#eaf2f7;letter-spacing:-1rem;line-height:100%;display:block;}
#main .school-slider .year small{font-size:1.125rem;position:absolute;left:0;top:53%;padding-left:2rem;transform:translateY(-50%)}
#main .school-nav-wr{position:relative;}
#main .school-nav{margin-bottom:2.5rem;position:relative;}
#main .school-nav .item{text-align:center;cursor:pointer}
#main .school-nav .item{background:#dfdfdf;color:#919191;padding:0.6rem 0;font-size:1.125em}
#main .school-nav .slick-current .item{background:#002951;color:#fff;}
#main .school-nav .slick-track > div{margin-right:1px;}



/* 
#main .school-nav:before{content:"";width:0.500rem;height:0.500rem;position:absolute;top:0.4rem;left:0;background:#959595;border-radius:50%;}
#main .school-nav:after{content:"";width:0.500rem;height:0.500rem;position:absolute;top:0.4rem;right:0;background:#959595;border-radius:50%;}
#main .school-nav>div:before{content:"";width:100%;height:1px;background:#959595;position:absolute;top:0.65rem;left:0;}
#main .school-nav .item{text-align:center;font-size:1rem;position:relative;padding-top:2.000rem;cursor:pointer;}
#main .school-nav .item:before{width:0.750rem;height:0.750rem;content:"";display:block;position:absolute;top:0.2rem;left:50%;transform:translateX(-50%);border-radius:50%;border:1px solid #aeaeae;background:#fff;}
#main .school-nav .slick-current .item:before{width:1.250rem;height:1.250rem;content:"";display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);border-radius:50%;border:2px solid #2084c4;background:#fff;transition:all 0.3s ease-in-out}
#main .school-nav-wr a.btn-more{position:absolute;top:0;right:0;}
*/

#main .history-archive{position:relative;padding-bottom:4.688rem;}
#main .history-archive .acc3-1{z-index:-1;width:340px;height:357px;background:url("/images/org/web/cwhistory/common/index-acc3.png") 0 0 no-repeat;position:absolute;bottom:60px;left:-180px;}
#main .history-archive>div>.title{text-align:center;padding:0 0 3.125rem 0;}
#main .history-archive .title h2{font-size:1.875rem;display:inline-block;vertical-align:middle;}
#main .history-archive .title .btn-more{display:inline-block;margin-left:1.3rem;}
#main .history-archive .tabs{font-size:0;text-align:center;padding: 0 0 2.125rem 0}
#main .history-archive .tabs li{display:inline-block;font-size:1.375rem;background:none;}
#main .history-archive .tabs li a{color:#777;padding:0 0.8rem;margin:0 2rem;position:relative;}
#main .history-archive .tabs li a:hover{color:#000;}
#main .history-archive .tabs li.active, #main .history-archive .tabs li.active a, #main .history-archive .tabs li.active a:hover{color:#000;font-weight:600}
#main .history-archive .tabs li.active a:before{content:"";display:block;height:0.8rem;width:100%;background:#f1f1f1;position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:-1}

#main .history-archive .tab_container{font-size:0;}
#main .history-archive .tab_container li{width:23%;padding:0 1%;display:inline-block;}
#main .history-archive .tab_container ul{margin-left:-1%;margin-right:-1%;}
#main .history-archive .tab_container li .thumb{display:block;font-size:0;}
#main .history-archive .tab_container li .thumb img{width:100%; min-height: 240px;}
#main .history-archive .tab_container li .title{display:block;font-size:1.125rem;font-weight:500;padding:1.375rem 0 0.8rem 0;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
#main .history-archive .tab_container li .date{display:block;font-size:1rem;color:#8e8e8e;margin-bottom:0.9rem}
#main .history-archive .tab_container li .txt{font-size:1rem;color:#000;word-break: break-all}
#main .history-archive .tab_container li .read-more{display:inline-block;margin-top:2.250rem;font-size:0.875rem;font-weight:500;border-bottom:1px solid #000;padding-bottom:0.3rem}

#main .service{position:relative;background:#f8f8f8;}
#main .service .container-fluid{z-index:2;position:relative;}
#main .service .container-fluid:after{clear:both;content:"";display:block;}
#main .service:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:url("/images/org/web/cwhistory/common/service-bg1.png") 0 0 no-repeat;background-size:auto 100%;z-index:1}
#main .service:after{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:url("/images/org/web/cwhistory/common/service-bg2.png") 100% 0 no-repeat;background-size:auto 100%;z-index:1}
#main .service .service-img{float:left;display:block;font-size:0;}
#main .service .list-service{float:right;width:45%;padding:4.063rem 0 0 0;font-size:0;}
#main .service .list-service li{width:50%;display:inline-block;}
#main .service .list-service li a{position:relative;font-size:1.125rem;padding:110px 0 30px 0;display:block;text-align:center;}
#main .service .list-service li a:before{content:"";display:block;width:60px;height:60px;background:url("/images/org/web/cwhistory/common/spr.png") 0 0 no-repeat; position:absolute;top:1.875rem;left:50%; transform:translateX(-50%);}
#main .service .list-service li a.ico1:before{background-position:0 0 ;}
#main .service .list-service li a.ico2:before{background-position:-60px 0 ;}
#main .service .list-service li a.ico3:before{background-position:-120px 0 ;}
#main .service .list-service li a.ico4:before{background-position:-180px 0 ;}
#main .service .list-service li:nth-child(2n) a{border-left:1px solid #e2e2e2;}
#main .service .list-service li:nth-child(1) a, #main .service .list-service li:nth-child(2) a{border-bottom:1px solid #e2e2e2;}

/* FOOTER */
#footer {background: #414141; padding: 1.875rem 0;text-align: left; color: #fff;font-size:0.875rem;padding-top:0;}
#footer .info-menu{font-size:0;}
#footer .info-menu li{display:inline-block;}
#footer .info-menu li a{display:block;font-size:1.125rem;line-height:1rem;}
#footer .info-menu li:last-child a{border-left:1px solid #8d8d8d;color:#feca91;padding-left:1rem;margin-left:1rem;}
#footer address {display: block; line-height: 1.6;font-size:0.875rem;font-style:normal;}/* 200422 */
#footer address p:first-child{color:#fff;padding-bottom:0.7rem;}
#footer address p{color:#d5d5d5;}
#footer small { display: block;margin-top: 1rem;text-transform: uppercase;}
#footer .copyright{color: #d5d5d5;clear:both;}/* 200422 */
#footer .f_logo{float:left; margin-right:10px;}
#footer .bar {padding: 0 10px; color: #ccc; font-weight: 300; font-size: 90%}
#footer .box_info { margin-top:20px; }/* 200422 */
#footer .box_info2 { float:right; color:#feca91 }/* 200422 */
#footer .box_fl { float:left; }/* 200422 */

#footer .link-sel-wr{position:relative;font-size:0;margin-bottom:1.3rem;z-index:1000;background:#373737;}
#footer .link-sel{position:relative;vertical-align:top;font-size:1rem;color:#fff;z-index:1;text-align:center;width:25%;display:inline-block;}
#footer .link-sel .link-title{border-right:1px solid rgba(255,255,255,.2);}
#footer .link-sel:first-of-type .link-title{border-left:1px solid rgba(255,255,255,.2);}
#footer .link-list{position:absolute;bottom:45px ;padding: 0; height: 0; padding-left:15px; opacity: 0;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:1000;overflow:hidden;}
#footer .link-list a{padding:0.4rem 0 0 0;display:block;}
#footer .link-list a:hover{color:#9adfff;}
#footer .link-sel .link-title{position:relative;display:block;line-height:45px;width:100%;;text-align:left;padding-left:30px;box-sizing:border-box;}
#footer .link-sel .link-title:before {content: "";position:absolute;top:50%;right:1rem;width:8px;height:5px;transform:translateY(-50%);background:url("/images/org/web/cwhistory/common/link-arr2.png") 0 0 no-repeat;}
#footer .link-sel.open .link-title:before {content: "";position:absolute;top:50%;right:1rem;width:8px;height:5px;transform:translateY(-50%);}
#footer .link-sel.open .link-list {position:absolute;width:100%;bottom:45px;padding: 0; height:220px;overflow:auto; opacity: 1;background:#2f2f2f;border:1px solid #a1a1a1;line-height:20px;color:#fff;transition: all 0.25s ease; -webkit-transition: all 0.25s ease;z-index:2;padding-left:15px;font-weight:400;font-size:0.875rem;box-sizing:border-box;}
#footer .link-sel .link-list li{text-align:left;padding:0 0 0.3rem  0 ;}
#footer .link-sel .link-list li a{display:block;position:relative;padding-left:0.1rem;}
#footer .link-sel .link-list li a:before{position:absolute;top:60%;left:-0.2rem;width:3px;height:2px;background:#ccc;content:"";}
#footer .link-sel.open .link-list li a{font-weight:400;color:rgba(255,255,255,.8)}
#footer .link-sel.open .link-list li a:hover{color:#9adfff;}

.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:#9adfff;}
.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("/images/org/web/cwhistory/common/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:#9adfff;}
.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:#9adfff}
.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("/images/org/web/cwhistory/common/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-dp4 ul{font-size:0;}
.tabs-dp4 li{display:inline-block;}
.tabs-dp4 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-dp4 li.active a{background:#a8906d;color:#fff;border-color:transparent;font-weight:400;}
.tabs-dp4 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-col11 li{width:9%;}
.tabs-col12 li{width: 8%;} /*220302 추가*/

.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:#9adfff;}
.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;}


/* 연표 */

.history-wr{position:relative;padding-top:12.5rem}
.history-wr:before{content:"";display:block;width:1px;height:100%;position:absolute;top:0;left:50%;background:#c3c3c3;}
.history-wr .history-title{display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:12.5rem;height:12.5rem;background:url(/images/org/web/cwhistory/sub/sub_com/history-title.png) 0 0 no-repeat;color:#fff;font-weight:700;text-align:center;font-size:1.25rem;padding-top:7.188rem;background-size:100% auto;}
.history-wr li:after{content:"";display:block;clear:both;}
.history-wr .history-list{padding-left:2rem;position:relative;color:#868686}
.history-wr .history-list ol span.year{color:#a37e49}
.history-wr .history-list h5{color:#002951;font-weight:600;font-size:1.375rem;padding-bottom:1.125rem;line-height:1.375rem;}
.history-wr .history-list:nth-child(odd){margin-left:50%;}
.history-wr .history-list:nth-child(odd):before{position:absolute;top:0.1rem;left:-0.5rem;content:"";display:block;width:0.625rem;height:0.625rem;border-radius:50%;background:#fff;border:0.188rem solid #bebebe}
.history-wr .history-list:nth-child(odd) ol span.year{padding-right:1rem;}
.history-wr .history-list:nth-child(even){margin-right:50%;padding-right:2rem;}
.history-wr .history-list:nth-child(even):before{position:absolute;top:0.1rem;right:-0.5rem;content:"";display:block;width:0.625rem;height:0.625rem;border-radius:50%;background:#fff;border:0.188rem solid #bebebe}
.history-wr .history-list:nth-child(even) h5{float:right;}
.history-wr .history-list:nth-child(even) > ol{float:right;clear:both;} 
.history-wr .history-list:nth-child(even) > ol span{float:right;text-align:right;}
.history-wr .history-list:nth-child(even) ol span.year{padding-left:1rem;}

/* 교육방향 */
.edu-vision{width:65%;background:#f7f7f7;padding:1rem 1rem 0;margin: 3rem auto 2rem auto}
.edu-vision dl{font-size:0;}
.edu-vision dt, .edu-vision dd{box-sizing:border-box;margin-bottom:1rem;font-size:1.125rem;}
.edu-vision dt{display:inline-block;width:20%;background:#09325b;color:#fff;height:3.625rem;line-height:3.625rem;text-align:center;}
.edu-vision dd{display:inline-block;width:80%;background:#fff;border:1px solid #e4e4e4;text-align:center;height:3.625rem;line-height:3.625rem;margin-left:0;}
.edu-detail{position:relative;background:#eff3f5;padding:2rem;text-align:center;}
.edu-detail:before{content:"";display:block;width:0;height:0;border-left:1rem solid transparent;border-right:1rem solid transparent;border-bottom:1rem solid #eff3f5;position:absolute;top:-1rem;left:50%;transform:translateX(-50%)}


/* 역대교육장 */
.chief-list .thumb{position:relative;display:block;width:100%;padding-top:208px;;border-radius:50%;background:url("/images/org/web/cwhistory/sub/1sub3-chief-acc.png") 100% 100% #f3f3f3 no-repeat;overflow:hidden;max-width:208px;margin: 0 auto;background-size:70% auto;}
.chief-list .thumb img{position:absolute;top:0;left:0;width:100%;}
.chief-list ul{font-size:0;text-align:center;}
.chief-list li .item{padding:50px 30px;text-align:center;}
.chief-list li .item .name{display:block;text-align:center;font-size:1.375rem;font-weight:600;margin-top:1.625rem;padding-bottom:0.5rem;position:relative;margin-bottom:0.5rem}
.chief-list li .item .name:after{content:"";display:block;width:1.5rem;height:1px;background:#a8906d;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.chief-list li .item .num{display:block;text-align:center;font-size:0.875rem;font-weight:300;color:#b29855;}
.chief-list li .item .period{display:block;text-align:center;font-size:0.875rem;font-weight:300;color:#666}


/* 창원교육통계 */
.img-zoom{position:relative;font-size:0;}
.img-zoom .btn-zoom{display:none;position:absolute;right:0;bottom:0;width:2.6rem;height:2.6rem;background:rgba(9, 50, 91, .7) url(/images/org/web/cwhistory/common/ui-img-zoom.png) 50% 50% no-repeat;background-size:70% auto;}



/* 조직변천 */
.org-wr {text-align:center;}
.org-wr .org-info{display:inline-block;border:1px solid #a8906d;padding:0.5rem 3rem;margin-top:2rem;font-size:1.125rem;color:#a8906d;font-weight:600;}
.org-wr .org-info span{position:relative;color:#a8906d;padding-right:0.7rem;margin-right:0.7rem;font-weight:400;}
.org-wr .org-info span:after{content:"";display:block;width:1px;height:1rem;background:#d1d1d1;position:absolute;top:50%;right:0;transform:translateY(-50%)}
.org-history-list .org-dp1{display:block;width:11.063rem;height:11.063rem;background:url(/images/org/web/cwhistory/common/org-title-bg.png) 0 0 no-repeat;line-height:11.063rem;color:#fff;font-size:1.5rem;text-align:center;font-weight:600;margin:0 auto;background-size:100% auto;}
/* .org-history-list.col9 .org-dp1{margin-left:38%;} */

.org-history-list{position:relative;}
.org-history-list:before{position:absolute;top:11.063rem;left:50%;content:"";display:block;width:1px;height:1.5rem;background:#e2e2e2;z-index:-2;margin-left: .25rem;}
/* .org-history-list.col9:before{left:45.5%} */

.org-list{position:relative;padding-top:3rem;}
.org-list.col10:before{content:"";display:block;width: 50%;height:1px;position:absolute;top:1.5rem;left: 52.8%;transform:translateX(-50%);background:#e2e2e2;margin-left:-2.4%;}/*220302 추가*/
.org-list.col9:before{content:"";display:block;width:50%;height:1px;position:absolute;top:1.5rem;left:50%;transform:translateX(-50%);background:#e2e2e2;margin-left:-2.4%;}
.org-list.col8:before{content:"";display:block;width:50%;height:1px;position:absolute;top:1.5rem;left:50%;transform:translateX(-50%);background:#e2e2e2;}
.org-list:after{content:"";display:block;clear:both;}
.org-list>.dl2-1{float:left;position:relative;}
.org-list>.dl2-2{float:right;position:relative;}
.org-list>.dl2-1>span, .org-list>.dl2-2>span{width:11.250rem;display:block;margin: 0 auto;background:#1890c2;font-size:1.125rem;text-align:center;height:3.125rem;line-height:3.125rem;color:#fff;}

.org-list.col10>.dl2-1>span:before{content:"";display:block;height:1.5rem;width:1px;position:absolute;top:-1.5rem;left:50%;;background:#e2e2e2;z-index:-1;margin-left:0.25rem;}/*220302 추가*/
.org-list.col10>.dl2-2>span:before{content:"";display:block;height:1.5rem;width:1px;position:absolute;top:-1.5rem;left:50%;background:#e2e2e2;z-index:-1;margin-left:0.25rem;}/*220302 추가*/
.org-list.col9>.dl2-1>span:before{content:"";display:block;height:1.5rem;width:1px;position:absolute;top:-1.5rem;left:50%;;background:#e2e2e2;z-index:-1;margin-left:0.25rem;}
.org-list.col9>.dl2-2>span:before{content:"";display:block;height:1.5rem;width:1px;position:absolute;top:-1.5rem;left:50%;background:#e2e2e2;z-index:-1;margin-left:0.25rem;}
.org-list.col8>.dl2-1>span:before{content:"";display:block;height:1.5rem;width:1px;position:absolute;top:-1.5rem;left:50%;;background:#e2e2e2;z-index:-1;}
.org-list.col8>.dl2-2>span:before{content:"";display:block;height:1.5rem;width:1px;position:absolute;top:-1.5rem;left:50%;background:#e2e2e2;z-index:-1;}

/*220302 추가*/
.org-list.col10>.dl2-1{width: 50%;}
.org-list.col10>.dl2-1>ul{font-size:0;}
.org-list.col10>.dl2-1>ul>li{display:inline-block;width: 20%;font-size: 0.78rem;}
.org-list.col10>.dl2-2{width: 50%;}
.org-list.col10>.dl2-2>ul{font-size:0;}
.org-list.col10>.dl2-2>ul>li{display:inline-block;width:20%;font-size:0.78rem;padding-left:0.5rem;box-sizing:border-box;}
/*//220302 추가*/

/*241023 추가*/
.org-list.col11:before{content:"";display:block;width: 67%;height:1px;position:absolute;top:1.5rem;left: 52.8%;transform:translateX(-50%);background:#e2e2e2;margin-left:-2.4%;}
.org-list>.dl3-1{float:left;position:relative;}
.org-list>.dl3-2{float:left;position:relative;}
.org-list>.dl3-3{float:right;position:relative;}
.org-list>.dl3-1>span, .org-list>.dl3-2>span, .org-list>.dl3-3>span{width:11.250rem;display:block;margin: 0 auto;background:#1890c2;font-size:1.125rem;text-align:center;height:3.125rem;line-height:3.125rem;color:#fff;}
.org-list.col11>.dl3-1>span:before{content:"";display:block;height:1.5rem;width:1px;position:absolute;top:-1.5rem;left:50%;;background:#e2e2e2;z-index:-1;margin-left:0.25rem;}
.org-list.col11>.dl3-2>span:before{content:"";display:block;height:1.5rem;width:1px;position:absolute;top:-1.5rem;left:50%;background:#e2e2e2;z-index:-1;margin-left:0.25rem;}
.org-list.col11>.dl3-3>span:before{content:"";display:block;height:1.5rem;width:1px;position:absolute;top:-1.5rem;left:50%;background:#e2e2e2;z-index:-1;margin-left:0.25rem;}
.org-list.col11>.dl3-1{width: calc(100% / 3);}
.org-list.col11>.dl3-1>ul{font-size:0;}
.org-list.col11>.dl3-1>ul>li{display:inline-block;width: 33.33%;font-size: 0.78rem;}
.org-list.col11>.dl3-2{width: calc(100% / 3);}
.org-list.col11>.dl3-2>ul{font-size:0;}
.org-list.col11>.dl3-2>ul>li{display:inline-block;width: 25%;font-size:0.78rem;padding-left:0.5rem;box-sizing:border-box;}
.org-list.col11>.dl3-3{width: calc(100% / 3);}
.org-list.col11>.dl3-3>ul{font-size:0;}
.org-list.col11>.dl3-3>ul>li{display:inline-block;width: 33.333%;font-size:0.78rem;padding-left:0.5rem;box-sizing:border-box;}
.org-list.col11>.dl3-1 .dl-list.col11:after {content:"";display:block;width: 66.5%;height:1px;background:#e2e2e2;position:absolute;left:50%;top:2.5rem;transform:translateX(-50%);margin-left:0.25rem;}
.org-list.col11>.dl3-2 .dl-list.col11::after {content:"";display:block;width: 75%;height:1px;background:#e2e2e2;position:absolute;left:50%;top:2.5rem;transform:translateX(-50%);margin-left:0.25rem;}
.org-list.col11>.dl3-3 .dl-list.col11::after {content:"";display:block;width: 66.5%;height:1px;background:#e2e2e2;position:absolute;left:50%;top:2.5rem;transform:translateX(-50%);margin-left:0.25rem;}
/*//241023 추가*/

.org-list.col9>.dl2-1{width:44.4444%}
.org-list.col9>.dl2-1>ul{font-size:0;}
.org-list.col9>.dl2-1>ul>li{display:inline-block;width:25%;font-size: 0.78rem;}
.org-list.col9>.dl2-2{width:55.5556%}
.org-list.col9>.dl2-2>ul{font-size:0;}
.org-list.col9>.dl2-2>ul>li{display:inline-block;width:20%;font-size:0.78rem;padding-left:0.5rem;box-sizing:border-box;}

.org-list.col8>.dl2-1{width:50%}
.org-list.col8>.dl2-1>ul{font-size:0;}
.org-list.col8>.dl2-1>ul>li{display:inline-block;width:25%;font-size:0.938rem;}
.org-list.col8>.dl2-2{width:50%}
.org-list.col8>.dl2-2>ul{font-size:0;}
.org-list.col8>.dl2-2>ul>li{display:inline-block;width:25%;font-size:0.938rem;padding-left:0.5rem;box-sizing:border-box;}

.dl-list{position:relative;padding-top:4.5rem;}
.dl-list:after{content:"";display:block;width: 75%;height:1px;background:#e2e2e2;position:absolute;left:50%;top:2.5rem;transform:translateX(-50%);margin-left:0.25rem;}
.org-list.col9>.dl2-2 .dl-list:after{width:80%;margin-left:0.25rem;}
.dl-list:before{content:"";display:block;width:1px;height:2.5rem;background:#e2e2e2;position:absolute;left:50%;top:0;margin-left:0.25rem;}

.dl-list>li{position:relative;text-align:center;box-sizing:border-box;vertical-align:top;letter-spacing:-0.06rem;}
.dl-list>li:before{content:"";display:block;width:1px;height:2rem;position:absolute;top:-2rem;left:50%;background:#e2e2e2;margin-left:0.25rem;z-index:-1;}
.dl-list>li+li{padding-left:0.5rem;}
.dl-list>li>span{background:#6c757d;color:#fff;display:block;height:2.625rem;line-height:2.625rem;z-index:10;position:relative;letter-spacing:-0.05rem;font-size: 0.938rem;}
.dl-list>li>ul{background:#eee;border:1px solid #d4d4d4;margin-top:-2px;z-index:-1;}
.dl-list>li>ul>li{padding:0.5rem 0;border-top:1px solid #d4d4d4;word-break:break-all;min-height:2.5rem;box-sizing:border-box;}
.dl-list>li>ul>li.spc{display:none;line-height:1rem;}


/* 폐교역사관 */
.archive-top{position:relative;overflow:hidden;width:100%;}
.archive-top span{height:270px;display:block;}
.archive-top img{position:absolute;top:-10rem;left:0;width:100%;height:auto;z-index:-1}
.archive-top img.wh{top:0;}
.archive-top img.bm{top:-25rem}
.archive-top img.bm-dp2{top:-12rem;}						   
.archive-top h3{width:100%;color:#fff;text-align:center;font-size:2rem;font-weight:400;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.archive-title{text-align:center;padding:2.500rem 0;}
.archive-title span{display:inline-block;font-size:2rem;font-weight:500;}
.archive-title span small{position:relative;display:block;font-size:1rem;margin-top:0.4rem;padding-top:0.4rem;font-weight:300;}
.archive-title span small:before{height:1px; width:100%;content:"";display:block;background:#1c4a77;position:absolute;top:0;left:0;}
.article-main{height:0;overflow:hidden;}
.article-main.open{height:auto;}
.article-line{border:0;border-top:1px solid #dcdcdc;margin:2rem 0;}
.article-more{text-align:center;position:relative;}
.article-more .btn{border-radius:50px;display:inline-block;height:2.875rem;line-height:2.875rem;font-size:1rem;padding:0 2.5rem;cursor:pointer;position:relative;padding-right:3rem}
.article-more .btn:after{content:"\f11f";display:block;position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-family:LineAwesome}
.article-more .btn.open:after{content:"\f122";display:block;position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-family:LineAwesome}
.article-more:after{width:100%;height:1px;background:#09325b;content:"";display:block;position:absolute;top:50%;left:0;z-index:-1;transform:translateY(-50%)}
.tabs-menu {display:none;}
.tabs-dp4 {display:none;}


.article-main h4.title{position:relative;font-size:1.125rem;color:#09325b;font-weight:600;padding-bottom:1rem;padding-left:2rem;}
.article-main h4.title span.title-num{position:absolute;top:0.2rem;left:0;;width:1.3rem;height:1.3rem;line-height:1.3rem;color:#fff;background:#09325b;font-size:0.875rem;text-align:center;}
.article-main h5.title{position:relative;font-size:1rem;color:#78889b;font-weight:400;padding-bottom:1rem;line-height:1.4rem;background:#eff2f5;border:1px solid #dfe3e8;display:inline-block;padding:0.3rem 2.8rem; min-width:200px;margin-bottom:1rem;}
.article-main h5.title span.title-num{position:absolute;top:0;left:0;width:2rem;font-size:0.875rem;text-align:center;border-right:1px solid #dfe3e8;line-height:2rem;height:100%;background:#fff;}
.article-main  p.txt + h5.title {margin-top:1rem;}
.article-main  p.txt + hr{margin-top:1rem;}
.article-main  ul + h5.title{margin-top:1.5rem;}
.article-main p.txt{font-size:1rem; color:#000;padding-bottom:1rem;}
.article-main sup{font-size:0.7rem;}
.article-main .ul-list li{padding-left:0.3rem;position:relative;}
.article-main .ul-list li:before{content:"";display:block;position:absolute;top:0.8rem;left:0;width:2px;height:2px;background:#000;}
.article-main .box-type1{background:#f6f6f6;padding:1rem;}
.article-photo-list {display: flex;font-size:0;margin-left:-1rem;margin-right:-1rem;flex-wrap: wrap;align-items: stretch;}
.article-photo-list li {flex: 0 0 33.33333%;}
.article-photo-list li:nth-of-type(n+4) {margin-top:1rem;}
.article-photo-list li .item{padding:0 1rem;font-size:1rem;}
.article-reference{border-top:1px solid #d6d6d6;padding-top:0.5rem;color:#9f9f9f;font-size:0.813rem}

/* 명예의전당 */
.year100-wr{background:#e8e8e8;font-size:0;overflow:hidden;}
.year100-wr .type1{padding:0;width:50%;font-size:0;display:inline-block;}
.year100-wr .type1 .type-name{display:block;background:#bb955d;text-align:center;font-size:1.125rem;color:#fff;padding:0.8rem;}
.year100-wr .type1 .type-name small{font-size:0.875rem;display:block;color:rgba(255, 255, 255, .5);line-height:0.9rem}
.year100-wr .type1 ul.item-wr{position:relative;padding:2rem 1rem 1rem 1rem;}
.year100-wr .type1 ul.item-wr:after{content:"";display:block;position:absolute;top:0;right:0;width:1px;height:100%;background:url("/images/org/web/cwhistory/common/ui-dot-double.png") repeat-y;}
.year100-wr .type1.type2 ul.item-wr:after{content:"";display:block;position:absolute;top:0;right:0;width:1px;height:100%;background:url("/images/org/web/cwhistory/common/ui-dot-double.png") repeat-y;padding-top:50%;margin-top:-50%;}
.year100-wr .type1.type3 ul.item-wr:after{display:none;}

.year100-wr .type1 li{width:50%;display:inline-block;}
.year100-wr .type1 .item{margin:0 1rem 1.3rem 1rem;;background:#fff;border-radius:0.5rem;overflow:hidden;font-size:1rem;}
.year100-wr .type1 .item h4.title{height:2rem;line-height:2rem;font-size:1.125rem;text-align:center;background:#bb955d;color:#fff;}
.year100-wr .type1 .item .info{position:relative;padding:0.5rem 1rem;padding-left:80px;}
.year100-wr .type1 .item .info span{display:block;}
.year100-wr .type1 .item .info .date1, .year100-wr .type1 .item .info .date2{position:relative;padding-left:3rem;margin-bottom:0.1rem;font-size:1rem;}
.year100-wr .type1 .item .info span:before{display:block;position:absolute;top:0;left:0;width:2.2rem;line-height:1.4rem;height:1.4rem;background:#ac9778;font-size:0.938rem;color:#fff;text-align:center;}
.year100-wr .type1 .item .info span.date1:before{content:"설립";}
.year100-wr .type1 .item .info span.date2:before{content:"개교";}
.year100-wr .type1 .item .info .logo{position:absolute;top:50%;left:1rem;transform:translateY(-50%);width:45px;height:45px;}

.year100-wr .type2, .year100-wr .type3{width:25%;font-size:0;display:inline-block;}
.year100-wr .type2 li, .year100-wr .type3 li{width:100%;}

.year100-wr .type2 .item h4.title{background:#3862a1;color:#fff;}
.year100-wr .type2 .item .info span:before{background:#9dadc5;}
.year100-wr .type2 .type-name{background:#3862a1;}

.year100-wr .type3 .item h4.title{background:#38a1a0;color:#fff;}
.year100-wr .type3 .item .info span:before{background:#86bdbc;}
.year100-wr .type3 .type-name{background:#38a1a0;}

/* 공통 */
table.table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
table.table.type1{min-width:1200px; word-break: break-all;}
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 #e9e9e9;font-size:1.125rem;}
table.table.type1 tbody th.th-g{background:#b49871;border-bottom:1px solid #c6ad8b;color:#fff;}
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 th{padding:0.5rem 0.5rem;font-size:1rem;color:#fff;text-align:center;background:#b9a383;border:0;border-left:1px solid #c7b294;border-bottom:1px solid #c7b294 }
table.table.type2 thead th.th-g{background:#5f5b55}
table.table.type2 thead th.th-g{border-left:1px solid #6e6b65;}
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;}
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("/images/org/web/cwhistory/common/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("/images/org/web/cwhistory/common/ui-ico-wright.png") 0 0 no-repeat;background-size:100% 100%;}
.auto-info .ico{position:relative;padding:1.5rem 0;padding-left:3rem;display:inline-block;}
.auto-info .ico:before{content:"";display:block;width:2.188rem;height:2.563rem;background:url("/images/org/web/cwhistory/common/ui-ico-wauto.png") 0 50% no-repeat;position:absolute;top:50%;left:0;transform:translateY(-50%);background-size:100% 100%;}


.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}

@media screen and (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;}
    #main .m-visual{height:400px;}
    #main .m-visual .vis-container{height:400px;}
    #header{background:none;height: 75px;min-width: 320px;} 
    #header:hover{background:none;}    
    #header #gnb {display:none;}
    #header .language-sel{display:none;}
    #header .search-btn{border-left:0;}
    #header .search-btn img{display:none;}
    #header .search-btn:before{content:"\f2eb";font-family:LineAwesome;color:#fff;font-size:2rem;}
    
    #header .search-open .form-control{width:70%;}
    #header .search-btn{width:50px;}
    #header .list-btn{display:inline-block;width:50px;height:75px;}
    #header .list-btn:before{content:"\f131";font-family:LineAwesome;color:#fff;font-size:2rem;}    
    #header .util{left:auto; margin-left: 0; right:10px;}
    #header .mobile-menu{width:50%;}
    
    #header h1{z-index:10;}
    #header-top.fixed {position: absolute;} /* 20251204 추가 */
    #header.fixed{position:absolute;}
    #main .m-visual h2{font-size:2.125rem;float:none;text-align:center;}
    #main .m-visual  h2 p{font-size:1.125rem;font-weight:300;}
    #main .m-visual .slick-prev, #main .m-visual .slick-next {top:80%;}
    #main .m-visual .vis-container:before{content:"";display:block;width:100%;height:200px;background:url("/images/org/web/cwhistory/common/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;padding-right:3rem;margin-left:0;text-align:left;}
    #main .m-visual .slick-next {right:1rem;margin-right:0;text-align:right;}


    #main .history-slider{width:100%;padding:25px 0;border-bottom:1px solid #dadada;}   
    #main .history h2{float:left; margin-right:1rem;padding-left:0;font-size:1.438rem;}
    #main .history h2:before{display:none;}
    #main a.btn-more{float:right;font-size:0.938rem;color:#0a709a;letter-spacing:0.05rem;font-weight:400;margin-top:0.5rem;}
    #main .history-slider .item{padding:0 1rem;letter-spacing:-0.05rem;}  
    #main .history-slider .slick-prev, #main .history-slider .slick-next {width:2.500rem;height:2.500rem;border-radius: 0; z-index: 2;top:40%;}
    #main .history-slider .slick-prev{background:#b7b2b0;left:0;}
    #main .history-slider .slick-prev:before{content:"\f111";font-family:LineAwesome;display:block;}
    #main .history-slider .slick-next{background:#b7b2b0;right:0;margin-right:0;}
    #main .history-slider .slick-next:before{content:"\f112";font-family:LineAwesome;display:block;}
    
    /* 폐교역사관 */
    #main .history-school{padding-bottom:0;}
    #main .history-school .acc1-1{display:none;}
    #main .history-school .acc1-2{top:auto;bottom:-70px;z-index:1;background-size:50% 50%;}
    #main .history-school .acc2-1, #main .history-school .acc2-2{display:none;}
    #main .history-school >div>.title{text-align:center;padding:1.500rem 0;}    
    #main .history-school .title:after{content:"";display:block;clear:both;}
    #main .history-school .title h2{float:left;margin-right:0.5rem;font-size:1.438rem;}
    #main .history-school .title small{float:left;font-size:1.125rem;font-weight:300;padding-top:0.3rem;}
    #main .history-school .title a.btn-more{display:block;}
    #main .history-school .school-nav-wr .btn-more{display:none;}    
    #main .history-school .box-xs{/* background:#f2f8fb;*/padding:0 1rem}
    #main .school-slider{z-index:2}
    #main .school-slider .item{width:100%;margin:0 auto;position:relative;z-index:1}    
    #main .school-slider .year{right:0.5rem;bottom:3.125rem;z-index:-1}
    #main .school-slider .year h3{font-size:8.500rem;letter-spacing:-0.2rem;color:#e1ebf3;}
    #main .school-slider .year small{font-size:1rem;}
    
    #main .school-slider .slick-prev, #main .school-slider .slick-next {width:3.500rem;height:2.500rem;border-radius: 0; z-index: 2;top:97%;}
    #main .school-slider .slick-prev{left:0;margin-left:0;}
    #main .school-slider .slick-next{right:0;margin-right:0;}
	#main .school-nav .slick-slide{width:24.5%!important;margin-bottom:1px}    
    #main .school-nav{margin-bottom:1.5rem;position:relative;}
    
    /*  #main .school-nav{margin-right:0;margin-top:3rem;-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);z-index:2}
    #main .school-nav:before, #main .school-nav:after, #main .school-nav>div:before, #main .school-nav .item:before, #main .school-nav .slick-current .item:before{display:none;}
    #main .school-nav .item{background:#fff;padding-top:0;color:#a5a5a5;line-height:2.500rem;border-left:1px solid #ececec;font-size:1.125rem;letter-spacing:-.0.05rem;}
    #main .school-nav .slick-current .item{background:#2084c4;color:#fff;font-weight:600;} */


	.school-slider-list li{width:49%;display:inline-block;}
    .school-slider-list li+li:nth-child(2n+1){margin-left:0;}
    /* 기록전시관 */   
    #main .history-archive{padding-bottom:1rem;z-index:3}
    #main .history-archive .acc3-1{display:none;}
    #main .history-archive>div>.title{text-align:center;padding:1.500rem 0 1.500rem 0;}
    #main .history-archive .title h2{float:left;font-size:1.438rem;}
    #main .history-archive .title .btn-more{float:right;}
    #main .history-archive .title:after{content:"";display:block;clear:both;}
    #main .history-archive .tabs{font-size:0;text-align:left;padding: 0 0 1.4rem 0;}
    #main .history-archive .tabs li{background:none;margin-right:0.5rem;}
    #main .history-archive .tabs li a{font-size:1.125rem;color:#777;padding:0.4rem 1rem;position:relative;border:1px solid #b3b3b3;border-radius:3rem;display:block;margin:0;}
    #main .history-archive .tabs li.active a{border:1px solid #7b7b7b;}
    #main .history-archive .tabs li.active a:before{display:none;}

     /* 서비스메뉴 */     
    #main .service .service-img{display:none;}    
    #main .service .service-img img{width:100%;}    
    #main .service .list-service{float:none;width:100%;padding:0;font-size:0;background:#f8f8f8;border-top:1px solid #e2e2e2;}    
    #main .service .list-service li{width:25%;}
    #main .service .list-service li a{border-left:1px solid #e2e2e2}       
    #main .service .container-fluid{padding:0;}
    #main .service:before, #main .service:after{display:none;}
    
     
    
    
    /* SUB */
    
    
    #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;}
    .tabs-dp4 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-dp4 {display:block;}
    .tabs-dp3.sel{display:none;}
    
    
    /* 역대교육장 */    
    .chief-list .thumb{padding-top:100%;;border-radius:50%;max-width:none;}
    
    /* 명예의 전당 */
    .year100-wr .type1{width:100%;}
    .year100-wr .type2, .year100-wr .type3{width:50%;}
    .year100-wr .type1 ul.item-wr:after{display:none;}
    .year100-wr .type1.type2 ul.item-wr:after{content:"";display:block;position:absolute;top:0;right:0;width:1px;height:100%;background:url("/images/org/web/cwhistory/common/ui-dot-double.png") repeat-y;padding-top:0;margin-top:0;}
    .year100-wr .type1 ul.item-wr{padding:2rem 0.5rem 1rem 0.5rem}
    
    
    /* 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 .info-menu{font-size:0;text-align:center;}/* 200428 */
    #footer address {text-align:center;}
    #footer address p:first-child{color:#fff;padding-bottom:0.7rem;}
    #footer address p{color:#d5d5d5;}
    #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;} 
	
   	/* 200428 */
	#footer .box_info { padding-top:40px; }  
	#footer .box_info2 {position: absolute;top: 15%;right: 15%;}
	#footer .box_fl { float:none; }
	#footer .f_logo { float:none;  }
   
}

@media screen and (max-width: 1020px) {
	 #main {margin-top: 40px;} /* 20251204 추가 */
}

@media screen and (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%;}
    .chief-list li .item{padding:30px 10px}  
	
	 /* 연표 */
    .history-wr .history-list ol span{display:block;float:none!important;}
    
    /* 교육방향 */
    .edu-vision{width:80%;}
    
    /* 교육통계 */
    .img-zoom .btn-zoom{display:block;}
    
    /* 조직변천 */
    .org-list{padding-top:1.5rem;}
    .org-list.col9>.dl2-1{width:100%}
    .org-list.col9>.dl2-1>span:before{display:none;}
    .org-list.col9>.dl2-2{width:100%;margin-top:3rem;}
    .org-list.col9>.dl2-2>span:before{display:none;}
    /*220302*/
    .org-list.col10{padding-top:1.5rem;}
    .org-list.col10>.dl2-1{width:100%}
    .org-list.col10>.dl2-1>span:before{display:none;}
    .org-list.col10>.dl2-2{width:100%;margin-top:3rem;}
    .org-list.col10>.dl2-2>span:before{display:none;}
    .org-list.col10:before{display:none;}
    /*220302*/

        /*241023*/
        .org-list.col11{padding-top:1.5rem;}
        .org-list.col11>.dl3-1{width:100%}
        .org-list.col11>.dl3-1>span:before{display:none;}
        .org-list.col11>.dl3-2{width:100%;margin-top:3rem;}
        .org-list.col11>.dl3-2>span:before{display:none;}
        .org-list.col11>.dl3-3{width:100%;margin-top:3rem;}
        .org-list.col11>.dl3-3>span:before{display:none;}
        .org-list.col11:before{display:none;}
        .org-list.col11>.dl3-1 .dl-list.col11:after {content:"";display:block;width: 66.5%;height:1px;background:#e2e2e2;position:absolute;left:50%;top:2.5rem;transform:translateX(-50%);margin-left:0.25rem;}
        .org-list.col11>.dl3-2 .dl-list.col11::after {content:"";display:block;width: 75%;height:1px;background:#e2e2e2;position:absolute;left:50%;top:2.5rem;transform:translateX(-50%);margin-left:0.25rem;}
        .org-list.col11>.dl3-3 .dl-list.col11::after {content:"";display:block;width: 66.5%;height:1px;background:#e2e2e2;position:absolute;left:50%;top:2.5rem;transform:translateX(-50%);margin-left:0.25rem;}
        /*//241023*/
    .org-list:before{display:none;}
    .org-list.col9:before{display:none;}
    .org-list>.dl2-1>span:before{margin-left:0;}
    
    .org-list.col8>.dl2-1{width:100%}
    .org-list.col8>.dl2-1>span:before{display:none;}
    .org-list.col8>.dl2-2{width:100%;margin-top:3rem;}
    .org-list.col8>.dl2-2>span:before{display:none;}
    .org-list.col8:before{display:none;}
    
 

    /* 폐교역사관 */
    .article-photo-list{margin-left:-0.5rem;margin-right:-0.5rem;}
    .article-photo-list li .item{padding:0 0.5rem;}
    .archive-top img{top:0;}
	.archive-top img.bm{top:0}
    .archive-top img.bm-dp2{top:0;}
    
    
     /* 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: 600px) {
	#header .search-open {top: 140px;} /* 20251204 추가 */
	#wrap-all.no_langs #header .search-open {top: 115px;}
	
	#main .m-visual {margin-top: -120px;} /* 20251204 추가 */
	#wrap-all.no_langs #main .m-visual {margin-top: -120px;} /* 20251204 추가 */
}

@media all and (max-width: 576px) {
    html {font-size: 13px}
    #header{height:65px;}
    #header:before{height:100px;}
    #header h1.logo {width:170px;height:28px;background:url("/images/org/web/cwhistory/common/logo.png") 0 0 no-repeat;background-size:auto 100%;}
    #header .search-open{top:130px;} /* 20251204 수정 */
    #wrap-all.no_langs #header .search-open{top:105px;} /* 20251204 추가 */
    #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%;}

	#main .m-visual{height:300px;margin-bottom:25px; margin-top: -75px;} /* 20251204 수정 */
	#wrap-all.no_langs #main .m-visual{margin-top: -100px;} /* 20251204 추가 */
    #main .m-visual .vis-container{height:300px;}
    #main .m-visual  h2{padding-top:140px;}
    #main .m-visual .slick-prev, #main .m-visual .slick-next{width:100px;}
    #main .m-visual .slick-prev:before, #main .m-visual .slick-next:before{width:50px;}
    
    #main .history-slider .item .title{font-size:1.281rem}
    #main .history-slider .item .txt{font-size:1.125rem;line-height:1.5rem;}
    
    /* SUB */
    .tabs-menu{position:relative;right:auto;}
    .tabs-menu{position:relative;display:inline-block;width:100%;vertical-align:top;font-size:1.375rem;color:#fff;z-index:1;text-align:center;background:#a8906d;}
    .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-menu .tabs-title{position:relative;display:block;line-height:50px;border-right:1px solid #909090;text-align:left;font-size:1.250rem;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;font-size:1.250rem}
    .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;}

    /* 연표 */
    
    .history-wr:before{display:none;}
    .history-wr .history-list{padding-left:0}
    .history-wr .history-list h5{margin-top:2rem;}
    .history-wr .history-list ol{border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;padding:1rem 0;}    
    
    .history-wr .history-list:nth-child(odd){margin-left:0;}
    .history-wr .history-list:nth-child(even){margin-right:auto;margin-left:0;padding-right:0;}
    .history-wr .history-list:nth-child(even) h5{float:none;}
    .history-wr .history-list:nth-child(even) > ol{float:none;} 
    .history-wr .history-list:nth-child(even) > ol span{float:none;text-align:left;}
    .history-wr .history-list:nth-child(odd):before{display:none;}
    .history-wr .history-list:nth-child(even):before{display:none;}    
    .history-wr .history-list:nth-child(even) ol span.year{padding-left:0;}
    .history-wr .history-list > ol > li{padding-left:0.5rem;position:relative;}
    .history-wr .history-list > ol > li:before{content:"";display:block;width:2px;height:2px;background:#a37e49;position:absolute;top:0.7rem;left:0;}
    
    /* 교육방향 */
    .edu-vision{width:100%;box-sizing:border-box;}
    
    /* 교육통계 */


    .dl-list:after{width:50%;}
    /*220302 추가*/
    .org-list.col10>.dl2-1 .dl-list:after, .org-list.col10>.dl2-2 .dl-list:after{width:50%;}
    .org-list.col10>.dl2-1>ul, .org-list.col10>.dl2-2>ul{text-align:left;}
    .org-list.col10>.dl2-1>ul>li, .org-list.col10>.dl2-2>ul>li{width:50%;margin-bottom:0.5rem;}    
    .org-list.col10>.dl2-1>ul>li:nth-child(2n+1), .org-list.col10>.dl2-2>ul>li:nth-child(2n+1){padding-left:0;}
    /*220302*/

    /*241023추가*/
    .org-list.col11>.dl3-1 .dl-list:after, .org-list.col11>.dl3-2 .dl-list:after, .org-list.col11>.dl3-3 .dl-list:after{width:50%;}
    .org-list.col11>.dl3-1>ul, .org-list.col11>.dl3-2>ul, .org-list.col11>.dl3-3>ul{text-align:left;}
    .org-list.col11>.dl3-1>ul>li, .org-list.col11>.dl3-2>ul>li , .org-list.col11>.dl3-3>ul>li{width:50%;margin-bottom:0.5rem;}    
    .org-list.col11>.dl3-1>ul>li:nth-child(2n+1), .org-list.col11>.dl3-2>ul>li:nth-child(2n+1), .org-list.col11>.dl3-3>ul>li:nth-child(2n+1) {padding-left:0;}
    .org-list.col11>.dl3-1 .dl-list.col11:after {width:50%;}
        .org-list.col11>.dl3-2 .dl-list.col11::after {width:50%;}
        .org-list.col11>.dl3-3 .dl-list.col11::after {width:50%;}
    /*//241023추가*/

    .org-list.col9>.dl2-1>ul>li{width:50%;margin-bottom:0.5rem;}
    .org-list.col9>.dl2-1>ul>li:nth-child(2n+1){padding-left:0;}
    .org-list.col9>.dl2-2 .dl-list:after{width:50%;}
    .org-list.col9>.dl2-2>ul{text-align:left;}
    .org-list.col9>.dl2-2>ul>li{width:50%;margin-bottom:0.5rem;}    
    .org-list.col9>.dl2-2>ul>li:nth-child(2n+1){padding-left:0;}
    
    .org-list.col8>.dl2-1>ul>li{width:50%;margin-bottom:0.5rem;}
    .org-list.col8>.dl2-1>ul>li:nth-child(2n+1){padding-left:0;}
    .org-list.col8>.dl2-2 .dl-list:after{width:50%;}
    .org-list.col8>.dl2-2>ul{text-align:left;}
    .org-list.col8>.dl2-2>ul>li{width:50%;margin-bottom:0.5rem;}    
    .org-list.col8>.dl2-2>ul>li:nth-child(2n+1){padding-left:0;}
    .dl-list>li>ul>li.spc{display:block;}
    
    
        
    /* 폐교역사관 */
    #main .history-school .title small{display:none;}
    #main .school-slider .year{right:0.5rem;bottom:2.125rem;}
    #main .school-slider .year h3{font-size:4.500rem;letter-spacing:-0.2rem;color:#e1ebf3;}
    #main .school-slider .year small{font-size:1rem;padding-left:1rem;}



    /* 기록전시관 */   
    #main .history-archive .tabs{font-size:0;text-align:left;border-left:1px solid #e4e4e4;border-top:1px solid #e4e4e4;position:relative;}
    #main .history-archive .tabs li{display:inline-block;width:50%;margin:0;}
    #main .history-archive .tabs li a{display:block;font-size:1.05rem;color:#777;height:2.7rem;line-height:2.7rem;position:relative;border-radius:0;text-align:center;border:1px solid #e4e4e4;background:#f8f8f8;margin:-1px 0 0 -1px;padding:0}

    #main .history-archive .tabs li.active a{background:#a8906d;color:#fff!important;border-color:transparent}    
    #main .history-archive .tabs li.active a:before{display:none;}
    
    #main .history-archive .tab_container li .title{font-size:1.281rem;padding-bottom:0.1rem;}
    #main .history-archive .tab_container li .date{margin-bottom:0.1rem;}
    #main .history-archive .tab_container li .txt{font-size:1.125rem;}
    
     /* 서비스메뉴 */     
    #main .service .service-img{display:none;}    
    #main .service .service-img img{width:100%;}    
    #main .service .list-service{float:none;width:100%;padding:0;font-size:0;background:#f8f8f8;border-top:1px solid #e2e2e2;}    
    #main .service .list-service li{width:50%;}
    #main .service .list-service li a{border-left:1px solid #e2e2e2}    
    
    

    #main .service .container-fluid{padding:0;}
    #main .service:before, #main .service:after{display:none;}
    
   /* SUB */
    .tabs-dp3 li a{height:2.500rem;line-height:2.500rem;}
    .tabs-dp4 li a{height:2.500rem;line-height:2.500rem;}
    .tabs-col4 li{width:50%;} 
    .tabs-col6 li{width:50%;}
    .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%;}



	
   /* 폐교역사관 */
    .archive-top{margin-top:1rem;}
    .archive-top span{height:180px;}
    .archive-top img{top:0;}
    .archive-top img.wh{top:0;height:100%;width:auto;}
    .archive-top h3{font-size:1.6rem;}
    .article-photo-list li{
    flex: 0 0 50%;
}
    .article-photo-list li:nth-of-type(n+3) {margin-top:1rem;}
    /* 명예의 전당 */
    .year100-wr .type1 li{width:100%;}
    .year100-wr .type2, .year100-wr .type3{width:100%;}
    .year100-wr .type1 ul.item-wr:after{display:none!important;}
    

    #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) {
        
    /* 교육방향 */
    .edu-vision{padding-bottom:1.2rem;}
    .edu-vision dt {position:relative;display:block;background:none;color:#09325b;margin-bottom:0;font-weight:600;padding-bottom:1rem;height:3rem;line-height:3rem;text-align:left;padding-left:0.5rem;}
    .edu-vision dt:before{width:0.3rem;height:0.3rem;content:"";display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);background:#09325b;border-radius:50%;}
    .edu-vision dd{display:block;width:100%;margin-bottom:0.5rem;}
    
	#main .school-nav .slick-slide{width:32.5%!important;margin-bottom:1px}   
}

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