@charset "utf-8";

@media (min-width: 1230px) {
	[lang="ja"] #gnb>ul>li {padding:0 25px}
	[lang="ja"] .value ul li .tt {padding:0 20px}
	[lang="ja"] .system .group ul li .circle p {padding:0 40px}
}

@media (max-width: 1600px) {
    /* header */
	#sub #wrapper{padding-top:80px;}    
    #header:after{top:80px;}
    #header .contain{height:80px;}
    #header .sitelogo {top:28px;}
    #header .sitelogo img{height:24px;}

    #gnb{padding-right:120px;}
    #gnb>ul {margin:0 -25px;} 
    #gnb>ul>li {padding:0 25px;}
    #gnb>ul>li>a {font-size:19px; line-height:80px;}

    #gnb .submenu {top:80px;}
    #gnb .submenu ul li{margin-bottom:7px;}
    #gnb .submenu ul li a {font-size:16px;}
}

@media (max-width: 1400px) {
	#gnb{display:none;}
    .btn-m-menu{display:block;}
    .lang{right:100px;}
}

@media (max-width: 1230px) {
	/* main */ 
    .main-visual .item {height: 500px;}
    .doc-btn{min-width:160px;height:50px;padding:0 20px;}
    .main-visual .scroll {display: none;} 

    .sec1 .con ul{margin:0 -10px;}
    .sec1 .con ul li{padding:0 10px;}
    .sec1 .con ul li .box .tit{padding:0 15px;font-size:18px;}
    .sec1 .con ul li .box .hover .inner{padding:10px;}
    .sec1 .con ul li .box .hover .hv-tit{font-size:18px;margin-bottom:15px;} 
    .sec1 .con ul li .box .hover .tt{margin-bottom:15px;font-size:14px;}
    .sec1 .con ul li .box .hover .tt br{display: none;}
    .sec1 .con ul li .box .hover .btn{width:40px;height:40px;font-size:20px;}

    .sec2 .con ul li .box{padding:20px 15px;}
    .sec2 .con ul li .box .ic{width:80px;height:80px;}

    .sec3 .sec-tit .arrs .slick-arrow{width:40px;height:40px;background-size:11px;}
    .news-sld .slick-list{margin:0 -10px;}
    .news-sld .item{padding:0 10px;}
    .news-sld .item .box .cate{min-width:auto;}
    .news-sld .item .box .btn{width:30px;height:30px;font-size:16px;}
    .sec4 .con ul li .box{padding:10px 20px;}

    /* footer */
    #footer{font-size:14px;}
    #footer .contain{display: block;}
    #footer .foot-info{width:100%;margin-right:0;margin-bottom:30px;}
    #footer .foot-info .logo{margin-bottom:20px;} 
    #footer .foot-info .logo img{height:24px;}
    #footer .foot-info address dl{font-size:14px;}
    #footer .foot-info address dl.wide{width:auto;}

    #footer .foot-right{display: block;}
    .family {max-width:180px;margin-bottom:20px;}
    .family .tit {height:44px;}
    .family .tit:after {height:6px;margin-top:-3px;}
    .family .family-open {bottom:44px;}
    #footer .foot-right .foot-menu ul{justify-content:flex-start;}
    #footer .foot-right .copy{font-size:12px;}

    .scroll-top img{height:44px;}

    /* sub page */
    .sub-visual {height:300px;}

    .flex-img-txt .row .img{width:50%;}
    .bar-tit{font-size:20px;}
    .bar-tit:before{height:20px;top:3px;}
    .tt18 br{display: none;}
    
    .solution-list .list ul li a .arr{width:36px;height:36px;font-size:16px;}

    .solution-list-item .title-wrap .arrow {width:36px;height:36px;font-size:16px;}

    .path .arr{padding-top:2px;}
    .solution-view .flex-con .left .inner{top:100px}
    .solution-view .flex-con .left .download .btn{height:54px;}

    .board-btns .btns{gap:0 40px;}
    .board-btns .btns .btn:after{height:20px;right:-20px;}
    .board-btns .btn img{height:32px;}

    .doc-title .tt{margin-top:10px;}
    .why .cont2 .con ul{margin:0 -10px -20px;}
    .why .cont2 .con ul li{padding:0 10px;margin-bottom:20px;}
    .why .cont2 .con ul li .box{padding:20px;}
    .why .cont2 .con ul li .box .tit-wrap .tit{line-height:1.4em;}
    .why .cont2 .con ul li .box .tt br{display: none;}
    .doc-btm-contact .tt-wrap .tt br{display: none;}

    .company .content .img{width:50%;}
    .bar-tit br{display: none;}
    .mq-sld{height:94px;}
    .mq-sld .js-marquee{margin-right:40px !important;}
    .mq-sld .items .item{margin-right:40px;font-size:80px;}

    .mobile .top-txt p{font-size:20px;}
    
    .president .img{width:50%;}
    .president .tt-wrap:before{height:150px;}
    .president .tt-wrap .ceo{display: block;}
    .president .tt-wrap .ceo .comp br{display: none;}
    .president .tt-wrap .ceo .bar{display: none;}
    .president .tt-wrap .ceo .name{margin-top:5px;}
    
    .location .maps iframe{height:300px;}
    .location .root_daum_roughmap {height:300px !important;}
    .location .root_daum_roughmap .wrap_map {height:300px !important;}
    .location .con .contain{display:block;}
    .location .con .bar-title{width:100%;margin-bottom:var(--size55)}
    .location .con .info{width:100%;}
    
    .recruit .cont2 .con ul li .box{padding:20px;}
    .recruit .cont2 .con ul li .box .ic{width:60px;height:60px;}
    .recruit .cont2 .con ul li .box br{display: none;}

    .recruit .cont3 .con ul{margin:0 -10px;}
    .recruit .cont3 .con ul li{padding:0 10px;}
    .recruit .cont3 .con ul li .box .tit-wrap{min-height:auto;margin-bottom:10px;}

    .chapter ul{margin:0 -10px -20px;}
    .chapter ul li{padding:0 10px;margin-bottom:20px;}
    .chapter ul li .box .ic{width:60px;height:60px;}
    .chapter ul li .box .tt{font-size: 14px;}
    .chapter ul li .box .tt br{display: none;}

    .gd-line ul li .wrap{min-height:50px;}

    .value ul{padding:0 10px;}
    .value ul li{width:calc(25% + 20px);margin:0 -10px;}
    .value ul li .circle .ic{width:60px;height:60px;}
    .value ul li .circle .tit{font-size:14px;}
    .value ul li .tt{font-size:14px;padding:0 20px;}
    .value ul li .tt br{display: none;}

    .system{padding:15px;}
    .system .group ul{padding:0 5px;}
    .system .group ul li{width:calc(25% + 10px);margin:0 -5px;}
    .system .group ul li .circle .inner{padding-top:20px;}
    .system .group ul li .circle .ic img{height:50px;}
    .system .group ul li .circle p{font-size:12px;}
    .system-btm .wrap{min-height:80px;border-width:10px;}

    .bar-title{line-height:1.3em;}
    .flex-img ul{margin:0 -10px;}
    .flex-img ul li{padding:0 10px;}

    .bell .box .tit{padding-right:30px;padding-left:40px;}
    .bell .box .tit br{display: none;}
    .bell .box .tit:before{width:30px;height:30px;background-size:16px;top:-3px;}

    .btn-rec{height:60px;min-width:auto;}

    .hot-line .form-wrap .row .flex{margin:0 -10px;}
    .hot-line .form-wrap .row .col{/*width:50%;*/padding:0 10px;}
    .hot-line .form-wrap .row input.input,
    .hot-line .form-wrap .row select.input{height:44px;}
    .hot-line .form-wrap .row .captcha-wrap {height:44px;}
    .hot-line .form-wrap .row .captcha-wrap .input {width:100%;}

    .ev-list ul{margin:0 -10px -45px;}
    .ev-list ul li{padding:0 10px;margin-bottom:45px;}
    .ev-list ul li .pic .hover .btn{width:60px;height:60px;}

}

@media (max-width: 768px) {
	/* header */
	#sub #wrapper{padding-top:60px;}    
    #header:after{top:60px;}
    #header .contain{height:60px;}
    #header .sitelogo {top:21px;left:15px;}
    #header .sitelogo img{height:18px;}

    .lang{right:60px;}
    .lang .tit {padding:0 17px 0 22px;height:36px;}
    .lang .tit:before{width:16px;height:16px;margin-top:-8px;}
    .lang .lang-open {top:36px;padding:10px;width:60px;}

    /* main */ 
    .main-visual .item {height: 300px;}
    .main-visual .tt-wrap{padding-top:60px;}
    .main-visual .tt-wrap .tit{font-size:28px;}
    .doc-btn{min-width:120px;height:40px;padding:0 20px;}

    .sec-tit .tit{font-size:24px;}
    .sec-tit .tit strong{font-size:26px;}

    .sec1 .con ul{margin:0 -5px -10px;flex-wrap:wrap;}
    .sec1 .con ul li{padding:0 5px;margin-bottom:10px;width:50%;}
    .sec1 .con ul li .box .tit{font-size:18px;}
    .sec1 .con ul li .box .hover .inner{padding:15px;}
    .sec1 .con ul li .box .hover .hv-tit{font-size:16px;margin-bottom:10px;} 
    .sec1 .con ul li .box .hover .tt{margin-bottom:10px;font-size:13px;}
    .sec1 .con ul li .box .hover .btn{width:30px;height:30px;font-size:15px;}

    .sec2 .con ul{flex-wrap:wrap;}
    .sec2 .con ul li{width:50%;}
    .sec2 .con ul li:nth-child(even){border-right: 0;}
    .sec2 .con ul li:nth-child(1),
    .sec2 .con ul li:nth-child(2){border-bottom: 1px solid rgba(255,255,255,.2);}
    .sec2 .con ul li .box{padding:20px 15px;}
    .sec2 .con ul li .box .ic{width:60px;height:60px;}

    .sec3 .sec-tit{margin-bottom:20px;}
    .sec3 .sec-tit .arrs{gap:6px;}
    .sec3 .sec-tit .arrs .slick-arrow{width:30px;height:30px;background-size:8px;}
    .news-sld .item .box .date{font-size:12px;}
    .news-sld .item .box .btn{width:28px;height:28px;font-size:15px;}
    .news-sld .progress {height:4px;}

    /* footer */
    #footer{font-size:13px;text-align:center;}
    #footer .foot-info{margin-bottom:25px;}
    #footer .foot-info .logo img{height:20px;}
    #footer .foot-info address {display: block;}
    #footer .foot-info address dl{display: block;font-size:13px;margin-bottom:10px;}
    #footer .foot-info address dl:last-child{margin-bottom:0;}
    #footer .foot-info address dl dt{margin-bottom:3px;font-size:14px;}

    .family {max-width:140px;margin:0 auto 20px;}
    .family .tit {height:40px;padding:0 15px;}
    .family .tit:after {right:15px;}
    .family .family-open {bottom:40px;}
    .family .family-open ul li a{font-size:13px;}
    #footer .foot-right .foot-menu ul{justify-content:center;}
    #footer .foot-right .copy{margin-top:15px;}

    .scroll-top{right:15px;}
    .scroll-top img{height:36px;}

    /* sub page */
    .sub-title{margin:55px 0 40px;}
    .lnb{overflow:hidden;}
    .lnb ul{gap:0;justify-content:flex-start;}
    .lnb ul li{margin-right:20px;}
    .lnb ul li:last-child{margin-right:0;}
    .sub-visual {height:150px;}

    .doc-title{margin-bottom:40px;}
    .doc-title .tit{font-size:22px;}

    .flex-img-txt .row{display: block;gap:0;margin-bottom:50px;}
    .flex-img-txt .row .img{width:100%;margin-bottom:20px;}
    .flex-img-txt .row .tt-wrap{width:100%;}
    .bar-tit{font-size:18px;}
    .bar-tit:before{height:18px;}

    .solution-list .list ul li a{padding:13px 10px;}
    .solution-list .list ul li a .tit{margin-right:20px;}
    .solution-list .list ul li a .tit .num{width:auto;margin-right:10px;}
    .solution-list .list ul li a .arr{width:24px;height:24px;font-size:14px;}

    .solution-list-item {padding:18px 10px;}
    .solution-list-item .title-wrap .title {margin-right:20px; font-size:18px;}
    .solution-list-item .title-wrap .title .num {width:auto;margin-right:10px;}
    .solution-list-item .title-wrap .arrow {width:28px;height:28px;font-size:14px;}
    .solution-list-item .category-wrap ul {grid-template-columns: repeat(1, 1fr);}



    .solution-view .flex-con{display: block;}
    .solution-view .flex-con .left{width:100%;margin-bottom:40px;}
    .solution-view .flex-con .left .download .btn{height:44px;max-width:160px;font-size:14px;}
    .solution-view .flex-con .right{width:100%;}
    .solution-view .flex-con .righ .cnt{margin-bottom:40px;}

    .board-btns .btns .btn:after{height:15px;}
    .board-btns .btn img{height:24px;}

    .why .cont2 .con ul{margin:0;display: block;}
    .why .cont2 .con ul li{width:100%;padding:0;}
    .why .cont2 .con ul li:last-child{margin-bottom:0;}
    .why .cont2 .con ul li .box .tit-wrap .tit{font-size:15px;}
    .doc-btm-contact .contain{display: block;}
    .doc-btm-contact .tt-wrap{margin-right:0;width:100%;}
    .doc-btm-contact .doc-btn{margin-top:20px;}

    .company .content .contain{display: block;}
    .company .content .img{width:100%;margin-bottom:30px;}
    .company .content .tt-wrap{width:100%;}
    .mq-sld{height:48px;}
    .mq-sld .js-marquee{margin-right:30px !important;}
    .mq-sld .items .item{margin-right:30px;font-size:60px;}

    .mobile .top-txt p{font-size:16px;line-height:1.5em;}
    .mobile .top-txt p br{display: none;}
    .mobile .con .row .flex{display: block;}
    .mobile .con .row .img{width:100%;margin-bottom:20px;}
    .mobile .con .row .tt-wrap{width:100%;}

    .president{display: block;}
    .president .img{width:100%;margin-bottom:25px;}
    .president .tt-wrap{width:100%;}
    .president .tt-wrap .ceo .comp{font-size:16px;}
    .president .tt-wrap .ceo .name{margin-top:5px;font-size:16px;}
    .president .tt-wrap .ceo .name strong{font-size:18px;}

    .location .maps iframe{height:200px;}
    .location .root_daum_roughmap {height:200px !important;}
    .location .root_daum_roughmap .wrap_map {height:200px !important;}
    .location .con .bar-title:before{width:30px;}
    .location .con .info .adr-wrap .ct-wrap{gap:30px;}
    .location .con .way .box .ic{width:60px;height:60px;}
    .location .con .way .box dl dt{font-size:15px;}
    .location .con .way .box dl dd{font-size:13px;line-height:1.6em;}

    .doc-btm-contact.loc .tt-wrap dl dt img{height:16px;}
    .doc-btm-contact.loc .tt-wrap dl dt:after{height:10px;}

    .recruit .cont2 .con ul{flex-wrap:wrap;background-color: #fff;}
    .recruit .cont2 .con ul li{width:50%;border-bottom: 1px solid #ddd;}
    .recruit .cont2 .con ul li:nth-child(even){border-right: 0;}
    .recruit .cont2 .con ul li:last-child{border-right:1px solid #ddd;border-bottom:none;}
    .recruit .cont2 .con ul li .box{padding:20px;}
    .recruit .cont2 .con ul li .box .ic{width:60px;height:60px;}
    .recruit .cont2 .con ul li .box br{display: none;}

    .recruit .cont3 .con ul{display: block;margin:0;}
    .recruit .cont3 .con ul li{padding:0;width:100%;margin-bottom:10px;}
    .recruit .cont3 .con ul li .box{padding:20px;}
    .recruit .cont3 .con ul li .box .tit-wrap{min-height:auto;margin-bottom:10px;}
    .recruit .cont3 .con ul li .box .tit-wrap .num{font-size:14px;}
    .recruit .cont3 .con ul li .box .tit-wrap .tit{font-size:16px;}

    .esg-menu ul li{flex:none;}
    .esg-menu ul li a{padding:0 15px;min-height:44px;}
    .esg-menu ul li a br{display: none;}

    .chapter ul{margin:0 -7px -14px;}
    .chapter ul li{padding:0 7px;margin-bottom:14px;width:50%;}
    .gd-line ul li .wrap{min-height:44px;}

    .value{overflow:hidden;}
    .value ul{padding:0;flex-wrap:wrap;margin:0 -20px -25px;}
    .value ul li{width:50%;margin:0;padding:0 20px;margin-bottom:25px;}
    .value ul li .circle{width:140px;height:140px;padding-bottom:0;margin:0 auto 10px;}
    .value ul li .circle .ic{width:50px;height:50px;}
    .value ul li .circle .tit{font-size:13px;}
    .value ul li .tt{padding:0;}

    .system{padding:0;border:none;background-color:transparent;}
    .system .group ul{flex-wrap:wrap;padding:0;margin:0 -10px -20px;justify-content:center;}
    .system .group ul li{width:50%;margin:0;padding:0 10px;margin-bottom:20px;}
    .system .group ul li .circle .inner{padding-top:20%;}
    .system-arr img{height:40px;}
    .system-btm .wrap{min-height:50px;padding:10px 20px;}

    .flex-img ul{margin:0 -5px;}
    .flex-img ul li{padding:0 5px;}
    .flex-img ul li .pic img{border-radius:10px;}

    .bell .box{display: block;padding:20px;}
    .bell .box .tit{padding-right:0;padding-left:32px;width:100%;margin-bottom:10px;}
    .bell .box .tit br{display: none;}
    .bell .box .tit:before{width:24px;height:24px;background-size:12px;top:-2px;}
    .bell .box .dot-list{width:100%;padding-left:32px;}

    .btn-rec{height:50px;padding:0 20px;}

    .hot-line .form-wrap .row .flex{margin:0;display: block;}
    .hot-line .form-wrap .row .col{width:100%;padding:0;margin-bottom:var(--size45);}
    .hot-line .form-wrap .row .col:last-child{margin-bottom:0;}
    .hot-line .form-wrap .row input.input,
    .hot-line .form-wrap .row select.input{height:38px;}
    .hot-line .form-wrap .row .captcha-wrap {height:38px;}

    .hot-line .form-agree .scroll-box {padding:10px;font-size:13px;}

    .ev-list ul{margin:0 -10px -30px;}
    .ev-list ul li{margin-bottom:30px;width:50%;}
    .ev-list ul li .pic .hover .btn{width:50px;height:50px;}
    .ev-list ul li .pic .hover .btn .ic img{height:14px;}
    .ev-list ul li .pic .hover .btn p{font-size:12px;}
}