@charset "UTF-8";



.w_wrapper {width:100%;position:relative;font-family: 'Pretendard-Regular', sans-serif !important;}
.w_container {position:relative; width:1200px; margin-left:auto; margin-right:auto;   }
.w_container_0 {position:relative; width:1200px; margin-left:auto; margin-right:auto;   }
.w_container_main {position:relative; width:1480px; margin-left:auto; margin-right:auto;  }
.text_center {text-align:center}
.text_right {text-align:right}


@media screen and (min-width:981px){

    br.br_m{display: none;}
}
@media screen and (max-width:980px){

    br.br_d{display: none;}
}


@media (max-width:1480px) {
	.w_container_main {width:100%;  padding:0 50px 0 50px;}
}



@media (max-width:1200px){
	br.br_1200{display: none;}
	.w_container_0 {width:100%;}

}


@media (max-width:1480px) {
	.w_container {width:100%;  padding:0 50px 0 50px;}

}



@media (max-width:1200px) {
	.w_container {width:100%;  padding:0 20px 0 20px;}
	.w_container_main {width:100%;  padding:0 20px 0 20px;}
}



@media (max-width:720px) {
	.w_container {width:100%;  padding:0 10px 0 10px;}
	.w_container_main {width:100%;  padding:0 10px 0 10px;}
	
}

.font_en {font-family: 'Montserrat', sans-serif; }
.font_resize {font-size:1.2em;}
img {max-width:100%; vertical-align:middle;}
.clear {clear:both}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
header.header {position:fixed; left:0; top:0; z-index:999; height:100px;  width:100%;   transition: all .5s !important; background:rgba(255,255,255,0);font-family: 'Pretendard-Regular', sans-serif !important; }
header.header:hover{background:#fff}
header.header:hover ul.oe_menu > li > a{color:#222} 
header.header .w_logo {position:absolute; left:28px; top:0;  line-height:100px;   z-index:9998; }
header.header .w_logo img{height:30px}
header.header .scroll_view {display:none}
header.header:hover .scroll_before {display:none}
header.header:hover .scroll_view {display:block; }
.top_icon {position:absolute; right:50px; top:30px}
.top_icon li {display:inline-block; line-height:1.5; margin:0 0 0 10px; text-align:center}
.top_icon li a {color:#fff}

header.header:hover .top_icon li a {color:#222} 
header.header:hover .top_icon li a:hover {color:#00447a} 
header.nav-shrink .top_icon li a {color:#222} 
header.nav-shrink:hover .top_icon li a:hover {color:#00447a} 
header.nav-shrink .top_icon {top:10px}

.header .oe_wrapper {text-align:center;width:100%;   }
.header ul.oe_menu{list-style:none;clear:both; text-align:center;position:relative;}
.header ul.oe_menu > li{display:inline-block; height:100px; line-height:100px; margin-right:-4px}
.header ul.oe_menu > li > a{display:inline-block; color:#fff;text-decoration:none; width:100%; line-height:100px;  padding:0 40px 0 40px; font-size:18px; border-bottom:solid 0 #00447a; transition: all .2s !important;  }
.header ul.oe_menu div.menu_box{position:absolute;top:99px; left:50%; transform:translateX(-50%);  background:#fff; border-top:solid 1px #dedede;border-bottom:solid 1px #dedede; box-shadow:5px 5px 10px rgba(0,0,0,0.2);width:1920px;display:none;  overflow:hidden;transition: all .5s !important;}
.header ul.oe_menu > li > a:hover, ul.oe_menu > li.selected > a, ul.oe_menu > li.selected > a:after, ul.oe_menu > li.selected > a:before{ color:#fff; border-bottom:solid 5px #00447a;}
.header:hover .oe_menu > li > a:hover, .header:hover .oe_menu > li.selected > a, .header:hover .oe_menu > li.selected > a:after, .header:hover .oe_menu > li.selected > a:before{transition: all .5s !important; border-bottom:solid 5px #00447a; color:#00447a }
.header ul.oe_menu div.menu_box ul li {display:inline-block; margin:0 20px 0 20px}

header.nav-shrink {background:rgba(255,255,255,1); box-shadow:1px 10px 50px rgba(0,0,0,0.2); height:80px; line-height:80px }
header.nav-shrink .w_logo {position:absolute; left:28px; top:0; height:80px; line-height:80px;  z-index:9998}
header.nav-shrink .scroll_before {display:none}
header.nav-shrink .scroll_view {display:inline-block}
header.nav-shrink:hover .oe_menu > li > a:hover, header.nav-shrink:hover .oe_menu > li.selected > a, header.nav-shrink:hover .oe_menu > li.selected > a:after, header.nav-shrink:hover .oe_menu > li.selected > a:before{transition: all .5s !important; border-bottom:solid 5px #00447a; }

header.nav-shrink ul.oe_menu{list-style:none;clear:both;margin:0 10px 0 0;position:relative;}
header.nav-shrink ul.oe_menu > li{display:inline-block; height:80px; line-height:80px;margin-right:-4px}
header.nav-shrink ul.oe_menu > li > a{display:inline-block; color:#222!important;text-decoration:none; width:100%; line-height:80px;  padding:0 30px 0 30px; font-size:18px;   }
header.nav-shrink ul.oe_menu div.menu_box{position:absolute;top:80px; left:50%; transform:translateX(-50%); background:#ffffff;  box-shadow:5px 5px 10px rgba(0,0,0,0.2); display:none;  overflow:hidden;width:100% !important;}
header.nav-shrink ul.oe_menu > li > a:hover, ul.oe_menu > li.selected > a, ul.oe_menu > li.selected > a:after, ul.oe_menu > li.selected > a:before{ color:#fff;  border-bottom:solid 5px #00447a; transition: all .5s !important; }
header.nav-shrink:hover .oe_menu > li > a:hover, .header:hover .oe_menu > li.selected > a, .header:hover .oe_menu > li.selected > a:after, .header:hover .oe_menu > li.selected > a:before{transition: all .5s !important; border-bottom:solid 5px #00447a; }



.menu_box_table {width:100%; display:table; }
.menu_box_tr {width:100%; display:table-row}
.menu_box_td1 {width:310px; display:table-cell; vertical-align:middle;  padding:20px 20px 30px 20px}
.menu_box_td2 {width:50%; display:table-cell; vertical-align:middle; text-align:left; padding:50px 0 50px 0 }
.menu_box_td2_tit {font-size:24px; padding:0 0 10px 0; line-height:1.2; font-weight:600}
.menu_box_td2_text {font-size:18px;line-height:1.2}
.menu_box_td3 {display:table-cell;vertical-align:middle;  width:50%; background:#ededed; padding:0 80px 20px 80px}
.menu_box_td3 ul li {float:left; width:50%; line-height:2.5; font-size:18px; text-align:left;   }
.menu_box_td3_pro ul li { width:33.3333%; }
.menu_box_td3 ul li a {color:#222222}
.menu_box_td3 ul li a:hover {color:#00447a} 
.menu_box_td3 ul li ul li {font-size:16px;width:100%; line-height:1.8}
.menu_box_td3 ul li ul li a	{ color:#626262	 }
.menu_box_td3 ul li ul li a:hover {color:#00447a} 



/* 스크롤 전 */
.header .burger {width: 50px;height: 80px;position: absolute;top: 0;right: 15px;border-radius: 4px; z-index: 10;	z-index:999999999; cursor:pointer;   }
.header .burger.clicked {position:fixed; }
.header .burger span {position: relative;margin-top: 9px;margin-bottom: 9px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; position: absolute;top: 50%;left: 50%;margin-left: -15px;margin-top: -1.5px;}
.header .burger span, .header .burger span::before, .header .burger span::after{display: block; width: 30px; height: 3px; background-color: #fff;-webkit-transition-property: background-color, -webkit-transform;-moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform;transition-property: background-color, transform; -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.header:hover .burger span, .header:hover .burger span::before, .header:hover .burger span::after{background-color: #000;}
.header .burger span::before, .header .burger span::after {position: absolute;content: "";}
.header .burger span::before { top: -9px; }
.header .burger span::after { top: 9px; }
.header .burger.clicked span { background-color: transparent; }
.header .burger.clicked span::before {-webkit-transform: translateY(9px) rotate(45deg);-moz-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);	background:#000	  ; z-index:9999999999999999}
.header .burger.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg);-moz-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);	background:#000}
/* 스크롤 후 */
.nav-shrink .burger span, .nav-shrink .burger span::before, .nav-shrink .burger span::after {background-color: #000;}
.nav-shrink .burger.clicked span { background-color: transparent; }
.nav-shrink .burger.clicked span::before {background:#000}
.nav-shrink .burger.clicked span::after {background:#000}



/* 모바일 메뉴 */
.m_nav { background-color: #fff; position: fixed;  z-index: 999999; top: 0;  right: 0;  height: 100%;  max-width: 515px;  width: 100%;  padding: 0 0 60px 0;  overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%);  transform: translateX(100%);-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.m_nav.show { -webkit-transform: translateX(0px);   -moz-transform: translateX(0px); -ms-transform: translateX(0px);  -o-transform: translateX(0px);  transform: translateX(0px); }
.overlay { position: fixed;  top: 0; left: 0;  z-index: 9999;  width: 100%;  height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #222222;  opacity: 0; visibility: hidden;}
.overlay.show {  opacity: 0.8;  visibility: visible;}
.ziehharmonika {}
.ziehharmonika h3 {background: #fff;color: #222222;text-align: left;cursor: pointer;transition: 0.25s all !important;position: relative; line-height:60px;   margin:0;  padding:0 0 0 30px; font-size:16px; }
.ziehharmonika h3 a {color: #222222; display:inline-block;  width:100%; line-height:60px }
.ziehharmonika > div {display: none;background: #f5f6f7;text-align: left; border-top:solid 1px #dedede;-webkit-transition:none;transition:none;}
.ziehharmonika > div > ul > li {height:50px; line-height:50px;background: #f5f6f7;text-align: left; color:#222222;  padding:0 0 0 35px; border-bottom:solid 1px rgba(0,0,0,0.1);font-size:15px;}
.ziehharmonika > div > ul > li a{color:#222222; width:100%; height:100%; display:inline-block}
.ziehharmonika .active .arrowDown {bottom: -13px;border-color: #525252 transparent transparent transparent;opacity: 1;}
.ziehharmonika .collapseIcon {position: absolute;right: 20px;top: 45%;font-size: 20px;font-weight: 300;-ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.m_logo {height:80px; line-height:80px; padding:0 0 0 20px}


.m_top_icon {margin-top:30px; text-align:center}
.m_top_icon li {display:inline-block;line-height:1.8; margin:0 20px 0 20px}



@media (max-width:1920px) {
	.header ul.oe_menu div.menu_box {width:100%}
	header.nav-shrink ul.oe_menu div.menu_box{width:100%}

}



@media (max-width:1560px) {
	header.header .w_logo {left:20px;}
	header.header .phone_wrap {right:20px;}
	.header ul.oe_menu > li > a{ font-size:17px;   }
	.nav-shrink ul.oe_menu > li > a{ font-size:17px;   }
}


@media (max-width:1360px) {
	header.header {height:80px; line-height:80px;  }
	header.header .w_logo {line-height:80px; }
	header.header .w_logo img{ height:45px }	
	.header .burger {display:block}
	.oe_wrapper {display:none}
	.top_icon {right:80px; top:10px}
}




@media (max-width:720px) {
	header.header .phone_wrap {display:none}
	header.header .new_mo_view {position:absolute;right:80px;top:15px; display:block}
	header.header .new_mo_view img {height:50px}
	header.header .w_logo {}
	header.header .phone_wrap {right:10px;}
	.top_icon {display:none}

	
}

header.header .w_logo img{height:30px}



/*main_visual-----------------------------------------------------*/
#k_mv2{width: 100%;height: 740px;cursor:grab;position: relative;}
#k_mv2 .k_mv2_con{height: 100%;}

.k_2imgbox{overflow: hidden;transition: all 0ms ease 0s;}
.k_2imgbox figure{width: 100%;height: 100%;background-position:center center;background-size:cover!important;background-repeat:no-repeat;transform: scale(1.1);}
.k_2imgbox_1 figure{background-image: url(../images/visual_001.jpg);}
.k_2imgbox_2 figure{background-image: url(../images/visual_002.jpg);}
.k_2imgbox_3 figure{background-image: url(../images/visual_003.jpg);}

.k_2imgbox.swiper-slide-active figure{transform: scale(1);}

.k_mv2_txt_box{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;max-width: 1400px;color: #FFF; text-align:center  }
.k_mv2_txt_box h2{font-size: 50px; letter-spacing: 0em;margin-bottom: 15px;word-break:keep-all;font-weight:600}
.k_mv2_txt_box p{font-size: 25px;letter-spacing: 0em; word-break:keep-all; }
.k_mv2_txt_box p b, .k_mv2_txt_box p i{display: block;word-break:keep-all; line-height:1.5}

.k_mv2_link_01, .k_mv2_link_02{display: inline-block;height: 60px;}
.k_mv2_link_01{width: 60px;background: #d92620;position: relative;margin-right: 5px;}
.k_mv2_link_02{width: 145px;border: 1px solid #FFF;line-height: 58px;font-weight: bold;text-align: center;vertical-align: top;}

.k_mv2_link_01:hover i.k_45arrow{transform: translate(-50%, -50%) rotate(90deg);}

#k_swiper_wrap_01{position: absolute;bottom: 10%;right: 5%;  height: 0;z-index: 1;}
#k_swiper_con_01{position: absolute;right: 0;top: 0;width: 150px;margin-left:-75px;font-family: 'Montserrat', serif;  }

#k_mv2 .k_swiper_btn_01{width: 100%;height: 3px;background: rgba(255,255,255,0.3);}
#k_mv2 .k_swiper_btn_01 span{background: #293c8d;}

#k_mv2 .k_swiper_btn_02{}
#k_mv2 .k_swiper_btn_02 span{ width: auto;height: auto;background: none;color: rgba(255,255,255,0.4);font-size:18px;font-weight: bold;letter-spacing: 0.03em;margin: 0 10px;opacity: 1;}
#k_mv2 .k_swiper_btn_02 span:first-child{margin-left: 0;}
#k_mv2 .k_swiper_btn_02 span.swiper-pagination-bullet-active{color: #fff; font-size:20px}


#k_mv2 .swiper-slide-active .k_mv_txtbox h2{transform: translateX(0);opacity: 1;transition-delay: 0.5s;}
#k_mv2 .swiper-slide-active figure {background-size:120%;transition: transform 10s;}

#main-mouse-scroll { position: absolute; display:block; width:27px; height:63px; left:50%; bottom: 5%; margin-left:-13.5px;z-index: 1; cursor: pointer; display:none}
#main-mouse-scroll div { animation:mouse_scroll 1s infinite; position:absolute; width:100%; height:63px; left:0; bottom:0; }
@keyframes mouse_scroll {
	0% { bottom:0; animation-timing-function:ease; }
	50% { bottom:34px; }
	100% { bottom:0; animation-timing-function:ease; }
}

/*정지재생_버튼*/
.k_play_btn_wrap{position: absolute;top: 0;right: 0;}
.k_play_btn_wrap button{width: 21px;height: 21px;}
.k_play_btn_wrap button i{color: #FFF;}

.k_start_btn{display: none;}

/*노트북 도트바*/
@media screen and (max-width: 1600px) and (max-height: 900px){

}
/*노트북 도트바*/

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

    
	#k_swiper_con_01{height: 45px;}
	.k_mv2_txt_box{top: 53%;}
    .k_mv2_txt_box h2{font-size: 25px;margin-bottom: 15px;}
	.k_mv2_txt_box p{margin-bottom: 50px; font-size:16px}


	.k_mv2_link_01, .k_mv2_link_02{height: 45px;}
	.k_mv2_link_01{width: 45px;}
	.k_mv2_link_02{width: 125px;line-height: 43px;}
	#k_swiper_wrap_01{position: absolute;bottom: 100px;right: 7%;  height: 0;z-index: 1;}	
	#k_swiper_con_01{position: absolute;left: 50%;top: 0;width: 150px;  position:absolute; transform:translateX(-50%);}
	#main-mouse-scroll { position: absolute; display:block; width:27px; height:40px; left:50%; bottom: 90px; margin-left:-13.5px;z-index: 1; cursor: pointer;  display:block}
}

.youtube { position: relative; width: 100%; padding-bottom: 56.25%; }
.youtube iframe { position: absolute; width: 100%; height: 100%; }







/*메인비쥬얼 프로그래스바*/
#k_add_progress{position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: rgba(255,255,255,0.3);}
.k_progress_00{position: absolute;top: 0;left: 0;width: 33.333%;height: 100%;background: #d92620;transition: width 1s;}






/*motion_move*/
/*motion_move*/
/*motion_move*/

/*모션 공통 클래스*/
.k_move_box_00{overflow: hidden;}
.k_move_00{transform: translateY(100px);display: inline-block;transition: transform 1s;}
.k_delay_00{transition-delay: 0.2s;}
.k_delay_01{transition-delay: 0.4s;}
.k_delay_02{transition-delay: 0.6s;}

.k_move_02{transform: translateY(100px);opacity: 0;transition: transform 1s, opacity 1s;}
.k_move_02.active{transform: translateY(0);opacity: 1;}

/*섹션별 모션 제어*/
/*k_mv2_메인비쥬얼*/
.k_2imgbox.swiper-slide-active .k_mv2_txt_box .k_move_00{transform: translateY(0);}

/*k_2section_02*/
.k_move_01{transition: transform 1s, opacity 1s;}

@media screen and (min-width: 1081px){
	.k_move_01.active{transform: translate(-50%,-50%);opacity: 1;}
}

@media screen and (max-width: 1080px){
	.k_move_01.active{transform: translate(0);opacity: 1;}
}

/*k_2section_03*/
.k_move_03{opacity: 0;transition: opacity 1s;}
.k_move_03.active{opacity: 1;}

/*motion_move*/
/*motion_move*/
/*motion_move*/


.main_icon_wrap {padding:100px 0 0 0;}
.main_icon_flex {display:flex; justify-content: center;gap:50px}

.main_icon_tit {font-size:50px;font-weight:600; padding-bottom:50px}

.main_icon {flex:1; background:#fff; }
.main_icon.blue {background:#f3f6fc}
.main_icon div {display:block; text-align:center}
.s_img{-webkit-transform:scale(1) !important; -moz-transform:scale(1) !important;-ms-transform:scale(1) !important;  -o-transform:scale(1) !important; transform:scale(1) !important;-webkit-transition:.3s !important;-moz-transition:.3s !important; -ms-transition:.3s !important;-o-transition:.3s !important;transition:.3s !important;}
.main_icon:hover .s_img {-webkit-transform:scale(1.1) !important; -moz-transform:scale(1.1) !important;-ms-transform:scale(1.1) !important;  -o-transform:scale(1.1) !important; transform:scale(1) !important;-webkit-transition:.3s !important;-moz-transition:.3s !important; -ms-transition:.3s !important;-o-transition:.3s !important;transition:.3s !important;}
.main_icon .tit {font-weight:700; font-size:30px; margin-top:30px}
.main_icon .name {color:#747474; font-size:20px}
.main_icon .btn span{max-width:250px; width:100%; border-radius:3px; background:#1d3688; display:inline-block; text-align:center; color:#fff; height:50px; line-height:50px; margin-top:10px;-moz-appearance: none;-webkit-appearance: none; -ms-appearance: none;appearance: none;-moz-transition: 0.2s ease-in-out, color 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out, color 0.2s ease-in-out;-ms-transition: 0.2s ease-in-out, color 0.2s ease-in-out; transition: 0.2s ease-in-out, color 0.2s ease-in-out;-webkit-box-shadow: inset 0px 0px 5px 2px #2989d8;-moz-box-shadow: inset 0px 0px 5px 2px #2989d8; box-shadow: inset 0px 0px 5px 2px #2989d8;border: none;color: #ffffff;
text-transform: uppercase; white-space: nowrap;}
.main_icon .btn span:hover{background:#13255d}



.main_pro_Wrap {padding:130px 0 130px 220px}
.main_tit {font-size:40px; font-weight:700}
.main_tit.pro {padding-top:100px}

.main_con_wrap {display:flex; justify-content: center;}
.main_con {flex:1;position:relative}
.main_con .name {color:#fff; font-weight:600; font-size:30px; text-align:center; width:100%;position:absolute; left:50%; top:50%;transform:translate(-50%,-50%); }

.main_news_wrap {padding:130px 0 130px 0}

.main_as_wrap {padding:0 0 130px 0}
.main_input_wrap {display:flex; justify-content: center;gap:10px}
.main_input_wrap input {flex:1; height:50px; border:solid 1px #dedede; border-radius:5px; background:#fff; padding:5px}
.main_input_wrap textarea {flex:1; height:50px; border:solid 1px #dedede; border-radius:5px; background:#fff; padding:5px; height:150px}



@media (max-width:1680px) {
	.main_icon {flex:1; background:#fff;padding:50px}
	.main_icon .tit { font-size:20px}
	.main_icon .name {  font-size:20px}

}



@media (max-width:1200px) {
	.main_input_wrap {display:block;gap:0}
	.main_input_wrap input {width:100%; margin-bottom:10px; height:50px; border:solid 1px #dedede; border-radius:5px; background:#fff; padding:5px}
	.main_input_wrap textarea {width:100%; flex:1; height:50px; border:solid 1px #dedede; border-radius:5px; background:#fff; padding:5px; height:150px}
}



@media (max-width:980px) {
	.main_icon_wrap {display:block}
	.main_icon {width:50%;float:left;padding:20px}
	.main_icon.blue {background:#f3f6fc}
	.main_icon div {display:block; text-align:center}
	.main_icon .img img{height:80px;width:auto}
	.main_icon .tit {font-weight:700; font-size:20px}
	.main_icon .name {color:#747474; font-size:16px}
	.main_icon.mo_color1 {background:#f3f6fc}
	.main_icon.mo_color2 {background:#fff}

	
}

@media (max-width:720px) {
	
	.main_icon .btn span{max-width:250px; width:100%; border-radius:3px; background:#1d3688; display:inline-block; text-align:center; color:#fff; height:50px; line-height:50px; margin-top:10px}

	.main_pro_Wrap {padding:70px 0 70px 40px}
	.main_tit {font-size:25px; font-weight:700}


	.main_con_wrap {display:block}
	.main_con {height:200px; overflow:hidden; position:relative}
	.main_con .name {color:#fff; font-weight:600; font-size:20px; text-align:center; width:100%;position:absolute; left:50%; top:50%;transform:translate(-50%,-50%); }

	.main_news_wrap {padding:70px 0 70px 0}

	.main_as_wrap {padding:0 0 70px 0}


	 .main_tit.pro {padding-top:0px}
	
}



/*-------------------------------------------------------------------------------------*
 *                                                                                     *
 *-------------------------------------------------------------------------------------*/
.sub_visual {height:500px;  background-size:cover; position:relative; background-position:center; }
.w_container_main.inner {height:500px;position:relative; max-width:1480px; margin:0px auto}
.sub_visual_font {position:absolute; left:50%; top:50%;transform:translate(-50%,-30%); word-break:keep-all; text-align:center ; width:100%; padding:0 20px 0 20px }
.sub_visual_font01 {font-size:24px; color:#fff; word-break:keep-all}
.sub_visual_font02 {font-size:40px; font-weight:700; color:#fff; margin-bottom:20px; line-height:1.2}
.sub_visual_font03 {font-size:20px; ; color:#fff; font-weight:normal}
.ceo {line-height:1.5; font-size:20px; padding-bottom:50px; word-break:keep-all}
.ceo_bottom  {line-height:1.5; font-size:20px; padding-top:50px; display:flex; word-break:keep-all;}
.ceo_bottom_inner {flex:1;}
.ceo_bottom_inner.left {padding-right:50px; padding-top:50px; padding-bottom:50px}
.ceo_tit {font-size:50px; font-weight:600;  margin-top:100px; line-height:1}
.ceo_tit span {height:3px; width:35px; background:#00447a; display:inline-block; line-height:1; margin-bottom:10px}
.company_name {font-family:'Montserrat'; font-weight:900; font-size:70px;   text-align:center}
.company_name_inner {font-family:'Montserrat'; font-weight:900; font-size:35px;  line-height:1;   border:solid 1px #dedede; flex:1; padding:20px; text-align:center}
.company_name_inner .point {font-size:50px; color:#00447a}



.point {font-size:30px}
.ceo_flex {display:flex;gap : 40px}
.ceo_flex2 {display:flex; gap : 20px}
.ceo_flex .ceo_flex_inner {flex:1;justify-content: center; text-align:center}
.ceo_flex .ceo_flex_inner .img {border:solid 1px #dedede;padding:30px 10px}
.ceo_flex .ceo_flex_inner .text {font-size:20px; padding:10px}
.snb_wrap { border-bottom:solid 1px #dedede;   position:relative}
.snb_wrap ul {width:calc (100% - 50px); padding:0 0 0 50px; display:flex}
.snb_wrap li {float:left; font-size:18px; border-right:solid 1px #dedede; width:16.6666%; text-align:center }
.snb_wrap li a span{display:inline-block; width:100%; height:50px; line-height:50px;}
.snb_home {width:50px; height:50px; line-height:50px; border-left:solid 1px #dedede;border-right:solid 1px #dedede;display:inline-block; text-align:center; position:absolute; left:0; top:0}
.snb_wrap li a span.w_snb_on {background:#00447a; color:#fff; display:inline-block;}

@media (max-width:1200px) {
	.ceo_flex2 {display:block}
	.company_name_inner { font-size:30px;  line-height:1; margin-bottom:10px}

}


@media (max-width:980px) {
	.snb_home {display:none}
	.snb_wrap {display:block}
	.snb_wrap ul {padding:0; display:block}
	.snb_wrap li {width:33.3333% !important;}	
	.snb_wrap li:nth-child(1), .snb_wrap li:nth-child(2), .snb_wrap li:nth-child(3) {border-bottom:solid 1px #dedede !important}
	.company_name { font-size:50px;}
	.company_name_inner { font-size:30px;  line-height:1; margin-bottom:10px}
	.company_name_inner .point {font-size:40px; color:#00447a}

}



@media (max-width:720px) {

	.sub_visual_font01 {font-size:20px; color:#fff; word-break:keep-all}
	.sub_visual_font02 {font-size:35px; font-weight:700; color:#fff; margin-bottom:20px; line-height:1.2}
	.sub_visual_font03 {font-size:16px; ; color:#fff; font-weight:normal}
	.sub_visual_font {transform:translate(-50%,-30%);  }
	.ceo { font-size:18px}
	.ceo_bottom  {  font-size:18px; display:block; margin-top:0 }

	.ceo_tit {font-size:35px;margin-top:50px}
	.ceo_flex {gap : 20px}
	.ceo_flex .ceo_flex_inner .img {padding:10px}
	.point {font-size:22px}
	.sub_visual {height:350px;    }
	.sub_visual_font {position:absolute; left:50%; top:50%;transform:translate(-50%,-100%); word-break:keep-all; text-align:center ; width:100%; padding:0 20px 0 20px }
	.company_name { font-size:30px;}


}

.sub_tit {padding:0 0 0 0; text-align:center; letter-spacing:-1px}
.sub_tit h3 {font-size:25px;}
.sub_tit h2 {font-size:40px;font-weight:700}
.sub_tit h2 b {font-weight:bold;}
.sub_tit p {color:#a5a5a5; font-size:20px; padding:10px 0 0 0; line-height:1.5}
.w_location {text-align:center; margin-bottom:10px;}
.sub_top {padding:100px 0 0 0;}
@media(max-width:980px) {
	.sub_tit h3 {font-size:20px; }
	.sub_tit h2 {font-size:40px; }
}


@media(max-width:720px) {
	.sub_tit h3 {font-size:18px; }
	.sub_tit h2 {font-size:30px; }
	.w_sub_con {padding:70px 0 100px 0;  }
	.sub_tit p {  font-size:16px;  }
}
.sub_contents {padding:50px 0 150px 0}
.w_history_wrap {border-top:solid 2px #293c8d; display:table; width:100%}
.w_history_row { display:table-row; }
.w_history_left { border-bottom:solid 1px rgba(0,0,0,0.1);width:60%; padding:80px 0 80px 0; line-height:1; display:table-cell; vertical-align:middle; font-size:130px;font-family:'Montserrat'; color:#d1d1d1 ; font-weight:bold;}
.w_history_right { border-bottom:solid 1px rgba(0,0,0,0.1);width:40%; padding:80px 50px; display:table-cell;vertical-align:middle;letter-spacing:-1px}
.w_history_right table {width:100%; }
.w_history_right table .td01 {width:20px; padding:0 10px 15px 0; vertical-align:top}
.w_history_right table .td01 span{width:10px; height:10px; border-radius:10px; display:inline-block; background:#293c8d; }
.w_history_right table .td02 { font-size:20px;  padding:0 0 15px 0; word-break:kee-all}
.w_history_right table ul {margin:10px 0 20px 0}
.w_history_right table ul > li {color:#a4a4a4; font-size:18px;padding:0 0 0 0; line-height:1.8}

@media(max-width:980px) {
	.w_history_left {  width:35%; padding:50px 0 50px 0;  font-size:100px; }
	.w_history_right { width:65%; padding:50px 30px;  }
	.w_history_right table .td02 { font-size:18px;  }
	.w_history_right table ul > li { font-size:16px; }

}


@media(max-width:720px) {
	.w_history_wrap {display:block;}
	.w_history_row  {display:block;}
	.w_history_left {display:block; border-bottom:0;  width:100%; padding:40px 0 20px 0; text-align:center; font-size:60px; }
	.w_history_right {display:block;width:100%; padding:30px 0px;  }
	.w_history_right table .td02 { font-size:18px;  }
	.w_history_right table ul > li { font-size:16px; }

}



.blog_list {border-top:solid 2px #000; width:100%}
.blog_list li {border-bottom:solid 1px #dedede; padding:10px; position:relative}
.blog_list li span {position:absolute; right:10px; color:#777}



.map_flex {display:flex;gap:50px;font-size:18px; margin-top:50px}
.map_left {width:50%;}
.map_left strong, .map_right strong{font-weight:600}
.map_right {width:50%; justify-content: center;align-items: center;}


@media(max-width:980px) {
	.map_flex {display:block;width:100%}
	.map_left {width:100%;}
	.map_right {width:100%; }
	.blog_list li {padding-right:200px;}

}


@media (max-width:720px) {
		.map_flex {font-size:16px; }
}



.soft_point {font-size:18px; font-weight:600; word-break:keep-all; padding:20px; border:solid 1px #dedede; margin-bottom:50px}
.soft_tit {font-size:16px; font-weight:600; word-break:keep-all; border-radius:5px; background:#00447a; color:#fff; display:inline-block; padding:3px 15px}
.soft_table {margin-bottom:40px; word-break:keep-all}
.soft_text {font-size:16px; margin-bottom:30px; word-break:keep-all}
.soft_table .tit {font-weight:600; word-break:keep-all}
.soft_table .text {margin-bottom:20px}



.catch{
    display:none;
  }

.mv_fade_in{
    display: block;
    padding: 20px;
    background-color: cadetblue;
}

.fade_in{
    margin-top: 50px;
}


.u-fade-type-left{
    transform: translateX(-100px);
    opacity: 0;
}


.u-fade-type-left.is-active{
    transition: 1s;
    transform: translateX(0);
    opacity: 1;
}


.u-fade-type-right{
    transform: translateX(100px);
    opacity: 0;
}


.u-fade-type-right.is-active{
    transition: 1s;
    transform: translateX(0);
    opacity: 1;
}


.u-fade-type-down{
    transform: translateY(100px);
    opacity: 0;
}

.u-fade-type-down.is-active{
    transition: 2s;
    transform: translateY(0);
    opacity: 1;
}

.u-fade-type-up{
    transform: translateY(-100px);
    opacity: 0;
}


.u-fade-type-up.is-active{
    transition: 2s;
    transform: translateY(0);
    opacity: 1;
}


.u-fade-type-static{
    opacity: 0;
}


.u-fade-type-static.is-active{
    transition: 2s;
    opacity: 1;
}




.sub_s_tit {font-size:30px; font-weight:600; border-bottom:solid 1px #dedede; padding-bottom:10px}	
.so_textbox {font-size:18px; padding:50px 0 50px 0}
.mb_100 {margin-bottom:100px}
.sub_Table {display:table; width:100%}
.sub_Table_cell {vertical-align:middle; display:table-cell; width:50%}
.sub_Table_cell img {width:100%}
.sub_Table_cell.gray {background:#f3f3f3; padding:0 70px 0 70px;display:table-cell}
.sub_Table_cell.gray .tit {font-size:30px; font-weight:600; margin-bottom:30px; line-height:1.2}
.sub_Table_cell.gray .text {font-size:18px; line-height:1.2}
.moview {display:none}
.subbox {margin-top:100px}
.dot {width:10px; height:10px; background:#00447a; display:inline-block}
.gray_box {background:#f3f3f3; padding:50px; border:solid 1px #dedede; text-align:center}

.subbox .tit {font-size:30px; font-weight:600;margin-bottom:30px}
.gray_box img {width:70%}
.white_box img{width:80%}

.sub_flex {display:flex;gap:10px;}
.sub_flex_inner {flex:1;  text-align:center}
.sub_flex_inner_ {width:100%; padding:50px 0; background:#f1f1f1; font-size:20px;font-weight:600;border-radius:5px}
@media (max-width:720px) {
		.sub_Table {display:block}
		.sub_Table_cell {width:100%}
		.sub_Table_cell img {width:100%}
		.sub_Table_cell.gray { padding:50px;display:block}
		.sub_Table_cell.gray .tit {font-size:20px;  }
		.sub_Table_cell.gray .text {font-size:16px;  }
		.pcview {display:none}
		.moview {display:block}
		.subbox {margin-bottom:50px}
		.so_textbox {font-size:16px; padding:50px 0 50px 0}
			.subbox .tit {font-size:20px; font-weight:600;}
			.gray_box {background:#f3f3f3; padding:30px}
			.gray_box img {width:100%}
			.white_box img {width:100%}

			.sub_flex {display:block; }
.sub_flex_inner {width:33.3333%; padding:0 5px; display:inline-block; margin-right:-4px; margin-bottom:10px}
.sub_flex_inner_ {width:100%; padding:30px 0; background:#f1f1f1; font-size:18px;font-weight:600;border-radius:5px}

}





.buisi_table {}
.buisi_table table{width:100%; font-size:18px}
.buisi_table th {background:#f4f4f4; border-top:solid 2px #000; border-bottom:solid 1px #dedede; border-right:solid 1px #dedede;padding:10px; font-weight:600; text-align:center}
.buisi_table th:last-child{border-right:0;}
.buisi_table td {border-right:solid 1px #dedede;padding:10px;border-bottom:solid 1px #dedede; } 
.buisi_table td strong {font-weight:600}
.buisi_table td:last-child{border-right:0;}
.buisi_table td:first-child {font-weight:600;  text-align:Center; background:#f9f9f9}


.logo_box {border-radius:20px; background:#0f55bd; padding:30px;text-align:center;box-shadow:5px 5px 5px rgba(0,0,0,0.1);margin-bottom:50px; }
.logo_box img {width:auto; height:50px}
@media (max-width:720px) {
		.logo_box img {width:100%}
		.buisi_table table{font-size:16px}
		.logo_box img {width:100%; height:auto}
}


.shape_flex {display:flex;gap:50px;font-size:18px; justify-content: center;align-items: center; margin-bottom:50px}
.shape_box {border-radius:20px; border:solid 1px #dedede;padding:30px 20px; flex:1;box-shadow:5px 5px 5px rgba(0,0,0,0.1); }
.shape_img {text-align:center;margin-bottom:20px}
.shape_img img{height:100px}
.shape_text {text-align:center; font-weight:600; word-break:keep-all; line-height:1.2}


.info_list {font-size:18px;}
.info_tit {font-weight:600; background:#f6f6f6; padding:20px; border-radius:10px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); line-height:1}
.info_text {padding:20px}

@media (max-width:720px) {
		.info_list {font-size:16px;}
		.shape_flex {gap:20px;font-size:16px;justify-content: center;align-items: flex-start; }
		.shape_box {height:220px }


}