.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:100%; 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:100%; 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;}


.top-logo-wrap { width:100%;}
.top-loto-inner { width:100%; display: flex;}
.top-logo { width:100%; height:100px; display: flex; justify-content: center; align-items: center; }
.top-banner { width:40%;}
.top-workjob { width:100px; height:100px; display: flex; justify-content: center; align-items: center; }


/* 메뉴 */
.nav-wrap {width:100%; display: flex; justify-content: center; background-color:#491d2a;}
.nav-inner { width:100%; 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:22%; height:100%; display: flex; justify-content: center; align-items: center;}
.nav-list li:nth-child(1) { width:40px; 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:100%; } 
.swiper-container { width: 100%; height:245px;}
.sl-style{ background-size: cover;  box-sizing: border-box;  }
.sl-1{ background-image: url("/m/views/assets/images/slider/main_rolling_banner-01.png");}
.sl-2{ background-image: url("/m/views/assets/images/slider/main_rolling_banner-02.png");  }
.sl-3{ background-image: url("/m/views/assets/images/slider/main_rolling_banner-03.png");  }
.sl-4{ background-image: url("/m/views/assets/images/slider/main_rolling_banner-04.png");  }

/* 슬라이드 텍스트영역 */
.slider-text-area{ width:100%; display: flex; flex-direction: column; text-align: center;  }
.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:900px; }
.quick-inner { 
    width:240px; height:1090px; background-size: cover; 
    background-position: center; box-sizing: border-box; 
    background-image: url("/one/views/assets/images/quick/right-guick-bg.png");
}

 /*스터디 */
.study-wrap { width:100%; display: flex; justify-content: center; background-color: #efefef; padding-top:30px;}
.study-box-inner { width:100%; height:100%; display: flex; justify-content: center; }
.study-box { width:100%; display: flex; justify-content: space-between;} 
.study-box li { width:100%; display: flex; justify-content: center; }

.study-box-item-wrap { width:90%; height:100%;}
.study-box-item {  width:100%; height:280px; background-color: #ffffff;  border-radius: 5px; display: flex; justify-content: center; flex-wrap: wrap;}
.study-box-item-1-1 { width:80%; height:30px; background-color: #213c4e; border-radius: 5px; color:#ffffff; font-size: 20px;  
  display: flex; justify-content: center; align-items: center;}
.study-box-item-1-2 { width:80%; height:30px; background-color: #ab8025; border-radius: 5px; color:#ffffff; font-size: 20px;  
    display: flex; justify-content: center; align-items: center;}  
.study-box-item-2 { width:80%; height:20px; font-size: 15px; display: flex; justify-content: center; align-items: center;}
.study-box-item-3 { width:80%; height:20px; font-size: 11px; color:#1b1b1b; display: flex; justify-content: center; align-items: center;}
.study-box-item-4 { width:80%; height:20px; font-size: 15px;  display: flex; justify-content: center; align-items: center; color:#3d2c30;}
.study-box-item-5 { width:80%; height:20px; font-size: 15px; font-weight: bold; display: flex; justify-content: center; align-items: center; color:#f9661e; }
.study-box-item-6 { width:40%; height:20px; font-size: 15px;  display: flex; justify-content: center; align-items: flex-end;}

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

.btn-reg { width:100%; height:20px; 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:95%; display: flex; justify-content:space-between;}


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

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

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


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


/* 온라인 쾌유강의 */
.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);}

/* 수강후기 */
.review-wrap {width:100%; height:576px; display: flex; justify-content: center; background-color:  rgba(0,0,0,0.1);}    
.review-inner { width:100%; 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:25px; color:#000000;} 
.review-title-txt-3 {font-size:25px; 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 5px; display: flex; justify-content: center;}

.review-item-box { width:100%; 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;}




/* 공동창업 */
.quick-banner-wrap { width:100%; display: flex; justify-content: center; background-color: #efefef; padding-top:30px;}
.quick-banner-box-inner { width:100%; height:100%; display: flex; justify-content: center; }
.quick-box-banner { width:100%; display: flex; justify-content: space-between;} 
.quick-box-banner li { width:100%; display: flex; justify-content: center; }

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


/* 워크앤잡 */
.workjop-wrap { width:100%; display: flex; justify-content: center;  }
.workjop-inner { width:100%;  display: flex; justify-content:center;  flex-direction: column; }
.workjob-title-inner { width:100%; display: flex; flex-direction: column; align-items: center; padding-top:50px;}
}


.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; flex-wrap: wrap;}
.jobarea-list li { margin:5px 5px;}


.jobshop-inner { width:100%;  display: flex; padding-top: 50px; }
.jobshop-list { width:100%; display:flex;  flex-wrap: wrap;}
.jobshop-list li { width:100%; margin: 0px;}
.jobshop { width:100%; 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:100%; height:102px;  display:flex; justify-content: center; padding-left:10px;}
.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); padding-left:10px;}
.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:304px; display: flex; justify-content:center; }
.studyjob-data {
  width:100%; height:304px; background-size: cover; 
  background-position: center; box-sizing: border-box; 
  background-image: url("/m/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:100%; height:300px; display: flex; justify-content: center; flex-wrap: wrap;}
.map-title{ display: flex; justify-content: center; align-items: center; margin:10px 30px; font-size:20px; font-weight: bold; }
.map-data{ width:100%; height:100%;}




/* 카카오톡, 공지사항, SNS */
.contact-wrap { width:100%; display: flex; justify-content: center; }
.contact-inner { width:100%; height:100%; padding-top:50px;}
.talk-inner { width:100%; height:100%; display: flex; justify-content: center; border: 1px solid #cccccc; padding-top:20px;}

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

.call-footer { width:100%; display: flex; justify-content: center;}
.call-footer li:nth-child(1){ width:100%; font-size: 15px; font-weight: bold; color:#511e2d; display: flex; justify-content: center;align-items: center; }
.call-footer li:nth-child(2){font-size: 25px; 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:100%; height:40px; display: flex; justify-content:center ; border: 1px solid rgba(0,0,0,0.1);}
.day-qa { width:100%; height:40px; display: flex; justify-content:center ; border: 1px solid rgba(0,0,0,0.1);}

.notice-inner { width:100%; height:180px; display: flex;  border: 1px solid  #cccccc; padding:20px 0px;}
.notice-footer-title{ width:100%; font-size: 20px; font-weight: bold; padding-left:10px;}

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





/* 서브 공통 */

/* 슬라이드 비주얼 영역  */
  .sub-slider{ width:100%; height:100%; } 
  .sub-container { width: 100%; height:245px;}
  .sl-style{ background-size: cover;  box-sizing: border-box;  }
  .sub-sl-1{ background-image: url("/m/views/assets/images/visual/sub_visual_1_1.png");}
  .sub-sl-2{ background-image: url("/m/views/assets/images/visual/sub_visual_1_2.png");}
  .sub-sl-3{ background-image: url("/m/views/assets/images/visual/sub_visual_1_3.png");}
  .sub-sl-4{ background-image: url("/m/views/assets/images/visual/sub_visual_1_4.png");}
  .sub-sl-5{ background-image: url("/m/views/assets/images/visual/sub_visual_1_5.png");}
  .sub-sl-6{ background-image: url("/m/views/assets/images/visual/sub_visual_1_6.png");}

/*서브컨텐츠*/
.sub-banner-wrap { width:100%; height:100%;  display: flex; justify-content: center; flex-wrap: wrap;} 
.itme-banner { width:100%; display: flex; justify-content: center;}

.sub-wrap { width:100%;}
.sub-container2 {width:100%; height:100%;}
.sub-sl-1-1{ background-image: url("/m/views/assets/images/academy/academy-cnt-1.png");}
.sub-sl-1-2{ background-image: url("/m/views/assets/images/academy/academy-profile.png");}
.sub-sl-1-3{ background-image: url("/m/views/assets/images/academy/academy-history.png");}
.sub-sl-1-4{ background-image: url("/m/views/assets/images/academy/academy-org.png");}
.sub-sl-1-5{ background-image: url("/m/views/assets/images/academy/academy-call.png");}
.sub-sl-1-6{ background-image: url("/m/views/assets/images/academy/academy-copy-1.png");}
.sub-sl-1-7{ background-image: url("/m/views/assets/images/academy/academy-copy-2.png");}
.sub-sl-1-8{ background-image: url("/m/views/assets/images/academy/academy-title-1.png");}
.sub-sl-1-9{ background-image: url("/m/views/assets/images/academy/academy-title-2.png");}

/* 하단메뉴 */
.footer-wrap { width:100%; display: flex; justify-content: center;  background-color:#491d2a;}
.footer-container { width:100%; 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:33%; height:100%; display: flex; justify-content: center; align-items: center;}




/* 하단 로고및 주소 */
.footer-info-wrap { width:100%; display: flex; justify-content: center; }
.footer-info-inner { width:100%; height:100%; display: flex; align-items: center; flex-direction: column;   padding-top:20px; }
.footer-logo { width:100%; display:flex; align-items: center; }
.footer-data { width:90%; display:flex; align-items: center; color:#555454; padding-left:10px;}