@charset "utf-8";
/* CSS Document */

@import url(./fonts/NotoSans/NotoSansKR.css);

html,body{ width:100%; height:100%; font-size:13px; word-break:keep-all; word-wrap:break-word; font-family:'NS Korean',sans-serif; font-weight:300;}
a{font-family:'NS Korean',sans-serif; font-weight:300;}

#header{position:absolute; z-index:99; top:0; left:0; width:100%; min-width:320px; height:120px; overflow:hidden;}
#header h1{margin:23px auto 0; display:block; width:270px; height:75px;}


.btnOpenClose{position:absolute; z-index:0; left:-90px; top:30px; width:60px; height:60px;}
.btnOpenClose a{display:block; width:60px; height:60px; overflow:hidden; border-radius:100%;}
.btnOpenClose a.btn01{background:#fff url('../images/btn_open.png') no-repeat center center; border:1px solid #aaa;}
.btnOpenClose a.btn02{background:#555 url('../images/btn_close.png') no-repeat center center;}

#right_total{position:fixed; z-index:100; right:0; top:0; width:200px; height:100%;}
#right_nav{width:100%; height:100%; background:#555;}
#right_nav > ul.main_nav{display:block; width:100%; height:100%;}
#right_nav > ul.main_nav > li{position:relative; display:block; width:100%; height:11.11%; min-height:60px;}
#right_nav > ul.main_nav > li > a{display:table; padding-left:90px; width:100%; height:100%; padding-right:10px; border-bottom:1px solid #777; color:#fff; font-size:15px; line-height:140%; font-weight:700;}
#right_nav > ul.main_nav > li > a span{ display:table-cell; vertical-align:middle; }

#right_nav ul.main_nav li.r_nav1 > a{background-image:url('../images/icon_nav01.png'); background-repeat:no-repeat; background-position:15px center;}
#right_nav ul.main_nav li.r_nav2 > a{background-image:url('../images/icon_nav02.png'); background-repeat:no-repeat; background-position:15px center;}
#right_nav ul.main_nav li.r_nav3 > a{background-image:url('../images/icon_nav03.png'); background-repeat:no-repeat; background-position:15px center;}
#right_nav ul.main_nav li.r_nav4 > a{background-image:url('../images/icon_nav04.png'); background-repeat:no-repeat; background-position:15px center;}
#right_nav ul.main_nav li.r_nav5 > a{background-image:url('../images/icon_nav05.png'); background-repeat:no-repeat; background-position:15px center;}
#right_nav ul.main_nav li.r_nav6 > a{background-image:url('../images/icon_nav06.png'); background-repeat:no-repeat; background-position:15px center;}
#right_nav ul.main_nav li.r_nav7 > a{background-image:url('../images/icon_nav07.png'); background-repeat:no-repeat; background-position:15px center;}
#right_nav ul.main_nav li.r_nav8 > a{background-image:url('../images/icon_nav08.png'); background-repeat:no-repeat; background-position:15px center;}
#right_nav ul.main_nav li.r_nav9 > a{background-image:url('../images/icon_nav09.png'); background-repeat:no-repeat; background-position:15px center; }

#right_nav > ul.main_nav > li.r_nav1 ul.sub_nav{top:50%; transform:translateY(-40%);}
#right_nav > ul.main_nav > li.r_nav9 ul.sub_nav{top:50%; transform:translateY(-75%);}
#right_nav > ul.main_nav > li.r_nav9{height:11.12%;}
#right_nav > ul.main_nav > li.r_nav9 > a{border-bottom:0px;}

#right_nav ul.main_nav li ul.sub_nav{position:absolute; z-index:10; right:200px; top:50%; width:0px; height:auto; padding:50px 0; overflow:hidden; transform:translateY(-50%); background:rgba(0,0,0,0); opacity:0; filter:alpha(opacity=0);  -webkit-transition:all 200ms; transition:all 200ms;}
#right_nav ul.main_nav li ul.sub_nav li{display:block; width:200px;}
#right_nav ul.main_nav li ul.sub_nav li a{display:block; width:100%; height:auto; padding:15px 0; color:#fff; font-size:14px; line-height:140%; font-weight:700; text-align:center; border-bottom:0;}
#right_nav ul.main_nav li ul.sub_nav li a:hover{color:#ffff00;}
#right_nav ul.main_nav li:hover ul.sub_nav{width:200px; opacity:1; filter:alpha(opacity=100); }
#right_nav ul.main_nav > li:hover > a{background-color:#013373;}

#right_nav .sub_bg{position:absolute; right:200px; top:0; width:0px; height:100%;  background-color:#013373; -webkit-transition:all 200ms; transition:all 200ms;}
#right_nav:hover .sub_bg{width:200px;}


#middle_wrap{padding-top:120px; width:100%; overflow:hidden;}
#middle_total{margin:0 auto; width:100%; overflow:hidden;}

#main_banner{width:100%; min-width:320px; overflow:hidden;}

#footer{width:100%; min-width:320px; overflow:hidden; padding:30px 0;}
.site_total{position:relative; margin:0 auto; width:100%; max-width:1200px; height:40px; border:1px solid #ddd; border-radius:20px;}
.site_total #prevBtn {position:absolute; left:0px; top:0px; border-right:1px solid #ddd; }
.site_total #nextBtn {position:absolute; right:1px; top:0px; border-left:1px solid #ddd;}
#slide_banner li a{ display:block; border-right:1px solid #ddd;}

.footer_nav{margin:20px auto 10px; width:100%; height:40px;}
.footer_nav ul{margin:0 auto; display:table;}
.footer_nav ul li{float:left;}
.footer_nav ul li a{ display:block; padding:10px; height:20px; line-height:20px; font-size:13px; font-weight:700; color:#555;}
.footer_nav ul li a:hover{color:#013373;}

.footer_info{margin:0 auto; width:100%; overflow:hidden; line-height:20px; font-size:13px; font-weight:300; color:#777; text-align:center;}


#con_title{width:100%; overflow:hidden; text-align:center; padding:50px 0 0;}
.title_a{display:block; width:100%; overflow:hidden; font-weight:700; text-align:center; font-size:36px; line-height:60px; color:#222;}
.title_b{display:block; width:100%; overflow:hidden; font-weight:300; text-align:center; font-size:16px; line-height:25px; color:#666;}

#tab_menu{ position:relative; width:100%; margin-top:30px; text-align:center; border-bottom:1px solid #ddd;}
#tab_menu ul{ display: table; margin:0 auto;}
#tab_menu ul li{float:left; width:auto; position:relative;}
#tab_menu ul li a{position:relative; display:table; padding:0 40px; height:70px; margin-bottom:-1px; font-family:"Poppins", sans-serif; font-size:16px; color:#555; font-weight:700; text-align:center; border-bottom:1px solid #ddd; background:none; text-transform:uppercase;}
#tab_menu ul li a:hover{color:#111;}
#tab_menu ul li a span{display:table-cell; vertical-align:middle; word-break:keep-all; word-wrap:break-word;}
#tab_menu ul li.on a{ color:#111; border-bottom:1px solid #111; z-index:10;}

#con{ margin:0 auto; padding:80px 0 100px; width:1000px; overflow:hidden; min-height:450px;}




@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
.flex-control-nav {
  bottom: 10px;
}
.flex-control-nav li {
  margin: 0 3px;
}

.flex-control-paging li a {
  width: 12px;
  height: 12px;
}

#right_nav > ul.main_nav > li{position:relative; display:block; width:100%; height:11.11%; min-height:30px;}
#right_nav > ul.main_nav > li > a{display:table; padding-left:90px; width:100%; height:100%; padding-right:10px; border-bottom:1px solid #777; color:#fff; font-size:15px; line-height:140%; font-weight:700;}
#right_nav > ul.main_nav > li > a span{ display:table-cell; vertical-align:middle; }

}



@media screen and (max-width:769px){

}
@media screen and (max-width:500px){

}