@charset"utf-8";

@media (max-width:959px){/*ppppp*/
.m_skip{font-size:0;width:0;height:0;line-height:0;position:absolute;left:-9999px;}

/*****************************/
/* Header css*/
/*****************************/
#header .head_box > h1{width:calc(100% - 94px);left:48px;display:block;position:fixed;z-index:10001;font-size:22px;text-align:center;line-height:44px;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;min-width:226px;}
#header .head_box > h1 > a{color:#fff;text-align:center}
#header .head_box > h1 > a > img{display:none;}
#header .head_box > h1 > a > span{display:inline;}

/*info_box*/
#header .link_box_open{position:fixed; z-index:10001; top:0;right:0; display:block; text-align:center; width:45px;height:45px;line-height:45px; background:#007988;  color:#fff;font-size:27px;cursor:pointer;}
#header .link_box_close{position:absolute;z-index:10001;top:-45px;right:0;display:block;text-align:center;width:45px;height:45px;line-height:45px;background:#fff;color:#007988;font-size:27px;cursor:pointer;}
#header .link_box_close > i{transform:rotate(45deg)}

/****link bar*****/
/*search box*/
#header .info_box .info_bar .search_box{float:left;width:100%;height:100%;position:relative;margin-top:56px;}
#header .info_box .info_bar .search_box .search_text{float:left;width:calc(100% - 30px);height:30px;font-size:14px;border:1px solid #2e9dab;background:none;color:#2e9dab;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;padding-left:8px;vertical-align:0px;line-height:26px;}
#header .info_box .info_bar .search_box .search_btn{float:left;width:30px;height:30px;line-height:30px;padding:0;border:none;background:#2e9dab;text-align:center;cursor:pointer;color:#2e9dab;}
#header .info_box .info_bar .search_box .search_btn > i{color:#fff;font-size:20px;text-align:center;line-height:28px;}

/*info_box*/
#header .info_box .info_bar .info_list_box{display:none;background-color:rgba(0,0,0,0.4);position:fixed;width:100%;height:100%;max-height:calc(100% - 45px);z-index:10001;top:45px;right:0;     
font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;text-align:center;}
#header .info_box .info_bar .info_list_box > ul{position:relative;text-align:center;width:100%;height:auto;border-bottom:3px solid #2e9dab;background:#fff;padding:20px 0;}
#header .info_box .info_bar .info_list_box > ul > li{display:inline-block;padding:10px 0;width:85px;}     
#header .info_box .info_bar .info_list_box > ul > li i{position:relative;display:inline-block;background:#f1f1f1;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer;border-radius:50px;font-size:18px;}
#header .info_box .info_bar .info_list_box > ul > li > a{color:#2e9dab;} 
#header .info_box .info_bar .info_list_box > ul > li > a > span{display:block;width:auto;margin-top:4px;color:#333;font-size:10px;}
#header .info_box .info_bar .info_list_box > ul > li span.list_text{color:#666;font-size:14px;}          
#header .info_box .info_bar .info_list_box > ul > li.user_name{position:absolute;bottom:-50px;left:0;width:100%;border-bottom:3px solid #2e9dab;background:#e0edee;font-size:15px;}
#header .info_box .info_bar .info_list_box > ul > li > i.fa-user{display:inline;background:none;font-family:'FontAwesome' , 'Nanum Gothic';font-weight:600;color:#2e9dab;cursor:default;}       
#header .info_box .info_bar .info_list_box > ul > li > i > span{font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;font-size:14px;position:absolute;display:inline-block;top:0px ;left:-3px;color:#fff;text-align:center;width:22px;height:22px;line-height:22px;border-radius:50%;}
#header .info_box .info_bar .info_list_box > ul > li.admin_on > i{color:#ff6262;}
#header .info_box .info_bar .info_list_box > ul > li.admin_on > i > span{background:#ff6262;}
#header .info_box .info_bar .info_list_box > ul > li.admin_off > i{color:#2e9dab ;}
#header .info_box .info_bar .info_list_box > ul > li.admin_off > i > span{background:#2e9dab ;}   

.info_list_bt{position:fixed;top:0;right:0;z-index:10001;text-align:center;width:45px;height:45px;line-height:45px;background:#007988;color:#fff;font-size:27px;cursor:pointer;}            
.info_list_open{display:block;}
.info_list_close{display:none;} 
.info_list_close i{transform:rotate(45deg);}  

/*****************************/
/* Navigation css*/
/*****************************/
#nav{position:fixed;top:0;left:0;width:100%;z-index:10000;background-color:#2e9dab;min-width:320px;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;} 
.nav .wrapper{width:100%;min-width:320px;height:45px;}
.nav-container{
position:fixed;top:45px; left:0;z-index:9999;overflow-y:auto;
visibility:hidden;width:100%;height:100%;min-height:100%;
margin:0;padding:0;
-webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
-webkit-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transform:translateX(-100%);
background-color:#f8f8f9;
 -webkit-overflow-scrolling:touch;
}
.nav-container.is-visible{visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.nav-toggle{line-height:1;display:inline-block;width:46px;height:45px;border:0;background-color:#007988;padding:0} 
.nav-toggle .icon-menu{position:relative;display:block;width:28px;height:20px;vertical-align:middle;fill:none;margin-left:9px;}
.icon-menu .line{position:absolute;left:0;display:block;width:100%; height:4px; 
  -webkit-transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition:all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);
  background-color:#fff;
}
.icon-menu .line-1{top:0;}
.is-active .icon-menu .line-1{
  -webkit-transform:translateY(8px) translateX(0) rotate(45deg);
  -ms-transform:translateY(8px) translateX(0) rotate(45deg);
  transform:translateY(8px) translateX(0) rotate(45deg);
}
.icon-menu .line-2{top:50%;margin-top:-2px;}
.is-active .icon-menu .line-2{opacity:0;}
.icon-menu .line-3{bottom:0;}
.is-active .icon-menu .line-3{
  -webkit-transform:translateY(-8px) translateX(0) rotate(-45deg);
  -ms-transform:translateY(-8px) translateX(0) rotate(-45deg);
  transform:translateY(-8px) translateX(0) rotate(-45deg);
}
.nav-menu{background-color:#e0edee;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} 
.nav-menu .menu-link{display:block; text-decoration:none;}
.has-dropdown{position:relative;cursor:pointer;}
.has-dropdown > .menu-link{display:inline-block;}
.has-dropdown:after{font-family:'FontAwesome';font-size:20px;position:absolute;top:14px;right:14px;content:"\f078"; color:#555;}
.has-dropdown.is-active:after{content:"\f077";color:#007988;} 
.nav-dropdown{display:none;}
.has-dropdown.is-active > .nav-dropdown{display:block;} 
.nav-dropdown .menu-item:last-child{border-bottom:none;}
.content{margin-top:60px;}
.content .wrapper{padding:1rem 0;}

.all_navi_open{display:none;}
.all_navi_box{display:none;}
.nav-container a{color:#555;} 
.nav-container > ul{background:#e8e8e8;}   
.nav-container > ul > li{border-bottom:1px solid #d1d1d1;}  
.nav-container > ul > li:first-child{display:none;}    
.nav-container > ul > li.is-active{background:#e0edee;border-bottom:2px solid #2e9dab;}     
.nav-container > ul > li > a{padding:15px;font-size:16px}  
.nav-container > ul > li.is-active > a, .nav-container > ul > li:hover > a, .nav-container > ul > li.active > a{color:#007988;}    
.nav-container > ul > li > ul{background:#f8f8f9;} 
.nav-container > ul > li > ul > li{border-bottom:1px solid #ddd;}  
.nav-container > ul > li > ul > li > a{display:block;padding:13px 35px;font-size:14px} 
.nav-container > ul > li > ul > li:hover > a{color:#007988;}     
.nav-container > ul > li > ul > li > ul{display:block;background:#fff;} 
.nav-container > ul > li > ul > li > ul > li{padding-left:30px;border-bottom:1px solid #f1f1f1;}
.nav-container > ul > li > ul > li > ul > li > a{display:block;padding:12px;font-size:13px;}
.nav-container > ul > li > ul > li > ul > li > a > span:before{font-family:'FontAwesome';content:"\f0da";padding-right:3px;}  

}

@media (min-width:960px){
.d_skip{font-size:0;width:0;height:0;line-height:0;position:absolute;left:-9999px;}

/*****************************/
/* Header css*/
/*****************************/
#header{position:relative;width:100%;height:120px;}
#header .head_box{position:relative;max-width:1240px;padding:0 20px;width:100%;margin:0 auto;}
#header .head_box h1{position:absolute;top:60px;}
#header .head_box h1 > a{font-size:30px;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;color:#2e9dab}     
#header .head_box h1 > a > img{margin-top:-5px;height:42px;width:auto;margin-right:8px;}  
#header .head_box h1 > a > img.large{max-width:300px;}
#header .head_box h1 > a > img.small{max-width:60px;}
#header .head_box h1 > a > span{display:none;}


/****link bar*****/
#header .info_box{width:100%;position:absolute;height:45px;background:#2e9dab;top:0}
#header .info_box .info_bar{max-width:1240px;padding:0 20px;width:100%;margin:0 auto;line-height:45px;}
#header .info_box .info_bar ul.info_list{float:right;font-size:13px;line-height:38px;}    
#header .info_box .info_bar ul.info_list > li{display:inline;padding:0;line-height:45px;}    
#header .info_box .info_bar ul.info_list > li:after{content:" | ";color:#fff;padding:0 6px;}
#header .info_box .info_bar ul.info_list > li > a{color:#fff}
#header .info_box .info_bar ul.info_list > li i{font-family:"FontAwesome" , "Nanum Gothic";}  
#header .info_box .info_bar ul.info_list > li.user_name{color:#fbeccb;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;}  
#header .info_box .info_bar ul.info_list > li.user_name:after{content:"";padding:0px;padding-right:6px;}    
#header .info_box .info_bar ul.info_list > li.login_bt > a{padding:3px 10px;background:#007988;}         
#header .info_box .info_bar ul.info_list > li.login_bt:after{content:"";padding:0px;}   
#header .info_box .info_bar ul.info_list > li.mynotice > i{position:relative;display:inline-block;font-size:16px;margin:0px;color:#fff;padding-left:10px;}  
#header .info_box .info_bar ul.info_list > li.mynotice > i > span{
font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;font-size:12px;
position:absolute;display:inline-block;top:-5px ;left:-1px;     
background:#fff;color:#2e9dab;text-align:center;
width:18px;height:18px;line-height:18px;
border-radius:50%;
} 
#header .info_box .info_bar ul.info_list > li.admin_on > i{color:#fff4b1;}  
/*info_box*/
.info_list_open, .info_list_close{display:none !important;}  

/*search box*/
#header .info_box .info_bar .search_box{float:left;width:40%;height:100%;position:relative;line-height:0;padding-top:7px;}
#header .info_box .info_bar .search_box fieldset{height:100%;}  
#header .info_box .info_bar .search_box .search_text{width:100%;height:30px;line-height:30px;font-size:14px;border:1px solid #fff;background:none;color:#fff;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;padding:0 30px 0 8px;vertical-align:0px;border-radius:0;} 
#header .info_box .info_bar .search_box .search_btn{position:absolute;width:32px;height:30px;line-height:30px;padding:0;vertical-align:0px;border:none;background:none;text-align:center;top:7px;right:3px;cursor:pointer;border-radius:50%;color:#fff;}
#header .info_box .info_bar .search_box .search_btn > i{color:#fff;font-size:18px;text-align:center;line-height:30px;}    
#header .info_box .info_bar .search_box ::-webkit-input-placeholder {color: #fff;}
#header .info_box .info_bar .search_box :-moz-placeholder { /* Firefox 18- */  color: #fff;}
#header .info_box .info_bar .search_box ::-moz-placeholder {  /* Firefox 19+ */color: #fff;}
#header .info_box .info_bar .search_box :-ms-input-placeholder {color: #fff;}  
#header .info_box .info_bar .link_box > li.info_user{padding:0 10px;color:#fff;background:none;} 
#header .info_box .info_bar .link_box > li.info_user i{position:relative;display:inline-block;font-size:16px;margin:0px;color:#fff4b1}
#header .info_box .info_bar .link_box > li.info_user i > span{
font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;font-size:12px; 
position:absolute;display:inline-block;top:-7px ;left:-10px;
background:#fff;color:#2e9dab;text-align:center;
width:18px;height:18px;line-height:18px;
border-radius:50%;
}
#header .info_box .info_bar .link_box > li.info_user > span{font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;color:#fff4b1;} 
#header .info_box .info_bar .link_box > li.info_user > span > a{font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;color:#fff4b1;}

/*****************************/
/* Navigation css*/
/*****************************/
#nav{float:right;width:calc(100% - 260px);position:relative;z-index:10000;background:none;margin-top:45px;}    
.nav-toggle{display:none;}
.nav .wrapper{position:relative;}
.nav, .nav-container, .nav-container.is-visible{position:static;top:auto;left:auto;z-index:auto;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.nav-container, .nav-container.is-visible{visibility:visible;height:auto;min-height:0;overflow-y:visible;}
.nav-menu > .menu-item,  .nav-menu > .menu-item.is-active{display:inline-block;background-color:transparent;border:0;}

.nav-menu .menu-item{-webkit-transition:background-color 0.15s ease-in-out,  color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out,  color 0.15s ease-in-out;}
.has-dropdown:after{content:"" !important;}
.nav-menu > .has-dropdown:after{position:absolute;top:50%;right:1rem;width:0;height:0;margin-top:-2px;margin-left:-4px;content:"";}
.nav-dropdown{
  display:block;
  opacity:0;
  position:absolute;
  top:100%;
  width:180px; 
  margin:0;
  background-color:#fff;
  border:1px solid #2e9dab;
  border-top:1px solid #2e9dab;
  visibility:hidden;
  -webkit-transition:visibility 0s linear 0.25s,  opacity 0.25s linear;
  transition:visibility 0s linear 0.25s,  opacity 0.25s linear;
}
.has-dropdown:hover > .nav-dropdown{visibility:visible;opacity:1;-webkit-transition-delay:0s;transition-delay:0s;}
.nav-dropdown .menu-item{border:0;}
.nav-dropdown .nav-dropdown,  .nav-dropdown .nav-dropdown .menu-item{background-color:#dedede;}
.nav-dropdown .nav-dropdown{z-index:9998;top:0;left:100%;}
.content{margin-top:0;}
.nav-container > ul{text-align:right;margin-right:40px;} 

/*디자인추가*/
.depth1{padding:0 20px;line-height:40px}
.depth1:hover{}
.depth1 > a{display:block;padding:15px 0;font-size:16px;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;color:#000;text-align:center;border-bottom:5px solid #fff;} 
.depth1:hover > a{color:#2e9dab;border-bottom:5px solid #2e9dab;} 
    
.depth2{padding:10px 0;line-height:20px;text-align:left;}
.depth2 > li:hover > a{color:#2e9dab;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;background-color:#e0edee;}   
.depth2 > li > a{display:block;padding:5px 20px;color:#000;font-size:13px;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;}
.depth3{padding:2px 0 5px 20px;}
.depth3 > li{padding:2px 0 2px 5px;}  
.depth3 > li > a{color:#555;font-size:13px;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;}  
.depth3 > li > a:hover{background-color:#fff;}      
.depth3 > li > a:before{font-family:'FontAwesome';content:"-";margin-right:4px;color:#555;}    
   
/*전체메뉴*/
.all_navi_open{position:absolute;top:18px;right:0px;display:block;text-align:center;width:35px;height:35px;line-height:35px;color:#fff;font-size:19px;cursor:pointer;background:#2e9dab;border-radius:50%;}
.all_navi_box{display:none;position:absolute;width:calc(100% + 301px);max-width:1201px;z-index:9996;top:0px;left:-300px;background:#fff;line-height:16px;padding:0 0 0 20px;border:1px solid #2e9dab;border-top:none;}
.all_navi_box > ul{position:relative;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;font-size:16px;}   
.all_navi_box > ul > li{float:left;width:calc(100% / 6);padding:16px 0 100px 25px;}        
.all_navi_box > ul > li > a{color:#666;padding:26px 5px;line-height:43px;border-bottom:4px solid #666;}
.all_navi_box > ul > li:hover > a{border-bottom:4px solid #2e9dab;color:#2e9dab;}   
.all_navi_box > ul > li > ul{padding:30px 0 20px 0;font-size:14px;}  
.all_navi_box > ul > li > ul > li{padding:3px 0;}
.all_navi_box > ul > li > ul > li:hover > i{color:#2e9dab} 
.all_navi_box > ul > li > ul > li > a{color:#000;padding:5px;line-height:25px;}      
.all_navi_box > ul > li > ul > li:hover > a{background:#e0edee;}     
.all_navi_box > ul > li > ul > li > ul{padding:4px 8px 5px 8px}
.all_navi_box > ul > li > ul > li > ul > li{line-height:26px;} 
.all_navi_box > ul > li > ul > li > ul > li > a{padding:5px;color:#666;}
.all_navi_box > ul > li > ul > li > ul > li > a:hover{color:#007988;}  
.all_navi_box > ul > li > ul > li > ul > li > a:before{content:"-";margin-right:4px;color:#000;}      
.all_navi_box .all_navi_close{position:absolute;bottom:0px;right:0px;display:block;text-align:center;width:40px;height:40px;line-height:43px;text-align:center;color:#fff;font-size:30px;cursor:pointer;background:#2e9dab;}
.all_navi_box .all_navi_close > i{transform:rotate(45deg)}
.all_navi_box .m_home{display:none;}


}