@charset "utf-8";

*{margin: 0;
padding: 0;}

body{font: 0.75em 'na', 'Helvetica', sans-serif;
min-width: 1250px;/*-----반응형으로 할 경우 빼기---------*/}

li{list-style: none;}

a{text-decoration: none;
    color: #444;}

.center{margin: 0 auto;
max-width: 1200px;
}

img{border: 0;}


@font-face{
            font-family:'na';
            src:url('../k_font/NanumGothic.eot');
                src:local('na'),url('../k_font/NanumGothic.woff') format('woff'), url('../k_font/NanumGothic.ttf') format('truetype');}
        
@font-face{
            font-family:'naB';
            src:url('../k_font/NanumGothicBold.eot');
                src:local('naB'),url('../k_font/NanumGothicBold.woff') format('woff')}


/*------------------------네비-------------------------------------*/
header{
    position: fixed;
    z-index: 100;
    width: 100%;
}

#homebar{
    background-color: #ececec;
    overflow: hidden;
}

#barleft{
    float: left;
}

#barleft li{
    float: left;
}

#barleft li a{
    display: block;
    padding: 5px 10px;
    line-height: 20px;
}

#barright{
    float: right;
}


#barright li{
    float: left;
}

#barright li a{
    display: block;
    padding: 5px 10px;
    line-height: 20px;
}

/*------------------------navi---------------------*/
#navi{
    background-color: #fff;
    width: 100%;
    height: 52px;
}

#navi_wrap>figure{
    width: 30%;
    float: left;
    margin-top: 10px;
}

#navi_wrap>figure img{
    width: 80%;
}

#navi_wrap>#hnavi{
    width: 70%;
    float: left;
}

#hnavi ul li{
    float: left;
    width: 16%;
    line-height: 17px;
    position: relative;
}

#hnavi ul li span{
    display: block;
    height: 49px;
}

#hnavi ul li span a{
    display: block;
    padding: 5px 10px 3px;
    line-height: 44px;
    text-align:center;
    font-family: "naB";
    font-size: 140%;
}

#hnavi ul li:hover span{
border-bottom: 4px solid #0c4da2;
}

/*-----------------------navi_Sec--------------------------*/
#hnavi li div.navi_sec{
            position: absolute;/*각자 li 기준으로 위치 잡음 */
            top: 50px;/*세로사이즈 준만큼.. 딱 맞게 띄우기 */
            left: 0;
            width: 100%;/*부모의 가로사이즈 만큼 */
            height: 400px;/*동시에 같은 길이 갖도록*/
            z-index: 101;
        }
        
        #hnavi li div.navi_sec ul{
            height: 400px;
            padding-top: 10px;
            border-right: 1px solid #efefef;  
        }
        
    
#hnavi li div.navi_sec ul li{
    float: left;
    width: 100%;
}

        #hnavi li div.navi_sec ul li a{
            color: #666;
            display: block;
            padding: 5px 5px 5px 20px;/*a영역 넓혀서 손가락 범위 넓히기*/
        }
        
        #hnavi li div.navi_sec ul li a:hover{
            color: #0c4da2;
            font-weight: bold;
            text-decoration: underline;
        }

/*-----------------------------navi----bg-------------*/
        /*서브 배경 100%*/
        #navi_bg{
            position: absolute;/*부모는 gnb*/
            left: 0;
            top: 82px;/*gnb에 맞춰서 ㅇㅇ 부모에 맞춰서*/
            width: 100%;
            height: 410px;/*255에 padding top 10px 까지*/
            border-top: 2px solid #efefef;
            border-bottom: 5px solid #1b4595;
            z-index: 100;/*서브네비보다 뒤로 가 있도록*/
            background-color: #fff;
        }
        
        .new_img{
            width: 1200px;
            margin: 0 auto;}
        
.new_img a span{
    display: block;
    font-size:18px;
    border-bottom: 1px solid #c4c4c4;
    font-family: "naB";
    padding: 10px 10px 6px;
    width: 23%;
}

/*----------------------------슬라이드-------------------------*/
div.ws_images > ul > li{
    position: relative;
}

div.slideleft{
    position: absolute;
    top:10%;
    left: 20%;
    width: 20%;
}

div.slideright{
    position: absolute;
    top:10%;
    right: 20%;
    width: 20%;
}

div.slideleft img,div.slideright img{
    width: 100%;
}

/*---------------------------ㅡmenu----------------------------*/
#menuse{
    background: #0c4da2;
    height: 120px;
}

#menuse_wrap{
    height: 100%;
}

    .swiper-slide {
        text-align: center;
        font-size: 15px;

    }
 .swiper-container {
        width: 100%;
		max-width:1200px;
        /*height: 233px;*/
        height: auto;
        margin: 0 auto;
    }
	div.month_7{
		/*height:auto;*/
		/*height: 200px;*/
		height: 100%;
	/*	padding-bottom:30px;*/
	}
   div.month_7 .swiper-slide {
        text-align: center;
        padding-top: 5px;/*임으로 띄우기위해서 준것*/
        height: 120px;
        border-left: 1px solid #ccc;
    }

div.month_7 .swiper-slide:nth-child(1){
    border-left: none;
}

div.month_7 .swiper-slide:hover{
    background-color: #2571d5;
}
div.month_7 .swiper-slide img{
		width:60%;
		height:auto;
		vertical-align:top;
       
	}

.swiper-container.month_7 .swiper-slide a p{
    color: #fff;
}




#kbe{
    margin-top: 30px;
    overflow: hidden;
}






/*---------------------tab container----------------------------*/
div.container{
    width: 45%;
    float: left;
    margin-right:10%; 
}
ul.tab {
    overflow: hidden;
}

ul.tab li{
    width: 33%;
    float: left;
    height: 40px;
    border: 1px solid #d4d4d4;
    text-align: center;
    box-sizing: border-box;
}

ul.tab li:nth-child(2){
    border-left: none;
    border-right: none;
}

ul.tab li.selected{
    border-bottom: none;
}

ul.tab li a{
    line-height: 40px;
    font-size: 1.3em;
    display: block;
}

div.tab_content{
    width: 99%;
    border: 1px solid #d4d4d4;
    border-top: none;
    box-sizing: border-box;
    height: 283px;
}

div.tab_content div>span a{
    text-align: right;
   padding: 5px 0;
     padding-right: 2%;
    display: block;
}

div.tab_content div:nth-child(3){
    padding-top: 20px;
}

div.tab_content div ul li{
    width: 100%;
   padding:7px 0;
}

div.tab_content div ul li a{
    padding: 2px 10px;
    display: block;
    overflow: hidden;
    background: url(../k_img/main/list_style.png) 10px center no-repeat;
}

div.tab_content div ul li a h5{
    float: left;
    text-indent: 20px;
    font-size: 1.0em;
}

div.tab_content div ul li a span{
    float: right;
}





/*-------------------------------banner zone---------------------------------*/
#bannerzo{
    width: 45%;
    float: left;
     height: 130px; 
    height: 134px;
    margin-bottom: 30px;
}

#bannerzo h2{
    font-size: 1.2em;
    float: left;
    line-height: 23px;
}


/*-------------------electronic---------------------------------------------*/
#elect{
    width: 45%;
    float: left;
    overflow: hidden;
}
#elect_top{
    overflow: hidden;
}

#elect_top h2{
    font-size: 1.2em;
    float: left;
     line-height: 23px;/*이미지에 맞추기 위해서 행*/
}

#elect_top p{
    float: left;
    margin-left: 55%;
    line-height: 23px;/*이미지에 맞추기 위해서 행*/
}

#elect_top a{
    display: block;
    float: left;
    padding-left: 3%;
}

#elect_top a img{
    width: 100%;
}

#elect_bottom{
    height: 130px;
    border: 1px solid #efefef;
}

#elect_bottom figure{
    width: 40%;
   float: left;
    margin:0 10%;
}

#elect_bottom figure img{
    width: 85%;
}

#elect_bottom #elect_txt{
    float: left;
    width: 40%;
    overflow: hidden;
}

#elect_txt ul li{
    margin: 12px 0;
    font-size: 1.1em;
    padding-left: 20px;
}

#elect_txt ul li:nth-child(3){
    color: #848484;
}

#elect_txt ul li:nth-child(4){
    color: #5282ed
}




/*-----------------------------winner-----------------------------*/
#cont_bottom{
    margin-top: 30px;
    margin-bottom: 30px;
    border:1px solid #cccccc;
    height: 100px;
}

#cont_bl{
    float: left;
    width: 25%;
    text-align: center;
    border-right: 1px solid #ccc;
    height: 80px;
    box-sizing: border-box;
   padding-top: 30px;
    margin-top: 10px;
}

#cont_bl figure{
 display: inline-block;
  vertical-align: middle;
}

#cont_bl span{
    font-family: "naB";
    font-size: 1.2em;
}


#cont_br{
    float: left;
     width: 75%;
    margin-top: 10px;
}

#cont_br img{
    width: 65%;
}







/*---------------footer-------------------------------------*/
#foot_twrap{
    background: #d4d4d4;
    height: 50px;
}

/*---footersite----------*/
#footer_site{
    background: #fff;
    float: right;
    width: 12%;
    position: relative;
}

#footer_site h3{
    line-height: 50px;
    font-family: "naB";
    background-image: url(../k_img/main/footer_plus.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    padding: 0 10px;
    cursor: pointer;
    background-color: #1b4595;
    color: #fff;
}

#footer_with{
    position: absolute;
    top: -440px;
    left: 0;
    background: #fff;
    z-index: 100;
    border: 1px solid #1b4595;
    width: 100%;
    box-sizing: border-box;
}

#footer_site ul li h4{
    font-size: 1.0em;
    background: #1b4595;
    padding: 10px;
    color: #fff;
}

#footer_site ul li a{
    color: #444;
    display: block;
    padding: 5px 10px; 
}

#footer_site ul li a:hover{
    text-decoration: underline;
}


/*-------footer개인정보처리방침*/
#footer_top > ul#foot_tleft{
    float: left;
    width: 88%;
}

#foot_tleft li{
    float: left;
    width: 25%;
    line-height: 50px;
}

#foot_tleft li a{
    font-size: 1.1em;
}

/*------footerbottom*/
#foot_bwrap{
    background: #9d9d9d;
    width: 100%;
    height: 80px;
    padding-top: 30px;
} 

#footer_bottom ul{
    float: right;
    margin-right: 26%;
    width: 10%;
    padding-top: 15px;
}

#footer_bottom ul li{
    float: left;
    margin-left: 5%;
}

#footer_bottom figure:nth-child(2){
    width: 15%;
    float: left;

}

#footer_bottom p{
    width: 42%;
    float: left;
    padding-top: 10px;
}

#footer_bottom figure:nth-child(4){
    width: 5%;
    float: left;
    padding-top: 5px;
}

#footer_bottom figure:nth-child(4) img{
    width: 100%
}













@media screen and (max-width:767px){
    
.swiper-container.month_7 {
        /*height: 200px;*/
        height: auto;
    }

.swiper-slide img{
		width:52%;
	}
    
.swiper-button-next7,.swiper-button-prev7{
        display: block;
}

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}/*max-width:767px*/