/*************** 내용 공통 ***************/
.t_center{ text-align:center !important;}

/*준비중*/
.ready{ display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 30px;}
.ready img{ width: 70px; opacity: .3;}
.ready p{ font-size: 20px; color: #333; text-align: center; margin-top: 30px;}
.ready strong{ font-weight: normal; color:#a5ad96;}
.ready span{ color: #aaa; display: block;}
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
  .ready p{ font-size: 13px;}
  .ready span{ font-size: 16px;}
}

/*테이블 - 가로스크롤*/
.row-horizon { position:relative; width:100%; overflow-x: hidden; overflow-y: hidden;}
.tbl_blur{ display: none;}
.tbl_scroll{ display: none;}
/*테이블*/
.tbl table{ width:100%; border-top:1px solid #444; text-align:center;}
.tbl caption{ font-size: 0px; height: 0px;}
.tbl thead tr th{ padding:15px 10px; border-bottom:1px solid #444; border-left-color:#fff; font-size: 1.3rem; width: 13%;}
.tbl tbody tr th{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 1.4rem;}
.tbl tbody tr td{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 1.4rem;}
.tbl tbody tr:nth-child(odd) td{ background-color: #f9f9f9;}

/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .ready{ font-size:1.5rem; }
  .ready p{ font-size: 15px;}
  .img2 img{ width:100%;}
  .table_wrap{ position: relative;}
  .tbl_blur{ display: block; position:absolute; top:0px; right:0; width:40px; height:100%; background:url(../img/common/tbl_blur.png) repeat-y right top; z-index:10;}
  .row-horizon {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;float: none; width: 100%;}
  .tbl_scroll{ display: block; font-size:12px; line-height: 12px; color:#888; margin-bottom:10px; padding-left: 5px;}
  .tbl table{ line-height: 1.4rem;}
  .tbl thead tr th{ padding:8px 20px; font-size: 1rem;}
  .tbl tbody tr th{ padding:10px 20px; font-size: 1rem;}
  .tbl tbody tr td{ padding:10px 20px; font-size: 1rem; }
}
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
}



/*************** 서브 상단비주얼 ***************/
.svisual{ width:96%; margin: 0 auto; height:225px; background-repeat: no-repeat; background-size: cover; background-position: center top; position: relative; border-radius: 25px; overflow: hidden; box-shadow: 10px 10px 15px rgba(0,0,0,.1);}
.svisual::after{ display: block; content: ""; width: 100%; height: 225px; background-color: rgba(91,96,81,.7); position: absolute; top: 0px; left: 0px; z-index: 1;}
.sv01{ background-image: url(../img/sub/svisual01.jpg);}
.sv02{ background-image: url(../img/sub/svisual02.jpg);}
.sv03{ background-image: url(../img/sub/svisual03.jpg);}
.sv04{ background-image: url(../img/sub/svisual04.jpg);}
.sv05{ background-image: url(../img/sub/svisual05.jpg);}
.sv06{ background-image: url(../img/sub/svisual06.jpg);}
.sv07{ background-image: url(../img/sub/svisual07.jpg);}
.sv08{ background-image: url(../img/sub/svisual08.jpg);}
.sv09{ background-image: url(../img/sub/svisual09.jpg);}
.svisual .sv_tit{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 2;}
.svisual .sv_tit p{ font-size: 12px; color:#fff; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 5px; }
.svisual .sv_tit h1{ font-family: 'NanumBarunGothicBold'; font-size: 30px; color:#fff; letter-spacing: 1.5px;}
.sv_n{ background-color: #c9d5b9; height: 125px; position: relative;}
.sv_n .sv_tit{ position: absolute; top: 20px; left: 50%; margin-left: -730px;}
.sv_n .sv_tit p{ font-size: 12px; color:#6c8052; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 5px; display: none;}
.sv_n .sv_tit h1{ font-family: 'NanumBarunGothicBold'; font-size: 30px; color:#6c8052; letter-spacing: 1.5px;}

/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .sv_n .sv_tit{ margin-left: 0px; left: 10%;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .svisual{ height:150px; border-radius: 20px;}
  .svisual::after{ height: 150px;}
  .svisual .sv_tit p{ font-size: 11px;}
  .svisual .sv_tit h1{ font-size: 22px;}
  .sv_n .sv_tit p{ font-size: 11px; }
  .sv_n .sv_tit h1{ font-size: 22px;}
    }
/*모바일 : 480px ~ 767px */
@media screen and (max-width:767px) {
  .svisual{ height:100px; border-radius: 10px; box-shadow: 6px 6px 15px rgba(0,0,0,.1);}
  .svisual::after{ height: 100px;}
  .svisual .sv_tit p{ font-size: 9px;}
  .svisual .sv_tit h1{ font-size: 18px;}
  .sv_n{ height: 80px;}
  .sv_n .sv_tit{ top: 55px; left: 9%;}
  .sv_n .sv_tit p{ font-size: 9px; }
  .sv_n .sv_tit h1{ font-size: 18px;}
}

/*************** 서브메뉴 ***************/
.smenu_box{ padding: 30px 0; margin-bottom: 150px;}
.smenu_box .smenu ul{ display:flex; align-items: center; justify-content: center;}
.smenu_box .smenu ul li { text-align: center; margin: 0 25px;}
.smenu_box .smenu ul li a{ display:block; font-size:15px; color:#656a5f; padding: 0 7px; position:relative;}
.smenu_box .smenu ul li a:hover{ color:#6c8052;}
.smenu_box .smenu ul li a.menu_on{ color:#6c8052; position:relative;}
.smenu_box .smenu ul li a.menu_on::after{ display: block; content: ""; width: 100%; height: 1px; background-color: #6c8052; position: absolute; bottom: -3px; left: 0px;}
.select_2depth{ display: none;}  

/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .smenu_box{ padding: 20px 0; margin-bottom: 40px;}
  .smenu_box .smenu ul li { margin: 0 10px;}
  .smenu_box .smenu ul li a{ font-size: 14px; }
}
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
  .smenu_box{ width: 95%; margin: 0 auto 60px auto; overflow: hidden;}
  .smenu_box .smenu { width: 100%; overflow-x: scroll; padding: 0 0 8px 0;}
  .smenu_box .smenu ul{ width: 160%; justify-content:flex-start;}
  .smenu_box .smenu ul li { margin: 0 15px 0 0;}
  .smenu_box .smenu ul li a{ padding: 0 5px;}


}


/*************** 내용작업 ***************/

/*인사말*/
.grt{ margin-bottom: 200px;}
.grt h1{ font-size: 25px; text-align: center; line-height: 1.5; color: #92a078; margin-bottom: 20px;}
.grt p{ font-family: 'NanumBareunGothicLight'; font-size: 15px; color: #666; text-align: center; line-height: 1.8; margin-bottom: 60px;}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .grt{ margin-bottom: 100px;}
  .grt h1{ font-size: 22px;}
  .grt p{ font-size: 14px;}
}
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
  .grt h1{ font-size: 17px; margin-bottom: 10px;}
  .grt p{ font-size: 13px; margin-bottom: 40px;}
}

/*오시는 길*/
.map_box{ width: 1000px; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.map_box div{ width: 50%; height: 500px;}
.map_box div:first-child{ background-color: #eaecdd; padding: 120px 70px;}
.map_box h1{ font-size: 18px; color: #525e3c; letter-spacing: 0.5px; margin-bottom: 50px;}
.map_box dl{ display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dashed #9ba78a;}
.map_box dl:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.map_box dt{ width: 90px; color: #768b50;}
.map_box dd{ color: #333;}
.map_box iframe{ height: 500px;}

/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .map_box{ width: 900px;}
  .map_box div{ height: 450px;}
  .map_box div:first-child{ padding: 100px 50px;}
  .map_box iframe{ height: 450px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .map_box{ width: 100%;}
  .map_box div{ width: 100%; height: auto;}
  .map_box div:first-child{ padding: 50px 50px;}
  .map_box dl{ margin-bottom: 15px; padding-bottom: 15px;}
  .map_box iframe{ height: 300px;}
}
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
  .map_box div:first-child{ padding: 30px 30px;}
  .map_box h1{ font-size: 15px; margin-bottom: 30px;}
  .map_box dl{ margin-bottom: 10px; padding-bottom: 10px;}
  .map_box iframe{ height: 200px;}
  .map_box dt{ width: 100%; font-size: 12px;}
  .map_box dd{ font-size: 12px;}
}

/*브랜드스토리*/
.story{ padding: 150px 0 150px 80px; background: url(../img/sub/Blogo.png) no-repeat center top;}
.story .bstit{ position: relative; display: inline-block; margin-bottom: 50px;}
.story .bstit h1{ font-size: 40px; color: #333;}
.story .bstit h1 strong{ color: #a1b685;}
.story .bstit span{ display: inline-block; position: absolute; top: -17px; left: -31px;}
.story .bstit span:nth-of-type(2){ top:28px; left: 500px;}
.story h2{ font-size: 22px; font-weight: normal; color: #333; line-height: 1.5; margin-bottom: 20px;}
.story p{ font-family: 'NanumBareunGothicLight'; font-size: 16px; color: #888; line-height: 1.8;}

.atr{ margin-top: 150px;}
.atr h1{ font-size: 22px; font-weight: bold; color:#333; text-align: center; margin-bottom: 80px;}
.atr_in{ display: flex; flex-wrap:wrap; }
.atr_img{ margin-right: 80px;}
.atr_txt{ width: calc(100% - 400px);}
.atr h2{ font-family: 'NanumBarunGothicBold'; font-size: 50px; color: #C9D5B9; letter-spacing: 2px;}
.atr h3{ font-size: 25px; font-weight: normal; color: #333; margin: 10px 0 50px 5px;}
.atr p{ font-family: 'NanumBareunGothicLight'; font-size: 15px; line-height: 2.2; color: #666;}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .story{ padding: 80px 40px; background-size: 300px auto;}
  .story .bstit{ margin-bottom: 40px;}
  .story .bstit h1{ font-size: 30px;}
  .story .bstit span{ top: -14px; left: -23px;}
  .story .bstit span:nth-of-type(2){ top:19px; left: 377px;}
  .story .bstit span img{ width: 20px;}
  .story h2{ font-size: 16px;}
  .story p{ font-size: 14px;}

  .atr{ margin-top: 100px;}
  .atr h1{ font-size: 20px; margin-bottom: 50px;}
  .atr_img{ margin: 0 auto 50px auto;}
  .atr_txt{ width: 100%;}
  .atr h2{ width: 350px;}
  .atr h2{ font-size: 38px;}
  .atr h3{ font-size: 22px; margin: 10px 0 30px 0px;}
  .atr p{ font-size: 14px; line-height: 2; }
  }
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
  .story{ padding: 0 20px 100px 20px; background-position: center bottom; background-size: 200px auto;}
  .story .bstit{ margin-bottom: 30px;}
  .story .bstit h1{ font-size: 22px;}
  .story .bstit span{ display: none;}
  .story h2{ font-size: 15px;}
  .story p{ font-size: 13px; line-height: 1.8;}

  .atr{ margin-top: 60px; padding: 0 2%;}
  .atr h1{ font-size: 18px; margin-bottom: 20px; line-height: 1.3;}
  .atr_img{ margin: 0 auto 30px auto; width: 200px;}
  .atr_img img{ width: 100%;}
  .atr h2{ font-size: 25px; letter-spacing: 1px;}
  .atr h3{ font-size: 16px; margin: 10px 0 30px 0px;}
  .atr p{ font-size: 13px; line-height: 1.8; }
}

/*비주얼 아이덴티티*/
.vi_tit{ display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 100px;}
.vi_tit h1{ font-size: 20px; line-height: 1.5; font-weight: normal; color: #333; border-left: 1px solid #a8b694; padding: 120px 0 30px 50px; margin-left: 50px;}
.vi_color{ margin-bottom: 100px; padding-left: 45px; display: flex;}
.vi_t{ text-align: right;}
.vi_t h2{ font-family: 'NanumBarunGothicBold'; font-size: 65px; color: #C9D5B9; letter-spacing: 2px;}
.vi_t p{ font-family: 'NanumBarunGothicBold'; font-size: 30px; color: #222;}
.vic{ margin-left: 60px;}
.vic h2{ margin-bottom: 30px;}
.vic h2 span{ font-size: 22px; display: inline-block; margin-right: 20px;}
.vic h2 span:nth-of-type(2){ font-size: 20px;}
.vic h2 span em{ font-family: 'NanumBareunGothicLight'; font-size: 12px; color: #999 !important; font-style: normal;}
.vic p{ font-family: 'NanumBareunGothicLight'; font-size: 15px; line-height: 1.8; color: #666;}
.vic h2::after{ display: block; content: ""; width: 260px; height: 1px; margin-top: 20px; margin-left: -10px;}
.vic h2.titw::after{ background-color: #ddd;}
.vic h2.titg::after{ background-color: #808d6e;}
.vic h2.titp::after{ background-color: #cda2a1;}
.vic h2 span.cg{ color: #808d6e;}
.vic h2 span.cp{ color: #cda2a1;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .vi_tit h1{ font-size: 19px; padding: 100px 0 30px 30px; margin-left: 30px;}
  .vi_t h2{ font-size: 50px;}
  .vi_t p{ font-size: 30px;}
  .vi_color{ padding-left: 0px;}
  .vic{ margin-left: 40px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .vi_tit{ margin-bottom: 80px; text-align: center;}
  .vi_tit h1{ font-size: 18px; border-left: 0; border-top: 1px solid #a8b694; padding: 30px 20px 0 20px; margin-left: 0px; margin-top: 30px;}
  .vi_tit h1 .visible-pc{ display: block !important;}
  .vi_t { text-align: center;}
  .vi_t h2{ font-size: 40px;}
  .vi_t p{ font-size: 25px;}
  .vi_color{ flex-wrap: wrap; width: 85%; margin: 0 auto 80px auto;}
  .vic{ margin-left: 0px; margin-top: 20px;}
  .vic h2 span{ font-size: 20px;}
  .vic h2 span:nth-of-type(2){ font-size: 18px;}
  .vic p{ font-size: 14px;}
  .vic h2::after{ width: 230px;}
}
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
  .vi_tit{ margin-bottom: 50px;}
  .vi_tit h1{ font-size: 15px; padding: 20px 0 0 0; margin-top: 20px;}
  .vi_tit h1 .visible-pc{ display: none !important;}
  .vi_t h2{ font-size: 30px; letter-spacing: 1px;}
  .vi_t p{ font-size: 20px;}
  .vi_color{ width: 90%; margin: 0 auto 50px auto;}
  .vi_color .vi_img{ width: 120px; margin: 0 auto;}
  .vi_color .vi_img img{ width: 100%;}
  .vic{ margin-top: 10px;}
  .vic h2{ margin-bottom: 20px;}
  .vic h2 span{ font-size: 18px; margin-right: 10px;}
  .vic h2 span:nth-of-type(2){ font-size: 16px;}
  .vic h2 span em{ font-size: 11px;}
  .vic p{ font-size: 13px;}
  .vic h2::after{ width: 220px; margin-top: 15px;}
}


/*로고*/
.bi{ display:flex; justify-content: center; align-items: center; margin-top: 200px;}
.bi_txt{ width: 50%; padding-left:100px;}
.bi_txt h1{ font-size: 18px; color: #a5ad96;}
.bi_txt h2{ font-size: 20px; color: #333; margin: 20px 0 30px 0;}
.bi_txt p{ font-family: 'NanumBareunGothicLight'; font-size: 16px; line-height: 1.8; color: #999;}
.bi_box{ width: 450px; height: 450px; border: 1px solid #ddd; border-radius: 20px; text-align: center;line-height: 450px;}
/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .bi_txt{ padding-left:70px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .bi{  margin-top: 100px;}
  .bi_txt{ padding-left:40px;}
  .bi_txt h1{ font-size: 16px;}
  .bi_txt h2{ font-size: 18px;}
  .bi_txt p{ font-size: 14px;}
  .bi_box{ width: 350px; height: 350px; center;line-height: 350px;}
}
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
  .bi{ flex-wrap: wrap;}
  .bi_txt{ width: 100%; padding: 0 10px; margin-top: 30px;}
  .bi_txt h1{ font-size: 15px;}
  .bi_txt h2{ font-size: 16px; margin: 10px 0 20px 0;}
  .bi_txt p{ font-size: 13px;}
  .bi_box{ width: 250px; height: 250px; center; line-height: 250px;}
  .bi_box img{ width: 100px;}
}

  /*.venue{ width: 1000px; margin: 0 auto;}
  .venue img{ width: 100%;}
  .venue li{ margin-bottom: 10px;}
  @media screen and (max-width: 1279px) {
    .venue{ width: 100%;}
  }
  @media screen and (max-width: 767px) {
    .venue{ padding: 0 2%;}
    .venue li{ margin-bottom: 0px;}
  }*/

/*베뉴공통*/
.vn_tit{ text-align: center; margin-bottom: 60px;}  
.vn_tit h1{ font-size: 20px; color: #6c8052;}
.vn_tit h2{ font-size: 15px; font-weight: normal; color: #fff; letter-spacing: 1px; background-color:#6c8052 ; display: inline-block; padding: 0 15px; border-radius: 30px; line-height: 30px;  margin: 40px 0 10px 0;}
.vn_tit p{ font-size: 15px; color: #999;}
.vn_btn{ width: 150px; margin: 60px auto 0px auto; text-align: center;}
.vn_btn a{ display: block; font-size: 16px; color: #9ead8a; line-height: 40px; border: 1px solid #9ead8a; transition: all 0.3s;}
.vn_btn a:hover{ background-color: #9ead8a; color: #fff; font-weight: bold; transition: all 0.3s;}

#ctt_con .flexslider{ width: 1000px; margin: 0 auto;}
#ctt_con .flex-control-thumbs { margin-top: 150px;}
#ctt_con .flex-control-thumbs li{ width: 11.1%;}

.flex-direction-nav a:before  { 
  content: " " !important;
  display: block;
  background: url('../img/sub/prev.png') no-repeat center center;
  background-size: contain;
  width: 40px;
  height: 40px;
}
.flex-direction-nav a.flex-next:before  { 
  content: " " !important;
  display: block;
  background: url('../img/sub/next.png') no-repeat center center;
  background-size: contain;
  width: 40px;
  height: 40px;
}

/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  #ctt_con .flexslider{ width: 100%;}
  #ctt_con .flex-control-thumbs li img{ width: 100%;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
.vn_tit{ margin-bottom: 40px;}  
.vn_tit h2{ margin: 30px 0 10px 0;}
.vn_tit p{ font-size: 13px;}
.vn_btn{ width: 130px; margin: 60px auto;}
.vn_btn a{ font-size: 14px; line-height: 35px;}
#ctt_con .flex-control-thumbs { margin-top: 100px;}
}
/*모바일 : 480px ~ 767px */
@media (max-width: 767px) {
  .vn_tit{ margin-bottom: 30px; padding: 0 5%;}  
  .vn_tit h1{ font-size: 16px;}
  .vn_tit h2{ font-size: 12px; line-height: 26px;}
  .vn_tit p{ font-size: 12px;}
  .vn_btn{ width: 100%; margin: 30px auto;}
  .vn_btn a{ font-size: 13px;}
  #ctt_con .flex-control-thumbs { margin-top: 80px;}
  #ctt_con .flex-control-thumbs li{ width: 20%;}
  .flex-direction-nav a{ margin: -75px 0 0!important;}
  .flex-direction-nav .flex-prev{ left: 5px!important;}
  .flex-direction-nav .flex-next{ right: 5px!important;}
  .flex-direction-nav a:before  { background-size: 15px auto; }
  .flex-direction-nav a.flex-next:before  { background-size: 15px auto; }
}


/*스튜디오 공통*/
.stu_box{ width: 900px; margin: 0 auto;}
.stu_box ul{ display:flex; justify-content: center; align-items: center; flex-wrap:wrap}
.stu_box li{ width:40%; max-height: 520px; margin:3% 3%; position: relative; overflow: hidden;}
.stu_box li a{ display: block; transition: all 0.5s;}
.stu_box li a::after{ display: block; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0); position: absolute; top: 0px; left: 0px; transition: all 0.5s;}
.stu_box li a:hover::after{ background-color: rgba(255,255,255,.3);}
.stu_box li img{ width:120%;}
.stu_box li.sb{ width: 40%;}
.stu_box li.sb a{ display: flex; align-items: center; justify-content: center;}
.stu_box li.sb img{ width: 230%;}
.stu_box2 li{ width: 100%; max-height: 450px; margin:3% 0;}
.stu_box2 li.sb{ width: 100%;}

/*.stu_box2{ width: 900px; margin: 0 auto;}
.stu_box2 ul::after{ display: block; content: ""; clear: both;}
.stu_box2 ul{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.stu_box2 li{ width: 40%; max-height: 520px; margin:3% 3%; position: relative;overflow: hidden;}
.stu_box2 li a{ display: block; transition: all 0.5s;}
.stu_box2 li a::after{ display: block; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0); position: absolute; top: 0px; left: 0px; transition: all 0.5s;}
.stu_box2 li a:hover::after{ background-color: rgba(255,255,255,.3);}
.stu_box2 li img{ width:120%;}
.stu_box2 li.sb{ width: 40%;}
.stu_box2 li.sb a{ display: flex; align-items: center; justify-content: center;}
.stu_box2 li.sb img{ width: 210%;}*/

/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
  .stu_box{ width: 90%;}
  .stu_box li{ max-height: 480px;}
  .stu_box2{ width: 90%;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
  .stu_box{ width: 100%;}
  .stu_box li{ max-height: 400px;}
  .stu_box2{ width: 100%;}
}
/*모바일 : 480px ~ 767px */
@media screen and (max-width: 767px) {
  .stu_box{ width: 100%;}
  .stu_box li{ width:100%; max-height:100%; margin: 0 3% 20% 3%;}
  .stu_box li.sb{ width: 100%;}
  .stu_box li a:hover::after{ background-color: rgba(255,255,255,0);}
  .stu_box li img{ width:100%;}
  .stu_box li.sb img{ width: 100%;}
}

/*웨딩디렉팅신청*/
.qna_box{ width: 600px; margin: 0 auto; background: url(../img/sub/Blogo.png) no-repeat center center / 400px auto;}
.qna_box .qb{ display: flex;}
.qna_box label.qb_label{ width: 20%; height:50px; font-size: 14px; color: #333; line-height: 50px;}
.qna_box label.qb_label2{ line-height: 14px;}
.qna_box label.qb_label span{ color: #b63434; display: inline-block; margin-left: 5px;}
.qna_box .qb_input{ width: 80%; height:50px; font-family: 'NanumBareunGothicLight'; font-size:14px; color:#333;  background-color: transparent; border: 0; 
  border-bottom: 1px solid #b5bfa6; border-radius: 0px; outline:#b5bfa6; padding: 0 10px;}
.qna_box .qb_input::placeholder{ color: rgba(0,0,0,.4);}
.date_box input[type='date'] { position: relative; background: url(../img/sub/ico_date.gif) no-repeat right 10px center;}
.date_box input[type='date']::-webkit-calendar-picker-indicator { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background: transparent; color: transparent; cursor: pointer;}
.memo_box{ margin-top: 20px;}
.qna_box .memo::placeholder{ color: rgba(0,0,0,.4);}
.priv_box{ margin: 40px 0 10px 0;}
.priv_box .priv_tit{ font-size: 14px; color: #333; display: block; margin-bottom: 5px;}
.qna_box .priv{ height: 100px; overflow-y: scroll; padding: 10px; font-family: 'NanumBareunGothicLight'; font-size: 12px; color: #999; line-height: 1.3; border: 1px solid #b5bfa6;
background-color: #fff;}
.qna_box .priv .sec { margin-bottom:10px;}
.qna_box .priv .sec h3 { font-size: 12px; font-weight:bold; margin-bottom:5px;}
.qna_box .priv .sec p { margin-bottom:10px;}
.qna_box .priv .sec strong { font-weight:bold;}
.qna_box .memo{ width: 80%; height: 150px; border: 1px solid #b5bfa6; padding: 10px; outline: none; font-family: 'NanumBareunGothicLight'; font-size: 13px; color: #333; 
  line-height: 1.3; border-radius: 0px;}
.qna_box .check { margin:0 0 40px 0;}
.qna_box .check .checkbox  { display: inline-block; margin-right: 7px;}
.qna_box .check .checkbox input[id="cb1"]{ display: none;}
.qna_box .check .checkbox input[id="cb1"] + label{ display: inline-block; width: 23px; height: 23px; border: 1px solid #b5bfa6; position: relative; cursor: pointer;}
.qna_box .check .checkbox input[id="cb1"]:checked + label::after{ display: block; content: ""; background: url(../img/sub/ico_chk.gif) no-repeat center center;
width: 23px; height: 23px; line-height: 23px; position: absolute; top: 0px; left: 0px;}
.qna_box .check .pop_privacy{ font-size: 12px;  display: inline-block; color:#333;}
.qna_box .qb_submit{ width: 100%;}
.qna_box .qb_submit button{ width: 100%; border:0; background-color: #92a875; text-align: center; transition: 0.3s all;
  font-size: 16px; font-family: 'NanumBarunGothicBold'; color:#fff; line-height:50px;}
.qna_box .qb_submit button a{ color: #fff;}  
.qna_box .qb_submit button:hover { background-color: #657650; transition: 0.3s all;}
/*모바일 : 370px ~ 767px */
@media screen and (max-width: 767px) { 
  .qna_box{ width: 90%; background-size: 300px auto;}
  .qna_box label.qb_label{ width: 25%; font-size: 13px; height: 40px; line-height: 40px;}
  .qna_box .qb_input{ width: 75%; font-size:13px; height: 40px;}
  .date_box input[type='date'] { background-size: 18px auto;}
  .qna_box .memo{ width: 75%; font-size: 12px;}
  .priv_box .priv_tit{ font-size: 13px;}
  .qna_box .priv{ height: 80px; font-size: 11px;}
  .qna_box .priv .sec h3 { font-size: 11px;}
  .qna_box .check .checkbox input[id="cb1"] + label{ width: 20px; height: 20px;}
  .qna_box .check .checkbox input[id="cb1"]:checked + label::after{ width: 20px; height: 20px; line-height: 18px; background-size: 12px auto;}
  .qna_box .qb_submit a{ font-size: 14px; line-height:35px;}
  .qna_box .qb_submit button{ font-size: 14px; line-height:35px;}
}