/*common*/
.overlay{position:fixed; top:0; left:0; width:100%; height:100%; z-index:11; background-color:rgba(0,0,0,0.6); display:none;}
.btn_gnb{z-index:11; cursor:pointer; position:absolute; top:13px; right:5%; display:none; width:50px; height:50px; padding:10px; box-sizing:border-box; }
.btn_gnb ul{width: 25px; position: relative; height: 20px;}
.btn_gnb ul li{height: 2px; width: 100%; background: #575757; position: absolute; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; transform-origin: center; -webkit-transform-origin: center; -ms-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; left: 0;}
.btn_gnb ul li.l1{top:1px;}
.btn_gnb ul li.l2{top:9px;}
.btn_gnb ul li.l3{top:18px;}
.btn_gnb.active ul .l1 {transform: rotate(-45deg) translate(-55%, -60%); -ms-transform: rotate(-45deg) translate(-55%, -60%); -moz-transform: rotate(-45deg) translate(-55%, -60%); -webkit-transform: rotate(-45deg) translate(-55%, -60%); -o-transform: rotate(-45deg) translate(-55%, -60%); margin-left: 11px;}
.btn_gnb.active ul .l2 {transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); opacity: 0;}
.btn_gnb.active ul .l3 {transform: rotate(45deg) translate(-50%, -45%); -ms-transform: rotate(45deg) translate(-50%, -45%); -moz-transform: rotate(45deg) translate(-50%, -45%); -webkit-transform: rotate(45deg) translate(-50%, 30%); -o-transform: rotate(45deg) translate(-50%, -45%); margin-left: 10px;}
/*header / gnb */
.header{z-index:13; position:relative; width:100%; height:123px;}
.header .hd_top{width:100%; height:33px; background-color:#232323;}
.header .hd_top ul li{float:left;}
.header .hd_top ul li a{display:block; color:#fff; font-weight:300; line-height:33px; font-size:0.9rem;}
.header .hd_top .fl ul{border-left:1px solid #606060;}
.header .hd_top .fl ul li a{position:relative; padding:0 15px; border-right:1px solid #606060;}
.header .hd_top .fl ul li.on a{background-color:#393939;}
.header .hd_top .fl ul li.on a:after{transition:all 0.5s; content:''; display:block; position:absolute; top:0; left:0; width:100%; height:2px; border-top:2px solid #8a8a8a;}
.header .hd_top .fr ul li a{transition:all 0.5s; opacity:0.7; position:relative; padding:0 10px;}
.header .hd_top .fr ul li a:hover{opacity:1;}
.header .hd_top .fr ul li a:after{content:'|'; display:block; position:absolute; top:0; right:0px; color:#868686; line-height:33px; font-size:0.8rem;}
.header .hd_top .fr ul li:last-child a:after{display:none;}
.header .hd_bottom{transition:all 0.3s ease-in; position:absolute; z-index:10; top:33px; left:0; width:100%; height:90px; background:url(/images/gnb-bg.png);}
.header .hd_bottom.on{transition:all 0.2s ease-in; height:345px; background: rgba(0,0,0,0.7);}
.header .hd_bottom .hds{height:90px; background-color:#fff; padding-top: 35px; box-sizing: border-box;}
.header .hd_bottom .hds .logo{margin-top:-12px;}
.header .hd_bottom .hds .gnb ul .mn{position:relative; right:-40px; float:left;}
.header .hd_bottom .hds .gnb ul .mn > a{transition:all 0.5s; display:block; padding:0 46px; line-height:auto; font-size:22px; font-weight:bold;}
.header .hd_bottom .hds .gnb ul .mn.on{transition:all 0.5s;}
.header .hd_bottom .hds .gnb ul .mn.on > a:after,
.header .hd_bottom .hds .gnb ul .mn:hover > a:after{transition:all 0.5s ease-in; content:''; display:block; position:absolute; left:0; bottom:-10px; width:40%; height:2px; margin-left:30%; background-color:#222;}
.header .hd_bottom .hds .gnb ul .mn .depth02{display:none; position:absolute; top:65px; left:0; width:100%; text-align:center;}
.header .hd_bottom .hds .gnb ul .mn .depth02 li a{padding:5px 0; display:block; color: #fff;}
.header .hd_bottom .hds .gnb ul .mn .depth02 li a:hover{text-decoration: underline;}

/*LNB*/
.lnb{width: 100%; height: 50px; background: #0d1b6e;}
.lnb .container{width: 1200px; height: 50px; margin: 0 auto;}
.lnb .container ul{height: 40px;}
.lnb .container ul li{position: relative; height: 40px;}
.lnb .container ul .home a{display: inline-block; width: 55px; height: 40px; border-right: 1px solid rgba(61, 73, 139, 0.7); border-left: 1px solid rgba(61, 73, 139, 0.7); background: url(/images/main/home.png) center no-repeat;}
.lnb .container ul .depth .tit{position: relative; display: inline-block; width: 165px; height: 50px; border-right: 1px solid rgba(61, 73, 139, 0.7); color: #fff; font-size: 15px; box-sizing: border-box; padding-top: 17px; padding-left: 30px;}
.lnb .container ul .depth .tit:before{position: absolute; right: 0; top: 0;z-index: 5; background: url(/images/main/lnbbg.png) 90% 50% no-repeat; content: ''; width: 165px; height: 50px;}
.lnb .container ul .depth .depth-sub-ul{z-index: 10; position: absolute; left: 0; top: auto; height: auto; display: none;}
.lnb .container ul .depth .depth-sub-ul .s-depth .sub{display: inline-block; width: 165px; height: 40px; background: #fff; border: 1px solid rgba(61, 73, 139, 0.7); box-sizing: border-box; border-top: 0; font-size: 15px; padding-top: 11px; padding-left: 30px;}
.lnb .container ul .depth2 .tit2{position: relative; display: inline-block; width: 165px; height: 50px; border-right: 1px solid rgba(61, 73, 139, 0.7); color: #fff; font-size: 15px; box-sizing: border-box; padding-top: 17px; padding-left: 30px;}
.lnb .container ul .depth2 .tit2:before{position: absolute; right: 0; top: 0;z-index: 5; background: url(/images/main/lnbbg.png) 90% 50% no-repeat; content: ''; width: 165px; height: 50px;}
.lnb .container ul .depth2 .depth2-sub-ul{z-index: 5; position: relative; height: auto; display: none;}
.lnb .container ul .depth2 .depth2-sub-ul .s-depth2 .sub2{display: inline-block; width: 165px; height: 40px; background: #fff; border: 1px solid rgba(61, 73, 139, 0.7); box-sizing: border-box; border-top: 0; font-size: 15px; padding-top: 11px; padding-left: 30px;}




/*메인슬라이더*/
.container .main_slider{position:relative;}
.container .main_slider ul li{width:1920px;; height:877px;}
.container .main_slider ul li.s1 .sds{ opacity:0;}
.container .main_slider ul li.s1{background:url(/images/main/slide01.png) no-repeat center; background-size:cover;}
.container .main_slider ul li.s2{background:url(/images/s2-bg.png) no-repeat center; background-size:cover;}
.container .main_slider ul li.s3{background:url(/images/s3-bg.png) no-repeat center; background-size:cover;}
.container .main_slider .bx-wrapper{position:relative;}
.container .main_slider .bx-controls{position:absolute; top:57%; width:100%; text-align:center;}
.container .main_slider .bx-controls .bx-pager{display:inline-block;}
.container .main_slider .bx-controls .bx-pager .bx-pager-item{display:inline-block; margin-right:15px;}
.container .main_slider .bx-controls .bx-pager .bx-pager-item a{display:block; width:10px; height:10px; border:2px solid #fff; border-radius:50%; overflow:hidden; text-indent:-99999px;}
.container .main_slider .bx-controls .bx-pager .bx-pager-item a.active{background-color:#fff;}
.container .main_slider .bx-controls .bx-controls-auto{display:inline-block; position:relative; width:11px; height:14px; margin-right:15px;}
.container .main_slider .bx-controls .bx-controls-auto .bx-controls-auto-item{position:absolute; top:0; left:0;}
.container .main_slider .bx-controls .bx-controls-auto .bx-controls-auto-item a{display:block;width:11px; height:14px; text-indent:-9999px; overflow:hidden;}
.container .main_slider .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-start{display:none; background:url(/images/play01.png) no-repeat center;}
.container .main_slider .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop{background:url(/images/stop01.png) no-repeat center;}
.container .main_slider .btn-controls a{position:absolute; top:50%; display:block; width:55px; height:63px; margin-top:-31.5px; overflow:hidden; text-indent:-9999px;}
.container .main_slider .btn-controls .btn-prev .bx-prev{left:0; background:rgba(0,0,0,0.6) url(/images/slider_prev.png) no-repeat 40%; center; border-bottom-right-radius:31.5px;border-top-right-radius:31.5px;}
.container .main_slider .btn-controls .btn-next .bx-next{right:0;background:rgba(0,0,0,0.6) url(/images/slider_next.png) no-repeat 60%; center;border-bottom-left-radius:31.5px; border-top-left-radius:31.5px;}

/*메인컨텐츠*/
.container .sec01{position:relative;}
.container .sec_nav{position:absolute; bottom:0; left:50%; transform:translate(-50%); width:1200px; height:350px; overflow:hidden;}
.container .sec_nav .box-area {height:50px; display: flex; justify-content: space-between; gap:50px;}
.container .sec_nav .box-area .box {width:100%;}
.container .sec_nav .box-area .box.l3{margin-right:0; width:368px;}
.container .sec_nav .box-area .box > a{position:relative; color:#fff; display:block; line-height:50px; font-size: 18px;}
.container .sec_nav .box-area .box > a:after{transform:rotate(180deg); content:''; position:absolute; top:0; left: 0; width:50px; height:48px; background:url(/images/arrow01.png) no-repeat center;}
.container .sec_nav .box-area .box.l1 > a:after{left:70px;}
.container .sec_nav .box-area .box.l2 > a:after{left:50px;}
.container .sec_nav .box-area .box.l3 > a:after{left:100px;}
.container .sec_nav .box-area .box.l3 .down_content {width: 368px; height: 172px;}
.container .sec_nav .box-area .box.l3 .down_content .downbox{width: 368px; height: 57px;}
.container .sec_nav .box-area .box.l3 .down_content .downbox a{display: inline-block;font-size: 18px; color: #fff; letter-spacing: 1px; padding: 20px 0 0 90px; border-radius: 5px;}
.container .sec_nav .box-area .box.l3 .down_content .catalogue{background:url(/images/downimg.png) #2196f3 80% center no-repeat; margin-bottom: 9px; border-radius: 5px;}
.container .sec_nav .box-area .box.l3 .down_content .nomination{background:url(/images/downimg.png) #0671c5 80% center no-repeat; margin-bottom: 9px; border-radius: 5px;}
.container .sec_nav .box-area .box.l3 .down_content .quality{background:url(/images/downimg.png) #0d47a1 80% center no-repeat; border-radius: 5px;}
.container .sec_nav.on .box-area .box > a:after{transform:rotate(180deg); transition:all 0.5s;}
.container .sec_nav .box-area .box > a.on:after{transform:rotate(180deg); transition:all 0.5s;}
.container .sec_nav .box-area .box .cont{padding:0; overflow: hidden;}
.container .sec_nav .box-area .box.l1 .cont ul li{float:left; width:48.5%; margin-right:3%;}
.container .sec_nav .box-area .box.l1 .cont ul li.last{margin-right:0;}
.container .sec_nav .box-area .box.l1 .cont ul li a{display:block;}
.container .sec_nav .box-area .box.l1 .cont ul li a .img-area img{width:100%;}
.container .sec_nav .box-area .box.l1 .cont ul li a span{transition:all 0.5s; opacity:0.6; display:block; font-size:1rem; text-align:center; color:#fff; padding:10px 0;}
.container .sec_nav .box-area .box.l1 .cont ul li a span:hover{opacity:1;}
.container .sd_txt{position:absolute; top:20%; left:0; width:100%; text-align:center;}
.container .sd_txt .sd_txt02{display:block; color:#fff; font-size:20px; margin-bottom:15px; font-weight:bold;}
.container .sd_txt .sd_txt01{display:block; color:#fff; font-size:64px; margin-bottom:40px; font-weight: normal}
.container .sd_txt .sd_txt03{display:block; color:#fff; font-size:20px; font-weight:300; line-height:1.6em; }

/*메인테이블01*/
.td_sec01{ width:100%; table-layout:fixed;}
.td_sec01 tbody tr td{padding-bottom:10px; color: #fff;}
.td_sec01 tbody tr td a{display:block; color: #fff;}
.td_sec01 tbody tr td .tit{display:block; font-size:1rem; font-weight:400; color:#ffffff; width:100%;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.td_sec01 tbody tr td .date{font-size:0.9rem; font-weight:600; color:#555;}
/*메인테이블02*/
.td_sec02{width:100%;}
.td_sec02.second{width:100%;margin-top:20px;}
.td_sec02 tr{border-top-left-radius: 5px; border-top-right-radius: 5px;}
.td_sec02 thead tr th{color:#000; background-color:#32a2ad; padding:8px 0; font-size:14px; font-weight:bold; text-align: center; height: 35px; box-sizing: border-box;}
.td_sec02 tbody tr td{font-size:1rem; color:#ffffff; text-align:center; padding:8px 0; border-bottom:1px solid #cecece; height:40px; box-sizing: border-box;}
.td_sec02 tr .br{border-right:1px solid #cecece;}


.footer{padding:20px 0; background-color:#282828;}
.footer .wrap{width: 1200px;}
.footer .footer_text{margin-left: 30px; color: rgba(255,255,255,0.25); margin-bottom:5px; font-size:0.9rem;}




/*사이트맵*/
.sitemapbutton{z-index:999; position:fixed; top:0; left:0; width:100%; height:100%; display: none;}
.popup_bg{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.7; z-index: 100;}
.popup_sitemap{position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: inline-block; width: 1200px; height: 615px; border-radius: 25px; box-shadow: 3px 3px #ddd; background: #fff; z-index: 9000; text-align: center; padding: 50px 90px; box-sizing: border-box;}
.popup_sitemap h4{font-size: 36px; font-weight: normal; color: #333333;}
.popup_sitemap ul{margin-top: 30px; margin-left: 20px;}
.popup_sitemap ul.first-ul{margin-left: 0;}
.popup_sitemap ul li{width: 188px; height: 39px; text-align: center; font-size: 16px;}
.popup_sitemap ul li.tit{background: #0d1b6e; color: #fff; padding: 8px 0; box-sizing: border-box;}
.popup_sitemap ul li a{display: block; padding: 10px 0; box-sizing: border-box; transition: all 0.3s; border-bottom: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;}
.popup_sitemap ul li a:hover{background: #223395; color: #fff;}
.popup_sitemap .scbutton{margin-top: 20px; width: 110px; margin: 0 auto; margin-top: 20px; height: 40px; text-align: center; }
.popup_sitemap .scbutton a{font-size: 16px; color: #0d1b6e; width: 110px; height: 40px; line-height:40px; border: 1px solid #223395; border-radius: 5px; display: block;}
.popup_sitemap .sitemapclose{width: 22px; height: 22px; background: url(/resources/img/sub/sitemapclose.png); position: absolute; top: 30px; right: 30px; cursor: pointer;}