@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.css");
@import url("user.css");
@import url("introduce.css");
@import url("company.css");
@import url("direction.css");
@import url("business_info.css");
@import url("business_area.css");
@import url("business_type.css");
@import url("board.css");
@import url("sub.css");

.news_visual_img.faq_visual_img { width: 100%; height: 350px; background-image: url("../img/sub/banner_5.png"); background-size: cover; background-position: center; 
	background-repeat: no-repeat; position: relative; } 
.news_visual_img.qna_visual_img { width: 100%; height: 350px; background-image: url("../img/sub/banner_2.png"); background-size: cover; background-position: center; 
	background-repeat: no-repeat; position: relative; } 

/*visual S*/
.news_visual_img { width: 100%; height: 350px; background-image: url("../img/sub/banner_3.png"); background-size: cover; background-position: center; 
	background-repeat: no-repeat; position: relative; } 
.news_visual_text { color: #fff; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 
.news_visual_text h6 { font-size: 50px; line-height: 70px; text-align: center; color: #fff; } 
.news_visual_text p { font-size: 20px; line-height: 25px; text-align: center; color: #fff; display:none; } 

/*visual E*/
/*visual S*/
.list_visual_img { width: 100%; height: 500px; background-image: url("../img/sub/banner_2.png"); background-size: cover; background-position: center;
	background-repeat: no-repeat; position: relative; } 
.list_visual_text { color: #fff; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 
.list_visual_text h6 { font-size: 50px; line-height: 70px; text-align: center; color: #fff; } 
.list_visual_text p { font-size: 20px; line-height: 25px; text-align: center; color: #fff; } 

/*visual E*/
/*visual S*/
.pro_visual { background: url("../img/sub/banner.png"); background-position: center; background-size: cover; background-repeat: no-repeat; } 

/*visual E*/
/* 서브 네비게이션 */
.mysubmenu { display: none; position: relative; margin: -35px auto 0; width: 1200px; padding: 0 20px; z-index: 21; position: absolute; bottom: 0; } 
.mysubmenu .inner { padding: 0; width: 100%; background: rgba(52, 126, 226, 0.7); 
	/* border: 1px solid #ddd;  background-color: rgba(0, 0, 0, 0.7);  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: rgba(52, 126, 226, 0.3); /*background-color: rgba(0, 0, 0, 0.7);*/ background-position: center;} 
.mysubmenu .menu_select.home a { text-align: center; line-height: 70px; font-size: 24px; padding: 0; } 
.mysubmenu .menu_select.home a i {color: rgba(255, 255, 255, 0.7); color: #fff;} 
.mysubmenu .menu_select li { position: relative; } 
.mysubmenu .menu_select li.on a { /* content: ''; display: block; width: 4px; height:100%; position: absolute; top: 0; left: 0; */ background-color: var(--main-color-blue); } 
.mysubmenu .menu_select li a { padding: 0 24px; } 
.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: rgba(255, 255, 255, 0.7); */ color:#fff; font-weight: 400; } 
.mysubmenu .all_menu ul + ul li { border-top: 1px solid #ddd; } 
.mysubmenu .all_menu li:hover { background: var(--main-color-blue); } 
.mysubmenu .all_menu li:hover a { color: #fff; } 
.mysubmenu .all_menu.all_submenu li { border-top: 1px solid #eee; } 
.mysubmenu .all_menu.all_submenu li:first-child { border-top: 0; } 

@media screen and (max-width: 1199px) { 
	/* 서브 네비게이션 */
	.mysubmenu { margin: -30px auto 0; 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; } 

	/* 서브 네비게이션*/
	#mysubmenu { display: none; } 
	.mysubmenu { display: block; margin: -25px auto 0; padding: 0; left: 5%; width: 90%; } 
	.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 #eee; 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; border-right: none; } 
	.mysubmenu .menu_select li a { padding: 0 15px; } 
	.mysubmenu .all_menu { top: 50px; background: none; border: none; } 
	.mysubmenu li,
	.mysubmenu li a,
	.mysubmenu h3 { line-height: 50px; } 
	.mysubmenu .all_menu > div { padding-right: 1px; background: rgba(0, 0, 0, 0.85); border: 0; border-top: none; } 
	.mysubmenu .current_menu { background-size: 13px auto; } 
 }

@media screen and (max-width: 980px){
	.news_visual_img.faq_visual_img { height: 450px; } 
	.news_visual_img.qna_visual_img { height: 450px; } 
	.news_visual_img { height: 450px; } 
 }

@media screen and (max-width: 767px) { 
	

	.news_visual_img.faq_visual_img { height: 380px; } 
	.news_visual_img.qna_visual_img { height: 380px; } 
	.news_visual_img { height: 380px; } 
 }

@media screen and (max-width: 480px) { 
	/* 서브 네비게이션 */
	.mysubmenu li,
	.mysubmenu li a,
	.mysubmenu h3 { font-size: 13px; } 

	.news_visual_img.faq_visual_img { height: 260px; } 
	.news_visual_img.qna_visual_img { height: 260px; } 
	.news_visual_img { height: 260px; } 
 }