/* BASIC css start */
.tab-con { width: 100%; height: 0; overflow: hidden; }
.tab-con:before { content: ''; display: block; height: 20000px; }
.tab-con.active { height: auto; }
.tab-con.active:before { height: 0; }

#introTab .tab-btn-box { height: 50px; margin-bottom: 60px; }
#introTab .tab-btn-wrap { display: flex; width: 1330px; justify-content: space-between; align-items: center; background-color: #fff; z-index: 2; }
#introTab .tab-btn-wrap.active { position: fixed; top: 48px; left: 50%; margin-left: -665px;  }
#introTab .tab-btn-wrap li { width: 33%; }
#introTab .tab-btn-wrap li a { display: block; height: 52px; line-height: 52px; border-bottom: 2px solid #ddd; text-align: center; font-size: 17px; }
#introTab .tab-btn-wrap li a.active { border-color: #d7282f; }


.tab-con .tit-bg { width: 100%; height: 400px; background-repeat: no-repeat; background-position: center center; }
.tab-con article { padding: 0 110px; margin: 80px 0 110px; }
.tab-con article h3 { margin-bottom: 40px; font-size: 29px; font-weight: bold; opacity: 0; transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; -webkit-transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; }
.tab-con article.active h3 { opacity: 1; }
.tab-con article p { font-size: 17px; margin-bottom: 30px; line-height: 1.6; opacity: 0; transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; -webkit-transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; }
.tab-con article.active p { opacity: 1; }
.tab-con article p.s1 { font-size: 23px; font-weight: 500; }
.intro-wrap hr { display: block; width: 100%; border: 1px solid #ddd; margin-bottom: 100px; margin-top: 0; }
.tab-con article .CSSbuttonWhite:hover { background-color: #d7282f; border-color: #d7282f; color: #fff; }

/*회사소개*/
.intro-wrap .tit-bg { background-image: url(https://image.plthink.com/homepage/Image_2021/sub/page/intro_tit_bg01.jpg); }
.intro-wrap .tit-bg:nth-of-type(2) { background-image: url(https://image.plthink.com/homepage/Image_2021/sub/page/intro_tit_bg02.jpg); }
.intro-wrap .intro-box1.active p:nth-of-type(1) { transition-delay: 0.1s; }
.intro-wrap .intro-box1.active p:nth-of-type(2) { transition-delay: 0.2s; }
.intro-wrap .intro-box1.active p:nth-of-type(3) { transition-delay: 0.3s; }
.intro-wrap .intro-box1.active p:nth-of-type(4) { transition-delay: 0.4s; }
.intro-wrap .intro-box1 .brochure { font-size: 20px; margin-top: 40px; opacity: 0; transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; -webkit-transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; }
.intro-wrap .intro-box1 .brochure:first-child { margin-top: 80px; }
.intro-wrap .intro-box1 .brochure a.pdf { width: 120px; height: 45px; line-height: 45px; padding-right: 20px; background-image: url(https://image.plthink.com/homepage/Image_2021/sub/page/down_ico01.png); background-repeat: no-repeat; background-position: 90% center; font-size: 20px; margin-left: 20px; margin-right: 80px; }
.intro-wrap .intro-box1 .brochure a.pdf:hover { background-image: url(https://image.plthink.com/homepage/Image_2021/sub/page/down_ico02.png); }
.intro-wrap .intro-box1 .brochure a.youtube { width: 120px; height: 45px; line-height: 45px; font-size: 20px; margin-left: 20px; margin-right: 100px; }
.intro-wrap .intro-box1 .brochure a.youtube:hover {}
.intro-wrap .intro-box1.active .brochure { opacity: 1; transition-delay: 0.5s; }

.intro-wrap .intro-box2 { background-color: #f8f8f8; text-align: center; padding: 80px 0; }
.intro-wrap .intro-box2 ul { width: 750px; margin: 0 auto; margin-top: 60px; }
.intro-wrap .intro-box2 ul li { float: left; width: 33.333%; text-align: center; }
.intro-wrap .intro-box2 ul li p { display: inline-block; width: 150px; height: 150px; line-height: 150px; text-align: center; border: 1px solid #515151; border-radius: 50%; font-size: 17px; margin-bottom: 0; font-weight: 500; transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; -webkit-transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; }
.intro-wrap .intro-box2.active ul li p { transform: rotateY(360deg); }

.intro-wrap .intro-box3 { padding-right: 0; margin-bottom: 80px; }
.intro-wrap .intro-box3 h3 { position: relative; float: left; line-height: 1.6; }
.intro-wrap .intro-box3 h3:before{ content: "Vision"; display: block; position: absolute; top: -90px; left: -110px; font-size: 100px; color: #f8f8f8; z-index: -1; }
.intro-wrap .intro-box3 div { float: right; }
.intro-wrap .intro-box3 div dl { margin-bottom: 130px; opacity: 0; transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; -webkit-transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; }
.intro-wrap .intro-box3.active div dl { opacity: 1; }
.intro-wrap .intro-box3.active div dl:nth-of-type(1) { transition-delay: 0.1s; }
.intro-wrap .intro-box3.active div dl:nth-of-type(2) { transition-delay: 0.2s; }
.intro-wrap .intro-box3.active div dl:nth-of-type(3) { transition-delay: 0.3s; }
.intro-wrap .intro-box3 div dl dt { font-size: 25px; margin-bottom: 25px; font-weight: 500; }

.intro-wrap .intro-box4 { padding: 0; margin-top: 150px; margin-bottom: 0; }
.intro-wrap .intro-box4 > h3 { float: left; padding-left: 110px; }
.intro-wrap .intro-box4 > p { float: right; }
.intro-wrap .intro-box5 { padding: 0; margin-top: 150px; margin-bottom: 0; }
.intro-wrap .intro-box5 > h3 { float: left; padding-left: 110px; }
.intro-wrap .intro-box5 > p { float: right; }

.intro-wrap .intro-list { margin: 0 -25px; margin-top: 60px; display: flex; flex-wrap: wrap; }
.intro-wrap .intro-list > li { width: 33.333%; padding: 0 25px; margin-bottom: 85px; }
.intro-wrap .intro-list > li > figure { overflow: hidden; position: relative; margin: 0; height: 250px; }
.intro-wrap .intro-list > li img { position: absolute; top: 20px; left: 0; opacity: 0;transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; -webkit-transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s }
.intro-wrap .move-box.active .intro-list > li img { top: 0; opacity: 1; }
.intro-wrap .intro-list > li > h4 { margin-top: 30px; font-size: 25px; margin-bottom: 20px; opacity: 0; font-weight: 500; transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; -webkit-transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; }
.intro-wrap .move-box.active .intro-list > li > h4 { opacity: 1; }
.intro-wrap .intro-list > li > h4 > span { position: relative; display: inline-block; padding-right: 15px; margin-right: 8px; }
.intro-wrap .intro-list > li > h4 > span:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -9px; display: block; width: 2px; height: 20px; background-color: #515151; }
.intro-wrap .intro-list > li > p { margin-bottom: 15px; font-size: 15px; letter-spacing: -1px; text-align: justify; word-break: keep-all; line-height: 1.8; transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; -webkit-transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; }


/*CI소개*/
.ci-wrap .tit-bg { background-image: url(https://image.plthink.com/homepage/Image_2021/sub/page/ci_tit_bg01.jpg); }
.ci-wrap .ci-box1 { margin-bottom: 180px; }
.ci-wrap .ci-box1.active p:nth-of-type(1) { transition-delay: 0.1s; }
.ci-wrap .ci-box1.active p:nth-of-type(2) { transition-delay: 0.2s; }
.ci-wrap .ci-box1.active p:nth-of-type(3) { transition-delay: 0.3s; }
.ci-wrap .ci-box1.active p:nth-of-type(4) { transition-delay: 0.4s; }

.ci-wrap .ci-box2 { margin-bottom: 180px; }
.ci-wrap .ci-box2 ul { display: flex; justify-content: space-between; }
.ci-wrap .ci-box2 ul li { margin-right: 40px; opacity: 0; transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; -webkit-transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; }
.ci-wrap .ci-box2.active ul li { opacity: 1; transition-delay: 0.5s; }
.ci-wrap .ci-box2 ul li:last-child { margin-right: 0; }
.ci-wrap .ci-box2 .ci { text-align: center; margin-top: 120px; transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; -webkit-transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; opacity: 0; }
.ci-wrap .ci-box2.active .ci { opacity: 1; transition-delay: 0.6s; }
.ci-wrap .ci-box2 .ci a { width: 170px; height: 45px; line-height: 43px; font-size: 20px; margin-left: 20px; }

.ci-wrap .ci-box3 { padding-right: 50px; }
.ci-wrap .ci-box3 dl { margin-bottom: 100px; opacity: 0; transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; -webkit-transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; }
.ci-wrap .ci-box3.active dl { opacity: 1; }
.ci-wrap .ci-box3.active dl:nth-of-type(1) { transition-delay: 0.1s; }
.ci-wrap .ci-box3.active dl:nth-of-type(2) { transition-delay: 0.2s; }
.ci-wrap .ci-box3.active dl:nth-of-type(3) { transition-delay: 0.3s; }
.ci-wrap .ci-box3 dl dt { font-size: 23px; margin-bottom: 50px; }
.ci-wrap .ci-box3 dl dd { display: flex; justify-content: space-between; }
.ci-wrap .ci-box3 dl dd div { display: flex; align-items: center; font-size: 16px; }
.ci-wrap .ci-box3 dl.li02 dd div { width: 25%; }
.ci-wrap .ci-box3 dl.li03 dd div { /*display: block;*/ width: 25%; }
.ci-wrap .ci-box3 dl dd div i { display: inline-block; margin-right: 20px; text-align: center; font-size: 17px; color: #fff; border: 1px solid transparent; background-repeat: no-repeat; background-position: center center; font-style: normal; font-weight: 100; }
.ci-wrap .ci-box3 dl dd div span { display: inline-block; }
.ci-wrap .ci-box3 dl.li03 dd div span { display: block; }
.ci-wrap .ci-box3 dl dd div span strong { position: relative; display: inline-block; margin-right: 10px; padding-right: 10px; font-weight: bold; }
.ci-wrap .ci-box3 dl dd div span strong:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -6.5px; width: 1px; height: 15px; background-color: #515151; }
.ci-wrap .ci-box3 dl dd div span b { position: relative; display: inline-block; margin-right: 10px; padding-right: 10px; font-weight: normal; }
.ci-wrap .ci-box3 dl dd div span b:after { content: ''; position: absolute; top: 50%; right: 0; margin-top: -6.5px; width: 1px; height: 15px; background-color: #515151; }
.ci-wrap .ci-box3 dl.li01 dd div i { width: 60px; height: 68px; background-image: url(https://image.plthink.com/homepage/Image_2021/sub/page/ci_img04.png); }
.ci-wrap .ci-box3 dl.li01 dd div:nth-of-type(1) i { background-color: #df3337; }
.ci-wrap .ci-box3 dl.li01 dd div:nth-of-type(2) i { background-color: #2f2e2e; }
.ci-wrap .ci-box3 dl.li02 dd div i { width: 65px; height: 65px; border-radius: 50%; }
.ci-wrap .ci-box3 dl.li02 dd div:nth-of-type(1) i { background-color: #d7282f; }
.ci-wrap .ci-box3 dl.li02 dd div:nth-of-type(2) i { background-color: #3d3935; }
.ci-wrap .ci-box3 dl.li02 dd div:nth-of-type(3) i { background-color: #898a8d; }
.ci-wrap .ci-box3 dl.li03 dd div i { width: 65px; height: 65px; border-radius: 50%; line-height: 62px; /*margin-bottom: 20px;*/ }
.ci-wrap .ci-box3 dl.li03 dd div:nth-of-type(1) i { background-color: #101820; }
.ci-wrap .ci-box3 dl.li03 dd div:nth-of-type(2) i { background-color: #ffffff; border-color: #ddd; }
.ci-wrap .ci-box3 dl.li03 dd div:nth-of-type(3) i { background-color: #898c8e; }
.ci-wrap .ci-box3 dl.li03 dd div:nth-of-type(4) i { background-color: #8c704e; }
.ci-wrap .ci-box3 dl.li03 dd div:nth-of-type(2) b { width: 55px; }


/*오시는길*/
.location-wrap .location-box1 { margin-bottom: 50px; }
.location-wrap .location-box1 > h3 { position: relative; font-size: 40px; line-height: 1.5; padding-bottom: 50px; }
.tab-con .location-wrap article p { opacity: 1; transition: unset; -webkit-transition: unset; }
.location-wrap .location-box1 > ul { display: flex; justify-content: space-between; margin-top: 60px; }
.location-wrap .location-box1 > ul > li { opacity: 0; transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; -webkit-transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; }
.location-wrap .location-box1.active > ul > li { opacity: 1; }
.location-wrap .location-box1.active > ul > li:nth-of-type(1) { transition-delay: 0.2s; }
.location-wrap .location-box1.active > ul > li:nth-of-type(2) { transition-delay: 0.4s; }
.location-wrap .location-box1 > ul > li > h4 { font-size: 26px; margin-bottom: 40px; }
.location-wrap .location-box1 > ul > li > h4 > b { font-weight: 500; }
.location-wrap .location-box1 > ul > li > ul { margin-bottom: 30px; }
.location-wrap .location-box1 > ul > li > ul > li { display: inline-block; margin-right: 30px; font-size: 17px; margin-bottom: 10px; }
.location-wrap .location-box1 > ul > li > ul:nth-of-type(2) li:first-child { display: block; }
.location-wrap .location-box1 > ul > li > ul > li > a { font-size: 17px; vertical-align: baseline; }
.location-wrap .location-box1 > ul > li > ul > li > a:hover { text-decoration: underline; text-underline-position: under; }
.location-wrap .location-box1 > ul > li > ul > li > b { font-weight: 500; }
.location-wrap .location-box1.active > ul > li:nth-of-type(2) p:last-of-type { margin-top: 85px; white-space: nowrap; }
.location-wrap .map-wrap { display: flex; justify-content: center; opacity: 0; transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; -webkit-transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; }
.location-wrap .map-wrap.active { opacity: 1; }
.location-wrap .location-box2 { padding-top: 60px; }
.location-wrap .location-box2 .lo-trans { display: flex; justify-content: space-between; }
.location-wrap .location-box2 .lo-trans > li > h5 { padding-left: 50px; background-repeat: no-repeat; background-position: left center; line-height: 35px; font-size: 17px; margin-bottom: 25px; font-weight: 500; }
.location-wrap .location-box2 .lo-trans > li.li01 > h5 { background-image: url(https://image.plthink.com/homepage/Image_2021/sub/page/location_ico01.png); }
.location-wrap .location-box2 .lo-trans > li.li02 > h5 { background-image: url(https://image.plthink.com/homepage/Image_2021/sub/page/location_ico02.png); }
.location-wrap .root_daum_roughmap .map_border { z-index: 1; }
.location-wrap .root_daum_roughmap .wrap_btn_zoom { z-index: 1; }
.location-wrap .root_daum_roughmap .wrap_btn_zoom button .img_zoom { visibility: visible; }
.location-wrap .location-box2 .lo-trans > li { opacity: 0; transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; -webkit-transition: all cubic-bezier(0.82, -0.04, 0.58, 1) 0.8s; }
.location-wrap .location-box2.active .lo-trans > li { opacity: 1; }
.location-wrap .location-box2.active .lo-trans > li:nth-of-type(1) { transition-delay: 0.2s; }
.location-wrap .location-box2.active .lo-trans > li:nth-of-type(2) { transition-delay: 0.4s; }
.location-wrap .location-box2.active .lo-trans > li > h5 > span { display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; font-size: 12px; font-weight: bold; background-color: #00a651; border-radius: 50%; }

.location-wrap .location-box2 .lo-trans > li > p { margin-bottom: 10px; }
.location-wrap .location-box2 .lo-trans > li > dl { overflow: hidden; margin-bottom: 8px; }
.location-wrap .location-box2 .lo-trans > li > dl > dt { float: left; width: 40px; height: 20px; line-height: 20px; color: #fff; margin-right: 10px; text-align: center; border-radius: 3px; font-size: 14px; }
.location-wrap .location-box2 .lo-trans > li > dl > dt.grn { background-color: #00a44d; }
.location-wrap .location-box2 .lo-trans > li > dl > dt.blu { background-color: #4747e9; }
.location-wrap .location-box2 .lo-trans > li > dl > dt.pnk { background-color: #ee5151; }
.location-wrap .location-box2 .lo-trans > li > dl > dd { float: left; font-size: 16px; }


/* BASIC css end */