@import url(common.css?var=20250107);

.depth1>.more_depth>a.now{color:#fff}
.depth1>.more_depth>a.now:hover:before{display: block;}


main{padding: 190px 0 60px 0;letter-spacing: -1px;background: #f6f6f6 url(/images/main/main_bg.jpg)center bottom no-repeat;display: block;}
main section{display: flex;}
.visual{width: 860px;height: 330px;position: relative;}
.visual p{font-size: 18px;font-weight: 500;color:#fff;text-shadow: 1px 1px 4px rgba(0,0,0,.22);text-align: center;position: absolute;top:46%;transform: translateY(-50%);z-index: 2;width: 100%;}
.visual p strong{display: block;font-size: 42px;font-weight: 600;margin-bottom: 16px;letter-spacing: 0;line-height: 1.1em;text-shadow:2px 2px 5px rgba(1,1,1,0.3);}
.visual p span{font-weight: 500;color: #063971;transition: color .4s;text-shadow:2px 2px 5px rgba(1,1,1,0.3);}
.visual p .point{color:#067ef9;font-weight: 600;}
.visual_slide{position: absolute;left: 0;top:0;width: 100%;height: 100%;overflow: hidden;}
.visual_slide .slick-list, .visual_slide .slick-track, .visual_slide .slick-track div {height: 100%;}
.visual_slide li{background-position: center;background-repeat: no-repeat;height: 100%;}
.visual_slide .slide01{background-image: url(/images/main/main_visual_04.jpg);}
.visual_slide .slide02{background-image: url(/images/main/main_visual_05.jpg);}
.visual_slide .slide03{background-image: url(/images/main/main_visual_06.jpg);}
.visual_slide .slide04{background-image: url(/images/main/main_visual_07.jpg);}
.visual_slide .slide05{background-image: url(/images/main/main_visual_08.jpg);}
.visual_slide .slide06{background-image: url(/images/main/main_visual_09.jpg);}
.visual_slide .blkbg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#111;opacity:0.13;z-index:1;}

.visual_slide .slick-slider{height: 100%;}
.visual_slide .control{background: none;width: auto;right: 0;height: auto;padding-right: 100px;}
.visual_slide .control .cur_paging{margin: 0 0 10px 0;background-color:rgba(34,34,34,.8);display: block;padding: 4px 9px;}
.visual_slide .control .ctr_btn{right: 40px;bottom: 10px;background-color:rgba(34,34,34,.8);}
.visual_slide .slick-arrow{position: absolute;bottom:10px;width: 26px;height: 26px;font-size: 0;line-height: 0;background-color:rgba(34,34,34,.8);z-index: 5;background-image: url(/images/common/bg.png);;background-position: -80px -3px;background-repeat: no-repeat;}
.visual_slide .slick-prev{right:70px;}
.visual_slide .slick-next{right: 10px;transform: rotate(180deg);}

.tabM{margin-left: 20px;position: relative;display: flex;}
.tabM>li{margin-right: 1px;}
.tabM>li:last-child{margin-right:0;}
.tabM>li>a,.tabM>li>h3 a{display: block;color:#333;font-weight: 500;font-size:15px;border:1px solid #ccc;border-bottom:0;background-color:#fff;padding: 9px 4px;text-align: center;transition: background .4s;}
.tabM>li.on>a,.tabM>li.on>h3 a{color:#fff;position: relative;}
.tabM>li>a:before,.tabM>li>h3 a:before{content: '';width: 11px;height: 11px;position: absolute;left: 50%;bottom: -6px;margin-left:-5px;transform: rotate(45deg);transition:opacity .4s;transition-delay: .1s;opacity: 0;}
.tabM>li.on>a:before,.tabM>li.on>h3 a:before{opacity: 1;}
.tabM .tab_content{position: absolute;left:0;top:38px;width: 100%;display: none;}
.tabM .tab_content >div{width: 25%;text-align: center;}
.tabM .tab_content > div:nth-child(n+5){margin-top: 15px;}
.tabM .tab_content > div a{font-size: 14px;color:#333;padding-top:93px;position: relative;display: block;}
.tabM .tab_content > div a:before{content: '';width: 88px;height: 88px;border-radius: 50%;background-color:#ddd;position: absolute;left:50%;top:0;margin-left: -44px;transition: background .4s;}
.tabM .tab_content > div a:after{content: '';width: 76px;height: 76px;border-radius: 50%;background-color:#fff;position: absolute;left:50%;top:6px;margin-left: -38px;background-image: url(/images/main/customer_icon.png);background-repeat: no-repeat;transition: background .4s;background-size: 608px;}
.tabM .tab_content > div a:hover:before, .tabM .tab_content div a:focus:before{background-color:#fff;border:2px solid #33b6ef;}
.tabM .tab_content > div a:hover:after, .tabM .tab_content div a:focus:after{background-color:#33b6ef}
.tabM .tab_content.current{display: flex;flex-wrap: wrap;}

.customer{width: calc(100% - 880px);height: 330px;}
.customer>li{width: 33.33%;}
.customer>li:hover>a{color:#2595db}
.customer>li.on>a{color:#fff;background-color:#2595db;border:1px solid #2595db;}
.customer>li.on>a:before{background: #2595db;}
.customer .tab_content{border-top:2px solid #2595db;padding-top: 32px;}

#general .list01 a:after{background-position: 0 0;}
#general .list02 a:after{background-position: -76px 0;}
#general .list03 a:after{background-position: -152px 0;}
#general .list04 a:after{background-position: -228px 0;}
#general .list05 a:after{background-position: -304px 0;}
#general .list06 a:after{background-position: -380px 0;}
#general .list07 a:after{background-position: -456px 0;}
#general .list08 a:after{background-position: -532px 0;}

#corporate .list01 a:after{background-position: 0 -76px;}
#corporate .list02 a:after{background-position: -76px -76px;}
#corporate .list03 a:after{background-position: -152px -76px;}
#corporate .list04 a:after{background-position: -228px -76px;}
#corporate .list05 a:after{background-position: -304px -76px;}
#corporate .list06 a:after{background-position: -380px -76px;}
#corporate .list07 a:after{background-position: -456px -76px;}
#corporate .list08 a:after{background-position: -532px -76px;}

#community .list01 a:after{background-position: 0 -152px;}
#community .list02 a:after{background-position: -76px -152px;}
#community .list03 a:after{background-position: -152px -152px;}
#community .list04 a:after{background-position: -228px -152px;}
#community .list05 a:after{background-position: -304px -152px;}
#community .list06 a:after{background-position: -380px -152px;}
#community .list07 a:after{background-position: -456px -152px;}
#community .list08 a:after{background-position: -532px -152px;}

.btm{margin-top: 30px;}

.title01{font-size: 22px;color:#fff;font-weight: 500;margin-bottom: 15px;}
.title02{font-size: 20px;font-weight: 500;margin-bottom: 10px;}
.quick_link{position: absolute;font-size: 13px;padding-right: 25px;line-height: 21px;display: block;}
.quick_link:after{content: '';width: 20px;height: 20px;border-radius: 50%;background-image: url(/images/common/bg.png);background-position: -83px -6px;background-repeat: no-repeat;transform: rotate(180deg);position: absolute;right:0;top:0;}
.quick_link:hover{text-decoration: underline;}

.rec{width: 300px;height: 400px;background: #256bc8 url(/images/common/patter01.png)left top repeat;padding:14px 16px 16px 16px;position: relative;}
.rec .title01{margin-bottom:12px}
.rec_wrap > a:not(:first-child .bn_kchn){padding-left:94px;padding-right:8px;overflow:hidden;display: flex;align-items: center;position: relative;width: 100%;height: 53px;background-color:#ffffff;border:1px solid #09458c;margin-top:4px;background-repeat: no-repeat;text-align: left;transition: background-color .4s;background-image: url(/images/main/rec_icon.png?ver=20250317);transition:background-color, color .4s;letter-spacing:-0.05em;border-radius:7px}
.rec_wrap a:not(:first-child) > p{width:100%;display:flex;justify-content:space-between;font-weight:600}
.rec a.bn_kchn{display:block;margin:13px 0 11px;}
.rec a.bn_kchn img{width:100%}

.rec_wrap .step01{display:block;height:auto;background-color:#094fa3;border:1px solid #09458c;border-radius:7px;overflow:hidden;}
.rec_wrap .step01 > div{display:flex;flex-direction:column;justify-content:center;height:54px;padding:4px 10px 4px 56px;background-image: url(/images/main/rec_icon.png?ver=20250317);background-repeat: no-repeat;transition: background-color .4s;}
.rec_wrap .step01 .tel{background-position:12px 7px}
.rec_wrap .step01 .home{position:relative;background-position:12px -37px}
.rec_wrap .step01 .home:before{display:block;content:'';clear:both;height: 1px;width: 100%;position: absolute;right: 0px;top:0px;background:url(/images/main/rec_line.png) left top repeat-x}
.rec_wrap .step01 .home span{margin-left:0;color:#a9cefb}
.rec_wrap .step02{background-position: 4px -194px;}
.rec_wrap .step03{background-position: 4px -80px;}
.rec_wrap .step04{background-position: 2px -311px;}
.rec_wrap .step02:hover{background-position: 4px -252px;}
.rec_wrap .step03:hover{background-position: 4px -138px;}
.rec_wrap .step04:hover{background-position: 2px -369px;}

.rec_wrap a:first-child{margin-top: 0;}
.rec_wrap a img{max-width:100%}
.rec_wrap .text01{font-weight:500}
.rec_wrap .step01 .tel .text01{font-size:18px}
.rec_wrap .step01 .text01{color:#fff;}
.rec_wrap .text01 span{margin-left:5px;transition: all .4s;color:#828282;}
.rec_wrap > a:not(:first-child .bn_kchn) span{font-size:16px;font-weight:500}
.rec_wrap .text02{color:#a9cefb;font-size:13px;}
.rec_wrap .step01 > div:hover, .rec_wrap .step01 > div:focus,
.rec_wrap > a:not(:first-child .bn_kchn):hover,.rec_wrap > a:not(:first-child .bn_kchn):focus{background-color: #2892f5;}
.rec_wrap > a:not(:first-child .bn_kchn):hover,.rec_wrap > a:not(:first-child .bn_kchn):focus,
.rec_wrap > a:not(:first-child .bn_kchn):hover span,.rec_wrap > a:not(:first-child .bn_kchn):focus span{color:#fff}

.rec2 .rec_wrap > a:not(:first-child .bn_kchn){background-color:#094fa3;background-image:url(/images/main/rec_icon.png);}
.rec2 .rec_wrap .text01{color:#fff}


.board_wrap{margin-left: 20px;width: calc(100% - 940px);}
.board{width: 100%;height: 200px;margin-left: 0;}
.board>li{width: 108px;}
.board>li:hover>a{color:#2a972e}
.board>li.on>a,.board>li.on>h3 a{color:#fff;background-color:#2a972e;border:1px solid #2a972e;}
.board>li.on>a:before,.board>li.on>h3 a:before{background: #2a972e;}
.board .tab_content{border-top:2px solid #2a972e;padding: 0 8px;padding-top: 25px;}
.board article{display: flex;justify-content: space-between;width: 100%;margin-bottom: 15px;}
.board article:last-child{margin-bottom: 0;}
.board article .tit{display: inline-block;width: calc(100% - 68px);padding-right: 10px;font-weight: 400;}
.board article a{display: block;padding-left: 13px;position: relative;font-size: 14px;color:#222;max-width: none;width: 100%;font-weight:400;}
.board article a:before{content: '';width: 4px;height: 4px;border-radius: 50%;background: #2a972e;position: absolute;left: 0;top:50%;margin-top: -2px;}
.board article a:hover{color:#2a972e;text-decoration: underline;}
.board article span{font-size: 14px;color:#222;}
.board .more{position: absolute;right:0;top:-32px;font-size: 12px;color:#222;padding-right: 28px;line-height: 21px;}
.board .more:after{content: '';width: 21px;height: 21px;border:1px solid #cfcfcf;background-color:#fff;background-image: url(/images/common/bg.png);background-position: -226px -6px;background-repeat:no-repeat;position: absolute;right:0;top:0;}
.board .more:hover{color:#2a972e;text-decoration: underline;}

.board #briefing{padding-top:0}
.board #briefing .ifrbx{width:100%;height:172px;margin-top:-6px;}
.board #briefing iframe{width:100%;height:100%;}

.slick-dots{position: absolute;right:-4px;top:-32px;display: flex;}
.slick-dots li{width: 18px;height: 18px !important;padding: 4px !important;position: relative;border-radius: 50%;}
.slick-dots li button{background: #757575;font-size:0;line-height:0;position: absolute;left: 4px;top:4px;width: 10px;height: 10px;border-radius: 50%;}
.slick-dots li.slick-active{background:rgba(250,13,13,.21)}
.slick-dots li.slick-active button{background:#fa0d0d !important;}

.business{background-color: #fff;padding: 17px 20px 20px 20px;width: 100%;margin-top: 20px;height: 180px;}
.business .title02{color:#111;margin-bottom: 12px;}
.business_slide a{display: flex;position: relative;margin: 4px;}
.business_slide .img_area{width: 176px;height: 105px;overflow: hidden;margin-right: 20px;}
.business_slide .img_area img{width: 100%;transition: .6s;}
.business_slide .text_area{width: calc(100% - 196px);padding-top: 5px;}
.business_slide .text_area .text01{font-size: 18px;color:#222;font-weight: 500;margin-bottom: 10px;}
.business_slide .text_area .text02{font-size: 14px;color:#333;}
/*.business_slide a:hover .img_area img{transform: scale3d(1.1,1.1,1.1);}*/
.business_slide a:hover .quick_link{text-decoration: underline;}
.business .quick_link{right: 0;bottom: 0;}
.business .quick_link:after{background-color: #92c5fc;}
.slide_wrap{position: relative;}
.slide_wrap .ctr_btn{width: 26px;height: 26px;border:2px solid #ddd;border-radius: 50%;font-size: 0;line-height: 0;position: absolute;right:80px;top:-36px}
.slide_wrap .ctr_btn.pause{background: url(/images/common/bg.png)-137px -3px no-repeat;;}
.slide_wrap .ctr_btn.play{background: url(/images/common/bg.png)-53px -4px no-repeat;}

.career_wrap{margin-left: 20px;width: 290px;}
.career{background: url(/images/main/career_bg.jpg)center no-repeat;width: 100%;height: 260px;padding: 20px;margin-top: 20px;}
/* .career>p{margin: 15px 0 0 9px;} */
.career .title01{margin-top: 0;}
.career .text{color:#cbe0f9;line-height: 1.4;padding-right: 68px;position: relative;}
.career .text br{display: none;}
.career .text:after{content: '';width: 64px;height: 55px;background: url(/images/main/career_icon.png)center no-repeat;position: absolute;right:0;top:-15px;background-size: 100%;}
.career .career_btn{margin-top: 22px;display: flex;flex-wrap: wrap;}
.career .career_btn a{color:#fff;background:#0066c8;border: 1px solid #3989e0;text-align: center;margin-right: 4px;display: block;width: calc(50% - 2px);padding: 12px 10px;height: 45px;transition: background .4s;}
.career .career_btn a:nth-child(2n){margin-right:0;}
.career .career_btn a:nth-child(n+3){margin-top:4px;}
.career .career_btn a:hover, .career .career_btn a:focus{border:4px solid #fff;background:#e3270a;padding: 9px 10px;}

/* 240328 이전 
.energy_wrap{position: relative;background:url(/images/main/energy_bg.jpg) right bottom no-repeat;height: 120px;}
.energy{display: block;width: 100%;height: 100%;padding: 22px 0 20px 16px;}
.energy .title{font-size: 20px;margin-bottom: 10px;}
.energy .title strong{display:block;color: #013b83;}
.energy .text{font-size: 13px;color: #333;}
   240328 이전 끝*/

.energy_wrap{position: relative;height: 120px;background:linear-gradient(45deg, #d5efee, #bce4e3);}
.energy{display: block;width: 100%;height: 100%;padding: 22px 0 20px 12px;background:url(/images/main/energy_bg2.png) no-repeat 116% 85%;background-size:auto 68%;}
.energy .title{font-size: 20px;margin-bottom: 10px;}
.energy .title strong{display:block;color: #013b83;}
.energy .text{font-size: 13px;color: #333;}



.banner_wrap{margin-left: 20px;width: 290px;/*overflow: hidden;*/}/* 240227_히든 주석 */
.accompany{width: 100%;height: 120px;position: relative;}
.accompany .title01{color:#333;padding: 10px 0 0 27px;margin: 0;font-size:20px;position:relative;z-index:1;}
.accompany .btn_area{height: 52px;background: #256bc8 url(/images/common/patter01.png)left top repeat;position: absolute;bottom:0;width: 100%;justify-content: flex-end;padding-right: 8px;}
.accompany .btn_area:before{content: '';width: 109px;height: 101px;background: url(/images/main/up.png)center no-repeat;position: absolute;left: 0;top: -60px;z-index: 1;}
.accompany .btn_area:after{content: '';width: 163px;height: 56px;background: url(/images/main/accom_bg.png)center no-repeat;position: absolute;right: 0;top: -56px;}
.accompany .btn_area a{width: 110px;height: 36px;background:#1c5198;font-size: 14px;color:#fff;text-align: center;line-height: 38px;transition: background .4s;}
.accompany .btn_area a:hover{background:#1c2750}

.banner{width: 100%;height: 260px;margin-top: 20px;position: relative;background: #222;}
.banner_slide{height: 100%;text-align: center;overflow:hidden;}/* 240227_히든 */
.banner_slide a{display:block;width:290px;height:260px;}
.banner img{width: 100%;display: inline-block;}
.control{background: #3e3e3e;width: 100%;height: 40px;position: absolute;bottom:0;}
.control .ctr_btn{width: 26px;height: 26px;font-size: 0;line-height: 0;background-color:#222;position: absolute;right:42px;bottom:7px;background-image: url(/images/common/bg.png);background-repeat: no-repeat;z-index:199}
.control .ctr_btn.pause{background-position: -25px -1px;}
.control .ctr_btn.play{background-position: -161px -3px;}
.banner .slick-arrow{position: absolute;bottom:7px;width: 26px;height: 26px;font-size: 0;line-height: 0;background-color:#222;z-index: 5;background-image: url(/images/common/bg.png);;background-position: -80px -3px;background-repeat: no-repeat;}
.banner .slick-prev{right:72px;}
.banner .slick-next{right: 12px;transform: rotate(180deg);}
.cur_paging{font-size: 14px;color:#ccc;margin: 12px 0 0 14px;display: inline-block;}
.cur_paging span{color:#fdfec1;font-weight: 600;}
.slick-arrow:focus,
.control .ctr_btn:focus{outline:solid 2px #a8d3fe;}

/* 팝업버튼 */
.popup_open{position: fixed;left: 1.4vw;bottom: 40px;width: 76px;height: 76px;z-index: 20;border: 2px solid #5fa8f7;border-radius: 50%;background: #fff;display: none;}
.popup_open span{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 65px;height: 65px;background: #5fa8f7 url(/images/common/bg2.png) -71px -140px  no-repeat;border-radius: 50%;padding-top: 40px;line-height: 14px;color: #fff;font-size: 14px;}
.foot_popopen{display: none;height: 25px;width: 80px;font-size: 14px;font-weight: 500;color: #f7f7f7;;line-height: 25px;border: 1px solid #888;margin-top: 12px;margin-right: 20px;text-align: left;background: url(/images/common/bg2.png) -70px -207px no-repeat;letter-spacing: -0.25px;padding: 0 7px;padding-left: 34px;}

/* 팝업존 */
.pop_wrap{position: fixed;top: 0;left: 50%;transform: translateX(-50%);z-index: 800;width: 100%;height: 100%;background-color: rgba(0,0,0,.65);text-align: center;}
.pop_wrap .pop_slide{width: 96%;max-width: 1500px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.pop_wrap .pop_slide ul{margin: 0 auto;height: 100%;max-height: 460px;overflow-y: hidden;position: relative;}
.pop_wrap .pop_slide .slick-list{width: 100%;max-width: 1200px;margin: 0 auto;}
.pop_wrap .pop_slide li{overflow: hidden;padding: 0 10px;min-width: 380px;height: 460px;}
.pop_wrap .pop_slide li img{width: 100%;text-align: center;}
.pop_wrap .pop_slide .slick-arrow{font-size: 0;line-height: 0;text-indent: -9999px;position: absolute;top: 50%;transform: translateY(-50%);background: url(/images/common/bg2.png) -70px -60px no-repeat;width: 35px;height: 60px;z-index: 5;}
.pop_wrap .pop_slide .slick-arrow.slick-prev{left: 0;}
.pop_wrap .pop_slide .slick-arrow.slick-next{right: 0;transform: translateY(-50%) rotate(180deg);}
.pop_slide .slick-list, .pop_slide .slick-track, .pop_slide .slick-track div, .pop_slide .slick-slider{height: 100%;}

.pop_wrap .pop_textBox{width: 100%;height: 100%;text-align: left;}
.pop_wrap .pop_textBox a{display: flex;flex-direction: column; width: 100%;height: 100%;min-height: 460px;border: 10px solid #256bc8;background: #fff;padding: 20px 20px 30px;justify-content: space-between;align-items: center;}
.pop_wrap .pop_textBox div{max-height: 320px;width: 100%;}
.pop_wrap .pop_textBox .title{font-size: 20px;font-weight: 600;color: #1455ab;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;/* 라인수 */-webkit-box-orient: vertical;max-height: 75px;}
.pop_wrap .pop_textBox .text{color: #333;line-height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;/* 라인수 */-webkit-box-orient: vertical;max-height: 200px;}
.pop_wrap .pop_textBox .fake_btn{text-align: center;width: 150px;background: #256bc8;color: #fff;height: 40px;line-height: 40px;}
.pop_wrap .pop_textBox.recruit a{background:url(/images/main/job.jpg) center top no-repeat; background-size:cover;}
.pop_wrap .pop_control{margin: 9vh auto 0;max-width: 740px;width: 80%;background: #1363a1 url(/images/common/patter02.png)left top;padding: 15px 15px 15px 30px;display: flex;align-items: center;justify-content: space-between;}
.pop_wrap .pop_control .pop_total{color: #fff;font-weight: 300;font-size: 15px;line-height: 18px;padding-left: 40px;background: url(/images/common/bg2.png) -88px -156px no-repeat;}
.pop_wrap .pop_control .pop_total .total{color: #fea08f;}
.pop_wrap .pop_control .btn_area button{margin-right: 10px;}
.pop_wrap .pop_control .btn_area button:last-child{margin-right: 0;}
/* //팝업존 */