/* Reset with bootstrap */
body {
    width: 100% !important;
    height: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
    font-family: "Noto+Sans+KR", "나눔고딕", "NanumGothic", "Nanum Gothic","돋움", "Dotum", Arial, sans-serif;
    font-size: 16px !important;
    color: #404040 !important;
    word-break: keep-all !important;
}
p, h1, h2, h3, span, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, label{margin: 0;padding: 0;font-family: 'Noto+Sans+KR';}
a, a:hover, a:focus, a:active{text-decoration: none;color: inherit;}
li{list-style: none}
address, em{font-style: normal}
label{cursor: pointer}
table{width: 100%}
textarea{resize: none}
strong, b{font-weight: 500}
input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
div {
    box-sizing: border-box; /* 오페라(Opera) */
    -moz-box-sizing: border-box; /* 파이어폭스(Firefox)*/
    -webkit-box-sizing: border-box; /* 웹킷(Webkit) & 크롬(Chrom)*/
}
img {
    border: 0;
    vertical-align: top;
    max-width: 100% !important;
}
button {
    background: 0;
    border: 0;
    padding: 0;
}
button:focus {
  outline: 0 !important;
  outline: 0 !important;
}
.pc {display:block !important;}
.mobile {display:none !important;}

/* 스크롤바 가로 사이즈 */
::-webkit-scrollbar {
  width: 10px;
}

/* 스크롤바 막대기 */
::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #000;
}

/* 스크롤바 백그라운드 */
::-webkit-scrollbar-track {
  background-color: #fff;
}
@font-face {
  font-family: 'GmarketSansBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'GmarketSansLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Noto+Sans+KR';
  src: url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* Typography */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;line-height: .8;font-weight: 700;font-family: 'GmarketSansMedium';color:#000;}
[class*=txt-line]{display: block;display:-webkit-box;overflow:hidden;max-width: 100%;max-height: 2.6em;line-height: 1.3em !important;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all;white-space:normal}
img{margin: 0 auto;}

.txt-color{color: #0870b9;padding-left: 14px;}

.w-70p{width: 70%;}
.w-100p{width: 100% !important;}

.m0a{margin: 0 auto !important;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px !important;}
.mt150{margin-top: 150px !important;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px !important;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}

.pdt20{padding-top: 20px !important;}

.pdb20{padding-bottom: 20px !important;}

.gap30{gap: 30px;}

.ct{text-align: center;}
.ct-topline{text-align: center;border-top: 1px solid #000;font-weight: bold;}

.tit-txt {text-align: center;display: flex;align-items: center;flex-direction: column;}
.tit-txt strong {font-size: 24px;font-weight: 500;padding: 30px 0 20px 0;}
.tit-txt span {background: #000;width: 100%;padding: 10px;color: #fff;}
.tit-border {border-left: 2px solid #000;border-right: 2px solid #000;border-bottom: 2px solid #000;padding-bottom: 20px;}
.box-line {border: 1px solid #000;padding: 20px;}

.flx{display: flex !important;}
.flx-column{display: flex;flex-direction: column;}
.flx-ct{display: flex;align-items: center;}
.flx-ct-between{display: flex;align-items: center;justify-content: space-between;}


/* header */
header {margin-top: 20px;background-position: top center;background-repeat: no-repeat;z-index: 9999;width: 100%;}
header h1{margin-left: 5%;width: 150px;}

header ul li a img{margin: 0 auto;}
header ul li button{margin: 0 auto;display: block;}

/* footer */
footer {border-top: 1px solid #000;color: #000;font-size: 1rem;font-weight: 300;margin-top: 150px;}
footer > div {display: flex;width: 70%;margin: 0 auto;line-height: 40px;}
footer .company-tel p {line-height: 25px;margin-top: 20px;}

footer .footer-line {border-bottom: 1px solid;width: 100%;}
footer .footer-line div {width: 50%;margin: 0 auto;text-align: center;}
footer .footer-line div a{margin: 20px;}

/* Footer :Desktop To Top Button */
.btn-desktop-top{position:fixed;right:20px;bottom:-100px;width:50px;height:50px;overflow:hidden;opacity:0;color:transparent;text-indent:-99px;border:0;background-color:#000 !important;box-shadow:2px 2px 7px rgba(0,0,0,0.07);transform:scale(0);transition:bottom .4s ease-in-out, opacity .4s ease-in-out, background-color .4s, transform .4s ease-in-out;z-index:2000}
.btn-desktop-top.show{bottom:50px;opacity:1;transform:scale(1)}
.btn-desktop-top__txt{width:0;height:0;overflow:hidden;margin:0;text-indent:-99px;color:transparent; position: relative;}
.btn-desktop-top__txt::before{content: '';background: url('../images/inc/top-arrow.png')no-repeat 50%; position: absolute;top: 6px; left: 53px;width: 18px;height: 10px;}
.btn-desktop-top__icon{position:absolute;top:50%;left:50%;font-size:22px;color:#fff;text-indent:0;transform:translate(-50%, -50%)}
.btn-desktop-top.__footer-bottom{bottom:130px}

/* main */

/* nav */
nav{}
nav#cssmenu > ul {float: left;}
a.top-language {float: right;padding-top: 21px;}
a.top-language span {font-size: 14px;font-weight: 400;color: #fff;line-height: 35px;padding-right: 7px;}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#cssmenu:after, #cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
.has-sub.menu-bln::before{content: '·';font-size: 50px;position: absolute;font-family: auto;color: rgba(255, 255, 255, 0.7);}
#cssmenu #head-mobile {display: none}
#cssmenu > ul > li {float: left}
#cssmenu > ul > li > a {padding: 11px 50px;font-size: 16px; letter-spacing: 1px;text-decoration: none;color: #000;font-weight: 400;}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {color: #0771ba}
#cssmenu > ul > li.has-sub:hover > a:before {top: 23px;height: 0}
#cssmenu ul ul {z-index: 5;display: flex;position: absolute;left: -9999px;padding: 15px 0;}
#cssmenu ul ul li {width: 204px;height: 0;-webkit-transition: all .25s ease;-ms-transition: all .25s ease;transition: all .25s ease}
#cssmenu li:hover > ul {left: auto}
#cssmenu ul li:hover:nth-child(1) ul {left: -10px;}
#cssmenu ul li:hover:nth-child(2) ul {left: -220px;}
#cssmenu ul li:hover:nth-child(3) ul {left: -5px;}
#cssmenu ul li:hover:nth-child(4) ul {left: -10px;}
#cssmenu ul li:hover:nth-child(5) ul {left: -8px;}

#cssmenu li:hover > ul > li {height: 35px;}
#cssmenu ul ul ul {margin-left: 100%; top: 0;}
#cssmenu ul ul li a {padding: 6px 0px;font-size: 14px;color: #484848;font-weight: 400;text-align:center;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {color: #0771ba;text-decoration:none;}
#cssmenu ul ul li.has-sub > a:after {position: absolute;top: 16px;right: 11px;width: 8px;height: 2px;display: block;background: #ddd;content: ''}

#cssmenu ul ul li.has-sub > a:before {position: absolute;top: 13px;right: 14px;display: block;width: 2px;height: 8px;background: #ddd;content: '';
-webkit-transition: all .25s ease;-ms-transition: all .25s ease;transition: all .25s ease}

#cssmenu ul ul > li.has-sub:hover > a:before {top: 17px;height: 0}
#cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {background: #363636;}
#cssmenu ul ul ul li.active a {border-left: 1px solid #333;}
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: 1px solid #333;}

/*hamberger-menu*/
.cate_menu > img {width: 150px !important;display: block;position: absolute;top: 17px;left: 3%;}
.web_mainmenu_row .cate_menu .ham-dep1 li .tit span {transition: all .4s .1s cubic-bezier(.19,1,.22,1);font-family: 'GmarketSansMedium';
letter-spacing: 1px;font-size: 24px;}
.ham-dep1 {display: flex;padding: 320px 0;width: calc(100% - 39%);height: 100%;position: relative;left: 50%;transform: translateX(-50%);bottom: 80px;}
.ham-dep1 > li{width: 213px;;position: relative;}
.menu.on .ham-dep1 > li:nth-child(2)::after{content: '';width: 1px;height: 720%;background: rgba(255, 255, 255, 0.15);position: absolute;top: -250px;left: -40px;}
.menu.on .ham-dep1 > li:nth-child(2)::before{content: '';width: 1px;height: 720%;background: rgba(255, 255, 255, 0.15);position: absolute;top: -250px;left: 215px;}
.menu.on .ham-dep1 > li:nth-child(3)::before{content: '';width: 1px;height: 720%;background: rgba(255, 255, 255, 0.15);position: absolute;top: -250px;left: 215px;}
.menu.on .ham-dep1 > li:nth-child(4)::before{content: '';width: 1px;height: 720%;background: rgba(255, 255, 255, 0.15);position: absolute;top: -250px;left: 215px;}
.ham-dep1 > li:first-child{}
.ham-dep1 > li .tit{width: 227px;display:block;letter-spacing: 0.5px;font-weight: bold; color:#fff;text-transform: uppercase;}
.ham-dep1 > li .ham-dep2{padding-top:40px;}
/* .ham-dep1 > li .ham-dep2 li {padding-bottom:40px;} */
.ham-dep1 > li .ham-dep2 li a{display:block; font-size: 20px;  font-weight: normal; color: rgba(255, 255, 255, 0.6);letter-spacing: 0.5px;text-transform: uppercase;margin-bottom:20px;}
.ham-dep1 > li .ham-dep2 li a span{ transition:0.5s;font-family: 'GmarketSansMedium';letter-spacing: 1px;font-size: 16px;}

.ham-dep1 > li .ham-dep2 li:nth-child(1) a span{transition-delay:0.4s;}
.ham-dep1 > li .ham-dep2 li:nth-child(2) a span{transition-delay:0.6s;}
.ham-dep1 > li .ham-dep2 li:nth-child(3) a span{transition-delay:0.8s;}
.ham-dep1 > li .ham-dep2 li:nth-child(4) a span{transition-delay:1s;}
.ham-dep1 > li .ham-dep2 li:nth-child(5) a span{transition-delay:1.2s;}
.ham-dep1 > li .ham-dep2 li:nth-child(6) a span{transition-delay:1.4s;}
.ham-dep1 > li .ham-dep2 li:last-child {margin-bottom:0;}

.ham-dep1 > li .tit:hover{color:#000;}
.ham-dep1 > li .ham-dep2 li a:hover{color:#fff; font-weight:bold; transition: color 0.5s;}
.ham-dep1 > li .ham-dep2 li a:hover span{letter-spacing: 10px; transition: 0.5s;}
/* nav end */

.info-youtube{position: absolute;left: 89%;top: 78px;display: none;}
.info-youtube li{margin-bottom: 15px;}


main {width: 100%; height: 100%;display: grid;}
.s-inner .pc-visual{display: block;}
.s-inner .m-visual{display: none;}
main .main-sect.main-visual{width: 100%; height: 930px;background: url(../images/visual-img01.png) no-repeat 104% 15%;background-size: 50%;}
main .main-sect.main-visual .visual-tit{width: 70%; margin: 0 auto;margin-top: 130px;margin-bottom: 260px;position: relative;}
main .main-sect.main-visual .visual-tit .kr-txt-tit{position: absolute;top: 470px;left: 0;font-size: 1.2rem;color: #000;font-weight: 500;}
main .main-sect.main-visual .visual-tit .en-txt-tit{position: absolute;top: 360px;right: 0;}
main .main-sect.main-visual .visual-tit .en-txt-tit span{background: #000;color: #fff;display: block;padding: 7px 10px 0px 10px;margin-bottom: 1px;
font-size: 1.2rem;font-family: 'GmarketSansMedium';font-weight: 100;letter-spacing: 2px;}
main .main-sect.main-visual .visual-tit .main-tit{font-size: 7.5rem;font-weight: 100;line-height: 140px;}
main .main-sect.main-visual .visual-tit .main-tit strong{font-weight: bold;}
main .main-sect.main-visual .visual-tit .main-tit .main-tit-color{color:#0771ba;letter-spacing: 100px;}
main .main-sect.main-visual .visual-tit .main-tit .main-tit-color::after{content: '';width: 100%;height: 1px;background: #000;position: absolute;top: 432px;right: 0;}
 .muse-whell {width: 113px;margin: 0 auto;font-size: 0.7rem;font-weight: 300;letter-spacing: 1px;color: #464646;position: relative;text-align: center;bottom:120px}
 .muse-whell::before {content: '';width: 2px;height: 65px;background: #dedede;position: absolute;top: -70px;left: 56px;}
 .muse-whell::after {content: '';width: 2px;height: 32px;background: #464646;position: absolute;top: -70px;left: 56px;
  animation-name: jaehee;
  animation-duration:1s;
  animation-duration: leaner;
  animation-iteration-count:infinite;
  animation-direction:alternate;
  animation-fill-mode: forwards;}
  @-webkit-keyframes jaehee {
    0% {
      top:0x;
    }
    100% {
      top:-36px;
    }
  }

main .main-sect{display: block;position: relative;overflow: hidden;} 
main .main-sect.main-solution .wrap-cont {width: 70%; margin: 0 auto;margin-bottom: 30px;}
main .main-sect.main-solution .wrap-cont .main-cont-tit{font-size: 3rem;font-weight: 100;}
main .main-sect.main-solution .wrap-cont p{font-size: 1.1rem;line-height: 30px;}
main .main-sect.main-solution .slide-container{width: 100%;border-top: 1px solid #292929;border-bottom: 1px solid #292929;}

main .main-sect.main-products .main-cont-tit {font-size: 3rem;font-weight: 100;text-align: center;position: absolute;top: 410px;left: 50%;transform: translateX(-50%);z-index: 1;}
main .main-sect.main-products .cont-container .cont-box{position: relative;}
main .main-sect.main-products .cont-container .cont-box div h4{font-size: 1.5rem;font-weight: 300;line-height: 30px;}
main .main-sect.main-products .cont-container .cont-box div h4 strong{font-size: 1.7rem;font-weight: bold;color:#0771ba;display: block;margin: 30px 0;}
main .main-sect.main-products .cont-container .cont-box div p{}
main .main-sect.main-products .cont-container .cont-box div{margin: 10% 25%;z-index: 2;position: relative;}
main .main-sect.main-products .cont-container .cont-box:nth-child(1){border-right:1px solid #292929;border-bottom:1px solid #292929;}

main .main-sect.main-products .cont-container .cont-box:nth-child(1)::before
{content: '';width: 60px;height: 178px;background: url(../images/products-icon01.png)no-repeat;position: absolute;top: 160px;left: 80%;z-index: 2;}
main .main-sect.main-products .cont-container .cont-box:nth-child(2)::before
{content: '';width: 60px;height: 178px;background: url(../images/products-icon02.png)no-repeat;position: absolute;top: 160px;left: 80%;z-index: 2;}
main .main-sect.main-products .cont-container .cont-box:nth-child(3)::before
{content: '';width: 60px;height: 178px;background: url(../images/products-icon03.png)no-repeat;position: absolute;top: 160px;left: 80%;z-index: 2;}
main .main-sect.main-products .cont-container .cont-box:nth-child(4)::before
{content: '';width: 60px;height: 178px;background: url(../images/products-icon04.png)no-repeat;position: absolute;top: 160px;left: 80%;z-index: 2;}

main .main-sect.main-products .cont-container .cont-box:nth-child(1)::after
{content: '';width: 179px;height: 178px;background: url(../images/products-bg01.png)no-repeat;position: absolute;bottom: -1px;right: -1px;}
main .main-sect.main-products .cont-container .cont-box:nth-child(2)::after
{content: '';width: 179px;height: 178px;background: url(../images/products-bg02.png)no-repeat;position: absolute;bottom: -1px;left: -1px;}
main .main-sect.main-products .cont-container .cont-box:nth-child(3)::after
{content: '';width: 179px;height: 178px;background: url(../images/products-bg03.png)no-repeat;position: absolute;top: -1px;right: -1px;}
main .main-sect.main-products .cont-container .cont-box:nth-child(4)::after
{content: '';width: 179px;height: 178px;background: url(../images/products-bg04.png)no-repeat;position: absolute;top: -1px;left: -1px;}
main .main-sect.main-products .cont-container .cont-box:nth-child(1) div{float: right;}
main .main-sect.main-products .cont-container .cont-box:nth-child(2){border-bottom:1px solid #292929;}
main .main-sect.main-products .cont-container .cont-box:nth-child(3){border-right:1px solid #292929;border-bottom:1px solid #292929;}
main .main-sect.main-products .cont-container .cont-box:nth-child(3) div{float: right;}
main .main-sect.main-products .cont-container .cont-box:nth-child(4){border-bottom:1px solid #292929;}

main .main-sect.main-project {background: #f6f6f6;}    
main .main-sect.main-project div {} 
main .main-sect.main-project div h3{width: 70%;font-size: 3rem;font-weight: 100;margin-top: 55px;margin: 0 auto;} 
main .main-sect.main-project div .item-desc h4 {font-size: 1.5rem;font-weight: 300;line-height: 30px;color: #fff;}


/* Sub : Breadcrumb Menu */
.breadcrumb-nav{position:relative;border-bottom:1px solid #eee;background-color:#fff;z-index:5}
.breadcrumb-nav__inner {max-width:1300px;padding:0;margin:0 auto;}
.breadcrumb-menu{display:flex;flex-wrap:nowrap;justify-content:space-evenly;position:relative;max-width:660px;height:58px;background-color:#fff}
.breadcrumb-menu__item{display:flex;flex-grow:1;position:relative;width:100%;min-width:0;}
.breadcrumb-menu__item--home{justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;width:60px;border-left:0}
.breadcrumb-menu__home-link{display:flex;justify-content:center;padding:0}
.breadcrumb-menu__item.depth2{}
.breadcrumb-menu__icon {font-size:18px; color:#007dc6;}
.breadcrumb-menu__link{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;padding:0 30px;font-size:16px}
.breadcrumb-menu__item.depth2 .breadcrumb-menu__link {color:#fff;}
.breadcrumb-menu__link > .ellips{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.breadcrumb-menu__link.has-list::after{content:"";display:inline-block;margin-left:20px;background: url('../images/sub/submenu-arrow.png')no-repeat 50%;width: 32px;
    height: 32px;transition:transform .3s;}
    .breadcrumb-menu__link.has-list.main-menu::after{content:"";display:inline-block;margin-left:20px;border-radius: 100%;background: url('../images/sub/submenu-arrow.png')no-repeat 50%;width: 32px;
        height: 32px;transition:transform .3s;}
.breadcrumb-menu__list{position:absolute;width:100%;top:100%;visibility:hidden;opacity:0;border-top:1px solid #eee; background-color:#fff;box-shadow:2px 10px 10px rgba(0,0,0,0.2);transition:opacity 0.3s ease,visibility 0.3s ease;z-index:10}
.breadcrumb-menu__list-item:not(:last-child){border-bottom:1px solid #eee}
.breadcrumb-menu__list-link{display:flex;align-items:center;height:60px;font-size:15px;color:#333;padding:0 30px;transition:color .3s, background-color .3s}
.breadcrumb-menu__list-item.act > .breadcrumb-menu__list-link{color:#fff;background-color:#007dc6}
.breadcrumb-menu__item.open > .breadcrumb-menu__list{visibility:visible;opacity:1}
.breadcrumb-menu__item.open > .breadcrumb-menu__link.has-list::after{transform:rotate(-180deg);}
.breadcrumb-menu__link > .ellips.font-color-353535 {color: #353535;}
.breadcrumb-menu__link > .ellips.font-color-fff {color: #000;font-weight: bold;}


/* sub */
main .sub-menu-bar {border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;height: 60px;margin-top: 25px;}
main .sub-menu-bar .breadcrumb-nav__inner {width: 70%;margin: 0 auto;}

main .sub-sect.company-visual{width: 100%; height: 590px;}
main .sub-sect.company-visual .visual-tit{width: 70%; margin: 0 auto;margin-top: 130px;margin-bottom: 240px;position: relative;}
main .sub-sect.company-visual .visual-tit .kr-txt-tit{position: absolute;top: 17px;right: 5%;font-size: 1.2rem;color: #000;font-family: 'GmarketSansLight';line-height: 35px;}
main .sub-sect.company-visual .visual-tit .sub-tit{font-size: 7.5rem;font-weight: 100;line-height: 140px;align-self: flex-end;}
main .sub-sect.company-visual .visual-tit .sub-tit strong{font-weight: bold;display: flex;}
main .sub-sect.company-visual .visual-tit .sub-tit strong p{font-family: 'GmarketSansMedium';}
main .sub-sect.company-visual .visual-tit .sub-tit strong span {font-weight: 100;font-family: 'GmarketSansLight';}
main .sub-sect.company-visual .visual-tit .sub-tit .sub-tit-color{color:#0771ba;font-size: 10rem;line-height: 164px;}
/* main .sub-sect.company-visual .visual-tit .sub-tit .sub-tit-color::after{content: '';width: 50%;height: 2px;background: linear-gradient(to right, #000, #0771ba);
position: absolute;top: 267px;left: 50%;transform: translateX(-50%);}*/
main .sub-sect.sucompanyb-visual .visual-tit .sub-tit-color-box .sub-tit {text-align: right;}
main .sub-sect.company-visual .visual-tit .visual-img-company {z-index: 1;position: relative;top: 20px;position: relative;}
main .sub-sect.company-visual .visual-tit .visual-img-company img {margin: 0 auto;z-index: 3;position: relative;}
main .sub-sect.company-visual .visual-tit .visual-img-company::after{content: '';width: 100%;height: 2px;background: linear-gradient(to right, #000, #0771ba);
  position: absolute;top: 267px;left: 40%;transform: translateX(-50%);}

main .sub-sect.service-visual{width: 100%; height: 590px;}
main .sub-sect.service-visual .visual-tit{width: 70%; margin: 0 auto;margin-top: 80px;margin-bottom: 240px;position: relative;}
main .sub-sect.service-visual .visual-tit .kr-txt-tit{position: absolute;top: 80%;left: 0px;font-size: 1.2rem;color: #000;font-family: 'GmarketSansLight';}
main .sub-sect.service-visual .visual-tit .sub-tit{font-size: 7.5rem;font-weight: 100;line-height: 140px;position: relative;}
main .sub-sect.service-visual .visual-tit .sub-tit strong{font-weight: bold;display: flex;}
main .sub-sect.service-visual .visual-tit .sub-tit strong p{font-family: 'GmarketSansMedium';}
main .sub-sect.service-visual .visual-tit .sub-tit strong span {font-weight: 100;font-family: 'GmarketSansLight';}
main .sub-sect.service-visual .visual-tit .sub-tit .sub-tit-color{color:#0771ba;font-size: 8rem;position: absolute;bottom: 0;left: 348px;display: block;}
main .sub-sect.service-visual .visual-tit .sub-tit .sub-tit-color::after{content: '';width: 600%;height: 2px;background: linear-gradient(to right, #0771ba, #000);
position: absolute;top: 249px;left: 490px;transform: translateX(-50%);}
main .sub-sect.service-visual .visual-tit .sub-tit-color-box {width: 145px;text-align: right;}
main .sub-sect.service-visual .visual-tit .sub-tit-color-box .sub-tit {text-align: right;}
main .sub-sect.service-visual .visual-tit .visual-img-service {z-index: 1;position: relative;top: -40px;}
main .sub-sect.service-visual .visual-tit .visual-img-service img {float: right;}

main .sub-sect.sub-title {margin-bottom: 60px;}
main .sub-sect.sub-title h3{text-align: center;font-size: 0.8rem;font-weight: 500;padding-bottom: 25px;}
main .sub-sect.sub-title h3 strong{display: block;font-size: 4.2rem;font-weight: 100;margin: 50px;font-family: 'GmarketSansLight';}
main .sub-sect.sub-title .muse-whell {width: 113px;margin: 0 auto;font-size: 0.7rem;font-weight: 300;letter-spacing: 1px;color: #464646;text-align: center;bottom: -20px;}
main .sub-sect.who-content-container div{width: 70%; margin: 0 auto;}
main .sub-sect.who-content-container div h4{font-size: 2.5rem;line-height: 60px;width: 90%;}
main .sub-sect.who-content-container .who {font-size: 20rem;color: #fff;-webkit-text-stroke: 1px #000;text-align: center;height: 0px;position: relative;
bottom: 122px;display: block;margin-bottom: 310px;}
main .sub-sect.who-content-container .who::before {content: 'WHO WE ARE';font-size: 1rem;font-weight: 300;color: #fff;background: #000;padding: 2px 33px;
-webkit-text-stroke: aliceblue;position: absolute;top: 230px;}
main .sub-sect.patent-content-container {margin: 100px 0 0;}
main .sub-sect.patent-content-container h4 {position: relative;width: 70%;margin: 0 auto;font-size: 2.5rem;} 
main .sub-sect.patent-content-container h4::before {content: '';background: #000;width: 121%;height: 2px; position: absolute;top: 50px;left: 0;}
main .sub-sect.patent-content-container div{width: 70%; margin: 0 auto;margin-top: 100px;}
main .sub-sect.patent-content-container div .who{font-size: 20rem;color: #000;height: 0px;position: relative;bottom: 130px;display: block;}
main .sub-sect.patent-content-container div .who::before{content: 'PATENT';font-size: 1rem;font-weight: 300;color: #000;padding: 2px 33px;
    position: absolute;top: 210px;left: 152px;}
main .sub-sect.patent-content-container div .who::after{content: 'COPYRIGHT';font-size: 1rem;font-weight: 300;color: #000;padding: 2px 33px;
    position: absolute;top: 354px;left: 191px;}
main .sub-sect.patent-content-container div p {width: 80%;margin: 0 auto;}
main .sub-sect.patent-content-container div > ul > li {text-align: center;}
main .sub-sect.ci-content-container {margin: 100px 0 0;}
main .sub-sect.ci-content-container h4 {position: relative;width: 70%;margin: 0 auto;font-size: 2.5rem;}
main .sub-sect.ci-content-container h4 p{font-size: 16px;margin-top: 20px;}
main .sub-sect.ci-content-container h4::before {content: '';background: #000;width: 121%;height: 2px; position: absolute;top: 134px;left: 0;}
main .sub-sect.ci-content-container div{width: 70%; margin: 0 auto;margin-top: 100px;}
main .sub-sect.onetime-content-container {margin: 30px 0;}
main .sub-sect.onetime-content-container h4 {position: relative;width: 70%;margin: 0 auto;font-size: 2.5rem;}
main .sub-sect.onetime-content-container h4::before {content: '';background: #000;width: 121%;height: 2px; position: absolute;top: 50px;left: 0;}
main .sub-sect.onetime-content-container div{width: 70%; margin: 0 auto;margin-top: 100px;}
main .sub-sect.onetime-content-container .onetime {font-size: 20rem;font-family: 'Noto Sans KR';color: #000;text-align: center;height: 0px;position: relative;bottom: 122px;display: block;margin-bottom: 310px;}
main .sub-sect.onetime-content-container .onetime::before {content: 'ONE TIME';font-size: 1rem;font-weight: 300;color: #000;background: #fff;padding: 2px 33px;
  -webkit-text-stroke: aliceblue;position: absolute;top: 230px;left: 50%;transform: translateX(-50%);}
main .sub-sect.organization-content-container {margin: 100px 0 0;}
main .sub-sect.organization-content-container h4 {position: relative;width: 70%;margin: 0 auto;font-size: 2.5rem;}
main .sub-sect.organization-content-container h4::before {content: '';background: #000;width: 100%;height: 2px; position: absolute;top: 50px;left: 0;}
main .sub-sect.organization-content-container div{width: 70%; margin: 0 auto;margin-top: 20px;}
main .sub-sect.organization-content-container div .ceo {padding: 40px;text-align: center;border-left: 1px solid #000;border-right: 1px solid #000;width: 100%;font-size: 2rem;font-weight: bold;color: #0870b9;}
main .sub-sect.organization-content-container div ul {text-align: center;border: 1px solid #000;width: 100%;}
main .sub-sect.organization-content-container div ul li{padding: 20px;border-left: 1px solid #000;}
main .sub-sect.organization-content-container div ul li:first-child{border-left: 0;}
main .sub-sect.organization-content-container div ul li dl dt{font-size: 1.3rem;color: #000;border-bottom: 1px solid #000;padding-bottom: 15px;margin-bottom: 15px;}
main .sub-sect.vision-content-container {margin: 100px 0 0;}
main .sub-sect.vision-content-container h4 {margin: 0 auto;font-size: 2.5rem;}
main .sub-sect.vision-content-container div{width: 100%; margin: 0 auto;margin-top: 20px; position: relative;}
main .sub-sect.vision-content-container div .vision-box{width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;padding: 40px 20%;}
main .sub-sect.vision-content-container div .vision-box.bgcolor-block{background: #000; color: #c2c2c2;}
main .sub-sect.vision-content-container div .vision-box.bgcolor-blue{background: #0870b9; color: #c2c2c2;}
main .sub-sect.vision-content-container div .vision-box dl{border-bottom: 1px solid #000;padding: 20px 0;}
main .sub-sect.vision-content-container div .vision-box dl:last-child{border-bottom: 0}
main .sub-sect.vision-content-container div .vision-box dl dt{font-size: 1.3rem;color: #000;}
main .sub-sect.vision-content-container div .vision-box.bgcolor-block dl {border-bottom: 1px solid #7b7b7b}
main .sub-sect.vision-content-container div .vision-box.bgcolor-block dl:last-child {border-bottom: 0}
main .sub-sect.vision-content-container div .vision-box.bgcolor-block dl dt{color: #fff;}
main .sub-sect.vision-content-container > div > img {width: 18%;position: absolute;left: 50%;top: 22%;transform: translateX(-50%) !important;z-index: 2;}
main .sub-sect.map-content-container {margin: 0 0 100px;}
main .sub-sect.map-content-container div{width: 70%; margin: 0 auto;margin-top: 80px; position: relative;}
main .sub-sect.map-content-container h4 {position: relative;font-size: 2.5rem;padding-bottom: 20px;}
main .sub-sect.map-content-container h4::before {content: '';background: #000;width: 121%;height: 2px; position: absolute;top: 50px;left: 0;}
main .sub-sect.mapinfo-content-container div{width: 70%; margin: 0 auto;margin-top: 20px; position: relative;}
main .sub-sect.mapinfo-content-container div dl dt {font-size: 1.3rem;color: #000;margin-bottom: 25px;display: flex;align-items: center;}
main .sub-sect.mapinfo-content-container div dl dt img {width: 30px;margin-right: 10px;}
main .sub-sect.mapinfo-content-container div.map-traffic {border-top: 1px solid #7b7b7b;padding-top: 30px;margin-top: 35px;}
main .sub-sect.mapinfo-content-container div.map-traffic dl dd {width: 70%;}
.org-line li:first-child::after {content: '';position: absolute;left: 50%;top: -31px;width: 1px;height: 30px;background: #000;}


main .sub-sect.content-pagetxt {width: 70%;margin: 0 auto;}
main .sub-sect.content-pagetxt p strong{display: block; text-align: center;font-weight: 500;color: #000;margin-bottom: 20px;}
main .sub-sect.content-pagetxt p span{}
main .sub-sect.q-mate-content-container {margin: 100px 0 0;}
main .sub-sect.q-mate-content-container h4 {position: relative;width: 70%;margin: 0 auto;font-size: 2.5rem;} 
main .sub-sect.q-mate-content-container h4::before {content: '';background: #000;width: 121%;height: 2px; position: absolute;top: 50px;left: 0;}
main .sub-sect.q-mate-content-container .q-mate-contbox01{width: 70%; margin: 0 auto;margin-top: 20px;}
main .sub-sect.q-mate-content-container .q-mate-contbox01 li{border-left:1px solid #e5e5e5;padding: 25px 0 25px;}
main .sub-sect.q-mate-content-container .q-mate-contbox01 li:first-child{border-left:0;}
main .sub-sect.q-mate-content-container .q-mate-contbox01 li div{border: 2px solid #0870b9;width: 250px;height: 250px;border-radius: 100%;margin: 0 auto;}
main .sub-sect.q-mate-content-container .q-mate-contbox01 li:nth-child(1) div{background:#fafafa url('../images/sub/lims-icon01.png')no-repeat 50%;background-size: 70px;}
main .sub-sect.q-mate-content-container .q-mate-contbox01 li:nth-child(2) div{background:#fafafa url('../images/sub/lims-icon02.png')no-repeat 50%;background-size: 70px;}
main .sub-sect.q-mate-content-container .q-mate-contbox01 li:nth-child(3) div{background:#fafafa url('../images/sub/lims-icon03.png')no-repeat 50%;background-size: 70px;}
main .sub-sect.q-mate-content-container .q-mate-contbox01 li div p{position: absolute;left: 50%;top: 185px;transform: translateX(-50%);width: 290px;background: #fff;
  border: 1px solid #000;color: #000;text-align: center;letter-spacing: -1px;font-size: 14px;padding: 10px 5px;margin: 0 auto;}
main .sub-sect.q-mate-content-container .q-mate-contbox02{width: 70%; margin: 0 auto;border-bottom: 1px solid #000;}
main .sub-sect.q-mate-content-container .q-mate-contbox02 li{padding: 60px 0 50px;text-align: center;position: relative;}
main .sub-sect.q-mate-content-container .q-mate-contbox02 li:first-child{border-left:0;}
main .sub-sect.q-mate-content-container .q-mate-contbox02 li::before{content: "+";position: absolute;top: 75px;left: -21px;font-size: 1.2rem;font-weight: 500;color: #000;}
main .sub-sect.q-mate-content-container .q-mate-contbox02 li:first-child::before{content: "";}
main .sub-sect.q-mate-content-container .q-mate-contbox02 li strong {position: absolute;top: 30%;left: 200%;transform: translateX(-50%);width: 241px;color:#000;font-size: 1.3rem;z-index: 3;}
main .sub-sect.q-mate-content-container .q-mate-contbox03{width: 70%; margin: 0 auto;border-bottom: 1px solid #000;}
main .sub-sect.q-mate-content-container .q-mate-contbox03 li{border-left:1px solid #e5e5e5;padding: 40px 20px 50px;text-align: center;position: relative;}
main .sub-sect.q-mate-content-container .q-mate-contbox03 li:first-child{border-left:0;}
main .sub-sect.q-mate-content-container .q-mate-contbox03 li strong{position: absolute;top: 18%;left: 50%;transform: translateX(-50%);width: 317px;color:#000;font-size: 1.3rem;z-index: 3;}
main .sub-sect.q-mate-content-container .q-mate-contbox03 li:nth-child(1) strong {display: none;}
main .sub-sect.q-mate-content-container .q-mate-contbox03 li p{padding: 6px 0;font-size: 1.3rem;color: #000;border: 1px solid #000;position: relative;margin-bottom: 50px;}
main .sub-sect.q-mate-content-container .q-mate-contbox03 li p::before{content: '';background: url(../images/sub/q-mate-arrow.png)no-repeat;width: 15px;height: 30px;
position: absolute;top: 44px;left: 50%;transform: translateX(-50%);}
main .sub-sect.q-mate-content-container .q-mate-contbox03 li span{text-align: left;display: block;line-height: 2rem;}
main .sub-sect.pros-content-container {margin: 100px 0 150px;}
main .sub-sect.pros-content-container h4 {position: relative;width: 70%;margin: 0 auto;font-size: 2.5rem;} 
main .sub-sect.pros-content-container h4::before {content: '';background: #000;width: 121%;height: 2px; position: absolute;top: 50px;left: 0;}
main .sub-sect.pros-content-container div{width: 70%; margin: 0 auto;margin-top: 10px; position: relative;}
main .sub-sect.pros-content-container .pros-box{margin-top: 20px;}
main .sub-sect.pros-content-container .pros-tab {width: 100%; border-right: 1px solid #000;margin-top: 0;padding: 20px 20px;}
main .sub-sect.pros-content-container .pros-tab:nth-child(2) {padding: 30px 20px;}
main .sub-sect.pros-content-container .pros-tab:nth-child(3) {border-right: 0;padding: 30px 20px;}
main .sub-sect.pros-content-container .pros-tab p{font-size: 1.3rem;color: #000;}
main .sub-sect.pros-content-container .pros-tab span{display: block;line-height: 2rem;}
main .sub-sect.pros-content-container .pros-tab-row {border-right: 0;border-top: 1px solid #000;text-align: center;}
main .sub-sect.pros-content-container .logo-color{margin-top: 0; background: #007dc6; border-top: 1px solid #000;color: #d0e8f9;}

main .sub-sect.pros-content-container .logo-color p{color: #fff;}
main .sub-sect.qmate-content-container {margin: 100px 0 0;}
main .sub-sect.qmate-content-container .q-mate-contbox03{width: 70%; margin: 0 auto;border-bottom: 1px solid #000;}
main .sub-sect.qmate-content-container .q-mate-contbox03 li{border-left:1px solid #e5e5e5;padding: 40px 20px 50px;text-align: center;position: relative;}
main .sub-sect.qmate-content-container .q-mate-contbox03 li:first-child{border-left:0;}
main .sub-sect.qmate-content-container .q-mate-contbox03 li strong{position: absolute;top: 18%;left: 50%;transform: translateX(-50%);width: 317px;color:#000;font-size: 1.3rem;z-index: 3;}
main .sub-sect.qmate-content-container .q-mate-contbox03 li:nth-child(1) strong {display: none;}
main .sub-sect.qmate-content-container .q-mate-contbox03 li p{display: flex;align-items: center;justify-content: center;height: 75px;padding: 6px 0;font-size: 1.3rem;color: #000;border: 1px solid #000;position: relative;margin-bottom: 50px;}
main .sub-sect.qmate-content-container .q-mate-contbox03 li p::before{content: '';background: url(../images/sub/q-mate-arrow.png)no-repeat;width: 15px;height: 30px;
position: absolute;top: 74px;left: 50%;transform: translateX(-50%);}
main .sub-sect.qmate-content-container .q-mate-contbox03 li span{text-align: left;display: block;line-height: 2rem;}
main .sub-sect.qmate-content-container .tit-txt {background: #f6f6f6;}
main .sub-sect.qmate-content-container .tit-txt strong{padding: 15px 0 15px 0;color: #0771ba;border-bottom: 0;}

main .sub-sect.qmate-content-container h4 {position: relative;width: 70%;margin: 0 auto;font-size: 2.5rem;}
main .sub-sect.s-factory-content-container{margin: 50px 0 150px;}
main .sub-sect.s-factory-content-container h4{font-size: 2.5rem;line-height: 60px;width: 70%;margin: 0 auto;position: relative;}
main .sub-sect.s-factory-content-container h4::before {content: '';background: #000;width: 121%;height: 2px; position: absolute;top: 200px;left: 0;}
main .sub-sect.s-factory-content-container .who {font-size: 20rem;color: #fff;-webkit-text-stroke: 1px #000;text-align: center;height: 0px;position: relative;
bottom: 180px;float: right;right: 15%;display: block;margin-bottom: 22px;z-index: 1;}
main .sub-sect.s-factory-content-container .who::before {content: 'BENEFIT AND VALUE';font-size: 1rem;font-weight: 300;color: #fff;background: #0870b9;padding: 2px 33px;
-webkit-text-stroke: aliceblue;position: absolute;top: 277px;left: 52px;}
main .sub-sect.s-factory-content-container img{float: right;width: 88%;}
main .sub-sect.s-factory-content-container ul{width: 70%; margin: 0 auto;border-bottom: 1px solid #000;border-top: 1px solid #000;}
main .sub-sect.s-factory-content-container ul li{border-left: 1px solid #e5e5e5;padding: 0 15px;}
main .sub-sect.s-factory-content-container ul li:first-child{border-left:0}
main .sub-sect.s-factory-content-container ul li:nth-child(1) p:nth-child(1){border-bottom: 1px solid #000;padding: 30px 15px 0;height: 180px;position: relative;}
main .sub-sect.s-factory-content-container ul li:nth-child(2) p:nth-child(1){border-bottom: 1px solid #000;padding: 30px 15px 0;height: 180px;position: relative;}
main .sub-sect.s-factory-content-container ul li:nth-child(3) p:nth-child(1){border-bottom: 1px solid #000;padding: 30px 15px 0;height: 180px;position: relative;}
main .sub-sect.s-factory-content-container ul li:nth-child(1) p:nth-child(1)::before{content: '';background: url(../images/sub/q-mate-arrow.png)no-repeat;width: 15px;height: 30px;
position: absolute;top: 200px;left: 50%;transform: translateX(-50%);}
main .sub-sect.s-factory-content-container ul li:nth-child(2) p:nth-child(1)::before{content: '';background: url(../images/sub/q-mate-arrow.png)no-repeat;width: 15px;height: 30px;
position: absolute;top: 200px;left: 50%;transform: translateX(-50%);}
main .sub-sect.s-factory-content-container ul li:nth-child(3) p:nth-child(1)::before{content: '';background: url(../images/sub/q-mate-arrow.png)no-repeat;width: 15px;height: 30px;
position: absolute;top: 200px;left: 50%;transform: translateX(-50%);}
main .sub-sect.s-factory-content-container ul li:nth-child(1) p:nth-child(2){border: 1px solid #000;padding: 10px;height: 115px;margin: 70px 0 50px;}
main .sub-sect.s-factory-content-container ul li:nth-child(2) p:nth-child(2){border: 1px solid #000;padding: 10px;height: 115px;margin: 70px 0 50px;}
main .sub-sect.s-factory-content-container ul li:nth-child(3) p:nth-child(2){border: 1px solid #000;padding: 10px;height: 115px;margin: 70px 0 50px;}
main .sub-sect.logisticsl-content-container{margin: 100px 0 0}
main .sub-sect.logisticsl-content-container h4{font-size: 2.5rem;width: 70%;margin: 0 auto;margin-bottom: 35px;position: relative;}
main .sub-sect.logisticsl-content-container h4::before {content: '';background: #000;width: 121%;height: 2px; position: absolute;top: 50px;left: 0;}
main .sub-sect.logisticsl-content-container > p{width: 70%;margin: 0 auto;}
main .sub-sect.logisticsl-content-container > p:last-child{padding-bottom: 40px;border-bottom: 1px solid #000;}
main .sub-sect.ja-content-container {margin: 100px 0 0;}
main .sub-sect.ja-content-container div{width: 70%;margin: 0 auto;}
main .sub-sect.ja-content-container .tit-txt{font-size: 1.3rem;font-weight: bold; text-align: center;margin-bottom: 35px;}


/*L-Mate*/
.core-business{}
.core-business label{width: 150px;font-size: 20px;font-weight: bold;letter-spacing: -1px;}
.core-business ul{gap: 50px;}
.core-business ul li{position: relative;}
.core-business ul li:nth-child(1){width: 33.33333%;height: 110px;border: 2px solid #0870b9;background: #f5f9fc;padding: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.core-business ul li:nth-child(1)::after{content: '';width: 1px;height: 30px;border: 1px dashed #000;position: absolute;top: 108px;}
.core-business ul li:nth-child(1) img{width: 100px;}
.core-business ul li:nth-child(1) p{color: #0870b9;display: flex;flex-direction: column;align-items: center;}
.core-business ul li:nth-child(1) p strong{font-size: 18px;}
.core-business ul li:nth-child(2){width: 33.33333%;height: 110px;border: 1px solid #000;padding: 10px;display: flex;flex-direction: column;justify-content: center;position: relative;}
.core-business ul li:nth-child(2)::after{content: '';width: 50px;height: 1px;border: 1px dashed #000;position: absolute;top: 58px;left: -50px;}
.core-business ul li:nth-child(2) div{position: absolute;left: 50%;transform: translateX(-50%);}
.core-business ul li:nth-child(2) p{color: #0870b9;line-height: 27px;padding-left: 25%;}
.core-business ul li:nth-child(3){width: 33.33333%;height: 110px;border: 1px solid #000;background: #f8f8f8; padding: 10px;display: flex;flex-direction: column;justify-content: center;text-align: center;}
.core-business ul li:nth-child(3)::after{content: '';width: 50px;height: 1px;border: 1px dashed #000;position: absolute;top: 58px;left: -50px;}
.core-business ul li:nth-child(3) p{}
.core-business ul li:nth-child(3) p strong{}


/*SR-Mate*/
.sr-cont > div{}
.sr-cont > div > p{text-align: center;width: 210px;height: 210px;margin: 0 auto;border: 2px solid #000;background: #0870b9;border-radius: 210px;font-size: 18px;
  font-weight: bold;display: flex;align-items: center;justify-content: center;color: #fff;position: relative;top: 45px;}
.sr-cont > div:nth-child(2) > p{border: 2px solid #0870b9;background: #f3f3f3;color: #0870b9;}
.sr-cont > div:nth-child(2) > span{border: 1px solid #0870b9;background: #f5f9fc;}
.sr-cont > div > span{padding: 50px 30px 0 30px;border: 1px solid #000;background: #f9f9f9;display: block;height: 150px;line-height: 27px;margin-bottom: 30px;font-size: 14px;}
.sr-bis-system {width: 100% !important;height: 240px;border-left: 1px solid #000;border-right: 1px solid #000;padding: 10px 30px;display: flex;align-items: center;}
.sr-bis-system p{font-size: 17px;line-height: 30px;font-weight: bold;}
.sr-ship-system {width: 100% !important;height: 240px;border-left: 1px solid #0870b9;border-right: 1px solid #0870b9;padding: 10px 30px;}
.sr-ship-system p{font-size: 17px;line-height: 30px;margin-bottom: 15px;font-weight: bold;color: #0870b9;}
.sr-ship-system span{display: block;line-height: 30px;}
.sr-system {height: 500px;margin-top: 60px !important;}
.sr-system ul {display: flex;flex-direction: column;gap: 60px;}
.sr-system ul li {border: 1px solid #007dc6;position: relative;font-size: 14px;}
.sr-system ul li::after {content: '';width: 30px;height: 50px;background: url('../images/sub/q-mate-arrow.png')no-repeat 50%;position: absolute;left: 44px;top: 62px;}
.sr-system ul li:nth-child(5):after {content: none;}
.sr-system ul li p:nth-child(1){width: 18%; display: flex; align-items: center;justify-content: center;text-align: center;background: #0870b9;padding: 5px;color: #fff;}
.sr-system ul li p:nth-child(2){width: 22%; display: flex; align-items: center;justify-content: center;border-right: 1px solid #000;}
.sr-system ul li span:nth-child(3){width: 70%; display: flex; align-items: center;font-size: 15px;padding-left: 10px;}
.sr-infographic {width: 500px !important;height: 500px;border: 1px solid #c7c7c7;border-radius: 100%;display: flex !important;justify-content: center;align-items: center;position: relative;}
.sr-infographic span {position: absolute;border: 2px solid #000;width: 100px;font-size: 14px;height: 100px;display: flex;line-height: 135px;
  border-radius: 100px;justify-content: center;letter-spacing: -1px;}
.sr-infographic span:nth-child(1) {}
.sr-infographic span:nth-child(2) {top: -40px;background: #fff url(../images/sub/sr-system-icom01.png) no-repeat 50% 20px;background-size: 35px;}
.sr-infographic span:nth-child(3) {top: 100px;right: -20px;background: #fff url(../images/sub/sr-system-icom02.png) no-repeat 50% 20px;background-size: 35px;}
.sr-infographic span:nth-child(4) {top: 330px;right: -20px;background: #fff url(../images/sub/sr-system-icom03.png) no-repeat 50% 20px;background-size: 35px;}
.sr-infographic span:nth-child(5) {top: 330px;left: -20px;background: #fff url(../images/sub/sr-system-icom04.png) no-repeat 50% 20px;background-size: 35px;}
.sr-infographic span:nth-child(6) {top: 100px;left: -20px;background: #fff url(../images/sub/sr-system-icom05.png) no-repeat 50% 20px;background-size: 35px;}
.sr-infographic span:nth-child(7) {bottom: -40px;background: #fff url(../images/sub/sr-system-icom06.png) no-repeat 50% 20px;background-size: 35px;}
.sr-infographic p {width: 200px;height: 200px;display: flex;justify-content: center;line-height: 170px;background: #0870b9 url(../images/sub/sr-system-icom.png) no-repeat 50% 35px;
  background-size: 40px;color: #fff;border-radius: 130px;border: 40px solid #f1f1f1;}


.technology{}
.technology label{width: 150px;font-size: 20px;font-weight: bold;letter-spacing: -1px;}
.technology ul{gap: 50px;}
.technology ul li:nth-child(1){width: 33.33333%;height: 110px;border-top: 1px solid #000;border-bottom: 1px solid #000;
  padding: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.technology ul li:nth-child(1) p{text-align: center;}
.technology ul li:nth-child(1) p strong{display: block;}
.technology ul li:nth-child(2){width: 33.33333%;height: 110px;background: #f1f1f1;padding: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.technology ul li:nth-child(2) p{color: #0870b9;font-weight: bold;}
.technology ul li:nth-child(3){width: 33.33333%;height: 110px;border: 1px solid #ddd;padding: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;}

.as-is {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;padding: 0 0;}
.as-is p{width: 70% !important;height: 130px;margin: 0 !important;text-align: center;float: right;padding: 20px;display: flex;justify-content: center;align-items: center;}
.as-is > ul {width: 70% !important;margin: 0 !important;float: right;height: 100px;}
.as-is > ul li{width: 100%;text-align: center;border-left: 1px solid #000;border-top: 1px solid #c4c4c4;display: flex;flex-direction: column;
  justify-content: center;align-items: center;font-size: 15px;line-height: 18px;}
.as-is > ul li img{width: 40px;}
.to-be {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;padding: 0 0;}
.to-be p{width: 70% !important;height: 130px;margin: 0 !important;text-align: center;padding: 20px;}
.to-be > ul {width: 70% !important;margin: 0 !important;height: 100px;}
.to-be > ul li{width: 100%;text-align: center;border-right: 1px solid #6ba9d5;border-top: 1px solid #6ba9d5;display: flex;flex-direction: column;
  justify-content: center;align-items: center;font-size: 15px;line-height: 18px;}
.to-be > ul li img{width: 40px;}
.to-be.bgcolor-blue {background: #0870b9;color: #fff;}
main .sub-sect.ja-content-container h4{font-size: 2.5rem;width: 70%;margin: 0 auto;margin-bottom: 35px;position: relative;}
main .sub-sect.ja-content-container h4::before {content: '';background: #000;width: 121%;height: 2px; position: absolute;top: 50px;left: 0;}
main .sub-sect.ja-content-container > p {width: 70%;margin: 0 auto;}



/*Q-Mate*/
main .sub-sect.ja-content-container div .table-design {border-bottom: 0;margin-top: 0;display: flex;align-items: center;}
main .sub-sect.ja-content-container div .table-design:last-child {border-bottom: 1px solid #000;}
main .sub-sect.ja-content-container div .table-design dt{display: flex;justify-content: center;align-items: center;width: 310px;height: 100%; padding: 10px 50px;font-size: 1.3rem;border-bottom: 0;
  border-right: 1px solid #d7d7d7 !important;}
main .sub-sect.ja-content-container div .table-design:last-child dt{border-right:0}
main .sub-sect.ja-content-container div .table-design dd {height: auto !important;padding: 10px 0 10px 60px;border-right:0;}
main .sub-sect.ja-content-container div .table-design:last-child dd{border-right:0}
main .sub-sect.ja-content-container div .table-design dd span{display: block;line-height: 2rem;}
main .sub-sect.ja-content-container div .table-design dd span span{display: block;line-height: 2rem; font-size: 14px;padding-left: 13px;}



main .sub-sect.ja-content-container div .mobile-vr {display: none;}
main .sub-sect.ja-content-container div dl {border-top: 1px solid #000;border-bottom: 1px solid #000;margin-top: 20px;}
main .sub-sect.ja-content-container div dl dt{padding: 10px;font-size: 1.3rem;border-right: 1px solid #000;border-bottom: 1px solid #d7d7d7;text-align: center;}
main .sub-sect.ja-content-container div dl:last-child dt{border-right:0}
main .sub-sect.ja-content-container div dl dd {height: auto;padding: 20px 0 20px 20px;border-right: 1px solid #000;}
main .sub-sect.ja-content-container div dl:last-child dd{border-right:0}
main .sub-sect.ja-content-container div dl dd span{display: block;line-height: 2rem;}
main .sub-sect.ja-content-container div dl dd span span{display: block;line-height: 2rem; font-size: 14px;padding-left: 13px;}
main .sub-sect.ja-content-container strong {text-align: center;padding: 0 0 20px 0;border-bottom: 1px solid #000;color: #0870b9;font-size: 1.3rem;font-weight: 500;}
main .sub-sect.ja-content-container .three-pl {text-align: center;padding: 20px 0; font-size: 1rem;display: grid;}
main .sub-sect.ja-content-container .three-pl p{font-size: 1rem;margin-top: 35px;margin-bottom: 15px;position: relative;}
main .sub-sect.ja-content-container .three-pl.bg-color-white p::before{content: '';background: url('../images/sub/3pl-top-arrow.png')no-repeat;
width: 15px;height: 19px;position: absolute;top: -20px; left: 48%;}
main .sub-sect.ja-content-container .three-pl.bg-color-white p::after{content: '';background: url('../images/sub/3pl-bottom-arrow.png')no-repeat;
  width: 15px;height: 19px;position: absolute;top: 27px; left: 48%;}
main .sub-sect.ja-content-container .three-pl.bg-color-black{background: #000; padding: 10px 0;}
main .sub-sect.ja-content-container .three-pl.bg-color-black p{margin-bottom: 0;color: #fff;;margin-top: 0;margin-bottom: 0;}
main .sub-sect.ja-content-container .three-pl img {margin: 0 auto;}

main .sub-sect.products-visual{width: 100%; height: 590px;}
main .sub-sect.products-visual .visual-tit .sub-tit-color-box {width: 145px;text-align: right;}
main .sub-sect.products-visual .visual-tit .sub-tit-color-box .sub-tit {text-align: right;}
main .sub-sect.products-visual .visual-tit .visual-img-products {z-index: 1;position: relative;top: 70px;right: -230px;}
main .sub-sect.products-visual .visual-tit .visual-img-products img {float: right;max-width: 200% !important;}
main .sub-sect.products-visual .visual-tit{width: 70%; margin: 0 auto;margin-top: 140px;position: relative;}
main .sub-sect.products-visual .visual-tit .kr-txt-tit {position: absolute;top: -18%;left: 350px;width: 728px;font-size: 1.2rem;color: #000;font-weight: 300;font-family: 'GmarketSansLight';}

main .sub-sect.products-visual .visual-tit .sub-tit{font-size: 7.5rem;font-weight: 100;line-height: 140px;position: relative;}
main .sub-sect.products-visual .visual-tit .sub-tit strong{font-weight: bold;display: flex;}
main .sub-sect.products-visual .visual-tit .sub-tit strong p {font-family: 'GmarketSansMedium';}
main .sub-sect.products-visual .visual-tit .sub-tit strong span {font-weight: 100;font-family: 'GmarketSansLight';}
main .sub-sect.products-visual .visual-tit .sub-tit .sub-tit-color{color:#0771ba;font-size: 8rem;position: absolute;bottom: 70px;left: 348px;display:flex}
main .sub-sect.products-visual .visual-tit .sub-tit .sub-tit-color::after{content: '';width: 300%;height: 2px;background: linear-gradient(to right, #0771ba, #000);
position: absolute;top: 179px;left: 375px;transform: translateX(-50%);}


main .sub-sect.business-content-container ul{width: 70%;margin: 0 auto; border-left: 1px solid #000;border-top: 1px solid #000;border-right: 1px solid #000;}
main .sub-sect.business-content-container ul:last-child{border-bottom: 1px solid #000;}
main .sub-sect.business-content-container ul .business-contbox01 {padding: 30px 20px ;}
main .sub-sect.business-content-container ul:nth-child(even) .business-contbox01 {padding: 30px 20px 30px 50px;}
main .sub-sect.business-content-container ul .business-contbox01 strong{font-size: 2rem;color: #000;}
main .sub-sect.business-content-container ul .business-contbox01 p{width: 100%;}
main .sub-sect.business-content-container ul:nth-child(even) .business-contbox01 {border-right: 1px solid #000;}
main .sub-sect.business-content-container ul:nth-child(even) .business-contbox02 {border-right:0;}
main .sub-sect.business-content-container ul .business-contbox02 {text-align: center;display: grid;align-items: center;border-right: 1px solid #000;}
main .sub-sect.business-content-container ul .business-contbox02 img{margin: 0 auto;}
main .sub-sect.business-content-container ul .business-contbox02 p{color: #007dc6;font-size: 1.3rem;}

main .sub-sect.projects-visual{width: 100%; height: 590px;}
main .sub-sect.projects-visual .visual-tit .sub-tit-color-box {width: 145px;text-align: right;}
main .sub-sect.projects-visual .visual-tit .sub-tit-color-box .sub-tit {text-align: right;}
main .sub-sect.projects-visual .visual-tit .visual-img-projects {z-index: 1;position: relative;top: 70px;left: 100px;;}
main .sub-sect.projects-visual .visual-tit .visual-img-projects img {float: right;max-width: 200% !important;}
main .sub-sect.projects-visual .visual-tit{width: 70%; margin: 0 auto;margin-top: 140px;position: relative;}
main .sub-sect.projects-visual .visual-tit .kr-txt-tit{position: absolute;top: 176%;left: 250px;line-height: 30px;font-size: 1.2rem;color: #000;font-family: 'GmarketSansLight';}
main .sub-sect.projects-visual .visual-tit .sub-tit{font-size: 7.5rem;font-weight: 100;position: relative;left: 183px;bottom: 22px;}
main .sub-sect.projects-visual .visual-tit .sub-tit strong{font-weight: bold;display: flex;}
main .sub-sect.projects-visual .visual-tit .sub-tit strong p {font-family: 'GmarketSansMedium';}
main .sub-sect.projects-visual .visual-tit .sub-tit strong span {font-weight: 100;font-family: 'GmarketSansLight';margin-right: 15px;}
main .sub-sect.projects-visual .visual-tit .sub-tit .sub-tit-color{color: #0771ba;font-size: 8rem;position: absolute;bottom: -153px;left: 0px;display: flex;}
main .sub-sect.projects-visual .visual-tit .sub-tit .sub-tit-color::after{content: '';width: 571%;height: 2px;background: linear-gradient(to right, #000, #0771ba);
position: absolute;top: 92px;left: 30px;transform: translateX(-50%);}

main .sub-sect.result-content-container {/*margin:0 0 150px;*/}
main .sub-sect.result-content-container > div{width:  70%;margin: 0 auto;}
main .sub-sect.result-content-container > div > ul > li {}
main .sub-sect.result-content-container > div > ul > li > div {margin: 0 auto;width: 97%;}
main .sub-sect.result-content-container > div > ul > li > div a img {filter: grayscale(1);}
main .sub-sect.result-content-container > div > ul > li > div a img:hover {filter: none;}
main .sub-sect.result-content-container > div > ul > li > div > div{border-top: 1px solid #000;padding: 10px;margin-top: 20px;}
main .sub-sect.result-content-container > div > ul > li > div > div strong {font-size: 1.05rem;font-weight: 500;color: #000;}


main .sub-sect.contacts-visual{width: 100%; height: 590px;}
main .sub-sect.contacts-visual .visual-tit .sub-tit-color-box {width: 145px;text-align: right;}
main .sub-sect.contacts-visual .visual-tit .sub-tit-color-box .sub-tit {text-align: right;}
main .sub-sect.contacts-visual .visual-tit .visual-img-contacts {z-index: 1;position: absolute;top: -130px;left: 0;}
main .sub-sect.contacts-visual .visual-tit .visual-img-contacts img {}
main .sub-sect.contacts-visual .visual-tit{width: 70%; margin: 0 auto;margin-top: 140px;position: relative;}
main .sub-sect.contacts-visual .visual-tit .kr-txt-tit{line-height: 130px;font-size: 1.2rem;color: #000;font-family: 'GmarketSansLight';}
main .sub-sect.contacts-visual .visual-tit .sub-tit{font-size: 7.5rem;font-weight: 100;text-align: center;position: absolute;top: 130px;left: 50%;transform: translateX(-50%);}
main .sub-sect.contacts-visual .visual-tit .sub-tit div {display: flex; z-index: 30;}
main .sub-sect.contacts-visual .visual-tit .sub-tit div strong{font-weight: bold;display: flex;}
main .sub-sect.contacts-visual .visual-tit .sub-tit div strong p {font-family: 'GmarketSansMedium';}
main .sub-sect.contacts-visual .visual-tit .sub-tit div strong span {font-weight: 100;font-family: 'GmarketSansLight';margin-right: 15px;}
main .sub-sect.contacts-visual .visual-tit .sub-tit .sub-tit-color{color: #0771ba;font-size: 8rem;display: flex;}
main .sub-sect.contacts-visual .visual-tit .sub-tit .sub-tit-color::after{content: '';width: 100%;height: 2px;background: linear-gradient(to right, #000, #0771ba);position: absolute;top: 112px;left: 0;}


main .sub-sect.qna-search-content-container div {position: relative;width: 70%;margin: 0 auto;margin-top: 50px;margin-bottom: 40px;text-align: right;}
main .sub-sect.qna-search-content-container div::before {content: '';background: #000;width: 121%;height: 2px;position: absolute;bottom: 110px;left: 0;}
main .sub-sect.qna-search-content-container div select{width: 100px;padding-right: 10px;margin-right: 20px;padding: 15px 0;}
main .sub-sect.qna-search-content-container div em{width: 1px;height: 30px;border-left: 1px solid #000;margin-right: 30px;padding: 15px 0;}
main .sub-sect.qna-search-content-container div input{border-bottom: 1px solid #000;width: 44.5%;padding: 15px 0;position: relative;left: 4px;}
main .sub-sect.qna-search-content-container div button{background: url(../images/sub/glass-icon.png) no-repeat 50%;width: 40px;height: 50px;
  border-bottom: 1px solid #000;padding-bottom: 20px;}
main .sub-sect.board-list-content-container {/*margin-bottom: 120px;*/}
main .sub-sect.board-list-content-container > .list-box {width: 70%;margin: 0 auto;border-bottom: 1px solid #d7d7d7;padding: 20px 10px;}
main .sub-sect.board-list-content-container > .list-box p {font-size: 2rem;text-align: center;}
main .sub-sect.board-list-content-container > .list-box p b {color: #000;}
main .sub-sect.board-list-content-container > .list-box:first-child {border-top: 2px solid #000;}
main .sub-sect.board-list-content-container > .list-box:last-child {border-bottom: 2px solid #000;margin-bottom: 30px;}
main .sub-sect.board-list-content-container > .list-box div {line-height: 35px;}
main .sub-sect.board-list-content-container > .list-box div div:first-child{text-align: center;}
main .sub-sect.board-list-content-container > .list-box div .board-tit{font-size: 1.3rem;font-weight: 400;color: #000;}
main .sub-sect.board-list-content-container > .list-box div input{width: 20px;height: 20px;border: 1px solid #ccc;}
main .sub-sect.board-paging-content-container {margin-bottom: 150px;
}
main .sub-sect.board-paging-content-container > div {width: 90%;margin: 0 auto;padding: 20px 0;}
main .sub-sect.board-paging-content-container > div div{width: 150px;align-items: center;margin: 0 auto;}
main .sub-sect.board-paging-content-container > div div:last-child a img{margin: 0 0 0 30px;}
main .sub-sect.board-paging-content-container > div div:nth-child(2) a{width: 22px;text-align: center;line-height: 25px;}
main .sub-sect.board-paging-content-container > div div .number.current {background: #000;border-radius: 100%;color: #fff;padding: 5px;width: 25px !important;line-height: 15px !important;}
main .sub-sect.board-paging-content-container > div div a{width: 40px;text-align: center;float: left;}
main .sub-sect.board-view-content-container > {}
main .sub-sect.board-view-content-container > .view-box {width: 70%;margin: 0 auto;border-bottom: 1px solid #d7d7d7;padding: 20px 0;position: relative;}
main .sub-sect.board-view-content-container > .view-box::before{content: '';background: #000;width: 121%;height: 2px;position: absolute;}
main .sub-sect.board-view-content-container > .view-box:last-child {border-bottom: 2px solid #000;margin-bottom: 30px;}
main .sub-sect.board-view-content-container > .view-box .file-attached {border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;margin-top: 20px;}
main .sub-sect.board-view-content-container > .view-box .cont-view {text-align: left;padding: 45px 20px 30px;line-height: 30px;}
main .sub-sect.board-view-content-container > .view-box .cont-view p{font-size: 16px;font-weight: bold;margin-bottom: 30px;}
main .sub-sect.board-view-content-container > .view-box .cont-view ul {display: flex;justify-content: space-between;}
main .sub-sect.board-view-content-container > .view-box .cont-view ul li {width: 23%;}
main .sub-sect.board-view-content-container > .view-box .cont-view strong{display: block;margin: 25px 0 10px;}
main .sub-sect.board-view-content-container > .view-box .cont-view span{display: block;position: relative;padding-left: 15px;}
main .sub-sect.board-view-content-container > .view-box .cont-view span::after{content: '-';position: absolute;top: 0;left: 0;}
main .sub-sect.board-view-content-container > .view-box .cont-view img{margin-top: 15px;}
main .sub-sect.board-view-content-container > .view-box div {text-align: right;padding: 5px 10px;}
main .sub-sect.board-view-content-container > .view-box div div:first-child{text-align: left;}
main .sub-sect.board-view-content-container > .view-box div .board-tit{font-size: 1.3rem;font-weight: 400;color: #000;}
main .sub-sect.board-view-content-container > .view-box div input{width: 20px;height: 20px;border: 1px solid #ccc;}
main .sub-sect.board-btn-box-content-container > {}
main .sub-sect.board-btn-box-content-container div {width: 70%;margin: 0 auto;padding: 20px 0;position: relative;/*margin-bottom: 165px;*/}
main .sub-sect.board-btn-box-content-container div a{width: 250px;padding: 15px 0; border: 1px solid #000;text-align: center;}
main .sub-sect.board-btn-box-content-container div a:first-child{position: absolute;left: 0;}
main .sub-sect.board-btn-box-content-container div a:nth-child(2){position: absolute;left: 50%; transform: translateX(-50%);background: #000;color: #fff;}
main .sub-sect.board-btn-box-content-container div a:last-child{position: absolute;right: 0;}
main .sub-sect.request-content-container{margin: 50px 0 0;}
main .sub-sect.request-content-container h4{font-size: 2.5rem;line-height: 60px;width: 70%;margin: 0 auto;position: relative;}
main .sub-sect.request-content-container h4::before {content: '';background: #000;width: 121%;height: 2px; position: absolute;top: 60px;left: 0;}
main .sub-sect.request-content-container div {width: 70%;margin: 0 auto;padding: 20px 0;position: relative;}
main .sub-sect.request-content-container div:last-child {border-bottom: 2px solid #000; margin-bottom: 50px;}
main .sub-sect.request-content-container div strong{font-size: 1.3rem;font-weight: 400;color: #000;}
main .sub-sect.request-content-container div dl dt {display: flex; align-items: center;padding: 10px 0;}
main .sub-sect.request-content-container div dl dd {padding: 10px 0;}
main .sub-sect.request-content-container div dl dd input {border-bottom: 1px solid #000;width: 85%;padding: 15px 0;position: relative;left: 4px;}
main .sub-sect.request-content-container div dl dd textarea {width: 93.5%;padding: 10px;height: 150px;border: 1px solid #000;}
main .sub-sect.request-btn-box-content-container{margin-bottom: 150px;}
main .sub-sect.request-btn-box-content-container > div {width: 70%;margin: 0 auto;align-items: center;position: relative;margin-bottom: 50px;}
main .sub-sect.request-btn-box-content-container > div > button{border: 1px solid #000;width: 140px;height: 40px;position: absolute;right: 0;}
main .sub-sect.request-btn-box-content-container > button{position: absolute;left: 50%;transform: translateX(-50%);background: #000;color: #fff;width: 250px;
padding: 15px 0;text-align: center;}