@charset "utf-8";
/*------------------------------------*\
  #common
\*------------------------------------*/
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');} 
 
/* html{scroll-behavior: smooth;} */
body{
 font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: -0.01em;
}
 
h1, h2, h3, h4, h5, h6{
font-family: 'Noto Sans KR', sans-serif;
letter-spacing: -0.01em;
}
a{text-decoration: none;}

ul,li{padding:0;margin:0;list-style:none}
img{max-width:100%}
.clear:after{clear:both;content:'';display:block;}
#container a:hover, #container a:focus, #container a:active{text-decoration:none}

#container input, #container button{font-family: 'Noto Sans KR', sans-serif;}
textarea,input,select,button, a {font-family: 'Noto Sans KR', sans-serif;transition: all 0.25s;}
input::placeholder {color:#aaa}


/*------------------------------------*\
  #input-form-style setting
\*------------------------------------*/
.content-container>.content-tit{    font-size: 1.5em;font-weight: 500;}
.content-container>.content-tit span.highlight{color:#00ACEA;}
.group-input-container {margin:3em auto;display:flex;width:100%;border-bottom:1px solid #ccc;}
.group-input-container:first-child{margin-top:0}
.group-input-container:last-child{border-bottom:none}
.group-input-container .required, textarea.required{background:none!important;}
.group-input-container .group-tit{width:25%;font-size:2.1em;font-weight:600}
.group-input-container .group-tit .required-info{font-size: 0.7em;color: #00acea;font-weight: 500;}
.group-input-container .frm-input-box{width:75%;padding:0 15px;}
.frm-input-box.hide-label>ul>li input{height:3em}
.frm-input-box>ul>li{margin-bottom:3em;}
.frm-input-box>ul>li>.label-tit{font-size:1.6em;font-weight:600;margin-bottom:0.7em}
.frm-input-box>ul>li .notice-box{position: relative;padding: 1.5em;border: 1px solid #bfbfbf;background-color:#eee}
.frm-input-box>ul>li .notice-box li{position: relative;padding: 0 0 0 15px;font-size:1.3em;margin-bottom:0.5em}
.frm-input-box>ul>li .notice-box li:last-child{margin-bottom:0}
.frm-input-box>ul>li .notice-box li:before{content: "·";display: block;position: absolute;left: 0;}
.frm-input-box>ul>li .notice-box li .highlight{color:#00acea}
.frm-input-box>ul>li .agree-box{}	
.frm-input-box>ul>li .agree-box textarea{width:100%;height:10em;padding:1em;margin-bottom:0.5em;resize:none;}
.frm-input-box>ul>li .agree-box label{font-size:1.2em;}
.frm-input-box>ul>li .agree-box input{width:1em;}
.frm-input-box>ul>li input{font-size:1.2em;font-weight: 600;border:none;height:2em;width:100%;}
.frm-input-box>ul>li .label{font-size:1.6em;font-weight:600;margin-bottom:0.5em}
.frm-input-box>ul>li .label label.required{background:none!important;}
.frm-input-box>ul>li .label label.required:after{content:'*';color:#00acea;padding:0 0.2em;}
.frm-input-box>ul>li .label small{font-size:0.6em;color:#00acea;font-weight:400}

.frm-input-box>ul>li.col-half{display:flex;justify-content: space-between;}
.frm-input-box>ul>li.col-half.list-reverse{display: flex;flex-direction: column-reverse;}
.frm-input-box>ul>li .input-box{width:100%;padding:0 10px;}
.frm-input-box>ul>li .input-box .input{border-bottom:1px solid #707070}
.frm-input-box>ul>li .input-box .input-email-box input{width:auto;}
.frm-input-box>ul>li .input-box .input-email-box select{font-size: 1.2em!important;height: 2em;border: none;font-weight: 600;}
.frm-input-box>ul>li .input-box .input-email-box .check-btn{border: none;font-size: 1.2em;padding: 0.25em 3em;margin-top:0.5em;margin-bottom:0.5em;font-weight: 500;}
.frm-input-box>ul>li .input-box .input-email-box .check-btn:hover{background-color:#000958;color:#fff;}
.frm-input-box>ul>li .input-box .input-radio-box{border-bottom:none;}
.frm-input-box>ul>li .input-box .input-radio-box .input-radio{display:inline-block;min-width:150px;}
.frm-input-box>ul>li .input-box .input-radio-box .input-radio input{width:1em;}
.frm-input-box>ul>li .input-box .input-radio-box .input-radio input{color:red}
.frm-input-box>ul>li .input-box .input-radio-box .input-radio label{font-size:1.2em;padding-left:0.25em;font-weight:500}

.frm-input-box>ul>li .input-box .input-select-box select {font-size: 1.2em!important;height: 2em;padding-right:1em;margin-bottom:0.5em;font-weight: 600;}

.frm-input-box>ul>li .warning-info{position: relative;padding: 1.5em;margin-top:1em;border: 1px solid #bfbfbf;background-color:#eee}
.frm-input-box>ul>li .warning-info .desc-tit{font-size:1.3em;margin-bottom:0.5em;}
.frm-input-box>ul>li .warning-info li{position: relative;padding: 0 0 0 15px;font-size:1.3em;margin-bottom:0.5em}
.frm-input-box>ul>li .warning-info li:last-child{margin-bottom:0}
.frm-input-box>ul>li .warning-info li:before{content: "·";display: block;position: absolute;left: 0;}
.frm-input-box>ul>li .warning-info li .warning-txt{color:#e10000}

.frm-input-box .ft-btn-area{margin-top:5em;text-align:center;padding:0 10px}
.frm-input-box .ft-btn-area .btn-submit.btn-fw{width:100%}
.frm-input-box .ft-btn-area .btn-submit{min-width:15em;height:3em;line-height: 3em;display:inline-block;padding:0 3em;font-size:1.5em;color:#fff;background-color: #12347e;font-weight:600;border:1px solid #000958}
.frm-input-box .ft-btn-area .btn-submit:hover{background-color:#fff;color:#12347e}


.frm-input-box.input-result-check input{cursor:default}
.frm-input-box.input-result-check input:focus{outline:none;}





/*mobile_nav*/
.mo_nav{display:none}
.mo_nav{position: fixed;top: 0px;right: 0;max-width: 100%;width: 100%;height: 100%;background: #fff;z-index: 600;overflow-y: auto;transform: translate(-100%);-webkit-transform: translate(-100%);-ms-transform: translate(-100%);-moz-transform: translate(-100%);transition: all 0.4s;}
 a.btn_mo_menu{z-index:9999;position: absolute;display: none;top: 50%;transform:translateY(-50%);right: 20px;width:26px;height: 20px;text-indent: 0px;font-size:1.5rem;color:#999;text-align:center;background:url('../../../img/icon_menu_white.png')no-repeat center center;background-size:100% 100%;}
.sub-header  a.btn_mo_menu{background:url('../../../img/icon_menu_white.png')no-repeat center center;background-size:100% 100%;}
.mo_nav.on {z-index:9999;display:block;transform: translate(0%);-webkit-transform: translate(0%);-ms-transform: translate(0%);-moz-transform: translate(0%);}
.mo_nav .hd{position: relative;overflow: hidden;height: 55px;background-color: #09247d;padding: 0 10px;}
.mo_nav .hd .close{position: relative;float: right;display: block;top:50%;transform:translateY(-50%);background-size: 50%;text-align:center;color: #fff;}
.mo_nav .hd .close span{padding: 10px;display: inline-block;width: 40px;}
.mo_nav> ul> li> a{display: block;padding: 15px 20px;font-size: 16px;color: #333333;border-bottom:1px solid #ccc;}
.mo_nav > ul > li.depth1 > a{background: url('../../../img/plus_bg.png')no-repeat right center;background-position-x:95%; background-size: auto auto;background-size: 10px;}
.mo_nav li.on.depth1 > a {background: url('../../../img/minus_bg.png')no-repeat right center;background-position-x: 95%;background-size: auto auto;background-size: 10px;}
.mo_nav li > ul { display: none;}
.mo_nav li > ul > li {border-top: 1px solid #ddd;    height: 100%;    background-size: 3px;}
.mo_nav li > ul > li > a {display: block;  padding: 15px 30px 15px 20px;    font-size: 14px;    color: #333333;    text-indent: 17px;background-color:#fafafa}





header{    position: fixed;height: var(--header-height);top: var(--header-top);left: 0;width: 100%;z-index: 9999;transition: top 0.3s ease-in-out, transform 0.5s ease-in-out, height 0.5s ease-in-out;}
header #headerInnerWrap {    position: absolute;top: 0px;left: 0px;width: 100%;height: var(--header-height);
z-index: 9999;    transition: top 0.3s ease-in-out, height 0.5s ease-in-out, transform 0.5s ease-in-out;}
header #headerInnerWrap #headerInner{    position: relative;display: flex;align-items: center;justify-content: space-between;height: var(--header-height);margin: 0px auto;padding: 0 11rem 0 8rem;transition: all 0.5s ease-in-out;transition-property: background-color, height;}
header #headerInnerWrap #headerInner:before{    position: absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;background-color: rgba(255,255,255,0.8);backdrop-filter: blur(5px);visibility: hidden;opacity: 0;transition: var(--transition-custom);}
header #headerInnerWrap #headerInner .logo-box{position: relative;z-index: 100;}
header #headerInnerWrap #headerInner .logo-box a{position: relative;display: block;height: 4rem;}
/* header #headerInnerWrap #headerInner .logo-box .logo{position: absolute;top: 0;left: 0;display: block;height: 100%;transition: var(--transition-custom);} */
header #headerInnerWrap #headerInner .logo-box .logo{top: 0;left: 0;display: block;height: 100%;transition: var(--transition-custom);}
header #headerInnerWrap #headerInner .logo-box .logo:nth-child(2){display:none}
header #headerInnerWrap #gnb{position: absolute;text-align: center;top: 0;right: 7rem;}	
header #headerInnerWrap #gnb ul{}	
header #headerInnerWrap #gnb ul li{display:inline-block;word-break:keep-all}	
header #headerInnerWrap #gnb ul li.on{}
header #headerInnerWrap #gnb ul li a{position: relative;z-index: 100;display: block;line-height: var(--header-height);padding: 0 2.5rem;text-align: center;color: #fff;font-size: 1.7rem;font-weight: 500;transition: all 0.5s ease-in-out;transition-property: line-height;text-decoration:none}

#header.top-fixed #headerInner:before{visibility: visible;opacity: 1;}
#header.top-fixed, #header.top-fixed #headerInnerWrap, #header.top-fixed #headerInner {
height: var(--header-fixed-height);}
#header.top-fixed #gnb  ul  li  a{line-height: var(--header-fixed-height);}	

header.top-fixed #headerInnerWrap #headerInner .logo-box .logo:nth-child(1){display:none}
header.top-fixed #headerInnerWrap #headerInner .logo-box .logo:nth-child(2){display:block}
header.top-fixed #headerInnerWrap #gnb ul li a{color:#000}

.slide-section{width: 100%;position: relative;}
.swiper-wrapper .swiper-slide{position:relative;height:100vh}
.swiper-wrapper .swiper-slide.slide1{display:flex;justify-content: center;align-items: center;}
.swiper-wrapper .swiper-slide.slide1:after{content:'';background:rgba(0,0,0,0.2);top:0;right:0;bottom:0;left:0;position:absolute}
.swiper-wrapper .swiper-slide .player-box{height:100vh;overflow: hidden;}
.swiper-wrapper .swiper-slide .player-box iframe{width:100%;height:100vh}
.swiper-wrapper .swiper-slide .slide-con-txt{text-align:center;font-family: 'GmarketSans';word-break: break-word;position:relative;z-index:2}
.swiper-wrapper .swiper-slide .slide-con-txt h2{font-size:8em;text-align:center;line-height:1.1;font-weight:700;
/* background: linear-gradient( rgba(240,240,240,0.9), rgba(65,122,255,0.8)); */
color: transparent;
-webkit-background-clip: text;
text-shadow: 2px 2px 0px rgba(255,255,255,0.95);
font-family: 'GmarketSans'!important;}
.swiper-wrapper .swiper-slide .slide-con-txt .summary-txt:before{content:'';background:#fff;width:100%;display:block;height:0.2em;margin:1em 0 1.5em}
.swiper-wrapper .swiper-slide .slide-con-txt .summary-txt{font-size:1.8em;font-weight:700;text-transform: uppercase ;letter-spacing: 1px;
background: linear-gradient( rgba(255,255,255,0.9), rgba(255,255,255,0.9));
color: transparent;-webkit-background-clip: text;}
.player-box{position:absolute;zoom: 1.2;top:-2em;right:0;bottom:0;left:0;}	
.player-box video{position:absolute;zoom: 1.2;top: 50%;left: 50%;transform: translate(-50%,-50%);}	
.player-box iframe{position:absolute;zoom: 1.2;top: 50%;left: 50%;transform: translate(-50%,-50%);}	

.scroll-downs {
  position: absolute;
  right: 0;
  bottom: 5em;
  left: 0;
  margin: auto;
  width :34px;
  height: 55px;
  z-index:2;
}
.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}


#mainVisualSection2 {background:url(../../../img/mask-bg-03.png)no-repeat right center;}
#mainVisualSection2 .visual-section-tit{text-align:center;padding:12em 0 5em;}			
#mainVisualSection2 .visual-section-tit img{}			
#mainVisualSection2 .visual-section-tit h5{font-size:3em;font-weight:500}			
#mainVisualSection2 .visual-about-text{text-align:center;background:url(../../../img/about-bg.png)no-repeat center center;background-size:cover;
border-radius:0.5em;
font-size:4.5em;font-weight:600;color:#fff;line-height:1.2;padding:1.5em 1em;margin:0 2em}
#mainVisualSection2 .visual-detail-text{font-size:2.6em;font-weight:300;letter-spacing: -1.5px; display:flex;justify-content:space-between;margin:3em 0;}
#mainVisualSection2 .visual-detail-text .text{padding:0 1em;line-height:1.7}
#mainVisualSection2 .visual-detail-text p{margin-bottom:1em;}
#mainVisualSection2 .visual-detail-text p:last-child{margin-bottom:0}
#mainVisualSection2 .visual-about-text span{display:block;}
#mainVisualSection2 .visual-con-text2 .table-box{width:80%;margin:0 auto;}
#mainVisualSection2 .visual-con-text2 .con-bg-img{margin:9em 0}
#mainVisualSection2 .tbl-default table{table-layout: auto;}

table tbody tr td .sm-text{font-size:0.85em}
.tbl-default{}
.tbl-default .tbl-tit{font-size:2.6em;font-weight:500;margin-bottom:0.7em}
.tbl-default .tbl-tit .sm-cmt{font-size:0.5em;font-weight: 400;color:#555}
.tbl-default .tbl-tit .sm-cmt strong{color:#333;}
.tbl-default .tbl-tit .sm-cmt span.warning-txt{color:#ff2020}
.tbl-default .tbl-tit .sm-cmt .highlight{color:#00ACEA}
.tbl-default table{position: relative;border-collapse: collapse;border-spacing: 0px;table-layout: fixed;width: 100%;clear: both;text-align: center;border-top: 2px solid #000;border-bottom: 2px solid #000;}
.tbl-default table thead tr th{font-size:2.0em;padding:1em 0.5em 1em 1.5em;color:#000;border-bottom:2px solid #dfdfdf;text-align:center;background-color:#fafafa}
.tbl-default table tbody tr th{font-size:2.0em;padding:1em 0.5em 1em 1.5em;color:#000;border-bottom:2px solid #dfdfdf;text-align:center;background-color:#fafafa}
.tbl-default table tbody tr td{font-size:2.0em;padding:1em;border-bottom:2px solid #dfdfdf;text-align:left;}
.tbl-default table tbody tr:last-child th, .tbl-default table tbody tr:last-child td{border-bottom:2px solid #000}
.tbl-default .timetable-warning-info {font-size: 1.2em;margin-top: 1em;color: #333;}

#mainVisualSection3 {background:url(../../../img/mask-bg-01.png)no-repeat left top;background-size:contain;}
#mainVisualSection3 .article1{padding-top:8em}
#mainVisualSection3 .visual-section-tit{text-align:left;padding:3em 0 1.5em;}			
#mainVisualSection3 .visual-section-tit img{}			
#mainVisualSection3 .visual-section-tit h5{font-size:3em;font-weight:500;}		
#mainVisualSection3 .visual-section-tit .tit{margin-top:1.5em}
#mainVisualSection3 .visual-section-tit .tit h3{font-size:5em;line-height:1.2;}
#mainVisualSection3 .visual-section-tit .tit h3 span{display:block;}
#mainVisualSection3 .article1{display:flex;    justify-content: space-between;}
#mainVisualSection3 .article1 .visual-con-text{display:flex;justify-content: space-between;}
#mainVisualSection3 .article1 .visual-con-text .visual-skill-item{padding:0 1em}
#mainVisualSection3 .article1 .visual-con-text .subject{font-size:2.6em;font-weight:600;margin-top:0.5em}
#mainVisualSection3 .article1 .visual-con-text .text{font-size:2.4em}
#mainVisualSection3 .article1 .visual-con-text .text span{display:block;}

#mainVisualSection3 .article2{display:flex;justify-content: space-between;    align-items: baseline;margin-top:4em;}
#mainVisualSection3 .article2 .visual-section-tit{padding-top:0;padding-right:10%;}
#mainVisualSection3 .article2 .table-box{width:100%}
#mainVisualSection3 .article2 .tbl-default{padding:0 1em}
#mainVisualSection3 .article2 .tbl-default table{table-layout: auto;}
#mainVisualSection3 .article2 .tbl-default table tbody tr td{text-align:center;}

#mainVisualSection4 {margin-top:5em;background:#004AA0 url(../../../img/mask-bg-02.png)no-repeat top center;}
#mainVisualSection4 .visual-section-tit{text-align:center;padding:10em 0 3em;color:#fff}			
#mainVisualSection4 .visual-section-tit img{}			
#mainVisualSection4 .visual-section-tit h5{font-size:3em;font-weight:500}			
#mainVisualSection4 .visual-about-text{text-align:center;font-size:4.5em;color:#fff;line-height:1.2;padding:0 1em 3em;margin:0 2em;font-weight:600}
#mainVisualSection4 .visual-con-text2{display:flex;justify-content: space-between;}
#mainVisualSection4 .visual-con-text2 .visual-product-text:nth-child(1){background:url(../../../img/product-01.png)no-repeat center center;background-repeat:no-repeat;}
#mainVisualSection4 .visual-con-text2 .visual-product-text:nth-child(2){background:url(../../../img/product-02.png)no-repeat center center;background-repeat:no-repeat;}
#mainVisualSection4 .visual-con-text2 .visual-product-text:nth-child(3){background:url(../../../img/product-03.png)no-repeat center center;background-repeat:no-repeat;}
#mainVisualSection4 .visual-con-text2 .visual-product-text{color:#fff;padding:10em 4em;width:100%;position:relative;}
#mainVisualSection4 .visual-con-text2 .visual-product-text .category{font-size:2.0em}
#mainVisualSection4 .visual-con-text2 .visual-product-text .subject{font-size:4em;font-weight:600;margin:0 0 1em 0;}
#mainVisualSection4 .visual-con-text2 .visual-product-text .text{font-size:2em;font-weight:300;}
#mainVisualSection4 .visual-con-text2 .visual-product-text .text span{}
#mainVisualSection4 .visual-con-text2 .visual-product-text a{position: absolute;font-size: 2em;font-weight: 300;bottom: 0;color: #fff;background: rgba(3,92,195,0.8);left: 0;right: 0;padding: 2rem 4rem;}

#mainVisualSection5 .location-area .contact-container{background:url(https://i.vimeocdn.com/video/1363025202-23c1c710b19d3f768c65010ed8939d6956ea3b8f7f9702e8e6f13370963b378a-d?mw=1100&mh=619)no-repeat center center;background-size:cover}	

.con-request-box{}	
.con-request-box .label-container{display:flex;justify-content: space-around;}	
.con-request-box .label-container .label-box{margin-bottom:2em;width:100%}	
.con-request-box .label-container .label-box:nth-child(2){padding-left:1em}
.con-request-box .label-container .label-box label{color:#fff;font-size:2em;display:block;}	
.con-request-box .label-container .label-box input{font-size:2em;padding:0.5em;width:100%;border:none;}	
.con-request-box .label-container .label-box textarea{width:100%;height:10em;font-size:2em;padding:0.5em}	
.con-request-box .ft-container{color:#fff;font-size:2em;display:flex;justify-content: space-between;    align-items: center;}
.con-request-box .ft-container .send-btn{background-color:rgba(0,36,160,0.7);border:none;padding:0.5em 5em;color:#fff;margin-left:1em;cursor: pointer;}
.con-request-box .ft-container .send-btn:hover{background-color:rgba(0,36,79,1)}

#mainVisualSection5{}
#mainVisualSection5 .visual-section-tit{text-align:right;padding:3em 0 1.5em;}			
#mainVisualSection5 .visual-section-tit img{}			
#mainVisualSection5 .visual-section-tit h5{font-size:3em;font-weight:500;}		
#mainVisualSection5 .visual-section-tit .tit{margin-top:1.5em;}
#mainVisualSection5 .visual-section-tit .tit h3{font-size:5em;line-height:1.2;margin-bottom:2em}
#mainVisualSection5 .visual-section-tit .tit h3 span{display:block;}
#mainVisualSection5 .contact-box{padding:10em 15em 10em 17em}

#mainVisualSection5 .location-area{display:flex;    justify-content: space-between;background-color:#f9f9f9}
#mainVisualSection5 .location-area .contact-box{width:50%;padding:10em 15em 10em 17em}
#mainVisualSection5 .location-area .contact-box .con-tit{font-size: 5em;margin-bottom: 0.5em;color: #fff;font-weight: 700;}
#mainVisualSection5 .location-area .contact-box .con-sub-tit{font-size:2.6em;}
#mainVisualSection5 .location-area .contact-box .con-sub-tit span{font-weight:700}
#mainVisualSection5 .location-area .contact-box .con-sub-text{font-size:2.0em;}
#mainVisualSection5 .location-area .contact-box .con-location-list{margin-top:4em}
#mainVisualSection5 .location-area .contact-box .con-location-list ul{}
#mainVisualSection5 .location-area .contact-box .con-location-list ul li{position:relative;}
#mainVisualSection5 .location-area .contact-box .con-location-list ul li:after{content:'';border-bottom:1px solid #000;width: 35%;display: inline-block;margin:2em 0}
#mainVisualSection5 .location-area .contact-box .con-location-list ul li:last-child:after{display:none}
#mainVisualSection5 .location-area .contact-box .con-location-list ul li a{cursor:pointer;position:absolute;left:12em;top:0;border:1px solid #000;font-size:1.6em;padding:0.25em 0.5em;}
#mainVisualSection5 .location-area .contact-box .con-location-list ul li a.active-item{background-color:#000;color:#fff;}
#mainVisualSection5 .location-area .contact-box .con-location-list ul li .loca-tit{font-size:2.6em}
#mainVisualSection5 .location-area .contact-box .con-location-list ul li .loca-tit span{font-weight:700;}
#mainVisualSection5 .location-area .contact-box .con-location-list ul li .loca-addr{font-size:2.0em;margin-top:0.25em}
#mainVisualSection5 .location-area .location-map-box{width:50%}

#mainVisualSection5 .tbl-default table{table-layout: auto;}

#footerContainer{padding:5em 2em;background-color:#00244F}
#footerContainer .area-box{display:flex;justify-content: space-between;flex-direction: row-reverse;}
#footerContainer .footer-company-info{text-align:right;}
#footerContainer .footer-company-info .info{font-size:1.5em;color:#aaa}
#footerContainer .footer-company-info .info span{}
#footerContainer .footer-company-info .info span:after{content:'/'; padding:0 0.25em;}
#footerContainer .footer-company-info .info span:last-child:after{display:none}
#footerContainer .footer-copyright{color:#fff}
#footerContainer .footer-copyright .ft-logo{}
#footerContainer .footer-copyright .copyright{font-size:1.5em;}


.type-mobile{display:none}

/*------------------------------------*\
  #media 1600
\*------------------------------------*/
@media screen and (max-width:1600px) { 
  /*-----#head nav-----*/
  /* .hd-top .hd-nav ul li{padding: 0 2.3em;}
  .hd-top .hd-nav>ul>li>a{font-size:1.2em}
  .hd-top .hd-logo{padding:0 15px 0 0}
  .hd-top .hd-logo a{max-width:60px;}
  .hd-top .hd-logo a img{transition: all 0.4s;}
  .hd-top .hd-side{padding:37px 0;margin-left:0.5em}
  .hd-top .hd-side:before{height:1em;}
  .hd-top .gnb-bg{top:96px;height:208px}
  .hd-top .hd-nav .depth2 a{font-size:1.0em;}
  .hd-top .hd-nav .depth2 li{padding:5px 5px;} */
  

  
  }
  
  
  
  /*------------------------------------*\
    #media 1200
  \*------------------------------------*/
  @media screen and (max-width:1200px) { 
    :root{
      --main-color: #6039FC;
      --area-box-width: 1160px;
      --area-width: 1400px;
      --area-padding: 30px;
      --header-top: 0;
      --header-height: 80px;
      --header-fixed-height: 60px;
      --sub-visual-height: 635px;
      --sub-menu-height: 60px;
      --full-height: 100vh;
    }

  /*-----#head nav-----*/
  .hd-top .hd-nav ul li{padding:0 2.2em;}
  .hd-top .hd-nav>ul>li>a{font-size:1.1em;}
  .hd-top .hd-nav .depth2 a{font-size:1em;}
  .hd-top .hd-nav .depth2{left:2.0em}
  .hd-top .hd-side{position:absolute;right:10px;top:5px;padding:0;}
  .hd-top .hd-side:before{content:none;}
  
  #mainVisualSection2 .visual-about-text{font-size:3em;padding: 2.5em 1em}
  #mainVisualSection2 .visual-detail-text{font-size:2.0em}
    #mainVisualSection3 .visual-section-tit{padding-top:6em;width:45%;}
  #mainVisualSection3 .visual-section-tit .tit h3{font-size:4em;}
  #mainVisualSection3 .article1 .visual-con-text .text{font-size:1.8em;}

  #mainVisualSection4 .visual-about-text{font-size:3em;}
  #mainVisualSection4 .visual-con-text2 .visual-product-text .subject{font-size:2.5em}
  #mainVisualSection4 .visual-con-text2 .visual-product-text .text{font-size:1.8em}
  #mainVisualSection5 .location-area .contact-box .con-tit{font-size:3em;}
  #mainVisualSection5 .location-area .contact-box{padding:5em}
  #mainVisualSection5 .visual-section-tit .tit h3{font-size:4em;}
  }
  /*------------------------------------*\
    #media 980
  \*------------------------------------*/
  @media screen and (max-width:980px) {
  body{font-size:10px}	

  :root{
    --main-color: #6039FC;
    --area-box-width: 1560px;
    --area-width: 1400px;
    --area-padding: 30px;
    --header-top: 0;
    --header-height: 80px;
    --header-fixed-height: 60px;
    --sub-visual-height: 635px;
    --sub-menu-height: 60px;
    --full-height: 100vh;
  }

  /*----- #head nav -----*/
  .hd-top .hd-container{padding:0 20px}
  #hd{min-width:auto;}
  .hd-top .hd-nav, .hd-top .gnb-bg{display:none;}
  .hd-top .hd-side{right:5em;top:50%;transform:translateY(-50%);}
  .hd-top .hd-side .lang-change a{font-size:14px;padding:0 10px;}
  a.btn_mo_menu {display:none;}
  .mo_nav {display: block;}
  .hd-top .hd-logo a{max-width:36px;padding:5px 0}
  
  
  .main-slide-container .swiper-slide{background:#000}
  
  
  /*input form*/
  .group-input-container{display:block}
  .group-input-container .group-tit{width:100%}
  .group-input-container .frm-input-box{width:100%;padding:0}
  .group-input-container .group-tit .required-info{display:inline-block;}
  .frm-input-box>ul>li.col-half{display:block;}
  .frm-input-box>ul>li .input-box{margin-bottom:1.5em;padding:0}
  .frm-input-box>ul>li .input-box .input.input-email-box{display:flex;justify-content: space-between;}
  .frm-input-box>ul>li .input-box .input.input-email-box input{width:20%}
  .frm-input-box>ul>li .input-box .input.input-email-box button{padding-left:1em;padding-right:1em}
  .frm-input-box .ft-btn-area{padding:0}


.type-pc{display:none;}
.type-mobile{display:block}
#gnb{display:none;}
header #headerInnerWrap #headerInner{padding:2em}
header #headerInnerWrap #headerInner .logo-box a{height:3em}
.swiper-wrapper .swiper-slide .slide-con-txt h2{font-size:4em}
.swiper-wrapper .swiper-slide .slide-con-txt .summary-txt:before{height:0.1em}
.swiper-wrapper .swiper-slide .slide-con-txt .summary-txt{font-size:1em}
#mainVisualSection2 .visual-about-text{border-radius:0;margin:0;font-size:2.4em;padding:3em 1em}
#mainVisualSection2 .visual-detail-text{display:block;font-size:1.8em;}
#mainVisualSection2 .visual-detail-text .text{margin-bottom:2em;}
#mainVisualSection2 .visual-section-tit{padding: 6em 0 5em;}
#mainVisualSection2 .visual-con-text2 .table-box{width:100%;padding:0 1.5em}
.tbl-default table tbody tr th{font-size:1.6em;min-width:5em;padding:0;}
.tbl-default table tbody tr td{font-size:1.6em}
.tbl-default table{border-bottom:none;}
#mainVisualSection2 .visual-con-text2 .con-bg-img{padding:10em 0;overflow: hidden;position:relative}
#mainVisualSection2 .visual-con-text2 .con-bg-img img{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width:250%}

#mainVisualSection2 .visual-section-tit h5, #mainVisualSection2 .visual-section-tit h5,
#mainVisualSection4 .visual-section-tit h5, #mainVisualSection5 .visual-section-tit h5
{font-size:2.5em}
#mainVisualSection3 .article1{display:block;padding-top:3em}
#mainVisualSection3 .visual-section-tit{width:100%}
#mainVisualSection3 .visual-section-tit .tit h3{font-size:2.5em;}
#mainVisualSection3 .visual-section-tit .tit h3 span{display:inline-block;}
#mainVisualSection3 .article1 .visual-con-text{display:block;}
#mainVisualSection3 .article1 .visual-con-text .visual-skill-item{font-size:0.7em;margin-top:4em;}
#mainVisualSection3 .article2{display:block;}
#mainVisualSection3 .visual-section-tit h5{font-size:2.5em}
.tbl-default table thead tr th{font-size:1.6em;padding:0.5em}
.tbl-default table tbody tr td{padding:0.5em}
#mainVisualSection4 .visual-section-tit{padding:6em 0 3em}
#mainVisualSection4 .visual-about-text{font-size:2em;padding:0 0 3em;margin:0;}

#mainVisualSection4 .visual-con-text2{display:block;}
#mainVisualSection4 .visual-con-text2 .visual-product-text{padding:5em 2em}
#mainVisualSection4 .visual-con-text2 .visual-product-text .subject{font-size:2em;}
#mainVisualSection4 .visual-con-text2 .visual-product-text .text{font-size:1.6em}
#mainVisualSection5 .location-area{display:block;}
#mainVisualSection5 .location-area .contact-box{width:100%;padding:3em 2em;}

#mainVisualSection5 .location-area .contact-box .con-tit{font-size:2.5em}
.con-request-box .label-container .label-box label{font-size:1.6em;display:none;}
.con-request-box .label-container{display:block;}
.con-request-box .label-container .label-box:nth-child(2){padding:0}
.con-request-box .ft-container{display:block}
.con-request-box .ft-container .send-btn{width:100%;margin:0.5em 0 0}
#mainVisualSection5 .visual-section-tit .tit h3{font-size:2.5em;}
#footerContainer .footer-company-info .info{display:none;}
#footerContainer .area-box{padding:0 2em;text-align:center;display:block;}

.area-box{padding:0 1.5em}
/*table setting*/
.tbl-responsive{width: 100%;margin-bottom: 15px;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;min-height: .01%;overflow-x: auto;}	
.tbl-responsive table{width:100%;table-layout: auto!important;}
.tbl-responsive table colgroup{display:none;}
.tbl-responsive > table > tbody > tr > td, .tbl-responsive > table > tbody > tr > th, .tbl-responsive > table > tfoot > tr > td, .tbl-responsive > table > tfoot > tr > th, .tbl-responsive > table > thead > tr > td, .tbl-responsive > table > thead > tr > th {white-space: nowrap;}
}