@import url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css');
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');


/* Main Page */

.wrapper {width: 1800px; margin: 0 auto;}

.cm-fl { float:left; }
.cm-fr { float:right; }

/* Header */
#header {width: 100%; height: 100px; line-height: 100px; background-color: transparent; position: fixed; z-index: 999;}
.header {width: 100%; height: 100%; position: relative; padding: 0 60px;}
.header > * {display: inline-block;}
.header h1 {float: left;}
.header h1 a {display: block;}
.header h1 a img{margin-top: 0px;}
.header .nav_ul {position: absolute; left: 50%; transform: translateX(-50%); text-align: center;}
.header .nav_ul > li{position: relative; padding: 0 50px;}
.header .nav_ul > li > a {display: block; font-weight: 500; font-size: 18px; color: #fff; text-align: center; font-family:'SUIT', sans-serif;}
.header .nav_ul > li:nth-child(5) > a {line-height: 44px; border: 2px solid #549056; width: 115px; border-radius: 30px; color: #19651b !important;}
.header .nav_ul > li:nth-child(5) > a:hover {border: 2px solid #549056; color: #fff !important; background: #549056; transition: 0.3s}
.header .nav_ul > li:last-child > a {font-size: 15px; width: 190px}
.header .nav_ul > li:last-child > a img {padding-right: 10px}
.header .nav_right_box {float: right;}
.header .nav_right_box .face_btn {display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; border: 1px solid #fff; vertical-align: middle; text-align: center; margin-bottom: 8px; padding-top: 4px; margin-right: 20px;}
.header .nav_right_box .lang_btn {display: inline-block; font-weight: 500; font-size: 18px; color: #fff; padding: 0 25px; border: 1px solid rgba(255,255,255,0.5); height: 40px;line-height: 40px; border-radius: 20px; margin-right: 30px;}
.menu_all,
.menu_close_btn {cursor: pointer;}

.snb {width: 100%; height: 500px; position: absolute; left: 0; top: 0; z-index: 9999;background-color: rgba(255,255,255,0.9); box-shadow: 2px 0 5px rgba(0,0,0,0.15); display: none;}
.snb .header {height: 100px; border-bottom: 1px solid #fff;}
.snb .header .nav_ul > li{position: relative; vertical-align: top;}
.header .nav_ul > li:after{content: ""; width: 0; height: 4px; background-color: #549056; position: absolute; top: 96px; left: 50%; z-index: 10; transform: translateX(-50%); transition: 0.3s;}
.header .nav_ul > li:nth-child(5):after, .header .nav_ul > li:last-child:after{display: none;}
.snb .header .nav_ul > li:hover:after{width: 170px;}
/*.snb .header .nav_ul li.active::before {content: ''; width: 150px; height: 4px; background-color: #549056; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: 0.5s;}*/
.snb .header .nav_ul > li > a {color: #666666;}
.snb .header .nav_ul > li:nth-child(5) > a {margin-top: 26px}
.snb .header .nav_ul > li > ul{position: absolute; top: 100px; left: 50px; z-index: 1; padding-top: 25px;}
.snb .header .nav_ul > li > ul > li{}
.snb .header .nav_ul > li > ul.en_font > li > a {font-weight: 400;}
.snb .header .nav_ul > li > ul > li > a{display: block; font-weight: 300; font-size: 17px; color: #000; text-align: left; line-height: 1.5; padding: 8px 0;}
.snb .header .nav_ul > li > ul > li > a:hover {color: #549056;}
.snb .header .nav_right_box .face_btn {border: 1px solid #666;}
.snb .header .nav_right_box .lang_btn {color: #549056; border: 1px solid #fff;}

.rightSelect{position:relative;margin-right:25px;display: inline-block;}
.rightSelect ~ .rightSelect{margin-right:30px;}
.rightSelect > a{padding:10px 18px 10px 30px;position:relative;z-index:2;font-size:15px;font-weight:500; color: #fff;}
.snb .rightSelect > a{padding:10px 18px 10px 30px;position:relative;z-index:2;font-size:15px;font-weight:500; color: #555 !important;}
.rightSelect > a:after{
	content:"";
	background:url("/images/icon_arrow.png") no-repeat;
	width:8px;
	height:4px;
	background-size:100% auto;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-2px;
	transition: 0.3s;
}
.rightSelect > a:before{
	content:"";
	background:url("/images/global_w.png") no-repeat;
	width:18px;
	height:19px;
	background-size:100% auto;
	position:absolute;
	left:0px;
	top:25%;
	transition: 0.3s;
}
.rightSelect > a.changed:after{
	content:"";
	background:url("/images/icon_arrow_on.png") no-repeat;
	width:8px;
	height:4px;
	background-size:100% auto;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-2px;
	transition: 0.3s;
}
.rightSelect > a.changed:before{
	content:"";
	background:url("/images/global_b.png") no-repeat;
	width:18px;
	height:19px;
	background-size:100% auto;
	position:absolute;
	left:0px;
	top:25%;
	transition: 0.3s;
}
.snb .rightSelect > a:after{
	content:"";
	background:url("/images/icon_arrow_on.png") no-repeat;
	width:8px;
	height:4px;
	background-size:100% auto;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-2px;
	transition: 0.3s;
}
.snb .rightSelect > a:before{
	content:"";
	background:url("/images/global_b.png") no-repeat;
	width:18px;
	height:19px;
	background-size:100% auto;
	position:absolute;
	left:0px;
	top:25%;
	transition: 0.3s;
}
.rightSelect.on > a:after{
	transform:rotate(180deg);
	margin-top:-2px;
}
.rightSelect > ul{
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	position:absolute;
	left: 60%;
	top: 70px;
	transform:translate(-55%,0);
	z-index:1;
	background:#ffffff;
	/* padding-top: 40px; */
	padding: 14px 30px 14px 30px;
	display:none;
}
.rightSelect.on > ul{display:block;}
.rightSelect > ul > li {line-height: 30px;}
.rightSelect > ul > li > a{color:#555555 !important;font-size:15px;white-space:nowrap; font-weight: 500;}
.rightSelect > ul > li > a:hover,
.rightSelect > ul > li > a:focus{color:#222222}

/*
.snb_ul {height: 100%; width: 820px;margin: 0 auto;}
.snb_big_ul {vertical-align: top; height: 100%;}
.snb_sub_ul {padding-top: 30px; padding-left: 35px; position: relative;}
.snb_sub_ul::before {content: ''; width: 0; height: 4px; background-color: #549056; position: absolute; top: -4px; left: 50%; transform: translateX(-50%); transition: 0.3s;}
.snb_sub_ul:hover::before {width: 150px;}
.snb_sub_ul > li {line-height: normal; padding-left: 35px; padding: 5px 0;}
.snb_sub_ul > li > a {display: block; font-weight: 300; font-size: 17px; color: #000;}
.snb_sub_ul > li > a::before {content: '- ';}
.snb_sub_ul > li > a:hover {color: #0058aa;}
.snb_sub_ul.en_font li a {font-weight: 400;}
*/

.site_map {position: absolute; top: 0; right: 0; z-index: 9999; width: 100%; height: 1238px; background-color: rgba(255,255,255,0.9); display: none;}
.site_map .header {height: 100px; background-color: #5bbc5e;}
.big_site_map_ul {padding: 0 300px;}
.big_site_map_ul > li {font-weight: 500; font-size: 34px; color: #333; vertical-align: top; line-height: normal; text-align: left; padding-top: 90px;position: relative; height: 100%; padding-left: 50px;}
.big_site_map_ul > li::after {content: ''; width: 1px; height: 1138px; background-color: #e8e8e8; position: absolute; right: 0; top: 0;}
.big_site_map_ul > li:last-child::after {content: none;}
.site_map .snb_sub_ul {padding-top: 20px}
.site_map .snb_sub_ul > li {padding: 20px 0 0 0;}
.site_map .snb_sub_ul > li > span {display: inline-block; width: 100%;}
.site_map .snb_sub_ul > li > a {font-weight: 500; font-size: 18px; display: block; margin-bottom: 15px;}
.site_map .snb_sub_ul > li > a::before {content: none;}
.site_map .snb_sub_ul > li > ul > li {padding: 0; height: 30px; margin-bottom: 8px;}
.site_map .snb_sub_ul > li > ul > li > a {font-weight: 300; font-size: 18px; color: #333; display: block;}
.site_map .snb_sub_ul > li > ul > li > a::before {content: '- ';}
.site_map .snb_sub_ul > li > ul > li > a::before {color: #333;}
.site_map .snb_sub_ul > li > ul > li > a:hover {color: #0058aa;}
.site_map .snb_sub_ul > li > ul > li > a:hover::before {color: #5bbc5e;}


/* Mobile Menu */
.mo_menu{display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.3);}
.mo_menu_top h1 a img {width: 102px;}
.mo_menu_ct{position: fixed; top: 0; right: 0; z-index: 999; width: 350px; max-width: 95%; height: 100vh; background-color: #fff;}
.mo_menu_top{height: 58px; line-height: 58px; padding: 0 20px; background-color: #5bbc5e;}
.mo_menu_top h1{display: inline-block; line-height: 1; vertical-align: middle;}
.mo_menu_close{position: absolute; top: 17px; right: 20px; z-index: 10; line-height: 1;}
.mo_menu_dp1{height: 100%; overflow-y: auto;}
.mo_menu_dp1 > li{position: relative; border-bottom: 1px solid #eee;}
.mo_menu_dp1 > li > span,
.mo_menu_dp1 > li > a{display: block; font-size: 20px; font-weight: 500; padding: 10px 30px; color: #53534b;}
.mo_menu_dp1 > li > img {position: absolute; top: 22px; right: 20px;}
.mo_menu_dp2{display: none;}
.mo_menu_dp2 > li{}
.mo_menu_dp2 > li > span,
.mo_menu_dp2 > li > a{display: block; font-size: 17px; font-weight: 400; padding: 10px 30px; color: #333;}
.mo_menu_dp3{display: none; padding-bottom: 10px}
.mo_menu_dp3 > li{padding: 0 10px;}
.mo_menu_dp3 > li > span,
.mo_menu_dp3 > li > a{display: block; font-size: 18px; font-weight: 400; padding: 5px 30px; color: #666;}
.mo_menu_dp3.en_font li a {font-weight: 400;}

/* top btn */
.tf_btn_box {position: fixed; right: 20px; bottom: 230px;}
.facebook_btn {width: 54px; height: 54px; line-height: 32px; border-radius: 50%; background-color: #e8e8e8; text-align: center; padding-top: 10px; cursor: pointer; box-shadow: 2px 0 5px rgba(10,10,10,0.15); margin-top: 14px;}
.top_btn {width: 54px; height: 54px; line-height: 54px; border-radius: 50%; background-color: #9f8568; margin-top: 14px; text-align: center; cursor: pointer; box-shadow: 2px 0 5px rgba(10,10,10,0.15);}
.f_400 {font-weight: 400;}
.top_btn a {display: block;}

/* Main- Contents */
/* Main1 */
.main_wrapper {position: relative; width: 100%; height: 100%;}
.main_visual_sl {position: relative;}
.main_visual_pause_btn img{width: 14px;}
.main_visual_pause_btn.pause img{width: auto;}
.visual {position: relative; height: 0; padding-bottom: 100vh; overflow: hidden;}
.main_visual_sl{height: 100%;}
.mian_visual {max-width: 100%; height: 100vh; position: relative; min-height: 560px;}
.mian_visual .slick-list,
.mian_visual .slick-track,
.mian_visual .slick-slide{height: 100%;}
.visual div.visual_img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transform: scale(1.2); margin: 0 !important;}
.main_visual_sl.start .visual div.visual_img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transform: scale(1.2); margin: 0 !important;}
.mian_visual .slick-current div.visual_img{transform: scale(1);}
.mian_visual .slick-current .sldier_copy_txt_box > p{transform: translate3d(0px, 0px, 0px); opacity: 1;}

.visual_img video {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

/* 2022-03-30 */
/*
.visual.slick-slide,
.visual.slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
  transition: transform 0.3s linear;
  transition-delay: 0.5s;
  transform: scale(1.2);
}
.visual.slick-center,
.visual.slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
  transition-delay: 0s;
  transform: scale(1);
}
*/
.visual.slick-slide .visual_img {
  transition: transform 4s linear;
  transition-delay: 1s;
  transform: scale(1);
}
.visual:not(.slick-current) .visual_img {
  transition-delay: 0s;
  transform: scale(1.2);
}

/* .visual.slider1 .visual_img{position: absolute; top: 0; left: 0;}
.visual.slider2 .visual_img{position: absolute; top: 0; left: 0;}
.visual.slider3 .visual_img{position: absolute; top: 0; left: 0;}
.visual.slider4 .visual_img{position: absolute; top: 0; left: 0;} */
.visual_img {max-width: 100%;}
.visual_img img {width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); object-fit: cover;}

.visual span.visual_bg {position: absolute; top: 50%; left: -160px; transform: translateY(-30%); width: 100%; height: 100%;}

/*
.visual {min-height: 947px; height: 100%; position: relative;}
.mian_visual {max-width: 100%; height: 100%;}
.visual.slider1 {background: url(../img/m_slide1.png) no-repeat center center/cover;}
.visual.slider2 {background: url(../img/m_slide2.png) no-repeat center center/cover;}
.visual.slider3 {background: url(../img/m_slide3.png) no-repeat center center/cover;}
.visual.slider4 {background: url(../img/m_slide4.png) no-repeat center center/cover;}
*/

.slider_copy_txt_box {text-align: center;}
.visual_copy_tit {font-size: 60px; color: #fff; font-family: 'SCoreDream'; font-weight: 200;}
.visual_copy_tit .bold {font-weight: 600;}
.visual_copy_tit .mid {font-weight: 400;}
.visual_copy_txt {font-weight: 400; font-size: 28px; color: #fff; text-align: right; position: absolute; right: 0; top: 20%}

.sldier_copy_txt_box {margin-top: 300px; margin-left: 11%; position: relative;}
.sldier_copy_txt_box > p{transform: translate3d(0px, 50px, 0px); opacity: 0;}
.main_visual_sl.start .sldier_copy_txt_box > p{transform: translate3d(0px, 50px, 0px); opacity: 0; transition: inherit;}
.sldier_copy_txt_box > p:nth-child(1){transition: all ease 0.5s 1s;}
.sldier_copy_txt_box > p:nth-child(2){transition: all ease 0.5s 1.2s;}
.sldier_copy_txt_box > p:nth-child(3){transition: all ease 0.5s 1.4s;}
.slider1 .visual_copy_tit {line-height: 70px; margin-bottom: 30px;}
.slider1 .visual_copy_tit span:nth-child(3) {color: #fff;}
.slider1 .visual_copy_tit span:nth-child(5) {color: #b39677;}
.visual .visual_copy_tit .color_b{color:#b39677;}

.visual>div {margin-top: 300px; margin-left: 10%; margin-right: 10%;}
.visual .visual_copy_tit {margin-bottom: 55px; line-height: 1.3;}
.visual .visual_copy_txt1 {font-weight: 400; font-size: 28px; color: #fff; margin-bottom: 30px;}
.visual .visual_copy_txt2 {font-size: 22px; font-weight: 300; color: #b39677;}
.visual .visual_copy_txt2 span {color: #fff;}

.slide_btnbox {position: absolute; z-index: 5; left: 11%; bottom: 12%;}
.slide_btnbox >div {display: inline-block;}
.main_visual_numbox {font-size: 30px; color: #fff; font-weight: 500; font-family: 'Barlow', sans-serif;}
.main_visual_act_num {font-size: 30px; font-weight: 800; color: #54ce57; margin-right: 5px;}
.main_visual_tot_num {font-size: 30px; font-weight: 400; color: rgba(255,255,255,.5)!important; margin-right: 28px;}
.main_visual_btnbox button {margin-right: 13px; margin-top: -15px; border: none; background-color: transparent;}
.main_visual_sl .slick-arrow{display: none !important;}

.detail_btn {display: inline-block; border: 1px solid #fff; border-radius: 30px; font-weight: 400; font-size: 18px; text-align: center; color: #fff; width: 200px; height: 40px; line-height: 40px; margin-top: 50px;}

.scr_icon{position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); z-index: 100;}
.scr_icon_symb{position: relative; width: 20px; height: 40px; border-radius: 40px; border: 2px solid #fff; background-color: rgba(255,255,255,0.2); opacity: 1;}
.scr_icon_symb span{position: absolute; top: 5px; left: 50%; z-index: 1; width: 3px; height: 10px; background-color: #fff; margin-left: -1.5px; border-radius: 30px; animation: scrani 1.2s linear infinite;}

@-webkit-keyframes scrani {
  0% {
    top:5px;
    opacity: 1;
  }
  100% {
    top:15px;
    opacity: 0.4;
  }
}

.scr_icon_symb {margin: 0 auto;}
.scr_icon > span {color: #fff; }
.scr_icon .arw_bot {display: block;text-align: center; height: 9px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); animation: motion 0.5s linear 0s infinite alternate;}
.scr_icon .arw_bot:last-child {bottom: -16px;}
@keyframes motion {
	0% {margin-bottom: 0px;}
	100% {margin-bottom: -5px;}
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {background: rgba(255,255,255,0.5);}

/* Main2 */
.main2 {width: 100%; padding: 30px 220px 0;} 
.main_visual_txtbox {text-align: center;}
.main_section02 .business_bg{ background-repeat:no-repeat; background-size:cover; background-position: center 0; background-image:url(/images/section1_img1.jpg); position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden; z-index:-1;transition: all 700ms ease 0s;}
.main_section02 .main_section_head{position: absolute;top: 22%;width: 100%;}
.main_business_list { width:100%; height:100%; display:block;}
.main_business_item {float: left; width: 25%; height:100%; display:inline-block; position:relative; border-left: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.4)}
.main_business_item:hover {background: rgba(52,123,54,0.7)}

.main_business_item .main_business_bg{width: 100%; height: 100%; position: absolute;top: 0; left: 0;background: no-repeat center center;background-size: cover;z-index:-1; display:none}
.main_business_item:first_child:after {display: none;}
.main_business_item figure {padding-top:100%;position: relative;background: #f8f8f8;}
.main_business_item img {display: block;width: 100%;position: absolute;top: 0;left: 0;}
.main_business_content {width:100%;text-align:left;position:absolute;top:60%;}
.main_business_txt {padding:0 50px;}
.main_business_txt h3 { font-size:20px; font-weight:600; letter-spacing:0.01em; color:#000; -webkit-transition: all 300ms;transition: all 300ms; font-family: 'Barlow', sans-serif;}
.main_business_txt h4.sec1_tit {font-size: 35px; color: #000;font-family: 'SCoreDream'; font-weight: 500;margin-top: 14px; letter-spacing:-2px;}
.main_business_txt p {margin-top: 14px;font-size:20px;color:#000;letter-spacing:-0.01em; line-height:1.6; font-family:'SUIT', sans-serif; font-weight: 400}
.main_business_list.eng .main_business_txt p {letter-spacing:0; font-size:18px; }

.main_business_item:hover h3 {color:#fff;}
.main_business_item:hover h4.sec1_tit {color:#fff;}
.main_business_item:hover p {color:#fff;}
.main_business_link {margin: 0 50px }
.main_business_link > div {margin: 0px 0 100px; padding-top: 100px; opacity:0;visibility: hidden;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);-webkit-transition:opacity 300ms, -webkit-transform 300ms;transition:opacity 300ms, -webkit-transform 300ms;transition:opacity 300ms, transform 300ms;transition: opacity 300ms, transform 300ms, -webkit-transform 300ms; font-size: 18px;font-weight: 300; color: rgba(255,255,255,.7); position: relative; width: 100%;}
.main_business_link > div:before {content: ''; position: absolute; width: 25px; height: 1px; left: 0; top: 50px; background: rgba(255,255,255,.7)}
.main_business_link .jt_btn_arrow {margin: 12px 0 32px;opacity:0;visibility: hidden;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);-webkit-transition:opacity 300ms, -webkit-transform 300ms;transition:opacity 300ms, -webkit-transform 300ms;transition:opacity 300ms, transform 300ms;transition: opacity 300ms, transform 300ms, -webkit-transform 300ms; color: #fff;font-size: 16px; border: 1px solid #fff; padding: 15px 50px; font-family:'SUIT', sans-serif;}
.main_business_link .jt_btn_arrow:hover {background: #fff; color: #000; transition: 0.1s;}

.business_btn_link a:hover, .business_btn_link a:hover i:before, .business_btn_link a.jt_btn_basic:hover span.arrow:before { color:#1f2c5c;}
.business_btn_link a:hover {background:#fff;}
.main_business_item:hover .main_business_link .jt_btn_arrow,
.main_business_item.focusin .main_business_link .jt_btn_arrow,
.main_business_item:hover .main_business_link > div {opacity:1; visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.main_business_item:hover .business_btn_link, .main_business_item.focusin .business_btn_link {opacity:1; visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.main_business_item:hover .main_business_txt h3, .main_business_item.focusin .main_business_txt h3 {margin-top: -270px;}




/* Main3 */
.main_section03 { background: #134438; position: relative}
.main3 {width: 100%; padding: 0;}
.main_section03 .main3_visual_txtbox {width: 67%; position: relative;}
.main_section03 .main3_visual_tit {font-weight: 700; font-size: 38px; line-height: 42px; font-family: 'Barlow', sans-serif; color: #fff; position: absolute; right: 60px; top: -155px;-webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.main_section03 .main3_visual_txt {font-size: 18px; margin-bottom: 10px; color: #fff; font-family: 'SUIT', sans-serif; position: absolute; left: 275px; top: -75px;}
.main_section03 .main3_visual_txt a {color: #fff; border: 1px solid rgba(255,255,255,.5); padding: 15px 45px; transition: 0.3s}
.main_section03 .main3_visual_txt a:hover {background: #fff; color: #000;}
.main_section03 .main3_slide { margin-top: 250px;}

.main3_slider {position: relative; text-align: left; margin-right: 80px;}

.main3_slide .slick-arrow{display: block; width: 88px; height: 88px; border: 0; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 100; margin-top: 0px; text-indent: -9999px; outline: none;}
.main3_slide .slick-prev{left: 25%; margin-left: -260px; z-index: 10; background: url('/images/arrow_left2.png') no-repeat center/contain;box-shadow: 0 0 10px rgba(51,51,51,0.6);}
.main3_slide .slick-next{right: 25%; margin-right: -260px; z-index: 10; background: url('/images/arrow_right2.png') no-repeat center/contain;box-shadow: 0 0 10px rgba(51,51,51,0.6);}

.main3_slider >div {height: auto; width: 736px;}
.main3_slider_tit {font-size: 24px; font-weight: 700; white-space: normal; float: left; width: 50%;}
.main3_slider_txt {font-size: 16px; font-weight: 300; white-space: normal; float: right; width: 50%; background: #f8f8f8;}
.main3_slider span {font-size: 18px; font-weight: 400; position: relative; z-index: 4; display: block; text-align: center; border: 1px solid #888888; padding: 15px 0; width: 100%;}


.main3_slider.slick-current .shadow {background-color: #f8f8f8; box-shadow: 0 0 10px rgba(51,51,51,0.6);}
.main3_slider.slick-current .main3_slider_tit {color: #000;}
.main3_slider.slick-current .main3_slider_txt {color: #000;}

.main3_slider_tit {line-height: 1.35; height: 404px; overflow: hidden; white-space: normal;}
.main3_slider_txt {line-height: 1.35; height: 404px; overflow: hidden; white-space: normal; padding: 60px 40px}
.main3_slider_txt1 {color: #000; font-size: 34px; line-height: 1.3; font-family: 'SCoreDream'; font-weight: 600}
.main3_slider_txt2 {color: #666666; font-size: 18px; line-height: 1.3; font-family:'SUIT', sans-serif; padding: 40px 0;}
.main3_slider_txt2 br {display: none;}
.main3_slider_txt3 {position: absolute; right: 0; top: 100px; color: #111111; font-size: 14px; font-family: 'Barlow', sans-serif; font-weight: 500; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.main3_slider_txt_line {width: 1px; height: 50px; background: #000; position: absolute; top: 155px; right: 30px;}

.main3_slider.slick-current > div {position: relative; z-index: 20; height: 404px; cursor: pointer; overflow: hidden}
.main3_slider.slick-current span {color: #000; display: block; position: relative; z-index: 20;}
.main3_slider.slick-current span:hover img {margin-left: 20px;}

.main3_slide_box {position: relative; width: 67%;}
.main3_slide_box::before {content: ""; display: block; background: url("/images/main3_bg_left.png") no-repeat; position: absolute;bottom: 0; left: 0; z-index: 1; width: 300px; height: 100%;}
.main3_slide_box::after {content: ""; display: block; background: url("/images/main3_bg_right.png") no-repeat right; position: absolute;bottom: 0; right: 0; z-index: 1; width: 300px; height: 100%;}

.main3_btnbox {position: absolute; bottom: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 4; width: 520px;}
.main3_btnbox>img:first-child {display: inline-block; float: left; cursor: pointer;}
.main3_btnbox>img:last-child {display: inline-block; float: right; cursor: pointer;}
.main3_more_btn {display: block; font-size: 16px; font-weight: 400; color: #999; position: absolute; right: 310px; bottom: 564px; z-index: 4;}
.main3_more_btn>img {margin-left: 10px;}

.main3_pro_box {position: absolute; width: 33%; background: #fff url("../../images/section2_right_bg.png") left top no-repeat; right: 0; top: 0; height: 100%}
.main3_pro_box .cm_object {position:absolute; top:27%; left:0; right:0; z-index:9; transition:0.3s; -webkit-transition:0.3s;}
.main3_pro_box .cm_object img {width:100%; height:auto;}
.main3_pro_box .cm_object .cmo_main {display:inline-block; vertical-align:middle; position:absolute; left:-200px; right:0; top:0; bottom:0; z-index:1;
	animation-name:cmo_motion; animation-duration:4s; animation-iteration-count:infinite; animation-timing-function:linear;}
@keyframes cmo_motion {from {top:0;} 10% {top:-5px;} 40% {top:-20px;} 50% {top:-25px;} 60% {top:-20px;} 90% {top:-5px;} to {top:0;}}

.fog_img {position: absolute; left: 0; top: 0;}

.main3_slider.slick-slide img {display: inline-block!important; transition: 0.5s;}


/* Main4 */
.main4 {width: 100%; padding: 80px 330px 0;}
.main_section04 .main4_visual_txtbox {}
.main_section04 .main4_visual_tit {font-weight: 700; font-size: 70px; margin-bottom: 25px;}
.main_section04 .main4_visual_txt {font-weight: 400; font-size: 26px; margin-bottom: 10px; color: #666;}
.main_section04 .main4_slide { margin-top: 110px;}

.main4_slider {position: relative; text-align: left;}

.main4_slide .slick-arrow{display: block; width: 18px; height: 32px; border: 0; position: absolute; top: 50%; z-index: 100; margin-top: -16px; text-indent: -9999px; outline: none;}
.main4_slide .slick-prev{left: 50%; margin-left: -260px; z-index: 10; background: url('../img/arrow_left2.png') no-repeat center/contain;}
.main4_slide .slick-next{right: 50%; margin-right: -260px; z-index: 10; background: url('../img/arrow_right2.png') no-repeat center/contain;}

.main4_slider >div {padding: 55px 45px 45px 55px; height: auto; width: 450px;}
.main4_slider_tit {font-size: 24px; font-weight: 700; border-bottom: 2px solid #5a5a5a; padding-bottom: 20px; white-space: normal;}
.main4_slider_txt {font-size: 16px; font-weight: 300; margin-top: 20px; white-space: normal;}
.main4_slider span {font-size: 18px; font-weight: 400; margin-top: 35px; display: none; position: relative; z-index: 4;}

.main4_slider.slick-current div {background-color: #0058aa; border-radius: 20px; box-shadow: 0 0 10px rgba(51,51,51,0.6);}
.main4_slider.slick-current .main4_slider_tit {color: #fff; border-bottom: 2px solid #fff;}
.main4_slider.slick-current .main4_slider_txt {color: #fff;}

.main4_slider_tit {line-height: 1.35; height: 100px; overflow: hidden; white-space: normal;}
.main4_slider_txt {line-height: 1.35; height: 108px; overflow: hidden; white-space: normal;}

.main4_slider.slick-current > div {position: relative; z-index: 20; height: 375px; cursor: pointer;}
.main4_slider.slick-current span {color: #fff; display: block; position: relative; z-index: 20;}
.main4_slider.slick-current span:hover img {margin-left: 20px;}

.main4_slide_box {position: relative;}
.main4_slide_box::before {content: ""; display: block; background: url('../img/main4_bg_left.png') no-repeat; position: absolute;top: 0; left: 0; z-index: 1; width: 300px; height: 100%;}
.main4_slide_box::after {content: ""; display: block; background: url('../img/main4_bg_right.png') no-repeat right; position: absolute;top: 0; right: 0; z-index: 1; width: 300px; height: 100%;}
.main4_btnbox {position: absolute; bottom: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 4; width: 520px;}
.main4_btnbox>img:first-child {display: inline-block; float: left; cursor: pointer;}
.main4_btnbox>img:last-child {display: inline-block; float: right; cursor: pointer;}
.main4_more_btn {display: block; font-size: 16px; font-weight: 400; color: #999; position: absolute; right: 310px; bottom: 564px; z-index: 4;}
.main4_more_btn>img {margin-left: 10px;}

.fog_img {position: absolute; left: 0; top: 0;}

.main4_slider.slick-slide img {display: inline-block!important; transition: 0.5s; margin-left: 10px;}


/* Main5 */
.main5 {width: 100%; padding: 100px 150px 0;}
.main_section05 {background: url("../../images/section5_bg.jpg") center top no-repeat;}
.main_section05 .main5_visual_txtbox {text-align: center; padding-bottom: 65px;}
.main_section05 .main5_visual_tit {font-weight: 700; font-size: 55px; color: #111; margin-bottom: 25px;}
.main_section05 .main5_visual_txt {font-weight: 400; font-size: 18px; line-height: 28px; margin-bottom: 10px; color: #111;}
.main_section05 .main5_visual_txt span {font-weight: 700;}
.main_section05 .pro_list {width: 100%; overflow: hidden;}
.main_section05 .pro_list a {transform: 0.3s}
.main_section05 .pro_list a li {float: left; margin: 0 10px; background: #254871; width: 15.3%; height: 380px; padding: 44px 0 0 40px; position: relative; overflow: hidden; transition: .3s ease-out;}
.main_section05 .pro_list a:hover li {background: #5ebc5e;}
.main_section05 .pro_list a li .pro_list_t1 {color: #40b9ff; font-size: 17px; transition: .3s ease-out;}
.main_section05 .pro_list a:hover li .pro_list_t1 {color: #254871; font-weight: 600}
.main_section05 .pro_list a li .pro_list_t2 {color: #fff; font-size: 23px; font-family: 'Montserrat', sans-serif; font-weight: 700;}
.main_section05 .pro_list a li .pro_list_arrow i {color: #fff; font-size: 20px; position: absolute; left: 40px; top: 150px; transition: .3s ease-out;}
.main_section05 .pro_list a:hover li .pro_list_arrow i {color: #fff; font-size: 20px; position: absolute; left: 60px; top: 150px;}
.main_section05 .pro_list a:first-child li .pro_list_img {position: absolute; left: 57px; top: 200px;}
.main_section05 .pro_list a:nth-child(2) li .pro_list_img {position: absolute; left: 102px; top: 143px;}
.main_section05 .pro_list a:nth-child(3) li .pro_list_img {position: absolute; left: 113px; top: 185px;}
.main_section05 .pro_list a:nth-child(4) li .pro_list_img {position: absolute; left: 92px; top: 182px;}
.main_section05 .pro_list a:nth-child(5) li .pro_list_img {position: absolute; left: 125px; top: 185px;}
.main_section05 .pro_list a:nth-child(6) li .pro_list_img {position: absolute; left: 115px; top: 190px;}



/* Footer */
#main_footer {background: #283653;position: relative;clear: both;}
#footer {height: auto; position: relative; }
#footer .wrapper {height: 100%;}

.foot_client {border-top: 1px solid #e8e8e8; height: 122px; line-height: 122px; text-align: center;}
.client_left {display: inline-block; vertical-align: middle;}
.client_left span {font-weight: 600; font-size: 26px; color: #5c5d6a; vertical-align: middle;}
.client_right {display: inline-block; vertical-align: middle; margin-left: 150px; /*height: 100%; */width: 80%;}
.client_right .slick-slide img {display: inline-block; vertical-align: middle;}
.client_list {text-align: center;}
.client_btn_box {display: inline-block; vertical-align: middle; margin-left: 30px; position: relative;}
.client_btn_box img {display: inline-block; vertical-align: middle; cursor: pointer;}
.client_btn_box img:first-child {margin-right: 18px;}
.client_btn_box::before {content: ''; width: 1px; height: 15px; background-color: #5c5d6a; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.client_list .slick-arrow {display: none!important;}

.foot_border { border-bottom: 1px solid #d1d1d1;}
.foot_border_top {border-top: 1px solid #d1d1d1;}
.foot_bot {width: 100%;}
.foot_con {/*height: 70px;*/ padding-top: 45px ; padding-bottom: 38px;}
.foot_con_left {float: left; color: #a2a2a2; font-size: 16px; font-weight: 350; margin-left: 3px;}

.foot_con_left p:first-child {color: #a2a2a2; font-size: 18px; font-weight: 400; margin-bottom: 15px;}
.foot_con_left > p:last-child {color: #a2a2a2; margin-top: 10px;}
.foot_con_left p .mobile {display: none;}
.foot_con_left span:not(:first-child) {margin-left: 10px;}
.foot_con_left span:not(:first-child)::before {content: '|'; margin-right: 8px; color: #e0e0e0;}
.foot_con_left span {font-weight: 400;}
.foot_con_left span a {color: #a2a2a2; font-size: 16px; font-weight: 400;}
.foot_con_right {float: right; height: 100%; position: relative; margin-top: 30px;}
.foot_con_right > a {font-size: 16px; font-weight: 500; color: #6584bd;}
.foot_con_right > a::before {content: ''; color: #666; margin-left: 15px; margin-right: 15px;}
.foot_con_right > a:first-child::before {content: none;}
.foot_con_right .foot_sns {text-align: right; padding-bottom: 25px;}
.foot_con_right .foot_sns > a {color: #fff; padding-left: 40px; transition: 0.3s}
.foot_con_right .foot_sns > a:hover {color: #6584bd;}
.foot_con_right .foot_sns > a i {font-size: 25px; line-height: 25px;}
.foot_con_right .foot_sns > a .blog {width: 25px; vertical-align: top;}

.foot_con_right select {display: inline-block; width: 250px; height: 44px; border: 1px solid #c3c3c3; border-radius: 5px; line-height: 44px; margin-left: 25px; font-size: 16px; font-weight: 500; color: #909090; background: url(../../resource/img/f_site_icon.png) no-repeat 225px 50%;}


/* sub page common */
.w_1400 {max-width: 1400px; width: 100%; position: relative; margin: 0 auto;}
.w_1400_padding {max-width: 1400px; width: 100%; position: relative; margin: 0 auto;}
.pb50 {padding-bottom: 50px}
.pb100 {padding-bottom: 100px}
.pb200 {padding-bottom: 200px}
.sub__topOuter {}
.sub__visual {position: relative; height: 936px;}
.sub__visualBg {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.sub__visualTitle {line-height: 1.5; font-size: 70px; color: #fff; font-weight: 700; font-family: 'SCoreDream', sans-serif; padding: 400px 0 0px; text-align: center;text-shadow: rgba(0,0,0,.5) 1px 0 20px;}
.sub__lnb {border-top: 1px solid rgba(255,255,255,.3); background: rgba(0,0,0,.3); height: 120px; line-height: 120px; position: absolute; bottom: 0px; width: 100%; text-align: right;}
.sub__lnb a {font-size: 18px; color: #fff; margin-right: 55px; font-family:'SUIT', sans-serif; display: inline-block; box-sizing: border-box; height: 120px; line-height: 117px;}
.sub__lnb a:last-child {margin-right: 0;}
.sub__lnb a.active {color: #5bbc5e; border-bottom: 3px solid #5bbc5e;}

/*  SUB LAYOUT :: 서브메뉴(스타일1) */
.area{max-width:1400px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
#topMenu01{position:absolute; width:100%; border-top: 1px solid rgba(255,255,255,.2); background: rgba(0,0,0,.3); bottom: 0; right: 0}
#topMenu01 .side-menu-inner{width:100%; text-align: right;}
#topMenu01 .side-menu-inner ul{display:flex; justify-content: flex-end;}
#topMenu01 .side-menu-inner ul li {float:left; padding:0 32px;} 
/*#topMenu01 .side-menu-inner ul li:last-child {padding-right:0;}*/
#topMenu01 .side-menu-inner ul li > a{
	display:block; 
	display:table; 
	position:relative;
	width:100%;
	line-height:120px; 
	color:#fff; 
	font-size:18px; 
	letter-spacing:-0.5px; 
	font-weight:500; 
	word-break:keep-all;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
	font-family:'SUIT', sans-serif;
}
#topMenu01 .side-menu-inner ul li > a:before{
	position:absolute;
	bottom:0;
	left:50%;
	width:0;
	height:3px;
	background-color:#5bbc5e;
	content:"";
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
#topMenu01 .side-menu-inner ul li > a > span{display:table-cell; vertical-align:middle; }
#topMenu01 .side-menu-inner ul li > a:hover, 
#topMenu01 .side-menu-inner ul li.on > a{color:#5bbc5e; font-weight:700; }
#topMenu01 .side-menu-inner ul li > a:hover:before, 
#topMenu01 .side-menu-inner ul li.on > a:before{width:100%; margin-left:-50%;}

.middle-area-contact #contentInfoCon,
.middle-area-news #contentInfoCon {margin-bottom:0;}
.middle-area-contact #topMenu01, .middle-area-contact #topMenuM02,
.middle-area-news #topMenu01, .middle-area-news #topMenuM02 {display:none !important;}

/* SUB LAYOUT :: 서브메뉴 Fixed (공통) */
@media all and (min-width:1025px){
	.fixed-sub-menu.top-fixed .side-menu-inner{position:fixed; top:0px; left:0px; z-index:9999;}
}

/* SUB LAYOUT :: 모바일메뉴(공통)  */
#topMenuM01,
#topMenuM02{display:none;}

.sub_tit {
  font-size: 56px;
  letter-spacing: -2px;
  line-height: 1.3;
  font-weight: 300;
  color: #000;
  font-family: 'SCoreDream', sans-serif;
  z-index: 1;
}
.sub_tit span {font-weight: bold;}

.sub_bg {
  margin: -37px auto 0;
  margin-bottom: 50px;
  z-index: -1;
  position: relative;
}

.sub_bg2 {
  margin: 20px auto 0;
  margin-bottom: 50px;
  z-index: -1;
  position: relative;
}

.ceo_tit {
  margin-top: 150px;
  color: #111111;
  font-size: 28px;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 40px;
  letter-spacing: -1px;
  font-family: 'SCoreDream', sans-serif;
}
.ceo_tit.white {color: #fff;}

.ceo_content {
  color: #444;
  font-size: 18px;
  line-height: 1.8;
  justify-content: space-between;
}

.ceo_contentL {font-family: 'SCoreDream', sans-serif; font-size: 22px; font-weight: 400; padding: 60px 0 0 80px;}
.ceo_contentL span {color: #fff; background: linear-gradient(to top, #000 100%, transparent 100%); font-weight: 500}
.ceo_contentL2 {font-family: 'SCoreDream', sans-serif; font-size: 22px; font-weight: 400; padding: 60px 0 50px 80px;}
.ceo_contentR {font-family: 'SCoreDream', sans-serif; font-size: 20px; font-weight: 300; padding: 45px 0 80px 80px;}
.ceo_contentR span {font-weight: 600}
.bold {font-weight: 600;}


/* ABOUT AKIS */
/* 기업개요 sub page */
/* 회사소개 */
.introduce .add_txt {margin-bottom: 60px;}
.intro_midle_ul li {display: inline-block; border: 1px solid #d7d7d7; padding: 50px 60px; width: 30%; height: 180px; vertical-align: top; position: relative;}
.intro_middle_box {margin-bottom: 60px;}
.intro_midle_ul li img {position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-right: 45px;}
.intro_midle_ul li:not(:first-child) {margin-left: 25px;}
.intro_midle_ul li p:nth-child(2) {font-weight: 400; font-size: 38px; color: #0058aa;}
.intro_midle_ul li p:last-child {font-weight: 300; font-size: 16px; color: #666;}


.com_inner {width: 100%; position: relative;}
.com_inner::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-size:100% auto; opacity:1; transition:opacity .4s ease; background: url("../../images/company1_bg.jpg") no-repeat 50% 100px; z-index: -1}
.com_inner .core-list {display:flex; flex-direction:column; max-width: 1400px; margin:24px auto 0; transition:.4s ease}
.com_inner .core-list li {position:relative; transition:.4s ease}
.com_inner .core-list .tit {position:relative; z-index:2}
.com_inner .core-list li::before {content:""; position:absolute; top:0; left:0; background:no-repeat 0 0;}

.com_inner .core-list .com1 {align-self:flex-end; width:683px; right: -150px}
.com_inner .core-list .com1::before {width:683px; height:373px; background-image:url(../../images/company1_img1.jpg);}
.com_inner .core-list .com2 { width:640px; margin:236px 0 0 0;}
.com_inner .core-list .com2::before {width:535px; height:557px; background-image:url(../../images/company1_img2.jpg);}
.com_inner .core-list .com2 .tit {padding-top:380px; padding-left: 55px; font-size: 40px; font-weight: 300; color: #fff; font-family: 'SCoreDream', sans-serif; z-index: 1}
.com_inner .core-list .com2 .tit span {font-weight: 600; display: inline-block;}
.com_inner .core-list .com2 .tit::before {content: ''; position: absolute; width: 425px; height: 1px; background: rgba(255,255,255,.5); top: 360px;}
.com_inner .core-list .com2 .description {margin-top:100px; padding-left: 55px; line-height:1.56; color: rgba(255,255,255,.7); font-size: 20px}
.com_inner .core-list .com3 {align-self:flex-end; width:535px; margin:-340px 30px 0 0;}
.com_inner .core-list .com3::before {width:535px; height:557px; background-image:url(../../images/company1_img3.jpg)}
.com_inner .core-list .com3 .tit {padding-top:380px; padding-left: 55px; font-size: 40px; font-weight: 300; color: #fff; font-family: 'SCoreDream', sans-serif; z-index: 1}
.com_inner .core-list .com3 .tit span {font-weight: 600; display: inline-block;}
.com_inner .core-list .com3 .tit::before {content: ''; position: absolute; width: 425px; height: 1px; background: rgba(255,255,255,.5); top: 360px;}
.com_inner .core-list .com3 .description {margin-top:100px; padding-left: 55px; line-height:1.56; color: #111111; font-size: 20px}

.com_inner2 {width: 100%; position: relative; background: #f5f5f5; text-align: center; margin: 100px 0; padding: 100px 0}


/* -------- 회사연혁 -------- */
.history-title-box{margin-bottom: 100px;}
.history-title-box strong{display: block; margin-bottom:20px; font-size: 24px; color: #5bbc5e}
.history-title-box h3{font-size: 54px; font-weight: 100; color: #000; letter-spacing: -2.5px; line-height: 1.4;}
.history-list-box-style02 .history-year-box{position:relative; display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 180px}
.history-list-box-style02 .history-year-box:before,
.history-list-box-style02 .history-year-box .history-year-item:before{position:absolute; top:15px; left: 50%; margin-left: 100px; width:1px; height: 100%; background-color:#e5e5e5; content:""; transition: all .3s}
.history-list-box-style02 .history-year-box:last-child{padding-bottom: 90px;}
.history-list-box-style02 .history-year-box:last-child:before{display: none;}
.history-list-box-style02 .history-year-box .history-year-item:before{left: 100px; margin-left: 0;}
.history-list-box-style02 .history-year-box:last-child .history-year-item:last-child:before{display: none;}
.history-list-box-style02 .history-year-box .history-img-con{width:38.5%; position: relative; height: 300px; -webkit-box-shadow: 20px 20px 40px rgba(0,0,0,.27);box-shadow: 20px 20px 40px rgba(0,0,0,.27);}
.history-list-box-style02 .history-year-box .history-img-con .tit-year{position: absolute; top: 310px; left: 0; font-size:70px;font-family: 'SCoreDream', sans-serif; color: rgba(0,0,0,.1); font-weight: 700;}
.history-list-box-style02 .history-year-box .history-year-list-con{width: 50%}
.history-list-box-style02 .history-year-box .history-year-item {position:relative; padding-bottom:40px;}
.history-list-box-style02 .history-year-box .last-year-con {padding-bottom: 100px}
.history-list-box-style02 .history-year-box .history-year-item .history-year{position:absolute; top:0; left:0px; width:100px;}
.history-list-box-style02 .history-year-box .history-year-item .history-year:after{position:absolute; display:block; content:""; top:9px; right:-4px; width:7px; height:7px; background-color:#999; -webkit-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px; transition: all .4s}
.history-list-box-style02 .history-year-box .history-year-item .history-year:before{position:absolute; display:block; content:""; top:21%; right:-8px; width:15px; height:15px; margin-top:-3px; background-color:#fff; border:1px solid #999; -webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px; transition: all .4s}
.history-list-box-style02 .history-year-box .history-year-item .history-year strong{position: relative; left: 10px; color:#000; font-weight:400; font-size:25px}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con{position: relative; padding: 0 0 0 150px}
.history-list-box-style02 .history-year-box .history-year-item .history-year + .history-info-con{padding-bottom: 0;}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con + .history-info-con{padding-bottom: 0; padding-top: 10px}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p{position: relative; padding-left: 12px;  color:#7f7f7f; font-size:18px; font-weight:400; letter-spacing:-0.9px; line-height:1.4; word-break:keep-all}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p:before{content: ""; position: absolute; top: 10px; left: 0; width: 3px; height: 3px; background-color: #7f7f7f;}
.history-list-box-style02 .history-year-box .history-year-item .history-info-con p + p{margin-top: 10px;}
/* over.ver */
.history-list-box-style02 .history-year-box.over:before,
.history-list-box-style02 .history-year-box.over .history-year-item:before{background-color: #5bbc5e}
.history-list-box-style02 .history-year-box .history-year-item.over .history-year:after{background-color: #5bbc5e}
.history-list-box-style02 .history-year-box .history-year-item.over .history-year:before{border-color:#5bbc5e}


.board_area {margin-bottom: 200px;}
.com_list {overflow: hidden;}
.com_list li {float: left; width: 18%; margin-right: 2.5%; }
.com_list li:last-child {float: right; margin-right: 0}
.com_list li img {width: 100%;border: 1px solid #eee;}
.com_list li p {width: 100%; text-align: center; font-size: 18px; padding-top: 5px}

.com2_list {overflow: hidden; padding-top: 0px}
.com2_list li {float: left; width: 49%; margin-right: 2%; margin-bottom: 2%;}
.com2_list li:nth-child(2n) {float: right; margin-right: 0}
.com2_list li img {width: 100%;border: 1px solid #eee;}


/* 공통 */
.show-default {
  display: block !important;
}

.hide-default {
  display: none !important;
}

	.move_img_wrap {width:1400px; height:600px; overflow:hidden; position:relative; z-index:2;}
	.move_img_wrap .move_ct {position:absolute; top:0px; left:50%; z-index:1; width:2530px; }

.table-step__list{border-top:2px solid #222; margin-bottom: 200px;}
.table-step__item{display:flex;;min-height:100px;border-bottom:1px solid #eee}
.table-step__item2{display:flex;;min-height:260px;border-bottom:1px solid #eee}
.table-step__item-left{display:flex;align-items: center;justify-content: center;flex-shrink:0;width:300px;border-right:1px solid #eee}
.table-step__item-title{font-size:20px;color:#222}
.table-step__item-right{display:flex;align-items: center;width:100%;padding:0 20px 0 45px}
.table-step__desc{font-size: 18px;color:#666}
.table-system__wrap{display: flex;}


.table.mod{width:100%; padding: 0 0 50px;}
.table.mod table { border-top:2px solid #222; margin:0 0 0 0; font-size:15px;}
.table.mod table th { background:#f5f7f7; font-weight:700;font-size:20px;color:#222}
.table.mod table th { padding:15px 20px; border:1px solid #eee; line-height:1.4; text-align: center;}
.table.mod table th.left { padding:15px 20px; border:1px solid #eee; line-height:1.4; text-align: left;}
.table.mod table td { padding:15px 10px 15px 20px; border:1px solid #eee; line-height:1.4; text-align: left;font-size: 18px;color:#666}
.table.mod table td.center { padding:15px 10px; border:1px solid #eee; line-height:1.4; text-align: center;}
.table.mod table th:first-child,
.table.mod table td:first-child { border-left:none;}
.table.mod table th:last-child,
.table.mod table td:last-child { border-right:none;}
.table.mod table td p { margin:0 0 8px 0;}
.table.mod table td p:last-child { margin:0; }


.intro-wrap > ul {margin: 0 -10px;}
.intro-wrap > ul:after {content: ''; display: block; clear: both;}
.intro-wrap.int01 > ul > li {position: relative; width: calc(100% - 20px); overflow: hidden; margin: 30px 10px 10px;}
.intro-wrap.int02 > ul > li {position: relative; float: left; width: calc(50% - 20px); height: 460px; overflow: hidden; margin: 10px;}
.intro-wrap.int03 > ul > li,
.intro-wrap.int04 > ul > li,
.intro-wrap.int06 > ul > li:nth-child(n+3) {position: relative; float: left; width: calc(33.33% - 20px); margin: 10px;}
.intro-wrap > ul > li:after {content: ''; position: absolute; bottom: 50px; right: 50px; width: 35px; height: 35px; background: url('../images/sub/intro_more_ico_w.png') no-repeat;}
.intro-wrap > ul > li > img { max-width: 100%;}
.intro-wrap > ul > li.bl:after { background: url('../images/sub/intro_more_ico_b.png') no-repeat;}
.intro-wrap > ul > li > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
.intro-wrap.int01 > ul > li > img {width: 100%;}
.intro-wrap.int02 > ul > li > img {max-height: initial; margin-top: -15%; width: 100%;}
.intro-wrap > ul > li > .tit {position: absolute; top: 50px; left: 50px; z-index: 2;}
.intro-wrap > ul > li > .tit h6 {font-weight: 600; font-size: 23px; line-height: 30px; color: #fff; letter-spacing: -1px;}
.intro-wrap.int02 > ul > li > .tit h6 {font-family: opensans; font-weight: 400; font-size: 30px; line-height: 37px;}

.intro-wrap > ul > li > .tit h6 p {font-weight: 200; font-size: 15px; line-height: 22px; color: #fff; letter-spacing: -0.5px; margin-top: 10px;}
.intro-wrap > ul > li.bl > .tit h6 {color: #333;}
.intro-wrap > ul > li.bl > .tit h6 p {color: #333;}
.intro-wrap > ul > li > .tit img {margin-top: 22px;}

.intro-wrap > ul > li > .txt {position: absolute; bottom: 50px; left: 50px; right: 50px; z-index: 2;}
.intro-wrap > ul > li > .txt:before {content: ''; top: -30px; position: absolute; width: 100%; height: 1px; background: rgba(255,255,255,.5)}
.intro-wrap > ul > li > .txt strong {font-weight: 300; font-size: 40px; color: #fff; letter-spacing: -1px; font-family: 'SCoreDream';}
.intro-wrap > ul > li > .txt strong span {font-weight: 500;}
.intro-wrap > ul > li > .txt p {font-weight: 300; font-size: 20px; color: #fff; letter-spacing: -0.5px; margin-top: 30px; font-family: 'SUIT';}


.pro_inner {width: 100%; position: relative;}
.pro_inner::before {content:""; position:absolute; top:200px; left:0; width:100%; height:100%; background-size:100% auto; opacity:1; transition:opacity .4s ease; background: #f5f5f5; z-index: -1}
.pro_inner2 {width: 100%; position: relative;}
.pro_inner2::before {content:""; position:absolute; top:-350px; left:0; width:100%; height:100%; background-size:100% auto; opacity:1; transition:opacity .4s ease; background: url("../../images/pro1_bg.jpg") no-repeat; z-index: -1}


.location-traffic-list ul{margin-bottom: 30px; border-left:2px solid #5bbc5e; padding-left: 10px}
.location-traffic-list ul li {display: table; width: calc(100% - 130px); position:relative; padding-left:130px; height: 40px; letter-spacing: -0.35px;}
.location-traffic-list ul li:first-child{margin-top: 10px;}
.location-traffic-list ul li span {position:absolute; top:0px; left:0px; width:130px; font-size: 16px; line-height: 40px; font-weight: 500; color: #444; text-indent: 10px;}
.location-traffic-list ul li em{display: table-cell; vertical-align: middle; font-size:18px; line-height: 1.4; color:#555; font-style: normal;}


.privacy_tit {width:100%; border:1px solid #dadada; font-size:15px; line-height:25px; padding:40px 50px; word-break: keep-all;}
.privacy_tit1 {font-size:23px; color:#525252; line-height:23px; padding:70px 0 10px; font-weight:500;}
.privacy_txt {font-size:18px; line-height:28px; color: #898989}