@charset "UTF-8";

/* @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); */
@import url("reset.css");
@import url("common.css");
@import url("head.css");
@import url("footer.css");
@import url("index_board.css");
@import url("user.css");
@import url("board.css");

@import url("sub_style.css");

@import url("product.css"); 

/*
@import url("history.css");
@import url("direction.css");

@import url("introduce.css");
*/


/*  */
@import url("main.css");
@import url("sub/business.css");
@import url("sub/company.css");

.info_visual_img { width: 100%; height: 320px; background-image: url("../img/business/banner.png"); background-size: cover; background-position: center; 
	background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; 
	-ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.info_visual_text { color: #fff; padding: 100px 15px; } 
.info_visual_text h6 { font-size: 40px; line-height: 50px; text-align: center; } 
.info_visual_text p { font-size: 18px; line-height: 25px; text-align: center; } 

/* */
.intro_visual_img.content_visual_img { background-image: url("../img/sub/banner.png"); } 
.intro_visual_img.business_visual_img { background-image: url("../img/sub/business_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 #d71812;} */
.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; } 
.sub_sec { padding: 80px 0 90px; } 
.sub_tit_top { padding-top: 60px; } 

@media screen and (max-width: 1199px) { 
	/* 공통 Class */
	.ell { -webkit-line-clamp: 3; height: 66px; } 
	.inner { width: 100%; max-width: 1170px; } 
	/* 서브 페이지 */
	.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 */