@charset "utf-8";
/* CSS Document */

.swiper-container{overflow: hidden; }
.slideimg{width:100%;}

#section{text-align: center;}
.section01{width:100%; margin:60px 0 48px 0; height:auto; box-sizing:border-box; }
.section01 .img_top{width:80%; }
.sec_menu{margin-bottom:40px;}
.sec_menu li{float:left; width: calc(100% / 3); padding:15px 0; 
            border-bottom:1px solid #ddd; border-top:1px solid #ddd;
            cursor:pointer; }
.section02 p{font-size: 26px; font-weight:500; line-height: 2.5rem; margin:110px 0 200px 0; padding:0 15px;}
.section02 .font3{font-size:50px; line-height:70px; }
.section02 span{color:#ff8824; }


.img_ch02_01{width:100%; margin:20px 0 20px 0; }
.section03{text-align:center; padding:30px 0 50px; box-sizing: border-box;}
.section03 .list1{padding:0 15px;}
.section03 .font3{margin-top:170px; font-size:27px; line-height: 40px; letter-spacing: ; color:#ff8824;}
.section03 .font4{font-size:40px; line-height: 70px; font-weight:500;}
.section03 p{font-size:24px; margin:15px 0 30px; line-height: 1.7em;}
.swiper1{background-image:url(../img/sub/ch02_slidebg1.png); background-position: center; background-repeat: no-repeat;}

.img_ch02_02{width:100%; margin:20px 0 20px 0; }
.section04{text-align:center; padding:30px 0 50px; box-sizing: border-box;}
.section04 .list2{padding:0 15px;}
.section04 .font3{font-size:27px; line-height: 40px; letter-spacing: ; color:#ff8824;}
.section04 .font4{font-size:40px; line-height: 70px; font-weight:500;}
.section04 p{font-size:24px; margin:15px 0 30px; line-height: 1.7em;}

.img_ch02_03{width:100%; margin:20px 0 60px 0; }
.section05{text-align:center; padding:30px 0 50px; box-sizing: border-box;}
.section05 .list3{padding:0 15px;}
.section05 .font3{font-size:27px; line-height: 40px; letter-spacing: ; color:#ff8824;}
.section05 .font4{font-size:40px; line-height: 70px; font-weight:500;}
.section05 p{font-size:24px; margin:15px 0 30px; line-height: 1.7em;}

.section06{width:100%; padding:100px 0 100px 0; }
.section06 .font3{font-size:61px; margin-bottom:58px;}
.section06 .font2{font-size:32px; line-height:1.7em; color:#ff8824;}
.section06 span{font-size:32px; line-height:1em; }
.section06 .bold{font-weight:600;}
.section06 p{font-size:24px; margin:15px 0 0 0; line-height: 1em;}
.secin{margin-top:140px;}
.sec06img{width:100%; margin-bottom:40px;}
.section06 .font4{font-size:40px; margin:150px 0 40px 0;}
.img_ch02_08{width:90%;}


.section07{background-color:#f0f3f4; width:100%; padding:50px 0 100px 0;}
.section07 .font3{font-size:60px; line-height: 1.5em; margin-top:90px;}
.ch02_img09{margin:85px 0 100px 0; width:74%;}



/*기본값끝*/

@media screen and (max-width:767px){
    .section02 p{font-size: 4.3vw;margin:20vw 0 20vw 0; padding:0; line-height: 2em;}
    .section02 .font3{font-size:8vw; line-height:1.3em; margin-bottom:10vw;}

    .section03 .font3{font-size:4.5vw; margin-top:5vw;}
    .section03 .font4{font-size:6.7vw; font-weight:200 ; margin-top:1vw; line-height:1.3em;}
    .section03 p{font-size:3.8vw; margin:10px 0 25px;}
    .section04 .font3{font-size:4.5vw;}
    .section04 .font4{font-size:6.7vw; font-weight:200 ; line-height:1.3em;}
    .section04 p{font-size:3.8vw; margin:10px 0 25px;}

    .section05{padding:5vw 0 9vw 0;}
    .section05 .font3{font-size:4.5vw;}
    .section05 .font4{font-size:6.7vw; font-weight:200 ; line-height:1.3em}
    .section05 p{font-size:3.8vw; margin:10px 0 25px;}

    .section06{padding:18vw 0 18vw 0; }
    .section06 .font3{font-size:8vw; margin-bottom:10vw;}
    .section06 .font2{font-size:6.7vw; font-weight:200 ; line-height:1.3em;}
    .section06 span{font-size:5.8vw; }
    .section06 p{font-size:3.8vw; margin:10px 0 25px;}
    .secin{margin-top:20vw;}
    .sec06img{margin-bottom:7.3vw;}
    .section06 .font4{font-size:7.3vw; margin:27vw 0 7vw 0;}

    .section07{margin-top:5vw; padding:10vw 0 20vw 0;}
    .section07 .font3{font-size:8vw; line-height: 1.3em; margin:5vw 0 5vw 0;}
    .ch02_img09{margin:10vw 0 13vw 0; }

    

}







@media all and (max-width:424px){
    .sec_menu .cf a{font-size:4vw; }
    .sec_menu{margin-bottom:7vw;}
  
}
/*1024끝*/











