@charset "euc-kr"; /* font-face */ /**** pc ****/ @media only all and (min-width:1301px) { /* gnb */ header.large #gnb{width:100%; float: left; position: fixed; top: 170px; height:50px; overflow:hidden; z-index:99} header.large #gnb .subbg{ margin-top:60px; background: rgba(255, 255, 255, 1); border-top: 1px solid #ccc; border-bottom: 1px solid #ccc!important; box-sizing: border-box; height: 220px; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.3);} header.small #gnb{width:100%; float: left; position: fixed; top: 20px; height:50px; overflow:hidden; z-index:99; } header.small #gnb .subbg{ margin-top:60px; background: rgba(255, 255, 255, 1); border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;height: 220px;box-shadow:0px 5px 10px rgba(0, 0, 0, 0.3);} #gnb div{height:700px; } #gnb ul{ position: absolute; } #gnb ul.dep1{*zoom:1;width:100%; margin:0px auto 0 auto;padding-left:0px;display:flex;justify-content: center; } #gnb ul.dep1:after{clear:both;display:block;content:""; } #gnb ul.dep1>li{margin-right:0px;position:relative;height:100px; padding:0px 2.5vw 0px 2.5vw} #gnb ul.dep1 li.on{} #gnb ul.dep1 li:hover a{color:#ff0000; } #gnb ul.dep1 li.last{margin-right:0px;} #gnb ul.dep1 li a{display:block;height:35px;font-size:18px;line-height:35px;color:#333; font-weight:600; } #gnb ul.dep1 li a.on{color:#ff0000;} header.large #gnb ul.dep1 li ul.dep2{width:100%;position:absolute;top:60px;left:0px;*zoom:1;height:220px; padding:20px 0px;} header.small #gnb ul.dep1 li ul.dep2{width:100%;position:absolute;top:60px;left:0px;*zoom:1;height:220px;; padding:20px 0px;} #gnb ul.dep1 li ul.dep2:after{clear:both;display:block;content:""; } #gnb ul.dep1 li ul.dep2 li{width:100%;clear:both; padding: 2px 0px; text-align: center } #gnb ul.dep1 li ul.dep2 li a{width:100%;height:auto;font-size:14px;line-height:25px;color:#666; font-weight:500;; } #gnb ul.dep1 li ul.dep2 li a.app{width:100%;} /*2013.06.19 ����*/ #gnb ul.dep1 li ul.dep2 li.on a{color:#c3daff;font-size:14px; font-weight:500;;} #gnb ul.dep1 li ul.dep2 li.on a.app{} /*2013.06.19 ����*/ #gnb ul.dep1 li ul.dep2 li:hover{width:100%;clear:both; color:#ff0000} #gnb ul.dep1 li ul.dep2 li:hover a{ color:#ff0000} #gnb ul.dep1 li ul.dep2:hover{ padding: 0px } #gnb ul.dep1 li ul.dep2:hover li{ padding: 2px 0px } /* #gnb ul.dep1 li ul.dep2:hover{ background-color: #213868; } */ #gnb ul.dep1 li ul.dep2:hover{ background-color: #2c2c2c; } #gnb ul.dep1 li ul.dep2:hover li a{ color:#fff;; font-weight:500;} #gnb ul.dep1 li ul.dep2:hover li:hover{ color:#ef8200;; font-weight:500;} #gnb ul.dep1 li ul.dep2:hover li:hover a{ color:#ef8200;; font-weight:500;;} /* .go_60{ position: absolute; left: 50%; top:220px;z-index: 9999999; height: 40px!important; margin-left: 280px;} */ .go_60{ position: absolute; left: 65.5%; top:220px;z-index: 9999999; height: 40px!important; } /* .go_60 a{ background-color: #333; color: #fff; font-size: 14px; padding: 10px 35px 5px 15px; height: 40px!important; display: block } */ .go_60 a{ display: block } .go_60 a i{ position: absolute; right: 10px; top: 5px} /* .go_60 a img{ position: absolute; right: 10px; top: 7px; width: 20px} */ .go_60 a img { width: 100%; } } /**** �׺��� ****/ @media all and (max-width:1300px) and (min-width:1000px) { /* gnb */ header.large #gnb{width:100%; float: left; position: fixed; top: 170px; height:50px; overflow:hidden; z-index:99} header.large #gnb .subbg{ margin-top:60px; background: rgba(255, 255, 255, 1); border-top: 1px solid #ccc; border-bottom: 1px solid #ccc!important; box-sizing: border-box; height: 220px; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.3);} header.small #gnb{width:100%; float: left; position: fixed; top: 20px; height:50px; overflow:hidden; z-index:99; } header.small #gnb .subbg{ margin-top:60px; background: rgba(255, 255, 255, 1); border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;height: 220px;box-shadow:0px 5px 10px rgba(0, 0, 0, 0.3);} #gnb div{height:700px; } #gnb ul{ position: absolute; } #gnb ul.dep1{*zoom:1;width:100%; margin:0px auto 0 auto;padding-left:0px;display:flex;justify-content: center; } #gnb ul.dep1:after{clear:both;display:block;content:""; } #gnb ul.dep1>li{margin-right:0px;position:relative;height:100px; padding:0px 2.5vw 0px 2.5vw} #gnb ul.dep1 li.on{} #gnb ul.dep1 li:hover a{color:#ff0000; } #gnb ul.dep1 li.last{margin-right:0px;} #gnb ul.dep1 li a{display:block;height:35px;font-size:18px;line-height:35px;color:#333; font-weight:600; } #gnb ul.dep1 li a.on{color:#ff0000;} header.large #gnb ul.dep1 li ul.dep2{width:100%;position:absolute;top:60px;left:0px;*zoom:1;height:220px; padding:20px 0px;} header.small #gnb ul.dep1 li ul.dep2{width:100%;position:absolute;top:60px;left:0px;*zoom:1;height:220px;; padding:20px 0px;} #gnb ul.dep1 li ul.dep2:after{clear:both;display:block;content:""; } #gnb ul.dep1 li ul.dep2 li{width:100%;clear:both; padding: 2px 0px; text-align: center } #gnb ul.dep1 li ul.dep2 li a{width:100%;height:auto;font-size:14px;line-height:25px;color:#666; font-weight:500;;} #gnb ul.dep1 li ul.dep2 li a.app{width:100%;} /*2013.06.19 ����*/ #gnb ul.dep1 li ul.dep2 li.on a{color:#c3daff;font-size:14px; font-weight:500;;} #gnb ul.dep1 li ul.dep2 li.on a.app{} /*2013.06.19 ����*/ #gnb ul.dep1 li ul.dep2 li:hover{width:100%;clear:both; color:#ff0000} #gnb ul.dep1 li ul.dep2 li:hover a{ color:#ff0000} #gnb ul.dep1 li ul.dep2:hover{ padding: 0px } #gnb ul.dep1 li ul.dep2:hover li{ padding: 2px 0px } #gnb ul.dep1 li ul.dep2:hover{ background-color: #2c2c2c; } #gnb ul.dep1 li ul.dep2:hover li a{ color:#fff;} #gnb ul.dep1 li ul.dep2:hover li:hover{ color:#ef8200;} #gnb ul.dep1 li ul.dep2:hover li:hover a{ color:#ef8200;} /* .go_60{ position: absolute; left: 50%; top:220px;z-index: 9999999; height: 40px!important; margin-left: 280px;} */ .go_60{ position: absolute; left: 67%; top:220px;z-index: 9999999; height: 40px!important; } /* .go_60 a{ background-color: #333; color: #fff; font-size: 14px; padding: 10px 35px 5px 15px; height: 40px!important; display: block } */ .go_60 a{ display: block } .go_60 a i{ position: absolute; right: 10px; top: 5px} /* .go_60 a img{ position: absolute; right: 10px; top: 7px; width: 20px} */ .go_60 a img { width: 100%; } } /**** ����� ****/ @media only all and (max-width:999px) { }