/*헤더*/
header{height:100px; position:relative;  z-index:2}
header .header-bar{background:#000; overflow:hidden;
text-align:right; margin:0 auto;}
header .header-bar ul{background:#444; display:inline-block; padding-right:100px; float:right;}
header .header-bar ul li{display:inline-block; padding: 5px 10px; float:left; border-right:1px solid #fff;}
header .header-bar ul li:last-child{border-right:0px solid #fff;}
header .header-bar ul li a{color:#f7f7f7;}
.header-inner{margin:0 auto;  position:relative; max-width:1200px; padding:10px 0; }
.header-inner h1{display:inline-block; position:absolute; top:16px;}
/*메뉴*/
#gate-nav{ width: 80%; float:right;}
#gate-menu{ width:100%; display: table;}
#gate-menu > li { text-align: center; display: table-cell;}
#gate-menu > li > a { font-size: 0.85rem; color: #444; text-align: center; text-decoration: none; letter-spacing: 0.05em; display: block; padding:15px 10px; border-right: 1px solid rgba(0,0,0,0.15);}
#gate-menu > li:last-child > a { border-right: 0px solid #000;}
#gate-sub-menu { width:100%; position: absolute; top:60px; background: #fff; border:0px solid red; opacity: 0; visibility: hidden; transition: all 0.15s ease-in;}
#gate-sub-menu > li { padding: 15px 12px; }
#gate-sub-menu > li:hover{background:#0abab5; }
#gate-sub-menu > li >  a { color: #444; text-decoration: none; display:block;}
#gate-sub-menu > li >  a:hover{color: #fff; }
#gate-menu > li:hover #gate-sub-menu { opacity: 1; visibility: visible; }
#gate-menu > li:hover{background:#f7f7f7;}
#gate-menu > li > a:hover{color:#0abab5; font-weight:500;}

/*메인 - 롤링배너*/
.slick-dotted.slick-slider{}
.slick-gate-box{position:relative; overflow:hidden;}
.slick-play-btn{position:absolute; bottom:35px; right:0; }
.play-btn, .pause-btn{background:#999; padding:5px;}
.slick-gate-box .slick-main-slide a{display:block;}

.sec01, .sec03, .sec04, .sec05{max-width:1200px; margin:0 auto;}
/*sec01*/
.sec01{border:0px solid red;  margin-bottom:50px;}
.sec01.gate-tog::after{content:''; display:table; clear:both;} /*float 풀기*/
.sec01>div dl{padding:10px; width: 24.2%; display: inline-block; overflow: hidden; float: left; border-top: 2px solid #888; margin-right:1%; height:200px;}
.sec01>div{margin:0 auto; overflow:hidden;}
.sec01>div dl:last-child{margin-right:0;}
.sec01 dl dt{color:#0abab5; font-weight: 400; font-size:1.3em}
.sec01 dl>dd:nth-child(2){font-weight: 400; font-size:1.1em !important; margin-top:5px;}
.sec01 dl dd:last-child{padding:20px 0; font-weight:600;}
.sec01 dl dd a{display:block; font-weight: 500;}
.roundy{border-radius:50%; background:#ffec0b; display: inline-block; padding: 4px 6px; font-size:10px; line-height: 10px;}
/*sec02*/
.sec02{border:0px solid orange; margin-bottom:50px; background:#f7f7f7;}
.sec02 .inner{max-width:1200px; margin:0 auto;}
.sec02 h2{display:block;position:relative; font-weight:500; font-size:1.8em; overflow:hidden; padding: 10px 5px; }
.sec02 .Q-box{padding:30px 15px;}
.sec02 .Q-box>div{background:#f7f7f7;  display:inline-block; float:left; width:24.2%; margin-right:1%; }
.sec02 .Q-box>div:last-child{margin-right:0;}
.sec02 .Q-box::after{content:''; display:table; clear:both;} /*float 풀기*/
.sec02 .Q-box a{display:block; position:relative;}
.sec02 .Q-box>div{margin-bottom:15px;}
.sec02 .Q-box>div:last-child{margin-bottom:0px; }
.sec02 div a span{position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); z-index: 1; background: rgba(255,255,255,0.7); text-align: center; padding: 10px 0; width:90%; font-weight:500;}
/*sec03*/
.sec03{margin-bottom:50px}
.sec03 .tit{color:#333; font-weight:400; font-size:1.1em; padding-bottom:5px;}
.sec03 ul{border-top:1px solid #444; border-bottom:1px solid #444;}
.sec03 ul li{padding:10px; border-bottom:1px solid #acacac; }
.sec03 ul li a{display:block;}
.sec03 ul li:last-child{border-bottom:0px solid #acacac; }
/*sec04*/
.sec04{border:0px solid pink; margin-bottom:70px}
.sec04>a{display:block; padding:15px 25px; font-size:1.1em; background:#e9edf0; margin-bottom:10px; font-weight:500;}
.sec04>a:last-child{margin-bottom:0px;}
.sec04>a .align-right{font-size:1.5em; line-height:0.2em}
/*아코디언 css*/
.gate-tog h2{display:block;position:relative; font-weight:500; font-size:1.8em; overflow:hidden; padding: 10px 5px; }
.gate-tog h2 i{position:absolute;right:0;top:13px;font-size:12px;color:#888}
.gate-tog>.open-tog{display:block;}
.gate-tog .on i{transform:rotate(180deg)}
.gate-tog .on+.open-tog{display:none;}
.openhover{border:1px solid #acacac; padding:5px 10px; display:inline-block; font-size: 0.6em; color:#888;}
.openhover .fa-minus{display:none;}
.accordi-btn.on .fa-minus{display:inline-block; color:#444;}
.accordi-btn.on .fa-plus{display:none;}

/*탑 스크롤*/
#top2{border:0px solid red; padding:10px 0; font-size:1.1em; display:block; margin-bottom:25px; text-align:center; background: #f7f7f7;}

/*풋터*/
footer{border-top:1px solid #4d4d4d; background:#504e5b;}
.foot-inner{margin:0 auto; padding:10px 15px 20px 15px; max-width:1200px;}
.footer-gate{font-size:1em;}
.footer-gate::after{content:''; display:table; clear:both;} /*float 풀기*/
.footer-gate li{float:left; display:inline-block; text-align:center; margin-bottom:5px; border-right:1px solid #fff; padding-right:10px; padding-left:10px;}
.footer-gate li:nth-child(1){padding-left:0px;}
.footer-gate li a{color:#fff !important; display: block;}
.copyright{font-size:0.9em;  color:#fff;}