/* CSS Document */

@font-face {
 font-family: NanumSquare;
 src: url(font/NanumSquareR.eot)
 src: url(font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
 url(font/NanumSquareR.woff) format('woff'),
 url(font/NanumSquareR.ttf) format('truetype');
}
h1 {
 font-family: NanumSquare, sans-serif;
}

@font-face {
 font-family: NanumGothic;
 src: url(font/NanumGothic.eot);
 src: url(font/NanumGothic.eot?#iefix) format('embedded-opentype'),
 url(font/NanumGothic.woff) format('woff'),
 url(font/NanumGothic.ttf) format('truetype');
}
h1 {
 font-family: NanumGothic, sans-serif;
}

@font-face {
 font-family:NanumSquareEB;
 font-style: normal;
 font-weight: 800;
 src: url(font/NanumSquareEB.eot);
 src: url(font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
 url(font/NanumSquareEB.woff) format('woff'),
 url(font/NanumSquareEB.ttf) format('truetype');
}
h1 {
 font-family: NanumSquareEB, sans-serif;
}

@font-face {
    font-family: SCoreDream1;
    font-weight: 100; 
    font-style: normal; 
    src: url(font/SCoreDream1.woff2) format('woff2'),
         url(font/SCoreDream1.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: SCoreDream2;
    font-weight: 200; 
    font-style: normal; 
    src: url(font/SCoreDream2.woff2) format('woff2'),
         url(font/SCoreDream2.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: SCoreDream3;
    font-weight: 300; 
    font-style: normal; 
    src: url(font/SCoreDream3.woff2) format('woff2'),
         url(font/SCoreDream3.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: SCoreDream4;
    font-weight: 400; 
    font-style: normal; 
    src: url(font/SCoreDream4.woff2) format('woff2'),
         url(font/SCoreDream4.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: SCoreDream5;
    font-weight: 500; 
    font-style: normal; 
    src: url(font/SCoreDream5.woff2) format('woff2'),
         url(font/SCoreDream5.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: SCoreDream6;
    font-weight: 600; 
    font-style: normal; 
    src: url(font/SCoreDream6.woff2) format('woff2'),
         url(font/SCoreDream6.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: SCoreDream7;
    font-weight: 700; 
    font-style: normal; 
    src: url(font/SCoreDream7.woff2) format('woff2'),
         url(font/SCoreDream7.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: SCoreDream8;
    font-weight: 800; 
    font-style: normal; 
    src: url(font/SCoreDream8.woff2) format('woff2'),
         url(font/SCoreDream8.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: SCoreDream9;
    font-weight: 900; 
    font-style: normal; 
    src: url(font/SCoreDream9.woff2) format('woff2'),
         url(font/SCoreDream9.woff) format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'KorailRoundGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KorailRoundGothicLight.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'KorailRoundGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KorailRoundGothicMedium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'KorailRoundGothicBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KorailRoundGothicBold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

body 
{
	background:#ffffff repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


.img { border:none; }

a:link {color:#000000; text-decoration:none;}
a:hover {color:#000000; text-decoration:none;}
a:active {color:#000000; text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}

/* menu_over_white */
a:link.overwhite{ text-decoration:none; color: #ffffff;}
a:visited.overwhite{ text-decoration:none; color: #ffffff;}
a:hover.overwhite{ text-decoration:none; color: #ffffff;}
a:active.overwhite{ text-decoration:none; color: #ffffff;}

TD,input,DIV,form,TEXTAREA,center,option,pre,blockquote {
	font-size:9pt;
	color:#666666;
	font-family:굴림;
	line-height:150%
	
}

div.snb_area dl ul li{none;}



*{padding:0;margin:0;box-sizing:border-box}
body{min-width:360px;}/* overflow:hidden; */
ol,ul,dl,li{list-style:none}
a,a:link,a:visited,a:hover,a:active{text-decoration:none}
img{border:0}
button,input[type=button],input[type=submit]{cursor:pointer;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}




/* menu */
.top_menu {
	font-family:SCoreDream6;
	font-size:20px;
	color:#ffffff;
}

.top_menu_oversee {
	font-family:SCoreDream6;
	font-size:20px;
	color:#ffffff;
	background-color:rgba(25,80,122,0.9);

}

.top_menu_oversee_sub_bg {
	background-color:rgba(25,80,122,0.9);
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.top_menu_oversee_sub_text {
	font-family:SCoreDream4;
	font-size:16px;
	color:#ffffff;
	line-height:150%;
}

/* copyright */
.copyright_text01 {
	font-family:SCoreDream3;
	font-size:17px;
	color:#333333;
	line-height:180%;
}

.copyright_text02 {
	font-family:SCoreDream3;
	font-size:15px;
	color:#939393;
}

.top_menu_line {
	border-top:1px solid rgba(255,255,255,0.3);
}

/* main */
.main_img {
	background-image:url(img/main_img01.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

.main_img_text {
	font-family:KorailRoundGothicBold;
	font-size:50px;
	color:#ffffff;
	text-shadow: 2px 2px 2px rgba(20,5,10,0.4);
}

.main_banner_bg01 {
	background-image:url(img/main_banner_bg01.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

.main_banner_bg01_m {
	background-image:url(img/main_banner_bg01.jpg);
	background-color:#000000;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

.main_banner01_text01 {
	font-family:KorailRoundGothicMedium;
	font-size:38px;
	color:#ffffff;
}

.main_banner01_text02 {
	font-family:NanumSquare;
	font-size:23px;
	color:#ffffff;
	line-height:150%;
}

.main_banner01_text03 {
	font-family:SCoreDream5;
	font-size:20px;
	color:#ffffff;
}

.main_banner01_text04 {
	font-family:NanumSquare;
	font-size:47px;
	color:#dfdfdf;
	font-weight:bold;
	line-height:130%;
}

.main_banner01_text05 {
	font-family:KorailRoundGothicMedium;
	font-size:60px;
	color:#ffffff;
	line-height:130%;
}

.main_banner01_text06 {
	font-family:NanumSquare;
	font-size:30px;
	color:#b3b3b3;
	font-weight:bold;
	line-height:130%;
}

.main_banner01_green {
	background-color:#197a63;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.main_banner01_gray {
	background-color:#77787b;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.main_banner01_navy {
	background-color:#0b2556;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.main_banner01_green:hover {
	background-color:#156854;
}

.main_banner01_gray:hover {
	background-color:#656669;
}

.main_banner01_navy:hover {
	background-color:#091f49;
	transition: all 0.5s;

}

.main_banner01_green:hover .main_arrow{
	animation-name: arrow; 
	animation-duration: 0.5s; 
	animation-timing-function: ease-in-out; 
	animation-fill-mode: forwards;

}

.main_banner01_gray:hover .main_arrow{
	animation-name: arrow; 
	animation-duration: 0.5s; 
	animation-timing-function: ease-in-out; 
	animation-fill-mode: forwards;

}

.main_banner01_navy:hover .main_arrow{
	animation-name: arrow; 
	animation-duration: 0.5s; 
	animation-timing-function: ease-in-out; 
	animation-fill-mode: forwards;

}

.customer_table:hover .customer_arrow{
	animation-name: arrow2; 
	animation-duration: 0.5s; 
	animation-timing-function: ease-in-out; 
	animation-fill-mode: forwards;
}

@keyframes arrow {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(20%);
  }
}

@keyframes arrow2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.main_banner_bg02 {
	background-image:url(img/main_banner_bg02.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

.main_banner02_text01 {
	font-family:NanumSquare;
	font-size:48px;
	color:#000000;
	font-weight:bold;
}

.main_banner02_text02 {
	font-family:NanumSquare;
	font-size:53px;
	color:#000000;
	font-weight:bold;
	line-height:130%;
}

.main_banner_bg03 {
	background-image:url(img/main_banner_bg03.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

.main_banner03_text01 {
	font-family:NanumSquare;
	font-size:27px;
	color:#ffffff;
	font-weight:bold;
}

.main_banner03_text02 {
	font-family:NanumSquare;
	font-size:42px;
	color:#ffffff;
	font-weight:bold;
	line-height:150%;
}

.main_banner03_text03 {
	font-family:NanumSquareEB;
	font-size:42px;
	color:#ffffff;
	line-height:150%;
}

.border {
	border-top:1px solid #d5d6d7;
	border-left:1px solid #d5d6d7;
	border-right:1px solid #d5d6d7;
	border-bottom:1px solid #d5d6d7;
}

.border_r20 {
	border-top:1px solid #d5d6d7;
	border-left:1px solid #d5d6d7;
	border-right:1px solid #d5d6d7;
	border-bottom:1px solid #d5d6d7;
	border-radius:20px;
	background-color:#ffffff;
}

/* sub */
.sub_title_text01 {
	font-family:SCoreDream8;
	font-size:55px;
	color:#ffffff;
}

.sub_title_text02 {
	font-family:SCoreDream5;
	font-size:18px;
	color:#ffffff;
	text-align:center;
}

.sub_title_text03 {
	font-family:SCoreDream6;
	font-size:35px;
	color:#323232;
}

.sub_menu_link {
	font-family:SCoreDream4;
	font-size:15px;
	color:#575757;
	padding-right:10px;
}

.sub_menu {
	font-family:SCoreDream4;
	font-size:18px;
	color:#575757;
	border-bottom:2px solid transparent;
	cursor:pointer;
}

.sub_menu:hover {
	color:#4093bf;
	border-bottom:2px solid #4093bf;
}

.sub_menu_over {
	font-family:SCoreDream4;
	font-size:18px;
	color:#4093bf;
	border-bottom:2px solid #4093bf;
}

/* company */
.company_img {
	background-image:url(company/img/company_top.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;

	animation: scale 2s ease;
}

.company01_text01 {
	font-family:SCoreDream6;
	font-size:23px;
	color:#323232;
}

.company01_text02 {
	font-family:SCoreDream6;
	font-size:22px;
	color:#474747;
}

.company01_text03 {
	font-family:SCoreDream4;
	font-size:19px;
	color:#717171;
}

.company03_bg_option {
	height:238px;
	background-image:url(company/img/company03_img01.jpg);
	background-position:right top;
	border-top-left-radius:30px;
	border-bottom-right-radius:30px;
	overflow:hidden;
	background-size:cover;
}


.company03_text01 {
	font-family:SCoreDream6;
	font-size:30px;
	color:#323232;
}

.company03_text02 {
	font-family:SCoreDream4;
	font-size:16px;
	color:#000000;
}

.company03_text03 {
	font-family:SCoreDream4;
	font-size:16px;
	color:#747474;
}

.company05_text01 {
	font-family:SCoreDream4;
	font-size:17px;
	color:#747474;
}

.company06_map {
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	overflow:hidden;
}

.company06_bg {
	background-image:url(company/img/company06_img01.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.company06_text01 {
	font-family:SCoreDream6;
	font-size:20px;
	color:#ffffff;
}

.company06_text02 {
	font-family:SCoreDream6;
	font-size:30px;
	color:#ffffff;
}

.company06_text03 {
	font-family:SCoreDream4;
	font-size:18px;
	color:#ffffff;
}

.company06_text04 {
	font-family:SCoreDream6;
	font-size:18px;
	color:#ffffff;
}

/* business */
.business_img {
	background-image:url(business/img/business_top.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;

	animation: scale 2s ease;
}

.business01_bg_option {
	height:258px;
	background-image:url(business/img/business01_img01.jpg);
	background-position:center top;
	border-top-left-radius:50px;
	border-top-right-radius:50px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
}

.business01_bg_option02 {
	background-position:center top;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;	
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
}

.business01_text01 {
	font-family:SCoreDream4;
	font-size:20px;
	color:#323232;
	line-height:150%;
}

.business01_text02 {
	font-family:SCoreDream5;
	font-size:24px;
	color:#323232;
}

.business01_text03 {
	font-family:SCoreDream4;
	font-size:20px;
	color:#323232;
}

.business02_bg_option {
	height:258px;
	background-image:url(business/img/business02_img01.jpg);
	background-position:left top;
	border-top-left-radius:50px;
	border-top-right-radius:50px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
}

.business03_bg_option {
	height:258px;
	background-image:url(business/img/business03_img01.jpg);
	background-position:center top;
	border-top-left-radius:50px;
	border-top-right-radius:50px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
}

.business04_bg_option {
	height:258px;
	background-image:url(business/img/business04_img01.jpg);
	background-position:center top;
	border-top-left-radius:50px;
	border-top-right-radius:50px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
}

.business05_bg_option {
	height:258px;
	background-image:url(business/img/business05_img01.jpg);
	background-position:center top;
	border-top-left-radius:50px;
	border-top-right-radius:50px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
}

.business06_bg_option {
	height:258px;
	background-image:url(business/img/business06_img01.jpg);
	background-position:center top;
	border-top-left-radius:50px;
	border-top-right-radius:50px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
}

/* customer */
.customer_img {
	background-image:url(customer/img/customer_top.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;

	animation: scale 2s ease;
}

.customer03_text01 {
	font-family:SCoreDream4;
	font-size:20px;
	color:#474747;
	line-height:150%;
}

.customer03_text02 {
	font-family:SCoreDream5;
	font-size:20px;
	color:#474747;
}

.customer03_text03 {
	font-family:SCoreDream4;
	font-size:24px;
	color:#3a3a3a;
}

.customer03_text04 {
	font-family:SCoreDream5;
	font-size:24px;
	color:#3a3a3a;
}

@keyframes scale {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1.0);
  }
}




/* Wrap */
.wrap{position:relative;height:100vh;animation:fadeIn .15s linear forwards}
.wrap.move{animation:fadeOut .075s ease-in-out forwards}
@keyframes fadeIn{
  from{opacity:0.03}
  to{opacity:1}
}
@keyframes fadeOut{
  from{opacity:1}
  to{opacity:0.03}
}

@media (min-width:1025px) {
	.wrap::-webkit-scrollbar{width:12px}
	.wrap::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:5px;background-color:#9f9f9f;background-clip:padding-box;}
	.wrap::-webkit-scrollbar-track{background-color:#eee}
}

.inner{width:100%;max-width:800px;padding:0 20px;margin:0 auto}



/*--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------*/
/* Header */
.header{position:fixed;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.2);transition:background-color .3s, box-shadow .3s;z-index:2001}

/* Header:Header Bar */
.header__wrap{position:relative;z-index:2001;}
.header__inner{display:flex;justify-content:space-between;align-items:center;max-width:1840px;height:100px;padding:0 20px;margin:0 auto;transition:height .3s}
.header__branding{display:flex;flex-shrink:0;align-items:center;width:210px}
.header__branding-link{display:block;width:126px}
.header__branding-image{display:block;width:100%;height:auto}
.header__branding-image--float, .header__branding-image--sub{display:none}
.header__branding-text {display:block;width:100%;height:0;overflow:hidden;text-indent:-99px}
.header__navigation{display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin:0 40px}
.header__quick{display:flex;flex-shrink:0;justify-content:flex-end;align-items:center;width:210px}

/* Header:Main Navigaion */
.main-nav{display:flex;justify-content:center;width:100%;max-width:900px;height:100%}

/* Main Navigaion:Common */
.main-nav .main-nav__text{position:relative;text-align:center;}
.main-nav .main-nav__item{position:relative}
.main-nav .main-nav__sub{}
.main-nav .main-nav__sub .main-nav__link{display:flex;justify-content:center;align-items:center;width:100%;color:#fff;transition:opacity .3s;}

/* Main Navigaion:Depth1 */
.main-nav .main-nav__item.depth1{justify-content:center;width:25%}
.main-nav .main-nav__item.depth1 > .main-nav__link{display:inline-flex;justify-content:center;align-items:center;width:100%;height:100%; font-family:SCoreDream6;font-size:20px;color:#ffffff;text-align:center;transition:opacity .3s, color .3s, background-color .3s}
body:not(.home) .main-nav .main-nav__item.depth1 > .main-nav__link {opacity:.5;}
body:not(.home) .main-nav .main-nav__item.depth1.act > .main-nav__link, body:not(.home) .main-nav .main-nav__item.depth1.hover > .main-nav__link {opacity:1;}
.main-nav .main-nav__item.depth1 > .main-nav__sub{position:absolute;top:100%;left:50%;width:100%;visibility:hidden;opacity:0;padding:30px 0 35px;background-color:rgba(25,80,122,.9);transform:translateX(-50%);transition:opacity .3s, visibility .3s;z-index:2001; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

/* Main Navigaion:Depth2 */
.main-nav .main-nav__item.depth2{padding:8px 10px;}
.main-nav .main-nav__item.depth2 > .main-nav__link{opacity:.5; font-family:SCoreDream4;	font-size:16px;	color:#ffffff; opacity:1;}
.main-nav .main-nav__item.depth2:first-child {padding-top:0}
.main-nav .main-nav__item.depth2:last-child {padding-bottom:0}
.main-nav .main-nav__item.depth2 > .main-nav__sub {padding:5px 0;}
.main-nav .main-nav__item.depth2.hide-depth > .main-nav__sub {display:none;}

/* Main Navigaion:Active, Hover */
.main-nav .main-nav__item.depth1.hover > .main-nav__link{background-color:rgba(25,80,122,.9)}
.main-nav .main-nav__item.depth2.act > .main-nav__link{opacity:1;}
.main-nav .main-nav__item.depth3.act > .main-nav__link{opacity:1;}
.main-nav .main-nav__item.hover > .main-nav__sub{visibility:visible;opacity:1}
.main-nav .main-nav__sub .main-nav__link:hover{opacity:1;}

/* Header:Mobile Button */
.header__btn-mobile{flex-shrink:0;position:relative;width:30px;height:30px;overflow:hidden;font-size:0;line-height:0;color:transparent;text-indent:-99px;border:0;background-color:transparent}
.header__lines{display:block;position:absolute;top:50%;right:0;width:20px;height:2px;margin:0 auto;background-color:#fff;transform:translate(0, -50%);transition:width .3s, visibility .3s, opacity .3s, background-color .3s}
.header__lines::before, .header__lines::after{content:"";position:absolute;right:0;width:30px;height:2px;background-color:#fff;transition:background-color .3s, transform .3s}
.header__lines::before{top:-9px}
.header__lines::after{bottom:-9px}
.header__btn-mobile.close .header__lines{background-color:transparent!important}
.header__btn-mobile.close .header__lines:before, .header__btn-mobile.close .header__lines:after{top:100%;bottom:auto}
.header__btn-mobile.close .header__lines:before{transform:rotate(45deg)}
.header__btn-mobile.close .header__lines:after{transform:rotate(-45deg)}

/* Header:Mobile Menu */
.header.mobile-open {border-bottom:0;}
.header.mobile-open .header__inner {justify-content:flex-end;}
.header.mobile-open .header__branding, .header.mobile-open .header__navigation {display:none}
.header.mobile-open .header__lines {visibility:visible;opacity:1}
.mobile-menu{display:block;position:fixed;width:100%;height:100vh;top:0;left:0;overflow-x:hidden;visibility:hidden;opacity:0;padding:100px 0;background-color:rgba(0,0,0,.8);transition:top .3s, width .3s, visibility .3s, opacity .3s, transform .3s;z-index:2000}
body:not(.home) .mobile-menu {background:url("/uploads/media/bg_all_menu.jpg") no-repeat top center / cover;}
.mobile-menu.show {visibility:visible;opacity:1;transform:translateX(0)}

/* Header:Mobile Menu Contents */
.wrapper {height:100%}
.mobile-menu__content {display:flex;align-items:center;height:100%;overflow-x:hidden;overflow-y:auto;}
.mobile-menu__content .inner {height:100%;}
.mobile-nav {display:flex;margin:0 -15px;}
.mobile-nav .main-nav__item{position:relative}
.mobile-nav .main-nav__link{display:block;position:relative;transition:opacity .3s, color .3s}
.mobile-nav .main-nav__item.depth1 {width:33.33%;padding:0 15px;}
.mobile-nav .main-nav__item.depth1 > .main-nav__link{opacity:.6;padding-bottom:15px; font-family:SCoreDream6; font-size:22px;font-weight:600;color:#fff;border-bottom:2px solid #fff;}
.mobile-nav .main-nav__item.depth1.act > .main-nav__link{opacity:1;}
.mobile-nav .main-nav__item.depth1.hover > .main-nav__link{opacity:1;}
.mobile-nav .main-nav__item.depth2 {padding:10px 0}
.mobile-nav .main-nav__item.depth2 > .main-nav__link{ font-family:SCoreDream4; font-size:18px;font-weight:600;color:#ddd;}
.mobile-nav .main-nav__item.depth2 > .main-nav__link > .main-nav__text {position:relative;}
.mobile-nav .main-nav__item.depth2 > .main-nav__link > .main-nav__text::after {content:"";position:absolute;top:-2px;right:-10px;width:5px;height:5px;visibility:hidden;opacity:0;background-color:#007dc6;transition:visibility .3s, opacity .3s;}
.mobile-nav .main-nav__item.depth2.act > .main-nav__link{color:#007dc6;}
.mobile-nav .main-nav__item.depth2.act > .main-nav__link > .main-nav__text::after {visibility:visible;opacity:1;}
.mobile-nav .main-nav__item.depth2.hover > .main-nav__link{color:#007dc6;}
.mobile-nav .main-nav__item.depth2.hover > .main-nav__link > .main-nav__text::after {visibility:visible;opacity:1;}

.mobile-nav .main-nav__sub{padding:15px 0}
.mobile-nav .main-nav__item.depth2 .main-nav__sub{padding:5px 0}
.mobile-nav .main-nav__item.depth2 .main-nav__child--button{display:none}
.mobile-nav .main-nav__child--button{display:none;background:url("/img/gnb_arrow.png") no-repeat;position:absolute;top:28px;right:40px;width:20px;height:11px;overflow:hidden;text-indent:-99px;border:0;background-color:transparent;z-index:50}
.mobile-menu__footer {display:none}
.mobile-menu .language-switcher {display:none;}
.main-nav_button{cursor:pointer;}

/* Header:Floating Header */
.header.floating{background-color:rgba(0,0,0,1);box-shadow:2px 2px 10px rgba(0,0,0,0.1)}
.header.mobile-open.floating {background-color:#fff;box-shadow:none}
.header.floating .header__inner {height:90px}



#subVisual {
    height: 100vh;
	overflow:hidden;
}

.sub_table{width:100%; height:100vh;}
.sub_div{position:relative; width:100%; border: 0px solid #000; z-index:99;}
.sub_div_menu{position:absolute; width:100%; margin-top:-80px; background:#ffffff;}

.jbFixed {
	position: fixed;
	top: 170px;
}

.sub_div_menu{display:block;}

@media (max-width:1280px) {		/* tablet	*/
	/* Header:Header Bar */
	.header__inner, .header.floating .header__inner {height:80px;}

	/* Main Navigaion */
	.main-nav .main-nav__item.depth1 > .main-nav__link {font-size:17px}
	.main-nav .main-nav__item.depth2 > .main-nav__link {font-size:16px;}

	/* Header:Mobile Menu */
	.mobile-nav .main-nav__item.depth1 > .main-nav__link {font-size:20px}
	.mobile-nav .main-nav__item.depth2 > .main-nav__link {font-size:17px}

	.jbFixed {
		top:160px;
	}

}
@media (min-width:1025px) {
	.header__btn-mobile:hover .header__lines {width:100%;}

    /* .mobile-nav .main-nav__item .main-nav__sub{display:none;position:relative;padding:20px 40px;margin-top:-1px;background-color:#f8f8f8;z-index:50} */
	.mobile-nav .main-nav__item .main-nav__sub { display:block; }
}
@media (max-width:1024px){		/* mobile	*/


  /* Header:Common */
	.header .header__inner, .header.floating .header__inner {height:70px}
	.header.mobile-open {background-color:#fff;box-shadow:none}
	.header.mobile-open .header__inner {justify-content:space-between;}
	.header.mobile-open .header__branding {display:block;}
	.header__branding {width:auto}
	.header__branding-link {width:110px;}
	.header__navigation{display:none}
	.header__btn-icon {color:#fff}
	.header__btn-mobile.close .header__lines::before, .header__btn-mobile.close .header__lines::after {background-color:#222}
	.header__quick {width:auto;}
	.header__wrap .language-switcher {margin-right:30px;}
	.header__wrap .language-switcher.type-list .language-switcher__list {margin:0 -15px;}
	.header__wrap .language-switcher.type-list .language-switcher__item {padding:0 15px;}
	.header__wrap .language-switcher.type-list .language-switcher__link {font-size:16px;}
	.header.mobile-open .header__wrap .language-switcher.type-list .language-switcher__link.act {color:#222;}
	.header.mobile-open .header__wrap .language-switcher.type-list .language-switcher__link::after {background-color:#222;}
	.header.mobile-open .header__wrap .language-switcher.type-list .language-switcher__item:not(:last-child)::after {background-color:rgba(0,0,0,.3);}

	/* Header:Mobile Menu */
	.header.mobile-open .header__branding-image--main, .header.mobile-open .header__branding-image--sub {display:none}
	.header.mobile-open .header__branding-image--float {display:block}
	.mobile-menu {top:70px;padding:0;height:calc(100vh - 70px);border-top:0;background:#fff;transform:translateX(100%)}
	body:not(.home) .mobile-menu {background:#fff;}
	.wrapper {display:flex;flex-direction:column}
	.mobile-menu__content{align-items:flex-start;height:calc(100% - 30px);overflow-x:hidden;overflow-y:auto;margin-top:30px}
	.mobile-menu__content .inner {padding:0}
	.mobile-nav{flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto}
	.mobile-nav .main-nav__item.depth1 {width:100%}
	.mobile-nav .main-nav__child--button{display:block}
	.mobile-nav .main-nav__item.has-child.open .main-nav__child--button{transform:rotate(180deg);}
	.mobile-nav .main-nav__item.depth1 > .main-nav__link{display:flex;align-items:center;opacity:1;padding:25px 70px 25px 40px;font-size:24px;color:#444;text-transform:uppercase;border-bottom:1px solid #e5e5e5}
	.mobile-nav > .main-nav__item.depth1.act > .main-nav__link{color:#222;font-weight:700;border-color:#e5e5e5}
	
	.mobile-nav .main-nav__item .main-nav__sub{display:none;position:relative;padding:20px 40px;margin-top:-1px;background-color:#f8f8f8;z-index:50} 
    
	.mobile-nav .main-nav__sub .main-nav__item{padding:10px 0}
	.mobile-nav .main-nav__sub .main-nav__item:last-child{padding-bottom:0}
	.mobile-nav .main-nav__item.depth2 > .main-nav__link{font-size:18px;color:#999}
	.mobile-nav .main-nav__sub .main-nav__item.act .main-nav__link{color:#444}



	.main_banner01_text01 {
		font-size:30px;
	}

	.main_banner01_text02 {
		font-size:19px;
	}

	.main_banner01_text03 {
		font-size:16px;
	}

	.main_banner01_text04 {
		font-size:34px;
	}

	.main_banner01_text05 {
		font-size:40px;
	}

	.main_banner01_text06 {
		font-size:24px;
	}

	.main_banner02_text01 {
		font-size:34px;
	}

	.main_banner02_text02 {
		font-size:36px;
	}

	.main_banner03_text01 {
		font-size:23px;
	}

	.main_banner03_text02 {
		font-size:30px;
	}

	.main_banner03_text03 {
		font-size:30px;
	}

	
	#subVisual {
		height: 500px;
	}

	.sub_table{width:100%; height:500px;}


	.sub_div_menu{display:none;}

	.jbFixed {
		top:130px;
	}

	.sub_title_text01 {
		font-size:50px;
	}

	.sub_title_text02 {
		font-size:16px;
	}

	.company03_bg_option {
		height:150px;
	}

	.business01_bg_option {
		height:155px;
	}

	.business02_bg_option {
		height:155px;
	}

	.business03_bg_option {
		height:155px;
	}

	.business04_bg_option {
		height:155px;
	}

	.business05_bg_option {
		height:155px;
	}

	.business06_bg_option {
		height:155px;
	}


	.sub_title_text03 {
		font-size:30px;
	}


	.company01_text01 {
		font-size:20px;
	}

	.company01_text02 {
		font-size:19px;
	}

	.company01_text03 {
		font-size:16px;
	}

	.company05_text01 {
		font-size:15px;
	}


	.company06_text01 {
		font-size:18px;
	}

	.company06_text02 {
		font-size:24px;
	}

	.company06_text03 {
		font-size:16px;
	}

	.company06_text04 {
		font-size:16px;
	}


	.business01_text01 {
		font-size:17px;
	}

	.business01_text02 {
		font-size:20px;
	}

	.business01_text03 {
		font-size:16px;
	}


	
	.customer03_text01 {
		font-size:17px;
	}

	.customer03_text02 {
		font-size:17px;
	}

	.customer03_text03 {
		font-size:18px;
	}

	.customer03_text04 {
		font-size:18px;
	}



	.copyright_text01 {
		font-size:15px;
	}

	.copyright_text02 {
		font-size:13px;
	}

}
@media (max-width:640px){
  /* Header:Mobile Menu */
  .mobile-menu{width:100%}
  .main-nav__sub { display:block; }
}




.div_pc{display:block;}
.div_mobile{display:none;}

.div_pc2{display:block;}
.div_mobile2{display:none;}

.div_pc3{display:block;}
.div_tablet3{display:none;}
.div_mobile3{display:none;}

.div_pc4{display:block;}
.div_mobile4{display:none;}

@media all and (max-width:1280px){//tablet
	
	.div_chk{}

	.div_pc{display:none;}
	.div_mobile{display:block;}

	.div_pc2{display:block;}
	.div_mobile2{display:none:}

	.div_pc3{display:none;}
	.div_tablet3{display:block;}
	.div_mobile3{display:none;}

	.div_pc4{display:block;}
	.div_mobile4{display:none;}

}

@media all and (max-width:1024px){	//mobile
	

	.div_chk{}

	.div_pc{display:none;}
	.div_mobile{display:block;}

	.div_pc2{display:none;}
	.div_mobile2{display:block;}

	.div_pc3{display:none;}
	.div_tablet3{display:none;}
	.div_mobile3{display:block;}

	.div_pc4{display:block;}
	.div_mobile4{display:none;}

}


@media all and (max-width:640px){	//mobile
	
	.div_chk{}

	.div_pc{display:none;}
	.div_mobile{display:block;}

	.div_pc2{display:none;}
	.div_mobile2{display:block;}

	.div_pc3{display:none;}
	.div_tablet3{display:none;}
	.div_mobile3{display:block;}

	.div_pc4{display:none;}
	.div_mobile4{display:block;}

}