* {
	font-family: 'Pretendard'; font-weight: 400;
}
ol,ul { list-style: none;}
button { border: none; cursor: pointer;}
button:focus { outline: unset;}

/* navbar */
.navbar-dark .navbar-toggler-icon { background-image: url('/pages/images/common/menu_icon.svg');}

.ety-main { margin-bottom: 99px;}

.dropdown-menu { 
	min-width: unset;
	border: none;
}
.dropdown-toggle::after {
	display: none;
}
.container { width: 100%; max-width: 1140px !important; margin: 0 auto;}

/* main slide */
.carousel-item { height: 700px; background-image:url('/pages/images/main/visual_01.png');}
.slide_txt { position: absolute; top: 180px; left: 50%; transform: translateX(-50%); text-align: left; width: 100%; max-width: 1110px; color: #fff;}
.slide_h3 { font-family: 'GmarketSans'; font-size: 54px; font-weight: 500; line-height: 140%; word-break: keep-all;}
.slide_h3 > span { font-size: 70px;}
.slide_p1 { font-family: 'GmarketSans'; font-size: 25px; font-weight: 500; margin-top: 30px; word-break: keep-all;}
.slide_p2 { font-family: 'GmarketSans'; font-size: 20px; font-weight: 300; margin-top: 75px; word-break: keep-all;}

/* main_icon */
.mainicon_wrap { display: flex; align-items: self-start; justify-content: space-between; flex-wrap: nowrap; padding: 80px 0 40px 0;}
.main_icon { flex: 1; text-align: center; display: block; }
.main_iconi { width: 100%; max-width: 91px; display: inline-block;}
.main_iconP { font-size: 17px; color: #009178; font-weight: 500; padding-top: 20px; margin-bottom: 0; }
.main_iconSpan { font-size: 15px; color: #a8a8a8;}

/* footer_wrap */
.footer { color: #cfcfcf; font-size: 15px;}
.footer_wrap { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;}
.footer_wrap img { width: 100%; max-width: 140px; }
.address { word-break: keep-all; margin-bottom: 0;}
.address ul { margin-bottom: 0;}
.address ul li span ~ span { margin-left: 20px; }
.address ul li { position: relative }
.address .login_btn { position: absolute; top: 0; right: 0;  }
.address .login_btn a { border: 1px solid #b5b5b5; border-radius: 15px; padding: 3px 10px; }
.address .login_btn a:hover { color:#cfcfcf}


.select { position: relative; width: 200px; border: 1px solid #b5b5b5; background-color: #6b7c4c; z-index: 1; }
.select > a { position: relative; display: block; font-size: 15px; font-weight: 500; line-height: 40px; color: #cfcfcf; padding: 0 18px; background-image: url('/pages/images/common/icon01.png'); background-position: right 18px center; background-repeat: no-repeat; }
.select > ul { position: absolute; bottom: 24px; left: -1px; width: calc(100% + 2px); border: 1px solid #b5b5b5; border-bottom: none; background-color: #6b7c4c; display: none; }
.select > ul > li { padding: 7px 18px; }

/* desktop */
.about-bg{background-image:url('/pages/images/sub/visual_sub.png'); background-size: cover; background-position:center center; background-repeat:no-repeat ;color:#fff; height:300px; }
.lead{font-size:1.25rem;font-weight:300}
.display-4{font-size:2.5rem;font-weight:300;line-height:1.2}

/* h1_subTitle */
.h1_subTitle { font-family: 'GmarketSans'; font-size: 40px; line-height: 1; margin-bottom: unset; margin-top: 50px;}

/* lnb_wrap */
.lnb_wrap { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1140px;}
.lnb_ul { display: flex; justify-content: space-between; align-items: center; background: rgba(59, 142, 98, .65); margin-bottom: 0;}
.lnb_ul li { flex: 1;}
.lnb_ul a { text-align: center; padding: 20px 10px; font-family: 'GmarketSans'; font-size: 20px; font-weight: 500; color: #fff; line-height: 120%; word-break: keep-all; transition: all .3s; display: flex; align-items: center; justify-content: center; }
.lnb_ul a:hover,
.lnb_ul a.on { background: #ced5c2; color: #009178;}

/* location */
.home { color: #555555; width: 100%; max-width: 1140px; margin: 20px auto 0;}

/* h2 */
.h2_title { font-size: 30px; font-weight: 400; position: relative; padding-left: 25px; word-break: keep-all;}
.h2_title:before { content:''; width: 22px; height: 20px; display: inline-block; margin-left: -35px; background: url('/pages/images/sub/h2_dot.svg') center no-repeat; padding-left: 35px;}

/* about */
.about { display: flex; justify-content: space-between; align-items: flex-start; gap: 100px;}
.about li { flex: 1; font-size: 17px; line-height: 160%;}

/* vision */
.vision_wrap { position: relative; background-color: #ebebeb; height: 380px; margin-top: 150px; }
.vision_img { width: 100%; max-width: 820px; position: absolute; left: 50%; top: -175px; transform: translateX(-50%); }
.vision_goal { background: url('/pages/images/sub/goal_bg.png') bottom center no-repeat; background-size: 95%; padding-top: 40px; padding-bottom: 190px; margin-bottom: -80px; }
.goal_ul { margin-top: 70px; margin-left: 115px; word-break: keep-all;}
.goal_ul li { font-size: 20px; position: relative; margin-bottom: 15px; word-break: keep-alls;}
.goal_ul li:before { content:''; width:20px; height:20px; background:url('/pages/images/sub/li_icon.svg') center no-repeat; margin-left: -30px; position:absolute; top:15px; transform:translateY(-50%); }
.goal_ul li span { border-bottom: 1px dotted #c6c6c6;}

/* 연혁 */
.history_wrap { position: relative; }
.history_wrap::before { content: ""; display: block; position: absolute; left: 50%; top: 20px; width: 1px; height: 100%; background: url('/pages/images/sub/dotline-h.png') center repeat-y; }
.history_in { overflow:hidden; clear:both;position:Relative; padding:0 0 25px 0; z-index:1; color:#555; }
.history_in::before { content: ""; display: block; position: absolute; left: 50%; top: 18px; margin-left: -2px; width: 5px; height: 5px; border-radius: 50%; background: #b3cf0a; }
.history_in:nth-child(even) > div {float:right; }
.history_in > div { float:left; width:50%; box-sizing:Border-box; }
.history_in .history_list { position: relative; padding: 50px 30px 0 0; text-align: right; }
.history_in:nth-child(even) .history_list { padding: 55px 0 0 30px; text-align: left; }
.history_blank { min-height:5px; }
.history_in .history_list h2 { position: absolute; left: auto; right: 0; top:0; margin-right:20px; margin-bottom: 0; padding: 9px 17px !important;  background: rgb(104,134,61);
	background: linear-gradient(90deg, rgba(104,134,61,1) 18%, rgba(6,82,66,1) 70%); border-radius: 35px; font-size: 20px; color:#fff; line-height: normal !important; }
.history_in:nth-child(even) .history_list h2 { left: 0; right: auto; margin-left: 20px; margin-right: 0; }
.history_in:nth-child(even) .history_list li { display: flex; }
.history_in .history_list ol { margin-block: unset; padding-inline: unset; /* margin-left: 30px; */}
.history_in .history_list li { font-size: 18px; text-align: left; /* word-break: keep-all; */ margin-bottom: 10px; }
.history_in .history_list li.history_array { margin-bottom: 3px; }
.history_in .history_list p { margin-top: 5px; margin-bottom: 0; text-indent: 80px; }
.history_in .history_list strong {  display: inline-block;  margin-right: 10px; min-width: 70px; font-weight: 600; text-align: right; }

/* 조직구성 및 임원현황 */
/* .tab { width: 100%; max-width: 1140px; margin: 0 auto; }
.tab ul { display: flex; align-items: center; line-height: 0; margin-bottom: 0; }
.tab li { flex:1; height: 69px; line-height: 69px; border: 1px solid #ebebeb; border-bottom: 2px solid #333333; text-align: center;  }
.tab li a { font-size: 18px; font-weight: 300; color: #666;  }
.tab li.on  { border: 2px solid #333333; border-bottom: 0;  }
.tab li.on a { color: #333; font-weight: 500; } */

.tab {padding: 33px 0 70px;}
.tab ul {display: flex; height: 69px; border-bottom: 2px solid #333333;}
.tab ul li {flex: 1; position: relative; margin: 0 0 0 -1px; border: 2px solid #d7d7d7; border-bottom: none;}
.tab ul li button {width: 100%; height: 69px; background-color: transparent;}
.tab ul li.on {z-index: 2; height: 69px; border-color: #333333; border-bottom: 2px solid #fff;}
.tab ul li.on button {background: #fff;}
.tab_content {display: none; }
.tab_content.on {display: block;}

.organ_wrap { text-align: center; }
.organ_wrap { width: 100%; max-width: 1050px; margin: 0 auto; }

.table { border-top: 2px solid #222; border-bottom: 1px solid #222; }
.table thead td { text-align: center; font-size: 18px; font-weight: 500; color: #000; background-color: #dee2e6;}
.table tbody td { text-align: center; font-size: 17px; color: #222; }
.table tbody td { border-right: 1px solid #dee2e6; }
.table tbody td:last-child { border-right: none;}

/* 인증서 */
.certificate_wrap { display: flex; justify-content: flex-start; align-items: self-start; gap: 50px;}

/* business */
.business_wrap { text-align: center; }
.business_wrap img { width: 100%; max-width: 992px; margin: 0 auto; }


/* 오시는 길 */
.map { width: 100%; margin-bottom: 50px; word-break: keep-all;} 
.map dl { font-size: 18px; font-weight: 400; display: flex; align-items: baseline; } 
.map dt { width: 110px; } 
.map dd { width: calc(100% - 110px); margin-bottom: 0;}
.map dl span { font-size: 16px; color: #505050; margin-left: 10px; } 
.map__kakaomap { position: relative; margin: 0 auto; max-width: 1140px !important; width: 100%; border-bottom: 1px solid #dbdbdb; } 
.map__kakaomap .root_daum_roughmap { width: 100%; padding-bottom: 56.25%; } 
.map__kakaomap .root_daum_roughmap .wrap_map { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } 
.map__kakaomap .root_daum_roughmap_landing { margin: -1px 0 0 -1px !important; } 

/* Board */
.lnb_wrappc { width: 100%; max-width: 1140px; margin: 0 auto; position: relative; z-index: 10;}
.h1_subTitleBoard { text-align: center; font-family: 'GmarketSans'; font-size: 40px; line-height: 1; color:#fff; width: 100%; max-width: 1140px; margin: -202px auto 98px; position: relative; z-index: 15;  }
.board_title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.search_wrap,
.search_box { display: flex; justify-content: space-between; align-items: center; } /* 검색위치이동 */
.search_box > fieldset { margin-top: 5px;}


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

	/* main */
	.slide_txt { width: 90%;  }

	.home { font-size: 15px; font-weight: 300; padding: 0 15px 0 15px; }

}

/* 상단배경수정 */
/* mobile */
@media screen and (max-width:1023px) {

	/* navi */
	.ety-main{margin-bottom:80px;}

	/* navigation */
	.h1_subTitleBoard { margin: -122px auto 20px;}

	.about-bg{  -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover; height:180px; }
	.ml-auto,.mx-auto{padding-top:10px;padding-bottom:10px}
	.lead{font-size:12px;font-weight:300}
	/* .display-4{ font-size:1.5rem;font-weight:300;} */
	.btn,
	a.btn{ min-height:20px!important; height: auto; line-height: unset; padding: 5px; text-align:center;border:0;-webkit-transition:background-color .3s ease-out;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;transition:background-color .3s ease-out}
	.btn-outline-secondary{font-size:11px;padding:0 5px}

	/* footer */
	.footer_wrap { flex-direction: column; align-items: center;}
	.address { text-align: center;}

	/* main */
	.slide_txt { width: 90%; top:130px; }
	.slide_h3 { font-size: 53px;}
	.slide_p1 { font-size: 20px;}
	.slide_p2 { font-size: 14px;}

	.mainicon_wrap { padding: 0; margin-bottom: -80px;}
	.main_icon { padding: 80px 0 50px 0;}
	.main_icon:nth-child(1) { background-color: #d1d2d1;}
	.main_icon:nth-child(3) { background-color: #f1f1f1;}
	.main_iconP { line-height: 140%; }
	.main_iconSpan { display: none;}
	.main_iconi img { width: 90%; margin: 0 auto;}

	/* lnb_wrap */
	.lnb_ul li { display: flex; align-items: center; }
	.lnb_ul a { flex: 1; font-family: 'Pretendard'; font-size: 15px; padding: 13px 0; min-height: 62px;}

	/* h1 */
	.h1_subTitle { font-size: 35px; margin-top: 0;}

	/* h2 */
	.h2_title { font-size: 30px; }
	.h2_title:before { content:''; width: 20px; height: 18px; background: url('/pages/images/sub/h2_dot.svg') center no-repeat;}

	/* about */
	.about { flex-direction: column-reverse; align-items: center; }

	/* history */
	.history_wrap::before { left:2px; }
	.history_in::before { left:0; margin-left: 0; }
	.history_in > div { float: left; width:100%; }
	.history_in .history_list { padding: 55px 0 0 30px; text-align: left; }
	.history_in .history_list h2 { left: 0; right: auto; margin-left: 1rem; margin-right: 0; }

	/* board */
	.board_num,
	.board_name,
	.board_hit,
	.board_date { display: none;}

	/* table */
	.table colgroup,
	.organ_table td:nth-child(1) { display: none; }
	 

}

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

	/* navi */
	.navbar { padding: 11px 0px 11px 15px;}
	.ety-main{margin-bottom:63px;}

	/* navigation */
	.h1_subTitleBoard { margin: -122px auto 20px;}

	/* main */
	.carousel-item { height: 545px; background-image:url('/pages/images/main/visual_01_mobile.png');}

	.home { max-width: 960px; }

}

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

	/* main */
	.mainicon_wrap { margin-bottom: -50px;}

	/* footer */
	.address ul li span { display: block;}
	.address ul li span ~ span { margin-left: 0;}
	.address .login_btn { position: relative; padding-top: 5px;}

	/* h1 */
	.h1_subTitle { margin-top: 48px;}

	.home { max-width: 720px; }

	/* vision */
	.vision_wrap { height: 280px; }

	.goal_ul { margin-left: 75px;}

	/* 오시는 길 */
	.map dl { font-size: 16px; }
	.map dt { width: 60px; } 
	.map dd { width: calc(100% - 60px); margin-bottom: 0;}
	.map dd span { margin-left: 0;}
	
	/* board */
	.search_wrap,
	.search_box { flex-direction: column-reverse; align-items: flex-start; gap: 20px;}	
	.search_box > .btn_bo_user { display: none;}

}

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

	.home { max-width: 540px;  }

	/* history */
	.history_in .history_list li { display: flex; flex-direction: column;}
	.history_in .history_list li strong { text-align: left;}
	.history_in .history_list p { text-indent: 0;}

	/* vision */
	.vision_wrap { height: 230px; }	

}

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

	/* main */
	.slide_h3 { font-size: 38px; letter-spacing: -1px;}
	.slide_h3 span { font-size: 48px}
	.slide_p1 { font-size: 18px;}
	.slide_p2 { font-size: 14px;}

	/* vision */
	.vision_wrap { height: 180px; }

}


/* @media screen and (min-width:1200px) {
	.container { max-width: unset;}
} */
@media screen and (min-width:992px) {
	.container { max-width: unset;}
}
@media screen and (min-width:768px) {
	.container { max-width: unset;}
}
@media screen and (min-width:576px) {
	.container { max-width: unset;}
}