@charset "utf-8";

.layout{position:relative;margin:0 auto;max-width:1200px;width:100%;}
.layout:after{content:"";display:block;clear:both}

.ir{overflow:hidden}
.ir:before{content:"";display:inline-block;vertical-align:top;width:100%;height:100%}

.ir-tmpl{background:url(../img/ir-tmpl_2026.png) no-repeat}
.ir-icon{background:url(../img/ir-icon.png) no-repeat}
.ir-cat{background:url(../img/ir-cat.png) no-repeat}
.ir-view{background:url(../img/ir-view.png) no-repeat}
button{background-color:transparent}
i{font-style:normal}

.none{display:none}

#shadow_device {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:900;background:#000;opacity:0.7}

.item *,
.button-group .button{-webkit-transition: .2s all ease-in-out;
-o-transition: .2s all ease-in-out;
transition: .2s all ease-in-out;}
/* loader */



/************/

@keyframes zoom-in {
  0% {
   transform: scale(.1);
  }
  100% {
    transform: none;
  }
}

@keyframes rotate-right {
  0% {
    transform: translate(-100%) rotate(-100deg);
  }
  100% {
    transform: none;
  }
}

.is-animated {
  animation: .6s zoom-in;
  
}


.motion {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.delay1{
    -webkit-transition-delay:0.1s;
    -moz-transition-delay:0.1s;
    -o-transition-delay:0.1s;
    transition-delay:0.1s;
}
.delay2{
    -webkit-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    transition-delay:0.2s;
}
.delay3{
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s;
}




@media(min-width:0px){
    .layout{width:95%}
}
@media(min-width:1024px){
    .layout{width:auto}

}

*:fullscreen
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
   overflow: auto !important;
}
html,body{height:auto;}


body{/*background-color:#1c2535;*/background:url(../img/bg_cyber.png) repeat-x 50% 0;background-color:#1c2535;height:auto;}


#header{position:relative;padding:90px 0;}


#header #logo,
#header #sitelink{position:absolute;z-index:1}
#header #logo{top:32px;left:40px;}
#header #sitelink{top:47px;right:40px;}
#logo a{display:block;width:104px;height:68px;}

@media (max-width: 1000px){
  #header{padding:30px 0 50px 0;}
  #header #logo{position:static;}
  #logo a{margin:0 auto 30px;}
  #header #sitelink{position:static;margin-top:30px;text-align:center;}

}



#sitelink a{display:inline-block;width:79px;height:79px;}
#sitelink .view-all{background-position: 0 -265px;}
#sitelink .view-map{margin-left:5px;background-position: -92px -265px;}

#header-title{display:block;margin:0 auto;width:469px;height:67px;background-position: 0 -74px;}
#view{position:relative;padding-bottom:50px;min-height:500px;}

.button-group{position:relative;padding-bottom:56px;text-align:center;}
.button-group .button{display:inline-block;margin-right:50px;padding:3px;color:#fff;font-size:21px;line-height:26px;border-bottom:3px solid transparent }
.button-group .button *{vertical-align:middle}
.button-group .button .ir-icon{display:inline-block;margin-right:5px;position:relative;top:-1px;width:26px;height:22px;}
.button-group .button.a04{margin-right:0;}
.button-group .button .ir-icon1{background-position:0 0}
.button-group .button .ir-icon2{background-position:-35px 0}
.button-group .button .ir-icon3{background-position:-64px 0}
.button-group .button .ir-icon4{width:29px;background-position:-101px 0}
.button-group .button .ir-icon5{width:32px;background-position:-142px 0}
.button-group .button.active{color:#12428b;border-color:#12428b;}
.button-group .button.active .ir-icon1{background-position:0 -30px}
.button-group .button.active .ir-icon2{background-position:-35px -30px}
.button-group .button.active .ir-icon3{background-position:-64px -30px}
.button-group .button.active .ir-icon4{width:29px;background-position:-101px -30px}
.button-group .button.active .ir-icon5{width:32px;background-position:-142px -30px}


@media (max-width:1000px){  
  .button-group{margin:0 auto;width:90%;}
  .button-group:after{display:block;content:"";clear:both;visibility:hidden;}
  .button-group .button{float:left;margin:0;width:33.3%;}
  .button-group .button.a03,
  .button-group .button.a04{margin:20px 0 0 0;}

}

@media (max-width:480px){
  #header-title{width:236px;height:39px;background-position:-133px -183px;}

  .button-group .button{margin-top:20px;width:100%;font-size:18px;}
  .button-group .button:first-child{margin-top:0;}
}




#footer{position:relative;padding:52px 0;background-color:#1c2535;}
#footer .copy{color:#dfdfe1;font-family:Tahoma, Verdana, AppleGothic, UnDotum, sans-serifs;font-size:14px;line-height:1.2;text-align:center;}

#sort-list{position:relative}
#sort-list:after{content:"";display:block;clear:both}
#sort-list .grep{position:relative}
/*
#sort-list .item{display: none;float:left;width:20%;margin-top: -1px;box-sizing: border-box;position: relative;}
*/
#sort-list .item{float:left;width:20%;box-sizing: border-box;position: relative;overflow:hidden;}
#sort-list .item *{-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}

#sort-list .item a{position:relative;display: block;height:220px;/*padding: 33px 30px;background-color: #fff;*/overflow:hidden;}
#sort-list .item .sort-img{overflow:hidden;position:relative;width:100%;height:100%;z-index:9;}
#sort-list .item .sort-img img{width:100%;height:100%;    max-width: none;width: -webkit-calc(100% + 50px);width: calc(100% + 50px);opacity: 1;-webkit-transform: translate3d(-40px,0, 0);transform: translate3d(-40px,0,0);}
#sort-list .item .sort-img .ir{display:inline-block;position:absolute;top:0;right:-1px;width:50px;height:50px;font-size:0;}
#sort-list .item .sort-img .cat-1{background-position:0 0}
#sort-list .item .sort-img .cat-4{background-position:-61px 0}
#sort-list .item .sort-img .cat-2{background-position:-118px 0}
#sort-list .item .sort-img .cat-3{background-position:-181px 0}

#sort-list .item.ov .sort-img img,
#sort-list .item a:hover .sort-img img{opacity: 0.5;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

#sort-list .item .sort-info{display:none;position:absolute; top:0; left:0;padding:58px 49px;width:100%;height:100%;z-index:11;background:url(../img/bg.png) repeat;}
#sort-list .item .sort-info .ir{display:inline-block;margin-bottom:5px;height:36px;font-size:0;}
#sort-list .item .sort-info strong,
#sort-list .item .sort-info em{display:block;color:#fff;}
#sort-list .item .sort-info strong{border-bottom:1px solid #f3f3f3;margin-bottom:10px;padding-bottom:10px;font-size:20px;font-family: "nsr",sans-serif;}
#sort-list .item .sort-info em{display:inline-block;padding-right:13px;font-size:13px;color:#fff;font-family:'Arial',sans-serif;background:url(../img/bul_right.png) no-repeat 100% 50%;}
#sort-list .item .sort-info .cat-1{width:28px;height:36px;background-position:-8px -73px}
#sort-list .item .sort-info .cat-4{width:45px;height:28px;background-position:-54px -77px}
#sort-list .item .sort-info .cat-2{width:31px;height:29px;background-position:-129px -78px}
#sort-list .item .sort-info .cat-3{width:36px;height:22px;background-position:-193px -84px}
@media (max-width: 1280px){
	#sort-list .item{width: 25%;}
}
@media (max-width: 1024px){
	#sort-list .item{width:33.33%;}
}
@media (max-width: 768px){
	#sort-list .item{width: 50%;}
}
@media (max-width:480px){
	#sort-list .item{width:100%;}
}
@media (min-width: 1920px){
	#sort-list .item{width: 16.6666%;}
}
@media (min-width: 2560px){
	#sort-list .item{width: 14.2857%;}
}

#ajaxLayer{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;background:url(../img/bg_page.png) repeat}
.view_honor{padding:99px 0;width:100%;}
.view_honor .close {position:absolute;top:24px;right:45px;}
.view_honor .close a {display:inline-block;padding:3px 0;color:#fafafa;font-size:18px;}
.view_honor .close a:hover,
.view_honor .close a:focus{color:#fff}
.view_honor .close a .ui-close{position:relative;top:-3px;display:inline-block;margin-left:8px;width:30px;height:30px;}
.view_honor .close a .ui-close span{display:inline-block;position:absolute;top:50%;left:50%;margin-top:-3px;transition: all .5s ease;width:1px;height:28px;transform: rotate(-45deg);background-color:#fafafa}
.view_honor .close a .ui-close span.nth-2{transform: rotate(45deg);}
.view_honor .close a:hover .ui-close span,
.view_honor .close a:focus .ui-close span{transform: rotate(-90deg);background-color:#fff}
.view_honor .close a:hover .ui-close span.nth-2,
.view_honor .close a:focus .ui-close span.nth-2{transform: rotate(90deg);}

.view_honor .header{margin-bottom:79px;}
.view_honor .cont{}
.view_honor .cont:after{content:"";display:block;clear:both}
.view_honor .cont .lcon,
.view_honor .cont .rcon{display:inline-block;}
.view_honor .cont .lcon{float:left;width:70%}
.view_honor .cont .lcon .ui-image{position: relative;width:100%;height:571px;}



.view_honor .cont .rcon{float:right;width:25%}

.view_honor .cont .rcon h3{position:relative;padding:15px 10px 25px 0;padding-left:70px;color:#fff;font-size:25px;line-height:1.2;}
.view_honor .cont .rcon h3 .ir{position:absolute;top:0;left:0;width:56px;height:56px;}
.view_honor .cont .rcon p{margin-top:18px;color:#e0dfdf;font-size:16px;line-height:140%;}
.view_honor .cont .rcon p.ui-text{height:88px;overflow:hidden}

.view_honor .cont .rcon p .more {position: relative;display:inline-block;padding:10px 68px 10px 10px;overflow: hidden;color:#dfdfdf;background:url(../img/bg_more.png) no-repeat  75% 48%;font-size:18px;}
.view_honor .cont .rcon p .more:hover .outline-button__line {-webkit-transform: none;transform: none;}
.view_honor .cont .rcon p .more .outline-button__lines {position: absolute;top: 0;left: 0;bottom: 0;right: 0;}

.outline-button__line {
  background: #dfdfdf;
  position: absolute;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
}
.outline-button__line--horizontal {
  width: 100%;
  height: 2px;
  -webkit-transition-delay: 0.27273s;
          transition-delay: 0.27273s;
}
.outline-button__line--vertical {
  width: 2px;
  height: 100%;
  -webkit-transition-delay: none;
          transition-delay: none;
}
.outline-button__line--top {
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.outline-button__line--right {
  top: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.outline-button__line--bottom {
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.outline-button__line--left {
  top: 0;
  left: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}




.view_honor .cont .rcon .map{margin:20px 0;text-align:center}
.view_honor .cont .rcon .btn_wrap{text-align:center}
.view_honor .cont .rcon .btn_wrap a{position:relative;display:inline-block;padding-left:5px;margin-left:5px;background:url(../img/bg_bar.png) no-repeat  left 50%;color:#e48550;font-size:18px;line-height:25px;}
.view_honor .cont .rcon .btn_wrap a:first-child{padding-left:0;margin-left:0;background:none;}
.view_honor .cont .rcon .btn_wrap a *{vertical-align:middle}
.view_honor .cont .rcon .btn_wrap .ir{position:relative;top:-1px;display:inline-block;width:22px;height:25px;}
.vr .ir{margin-right:5px;background-position:-8px -72px;}
.air .ir{margin-right:8px;background-position:-52px -72px;}
.ir-view.cat-1{background-position:-2px -4px;}
.ir-view.cat-2{background-position:-2px -4px;}
.ir-view.cat-3{background-position:-2px -4px;}
.ir-view.cat-4{background-position:-2px -4px;}

.ui-image .control .images{display:none}
.ui-image .obj{position:relative;height:100%;}
.ui-image .obj .item{position:absolute;top:0;left:0;width:100%;height:100%;background-attachment:fixed;background-position:50% 0;background-repeat:no-repeat;background-size:cover;font-size:0;line-height:0;}
.ui-image .obj .item .mv-img{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;}

.ui-image .control a{display:inline-block;position:absolute;left:0;top:50%;margin-top:-64px;width:98px;height:128px;border:1px solid #dfdfdf;z-index:10;}
.ui-image .control a:before{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/arr_left_ico.png) no-repeat 40% 50%;z-index:15;}
.ui-image .control a[data-control="next"]{right:0;left:auto;}
.ui-image .control a[data-control="next"]:before{background:url(../img/arr_right_ico.png) no-repeat 60% 50%;}
.ui-image .control a .ir{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.2;}


/* 맵 */

.map_wrap{position:relative;margin:0 auto;width:684px;height:750px;background:url(../img/map/map-total.png);}
.map_wrap ul li{position:absolute;}


.map_wrap ul.cat1 li.list1{left:202px;top:304px;}
.map_wrap ul.cat1 li.list2{left:144px;top:450px;}
.map_wrap ul.cat1 li.list3{left:410px;top:535px;}
.map_wrap ul.cat1 li.list4{left:57px;top:410px;}
.map_wrap ul.cat1 li.list5{left:71px;top:271px;}
.map_wrap ul.cat1 li.list6{left:68px;top:530px;}
.map_wrap ul.cat1 li.list7{left:256px;top:400px;}
.map_wrap ul.cat1 li.list8{left:283px;top:556px;}

.map_wrap ul.cat2 li.list1{left:84px;top:466px;}
.map_wrap ul.cat2 li.list2{left:273px;top:435px;}
.map_wrap ul.cat2 li.list3{left:48px;top:341px;}
.map_wrap ul.cat2 li.list4{left:380px;top:644px;}
.map_wrap ul.cat2 li.list5{left:174px;top:434px;}
.map_wrap ul.cat2 li.list6{left:295px;top:460px;}
.map_wrap ul.cat2 li.list7{left:41px;top:396px;}
.map_wrap ul.cat2 li.list8{left:386px;top:594px;}
.map_wrap ul.cat2 li.list9{left:49px;top:226px;}
.map_wrap ul.cat2 li.list10{left:130px;top:475px;}
.map_wrap ul.cat2 li.list11{left:130px;top:286px;}
.map_wrap ul.cat2 li.list12{left:76px;top:104px;}
.map_wrap ul.cat2 li.list13{left:100px;top:186px;}
.map_wrap ul.cat2 li.list14{left:95px;top:437px;}
.map_wrap ul.cat2 li.list15{left:79px;top:427px;}
.map_wrap ul.cat2 li.list16{left:55px;top:361px;}
.map_wrap ul.cat2 li.list17{left:156px;top:395px;}
.map_wrap ul.cat2 li.list18{left:543px;top:655px;}
.map_wrap ul.cat2 li.list19{left:409px;top:657px;}
.map_wrap ul.cat2 li.list20{left:411px;top:616px;}
.map_wrap ul.cat2 li.list21{left:293px;top:537px;}
.map_wrap ul.cat2 li.list22{left:355px;top:520px;}
.map_wrap ul.cat2 li.list23{left:315px;top:503px;}
.map_wrap ul.cat2 li.list24{left:195px;top:490px;}



.map_wrap ul.cat3 li.list1{left:62px;top:207px;}
.map_wrap ul.cat3 li.list2{left:186px;top:418px;}
.map_wrap ul.cat3 li.list3{left:512px;top:642px;}
.map_wrap ul.cat3 li.list4{left:396px;top:574px;}
.map_wrap ul.cat3 li.list5{left:238px;top:421px;}
.map_wrap ul.cat3 li.list6{left:60px;top:387px;}
.map_wrap ul.cat3 li.list7{left:303px;top:520px;}
.map_wrap ul.cat3 li.list8{left:512px;top:620px;}
.map_wrap ul.cat3 li.list9{left:454px;top:630px;}


.map_wrap ul.cat4 li.list1{left:492px;top:632px;}
.map_wrap ul.cat4 li.list2{left:414px;top:586px;}
.map_wrap ul.cat4 li.list3{left:76px;top:318px;}
.map_wrap ul.cat4 li.list4{left:419px;top:554px;}
.map_wrap ul.cat4 li.list5{left:314px;top:477px;}
.map_wrap ul.cat4 li.list6{left:74px;top:354px;}
.map_wrap ul.cat4 li.list7{left:347px;top:494px;}
.map_wrap ul.cat4 li.list8{left:248px;top:376px;}


.map_wrap ul li a{display:block;position:relative;text-align:center;}
.map_wrap ul li a span{display:inline-block;vertical-align:middle;}

.map_wrap ul li a span.tit{visibility:hidden;display:inline-block;position:relative;z-index:10;/*position: fixed;right:300px;top:300px;*/padding:3px;background-color:#e48550;border-radius:5px;font-size:12px;line-height:12px;color:#fff;text-align:center;/*font-family:'arial'*/}

.map_wrap ul li a:hover span.tit,
.map_wrap ul li a:focus span.tit,
.map_wrap ul li a:active span.tit{visibility:visible;}

/*
.map_wrap ul li a span.tit em{display:inline-block;position:relative;top:-1px;margin-left:5px;width:12px;height:12px;background:url(/img/map/search-ico.png);vertical-align:middle;}
*/


.map_wrap ul li a span.marker{display:inline-block;width:13px;height:18px;background:url(../img/map/spot-off.png);}
.map_wrap ul li a:hover span.marker,
.map_wrap ul li a:focus span.marker,
.map_wrap ul li a:active span.marker{background:url(../img/map/spot-on.png);}