@charset "UTF-8";

@import url("reset.css");
@import url("common.css");
@import url("head.css");
@import url("footer.css");
@import url("index.css");
@import url("index_board.css");
@import url("user.css");
@import url("board.css");
@import url("sub_style.css");


@import url("direction.css");

@import url("product.css");
@import url("business_info.css");
@import url("business_area.css");
/

.intro_visual_img.content_visual_img { background-image: url("../img/sub/banner.png"); } 
.info_visual_img.info_default_img { background-image: url("../img/common/banner.png"); } 
.intro_visual_img.qna_visual_img { background-image: url("../img/common/banner2.png"); } 
.intro_visual_img.faq_visual_img { background-image: url("../img/common/banner3.png"); } 

/* 서브 네비게이션 */
.mysubmenu { position: relative; margin: 0 auto; width: 100%; z-index: 21; background: #fff; padding: 0 20px; border: 1px solid #ddd; } 
.mysubmenu .inner { padding: 0; background: #fff; /* border-radius: 6px; overflow: hidden; */}
.mysubmenu .menu_select { float: left; position: relative; width: 300px; border-right: 1px solid #ddd; } 
.mysubmenu .menu_select.home { padding: 0; width: 70px; height: 70px; background-color: #fff; background-position: center; border-left: 1px solid #ddd; } 
.mysubmenu .menu_select.home a { text-align: center; line-height: 70px; font-size: 24px; padding: 0; } 
.mysubmenu .menu_select.home a i { color: #353535; } 
.mysubmenu .menu_select li { position: relative; } 
.mysubmenu .menu_select li.on a { background-color: var(--primary); color: #fff; font-weight: 600; } 

/* .mysubmenu .menu_select li.on a::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; border: 1px solid var(--primary);}
 */
.mysubmenu .menu_select li a { padding: 0 24px; font-weight: 600; } 
.mysubmenu .current_menu { background-repeat: no-repeat; background-image: url(../img/common/navi_arrow.png); background-position: 92% center; background-size: 20px; } 
.mysubmenu .all_menu { position: absolute; top: 71px; left: 0; border: 1px solid #ddd; border-top: none; display: none; width: 100%; z-index: 20; background: #fff; } 
.mysubmenu li, .mysubmenu li a, .mysubmenu h3 { line-height: 70px; letter-spacing: 0.6px; color: #353535; font-weight: 600; } 
.mysubmenu .all_menu li a { line-height: 56px; } 
.mysubmenu .all_menu ul + ul li { border-top: 1px solid #ddd; } 
.mysubmenu .all_menu li:hover a { font-weight: 700; } 
.mysubmenu .all_menu.all_submenu li { border-top: 1px solid #ddd; } 
.mysubmenu .all_menu.all_submenu li:first-child { border-top: 0; } 

@media screen and (max-width: 1599px) { 
  /* 공통 Class */
  .ell { -webkit-line-clamp: 3; height: 66px; } 
  .inner { width: 100%; max-width: 1570px; } 
  /* 서브 페이지 */
  .sub_sec { padding: 80px 0 90px; } 
  .tit_area.subpage .parallelogram { margin: 0 0 22px 8px; width: 12px; height: 20px; } 
  .tit_area.subpage .sub_tit { font-size: 16px; line-height: 20px; } 
  .tit_area.subpage .desc { margin: 32px auto 0; font-size: 15px; } 
  /* 서브 배너 */
  .sub_banner h2 { font-size: 32px; } 
  .text_area .sub-banner-text { font-size: 16px; line-height: 20px; width: 80%; } 
  .sub_banner span { font-size: 15px; line-height: 22px; } 
  /* 서브 네비게이션 */
  .mysubmenu { width: 100%; } 
  .mysubmenu .menu_select { width: 230px; } 
  .mysubmenu .menu_select.home { width: 60px; height: 60px; background-size: 18px auto; } 
  .mysubmenu .menu_select.home a { line-height: 60px; } 
  .mysubmenu .menu_select li a { padding: 0 15px; } 
  .mysubmenu .all_menu { top: 61px; } 
  .mysubmenu li,
  .mysubmenu li a,
  .mysubmenu h3 { font-size: 14px; line-height: 60px; } 
  .mysubmenu .current_menu { background-size: 15px auto; } 
 }

@media screen and (max-width: 767px) { 
  /* 서브 페이지 */
  .sub_banner { height: 360px; } 
  .sub_sec { padding: 60px 0 70px; } 
  /* 서브 네비게이션*/
  .mysubmenu .inner { display: -webkit-box; display: -ms-flexbox; display: flex; } 
  .mysubmenu .main_menulist_area { display: none; } 
  .mysubmenu .inner { position: relative; } 
  .mysubmenu .menu_select.home { z-index: 30; width: 50px; height: 50px; border-right: 1px solid #ddd; background-size: 15px auto; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; } 
  .mysubmenu .menu_select.home a { line-height: 50px; } 
  .mysubmenu .menu_select { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } 
  .mysubmenu .menu_select li a { padding: 0 15px; } 
  .mysubmenu .all_menu { top: 51px; background: none; border: none; } 
  .mysubmenu li,
  .mysubmenu li a,
  .mysubmenu h3 { line-height: 50px; } 
  .mysubmenu .all_menu > div { padding-right: 1px; background: #fff; border: 1px solid #ddd; border-top: none; } 
  .mysubmenu .current_menu { background-size: 13px auto; } 
 }

@media screen and (max-width: 480px) { 
  /* 공통 Class */
  .ell { -webkit-line-clamp: 2; height: 42px; } 
  /* 서브페이지 */
  .sub_sec { padding: 50px 0; } 
  .tit_area.subpage .parallelogram { margin: 0 0 15px 5px; width: 8px; height: 15px; } 
  .tit_area.subpage .sub_tit { font-size: 14px; line-height: 18px; word-break: keep-all; } 
  .tit_area.subpage .desc { margin: 30px auto 0; } 
  /* 서브페이지 배너 */
  .sub_banner { height: 300px; } 
  .sub_banner h2 { font-size: 24px; } 
  .sub_banner span { font-size: 13px; line-height: 20px; } 
  /* 서브 네비게이션 */
  .mysubmenu li,
  .mysubmenu li a,
  .mysubmenu h3 { font-size: 13px; } 
 }

/*# sourceMappingURL=widgets.css.map */