/*-------------------------------------------------------------------------------
  1. General  영문 Inter
-------------------------------------------------------------------------------*/
html{ height:100%; font-size: 10px; -webkit-font-smoothing: antialiased;  -webkit-font-smoothing: antialiased; }
body{ font-size:1.6rem; line-height:1.8rem;  font-family: 'pretendard', sans-serif; font-weight: 400; color:#444; word-break: keep-all; }
section{ overflow: hidden;}


/* 스크롤바 설정 */
::-webkit-scrollbar{width: 3px;  height: 8px;}
::-webkit-scrollbar-thumb {cursor: pointer;  background: #0070c0;}
::selection{background-color:#0070c0;color:#231f20;}
-webkit-::selection{background-color:#0070c0;color:#231f20;}
::-moz-selection{background-color:#0070c0;color:#231f20;}

/* 사이트 컬러 설정 */
.color-main{color:#0070c0 !important;}
.color-point{color:#71bf44 !important;}
.color-black{color:#231f20 !important;}
.color-sub-1{color:#ff9600 !important;}
.color-sub-2{color:#e86a36 !important;}
.color-sub-3{color:#58574a !important;}
.bg-main{background-color:#0070c0 !important;}
.bg-point{background-color:#71bf44 !important;}
.bg-black{background-color:#231f20 !important;}
.bg-sub-1{background-color:#ff9600 !important;}
.bg-sub-2{background-color:#e86a36 !important;}
.bg-sub-3{background-color:#58574a !important;}
.border-main{border-color:#0070c0  !important;}
.border-point{border-color:#71bf44 !important;}
.border-black{border-color:#231f20 !important;}
.border-sub-1{border-color:#ff9600 !important;}
.border-sub-2{border-color:#e86a36 !important;}
.border-sub-3{border-color:#58574a !important;}

/*링크 */
a{color:#fff;  -webkit-transition: color .2s ease-out; -o-transition: color .3s ease-out;  transition: color .3s ease-out; cursor:pointer; }
a:hover,a:focus {color:#ff9600;outline: none;}
a:visited{color:#fff;}

/*기본버튼*/
button{  border:1px solid #231f20; color:#231f20; text-align: center; padding:0.7rem 3rem; margin:0; font-size:18px; font-weight:400; background-color:transparent; border-radius: 2.5em; transition: 0.5;}
button:hover{ color:#fff; background-color: #231f20; padding:0.7rem 4rem; transition: 1s;}

.basic-btn{ width:250px; height:55px;}
.basic-btn:hover{ width:280px; }
.footer-btn{ width:250px; font-size:1.5rem; background-color: #555; color:#fff;}
.footer-btn:hover{ width:280px; font-size:1.5rem; background-color: #aaa;}
.eng-btn{ padding:0.7rem 1.3rem; font-size: 1.4rem; border:1px solid rgba(255,255,255,0.4); color:#fff; border-radius: 0.2rem;}
.eng-btn:hover{ color:#ff9600; padding:0.7rem 1.3rem; }

.eng-btn2{ padding:0.7rem 1.3rem; font-size: 1.4rem; border:1px solid rgba(0,0,0,0.8); color:#231f20; border-radius: 0.2rem; transition: 0.5s;}
.eng-btn2:hover{ color:#fff; padding:0.7rem 1.3rem; }

.mcon-btn{ width:180px; font-size:1.5rem; border:1px solid #bbb; color:#bbb;}
.mcon-btn:hover{ width:210px; font-size:1.5rem; background-color: #231f20;}

.mcareers-btn{ width:180px; padding:1rem; font-size:1.5rem; border:0;  color:#fff; background-color: #0070c0;}
.mcareers-btn:hover{ width:210px;padding:1rem; font-size:1.5rem; background-color: #fff; color:#aaa;}

.down-btn{ width:150px; font-size:1.5rem; padding:0.7rem; text-align: center; border:1px solid #999; color:#231f20;}
.down-btn:hover{ width:180px; font-size:1.5rem; padding:0.7rem; background-color: #231f20; color:#fff;}

.sns-btn{  font-size:1.5rem; padding:1rem; text-align: center; border:0; background-color:#0070c0 ; color:#fff;border-radius: 50%;}
.sns-btn:hover{  font-size:1.5rem; padding:1.3rem; background-color: #231f20; color:#fff; transition: 0.3s;}

/*페이지 탑 버튼 */
.page-top-btn a{color:#fff; -webkit-transition: color .2s ease-out; -o-transition: color .3s ease-out;  transition: color .3s ease-out; cursor:pointer; }
.page-top-btn a:hover,a:focus {color:#231f20; outline: none;}
.page-top-btn a:visited{color:#fff;}










/* white-text 클래스가 있는 섹션에 navbar-is-white 이 클래스가 붙으면 추가되는 클래스*/
.page-white{ color:white; }
.b-white-1{ border-bottom:1px solid rgba(255,255,255,0.2); }

/*상단메뉴 설정*/
.basic-nav{ position:relative;}
.basic-head{ position:fixed; top:0; left:0; width:100%; height:8rem; background-color: transparent; border-bottom:1px solid rgba(255,255,255,0.4);}
.head-border{ border-bottom:1px solid rgba(0,0,0,0.1);}
.head-logo{position:relative; color:white; font-size:3rem; font-weight:600; }
.head-menu{ color:white; height:100%;}
.head-menu-list{ display:flex; justify-content:center; }
.head-menu-list li{ padding:0 0px; width:160px; font-weight:500; font-size:1.8rem;}
.side-toggle{ color:white; width:40px; height:40px;  text-align:right; position:fixed; top:20px; right:15px; }
.head-menu-list li a{ color:#fff;}
.head-menu-list li a:hover{ color:#ff9600; font-weight: 700;}
.head-menu-list li a.color-1{ color:#ff9600;outline: none; font-weight: 700; transition: 0.3;}
.head-menu-list li a.color-2{ color:#e86a36;outline: none; font-weight: 700; transition: 0.3;}

.head-menu-list2{ display:flex; justify-content:center; }
.head-menu-list2 li{ padding:0 0px; width:160px; font-weight:500; font-size:1.8rem;}
.head-menu-list2 li a{ color:#231f20;}
.head-menu-list2 li a:hover{ color:#e86a36; font-weight: 700;}
.head-menu-list2 li a.color-1{ color:#ff9600;outline: none; font-weight: 700; transition: 0.3;}
.head-menu-list2 li a.color-2{ color:#e86a36;outline: none; font-weight: 700; transition: 0.3;}


.sub-menu-space{ display:flex; justify-content:center; }
.sub-menu-space li{ padding:0 0px; width:160px; font-weight:500; font-size:1.8rem;}



/*메인로고 변화 설정*/
.logo-white{background-image: url('../images/logo-white.png'); background-repeat: no-repeat; background-position: center left; background-size: 130px;}
.logo-color{background-image: url('../images/logo.png'); background-repeat: no-repeat; background-position: center left; background-size: 130px;}

/*사이드 메뉴 설정 */
.basic-side{ position:fixed; top:0; right:-90%; width:90%; height:100%; background-color: transparent; }
.side-menu-box{ width:100%; padding:20px; }
.side-menu{ width:100%;}
.side-menu li{text-align:left; font-weight:300; font-size: 1.4rem; line-height: 1.7rem;}
.side-menu li.title{clear:both; width:100%; margin-top: 1rem; margin-bottom:5px; font-weight:500; border-bottom: 1px solid #ddd; font-size: 1.8rem; line-height: 2.5rem;}
.side-menu li.title span{ color:#1958a7; font-size: 1.5rem; padding-left:15px;}
.side-menu li.title::before{content: '';}
.side-menu li a{color:#555;}
.side-foot{ position:absolute; bottom:0; left:0; padding:20px; text-transform:uppercase; font-size:1.1rem; letter-spacing: 3px;}
.silde-btn{ background:rgba(255,255,255,0.4); display: inline-block; padding:0px 10px; border-radius: 2rem;}
.eng{padding-top:30px; margin-top: 30px; border-top: solid #ddd 1px; text-align: left;}
.eng a button {font-size: 0.9em;}

/* 탑버튼 설정 */
.page-top-btn{ position:fixed; width:30px; height:30px; bottom:30px;right:25px; background-color: #1958a7; border:1px solid #fff; border-radius: 50%; text-align: center;}


/*서브메뉴 */
.sub-menu{ position:fixed; left:0; top:8rem; height:340px; background-color: rgba(255,255,255,0.2); z-index: 9; transition: 0.5s; overflow: hidden; }
.sub-menu-con{ border-bottom:1px solid rgba(0,0,0,0.1); }
.sub-menu-list{ }
.sub-menu-list li{color:#ddd; font-size:1.5rem; line-height:2.5rem; font-weight: 300;}
.sub-menu-list li.sub-left{ font-size:1.3rem;  line-height: 1.7rem;}
.sub-menu-list li.sub-left::before{ content:"-"; padding-right:5px; }
.sub-menu-list li a{ color:#ddd; font-weight: 200;}
.sub-menu-list li a:hover{ color:#fff; font-weight: 400; transition: 0.3s;}
.sub-menu-list li a:active, a:visited{ color:#ddd; font-weight: 300;}


.sub-menu-list2{ }
.sub-menu-list2 li{color:#58574a; font-size:1.5rem; line-height:2.5rem; font-weight: 300;}
.sub-menu-list2 li a{ color:#58574a; font-weight: 200;}
.sub-menu-list2 li a:hover{ color:#000; font-weight: 500; transition: 0.3s;}

.sub-menu2{ background-color: rgba(230,230,230,0.95); z-index: 9; transition: 0.5s; overflow: hidden; }

/* 사이드메뉴 */


/*페이지 설정 */
.basic-content-box{ position:relative; width:1300px; padding:30px 0; }

/* 메인 제품 설명*/
.main-product{ background-image: url('../images/bg-main-product.jpg');}
.main-product-img{ background-image: url('../images/main-product.png'); background-repeat: no-repeat; background-position: left 70% bottom; box-sizing:border-box;}
.main-product-harf{ background-image: url('../images/bg-main-product2.jpg'); background-repeat: no-repeat; background-position:center;}
.main-product-list-img{  border: 1px solid #fff ; height:240px; background-color: #000; }
.main-product-list-text{ position: relative; top:50%; left:50%; transform: translate(-50%,-50%); opacity:0; transition: opacity 0.3s ease-in-out; color:#fff; font-size: 2.5rem; font-weight: 400;}

/* 박스 오버시 라인생김*/
.line-box {width:100%; height:100%; position:relative; box-sizing:border-box;}
.line-box-in {width:100%; height:240px; position:relative; text-align: center;}
.line-box:before,.line-box:after,.line-box-in:after,.line-box-in:before {transition:all 0.2s ease; display:block; content:''; position:absolute; background:#fff; z-index:100;}
.line-box:before {top:0; left:0; right:100%; height:4px; }
.line-box:after {top:0; right:0; bottom:100%; width:4px; }
.line-box:hover:before{-webkit-transition-delay:0s; transition-delay:0s; right:0;}
.line-box:hover:after {-webkit-transition-delay:.1s; transition-delay:.1s; bottom:0;}
.line-box-in:after {bottom:0; right:0; left:100%; height:4px;}
.line-box-in:before {bottom:0; left:0; top:100%; width:4px;}
.line-box-in:hover:after {-webkit-transition-delay:.2s; transition-delay:.2s; left:0;}
.line-box-in:hover:before {-webkit-transition-delay:.3s; transition-delay:.3s; top:0;}

.img-01{ background-image:url('../images/main-product-1.png'); background-repeat: no-repeat; background-size: cover;}
.img-02{background-image: url('../images/main-product-2.png'); background-repeat: no-repeat; background-size: cover;}
.img-03{background-image: url('../images/main-product-3.png'); background-repeat: no-repeat; background-size: cover;}
.img-04{background-image: url('../images/main-product-4.png'); background-repeat: no-repeat; background-size: cover;}
.img-05{background-image: url('../images/main-product-5.png'); background-repeat: no-repeat; background-size: cover;}
.box-con{ width:100%; height:100%; box-sizing:border-box; background-color: rgba(0,0,0,0); opacity: 0; cursor: pointer;}
.box-con:hover{ box-sizing:border-box; background-color:rgba(0,0,0,0.3); opacity: 1; transition: 0.5s;}

.line-box-main {width:100%; height:100%; position:relative; box-sizing:border-box; border:1px solid #ddd; padding:0 20px;}
.line-box-main-in {width:100%; min-height:240px; position:relative; text-align: center;}
.line-box-main:before,.line-box-main:after,.line-box-main-in:after,.line-box-main-in:before {transition:all 0.2s ease; display:block; content:''; position:absolute; background:#1958a7; z-index:100;}
.line-box-main:before {top:0; left:0; right:100%; height:4px; }
.line-box-main:after {top:0; right:0; bottom:100%; width:4px; }
.line-box-main:hover:before{-webkit-transition-delay:0s; transition-delay:0s; right:0;}
.line-box-main:hover:after {-webkit-transition-delay:.1s; transition-delay:.1s; bottom:0;}
.line-box-main-in:after {bottom:0; right:0; left:100%; height:4px;}
.line-box-main-in:before {bottom:0; left:0; top:100%; width:4px;}
.line-box-main-in:hover:after {-webkit-transition-delay:.2s; transition-delay:.2s; left:0;}
.line-box-main-in:hover:before {-webkit-transition-delay:.3s; transition-delay:.3s; top:0;}

/*유튜브 부분 */
.main-utube{ background-image: url('../images/bg-main-utube.png'); padding:60px;}

/* 일정섹션에서 칼라를 바꾸기위한 스타일   color-tran 이 있는 곳*/
.color-white-change{color:white; transition: all 0.5s;}

/*하단 설정*/
footer{ position:relative; background: #231f20; color:#fff; }
.footer-name{ font-size: 3.0rem; letter-spacing: 1px; padding-top: 20px; font-weight: 900}
.footer-menu{ padding-top: 30px;}
.footer-menu li{float:left; color:#fff; font-size: 1.7rem; font-weight: 400}
.footer-menu li.da{ font-weight: 100;}
.footer-menu li:hover{ color:#ff9600; font-weight: 600; transition: 0.5s;}
.footer-copy{ text-transform: uppercase; margin-top: 180px; font-size: 1.4rem; font-weight: 300}
.footer-btn-box{ margin-top: 20px;}
.footer-adress{ padding-top: 20px; font-weight: 100; line-height: 2.5rem; font-size: 1.35rem; letter-spacing: 0.025rem;}
.footer-adress span{ font-size: 1.7rem; font-weight: 500; line-height: 2.5rem;}
.footer-logo{ text-align: end; padding-top: 35px;}


/* col gutter 양쪽 패딩 없에기*/
.col-gutter{}
.col-gutter :first-child{ padding-left: 0;}
.col-gutter :last-child{ padding-right: 0;}

/*메인슬라이드 */
.m-slide-1{ background-image: url('../images/main-slide-1.gif'); background-position: top center; background-repeat: no-repeat; background-size: cover;}
.m-slide-2{ background-image: url('../images/main-slide-2.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover;}
.m-slide-3{ background-image: url('../images/main-slide-3.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover;}


.m-slide-01{ position: relative; background-color: #000; background-blend-mode: multiply; }
.m-slide-01::before{ content: '';  width:100%; height:100%; background-image: url('../images/ms-b.gif'); background-position: top center; background-repeat: no-repeat; background-size: cover; position: absolute;  opacity: 0.2;}
.m-slide-02{ position: relative; background-color: #000; background-blend-mode: multiply; }
.m-slide-02::before{ content: '';  width:100%; height:100%; background-image: url('../images/ms-a.gif'); background-position: top center; background-repeat: no-repeat; background-size: cover; position: absolute;  opacity: 0.3;}

.slide-zum{ background-size: 105%; transition: 10s;}
@media (max-width: 576px) {
.xs-slide-cover{ background-size: cover; }
}

/* 메인 컨텐츠 타이틀*/
.title-topline{ width:80px; height:5px;}
.con-title{font-size: 7rem; font-weight: 100; line-height: 8rem;}
.con-title span{ font-weight: 600;}
.title-text{ font-size:2.2rem; line-height: 2.7rem; letter-spacing: -1px;}
.title-text span{ font-weight: 500;}
.title-big-text{ font-size:4rem;font-weight: 100; line-height: 4.5rem;letter-spacing: -1px;}
.title-big-text span{font-weight:500;}

.mcon-img-box{ overflow: hidden;  width:90%;}
.mcon-img-box img{ width:100%; }
.mcon-text-box{ width:100%;}
.mcon-title{ font-size: 3.5rem; font-weight: 800; line-height: 5.5rem; margin-top: 30px;}
.mcon-title-blue{ font-size: 2.3rem; font-weight: 700; line-height: 5.5rem;  color:#0070c0;}
.mcon-title-green{ font-size: 2.3rem; font-weight: 700; line-height: 5.5rem; color:#71bf44;}
.mcon-line{ height:16px; border-top:1px solid #ddd; }
.mcon-text{ font-size: 1.6rem;  line-height: 2.2rem; font-weight: 400; margin-bottom:40px;}
.mcon-eng-1{ font-size: 3rem; color:#0070c0; font-weight: 400; line-height: 3.3rem; margin-bottom:40px;}
.mcon-eng-2{ font-size: 3rem; color:#71bf44; font-weight: 400; line-height: 3.3rem; margin-bottom:40px;}
.mcareers{ position: relative; height:600px; margin-bottom:1px; background-color: #1958a7;background-blend-mode: soft-light;}
.mcareers::before{content: '';  background-image: url('../images/main-about-bg.jpg');  background-repeat: no-repeat; background-size: cover;  position: absolute; top:0px; left:0px; right:0px; bottom:0px; opacity: 0.1;}
.careers-logo{ text-align: center;}
.careers-logo img{ width:13%;}
.careers-text{ text-align: center; color:#fff; font-size: 9rem; line-height: 9rem; font-weight: 700; margin-top: 50px;}
.careers-btn-box{ position: relative; z-index: 9;}

/* 메인 슬라이드 */
.main-slide-topline{ width:320px; height:14px; background-color: white; opacity: 0.3;}
.main-slide-title{ font-size: 11rem; font-weight: 900; line-height: 11rem;  text-align: left;}
.main-slide-han{ font-size: 2.5rem; font-weight: 500; color:#71BF44; line-height: 5rem;text-align: left;}
.main-slide-line{ height:1px; border-top:1px solid rgba(255,255,255,0.3); }
.main-slide-line2{ position: absolute; bottom: 150px; left: 0; width:100%; height:1px; padding-left: 70px; padding-right: 70px;  }
.main-slide-text{ font-size: 2.0rem; font-weight: 400;line-height: 4rem; text-align: left;}

/*메인 어바웃 부분*/
.main-about-text{ padding:5rem; padding-right: 1rem; font-size: 2.4rem; line-height: 3.5rem; font-weight: 200; word-break: keep-all;}

/*서브탑 이미지*/
.sub-top{position: relative; width:100%; height:590px; background-color: #000;background-blend-mode: multiply;} 

.bg-about{ position: relative; background-color: #000; background-blend-mode: multiply; }
.bg-about::before{ content: '';  width:100%; height:100%; background-image: url('../images/bg-about.jpg'); background-repeat: no-repeat; background-size: cover; position: absolute;  top:0px; left:0px; right:0px; bottom:0px; opacity: 0.3;}
.bg-business{ position: relative; background-color: #000; background-blend-mode: multiply; }
.bg-business::before{ content: '';  width:100%; height:100%; background-image: url('../images/bg-business.jpg'); background-repeat: no-repeat; background-size: cover; position: absolute;  top:0px; left:0px; right:0px; bottom:0px; opacity: 0.3;}
.bg-product{ position: relative; background-color: #000; background-blend-mode: multiply; }
.bg-product::before{ content: '';  width:100%; height:100%; background-image: url('../images/bg-product.jpg'); background-repeat: no-repeat; background-size: cover; position: absolute;  top:0px; left:0px; right:0px; bottom:0px; opacity: 0.3;}
.bg-notice{ position: relative; background-color: #000; background-blend-mode: multiply; }
.bg-notice::before{ content: '';  width:100%; height:100%; background-image: url('../images/bg-marketing.jpg'); background-repeat: no-repeat; background-size: cover; position: absolute;  top:0px; left:0px; right:0px; bottom:0px; opacity: 0.3;}
.bg-contact{ position: relative; background-color: #000; background-blend-mode: multiply; }
.bg-contact::before{ content: '';  width:100%; height:100%; background-image: url('../images/bg-contact.jpg'); background-repeat: no-repeat; background-size: cover; position: absolute;  top:0px; left:0px; right:0px; bottom:0px; opacity: 0.3;}


/* 서브상단*/
.sub-top-line{ width:320px; height:14px; background-color: white; opacity: 0.3;}
.sub-top-title{ font-size: 10rem; font-weight: 900; line-height: 10rem;  text-align: center; word-break: keep-all;}
.sub-top-han{ font-size: 4rem; font-weight: 400; line-height: 4rem;text-align: center;}
.sub-top-text{ display: inline-block; font-size: 3rem; font-weight: 200; line-height: 3rem;   opacity: 0.6; text-align: center; word-break: keep-all;}

/*페이지 메뉴*/
.page-menu-line{ min-height:46px; border-bottom: 1px solid #ddd;}
.page-menu-list{ }
.page-menu-list li{color:#333; width:200px; text-align: center; padding:0.5rem; margin: 2rem; font-size:1.7rem; line-height:2.5rem; font-weight: 600; float: left; border:1px solid #ddd; box-sizing:border-box;}
.page-menu-list li:hover{ background:#1958a7; color:#fff; transition: 0.5s;}
.page-menu-list li.point{ background:#1958a7; color:#fff; transition: 0.5s;}
.page-menu-list li.green:hover{ background:#71bf44; color:#fff; transition: 0.5s;}
.page-menu-list li.green-point{ background:#71bf44; color:#fff; transition: 0.5s;}

/*페이지 타이틀*/
.page-title-topline{ width:80px; height:5px;}
.page-title{font-size: 5rem; font-weight: 100; line-height: 6rem; word-break: keep-all; }
.page-title span{ font-weight: 600;}

/*페이지 컨텐츠 타이틀 */
.pcon-img-box{ overflow: hidden;  width:95%;}
.pcon-img-box img{ width:100%; }
.pcon-box{ width:100%;}
.pcon-title{ font-size: 2.3rem; font-weight: 700; line-height: 3.0rem; margin-bottom: 20px;}
.pcon-title-blue{ font-size: 2.3rem; font-weight: 700; line-height: 5.5rem;  color:#0070c0;}
.pcon-title-green{ font-size: 2.3rem; font-weight: 700; line-height: 5.5rem; color:#71bf44;}
.pcon-han{ font-size: 1.8rem; margin-top:-10px; margin-bottom:50px;}
.pcon-line{ height:16px; border-top:1px solid #ddd; }
.pcon-text{ font-size: 1.6rem;  line-height: 2.2rem; font-weight: 400; margin-bottom:40px;}
.pcon-eng-blue{ font-size: 7.5rem; color:#0070c0; font-weight: 900; line-height: 7rem; margin-top: -20px; }
.pcon-eng-green{ font-size: 7.5rem; color:#71bf44; font-weight: 900; line-height: 7rem; margin-top: -20px;  }

/* 테이블 */
.basic-table{}
.basic-table thead th{font-size: 2rem; line-height: 3rem; border-bottom: 2px solid #333;}
.basic-table tbody td{ padding:15px 0;}
.basic-table tbody th{ font-size: 1.7rem; padding-top: 15px;}
/*서브 컨텐츠 타이틀*/
.sub-con-title{font-size: 3rem; font-weight: 100; line-height: 5rem; font-weight: 600; word-break: keep-all;}
.sub-con-title::before{content: '-'; font-size: 5rem; font-weight: 700; color:#0070c0; vertical-align:middle; padding-right: 10px; margin-top:-10px; display: inline-block;}

/*회사소개*/
.about-left{ height:1220px; background-image: url('../images/img-about-1.jpg'); background-position: right bottom; background-repeat: no-repeat; background-size: cover; text-align: right; color:#fff;}
.about-right{ text-align: left; padding-left: 130px; padding-right:40px; }
.about-big-text{ font-size:5rem; font-weight: 100; line-height: 5.5rem; letter-spacing: -1px;}
.about-big-text span{font-weight:700;}

/*연혁*/
.history-list{ margin-bottom: 20px;}
.history-list li{line-height: 2.7rem; position: relative; padding-left: 50px;}
.history-list li.title{padding-left: 0; font-size: 3.5rem; line-height: 4.2rem; font-weight: 700; font-family: 'S-CoreDream'; padding-bottom: 10px; }
.history-list li span{position: absolute; left: 0; top: 0; font-weight: 500; color:#0070c0; width: 45px}
.history-list li.wide {line-height: 2.7rem; position: relative; padding-left: 100px;}
.history-list li.wide span {position: absolute; left: 0; top: 0; font-weight: 500; color:#0070c0; width: 90px}
.history-list li:last-child{ padding-bottom: 20px; border-bottom: 1px solid #ddd;}

/*주요투자사*/
.investors-line{ background-color: #eee;}

/*파트너*/
.parter-box{ width:100%;  background-image: url('../images/ban.png'); background-position: center; background-repeat: repeat-y; }
.parter-box2{ width:100%;  background-image: url('../images/ban2.png'); background-position: center; background-repeat: repeat-y; }
.partner-title{ width:100%; color:#fff; text-align:right; padding-right:30px;}
.main-partner-bg{background-color:#d9eaf6; padding:20px;}

@media (max-width: 576px) {
    .parter-box{ width:100%;  background-image: none; }
    .parter-box2{ width:100%;  background-image: none; }
    .partner-title{ width:100%; color:#fff; text-align:right; background-color: #0070c0; padding: 2rem; text-align: center; font-size: 2rem; font-weight: 500; }
    .main-partner-bg{background-color:#d9eaf6; padding:20px;}
}

/*contact */
.contact-line{ height:2px; width:50px; background-color: #1958a7;}
.contact-title{ font-size: 4rem; line-height: 5rem; font-weight: 500;}
.contact-info{ font-size: 2rem; line-height: 5rem; font-weight: 600; letter-spacing: 1px;}
.contact-info span{ color:#bbb; font-weight: 300;}
.contact-info span::before{content: '●'; margin-right: 10px; color:#eee;}

/* 페이지 탭*/
.page-tab{ text-align: center; padding:1.5rem; border:1px solid #ddd; font-size: 2rem; line-height: 2.5rem; cursor: pointer;}
.page-tab-point{text-align: center; padding:1.5rem; border:1px solid #ddd; font-size: 2rem; line-height: 2.5rem;  color:#fff; background-color: #0070c0; border:1px solid #0070c0;}
.page-tab:hover{ color:#fff; background-color: #0070c0; border:1px solid #0070c0; transition: 0.5s;}
.page-list{ margin-top: 30px;}
.page-list li{ line-height: 1.9rem; padding:0.5rem 0; }
.page-list li::before{content: '-'; padding-left: 5px; padding-right: 10px;}
.page-list li.title{ font-weight: 500; }
.page-list li.title::before{content: ''; padding:0;}

/*제품소개*/
.product-item{ width:100%; min-height:340px; background-size: cover; background-repeat: no-repeat; background-color: #000;}
.product-item-box{ width:100%; height:340px; background-color:rgba(0,0,0,0.3); opacity: 0;}
.product-item-box:hover{background-color:rgba(0,0,0,0.3); opacity: 1; transition: 0.5s;}

.product-list{}
.product-list li{ font-size: 1.7rem; line-height: 2.3rem; padding:0.5rem 0; }
.product-list li::before{content: '-';  padding-right: 5px;}
.product-list li.title{ font-size: 2.5rem; line-height: 3.5rem; font-weight: 500; }
.product-list li.title::before{content: ''; padding:0;}
.product-list li.no-dash{font-size: 1.5rem; line-height: 1.9rem; padding:0.3rem 0; padding-left:15px; }
.product-list li.no-dash::before{content: ''; }

/*notice*/
.color-box{ height:180px; color:#fff; padding:10px; text-align: center; font-size: 1.4rem;}

/*welfare*/
.welfare-box{width:80%; height:300px; display: flex; flex-direction: column; justify-content: center; }
.welfare-icon{ width:150px; height:150px; border-radius: 50%; background-color: #f1f1f1;  background-position: center; background-size: 50%; background-repeat: no-repeat; }
.welfare-text{ text-align: center; font-weight: 400; }



.icon-01{ background-image: url('../images/welfare-icon-01.png');}
.icon-02{ background-image: url('../images/welfare-icon-02.png');}
.icon-03{ background-image: url('../images/welfare-icon-03.png');}
.icon-04{ background-image: url('../images/welfare-icon-04.png');}
.icon-05{ background-image: url('../images/welfare-icon-05.png');}
.icon-06{ background-image: url('../images/welfare-icon-06.png');}
.icon-07{ background-image: url('../images/welfare-icon-07.png');}
.icon-08{ background-image: url('../images/welfare-icon-08.png');}
.icon-09{ background-image: url('../images/welfare-icon-09.png');}
.icon-10{ background-image: url('../images/welfare-icon-10.png');}
.icon-11{ background-image: url('../images/welfare-icon-11.png');}
.icon-12{ background-image: url('../images/welfare-icon-12.png');}


/* 테이블 */
.product-table{ border:1px solid #ddd;}
.product-table th{font-size: 1.7rem; border-bottom: 1px solid #ddd; padding:10px; text-align: center;border-right:1px solid #ddd;}
.product-table td{ padding:10px; border-bottom: 1px solid #ddd; border-right:1px solid #ddd;}

/* 테이블 */
.product-table2{ border:1px solid #ddd;}
.product-table2 th{font-size: 1.7rem; border-bottom: 1px solid #ddd; padding:10px; text-align: center;border-right:1px solid #ddd; }
.product-table2 td{ padding:10px; border-bottom: 1px solid #ddd; border-right:1px solid #ddd; text-align: center;}
.product-table2 td.stitle{ background:#f9f9f9;}


/*CI*/
.bg-ci{ background-image: url('../images/bg_line_pattern.png'); border:1px solid #ddd; }


/* 슬릭 슬라이더 */
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 10ms;
}

*{padding:0; margin:0;}
.slider-box{position:relative;width:100%; max-width:100%; height: 100%; margin:0 auto;}
ul{
    list-style:none;
}
.slick-arrow {position:absolute; display:block; width:50px; height:50px; top: 50%; z-index:9; border:0; background:none; color:rgba(0,0,0,0)}
.slick-arrow.slick-prev {left:0;}
.slick-arrow.slick-prev:before{content:"<"; color:#fff; font-size:70px; opacity: 0.5;}
.slick-arrow.slick-next {right:0;}
.slick-arrow.slick-next:after{content:">"; color:#fff; font-size:70px;}

.pro-bar{
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:10px;
    background: #ccc;
}
    .pro-ani{
      animation-name: proBar;
      animation-duration:5s;
      animation-iteration-count: 1;
      width:100%;
    }

    @keyframes proBar{
    0%{width:0;}
    100%{width:100%;}
    }
 .slider-box:hover .pro-bar{
        animation-play-state: paused;
    }



/* 게시판 넓이 */
.notice-wide {width:95%; margin:0 auto;}
@media (max-width: 1199px) { .notice-wide {width:95%; margin:0 auto;} }
@media (max-width: 991px) { .notice-wide {width:100%; margin:0 auto;} }
@media (max-width: 767px) { .notice-wide {width:100%; margin:0 auto;} }