@charset "utf-8";


/*///////////////////// repair /////////////////////*/
#repair-page { width: 100%; height: 100%; background-color: #122037; overflow:hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#repair-page .repair-page-main { display:flex; flex-direction:column; justify-content:center; flex: 2; text-align: center; }
#repair-page .repair-page-main-logo {}
#repair-page .repair-page-main-copy { margin: 20px 0; }
#repair-page .repair-page-main-copy p { letter-spacing: -0.1em; }
#repair-page .repair-page-main-copy .mainCopyKor { font-size: 3vw; color: rgb(255, 174, 0) }
#repair-page .repair-page-main-copy .mainCopyEng { font-size: 2vw; color: #999; font-weight: normal; }
#repair-page .repair-page-direction { display: inline-block; transition: background-color 0.3s; height: 58px; line-height: 58px; padding: 0 15px; margin: -5vw 0 3vw; color: #838392; font-weight: bold; font-size: 1.5rem; border: 1px solid #838392; border-radius: 50px; }
#repair-page .repair-page-direction:hover { border: 1px solid rgb(255, 174, 0); background-color: rgb(255, 174, 0); color: #122037; font-weight: bold; }
#repair-page .repair-page-footer .foot-bot-in { padding-left: 0; }
#repair-page .repair-page-footer address { padding-top: 50px; text-align: center; }
/*///////////////////// repair End /////////////////////*/

/*///////////////////// header /////////////////////*/
.header {position: fixed; top: 0; left: 0; right: 0; z-index: 10; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.11); background: #fff;}
.header-in {height: 100px;}
.header .logo {position: absolute; top: 20px; left: 0;}
.nav-list {position: absolute; top: 45px; left: 196px;}
.nav-list__one {position: relative; float: left; padding: 0 50px 34px;}
.nav-list__one:before {display: none; content: ''; position: absolute; bottom: 0; left: 20px; right: 20px; height: 3px; background: #1a1d43;}
.nav-list__one:hover:before {display: block;}
.nav-list__one-target {display: block; color: #090c23; font-weight: bold; font-size: 21px; line-height: 1em;}
.nav-two {display: none; justify-content: center; position: fixed; left: 0; right: 0; top: 100px; z-index: 10; text-align: center; background: #ededed;}
.nav-two__item {position: relative; left: -170px; padding: 23px 23px 28px; text-align: left;}
.nav-two__item:after {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 20px; background: #c4c4c4; transform: translateY(-50%);}
.nav-two__item:last-child:after {display: none;}
.nav-two-sub {margin-top: 10px;}
.nav-two-sub__target {color: #787878;}
.nav-list__one:hover .nav-two {display: flex;}
.nav-three {display: none; justify-content: center; position: fixed; left: 0; right: 0; top: 100px; z-index: 10; text-align: center; background: #ededed;}
.nav-three__item {position: relative; padding: 28px 23px;}
.nav-three__item:after {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 18px; background: #c4c4c4; transform: translateY(-50%);}
.nav-three__item:last-child:after {display: none;}
.nav-list__one:hover .nav-three {display: flex;}
.nav-three__target {font-size: 18px;}
.nav-three.company {justify-content: flex-start;}
.nav-three.company li {left: 50%; transform: translateX(-377px);}

/*///////////////////// header End /////////////////////*/

/*///////////////////// container /////////////////////*/
.main-visual {position: relative; border-bottom: 1px solid #bebebe;}
.main-visual .guide-line {box-sizing: border-box;}
.main-visual__txt {position: absolute; top: 130px; left: 0;}
.main-visual__txt01 {font-size: 76px; color: #ffffff; line-height: 1em;}
.main-visual__txt02 {margin-top: 23px; color: #ffffff;  font-weight: 300; font-size: 22px; line-height: 1em;}
.main-visual__target {display: flex; align-items: center; justify-content: center; position: relative; margin-top: 50px; width: 205px; height: 47px; background: #0086c8; border-radius: 24px;}
/*
.main-visual__target {display: flex; align-items: center; justify-content: center; position: absolute; bottom: 94px; left: 0; width: 205px; height: 47px; background: #0086c8; border-radius: 24px;}
*/
.main-visual__target .txt {padding-right: 20px; color: #fff; font-weight: 300; font-size: 20px; background: url(../img/main/main_visual_detail_bg.png) no-repeat 100% calc(50% + 1px);}
.main-visual__target:hover .txt {color: #fed700; background: url(../img/main/main_visual_detail_bg_on.png) no-repeat 100% calc(50% + 1px);}
.mv-wrap {position: absolute; top: 94px; right: -32px;}
.mv-wrap__in {position: relative; padding: 0 32px;}
.main-visual .mv-con {width: 479px; height: 291px; border: 2px solid #dfdfdf; box-shadow: 0px 0px 12px 0px rgba(6, 0, 1, 0.04);}
.main-visual .mv-controler {position: absolute; top: 50%; z-index: 10; width: 17px; height: 30px; margin-top: -15px; cursor: pointer;}
.main-visual .mv-prev {left: 0; background-image: url(../img/main/slide_prev02.png);}
.main-visual .mv-next {right: 0; background-image: url(../img/main/slide_next02.png);}

/* 
.swiper-slide {position: relative; height: 446px; overflow: hidden;}
.main-visual .visual01 {background-color: #1a1d43;}
.main-visual .visual02 {background-color: #53267e;}
.main-visual .visual__btn {display: flex; width: 100%; height: 100%; justify-content: center}
.main-visual .visual__btn img {max-width: none; height: 100%;}
 */


.main-a {padding: 93px 0 77px;}
.main-a__tit {color: #000; font-weight: 500; font-size: 45px; line-height: 1em; text-align: center;}
.main-a__tit-sub {margin-top: 20px; color: #555; font-weight: normal; font-size: 18px; line-height: 1em; text-align: center;}
.main-a__list {display: flex; justify-content: center; margin-top: 76px;}
.main-a__item {width: 25%; height: 216px; padding: 85px 0 0 40px; box-sizing: border-box; background-repeat: no-repeat;}
.main-a__item.ico01 {background-position: 35px 10px; background-image: url(../img/media/image11.png);}
.main-a__item.ico02 {background-position: 35px 10px; background-image: url(../img/media/image12.png);}
.main-a__item.ico03 {background-position: 35px 10px; background-image: url(../img/media/image13.png);}
.main-a__item.ico04 {background-position: 35px 10px; background-image: url(../img/media/image14.png);}
.main-a__item.ico05 {background-position: 35px 10px; background-image: url(../img/media/image11.png);}
.main-a__d-tit {color: #000; font-weight: 500; font-size: 28px; line-height: 1em;}
.main-a__d-data {margin-top: 15px; color: #6a6a6a; font-size: 20px; text-align: center; line-height: 1.2em;}
.main-a__biz-data {margin-left: 30%; margin-top: 15px; color: #070707; font-size: 20px; text-align: left; line-height: 1.5em;}

.main-b {padding: 104px 0 80px; width: 100%; background: #f2f4f8;}
.main-b__top-txt {display: block; color: #11459d; font-size: 35px; text-align: center; line-height: 1em;}
.main-b__slogan {margin-top: 25px; color: #000; font-weight: 500; font-size: 24px; line-height: 1em; text-align: center;}
.main-b__desc {margin-top: 30px; color: #555; font-size: 18px; line-height: 1.2em; text-align: center;}
.main-b__list {display: flex; justify-content: center; margin-top: 90px;}
.main-b__item {margin: 0 25px;}
.main-b__d-tit {color: #000; font-size: 23px; line-height: 1em;}
.main-b__d-data {margin-top: 20px; color: #585858; font-size: 18px; line-height: 1.2em;}
.main-b__more {display: flex; align-items: center; justify-content: center; width: 230px; height: 55px; margin: 50px auto 0; text-align: center; background: #11459d; border-radius: 28px; box-shadow: 1px 2px 35px 0px rgba(0, 0, 0, 0.32);}
.main-b__more span {padding-right: 68px; color: #fff; font-weight: 500; font-size: 20px; background-repeat: no-repeat; background-position: 100% calc(50% + 2px); background-image: url(../img/main/more_arrow_white.jpg);}
.main-b__more:hover span {color: #fed700; background-image: url(../img/main/more_arrow_yellow.png);}

.main-c {padding: 80px 0 95px;}
.main-c__tit {color: #000; font-weight: 500; font-size: 40px; line-height: 1em; text-align: center;}
.main-c__partner {margin-top: 55px;}
.main-c__more {display: flex; align-items: center; justify-content: center; width: 230px; height: 55px; margin: 50px auto 0; text-align: center; border: 2px solid #838383; border-radius: 28px;}
.main-c__more span {padding-right: 68px; color: #525252; font-weight: 500; font-size: 20px; background-repeat: no-repeat; background-position: 100% calc(50% + 2px); background-image: url(../img/main/more_arrow_gray.jpg);}
.main-c__more:hover {border: 2px solid #fb0000;}
.main-c__more:hover span {color: #fb0000; background-image: url(../img/main/more_arrow_on.png);}
.partner-list {margin-top: 50px; text-align: center;}
.partner-list__item {display: inline-block; width: 240px; margin-bottom: 20px;}

.main-d {height: 337px; padding-top: 118px; background-repeat: no-repeat; background-position: 50% 0; background-image: url(../img/main/bg_contact.jpg); box-sizing: border-box;}
.main-d__tit {color: #fff; font-weight: 500; font-size: 32px; line-height: 1em; text-align: center;}
.main-d__contact {display: block; width: 233px; margin: 50px auto 0; color: #fff; line-height: 57px; text-align: center; background: #1862de; border-radius: 25px;}
.main-d__contact:hover {color: #fed700;}
/*///////////////////// container End /////////////////////*/

/*///////////////////// footer /////////////////////*/
.footer {background: #122037;}
.foot-menu {display: flex; align-items: center; height: 78px; padding-left: 50px;}
.foot-menu__item {position: relative; margin-right: 16px;}
.foot-menu__item:after {content: ''; position: absolute; top: 6px; right: -9px; width: 1px; height: 16px; background: #69717d;}
.foot-menu__item:last-child:after {display: none;}
.foot-menu__item a {color: #838392; font-weight: 300; font-size: 17px;}
.foot-bot {border-top: 1px solid #313d51;}
.foot-bot-in {height: 100px; padding-left: 344px;}
.foot-logo {position: absolute; top: 6px; left: 47px;}
.foot-bot-in address {padding-top: 30px; color: #fff; font-weight: 300; font-size: 17px; line-height: 28px;}
.foot-bot-in .copyright {margin-top: 5px; color: #69717d; font-weight: 300; font-size: 17px; line-height: 28px;}
/*///////////////////// footer End /////////////////////*/

@media screen and (max-width: 767px) {
	.header-in {height: 50px;}
	.header .logo {top: 5px; left: 15px;}
	.header .logo img {height: 38px; object-fit: cover;}
	.nav {position: fixed; top: 0; left: -100%; overflow-y: auto; width: 100%; height: 100%; background: #122037; box-sizing: border-box; z-index: 10; transition: .2s;}
	.nav.active {left: 0;}
	.nav-list {top: 0; left: 0;}
	.nav-list__one {float: none; margin: 15px 20px; padding: 0;}
	.nav-list__one-target {display: block; color: #fff; font-size: 21px; line-height: 1em;}
	.nav-list__one:hover .nav-two {display: block;}
	.btn-all-menu {position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; background-repeat: no-repeat; background-position: 50%; background-image: url(../img/main/all_menu.png); background-size: 20px 16px;}
	.btn-close-am {position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; background-image: url(../img/main/all_menu_close.png);}
	.nav-two {display: block; position: static; text-align: center; background: none;}
	.nav-two__item {left: 0; padding: 15px 15px 0; text-align: left;}
	.nav-two__item:after {display: none;}
	.nav-two__target {color: #fff;}
	.nav-two-sub {margin: 0 0 0 15px;}
	.nav-two-sub__item {margin-top: 10px;}
	.nav-two-sub__target {color: #fff;}
	.nav-three {display: block; position: static; text-align: left; background: none;}
	.nav-three__item {padding: 15px 15px 0;}
	.nav-three__item:after {display: none;}
	.nav-list__one:hover .nav-three {display: block;}
	.nav-three__target {color: #fff; font-size: 16px;}
	.nav-three.company li {left: 0; transform: translateX(0);}

	.container {padding-top: 50px;}

	.main-visual {padding-bottom: 0px;}
	.main-visual .guide-line {height: 5px;}
	.main-visual__txt {position: relative; top: 70px;}
	.main-visual__txt01 {font-size: 38px; text-align: center;}
	.main-visual__txt02 {margin-top: 12px; font-size: 15px; text-align: center;}
	.main-visual__target {position: static; width: 205px; height: 47px; margin: 40px auto 0; border-radius: 24px;}
	.main-visual__target .txt {position: relative; top: -1px; padding-right: 19px; font-size: 16px;}
	.mv-wrap {position: static; margin-top: 35px;}
	.mv-wrap__in {position: relative; padding: 0;}
	.main-visual .mv-con {width: 239px; height: 145px; border: 1px solid #dfdfdf; box-shadow: 0px 0px 6px 0px rgba(6, 0, 1, 0.04);}
	.main-visual .mv-controler {position: absolute; top: 50%; z-index: 10; width: 17px; height: 30px; margin-top: -15px; cursor: pointer;}
	.main-visual .mv-prev {left: 32px;}
	.main-visual .mv-next {right: 32px;}

	.main-a {padding: 40px 0;}
	.main-a__tit {font-size: 32px; line-height: 1em;}
	.main-a__tit-sub {margin-top: 15px; font-size: 16px; line-height: 1.2em;}
	.main-a__list {display: block; margin-top: 30px;}
	.main-a__item {float: none; width: auto; height: auto; margin-bottom: 20px; padding: 85px 30px 0 30px; border-right: none;}
	.main-a__item:last-child {border-right: 0;}
	.main-a__d-tit {font-size: 20px;}
	.main-a__d-data {font-size: 16px; line-height: 1.5em;}

	.main-b {padding: 30px 0 50px;}
	.main-b__top-txt {font-size: 24px;}
	.main-b__slogan {margin-top: 20px; padding: 0 20px; font-size: 18px; line-height: 1.5em; text-align: center; word-break: keep-all;}
	.main-b__desc {margin-top: 20px; padding: 0 20px; font-size: 16px; line-height: 1.5em; word-break: keep-all;}
	.main-b__list {display: block; margin-top: 30px; padding: 0 20px;}
	.main-b__item {margin: 0 0 25px 0;}
	.main-b__d-tit {font-size: 22px; line-height: 1.3em; text-align: center;}
	.main-b__d-data {margin-top: 20px; font-size: 16px; text-align: center; line-height: 1.3em;}
	.main-b__more {width: 205px; height: 47px}

	.main-c {padding: 30px 0 50px;}
	.main-c__tit {padding: 0 20px; font-size: 24px; line-height: 1.3em; word-break: keep-all;}
	.main-c__partner {margin-top: 30px;}
	.partner-list {overflow: hidden; padding: 0 20px;}
	.partner-list__item {float: left; width: 50%;}
	.main-c__more {margin-top: 20px; width: 205px; height: 47px}



	.main-d {height: auto; padding: 50px 0; background-size: cover}
	.main-d__tit {padding: 0 20px; font-size: 24px; line-height: 1.5em; word-break: keep-all;}
	.main-d__contact {width: 180px; line-height: 45px; border-radius: 20px;}

	.foot-menu {height: 45px; padding-left: 20px;}
	.foot-menu__item {position: relative; margin-right: 16px;}
	.foot-bot {border-top: 1px solid #313d51;}
	.foot-bot-in {height: auto; padding: 20px;}
	.foot-logo {position: static;}
	.foot-logo img {height: 40px;}
	.foot-bot-in address {padding-top: 20px; font-size: 10px; line-height: 15px;}
	.foot-bot-in .copyright {font-size: 10px; line-height: 15px;}
}