.sub_top {
	width: 100%;
	height: 440px;
	background-size: cover;
	background-repeat: no-repeat;
}

.introduction_top {
	background-image: url('../images/sub/introduction_top.png');
}

.sub_top_con {
	position: relative;
	width: 1280px;
	height: 100%;
	margin: 0 auto;
}

.sub_top_navText {
	position: absolute;
	bottom: 36px;
	right: 30px;
	z-index: 1;
}

.sub_top_navText li {
	float: left;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	margin-right: 33px;
	position: relative;
}

.sub_top_navText li:last-child {
	margin-right: 0;
}

.sub_top_navText li::after {
	position: absolute;
	top: 2px;
	right: -16px;
	z-index: 2;
	content: "";
	display: block;
	width: 1px;
	height: 16px;
	background-color: #fff;
}

.sub_top_navText li:last-child::after {
	display: none;
}

.sub_wrap {
	width: 1280px;
	height: auto;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 65px 0 160px;
	position: relative;
}

.sub_wrap::after {
	display: block;
	content: "";
	clear: both;
}

.sub_wrap>div {
	float: left;
}

.sub_nav_box {
	width: 330px;
	padding-right: 100px;
	height: auto;
}

.sub_contents img {
	max-width: 100%;
	float:right;
	
}

.sub_contents img.resize{
	width:600px;
	float:none;
}

.sub_contents {
	box-sizing: border-box;
	padding: 35px 25px 50px 25px;
	margin-top: 100px;
}

.sub_menu {
	width: 100%;
}

.sub_menu>li:last-child .sub_menu_title {
	border-bottom: 1px solid #999;
}

.sub_menu_title {
	width: 100%;
	height: 53px;
	box-sizing: border-box;
	border-top: 1px solid #999999;
	cursor: pointer;
	font-size: 19px;
	font-weight: 500;
	color: #000;
	line-height: 53px;
	padding-left: 30px;
}

.sub_detail_menu {
	width: 100%;
	box-sizing: border-box;
	padding: 30px 0 30px 50px;
	background-color: #40af74;
	display: none;
}

.sub_detail_menu li a {
	font-size: 20px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.5);
	line-height: 36px;
	display: block;
}

.sub_detail_menu li a:hover {
	color: #fff;
}

.sub_detail_menu li a.on {
	color: #fff;
}

.sub_detail_menu.on {}

.sub_menu_title.on {
	border-top: 1px solid #006860;
	color: #106c64;
	font-size: 23px;
}

.cs_quick_menu {
	display: block;
	width: 100%;
	height: 150px;
	box-sizing: border-box;
	/*border-bottom:1px solid #999;*/
	background: url('../images/sub/cs_quick_menu.png') no-repeat 7% center;
	position: relative;
}

.history_part .contexts_desc_txt {
	display: block;
	width: 430px;
}

.contexts_desc_txt {
	font-size: 26px;
	font-weight: 400;
	color: #000;
	line-height: 36px;
	letter-spacing: 0px;
	word-break: keep-all;
}

.contexts_desc_txt.in_img {
	display: block;
	position: relative;
}

.contexts_desc_txt>span.inline {
	/* display:inline-block; */
	/* width:450px; */
	font-size: 26px;
	font-weight: 400;
	color: #000;
	line-height: 36px;
	letter-spacing: 0px;
	word-break: keep-all;
	display: block;
}

.sub_menu_bn_txt {
	font-size: 14px;
	font-weight: 400;
	color: #000;
	line-height: 16px;
	position: absolute;
	top: 30px;
	left: 165px;
}

.sub_menu_bn_tit {
	font-weight: 700;
}

.sub_menu_bn_btn {
	display: block;
	font-size: 26px;
	font-weight: 600;
	color: #10206d;
	padding-top: 12px;
	letter-spacing: 0.01em;
	font-family: "Oswald";
}

.sub_menu_bn_btn2 {
	display: block;
	font-size: 21px;
	font-weight: 600;
	color: #3faf74;
	padding-top: 10px;
	letter-spacing: 0.03em;
	font-family: "Oswald";
}

.sub_con_tit_box {}

.sub_con_tit_box.mt-50 {
	margin-top: 50px;
}

.sub_con_tit_box h2 {
	font-size: 52px;
	color: #000;
	letter-spacing: -3px;
	font-weight: 400;
	font-family: "NotoSansKR";
}

.sub_con_tit_box .contents_tit_line {
	display: block;
	width: 100px;
	height: 2px;
	background-color: #005952;
	margin: 30px 0;
}

.sub_con_tit_box h3 {
	font-size: 50px;
	color: #187543;
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: -2px;
	font-family: 'NotoSansKR';
}

.introduction_txt_box {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	padding-top: 70px;
}

.introduction_txt_box p {
	/*padding-bottom: 200px;*/
}

.introduction_img_box {
	z-index: 10;
	width: 379px;
	height: 517px;
}

.introduction_img2 {
	position:absolute;
	right:0;
	bottom:74px;
}

.introduction_img2 p {
	/*position: absolute;
	top: 16px;
	right: 136px;*/
	z-index: 10;
	letter-spacing: -0.03em;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #000;
	text-align: right;
	float:right;
}

.contents_txt_line {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #cccccc;
}

.business_txt_box {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	padding-top: 70px;
}

.business_txt_box p {}

.business_txt_box p.txt1 {
	padding-bottom: 45px;
}

.sub_tit {
	font-size: 25px;
	font-weight: 400;
	color: #187543;
	padding: 40px 0;
}

.business_point_box {
	width: 100%;
	height: 250px;
	background-color: #fafafa;
	margin: 25px 0 20px;
	box-sizing: border-box;
	padding: 20px;
}

.business_point_box li {
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 30px;
	position: relative;
	margin-left: 15px;
}

.business_point_box li::before {
	display: block;
	content: "";
	position: absolute;
	top: 13px;
	left: -13px;
	width: 4px;
	height: 4px;
	background-color: #106c64;
	border-radius: 4px;
}

.business_img2 {
	background: url('../images/sub/business_img2.png') no-repeat center center;
	width: 780px;
	height: 520px;
	margin-bottom: 85px;
}

.business_img2::after {
	display: block;
	content: "";
	clear: both;
}

.business_img2 li {
	float: left;
	width: 260px;
	height: 33.33%;
	box-sizing: border-box;
}

.business_img2 li:nth-child(2) {
	font-size: 20px;
	text-align: center;
	color: #fff;
	font-weight: 400;
	padding-top: 62px;
	line-height: 26px;
}

.business_img2 li:nth-child(3) {
	font-size: 14px;
	text-align: center;
	color: #333;
	font-weight: 400;
	padding-top: 24px;
	line-height: 18px;
}

.business_img2 li:nth-child(4) {
	font-size: 20px;
	text-align: center;
	color: #fff;
	font-weight: 400;
	padding-top: 62px;
	line-height: 26px;
}

.business_img2 li:nth-child(5) {
	font-size: 20px;
	text-align: center;
	color: #333;
	font-weight: 400;
	padding-top: 35px;
	line-height: 29px;
}

.business_img2 li:nth-child(5) h4 {
	font-size: 26px;
	text-align: center;
	color: #1b2950;
	font-weight: 600;
	padding-bottom: 10px;
}

.business_img2 li:nth-child(6) {
	font-size: 20px;
	text-align: center;
	color: #333;
	font-weight: 400;
	padding-top: 62px;
	line-height: 26px;
}

.business_img2 li:nth-child(7) {
	font-size: 16px;
	text-align: center;
	color: #333;
	font-weight: 400;
	padding-top: 62px;
	line-height: 26px;
}

.business_active_house {
	width: 100%;
	height: 250px;
}

.business_active_house::after {
	display: block;
	content: "";
	clear: both;
}

.business_active_house li {
	float: left;
	margin-right: 19px;
}

.business_active_house li:last-child {
	margin-right: 0;
}

.history_txt_box {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	/*padding-top: 70px;*/
	position: relative;
}

.history_txt_box::before {
	display: block;
	 content:"";
	position: absolute;
	top: 0;
	left:0;
	width: 1px;
	height: 100%;
	background-color: #e3e3e3;
}

.history_txt_box::after {
	display: block;
	content: "";
	clear: both;
}

.history_txt_box>li {
	/* float:left; */
	/* width:50%; */
	list-style: none;
	margin-left:20px;
}

.history_left {
	text-align: left;
	box-sizing: border-box;
}

.history_img1 {
	margin-bottom: 23px;
}
.history_part{
	margin-top:40px;
	position: relative;
}
.history_part h5 {
	font-size: 48px;
	font-weight: 400;
	color: #000;
	position: relative;
	font-family: 'PlayfairDisplay';
}

.history_left .history_part h5::after {
	display: block;
	 content:""; 
	position: absolute;
	left: -29px;
	top: 23px;
	width: 19px;
	height: 19px;
	background: url('../images/sub/history_point.png') no-repeat center center;
}

.history_left .history_part h5::before {
	display: block;
	/* content:""; */
	position: absolute;
	right: -70px;
	top: 15px;
	width: 60px;
	height: 1px;
	background-color: rgba(255, 66, 0, 0.4);
}

.history_part strong {
	font-size: 28px;
	font-weight: 600;
	color: #000;
	padding: 15px 0;
	display: inline-block;
}

.history_part p {}

.history_img2 {
	margin: 33px 0 115px;
}

.blank_space {
	width: 100%;
	/*height: 80px;*/
}

.history_img3 {
	margin: 25px 0 80px;
}

.history_img4 {
	margin: 42px 0 115px;
}

.history_right {
	text-align: left;
	box-sizing: border-box;
}

.history_right .history_part h5::after {
	display: block;
	 content:""; 
	position: absolute;
	left: -29px;
	top: 6px;
	width: 19px;
	height: 19px;
	background: url('../images/sub/history_point.png') no-repeat center center;
}

.history_right .history_part h5::before {
	display: block;
	 /*content:"";*/ 
	position: absolute;
	left: -70px;
	top: 15px;
	width: 60px;
	height: 1px;
	background-color: rgba(255, 66, 0, 0.4);
}

.sub_contents .contexts_desc_txt.in_img img {
	position: absolute;
	right: -140px;
	bottom: -5px;
	width: 120px;
}

.history_img5 {
}

.history_img6 {
}

.history_img7 {
}

.history_img8 {
}

.history_img9 {
}

.history_img10 {
}

.history_img11 {
}

.quick_menu_bar {
	width: 110px;
	height: 460px;
	background-color: #47545d;
	position: absolute;
	top: 65px;
	left: calc(50% + 528px);
	z-index: 1000;
	display: none;
}

.quick_menu_bar.on {
	position: fixed;
	top: 56px;
}

.quick_menu_tit {
	text-transform: uppercase;
	font-family: "Oswald";
	width: 100%;
	height: 68px;
	background-color: #40af74;
	text-align: center;
	padding-top: 16px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	box-sizing: border-box;
	line-height: 1.2;
}

.quick_menu_list {
	width: 100%;
}

.quick_menu_list>li {
	width: 100%;
	height: 117px;
	box-sizing: border-box;
	text-align: center;
	border-bottom: 1px solid #697278;
}

.quick_top_btn {
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	cursor: pointer;
	background-color: #1d1e20;
}

.quick_icon {
	display: block;
	width: 100%;
	height: 79px;
}

.quick_menu_txt {
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
}

.common_inner_txt_box {
	margin-top: 80px;
	padding: 65px 50px;
	background: #f8f8f8;
}

.common_txt_box {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	padding-top: 40px;
}

.common_txt_box p {
	padding-bottom: 0px;
}

.common_img_box {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
	width: 379px;
	height: 517px;
}

p.gray {
	font-weight: 200;
	color: #222;
}

.inner_title {
	font-size: 26px;
	letter-spacing: -1px;
	font-weight: 400;
	position: relative;
	padding-bottom: 18px;
	margin-bottom: 46px;
}

.inner_title::before {
	position: absolute;
	bottom: 0px;
	width: 60px;
	height: 2px;
	content: "";
	display: block;
	background: #2a9960;
}

h4.title1 {
	color: #187543;
	font-weight: 400;
	font-size:32px;
	letter-spacing: -0.03em;
	padding-top: 60px;
	padding-bottom: 20px;
}

h4.title1.type2 {
	padding-top: 0px;
	margin-top: -60px;
}

h4.title1.type3 {
	color: #222;
	padding-top: 30px;
}

.table1 {
	border-top: 3px solid #383838;
}

.table1>.row {
	min-height: 40px;
}

.table1>.row>.col1,
.table1>.row>.col2 {
	font-size: 20px;
	padding: 12px 40px;
	box-sizing: border-box;
	line-height: 32px;
	min-height: 40px;
	letter-spacing:-0.03em;
	height: 100%;
	float: left;
}

.table1>.row>.col1 {
	width: 35%;
	background: #daebe2;
	text-align:center;
}

.table1>.row>.col2 {
	width: 65%;
	background: #f8f8f8;
}

.table1>.row:nth-of-type(2n)>.col1 {
	background: #f7f7f7;
}

.table1>.row:nth-of-type(2n)>.col2 {
	background: #fff;
}

.table1>.row.x2 {
	min-height: 62px;
}

.table1>.row.x2>* {
	/*height: 62px;*/
}

.table1>.row.x2>.center {
	line-height: 44px;
}

.table1::before {
	content: "";
	display: block;
	clear: both;
}

ul.common_list {
	padding-bottom: 50px;
}

ul.common_list li {
	font-weight: 200;
	color: #222;
	font-size:22px;
	line-height: 36px;
	padding-left: 15px;
	position: relative;
	list-style: none;
}

ul.common_list li::after {
	position: absolute;
	left: 0px;
	top: 13px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #333;
	content: "";
	display: block;
}

.tab {
	margin-bottom: 50px;
	position: relative;
}

.tab > select {
	cursor: pointer;
	width: 100%;
	background: #f6f6f6;
	border: 1px solid #d4d4d4;
	list-style: none;
	box-sizing: border-box;
	background: url('../images/sub/tab_active_bg.png') center center no-repeat;
	background-size: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #fff;
	font-size: 26px;
	padding: 30px 30px;
	text-align: center;
}

.tab  .tab_arrow{
	width:24px;
	height:24px;
	background:url('../images/back_ico.png') center center no-repeat;
	position:absolute;
	top:50%;
	margin-top:-12px;
	right:30px;
	cursor:pointer;
	transform: rotate(-90deg);

}

.tab > select option {
	color: #000;
	padding: 10px 0;
}

.tab ul {
	padding-bottom: 60px;
}

.tab ul li {
	cursor: pointer;
	text-align: center;
	float: left;
	width: 100%;
	background: #f6f6f6;
	border: 1px solid #d4d4d4;
	list-style: none;
	box-sizing: border-box;
}

.tab ul li a {
	display: block;
	color: #333;
	transition: all .3s ease;
	text-decoration: none;
	font-size: 26px;
	padding: 30px 0;
}

.tab ul li.active a,
.tab ul li:hover.active a {
	cursor: default;
	color: #fff;
	background: url('../images/sub/tab_active_bg.png') center center no-repeat;
	background-size: cover;
}

.tab ul li:hover a {
	color: #fff;
	background: #333;
}

.tab ul li:nth-of-type(4n) {
	margin-right: 0px;
}

.tab ul::after {
	content: "";
	display: block;
	clear: both;
}

.tab2 ul {
	margin-top: 40px;
	padding-bottom: 0px;
}

.tab2 ul li {
	font-weight: 200;
	cursor: pointer;
	text-align: center;
	width: 100%;
	height: 60px;
	background: #fff;
	border: 1px solid #d4d4d4;
	border-left: 0px;
	box-sizing: border-box;
	line-height: 60px;
	font-size: 26px;
}

.tab2 ul li:first-child {
	border: 1px solid #d4d4d4;
}

.tab2 ul li {
	display: block;
	color: #333;
	transition: all .3s ease;
}

.tab2 ul li.active,
.tab2 ul li:hover.active {
	cursor: default;
	color: #fff;
	background: url('../images/sub/tab2_active_bg.png') center center no-repeat;
	background-size: cover;
	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.5);
	border: 0px;
}

.tab2 ul li:hover {
	color: #fff;
	background: #333;
}

.tab2 ul li:nth-of-type(4n) {
	margin-right: 0px;
}

.tab2 ul::after {
	content: "";
	display: block;
	clear: both;
}

section.none {
	display: none;
}

.m40 {
	margin-top: 40px;
}

.m120 {
	margin-top: 120px;
}

.p10 {
	padding-top: 10px;
}

.p20 {
	padding-top: 20px;
}

.pb0 {
	padding-bottom: 0px;
}

.common_inner_txt_box.type2 {
	padding: 35px 50px;
	margin-top: 40px;
}

.common_inner_txt_box.type2 ul.common_list {
	padding-bottom: 0px;
}

.common_inner_txt_box.type3 {
	padding: 35px 50px;
	margin-top: 0px;
}

.common_inner_txt_box.type3 ul.common_list {
	padding-bottom: 0px;
}

.contact_row {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.contact_row span {
	padding: 15px 0px;
	line-height: 20px;
}

.contact_row span.title {
	width: 110px;
	font-size: 26px;
	line-height:32px;
	float: left;
	display: inline-block;
}

.contact_row span.memo {
	width: calc(100% - 110px);
	float: left;
	font-weight: 200;
	font-size: 24px;
	line-height:32px;
	display: inline-block;
}

.contact_row::after {
	content: "";
	display: block;
	clear: both;
}