/* 회사소개 */
body { overflow-x: hidden; } 
.poppins { font-family: 'Poppins', sans-serif; } 
#main { } 
#main .wrap { overflow: inherit; } 
#main .mobile { display: none; } 
.wrap { overflow: hidden; } 
.sc-inform-top { position: relative; height: 100vh; } 
.sc-inform-top .bg-wrap { height: 160vh; padding: 0px 0px 1271px; } 
.sc-inform-top .bg-wrap img { width: 100%; } 
.sc-inform-top .bg-wrap.mobile { } 
.split-word, .split-word2 { display: inline-block; overflow: hidden; } 
 .sc-inform-top .title-wrap { position: absolute; top: 50%; transform: translateY(-50%); font-size: 120px; color: #fff; text-transform: uppercase; display: flex; justify-content: space-around; width: 100%; } 
.sc-inform-intro { padding: 27% 10% 10%; } 
.sc-inform-intro .split-wrap { margin-left: -19px; } 
.sc-inform-intro .txt-wrap { text-align: center; font-size: 80px; font-weight: 500; margin-bottom: 100px; } 
.sc-inform-intro .img-wrap { position: relative; } 
.sc-inform-intro .img-wrap .img-box { } 
.sc-inform-intro .img-wrap .img-box .img { width:0%; overflow: hidden; transition: width 500ms; } 
.sc-inform-intro .img-wrap .img-box.active .img { width: 100%; } 
.sc-inform-intro .img-wrap .img-box.img01 { width: max(32vw, 360px); margin:auto; } 
.sc-inform-intro .img-wrap .img-box.img02 { width: max(15.4166666667vw, 185px); float: right; margin-top: -47%; } 
.sc-inform-intro .img-wrap .img-box.img03 { width: max(20.416667vw, 185px); margin: -140px 0 0 -24px; } 
.sc-inform-intro .img-wrap .img-box img { display: block; } 
.sc-inform-intro .img-wrap .img-box.img01 img { width: max(32vw, 360px); } 
.sc-inform-intro .img-wrap .img-box.img02 img { width: max(15.4166666667vw, 185px); } 
.sc-inform-intro .img-wrap .img-box.img03 img { width: max(20.416667vw, 185px); } 
.sc-inform-intro .img-wrap .img-box:nth-child(1) .txt { top: 11%; left: calc(100% - 38px); } 
.sc-inform-intro .img-wrap .img-box .txt { position: absolute; top: 50%; left: calc(100% + max(3.125vw, 40px)); width: 100vw; font-size: 24px; line-height: 35px; transition: opacity 500ms 500ms; } 

.sc-brand-slide { background: #000; display: flex; padding: 200px 0; position: relative; } 
.sc-brand-slide .swiper-wrapper { } 
.sc-brand-slide .swiper-slide { width:21%; height: 635px; transition: all 1.2s; } 
.sc-brand-slide .swiper-slide:after { content: ""; background: rgba(0, 0, 0, .5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
 @media (min-width: 1280px){
 .sc-brand-slide .swiper-slide-active { width: 45%!important; } 
 .sc-brand-slide .text-slide .swiper-slide-active { width:auto!important; } 
 }
 @keyframes fadein { 
 from { opacity: 0; } 
 to { opacity: 1; } 
 }
@-webkit-keyframes fadeIn { 
 from { opacity: 0; } 
 to { opacity: 1; } 
 }
.sc-brand-slide .swiper-slide-active:after { background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5)); } 
.sc-brand-slide .swiper-slide img { width:100%; } 
.sc-brand-slide .txt { width:40%; color:#fff; display: flex; text-align: left; flex-direction: column; align-self: center; padding-left: 13%; position: relative; } 
.sc-brand-slide .txt .brand-tit { font-size: 50px; font-weight: 700; padding-bottom: 30px; } 
.sc-brand-slide .txt .brand-desc { font-size: 18px; font-weight: 400; line-height: 28px; } 
.sc-brand-slide .img-slide-wrap { width:60%; position:relative; overflow: hidden; } 
.sc-brand-slide .img-slide-wrap .bslide01 { background:url('../img/cp_brand1_on.jpg') no-repeat center; background-size: cover; } 
 .sc-brand-slide .img-slide-wrap .bslide02 { background:url('../img/cp_brand2_on.jpg') no-repeat center; background-size: cover; } 
 .sc-brand-slide .img-slide-wrap .bslide03 { background:url('../img/cp_brand3_on.jpg') no-repeat center; background-size: cover; } 
 .sc-brand-slide .img-slide-wrap .bslide04 { background:url('../img/cp_brand4_on.jpg') no-repeat center; background-size: cover; } 
 .sc-brand-slide .img-slide-wrap .bslide05 { background:url('../img/cp_brand5_on.jpg') no-repeat center; background-size: cover; } 
 .sc-brand-slide .img-slide-wrap .bslide06 { background:url('../img/cp_brand6_on.jpg') no-repeat center; background-size: cover; } 
.sc-brand-slide .swiper-slide-active .brand_link_wrap { display: block; z-index: 10; animation-fill-mode: forwards; animation: fadeIn 5s; visibility: visible!important; } 
.sc-brand-slide .txt-slide-wrap { position: absolute; bottom: 50px; left: 40px; z-index: 2; } 
.sc-brand-slide .brand_link_wrap { color: #fff; height: auto; visibility: hidden; position: absolute; bottom: 50px; left: 40px; width: calc(100% - 80px); } 
.sc-brand-slide .brand_link_wrap .brand_sub { font-size: 16px; } 
.sc-brand-slide .brand_wrap { display: flex; justify-content: space-between; padding-top: 15px; } 
.sc-brand-slide .brand_wrap .brand_tit { font-size: 24px; font-weight: 600; text-transform: uppercase; } 
.sc-brand-slide .brand_wrap .brand_desc { color:#fff; font-size:14px; } 
.sc-brand-slide .brand_wrap .brand_desc:after { content: ""; background: url(../img/brand_arrow.png) no-repeat 0 0; width: 15px; height: 10px; vertical-align: middle; display: inline-block; margin-left: 14px; background-size: contain; } 
.sc-brand-slide .btn-wrap { display: flex; padding-top: 60px; } 
.sc-brand-slide .swiper-btn { width: 70px; height: 60px; background-size: cover!important; position: inherit; } 
.sc-brand-slide .swiper-button-prev { background: url(../img/arrowL.png) no-repeat center; margin-right: 30px; } 
.sc-brand-slide .swiper-button-next { background: url(../img/arrowR.png) no-repeat center; } 
.sc-brand-slide .swiper-button-prev:hover { background: url(../img/arrowL_on.png) no-repeat center; } 
.sc-brand-slide .swiper-button-next:hover { background: url(../img/arrowR_on.png) no-repeat center; } 
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: ""; } 
.sc-candidate { background: #000; padding: 150px 0 200px; clear: both; margin-top: 200px; } 
.sc-candidate .content-wrap { max-width: 1200px; margin: auto; } 
.sc-candidate .content-wrap .tit-box { color:#fff; padding-bottom: 70px; } 
.sc-candidate .content-wrap .tit-box .tit { font-size:50px; font-weight: 700; padding-bottom: 20px; } 
.sc-candidate .content-wrap .tit-box .desc { font-size:24px; } 
.sc-candidate .content-wrap .tit-box .go-link { color: #fff; text-align: right; display: inline-block; width: 100%; position: relative; } 
.sc-candidate .content-wrap .tit-box .go-link:after { content: ""; background: url(../img/link-arrow.png) no-repeat center; width: 16px; height: 10px; display: inline-block; margin-left: 20px; background-size: contain; } 
.sc-candidate .content-wrap .flex-box { display: flex; justify-content: space-between; border-top: 1px solid #555555; padding-top: 50px; } 
.sc-candidate .content-wrap .flex-box .txt-box { width: calc(100% - 525px ); } 
.sc-candidate .content-wrap .flex-box .img-box { width: 520px; margin-left: 40px; } 
.sc-candidate .content-wrap .flex-box .img-box img { width:100%; } 
.sc-history .page_title { text-align:center; padding-bottom: 100px; } 
.sc-history .page_title .category { padding: 140px 0 10px; font-size:50px; } 
.sc-history .page_title .sub_tit { font-size:24px; } 
#histories { width: calc(100% - 261px); display: flex; flex-wrap: wrap; } 
.fixedBox { top: 73vh; left: 0; float: left; } 
.fixedBox.sticky { position: sticky; } 
#histories .year-flexbox { display: flex; width:100%; border-bottom: 1px solid #dedede; padding:100px 0; position: relative;} 
#histories .year-flexbox .year { padding-right:80px; } 
.year { font-size:220px; font-weight: 400; } 
.year_title{font-size: 30px;font-weight: 500;line-height: 1.5;    padding-bottom: 30px;}
           
.visible.fixedNum { position: fixed; bottom: 0; left: auto; } 
 .absolute.fixedNum { position: absolute; bottom: 197px; } 
#histories .year-flexbox:last-child { padding-bottom: 0; border-bottom: 0; } 
#histories .history { margin-bottom: 200px; } 
#histories .history .ico { padding-bottom: 15px; display: inline-block; padding-right: 15px; width:130px; } 
#histories .history .ico.nerdy { width:100px; } 
#histories .history .ico img { width:100%; vertical-align: middle; } 
#histories .history:last-child { margin-bottom: 0; } 
#histories .history strong { float: left; width: 53px; object-fit: contain; font-size: 18px; font-weight: 500; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #999999; } 
#histories .history .contents { margin-left: 38px;width: calc(100% - 53px);object-fit: contain; font-size: 18px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.5; text-align: left; color: #000; } 
.history li { display: flex; clear: both; align-items: baseline; padding-bottom: 20px; } 
.history li:last-child{padding-bottom: 0;}
.history li:after { display: block; clear: both; content: ""; } 
#histories .history .contents p{    line-height: 1.56;margin-bottom: 10px;}
#histories .history .contents p:last-child{margin-bottom: 0;}
#history_wrap { position: relative; max-width: 1120px; margin: 0 auto; } 
#history_wrap .fixedNum { display: block; } 
#history_wrap #year { transition: 0.5s; position: absolute; object-fit: contain; font-size: 220px; font-weight: 400; line-height: 0.48; letter-spacing: -0.01em; text-align: right; color: #000; top: 0; left: 0; } 
#content .container { transform: none !important; } 
#history_wrap #year.fixed { position: fixed; top: 170px; left: auto; } 
#history_wrap #year.absolute { position: absolute; top: auto; bottom: 350px; } 
#history_wrap #year .letter { float: left; } 


.list-tit { color: white; cursor: pointer; padding: 40px 0; width: 100%; text-align: left; font-size: 20px; font-weight: 600; transition: 0.4s; border-top: 1px solid #555555; position: relative; } 

.list-tit:first-child { border-top: 0; } 
.list-tit:nth-child(4) { border-bottom:1px solid #555555; } 

.list-tit .plus { position: absolute; background: #fff; transition: .5s; } 
.list-tit .plus.plus1 { height: 19px; width: 1px; right: 15px; top: 42px; } 
.list-tit .plus.plus2 { content: ""; height: 1px; right: 6px; top: 50px; width: 19px; } 
.list-tit.active .plus1 { opacity: 0; transform: rotate(180deg); } 

.list-desc { padding: 0 0 50px; transition: max-height 0.2s ease-out; width: 96%; font-size: 16px; font-weight: 400; line-height: 28px; color: #999999 } 
@media all and (max-width: 1600px) {.sc-brand-slide .swiper-slide { height:500px; } 
 }
@media all and (max-width: 1280px){
 .sc-inform-top .title-wrap { font-size: 80px; } 
.sc-inform-intro .img-wrap .img-box .txt { font-size:16px; line-height: 25px; } 
.sc-inform-intro .img-wrap .img-box.img01, .sc-inform-intro .img-wrap .img-box.img01 img { width: max(20vw, 340px); } 
.sc-inform-intro .img-wrap .img-box.img02, .sc-inform-intro .img-wrap .img-box.img02 img { width: max(15.416667vw, 180px); } 
mg-wrap .img-box.img03 { right:2%; } 
.sc-candidate .content-wrap, #history_wrap { max-width: 90%; } 

#histories .history strong { width:50px; } 
#history_wrap #year { font-size:180px; } 
.sc-brand-slide { flex-direction: column; } 
 .sc-brand-slide .img-slide-wrap { padding: 40px 0 30px; } 
.sc-brand-slide .txt, .sc-brand-slide .img-slide-wrap { width: 100%; } 
.sc-brand-slide .swiper-slide { width:27%; height:400px; } 
.sc-brand-slide .swiper-slide-active { width:50%; } 
.sc-candidate .content-wrap .flex-box .txt-box { width: calc(100% - 40% ); } 
.sc-candidate .content-wrap .flex-box .img-box { width: 40%; } 
.list-tit { font-size: 16px; } 
.list-desc { font-size:14px; line-height: 25px; } 
.sc-candidate .content-wrap .tit-box { padding-bottom: 30px; } 
.sc-candidate .content-wrap .tit-box .tit { font-size:30px; } 
.sc-candidate .content-wrap .tit-box .desc { font-size:18px; } 
 }
@media all and (max-width: 1024px) {
 }
 
@media all and (max-width: 900px){
 .sc-inform-top .title-wrap { font-size:60px; } 
.sc-inform-intro { padding: 27% 5% 10%; } 
.sc-inform-intro .txt-wrap { font-size: 60px; } 
.sc-inform-intro .img-wrap .img-box.img01, .sc-inform-intro .img-wrap .img-box.img01 img { width: max(16vw, 300px); } 
.sc-inform-intro .img-wrap .img-box.img02, .sc-inform-intro .img-wrap .img-box.img02 img { width: max(17.416667vw, 180px); } 
.sc-inform-intro .img-wrap .img-box.img03 { margin: 9px 0 0 -24px; } 
 }
@media all and (max-width: 768px) {
    .pc { display: none!important; } 
.history.pc { display: none; } 
#main .mobile { display: block; padding-right:20px; } 
.sc-inform-top .main-txt { font-size: 46px; } 
.sc-inform-top .title-wrap { font-size: 46px; top:auto; bottom: 0; flex-direction: column; } 
.sc-inform-top .title-wrap .line-txt1 { padding-left: 10%; } 
.sc-inform-top .title-wrap .line-txt2 { text-align: right; padding-right: 7%; } 
.sc-inform-top .split-wrap { margin-left: -11px; } 
.sc-inform-intro { padding: 60% 0 15%; } 
#main .sc-inform-intro.mobile{    padding-right: 0;}
#main .sc-inform-intro .txt-effects{          padding:0 16px 0 24px;
    box-sizing: border-box;}
.sc-inform-intro .split-wrap { margin-left: -15px; font-size: 39px; } 
.sc-inform-intro .img-wrap { position: relative; height: auto; } 
.sc-inform-intro .img-wrap .img-box.img01, .sc-inform-intro .img-wrap .img-box.img01 img { width:70vw; margin: 25px auto; } 
.sc-inform-intro .img-wrap .img-box:nth-child(1) .txt { width:120%; text-align:center; font-size:16px; line-height: 24px; } 
.sc-inform-intro .img-wrap .img-box.img02 { position:static; width: 42vw; float: right; margin-right: 5%; margin-top: -32%; } 
.sc-inform-intro .img-wrap .img-box.img02 img { width: 42vw; } 
.sc-inform-intro .img-wrap .img-box.img03 { position:static; width:52vw; margin-left: 5%; } 
.sc-inform-intro .img-wrap .img-box.img03 img { width:52vw; } 
.sc-inform-intro .img-wrap .txt { width:100vw; font-size: 16px; text-align:center; line-height: 150%;        padding: 0 16px; } 
.sc-inform-intro .img-wrap .txt.txt02 { padding: 28% 16px 22%; } 
.sc-inform-intro .img-wrap .txt br,
        .sc-inform-intro .img-wrap .txt.txt02 br{display:none;}
        
.sc-inform-intro .txt-wrap { margin-bottom: 30px; } 
.sc-inform-intro .txt-wrap .split-wrap-mobile { margin-bottom: -20px; } 
.sc-brand-slide { flex-direction: column; padding: 100px 0; } 
.sc-brand-slide .img-slide-wrap { width:100%; } 
.sc-brand-slide .swiper-slide-active { } 
.sc-brand-slide .btn-wrap.mobile { display: flex!important; justify-content: space-evenly; padding-top: 17px; } 
.sc-brand-slide .swiper-slide { height: 55vh; } 
.sc-brand-slide .swiper-button-presssv { margin-right: 42%; } 
.sc-brand-slide .txt { width:100%; padding-left: 0; padding: 0 5%; } 
.sc-brand-slide .txt .brand-tit { font-size:30px; padding-bottom: 13px; } 
.sc-brand-slide .txt .brand-desc { font-size:14px; line-height: 25px; } 
.sc-brand-slide .brand_wrap { flex-direction: column } 
.sc-brand-slide .brand_link_wrap { width: calc(100% - 20px); left: 20px; bottom: 20px; } 
.sc-brand-slide .brand_link_wrap .brand_sub { font-size:12px; } 
.sc-brand-slide .brand_wrap .brand_tit { font-size:20px; bottom: 20px; padding-bottom: 20px; } 
.sc-brand-slide .brand_wrap .brand_desc { font-size:12px; text-align: right; padding-right: 18px; } 
.sc-brand-slide .swiper-button-prev { background: url(../img/brand_left.png) no-repeat center; background-size: cover; } 
.sc-brand-slide .swiper-button-next { background: url(../img/brand_right.png) no-repeat center; background-size: cover; } 
.sc-history .page_title { padding-bottom: 40px; } 
.sc-history .page_title .category { padding:80px 0 10px; font-size: 30px; line-height: 40px; } 
.sc-history .page_title .sub_tit { font-size:18px; } 
.sc-candidate .content-wrap, #history_wrap { max-width: 100%; } 
#histories .year-flexbox { width:100%; padding: 40px 0 50px; flex-direction: column; } 
.history.mobile { width:50%; float:right; padding-right:20px; padding-bottom:100px; } 
.history.mobile strong { object-fit: contain; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 44px; letter-spacing: normal; text-align: left; color: #999999; } 
.history.mobile .contents { font-size: 14px; font-weight: 500; margin-left: 4px; line-height: 150%; text-align: left; color: #000; width: 100%; word-break: keep-all; } 
#history_wrap { padding:20px;     padding-bottom: 170px;} 
#history_wrap .year { object-fit: contain; width: 50%; font-size: 125px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #000; } 
 #histories { width: 50%; } 
 #histories .year-flexbox .year { padding-right: 0; text-align: left; } 

 #histories .history { margin-bottom: 74px; } 
 #histories .history.ab{    position: absolute;bottom: -100%;}
 #histories .year-flexbox:last-child {    padding-bottom: 0;}
 #history_wrap .fixedNum { text-align: right; } 
 #histories .history .ico.nerdy { width:46%; } 
 .history .ico { width: 130px; padding: 10px 5px 10px; } 
 #histories .history .ico.size2 { width:100px; } 
 #histories .history .ico.size { width:50px; padding: 0; } 
 .history .ico img { width:100%; vertical-align: middle; } 
 #histories .history strong { object-fit: contain; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 44px; letter-spacing: normal; text-align: left;display: block;padding-bottom: 10px;         line-height: unset;} 
 #histories .history .contents { margin-left: 4px; text-align: left; color: #000; width: 100%; word-break: keep-all;font-size: 13px; } 
 /* #histories .history:last-child { padding-bottom: 100px; } */
 .history li { flex-direction: column; } 
 .year_title{font-size: 20px;padding: 30px 0 20px;}

.sc-candidate { padding:100px 0; } 
.sc-candidate .content-wrap { padding:0 20px; } 
.sc-candidate .content-wrap .flex-box { flex-direction: column; padding-top: 0px; } 
.sc-candidate .content-wrap .flex-box .txt-box { width:100%; } 
.sc-candidate .content-wrap .flex-box .img-box { width:100%; margin-left:0; } 
.sc-candidate .content-wrap .flex-box .img-box img { width:100%; } 
.list-tit { line-height: 23px; } 
.list-desc { padding: 0; } 
.list-desc img { padding:20px 0; } 
 #myImg { display: none; } 
 }
@media all and (max-width: 640px){
 .sc-inform-intro .img-wrap { position: relative; } 
.sc-brand-slide .swiper-slide { height: 48vh; } 
 }
.split-wrap { display: inline-block; position: relative; margin-left: -1.7vw; overflow: hidden; } 

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: none!important; }