@charset "utf-8";


/*  body{background-color: #baffb7;}  */



#toggle {
    display: none;
}

header {
    width: 100%;
    height: 70px;
    background-color: #fff;
    position: relative;

}

header > h1 {
    width: 63px;
    padding-top: 5px;
    position: absolute;
    top:0px;left:43%;
    overflow: hidden;
    font-size:0px;
}

header > h1 img {width: 100%;}

.h_icon {
    color: #fff;
    position: absolute;
    top: 15px;right: 15px;
    display: block;
    cursor: pointer;
}

header img[src*=index_h_2]{
    width:36px;height:36px;
    position: absolute;
    top:17px;left:15px;
}

header .h_icon #hambur{
    width:35px;height:34px;
    position: absolute;
    top:5px;right:10px;
}

header img[src*=index_h_2]+span {
    color:rgba(255,255,255,.0);
    
}


/* 검색창 서식 */

#s_toggle{font-size:0px;}

#s_toggle,.sear{display:none;}

#s_toggle:checked ~ .sear{display: block;}

header input[type=search]{
    width:90%;height:40px;
    border-radius: 50px;
    background-color: #f7f7f7;
    border:2px solid #b1b1b1;
    margin: 0px 5%;    
    font-size:15px;
}

header .sear{
    width:100%;
    height:55px;
    background-color: #fff;
    position: absolute;
    top:70px;left:0px;
    line-height:50px;
    
}

.sear label{text-indent: -9999px;}









/*      네비게이션 서식  */



.gnb {
    width: 100%;height: 100%;
    background-color: rgba(25, 25, 25, 0.8);
    position: fixed;
    top: 0px; right: -100%;
    transition: 0.5s;
    z-index: 1000;
}

.gnb > ul {
    width: 80%;height: 100%;
    background-color: #fff;
    position: absolute;
    right: 0px;top: 0px;
    overflow-y:scroll; /* 서브메뉴로 인해서 넘쳐나면 세로 스크롤바 나오게하기 */
}


.gnb > ul > li {
    border-bottom: 1px solid #d5d5d5;
    font-size: 20px;
    font-weight: bold;
    color: #141414;
    line-height: 70px;
    text-indent: 20px;
    display: block;
}

.gnb > ul > li >label{display: block;}

.gnb li img {
    width:23px;height:23px;
    float:right; /*플로트 속성으로 각 목록마다 오른쪽 배치 */
    transform:translate(-30px, 24px);/* 아래, 왼쪽으로 이동 */
    
}

.gnb > ul > li:first-child>ul>li>a,
.gnb > ul > li:nth-child(2)>ul>li>a,
.gnb > ul > li:nth-child(3)>ul>li>a,
.gnb > ul > li:nth-child(4)>ul>li>a,
.gnb > ul > li:nth-child(5)>ul>li>a,
.gnb > ul > li:nth-child(6)>ul>li>a{display: block;}




.gnb .n_close img {
    width:25px;height:25px;
    position: absolute;
    top: 23px;left: 30px;
    cursor: pointer;
    transition: 1s;
}

.gnb .n_close img:focus {
    transform: rotate(180deg);
}

#toggle:checked + header > .gnb {
    right: 0px;
}




#m_toggle1{display: none;}
        
#m_toggle1:checked + ul{display: block;}
        
.gnb li:first-child ul{
    font-size:16px;
    display: none; 
}
        
.gnb li:first-child ul>li{
    background-color: #141414;

}

.gnb li:first-child ul>li>a{
    color:#f7f7f7;
    width:100%;
    font-weight: normal;
    padding-left: 15px;
}



#m_toggle2{display: none;}
        
#m_toggle2:checked + ul{display: block;}
        
.gnb li:nth-child(2) ul{
    font-size:16px;
    display: none; 
}
        
.gnb li:nth-child(2) ul>li{
    background-color: #141414;

}

.gnb li:nth-child(2) ul>li>a{
    color:#f7f7f7;
    width:100%;
    font-weight: normal;
    padding-left: 15px;
}



#m_toggle3{display: none;}
        
#m_toggle3:checked + ul{display: block;}
        
.gnb li:nth-child(3) ul{
    font-size:16px;
    display: none; 
}
        
.gnb li:nth-child(3) ul>li{
    background-color: #141414;

}

.gnb li:nth-child(3) ul>li>a{
    color:#f7f7f7;
    width:100%;
    font-weight: normal;
    padding-left: 15px;
}



#m_toggle4{display: none;}
        
#m_toggle4:checked + ul{display: block;}
        
.gnb li:nth-child(4) ul{
    font-size:16px;
    display: none; 
}
        
.gnb li:nth-child(4) ul>li{
    background-color: #141414;

}

.gnb li:nth-child(4) ul>li>a{
    color:#f7f7f7;
    width:100%;
    font-weight: normal;
    padding-left: 15px;
}



#m_toggle5{display: none;}
        
#m_toggle5:checked + ul{display: block;}
        
.gnb li:nth-child(5) ul{
    font-size:16px;
    display: none; 
}
        
.gnb li:nth-child(5) ul>li{
    background-color: #141414;

}

.gnb li:nth-child(5) ul>li>a{
    color:#f7f7f7;
    width:100%;
    font-weight: normal;
    padding-left: 15px;
    
}



#m_toggle6{display: none;}
        
#m_toggle6:checked + ul{display: block;}

.gnb li:nth-child(6) ul{
    font-size:16px;
    display: none; 
}
        
.gnb li:nth-child(6) ul>li{
    background-color: #141414;

}

.gnb li:nth-child(6) ul>li>a{
    color:#f7f7f7;
    width:100%;
    font-weight: normal;
    padding-left: 15px;
    
}





/* 콘텐츠영역 서식 */

section h6{display: none;}
.visual h6{display: none;}


.swiper-container {
    width: 100%;
    max-height: 100%;
    margin-bottom: 20px;

}

.swiper-container img {
    width: 240px;
    margin-bottom: 65px;
}


.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}







.txt01{color:#c53539;}

.cont01 h3{
    font-size:24px;
    text-align: center;
    margin: 45px 0px 25px 0px;
}

.cont01 img{width:100%;}







.cont02{
    width: 100%;
    overflow: hidden;
}

.cont02 h3{
    font-size:24px;
    text-align: center;
    margin: 40px 0px 20px 0px;
}

.cont02 span{
    display: block;
}

.cont02 .txt02{
    font-weight:bold;
    font-size:26px;
    margin:5px 0px;
    color:#141414;
}

.cont02 .txt03{
    font-size:16px;
    color:#141414;
}

.cont02>ul{}

.cont02>ul>li{ 
    margin:0px 5% 25px 5%;
    height:500px;
    background-color: #ededed;
}


.cont02 img{
    width:100%;
    max-height:400px;
}

.cont02 div{margin:25px 0px 0px 30px;}








.cont03{
    width:100%;
    overflow: hidden;
    text-align:center;
    position: relative;
}

#cont03{width:100%;}

.cont03 h3{
    font-size:24px;
    text-align: center;
    margin: 20px 0px 25px 0px;
}

/*
.cont03 #prv,.cont03 #nex{
    background-color: rgba(0,0,0,.7);
    width:20px;height:20px;
    position: absolute;
    text-align: center;
    cursor: pointer;
    padding:8px 7px;
}

.cont03 #prv{top:170px;left:0px;}

.cont03 #nex{top:170px;right:0px;}
*/


.cont03::after{
    display: block;
    height:55px;
    content:"";
    clear:both;
}

.demo .item{
    margin-bottom: 60px;
}

/*.demo{width: 800px;}*/








.up {
    background-color: #141414;    
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
}

.up a {
    color:#f7f7f7;
    line-height: 50px;
    font-weight: bold;
}

aside {
    position: fixed;
    bottom: 32%;right: 3%;
}

aside img{
    width:28px;
    transform: translateY(10px);
}

















/* 푸터영역 서식 */



footer{background-color: #141414;}

.f01 {
    width:100%;height:50px;
    background-color: #141414;
    
}

.f01>ul{text-align: center;}

.f01>ul>li{display: inline;}

.f01>ul>li>a{
    color:#f7f7f7;
    line-height: 50px;
    font-size:15px;
    padding:0px 3%;
    
}


.f02{
    background-color: #141414;
    margin-top:20px;
    margin-bottom:25px;
    text-align: center;
    
}

.f02 img{margin-right:10px;}



.f03{padding-bottom: 10px;}

.f03>ul{text-align: center;}

.f03>ul>li{
    display: inline;
    margin-right: 10px;
}

.f03>ul>li>a{color:#ccc;font-size: 14px;}

.f03>ul>li:first-child>a{color:#f7f7f7;}
.f03>ul>li:nth-child(2)>a{color:#f7f7f7;}



.f04{    
    text-align: center;
    color:#797979;
}

.p01{
    margin: 10px auto;
    line-height: 14px;
}

.p02{padding-bottom: 20px;}