@charset "UTF-8";

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.all_wrap{overflow: hidden;position: relative;}

.jarallax {position: relative;z-index: 0;height: 100%;}
.jarallax > .jarallax-img {position: absolute;  object-fit: cover;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: -1;}

/* 공통 */
.width{width: 96% !important; max-width: 1400px; margin: 0 auto; position: relative;}
.common{padding: 20px 0px;}
:root{
	--main-color: #22863d;

	--fs40: 4.0rem;
	--fs32: 3.2rem;
	--fs28: 2.8rem;
	--fs24: 2.4rem;
	--fs22: 2.2rem;
	--fs20: 2.0rem;
	--fs14: 1.4rem;
}
.board_title{margin-bottom: 80px; text-align: center;}
.board_title h2{font-size: var(--fs32); font-weight: 500;}
.board_title p{margin-top: 10px; font-size: var(--fs20);}
.center{text-align: center;}
.left{text-align: left;}
.su400{font-family: 'SUIT-Regular' !important;}
.su500{font-family: 'SUIT-Medium' !important;}
.su600{font-family: 'SUIT-SemiBold' !important;}
.su800{font-family: 'SUIT-ExtraBold' !important;}
.su900{font-family: 'SUIT-Heavy' !important;}
@media all and (max-width: 1024px) {
	.common{padding: 60px 0px;}
	.board_title{margin-bottom: 60px;}
}

#header{width: 100%;background: #fff;position: fixed;top: 0;z-index: 999; transition: 0.3s all; box-shadow: 0px 1px 3px rgba(0,0,0,0.3);}
#header .head_login_wrap{display: flex; align-items: center;}
#header .head_login{display: flex;justify-content: flex-end;padding: 7px 10px; border: 1px solid #333; border-radius: 30px; margin-right: 25px;}
#header .head_login li{margin:0px 5px;}
#header .head_login a{font-size: 1.4rem; color: #333; white-space: nowrap; font-weight: 400;}
#header .head_login i{font-size: 20px;}
#header .head_menu .logo{}
#header.scroll{top:-36px;}

#header .head_menu{position: relative;display: flex;justify-content: space-between;align-items: center;width: 100%; height: 90px;}
#header .head_menu .main_menu { width: 70%; display: flex; justify-content: center; align-items: center; text-align: center; height: 100%; z-index: 9;}
#header .head_menu .main_menu .dept1 { width: 20%; position: relative; padding: 15px 0px;}
#header .head_menu .main_menu .dept1 > a { font-size: 1.8rem; font-weight: 500; }
#header .head_menu .main_menu .dept1 > a.active { color: #22863d; font-weight: bold; }
#header .head_menu .main_menu .dept1 > a.menuon { color: #22863d; font-weight: bold; }

#header .head_menu .sub_menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 100%; padding-top: 20px; display: none; padding-bottom: 90px;}
#header .head_menu .main_menu .dept2 { padding: 12px 0px; }
#header .head_menu .main_menu .dept2 a { font-size: 1.6rem; display: block;}
#header .main_menu .dept2>a:hover,
#header .main_menu .dept2>a:active,
#header .main_menu .dept2>a.menuon,
#header .main_menu .dept2>a:focus { color: #22863d;font-weight: bold;}
#header .menu_bg {background: #fff;width: 100%;height: 0;left: 0;z-index: 1;position: absolute; border-top: 1px solid #eee;}

.menu_open { position: fixed; width: 100%; height: 100vh;
background: #fff; top: 0; left: 0; z-index: 999; padding: 55px 50px 50px 50px; display: none; }
.menu_open .site_map_wrap h2 { margin-bottom: 150px; display: flex; justify-content: space-between; align-items: center;}
.menu_open .site_map { display: flex; width: 100%; }
.menu_open .site_map .dept1 { width: 20%; margin-right: 40px; }
.menu_open .site_map .dept1:last-child { border-right: 0px; }
.menu_open .site_map .dept1 > a { font-size: 2.8rem; font-weight: 700; padding-bottom: 30px; border-bottom: 2px solid #eee; display: block; margin-bottom: 30px;}
.menu_open .site_map .dept1 > a.active { color: #22863d; }
.menu_open .site_map .dept2 a { font-size: 2.0rem; position: relative; line-height: 120%; margin-bottom: 30px; display: inline-block; padding-bottom: 3px; }
.menu_open .site_map .dept2 a::after { content: ''; width: 0; height: 3px; background: rgba(45, 170, 225, 0.5); position: absolute; bottom: 0; left: 0; transition: 0.3s all; }
.menu_open .site_map .dept2 a:hover::after { width: 100%; }
.hd_bg { background: #fff; width: 100%; height: 0; left: 0; z-index: 1; position: absolute; }
.site_foot{padding-top: 20px;margin-top: 150px; border-top: 2px solid #eee; text-align: center;}

#header .menu_bar { z-index: 99; position: relative; }
#header .menu_bar span { width: 22px; height: 2px; background: #555; display: block; margin: 6px}
#header .menu_bar2 { z-index: 9999; position: relative; }
#header .menu_bar2 span:nth-child(1) { display: none; }
#header .menu_bar2 span:nth-child(2) { transform: rotate(130deg); }
#header .menu_bar2 span:nth-child(3) { transform: rotate(45deg); top: 0px; position: absolute; }
#header .menu_bar2 span { width: 22px; height: 2px; background: #555; display: block; margin: 6px}

/* 모바일 */
.mobile_head {width: 100%; height: 70px; display: flex; justify-content: space-between; align-items: center; padding: 0px 15px; display: none; position: fixed; background:#fff; z-index: 99; box-shadow: 0px 1px 3px rgba(0,0,0,0.3);}
.mobile_head .mobile_logo { width: 150px; }
.mobile_head .mobile_logo img { width: 100%; }
#mobile_menu {  display: none; position: fixed; top: 0; right: -75%; width: 75%; background: #fff; z-index: 1000; height: 100vh; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;}
#mobile_menu::-webkit-scrollbar{display: none;}
#mobile_menu .mob_logo { width: 100%; padding: 0px 20px; height: 70px; background:#fff;display: flex; justify-content: space-between; align-items: center;}
#mobile_menu .mob_logo a { width: 100px; }
#mobile_menu .mob_logo a img { width: 100%; }
#mobile_menu .mobile_close { font-size: 30px; cursor: pointer; color: #333;}
#mobile_menu .mob_menu .top_menu {display: flex;justify-content: space-between; align-items: center; padding: 20px 0px;font-size: 17px; margin: 0px 20px; border-bottom: 1px solid #8e8e8e;}
.mobile_open{font-size: 24px;}
#mobile_menu .mob_menu .topmenu.on { color: #fff; }
#mobile_menu .mob_menu .sub_menu { padding: 15px 0px; margin: 0px 20px; border-bottom: 1px solid #ccc; background: #fff; visibility: visible; }
#mobile_menu .mob_menu .sub_menu a {display: block; color: #333 ;font-size: 15px; padding: 10px; background: #fff;}
#mobile_menu .mob_menu_btn{display: flex; padding: 10px 0px; margin: 0px 20px; justify-content: space-between;}
#mobile_menu .mob_menu_btn li{width: 49%;}
#mobile_menu .mob_menu_btn a{font-size: 17px;  background: #ddd;display: flex; height: 50px; justify-content: center; align-items: center;}
#mobile_menu .mob_menu_btn a i{font-size: 16px; margin-right: 5px;}
.mob_bg {  display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 99;}

@media screen and ( max-width: 1400px ){
#pcmenu .topmenu { font-size: 16px; }
#pcmenu .submenu a { font-size: 14px; }
}
@media screen and ( max-width: 1024px ){
#header { display: none; }
.mobile_head{display: flex;}
}

/* 메인비주얼 */
.Hfull{margin-top: 90px;}
.swiper_visual {display:block;height:100%;margin:0px auto;overflow:hidden;position:relative;}
.swiper_visual .swiper-slide {position:relative; height: auto !important;}
.swiper_visual .swiper-slide .main_visual img{width: 100%;height:60%;}

.pc{display: block !important;}
.tab{display: none !important;}
.mob{display: none !important;}

.overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: radial-gradient(circle at center, rgba(0, 80, 150, 0.6) 0%, rgba(0, 30, 80, 0.8) 100%);
  z-index: 1;
}
/* 메인 텍스트 */
.maintext_box { position: absolute; z-index: 5; left: 0; right: 0; top: 0; height: 100%; display: flex; justify-content: center; flex-direction: column; padding-bottom: 10%;}
.maintext_box h2 { position: relative; font-size: 5.0rem; font-weight: 600; color: #fff; text-align: left;}
.maintext_box h3 { font-size: 6.5rem; color: transparent;  line-height: 120%;  text-align: left;-webkit-text-stroke: 1px #fff; }
.maintext_box p{font-size: 2.2rem; color: #fff; font-weight: 100; margin-top: 40px; line-height: 130%;}
.maintext_box a{display: flex; width: 240px; height: 50px; border: 1px solid #fff; padding: 0px 15px; align-items: center; justify-content: space-between; color: #fff; margin-top: 30px; letter-spacing: 1px;}
.maintext_box a:hover{background: #fff; color: #333; transition: 0.3s all;}

.swiper_btn_wrap{position: absolute; bottom: 20%; z-index: 2; left: 0; right: 0; margin: 0 auto;}
.swiper_btn_wrap .swiper-pagination{text-align: left;}
.swiper_btn_wrap .swiper-pagination-bullet{width: 11px; height: 11px; background: #ccc; margin-right: 5px; opacity: 1;}
.swiper_btn_wrap .swiper-pagination-bullet-active{width: 40px; background: #22863d; border-radius: 20px;}
.green-text {
  color: #22863d;
}
@media all and (max-width: 1100px){
	.pc{display: none !important;}
	.tab{display: block !important;}
	.mob{display: none !important;}
	.Hfull{margin-top: 70px;}
	.maintext_box h2{font-size: 3.2rem;}
	.maintext_box h3{font-size: 4.2rem;}
	.maintext_box p{font-size: 1.8rem; margin-top: 25px;}
}
@media all and (max-width: 768px){
	.pc{display: none !important;}
	.tab{display: none !important;}
	.mob{display: block !important;}
	.swiper_btn_wrap{bottom: 10%;}
	.maintext_box p br{display: none;}
	.maintext_box{padding-bottom: 20%;}
}

.title{display: flex; align-items: flex-end; margin-bottom: 60px;}
.title h2{margin-right: 20px; display:flex; flex-direction: column; line-height: 80%; font-size: var(--fs40);}
.title p{ font-size: var(--fs20);}
.title span{color: #22863d; font-size: var(--fs20);}

.title2{display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px;}
.title2 h2{font-size: var(--fs40);}

/* company_page */
.com_card{display: flex; justify-content: space-between;}
.com_card a{width: 23%; padding:30px; background: #f6f6f6; border-radius: 10px; transition: 0.3s all;}
.com_card a span{margin-bottom: 70px; display: block;}
.com_card a span h3{color: #333; font-size: var(--fs28); font-weight: 600;}
.com_card a span p{color: #666; font-size: var(--fs20);}
.com_card a i{font-size: 9.0rem; color: #ccc; display: block; text-align: right;}
.com_card a:hover{background:#22863d; }
.com_card a:hover h3{color: #fff;}
.com_card a:hover p{color: #fff;}
.com_card a:hover i{color: #fff;}

@media all and (max-width: 1024px){
	.title{flex-direction: column; align-items: flex-start;}
	.title h2{margin-right: 0px; margin-bottom: 10px;}
}
@media all and (max-width: 950px){
	.com_card{flex-wrap: wrap; gap:15px 2%;}
	.com_card a{width: 49%;}
}
@media all and (max-width: 768px){
	.com_card a span{margin-bottom: 40px;}
	.com_card a i{font-size: 6.0rem;}
	.com_card a span p{color: #666; font-size: var(--fs10);}
	.com_card a span h3{color: #333; font-size: var(--fs20); font-weight: 600;}
}

/*  main_product */
.products_list_wrap{background: #f6f6f6;}
.product_list{justify-content: space-between;}
.product_box{width: 48.5%; display: flex; align-items: center; background: #fff; border-radius: 10px; padding: 20px; justify-content: space-between;}
.product_box .product_img{width: 47%; border-radius: 20px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.product_box .product_img img{width: 100%;}
.product_box .product_text{width: 50%;}
.product_box .product_text h2{margin-bottom: 20px; padding-bottom: 20px; position: relative; font-size: var(--fs22); font-weight: 500;}
.product_box .product_text h2::after{content: '';position: absolute;width: 40px;height: 2px;background: rgba(45, 170, 225, 0.4);bottom: 0;	left: 0;}
.product_box .product_text p{line-height: 130%;}
.product_box .product_text a{width: 240px; height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0px 15px; background:#eee; margin-top: 30px; color: #666; letter-spacing: 1px; border: 1px solid #eee;}
.product_box .product_text a:hover{border: 1px solid #666; transition: 0.3s all; background: #fff;}
.products_Swiper{overflow: initial; overflow-x: clip; }
.product_page .swiper-horizontal>.swiper-pagination-bullets, .product_page .swiper-pagination-bullets.swiper-pagination-horizontal, .product_page .swiper-pagination-custom, .product_page .swiper-pagination-fraction{ bottom: -40px;}
.product_page .swiper-pagination-bullet{width: 10px; height: 10px;}
.product_page .swiper-pagination-bullet-active{width: 40px; background: #22863d; border-radius: 30px;}
@media all and (max-width: 1100px) {
	.product_box{flex-direction: column;}
	.product_box .product_text{width: 100%;}
	.product_box .product_img{width: 100%; margin-bottom: 30px;}
}

/* news warp */
.news_warp{background: url('../img/news_bg.png') no-repeat; background-position: center; background-size: cover;}
.news_warp .title2 h2{color: #fff;}
.news_warp .title2 a{color: #fff;}
@media all and (max-width: 950px) {
	.pic_gallery{flex-wrap: wrap;}
	.pic_lt_block li{width: 49%;}
}
@media all and (max-width: 650px){
	.pic_lt_block li{width: 100%;}
}

/* notice_warp */

.notice_warp{background: #f1f1f1;}
.notice_warp .title{text-align: center;}
.notice_warp .title h2{margin-bottom: 60px;}
@media all and (max-width: 768px) {
	.pic_lt .lt_wrap{margin-bottom: 15px; padding: 20px 20px 10px 20px;}
	.pic_lt .lt_wrap .lt_img{display: none;}
	.pic_lt .lt_wrap .lt_text_top{flex-direction: column-reverse;}
	.pic_lt .lt_wrap .lt_text_top .lt_info{flex-direction: row-reverse; min-width: initial; width: 100%; margin-right: 0px; justify-content: flex-end; margin-top: 10px;}
	.pic_lt .lt_wrap .lt_text_top .lt_info .lt_day{font-size: 1.8rem; font-weight: normal; margin-left: 3px;}
}

/* 하단 */
#ft{background: #333;padding: 40px 0px; width: 100%;}
.foot_logo{display: block; text-align: center;margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #8e8e8e;}
.foot_info span{font-size: 1.4rem; color: #ddd; margin: 0px 10px; line-height: 170%;}
#ft .copyright{margin-top: 30px; color: #ccc;}
#ft .copyright span{font-size: 1.4rem;}
#ft .foot_service{margin-top: 20px;}
#ft .foot_service a {font-size: 1.4rem; color: #9e9e9e;}
#ft .foot_service a:first-child{margin-right: 10px;}
@media all and (max-width: 768px) {
	.foot_info{display: flex; flex-direction: column;}
	.foot_info span{margin: 0px; line-height: 140%;}
}

/* sub_visual */
.sub_visual{width: 100%;height: 400px;background-repeat: no-repeat !important;background-size: cover !important;background-position: center top !important; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub_visual .sub_top_text{text-align: center; color: #fff; padding-top: 100px;}
.sub_visual .sub_top_text h3{font-size: var(--fs40); position: relative;font-weight: 600;}
.sub_visual .sub_top_text p{font-size: var(--fs22);font-weight: 600;}
@media all and (max-width: 1024px) {
	.sub_visual{height: 250px;}
	.sub_visual .sub_top_text{padding-top: 70px;}
}

/* lnb */
.lnb_wrap{position: relative;}
.lnb{background: #fff; border-bottom: 1px solid #ddd;}
.lnb .lnb_map{height: 60px; display: flex; align-items: center; border-left: 1px solid #f1f1f1;}
.lnb .lnb_map .home{width: 60px; height: 100%;background: #fff;display: flex;justify-content: center;align-items: center;}
.lnb .lnb_map .home a{color: #333;}
.lnb .lnb_map .home i{font-size: 20px;}
.lnb .lnb_map > li{width: 250px; height: 100%;border-right: 1px solid #f1f1f1; padding: 0px 15px;position: relative;}
.lnb .lnb_map li.dep a{width: 100%; height: 100%;display: flex;align-items: center; font-size: 14px;}
.lnb .lnb_map li.dep a span{width: 100%;display: flex; justify-content: space-between;align-items: center; font-size: 1.7rem; color: #333;}
.lnb .lnb_map li.dep a span i{font-size: 16px;}
.lnb .lnb_map li.dep ul{display: none;position: absolute;left: 0; top: 61px;width: 100%;z-index: 10;}
.lnb .lnb_map li.dep ul li{width: 100%; background: #f9f9f9; border-bottom: 1px solid #fff;}
.lnb .lnb_map li.dep ul li a{padding: 15px 15px;font-size: 1.6rem;}
.lnb .lnb_map li.dep ul li a:hover{background: #22863d; color: #fff;transition: 0.3s all;}
.lnb .lnb_map li.dep ul li a.on{background: #f1f1f1;}

@media screen and (max-width:1400px) {
  .lnb .lnb_map{width: 100% !important;}
}
@media screen and (max-width:900px){
  .lnb .lnb_map{height: 55px;}
  .lnb .lnb_map .home i{font-size: 16px;}
  .lnb .lnb_map li.dep ul{top: 56px;}
}
@media screen and (max-width:600px){
  .lnb .lnb_map{height: 50px;}
  .lnb .lnb_map .home{width: 12%;}
  .lnb .lnb_map li{width: 44%;}
  .lnb .lnb_map li:last-child{width: 44%;}
  .lnb .lnb_map li.dep ul{top: 51px;}
  .lnb .lnb_map li.dep a{font-size: 12.5px;}
  .lnb .lnb_map li.dep ul li a{font-size: 12.5px;}
}

/* 인사말 */
.map_wrap_double {
  display: flex;
  gap: 30px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.map_half {
  width: calc(50% - 15px);
  position: relative;
}

.root_daum_roughmap {
  width: 100% !important;
  height: 100%;
}

.root_daum_roughmap .wrap_controllers {
  display: none;
}

/* 반응형 */
@media screen and (max-width: 768px) {
  .map_half {
    width: 100%;
  }
}
.map_wrap_double {
  display: flex;
  gap: 30px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.map_half {
  width: calc(50% - 15px);
  position: relative;
}

.map_label {
  font-size: 1.8rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 10px;
  text-align: left;
}

.root_daum_roughmap {
  width: 100% !important;
  height: 100%;
}

.root_daum_roughmap .wrap_controllers {
  display: none;
}

@media screen and (max-width: 768px) {
  .map_half {
    width: 100%;
  }
}

.greeting_wrap{display: flex; align-items: flex-start; justify-content: space-between;}
.greeting_wrap .greeting_text{width: 52%;}
.greeting_wrap .greeting_text h2{color: #22863d; font-weight: 700; font-size: var(--fs28); margin-bottom: 40px;}
.greeting_wrap .greeting_text p{font-size: var(--fs20); color: #333; line-height: 130%;}
.greeting_wrap .greeting_text p:last-child{margin-top: 20px;}
.greeting_wrap .greeting_img{width: 42%;}
.greeting_wrap .greeting_img img{width: 100%;}

.greeting_info{margin-top: 100px; border-top: 3px solid #22863d; display: flex; flex-wrap: wrap;}
.greeting_info li{width: 50%; display: flex; min-height: 60px; border-bottom: 1px solid #eee;}
.greeting_info li:last-child{width: 100%;}
.greeting_info li p{min-width: 180px; background: #f9f9f9; display: flex; align-items: center; justify-content: center; font-size: 1.8rem;}
.greeting_info li span{width: 100%; padding-left: 15px; display: flex; align-items: center; font-size: 1.8rem; color: #333;}
@media screen and (max-width:1024px) {
  .greeting_wrap .greeting_text h2{margin-bottom: 30px;}
}
@media screen and (max-width:950px) {
  .greeting_wrap{flex-direction: column;}
	.greeting_wrap .greeting_text{width: 100%; margin-bottom: 50px;}
	.greeting_wrap .greeting_text p:last-child{margin-top: 15px;}
	.greeting_wrap .greeting_img{width: 100%;}
}
@media screen and (max-width:768px) {
	.greeting_info{margin-top: 60px;}
	.greeting_info li p{min-width: 140px;}
	.greeting_info li{width: 100%;}
}

/* 연혁 */

.history_circle{width: 120px; height: 120px; background: #222;border-radius: 50%;color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 80px;}
.history_circle p{text-align: center; font-size: 1.8rem;}
.history_wrap{position: relative;}
.history_wrap .history_line{position: absolute; width: 1px; height: 100%; background: #ccc; left: 0; right: 0; margin: 0 auto;}
.history_left{ width: 50%; text-align: right; position: relative; padding-right: 50px; margin-bottom: 40px;}
.history_left img{ width: 100%; margin-top: 20px;}
.history_left h2{font-size: var(--fs22); margin-bottom: 15px; font-weight: 500;}
.history_left p{ font-size: 1.6rem; line-height: 130%;}
.history_right{width: 50%; margin: 0 0 0 auto; position: relative; padding-left: 50px; margin-bottom: 40px;}
.history_right img{ width: 100%; margin-top: 20px;}
.history_right h2{font-size: 2.2rem; margin-bottom: 15px; font-weight: 500;}
.history_right p{ font-size: 1.6rem; line-height: 130%;}
.history_left::after{content: ''; position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 4px solid #22863d; right: -8px; top: 0;}
.history_right::after{content: ''; position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 4px solid #22863d; left: -8px; top: 0;}
@media screen and (max-width:950px) {
	.history_circle{margin-bottom: 60px;}
}
@media screen and (max-width:850px) {
	.history_wrap .history_line{display: none;}
	.history_left{width: 100%; padding-left: 30px; padding-right: 0px;text-align: left;}
	.history_right{width: 100%; padding-left: 30px; padding-right: 0px;}
	.history_left::after{right: initial; left: -8px;}
	.history_box{padding-bottom: 30px; border-bottom: 1px dotted #ccc; margin-bottom: 30px;}
	.history_box:last-child{border-bottom: 0px;}
	.history_box::after{left: 0px; }
}

/* 오시는 길 */

.map_wrap{width: 100%; position: relative;}
.root_daum_roughmap{width: 100% !important; height: 100%;}
.root_daum_roughmap .wrap_controllers{display: none;}
.map_wrap .map_company{position: absolute; z-index: 3; right: 0; bottom: -70px; background: #f9f9f9; padding: 30px 40px;}
.map_wrap .map_company h2{padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.map_wrap .map_company h2 img{width: 170px; }
.map_wrap .map_company ul{display: flex; margin-top: 20px;}
.map_wrap .map_company ul li{display: flex; align-items: center; font-size: var(--fs20);}
.map_wrap .map_company ul li:first-child{margin-right: 50px;}
.map_wrap .map_company ul li i{font-size: 2.4rem; margin-right: +6px;}
/* 맵버튼 */
.map_btn{margin-top: 160px; text-align: center; display: flex; justify-content: center;}
.map_btn a{display: flex; align-items: center; justify-content: center; width: 250px; height: 55px; font-size: var(--fs20); font-weight: 500; color: #fff;}
.map_btn a > i{font-size: 30px; margin-right: 10px;}
.map_btn a:first-child{border: 1px solid #00c63b; background:#00c63b; margin-right: 15px;}
.map_btn a:last-child{border: 1px solid #f9e200; background: #f9e200; color: #3d1d1c;}
/* 교통 */
.visit_wrap{margin-top: 100px;}
.visit_wrap .visit_box{display: flex;justify-content: space-between; align-items: flex-start; padding-bottom: 40px; border-bottom: 1px solid #ccc; margin-bottom: 40px;}
.visit_wrap .visit_box:last-of-type{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
.visit_wrap .visit_box h3{display: flex; align-items: center; font-size: var(--fs28); width: 30%;}
.visit_wrap .visit_box h3 i{width: 40px; height: 40px; border-radius: 7px; background: #525e75; color: #fff; text-align: center; line-height: 40px; position: relative; z-index: 2; margin-right: 15px;}
.visit_wrap .visit_box ul{width: 70%;}
.visit_wrap .visit_box ul li{font-size: 1.8rem; line-height: 130%; margin-top: 20px;}
.visit_wrap .visit_box ul li:first-of-type{margin-top: 0px;}
.visit_wrap .visit_box ul li span{display: inline-block; width: 60px; height: 30px; line-height: 30px;text-align: center; background:#525e75; color: #fff; border-radius: 3px; margin-right: 10px; font-size: 14px;}
.visit_wrap .visit_box ul li span.bus1{background: #BDD2B6;}
.visit_wrap .visit_box ul li span.bus2{background: #A2B29F;}
.visit_wrap .visit_box ul li span.bus3{background: #798777;}
.visit_wrap .visit_box ul li span.way1{background: #FFD36E;}
.visit_wrap .visit_box ul li span.way2{background: #4C657E;}
.visit_wrap .visit_box ul li span.way3{background: #F29696;}
.visit_wrap .visit_box ul li span.way4{background: #B7C4CF;}
@media all and (max-width: 1024px) {

}
@media all and (max-width: 850px) {
	.map_wrap .map_company{position: relative; bottom: initial;}
	.map_btn{margin-top: 10px;}
	.visit_wrap .visit_box{flex-direction: column;}
	.visit_wrap .visit_box h3{width: 100%; margin-bottom: 20px;}
	.visit_wrap .visit_box ul li{margin-top: 12px;}
	.visit_wrap .visit_box ul{width: 100%; padding-left: 55px;}
}
@media all and (max-width: 768px) {
	.map_wrap .map_company ul{flex-direction: column;}
	.map_wrap .map_company ul li:first-child{margin-right: 0px; margin-bottom: 20px;}
	.map_btn a{width: 50%;}
	.map_btn a:first-child{margin-right: 10px;}
}

/* 사업영역 01 */

.process_area{background: #ffffff;}
.process_wrap {display: flex; justify-content: space-around;}
.process_wrap .process_box{width: 23%; background: #fff; padding: 40px 0px; text-align: center;}
.process_wrap .process_box h2{ font-size: 40px; width: 110px; height: 110px; border-radius: 50%; background:  #22863d; line-height: 110px; margin: 0 auto; color: #fff;}
.process_wrap .process_box p{font-size: 2.2rem; font-weight: 500; margin-top: 30px; padding-bottom: 15px; margin-bottom: 17px; position: relative; text-align: center;}
.process_wrap .process_box p::after{content: ''; width: 40px; height: 2px; background: #ccc; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.process_wrap .process_box span{font-size: 1.6rem; color: #333; text-align: center; line-height: 120%; padding: 0px 10px; display: inline-block;}

.service_area01 .service_wrap{margin-top: 50px; display: flex; flex-wrap: wrap;  gap: 60px 2%;}
.service_area01 h2{font-size: var(--fs22); font-weight: 500; line-height:40px;}
.service_area01 .service_box{width: 32%; box-shadow: 0px 1px 4px rgba(0,0,0,0.2); position: relative; background: #fff;}
.service_area01 .service_box .service_img{position: relative;}
.service_area01 .service_box .service_img img{width: 100%;}
.service_area01 .service_box .service_title{background: #fff; position: absolute; width: 80%; margin: 0 auto; padding: 20px 0 0 0; text-align: center; bottom: 0px; left: 0; right: 0;}
.service_area01 .service_box .service_title span{ font-family: 'Montserrat'; color:#22863d; font-size: 1.4rem; font-weight: 500; margin-bottom: 5px; display: inline-block;}
.service_area01 .service_box .service_title h2{font-size: 2.0rem; position: relative; padding-bottom: 20px; font-weight: 500;}
.service_area01 .service_box .service_title h2::after{content: ""; position: absolute; width: 30px; height: 2px; background: #666; bottom: -3px; left: 0; right: 0; margin: 0 auto;}
.service_area01 .service_box .service_text{padding: 30px 20px 25px 20px;}
.service_area01 .service_box .service_text p{display: flex; font-size: 1.6rem; line-height: 120%; margin-bottom: 15px;}
.service_area01 .service_box .service_text p:last-child{margin-bottom: 0px;}
.service_area01 .service_box .service_text span{margin-right: 10px;}

@media all and (max-width: 1024px) {
	.process_wrap{flex-wrap: wrap;}
	.process_wrap .process_box{width: 49%; margin: 0.5%;}
	.service_area01 .service_box{width: 49%;}
	.service_area01 .service_wrap{margin-top: 60px;}
}
@media all and (max-width: 650px) {
	.process_wrap .process_box{width: 100%;}
	.service_area01 .service_box{width: 100%;}
	.service_area01 .service_box .service_text{padding: 30px 20px 40px 20px;}
}


/* 사업영역 02 */

.business_area02{padding-bottom: 0px;}
.business_area02 .business_img{margin-top: 60px; border-radius: 0px 20px 0px 0px; overflow: hidden;}
.business_area02 .business_img img{width: 100%;}
.service_area02 h4{margin-bottom: 50px; font-size: var(--fs28); font-weight: 500;}
.service_area02 .service_box{display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px;}
.service_area02 .service_box:last-child{margin-bottom: 0px;}
.service_area02 .service_box .service_img{width: 45%;}
.service_area02 .service_box .service_img img{width: 100%;}
.service_area02 .service_box .service_text{width: 50%;}
.service_area02 .service_box .service_text span{ font-family: 'Montserrat'; color: #22863d; font-size: 1.4rem; font-weight: 500; margin-bottom: 5px; display: inline-block;}
.service_area02 .service_box .service_text h3{font-size: 4.0rem; color: #ccc; font-weight: 900; margin-bottom: 15px;}
.service_area02 .service_box .service_text h2{font-size: 2.6rem; position: relative; padding-bottom:30px; font-weight: 500;}
.service_area02 .service_box .service_text p{font-size: 1.6rem; color: #333; line-height: 120%; margin-bottom: 15px;}
.service_area02 .service_box .service_text p:last-child{margin-bottom: 0px;}
@media all and (max-width: 1024px) {
	.service_area02 .titleL{margin-bottom: 50px;}
}
@media all and (max-width: 950px) {
	.service_area02 .service_box{flex-direction: column; padding-bottom: 30px; margin-bottom: 35px; border-bottom: 1px dotted #ccc;}
	.service_area02 .service_box:last-child{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
	.service_area02 .service_box .service_text{width: 100%; margin-top: 30px;}
	.service_area02 .service_box .service_img{width: 100%;}
	.service_area02 .service_box .service_text h3{margin-bottom: 5px;}
}


/* 사업영역 03 */

.business_area03 .titleS i{font-size: 15px; color: #22863d; margin-right: 15px;}
.business_area03 .busih3{font-size: 2.6rem; color:  #22863d; font-weight: 400; margin-top: 15px; margin-bottom: 25px;}
.business_area03 .busip{font-size: 1.6rem; margin-bottom: 30px; color: #333; line-height: 120%;}
.business_area03 .business_img{margin-bottom: 50px;}
.business_area03 .business_img img{width: 100%;}
.business_area03 .business_box{display: flex; justify-content: space-between; margin-bottom: 80px;}
.business_area03 .business_box:last-child{margin-bottom: 0px;}
.business_area03 .business_box .business_title{width: 30%;}
.business_area03 .business_box .business_title h3{font-size: 2.2rem; display: flex; align-items: center;}
.business_area03 .business_box .business_title h3 > i{font-size: 15px; color: #22863d; margin-right: 15px;}
.business_area03 .business_box .business_text{width: 70%;}
.business_area03 .business_box .business_text p{font-size: 1.6rem; color: #333; line-height: 120%; margin-bottom: 20px;}
.business_area03 .business_box .business_text p:last-child{margin-bottom: 0px;}
@media all and (max-width: 768px) {
	.business_area03 .business_box{margin-bottom: 60px; flex-direction: column;}
	.business_area03 .business_box .business_title{width: 100%; margin-bottom: 20px;}
	.business_area03 .business_box .business_text{width: 100%; padding-left: 30px;}
}

.root_daum_roughmap .cont .section{display: none;}

/* 페이지 네비, 게시판 등 */
/* .bo_cate_link{border-radius: 30px;}
.bo_v_topcon .bo_v_cate{border-radius: 30px;} */
#bo_gall .is_notice{border-radius: 30px;}
.quick_banner{z-index: 99; right: 20px; bottom: 20px; position: fixed;animation: quickBounce .8s infinite alternate;}
@keyframes quickBounce {
    from {
      transform: translateY(0px);
    }
    to {
      transform: translateY(-15px);
    }
  }

@keyframes quickBounce2 {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

#top_btn{width: 245px; height: 45px;border: none; background: #fff; border-radius: 1%;box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); transition: 0.3s all;}
#top_btn span{font-size: 14px; font-weight: bold;}
#top_btn:hover{background: #eee; color: #000;}

.floating_menu { width: 245px; height: 45px; border-radius: 1%; background: #22863d; position: fixed; bottom: 52px; z-index: 99; }
.floating_menu input { position: absolute; width: 245px; height: 45px; margin: 0; opacity: 0; cursor: pointer; }
.floating_menu input:checked ~ .floating_plus { transform: rotate(180deg); }
.floating_menu input:checked ~ .floating_nav li:nth-child(1) { transform: translatey(-52px); opacity: 1; }
.floating_menu input:checked ~ .floating_nav li:nth-child(2) { transform: translatey(-104px); opacity: 1; }
.floating_menu input:checked ~ .floating_nav li:nth-child(3) { transform: translatey(-156px); opacity: 1; }
.floating_menu input:checked ~ .floating_nav li:nth-child(4) { transform: translatey(-208px); opacity: 1; }
.floating_menu input ~ .floating_plus { transform: rotate(0); }
.floating_menu > .floating_plus { display: flex; justify-content: center; align-items: center; width: 245px; height: 45px; font-size: 20px; color: #FFFFFF; background:#22863d; border-radius: 1%; transform: rotate(0); transition: all 0.5s ease; pointer-events: none; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); }
.floating_menu > .floating_plus i { line-height: normal !important; }
.floating_menu > .floating_nav { display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; }
.floating_nav li { display: flex; justify-content: center; align-items: center; width: 245px; height: 45px; border-radius: 1%; background: #fff; cursor: pointer; position: absolute; transition: all 0.5s ease; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); opacity: 0; }
.floating_menu > .floating_nav li a i { font-size: 20px; color: #222; }
.floating_menu > .floating_nav li a i.xi-kakaotalk { font-size: 28px; margin-top: 3px; }

.pg_wrap{margin-top: 60px; margin-bottom:40px; display: flex; justify-content: center; width: 100%;}
.pg_wrap .pg{display: flex;}
.pg_page{width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin: 0 2px; background-color: none; border: 1px solid #ccc;}
.pg_current{border: 1px solid #8e8e8e; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin: 0 2px; background: none;}

@media all and (max-width: 1400px) {
	html{font-size: 55% !important;}
	:root{
		--fs40: 3.6rem;
		--fs32: 2.8rem;
		--fs28: 2.4rem;
	}
}
/* 갤러리 */
@media all and (max-width: 1024px) {
	.gall_row .col-gn-4{width: 33.33333%;}
	.gall_row .col-gn-5{width: 25%;}
}

@media all and (max-width: 850px) {
	.gall_row .col-gn-4, .gall_row .col-gn-3, .gall_row .col-gn-5{width: 50%;}
	#bo_cate li{width: 25%; margin-bottom: 10px;}
	#bo_cate ul{flex-wrap: wrap;}
}

@media all and (max-width: 600px) {
	.gall_row .col-gn-4, .gall_row .col-gn-3, .gall_row .col-gn-5, .gall_row .col-gn-2{width: 100%;}
}

/* 리스트 */
@media all and (max-width: 850px) {
	.prdt_list .prdt_top th.psize, .prdt_list .prdt_table .psize{display: none;}
	.prdt_list .prdt_top th.pcolor, .prdt_list .prdt_table .pcolor{display: none;}
}

@media all and (max-width: 650px) {
	.prdt_list .prdt_top th.num{min-width: 60px;}
	.prdt_list .prdt_top th.pintro, .prdt_list .prdt_table .pintro{display: none;}
	.prdt_list .prdt_top th.pname{width: 100%;}
	.prdt_list .prdt_table .pname{text-align: center;}
}

/* 애니메이션 */



/*  */
@charset "utf-8";
/*----- 서브 공통부분 -----*/
/* sub_tit */
.sub_tit{text-align:center; margin-bottom:50px;}
.sub_tit h3{font-size:36px; color:#222; font-weight:bold; letter-spacing:-0.045em; margin:0;}
.sub_tit h4 {margin-top:30px; font-size:32px; color:#222222; font-weight:bold; letter-spacing:-0.075em; }
.sub_tit p{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px; padding-top:10px;}
@media all and (max-width:1000px){
	.sub_tit p br{display:none;}
}
/*----- 서브 공통부분 END -----*/

/*-----  A-Max -----*/
/* ceo 인사말 */
.ceo_con01 h3{font-size:36px; color:#222; font-weight:bold; text-align:center; margin-bottom:50px;}
.ceo_con01 .after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.ceo_con01 .after .img_box{width:calc(100% - 556px); float:left;}
.ceo_con01 .after .img_box img{width:100%;}
.ceo_con01 .after .text{width:556px; float:left; padding-top:60px; padding-left:20px; box-sizing:border-box;}
.ceo_con01 .after .text font{border-bottom:1px solid #22863d; font-style:italic; display:inline-block; padding-left:60px; font-size:20px; color:#22863d; font-weight:700; letter-spacing:-0.045em;}
.ceo_con01 .after .text p{padding-left:60px; font-size:40px; color:#222; font-weight:100; letter-spacing:-0.075em; line-height:50px; margin-top:50px;}
.ceo_con01 .after .text p span{font-weight:bold; color:#22863d}
.ceo_con01 .after .text > img{margin-top:20px; margin-left:-140px; position:relative; z-index:2;}

.ceo_con02{margin-top:-270px; padding-top:270px; padding-bottom:120px; background:#f8f8f8}
.ceo_con02 h4{font-size:32px; color:#222; letter-spacing:-0.045em; font-weight:100; line-height:42px;}
.ceo_con02 .inner > p{margin-top:30px; color:#666; font-size:18px; letter-spacing:-0.045em; font-weight:200;}
.ceo_con02 .sign_text{margin-top:30px;}
.ceo_con02 .sign_text p{display:inline-block; vertical-align:top; margin-right:25px; font-size:18px; color:#222; font-weight:bold; letter-spacing:-0.045em;}
.ceo_con02 .sign_text p i{margin-left:10px; display:inline-block; vertical-align:middle;}

@media all and (max-width:1100px){
	.ceo_con02 .inner > p br{display:none}
}
@media all and (max-width:1000px){
	.ceo_con01 .after .img_box{float:none; width:100%; margin-bottom:30px;}
	.ceo_con01 .after .text{float:none; width:100%}
	.ceo_con01 .after .text > img{margin-left:0;}
	.ceo_con01 .after .text font{padding-left:20px; margin-left:-20px;}
	.ceo_con01 .after .text p{padding-left:0;}
}



/* A-Max - 비전 */
.vison_con01{margin-bottom:100px;}
.vison_con01 .inner:after{content:''; display:block; clear:both;}
.vison_con01 .txt_box h4{font-size:32px; color:#22863d; letter-spacing:-0.045em; font-weight:bold; margin:0;}
.vison_con01 .txt_box h5{font-size:32px; color:#222; letter-spacing:-0.075em; font-weight:100; line-height:42px; margin:0; padding-top:40px;}
.vison_con01 .txt_box h5 b{font-weight:bold;}
.vison_con01 .txt_box p{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px; padding-top:30px;}

.vison_con01.type01{}
.vison_con01.type01 .img_box{float:left;}
.vison_con01.type01 .img_box img{width:100%;}
.vison_con01.type01 .txt_box{float:left; position:relative; width:50%; padding-left:40px; box-sizing:border-box; margin-top:100px;}
.vison_con01.type01 .txt_box:before{content:''; display:block; position:absolute; width:270px; height:2px; background:#22863d; top:0; left:0;}
.vison_con01.type01 .txt_box h4{padding-top:40px;}

.vison_con01.type01 .img_box.img01{width:calc(50% + 14px); margin-left:-14px;}
.vison_con01.type01 .img_box.img02{width:calc(50% + 66px); margin-left:-66px;}
.vison_con01.type03 .img_box.img03{width:calc(50% - 40px);}

.vison_con01.type02{position:relative;}
.vison_con01.type02:before{content:''; display:block; position:absolute; width:50%; height:100%; background:#f8f8f8; top:0; right:50%;}
.vison_con01.type02 .inner{background:#f8f8f8;}
.vison_con01.type02 .img_box{float:right; width:calc(50% + 139px); margin-right:-107px; margin-top:-40px; margin-bottom:50px;}
.vison_con01.type02 .img_box img{width:100%;}
.vison_con01.type02 .txt_box{float:left; width:calc(50% - 32px); padding-top:100px; padding-right:20px; box-sizing:border-box;}

.vison_con01.last{margin-bottom:150px;}

@media all and (max-width:1200px){
	.vison_con01 .txt_box h5 br{display:none;}
	.vison_con01 .txt_box p br{display:none;}
}
@media all and (max-width:1000px){
	.vison_con01 .txt_box h5 br{display:block;}
	.vison_con01 .txt_box p br{display:block;}

	.vison_con01.type01 .img_box{float:none; text-align:center;}
	.vison_con01.type01 .img_box img{width:80%;}
	.vison_con01.type01 .txt_box{width:100%; float:none; padding:0 40px; margin-top:40px;}

	.vison_con01.type01 .img_box.img01{width:100%; margin:0;}
	.vison_con01.type01 .img_box.img02{width:100%; margin:0;}

	.vison_con01.type02:before{display:none;}
	.vison_con01.type02 .img_box{width:100%; float:none; margin:0;}
	.vison_con01.type02 .txt_box{width:100%; padding:40px 40px 80px;}
}
@media all and (max-width:767px){
	.vison_con01.type01 .img_box img{width:95%;}
}


/* A-Max - OurPeople */
.people_con01{font-size:0; letter-spacing:-4px; padding-bottom:110px;}
.people_con01 dl{display:inline-block; vertical-align:top; width:calc(50% - 20px); margin-right:40px; margin-bottom:40px; text-align:center;}
.people_con01 dl:nth-of-type(2n){margin-right:0;}
.people_con01 dl dt{font-size:24px; color:#222; letter-spacing:0em; font-weight:bold; padding:14px 0; background:#eef1f2; border-top:2px solid #9ca8ad;}
.people_con01 dl dd{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px;}
.people_con01 dl dd:nth-of-type(2){border:1px solid #eeeeee; border-top:0; padding:30px 20px 0; height:200px; box-sizing:border-box; position:relative;}
.people_con01 dl dd:nth-of-type(2):before{content:''; display:block; position:absolute; width:46px; height:23px; background:url('/img/people_con01_deco.png') no-repeat center center / contain; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.people_con01 dl dd img{width:100%;}

@media all and (max-width:1000px){
	.people_con01 dl{width:100%; margin-right:0;}
}


/* A-Max - 사업장안내 */
/* 20200413 수정
.info_con01{font-size:0; letter-spacing:-4px;}
.info_con01 .sub_tit{margin:0;}
.info_con01 .cons{padding:60px 0; border-bottom:1px solid #eeeeee;}
.info_con01 .cons:last-of-type{padding-bottom:150px; border:0;}
.info_con01 .cons:after{content:''; display:block; clear:both;}
.info_con01 .txt_box{width:50%; background:#f8f9f9; border-top:1px solid #eeeeee; position:relative; padding:30px 40px 50px; box-sizing:border-box; min-height:480px;}
.info_con01 .txt_box:before{content:''; display:block; position:absolute; width:100%; height:2px; background:#22863d; top:-3px; left:0;}
.info_con01 .txt_box h4{font-size:24px; color:#222; letter-spacing:0em; font-weight:bold; margin:0; position:relative; margin-bottom:20px;}
.info_con01 .txt_box h4:before{content:''; display:block; position:absolute; width:25px; height:25px; background:url('/img/info_con01_icon01.png') no-repeat center center / contain; top:10px; left:-30px;}
.info_con01 .txt_box ul{margin:0; padding-left:5px;}
.info_con01 .txt_box ul li{font-size:18px; color:#666; letter-spacing:0em; font-weight:300; padding:5px 0;}
.info_con01 .txt_box ul li b{color:#222; font-weight:500;}
.info_con01 .txt_box .top{padding:30px 0 30px 30px; border-bottom:1px solid #d2d2d2;}
.info_con01 .txt_box .bot{padding:30px 0 30px 30px;}

.info_con01 .img_box{float:right; margin-left:20px; width:calc(50% - 20px);}
.info_con01 .img_box .b_img{}
.info_con01 .img_box .b_img img{width:100%;}
.info_con01 .img_box ul{margin:0; margin-top:10px; font-size:0; letter-spacing:-4px;}
.info_con01 .img_box ul li{display:inline-block; vertical-align:top; width:calc(33.333333% - 5px); margin-right:7px;}
.info_con01 .img_box ul li:last-of-type{margin-right:0;}
.info_con01 .img_box ul li img{width:100%;}

.info_con01 .map_box{margin-top:20px; height:363px;}
.info_con01 .map_box iframe{width:100%; height:100%;}

@media all and (max-width:1200px){
	.info_con01 .txt_box{padding:20px 30px 30px; min-height:450px;}
	.info_con01 .txt_box .top{padding:20px 0 20px 30px;}
	.info_con01 .txt_box ul li br{display:none;}
}
@media all and (max-width:1000px){
	.info_con01 .img_box{float:none; width:100%; margin:0; margin-bottom:20px;}
	.info_con01 .txt_box{width:100%; min-height:0;}
}*/
.info_con01{font-size:0; letter-spacing:-4px;}
.info_con01 .sub_tit{margin:0;}
.info_con01 .cons{padding:60px 0; border-bottom:1px solid #eeeeee;}
.info_con01 .cons:last-of-type{padding-bottom:150px; border:0;}
.info_con01 .cons:after{content:''; display:block; clear:both;}
.info_con01 .tit{text-align:left; margin-bottom:40px;}
.info_con01 .tit h4{font-size:24px; color:#222; letter-spacing:0em; font-weight:bold; margin:0; position:relative; margin:0; padding-left:30px;}
.info_con01 .tit h4:before{content:''; display:block; position:absolute; width:25px; height:25px; background:url('/img/info_con01_icon01.png') no-repeat center center / contain; top:10px; left:0;}
.info_con01 .txt_box{width:100%; background:#f8f9f9; border-top:1px solid #eeeeee; position:relative; padding:50px 15px 15px; box-sizing:border-box; min-height:480px; font-size:0; letter-spacing:-4px; margin-top:30px;}
.info_con01 .txt_box:before{content:''; display:block; position:absolute; width:100%; height:2px; background:#22863d; top:-3px; left:0;}
.info_con01 .txt_box ul{margin:0; padding-left:5px;}
.info_con01 .txt_box ul li{font-size:18px; color:#666; letter-spacing:0em; font-weight:300; padding:5px 0;}
.info_con01 .txt_box ul li b{color:#222; font-weight:500;}
.info_con01 .txt_box .top{display:inline-block; vertical-align:top; width:50%; padding:0 30px; box-sizing:border-box;}
.info_con01 .txt_box .bot{display:inline-block; vertical-align:top; width:50%; padding:0 30px; box-sizing:border-box;}

.info_con01 .img_box{width:100%;}

.info_con01 .img_box{font-size:0; letter-spacing:-4px;}
.info_con01 .img_box ul{margin-bottom:10px;}
.info_con01 .img_box ul:last-of-type{margin-bottom:0;}
.info_con01 .img_box ul li{display:inline-block; vertical-align:top; margin-right:10px;}
.info_con01 .img_box ul li:last-of-type{margin-right:0;}
.info_con01 .img_box ul li img{width:100%;}
.info_con01 .img_box .w100{width:100%;}
.info_con01 .img_box .w50{width:calc(50% - 5px);}
.info_con01 .img_box .w33{width:calc(33.333333% - 7px);}

.info_con01 .img_box.type02 .left{display:inline-block; vertical-align:top; width:calc(64% - 5px); margin-right:10px;}
.info_con01 .img_box.type02 .left img{width:100%;}
.info_con01 .img_box.type02 .left.l02{margin-top:10px;}
.info_con01 .img_box.type02 .left.l02 img{display:inline-block; vertical-align:top; width:calc(50% - 5px); margin-right:10px;}
.info_con01 .img_box.type02 .left.l02 img:first-of-type{width:calc(47% - 6px); margin-right:13px;}
.info_con01 .img_box.type02 .left.l02 img:last-of-type{width:calc(53% - 7px); margin-right:0;}
.info_con01 .img_box.type02 .right{display:inline-block; vertical-align:top; width:calc(36% - 5px);}
.info_con01 .img_box.type02 .right img{margin-bottom:11px; width:100%;}
.info_con01 .img_box.type02 .right img:last-of-type{margin-bottom:0;}
.info_con01 .img_box.type02 .right.r02{margin-top:10px;}

.info_con01 .map_box{margin-top:50px; height:270px;}
.info_con01 .map_box iframe{width:100%; height:100%;}
.info_con01 .map_box .root_daum_roughmap{width:100%; height:100%;}
.info_con01 .map_box .root_daum_roughmap .wrap_map{width:100%; height:100%;}

@media all and (max-width:1200px){
	.info_con01 .txt_box{min-height:450px;}
	.info_con01 .txt_box ul li br{display:none;}
}
@media all and (max-width:1000px){
	.info_con01 .txt_box .top{width:100%;}
	.info_con01 .txt_box .bot{width:100%; padding-bottom:20px;}

	.info_con01 .txt_box{min-height:0;}
}


/* A-Max - 연혁 */
.history_con01{}
.history_con01 .tabbtn{position:relative; overflow:hidden; padding-top:23px;}
.history_con01 .tabbtn:before{content:''; display:block; position:absolute; width:82px; height:90px; top:0; left:0; background:#fff; z-index:1;}
.history_con01 .tabbtn:after{content:''; display:block; position:absolute; width:82px; height:90px; top:0; right:0; background:#fff; z-index:1;}
.history_con01 .tabbtn > a{position:absolute; display:block; top:-23px;}
.history_con01 .tabbtn .prev_btn{left:0;}
.history_con01 .tabbtn .next_btn{right:0;}
.history_con01 .tabbtn ul{text-align:center; font-size:0; letter-spacing:-4px; width:calc(100% - 164px); margin:0 auto; padding-bottom:120px;}
.history_con01 .tabbtn ul:before{content:''; display:block; position:absolute; width:100%; height:1px; background:#eeeeee; top:18px;}
.history_con01 .tabbtn ul li{display:inline-block; vertical-align:top; width:25%; position:relative;}
.history_con01 .tabbtn ul li a{}
.history_con01 .tabbtn ul li a i{display:block; width:37px; height:36px; background:url('/img/history_con01_icon01.png') no-repeat center center; margin:0 auto; position:relative; z-index:1;}
.history_con01 .tabbtn ul li a i:after{content:''; display:block; position:absolute; width:1px; height:0; background:#22863d; top:36px; left:49%; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}
.history_con01 .tabbtn ul li a p{font-size:20px; color:#666; letter-spacing:0em; font-weight:500; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; position:absolute; width:100%; top:40px; left:50%; transform:translateX(-50%); -webki-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}

.history_con01 .tabbtn ul li.slick-center{}
.history_con01 .tabbtn ul li.slick-center a{}
.history_con01 .tabbtn ul li.slick-center a i{background:url('/img/history_con01_icon02.png') no-repeat center center;}
.history_con01 .tabbtn ul li.slick-center a i:after{height:75px;}
.history_con01 .tabbtn ul li.slick-center a p{font-size:30px; color:#22863d; font-weight:bold; width:auto; top:110px; white-space:nowrap;}

.history_con01 .tabbtn .slick-list{overflow: visible;}
.history_con01 .tabbtn .slick-prev{width:auto; height:auto; z-index:2; left:-82px; top:-23px; transform:none;}
.history_con01 .tabbtn .slick-prev:before{display:none;}
.history_con01 .tabbtn .slick-next{width:auto; height:auto; z-index:2; right:-82px; top:-23px; transform:none;}
.history_con01 .tabbtn .slick-next:before{display:none;}

.history_con01 .tabs{margin:60px 0 100px; display:none;}
.history_con01 .tabs .year{position:relative;}
.history_con01 .tabs .year:before{content:''; display:block; position:absolute; width:1px; height:100%; background:#eeeeee; top:0; left:50%;}
.history_con01 .tabs .year h4{font-size:24px; color:#22863d; letter-spacing:0em; font-weight:bold; text-align:center; width:150px; margin:0 auto; padding:57px 0; position:relative; z-index:1; background:url('/img/history_con01_icon03.png') no-repeat center center;}
.history_con01 .tabs .year ul{margin:0; padding:20px 0 40px;}
.history_con01 .tabs .year ul:after{content:''; display:block; clear:both;}
.history_con01 .tabs .year ul li{width:calc(50% + 9px); float:left; font-size:18px; color:#666; letter-spacing:0em; font-weight:300; margin:10px 0; padding-right:49px; box-sizing:border-box; position:relative; text-align:right;}
.history_con01 .tabs .year ul li:before{content:''; display:block; position:absolute; width:19px; height:19px; background:url('/img/history_con01_icon04.png') no-repeat center center; top:6px; right:0;}
.history_con01 .tabs .year ul li:after{content:''; display:block; position:absolute; width:28px; height:0; border-bottom:2px dashed #3bbff1; top:16px; right:20px;}
.history_con01 .tabs .year ul li b{font-size:20px; color:#222; font-weight:500; float:right; width:85px;}
.history_con01 .tabs .year ul li .text{float:right; width:calc(100% - 85px);}
.history_con01 .tabs .year ul li p{position:relative; /*padding-right:10px;*/ width:100%; box-sizing:border-box;}
/*.history_con01 .tabs .year ul li p:before{content:''; display:block; position:absolute; width:5px; height:1px; background:#666; right:0; top:15px;}*/
.history_con01 .tabs .year ul li .img_box{text-align:right; margin-top:-5px; margin-bottom:10px;}
.history_con01 .tabs .year ul li .img_box img{max-width:100%;}

.history_con01 .tabs .year ul li:nth-of-type(2n){float:right; padding-right:0; padding-left:52px; text-align:left;}
.history_con01 .tabs .year ul li:nth-of-type(2n):before{right:auto; left:-1px;}
.history_con01 .tabs .year ul li:nth-of-type(2n):after{right:auto; left:20px;}
.history_con01 .tabs .year ul li:nth-of-type(2n) b{float:left;}
.history_con01 .tabs .year ul li:nth-of-type(2n) p{float:left; padding-right:0; /*padding-left:10px;*/}
/*.history_con01 .tabs .year ul li:nth-of-type(2n) p:before{right:auto; left:0;}*/
.history_con01 .tabs .year ul li:nth-of-type(2n) .img_box{text-align:left;}

.history_con01 .tab01{display:block;}

@media all and (max-width:1000px){
	.history_con01 .tabs .year ul li .text{width:100%;}
}


/*-----  Business -----*/
/* Business - 막구조사업 */
.structure_con01{margin-bottom:100px;}
.structure_con01 .inner:after{content:''; display:block; clear:both;}
.structure_con01 .txt_box h4{font-size:32px; color:#22863d; letter-spacing:-0.045em; font-weight:bold; margin:0;}
.structure_con01 .txt_box h5{font-size:32px; color:#222; letter-spacing:-0.075em; font-weight:100; line-height:42px; margin:0; padding-top:40px;}
.structure_con01 .txt_box h5 b{font-weight:bold;}
.structure_con01 .txt_box p{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px; padding-top:30px;}
.structure_con01 .img_box{float:left; width:calc(50% - 40px);}
.structure_con01 .img_box img{width:100%;}
.structure_con01 .txt_box{float:left; position:relative; width:50%; padding-left:40px; box-sizing:border-box; margin-top:100px;}
.structure_con01 .txt_box:before{content:''; display:block; position:absolute; width:270px; height:2px; background:#22863d; top:0; left:0;}
.structure_con01 .txt_box h4{padding-top:40px;}

.structure_con01.type02{position:relative;}
.structure_con01.type02:before{content:''; display:block; position:absolute; width:calc(50% + 40px); height:100%; background:#f8f8f8; top:0; right:50%;}
.structure_con01.type02 .inner{background:#f8f8f8;}
.structure_con01.type02 .img_box{float:right; width:calc(50% + 139px); margin-right:-107px; margin-top:-40px; margin-bottom:100px;}
.structure_con01.type02 .txt_box{width:calc(50% - 32px); padding:0; padding-top:80px; margin-top:0; padding-right:20px; box-sizing:border-box;}
.structure_con01.type02 .txt_box:before{display:none;}
.structure_con01.type02 .txt_box h5{padding-top:0;}

.structure_con01.last{margin-bottom:150px;}

@media all and (max-width:1200px){
	.structure_con01 .txt_box h5 br{display:none;}
	.structure_con01 .txt_box p br{display:none;}
}
@media all and (max-width:1000px){
	.structure_con01 .img_box{float:none; text-align:center; width:100%;}
	.structure_con01 .img_box img{width:80%;}
	.structure_con01 .txt_box{width:100%; float:none; padding:0 40px; margin-top:40px;}
	.structure_con01 .txt_box h5 br{display:block;}
	.structure_con01 .txt_box p br{display:block;}

	.structure_con01.type02:before{display:none;}
	.structure_con01.type02 .img_box{float:none; width:100%; margin:0;}
	.structure_con01.type02 .img_box img{width:100%;}
	.structure_con01.type02 .txt_box{width:100%; padding:40px 40px 80px;}
}
@media all and (max-width:767px){
	.structure_con01 .img_box img{width:95%;}
	.structure_con01.type02 .img_box img{width:100%;}
}

/* 20200414 디자인 수정
.structure_con03{padding-bottom:100px; font-size:0; letter-spacing:-4px;}
.structure_con03 dl{display:inline-block; vertical-align:top; width:33.333333%; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; text-align:center; height:320px; box-sizing:border-box; padding:30px 20px 20px;}
.structure_con03 dl:nth-of-type(3n){border-right:0;}
.structure_con03 dl:last-of-type{border-right:0;}
.structure_con03 dl dt{position:relative; padding-bottom:25px; margin-bottom:30px;}
.structure_con03 dl dt:after{content:''; display:block; position:absolute; width:30px; height:4px; background:#22863d; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.structure_con03 dl dt img{}
.structure_con03 dl dd{}
.structure_con03 dl dd p{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px; padding-bottom:10px;}
.structure_con03 dl dd p b{font-weight:bold;}
.structure_con03 dl dd p:last-of-type{padding-bottom:0;}

.structure_con03 .w50{width:50%; border-bottom:0; padding-top:50px;}

@media all and (max-width:1200px){
	.structure_con03 dl{height:350px;}
	.structure_con03 dl dd p br{display:none;}

	.structure_con03 .w50{height:300px;}
	.structure_con03 .w50 dd p br{display:block;}
}
@media all and (max-width:1000px){
	.structure_con03 dl{width:50%; height:370px; padding-top:40px;}
	.structure_con03 dl:nth-of-type(3n){border-right:1px solid #eeeeee;}
	.structure_con03 dl:nth-of-type(2n){border-right:0;}
	.structure_con03 dl:last-of-type{border-right:1px solid #eee; border-bottom:0;}

	.structure_con03 .w50{height:370px; border-bottom:1px solid #eeeeee; padding-top:40px;}
	.structure_con03 .w50 dd p br{display:none;}
}
@media all and (max-width:767px){
	.structure_con03 dl{width:100%; height:auto; padding:30px 20px 50px; border-right:0;}
	.structure_con03 dl:nth-of-type(3n){border-right:0;}
	.structure_con03 dl:nth-of-type(2n){width:100%; height:auto;}
	.structure_con03 dl:last-of-type{width:100%; border-right:0; height:auto;}
	.structure_con03 dl dd p br{display:block;}

	.structure_con03 .w50 dd p br{display:block;}
}*/
.structure_con03{padding-bottom:100px; font-size:0; letter-spacing:-4px;}
.structure_con03 dl{display:inline-block; vertical-align:top; width:20%; background:#f5fbfd; text-align:center; height:500px; box-sizing:border-box; padding:30px 20px 20px;}
.structure_con03 dl:nth-of-type(2n){background:#eaf1f3; margin-top:40px;}
.structure_con03 dl:last-of-type{border-right:0;}
.structure_con03 dl dt{position:relative; padding-bottom:25px; margin-bottom:30px;}
.structure_con03 dl dt:after{content:''; display:block; position:absolute; width:30px; height:4px; background:#22863d; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.structure_con03 dl dt img{}
.structure_con03 dl dd{}
.structure_con03 dl dd p{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px; padding-bottom:10px;}
.structure_con03 dl dd p b{font-weight:bold;}
.structure_con03 dl dd p:last-of-type{padding-bottom:0;}

@media all and (max-width:1200px){
	.structure_con03 dl{height:520px;}
	.structure_con03 dl dd p br{display:none;}
}
@media all and (max-width:1000px){
	.structure_con03 dl{width:33.333333%; height:460px;}
	.structure_con03 dl:nth-of-type(2n){margin-top:0;}
}
@media all and (max-width:767px){
	.structure_con03 dl{width:100%; height:auto; padding:30px 20px 50px;}
	.structure_con03 dl dd p br{display:block;}
}

.structure_con04{background:#f8f9fa; padding:100px 0; font-size:0; letter-spacing:-4px;}
.structure_con04 dl{display:inline-block; vertical-align:top; width:calc(50% - 20px); margin-right:40px; margin-bottom:40px; text-align:center;}
.structure_con04 dl:nth-of-type(2n){margin-right:0;}
.structure_con04 dl dt{font-size:24px; color:#222; letter-spacing:0em; font-weight:bold; padding:14px 0; background:#eef1f2; border-top:2px solid #9ca8ad;}
.structure_con04 dl dd img{width:100%;}
.structure_con04 dl dd .tit{background-color:#22863d; background:linear-gradient(136deg, transparent 10px, #22863d 0) top left, linear-gradient(-135deg, transparent 0, #22863d 0) top right, linear-gradient(-45deg, transparent 10px, #22863d 0) bottom right, linear-gradient(45deg, transparent 0, #22863d 0) bottom left; background-size:60% 60%; background-repeat:no-repeat; margin:30px 0;}
.structure_con04 dl dd .tit h4{font-size:24px; color:#fff; letter-spacing:-0.045em; font-weight:500; margin:0; padding:11px 0;}
.structure_con04 dl dd ul{margin:0;}
.structure_con04 dl dd ul li{border-top:1px solid #434343; border-bottom:1px dashed #e5e5e5; padding:18px 0 15px; margin-bottom:30px; font-size:22px; color:#666; letter-spacing:-0.045em; font-weight:500; position:relative;}
.structure_con04 dl dd ul li:before{content:''; display:block; position:absolute; width:32px; height:3px; background:#f8f9fa; top:-2px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.structure_con04 dl dd ul li:after{content:''; display:block; position:absolute; width:23px; height:20px; background:url('/img/structure_con04_arrow.png') no-repeat center center / contain; top:-10px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}

.structure_con04 dl dd ul li:first-of-type{padding-top:15px;}
.structure_con04 dl dd ul li:first-of-type:before{display:none;}
.structure_con04 dl dd ul li:first-of-type:after{display:none;}


@media all and (max-width:1000px){
	.structure_con04 dl{width:100%; margin-right:0;}
}

.structure_con05{padding:100px 0;}
.structure_con05 dl{margin-bottom:80px;}
.structure_con05 dl:after{content:''; display:block; clear:both;}
.structure_con05 dl:last-of-type{margin-bottom:0;}
.structure_con05 dl dt{width:calc(50% - 40px); margin-right:40px; position:relative; float:left;}
.structure_con05 dl dt:before{content:''; display:block; position:absolute; width:260px; height:180px; background:#22863d; bottom:-15px; left:-15px;}
.structure_con05 dl dt img{width:100%; position:relative; z-index:1;}
.structure_con05 dl dd{width:50%; float:left; padding-top:80px;}
.structure_con05 dl dd h4{font-size:30px; color:#22863d; letter-spacing:-0.045em; font-weight:bold; margin:0; padding-bottom:15px;}
.structure_con05 dl dd h5{font-size:18px; color:#222; letter-spacing:0em; font-weight:500; margin:0; padding-bottom:10px;}
.structure_con05 dl dd p{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px;}

.structure_con05 dl:nth-of-type(2n){}
.structure_con05 dl:nth-of-type(2n) dt{float:right; width:28%; margin:0;}
.structure_con05 dl:nth-of-type(2n) dt:before{width:205px; height:320px; left:auto; bottom:auto; right:-15px; top:-15px;}
.structure_con05 dl:nth-of-type(2n) dd{float:left; width:72%; background:#f6f8f9; height:316px; padding:0; padding-right:40px; text-align:right; box-sizing:border-box; display:table; margin-top:40px;}
.structure_con05 dl:nth-of-type(2n) dd .text{display:table-cell; vertical-align:middle;}

@media all and (max-width:1200px){
	.structure_con05 dl:nth-of-type(2n) dd{height:280px;}
}
@media all and (max-width:1000px){
	.structure_con05 dl dt{width:80%; float:none; margin:0 auto;}
	.structure_con05 dl dt:before{bottom:auto; left:auto; top:-15px; right:-15px;}
	.structure_con05 dl dd{width:80%; float:none; margin:0 auto; padding-top:40px;}
	.structure_con05 dl:nth-of-type(2n) dt{width:80%; float:none; margin:0 auto;}
	.structure_con05 dl:nth-of-type(2n) dd{width:80%; float:none; margin:40px auto 0; height:auto; padding:40px 20px; text-align:left;}
}
@media all and (max-width:767px){
	.structure_con05 dl dt{width:95%;}
	.structure_con05 dl dd{width:95%;}
	.structure_con05 dl:nth-of-type(2n) dt{width:95%;}
	.structure_con05 dl:nth-of-type(2n) dd{width:95%;}
}

.structure_con06{font-size:0; letter-spacing:-4px; padding-bottom:90px;}
.structure_con06 dl{display:inline-block; vertical-align:top; margin:10px 0; margin-right:20px; width:calc(25% - 15px); box-sizing:border-box;  text-align:center;}
.structure_con06 dl:last-of-type{margin-right:0;}
.structure_con06 dl dt{font-size:24px; color:#fff; letter-spacing:-0.045em; font-weight:bold; background:#5f6567; padding:10px 0; border:1px solid #eeeeee;}
.structure_con06 dl dd{border:1px solid #eeeeee; border-top:0;}
.structure_con06 dl dd img{width:100%;}
.structure_con06 dl dd p{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px;}

.structure_con06 dl dd:nth-of-type(2){position:relative; min-height:280px; padding:20px 10px 0; box-sizing:border-box;}
.structure_con06 dl dd:nth-of-type(2):after{content:''; display:block; position:absolute; width:100%; height:1px; background:#22863d; left:0; bottom:1px;}
@media all and (max-width:1200px){
	.structure_con06 dl dd p br{display:none;}
	.structure_con06 dl dd:nth-of-type(2){min-height:300px;}
}
@media all and (max-width:1000px){
	.structure_con06 dl{width:calc(50% - 10px);}
	.structure_con06 dl dd p br{display:block;}
	.structure_con06 dl:nth-of-type(2n){margin-right:0;}
}

/* 20200414 수정 -> structure_con09
.structure_con07{font-size:0; letter-spacing:-4px; padding-bottom:100px;}
.structure_con07 dl{display:inline-block; vertical-align:top; margin-right:80px; margin-bottom:40px; width:calc(50% - 40px);}
.structure_con07 dl:nth-of-type(2n){margin-right:0;}
.structure_con07 dl dt{width:calc(100% - 30px);}
.structure_con07 dl dt img{width:100%;}
.structure_con07 dl dd{background:#00b1f3 url('/img/structure_con07_textbg.jpg') no-repeat center bottom; width:326px; height:326px; padding:60px 20px 0; box-sizing:border-box; margin-left:auto; margin-top:-120px; position:relative; z-index:1;}
.structure_con07 dl dd h4{font-size:30px; color:#fff; letter-spacing:-0.045em; font-weight:bold; margin:0;}
.structure_con07 dl dd p{font-size:18px; color:#fff; letter-spacing:-0.045em; font-weight:300; line-height:28px; padding-top:20px;}

@media all and (max-width:1200px){
	.structure_con07 dl{margin-right:40px; width:calc(50% - 20px);}
}
@media all and (max-width:1000px){
	.structure_con07 dl{width:100%; margin-right:0;}
	.structure_con07 dl dd{margin-top:-200px;}
}*/

.structure_con08{padding:0 0 100px; font-size:0; letter-spacing:-4px;}
.structure_con08 dl{display:inline-block; vertical-align:top; width:25%; text-align:center;}
.structure_con08 dl dt{}
.structure_con08 dl dt img{max-width:100%;}
.structure_con08 dl dd{background:#f5fbfd; height:500px; padding-top:180px; box-sizing:border-box; margin-top:-120px;}
.structure_con08 dl dd h4{font-size:24px; color:#222; letter-spacing:-0.045em; font-weight:bold; margin:0; padding-bottom:10px;}
.structure_con08 dl dd h5{font-size:16px; color:#222; letter-spacing:-0.045em; font-weight:500; margin:0; padding-bottom:20px;}
.structure_con08 dl dd p{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px;}

.structure_con08 dl:nth-of-type(2n){margin-top:40px;}
.structure_con08 dl:nth-of-type(2n) dd{background:#eaf1f3;}

@media all and (max-width:1200px){
	.structure_con08 dl dd p br{display:none;}
}
@media all and (max-width:1000px){
	.structure_con08 dl{width:50%; margin-bottom:30px;}
	.structure_con08 dl dd p br{display:block;}
	.structure_con08 dl:nth-of-type(2n){margin-top:0;}
}

.structure_con09{padding:0 0 100px;}
.structure_con09 dl{margin-bottom:60px;}
.structure_con09 dl:last-of-type{margin-bottom:0;}
.structure_con09 dl dt{font-size:28px; color:#222; letter-spacing:-0.045em; font-weight:bold; border-bottom:1px solid #434343; padding-bottom:5px; margin-bottom:40px;}
.structure_con09 dl dd{font-size:0; letter-spacing:-4px;}
.structure_con09 dl dd .bimg{display:inline-block; vertical-align:top; margin-right:10px; width:calc(50% - 1px);}
.structure_con09 dl dd .bimg img{width:100%;}
.structure_con09 dl dd .simg{display:inline-block; vertical-align:top; width:calc(50% - 9px);}
.structure_con09 dl dd .simg img{width:calc(50% - 9px); margin-right:10px; margin-bottom:15px;}
.structure_con09 dl dd .simg img:nth-of-type(2n){margin-right:0;}
.structure_con09 dl dd .simg img.last{margin-bottom:0;}

@media all and (max-width:1000px){
	.structure_con09 dl dd .bimg{width:100%; margin-right:0;}
	.structure_con09 dl dd .simg{width:100%; margin-top:10px;}
}



/* Business > 2중에어쿠션돔 */
.cushion_con03{padding-bottom:60px; font-size:0; letter-spacing:-4px;}
.cushion_con03 dl{display:inline-block; vertical-align:top; margin-bottom:40px; margin-right:60px; width:calc(33.333333% - 40px);}
.cushion_con03 dl:last-of-type{margin-right:0;}
.cushion_con03 dl dt{padding-bottom:30px;}
.cushion_con03 dl dt h4{font-size:30px; color:#c1cfd5; letter-spacing:0em; font-weight:bold; margin:0;}
.cushion_con03 dl dt h4 span{color:#22863d;}
.cushion_con03 dl dt h6{font-size:20px; color:#666; letter-spacing:-0.025em; font-weight:300; line-height:28px; margin:0; min-height:56px;}

.cushion_con03 dl dd ul li{text-align:center;}
.cushion_con03 dl dd ul li .img_box{}
.cushion_con03 dl dd ul li .img_box img{width:100%;}
.cushion_con03 dl dd ul li .txt_box{border:1px solid #eee; border-bottom:1px solid #313131; border-top:0; padding:20px 10px 0; box-sizing:border-box; height:100px;}
.cushion_con03 dl dd ul li .txt_box p{font-size:20px; color:#222; letter-spacing:-0.045em; font-weight:300;}

.cushion_con03 dl dd .swiper-button-prev{background:url('/img/cushion_con03_prev.png') no-repeat center center / contain; width:49px; height:49px; top:40%; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}
.cushion_con03 dl dd .swiper-button-next{background:url('/img/cushion_con03_next.png') no-repeat center center / contain; width:49px; height:49px; top:40%; opacity:0; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}
.cushion_con03 dl dd:hover .swiper-button-prev{opacity:1;}
.cushion_con03 dl dd:hover .swiper-button-next{opacity:1;}
.cushion_con03 dl dd .swiper-pagination{bottom:20px; font-size:16px; color:#666; letter-spacing:0.05em; font-weight:300;}
.cushion_con03 dl dd .swiper-pagination-current{color:#222;}

@media all and (max-width:1200px){
	.cushion_con03 dl{margin-right:20px; width:calc(33.333333% - 14px);}
	.cushion_con03 dl dt h6 br{display:none;}
}
@media all and (max-width:1000px){
	.cushion_con03 dl{width:calc(50% - 10px);}
	.cushion_con03 dl:nth-of-type(2n){margin-right:0;}
	.cushion_con03 dl dd .swiper-button-prev{opacity:1;}
	.cushion_con03 dl dd .swiper-button-next{opacity:1;}
}
@media all and (max-width:767px){
	.cushion_con03 dl{width:100%; margin-right:0;}
	.cushion_con03 dl dt h6{min-height:0;}
	.cushion_con03 dl dt h6 br{display:block;}
}

.cushion_con04{font-size:0; letter-spacing:-4px; margin-bottom: 100px;}
.cushion_con04 .cons{border-top:1px solid #313131; border-bottom:1px dashed #eeeeee; padding:30px 0;}
.cushion_con04 dl{display:inline-block; vertical-align:top; width:50%; border-right:1px solid #eeeeee; text-align:center; height:320px; box-sizing:border-box; padding:30px 20px 20px;}
.cushion_con04 dl:last-of-type{border-right:0;}
.cushion_con04 dl dt{position:relative; padding-bottom:25px; margin-bottom:30px;}
.cushion_con04 dl dt:after{content:''; display:block; position:absolute; width:30px; height:4px; background:#22863d; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.cushion_con04 dl dd{}
.cushion_con04 dl dd p{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px; padding-bottom:10px;}
.cushion_con04 dl dd p b{font-weight:bold;}
.cushion_con04 dl dd p:last-of-type{padding-bottom:0;}

@media all and (max-width:1200px){
	.cushion_con04 dl dd p br{display:none;}
}
@media all and (max-width:1000px){
	.cushion_con04 dl{width:50%; height:370px;}
}
@media all and (max-width:767px){
	.cushion_con04 dl{width:100%; height:auto; padding:30px 20px 50px; border-bottom:1px solid #eeeeee; border-right:0;}
	.cushion_con04 dl dd p br{display:block;}
}

.cushion_con05{padding:100px 0;}
.cushion_con05 dl dd{padding-top:150px; height:520px;}


/* Business > 고속화철도터널후드사업 */
.builtup_con02{padding:0 0 100px; font-size:0; letter-spacing:-4px;}
.builtup_con02 dl{display:inline-block; vertical-align:top; width:calc(50% - 20px); margin-right:40px; margin-bottom:40px;}
.builtup_con02 dl:nth-of-type(2n){margin-right:0;}
.builtup_con02 dl dt{font-size:24px; color:#222; letter-spacing:0em; font-weight:bold; padding:14px 0; background:#eef1f2; border-top:2px solid #9ca8ad; text-align:center;}
.builtup_con02 dl dd:nth-of-type(2){padding:40px 30px 0; border:1px solid #eee; border-top:0; min-height:400px; box-sizing:border-box;}
.builtup_con02 dl dd img{width:100%; height:326px;}
.builtup_con02 dl dd video{width:100%; height:326px;}
.builtup_con02 dl dd ul li{position:relative; padding-left:20px; margin-bottom:20px;}
.builtup_con02 dl dd ul li:last-of-type{margin-bottom:0;}
.builtup_con02 dl dd ul li:before{content:''; display:block; position:absolute; width:12px; height:12px; background:url('/img/builtup_con02_icon01.png') no-repeat center center / contain; top:8px; left:0;}
.builtup_con02 dl dd ul li h4{font-size:20px; color:#222; letter-spacing:-0.045em; font-weight:bold; line-height:28px; margin:0;}
.builtup_con02 dl dd ul li p{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px; position:relative; padding-left:15px;}
.builtup_con02 dl dd ul li p:before{content:''; display:block; position:absolute; width:5px; height:1px; background:#666; top:15px; left:0;}

@media all and (max-width:1200px){
	.builtup_con02 dl dd ul li h4 br{display:none;}
	.builtup_con02 dl dd ul li p br{display:none;}
}
@media all and (max-width:1000px){
	.builtup_con02 dl{width:100%; margin-right:0;}
	.builtup_con02 dl dd img{height:auto;}
	.builtup_con02 dl dd video{height:auto;}
	.builtup_con02 dl dd ul li h4 br{display:block;}
	.builtup_con02 dl dd ul li p br{display:block;}
}

/* builtup_con02 -> builtup_con03 스타일 변경 */
.builtup_con03{margin-bottom:100px;}
.builtup_con03:last-of-type{margin-bottom:150px;}
.builtup_con03 .inner:after{content:''; display:block; clear:both;}
.builtup_con03 .sub_tit{margin-bottom:100px;}
.builtup_con03 .txt_box h4{font-size:32px; color:#22863d; letter-spacing:-0.045em; font-weight:bold; margin:0; padding-top:40px;}
.builtup_con03 .txt_box ul{margin-top:30px;}
.builtup_con03 .txt_box ul li{position:relative; padding-left:20px; margin-bottom:20px;}
.builtup_con03 .txt_box ul li:last-of-type{margin-bottom:0;}
.builtup_con03 .txt_box ul li:before{content:''; display:block; position:absolute; width:12px; height:12px; background:url('/img/builtup_con02_icon01.png') no-repeat center center / contain; top:8px; left:0;}
.builtup_con03 .txt_box ul li h5{font-size:20px; color:#222; letter-spacing:-0.045em; font-weight:bold; line-height:28px; margin:0;}
.builtup_con03 .txt_box ul li p{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px; position:relative; padding-left:15px;}
.builtup_con03 .txt_box ul li p:before{content:''; display:block; position:absolute; width:5px; height:1px; background:#666; top:15px; left:0;}
.builtup_con03 .img_box{float:left; width:calc(50% + 139px);}
.builtup_con03 .img_box img{width:100%;}
.builtup_con03 .img_box video{width:100%;}
.builtup_con03 .txt_box{float:left; position:relative; width:calc(50% - 139px); padding-left:60px; box-sizing:border-box; margin-top:100px;}
.builtup_con03 .txt_box:before{content:''; display:block; position:absolute; width:270px; height:2px; background:#22863d; top:0; left:0;}

.builtup_con03.type02{position:relative;}
.builtup_con03.type02:before{content:''; display:block; position:absolute; width:calc(50% + 40px); height:100%; background:#f8f8f8; top:0; right:50%;}
.builtup_con03.type02 .inner{background:#f8f8f8;}
.builtup_con03.type02 .img_box{float:right; width:calc(35% + 140px); margin-right:-78px; margin-top:-80px; margin-bottom:-60px;}
.builtup_con03.type02 .txt_box{width:calc(65% - 62px); padding:0; padding-top:50px; margin-top:0; padding-right:20px; box-sizing:border-box;}
.builtup_con03.type02 .txt_box:before{display:none;}
.builtup_con03.type02 .txt_box h4{padding-top:0;}

.builtup_con03.last{margin-bottom:150px;}

@media all and (max-width:1000px){
	.builtup_con03 .img_box{float:none; text-align:center; width:100%;}
	.builtup_con03 .img_box img{width:90%;}
	.builtup_con03 .txt_box{width:100%; float:none; padding:0 40px; margin-top:40px;}

	.builtup_con03.type02:before{display:none;}
	.builtup_con03.type02 .img_box{float:none; width:100%; margin:0;}
	.builtup_con03.type02 .img_box img{width:100%;}
	.builtup_con03.type02 .txt_box{width:100%; padding:40px 40px 80px;}
}
@media all and (max-width:767px){
	.builtup_con03 .img_box img{width:95%;}
	.builtup_con03.type02 .img_box img{width:100%;}
}


/*----- Project -----*/
/* Project - list */
/* 커스텀 부분 */
.top_con {display:none; } /* read 에서는 삭제 */
.project .top_con{display:block; background:#f7fafb; border:1px solid #e5e5e5; position:relative; padding:20px 20px;}
.project .top_con:before{content:''; display:block; position:absolute; width:100%; height:1px; background:#313131; top:-1px; left:0;}
.project .top_con:after{content:''; display:block; clear:both;}
.project .top_con .title{float:left;}
.project .top_con .title h4{font-size:20px; color:#222; letter-spacing:0em; font-weight:500; margin:0; padding:5px 0;}
.project .top_con .search_box{float:right; font-size:0; letter-spacing:-4px;}
.project .top_con .search_box .input_box{display:inline-block; vertical-align:middle; background:#fff; border:1px solid #e5e5e5; width:270px; box-sizing:border-box;}
.project .top_con .search_box .input_box img{display:inline-block; vertical-align:middle; padding:10px; padding-left:15px;}
.project .top_con .search_box .input_box input{display:inline-block; vertical-align:middle; border:0; font-size:18px; color:#333; letter-spacing:-0.045em; font-weight:400; padding:5px 0; width:calc(100% - 43px);}
.project .top_con .search_box .search_btn{display:inline-block; vertical-align:middle; font-size:16px; color:#fff; letter-spacing:0em; font-weight:bold; background:#22863d; margin-left:10px; width:98px; border:1px solid #eeeeee; box-sizing:border-box; text-align:center; padding:7px 0;}

@media all and (max-width:1200px){
	.project .top_con .search_box .btn{width:80px;}
}
@media all and (max-width:1000px){
	.project .top_con .title{width:100%; float:none;}
	.project .top_con .title h4{padding:0 0 20px;}
	.project .top_con .search_box{width:100%; float:none;}
}

/* 프로그램 부분 */
.project .programCon{margin-bottom:150px;}
.project .gal_wrap{padding-top:0; border:0;}
.project .gal_wrap ul li{margin-right:40px; width:calc(33.333333% - 27px); height:auto; text-align:center;}
.project .gal_wrap ul li:nth-of-type(3n){margin-right:0;}
.project .gal_wrap ul li .part_img > img{height:279px; width:100%;}
.project .gal_wrap ul li .eyeicon{height:auto;}
.project .gal_wrap ul li .txt{padding:40px 20px 50px;}
.project .gal_wrap ul li .title{font-size:20px; color:#222; letter-spacing:-0.045em; font-weight:bold; margin:0;}
.project .gal_wrap ul li .desc p{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; padding-top:10px; min-height:110px;}
.project .gal_wrap ul li .btn{display:block; font-size:14px; color:#a9a9a9; letter-spacing:0.04em; font-weight:bold; width:150px; margin:30px auto 0; background:#dedede; padding:13px 0; cursor:pointer; }

.project .gal_wrap ul li .btn:hover{color:#fff; background:#22863d;}

@media all and (max-width:1200px){
	.project .gal_wrap ul li .desc p br{display:none;}
}
@media all and (max-width:1000px){
	.project .gal_wrap ul li{width:calc(50% - 20px);}
	.project .gal_wrap ul li:nth-of-type(3n){margin-right:40px;}
	.project .gal_wrap ul li:nth-of-type(2n){margin-right:0;}
}
@media all and (max-width:770px){
	.project .gal_wrap ul li{float:left; margin-right:20px; width:calc(50% - 10px);}
	.project .gal_wrap ul li:nth-of-type(3n){margin-right:20px;}
	.project .gal_wrap ul li img{height:220px;}
	.project .gal_wrap ul li .txt{padding:30px 10px 40px;}
}




/* 프로젝트 read */
.project_read {}
.project_read .info_box {}
.project_read .info_box:after {content:''; display:block; clear:both; }
.project_read .info_box .left_box {float:left; width:50%; }
.project_read .info_box .left_box .tit{position:relative; padding-bottom:20px; margin-bottom:20px;}
.project_read .info_box .left_box .tit:before{content:''; position:absolute; bottom:0; left:0; display:block; width:50px; height:2px; background:#22863d;}
.project_read .info_box .left_box .tit p {font-size:30px; font-weight:bold; color:#22863d; letter-spacing:-0.045em; text-align:left; }
.project_read .info_box .left_box .desc{font-size:18px; font-weight:300; color:#666666; letter-spacing:-0.045em;}

.project_read .info_box .right_box{border-left:1px solid #dcdcdc; padding-left:40px; box-sizing:border-box;}
.project_read .info_box .right_box ul {margin-top:10px; }
.project_read .info_box .right_box ul li {position:relative; border-bottom:1px solid #dcdcdc; padding:18px 20px; box-sizing:border-box; }
.project_read .info_box .right_box ul li:last-of-type {border-bottom:0; }
.project_read .info_box .right_box ul li:before {content:''; position:absolute; left:2px; top:28px; width:8px; height:8px; background-color:#22863d; transform:rotate(45deg); }
.project_read .info_box .right_box ul li dl {font-size:0; letter-spacing:-4px; }
.project_read .info_box .right_box ul li dl dt {display:inline-block; vertical-align:top; width:240px; font-size:20px; font-weight:bold; color:#222222; letter-spacing:-0.045em; }
.project_read .info_box .right_box ul li dl dd {display:inline-block; vertical-align:top; width:calc(100% - 240px); font-size:18px; font-weight:300; color:#666666; letter-spacing:-0.045em; }

.project_read .info_box .right_box {float:right; width:calc(50% - 40px); margin-left:40px; text-align:center; }
.project_read .info_box .right_box img {max-width:100%; }

.project_read .img_list {margin-top:60px; }
.project_read .img_list ul {font-size:0; letter-spacing:-4px; }
.project_read .img_list ul li {display:inline-block; vertical-align:top; width:calc(50% - 10px); border:1px solid #eeeeee; margin-right:20px; margin-bottom:20px; text-align:center; box-sizing:border-box; }
.project_read .img_list ul li:nth-of-type(2n) {margin-right:0; }
/*.project_read .img_list ul li:nth-of-type(3n) {margin-right:0; }*/
.project_read .img_list ul li img {width:100%; }
.project_read .img_list ul.w100 li{width:100%; margin-right:0;}


@media all and (max-width:1000px){
	.project_read .info_box .left_box {float:none; width:100%;}
	.project_read .info_box .right_box {float:none; width:100%; margin-bottom:40px; margin-left:0; }
/*	.project_read .img_list ul li {width:calc(50% - 10px); }*/
/*	.project_read .img_list ul li:nth-of-type(3n) {margin-right:20px; }*/
/*	.project_read .img_list ul li:nth-of-type(2n) {margin-right:0; }*/

}




/* innovation - 대공간기술연구소 */
.laboratory_con01{margin-bottom:100px;}
.laboratory_con01 .inner:after{content:''; display:block; clear:both;}
.laboratory_con01 .txt_box h4{font-size:32px; color:#22863d; letter-spacing:-0.045em; font-weight:bold; margin:0;}
.laboratory_con01 .txt_box h5{font-size:32px; color:#222; letter-spacing:-0.075em; font-weight:100; line-height:42px; margin:0; padding-top:40px;}
.laboratory_con01 .txt_box h5 b{font-weight:bold;}
.laboratory_con01 .txt_box p{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px; padding-top:30px;}
.laboratory_con01 .img_box{float:left; width:calc(50% - 40px);}
.laboratory_con01 .img_box img{width:100%;}
.laboratory_con01 .txt_box{float:left; position:relative; width:50%; padding-left:40px; box-sizing:border-box; margin-top:100px;}
.laboratory_con01 .txt_box:before{content:''; display:block; position:absolute; width:270px; height:2px; background:#22863d; top:0; left:0;}
.laboratory_con01 .txt_box h4{padding-top:40px;}

@media all and (max-width:1200px){
	.laboratory_con01 .txt_box h5 br{display:none;}
	.laboratory_con01 .txt_box p br{display:none;}
}
@media all and (max-width:1000px){
	.laboratory_con01 .img_box{float:none; text-align:center; width:100%;}
	.laboratory_con01 .img_box img{width:80%;}
	.laboratory_con01 .txt_box{width:100%; float:none; padding:0 40px; margin-top:40px;}
	.laboratory_con01 .txt_box h5 br{display:block;}
	.laboratory_con01 .txt_box p br{display:block;}
}
@media all and (max-width:767px){
	.laboratory_con01 .img_box img{width:95%;}
}

.laboratory_con02{padding-bottom:100px; font-size:0; letter-spacing:-4px;}
.laboratory_con02 .inner {border-top:1px solid #313131; padding-top:45px; }
.laboratory_con02 dl{display:inline-block; vertical-align:top; width:33.333333%; border-right:1px solid #eeeeee; text-align:center; height:320px; box-sizing:border-box; padding:30px 20px 20px;}
.laboratory_con02 dl:nth-of-type(3n){border-right:0;}
.laboratory_con02 dl:last-of-type{border-right:0;}
.laboratory_con02 dl dt{position:relative; padding-bottom:10px; margin-bottom:25px;}
.laboratory_con02 dl dt:after{content:''; display:block; position:absolute; width:30px; height:4px; background:#22863d; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.laboratory_con02 dl dt img{}
.laboratory_con02 dl dd{}
.laboratory_con02 dl dd p.tit {font-size:24px; font-weight:bold; color:#22863d; letter-spacing:-0.045em; }
.laboratory_con02 dl dd p{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px; padding-bottom:10px;}
.laboratory_con02 dl dd p b{font-weight:bold;}
.laboratory_con02 dl dd p:last-of-type{padding-bottom:0;}

@media all and (max-width:1200px){
	.laboratory_con02 dl{height:350px;}
	.laboratory_con02 dl dd p br{display:none;}
}
@media all and (max-width:1000px){
	.laboratory_con02 .inner {padding-top:0; }
	.laboratory_con02 dl{width:50%; height:370px; padding-top:40px; border-bottom:1px solid #eee; }
	.laboratory_con02 dl:nth-of-type(3n){border-right:1px solid #eeeeee;}
	.laboratory_con02 dl:nth-of-type(2n){border-right:0;}
	.laboratory_con02 dl:last-of-type{border-right:1px solid #eee; border-bottom:0;}
}
@media all and (max-width:767px){
	.laboratory_con02 dl{width:100%; height:auto; padding:30px 20px 50px; border-right:0;}
	.laboratory_con02 dl:nth-of-type(3n){border-right:0;}
	.laboratory_con02 dl:nth-of-type(2n){width:100%; height:auto;}
	.laboratory_con02 dl:last-of-type{width:100%; border-right:0; height:auto;}
	.laboratory_con02 dl dd p br{display:block;}
}



/* innovation - 임직원/연구원소개 */
.technology_con01 {padding-bottom:100px; }
.technology_con01 .technology_tit {font-size:32px; font-weight:bold; color:#222222; letter-spacing:-0.075em; text-align:center; }

.technology_con01 .technology_graph {}
.technology_con01 .technology_graph .top_box {padding-top:210px; padding-bottom:165px; text-align:center; }
.technology_con01 .technology_graph .top_box > div {position:relative; display:inline-block; vertical-align:top; width:133px; height:133px;}
.technology_con01 .technology_graph .top_box > div > p {position:relative; display:table; width:100%; height:100%; }
.technology_con01 .technology_graph .top_box > div > p:before {content:''; z-index:8; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#22863d; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.technology_con01 .technology_graph .top_box > div > p span {z-index:10; position:relative; display:table-cell; vertical-align:middle; font-size:22px; font-weight:300; color:#ffffff; text-align:center; }
.technology_con01 .technology_graph .top_box .center_box {}
.technology_con01 .technology_graph .top_box .center_box p:after {content:''; z-index:6; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#f1fbff; -webkit-transform:rotate(45deg) scale(1.7);-moz-transform:rotate(45deg) scale(1.7); -ms-transform:rotate(45deg) scale(1.7); -o-transform:rotate(45deg) scale(1.7); transform:rotate(45deg) scale(1.7);}
.technology_con01 .technology_graph .top_box .center_box:before {content:''; z-index:4; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; border:1px solid #eee; -webkit-transform:rotate(45deg) scale(2.5); -moz-transform:rotate(45deg) scale(2.5); -ms-transform:rotate(45deg) scale(2.5); -o-transform:rotate(45deg) scale(2.5); transform:rotate(45deg) scale(2.5); box-sizing:border-box;}
.technology_con01 .technology_graph .top_box .center_box p span {font-size:24px; font-weight:bold;}

.technology_con01 .technology_graph .top_box .center_box i {z-index:20; position:absolute; display:block; width:11px; height:11px; }
.technology_con01 .technology_graph .top_box .center_box i.color01 {left:-126%; top:49%; background-color:#086e95; -webkit-transform:rotate(45deg) translateY(-50%);-moz-transform:rotate(45deg) translateY(-50%); -ms-transform:rotate(45deg) translateY(-50%); -o-transform:rotate(45deg) translateY(-50%); transform:rotate(45deg) translateY(-50%);}
.technology_con01 .technology_graph .top_box .center_box i.color02 {right:-120%; top:49%; background-color:#87979d; -webkit-transform:rotate(45deg) translateY(-50%); -moz-transform:rotate(45deg) translateY(-50%); -ms-transform:rotate(45deg) translateY(-50%); -o-transform:rotate(45deg) translateY(-50%); transform:rotate(45deg) translateY(-50%);}
.technology_con01 .technology_graph .top_box .center_box i.color03 {left:49%; bottom:-126%; background-color:#22863d; -webkit-transform:rotate(45deg) translateX(-50%); -moz-transform:rotate(45deg) translateX(-50%); -ms-transform:rotate(45deg) translateX(-50%); -o-transform:rotate(45deg) translateX(-50%); transform:rotate(45deg) translateX(-50%);}


.technology_con01 .technology_graph .top_box .side_box {position:relative; }
.technology_con01 .technology_graph .top_box .side_box:before {content:''; z-index:2; position:absolute; left:100%; top:50%; width:300%; height:1px; border-top:1px dashed #535353; box-sizing:border-box; }
.technology_con01 .technology_graph .top_box .side_box.type02:before {left:auto; right:100%; }
.technology_con01 .technology_graph .top_box .side_box.type01 {float:left; }
.technology_con01 .technology_graph .top_box .side_box.type01 p:before {background-color:#086e95; }
.technology_con01 .technology_graph .top_box .side_box.type02 {float:right; }
.technology_con01 .technology_graph .top_box .side_box.type02 p:before {background-color:#87979d; }

.technology_con01 .technology_graph .bottom_box {position:relative; padding-top:130px; }
.technology_con01 .technology_graph .bottom_box:before {content:''; position:absolute; left:50%; top:0; width:1px; height:130px; border-left:1px dashed #535353; box-sizing:border-box; }
.technology_con01 .technology_graph .bottom_box ul {font-size:0; }
.technology_con01 .technology_graph .bottom_box ul li {position:relative; display:inline-block; vertical-align:top; width:calc(25% - 16.5px); margin-right:22px; padding-top:85px; }
.technology_con01 .technology_graph .bottom_box ul li:before {content:''; position:absolute; left:50%; top:0; width:1px; height:85px; border-left:1px dashed #535353; box-sizing:border-box; }
.technology_con01 .technology_graph .bottom_box ul li:after {content:''; position:absolute; left:50%; top:0; width:calc(100% + 22px); height:1px; border-bottom:1px dashed #535353; box-sizing:border-box; }
.technology_con01 .technology_graph .bottom_box ul li:nth-of-type(4n):after {left:auto; right:50%; }
.technology_con01 .technology_graph .bottom_box ul li:nth-of-type(4n) {margin-right:0; }
.technology_con01 .technology_graph .bottom_box ul li p.tit {border-top:1px solid #434343; padding:20px 0; font-size:20px; font-weight:bold; color:#222222; box-sizing:border-box;}
.technology_con01 .technology_graph .bottom_box ul li p.tit i {display:inline-block; vertical-align:middle; width:8px; height:8px; margin-top:-3px; margin-right:10px; border:2px solid #22863d; box-sizing:border-box; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.technology_con01 .technology_graph .bottom_box ul li .team_box {min-height:205px; border:1px solid #eeeeee; border-top:2px solid #ddd; padding:25px 10px; box-sizing:border-box; }
.technology_con01 .technology_graph .bottom_box ul li .team_box p.team {margin-bottom:10px; text-align:center; font-size:18px; font-weight:300; color:#666666; }
.technology_con01 .technology_graph .bottom_box ul li .team_box p.team:last-of-type {margin-bottom:0; }


@media all and (max-width:1000px){
	.technology_con01 .technology_graph .top_box .center_box:before {display:none; }
	.technology_con01 .technology_graph .top_box .center_box i {display:none; }

	.technology_con01 .technology_graph .top_box {position:relative; padding-bottom:0;}
	.technology_con01 .technology_graph .top_box:before {content:''; position:absolute; left:105px; top:210px; width:1px; height:calc(100% - 210px); border-left:1px dashed #5e5e5e; box-sizing:border-box;}
	.technology_con01 .technology_graph .top_box > div {display:block; }
	.technology_con01 .technology_graph .top_box .center_box {padding-left:40px; }
	.technology_con01 .technology_graph .top_box .side_box {padding-left:calc(100% - 188px); margin-top:80px; }
	.technology_con01 .technology_graph .top_box .side_box:before {left:auto; left:105px; width:calc(100% - 105px); }
	.technology_con01 .technology_graph .top_box .side_box.type01 {float:none; }
	.technology_con01 .technology_graph .top_box .side_box.type02 {float:none; }	
	.technology_con01 .technology_graph .top_box .side_box.type02:before {left:auto; left:105px; width:calc(100% - 105px); }

	.technology_con01 .technology_graph .bottom_box {position:relative; padding-left:105px; padding-top:100px; box-sizing:border-box; }
	.technology_con01 .technology_graph .bottom_box:before {content:''; position:absolute; left:105px; top:0; width:1px; height:100%; border-left:1px dashed #5e5e5e; box-sizing:border-box;}
	.technology_con01 .technology_graph .bottom_box ul li {display:block; width:100%; margin-bottom:50px; padding-left:100px; box-sizing:border-box; }
	.technology_con01 .technology_graph .bottom_box ul li:before {left:calc(50% + 55px); }
	.technology_con01 .technology_graph .bottom_box ul li:after {left:0; width:calc(50% + 55px); }
	.technology_con01 .technology_graph .bottom_box ul li:nth-of-type(4n):after {right:auto; left:0; }

}



.technology_con02 {padding-top:90px; padding-bottom:250px; background-color:#f4f9fe; }
.technology_con02 .person_box {border-bottom:1px solid #dcdcdc; margin-bottom:60px; border-top:1px solid #000000; }
.technology_con02 .person_box .top_info_box {position:relative;padding:60px 25px; box-sizing:border-box; font-size:0; letter-spacing:-4px; }
.technology_con02 .person_box .top_info_box:before {content:''; position:absolute; left:50%; top:20px; width:1px; height:calc(100% - 40px); border-right:1px dashed #dcdcdc; }
.technology_con02 .person_box .top_info_box .left_box {display:inline-block; vertical-align:top; width:50%; padding-right:20px; box-sizing:border-box; }
.technology_con02 .person_box .top_info_box .left_box .img_box {display:inline-block; vertical-align:top; width:210px;  text-align:center; }
.technology_con02 .person_box .top_info_box .left_box .img_box img {max-width:100%; }
.technology_con02 .person_box .top_info_box .left_box .img_box p.position {margin-top:10px; font-size:22px; font-weight:bold; color:#22863d; letter-spacing:-0.045em; }
.technology_con02 .person_box .top_info_box .left_box .img_box p.name {font-size:18px; font-weight:300; color:#222222; letter-spacing:-0.045em; }
.technology_con02 .person_box .top_info_box .left_box .img_box .desc {margin-top:20px; font-size:16px; font-weight:300; color:#222222; letter-spacing:-0.025em; word-break:keep-all; }
.technology_con02 .person_box .top_info_box .left_box .txt_box	{display:inline-block; vertical-align:top; width:calc(100% - 210px); padding-left:20px; box-sizing:border-box; }
.technology_con02 .person_box .top_info_box .right_box {display:inline-block; vertical-align:top; width:50%; padding-left:40px; box-sizing:border-box; }
.technology_con02 .person_box dl {margin-bottom:30px; font-size:0; letter-spacing:-4px; }
.technology_con02 .person_box dl dt {display:inline-block; vertical-align:top; width:160px; }
.technology_con02 .person_box dl dt p.tit {position:relative; padding-left:20px; font-size:20px; font-weight:bold; color:#222222; letter-spacing:-0.045em; box-sizing:border-box; text-align:left; }
.technology_con02 .person_box dl dt p.tit:before {content:''; position:absolute; left:0; top:12px; width:8px; height:8px; background-color:#22863d; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.technology_con02 .person_box dl dd {display:inline-block; vertical-align:top; width:calc(100% - 160px); }
.technology_con02 .person_box dl dd .national_box {margin-bottom:5px; font-size:20px; font-weight:bold; color:#222222; letter-spacing:-0.045em; }
.technology_con02 .person_box dl dd .desc_box {padding:0 10px; font-size:18px; font-weight:300; color:#666666; letter-spacing:-0.045em; line-height:28px; word-break:keep-all; box-sizing:border-box;}
.technology_con02 .person_box dl dd .desc_box p{position:relative; padding-left:10px;}
.technology_con02 .person_box dl dd .desc_box p:before{content:''; display:block; position:absolute; width:5px; height:2px; background:#aaa; left:0; top:15px;}

.technology_con02 .person_box .bottom_info_box {padding:30px 40px; border-top:1px solid #dcdcdc; box-sizing:border-box; }
.technology_con02 .person_box .bottom_info_box dt {display:block; }
.technology_con02 .person_box .bottom_info_box dd {width:50%; margin-top:30px; }

@media all and (max-width:1200px){
	.technology_con02 {padding-bottom:100px; }
	.technology_con02 .person_box .top_info_box:before {display:none; }
	.technology_con02 .person_box .top_info_box .left_box {width:100%; margin-bottom:30px;  }
	.technology_con02 .person_box .top_info_box .right_box {width:100%; padding-left:20px; }

	.technology_con02 .person_box .bottom_info_box dd {width:100%; }
}

@media all and (max-width:640px){
	.technology_con02 .person_box .top_info_box .left_box .img_box {display:block; width:100%; margin-bottom:40px; text-align:center; }
	.technology_con02 .person_box .top_info_box .left_box .txt_box {display:block; width:100%; }
}


/* innovation - 보유기술 */
.certification_con01 {}
.certification_con01 .inner {}
.certification_con01 .certification_tap {border-top:1px solid #313131; border-bottom:1px solid #eeeeee; }
.certification_con01 .certification_tap ul {font-size:0; letter-spacing:-4px; }
.certification_con01 .certification_tap li {position:relative; display:inline-block; vertical-align:top; width:50%; height:84px; background-color:#fff; }
.certification_con01 .certification_tap li:before {opacity:0; content:''; position:absolute; left:50%; bottom:0; width:16px; height:8px; border-bottom:8px solid #22863d; border-right:8px solid transparent; border-left:8px solid transparent; border-top:0; box-sizing:border-box; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.certification_con01 .certification_tap li.on {background-color:#f7fafb; }
.certification_con01 .certification_tap li.on:before {opacity:1; }
.certification_con01 .certification_tap li a {display:table; width:100%; height:100%; text-align:center; }
.certification_con01 .certification_tap li a span {display:table-cell; vertical-align:middle; font-size:20px; font-weight:500; color:#222222; letter-spacing:0; }

/* 20200424 수정
.certification_con01 .certification_content {padding-top:70px; padding-bottom:150px }
.certification_con01 .certification_content > div.on {display:block; }
.certification_con01 .certification_content ul {margin-bottom:60px; font-size:0; letter-spacing:-4px; }
.certification_con01 .certification_content ul li {display:inline-block; vertical-align:top; width:calc(33.33% - 13.33px); margin-right:20px; margin-bottom:20px; border:1px solid #eeeeee; border-bottom-color:#000; text-align:center; box-sizing:border-box; cursor:pointer; }
.certification_con01 .certification_content ul li:nth-of-type(3n) {margin-right:0; }
.certification_con01 .certification_content ul li img {max-width:100%; }
.certification_con01 .certification_content ul li .tit {display:table; width:100%; height:100px; border-top:1px solid #eeeeee; box-sizing:border-box; }
.certification_con01 .certification_content ul li .tit span {display:table-cell; vertical-align:middle; font-size:20px; font-weight:300; color:#222222; letter-spacing:-0.045em; }
*/
.certification_con01 .certification_content {padding-top:70px; padding-bottom:150px }
.certification_con01 .certification_content > div.on {display:block; }
.certification_con01 .certification_content ul {margin-bottom:60px; font-size:0; letter-spacing:-4px; }
.certification_con01 .certification_content ul li {display:inline-block; vertical-align:top; width:calc(20% - 16px); margin-right:20px; margin-bottom:20px; border:1px solid #eeeeee; border-bottom-color:#000; text-align:center; box-sizing:border-box; cursor:pointer; }
.certification_con01 .certification_content ul li:nth-of-type(5n) {margin-right:0; }
.certification_con01 .certification_content ul li img {max-width:100%; }
.certification_con01 .certification_content ul li .tit {display:table; width:100%; height:100px; border-top:1px solid #eeeeee; box-sizing:border-box; }
.certification_con01 .certification_content ul li .tit span {display:table-cell; vertical-align:middle; font-size:20px; font-weight:300; color:#222222; letter-spacing:-0.045em; }

@media all and (max-width:1000px){
	.certification_con01 .certification_content ul li {width:calc(33.333333% - 13.33px); }
	.certification_con01 .certification_content ul li:nth-of-type(5n) {margin-right:20px; }
	.certification_con01 .certification_content ul li:nth-of-type(3n) {margin-right:0; }
}
@media all and (max-width:767px){
	.certification_con01 .certification_content ul li {width:calc(50% - 10px); }
	.certification_con01 .certification_content ul li:nth-of-type(3n) {margin-right:20px; }
	.certification_con01 .certification_content ul li:nth-of-type(2n) {margin-right:0; }
}


/* innovation - rnd */
.rnd_con .rnd_tit {font-size:32px; font-weight:bold; color:#22863d; letter-spacing:-0.045em; font-weight:300; text-align:Center; }
.rnd_con .rnd_tit b {font-weight:bold; }

.rnd_con01 {padding-bottom:60px; }
.rnd_con01 .sub_tit {padding-bottom:30px; border-bottom:1px solid #1b1b1b; }
.rnd_con01 .rnd_box {margin-top:40px; }
.rnd_con01 .rnd_box .box_tit {width:100%; min-height:60px; padding:20px 10px; border-bottom:1px solid #eeeeee; text-align:center; background-color:#f8f9fa; box-sizing:border-box; }
.rnd_con01 .rnd_box .box_tit b {display:inline-block; vertical-align:middle; font-size:20px; font-weight:bold; letter-spacing:-0.045em; color:#222222; }
.rnd_con01 .rnd_box .box_tit span {display:inline-block; vertical-align:middle; padding-left:10px; font-size:18px; font-weight:300; color:#666666; letter-spacing:-0.045em; }
.rnd_con01 .rnd_box .box_desc {border-bottom:1px solid #eee; text-align:center; padding:20px 10px; box-sizing:border-box; }
.rnd_con01 .rnd_box .box_desc p {position:relative; display:inline-block; vertical-align:top; margin:5px 25px; padding-left:15px; box-sizing:border-box;  }
.rnd_con01 .rnd_box .box_desc p:before {content:''; position:absolute; left:0; top:12px; width:8px; height:8px; background-color:#22863d; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);  }
.rnd_con01 .rnd_box .box_desc p b {display:inline-block; vertical-align:middle; font-size:20px; font-weight:bold; color:#222222; letter-spacing:-0.045em; }
.rnd_con01 .rnd_box .box_desc p span {display:inline-block; vertical-align:middle; padding-left:10px; font-size:18px; font-weight:300; color:#666666; letter-spacing:-0.045em; }

.rnd_con01 .rnd_txt_box {position:relative; width:100%; min-height:50px; margin-top:30px; padding:15px 0; background-color:#22863d; box-sizing:border-box; text-align:center; }
.rnd_con01 .rnd_txt_box:before {content:''; position:absolute; left:0; bottom:0; width:23px; height:23px; border-left:12px solid #fff; border-bottom:12px solid #fff; border-top:12px solid transparent; border-right:12px solid transparent; box-sizing:border-box; }
.rnd_con01 .rnd_txt_box:after {content:''; position:absolute; right:0; top:0; width:23px; height:23px; border-top:12px solid #fff; border-right:12px solid #fff; border-bottom:12px solid transparent; border-left:12px solid transparent; box-sizing:border-box; }
.rnd_con01 .rnd_txt_box p {position:relative; display:inline-block; vertical-align:top; padding-right:30px; font-size:18px; font-weight:300; color:#fff; letter-spacing:-0.045em;  }
.rnd_con01 .rnd_txt_box p:last-of-type {padding-right:0; }
.rnd_con01 .rnd_txt_box p:before {content:''; position:absolute; right:9px; top:5px; width:1px; height:18px; background-color:#fff; }
.rnd_con01 .rnd_txt_box p:last-of-type:before {display:none; }


.rnd_con02 {padding:55px 0; background-color:#f4f9fe; }
.rnd_con02 .img_box {margin-top:40px; }
.rnd_con02 .img_box ul {font-size:0; letter-spacing:-4px; text-align:center; }
.rnd_con02 .img_box ul li {display:inline-block; vertical-align:top; width:calc(33.33% - 56px); margin:0 28px; }
.rnd_con02 .img_box ul li img {max-width:100%; }

.rnd_con02 .txt_box {margin-top:40px; }
.rnd_con02 .txt_box ul {font-size:0; letter-spacing:-4px; }
.rnd_con02 .txt_box ul li {position:relative; display:inline-block; vertical-align:top; width:50%; min-height:180px; padding:70px 20px 20px; border-right:1px solid #dcdcdc; box-sizing:border-box; font-size:18px; font-weight:300; color:#666666; letter-spacing:-0.075em; line-height:28px; word-break:keep-all; text-align:Center; }
.rnd_con02 .txt_box ul li:before {content:''; position:absolute; left:50%; top:20px; width:30px; height:4px; background-color:#22863d; }
.rnd_con02 .txt_box ul li b {font-weight:500; }
.rnd_con02 .txt_box ul li:last-of-type {border-right:0 none; }

@media all and (max-width:1000px){
	.rnd_con02 .img_box ul li {width:calc(50% - 56px); }
	.rnd_con02 .txt_box ul li {width:100%; min-height:auto; border-right:0 none; border-bottom:1px solid #dcdcdc; }
	.rnd_con02 .txt_box ul li:before {top:40px; }
	.rnd_con02 .txt_box ul li:last-of-type {border-bottom:0; }
}


.rnd_con03 {padding:50px 0; }
.rnd_con03 .img_box {text-align:center; }
.rnd_con03 .img_box img {max-width:100%; }


.rnd_con04 {position:relative; padding-bottom:150px; }
.rnd_con04:before {content:''; position:absolute; left:0; top:100px; width:100%; height:calc(100% - 100px); background-color:#fafbfc; }
.rnd_con04 .inner {z-index:10; position:relative; font-size:0; letter-spacing:-4px; }
.rnd_con04 .rnd_tit {margin-bottom:20px; }
.rnd_con04 .left_box {display:inline-block; vertical-align:top; width:50%; }
.rnd_con04 .left_box .img_box .slick-arrow {opacity:1; z-index:10; width:50px; height:50px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
/*.rnd_con04 .left_box .img_box:hover .slick-arrow {opacity:1; }*/
.rnd_con04 .left_box .img_box .slick-arrow:before {display:none; }
.rnd_con04 .left_box .img_box .slick-next {right:30px; background:url('/img/rnd_next_arrow.png') no-repeat center center; }
.rnd_con04 .left_box .img_box .slick-prev {left:30px; background:url('/img/rnd_prev_arrow.png') no-repeat center center; }
.rnd_con04 .left_box img {width:100%; }
.rnd_con04 .left_box .tit {display:table; width:100%; height:80px; border:1px solid #eeeeee; border-bottom:1px solid #313131; box-sizing:border-box; background-color:#fff; }
.rnd_con04 .left_box .tit span {display:table-cell; vertical-align:middle; font-size:20px; font-weight:300; color:#222222; letter-spacing:-0.045em; }
.rnd_con04 .right_box {display:inline-block; vertical-align:top; width:50%; padding-left:50px; padding-top:130px; box-sizing:border-box; }
.rnd_con04 .right_box ul {}
.rnd_con04 .right_box ul li {position:relative; margin-bottom:20px; padding-left:30px; box-sizing:border-box; font-size:18px; font-weight:300; color:#666666; letter-spacing:-0.075em; }
.rnd_con04 .right_box ul li:before {content:''; position:absolute; left:0; top:0; width:20px; height:27px; background:url('/img/rnd_con04_icon.png') no-repeat center center; }


@media all and (max-width:1000px){
	.rnd_con04 .left_box {width:100%; }
	.rnd_con04 .right_box {width:100%; }
}




/* innovation - excellent */
.excellent_con .excellent_tit {font-size:32px; font-weight:bold; color:#22863d; letter-spacing:-0.045em; font-weight:300; text-align:Center; font-weight:bold;}

.excellent_con .excellent_con01 ul {margin-top:40px; margin-bottom:60px; font-size:0; letter-spacing:-4px; }
.excellent_con .excellent_con01 ul li {display:inline-block; vertical-align:top; width:calc(33.33% - 40px); margin-right:60px; margin-bottom:60px; border:1px solid #eeeeee; border-bottom-color:#000; text-align:center; box-sizing:border-box; }
.excellent_con .excellent_con01 ul li:nth-of-type(3n) {margin-right:0; }
.excellent_con .excellent_con01 ul li.img_box {}
.excellent_con .excellent_con01 ul li img {max-width:100%; }
.excellent_con .excellent_con01 ul li .tit {display:table; width:100%; height:100px; border-top:1px solid #eeeeee; box-sizing:border-box; }
.excellent_con .excellent_con01 ul li .tit span {display:table-cell; vertical-align:middle; font-size:20px; font-weight:300; color:#222222; letter-spacing:-0.045em; }

.excellent_con .excellent_con02{background:#f4f9fe; padding:60px 0;}
.excellent_con .excellent_con02 ul{font-size:0; text-align:center; margin-top:40px;}
.excellent_con .excellent_con02 ul li{display:inline-block; vertical-align:top; margin-right:40px;}
.excellent_con .excellent_con02 ul li:last-of-type{margin-right:0;}

@media all and (max-width:1000px){
	.excellent_con .excellent_con01 ul li{width:calc(50% - 30px);}
	.excellent_con .excellent_con01 ul li:nth-of-type(3n) {margin-right:60px; }
	.excellent_con .excellent_con01 ul li:nth-of-type(2n) {margin-right:0; }
}
@media all and (max-width:800px){
	.excellent_con .excellent_con02 ul li{display:block; margin-right:0;}
}


/* ------- 20220121 추가 ------- */

.structure_con01 .num_text{margin-top:40px;}
.structure_con01 .num_text p{font-size:20px; color:#666666; letter-spacing:-0.025em; font-weight:300; margin:20px 0; }
.structure_con01 .num_text p b{display:inline-block; vertical-align:middle; font-size:30px; color:#c1cfd5; letter-spacing:-0.1em; margin-right:10px;}
.structure_con01 .num_text p b span{color:#22863d;}

/* 탭 들어가는 구조 */
.etfe_con02{position:relative; margin-bottom:100px;}
.etfe_con02:before{content:''; display:block; position:absolute; width:calc(50% + 40px); height:100%; background:#f8f8f8; top:0; left:50%;}
.etfe_con02 .inner{position:relative; background:#f8f8f8;}
.etfe_con02 .inner:after{content:''; display:block; clear:both;}
.etfe_con02 .tab_contents{}
.etfe_con02 .tab_contents > div{display:none;}
.etfe_con02 .tab_contents > div:first-of-type{display:block;}
.etfe_con02 .tab_contents > div:after{content:''; display:block; clear:both;}
.etfe_con02 .img_box{float:left; width:calc(50% + 139px); margin-left:-70px; margin-top:-40px; margin-bottom:100px;}
.etfe_con02 .img_box img{width:100%;}
.etfe_con02 .txt_box{float:left; position:relative; width:calc(50% - 70px); padding:40px 0 100px; padding-left:40px; box-sizing:border-box;}
.etfe_con02 .txt_box h4{font-size:32px; color:#22863d; letter-spacing:-0.045em; font-weight:bold; margin:0; margin-bottom:20px;}
.etfe_con02 .txt_box h5{position:relative; font-size:20px; color:#222; letter-spacing:-0.045em; font-weight:bold; line-height:28px; margin:0; margin-bottom:10px; padding-left:20px;}
.etfe_con02 .txt_box h5:before{content:''; display:block; position:absolute; width:12px; height:12px; background:url('/img/builtup_con02_icon01.png') no-repeat center center / contain; top:8px; left:0;}
.etfe_con02 .txt_box h5 span{font-size:16px; color:#222222; letter-spacing:0em; font-weight:300;}
.etfe_con02 .txt_box h6{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px; word-break:keep-all;}
.etfe_con02 .txt_box h6.pl{padding-left:20px;}
.etfe_con02 .txt_box p{font-size:18px; color:#666; letter-spacing:-0.045em; font-weight:300; line-height:28px; position:relative; padding-left:25px; word-break:keep-all;}
.etfe_con02 .txt_box p:before{content:''; display:block; position:absolute; width:5px; height:1px; background:#666; top:15px; left:15px;}
.etfe_con02 .tabbtn{position:absolute; bottom:40px; right:0; width:50%; max-width:412px; margin-right:60px;}
.etfe_con02 .tabbtn ul{font-size:0; letter-spacing:-4px; }
.etfe_con02 .tabbtn ul li{display:inline-block; vertical-align:top; width:calc(33.333333% - 4px); margin-right:6px;}
.etfe_con02 .tabbtn ul li:nth-of-type(3n){margin-right:0;}
.etfe_con02 .tabbtn ul li:nth-of-type(n+4){margin-top:6px;}
.etfe_con02 .tabbtn ul li a{display:block; position: relative;}
.etfe_con02 .tabbtn ul li img{max-width:100%;}
.etfe_con02 .tabbtn ul li.on a:before {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; border: 4px solid #22863d; box-sizing: border-box; content: '';}

.etfe_con02.type02{position:relative;}
.etfe_con02.type02:before{left:auto; right:50%;}
.etfe_con02.type02 .img_box{float:right; margin-left:0; margin-right:-70px;}
.etfe_con02.type02 .txt_box{padding-left:0; padding-right:20px; box-sizing:border-box;}
.etfe_con02.type02 .tabbtn{right:auto; left:0; margin-right:0;}

@media all and (max-width:1200px){
	.etfe_con02 .img_box{margin-bottom:160px;}
	.etfe_con02 .txt_box{padding:10px 0 100px; padding-left:10px;}
	.etfe_con02 .txt_box h5 br{display:none;}
	.etfe_con02 .txt_box p br{display:none;}
	.etfe_con02 .tabbtn{margin-right:0; bottom:10px;}
}
@media all and (max-width:1000px){
	.etfe_con02:before{display:none;}
	.etfe_con02 .img_box{float:none; text-align:center; width:100%; margin:0;}
	.etfe_con02 .img_box img{width:100%;}
	.etfe_con02 .txt_box{width:100%; float:none; padding:40px 30px 80px; margin-top:0;}
	.etfe_con02 .txt_box h5 br{display:block;}
	.etfe_con02 .txt_box p br{display:block;}
	.etfe_con02 .tabbtn{position:static; bottom:auto; left:auto; max-width:100%; width:100%;}
	.etfe_con02 .tabbtn ul li img{width:100%;}

	.etfe_con02.type02 .img_box{float:none; width:100%; margin:0;}
	.etfe_con02.type02 .img_box img{width:100%;}
	.etfe_con02.type02 .txt_box{padding:40px 30px 80px;}
	.etfe_con02.type02 .tabbtn{left:auto;}
}

.etfe_con03{padding-bottom:60px; font-size:0; letter-spacing:-4px;}
.etfe_con03 .tit{margin:30px 0;}
.etfe_con03 .tit h4{position:relative; font-size:28px; color:#222222; letter-spacing:-0.045em; font-weight:700; margin:0; padding-bottom:10px;}
.etfe_con03 .tit h4:before{content:''; position:absolute; bottom:0; left:50%; display:block; width:25px; height:1px; background:#222222; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
.etfe_con03 .dl_box dl{display:inline-block; vertical-align:top; margin-bottom:40px; margin-right:20px;}
.etfe_con03 .dl_box dl:last-of-type{margin-right:0;}
.etfe_con03 .dl_box dl dt .img_box img{width:100%;}
.etfe_con03 .dl_box dl dd{display:table; width:100%; border:1px solid #eee; border-bottom:1px solid #313131; border-top:0; padding:0 10px; box-sizing:border-box; height:100px; text-align:center;}
.etfe_con03 .dl_box dl dd p{display:table-cell; vertical-align:middle; font-size:20px; color:#222; letter-spacing:-0.045em; font-weight:300;}

.etfe_con03 .dl_box.w25 dl{width:calc(25% - 15px);}
.etfe_con03 .dl_box.w25 dl:nth-of-type(4n){margin-right:0;}
.etfe_con03 .dl_box.w33 dl{width:calc(33.333333% - 13.4px);}
.etfe_con03 .dl_box.w33 dl:nth-of-type(3n){margin-right:0;}

@media all and (max-width:1000px){
	.etfe_con03 .dl_box.w25 dl{width:calc(50% - 10px);}
	.etfe_con03 .dl_box.w25 dl:nth-of-type(2n){margin-right:0;}
	.etfe_con03 .dl_box.w33 dl{width:calc(50% - 10px);}
	.etfe_con03 .dl_box.w33 dl:nth-of-type(3n){margin-right:20px;}
	.etfe_con03 .dl_box.w33 dl:nth-of-type(2n){margin-right:0;}
}

.builtup_con01{margin-bottom:40px;}
.builtup_con01 .tit{text-align:left;}
.builtup_con01 .tit h4{position:relative; font-size:32px; color:#22863d; letter-spacing:-0.045em; font-weight:bold; margin:0; padding-top:40px;}
.builtup_con01 .tit h4:before{content:''; display:block; position:absolute; width:270px; height:2px; background:#22863d; top:0; left:0;}

/* tab */
.tab_btn{margin:20px 0;}
.tab_btn ul{font-size:0; letter-spacing:-4px;}
.tab_btn ul:after{clear:both; content:""; display:block; height:0;visibility:hidden}
.tab_btn ul li{float:left; width:20%; height:85px; display:table; vertical-align:top;}
.tab_btn ul li a{word-break:keep-all; display:table-cell; vertical-align:middle; position:relative;font-size:18px; color:#222; letter-spacing:-0.025em; text-align:center; background:#eef1f2}
.tab_btn ul li a:before{content:""; width:1px; height:100%; background:#fff; position:absolute; right:0; top:0;}
.tab_btn ul li:last-child a:before{display:none;}
.tab_btn ul li a.on{background:#87979d; color:#fff; font-weight:bold;}

.tab_btn.num04 ul li{display:table; float:left; width:25%}
.tab_btn.num04 ul li a{display:table-cell; padding:0; vertical-align:middle;}
.tab_btn.num06 ul li{display:table; float:left; width:16.66666666%}
.tab_btn.num06 ul li a{display:table-cell; padding:0; vertical-align:middle;}
.tab_btn.num07 ul li{display:table; float:left; width:14.2857142857%}
.tab_btn.num07 ul li a{display:table-cell; padding:0; vertical-align:middle;}

@media all and (max-width:767px){
	.tab_btn ul li{width:33.333333%;}
}

/* 20220215 css 추가 */
.builtup_con04{margin-bottom:100px;}
.builtup_con04 .img_box{text-align:center; margin:40px 0;}
.builtup_con04 .img_box img{max-width:100%;}



@charset "utf-8";

.displaynone {display:none !important;}

#wrap{width:100%; max-width:1920px; margin:0 auto; overflow-x:hidden}




/* sub_common */
.sub_common{width:100%; position:relative; margin-bottom:130px;}
.sub_common .img_box{width:100%; overflow:hidden; position:relative;}
.sub_common .img_box > img{max-width:1920px; position:relative; left:50%; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%); z-index:2;}
.sub_common .img_box .text{z-index:2; text-align:center; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.sub_common .img_box .text h2{font-size:46px; color:#fff; font-weight:bold; letter-spacing:-0.025em;}
.sub_common .img_box .text p{font-size:18px; color:#fff; letter-spacing:-0.025em; font-weight:200;}
.sub_common .sub_tab{text-align:center; position:relative; z-index:2; width:100%; max-width:1200px; margin:0 auto; margin-top:0px;}
.sub_common .sub_tab ul{font-size:0; text-align:center; letter-spacing:-4px;}
.sub_common .sub_tab ul:after{clear:both; content:""; display:block; height:0;visibility:hidden}
.sub_common .sub_tab ul li{width:50%; height:85px; display:inline-block; vertical-align:top;}
.sub_common .sub_tab ul li a{word-break:keep-all; display:block; padding:29px 0;position:relative;font-size:18px; color:#222; letter-spacing:-0.025em; text-align:center; background:#eef1f2}
.sub_common .sub_tab ul li a:before{content:""; width:1px; height:100%; background:#fff; position:absolute; right:0; top:0;}
.sub_common .sub_tab ul li:last-child a:before{display:none;}
.sub_common .sub_tab ul li a.on{background:#22863d; color:#fff; font-weight:bold;}

.sub_tab.num04 ul li{display:table; float:left; width:50%}
.sub_tab.num04 ul li a{display:table-cell; padding:0; vertical-align:middle;}
.sub_tab.num06 ul li{display:table; float:left; width:16.66666666%}
.sub_tab.num06 ul li a{display:table-cell; padding:0; vertical-align:middle;}
.sub_tab.num07 ul li{display:table; float:left; width:14.2857142857%}
.sub_tab.num07 ul li a{display:table-cell; padding:0; vertical-align:middle;}

@media all and (max-width:1200px){
	#header .gnb > ul > li > a{margin:31px 10px 30px}
	#header .gnb > ul > li ul.depth2{width:160px}
}
@media all and (max-width:1000px){
	#header .gnb{display:none;}
	#header .menu_btn{display:block; position:absolute; right:30px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	#header .language_btn{display:none;}
	#footer{padding:60px 0;}
	#footer .text_ul li:before{display:none;}

	.sub_common{margin-bottom:80px;}
	

}



/*
.pop_bg{background: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; width: 1000vh; height: 1000vh; z-index: 50;}
#pop_up{background-color: #fff; width: 100%; max-width: fit-content; position: fixed; top: 50%; left: 50%; z-index: 100; transform: translate(-50%, -50%); max-height: 640px; height: 100%; }
#pop_up{background-color: #fff; width: 100%; max-width: fit-content; position: fixed; top: 0; left: 0; z-index: 100; max-height: 640px; height: 100%;}

#pop_up .pop_close_btn i{display: inline-block; width: 50%; height: 2px; left: 25%; background: #FFF; position: absolute; top: 50%; transform: translateY(-50%);}
#pop_up .pop_close_btn i:first-child{transform: rotate(45deg);}
#pop_up .pop_close_btn i:last-child{transform: rotate(-45deg);}

#pop_up .tab1{height: 100%;}
#pop_up .tab1 .tabCon_wrap{width: 100%; height: 100%;}
#pop_up .tab1 .tabCon{width: 100%; height: 100%; }
#pop_up .tab1 .tabCon a{display: block; height: 100%; width: 100%;}
#pop_up .tab1 .tabCon a p{}

#pop_up .bot_box{height: 50px; background-color: #eeeeee; display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 0 10px;}
#pop_up .bot_box > *{display: flex; align-items: center; padding: 5px 10px; background-color: #b1b1b1; color:#fff; font-size: 14px; letter-spacing: -0.045em; gap: 5px;}

@media all and (max-width:768px){
	#pop_up{max-width: fit-content; width: 100%;}
} */

/* 팝업 */
.pop_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.3); z-index: 50;}
/* pop up 크기는 인라인 css로 개발에서 처리 */
#pop_up {position: fixed; background-color: #fff; z-index: 51;}
#pop_up .tab1 {position: relative;}
#pop_up .tab1 img {width: 100% !important; /* height: 100%; object-fit: cover; object-position: center center; */}
#pop_up .bot_box {height: 50px; background-color: #eeeeee; display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 0 10px; box-sizing: border-box;}
#pop_up .bot_box > *{display: flex; align-items: center; padding: 5px 10px; background-color: #b1b1b1; color:#fff; font-size: 14px; letter-spacing: -0.045em; gap: 5px;}

@media all and (max-width: 767px) {
	#pop_up { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%);}
}


@charset "utf-8";

/* basic */
.inner{width:100%; max-width:1200px; margin:0 auto; position:relative;}
.montserrat{font-family: 'Montserrat', sans-serif; }

.tit{text-align:center;}
.tit h2{font-size:36px; color:#222; font-weight:bold; line-height:1.1;}
.tit p{font-size:18px; color:#222; font-weight:200; letter-spacing:-0.025em; margin-top:10px;}

/* main_visual */