@charset "utf-8";

/* temp2 import */
@import url("temp2.css");

/* 인재양성 */
.talent-box{margin-top:80px;}
.talent-box::after{clear:both; content:''; display:block;}
.talent-box .box{width:calc((100% - 36px) / 3); margin-left:17.9px; float:left;}
.talent-box .box:first-child{margin-left:0;}
.talent-box .top{display:table; width:100%; height:105px; border:1px solid #ddd;} /* 0326 수정 */
.talent-box .top::before{content:''; display:inline-block; width:2px; height:100%; background:#0d4da1;}/* 0326 추가 */
.talent-box .top p{/* font-size:18px; */font-size:20px; font-weight:700; display:table-cell; vertical-align:middle; padding-left:24px;} /* 0326 수정 */
.talent-box .bottom{padding:28px 30px; min-height:404px; border:1px solid #ddd; border-top:0;}
.talent-box .bottom ul li::before{position:absolute; left:0; top:6px; display:inline-block; content:''; width:3px; height:3px; background:#333; vertical-align:middle; margin-right:10px;}
.talent-box .bottom ul li{position:relative; /* font-size:14px; */font-size:16px; color:#333; margin-top:26px; padding-left:10px; }
.talent-box .bottom ul li:first-child{margin-top:0;}
.talent-box .bottom ul li p{color:#0d4da1; margin-top:4px;}
.talent-gray{margin-top:20px; background:#f5f5f5; padding:26px 0;}
.talent-gray span{display:inline-block; /* font-size:18px; */font-size:20px; color:#000; font-weight:700; padding:0 40px;}
.talent-gray p{display:inline-block; /* font-size:18px; */font-size:20px; color:#333;}
@media (max-width:1279px){
    .talent-box{margin-top:60px;}
    .talent-box .top{height:95px;} /* 0326 수정 */
    .talent-box .top p{font-size:16px; padding-left:20px;} /* 0326 수정 */
    .talent-box .bottom{padding:20px 22px; min-height:326px;}
    .talent-box .bottom ul li{font-size:13px;}
    .talent-gray span{padding:0 20px; font-size:16px;}
    .talent-gray p{font-size:16px;}
    .type04 tr td{padding:22px 30px 22px 35px;}
}
@media (max-width:768px){
    .talent-box{margin-top:40px;}
    .talent-box .top{height:65px;} /* 0326 수정 */
    .talent-box .top p{font-size:14px;}
    .talent-box .box{width:100%; float:inherit; margin-left:0; margin-top:18px;}
    .talent-box .box:first-child{margin-top:0;}
    .talent-box .bottom{padding:15px 18px; min-height:260px;}
    .talent-box .bottom ul li{margin-top:15px;}
    .talent-gray{padding:20px 0;}
    .talent-gray span{display:block; padding:0 10px; font-size:14px;}
    .talent-gray p{font-size:14px; padding:0 10px; margin-top:5px;}
}

/* 브랜드 */
.brand-page .brand-bg{padding-top:32px; /*min-height:948px;*/ min-height:708px; background:url("../img/02/bg_brand.png") no-repeat center top; background-size:cover;} /* 0316 */
.brand-page .brand-txt-big{/* font-size:50px; */font-size:52px; font-weight:700; color:#333; text-align:center; margin-top:8%;}
.brand-page .brand-txt-small{margin-top:20px; /* font-size:24px; */font-size:26px; line-height:1.5; color:#333; text-align:center;}
.brand-page .brand-box{margin-top:150px; margin-bottom:80px;}
.brand-page .brand-box .tit{/* font-size:50px; */font-size:52px; font-weight:700; color:#000; text-align:center; margin-bottom:80px; letter-spacing:-1.25px;}
.brand-page .brand-box .tit::after{display:block; content:''; width:45px; height:1px; margin:18px auto auto auto; background:#cf9229;}
.brand-page .brand-box .small-text{/* font-size:24px; */font-size:26px; color:#333; text-align:center; margin-bottom:60px; letter-spacing:-0.6px;}
.brand-page .section1 .box::after{clear:both; content:''; display:block;}
.brand-page .section1 .left{float:left; width:420px; text-align:center;}
.brand-page .section1 .right{float:left;}
.brand-page .section1 .right .img-box{margin-bottom:55px;}
.brand-page .section1 .right .txt{/* font-size:24px; */font-size:26px; color:#333; line-height:1.5; padding-left:18px; letter-spacing:-0.6px;}
.brand-page .section2 .list{/* width:500px; */width:588px; margin:0 auto;}
.brand-page .section2 .list li{position:relative; padding-left:26px; /* font-size:24px; */font-size:26px; /* color:#000; */color:#0d4da1; font-weight:700; margin-top:46px;}
.brand-page .section2 .list li:first-child{margin-top:0;}
.brand-page .section2 .list li .num{position:absolute; left:0; top:0; letter-spacing:-0.6px; font-weight:700;}
.brand-page .section2 .list li .desc{color:#666; letter-spacing:-0.6px; margin-top:3px; font-size:24px; font-weight:300;}
.brand-page .section3 .box .top::after{clear:both; content:''; display:block;}
.brand-page .section3 .box .top .left,
.brand-page .section3 .box .bottom .left{float:left; /*width:calc(100% - 1045px);*/ width:155px;}
.brand-page .section3 .box .top .right,
.brand-page .section3 .box .bottom .right{float:left; /*width:1045px;*/ width:calc(100% - 155px);}
.brand-page .section3 .box .top .right .draw{background:#034ba5; padding:25px 0; margin-right:60px; border-radius:50px;}
.brand-page .section3 .box .mid{padding-left:229px; padding-right:134px;}
.brand-page .section3 .box .mid::before{display:block; content:''; width:1px; height:40px; background:#034ba5; margin:auto;}
.brand-page .section3 .box .mid::after{display:block; content:''; width:100%; height:1px; background:#034ba5;}
/* .brand-page .section3 .box .mid{height:80px; background:url("../img/02/bg_line.png") no-repeat;} */
.brand-page .section3 .box .top .right p{/* font-size:24px; */font-size:26px; color:#fff; text-align:center;}
.brand-page .section3 .box .top .left span{display:inline-block; /* font-size:24px; */font-size:26px; color:#333; padding-top:22px;}
.brand-page .section3 .box .bottom .left span{display:inline-block; /* font-size:24px; */font-size:26px; color:#333; padding-top:98px;}
.brand-page .section3 .box .bottom .right::after{clear:both; content:''; display:block;}
.brand-page .section3 .box .bottom .right .circle-box::before{display:block; content:''; width:1px; height:40px; background:#034ba5; margin:auto;}
.brand-page .section3 .box .bottom .right .circle-box{float:left; width:calc((100% - 300px) / 5); margin-right:60px;}
.brand-page .section3 .box .bottom .right .circle-box .circle{position:relative; width:150px; height:150px; border:1px solid #034ba5; border-radius:50%;}
.brand-page .section3 .box .bottom .right .circle-box .circle span{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; text-align:center; display:inline-block; /* font-size:24px; */font-size:26px; color:#333;}
.brand-page .section3 .box .img-size{max-width:1142px; height:310px;}
@media (max-width:1279px){
    .brand-page .brand-bg{padding-top:25px; min-height:553px;}/* 0316 */
    .brand-page .brand-txt-big{font-size:40px;}
    .brand-page .brand-txt-small{font-size:18px;}
    .brand-page .brand-box{margin-top:100px; margin-bottom:60px;}
    .brand-page .brand-box .tit{font-size:40px; margin-bottom:60px;}
    .brand-page .section1 .left{width:40%;}
    .brand-page .section1 .right{width:60%;}
    .brand-page .section1 .right .img-box{margin-bottom:30px;}
    .brand-page .section1 .right .txt{font-size:19px; padding-left:16px;}
    .brand-page .brand-box .small-text{font-size:20px; margin-bottom:40px;}
    .brand-page .section2 .list li{width:440px; font-size:20px;}

    /* 기존 start */
    /* .brand-page .section3 .box .mid{padding-left:239px; padding-right:124px;}
    .brand-page .section3 .box .bottom .right .circle-box{width:calc((100% - 200px) / 5); margin-right:40px;} */
    .brand-page .section3 .box .top .left, 
    .brand-page .section3 .box .bottom .left{width:120px;}
    .brand-page .section3 .box .top .left span{font-size:20px;}
    .brand-page .section3 .box .top .right, 
    .brand-page .section3 .box .bottom .right{width:calc(100% - 120px);}
    /* .brand-page .section3 .box .top .right .draw{margin-right:0;} */
    .brand-page .section3 .box .top .right p{font-size:20px;}
    .brand-page .section3 .box .mid{/*padding-left:15.8%; padding-right:10.8%;*/padding-left:16.6%; padding-right:10%;}
    .brand-page .section3 .box .bottom .right{width:calc(100% - 120px);}
    .brand-page .section3 .box .bottom .left span{font-size:20px; padding-top:75px;}
    .brand-page .section3 .box .bottom .right .circle-box{width:calc((100% - 100px) / 5); margin-right:20px;}
    .brand-page .section3 .box .bottom .right .circle-box .circle{width:110px; height:110px;}
    .brand-page .section3 .box .bottom .right .circle-box .circle span{font-size:20px;}
    /* 기존 end */
}
@media (max-width:1200px){
    .brand-page .section3 .box .img-size{max-width:100%; height:auto;}
}
@media (max-width:768px){
    .brand-page .brand-bg{padding-top:20px; min-height:453px;} /* 0316 */
    .brand-page .brand-txt-big{font-size:24px;}
    .brand-page .brand-txt-small{font-size:16px; margin-top:10px;} /* 0316 */
    .brand-page .brand-box{margin-top:60px;}
    .brand-page .brand-box .tit{font-size:30px; margin-bottom:40px;}
    .brand-page .brand-box .small-text{font-size:18px; margin-bottom:30px;}
    .brand-page .section1 .left{width:100%; float:inherit;}
    .brand-page .section1 .right{width:100%; float:inherit; margin-top:10px;}
    .brand-page .section1 .right .img-box{margin-bottom:20px;}
    .brand-page .section1 .right .txt{padding-left:9px; font-size:16px;}
    .brand-page .section2 .list{width:100%;}    
    .brand-page .section2 .list li{width:100%; margin-top:26px; font-size:17px; padding-left:20px;}
    .brand-page .section3{margin-bottom:0;}
}

/* 사회공헌 재수정 */
/* .sub-contents{padding-bottom:60px;}
.viewer_area .item{padding-bottom:60px;}
.sub-contents .contents-box{padding:0;}
.viewer_area .inner{min-height:100%;}
.viewer_area .item-li{z-index:2;}
.thumb_area::after{clear:both; content:''; display:block;}
.thumb_area a{float:left; width:calc((100% - 54px) / 4); margin-right:18px;}
.lay-deg-nt,
.lay-deg-pr{bottom:18px; z-index:2;}
@media (max-width:1080px){
    .thumb_area{width:538px; margin:0 auto;}
    .thumb_area a{width:48%; margin-bottom:18px;}
}
@media (max-width:768px){
    .sub-contents{padding-bottom:38px;}
    .viewer_area .item{padding-bottom:38px;}
    .viewer_area .inner{padding:0;}
    .thumb_area{width:inherit; margin:inherit;}
    .thumb_area a{width:100%; margin-bottom:10px;}
    .land_close{right:30px;}
} */

/* 사업소개 - 회사개요 */
.cont-title.type3{padding-top:70px;}
.cont-title.type3 .tit-txt{/* font-size:48px; */font-size:50px; letter-spacing:-1.2px;}
.tab-wrap.tw-type2{margin-top:65px;}
.company-tit{/* font-size:24px; */font-size:26px; font-weight:700; color:#333; letter-spacing:-0.72px;}
.introduce-sect1 .img-sam{margin-bottom:73px;}
.introduce-sect1 .left{/*width:330px;*/ width:170px;} /* 0408 */
.introduce-sect1 .right{padding-left:170px;} /* 0408 */
.introduce-sect1 .right .big{color:#333;}
.introduce-sect1 .right .small.s1{margin-top:30px;}
.introduce-sect1 .right .small.s2{margin-top:13px;}
.introduce-sect1 .right .small{/* font-size:20px; */font-size:22px; letter-spacing:-0.5px;}
.sam-list{width:100%;}
.sam-list ul li{position:relative; border-bottom:1px solid #eee; padding:30px 0;}
.sam-list ul li:first-child{border-top:1px solid #000;}
.sam-list .text{position:absolute; left:0; display:inline-block!important; /* font-size:18px; */font-size:20px; font-weight:700; letter-spacing:-0.45px; color:#333; top:50%; transform:translateY(-50%);}
.sam-list .text .sup {/* font-size:13px; */font-size:15px;font-weight:500;display:block !important;}
.sam-list .sm-text{display:inline-block!important; padding-left:180px; /* font-size:15px; */font-size:17px; font-weight:500; color:#333; letter-spacing:-0.375px;}
.sam-list .sm-text .sup {/* font-size:12px; */font-size:14px;display:block;}
.comp-sta-txt {/* font-size:13px; */font-size:15px;color:#555;margin-top:5px;}
@media (max-width: 1080px){
    .cont-title.type3 .tit-txt{font-size:38px;}
    .introduce-sect1 .left{width:200px;}
    .introduce-sect1 .right{padding-left:200px;}
    .introduce-sect1 .img-sam{margin-bottom:50px;}
    .sam-list ul li{padding:20px 0;}
    .introduce-sect1 .right .small{font-size:16px; margin-top:22px;}
    .introduce-sect1 .right .small.s1{margin-top:22px;}
}
@media (max-width: 768px){
    .cont-title.type3 .tit-txt{font-size:25px;}
    .introduce-sect1 .right{padding-left: 0;}
    .introduce-sect1 .left{margin-bottom:25px; width:100%;}
    .company-tit{font-size:18px;}
    .introduce-sect1 .img-sam{width:120px; margin-bottom:25px; display:block; margin-left:auto; margin-right:auto;}
    .sam-list .text{font-size:15px;}
    .sam-list .sm-text{padding-left:106px;font-size:14px;}
    .introduce-sect1 .right .small{font-size:14px; margin-top:14px;}
    .introduce-sect1 .right .small.s1{margin-top:15px;}
}

/* 사업소개 - 전략 */
.introduce-sect2 .top .img-size{max-width:1030px; max-height:375px; margin:0 auto;} /* 0408 */
.introduce-sect2 .top .img-size img{transform:matrix(1, 0, 0, 1, 0, 0)!important;}
.introduce-sect2 .tit{text-align:center; margin-bottom:70px;} /* 0326 수정 */
.introduce-sect2 .tit .sm-text{/* font-size:24px; */font-size:26px; font-weight:500; letter-spacing:-0.6px; color:#333;}
.introduce-sect2 .tit .text{/* font-size:28px; */font-size:30px; font-weight:500; letter-spacing:-1.2px; color:#000;} /* 0326 수정 */
.introduce-sect2 .bottom{margin-top:80px; text-align:center;}
.introduce-sect2 .bottom ul::after{clear:both; content:''; display:block;}
.introduce-sect2 .bottom ul li{position:relative; float:left; width:33.3%;}
.introduce-sect2 .bottom ul li:last-child::after{display:none;}
.introduce-sect2 .bottom ul li::after{content:''; position:absolute; top:50%; right:0; transform:translate(-50%, -50%); width:1px; height:52px; background:#ddd;}
.introduce-sect2 .bottom .sy-text{display: inline-block; /* font-size:24px; */font-size:26px; font-weight:500; color:#333; letter-spacing:-0.6px;}
.introduce-sect2 .bottom .sy-text.last{display:block; padding-top:15px;}
.introduce-sect2 .bottom .sy-text .db{display:block;}
@media (max-width: 1080px){
    .introduce-sect2 .tit{margin-bottom:60px;}
    /*.introduce-sect2 .tit .text{font-size:35px;}*/ /* 0326 제거 */
    .introduce-sect2 .bottom{margin-top:60px;}
    .introduce-sect2 .bottom .sy-text{font-size:20px;}
}
@media (max-width: 768px){
    .introduce-sect2 .tit .sm-text{font-size:18px;}
    .introduce-sect2 .tit .text{font-size:23px;}
    .introduce-sect2 .tit{margin-bottom:40px;}
    .introduce-sect2 .bottom{margin-top:40px;}
    .introduce-sect2 .bottom .sy-text{font-size:15px;}
    .introduce-sect2 .bottom ul li{width:100%; padding-bottom:15px;}
    .introduce-sect2 .bottom ul li:last-child{padding-bottom:0;}
    .introduce-sect2 .bottom ul li::after{display:none;}
    .introduce-sect2 .bottom .sy-text.last{display:initial}
    .introduce-sect2 .bottom .sy-text .db{display:inline-block;}
}

/* 사업소개 - 사업영역 세로 */
.introduce-sect3.vertical .body .thumb{width:calc((100% - 76px) / 5); margin-left:18px;}
.introduce-sect3.vertical .body .thumb{height:305px;}
.introduce-sect3.vertical .body .thumb.thumb1{margin-left:0;}
.introduce-sect3.vertical .body .thumb.thumb3,
.introduce-sect3.vertical .body .thumb.thumb4,
.introduce-sect3.vertical .body .thumb.thumb5,
.introduce-sect3.vertical .body .thumb.thumb6{margin-top:0;}
.introduce-sect3.vertical .body .thumb .dim{border-radius:8px; background:transparent;}
.introduce-sect3.vertical .body .thumb:hover .dim{background:rgba(0, 0, 0, 0.3);}
.introduce-sect3.vertical .body .thumb .text{/* font-size:35px; */ font-size:30px; top:60px; transform:translate(-50%, 0);}
/* @media (max-width:1024px){
    .introduce-sect3.vertical .body .thumb{width:calc((100% - 18px) / 2); margin-left:18px;}
    .introduce-sect3.vertical .body .thumb.thumb3{margin-left:0;}
    .introduce-sect3.vertical .body .thumb.thumb3, 
    .introduce-sect3.vertical .body .thumb.thumb4{margin-top:18px;}
    .section.introduce-sect3.vertical.height{height:1755px;}
}
@media (max-width:768px){
    .introduce-sect3.vertical .body .thumb{width:100%; margin-left:0;}
    .introduce-sect3.vertical .body .thumb.thumb1,
    .introduce-sect3.vertical .body .thumb.thumb2,
    .introduce-sect3.vertical .body .thumb.thumb3, 
    .introduce-sect3.vertical .body .thumb.thumb4{margin-top:10px;}
    .section.introduce-sect3.vertical.height{height:1755px;}
} */
@media (max-width:768px){
    .introduce-sect3.vertical .body .thumb{width:100%; margin-left:0; margin-top:15px !important;}
    .introduce-sect3.vertical .body .thumb:first-child{margin-top:0;}
    .introduce-sect3.vertical .body .thumb.thumb3, 
    .introduce-sect3.vertical .body .thumb.thumb4{margin-top:15px;}
    .introduce-sect3.vertical .body .thumb{height:130px;}
    .introduce-sect3.vertical .body .thumb .text{top:20px;}
}

/* 사업소개 - 사업영역 구조 바꿈 */
.view-area.introduce.show .slick-slide{height:auto;}
.view-area.introduce.show .detail{width:1200px; margin:0 auto;} /* 0401 */
/* .view-area.introduce{opacity:0; position:absolute; top:0; right:0; left:0; background:#fff; z-index:-10;} */
.view-area.introduce{background:#fff;} /* 0401 */
/* .view-area.introduce.show{opacity:1; z-index:10; margin-top:90px; margin-top:160px; height:936px; height:1036px;} */
.view-area.introduce.show{opacity:1; z-index:10; /*margin-top:90px;*/ height:976px;} /* 0401 */
.view-area.introduce .view .detail{text-align:right;}
.view-area.introduce .view .detail .btn-close{width:53px; height:53px; background:url("../img/02/btn_close.png") no-repeat center center;}
.view-area.introduce .view .detail .title{position:relative; font-size:50px; color:#fff; font-weight:700; text-align:center; padding-bottom:20px; margin-bottom:21px;}
.view-area.introduce .view .detail .title::after{position:absolute; left:50%; bottom:0; transform:translate(-50%, 0); display:inline-block; content:''; width:45px; height:1px; background:#cf9229;}
.view-area.introduce .view .detail .small{/* font-size:18px; */font-size:20px; color:#fff; text-align:center; margin-top:4px;}
/* .view-area.introduce .box-area{margin-top:80px;} */ /* 0408 */
/* .view-area.introduce .box-area{display:none;} */ /* 0401 */
.view-area.introduce .slick-current .box-area{display:block;}
.view-area.introduce .box-area::after{clear:both; content:''; display:block;}
.view-area.introduce .box-area .box{text-align:left; width:calc((100% - 36px) / 3); float:left; margin-left:18px; border:1px solid #ddd; background:#fff;/*border-radius:10px;*/} /* 0408 수정 */
.view-area.introduce .box-area.type2 .box{text-align:left; width:calc((100% - 18px) / 2); float:left; margin-left:18px; /*border:1px solid #ddd;*/}
.view-area.introduce .box-area.type2.htype .bottom{height:120px}
.view-area.introduce .box-area .box:first-child{margin-left:0;}
/* 0323 제거 start */
/* .view-area.introduce .box-area .box.box1 .top{background:#c5d1f3;}
.view-area.introduce .box-area .box.box2 .top{background:#c4def4;}
.view-area.introduce .box-area .box.box3 .top{background:#c7f2f4;}
.view-area.introduce .box-area .box.box4 .top{background:#c7f2f4;}
.view-area.introduce .box-area .box.box5 .top{background:#c7f2f4;} */
/* .view-area.introduce .box-area .box .top{background:#fff;} */
/* 0323 제거 end */
.view-area.introduce .box-area .box.box4{margin-left:0; margin-top:18px;} /* 0323 수정 */
.view-area.introduce .box-area .box.box5{margin-top:18px;} /* 0323 추가 */
.view-area.introduce .box-area.b4 .box.box3{margin-left:0; margin-top:18px;}
.view-area.introduce .box-area.b4 .box.box4{margin-left:18px; margin-top:18px;} /* 0323 수정 */
/* 0323 제거 start */
/* .view-area.introduce .box-area .box.box4 .top,
.view-area.introduce .box-area .box.box5 .top{margin-top:18px;} */
/* 0323 제거 end */
.view-area.introduce .box-area .top{display:table; width:100%; /*height:80px;*/ /* height:90px; */height:108px; padding:0 30px;} /* 0408 수정 */
.view-area.introduce .box-area.b4 .top{/*height:106px;*/ height:98px;} /* 0323 수정 */
.view-area.introduce .box-area .top p{display:table-cell; vertical-align:top; padding-top:15px;}
.view-area.introduce .box-area .eng{display:block; /* font-size:14px; */font-size:16px; color:#000; font-weight:300; margin-bottom:10px;}
.view-area.introduce .box-area.type2 .top p{padding-top:0}
.view-area.introduce .box-area .kor{display:block; /* font-size:19px; */font-size:21px; color:#000; font-weight:700;}
.view-area.introduce .box-area .kor:first-child::before{display:inline-block; content:''; width:3px; height:16px; background:#cf9229; margin-right:10px; vertical-align:top; margin-top:5px;} /* 0323 추가 */
.view-area.introduce .box-area .kor:last-child{font-weight:500;}
.view-area.introduce .box-area .kor:nth-child(2){margin-left:13px;} /* 0323 추가 */
.view-area.introduce .box-area .bottom{/*height:185px;*/ padding:0 30px; /* font-size:15px; */font-size:17px; color:#333; background:#fff; line-height:1.5; letter-spacing:-0.33px; /*border:1px solid #ddd;*/ border-top:none;border-radius:10px;} /* 0408 수정 */
.view-area.introduce .box-area.htype .bottom{height:200px;} /* 0408 */
.view-area.introduce .box-area.b4 .bottom{/*height:120px;*/height:150px;}
/* .view-area.introduce .box-area .bottom .dotlist{margin-top:28px;} */ /* 0408 */
.view-area.introduce .box-area .bottom .dotlist li{position:relative; padding-left:16px; margin-bottom:6px; font-weight:300;} /* 0408 */
.view-area.introduce .box-area .bottom .dotlist li::before{position:absolute; left:0; top:0; width:2px; height:2px; display:inline-block; content:'※';}
.view-area.introduce .box-area .bottom .dotlist.new li::before{content:''; background:black; width:3px; height:3px; top:10px;}
.view-area.introduce .box-area .bottom .dotlist li .bold{font-weight:700;}
.view-area.introduce .slick-arrow{position:absolute; height:38px; line-height:36px; /*bottom:80px;*/ bottom:0; z-index:15; /* font-size:14px; */font-size:16px; color:#999;}
.view-area.introduce .slick-arrow::after{clear:both; content:''; display:block;}
.view-area.introduce .slick-arrow:hover{color:#333;}
.view-area.introduce .slick-prev{left:0; display:none!important;}
.view-area.introduce .slick-prev::before{float:left; display:inline-block; content:''; width:21px; height:36px; background:url("../img/com/btn_slickprev.png") no-repeat; padding-right:40px;}
.view-area.introduce .slick-prev:hover::before{background:url("../img/com/btn_slickprev_on.png") no-repeat;}
.view-area.introduce .slick-next{right:0; display:none!important;}
.view-area.introduce .slick-next::after{float:right; display:inline-block; content:''; width:21px; height:36px; background:url("../img/com/btn_slicknext.png") no-repeat right center; padding-left:40px;}
.view-area.introduce .slick-next:hover::after{background:url("../img/com/btn_slicknext_on.png") no-repeat right center;}
.view-area.introduce .slick-list{max-width:1230px; margin:0 auto; padding:0 15px;}
/* .view-area.introduce .slick-slide{max-width:1230px; margin:0 auto; padding:0 15px;} */
.section.introduce-sect3.height{/*height:755px;*/height:867px;margin-bottom:-120px}
@media (max-width:1280px){
	.view-area.introduce.show .detail{width:100%; margin:0 auto;} /* 0401 */
}
@media (max-width:1080px){
	.view-area.introduce.show {margin-top:150px}
}
@media (max-width:1024px){
    /* .view-area.introduce{height:1936px;} */
    .introduce-sect3.vertical .body .thumb .text{font-size:20px;}
    .introduce-sect3 .body .thumb .go-view{padding:0 10px;}
    .introduce-sect3 .body .thumb .go-view span{font-size:13px;}
    .view-area.introduce .view .detail .title{font-size:40px;}
    .view-area.introduce .view .detail .small{font-size:16px;}
    .view-area.introduce .box-area .top{padding:0 20px; height:70px;}
    .view-area.introduce .box-area .kor{font-size:15px;}
    .view-area.introduce .box-area .kor:first-child::before{height:14px; margin-top:3px; margin-right:6px;} /* 0323 추가 */
    .view-area.introduce .box-area .bottom{font-size:13px; /*padding:10px 15px 0 15px;*/ padding:0 15px;} /* 0323 수정 */
    .view-area.introduce .box-area .bottom .dotlist{margin:14px 0;}
    .view-area.introduce.show {margin-top:142px}
}
@media (max-width:960px){
	.view-area.introduce.show {margin-top:120px;}
}
@media (max-width:768px){
    .view-area.introduce .view .detail .btn-close{width:40px; height:40px;}
    .view-area.introduce .view .detail .title{font-size:30px;}
    .view-area.introduce .view .detail .small{font-size:15px;}
    .view-area.introduce.show{/*height:1410px;*/height:1732px;}
    .view-area.introduce.show.height1{/*height:1064px;*/height:1312px;}
    .view-area.introduce.show.height2{/*height:1235px;*/height:1278px;}
    .view-area.introduce.show.height3{/*height:740px;*/height:806px;}
    .section.introduce-sect3.height{/*height:1328px;*/height:1649px;}
    .section.introduce-sect3.height1{/*height:981px;*/height:1229px;}
    .section.introduce-sect3.height2{/*height:1152px;*/height:1195px;}
    .section.introduce-sect3.height3{/*height:657px;*/height:723px;}
    .view-area.introduce .box-area{margin-top:40px;}
    .view-area.introduce .box-area .box,
    .view-area.introduce .box-area.type2 .box{width:100%; float:inherit; margin-left:0; margin-top:15px; padding-bottom:5px}
    .view-area.introduce .box-area .box:first-child{margin-top:0;}
    .view-area.introduce .box-area.b4 .box.box4{margin-left:0;}
    .view-area.introduce .box-area .top{height:50px; padding:0 15px;}
    .view-area.introduce .box-area .kor:first-child::before{height:13px; margin-top:2px;} /* 0323 추가 */
    .view-area.introduce .box-area .kor:nth-child(2){margin-left:9px;} /* 0323 추가 */
    .view-area.introduce .box-area.b4 .top{height:70px;}
    .view-area.introduce .box-area .kor{font-size:13px;}
    .view-area.introduce .box-area .bottom{font-size:12px; /*height:132px;*/ height:132px;}
    .view-area.introduce .box-area.h-auto .bottom, .view-area.introduce .box-area.htype .bottom, .view-area.introduce .box-area.type2.htype .bottom{height:auto;}
    .view-area.introduce.show{margin-top:140px;}/* 0317 추가 */
}
@media (max-width:760px){
	.view-area.introduce.show{margin-top:125px;}
}

/* 배경 변경 */
.view-area.introduce.show{/*background:url("../img/00/sec02_bg.jpg") no-repeat center center;*/ background-size:cover;}
.view-area.introduce.bg01.show{background:url("../img/02/bg_item1_full.jpg") no-repeat; background-size:cover;}
.view-area.introduce.bg02.show{background:url("../img/02/bg_item2_full.jpg") no-repeat; background-size:cover;}
.view-area.introduce.bg03.show{background:url("../img/02/bg_item3_full.jpg") no-repeat; background-size:cover;}
.view-area.introduce.bg04.show{background:url("../img/02/bg_item4_full.jpg") no-repeat; background-size:cover;}

/* sub1.css */
.nation-wrap .nation .layer .info li{padding-left:87px;}
.nation-wrap .nation .layer .info li .left + span{left:72px;}

/* 0316 ceo start */
/* .visual-ceo-tit .sign{margin-top:80px;padding-bottom:20px;}
@media (max-width: 1080px){
    .visual-ceo-tit .sign{margin-top:60px;padding-bottom:0;}
}
@media (max-width: 768px){
    .visual-ceo-tit .sign{margin-top:30px;padding-bottom:10px;}
} */
/* 0316 ceo end */

/* 0316 start 이미지 확대/축소 팝업 */
/* .zoomHolder img{z-index:-1;} */ /* 0401 */
.zoomHolder img{pointer-events:none;} /* 0401 */
.controlHolder{display:none;}
@media (max-width: 960px){
    /* .zoomHolder img{z-index:1;} */ /* 0401 */
    .zoomHolder img{pointer-events:inherit;} /* 0401 */
    .controlHolder{display:block;}
}
/* 0316 end 이미지 확대/축소 팝업 */

/* 0324 연혁 start */
.history-list.new{margin:0 auto; width:715px;}
.history-list.new.fixed{margin-top:116px;}
.history-list.new.fixed.first{margin-top:180px;}
.history-box.new.history1 .box:first-child{/*padding-top:0;*/ border-top:none;}
.history-box.new .box{padding:37px 0 30px 0; border-top:1px solid #eee;}
.history-box.new .box .left{/* font-size:20px; */font-size:22px;}
.history-box.new .box:last-child{padding-bottom:0;}
.history-box.new .box .right .month li::before{display:none;}
.history-box.new .box .right .month{border-left:none;}
.history-box.new .box .right .month li{padding-left:70px; padding-bottom:17px;}
.history-box.new .box .right .month li:last-child{padding-bottom:0px;}
.history-box.new .box .right .month .txt-month{top:0; left:0; /* font-size:16px; */font-size:18px;}
.history-box.new .box .right .month p{/* font-size:16px; */font-size:18px; letter-spacing:-0.4px; line-height:inherit; margin-bottom:10px; color:#666;}
.history-box.new .box .right .month p.more{margin-top:28px;}
.history-box.new .box .left{width:138px; text-align:left;}
.history-box.new .box .right{width: calc(100% - 138px);}
.history-list.new.fixed .history-box.history1{padding-top:120px;}
.history-list.new.fixed .history-box.history2{padding-top:120px;}
.history-list.new.fixed .history-box.history3{padding-top:120px;}
@media (max-width:1024px){
    .history-list.fixed .history-box.history3{padding-bottom:160px;}
}
@media (max-width:768px){
    .history-list.new.fixed{/* margin-top:54px; */margin-top:100px;}
    .history-list.new.fixed.first{margin-top:100px;}
    .history-menu{margin-top:25px;}
    .history-menu.fixed{margin-top:0;}
    .history-list.new{width:100%;}
    .history-box.new .box .right{width: 100%;}
    .history-box.new .box .right .month .txt-month{font-size:15px;}
    .history-box.new .box .right .month p{font-size:14px; line-height:1.3;}
    .history-box.new .box{padding:17px 0 17px 0;}
    .history-box.new .box .right .month li{padding-left:40px; padding-bottom:10px;}
    .history-list.new.fixed .history-box.history1{/* padding-top:94px; */padding-top:44px;}
    .history-list.new.fixed .history-box.history2{/* padding-top:94px; */padding-top:44px;}
    .history-list.new.fixed .history-box.history3{/* padding-top:94px; */padding-top:44px;}
    .history-list.fixed .history-box.history3{padding-bottom:0;}
    .history-box.new.history1{padding-top:30px;}
}
@media (max-width:380px){
    .history-box.new .box .right .month .txt-month{font-size:14px;}
    .history-box.new .box .right .month p{font-size:13px;}
}
/* 0324 연혁 end */

/* 0326 채용 아이콘 타입 - 신입 */
.recruit-wrap.type-icon .name .step{color:#333; /* font-size:14px; */font-size:16px; margin-bottom:0;}
.recruit-wrap.type-icon .name .rc-name{color:#333; margin-bottom:25px;}
.recruit-wrap.type-icon .nation3 .name .rc-name::after{display:none;} /* 텍스트 숨김 처리 */
.recruit-wrap.type-icon .nation4 .name .rc-name::after{display:none;} /* 텍스트 숨김 처리 */
.nation-wrap.type-icon .nation .name{top:70%; transform:translate(0, -70%);}
.nation-wrap.type-icon .nation2 .name,
.nation-wrap.type-icon .nation3 .name{top:79%; transform:translate(0, -79%);}
.recruit-wrap.type-icon .nation1{background:#fff url("../img/05/ico_rec01.png") no-repeat center top 85px;}
.recruit-wrap.type-icon .nation2{background:#fff url("../img/05/ico_rec02.png") no-repeat center top 85px;}
.recruit-wrap.type-icon .nation3{background:#fff url("../img/05/ico_rec03.png") no-repeat center top 85px;}
.recruit-wrap.type-icon .nation4{background:#fff url("../img/05/ico_rec04.png") no-repeat center top 85px;}
.recruit-wrap.type-icon .nation5{background:#fff url("../img/05/ico_rec05.png") no-repeat center top 85px;}
.recruit-wrap.type-icon .nation6{background:#fff url("../img/05/ico_rec06.png") no-repeat center top 85px;}
/* .recruit-wrap.type-icon .nation:hover{background:#fff;} */ /* 0331 */
/* .recruit-wrap.type-icon .nation6:hover{background:#fff url("../img/05/ico_rec06.png") no-repeat center top 85px; box-shadow:0 0 0 1px #ddd;} */ /* 0331 */
.recruit-wrap.type-icon .nation3 .name .rc-name{padding:0 40px;}
@media (max-width: 768px){
    .recruit-wrap.type-icon .nation{height:220px;}
    .recruit-wrap.type-icon .name .rc-icon{width:30px; height:30px;}
    .recruit-wrap.type-icon .name .rc-name{margin-bottom:10px; max-width:145px; margin:0 auto 10px auto;}
    .recruit-wrap.type-icon .nation1{background-size:54px auto; background-position:center top 30px;}
    .recruit-wrap.type-icon .nation2{background-size:42px auto; background-position:center top 30px;}
    .recruit-wrap.type-icon .nation3{background-size:54px auto; background-position:center top 30px;}
    .recruit-wrap.type-icon .nation4{background-size:54px auto; background-position:center top 30px;}
    .recruit-wrap.type-icon .nation5{background-size:54px auto; background-position:center top 30px;}
    .recruit-wrap.type-icon .nation6{background-size:54px auto; background-position:center top 30px;}
    /* .nation-wrap.type-icon .nation .name{top:78%; transform:translate(-50%, -78%);} */
    .nation-wrap.type-icon .nation .name{top:82%; transform:translate(0, -82%);}
    .nation-wrap.type-icon .nation2 .name{top:90%; transform:translate(0, -90%);} /* 0331 */
    .nation-wrap.type-icon .nation3 .name{top:95%; transform:translate(0, -95%);} /* 0331 */
    .recruit-wrap.type-icon .nation3 .name .rc-name{padding:0;}
    .recruit-wrap.career.type-icon .nation6 .name{top:50%; transform:translate(0, -50%);}
}
/* 0326 채용 아이콘 타입 - 경력 */
.recruit-wrap.career.type-icon .nation1{background:#fff url("../img/05/ico_rec01.png") no-repeat center top 85px; box-shadow:0 0 0 1px #ddd;}
.recruit-wrap.career.type-icon .nation2{background:#fff url("../img/05/ico_rec02.png") no-repeat center top 85px; box-shadow:0 0 0 1px #ddd;}
.recruit-wrap.career.type-icon .nation3{background:#fff url("../img/05/ico_rec04.png") no-repeat center top 85px; box-shadow:0 0 0 1px #ddd;}
.recruit-wrap.career.type-icon .nation4{background:#fff url("../img/05/ico_rec05.png") no-repeat center top 85px; box-shadow:0 0 0 1px #ddd;}
.recruit-wrap.career.type-icon .nation5{background:#fff url("../img/05/ico_rec06.png") no-repeat center top 85px; box-shadow:0 0 0 1px #ddd;}
.recruit-wrap.career.type-icon .nation6{background:#0d4da1; box-shadow:0 0 0 1px #ddd;}
/* .recruit-wrap.career.type-icon .nation:hover{background:#fff;} */  /* 0331 */
.recruit-wrap.career.type-icon .nation2 .name{top:70%; transform:translate(0, -70%);}
.recruit-wrap.career.type-icon .nation3 .name{top:70%; transform:translate(0, -70%);}
/* 0331 start */
@media (max-width: 768px){
    .recruit-wrap.career.type-icon .nation{height:220px;}
    .recruit-wrap.career.type-icon .name .rc-icon{width:30px; height:30px;}
    .recruit-wrap.career.type-icon .name .rc-name{margin-bottom:10px;}
    .recruit-wrap.career.type-icon .nation1{background-size:54px auto; background-position:center top 30px;}
    .recruit-wrap.career.type-icon .nation2{background-size:42px auto; background-position:center top 30px;}
    .recruit-wrap.career.type-icon .nation3{background-size:54px auto; background-position:center top 30px;}
    .recruit-wrap.career.type-icon .nation4{background-size:54px auto; background-position:center top 30px;}
    .recruit-wrap.career.type-icon .nation5{background-size:54px auto; background-position:center top 30px;}
    .recruit-wrap.career.type-icon .nation6{background-size:54px auto; background-position:center top 30px;}
    /* .recruit-wrap.type-icon .nation3 .name{top:78%; transform:translate(0, -78%);} */
    .recruit-wrap.type-icon .nation6 .name{top:67%; transform:translate(0, -67%);}
    .recruit-wrap.career.type-icon .nation2 .name{top:82%; transform:translate(0, -82%);}
    .recruit-wrap.career.type-icon .nation3 .name{top:82%; transform:translate(0, -82%);}
    .recruit-wrap.career.type-icon .nation, 
    .recruit-wrap.career.type-icon .nation-oth{box-shadow:none; border:1px solid #ddd;}
    .recruit-wrap.career.type-icon .nation2,
    .recruit-wrap.career.type-icon .nation4,
    .recruit-wrap.career.type-icon .nation6{margin-left:-1px;}
    .recruit-wrap.career.type-icon .nation1,
    .recruit-wrap.career.type-icon .nation2,
    .recruit-wrap.career.type-icon .nation3,
    .recruit-wrap.career.type-icon .nation4{margin-bottom:-1px;}
}
/* 0331 end */

/* 0408 */
.bg-box.bg-none{background:#fff; margin-top:0;}
.bg-box.bg-none.pl-0{padding-left:0;}
.sam-creating .view .detail .box-area.pt0{padding-top:0;}
.text-small.dot{position:relative; padding-left:12px;}
.text-small.dot::before{position:absolute; left:0; top:12px; content:''; display:inline-block; background:black; border-radius:50%; width:3px; height:3px;}
.detail .box-area.type-fl .box{padding:20px 0;}
.detail .box-area.type-fl .box:after{clear:both; content:''; display:block;}
/* .detail .box-area.type-fl .box .top{float:left; width:20%;}
.detail .box-area.type-fl .box .bottom{float:left; width:80%;} */
.detail .box-area.type-fl .box .top{float:none; width:100%;}
.detail .box-area.type-fl .box .bottom{float:none; width:100%; margin-top:10px;}
.detail .box-area.type-fl .box .top{height:auto;}
.detail .box-area.type-fl .top p{vertical-align:top; padding-top:0;}
/* @media (max-width:768px){
	.detail .box-area.type-fl .box .top{float:none; width:100%;}
	.detail .box-area.type-fl .box .bottom{float:none; width:100%;}
	.detail .box-area.type-fl .box .top{height:auto;}
} */
.simple-list.type2.new .row{min-height:80px;}
.simple-list.type2.new .row .date{display:table-cell; vertical-align:top; padding-top:16px; /* font-size:30px; */font-size:32px; font-weight:700;}
.simple-list.type2.new .row .title{padding:14px 0 14px 34px; vertical-align:top;}
.simple-list.type2.new .row .title span{display:inline-block; padding:5px 0 5px 10px; position:relative;}
.simple-list.type2.new .row .title span::before{display:inline-block; content:''; position:absolute; top:13px; left:0; width:3px; height:3px; background:black; border-radius:50%;}
@media (max-width:768px){
	.simple-list.type2.new .row .date{width:100%; display:block; text-align:left;}
	.simple-list.type2.new .row .title{width:100%; display:block; text-align:left; padding:14px 0 14px 0;}
}
.sam-creating .view .detail .box .img-ib1{background:url('../img/02/img-ib01.png') no-repeat center center;}
.sam-creating .view .detail .box .img-ib2{background:url('../img/02/img-ib02.png') no-repeat center center;}
.sam-creating .view .detail .box .img-ib3{background:url('../img/02/img-ib03.png') no-repeat center center;}
.sam-creating .view .detail .box .img-ib4{background:url('../img/02/img-ib04.png') no-repeat center center;}
.sam-creating .view .detail .box .img-ib5{background:url('../img/02/img-ib05.png') no-repeat center center;}
.sam-creating .view .detail .box .img-ch1{background:url('../img/02/img-ch01.png') no-repeat center center;}
.sam-creating .view .detail .box .img-ch2{background:url('../img/02/img-ch02.png') no-repeat center center;}
.sam-creating .view .detail .box .img-ch3{background:url('../img/02/img-ch03.png') no-repeat center center;}
.sam-creating .view .detail .box .img-trading1{background:url('../img/02/img-tr01.png') no-repeat center center;}
.sam-creating .view .detail .box .img-trading2{background:url('../img/02/img-tr02.png') no-repeat center center;}
.sam-creating .view .detail .box .img-trading3{background:url('../img/02/img-tr03-new.png') no-repeat center center;}
.sam-creating .view .detail .box .img-trading4{background:url('../img/02/img-tr04-new.png') no-repeat center center;}
.sam-creating .view .detail .box .img-iv1{background:url('../img/02/img-iv01.png') no-repeat center center;}
.sam-creating .view .detail .box .img-iv2{background:url('../img/02/img-iv02.png') no-repeat center center;}
.sam-creating .view .detail .box .img-digital1{background:url('../img/02/img-digital01.png') no-repeat center center;}
.sam-creating .view .detail .box .img-digital2{background:url('../img/02/img-digital02.png') no-repeat center center;}
.sam-creating .view .detail .box .img-digital3{background:url('../img/02/img-digital03.png') no-repeat center center;}
.sam-creating .view .detail .box .img-digital4{background:url('../img/02/img-digital04-new.png') no-repeat center center;}
.img-size.type-pd{margin:50px auto 70px auto;}
.introduce-sect2{padding-top:100px;}
.introduce-sect2 .top .img-size{margin-top:80px;}
.introduce-sect4 .body .top .number{margin:80px 0;}

.img-size.re01{max-width:1161px; max-height:737px;}
.img-size.re02{max-width:761px; max-height:277px;}
.img-size.tr01{max-width:598px; max-height:599px;}
.img-size.tr02{max-width:554px; max-height:473px;}
.img-size.tr03{max-width:1200px; max-height:890px;}

/* 0410 */
.section.pt0{padding-top:0;}
.img-size.re01{max-width:1161px; max-height:938px;}
.img-size.re02{max-width:707px; max-height:277px;}
.ico-noti{display:inline-block; width:20px; height:20px; margin:-2px 6px 0 2px; background:url('../img/com/ico_noti.png') no-repeat center center; vertical-align:middle;}