/* include 공통 CSS */

/************************* 공통 시작*************************/

.sub_title_navi			{display:none;}
.sub_tab						{display: block; position: relative;}
.new_tab {position: absolute; bottom: 0; left: 50%; transform: translate(-50%);}

/* left menu 있을때... */
/*
.sub_left								{width:15%; max-width:200px; float:left;}
.sub_right						{width:82%; padding-right:1%; float:right; position:relative;}
*/

.sub_left								{display:none; }
.sub_right						{width:100%; position:relative;}

@media(max-width:1100px){
.sub_left	{display:none;}
.sub_title_navi			{display:none; }
.sub_tab	{display:block;}
.sub_right					{width:100%; padding-right:0%; padding:3%; float:none;}
}
@media(max-width:768px){
.sub_title_navi			{display:block;}
.sub_tab						{display:none;}
}
2021-03-15
.content_title			{margin:15px 0; padding:15px 0; border-bottom:1px solid #dfdfdf;}
.content_title h1		{font-size:18px; font-weight:700; color:#000;}
.content_title p		{font-size:12px;}

.content_desc				{min-height:300px;padding-top:20px;}

.inner {max-width: 1200px; width: 100%; margin: 0 auto;}

/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/

.header_gnb_bg {background: #0e3528; z-index:99; position: fixed;width:100%; background: #0e3528; left:0; top:0px;}
.header_gnb_bg * {transform: none;}
.header_t {min-width:1200px; display: flex; align-items: center; justify-content: space-between; height: 90px;}
.header_logo img {display: block;}

.header_blank {height: 90px;}


/* global navigation bar */
.gnb								{position:relative; z-index:999;}
/* gnb Common */
.menu								{position:relative;}
.menu .major > ul										{list-style:none; display:flex; justify-content:flex-end; width:100%;}
.menu .major > ul li								{position:relative;}
.menu .major > ul > li > a					{position:relative; padding:0; color:#fff; display:inline-block; margin-left: 55px; padding:10px 0px; font-size: 20px; font-family:'Nanum Gothic', '맑은고딕', '돋움', sans-serif; font-weight: bold;}
.menu .major > ul > li > a span {padding-bottom: 30px;}

/*대메뉴 포커스 효과 변경시 */
.menu .major > ul > li > a::after {display: none; position: absolute; content: ""; top: 90%; left: 0; width: 100%; height: 3px; background: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: center; transform-origin: center; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }



/*대메뉴 포커스 효과 변경시 */
.menu .major > ul > li > a:hover::after ,
.menu .major > ul > li > a:active::after ,
.menu .major > ul > li > a:focus::after,
.menu .major li.active > a::after,
.menu .major li.pactive > a::after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: center; transform-origin: center; }

.menu .major > ul > li.pactive ul.sub{opacity:0;visibility:hidden;transform: translateY(-.5em);z-index: 1;}
/*대메뉴 포커스 효과 변경시 */

/* gnb 2depth */
.menu .major ul.sub							{
	display:inline;
	position:absolute; 
	top:45px; 
	border:1px solid #dfdfdf; 
	background:#fff;
	visibility:hidden;
	opacity:0;
	z-index: -1;
	transform: translateY(-.5em);
	transition: all 0.2s ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s;
	margin-left: 25px;
}

.menu .major li.active ul.sub		{display:block; opacity:1; visibility:visible; transform: translateY(0%);z-index: 1;transition-delay: 0s, 0s, 0.3s;}
.menu .major ul.sub li					{clear:both; margin:0; padding: 15px 9px; text-align: center;}
.menu .major ul.sub li a				{color:#555; font-size: 18px; transition: 0.3s; font-weight: 600;}
.menu .major ul.sub li a:hover	{color:#007829;}

/* gnb 2depth  */
li.m1 ul.sub{width:220px;}
li.m2 ul.sub{width:220px;}
li.m3 ul.sub{width:220px;}
li.m4 ul.sub{width:220px;}
li.m5 ul.sub{width:220px;}

/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.main_a {background: url('./img/main01_bg.jpg') no-repeat center; width: 100%; height: 570px;display: none;} 
.main_a ul {display: flex; justify-content: space-around; width: 930px; margin: 0 auto; padding-top: 120px;}
.main_a li {text-align: center;}
.main_a li img {transition: 0.2s; vertical-align: top;}
.main_a li img:nth-child(2) {display: none;}
.main_a li p {font-size: 20px; color: #131313; font-weight: 800; margin-top: 15px; text-align: center;}
.main_a li:hover img:first-child {display: none;}
.main_a li:hover img:nth-child(2) {display: inline;}

.main_b {padding: 40px 0 60px; position: relative;}
.main_b > .inner {width: 100%; }
.main_b h2 {text-align: center;}
.main_b ul {display: flex; justify-content: space-between;  flex-direction: row-reverse;}


.main_b_flex {display: flex; justify-content: space-between;}
.main_b_flex > li {width: 48%;}
/* .main_b::after {content: ""; display: block; width: 100%; height: 530px; background: #f4f4f4; position: absolute; top: 60%; left: 0; z-index: -1;} */

.main_c {padding-bottom: 135px; background:url("./img/m2.png") center 95% no-repeat; background-size:contain;}
.main_c .right .box:first-child {background:url("./img/main3_r01.jpg") center right no-repeat; background-size:cover;}
.main_c .right .box:last-child {background:url("./img/main3_r02.jpg") center right no-repeat; background-size:cover;}

.main_wrap { background:linear-gradient(to top, #fce8de 5%, transparent 40%);}
.main_wrap .footer_wrap:before {display: none;}
/************************* main_inc 끝*************************/

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:50px; border-bottom:1px solid #ddd; } 
.navi_in	{max-width:1200px; margin:0 auto; padding:0;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; padding:0; width:50px; }
.home_btn_all .home_btn {border-right:1px solid #efefef; border-left:1px solid #efefef;}
.home_btn_all .home_btn a	{display:block; height:49px; line-height:50px; text-align:center; }
.home_btn_all .home_btn a:hover		{background:#f8f8f8;}
.home_btn_all .home_btn a img	{vertical-align:middle;}

.navi_left					{float:left;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{padding:0 0 0 0; height:50px; width:250px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; height:40px; width:250px; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:14px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#777; font-size:14px; margin-left:10px;}
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#333 !important;;}

.navi_sub {padding:0; height:50px; width:250px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2						{ color:#333333; font-size:14px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend							{position:relative; top:-1px; width:100%; }
.extend > ul				{position: absolute;left:-1px; min-height:1px;width:251px;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:251px; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }

/*
position:absolute; left:-20px; min-height:1px; width:256px; padding-left:20px;  border-top:1px solid #efefef; z-index:999; background:#ddd; 
*/

.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/
.footer_wrap {background: #111;}
.footer_wrap_before {}
.footer_wrap_before img {max-width:100%;}
.footer_wrap > .inner {padding: 40px 0;}
.footer_wrap > .inner > p, .footer_wrap > .inner > ul li {font-size: 15px; color: #c5c5c5;}
.footer_wrap > .inner > p {line-height: 1.8; margin-bottom: 12px;}
.footer_wrap > .inner > p > span::after {content: ""; display: inline-block; width: 1px; height: 12px; background: #c5c5c5; margin: 0 5px 0 10px;}
.footer_wrap > .inner > p > .line_none::after {display: none;}

.footer_wrap > .inner > ul {display: flex; align-items: center; justify-content: space-between;}
.footer_wrap > .inner li a {font-size: 14px; color: #c5c5c5;}
.footer_wrap > .inner li:first-child a {background: #b2d043; color: #000; padding: 5px 7px; margin-left: 10px;}
.footer_wrap > .inner li a:last-child {margin-left: 10px;}


/************************* footer_inc 끝 *************************/



/************************* left_lnb_inc 시작 *************************/
.left_lnb		{  }
/************************* left_lnb_inc 끝 *************************/


/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/

#wrap_sub {padding: 100px 0;}
.sub_btn {font-size: 22px; text-align: center;}
.sub_btn > a {background: #faa226; padding: 30px 40px; color: #fff; display: inline-block;}

.sub13 img {margin: 0 auto; display: block;}
.sub32 img {margin-bottom: 20px;}

.sub41_btn .sub_btn { padding-top: 50px;}
.sub41_btn .sub_btn > a {background: #007829;}

.main_txt {text-align: center; font-size: 32px; font-weight: 400; margin-bottom: 12px;}
.main_txt > span {font-weight: 800;}
.sub_txt {font-size: 18px; text-align: center;}

.main_a .main_txt { padding-top: 80px;}