.wrap { width:100%; height:vh; }
.header-inner { width:100%;}
.heder-top-inner { width:100%; height:45px; display: flex; justify-content: center; padding-top: 10px;}
.top-line-left { width:16.5%; height:45px; border-bottom: 1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1);}
.top-line-center { width:1280px; height:45px; border-bottom: 1px solid rgba(0,0,0,0.1); display: flex;}
.top-line-right { width:16.5%; height:45px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.bookmark { width:130px; display: flex; justify-content: center; align-items: center;  border-right: 1px solid rgba(0,0,0,0.1); }
.top-link { width:1150px; display: flex; justify-content: flex-end; align-items: center;}
.top-link-list { width:100%; display: flex; justify-content: flex-end; align-items: center;}
.top-link-list li { padding:10px 10px;}

.logo-wrap{width:100%; display: flex; justify-content: center; padding-top: 30px;} 
.logo-inner { width:1280px; display: flex; justify-content: center;display: flex; justify-content: center;}
.top-banner { width:320px; display: flex; justify-content: center;} 
.top-logo { width:970px; display: flex; align-items: center; padding-left:200px;} 


/* 메뉴 
.nav-wrap {width:100%; display: flex; justify-content: center; background-color:#491d2a;}
.nav-inner { width:1280px; height:55px; display: flex; justify-content: center; color:#ffffff; border:1px solid red; }
.nav-list { width:1280px; height:100%; display: flex; justify-content: center; align-items: center; color:#ffffff;  }
.nav-list li {  height:100%; display: flex; justify-content: center; align-items: center; color:#ffffff; }
.nav-list li:nth-child(1) { width:70px; display: flex; justify-content: center; align-items: center; background-color: #b18a7b; color:#ffffff; }
.nav-list li:nth-child(7) { background-color: #206560; color:#ffffff; }

.nav-list a { color:#ffffff;}
.nav-list a:hover { font-weight: bold;}
.nav-list li:hover{ background-color:#553b43;}
*/


/* 메뉴 */
.nav-wrap {width:100%; display: flex; justify-content: center; background-color:#491d2a;}
.nav-inner { width:1280px; height:55px; display: flex; justify-content: center;}
.nav-list { width:100%; height:100%; display: flex; justify-content: center; align-items: center; color:#ffffff;  }
.nav-list li { width:200px; height:100%; display: flex; justify-content: center; align-items: center;}
.nav-list li:nth-child(1) { width:70px; display: flex; justify-content: center; align-items: center; background-color: #b18a7b; }
.nav-list li:nth-child(7) { background-color: #206560; }
.nav-list a { color:#ffffff;}
.nav-list a:hover { font-weight: bold;}
.nav-list li:hover{ background-color:#553b43;}
  

  
/* 공통영역 */
.bg-style{ background-size: cover; background-position: center; box-sizing: border-box; display: flex; justify-content: center; align-items: center; position: relative; }
.box-shadow {box-shadow: 0 6px 12px 0 rgba(0,0,0,0.1), 0 6px 12px 0 rgba(0,0,0,0.1);}

/* 슬라이드 비주얼 영역  */
.sub-slider { width: 100%; height:574px;} 


.sub-swiper-container { width: 100%; height:100%;}
.sub-sl-style{ 
        background-size: cover; 
        background-position: center; 
        box-sizing: border-box; 
        display: flex; 
        justify-content: center; 
        align-items: center; 
        position: relative; 
}

.sub-sl-1{ background-image: url("/one/views/assets/images/slider/sub_rolling_banner-01.jpg"); background-color: #14222f;}
.sub-sl-2{ background-image: url("/one/views/assets/images/slider/sub_rolling_banner-02.jpg"); background-color: #14222f;}
.sub-sl-3{ background-image: url("/one/views/assets/images/slider/sub_rolling_banner-03.jpg"); background-color: #14222f;}
.sub-sl-4{ background-image: url("/one/views/assets/images/slider/sub_rolling_banner-04.jpg"); background-color: #14222f;}
.sub-sl-5{ background-image: url("/one/views/assets/images/review/review-sub-banner.jpg"); background-color: #14222f;}


/* 슬라이드 텍스트영역 */
.sub-slider-text-area{ width:100%; display: flex; flex-direction: column; text-align: center; margin-bottom: 150px; }
.sub-slider-title{ font-size: 50px; font-weight: 800; color:#ffffff; } 
.sub-slider-title-sub{ font-size: 20px; color:#ffffff; } 



/* 퀵메뉴 */
    .quick-wrap { 
        position: absolute; right:0; top:560px; z-index: 10; width:275px; display: flex; justify-content: space-between;
    }
    .quick-btn { width:31px; padding-top:700px; }
    .quick-inner { 
        width:240px; background-color: #ffffff;
       
    }


/* 아카데미 */

        /*아카데미소개 */
        .academy-wrap { width:100%; height:735px; display: flex; justify-content: center; background-color: #efefef; }
        .academy-bg { width:1280px; height:735px; display: flex; justify-content:center; flex-direction: column;}

        .academy-title { width:100%; height:100%; display: flex; justify-content: center;  flex-direction: column;  height:250px;}
        .academy-main-title { display: flex; justify-content: center;  align-items: flex-start; font-size: 20px; font-size: bold;}
        .academy-sub-title { display: flex; justify-content: center; font-size: 12px;}


        .academy-box-inner { width:100%; height:100%; display: flex; justify-content: center; padding-top:50px;}
        .academy-box { width:80%; display: flex; justify-content: center;} 
        .academy-box li { width:100%; padding:20px; display: flex; justify-content: center; }

        .academy-box-item-wrap { width:500px; height:600px;}

        .academy-box-item {  width:100%; height:100%; background-color: #ffffff;  border-radius: 5px; display: flex; justify-content: center; flex-wrap: wrap;}

        .academy-box-item-1-1 { width:80%; height:90px; background-color: #213c4e; border-radius: 5px; color:#ffffff; font-size: 30px;  
        display: flex; justify-content: center; align-items: center;}

        .academy-box-item-1-2 { width:80%; height:90px; background-color: #ab8025; border-radius: 5px; color:#ffffff; font-size: 30px;  
            display: flex; justify-content: center; align-items: center;}  
        .academy-box-item-2 { width:80%; height:70px; font-size: 20px; display: flex; justify-content: center; align-items: center;}
        .academy-box-item-3 { width:80%; height:30px; font-size: 12px; display: flex; justify-content: center; align-items: center;}
        .academy-box-item-4 { width:80%; height:50px; font-size: 25px;  display: flex; justify-content: center; align-items: center; color:#3d2c30;}
        .academy-box-item-5 { width:80%; height:50px; font-size: 30px; font-weight: bold; display: flex; justify-content: center; align-items: center; color:#f9661e; }
        .academy-box-item-6 { width:40%; height:70px; font-size: 15px;  display: flex; justify-content: center; align-items: flex-end;}

        .academy-box-item-7 { width:80%; height:10px; display: flex; justify-content: center; align-items: center; border-bottom:1px solid rgba(0,0,0,0.1) ;}

        .btn-reg { width:200px; height:30px; background-color: #1b1b1b; color:#ffffff; display: flex; justify-content: center; align-items: center;}

         
/* 링크 */
.link-wrap {width:100%; height:180px; display: flex; justify-content: center;}
.link-inner { width:100%; height:168px; display: flex; justify-content:center; align-items: center; border-bottom:1px solid rgba(0,0,0,0.1); }
.link-inner-list { width:35%; display: flex; justify-content:space-between;}


.link-item-list1 li{ display: flex; justify-content: center;}
.link-item-list1 li:nth-child(1){ font-size: 50px;}
.link-item-list1 li:nth-child(2){ font-size: 20px; color:#575656;}

.link-item-list2 li{ display: flex; justify-content: center;}
.link-item-list2 li:nth-child(1){ font-size: 50px;}
.link-item-list2 li:nth-child(2){ font-size: 20px; color:#575656;}

.link-item-list3 li{ display: flex; justify-content: center;}
.link-item-list3 li:nth-child(1){ font-size: 20px; color:#575656;}
.link-item-list3 li:nth-child(2){ font-size: 40px; font-weight: bold; color: #36141d;}

        /* 원장님소개 */
        .introduce-wrap {width:100%; height:1632px; display: flex; justify-content: center;}
        .introduce-inner { width:100%; height:100%; display: flex; justify-content:center; align-items: center;}


        /* 연혁 */
        .story-wrap {width:100%; height:778px; display: flex; justify-content: center;}
        .story-inner { width:1100px; height:100%; display: flex; justify-content:center; align-items: center;}


        /* 조직도 */
        .org-wrap {width:100%; height:940px; display: flex; justify-content: center;}
        .org-inner { width:1100px; height:100%; display: flex; justify-content:center; align-items: center;}


        /* 전화 */
        .call-wrap {width:100%; height:153px; display: flex; justify-content: center; border-bottom: rgba(0,0,0,0.1); border-top: rgba(0,0,0,0.1); padding:10px 0px;}
        .call-inner { width:1100px; height:100%; display: flex; justify-content:center; align-items: center;}


        /* 노하우 */
        .knowhow-wrap {width:100%; height:1823px; display: flex; justify-content: center; border-bottom: rgba(0,0,0,0.1); border-top: rgba(0,0,0,0.1); padding:10px 0px;}
        .knowhow-inner { width:100%; height:100%; display: flex; justify-content:center; align-items: center;}


        /* no1 */
        .no1-wrap {width:100%; height:1310px; display: flex; justify-content: center; border-bottom: rgba(0,0,0,0.1); border-top: rgba(0,0,0,0.1); padding:10px 0px;}
        .no1-inner { width:100%; height:100%; display: flex; justify-content:center; align-items: center;}


/* 교육과정 */

        /* 1 */
        .study-1-wrap {width:100%; height:1122px; display: flex; justify-content: center;}
        .study-1-inner { width:100%; height:100%; display: flex; justify-content:center; align-items: center;}


         /* 2 */
         .study-2-wrap {width:100%; height:954; display: flex; justify-content: center;}
         .study-2-inner { width:100%; height:100%; display: flex; justify-content:center; align-items: center;}


          /* 1 */
        .study-1-wrap {width:100%; height:1678; display: flex; justify-content: center;}
        .study-1-inner { width:100%; height:100%; display: flex; justify-content:center; align-items: center;}


         /* 1 */
         .study-1-wrap {width:100%; height:804; display: flex; justify-content: center;}
         .study-1-inner { width:100%; height:100%; display: flex; justify-content:center; align-items: center;}


/* 동영상강의 */

        /* 1 */
        .vedio-1-wrap {width:100%; height:1013; display: flex; justify-content: center;}
        .vedio-1-inner { width:100%; height:100%; display: flex; justify-content:center; align-items: center;}



         /* 2 */
         .vedio-2-wrap {width:100%; height:245; display: flex; justify-content: center;}
         .vedio-2-inner { width:100%; height:100%; display: flex; justify-content:center; align-items: center;}


         

         
        /* 온라인 쾌유강의 */
        .cam-wrap { width:100%; height:100%; display: flex; justify-content: center; }
        .cam-inner { width:100%; height:100%; display: flex; justify-content:center; flex-direction: column;}
        .cam-title { display: flex; justify-content:center; padding:20px 0px;}
        .cam-title-list ul{ width:100%; display: flex; justify-content:center;} 
        .cam-title-list li { display:flex; justify-content: center;}
        .cam-title-list li:nth-child(1) { color:#cccccc;}
        .cam-title-list li:nth-child(2) { font-size:30px; color:#000000;}
        .txt-cam-1 { font-size: 30px; color:#3a3a3a;}
        .txt-cam-2 { font-size: 30px; font-weight: bold; color:#000000;}

        .cam-data { width:100%; height:400px; display: flex; justify-content:center; align-items: center; background-color: rgba(0,0,0,0.9);}



         /* 온라인 쾌유강의 
        .cam-wrap { width:100%; height:924px; display: flex; justify-content: center; background-color:  rgba(0,0,0,0.9);}
        .cam-inner { width:1280px; height:100%; display: flex; justify-content:center; flex-direction: column;}
        .cam-title { display: flex; justify-content:center; padding-top:107px; padding-bottom:55px; }
        .cam-title-list ul{ width:100%; display: flex; justify-content:center;} 
        .cam-title-list li { display:flex; justify-content: center;}
        .cam-title-list li:nth-child(1) { color:#cccccc;}
        .cam-title-list li:nth-child(2) { font-size:30px; background-color:  rgba(0,0,0,0.9);}
        .txt-cam-1 { font-size: 30px; color:#ffffff;}
        .txt-cam-2 { font-size: 30px; font-weight: bold; color:#ffffff;}

        .cam-data { width:1280px; height:650px; display: flex; justify-content:center; align-items: center; background-color:  rgba(0,0,0,0.9);}
         */

         /* 4 */
         .vedio4-wrap {width:100%; height:245; display: flex; justify-content: center;}
         .vedio4-inner { width:1280px; height:100%; display: flex; justify-content:center; align-items: center;}
         .vedio-list{
                display:flex;
                flex-wrap: wrap;
                justify-content:center;
                padding:24px;
          } 
            
          .vedio-item{
                 width:250px;
                 height:180px;
                 margin: 8px;
                 border-radius: 5px;
           }



          /* 1 */
        .vedio-1-wrap {width:100%; height:805; display: flex; justify-content: center;}nav-list
        .vedio-1-inner { width:100%; height:100%; display: flex; justify-content:center; align-items: center;}


         /* 1 */
         .study-1-wrap {width:100%; height:1223; display: flex; justify-content: center;}
         .study-1-inner { width:100%; height:100%; display: flex; justify-content:center; align-items: center;}

         /* 스터디 */
        .studyjob-wrap { width:100%; display: flex; justify-content: center; padding-top:100px; }
        .studyjob-inner { width:100%; height:404px; display: flex; justify-content:center; }
        .studyjob-data {
        width:100%; height:404px; background-size: cover; 
        background-position: center; box-sizing: border-box; 
        background-image: url("/one/views/assets/images/main/studyjob.png");
        display: flex; justify-content:center;
        }


/* 수강후기 */

        /* 1 */
        .review-1-wrap {width:100%; height:288; display: flex; justify-content: center;}
        .review-1-inner { width:100%; height:100%; display: flex; justify-content:center; align-items: center;}
        
        
        /* 1 */
        .review-2-wrap {width:100%; display: flex; justify-content: center;}
        .review-2-inner { width:1280px;  height:500px; display: flex; justify-content:center; align-items: center; border: 1px solid red;}


        /* 1 */
        .review-3-wrap { width:100%; height:616; display: flex; justify-content: center; background-color: #f5f5f5;}
        .review-3-inner { width:1280px; height:100%; display: flex; justify-content:center; align-items: center; flex-wrap: wrap; background-color: #f5f5f5;}
        .review3-title { width:100%; height:80px; font-size: 25px; display: flex; justify-content: center; align-items: center; }
        .swiper-container {
                width: 100%;
                height: 100%;
                padding:8px 8px;
                background-color: #f5f5f5;
                display: flex; justify-content: center;
              }

                .swiper-slide {
                    width:180px;
                    height:500px;    
                    text-align: center;
                    font-size: 18px;
                    background: #fff;
                    padding:8px 8px;
                    background-color: #f5f5f5;

                }

                .review-item { 
                    width:100%; height:80%; 
                    display: flex;
                    justify-content: flex-start;
                    background-color: #ffffff; 
                    padding:8px 8px;
                }
                .review-item-list li{ text-align:left;}
                .review-item-list li:nth-child(1){ text-align:left; font-size: 25px; height:80px;}
                .review-item-list li:nth-child(2){ text-align:left; font-size: 15px; height:300px;}
                .review-item-list li:nth-child(3){ text-align:left; font-size: 12px;}



/* 수강신천  */

        /*스터디 */
        .bk-study-wrap { width:100%;  display: flex; justify-content: center; background-color: #f5f5f5;}
        .bk-study-bg { width:1280px;  display: flex; justify-content:center; flex-direction: column;}

        .bk-study-title { width:100%; height:100%; display: flex; justify-content: center;  flex-direction: column;  height:150px;}
        .bk-study-main-title { display: flex; justify-content: center;  align-items: flex-start; font-size: 20px; font-size: bold;}
        .bk-study-sub-title { display: flex; justify-content: center; font-size: 12px;}


        .bk-study-box-inner { width:1280px; display: flex; justify-content: center; }

        .bk-study-box-item-wrap { width:1280px;  display: flex; justify-content:center; flex-wrap: wrap;  padding-bottom:50px;}
        .bk-study-box-item-wrap-1 {
                width:950px; height:270px; background-size: cover; 
                background-position: center; box-sizing: border-box; 
                background-image: url("/one/views/assets/images/booking/booking-box-bg-1.png");
                display: flex; justify-content:center;
        }

        .bk-study-box-item-wrap-2 {
                width:950px; height:270px; background-size: cover; 
                background-position: center; box-sizing: border-box; 
                background-image: url("/one/views/assets/images/booking/booking-box-bg-2.png");
                display: flex; justify-content:center;
        }

        .bk-study-box-item-wrap-3 {
                width:950px; height:270px; background-size: cover; 
                background-position: center; box-sizing: border-box; 
                background-image: url("/one/views/assets/images/booking/booking-box-bg-3.png");
                display: flex; justify-content:center;
        }

/* 회원가입 */
.joinsns-wrap { width:100%;  display:flex; justify-content:center;}
.joinsns-inner { width:1280px; display:flex; justify-content:center; padding:50px;}
.jointitle { font-size:25px; display:flex; padding-top:20px; padding-bottom:20px;}



/* 카카오톡, 공지사항, SNS */
.contact-wrap { width:100%; display: flex; justify-content: center; }
.contact-inner { width:1280px; height:440px; display: flex; justify-content: space-between; align-items: center; }
.talk-inner { width:390px; height:280px; display: flex; border: 1px solid #cccccc; padding:20px 20px;}

.customer-footer li:nth-child(1){ width:90%;}

.call-footer { width:100%; display: flex; justify-content: center;}
.call-footer li:nth-child(1){ width:100%; font-size: 25px; font-weight: bold; color:#511e2d; display: flex; justify-content: center;align-items: center; }
.call-footer li:nth-child(2){font-size: 35px; font-weight: bold; color:#e3541a;  display: flex; justify-content: center; align-items: center;}


.footer-qa { width:100%; padding-top:50px; display: flex; justify-content: space-between;}
.one-qa { width:150px; height:40px; display: flex; justify-content:center ; border: 1px solid rgba(0,0,0,0.1);}
.day-qa { width:150px; height:40px; display: flex; justify-content:center ; border: 1px solid rgba(0,0,0,0.1);}

.notice-inner { width:390px; height:280px; display: flex;  border: 1px solid  #cccccc; padding:20px 20px;}
.notice-footer-title{ font-size: 30px; font-weight: bold;}

.sns-inner { width:300px; height:280px; display: flex; justify-content: center; flex-wrap: wrap;  align-items: center;    padding:20px 20px;}
.sns-item { width:100%; display: flex; justify-content: center; align-items: center;}



/* 하단메뉴 */
.footer-wrap { width:100%; display: flex; justify-content: center;  background-color:#491d2a;}
.footer-container { width:1280px; height:43px;}
.footer-inner { width:100%; height:43px; display: flex; justify-content:center; align-items: center; }

/*하단목록 */
.footer-list { width:100%; height:100%; display: flex; justify-content: center; align-items: center; color:#ffffff;  }
.footer-list li { width:150px; height:100%; display: flex; justify-content: center; align-items: center;}




/* 하단 로고및 주소 */
.footer-info-wrap { width:100%; display: flex; justify-content: center; }
.footer-info-inner { width:1280px; height:140px; display: flex; justify-content: space-between; align-items: center; padding-top:50px; }
.footer-logo { width:30%; display: flex; align-items: center; }
.footer-data { width:70%; display: flex; align-items: center; color:#555454;}