#subVisual
{width:100%; height:45rem; background-repeat:no-repeat; background-size:cover;}
#subVisual .sub-visual-wrap 
{position:relative; width:100%; height:100%;}
#subVisual .sub-visual-txt-area 
{width:100%; height:100%; max-width:var(--container); margin:0 auto;}
#subVisual .sub-visual-txt-con
{display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
#subVisual .sub-visual-txt-con h2 
{color:#fff; font-size:62px; font-weight:600;}


@media screen and (max-width:650px) {
    #subVisual
    {height:300px; background-size:cover;}
}
#subVisual_style_02
{}


/* police */
.police-con p
{font-size:1.7rem; color:#666; font-weight:400; line-height:1.8;}
.email-con .top-box-con 
{background:#f4f4f4; padding:3rem; }
.email-con .top-box-con p 
{font-size:1.8rem; color:#000; font-weight:300;  line-height:1.8;}

.email-con .email-txt-con 
{margin-top:5rem;}
.email-con .email-txt-con h3
{font-size:2rem; color:#000;  font-weight:700;}
.email-con .email-txt-con .txt-box 
{margin-top:4rem;}
.email-con .email-txt-con .txt-box strong 
{font-size:1.7rem; color:#000; font-weight:500; margin-bottom:1rem; display:block;}
.email-con .email-txt-con .txt-box p
{font-size:1.7rem; color:#666; font-weight:300; line-height:1.8;}
@media screen and (max-width:767px) {
  .login_box
  {padding:0px !important;; border:none !important}
}

#subContent
{padding:100px 0px;}
#subContent.business-content
{padding:0;}
.sub-title-con 
{text-align:center; margin-bottom:7rem;}
.sub-title-con h2 
{font-size:4.8rem; font-weight:700; color:#222; display:inline-block; position:relative; padding-bottom:20px;}




.greeting-top-banner .banner-con
{background:#f4f4f4; border-radius:25px; padding:5rem 5rem; background-image:url('../img/greeting-bg.jpg'); height:50rem; display:flex; align-items:center; justify-content:center;}

.greeting-top-banner .txt-con 
{text-align:center;}
.greeting-top-banner .txt-con h6
{ font-family:'Montserrat'; color:#fff; font-weight:600; font-size:3.4rem; text-transform:uppercase; letter-spacing:-0.04em}
.greeting-top-banner .txt-con h2
{font-size:2rem; line-height:1.5; color:#fff; font-weight:300;}

.greeting-value-con
{margin:10rem 0;}
.greeting-value-con .tit-con 
{text-align:center; margin-bottom:5rem;}
.greeting-value-con .tit-con h4
{font-size:4rem; color:#222; font-weight:800;}
.greeting-value-con .value-list 
{display:flex; flex-wrap:wrap;  align-items:start; justify-content:space-between;}
.greeting-value-con .value-list .item 
{width:40rem; background:#f4f4f4; padding:5rem; height:50rem; position:relative; border-radius:10px; overflow:hidden;}
.greeting-value-con .value-list .item .bg-con 
{position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
.greeting-value-con .value-list .item .txt-con
{position:relative; z-index:9;}
.greeting-value-con .value-list .item .txt-con h6
{font-family:'Poppins'; font-size:2.4rem; font-weight:800; color:#ffffff57}
.greeting-value-con .value-list .item .txt-con h4
{font-size:3.2rem; color:#ffffffd6; font-weight:700; margin-top:2rem;}
.greeting-value-con .value-list .item:nth-child(even)
{margin-top:5rem;}

.greeting-txt-con .greeting-con 
{display:flex; flex-wrap:wrap;}
.greeting-txt-con .greeting-con .txt-con
{width:75%; margin-right:5%;}
.greeting-txt-con .greeting-con .txt-con h4 
{font-size:2rem; color:#222; font-weight:600; line-height:1.5;}
.greeting-txt-con .greeting-con .txt-con p
{font-size:2rem; color:#222; font-weight:300; margin:2rem 0; line-height:1.8; word-break:keep-all;}

/* 복리후생 */
.welfare-list 
{display:flex; flex-wrap:wrap; justify-content:center; margin:0 -2.5rem}
.welfare-list li 
{width:calc((100% / 3) - 5rem); border:1px solid #ddd; padding:6rem 4rem; text-align:center; margin:0 2.5rem 2rem; border-radius:10px; box-shadow:5px 5px 33px #e1e1e1}
.welfare-list .icon 
{width:12rem; height:12rem; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:#f4f4f4; border:1px solid #eee;}

.welfare-list li p
{font-size:1.8rem; color:#222; font-weight:600; margin-top:2rem;}

/* 오시는길 */
.location-con 
{margin:5rem 0}

.location-info-con 
{margin-bottom:5rem; padding:0rem 2rem;}
.location-info-con h6
{font-family:'Montserrat'; font-size:2rem; font-weight:700; color:#bbb; margin-bottom:1rem;}
.location-info-con h4 
{font-size:4.4rem; color:#000; font-weight:700;}
.location-info-con .detail-con 
{display:flex; flex-wrap:wrap; margin-top:3rem;}
.location-info-con .detail-con dl
{display:flex; margin:0 8rem 0 0;}
.location-info-con .detail-con dl dt 
{font-family:'Montserrat','Pretendard'; font-size:1.8rem; color:#000; font-weight:700; width:5rem;}
.location-info-con .detail-con dl dd 
{font-size:1.8rem; color:#1b1b1b; font-weight:500}
.location-map-con 
{border-radius:25px; overflow:hidden; border:1px solid #ddd;}


/* 사업영역 */
.business-img-banner 
{position:relative;}
.business-img-banner .banner-img-con
{position:absolute; left:0; top:0; width:100%; height:100%; }
.business-img-banner .banner-img-con .bg-con 
{width:100%; height:100%; background-attachment: fixed; background-position:center; background-size:cover; background-repeat:no-repeat;}
.banner-txt-con 
{max-width:1420px; margin:0 auto; position:relative; width:100%; height:100%;}
.banner-txt-con .inner 
{width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; padding:10rem 5rem}
.banner-txt-con .img-con 
{margin-bottom:3rem; border-radius:10px; overflow:hidden;}

.banner-txt-con .tit-box
{margin-bottom:3rem; display:flex; flex-wrap:wrap; align-items: end;}
.banner-txt-con .tit-box h2 
{font-size:4.2rem; color:#fff; font-weight:700;}
.banner-txt-con .tit-box h4 
{font-size:2.8rem; color:#ffffff; font-weight:400; margin-left:5rem;}
.banner-txt-con .txt-box p 
{font-size:2rem; color:#ffffff; font-weight:300; margin:1rem 0; line-height:1.5; word-break:keep-all; }
.banner-txt-con .list-box
{margin-top:4rem; padding:4rem; background:#ffffff10; padding:4rem; backdrop-filter:blur(10px); border-radius:10px;}
.banner-txt-con .list-box h4 
{font-size:2.7rem; color:#ffffff; font-weight:500; }
.banner-txt-con .list-box ul 
{margin-top:2rem; display:flex; flex-wrap:wrap; padding:2rem; background:#fff; border-radius:5px;}
.banner-txt-con .list-box ul li 
{font-size:1.8rem; color:#000; font-weight:300; margin:1rem 0; width:50%; position:relative; padding-left:1.5rem; line-height:1.5; word-break:keep-all; display:flex; flex-wrap:wrap; align-items:start;}
.banner-txt-con .list-box ul li:before 
{content:''; position:absolute; width:4px; height:4px; border-radius:50%; background:#333; border-radius:50%; left:0; top:10px;}
.banner-txt-con .list-box ul.w100 li
{width:100%;}
.banner-txt-con .list-box ul li span 
{/*width:9.5rem;*/ line-height:1.5; max-width:20rem; min-width:8.5rem;}
.banner-txt-con .list-box ul li p 
{width:calc(100% - 8.5rem); line-height:1.5; max-width:calc(100% - 18rem); /*min-width:calc(100% - 18rem);*/ width:100%; word-break:keep-all; padding-left:0.5rem;}

.business-record
{margin:10rem 0 }
.business-record .record-tit
{text-align:center; margin-bottom:6rem;}
.business-record .record-tit h4 
{font-size:4.8rem; font-weight:700;}

.top-symbol-con 
{display:flex; flex-wrap:wrap;}
.top-symbol-con .symbol-img-con 
{width:40%; height:32.5rem; display:flex; align-items:center; justify-content:center; background-image:url('../img/border-box.png'); background-repeat:repeat; border:1px solid #ddd;}
.top-symbol-con .symbol-txt-con 
{width:60%; padding:5rem;}
.top-symbol-con .symbol-txt-con h4 
{font-size:3.4rem; color:#000; font-weight:700; margin-bottom:2rem;}
.top-symbol-con .symbol-txt-con p 
{font-size:1.8rem; color:#000; font-weight:300; line-height:1.8; word-break:keep-all;}

.logo-info-con 
{margin-top:10rem;}
.logo-info-con .info-row 
{margin:5rem 0;}
.logo-info-con .info-row h4 
{position:relative; font-size:3.2rem; color:#1b1b1b; font-weight:700; display:inline-block; margin-bottom:2rem;}

.logo-info-con .info-row .logo-img 
{background:#f9f9f9; width:100%; height:300px; text-align:center; border:1px solid #ddd; display:flex; align-items:center; justify-content:center;}

/* 채용공고 */
.recruit-step-list 
{display:flex; justify-content:space-between;}
.recruit-step-list .step 
{position:relative; width:18%; border-radius:10px 0 10px 0; padding:2rem; background:#f4f4f4; border:1px solid #ddd;}
.recruit-step-list .step:after 
{content:''; position:absolute; width:50%; height:1px; background:var(--main-color); top:50%; transform:translateY(-50%); right:-70px; z-index:-1;}
.recruit-step-list .step:last-child:after
{display:none;}
.recruit-step-list .step .inner 
{position:relative;}
.recruit-step-list .step span 
{font-size:1.7rem; font-family:'Montserrat'; color:var(--main-color); font-weight:700; letter-spacing:-0.04em}
.recruit-step-list .step h4 
{font-size:2rem; color:#1b1b1b; font-weight:400; margin:2rem 0 0;}
.recruit-step-list .step .icon-con 
{text-align:right; margin-top:5rem}
.recruit-step-list .step .icon-con i 
{width:10rem; height:10rem; background:#fff; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background-position:center; background-repeat:no-repeat;}
.recruit-step-list .step:last-child 
{background:var(--main-color);}
.recruit-step-list .step:last-child span 
{color:#fff;}
.recruit-step-list .step:last-child h4
{color:#fff;}

/* 게시판 커스텀 */
.list-board-con #container_list #cafe_bbs_list_table .list_cell_titles
{border-top:1px solid #000}
.list-board-con #container_list #cafe_blt_titleWrap .titleWrap_group1
{width:150px;}
.list-board-con #container_list #cafe_blt_titleWrap .titleWrap_group3
{width:150px;}
.list-board-con #container_list #cafe_blt_titleWrap td
{padding:20px 0; font-size:16px; font-weight:500; color:#222; background:#fff;}
.list-board-con #container_list .general_item_table .item_group2
{padding:23px 0; font-size:17px; font-weight:300;}
.list-board-con #container_list .general_item_table .item_group1,
.list-board-con #container_list .general_item_table .item_group3
{font-size:17px; width:150px; font-weight:300;}

.business-record .list-board-con #container_list .general_item_table .item_group1,
.business-record .list-board-con #container_list .general_item_table .item_group2
{text-align:left; padding:23px;}

/* 연혁 */
.history-con #container_list .general_item_table .item_group1,
.history-con #container_list #cafe_blt_titleWrap .titleWrap_group1
{width:130px;}
.history-con #container_list #cafe_blt_titleWrap .titleWrap_group2,
.history-con #container_list .general_item_table .item_group2
{width:130px;}
.history-con #container_list .general_item_table .item_group3
{text-align:left; width:auto; padding:0 5rem;}
.history-con #container_list #cafe_blt_titleWrap .titleWrap_group3
{width:auto; text-align:center;}

/* 복리후생 */
.welfare-con #container_list .general_item_table .item_group2
{text-align:center;}

/* 수상현황 */
.award-con #container_list .gallery_item_table .item_cell_media
{height:400px;}

/* 등록 및 면허현황 */
.gallery-board-con #container_list .gallery_item_table .item_cell_subject span
{font-size:17px; font-weight:400; color:#000; word-break:keep-all; line-height:1.3;}

/* 등록 및 면허현황 */
.business-board-con #container_list #cafe_blt_titleWrap .titleWrap_group1,
.business-board-con #container_list .general_item_table .item_group1
{width:400px}

/* dots */
#subContent #container_list #paing_table tr .ept_link_cell
{width:100%;}
#subContent #container_list #paing_table tr .ept_link_cell b,
#subContent #container_list #paing_table tr .ept_link_cell a
{width:30px; height:30px; margin:0 2px; font-size:14px; padding:0; display:inline-flex; align-items:center; justify-content:center; border-radius:10px;}
#subContent #container_list #paing_table tr .ept_link_cell b
{background:var(--main-color)}

/* 게시판 상세 */
.list-board-con #container_view #cafe_bbs_view_table .view_cell_main,
.gallery-board-con #container_view #cafe_bbs_view_table .view_cell_main
{border:none;}

.list-board-con #container_view #cafe_bbs_view_table #view_main_table .item_cell_subject,
.gallery-board-con #container_view #cafe_bbs_view_table #view_main_table .item_cell_subject
{display:none; font-size:16px; height:auto; padding:20px; color:#1b1b1b; font-weight:400; text-align:center;}
.list-board-con #container_view #cafe_bbs_view_table #view_main_table .item_cell_value,
.gallery-board-con #container_view #cafe_bbs_view_table #view_main_table .item_cell_value
{font-size:26px; color:#000; font-weight:500; padding:2rem; width:100%; text-align:left;}

.list-board-con #container_view #cafe_bbs_view_table #view_main_table .item_cell_value span,
.gallery-board-con #container_view #cafe_bbs_view_table #view_main_table .item_cell_value span ,
.list-board-con #container_view #cafe_bbs_view_table #view_main_table .item_cell_value div,
.gallery-board-con #container_view #cafe_bbs_view_table #view_main_table .item_cell_value a
{font-size:16px;}


.hide-board #cafe_bbs_list_table .item_group1,
.hide-board #cafe_bbs_list_table .item_group2,
.hide-board #cafe_bbs_list_table .item_group3
{pointer-events:none;}
.hide-board #cafe_bbs_list_table .item_group1.checked,
.hide-board #cafe_bbs_list_table .item_group2.checked,
.hide-board #cafe_bbs_list_table .item_group3.checked
{pointer-events:auto;}

/* */
.cm-tab-menu-con 
{margin-bottom:5rem;}
.cm-tab-menu-con ul
{display:flex; justify-content: center;;}
.cm-tab-menu-con ul li 
{background:#f4f4f4; min-width:25rem; cursor:pointer;}
.cm-tab-menu-con ul li span 
{width:100%; color:#444; font-size:1.7rem; padding:2.5rem 2rem; display:inline-block; text-align:center;}
.cm-tab-menu-con ul li:hover span
{color:#000;}
.cm-tab-menu-con ul li.active 
{background:var(--main-color);}
.cm-tab-menu-con ul li.active span 
{color:#fff;}


.certifi-list-con table tr
{border-bottom:1px solid #eee;}
.certifi-list-con table tr th 
{background:#f4f4f4; text-align:center; font-size:1.6rem; color:#000; font-weight:300; padding:2rem 1rem; width:20%}
.certifi-list-con table tr th.no
{width:20%;}
.certifi-list-con table tr th.date 
{width:15%;}
.certifi-list-con table tr th.desc 
{width:33%;}

.certifi-list-con table tr td 
{text-align:left; font-size:1.6rem; color:#222; font-weight:400; padding:2rem 4rem; line-height:1.5; word-break:keep-all;}
.certifi-list-con table tr td.ct 
{text-align:center;}


@media screen and (max-width:1280px) {
  .greeting-value-con .value-list .item
  {width:32%; padding:3rem;}

}

@media screen and (max-width:1023px) {
  .greeting-value-con .value-list .item
  {height:40rem;}
  .greeting-txt-con .greeting-con
  {flex-direction:column-reverse;}
  .greeting-txt-con .greeting-con .txt-con
  {width:100%; margin:0;}

  .top-symbol-con .symbol-img-con
  {width:100%;}
  .top-symbol-con .symbol-txt-con
  {width:100%; padding:3rem 0;}
}

@media screen and (max-width:1000px) {
  .management-con img 
  {width:100%;}
  
  .organization-con img  
  {width:100%;}

}
@media screen and (max-width:767px) {
  #subContent
  {padding:40px 0 80px}
  .sub-title-con h2
  {font-size:32px;}
  .cm-tab-menu-con ul li
  {min-width:50%;}
  .cm-tab-menu-con ul li span
  {font-size:15px;}
  #subVisual .sub-visual-txt-con h2
  {font-size:46px; margin-top:5rem;}
  .greeting-top-banner .banner-con
  {height:25rem; padding:5rem 2rem;}

  .greeting-top-banner .txt-con h6
  {font-size:2.0rem; line-height:1.5; word-break:keep-all;}

  .greeting-value-con .value-list .item
  {width:100%; height:30rem;  margin:1rem 0;;}
  .greeting-value-con .value-list .item:nth-child(even)
  {margin:auto;}
  .greeting-value-con .value-list .item .bg-con
  {background-repeat:no-repeat; background-size:cover; background-position:center;}
  .greeting-value-con .value-list .item .txt-con h6
  {font-size:1.8rem;}
  .greeting-value-con .value-list .item .txt-con h4
  {font-size:2.6rem;}
  .greeting-txt-con .greeting-con .txt-con br 
  {display:none;}
  .greeting-txt-con .greeting-con .txt-con p
  {font-size:1.6rem;}


  .history-con.list-board-con #container_list .general_item_table .item_group1, 
  .history-con.list-board-con #container_list #cafe_blt_titleWrap .titleWrap_group1
  {width:50px;}
  .history-con.list-board-con #container_list #cafe_blt_titleWrap .titleWrap_group2, 
  .history-con.list-board-con #container_list .general_item_table .item_group2
  {width:50px;}
  .history-con.list-board-con #container_list #cafe_blt_titleWrap .titleWrap_group3, 
  .history-con.list-board-con #container_list .general_item_table .item_group3
  {width:auto; padding:0 20px;}


  .certifi-list-con table tr td 
  {word-break:break-all; padding:2rem;}
  .certifi-list-con table tr .mo-hide 
  {display:none;}
  .certifi-list-con table tr th,
  .certifi-list-con table tr th.desc
  {width:50%;}

  .welfare-list li
  {width:calc((100% / 1) - 5rem);}

  .location-info-con
  {padding:0}
  .location-info-con h6
  {font-size:1.6rem;}
  .location-info-con h4
  {font-size:2.4rem;}
  .location-info-con .detail-con dl
  {width:100%; margin:0 0 1rem;}
  .location-info-con .detail-con dl dt
  {font-size:1.6rem; font-weight:500;}
  .location-info-con .detail-con dl dd
  {width:calc(100% - 5rem); font-size:1.6rem; font-weight:400;}

  .business-record .record-tit h4
  {font-size:3.8rem}
  .business-img-banner .banner-txt-con .inner 
  {padding:8rem 2rem;}
  .business-img-banner .banner-txt-con .img-con
  {height:20rem;}
  .business-img-banner .banner-txt-con .img-con img 
  {width:100%; height:100%; object-fit: cover;}
  .banner-txt-con .tit-box h4
  {margin:1rem 0 0; font-size:2.1rem; line-height:1.5; font-weight:300; word-break:keep-all;}
  .banner-txt-con .txt-box p
  {font-size:1.6rem;}
  .banner-txt-con .list-box
  {padding:0; background:transparent;}
  .banner-txt-con .list-box ul li
  {width:100%; font-size:1.6rem;}


  .banner-txt-con .list-box ul.w100 li
  {display:block;}
  .banner-txt-con .list-box ul li span
  {width:auto; display:inline-block; max-width:none;}
  .banner-txt-con .list-box ul li p
  {display:inline; padding:0; min-width:0; max-width:none; width:auto;}

  .business-record .list-board-con #container_list .general_item_table .item_group1
  {width:200px}

  .business-board-con #container_list #cafe_blt_titleWrap .titleWrap_group1, .business-board-con #container_list .general_item_table .item_group1
  {width:90px;}

  /* 공지사항 */
  .list-board-con #container_list #cafe_blt_titleWrap td
  {font-size:13px;}
  .list-board-con #container_list .general_item_table .item_group1,
  .list-board-con #container_list .general_item_table .item_group2,
  .list-board-con #container_list .general_item_table .item_group3
  {font-size:13px; padding-left:10px; padding-right:10px; font-family:'Pretendard' !important}

  .list-board-con #container_list #cafe_blt_titleWrap .titleWrap_group1, 
  .list-board-con #container_list .general_item_table .item_group1, 
  .list-board-con #container_list #cafe_blt_titleWrap .titleWrap_group3,
  .list-board-con #container_list .general_item_table .item_group3
  {width:70px; font-size:13px; padding:0 10px}
  /* 수상현황 */
  .gallery-board-con  #container_list .gallery_item_table
  {width:100%;}
  .gallery-board-con #container_view .item_cell_content img 
  {width:100% !important; height:auto !important;}

  /* 게시판 공통 상세 */
  .list-board-con #container_view #cafe_bbs_view_table .view_cell_main img,
  .gallery-board-con #container_view #cafe_bbs_view_table .view_cell_main img
  {max-width:100% !important; height:auto !important;}

  .top-symbol-con .symbol-txt-con h4
  {font-size:2.4rem;}
  .top-symbol-con .symbol-txt-con p
  {font-size:1.6rem;}
  .logo-info-con .info-row h4
  {font-size:2.6rem;}
  .logo-info-con .info-row .logo-img img 
  {width:100%; object-fit: scale-down; padding:0 2rem;}

  .recruit-step-list
  {flex-wrap:wrap;}
  .recruit-step-list .step
  {width:100%; margin-bottom:2rem;}
  .recruit-step-list .step:after
  {display:none;}
}

@media screen and (max-width:500px) {
  .business-record .list-board-con #container_list #cafe_blt_titleWrap .titleWrap_group1,
  .business-record .list-board-con #container_list .general_item_table .item_group1
  {width:100px; padding:0 10px;}
}