/************************* header_inc 시작*************************/

.header_t			{width:100%; margin:0 auto;  height:90px; position:fixed; left:0; top:0px; z-index:99; background:transparent;	-webkit-transition: all 300ms ease-out;	-moz-transition: all 300ms ease-out;	-o-transition: all 300ms ease-out;	transition: all 300ms ease-out;}
.h-inner{width: 100%; max-width: 1640px; margin: 0 auto; margin-right: 0; padding-right: 93px; display:flex; justify-content: space-between; align-items: center; height: 90px; position: relative; transition: all .3s;}
	
/* 로고 */
.head_logo .w_logo {display: block; position:relative; width: auto;}
.head_logo .c_logo {display: none; width:auto;}
.head_logo a {}
.head_logo .logo {max-width: 210px; vertical-align: middle; filter: brightness(0) invert(1); transition: 0.3s ease all;}
@media (max-width:768px) {
	.head_logo .logo {max-width: 180px;}
}
@media (max-width:500px) {
	.head_logo .logo {max-width: 150px;}
}

.head_right{width: 80px;}
.head_r_fixed{position: fixed; top: 0; right: 0;}

.header-language {position: relative; text-align:center;}
.header-language__button {display: flex; justify-content: center; align-items:center; height: 80px; font-size: 16px; transition:.5s ease all;}
.header-language__button,
.header-language__button:link,
.header-language__button:visited {color: var(--main-black);}
.header-language__button img {filter: brightness(0) invert(1); transition: 0.3s ease all;}
.header-language__navi{display: none; position:absolute; top: 100%; left: 50%; transform:translateX(-50%); padding: 5px 0; background:#fff;}
.header-language__link {padding: 5px 20px; display:block; font-size: 15px; color: var(--sub-gray);}
.header-language__link.header-language__link--active {font-weight: 600;}
@media(max-width:1080px){
	#header:has(.header-all) .header-language {display: none;}
}
@media(max-width:980px){
	.header-language__button {height: 70px;}
}
@media(max-width:500px){
	.header-language__button {height: 60px;}
}

.header-language .header-language__button--active {color: var(--main-color);}
.header-language .header-language__button:active, 
.header-language .header-language__button:focus-visible {color: var(--main-color);}
@media(hover:hover){
	.header-language .header-language__button:hover {color: var(--main-color);}
}

/* 햄벅 */
.mo_nav				{display:block;}
.mo_nav *{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {position: relative; display: block; width: 93px; height: 90px;  background-color:var(--main-color); background-image:none;  border:0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background: var(--f-white-color); display:block; width:25px; height:2px; border-radius:5px; margin: 0 auto; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:10px; }

.head_req a{background-color: var(--sub-color); width: 93px; display: block;  height: 170px; position: relative; box-shadow: 4px 4px 12px 0 rgba(0,0,0,0.105); transition: 0.3s ease all;}
.head_req a span{display: inline-block; transform: rotate(-90deg); font-size: 19px; font-weight: 500; position: absolute; left : 11px; bottom: 88px; }
.head_req a img{width: auto; height: 20px; position: absolute; bottom: 33px; left: 36px; }


.mo_nav1				{display:block;}
.mo_nav1 .navbar-toggle {position: relative; display: block; width: 93px; height: 90px;  background-color: transparent; background-image:none;  border:0;}
.mo_nav1 .navbar-toggle:focus {outline: 0;}
.mo_nav1 .btn_close {position:fixed; right:0px; top:24px; z-index:60; width: 93px; height: 90px; }
.mo_nav1 .btn_close:before {content:''; display:block; width: 24px; height: 2px; position:absolute; left:50%; transform:rotate(45deg); top:40px; margin-left: -12px; background-color:#fff;}
.mo_nav1 .btn_close:after {content:''; display:block; width: 24px; height: 2px; position:absolute; left:50%; transform:rotate(-45deg); top:40px; margin-left: -12px; background-color:#fff; }


/*Head_fixed*/
.f-nav{ height:91px; background:#fff; border-bottom:1px solid #d9d9d9;}
.f-nav .head_logo .logo {filter: brightness(1) invert(0);}
.f-nav .menu .major > ul > li > a{color:#121212 !important;}
.f-nav .header-language__button img {filter: brightness(1) invert(0);}


@media(max-width:1750px){
	.h-inner{padding-left: 4%;}
}
@media(max-width:980px){
	.header_t, .h-inner, .f-nav {height: 80px;}
	.h-inner {padding-right: 83px;}
	.header_gnb_bg{display: none;}
	.head_right{width: 70px;}
	.mo_nav .navbar-toggle{width: 83px; height: 80px;}
	.head_req a{width: 83px; height: 150px;}
	.head_req a span{font-size: 17px; bottom: 70px; }
	.head_req a img{height: 18px; bottom: 25px; left: 30px;}
}

@media(max-width: 780px){
	.header_t, .h-inner, .f-nav {height: 70px;}
	.h-inner {padding-right: 73px;}
	.mo_nav .navbar-toggle{width: 73px; height: 70px;}
	.head_req a{width: 73px; height: 130px;}
	.head_req a span{font-size: 15px; bottom: 70px; }
	.head_req a img{height: 16px; bottom: 25px; left: 28px;}
}

@media(max-width: 500px){
	.header_t, .h-inner, .f-nav {height: 60px;}
	.h-inner {padding-right: 63px;}
	.head_right{width: 63px;}
	.mo_nav .navbar-toggle{width: 63px; height: 60px;}
	.mo_nav .navbar-toggle .icon-bar{width: 20px; height: 1px;  border-radius: 3px;}
	.head_req a{width: 63px; height: 100px;}
	.head_req a span{font-size: 12px; bottom: 53px; }
	.head_req a img{height: 14px; bottom: 20px; left: 23px;}
}

/************************* header_inc 끝*************************/


/************************* main_inc 시작*************************/

/* main 공통 */
.main{width:100%; position: relative; margin: 0 auto; display: block; }
.m-pding{padding: 95px 0; transition: all .3s;}
.m-in{max-width: 1430px; margin: 0 auto;}
.m-flex{display: flex; align-items: flex-end; transition: all .3s;}
.ms-flex{display: flex; align-items: flex-end; transition: all .3s;}

.m-title h1{font-size: var(--m-title-size); line-height: 1; font-weight: 700; position: relative; display: block; padding-top: 50px;}
.m-title h1::before{content:""; display: inline-block; font-size: 15px; font-weight: 700; text-transform: uppercase; border-bottom: 2px solid #121212; padding-bottom: 5px; position: absolute; top: 0;}
.m-title p{font-size: 17px; line-height: 1.5; color: #484848; }
.m-tbot p{margin-top: 40px; }
.m-trig{padding-bottom: 70px; }
.m-trig p{margin-left: 85px; }

.m01 .m-title h1::before{content:"business";}
.m02 .m-title h1::before{content:"products";}
.m03 .m-title h1::before{content:"Customer Support";}

.ms-title h2{font-size: 33px; line-height: 1; font-weight: 700; position: relative; display: block; padding-top: 50px; color: #fff;}
.ms-title h2::before{content:""; display: inline-block; font-size: 15px; font-weight: 700; text-transform: uppercase; border-bottom: 2px solid #fff; color: #fff;  padding-bottom: 5px; position: absolute; top: 0;}
.ms-title p{font-size: 17px; line-height: 1.5; color: #fff; }

.m04 .f-left .ms-title h2::before{content:"MANAGEMENT PHILOSOPHY"; display: block; width: 220px; }
.m04 .f-right .ms-title h2::before{content:"location";}

/* tab_menu */
.m03_cate{}
.m03_cate a{ background:#fff; color: var(--sub-f-color);  text-align:center; border-radius: 25px; padding: 10px 25px 12px; transition: all .3s;}

.m03_cate a:hover{background-color:var(--main-color); color:var(--f-white-color) !important; transition: all .3s; }
.m03_cate a.on, .m03_cate a.t01{color:var(--main-color); border:2px solid var(--main-color);}

/*  */

.main_visual										{position:relative; margin:0 auto;}

/* 메인비쥬얼_스크롤 start*/
.main_visual_scroll{position:absolute;bottom:75px; right:8%; text-align:center; z-index:9; transition: all 0.6s cubic-bezier(0.47, 0, 0.745, 0.715);}
.main_visual_scroll .scroll_circle{ display:block; position:relative; width:14px; height:20px; border:2px solid #fff; margin:0 auto; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px;}
.main_visual_scroll .scroll_circle:before{position:absolute; content:""; left:4px; top:1px; width:2px; height:4px; background-color:#fff; opacity:0; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; animation:mouseScroll 1.5s infinite;}

@keyframes mouseScroll {
  0% { opacity:1; transform: translateY(0px) }
  100% {opacity:0; transform: translateY(10px)}
}
/* 메인비쥬얼_스크롤 end*/



.m01{background: url("./img/m1-bg01.png") no-repeat left; background-size: cover; }
.m01 .m-flex{justify-content: flex-end;}
.m01 .f-left{padding-right:70px;}
.m01 .f-right div:nth-child(1){margin-right: 20px; }

.m01 .m-link-list{margin: 100px 0 35px;  }
.m01 .m-link-list .m1_icon{position: relative; display: block; width: 100%; max-width: 420px; padding: 30px 0; border-bottom: 1px solid #d7d7d7;}
.m01 .m-link-list .m1_icon a{font-size: 20px;  transition: all .4s ease; display: flex; align-items: center; justify-content: space-between;}
.m01 .m-link-list .m1_icon::before{content: ""; display: block; width: 35px; height: 35px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);  transition: all .4s ease;}
.m01 .m-link-list .m1_icon:hover a{color: var(--main-color); }

.m01 .m-link-list .m1_icon1::before{background: url("./img/m1-icon1.png") no-repeat left;}
.m01 .m-link-list .m1_icon1:hover::before{background: url("./img/m1-hicon1.png") no-repeat left;}

.m01 .m-link-list .m1_icon2::before{background: url("./img/m1-icon2.png") no-repeat left;}
.m01 .m-link-list .m1_icon2:hover::before{background: url("./img/m1-hicon2.png") no-repeat left;}

.m01 .m-link-list .m1_icon3::before{background: url("./img/m1-icon3.png") no-repeat left;}
.m01 .m-link-list .m1_icon3:hover::before{background: url("./img/m1-hicon3.png") no-repeat left;}

.m01 .m-link-list .m1_icon4::before{background: url("./img/m1-icon4.png") no-repeat left;}
.m01 .m-link-list .m1_icon4:hover::before{background: url("./img/m1-hicon4.png") no-repeat left;}

.m01 .m-link-list .m1_icon5::before{background: url("./img/m1-icon5.png") no-repeat left;}
.m01 .m-link-list .m1_icon5:hover::before{background: url("./img/m1-hicon5.png") no-repeat left;}

.m01 .m-link-list .m1_icon a strong{padding: 0 0 0 80px;}

.m01 .m-link-list .m1_icon a span{ position: relative; width: 35px; height: 35px; border-radius: 100%; border: 1px solid #999; display: inline-block; vertical-align: middle;}
.m01 .m-link-list .m1_icon a span s{position: absolute; top: 50%; transform: translateY(-50%); transition: all .3s; width: 35px; height: 8px; background: url("./img/arrow_1.png") no-repeat; background-size: 100% auto; }

@media screen and (min-width: 813px){
	.m01 .m-link-list .m1_icon a span s {right:15px;transition:all 0.25s;}

	.m01 .m-link-list .m1_icon:hover a span{border: 1px solid var(--border-color); background: var(--main-color);}
	.m01 .m-link-list .m1_icon:hover a span s {right:-15px;transition:all 0.25s; background: url("./img/arrow_2.png") no-repeat;}
}

/*  */
.m02{overflow: hidden; }
.m02_bg{width: 100%; position: absolute; left: 0; right: 0; bottom: 0; height: 315px; z-index: -1; background-color: var(--bg-color);}
.m02 .m-trig{justify-content: space-between;}

.m02_arrow{display: flex; }
.m02_arrow .m2_arrow span{position: relative; width: 55px; height: 55px; border-radius: 100%; background-color: var(--sub-color); display: block; transition: all .3s; cursor: pointer;}
.m02_arrow .m2_arrow:hover span{background-color: var(--main-color);}
.m02_arrow .m2_prev{margin-right: 15px; }
.m02_arrow .m2_prev span s{ position: absolute; top: 40%; left: 35%; background: url("./img/prev-1.png") no-repeat; width: 18px; height: 13px; background-size: 100% auto; transition: all .3s;}
.m02_arrow .m2_prev:hover span s{ background: url("./img/prev-2.png") no-repeat; background-size: 100% auto;}

.m02_arrow .m2_next span s{position: absolute; top: 40%; left: 35%; background: url("./img/next-1.png") no-repeat; width: 18px; height: 13px; background-size: 100% auto; transition: all .3s;}
.m02_arrow .m2_next:hover span s{ background: url("./img/next-2.png") no-repeat; background-size: 100% auto;}

.m02 .m-latest{ position: relative; display: block; width: 100%; margin: 0 auto; max-width: 1430px; height: 475px; }

/*  */
.m03 .m-trig{justify-content: space-between;}
.m3_mo{display: none;}
/*  */

.m04 .m-flex > div{width: 50%; position: relative; overflow: hidden;}
.m04 .m-flex > div a{display: flex; align-items: center; height: 360px;}
.m04 .m-trig {padding: 0 10%;}
.m04 .m-trig p {margin: 20px 0 0;}

.m04 .f-left .m-trig{}
.m04 .f-right .m-trig{}

.m04-banner-img {-webkit-transform: scale(1.0);
	-moz-transform:  scale(1.0);
	-ms-transform:  scale(1.0);
	-o-transform:  scale(1.0);
	transform:  scale(1.0); -webkit-transition: transform 0.5s;
	-moz-transition:  transform 0.5s;
	-ms-transition:  transform 0.5s;
	-o-transition:  transform 0.5s;
	transition:  transform 0.5s; position: absolute; top: 0; z-index: -1;}

.m04 .m-flex > div a:hover .m04-banner-img  {-webkit-transform: scale(1.1);		-moz-transform: scale(1.1);		-ms-transform: scale(1.1);		-o-transform: scale(1.1);		transform: scale(1.1);}

@media(max-width: 1780px){

	.m-pding{padding: 95px 1%;}
	.m01 .m-pding{padding: 95px 0 95px 1%;}

}

@media(max-width: 1600px){

	.m01 .ms-flex img{width: 100%; display: block; }
	.m04 .ms-title{display: block; }
	.m04 .m-trig p{margin-left: 0; margin-top: 30px; }

}

@media(max-width: 1400px){

	.m-title h1{font-size: 52px; line-height: 1.2;}
	.m-tbot p{margin-top: 30px; }

	.m01 .f-left{padding-right: 5%; }
	.m01 .m-link-list .m1_icon a{font-size: 18px; }
	.m01 .m-link-list .m1_icon a strong{padding: 0 0 0 80px;}
	.m01 .m-link-list .m1_icon{padding: 25px 0;}

	.m-trig .m-flex{display: block;}
	.m-trig .m-flex p{margin-top: 15px; margin-left: 0;}
	.m-trig .m-flex p br{display: none; }
	
}

@media(max-width: 1300px){

	.m02 .m-latest{}

}

@media(max-width: 1100px){

	.m-title h1{padding-top: 35px; font-size: 46px;  }
	.m-title h1::before{font-size: 14px; }
	.m-title h1 br{display: none;}
	.m-tbot p{margin-top: 15px; }
	.m-pding{padding: 8% 3%;}

	.ms-title h2{font-size: 26px; padding-top: 40px; }
	.m04 .m-trig p{margin-top: 15px; }
	.m04 .m-flex > div a{}
	.ms-title h2::before{font-size: 14px; }
	.ms-title p{font-size: 16px; }

	.m01 .m-flex{flex-flow: row wrap; }
	.m01 .m-flex > div{width: 100%; padding: 0; justify-content: space-between;}
	.m01 .m-pding{padding: 8% 3%;}
	.m01 .m-link-list{margin: 3% 0 5%; display: flex; flex-flow: row wrap; justify-content: space-between;}
	.m01 .m-link-list .m1_icon{max-width: 100%; width: 48%; padding: 20px 0; }
	.m01 .m-link-list .m1_icon a strong{padding: 0 0 0 15%; }
	.m01 .f-right div:nth-child(2){overflow: hidden; height: 45vw; }

	.m04 .f-left .m-trig, .m04 .f-right .m-trig{padding-left: 8%;}

}

@media(max-width: 980px){

	.m3_pc{display:none;}
	.m3_mo{display:block;}

	.m01 .m-link-list .m1_icon a{font-size: 17px; display: flex; justify-content: space-between; align-items: center;}
	.m01 .m-link-list .m1_icon a strong{padding: 0 0 0 20% !important;}
	.m01 .m-link-list .m1_icon a span s{left: -50%;}
}

@media(max-width: 860px){
	.m04 .m-flex{flex-flow: row wrap; }
	.m04 .m-flex > div{width: 100%; }
	.m04 .m-flex > div a {height: 300px;}
}

@media(max-width: 780px){
	.m-title h1{font-size: 36px;}
	.m-title p{font-size: 15px; }
	.m-trig{padding-bottom: 40px;}
	.m-trig .m-flex p{margin-top: 10px; }
	.m-title h1::before{font-size: 13px; }
	.ms-title h2{font-size: 20px; padding-top: 35px;}
	.ms-title h2::before{font-size: 12px; }
	.m04 .f-left .ms-title h2::before{width: auto; }
	.ms-title p{font-size: 14px; }
	.m04 .m-trig p{margin-top: 10px; }
	.m04 .m-flex > div a{}
	.m-trig{padding-bottom: 8%;}

	.m01 .m-link-list .m1_icon{width: 100%; padding: 3%;}
	.m01 .m-link-list .m1_icon a{font-size: 16px; }
	.m01 .m-link-list .m1_icon a strong{padding: 0 0 0 15% !important;}

	.m02 .m-trig, .m03 .m-trig{flex-flow: row wrap; }
	.m02_arrow, .m03_cate{margin: 3% 0 0 auto;}
	.m02_arrow .m2_arrow span{width: 45px; height: 45px; }
	.m02_arrow .m2_next span s{width: 14px; height: 10px; }
	.m02_arrow .m2_prev span s{width: 14px; height: 10px; }
	.m02 .m-latest{height: auto; }
	.m02_bg{ height: 40%; }
	.m03_cate a{font-size: 15px; }

}

@media(max-width: 500px){
	.m-pding{padding: 10% 3%;}
	.m-trig{padding-bottom: 5%;}
	.m-title h1::before{font-size: 11px;}
	.m-title h1{font-size: 26px; }
	.m-title p{font-size: 12px; margin-top: 5px;  }
	.m01 .m-link-list .m1_icon a{font-size: 12px; }
	.m01 .m-link-list .m1_icon::before{background-size: cover !important; width: 28px; height: 28px;}
	.m01 .m-link-list .m1_icon a span s{top: 50%; }
	.m03_cate a{font-size: 12px; border: 1px solid var(--main-color); padding: 5px 15px; border-radius: 10px; }
	.ms-title h2{font-weight: 500; padding-top: 30px;}
	.ms-title h2::before{font-size: 10px; border-bottom: 1px solid #fff; }
	.m04 .m-trig p{margin-top: 5px; }
}

/************************* main_inc 끝*************************/




/************************* footer_inc 시작 *************************/

.foot-top{width: 100%; background: #f8f8f8; padding: 25px 0;}
.foot-top .m-flex{max-width: 1430px; margin: 0 auto; justify-content: flex-end; align-items: center;}
.foot-top h3{font-size: 14px; padding-right: 15px; }
.foot-top p{font-size: 14px; color: var(--sub-f-color);}
.foot_t_left{display: flex; align-items: center; }

.foot_link ul{display: flex; align-items: center;}
.foot_link ul li{position: relative; }
.foot_link ul li:nth-child(1)::after{ content: ""; display: inline-block; width: 1px; height: 10px; background-color: var(--sub-f-color); margin: 0 25px;}
.foot_link a{font-size: 12px; color: var(--sub-f-color);}
.foot_link a:hover{color : var(--a-hover-color);}

.footer_t{width: 100%; max-width: 1430px; margin: 0 auto; padding: 35px 0; }
.footer_t .m-flex{justify-content: space-between; align-items: flex-start;}
.foot_logo {width: 15%;}
.foot_logo img {max-width: 100%;}
.foot_info {width: 60%;}
.foot_info p{font-size: 13px; line-height: 1.5; color: var(--foot-color);}

.foot_box .m-flex{justify-content: space-around;}
.foot_sns a{display: block;}
.foot_copy{margin-top: 30px;}
.foot_copy p{font-size: 13px; line-height: 1.5; color: var(--foot-color);}

.fot_pding{display: inline-block; padding: 0 10px; }

@media(max-width: 1480px){
	.foot-top{padding: 25px 1%;}
	.footer_t{padding: 35px 1%;}
}

@media(max-width: 1150px){
	.foot_logo img {height: 70px;}
	.foot-top{padding: 25px 3%;}
	.footer_t{padding: 35px 3%;}
	.footer_t .m-flex{display: block;}
	.footer_t .foot_sns.m-flex{display: flex; width: 25%; margin: 0 0 0 auto;}
	.foot_copy{text-align: right; margin-top: 5px;}
	.foot_logo{width: 100%; margin-bottom: 10px;}
	.foot_info{width: 100%;}
	.foot_t_left{display: block; }
	.foot-top h3, .foot-top p{font-size: 13px; }
}

@media(max-width: 860px){
	.foot_logo img {height: 60px;}
	.foot-top .m-flex{flex-flow: row wrap;}
	.footer_t .foot_sns.m-flex{margin: 0 auto; width: 50%; }
	.foot_copy{text-align: center;}
	.footer_t .m-flex{text-align: center;}
}

@media(max-width: 680px){
	.foot-top h3, .foot-top p, .foot_info p, .foot_copy p{font-size: 10px; line-height: 1.4; word-break: keep-all; text-align: left; }
	.foot_link a{font-size: 10px; }
	.foot_link ul li:nth-child(1)::after{margin: 0 10px;}
	.fot_pding{padding: 0 5px;}
	.foot_logo img{display: block; width: auto; height: 40px; margin: 0 0 10px ;}
	.footer_t .foot_sns.m-flex{margin: 3% 0; width: 60%;}
	.footer_t .foot_sns.m-flex a img{display: block; width: auto; height: 30px;}
}

/************************* footer_inc 끝 *************************/


/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {	outline:none;}

/************************* ui.totop 끝 *************************/


/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:50px; border-bottom:1px solid #ddd; }
.navi_in	{margin:0 auto; padding:0;max-width:1280px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; width:10%; max-width:50px;  border-right:1px solid #efefef;}
.home_btn_all a					{display:block; height:49px; line-height:50px; text-align:center;}
.home_btn_all a:hover		{background:#f8f8f8; }
.home_btn_all a img			{max-width:100%; height:auto; vertical-align:middle;}

.navi_left					{float:left; width:90%; max-width:550px;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{width:50%; max-width:250px; padding:0 0 0 0; height:50px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:12px; margin-left:10px;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#777; font-size:12px; margin-left:10px;}
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn1	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#333 !important;;}

.navi_sub {width:50%; max-width:250px; padding:0; height:50px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2						{ color:#333333; font-size:12px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend1							{position:relative; top:-1px; width:100%; }
.extend1 > ul				{position:absolute;left:-1px; min-height:1px;width:100%;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend1 > ul a { text-decoration:none; display: block;}


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:100%; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; display: block; }



.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

/************************* title_navi 끝 *************************/


/************************* SUB_공통 시작*************************/

.sub_title_navi			{display:none; }
.sub_tab						{display:block;}
.left_menu{display: none;}
.sub_inner						{width:100%; position:relative; margin: 0 auto; display: block; }

.ss-inner{max-width: 1240px; margin: 0 auto; }
.ss_flex{ display: flex; justify-content: space-between; align-items: flex-start; flex-flow: row wrap; position: relative; }
.ss_flex > div{width: 50%;}

.ss_text_box span{display: block; position: relative; font-size: 18px; text-transform: uppercase; font-weight: 600; padding-left: 90px; margin-bottom: 40px; }
.ss_text_box span::before{content: ""; display: block; width: 75px; height: 2px; background-color: var(--main-color); position: absolute; left: 0; top: 45%;}
.ss_txt{font-size: var(--s-title-size); line-height: 1.3; margin-top: -29px; padding-left: 105px; }
.ss_txt strong{font-weight: 600; }
.ss_txt strong.ss_t_color{color: var(--main-color);}
.ss_mtxt p{color: #484848; padding-top: 50px; }

/************************* SUB_공통 끝 *************************/


/************************* SUB_시작*************************/

.s11 .s_img_fixed{background:fixed url(./img/s11_img.jpg) no-repeat center / cover; width: 100%; display: block; position: relative; height: 450px; }
.s11 .s_img_fixed::after{content:""; display: block; background: url("./img/s11_img_bg.png") no-repeat; width: 100%; height: 268px; position: absolute; bottom: 0; left: 0; background-size: 100% auto; }

.s12 .s_img_fixed{background:fixed url(./img/s12_img.jpg) no-repeat bottom center; width: 100%; display: block; position: relative; height: 540px; }
.s12 .ss_text_box{position: relative; margin-top: -220px;}
.s12 .ss_text_box::before{content:""; display: block; background: var(--f-white-color); width: 50%; height: 250px; }
.s12 .ss_txt{padding-left: 0; margin-top: 0;}
.s12 .ss_text_box span{margin-top: -180px; }
.ss_name{text-align: right; margin-top: 85px; }
.ss_name strong{font-size: 24px; font-weight: 600; }


.s13 .s_img_fixed{background:fixed url(./img/s13_img.jpg) no-repeat bottom center; width: 100%; display: block; position: relative; height: 450px; }
.s13 .s_img_fixed::after{content:""; display: block; background: url("./img/s11_img_bg.png") no-repeat; width: 100%; height: 268px; position: absolute; bottom: 0; left: 0; background-size: 100% auto; }
.s13 .ss_text_box{position: relative; margin-top: -30px; padding: 0 4%;}
.s13 .ss_txt{padding: 0;}
.s13 .ss_flex{align-items: center;}
.s13 .ss_list_pding{padding-left: 0; padding-right: 0;}
.ss_img{display: flex; justify-content: flex-end; flex-flow: row wrap;}
.ss_img .con-imgs{width:100%; }
.ss_img .con-imgs-txt{ width: 100%;  font-size: 16px; color: #999; font-weight: 600; transform: rotate(90deg); transform-origin: 0 bottom; line-height: 1em;}

.con-order-img{order: 1; text-align: right; }
.con-order-txt{order: 0; }

.ss_img_order{order: 1;  }
.ss_img_order .con-imgs-txt{transform-origin: right top; width: 68.5%;}
.ss_text_order{order: 0; }

.ss_list_pding{padding: 100px 0;}
.ss_text{padding: 0 60px;}
.ss_text h3{font-size: 32px; font-weight: 600;  line-height: 1; margin-bottom: 35px;}
.ss_text p{color: #484848; }


.s14 .s_img_fixed{background:fixed url(./img/s14_img02.jpg) no-repeat bottom center; width: 100%; display: block; position: relative; height: 450px; }

.s14 [class*='year-']{display: flex !important;}
.s14 .history_wrap{position:relative; width:100%; max-width:1240px; margin:80px auto; }
.s14 .history_wrap:before{content:'';position:absolute;top:16px; bottom:0; left:262px;width:1px;background:#ccc; height:95.4%;}
.s14 [class*='year-'] .y{font-size:40px;line-height:2rem;font-weight:700; color:var(--main-color); padding-right:128px; box-sizing:border-box; text-align:right; position:relative; width: 263px;}
.s14 [class*='year-'] .y:before{content:'';position:absolute;top:10px;right:99px;width:11px;height:11px;background:#ccc;border-radius:11px}
.s14 [class*='year-'] .y:after{content:'';position:absolute;top:15px;right:0;width:100px;height:1px;background:#ccc}
.s14 [class*='year-'] .info_inner{width:calc(100% - 295px);padding-left:115px;box-sizing:border-box}
.s14 .history_wrap dl{display:flex;position:relative; flex-wrap:wrap; align-items:baseline;}
.s14 .history_wrap dl:before{content:'';position:absolute;top:15px;left:-115px;width:99px;height:1px;background:#ccc}
.s14 .history_wrap dl:after{content:'';position:absolute;top:9px;left:-16px;width:13px;height:13px;border:2px solid var(--main-color);border-radius:20px;box-sizing:border-box}
.s14 .history_wrap dl + dl{margin-top:15px}

.s14 .history_wrap dt{width:130px;box-sizing:border-box; padding-left:28px;font-size:19px; line-height:2rem;  font-weight:700; margin-top:2px; }
.s14 .history_wrap dd{font-size:16px; color:#333; line-height:1.8; margin-top:-7px; word-break:keep-all; width:calc(100% - 130px); }
.s14 .year-2010{padding-top: 50px;}

.s15 .ss_flex {justify-content: flex-end;}
.s15 .ss_mtxt{width: 48%; margin-top: -80px; padding-right: 5%;}
.s15 .map_info{background-color: var(--main-color); box-shadow: 20px 20px 40px rgba(0,0,0,0.2);  padding:40px; }
.s15 .map_left{border-bottom:1px dashed #fff; padding-bottom:25px;}
.s15 .map_left img{display:block; filter: brightness(0) invert(1);}
.s15 .map_right{width:100%; padding:20px 0px 0; }
.s15 .map_right p{color: #fff; font-size: 24px; line-height: 1; margin-bottom: 10px; word-break: keep-all; text-transform: uppercase; padding-top: 0;}
.s15 .map_right p strong{font-size:24px; font-weight:700; }
.s15 .map_right span{color: #fff !important; font-size: 17px;  cursor:text; text-transform: unset; font-weight: 400; padding:0; margin: 0;} 
.s15 .map_right span::before{display: none;}
.s15 .map_right span a{ color: #fff !important; cursor:text;}
.s15 .map_right span strong{color: inherit; font-weight: 500;}
.s15 .map_right span i{display: inline-block; height: 1px; width: 30px; }


/*  */
.busi_wrap{position:relative; width:100%; margin:0 auto; padding:0 0 40px;}
.busi_wrap:after{content:""; display:block; position:absolute; bottom:0; width:100%; height:calc(100% - 195px); min-height: 180px; background:#f9f9f9; left:0; z-index:-1;}
.busi_wrap .ss_flex{overflow:hidden; align-items: center;}
.busi_wrap .busi_img{ width:45%; animation: img-up 1.0s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.3s; overflow: hidden;}

@keyframes img-up {
  from {
    transform: translate3d(0, 150%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.busi_wrap .busi_txt{width:50%; word-break:keep-all; padding-left:30px;}
.busi_wrap .busi_img img{display:inline-block; vertical-align:top; max-width:100%; }
.busi_wrap .swiper-pagination-bullet-active {background-color: var(--main-color);}

.busi_bg{width: 100%; margin: 0 auto; background-color: #f9f9f9;}

.busi_txt h2{font-size: var(--s-title-size); line-height: 1.3; }
.busi_txt h2 strong{ font-weight: 600;}
.busi_txt span{display: block; padding: 80px 0 0;}
.busi_txt p{color: #484848;}

.ss_flex .busi_tit{width: 25%;}
/* .ss_flex .busi_line{border-bottom: 2px solid #121212;} */
.ss_flex .busi_info{width: 75%;}
.ss_flex .busi_info__image {padding: 20px 0;}
.ss_flex .busi_info__image img {max-width: 100%;}
.busi_tit h3{font-size: 24px; font-weight: 600; line-height: 1.1; position: relative; padding-left: 20px;}
.busi_tit h3::before{content: ""; display: block; width: 6px; height: 6px; background-color: var(--main-color); position: absolute; top:8px; left: 0; }
.busi_info h4{font-size: 20px; font-weight: 500; margin-bottom: 25px;}

.busi_line{border-top: 2px solid #121212; }
.busi_line h4{padding-top: 20px;}

.busi_flex{display: flex; flex-flow: row wrap; }
.busi_flex > div{display: inline-flex; flex-direction: column; justify-content: center; width: 48%; margin:4% 4% 0 0; position: relative; overflow: hidden; z-index: 1;}
.busi_flex > div:nth-child(2n){margin-right: 0;}
.busi_flex > div:nth-child(-n + 2){margin-top: 0;}
.busi_box{background-color: var(--f-white-color); border: 1px solid var(--basic-border-color); padding: 25px 30px; }
.busi_box h4{margin-bottom: 10px;}
.busi_box p{position: relative; font-size: 16px; color: var(--sub-f-color); word-break:keep-all; padding-left: 13px;}
.busi_box p::before{content: ""; display: block; width: 4px; height: 4px; background-color: #7d7d7d; position: absolute; left: 0; top: 10px; }

/* .busi_box1::after{content: ""; display: block; background: url("./img/line-num01.png") no-repeat; position: absolute; right: 0; bottom: -1px; width: 107px; height: 77px; background-size: 100% auto; }
.busi_box2::after{content: ""; display: block; background: url("./img/line-num02.png") no-repeat; position: absolute; right: 0; bottom: -1px; width: 126px; height: 77px; background-size: 100% auto; }
.busi_box3::after{content: ""; display: block; background: url("./img/line-num03.png") no-repeat; position: absolute; right: 0; bottom: -1px; width: 130px; height: 77px; background-size: 100% auto; }
.busi_box4::after{content: ""; display: block; background: url("./img/line-num04.png") no-repeat; position: absolute; right: 0; bottom: -1px; width: 130px; height: 77px; background-size: 100% auto; } */
.busi_box1::after {content: "01"; display: block; position: absolute; right: 0; bottom: -1px; font-size: 50px; font-weight: 800; color: #eee; line-height: 1; z-index: -1;}
.busi_box2::after {content: "02"; display: block; position: absolute; right: 0; bottom: -1px; font-size: 50px; font-weight: 800; color: #eee; line-height: 1; z-index: -1;}
.busi_box3::after {content: "03"; display: block; position: absolute; right: 0; bottom: -1px; font-size: 50px; font-weight: 800; color: #eee; line-height: 1; z-index: -1;}
.busi_box4::after {content: "04"; display: block; position: absolute; right: 0; bottom: -1px; font-size: 50px; font-weight: 800; color: #eee; line-height: 1; z-index: -1;}

.busi_box_list > div{margin: 0 auto 4%;}
.busi_box_list > div:last-child{margin: 0 auto; }

@media (min-width: 980px) and (max-width: 1280px){
	.ss_txt{margin-top: -4vw;    font-size: 3.5vw; padding-left: 5%;}
	
	.ss_mtxt p, .busi_txt p{font-size: 15px; }
	.busi_box p{font-size: 15px; }
	.busi_box p::before {top: 8px;}
}

@media(max-width: 1260px){
	.ss-inner{padding: 0 3%; }
	.s_img_fixed::after{background-size: cover !important; }
	.s12 .ss_text_box::before{width: 60%; }

	.ss_list_pding{padding: 8% 3%;}
	.ss_img .con-imgs img{width: 100%; display: block; }
	.ss_img .con-imgs-txt{transform: none; padding-bottom: 3%; }
	.ss_img_order .con-imgs-txt{width: 100%; text-align: right; transform-origin: initial; padding-top: 3%;}

	.ss_text h3{font-size: 26px; margin-bottom:25px; }
	.ss_text p{font-size: 16px; }

	.s15 .map_info{padding: 8%;}
	.s15 .map_right span{font-size: 16px; }

	.busi_txt h2{font-size: 40px;}
	.busi_txt span{padding: 5% 0 0;}
	.busi_tit h3{font-size: 22px; }
	.busi_info h4{font-size: 17px; margin-bottom: 10px; padding-top: 0;}
	.busi_wrap .busi_img{width: 50%; }
	.busi_wrap:after{height: calc(100% - 120px);}
	
	.busi_bg .ss-inner{padding: 0;}
}

@media(max-width: 1100px){
	.ss_flex .busi_tit, .ss_flex .busi_info{width: 100%;}
	.busi_line{border-top: 0;}
	.ss_flex .busi_tit{border-bottom: 2px solid var(--main-color); padding: 0 0 10px; margin: 0 0 10px; }
}

@media(max-width: 980px){
	.ss_flex > div{width: 100%; }
	.ss_txt{margin-top: 0 !important;    font-size: 4vw; padding: 5% 0 0;}
	.ss_mtxt p{font-size: 16px; padding-top: 5%;}
	.ss_mtxt p br{display: none; }
	.s_img_fixed{height: 50vw !important; }
	.s12 .ss_text_box::before{width: 80%; }
	.ss_text_box span{font-size: 15px; margin-bottom: 15px; }
	.ss_name strong{font-size: 20px; }

	.sub_title_navi			{display:block; }
	.sub_tab						{display:none;}

	.ss_img_order{order: 0;}
	.ss_txt_order{order: 1;}
	.ss_img_order .con-imgs{order: 1;}
	.ss_img_order .con-imgs-txt{text-align: left; transform-origin: 0 bottom; padding-bottom: 3%; padding-top: 0; order: 0;}
	.ss_text{padding: 5% 0 0;}
	.ss_text p br {display: none;}

	.s15 .s_img_fixed{height: 100% !important;}
	.s15 .ss_mtxt{position:relative; width:100%; margin:0 auto; padding:5% 0; height:100%;}
	.s15 .map_info{padding: 5%;}
	.s15 .map_info .map_left{width:100%;}
	.s15 .map_info .map_right{width:100%; padding:3% 0 0;}
	
	.s15 .map_info .map_right p strong{font-size:20px;}
	.s15 .map_info .map_right span strong{font-size:15px;}
	.s15 .map_info .map_right p, .s15 .map_info .map_right span{font-size:15px;}
	
	.busi_txt h2{font-size: 30px; }
	.busi_txt p, .busi_box p{font-size: 14px; }
	.busi_tit h3{font-size: 20px;}
	.busi_info h4{font-size: 15px;}
	.busi_box_list > div{padding: 3%;}
}

@media(max-width: 780px){
	.s12 .ss_text_box{margin-top: 0;}
	.ss_text h3{font-size: 22px; margin-bottom: 10px; }
	.ss_text p{font-size: 14px; }

	.s13 .ss_txt br {display: none;}

	.s14:before{height:85%;}
	.s14 .st_title:before{background-size:60%;}
	.s14 .s13_text:after{height:60px; margin:20px 20px -30px;}
	.s14 .history_wrap{ transition: all .4s;}
	.s14 [class*='year-']{display:block !important; margin-bottom:50px;}
	.s14 [class*='year-'] .y{text-align:left; padding-right:0; width: 100%; font-size: 32px; }
	.s14 [class*='year-'] .y:before{display:none;}
	.s14 [class*='year-'] .y:after{position:relative; display:block; width:100%; height:2px; background-color: var(--main-color); margin:3% auto; right:auto; top:auto;  }
	.s14 .history_wrap:before{display:none;}
	.s14 .his_year .info_inner{position:relative; }
	.s14 [class*='year-'] .info_inner{width:100%; padding-left:50px;}
	.s14 .history_wrap dl:before{width:35px; left:-50px;}
	.s14 .his_year .info_inner:before{content:""; width:1px; height:92%; background:#ccc; position:absolute; top:17px; left:0;}
	.s14 .history_wrap dt{margin-top:0; padding-left:8px; width:100%; font-size: 17px; }
	.s14 .history_wrap dd{width:100%; padding-left:8px; margin-top:0; font-size: 14px; }

	.ss_flex{flex-direction: column;}
	.ss_flex > div{width: 100% !important;}
	.busi_box1::after, .busi_box2::after, .busi_box3::after, .busi_box4::after {font-size: 36px;}
	.busi_wrap .busi_img{padding-right: 0;}
	.busi_wrap .busi_txt{padding: 5% 0 0;}
	.busi_info h4 br{display: none;}
	.busi_txt h2{font-size: 26px;}
	.busi_txt p{font-size: 13px; margin-top: 10px; }
	.busi_box p{font-size: 13px; }
	.busi_txt h2 br{display: none;}
	.busi_txt span{display: none;}
	.busi_wrap:after{height: 50%; }
	.busi_box{padding: 3%; }
}

@media(max-width: 500px){
	.s14 .history_wrap{margin: 5% auto 0;}
	.s14 [class*='year-'] .y{font-size: 26px;}
	.s14 .history_wrap dt{font-size:13px;}
	.s14 .history_wrap dd{font-size:11px;}
	.s14 .history_wrap dl:after{width:10px; height:10px; top:13px;} 
	.s14 .history_wrap .year-2010{margin-bottom:0;}
	.s14 .year-2010{padding-top: 0; }

	.ss_txt{font-size: 22px;}
	.ss_mtxt p{font-size: 11px; line-height: 1.4; padding-top: 3%;}
	.ss_text_box span{font-size: 12px;}
	.ss_name{font-size: 12px; margin-top: 45px; }
	.ss_name strong{font-size: 14px;}
	.s12 .ss_text_box::before{display: none;}
	.s12 .ss_text_box span{margin: 5% 0 0;}

	.ss_img .con-imgs-txt{font-size: 12px;}
	.ss_text h3{font-size: 16px;}
	.ss_text p{font-size: 11px; line-height: 1.3;}

	.s15 .map_left{padding-bottom: 15px; }
	.s15 .map_left img{width: auto; height: 32px;}
	.s15 .map_right p{margin-bottom: 5px;}
	.s15 .map_info .map_right p strong{font-size: 14px;}
	.s15 .map_info .map_right span strong{font-size: 12px;}
	.s15 .map_info .map_right p, .s15 .map_info .map_right span{font-size: 11px;}


	.busi_txt h2{font-size: 22px;}
	.busi_txt p{font-size: 13px;}
	.busi_tit h3{font-size: 15px;}
	.busi_info h4{font-size: 13px; line-height: 1.3;}
	.busi_txt p, .busi_box p{font-size: 11px; }
	.busi_box p::before {top: 6px; width: 3px; height: 3px;}

	.busi_box{padding: 5%;}
	.busi_flex > div{width: 100%; margin: 5% 0 0 0;}
	.busi_flex > div:nth-child(2) {margin-top: 5%;}
}

/************************* SUB_끝*************************/