@charset "UTF-8";



.w_wrapper {width:100%;position:relative;font-family: 'Pretendard-Regular', sans-serif !important;}
.w_container {position:relative; width:1280px; margin-left:auto; margin-right:auto;   }
.w_container_0 {position:relative; width:1280px; 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}



/*-------------------------------------------------------------------------------------*
 *                                                                                     *
 *-------------------------------------------------------------------------------------*/
.w_sub_visual_top {padding:200px 0 0 0; max-width:1380px; width:100%; margin:0px auto;text-align:center;}
.w_location img {height:15px}
.w_location {padding-bottom:50px}
.w_images {border-radius:20px; overflow:hidden}
.w_sub_visual {height:500px;  background-size:cover; position:relative; background-position:center;  }
.w_sub_visual .inner {  position:relative; max-width:1380px; margin:0px auto;  }
.w_title {font-size:50px; font-weight:600; padding-bottom:100px}
.sub_visual_font {position:absolute; left:50px; top:50%;transform:translateY(-20%); word-break:keep-all;   width:100%;  }
.sub_visual_font01 {font-size:20px; color:#fff; word-break:keep-all}
.sub_visual_font02 {font-size:90px; font-weight:700; color:#fff; margin-bottom:20px; line-height:1.2}
.sub_visual_font03 {font-size:16px; ; 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}
.snb_tit {padding:150px 0 100px 0}
.snb_tit h2{font-size:60px; font-weight:600; margin-bottom:20px}
.snb_tit p {font-size:25px;}

.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 { position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); height:50px; width:100%;z-index:999}
.snb_wrap .inner {max-width:1330px; margin:0px auto}
.snb_wrap ul {width:100%;   display:flex;border-left:solid 1px rgba(255,255,255,0.3);  }
.snb_wrap li {float:left; font-size:18px; border-right:solid 1px rgba(255,255,255,0.3); width:16.6666%; text-align:center }
.snb_wrap li a span{display:inline-block; width:100%; height:50px; line-height:50px;color:#fff;}
.snb_home {width:50px; height:50px; line-height:50px;color:#fff; 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:#107af2; 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;}


	.w_sub_visual_top {padding:150px 20px 0 20px;}
	.w_location img {height:15px}
	.w_location {padding-bottom:20px; font-size:14px}
	.w_images {border-radius:20px; overflow:hidden}
	.w_sub_visual {height:500px;  background-size:cover; position:relative; background-position:center;  }
	.w_title {font-size:40px; font-weight:600; padding-bottom:50px}

}



.sub_top {padding:180px 0 0 0;}
.w_location {margin-bottom:10px;}


.sub_tit {padding:0 0 0 0;  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}


@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 100px 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;}

}

.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}

}