@charset "UTF-8";

/* **************************************** *
 * LAYOUT
 * **************************************** */
*{box-sizing: border-box;}
body{width:100%; margin: 0 auto; overflow-x:hidden; -webkit-text-size-adjust: 100%;}

/* **************************************** *
 * TYPOGRAPHY
 * **************************************** */
html{font-size: 62.5%;}
body{font-family: 'Noto Sans KR', sans-serif;}

/* **************************************** *
 * COMMON
 * **************************************** */
/*LAYOUT*/
main.sub-main{width:100%; padding:0 20px 100px; margin-top:61px;}
 /*main header*/
.main-header{position:relative; width:100%; height:74px; padding:23px 20px; background-color:transparent; z-index:10;}
.main-header .logo{position:absolute; top:23px; left:20px; width:98.1px; height:28px; background-image:url(../images/logo.png); background-position:center; background-repeat:no-repeat; background-size: cover; z-index:5;}
.main-header .gnb .nav-item{display:none;}
.main-header .logo a{display:block; text-indent:-9999px;}
.main-header .gnb a{display:block;  background-size: cover; background-repeat:no-repeat; background-position:center; font-size: 50px; font-weight: 700; color:#FFFFFF}
.main-header .gnb a:nth-child(1){width:188px; height:55px; }
.main-header .gnb a:nth-child(2){width:226px; height:55px; }
.main-header .gnb a:nth-child(3){width:294.5px; height:55px; }
.main-header .gnb a:nth-child(4){width:229px; height:55px; }
.main-header .button-toggle {display: inline-block; position: absolute; top:21.5px; right:20px; cursor: pointer; transition: 0.6s; width:31.5px; height:31.5px; border:2px solid #000; z-index:2;}
.main-header .button-toggle-shadow {display:inline-block; position:absolute; top:21.5px; right:20px; cursor: pointer; transition: 0.6s; width:31.5px; height:31.5px; border:none; border-radius: 50%;}
.main-header .button-toggle:before{position:absolute; content:''; top:9px; left:50%; width:17.5px; height:2px; background-color: #000; transform: translateX(-50%);}
.main-header .button-toggle:after{position:absolute; content:''; top:16px; left:50%; width:17.5px; height:2px; background-color: #000; transform: translateX(-50%);}
.main-header .gnb{position:absolute; top:0; left:0; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.main-header .gnb .nav-item {opacity:0;}
.main-header #toggle {position:absolute; right:0; top:0; opacity:0;}
.main-header #toggle:checked ~ .toggle-container .button-toggle-shadow {box-shadow:0 0 0 130vh #5bcc33, inset 0 0 0 40px #5bcc33;}
.main-header #toggle:checked ~ .toggle-container .button-toggle:before {transform: translate(-50%, 200%) rotate(45deg) scale(1);}
.main-header #toggle:checked ~ .toggle-container .button-toggle:after {transform: translate(-50%, -130%) rotate(-45deg) scale(1);}
.main-header #toggle:checked ~ .gnb {position:absolute; pointer-events:auto; width:100%; height:90vh; z-index:1;}
.main-header #toggle:checked ~ .gnb .nav-item {display:block; margin:25px 0; opacity:1; transition: opacity 1.5s;}
/*sub-header*/
.sub-header{padding:0 20px;}
.sub-header .sub-title{  margin-top:5.5px; border-bottom:2px solid #000; margin-bottom:15px; font-size: 20px; font-weight: 500}
.sub-header .sub-title1{width:100%; height:48px; }
.sub-header .sub-title2{width:100%; height:48px;}
.sub-header .sub-title3{width:100%; height:48px; }
.sub-header .sub-title4{width:100%; height:48px; }
.sub-nav{position:relative;}
.sub-nav .sub-select{display:flex; align-items:center;}
.sub-nav .sub-select-text{display:block; font-size:1.5rem; line-height:2.25rem; font-weight:bold; padding-right:7.5px;}
.sub-nav .sub-select-btn{width:20px; height:20px; background-image: url(../images/slide_btn_down.png); background-position:center; background-repeat: no-repeat; background-size: cover;}
.sub-nav .sub-select-btn.on{background-image: url(../images/slide_btn_up.png);}
.sub-nav .lnb{position:absolute; top:100%; left:0; width:100%; overflow:hidden; display:none; padding-bottom:5px; background-color:#fff; z-index:5;}
.sub-nav .lnb a{display:block; padding:10px 0; font-size:1.5rem; line-height:2.25rem; font-weight:bold; color:#a8a8a8;}
/*main-footer*/
.main-footer{padding:25px 20px; background-color: #272727;}
.main-footer h2{width:188px; height:22px; color: #ffffff }
.main-footer address{width:299px; height:48.5px; margin:18.5px 0 11.5px; color:rgba(255,255,255,0.5) }
.main-footer .tel{width:98px; height:15px; margin:5px 0 5px; color:rgba(255,255,255,0.5) }
.main-footer .fax{width:96px; height:15.5px; margin:5px 0 5px; color:rgba(255,255,255,0.5) }
.main-footer .email{width:106.5px; height:14.5px; margin:5px 0 5px; color:rgba(255,255,255,0.5) }
.main-footer .copy{width:275.5px; height:35.5px; margin-top:33.5px; color:rgba(255,255,255,0.5) }

/*BOARD*/
/*board search*/
.search-area{display:flex; width:305.5px; height:60.5px; justify-content: space-between; align-items:center; margin:0 auto 70px; padding:0 20px; border-radius:12.5px; background-color:#f8f8f8;}
.search-area input[type="text"]{background-color: transparent; height:100%; width: calc(100% - 40px); font-size:1.5rem;}
.search-area button{width:40px; height:40px; background-image: url(../images/search_btn.png); background-size:cover; text-indent: 100%; white-space: nowrap; overflow: hidden;}
input::placeholder {color: #949494; font-size:1.5rem;}
/*Board table*/
.board-tbl{width:100%; border-top:2px solid #afafaf; /*table-layout: fixed;*/ margin-bottom:40px;}
.board-tbl tr{width:100%; height:77px; border-bottom:1px solid #afafaf;}
.board-tbl tr td{padding:0 20px;}
.board-tbl tr td a{display:block;}
.board-tbl tr td p{width:calc(100vw - 40px); font-size:1.6rem; line-height:23.5px; color:#747474; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.board-tbl tr td .date{font-size:1.2rem; line-height:1.3rem; color:#cbcbcb;}
/*board paging*/
.board-paging{display:flex; justify-content:center; align-items:center;}
.board-paging button{width:26px; height:26px; margin:0 5px; background-size:cover;}
.board-paging .first{background-image: url(../images/paging_first.png);}
.board-paging .prev{background-image: url(../images/paging_prev.png);}
.board-paging .next{background-image: url(../images/paging_next.png);}
.board-paging .last{background-image: url(../images/paging_last.png);}
.board-paging a{display:block; color:#fff; width:40px; height:40px; margin:0 9.5px; border-radius:50%; background-color:#5a5a5a; font-size:1.3rem; font-weight:900; text-align: center; line-height:40px;}
/*board-content*/
.board-inner-tbl{width:100%;}
.board-inner-tbl .title{width:100%; padding:0 20px 16.5px;}
.board-inner-tbl .title p{font-size:1.6rem; line-height:2.35rem; color:#747474;}
.board-inner-tbl .title .date{font-size:1.2rem; line-height:1.8rem; color:#cbcbcb;}
.board-inner-tbl .contents{padding:30px 20px 0; border-top:2px solid #afafaf;}
.board-inner-tbl .contents img{width:100%;}
.board-inner-tbl .contents p{padding:17.5px 0 67px; font-size:1.6rem; line-height:2.2rem; color:#949494;}

/*FORM*/
/*button*/
button.list{display:block; width:111px; height:40px; margin:0 auto; background-color:#5bcc33; color:#fff; border-radius:12.5px; font-size:1.5rem;}
.btn-area{display:flex; justify-content:center; align-items:center;}
button.orange{width:111px; height:40px; margin:0 9px; background-color:#ffb66d; color:#fff; font-size:1.5rem; border-radius: 12.5px;}
button.grey{width:111px; height:40px; margin:0 9px; background-color:#959595; color:#fff; font-size:1.5rem; border-radius: 12.5px;}

/*ETC DESIGN*/
/*list-des1*/
.list-des1 ~ .list-des1{margin-top:39px;}
.list-des1 dt{padding-bottom:5px; font-size:1.8rem; line-height:2.7rem; font-weight:700;}
.list-des1 dt ~ dt{margin-top:39px;}
.list-des1 dd{font-size:1.6rem; line-height:2.4rem; color:#949494;}
.list-des1 dd strong{color:#4e4e4e; font-weight:500;}
.list-des1 dd span{color:#5bcc33; font-weight:700;}
/*list-des2*/
.list-des2 ~ .list-des2{margin-top:15px;}
.list-des2 dt{padding-bottom:5px; font-size:1.6rem; line-height:2.2rem; font-weight:bold; color:#5bcc33;}
.list-des2 dd{position:relative; margin-left:10px; font-size:1.6rem; color:#949494;}
.list-des2 dd:before{content:'·'; position:absolute; left:-10px;}
/*list-des3*/
.list-des3{padding:25px 0;}
.list-des3 ~ .list-des3{border-top:1px solid #afafaf;}
.list-des3 dt{padding-bottom:5px; font-size:1.6rem; line-height:2.35rem; font-weight:bold;}
.list-des3 dd{position:relative; margin-left:10px; padding:1.5px 0; font-size:1.6rem; line-height:2.2rem; color:#949494;}
.list-des3 dd:before{content:'·'; position:absolute; left:-10px;}
.detail2 + .list-des3{padding:0 0 25px;}
/*list-des4*/
.list-des4 ~ .list-des4{margin-top:75px;}
.list-des4 figure{width:104px; height:61.5px; margin:0 auto; margin-bottom:10px; background-size: cover;}
.list-des4 p{padding:2.5px 0 2.5px; font-size:1.6rem; line-height:2.2rem; font-weight:500; color:#949494;}
.list-des4 p.title{padding-bottom:5px; font-size:1.7rem; line-height:2rem; font-weight:700; color:#333;}

/*CLASS*/
.hidden{height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

/* **************************************** *
 * MAIN
 * **************************************** */

 /*index.html (top)*/
.top-banner-area{position:absolute; width:100%; top:0; margin:0 auto;}
.top-banner-area .background-wrap{position:absolute; width:100%; height:677px;}
.top-banner-area .background-wrap .bg{position:absolute; width:inherit; height:inherit; top:0; left:0; opacity:0; transition: opacity 0.4s ease;}
.top-banner-area .background-wrap .bg:nth-child(1){opacity:0; background-color:#ffd91d;}
.top-banner-area .background-wrap .bg:nth-child(2){opacity:0; background-color:#e5e5e5; background-image: url(../images/bg2_obj.png); background-repeat: no-repeat; background-size:301px auto; background-position: top -100px right -80px;}
.top-banner-area .background-wrap .bg:nth-child(3){opacity:0; background-color:#ffa44a; background-image: url(../images/bg3_obj.png); background-repeat: no-repeat; background-size:cover; background-position:center;}
.top-banner-area .background-wrap .bg.on{opacity:1;}
.top-banner-area .banner-wrap{position:absolute; width:100%; height:677px; top:0; left:50%; transform:translateX(-50%); overflow:hidden;}
.top-banner-area .item{position:absolute; left:0; top:0; width:100%; height: 100%; /*opacity: 0;*/}
.top-banner-area .item.on {opacity: 1;z-index: 2;}
.top-banner-area .txt-con{display:block; opacity: 0; transition: all 0.4s ease;}
.top-banner-area .item .txt1{margin:421px 0 10.5px 46px; transition-delay: 0.1s;}
.top-banner-area .item .txt2 {font-size:1.5rem; line-height:20px; padding-left:46px; transition-delay: 0.2s;}
.top-banner-area .item1 .txt-con{transform:translateY(20px);}
.top-banner-area .item2 .txt-con{transform:translateY(10px);}
.top-banner-area .item3 .txt-con{transform:translateY(27px);}
.top-banner-area .item1 .txt1{width:241px;}
.top-banner-area .item2 .txt1{width:182.5px;}
.top-banner-area .item3 .txt1{width:231px;}
.top-banner-area .item.on {opacity:1;z-index: 2;}
.top-banner-area .item.on .txt-con {transform:translateY(0); opacity: 1;}
.top-banner-area .item .img-con{position:absolute; background-position:center; background-repeat:no-repeat; opacity:0;}
.top-banner-area .item1 .img1{top:-50px; left:-200px; width:371.5px; height:370px; background-image: url(../images/main_item1_01.png); background-size:cover; transform:rotate(-25deg); transition: all 1s ease;}
.top-banner-area .item1.on .img1 {top:6.5px; left:-65px;  transform:rotate(0deg); opacity: 1; transition-delay:.2s;}
.top-banner-area .item1 .img2{top:350px; left:300px; width:227px; height:347px; background-image: url(../images/main_item1_02.png); background-size:227px 347px; transform:rotate(-25deg); transition: all 1s ease;}
.top-banner-area .item1.on .img2 {top:254.35px; left:227.5px; transform:rotate(0deg); opacity: 1; transition-delay:1.2s;}
.top-banner-area .item2 .img1{top:112px; left:-45px; width:148.5px; height:148.5px; background-image: url(../images/main_item2_01.png); background-size:cover; transform: scale(1.5); transition: all 1s ease;}
.top-banner-area .item2.on .img1{transform:scale(1); opacity: 1; transition-delay:.2s;}
.top-banner-area .item2 .img2{top:241.25px; left:113.5px; width:131px; height:154.5px; background-image: url(../images/main_item2_02.png); background-size:131px 154.5px; transition: all 1s ease;}
.top-banner-area .item2.on .img2{opacity: 1; transition-delay:1.2s;}
.top-banner-area .item2 .img3{top:490px; left:290px; width:117.5px; height:119px; background-image: url(../images/main_item2_03.png); background-size:117.5px 119px; transform:translateX(100px) rotate(90deg); transition: all 1s ease;}
.top-banner-area .item2.on .img3{transform:translateX(0); opacity:1; transition-delay:2s;}
@keyframes item3-img2 {
	0%{opacity:0;}
	25%{opacity:1;}
	50%{transform: rotate(360deg);}
	75%{opacity:1;}
	0%{opacity:0;}
}
.top-banner-area .item3 .img1{top:110px; left:220px; width:140px; height:140px; background-image: url(../images/main_item3_01.png); background-size:140px 140px; transform: scale(.5); transition: all 1s ease;}
.top-banner-area .item3.on .img1{opacity:1; transform: scale(1);}
.top-banner-area .item3 .img2{top:210px; left:163px; width:107px; height:107px; background-image: url(../images/main_item3_01.png); background-size:107px 107px;}
.top-banner-area .item3.on .img2{animation: item3-img2 50s infinite;}
.top-banner-area .control-wrap {display:flex; justify-content:space-between; align-items:center; position:absolute; left:46px; top:606.5px; width:50%; z-index:3;}
.top-banner-area .control-wrap .cur-num,
.top-banner-area .control-wrap .total-num {font-size:1.5rem; font-weight:700; color:#000;}
.top-banner-area .control-wrap .progress-wrap {position:relative; display:inline-block; width:122.5px; height:2px; background-color:#c5c5c5;}
.top-banner-area .control-wrap .progress-bar {position:absolute; top:0; left:0; display:inline-block; width:0; height:2px; background-color:#000;}
.top-banner-area .control-wrap .progress-bar.on {width: 100%;}
.top-banner-area .control-wrap .btn-banner-cont{width:18px; height:18px; overflow:hidden; text-indent:-9999px; background: url(../images/main_pause.png) no-repeat center; background-size:cover; margin-left:11px;}
.top-banner-area .control-wrap .btn-banner-cont::before {position: absolute; left:0; top:0; content:''; width:18px; height:18px; background: url(../images/main-top-banner-play-bg.png) no-repeat center;}
.top-banner-area .control-wrap .btn-banner-cont.play {background-image: url(../images/main_play.png);}

 /*index.html (bottom)*/
.bottom-banner-area{position:relative; width:100%; height:100%; padding-top:603px;}
.bottom-banner-area .bottom-link{display:flex; justify-content: space-between; align-items:flex-start;}
.bottom-banner-area .bottom-link .de-img{display:flex; width:55px; justify-content:center; padding-top:33px;}
.bottom-banner-area .bottom-link .de-img span{width:11px; height:180.5px; background-image: url(../images/text/side_txt.png); background-size: 11px 180.5px; background-repeat: no-repeat; background-position:center;}
.bottom-banner-area .bottom-link .link{width:calc(100vw - 55px);}
.bottom-banner-area .bottom-link .link li{padding:48px 0 45.5px;}
.bottom-banner-area .bottom-link .link li ~ li{border-top:1px solid #000;}
.bottom-banner-area .bottom-link .link li:first-child{padding-top:67px;}
.bottom-banner-area .bottom-link .link li:last-child{padding-bottom:74px;}
.bottom-banner-area .bottom-link .link li a{display:block; font-size: 41px;  font-weight: 800}
.bottom-banner-area .bottom-link .link li:nth-child(1) a{width:284.5px; height:87.5px; }
.bottom-banner-area .bottom-link .link li:nth-child(2) a{width:261.5px; height:41.5px;}
.bottom-banner-area .bottom-link .link li:nth-child(3) a{width:269.5px; height:84.5px; }
.bottom-banner-area .bottom-link .link li:nth-child(4) a{width:237px; height:41.5px;}
.bottom-visual{position:relative; width:100%; height:302.5px; overflow: hidden;}
.bottom-visual .text-img-rolling{display:inline-block;}
.bottom-visual .text-img-rolling .text-img{position:absolute; top:0; width:934.5px; height:111.5px; background-image: url(../images/text/rolling.png); background-repeat: no-repeat; background-position: center; background-size: cover; z-index:1; left:0; transform: translateX(5%);}
.bottom-visual .text-img-rolling.on .text-img{animation:scrolling 35s linear infinite;}
@keyframes scrolling {
	0% {transform: translateX(5%);}
  	100% { transform: translateX(-100%);}
}
.bottom-visual .picture-img{position:absolute; width:calc(100vw - 40px); height:163.5px; top:78px; left:50%; transform: translateX(-50%);}
.bottom-visual .picture-img img{width:100%;}
.bottom-banner-area .bottom-list ul{border-top:2px solid #707070;}
.bottom-banner-area .bottom-list ul li{padding:20px 19.65px 39px;}
.bottom-banner-area .bottom-list ul li ~ li{border-top:1px solid #d5d5d5;}
.bottom-banner-area .bottom-list ul li .category{display:block; font-size:18px; padding-bottom:6px;}
.bottom-banner-area .bottom-list ul li a{display:block; font-size:16px; font-weight:normal; color:#8f8f8f; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
 /*greeting.html*/
.greeting-img{width:292.5px;}
.greeting-message{margin:53px 0 100px; font-size:1.6rem; line-height:2.2rem; color:#8f8f8f;}
.greeting-message p ~ p{padding-top:25px;}
.greeting-message > span{display:block; margin-top:32px; font-size:1.5rem; line-height:2rem; color:#000; margin-left:auto; text-align: right;}
.greeting-message mark{width:18.45rem; height:3.8rem; font-size:2.25rem; font-weight:900; color:#5bcc33; background-color: #000; border-left:1rem solid #000; border-right:1rem solid #000; border-bottom:.25rem solid #000; border-top:.25rem solid #000;}

/*company.html*/
.sub-main.company{padding:0; padding-bottom:100px;}
.company-text{padding:0 20px; font-size:1.8rem; line-height:2.7rem; text-align:left; color:#8f8f8f; font-weight:500;}
.company-text span{font-size:2.5rem; line-height:3.7rem; color:#000; font-weight:900;}
.company-detail{width:100%; height:944px; margin:71.75px auto 50px; text-align:center; background-image: url(../images/company_bg.png); background-size:cover;}
.company-detail .line{display:block; position:relative; width:2px; height:59px; background-color: #333; left:50%; top:-21.75px; transform:translateX(-50%);}
.company-detail article ~ article{margin-top:75px;}
.company-detail article:nth-of-type(1){margin-top:40px;}
.company-detail article p{padding:2.5px 0 2.5px; font-size:1.6rem; line-height:2.2rem; font-weight:500; color:#949494;}
.company-detail article p.title{padding-bottom:5px; font-size:1.7rem; line-height:2rem; font-weight:700; color:#333;}
.company-detail article span{display:block; width:104px; height:61.5px; margin:0 auto; margin-bottom:10px; background-size: cover;}
.company-detail article:nth-of-type(1) span{background-image:url(../images/company_img1.png);}
.company-detail article:nth-of-type(2) span{background-image:url(../images/company_img2.png);}
.company-detail article:nth-of-type(3) span{background-image:url(../images/company_img3.png);}
.company-info{padding:11.25px 20px 11.25px;}
.company-info dt{font-size:1.7rem; color:#000; font-weight:700;}
.company-info dd{font-size:1.6rem; color:#8f8f8f; font-weight:500;}

/*directions.html*/
.sub-main.directions{padding:0; margin-top:51px; padding-bottom:100px;}
.map{width:100vw; margin:0 auto 10px;}
.google-link{display:block; position:relative; text-align:right; margin-right:20px; margin-bottom:26.5px;}
.google-link span{display:inline-block; font-size:1.5rem; color:#5bcc33; line-height:2.5rem; font-weight:700; padding-right:30px; border-bottom:1px solid #5bcc33;}
.google-link:after{content:''; position:absolute; top:35%; right:0; width:15px; height:15px; background-image: url(../images/arr_right.png); background-size: cover;}
.directions dl{padding:0 20px;}
.directions dl ~ dl{margin-top:35.5px;}
.directions dl dt{font-size:1.9rem; font-weight:700; line-height:2.8rem; padding-bottom:6.5px;}
.directions dl dd{font-size:1.6rem; font-weight:500; line-height:2.4rem; color:#949494;}

/*mobile-consulting.html*/
.mobile-consulting h4{font-size:2.5rem; line-height:3.7rem; color:#333; font-weight:900; margin-bottom:59.5px;}
.mobile-consulting dl{padding:50.5px 0;}
.mobile-consulting dl dt{position:relative;}
.mobile-consulting dl dt:before{content:''; position:absolute; top:-51px; left:0; width:42px; height:42px; background-size:cover;}
.mobile-consulting dl:nth-of-type(1) dt:before{background-image:url(../images/service_icon1.png);}
.mobile-consulting dl:nth-of-type(2) dt:before{background-image:url(../images/service_icon2.png);}
.mobile-consulting dl:nth-of-type(3) dt:before{background-image:url(../images/service_icon3.png);}
.mobile-consulting dl:nth-of-type(4) dt:before{background-image:url(../images/service_icon4.png);}
.mobile-consulting dl:nth-of-type(5) dt:before{background-image:url(../images/service_icon5.png);}
.mobile-consulting dl:nth-of-type(6) dt:before{background-image:url(../images/service_icon6.png);}
.mobile-consulting dl dt{font-size:1.7rem; color:#333; font-weight:700; padding-bottom:7.5px;}
.mobile-consulting dl dd{position:relative; font-size:1.6rem; padding:1px 0 1px 10px; line-height:2.2rem; color:#949494;}
.mobile-consulting dl dd:before{content:'·'; position:absolute; top:0; left:0; color:#949494;}

/*reference.html*/
.sub-main.reference{padding:0; overflow-x:hidden;}
.swiper{width:290px; margin-left:auto; margin-right:auto; margin-bottom:100px; overflow: visible;}
.swiper ol{display:flex; justify-content:space-between;}
.swiper ol li{width: 245px; height:100%; padding:0 22.5px; margin:0 auto;}
.swiper ol li .num{display:inline-block; font-size:1.4rem; color:#333; font-weight:900; padding-bottom:0.85rem;}
.swiper ol li figure{width:245px; height:245px; background-color:#f5f5f5; border-radius:12.5px; background-position: center; background-repeat:no-repeat;}
.swiper ol .swiper-slide1 figure{background-image: url(../images/reference01.png); background-size:123.4px 102.85px;}
.swiper ol .swiper-slide2 figure{background-image: url(../images/reference02.png); background-size:102.45px 111.385px;}
.swiper ol .swiper-slide3 figure{background-image: url(../images/reference03.png); background-size:129.885px 72.5px;}
.swiper ol .swiper-slide4 figure{background-image: url(../images/reference04.png); background-size:98.75px 117.05px;}
.swiper ol .swiper-slide5 figure{background-image: url(../images/reference05.png); background-size:122.9px 105.5px;}
.swiper ol li h2{font-size:2.15rem; font-weight:900; padding-top:15px; color:#333;}
.swiper ol li .client{display:block; font-size:1.4rem; line-height:2.05rem; color:#a4a4a4; font-weight:700; padding-bottom:9.5px;}
.swiper ol li a{display:inline-block; position:relative; color:#5bcc33; font-size:1.4rem; font-weight:700;}
.swiper ol li a:after{content:''; position:absolute; top:50%; right:-20px; width:14px; height:14px; background-image: url(../images/arr_right.png); background-size: cover; transform:translateY(-50%);}
.swiper ol li p{font-size:1.6rem; line-height:2.2rem; color:#949494; margin-top:15px;}

/*enterprise.html*/
main.sub-main.enterprise{margin-top:61px; padding:0;}
.enterprise section{padding:0 20px;}
.enterprise .netapp{width:100%;}
.enterprise .title{font-size:2.5rem; line-height:3.7rem; color:#333; font-weight:900; padding-bottom:5px;}
.enterprise .detail{font-size:1.7rem; line-height:2.35rem; color:#747474;}
.enterprise .detail2{padding-bottom:2.7rem; font-size:1.8rem; line-height:2.7rem; color:#333; font-weight:bold;}
.enterprise .officer{display:flex; flex-wrap:wrap; justify-content:flex-start; margin:35.5px 0 16.5px;}
.enterprise .officer dt{font-size:1.6rem; line-height:2.05rem; color:#333; font-weight:bold;}
.enterprise .officer dt span{display:inline-block; width:38px; height:1px; background-color:#333; vertical-align:super; margin:0 5.5px;}
.enterprise .officer dd{font-size:1.6rem; line-height:2.05rem; color:#747474; font-weight:bold;}
.enterprise .contact{display:flex; margin-bottom:59px;}
.enterprise .contact dl{margin-right:28.5px;}
.enterprise .contact dt{font-size:1.6rem; line-height:2.05rem; color:#333; font-weight:700;}
.enterprise .contact dd{font-size:1.6rem; line-height:2.05rem; color:#747474;}
.enterprise .product {position:relative; padding:62px 26.5px; margin-bottom:99px; background-color:#f8f8f8; border-radius:12.5px;}
.enterprise .product:after{content:''; position:absolute; top:-19.5px; right:25px; width:54.5px; height:61px; background-size:cover;}
.enterprise .netapp{margin:60px 0 105px;}
.enterprise .product2{margin-bottom:50px;}
.enterprise .product1:after{background-image: url(../images/product_book1.png);}
.enterprise .product2:after{background-image: url(../images/product_book2.png);}
.enterprise .detail-inner{color:#333;}
.enterprise .product3{border-radius: 0; margin-bottom:0;}
.enterprise .product3{text-align: center;}
.enterprise .product3 > span{display:inline-block; margin-bottom:30px; font-size:1.8rem; color:#5bcc33; font-weight:bold;}
.enterprise .product3 .list-des4 ~ .list-des4{margin-top:25px;}
.enterprise .product3 .list-des4 figure{width:56px; height:56px;}
.enterprise .product3 article:nth-of-type(1) figure{background-image: url(../images/enterprise_img1.png);}
.enterprise .product3 article:nth-of-type(2) figure{background-image: url(../images/enterprise_img2.png);}
.enterprise .product3 article:nth-of-type(3) figure{background-image: url(../images/enterprise_img3.png);}
.enterprise .product3 article:nth-of-type(4) figure{background-image: url(../images/enterprise_img4.png);}

/*partners.html*/
.partners ul{display:flex; flex-wrap: wrap; justify-content: space-between; width:344px; height:100%; margin:0 auto 100px;}
.partners ul li{position:relative; width:162px; height:157.5px; margin-bottom:20px; background-color:#f6f6f6; border-radius:12.5px; background-repeat: no-repeat; background-position: center 40%;}
.partners ul li h2{position:absolute; width:100%; text-align:center; bottom:19.5px;font-size:1.5rem; line-height:2.25rem; color:#949494;}
.partners ul li:nth-of-type(1){background-image: url(../images/partner_logo_01.png); background-size:124.5px 22.5px;}
.partners ul li:nth-of-type(2){background-image: url(../images/partner_logo_02.png); background-size:55px 55px;}
.partners ul li:nth-of-type(3){background-image: url(../images/partner_logo_03.png); background-size:101px 38.9px;}
.partners ul li:nth-of-type(4){background-image: url(../images/partner_logo_04.png); background-size:96.5px 31.3px;}
.partners ul li:nth-of-type(5){background-image: url(../images/partner_logo_05.png); background-size:107.2px 30.45px;}
.partners ul li:nth-of-type(6){background-image: url(../images/partner_logo_06.png); background-size:127.55px 28.75px;}
.partners ul li:nth-of-type(7){background-image: url(../images/partner_logo_07.png); background-size:118.85px 28.5px;}
.partners ul li:nth-of-type(8){background-image: url(../images/partner_logo_08.png); background-size:98.5px 31px;}
.partners ul li:nth-of-type(9){background-image: url(../images/partner_logo_09.png); background-size:124px 20.5px;}
.partners ul li:nth-of-type(10){background-image: url(../images/partner_logo_10.png); background-size:121.5px 22px;}

/*notice.html*/
.sub-main.notice{padding:0 0 100px;}

/*news.html*/
.sub-main.news{padding:0 0 100px;}

/*wanted.html*/
.sub-main.wanted{padding:0 0 100px;}

/*board.html*/
.sub-main.board{padding:0 0 100px;}

/*qna.html*/
.sub-main.qna{background-color:#3b3b3b; padding-top:53px;}
.board-qna-tbl{text-align:left; margin-bottom:67px;}
.board-qna-tbl tr{position:relative; display:block; border-bottom:1px solid #afafaf;}
.board-qna-tbl tr ~ tr{margin-top:50px;}
.board-qna-tbl th{display:flex; justify-content: space-between; align-items:center; padding:10px 0; font-weight:normal; color:#fff;}
.board-qna-tbl td{display:block; width:100%;}
.board-qna-tbl input,
.board-qna-tbl textarea{background-color:#3b3b3b; color:#fff; border-color:#afafaf;}
.board-qna-tbl input{width:100%; height:32.5px; font-size:1.4rem;}
.board-qna-tbl label{position:relative; font-size:1.5rem; line-height:2.25rem; color:#fff;}
.board-qna-tbl label.star:after{content:'*'; position:absolute; color:#5bcc33;}
.board-qna-tbl textarea{width:100%; height:317px; font-size:1.5rem; text-indent: 10px;}
.board-qna-tbl input.label{position:relative; font-size:1.5rem; line-height:2.25rem; color:#fff;}
.board-qna-tbl input.label.star:after{content:'*'; position:absolute; color:#5bcc33;}

.board-qna-tbl textarea{width:calc(100vw - 40px); height:317px; font-size:1.5rem; text-indent: 10px;}
.board-qna-tbl input::placeholder {color:#acacac; font-size:1.4rem;}
.board-qna-tbl .file-area{display:flex;}
.file-area{display:flex; justify-content:space-between; width:100%;}
.file-area .title{display:inline; font-size:1.5rem; line-height:2.75rem; color:#fff;}
/* .file-area .file-box{display:flex; justify-content:space-between; align-items: center; width:80%;} */
.file-area .file-box{position:absolute; top:5px; right:0; display:flex; justify-content:space-between; align-items: center; width:80%;}
.file-area .file-name{width:75%;}
.file-area .file-button{display:inline; font-size:1.5rem; color:#a2a2a2;}

/*people.html*/
.people img{width:100%;}
.people dt{margin-top:61px; font-size: 20px; font-weight: 700}
.people dt ~ dt{margin-top:33px;}
.people dt.passion{width:108.5px; height:25.5px;}
.people dt.leadership{width:153px; height:25.5px; }
.people dt.creativity{width:147px; height:25.5px;}
.people dd{position:relative; width:100%; font-size:1.6rem; line-height:2.2rem; color:#949494; padding-top:3px;}
.people dd:after{content:''; position:absolute; top:-21px; right:0; width:57.5px; height:57.5px;}
.people dd.passion:after{background-image: url(../images/passion_img.png); background-size: cover;}
.people dd.leadership:after{background-image: url(../images/leadership_img.png); background-size: cover;}
.people dd.creativity:after{background-image: url(../images/creativity_img.png); background-size: cover;}