.wrap { width:100%; height:100%;}
.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;}
.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);}

  /* 슬라이드 비주얼 영역  */
.main-slider{ width:100%; height:536px; } 
.swiper-container { width: 100%; height:100%; }
.sl-style{ background-size: cover; background-position: center; box-sizing: border-box; display: flex; justify-content: center; align-items: center; position: relative; }
.sl-1{ background-image: url("/one/views/assets/images/slider/main_rolling_banner-01.jpg");}
.sl-2{ background-image: url("/one/views/assets/images/slider/main_rolling_banner-02.jpg");  }
.sl-3{ background-image: url("/one/views/assets/images/slider/main_rolling_banner-03.jpg");  }
.sl-4{ background-image: url("/one/views/assets/images/slider/main_rolling_banner-04.jpg");  }
.sl-5{ background-image: url("/one/views/assets/images/slider/main_rolling_banner-05.jpg");  }

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



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

 /*스터디 */
.study-wrap { width:100%; height:735px; display: flex; justify-content: center; background-color: #efefef; center; background-image: url("/one/views/assets/images/main/study-bg.jpg");}
.study-bg { width:1280px; height:735px; display: flex; justify-content:center; flex-direction: column;}

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


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

.study-box-item-wrap { width:330px; height:415px;}

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

.study-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;}

.study-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;}  
.study-box-item-2 { width:80%; height:70px; font-size: 20px; display: flex; justify-content: center; align-items: center;}
.study-box-item-3 { width:80%; height:30px; font-size: 12px; display: flex; justify-content: center; align-items: center;}
.study-box-item-4 { width:80%; height:50px; font-size: 25px;  display: flex; justify-content: center; align-items: center; color:#3d2c30;}
.study-box-item-5 { width:80%; height:50px; font-size: 25px; font-weight: bold; display: flex; justify-content: center; align-items: center; color:#f9661e; }
.study-box-item-6 { width:40%; height:70px; font-size: 15px;  display: flex; justify-content: center; align-items: flex-end;}

.study-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;}


/* 26년 */
.sys-wrap {width:100%; height:256px; display: flex; justify-content: center; background-color: #36141d;}
.sys-inner { width:100%; height:256px; display: flex; justify-content:center; align-items: center; border-bottom:1px solid rgba(0,0,0,0.1); }
.sys-inner-list { width:45%; display: flex; justify-content:space-between;}

.sys-inner-item-list1 li{ display: flex; justify-content: center; padding:2px 0px;}
.sys-inner-item-list1 li:nth-child(1){ font-size: 30px; color:#d9b68e;}
.sys-inner-item-list1 li:nth-child(2){ font-size: 30px; font-weight: bold; color:#ffd9a8;}
.sys-inner-item-list1 li:nth-child(3){ font-size: 15px; color:#f5f5f5; padding-top:10px;}
.sys-inner-item-list1 li:nth-child(4){ font-size: 15px; color:#f5f5f5;}


.sys-inner-item-list2 li{ display: flex; justify-content: center; padding:2px 0px;}
.sys-inner-item-list2 li:nth-child(1){ font-size: 40px; font-weight: bold; color:#ffb449;}
.sys-inner-item-list2 li:nth-child(2){ font-size: 15px; color:#ffb449;  padding-top:10px;}
.sys-inner-item-list2 li:nth-child(3){ font-size: 15px; color:#ffb449;}
.sys-inner-item-list2 li:nth-child(4){ font-size: 15px; color:#ffb449;}

.txx-wrap { display: flex; justify-content:space-between; align-items: center;}
.txt-26-1 { display: flex; align-items: flex-end;  height:60px; font-size: 60px; font-weight: bold; color:#ffb449; padding-right:20px;}
.txt-26-2 { display: flex; align-items: center;   height:50px; font-size: 30px; font-weight: bold; color:#fdd398;}

/* 온라인 쾌유강의 */
.cam-wrap { width:100%; height:924px; display: flex; justify-content: center; }
.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; color:#000000;}
.txt-cam-1 { font-size: 30px; color:#3a3a3a;}
.txt-cam-2 { font-size: 30px; font-weight: bold; color:#000000;}

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

/* 수강후기 */
.review-wrap {width:100%; height:576px; display: flex; justify-content: center; background-color:  rgba(0,0,0,0.1);}    
.review-inner { width:1280px; display: flex; justify-content:center; flex-direction: column;} 

.review-title-inner { width:100%; display: flex; justify-content:center; border:3px solid red;}
.review-title-txt-1 {
    width:56px; height:53px; background-size: cover; 
    background-position: center; box-sizing: border-box; 
    background-image: url("/one/views/assets/images/main/icon-talk.png");
} 
.review-title-txt-2 {font-size:35px; color:#000000;} 
.review-title-txt-3 {font-size:35px; font-weight: bold; color:#000000;}  


.review-more { width:100%; display: flex; justify-content: flex-end; height:50px; font-size: 20px;}
.review-more-txt-1 {font-size:20px; color:#7c7a7a;} 
.review-more-txt-2 {font-size:20px; color:#000000;} 

.review-box-inner {width:100%; display: flex; }
.review-box-list { width:100%; display: flex; justify-content: center;} 
.review-box-list li { padding:10px 30px; display: flex; justify-content: center;}

.review-item-box { width:315px; height: 260px; padding:20px 20px; display: flex; justify-content: center; flex-direction: column; background-color: #ffffff; border-bottom:1px solid rgba(0,0,0,0.1);}
.review-txt-1 { height:100px; font-size:25px; overflow: hidden;}
.review-txt-2 { height:150px; font-size:17px; overflow: hidden; color: #555454;}
.review-txt-3 { height:20px; font-size:12px; overflow: hidden; color: #cccccc;}


/* 취업배너 */
.jop-banner-wrap { width:100%; height:890px; display: flex; justify-content: center; background-color:#ffbc3b; }
.jop-banner-inner { width:1280px; height:890px; display: flex; justify-content:center;} 
.jon-banner-data {
    width:1280; height:890px; background-size: cover; 
    background-position: center; box-sizing: border-box; 
    background-image: url("/one/views/assets/images/main/job-banner-1.png");
}


/* 워크앤잡 */
.workjop-wrap { width:100%; display: flex; justify-content: center;  }
.workjop-inner { width:1280px;  display: flex; justify-content:center;  flex-direction: column; }
.workjob-title-inner { width:100%; display: flex; justify-content: space-between; align-items: center; padding-top:50px;}
.workjob-title-inner li:nth-child(2) { font-size: 30px; font-weight: bold;}
.workjob-title-inner li:nth-child(3) { display: flex; align-items: flex-end;}


.jobarea { height:115px; border: 1px solid #cccccc; display: flex; justify-content: center; flex-direction: column;  margin-top:50px; }
.jobarea-title { display: flex; justify-content: center; font-size: 25px; padding:10px 0px;}
.jobarea-list-inner {  display: flex; justify-content: center; }
.jobarea-list { width:100%; display: flex; justify-content: center; }
.jobarea-list li { margin:10px 10px;}


.jobshop-inner { width:1280px;  display: flex; padding-top: 50px; }
.jobshop-list { width:1280px; display:flex;  flex-wrap: wrap;}
.jobshop-list li { width:400px; margin: 12px;}
.jobshop { width:350px; height:223px; border:1px solid #cccccc; flex-direction: column;}

.jobshop-1 { display: flex; margin:10px 10px;}
.shopimg { width:100px; height:102px; display:flex; justify-content: center;}
.shopinfo { width:300px; height:102px;  display:flex; justify-content: center;}
.shopinfo-list li:nth-child(1) { font-size: 20px; }
.shopinfo-list li:nth-child(2) { font-size:12px; width:280px; display:flex; flex-wrap: wrap; overflow: hidden;}

.jobshop-2 { display: flex; background-color: rgba(0,0,0,0.1);}
.shopinfo-pay { display: flex; }

.shopinfo-pay li:nth-child(1){ width:50px; height:20px; display: flex; justify-content: center; align-items: center; background-color: rgba(73, 83, 33, 0.5); color:#ffffff; font-size: 12px;}
.shopinfo-pay li:nth-child(2){ font-size: 15px; font-weight: bold;} 


/* 스터디 */
.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;
}



/* 오시는길 */
.map-container{  width:100%; display: flex; justify-content: center; }
.map-container .map-wrapper{ width:1800px; height:700px; display: flex; justify-content: center; flex-wrap: wrap;}
.map-title{ display: flex; justify-content: center; align-items: center; margin:30px 30px; font-size:30px; font-weight: bold; }
.map-data{ width:100%; height:100%;}




/* 카카오톡, 공지사항, 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;}