/* 메인 */
.section-1  {position:relative;width:100%;background:url("../images/m_bg_01.jpg") top center;background-repeat: no-repeat; padding:0px 0px; margin: 0 auto ;height:auto;overflow: hidden;max-height:1300px;background-size: cover}    
.section-1 .section-top {position:relative;padding:20px 0px;width:100%;max-width:1220px; height:auto;margin: 0 auto}
.section-1 .section-top li {width:100%;color:#fff;font-size:18px;text-align: center}
.section-1 .section-top h3 {color:#fff;font-weight:bold;font-size:30px;margin:50px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }
.section-1 .section-top .circle {color:#333;width:100%;max-width:680px;height:680px; background:#f0e8de;border-radius:680px;line-height:24px;margin: 0px auto; text-align: center;box-shadow:0 0 7px 0px rgba(0,0,0,.7);} 
.section-1 .section-top .circle p{position: relative; width:70%;font-size:16px;line-height:30px;color:#321c0a;text-align: center;margin: 0px auto;top:140px;font-weight:bold}
.section-1 .section-bottom {position:relative;text-align:right; margin:20px auto;width:90%;color:#fff}
.section-1 .section-bottom img {width:250px;}

@media (max-width:640px){
    
.section-1  {position:relative;width:100%;background:url("../images/m_bg_01_mo.jpg") top center;background-repeat: repeat; padding:0px 0px; margin: 0 auto ;height:auto;overflow: hidden;}    
.section-1 .section-top {position:relative;padding:20px 0px;width:100%;max-width:1240px; height:auto;margin: 0 auto}
.section-1 .section-top li {width:100%;color:#fff;font-size:16px;text-align: center}
.section-1 .section-top h3 {color:#fff;font-weight:bold;font-size:20px;margin:50px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }
.section-1 .section-top .circle {color:#fff;width:100%;height:auto;min-height:auto; background:transparent;
    border-radius:0px;line-height:24px;margin: 0px auto; text-align: center;box-shadow:0 0 0px 0px rgba(0,0,0,.7);overflow: hidden} 
.section-1 .section-top .circle p{position: relative; width:70%;font-size:13px;line-height:24px;color:#fff;text-align: center;margin: 0px auto;top:0px;font-weight:bold}
.section-1 .section-bottom {position:relative;text-align:right; margin:20px auto;width:90%;color:#fff}
.section-1 .section-bottom img {width:150px;}    
    
}

.section-2  {position:relative;width:100%;background:url("../images/m_bg_02.jpg") top center;background-repeat: repeat; padding:0px 0px; margin: 0 auto ;height:auto;overflow: hidden;background-size: cover}    
.section-2 .section-top {position:relative;padding:70px 0px 20px 0px;width:100%;max-width:948px; height:auto;margin: 0 auto;text-align: center}
.section-2 .section-top img {width:100%;max-width:948px;margin-bottom: 60px;}
.section-2 .section-top li {width:100%;color:#fff;font-size:18px;text-align: center}
.section-2 .section-top h3 {color:#fff;font-weight:bold;font-size:30px;margin:50px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }
.section-2 .section-top p {font-weight:bold;font-size:16px;line-height:30px;color:#000;text-align: center}
.section-2 .section-top .circle {color:#000;width:100%;max-width:680px;height:680px; background:#f0e8de;border-radius:680px;line-height:24px;margin: 0px auto; text-align: center;box-shadow:0 0 7px 0px rgba(0,0,0,.7);} 
.section-2 .section-top .circle p{position: relative; width:70%;font-size:16px;line-height:30px;color:#321c0a;text-align: center;margin: 0px auto;top:140px;font-weight:bold}
.section-2 .section-bottom {position:relative;text-align:center; margin:30px auto;width:100%;max-width:1220px;color:#333;}
.section-2 .section-bottom img {width:100%;max-width:1220px;}
.section-2 .section-bottom p {font-weight:bold;font-size:16px;line-height:30px;color:#000;text-align:right;padding:50px 0px}

@media (max-width:640px){
    .section-2 .section-top p {font-weight:bold;font-size:13px;line-height:24px;color:#000;text-align: center}
    .section-2 .section-bottom p {font-weight:bold;font-size:13px;line-height:24px;color:#000;text-align:center;padding:30px 0px}
}


.section-3 {position:relative;width:100%;background:url("../images/m_bg_08.jpg") top center;background-repeat:no-repeat; padding:0px 0px; margin: 0 auto ;height:auto;overflow: hidden;background-size: cover}    
.section-3 .section-top {position:relative;padding:50px 0px 20px 0px;width:100%;max-width:948px; height:auto;margin: 0 auto;text-align: center}
.section-3 .section-top li {width:33%;color:#000;font-size:18px;text-align: center;}
.section-3 .section-top h3 {color:#000;font-weight:bold;font-size:30px;margin:10px 0px 0px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }
.section-3 .section-top p {font-weight:bold;font-size:16px;line-height:40px;color:#000;text-align: center}
.section-3 .section-top .circle {color:#333;width:100%;max-width:680px;height:680px; background:#f0e8de;border-radius:680px;line-height:24px;margin: 0px auto; text-align: center;box-shadow:0 0 7px 0px rgba(0,0,0,.7);} 
.section-3 .section-top .circle p{position: relative; width:70%;font-size:16px;line-height:30px;color:#333;text-align: center;margin: 0px auto;top:140px;font-weight:bold}

.section-3 .section-bottom {position:relative;text-align:center; margin:0px auto;width:100%;max-width:1220px;color:#333;
    padding:60px 0px 80px 0px;height:auto; overflow: hidden}
.section-3 .section-bottom img {width:100%;max-width:1220px;}
.section-3 .section-bottom p {font-weight:bold;font-size:16px;line-height:30px;color:#333;text-align:right;padding:30px 0px;}
.section-3 .section-bottom p.tx {font-weight:bold;font-size:20px;line-height:30px;color:#333;text-align:center;margin:50% auto;padding:38% 0px;}
.section-3 .section-bottom p.tx:hover {font-weight:bold;font-size:20px;line-height:30px;color:#408f00;text-align:center;margin:50% auto;padding:38% 0px;}
.section-3 .section-bottom li {width:33.33%;text-align: center;float: left;margin:0px 1%;max-width:378px}
.section-3 .section-bottom li img {width:85%;max-width:360px}


@media (max-width:940px){
    .section-3 .section-bottom li {width:31.33%;text-align: center;float: left;background-size: cover;max-width:auto;margin: 0px 1%}
    .section-3  {position:relative;width:100%;background:url("../images/m_bg_08_mo.jpg") top center;background-repeat:no-repeat; padding:0px 0px; margin: 0 auto ;height:auto;overflow: hidden;background-size: cover} 
    .section-3 .section-top h3 {color:#000;font-weight:bold;font-size:20px;margin:10px 0px 10px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }
    .section-3 .section-top p {font-weight:bold;font-size:13px;line-height:24px;color:#000;text-align: center}
    .section-3 .section-bottom p.tx {font-weight:bold;font-size:12px;line-height:14px;color:#333;text-align:center;margin:50% auto;padding:38% 0px;}
.section-3 .section-bottom p.tx:hover {font-weight:bold;font-size:12px;line-height:14px;color:#408f00;text-align:center;margin:50% auto;padding:38% 0px;}
    .section-3 .section-bottom p {font-weight:bold;font-size:13px;line-height:20px;color:#000;text-align:center;padding:30px 0px}
}


.section-4  {position:relative;width:100%;padding:0px 0px; margin: 0 auto ;height:auto; overflow: hidden;background-color:#fff }    
.section-4 .section-top {position:relative;padding:50px 0px 20px 0px;width:100%; height:auto;margin: 0 auto;text-align: center}
.section-4 .section-top h3 {color:#000;font-weight:bold;font-size:30px;margin:10px 0px 0px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }
.section-4 .section-top p {font-weight:bold;font-size:16px;line-height:30px;color:#000;text-align: center;max-width:500px;margin: 0 auto}
.section-4 .section-top .bg {background:url("../images/m_bg_03.jpg") top center;background-repeat:no-repeat;background-size: cover; padding:0px 0px; margin: 30px auto ;height:487px;} 
.section-4 .section-top .bg h3 {position: relative;width:80%;max-width:700px; font-size:30px;line-height:60px;color:#fff;text-align: left;margin: 0px auto;font-weight:bold;padding:50px 0px}
.section-4 .section-top .bg p {position: relative;width:80%;max-width:700px; font-size:16px;line-height:30px;color:#fff;text-align: left;margin: 0px auto;font-weight:bold}

.section-4 .section-bottom {position:relative;text-align:center; margin:0px auto;width:100%;max-width:1220px;color:#333;padding:60px 0px;height:auto;overflow: hidden}
.section-4 .section-bottom img {width:100%;max-width:1220px;}
.section-4 .section-bottom p {font-weight:bold;font-size:16px;line-height:30px;color:#333;text-align:right;padding:30px 0px;}
.section-4 .section-bottom li {width:33.33%;text-align: center;float: left;margin:0px 1%;}
.section-4 .section-bottom li img {width:85%;max-width:360px}

@media (max-width:640px){
    .section-4 .section-top .bg {background:url("../images/m_bg_03_mo.png") top center;background-repeat:no-repeat;background-size: cover; padding:0px 0px; margin: 0px auto ;height:400px;} 
    .section-4 .section-top h3 {color:#000;font-weight:bold;font-size:20px;margin:10px 0px 0px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }
    .section-4 .section-top p {font-weight:bold;font-size:13px;line-height:24px;color:#000;text-align: center;max-width:500px;margin: 0 auto;padding: 0px 15px 10px 15px}
   .section-4 .section-top .bg h3 {position: relative;width:80%;max-width:700px; font-size:20px;line-height:24px;color:#fff;text-align: center;margin: 0px auto;font-weight:bold;padding:40px 0px}
.section-4 .section-top .bg p {position: relative;width:80%;max-width:700px; font-size:13px;line-height:24px;color:#fff;text-align:center;margin: 0px auto;font-weight:bold}
}

.section-5  {position:relative;width:100%;background:url("../images/m_bg_04.jpg") top center;background-repeat: no-repeat; padding:20px 0px 60px 0px; margin: 0 auto ;height:auto;overflow: hidden;background-size: cover}    
.section-5 .section-top {position:relative;padding:20px 0px 20px 0px;width:100%;max-width:1600px; height:auto;margin: 0 auto;text-align: center;}
.section-5 .section-top li {width: 50%;float: left;height:auto;overflow: hidden}
.section-5 .section-top li img{width:96%;max-width:800px}
.section-5 .section-top li.left {position: relative; width: 50%;float: left;top:100px;height:auto;overflow: hidden}
.section-5 .section-top li.right {position: relative; width: 50%;float: left;top:0px;height:auto;overflow: hidden}
.section-5 .section-top li h3 {color:#000;font-weight:bold;font-size:30px;margin:10px 0px 0px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }
.section-5 .section-top li p {font-weight:bold;font-size:16px;line-height:30px;color:#000;text-align: left;max-width:500px;margin: 0 auto}


@media (max-width:640px){
    .section-5  {position:relative;width:100%;background:url("../images/m_bg_04_mo.jpg") top center;background-repeat:no-repeat; padding:0px 0px 0px 0px; margin: 0 auto ;height:auto;overflow: hidden;background-size: cover}    
.section-5 .section-top {position:relative;padding:20px 0px 40px 0px;width:100%;max-width:1600px; height:auto;margin: 0px auto;text-align: center;overflow: hidden}
.section-5 .section-top li {width: 45%;float: left;padding:5px}
.section-5 .section-top li.left {position: relative; width: 45%;float: left;top:60px}
   
.section-5 .section-top li h3 {color:#000;font-weight:bold;font-size:20px;margin:10px 0px 0px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }
.section-5 .section-top li p {font-weight:bold;font-size:13px;line-height:24px;color:#000;text-align: left;max-width:500px;margin: 0 auto;padding-left:5px;}
}


.section-6  {position:relative;width:100%; padding:0px 0px 0px 0px; margin: 0 auto;height:auto;overflow:hidden;background-color:#4e664d}  
.section-6 .section-top {position: relative;width:30%;height:auto;float: left;background-color:#4e664d;}
.section-6 .section-top p {font-weight:bold;font-size:16px;line-height:30px;color:#fff;text-align: center;max-width:400px;margin: 0 auto}
.section-6 .section-top p.top {font-weight:bold;font-size:16px;line-height:30px;color:#fff;text-align: center;max-width:400px;margin: 30px auto}
.section-6 .section-top p.top2 {font-weight:bold;font-size:16px;line-height:30px;color:#fff;text-align: center;max-width:400px;margin: 80px auto}
.section-6 .section-top p.top3 {font-weight:bold;font-size:16px;line-height:30px;color:#fff;text-align: center;max-width:400px;margin: 60px auto}
.section-6 .section-top p img {max-width:80px;padding:50px 0px;margin:0px;text-align: center}
.section-6 .section-bottom {position:relative;width:70%;height:auto;float: left}
.section-6 .section-bottom li {position:relative;margin-bottom:-20px;width:33.333%;height:auto;float:left; }
.section-6 .section-bottom li img {width:100%;padding:0px;margin:0px}
.section-6 .section-bottom li img:hover {opacity:0.8}

@media (max-width:1300px){
    .section-6 .section-top {position: relative;width:100%;height:auto;float: left;background-color:#4e664d;}
    .section-6 .section-top p img {max-width:100px;padding:20px 0px;margin:0px;text-align: center}
    .section-6 .section-top p {font-weight:bold;font-size:13px;line-height:24px;color:#fff;text-align: center;max-width:400px;margin: 0 auto}
    .section-6 .section-top p.top {font-weight:bold;font-size:13px;line-height:24px;color:#fff;text-align: center;max-width:400px;margin: 10px auto}
    .section-6 .section-top p.top2 {font-weight:bold;font-size:13px;line-height:24px;color:#fff;text-align: center;max-width:400px;margin: 10px auto}
    .section-6 .section-top p.top3 {font-weight:bold;font-size:13px;line-height:24px;color:#fff;text-align: center;max-width:400px;margin: 10px auto}
    .section-6 .section-bottom {position:relative;width:100%;height:auto;float: left}
}

.section-7  {position:relative;width:100%;padding:0px 0px; margin: 0 auto ;height:auto; overflow: hidden;background:url("../images/m_bg_06.jpg") top center;background-repeat:repeat; }    
.section-7 .section-top {position:relative;padding:60px 0px 60px 0px;width:100%; height:auto;margin: 0 auto;text-align: center}
.section-7 .section-top h3 {color:#000;font-weight:bold;font-size:30px;margin:10px 0px 20px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }
.section-7 .section-top p {font-weight:bold;font-size:16px;line-height:30px;color:#000;text-align: center;max-width:500px;margin: 0 auto}
.section-7 .section-bottom {position:relative;text-align:center; margin:0px auto;width:100%;color:#333;padding:60px 0px;height:auto;overflow: hidden;background:url("../images/m_bg_07.jpg") top center;background-position: 0% 50%;background-size: cover; }
.section-7 .section-bottom img {width:100%;max-width:;}
.section-7 .section-bottom h3 {color:#000;font-weight:bold;font-size:30px;margin:10px 0px 20px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center;line-height:30px }
.section-7 .section-bottom p {font-weight:bold;font-size:16px;line-height:30px;color:#333;text-align:center;padding:30px 0px;}
.section-7 .section-bottom li {width:33.33%;text-align: center;float: left;}
.section-7 .section-bottom li img {width:85%;max-width:360px}
.section-7 .section-bottom .circle {color:#333;width:100%;max-width:150px;height:150px; background:#f0e8de;border-radius:100px;line-height:100px;margin: 0px auto; text-align: center;} 
.section-7 .section-bottom .circle p{position: relative; width:100%;font-size:20px;line-height:40px;color:#000;text-align: center;margin: 0px auto;font-weight:bold;line-height:80px}
.section-7 .section-bottom .circle2 {color:#333;width:100%;max-width:480px;height:480px; background:#f0e8de;border-radius:480px;line-height:24px;margin: 50px auto; text-align: center;box-shadow:0 0 7px 0px rgba(0,0,0,.7);} 
.section-7 .section-bottom .circle2 p{position: relative; width:70%;font-size:16px;line-height:30px;color:#321c0a;text-align: center;margin: 0px auto;top:70px;font-weight:bold}

@media (max-width:640px){
    .section-7  {position:relative;width:100%;padding:0px 0px; margin: 0 auto ;height:auto; overflow: hidden;background:url("../images/m_bg_06_mo.jpg") top center;background-repeat:repeat; } 
    .section-7 .section-top h3 {color:#000;font-weight:bold;font-size:20px;margin:10px 0px 20px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center ;line-height:30px}
    .section-7 .section-bottom h3 {color:#000;font-weight:bold;font-size:20px;margin:10px 0px 20px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center;line-height:30px }
    .section-7 .section-bottom .circle2 {color:#333;width:100%;max-width:340px;height:340px; background:#f0e8de;border-radius:340px;line-height:24px;margin: 30px auto; text-align: center;box-shadow:0 0 7px 0px rgba(0,0,0,.7);} 
.section-7 .section-bottom .circle2 p{position: relative; width:70%;font-size:13px;line-height:24px;color:#321c0a;text-align: center;margin: 0px auto;top:20px;font-weight:bold}
}

/* 서브 */

.sub-section-1  {position:relative;width:100%;background:url("../images/s_bg_01.jpg") top center;background-repeat:no-repeat;background-size: cover; padding:0px 0px; 
    margin: 0 auto ;height:auto;overflow: hidden;}    
.sub-section-1 .section-top {position:relative;padding:30px 0px;width:100%;max-width:1220px; height:auto;margin: 0 auto;text-align: center}
.sub-section-1 .section-top p {width:100%;color:#fff;font-size:16px;text-align: center;font-weight:bold;margin-bottom: 5px;}
.sub-section-1 .section-top h3 {color:#fff;font-weight:bold;font-size:30px;margin:50px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }
.sub-section-1 .section-top .circle {color:#333;width:100%;max-width:600px;height:420px; background:rgba(255,255,255,.9);border-radius:50px;line-height:24px;margin: 10px auto; text-align: center;box-shadow:0 0 7px 0px rgba(0,0,0,.7);} 
.sub-section-1 .section-top .circle p{position: relative; width:68%;font-size:16px;line-height:30px;color:#000;text-align: center;margin: 0px auto;top:20px;font-weight:bold}
.sub-section-1 .section-bottom {position:relative;text-align:right; margin:5px auto 10px;width:90%;color:#fff}
.sub-section-1 .section-bottom img {width:100px;}


@media (max-width:640px){
    
.sub-section-1  {position:relative;width:100%;background:url("../images/s_bg_01.jpg") top center;background-repeat: repeat; padding:0px 0px; margin: 0 auto ;height:auto;overflow: hidden;}    
.sub-section-1 .section-top {position:relative;padding:20px 0px;width:100%;max-width:1220px; height:auto;margin: 0 auto}
.sub-section-1 .section-top li {width:100%;color:#fff;font-size:18px;text-align: center}
.sub-section-1 .section-top h3 {color:#fff;font-weight:bold;font-size:20px;margin:50px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }
.sub-section-1 .section-top .circle {color:#333;width:80%;max-width:600px;height:auto;padding-bottom:40px;background:rgba(255,255,255,.9);border-radius:40px;line-height:24px;margin: 0px auto; text-align: center;box-shadow:0 0 7px 0px rgba(0,0,0,.7);} 
.sub-section-1 .section-top .circle p{position: relative; width:80%;font-size:13px;line-height:24px;color:#000;text-align: center;margin: 0px auto;top:20px;font-weight:bold}
.sub-section-1 .section-bottom {position:relative;text-align:right; margin:20px auto;width:90%;color:#fff}
.sub-section-1 .section-bottom img {width:100px;}
}
@media (max-width:640px){ 
    .sub-section-1  {position:relative;width:100%;background:url("../images/s_bg_01.jpg") top center;background-repeat: repeat; padding:0px 0px; margin: 0 auto ;height:auto;overflow: hidden;background-size: cover;background-position: 85% 0px}  

}


.sub-section-2  {position:relative;width:100%; background:url("../images/s_bg_01_2.jpg") top center;background-repeat: no-repeat; background-size: cover;padding:0px 0px; margin: 0 auto ;height:auto;overflow: hidden;background-color:#4e664d: }    
.sub-section-2 .section-top {position:relative;padding:20px 0px;width:100%;max-width:1220px; height:auto;margin: 0 auto;text-align: center}
.sub-section-2 .section-top img {width:100%;max-width:1130px;padding-top: 30px}
.sub-section-2 .section-top p {width:100%;color:#fff;font-size:16px;text-align: center;font-weight:bold;margin:40px auto 70px;line-height: 30px}
.sub-section-2 .section-top h3 {color:#fff;font-weight:bold;font-size:30px;margin:50px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }

@media (max-width:640px){
.sub-section-2  {position:relative;width:100%;padding:0px 0px; margin: 0 auto ;height:auto;overflow: hidden;background-image: none; background-color:#4e664d }    
.sub-section-2 .section-top {position:relative;padding:20px 0px;width:100%;max-width:1220px; height:auto;margin: 0 auto;text-align: center;}
.sub-section-2 .section-top img {width:100%;max-width:1130px;padding:0px}
.sub-section-2 .section-top p {width:100%;color:#fff;font-size:16px;text-align: center;font-weight:bold;margin:20px auto 30px;line-height: 30px}
.sub-section-2 .section-top h3 {color:#fff;font-weight:bold;font-size:30px;margin:50px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }
    
}

.sub-section-3  {position:relative;width:100%;background:url("../images/s_bg_01_3.jpg") top center;background-repeat: no-repeat;background-size: cover; padding:0px 0px; margin: 0 auto ;height:auto;overflow: hidden;}    
.sub-section-3 .section-top {position:relative;padding:30px 0px;width:100%;max-width:450px; height:auto;margin: 0 auto;text-align: center}
.sub-section-3 .section-top img {width:80%;max-width:380px; padding: 30px 0px;text-align: center}
.sub-section-3 .section-top p {width:100%;color:#000;font-size:16px;text-align: center;font-weight:bold;line-height:30px;}
.sub-section-3 .section-top h3 {color:#000;font-weight:bold;font-size:30px;margin:50px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center;line-height: 36px }
.sub-section-3 .section-bottom {position:relative;margin:10px auto;width:88%;max-width:1220px; color:#000;height: auto;overflow: hidden}
.sub-section-3 .section-bottom p {width:100%;color:#000;font-size:16px;text-align:left;font-weight:bold;line-height:30px;}
.sub-section-3 .section-bottom h3 {color:#000;font-weight:bold;font-size:30px;margin:50px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }
.sub-section-3 .section-bottom li {width:48%;float: left;height: auto;min-height:500px;margin:0px 5px; overflow: hidden}
.sub-section-3 .section-bottom img {width:100%;max-width:480px;}

@media (max-width:640px){ 
.sub-section-3  {position:relative;width:100%;background:url("../images/s_bg_01_3.jpg") top center;background-repeat: no-repeat; padding:0px 0px; margin: 0 auto ;height:auto;overflow: hidden;background-size: cover;background-position: 70% 0px}        
 .sub-section-3 .section-top p {width:88%;color:#000;font-size:13px;text-align: center;font-weight:bold;line-height:24px;margin: 0 auto}
.sub-section-3 .section-top h3 {color:#000;font-weight:bold;font-size:20px;margin:50px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center;line-height: 30px }   
.sub-section-3 .section-bottom li {width:98%;float: left;height: auto;min-height:auto; overflow: hidden;margin-bottom:20px;}
.sub-section-3 .section-bottom img {width:100%;}
}

.sub-section-4  {position:relative;width:100%;background:url("../images/history_bg.jpg") top center;background-repeat: no-repeat;background-size: cover; padding:0px 0px; margin: 0 auto ;height:auto;overflow: hidden;background-size: cover}    
.sub-section-4 .section-top {position:relative;padding:30px 20px 30px 20px;width:90%;max-width:500px; height:auto;margin: 0 auto;text-align: center}
.sub-section-4 .section-top img {padding:20px 0px}
.sub-section-4 .section-top p {width:100%;color:#000;font-size:16px;text-align: center;font-weight:bold;line-height:30px}
.sub-section-4 .section-top h3 {color:#000;font-weight:bold;font-size:30px;margin:10px auto;font-family:"Nanum Gothic", sans-serif;text-align: center;line-height: 36px }
.sub-section-4 .section-bottom {position:relative;margin:20px auto 50px;width:100%;max-width:1300px;padding: 0px 0px 40px 0px; color:#000;height:auto;background:rgba(240, 232, 223, .6)}
.sub-section-4 .section-bottom .con {margin:30px auto;text-align:center;width:80%;max-width:700px;}
.sub-section-4 .section-bottom .con p {width:100%;color:#000;font-size:16px;text-align:center;font-weight:bold;line-height:30px;margin: 0px auto 25px}
.sub-section-4 .section-bottom .con h3 {color:#000;font-weight:bold;font-size:30px;margin:0px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }

.sub-section-4 .section-bottom img {width:100%;max-width:1300px;}

@media (max-width:640px){ 
.sub-section-4 .section-top h3 {color:#000;font-weight:bold;font-size:16px;margin:10px auto;font-family:"Nanum Gothic", sans-serif;text-align: center;line-height: 36px } 
.sub-section-4 .section-top p {width:100%;color:#000;font-size:14px;text-align: center;font-weight:bold;line-height:20px}    
.sub-section-4  {position:relative;width:100%;background:url("../images/history_bg.jpg") top center;background-repeat: repeat; padding:0px 0px; margin: 0 auto ;height:auto;overflow: hidden;background-size: cover;background-position: 100% -140px}    
.sub-section-4 .section-bottom .con p {width:100%;color:#000;font-size:14px;text-align:center;font-weight:bold;line-height:20px;margin: 0px auto 25px}
.sub-section-4 .section-bottom .con h3 {color:#000;font-weight:bold;font-size:20px;margin:0px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }    
}

.sub-section-5  {position:relative;width:100%;background:#fff; padding:0px 0px; margin: 0 auto ;height:auto;overflow: hidden;}    
.sub-section-5 .section-top {position:relative;padding:30px 0px;width:100%;max-width:550px; height:auto;margin: 0 auto;text-align: center}
.sub-section-5 .section-top p {width:100%;color:#000;font-size:16px;text-align: center;font-weight:bold;line-height:30px;padding: 0px 5px}
.sub-section-5 .section-top h3 {color:#000;font-weight:bold;font-size:30px;margin:50px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center;line-height: 36px }
.sub-section-5 .section-top h2 {color:#000;font-weight:bold;font-size:40px;margin:50px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center;line-height: 36px }
.sub-section-5 .section-bottom {position:relative;margin:10px auto;width:100%;max-width:1400px; color:#000;height:auto;overflow: hidden}
.sub-section-5 .section-bottom p.tx {color:#000;font-size:16px;text-align:left;font-weight:bold;line-height:30px;padding:10px;width:100%;height:auto;min-height: 280px}
.sub-section-5 .section-bottom h3 {color:#000;font-weight:bold;font-size:30px;margin:50px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center }
.sub-section-5 .section-bottom .con{position:relative;width:47%;float:left;height:auto;margin:10px;padding: 0px;}
.sub-section-5 .section-bottom .con .inner {position:relative;width:100%;height:auto;padding: 0px;overflow: hidden;max-height: 300px;min-height:300px}
.sub-section-5 .section-bottom .con .inner img {width:55%;min-height:320px}
.sub-section-5 .section-bottom .con .inner p {position: absolute;top:33%;left:65%; color:#fff;text-align:center;font-size:20px;font-weight:bold;line-height:30px;width:180px}
.sub-section-5 .section-bottom li {width:23%;height:auto;float:left;margin:1%}
.sub-section-5 .section-bottom li img {width:100%;max-width:325px;text-align: center }

.sub-section-5 .section-bottom .txt {width:33.3%;max-width:480px;height:350px;text-align: center;margin: 0 auto;float: left }
.sub-section-5 .section-bottom .txt p.circle {color:#fff;width:200px;height:200px; background:#494038;border-radius:200px;
    line-height:180px;margin: 0px auto; text-align:center;font-size:18px} 
.sub-section-5 .section-bottom .txt p{position: relative; width:50%;min-width:200px;font-size:16px;line-height:24px;color:#000;text-align: center;margin: 10px auto;font-weight:bold;}
.sub-section-5 .section-bottom .pro {width:100%;height:auto;text-align: center;margin: 0 auto;background:#ededed;border-radius:20px; overflow: hidden}
.sub-section-5 .section-bottom .pro li {width:23%;height:auto;display: inline-block;margin:40px 1%;text-align: center}
.sub-section-5 .section-bottom .pro li img{width:85%;max-width:270px; text-align: center}
.sub-section-5 .section-bottom .pro li img:hover{transform: scale(1.1)}

@media (max-width:960px){ 
.sub-section-5 .section-top {position:relative;padding:30px 20px 30px 20px;width:90%; height:auto;margin: 0 auto;text-align: center}    
.sub-section-5 .section-top p {width:100%;color:#000;font-size:14px;text-align: center;font-weight:bold;line-height:30px;padding: 0px 5px}    
.sub-section-5 .section-top h3 {color:#000;font-weight:bold;font-size:16px;margin:10px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center;line-height: 20px; }   
.sub-section-5 .section-top h2 {color:#000;font-weight:bold;font-size:20px;margin:10px 0px;font-family:"Nanum Gothic", sans-serif;text-align: center;line-height: 20px; }     
.sub-section-5 .section-bottom p.tx {color:#000;font-size:13px;text-align:left;font-weight:bold;line-height:30px;padding:15px;width:95%;height:auto;min-height: auto}    
.sub-section-5 .section-bottom .con {position:relative;width:100%;float:left;height:auto;margin:10px auto;padding: 0px;}
.sub-section-5 .section-bottom .con .inner {position:relative;width:100%;height:auto;padding: 0px;overflow:hidden;max-height: 200px;min-height:200px}
.sub-section-5 .section-bottom .con .inner img {width:55%;min-height:200px}
.sub-section-5 .section-bottom .con .inner p {position: absolute;top:30%;left:50%; color:#fff;text-align:center;font-size:13px;font-weight:bold;line-height:20px;width:180px}
.sub-section-5 .section-bottom li {width:48%;height:auto;float:left;margin:1%;text-align: center} 
.sub-section-5 .section-bottom .txt {width:33.3%;height:auto;text-align: center;margin:10px auto;float: left; }
.sub-section-5 .section-bottom .txt p.circle {color:#fff;width:90px;height:90px; background:#494038;border-radius:100px;font-size:13px;
    line-height:90px;margin: 0px auto; text-align:center;} 
.sub-section-5 .section-bottom .txt p{position: relative; width:50%;width:90px;min-width:90px;font-size:13px;line-height:20px;color:#000;text-align: center;margin: 10px auto;font-weight:bold;}    
 
.sub-section-5 .section-bottom .pro {width:100%;height:auto;text-align: center;margin: 0 auto;background:#ededed;border-radius:20px; overflow: hidden}
.sub-section-5 .section-bottom .pro li {width:23%;height:auto;display: inline-block;margin:20px 1%;text-align: center}
.sub-section-5 .section-bottom .pro li img{width:85%;max-width:270px;text-align: center}
.sub-section-5 .section-bottom .pro li img:hover{transform: scale(1.1)}    
}

.sub-section-6 {position:relative;width:100%;background:url("../images/s_bg_02.jpg") top center;background-repeat: no-repeat; background-size: cover;padding:0px 0px; margin: 0 auto ;height:auto;overflow: hidden;} 
.sub-section-6 .section-top {position:relative;padding:30px 0px;width:100%; height:auto;margin: 0 auto;text-align: center}
.sub-section-6 .section-top .con {position:relative;width:100%;max-width:650px; height:auto;margin:40px auto;padding: 0px;overflow:hidden;max-height: 300px;min-height:200px}
.sub-section-6 .section-top .con img {width:100%;max-width:650px;min-height:200px}
.sub-section-6 .section-top .con p {position: absolute;bottom:-10px;color:#fff;text-align:center;font-size:16px;font-weight:bold;line-height:20px;background:#4e664d;width:100%;padding:20px 0px}
.sub-section-6 .section-top .con2 {position:relative;width:100%;max-width:1000px;height:auto;margin:40px auto;padding: 0px;overflow:hidden;max-height: 700px;min-height:300px}
.sub-section-6 .section-top .con2 img {width:100%;max-width:1000px;min-height:300px}
.sub-section-6 .section-top .con2 p {position: absolute;bottom:-10px;color:#fff;text-align:center;font-size:16px;font-weight:bold;line-height:20px;background:#4e664d;width:100%;padding:30px 0px}

@media (max-width:640px){ 
.sub-section-6 .section-top .con {position:relative;width:85%;max-width:650px; height:auto;margin:40px auto;padding: 0px;overflow:hidden;max-height: 300px;min-height:180px}
.sub-section-6 .section-top .con img {width:100%;max-width:650px;min-height:180px}
.sub-section-6 .section-top .con p {position: absolute;bottom:-10px;color:#fff;text-align:center;font-size:14px;font-weight:bold;line-height:20px;background:#4e664d;width:100%;padding:20px 0px}    
    
.sub-section-6 .section-top .con2 {position:relative;width:85%;max-width:1000px;height:auto;margin:40px auto;padding: 0px;overflow:hidden;max-height: 700px;min-height:260px}
.sub-section-6 .section-top .con2 img {width:100%;max-width:1000px;min-height:260px}
.sub-section-6 .section-top .con2 p {position: absolute;bottom:-10px;color:#fff;text-align:center;font-size:14px;font-weight:bold;line-height:20px;background:#4e664d;width:100%;padding:20px 0px}    
}

.sub-menu2 {width:100%;height:32px;background:#fff;margin: 0 auto; padding:15px 10px;text-align: center;border-bottom:1px solid #666}
.sub-menu2 li {width:24%;float: left;text-decoration: none;border-right:1px solid #ccc;line-height:24px}
.sub-menu2 li:last-child {border-right:0px solid #ccc;}
.sub-menu2 li a {width:100%;height:35px;color:#000;font-family:'Nanum Gothic';font-weight:bold;font-size:16px;line-height:24px;text-decoration: none;transition:none;-webkit-transition: none;}
.sub-menu2 li a:hover {color:#666;border-bottom:4px solid #707070;padding:22px 20%;text-decoration: none}
.sub-menu2 li a.active {padding:22px 20%;border-bottom:4px solid #707070; }

@media (max-width:640px){
.sub-menu2 {width:100%;height:30px;background:#fff;margin: 0 auto; padding:15px 10px;text-align: center;border-bottom:1px solid #666}    
.sub-menu2 li {width:24%;float: left;text-decoration: none;border-right:1px solid #ccc;line-height:24px}
.sub-menu2 li:last-child {border-right:0px solid #ccc;}
.sub-menu2 li a {width:100%;height:35px;color:#000;font-family:'Nanum Gothic';font-weight:bold;font-size:12px;line-height:18px;text-decoration: none;}
.sub-menu2 li a:hover {color:#666;border-bottom:4px solid #707070;padding:22px 0px;text-decoration: none}
.sub-menu2 li a.active {padding:22px 0px;border-bottom:4px solid #707070; }
    
}


a.btn_1 {
	background-color:#f0e8de;border:0px solid #f0e8de;
	color:#000;
	-webkit-border-top-left-radius:100px;
	-moz-border-radius-topleft:100px;
	border-top-left-radius:100px;
	-webkit-border-top-right-radius:100px;
	-moz-border-radius-topright:100px;
	border-top-right-radius:100px;
	-webkit-border-bottom-right-radius:100px;
	-moz-border-radius-bottomright:100px;
	border-bottom-right-radius:100px;
	-webkit-border-bottom-left-radius:100px;
	-moz-border-radius-bottomleft:100px;
	border-bottom-left-radius:100px;
	text-indent:0;
	display:inline-block;
    font-size:16px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:180px;
	text-decoration:none;
	text-align:center;
}
a.btn_1:hover {
	background-color:#333; border:0px solid #333;
	color:#fff;
}


a.btn_2 {
	background-color:#f0e8de;border:0px solid #f0e8de;
	color:#000;
	-webkit-border-top-left-radius:100px;
	-moz-border-radius-topleft:100px;
	border-top-left-radius:100px;
	-webkit-border-top-right-radius:100px;
	-moz-border-radius-topright:100px;
	border-top-right-radius:100px;
	-webkit-border-bottom-right-radius:100px;
	-moz-border-radius-bottomright:100px;
	border-bottom-right-radius:100px;
	-webkit-border-bottom-left-radius:100px;
	-moz-border-radius-bottomleft:100px;
	border-bottom-left-radius:100px;
	text-indent:0;
	display:inline-block;
    font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:100px;margin:0px 5px;
	text-decoration:none;
	text-align:center;
}
a.btn_2:hover {
	background-color:#333; border:0px solid #333;
	color:#fff;
}