/*  메인 팝업존 */
body.body-main{overflow:hidden !important;position:relative;}
.main_pop{width:100%;height:5.625rem;background:#313131; position:fixed;top:0;z-index:9999;}
.main_pop .inner{display: flex;justify-content: space-between;width:75rem;height:5.625rem;margin:0 auto;padding:1rem 0;}
.main_pop .inner ul{float:left;}
.main_pop .inner ul li{float:left;position:relative;max-width:21rem;width:calc(100% / 3);padding-left:3.562rem;padding-right:1.437rem;}
.main_pop ul li:after{position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:1.875rem;opacity:0.1;background:#e2e3e4;content:'';}
.main_pop ul li:last-child::after{display:none;}
 
.main_pop ul li img{display:inline-block;width:3.625rem;height:3.625rem;}
.main_pop ul li .rg{display: flex;flex-direction: column;width: 13.5rem;margin-left:1rem;}
.main_pop ul li em{display:inline-block;max-width:11.312rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#4dbdeb;}
.main_pop ul li:first-of-type a .rg em{color:#deb672;}
.main_pop ul li:last-of-type a .rg em{color:#6eb2eb;}

.main_pop ul li a{display:flex;align-items:center;font-size:1rem;font-weight:500;line-height:1.4;}
.main_pop ul li a span{display:inline-block;position:relative;max-width:9.375rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size:0.812rem;color:#fff;letter-spacing:-0.33px;font-weight:400;}
.main_pop ul li a span::after{display:inline-block;width:0.875rem;height:0.875rem;background:url("../images/ic_arr_right_white_14@2x.png")no-repeat 50% 2px;background-size:100%;content:'';}
.main_pop_clse{float:left;padding: 1.25rem 0 1.312rem;font-size:0.687rem;color:#fff;letter-spacing:-0.28px;}
.main_pop_clse a{display:inline-block;width:0.875rem;height:0.875rem;vertical-align: middle;background:url("../images/ic_popup_close@2x.png")no-repeat center;background-size:0.875rem;}
.main_pop .cbtn_out{margin:0;padding:0;}
.main_pop .cbtn_out input{left:1px;height:auto;top:0.125rem;opacity:0;}
.main_pop .cbtn_out label{padding-left:1.125rem;margin-right:0.5rem;line-height: 1.2rem;background:url("../images/ic_popup_check_off@2x.png")no-repeat 0 3px;background-size:0.875rem;font-size:11px;}
.main_pop .cbtn_out input[type="checkbox"]:checked + label {background: url("../images/ic_popup_check_on@2x.png")no-repeat 0 3px;background-size:0.875rem;}

#container{transform:none !important;}
.full .section { position: relative; text-align: center; }

/* mouse-scroll */
#mouse-scroll { position: absolute; left: 50%; bottom: 7.5rem; -webkit-transform: translateX(-50%); z-index: 9999; text-align: center; animation:mouseall 1.5s ease infinite;-webkit-animation:mouseall 1.5s ease infinite;}
#mouse-scroll .mouse {display: inline-block; vertical-align: top; width: 1.75rem; height: 2.75rem; border-radius: 4.312rem; -webkit-transform: none; -ms-transform: none; transform: none; border: 1px solid #fff; }
#mouse-scroll .mouse-in { height: 0.625rem; width: 0.125rem; display: inline-block; margin: 0.562rem 0 0; background: #fff; position: relative;animation: animated-mouse 1.2s ease infinite; -webkit-animation: animated-mouse 1.2s ease infinite; }
#mouse-scroll .text { color: #fff; font-size: 0.687rem;font-weight: 500; text-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.2); text-align: center; line-height:1.5; margin-top: 0.562rem;text-indent: -0.01em; }
#mouse-scroll .arr { margin-top: -0.3125rem; }
#mouse-scroll span { display: inline-block; width: 0.625rem; height: 0.625rem; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transform: rotate(45deg); border-right: 1px solid #fff; border-bottom: 1px solid #fff; box-shadow: 0 0.187rem 0.625rem 0 rgba(0, 0, 0, 0.2); }
#mouse-scroll .hidden { opacity: 0; }

@keyframes mouseall {
	0% { transform:translate(-50%,0.375rem) }
  50% { transform:translate(-50%,0) }
  100% { transform:translate(-50%,0.375rem)} 
 }

@-webkit-keyframes mouseall { 
	0% { transform:translate(-50%,0.375rem) ; }
  50% { transform:translate(-50%,0) }
  100% {transform:translate(-50%,0.375rem) }
 }

@keyframes animated-mouse { 
	0% { opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(0.375rem);
    -ms-transform: translateY(0.375rem);
    transform: translateY(0.375rem); } 
}

@-webkit-keyframes animated-mouse { 
	0% { opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(0.375rem);
    -ms-transform: translateY(0.375rem);
    transform: translateY(0.375rem); } 
}

@keyframes mouse-scroll { 
	0% { opacity: 0; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
  }

@-webkit-keyframes mouse-scroll {
	0% { opacity: 1; }
  50% { opacity: .5; }
  100% { opacity: 1; } 
  }

/* section-nav */
/* #fp-nav ul li { margin: 0.75rem 0.437rem; width: 0.875rem; height: 0.875rem; text-align: center; }
#fp-nav ul li .fp-tooltip { font-weight: 700; font-size: 0.75rem; opacity: 0; top: 2px; letter-spacing: -0.24px; line-height: 1; }
#fp-nav ul li a span { background: none; width: 0.5rem; height: 0.5rem; border: 1px solid #fff; opacity: 0.8; }
#fp-nav ul li:hover span, #fp-nav ul li .active span { width: 0.875rem !important; height: 0.875rem !important; border: 4px solid #00aaf0 !important; opacity: 1 !important; margin: -0.312rem 0 0 -0.312rem !important; }
#fp-nav ul li .active + .fp-tooltip { opacity: 1; width: auto;font-weight:500;line-height:0.875rem; }
#fp-nav ul li:last-child { opacity: 0; visibility: hidden; display: none; } */


/* 검색 */
.ic_srch{display:inline-block;width: 15px;height: 17px;margin-left:12px;background-size: 100%;background:url("../images/ico_srch.png")no-repeat;}

/* main_navi */
.main_navi{position:fixed;z-index: 99999;right:1.125rem;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width:141px;}
.main_navi ul{display:flex;flex-wrap:wrap;}
.main_navi ul li{width:100%;height:1.0625rem;margin-bottom:1rem;line-height:1.0625rem;text-align: right;}
.main_navi ul li:last-child{margin-bottom:0;}
.main_navi ul li a{display:flex;align-items:center;justify-content: flex-end;position:relative;width:100%;height:100%;padding-right:1.3125rem;transition:.3s;font-size:0.75rem;}
.main_navi ul li a.on{height:0.875rem;margin-bottom:1.125rem;font-weight: 700;transition:.3s;}
.main_navi ul li a span{opacity:0;transition:.3s;letter-spacing: -0.25px;}
.main_navi ul li a.on span{opacity:1;transition:.3s;}
.main_navi ul li a::after{display:inline-block;position:absolute;right:0.1875rem;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width:8px;height:8px;border-radius:100%;border: 1px solid rgba(0,0,0,0.2);content:'';transition:.3s;}
.main_navi ul li a.on::after{display:inline-block;position:absolute;right:0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width:14px;height:14px;border-radius:100%;border:4px solid #00aaf0; content:'';transition:.3s;}

/* 구매상담 버튼 */
/* .btn-purchase-qna2{height: 11.125rem;color:#fff;font-weight:400;} */
.btn-purchase-qna2{height: 9.5rem;
    color: #fff;
    background-color: #272a33;
    text-align: center;
    display: flex;
    font-weight: 400;}
.btn-purchase-qna2:hover{color:#fff;}
/* .btn-purchase-qna2 span{display:block; margin-bottom:5px; font-size: 0.8rem;} */
.btn-purchase-qna2 span{width: 44px;
    height: 18px;
    margin: 0 3px 8px;
    padding: 0 0px 0 0;
    font-family: NotoSansCJKKR;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.3px;
    text-align: center;
    color: #fff;}
.btn-purchase-qna2 span::after{display:block;width:2.75rem;height:1px;margin:0.5rem auto;background:rgba(255,255,255,0.15);content:'';}
/* .btn-purchase-qna2 em{font-size: 1.2rem;color: aliceblue;line-height: 14px;} */
.btn-purchase-qna2 em{width: 44px; margin: 5px 8px 0;padding: 0 4px 0 4px;}

/* 공통 */
.sec2 .fp-tableCell,.sec3 .fp-tableCell,.sec4 .fp-tableCell{padding:4rem 0 4rem;}


/* section1 */
.main_banner{position:fixed;top:85px;z-index:99;}
.main_banner.on{position:absolute;top:auto;bottom:568px;}
.main_banner1{left: 50%;margin-left: -778px;}
.main_banner2{right: 50%;margin-right: -778px;}
.visual-swiper {max-width: 75rem;height:49.0625rem;margin: 0 auto;}
.visual-swiper .swiper-container { height: 100%; }
.visual-swiper .swiper-wrapper { height: 100%; }
.visual-swiper .swiper-slide { height: 100%; overflow: hidden; }
.visual-swiper .swiper-slide video{min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.visual-swiper .item { position: absolute; width: 100%; height: 100%; left: 0; top: 0; /* background-size: cover; background-position: center;  */display: flex; align-items: center; /* transform: scale(1); -webkit-transition: transform 3s; transition: transform 3s; */ }
/* .visual-swiper .swiper-slide-active .item { transform: scale(1.08);-webkit-transform: scale(1.08); } */
.visual-swiper .intro-wrap { position: absolute; left: 50%; top: 50%;height:15.56rem; margin:-1.25rem 0 0 -34.75rem;transform: translate(0, -50%);-webkit-transform: translate(0, -50%); z-index: 1; }
.visual-swiper .intro { text-align: left; color: #fff; opacity: 0; visibility: hidden; position: absolute; left: -99999px; }
.visual-swiper .intro h1 { font-size: 2.625rem; font-weight: 600; letter-spacing: -1.05px; line-height: 1.33; text-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.3); margin-bottom: 1.25rem; word-break: keep-all; transform: translateY(3.125rem);-webkit-transform: translateY(3.125rem); opacity: 0; }
.visual-swiper .intro h1::before { position: absolute; top: -0.375rem; left: -1.5rem; width: 1.25rem; height: 1.25rem; display: block; border: 0.3125rem solid #fff; border-radius: 100%; content: ''; }
.visual-swiper .intro p { font-size: 1.25rem; text-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.16); line-height: 1.4; word-break: keep-all; margin-bottom: 0.125rem; transform: translateY(3.125rem); -webkit-transform: translateY(3.125rem);opacity: 0; }
.visual-swiper .intro .btn_more{display:inline-block;width:9.375rem;height: 2.375rem;margin: 1.25rem 0;padding:0 0.75rem;line-height:2.25rem;opacity:0;transform: translateY(3.125rem);-webkit-transform: translateY(3.125rem); text-align:center;border: 1px solid #fff;font-size: 14px;}
.visual-swiper .intro.active .btn_more{transform: translateY(0);-webkit-transform: translateY(0); opacity: 1; transition: all .6s .3s ease-in-out;}
.visual-swiper .intro .btn_more i{margin-left:6px;background: url("../images/ic_external_white_11.png")no-repeat;width:11px;height: 11px;background-size:100%;}
.visual-swiper .intro small { font-size: 0.625rem; color: #fff; transform: translateY(3.125rem); -webkit-transform: translateY(3.125rem);opacity: 0; }
.visual-swiper .intro.active { opacity: 1; visibility: visible; position: static; }
.visual-swiper .intro.active h1 { transform: translateY(0);-webkit-transform: translateY(0); opacity: 1; transition: all .6s .3s ease-in-out; }
.visual-swiper .intro.active p { transform: translateY(0);-webkit-transform: translateY(0); opacity: 1; transition: all .6s .7s ease-in-out; }
.visual-swiper .intro.active .btn_more { transform: translateY(0);-webkit-transform: translateY(0); opacity: 1; transition: all .6s .7s ease-in-out; }
.visual-swiper .intro.active small { transform: translateY(0);-webkit-transform: translateY(0); opacity: 0.4; transition: all .5s 1.2s ease-in-out; }
.visual-swiper .swiper-pagination {display:flex;width: 100%; position:absolute;bottom:-5.25rem; text-align: left; /* margin-top: 60px; bottom:-2.25rem; */ }
.visual-swiper .swiper-pagination-bullet {width:9.375rem; height: 3px; background: #fff; opacity: 0.3; border-radius: 0; margin: 0 10px 0 0;position: absolute;left:0;top:0; }
.visual-swiper .swiper-pagination-bullet:last-child{margin-right:0;}
/* .visual-swiper .swiper-pagination-bullet::before{display:none;}
.visual-swiper .swiper-pagination-bullet::before{ content: ''; display: block; width: 0; height: 100%; background: #fff; position: absolute; left: 0; top: 0; } */
.visual-swiper .swiper-pagination-bullet.active {width:0;max-width:9.375rem;;opacity: 1;height: 3px; background: #fff; position: absolute;top: 0;}
.visual-swiper .swiper-pagination-bullet:first-child,.visual-swiper .swiper-pagination-bullet:first-child.active{left:0;}
.visual-swiper .swiper-pagination-bullet:nth-child(2),.visual-swiper .swiper-pagination-bullet:nth-child(2).active{left: 10rem;}
.visual-swiper .swiper-pagination-bullet:nth-child(3),.visual-swiper .swiper-pagination-bullet:nth-child(3).active{left: 20rem;}
.visual-swiper .swiper-pagination-bullet.active {width:0;max-width:9.375rem;;opacity: 1;height: 3px; background: #fff; /* position: absolute;top: 0;  */}
.visual-swiper .swiper-pagination-bullet::before,.visual-swiper .swiper-pagination-bullet.active::before{display:inline-block;/* min-width:9.375rem;max-width:9.375rem; */width:9.375rem; height: 3px; background: #fff; opacity: 0.3; border-radius: 0; margin: 0 10px 0 0;position: absolute;left:0;top:0;z-index:-1;content: '';}
/* .visual-swiper .swiper-pagination-bullet.active::before {  transition: all 30s; } */

.visual-nav { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; }
.visual-nav ul { display: flex; height: 4.5rem; }
.visual-nav li { width: 33.33333%; position: relative; padding: 0 0.5px; }
.visual-nav li a { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; padding: 0 1.875rem; height: 100%; color: #fff; background: rgba(0, 0, 0, 0.26); }
.visual-nav li a::before { content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(107deg, #00a4ed 10%, #1471ef 89%); position: absolute; left: 0; top: 0; opacity: 0; transition: all .4s; }
.visual-nav li strong { font-size: 1.125rem; position: relative; z-index: 1;font-weight:500;}
.visual-nav li span { font-size: 0.75rem; opacity: 0.5; position: relative; z-index: 1; }
.visual-nav li.active a::before { opacity: 1; }
.main-title { display: inline-block; font-size: 2.5rem;font-weight: 600; letter-spacing: -1.8px; line-height: 1.475; margin-bottom: 0.437rem; position: relative; z-index: 1; }
.main-title::before { width: 1.125rem; height: 1.125rem; border: 0.3125rem solid #00aaf0; display: block; position: absolute; top: 0; left: -1.25rem; content: ''; border-radius: 100% 100%; }
.main-desc {margin-bottom: 3.75rem;color: rgba(0, 0, 0, 0.5);line-height: 1.625rem;font-size: 1.25rem; /* transform: translateY(40px);-webkit-transform: translateY(40px); opacity: 0;  */}

/* section2 */
.sec2{background:#F8F9FA;}
/* .sec2 .fp-tableCell {padding: 5rem 0 4.125rem;} */
.sec2 .m_total_solution{display:none;}
.sec2 .total_solution_box{display:flex;}
.sec2 .total_solution_box li{position:relative;flex:1;height:37.5rem;margin-right:0.9375rem;}
.sec2 .total_solution_box li::after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#060D1A;content:'';opacity:0.2;z-index:2;}
.sec2 .total_solution_box li:hover::before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#172C4E 0%,#1B3053 60%,#152632 100%);opacity:0.55;z-index:1;content:'';}
.sec2 .total_solution_box li:last-child{margin-right:0;}
.sec2 .total_solution_box li:first-child{background:url("../images/main_total01.png")no-repeat 50% 50%;background-size: cover;}
.sec2 .total_solution_box li:nth-child(2){background:url("../images/main_total02.png")no-repeat 50% 50%;background-size: cover;}
.sec2 .total_solution_box li:nth-child(3){background:url("../images/main_total03.png")no-repeat 50% 50%;background-size: cover;}
.sec2 .total_solution_box li:nth-child(4){background:url("../images/main_total04.png")no-repeat 50% 50%;background-size: cover;}
.sec2 .total_solution_box li:last-child{background:url("../images/main_total05.png")no-repeat 50% 50%;background-size: cover;}
.sec2 .total_solution_box dl{position:relative;z-index:3;padding: 16.687rem 1rem 0;color:#fff;-webkit-transition: all 0.7s; transition: all 0.7s ease-in-out;}
.sec2 .total_solution_box dl dt{font-size:1.75rem;font-weight:700;line-height:1.75rem;}
.sec2 .total_solution_box dl dt::after{display:block;width:1.25rem;height:2px;margin: 1.1875rem auto 1.375rem;background:#fff;content:'';}
.sec2 .total_solution_box dl dd{display:block;opacity:0;}
.sec2 .total_solution_box dl dd p{margin-bottom: 1.5rem;font-size: 1.125rem;line-height: 1.5rem;}
.sec2 .total_solution_box dl dd a{background: transparent linear-gradient(119deg, #00A4ED 0%, #1471EF 100%) 0% 0% no-repeat;transition: all 0.7s ease-in-out;opacity:0;border: 0;border-image: linear-gradient(117deg, #00a4ed 8%, #1471ef 91%);color: #fff !important;height: 3.125rem;width: 8.75rem;line-height: 3.125rem;padding: 0;font-size: 1.125rem;background-color: transparent;}

.total_solution_box > li:hover dl { transform: translateY(-6.5rem); -webkit-transform: translateY(-6.5rem);}
.total_solution_box > li:hover dt { margin-top: 0; }
.total_solution_box > li:hover dd,.total_solution_box > li:hover dl dd a{ opacity: 1; transition-delay: 0.2s; color: #fff; }


/* section3 */
.sec3 {background-image: linear-gradient(to bottom, #fff 17%, #f8f9fa); }
/* .sec3 .fp-tableCell{padding:5rem 0 4.125rem;} */
.main_tab{margin:3.75rem 0 33px;transform: translateY(2.5rem);opacity: 0;}
.in .main_tab{transform: translateY(0);opacity: 1;transition: all 1s ease-in-out;}
.main_tab ul{display:flex;align-items:center;}
.main_tab ul li{}
.main_tab ul li a{padding:0.5rem 0 0.625rem 0.875rem;font-size:1.125rem;color:#454545;}
.main_tab ul li a:hover{color:#00aaf0;}
.main_tab ul li.on a{color:#00aaf0;font-weight:600;border-bottom:2px solid #00aaf0;}
.main_tab ul li a::after{display:inline-block;background:#c9c9c9;width:1px;height:14px;margin:0 0 0 14px;content:'';}
.main_tab ul li:last-child a::after{display:none;}

.m_main_tab{display:none;position:relative;z-index:9999;margin: 2rem 0;transform: translateY(2.5rem); opacity: 0; }
.m_main_tab >.tit{padding-right: 4px;}
.m_main_tab >.tit a{display: flex;align-items: center;justify-content: center;position: relative;width: 100%;height: 100%;padding:4px 0 8px;font-size: 16px;background: url("../images/ico_arr_down_normal_16.png")no-repeat right center;background-size: 16px 16px;color: #00aaf0;font-weight: 700;}
.m_main_tab >.tit.active a{background: url("../images/ico_arr_up_normal_16.png")no-repeat right center;background-size: 16px 16px;}
.m_main_tab >.tit a::after {position: absolute;bottom: -1px;width: 100%;height: 2px;background: #00aaf0;left: 0;content: '';}
.m_main_tab ul {display:flex;align-items:center;position:absolute;width: 100%;margin-top: 0.687rem;/* padding: 0 0.937rem; */flex-direction: column;border-bottom: 0;}
.m_main_tab li {position: relative;width: 100%;height: 3.687rem;background: #fff;flex: none;border-bottom: 1px solid #D8D8D8;}
.m_main_tab ul li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;color: #454545;font-size: 1.1rem;}
.m_main_tab ul li.on a{color:#00AAF0;/* border-bottom:2px solid #00aaf0; */}

.body-main .main-media ul{display:flex;flex-wrap:wrap;}
.body-main .main-media ul li{margin-bottom:1.5rem;padding-left: 0.75rem; padding-right: 0.75rem; max-width: 33.33333%;flex: 0 0 33.3333%;  }
.body-main #content_total .main_cont_type1 li{width:100%;max-width:100%;flex:auto;}
.body-main #content_total .main_cont_type2 li:first-child{width:49.56rem;max-width: 100%;flex: auto;}
.body-main #content_total .main_cont_type3 li:last-child{width:49.56rem;max-width: 100%;flex: auto;}
.body-main #content_total .main_cont_type4 li{max-width: 33.33333%;flex: 0 0 33.3333%; }


.main-media { margin-top: 1.25rem; }
.m_main_media{display:none;}
.main-media ul { display: flex; margin-left: -0.75rem; margin-right: -0.75rem; }

.main-media a { display: block; }
#content_total >ul>li>a{box-shadow:0 2px 2.5rem rgba(3,4,5,0.08);}
.main-media a:hover .txt span{color:#fff;}

.main-media .thumb {position: relative; display: flex;align-items:center;justify-content: center; width: 100%; height: 16.25rem;max-height:16.25rem;min-height: 16.25rem; overflow: hidden; }
.main-media .thumb::after{display:block; position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0.19;background-image: linear-gradient(to top, #000 3%, rgba(0, 0, 0, 0.03) 68%, rgba(0, 0, 0, 0) 100%);content:'';}
.main-media .thumb img { width: 100%;height: 100%;object-fit: cover;vertical-align: middle; transition: all 0.5s ease-out; }
.main-media .txt { display: block;/* box-shadow: 0 2px 2.5rem 0 rgba(3, 4, 5, 0.08);  */ text-align: left; padding: 1.5rem 2rem;height: 8.0rem; background: #fff; position: relative; }
.main-media .txt::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(124deg, #00a4ed 6%, #1471ef 93%); opacity: 0; transition: all .3s ease-in-out; }
.main-media .txt strong { color: #00aaf0; font-size: 1rem; line-height: 1.5rem; display: block; margin-bottom: 0.25rem; font-weight: 400; position: relative; z-index: 1; }
.main-media .txt span {font-size: 1.125rem; line-height: 1.44; word-break: keep-all; font-weight: 500; position: relative; z-index: 1; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.main-media a:focus .txt::before, .main-media a:hover .txt::before { opacity: 1; }
.main-media a:focus .txt strong, .main-media a:hover .txt strong { color: #fff; }
.main-media a:focus .thumb img, .main-media a:hover .thumb img { transform: scale(1.04); -webkit-transform: scale(1.04);}
.main-media .btn {width:11.25rem;height:3.75rem;padding: 0 1.25rem;margin: 2.5rem auto 0;background:transparent; }
.main-media .btn span{height:100%;line-height:3.625rem;font-size:1.125rem;padding-right:1.312rem;background: url("../images/ic_arr_right_normal_20@2x.png")no-repeat 100% 51%;background-size:1.25rem;}
.main-media .btn:hover {background-image: linear-gradient(117deg, #00a4ed 8%, #1471ef 91%);border:1px solid #039ded;}
.main-media .btn:hover span{background: url("../images/ic_arr_right_white_20@2x.png")no-repeat 100% 51%;background-size:1.25rem;color:#fff;}
/* #content_media .thumb img{height:auto;} */
.main-media .media_box_txt{text-align:left;}
.sec2 .nodata{max-width:100%;margin:0;flex:none;padding:0;}


/* section3 */
/* .sec3 .fp-scrollable{height:auto !important;} */
/* .sec3 .fp-tableCell {padding-top:9.56rem;padding-bottom:45.75rem; } */
/* .sec3 .fp-scroller{height:100%;padding-bottom:45.75rem;padding-top:9.56rem; } */

/* .main-business-line { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; }
.main-business-line > li { display: table; position: relative; width:100%; height: 100%; padding-top: 5.312rem; box-sizing: border-box; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.pc_main_business .main-business-line> li { display: flex;justify-content:center;align-items:center;flex:1; position: relative; width:100%; height: 100%; padding-top: 5.312rem; box-sizing: border-box; }
}
.main-business-line > li:before { display: block; content: ''; width: 100%; height: 100%; opacity: 0.55; position: absolute; top: 0; left: 0; }
.main-business-line > li:hover:before { background: #060d1a; }
.main-business-line > li + li:after { content: ''; display: block; width: 1px; height: 100%; opacity: 0.2; background: #fff; position: absolute; top: 0; left: 0; }
.main-business-line dl { display: table-cell; vertical-align: middle; height: 100%; position: relative; -webkit-transition: transform 1s; transition: transform 1s; transform: translateY(12.5rem); }
.main-business-line dl dt { font-weight: 500; color: #fff; font-size: 2.25rem; letter-spacing: -1px; line-height: 3.375rem; text-align: center; position: relative; margin-bottom: 3.125rem; }
.main-business-line dl dt:after { position: absolute; left: 50%; bottom: -1.25rem; width: 1.25rem; height: 0.187rem; background: #fff; display: block; content: ''; transform: translateX(-50%);-webkit-transform: translateX(-50%); }
.main-business-line dl dd { text-align: center; color: #fff; min-height: 22.687rem; }
.main-business-line dl dd p { color: #fff; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: -0.5px; }
.main-business-line dl dd ul { text-align: center; margin: 2.5rem auto 0; font-size: 0; line-height: 0; }
.main-business-line dl dd ul li { display: inline-block; vertical-align: middle; color: #fff; padding: 0 1.125rem; position: relative; margin: 0.625rem 0 0 0.375rem; font-size: 1rem; height: 2rem; line-height: 2rem; background-color: rgba(255, 255, 255, 0.14); border-radius: 3.12rem; }
.main-business-line dl dd ul li:before { content: '#'; margin-right: 2px; }
.main-business-line dl dd li, .main-business-line dl .btn { opacity: 0; -webkit-transition: all 0.7s; transition: all 0.7s; margin-top: 5rem; }
.main-business-line > li:hover dl { transform: translateY(5rem); -webkit-transform: translateY(5rem);}
.main-business-line > li:hover dt { margin-top: 0; }
.main-business-line > li:hover li, .main-business-line > li:hover dl .btn { opacity: 1; transition-delay: 0.2s; color: #fff; } */


/* section4 */
/* .sec4 { background: #f8f9fa; } */
.sec4 .fp-scrollable{height:auto !important;}
.section4{position:relative;}
.m_flex{display: flex;justify-content: center;flex-direction: column;}
/* .sec4 .fp-tableCell {padding-bottom:5rem;padding-top:9.56rem; } */
.management-swiper-wrap{position:relative;width:100%;z-index:1;/* overflow:hidden; */}
.management-swiper {width: 65.25rem !important; margin: 0 auto; }
.management-swiper .swiper-container{overflow:visible !important;}
/* .management-swiper .swiper-slide { width: 65.25rem !important; height: 32.5rem !important; } */
.management-swiper .item { position: relative; /* padding-bottom: 1.56rem; */ opacity: 0.2; }
.management-swiper .img img { vertical-align: top; width: 100%; height: 100%; }
.management-swiper .swiper-slide-active .item { opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; }
.management-swiper .swiper-slide-active .txt {position:relative; opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; }
.management-swiper .swiper-slide-active .txt a.more{position:absolute; top:0px; left:0px;display:block; width:100%; height:100%;}

.management-swiper2{position:absolute;bottom:-18.75rem;left:50%;margin-left:7.125rem;transition: all .3s 0.5s ease-in-out;opacity:0;}
.in .management-swiper2{bottom:8.12rem;opacity:1;}
.management-swiper2 .swiper-container{ background: linear-gradient(140deg, #00a4ed 2%, #1471ef 99%); box-shadow: 0.625rem 0.625rem 1.875rem 0 rgba(3, 4, 5, 0.2); width: 24rem; height: 18.75rem; padding: 2.25rem 2.75rem; text-align: left;  }
.management-swiper2 .swiper-slide{ width: 24rem; /* height: 18.75rem; */}
.management-swiper2 .txt {opacity: 0;/* right:-9.375rem; */}
.management-swiper2 .swiper-slide-active .txt{opacity:1;}

.management-swiper2 .txt strong { position: relative;/* right:-18.75rem; */opacity:0;font-weight: 500; font-size: 1.75rem; line-height: 2.562rem; word-break: keep-all; width: 100%; overflow: hidden; height: 2.562rem; color: #fff; transition:right 0.5s linear ,opacity 0.5s linear; }
.management-swiper2 .swiper-slide-active .txt strong{opacity:1;}
.management-swiper2 .txt strong::before { position: absolute; top: 3.75rem; left: 0; width: 2.5rem; height: 0.187rem; background: #fff; display: block; content: ''; }
.management-swiper2 .txt p {position:relative;font-size: 1.125rem;color: #fff;  margin-top: 2.5rem; line-height: 1.56;/* right:-18.75rem; */ transition:/* right 0.5s 100ms linear, */opacity 0.5s 100ms linear;opacity:0;}
.management-swiper2 .swiper-slide-active .txt p{right:0;opacity:1;}

/* -webkit-animation:swiperTxt 0.5s 100ms both linear;animation:swiperTxt 0.5s 1s both linear
@keyframes swiperTxt{
	0%{opacity:0;right:-300px;}
	100%{opacity:1;right:0;}
} */

.sec4 .swiper-button-prev-management { position: absolute; top: 0;left: -4.87rem;margin-top:14rem;/* transform: translate(-37.5rem,-50%);-webkit-transform: translate(-37.5rem,-50%); */ width: 4.5rem; height: 4.5rem;transition: .5s; background: url("../images/ic-arr-left-normal-gray-72.svg") no-repeat 0 0; background-size:100%;font-size: 0; font-size: 0; display: block; }
.sec4 .swiper-button-prev-management:hover{background: url("../images/ic_arr_left_hover_gray_72.svg") no-repeat 0 0;background-size:100%;}
.sec4 .swiper-button-next-management { position: absolute; top: 0; right:-4.87rem;margin-top:14rem; /* transform: translate(37.5rem,-50%); -webkit-transform: translate(37.5rem,-50%); */width: 4.5rem; height: 4.5rem;transition: .5s; background: url("../images/ic-arr-right-normal-gray-72.svg") no-repeat 0 0;background-size:100%; font-size: 0; line-height: 0; display: block; }
.sec4 .swiper-button-next-management:hover{ background: url("../images/ic_arr_right_hover_gray_72.svg") no-repeat 0 0;background-size:100%;}
.sec4 .swiper-button-prev-management::after, .sec4 .swiper-button-next-management::after { display: none; }

.management-swiper .swiper-pagination { text-align: center; width: 100%; position: static; margin-top: 3.62rem; line-height: 1; }
.management-swiper .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; background: #cdcdcd; opacity: 1; margin: 0 0.3125rem; border-radius: 0; vertical-align: top; }
.management-swiper .swiper-pagination-bullet-active { background: #00aaf0; }

/* section5 */
.in .main-desc{opacity:1;}
.main-stock {  background: #f7f7f7; 5rem; border-top: 1px solid #e5e5e5;}
.main-stock .row { height: 74px;margin:0; }
.main-stock .row h3{font-size: 1.4rem;}
.main-stock [class^=col] {flex:1;padding:0 4.125rem 0 3.7rem;display: flex; justify-content: space-between; align-items: center; position: relative; }
.main-stock [class^=col]::before{ content: ''; display: block; width: 1px; height: 1rem; background: #dbdbdb;position: absolute; left: 0; top: 50%; margin-top: -0.5rem; }
.main-stock [class^=col]:first-of-type::before { display: none; }
.main-stock .label {position:relative;padding-right:1.06rem;font-size: 1.125rem; }
.main-stock .stock_label:first-of-type::after{position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:1rem;height:1rem;background:url("../images/ic_arr_right_16@2x.png")no-repeat 50% 50%;background-size:100%;content:'';}
.main-stock .icon-stock-red2{width: 1rem;height: 1rem;background: url("../images/ic_arr_up_red3.png")no-repeat 50% 2px;background-size: 100%;}
.main-stock .icon-stock-blue2{width: 1rem;height: 1rem;background: url("../images/ic_arr_down_blue.png")no-repeat 50% 2px;background-size: 100%;}
.main-stock strong { font-size: 1.5rem; font-weight: 700; letter-spacing: 0; }
.main-stock i { font-size: 0.875rem; margin-left: 0.375rem;color: rgba(0,0,0,0.4); }
.main-stock em { font-size: 1.125rem; font-weight: 700; }
.main-stock .text-danger2{color:#ff5252 !important;}
.main-stock .text-primary2{color:#4098ff !important;}



/* 2021116 수정 */
/* 20221005 수정 */
body.body-main .header {background: #fff;}
body.body-main .header .header-top{max-width:1200px;margin:0 auto;}
body.body-main .header .header-bottom { display: none !important; }
body.body-main .header .util .btn-lang.active button::after { background: url("../images/ic_dropdown_arr_up_white.png") no-repeat 50% 50%; }
body.body-main .header .util .btn-lang button.hover::after{ background: url("../images/ic_dropdown_arr_down.png") no-repeat 50% 50%; }
/* body.body-main .header .util .btn-lang:hover button.hover::after{ background: url("../images/ic_dropdown_arr_up.png") no-repeat 50% 50%;} */
body.body-main .header .util .btn-lang.active button::after { background: url("../images/ic_dropdown_arr_up_white.png") no-repeat 50% 50%; }


.management-swiper { transform: translateY(2.5rem);-webkit-transform: translateY(2.5rem); opacity: 1; } /* 메인페이지에서 노출안되서 변경함 2021-01-22 */

/* .management-swiper .swiper-slide { transform: translateY(40px);-webkit-transform: translateY(40px) opacity: 0; } */

.management-swiper .swiper-slide-active .box { transform: translateY(2.5rem);-webkit-transform: translateY(2.5rem); opacity: 0; }

.in .management-swiper { transform: translateY(0);-webkit-transform: translateY(0); opacity: 1; transition: all .5s 1s ease-in-out; }

.management-swiper .swiper-slide {transform: translateY(18.75rem);-webkit-transform: translateY(18.75rem); opacity:0;}
.in .management-swiper .swiper-slide { transform: translateY(0);-webkit-transform: translateY(0); opacity: 1; transition: all .5s  ease-in-out; }

.main-media { transform: translateY(2.5rem); opacity: 0; }
.main-media .btn { transform: translateY(2.5rem); opacity: 0; }
.in .main-stock { transform: translateY(0); opacity: 1; transition: all 1s ease-in-out; }
.in .main-media{ transform: translateY(0); opacity: 1; transition: all 1s ease-in-out; }


.in .main-media .btn { transform: translateY(0);-webkit-transform: translateY(0); opacity: 1; transition: all .5s ease-in-out; }
/*# sourceMappingURL=style.css.map */


/* 모바일gnb */
.m_btn_gnb{display:none;align-items:center;flex-direction:column;justify-content:space-between;z-index:999;position:absolute;top:50%;right:17px;width:33px;height: 23px; -webkit-transform:translateY(-50%);transform:translateY(-50%);}
.gnb_logo{width: 8.5rem;height: 2.25rem;background:url("../images/lg-douzone-color.svg")no-repeat 50% 50%;background-size: 100%;}
.m_btn_gnb span{height:2px;width: 100%;background-color: #000; border-radius: 0.562rem;}

.m_btn_clse{z-index:99999;position:absolute;top:50%;right:-100%;width:30px;height: 30px;-webkit-transform: rotate(0deg) translateY(-50%); -moz-transform: rotate(0deg) translateY(-50%);-o-transform: rotate(0deg) translateY(-50%); transform: rotate(0deg) translateY(-50%);
  -webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;cursor: pointer;}
  .m_btn_clse.on{visibility: visible;right:73%;}
.m_btn_clse span{display: block;position: absolute;left: 0;height: 0.25rem;width: 100%;background-color: #fff; border-radius: 0.562rem;  -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
 .m_btn_clse span:nth-child(1) {top: 1.9rem;left: 0.5rem;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); -o-transform: rotate(45deg);transform: rotate(45deg);}
.m_btn_clse span:nth-child(2) {top: 39px;position: relative;opacity: 0;}
.m_btn_clse span:nth-child(3) {top: 1.9rem;left: 0.5rem;-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);  transform: rotate(-45deg);}

.m_gnb_wrap{position:fixed;top:0;width:68%;padding: 0 17px 26rem 17px;right:-100%;height:100vh;background:#fff;z-index:9999;overflow-y:auto;transition:all .3s;}
.m_gnb_wrap.on{right:0;}
.m_gnb_top{padding:26px 0 20px;background:#ffff;border-bottom: 1px solid #e8e8e8;}
.m_gnb_top .m_sitemap{padding:25px 0 0;text-align: right;}
.m_gnb_top .m_sitemap a{display:block;width:100%;color:#00aaf0;font-weight:500;font-size:15px;}

.m_gnb_wrap .m_util{display:flex;align-items:center;justify-content:center;margin:20px 0 0;}
.m_gnb_wrap .m_util> li{position:relative;width: 100%;padding:0.625rem 2.25rem 0.625rem 1.25rem;min-height: 2.25rem;border-radius: 0.937rem;line-height:1.4;text-align:center;border-bottom:1px solid #e8e8e8;font-size:1rem;}
.m_gnb_wrap .m_util .m_lang{margin-right: 0.5rem;border:1px solid #000;color:#000;font-weight:500;}
.m_gnb_wrap .m_util .m_solution{background:#00aaf0;color:#fff;font-weight:500;}
.m_gnb_wrap .m_util > .m_lang::after{position: absolute;top: 50%;transform: translateY(-50%);right: 7px;width: 1rem;height: 1rem;background: url("../images/ic_dropdown_arr_down.png")no-repeat 50% 50%;content: '';}
.m_gnb_wrap .m_util > .m_solution::after{position: absolute;top: 50%;transform: translateY(-50%);right: 7px;width: 1rem;height: 1rem;background: url("../images/ic_dropdown_w.png")no-repeat 50% 50%;content: '';}
.m_gnb_wrap .m_util > li ul{display:none;position:absolute;top:3.2rem;left:0;z-index:9;width:100%;border: 1px solid #e2e3e4;border-radius:0.937rem;background: #fff;}
.m_gnb_wrap .m_util > li.on ul{display:block;}
.m_gnb_wrap .m_util > li ul li{border:0;padding: 1rem 0.625rem;color:#111;font-size:12px;}

.m_gnb {background:#fff;}
.m_gnb li{font-size:0.937rem;cursor:pointer;font-size:1.2rem;}
.m_gnb .m_depth1> li{padding:0 6px 0 0;border-bottom:1px solid #e8e8e8;}
.m_gnb .m_depth1 span{display:flex;width:100%;padding:16px 6px 16px 8px;justify-content:space-between;align-items:center;;background: url("../images/ico_arr_down_normal_14.png")no-repeat right center;background-size: 16px;font-size:14px;}
.m_gnb .m_depth1 li.active span{background: url("../images/ico_arr_up_normal_14.png")no-repeat right center;background-size: 16px}
.m_gnb .m_depth1 .m_depth2{display:none;padding: 0 0 10px 0;color:#999;}
.m_gnb .m_depth1 .m_depth2 >li{padding: 12px 0 11px 12px;font-size:13px;}
.m_gnb .m_depth1 .m_depth2 >li a{display:block;width:100%;height:100%;}
/* .m_gnb .m_depth3{display:none;padding:0.5rem 1rem;margin-bottom: 1rem;line-height:2;background:#f8f8f8;padding:1rem;}
.m_gnb .m_depth3 >li{min-height:2.5rem;line-height:2.5rem;} */
.m_gnb_dim{display:none;width: 100% !important;position:absolute;top: 0;z-index:0;background-color: rgba(0, 0, 0, 0.7);}
.m_gnb_dim.on{display:block;}

/* main------------------------------------20211022------------------------------------------------------------------------------ */
body.body-main{overflow:visible !important;}
.body-main .visual-swiper .intro-wrap{width:33.37rem;} /* width:30.37rem; */
.body-main .visual-swiper .item::after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity: 0.45;background-color: #000;content:'';}
.body-main .visual-swiper .dim_off::after{display:none;}

/* 메인 더존미디어, 지속가능경영 헤더 변경 */
header.h_ch{background: #fff !important;border-bottom:1px solid #e5e5e5;}
header.h_ch .gnb > ul > li > a{color:#000 !important;}
header.h_ch .logo .icon-logo{background-image: url("../images/lg-douzone-color.svg") !important;}
header.h_ch .util .btn-lang button{border-color: #000 !important; color: #000 !important;}
header .util .btn-lang button::after{background: url("../images/ic_dropdown_arr_down.png") no-repeat 50% 50% !important;}
header .util .btn-lang.active button::after{background: url("../images/ic_dropdown_arr_up.png") no-repeat 50% 50% !important;}
header.h_ch .util .btn-solution button{background: #00aaf0 !important; color: #fff !important;}
header.h_ch .util .btn-solution button.hover::after{background: url("../images/ic_dropdown_arr_down_white.png") no-repeat 50% 50% !important;}
header.h_ch .util .btn-solution.active button::after,header.h_ch .util .btn-solution.active button:hover::after{background: url("../images/ic_dropdown_arr_up_white.png") no-repeat 50% 50% !important;}
header.h_ch .util .btn-solution button::after,header.h_ch .util .btn-solution button.hover::after,.btn-solution button.hover::after{background: url("../images/ic_dropdown_arr_down_white.png") no-repeat 50% 50% !important;}
header.h_ch .m_btn_gnb span{background:#000;}

/* body .sec2 .main-title,body .sec4 .main-title,.body-main.fp-viewing-section5 .main-title { color: #000 !important; }
body .sec4 .main-desc { color: rgba(0, 0, 0, 0.5);} */

header.h_ch #fp-nav ul li .fp-tooltip{color: #000;}
header.h_ch #fp-nav ul li a span{color: #000;border: 1px solid #000; opacity: 0.2;}

/* .body-main.fp-viewing-section2 .m_btn_gnb span,.body-main.fp-viewing-section4 .m_btn_gnb span,.body-main.fp-viewing-section5 .m_btn_gnb span,.body-main.fp-viewing-footer .m_btn_gnb span{background:#000;} */

.object .shape-media-1{ width: 50.81rem; height: 50.81rem; background: url("../images/img_mian_shape_01.png") no-repeat 0 0; left: 50%; margin-left:-1300px;background-size:100%;z-index:0;}
.object .shape-media-2{ width: 25.31rem; height: 25.31rem; background: url("../images/img_mian_shape_02.png") no-repeat 100% 0; right: 50%;margin-right:-1000px; background-size:100%;z-index:0;}

	

/*----------------------------------------------------------------------------------------- 미디어쿼리-------------------------------------------------------------------------------------------------- */
/* media-----------------------------------------------------------------------width:1920px------------------------------- */
@media(min-width:1950px){
.ci .font_bg{background: #2b323c;}
}
/* media-----------------------------------------------------------------------width:1600px------------------------------- */
@media(max-width:1600px){
.body-main .wrap{width: calc(100% - 360px);margin: 0 auto;min-width:auto;}
.main_banner1{left: 0;margin:0;}
.main_banner2{right:0;margin:0;}
.visual-swiper .intro-wrap {margin: -1.25rem 0 0 -23.75rem;}
.in .management-swiper2 {bottom: 12.12rem;}
.main-stock [class^=col] {padding: 0 1.125rem 0 1.7rem;}
/* .footer-mid .container>ul {width: 53.1875rem;} */
}

/* media-----------------------------------------------------------------------width:1400px------------------------------- */
@media(max-width:1400px){

/* sub */
/* 지속가능경영 */
.card-list .swiper-button-prev-common{left:0;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}
.card-list .swiper-button-next-common{right:0;left:auto;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}

/* 사업소개 */
.erp_moc{height: 37.9375rem;}
.erp_moc img{max-width: 100%;}

/* 제품소개 */
.sol_pro .swiper-button-prev-common,.sol_pro .swiper-button-prev-common:hover { left: 0;transform:translate(0,0);  background:rgba(255,255,255,0.7) url("../images/btn_arrow_left.png") no-repeat 0 0;background-size:100%;}
.sol_pro .swiper-button-next-common,.sol_pro .swiper-button-next-common:hover { right:0;left: auto;transform: translate(0,0);background:rgba(255,255,255,0.7) url("../images/btn_arrow_right.png") no-repeat 0 0;background-size:100%;}
.work_benefit .swiper-button-prev-common,.work_benefit .swiper-button-prev-common:hover {transform: translate(0, 0); }
.work_benefit .swiper-button-next-common,.work_benefit .swiper-button-next-common:hover { transform: translate(0, 0);}
/* .amaranth_features .swiper-button-next-common,.amaranth_features .swiper-button-next-common:hover {left: calc(100% - 3.5rem);left:auto;right:0;transform: translateX(0); background:rgba(255,255,255,0.7) url("../images/btn_arrow_right.png") no-repeat 0 0;background-size:100%;} */

}


/* media-----------------------------------------------------------------------width:1230px-------------------------------- */
@media (max-width: 1230px){
body,html{font-size:95%;}

/* main */
/* main_popup */
.main_pop .inner{width:100%;padding:1rem;}
.main_pop .swiper-container{width:88%;}
.main_pop .inner ul li{max-width: 17.75rem !important;padding:0 2%;}
.main_pop .inner ul li:first-child{padding:0 2% 0 0;}

.full .sec1{height:100vh !important;}
/* body.fp-viewing-section1 .fp-tableCell{height:50rem !important;} */
body.body-main{overflow:visible !important;}
.main-business-line > li:hover dl { transform: translateY(5rem); -webkit-transform: translateY(5rem);}
.main-business-line > li:hover dt { margin-top: 0; }
.main-business-line > li:hover li, .main-business-line > li:hover dl .btn { opacity: 1; transition-delay: 0.2s; color: #fff; }

/* .sec2 .fp-tableCell{padding-bottom: 45.75rem !important;padding-top: 9.56rem !important;} */
/* .in .management-swiper2{transform: translateY(-7.5rem)!important;-webkit-transform: translateY(-7.5rem)!important;} */
.management-swiper2 {bottom: -7.5rem;margin-left:5.81rem !important ;}
.wrap{/* overflow:visible !important; */min-width: auto !important;}
.pop_tb_wrap{width: auto;}


/* sub */
/* popup */
.pop_tb_wrap{padding:1rem;}
.pop_location_wrap section{width:auto;}

}

/* media-----------------------------------------------------------------------width:1200px */
@media screen and (max-width:1200px){
body,html{font-size:90%;}

/* layout */
html.is-scroll-down body:not(.body-main) .header-bottom {bottom: -2.88rem;}
/* .main_pop{display:none;} */
.body-main .wrap{width: auto;margin: 0 auto;}
.main_banner1{display:none;}
.main_banner2{display:none;}

.header .header-top{height: 6.31rem;}
.header .logo{left:17px;}
.gnb{display:none;}
.m_btn_gnb{display:flex;}
.header .util{display:none;}
.footer-mid .container>ul {width: 75rem;}
.footer .footer-family{right: 0.937rem;}

/* main */
.main_navi{display:none;}
.visual-swiper .intro-wrap {margin: -1.25rem 0 0 -34.75rem;}
.visual-swiper .intro h1{font-size:2rem;}
.management-swiper .swiper-button-prev-management{left:0}
.management-swiper .swiper-button-next-management{right: 0;}
/* .in .management-swiper2{-webkit-transform: translateY(-0.5rem)!important;transform: translateY(-0.5rem)!important;} */

.body-main #content_total .main_cont_type2 li:first-child{width:60%;}
.body-main #content_total .main_cont_type3 li:last-child{width:60%;}
.in .management-swiper2 {bottom: -7.5rem;}

/* sub */
/* 회사소개 */
.vision_top ul li + li{margin-left: 3.56rem;}
.vision_bottom .row .right{width:auto;}

.vertical-tb .left{width: 11.62rem;}
.vertical-tb .tit{font-size: 1.6rem;}
.vertical-tb .right{width: 55.87rem;}
.awards dl{width: calc( 100%/ 3);margin-left:0;}

/* ceo */
.ceo .cnt { display:grid; grid-template-columns: 1fr 1fr;}
.ceo .cnt .img{grid-column-start: 1; grid-column-end: 3;height:auto;}
.ceo .cnt {grid-column-start: 1; grid-column-end: 2; margin-bottom: 40px;}
.ceo .cnt .ax-img {grid-column-start: 2; grid-column-end: 3;display: flex;flex-direction: column;justify-content: center;position: relative;top:0;left: 0;padding: 30px;}
.ceo .cnt .box {position: relative; top: 0; width: auto; height:auto; padding: 30px;}
.ceo .cnt .box .tit{padding-bottom: 1rem;margin-bottom:20px;font-size: 1.5rem;line-height: 2rem;}
.ceo .cnt .box .tit:after{bottom:-0.5rem;}
.ceo .cnt .box .txt{margin:0;}
.ceo .text1,.ceo .text2{margin:0 0 1.875rem 0;}

/*지속가능경영 */
.social_evt{max-width: 76.87rem;padding: 0 5%;}

.edu-donation{display:flex;flex-direction:column;}
.edu-donation .thumb{position:static;width:100%;}
.edu-donation .thumb .img{flex:auto;}
.edu-donation .info{float:none;width:100%;}

.cbtn_out label{line-height:1.8;}

/* 사업소개 */
.all_in_one_box_pc{display:none !important;}
.all_in_one_box_m{display:block !important;margin-top: 5rem;}

.all_in_one_box_m dl{display: flex;align-items: center;justify-content: center;margin-bottom: 2rem;}
.all_in_one_box_m dl dt{position:relative;width:9rem;height:9rem;margin-right:2rem;color:#fff;text-align:center;font-size:15px;font-weight:500;}
.all_in_one_box_m dl dt span{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);bottom:2rem;}
.all_in_one_box_m dl:first-child dt{background: url("../images/img_ebp_all01.png")no-repeat;background-size:100%; }
.all_in_one_box_m dl:nth-child(2) dt{background: url("../images/img_ebp_all02.png")no-repeat;background-size:100%;}
.all_in_one_box_m dl:nth-child(3) dt{background: url("../images/img_ebp_all03.png")no-repeat;background-size:100%;}
.all_in_one_box_m dl:last-child dt{background: url("../images/img_ebp_all04.png")no-repeat;background-size:100%;}
.all_in_one_box_m dl dd{width:calc(100% - 27rem);padding: 2rem;background: #fff;border-radius: 0.5rem;}
.all_in_one_box_m dl dd p{font-size:14px;}
.all_in_one_box_m dl dd p:first-child{margin-bottom:5px;}

/* 미디어룸 */
.media_box2_wrap ul li{padding: 2.5rem 2.5rem 2.812rem;}


/* 투자정보 */
.stock_box{justify-content:space-around;}
.stock_box ul div{width:16.875rem;}
.composition_bg{text-align:center;}
.composition_bg .down_box{float:none;width:30.68rem;}

.ir_btn a{width:10.6rem;padding: 0.56rem 1rem;}
.m_r_list ul li p{width:45.06rem;}

/*  채용 */
.benefits_wrap .row{margin: 0 auto;}
.benefits_wrap li{width: 20.87rem;height: 20.56rem;padding: 2.25rem 0 1.125rem;text-align: center;}
.benefits_wrap .row:last-child li:last-child::after{display:none;}

/* amaranth10 */
.amaranth_function dl:nth-child(n+5){width: calc((100% - 3.75rem)/ 4);min-width: auto;}

}
/* media-----------------------------------------------------------------------width:1060px */
@media screen and (max-width:1060px){
/* #content_total li:first-child, #content_total li:last-child{width: 30.56rem;} */

}
/* media-----------------------------------------------------------------------width:1024px */
@media screen and (max-width:1024px){
body,html{font-size:85%;}
.br_n br{display:none;}
.footer-mid .container>ul{width: 100%;flex-wrap: wrap;}
.footer-mid .container > ul >li{flex: none;width: calc((100% - 27px)/ 3);margin-bottom:24px;}
.footer-mid .container > ul >li:first-child,.footer-mid .container > ul >li:nth-child(4){margin-right: 27px;}
.footer-mid .container > ul >li:nth-child(n+4){margin-bottom:0;}
.footer-mid .container > ul >li:last-child{flex: auto;}
.footer-mid li strong{font-size:14px;}
.footer-mid li ul li{font-size:13px;}
.footer-mid li ul li a.gray{width: 139px;height: 31px;line-height: 29px;margin: 0px 0 6px;font-size:12px;}

/* main */
/* main_pop */
.main_pop .swiper-container{width:calc(100% - 10.125rem);margin: 0;}
.main_pop .inner ul li{max-width:none !important;padding:0;}
.main_pop ul li a {max-width: 90%;}
.main_pop ul li a span{max-width:none;}
.main_pop_clse{margin-left:0;}
.main_pop .swiper-pagination{right: 6%;left: auto;bottom: auto;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: auto;}

.visual-swiper .intro-wrap{margin-left: -26.75rem;}
.management-swiper{width:100% !important;height:100% !important;}
.management-swiper .swiper-pagination{/* padding-top: 0.62rem */;position: absolute;bottom: -17.937rem;}
.management-swiper2{position: static;left:0;margin:0 !important;width:100%;}
.in .management-swiper2{bottom:0;transform: translateY(0)!important;-webkit-transform: translateY(0)!important;}
.management-swiper2 .swiper-container{width:100%;height: 14.75rem;padding: 1.25rem 2.75rem;}
.fp-scrollable{height:auto !important;overflow:visible !important;}

.sec4 .swiper-button-prev-management,.sec4 .swiper-button-prev-management:hover {margin-top:35%;z-index:999;}
.sec4 .swiper-button-next-management,.sec4 .swiper-button-next-management:hover {margin-top:35%;z-index:999;}
.sec4 .swiper-button-prev-management{width: 3.5rem;height: 3.5rem;background:rgba(255,255,255,0.7) url("../images/ic-arr-left-normal-gray-72.svg") no-repeat 50% 50%;background-size:60%;}
.sec4 .swiper-button-prev-management:hover{width: 3.5rem;height: 3.5rem; background:rgba(255,255,255,0.7)  url("../images/ic_arr_left_hover_gray_72.svg") no-repeat 50% 50%;background-size:60%;}
.sec4 .swiper-button-next-management{width: 3.5rem;height: 3.5rem;background:rgba(255,255,255,0.7) url("../images/ic-arr-right-normal-gray-72.svg") no-repeat 50% 50%;background-size:60%;}
.sec4 .swiper-button-next-management:hover{width: 3.5rem;height: 3.5rem;background:rgba(255,255,255,0.7)  url("../images/ic_arr_right_hover_gray_72.svg") no-repeat 50% 50%;background-size:60%;}

.main-stock [class^=col]{padding:0 2.125rem 0 1.7rem;}

/* common */
.common-swiper{width:100%;}
.common-swiper .swiper-button-prev-common{width: 3.5rem;height: 3.5rem;left:0 !important;transform:translateX(0);/* margin-top: -5.5rem; */background:rgba(255,255,255,0.7) url("../images/ic-arr-left-normal-gray-72.svg") no-repeat 50% 50%;background-size:60%; }
.common-swiper .swiper-button-next-common{width: 3.5rem;height: 3.5rem;left:auto;right: 0 !important;transform:translateX(0);/* margin-top: -5.5rem; */background:rgba(255,255,255,0.7) url("../images/ic-arr-right-normal-gray-72.svg") no-repeat 50% 50%;background-size:60%; }
.common_swiper_wrap .common-swiper{width:100% !important;height:100% !important;}
/* .common_swiper_wrap .common-swiper .swiper-slide .item{height:55rem;} */
.common_swiper_wrap .common-swiper .swiper-pagination{/* bottom:0; */margin-top: 1.62rem;/* padding-top: 12.62rem; */ }
.common_swiper_wrap .common-swiper2{left:0;margin:0 !important;width:100%;height: 14.75rem;bottom:3rem;top: auto;}
.common_swiper_wrap .common-swiper2 .swiper-container{width:100%;height:100%;padding: 1.25rem 2.75rem;}

.common-swiper .swiper-button-prev-common:hover{ width: 3.5rem;height: 3.5rem;background: rgba(255,255,255,0.7) url("../images/ic-arr-left-normal-gray-72.svg") no-repeat 50% 50%;background-size:60%;}
.common-swiper .swiper-button-next-common:hover{ width: 3.5rem;height: 3.5rem;background:rgba(255,255,255,0.7)  url("../images/ic-arr-right-normal-gray-72.svg") no-repeat 50% 50%;background-size:60%;}

/* sub */
.card-list .swiper-button-prev-common{width: 3.5rem;height: 3.5rem;background:rgba(255,255,255,0.7) url("../images/ic-arr-left-normal-gray-72.svg") no-repeat 50% 50%;background-size:60%;}
.card-list .swiper-button-next-common{width: 3.5rem;height: 3.5rem;background:rgba(255,255,255,0.7) url("../images/ic-arr-right-normal-gray-72.svg") no-repeat 50% 50%;background-size:60%;}
.card-list .swiper-button-prev-common:hover{width: 3.5rem;height: 3.5rem; background:rgba(255,255,255,0.7) url("../images/ic-arr-left-normal-gray-72.svg") no-repeat 50% 50%;background-size:60%;}
.card-list .swiper-button-next-common:hover{width: 3.5rem;height: 3.5rem; background:rgba(255,255,255,0.7) url("../images/ic-arr-right-normal-gray-72.svg") no-repeat 50% 50%;background-size:60%;}

.page_box ul li{margin: 0 0.1rem;}
.object [class^=shape-] { display:none !important;}
.vertical-table .row{display:flex;flex-direction:column;}
.vertical-table .row > [class^=col]{width:100%;flex:0 0 auto;}
.vertical-table .row:last-of-type .left, .vertical-table .row:last-of-type .right{padding: 2.5rem 0;}


/* 회사소개 */
.company-info{max-height: 50.625rem;background: url("../images/img_intro_mobile@3x.png") no-repeat 50% 0;background-size: contain;}
.value-list.value-list-box > [class^=col]{width:calc(100% / 4);}
.value-list.value-list-box .tit{height:4rem;}

.pop_location_box .swiper-button-prev-common{width: 3.5rem;height: 3.5rem;left: 0 !important;transform: translateX(0);background: rgba(255,255,255,0.7) url("../images/ic-arr-left-normal-gray-72.svg") no-repeat 50% 50%;background-size: 60%;}
.pop_location_box .swiper-button-prev-common:hover {width: 3.5rem;height: 3.5rem;background: rgba(255,255,255,0.7) url("../images/ic-arr-left-normal-gray-72.svg") no-repeat 50% 50%;background-size: 60%;}
.pop_location_box .swiper-button-next-common{width: 3.5rem;height: 3.5rem;left: auto;right: 0 !important;transform: translateX(0);background: rgba(255,255,255,0.7) url("../images/ic-arr-right-normal-gray-72.svg") no-repeat 50% 50%;background-size: 60%;}
.pop_location_box .swiper-button-next-common:hover{width: 3.5rem;height: 3.5rem;background: rgba(255,255,255,0.7) url("../images/ic-arr-right-normal-gray-72.svg") no-repeat 50% 50%;background-size: 60%;}

/* 연혁 */
.history-wrap .history-list{width:63%;}
.history-visual p {font-size: 2.25rem;}

.affiliate .tag{margin-bottom:0.5rem;}

.vision_top ul li{width:17.62rem;height:17.62rem;padding: 4rem 3% 2.75rem;}
.vision_top ul li + li{margin-left:1.56rem;}

.vertical-tb{flex-direction:column;}
.vertical-tb .left{width:100%;}
.vertical-tb .right{width:100%;margin:0;border:0;}
.awards dl dt img{max-width:76%;}

/* ci */
.ci .font_bg .box {margin-left: -33rem;}
.ci .img {width: 46.375rem;}
.ci .mark dl{width: calc((100% - 3.375rem) /2);}
.ci .mark dl + dl{margin-left: 1.375rem;vertical-align:top;}
.ci .fonts dl dt{width: 13.125rem;}
.ci .fonts dl dd ul li .img{width:39.187rem;}

.location-wrap .map .spot{top: 5.125rem;}

.affiliate .bg{left:0;background-position: 20% center;transform:translateX(0);}

.dtec .head{display:flex;flex-direction:column;}
.dtec .head .left{width:100%;margin-bottom:1rem;}
.dtec .head .right{width:100%;}

/* 지속가능경영 */
.pill-nav a{width:calc(100% / 5);height: 4rem;line-height: 4rem;padding: 0; margin: 0 0.3rem;}
/* .vertical-table .row:last-of-type .left{padding:2.5rem 0;}
 */.vertical-table .row:last-of-type .right{padding:2.5rem 0 0;}
.growth_bg {padding:6rem 0 ;}
.growth_soft{flex-direction:column;padding:0 6%;}
.growth_soft_txt_l{margin:0 0 2rem 0;}

.social_bg{background-position-x: -51rem;}
section.cs_bg {background-position: -40rem;}

.blue_col ul li{width:12.125rem;height:12.125rem;font-size:1rem;}
.blue_col ul li span{line-height:2rem;}

.voc_wrap li:after{box-shadow:none !important;border-radius:0;}

.eth_report_info{width:100%;padding: 1.875rem 0 1.875rem 10.75rem;}

.cs_wrap p{padding: 0 5%;}

/* 사업소개 */
.erp_moc{position:relative;top:11rem;height:52vw;}
.extend_bg_t .section-text{position:relative;top:7.125rem;}
.extend_bg_t .tags{position: relative;top: 9rem;}
.extend_bg_t .btns{margin-top: 12rem !important;}
.erp10_system{flex-direction:column;align-items:center;}
.erp10_system img{margin:0 auto;padding:0;}
.erp10_system .ic_arr{top:48%;left:auto;transform: rotate(90deg);}
.erp10_system .box{width:100%;flex-wrap: wrap;padding: 0;}
.erp10_system .box dl{width:100%;margin:0 0 1.25rem 0;}
.erp10_system .box dl:last-child{margin:0;}
.erp10_system .box dl dt{font-size:1.2rem;line-height: 1.5rem;}
.erp10_system .box dl dd{margin:0;font-size:1rem;}
.ebp_fusion_bg{background: #f8f9fa url("../images/img_brandstory_02@2x.png")no-repeat 50% 0;background-size:100%;}
.ebp_fusion_bg .pc_txt{display:none;}
.ebp_smart_wrap .section-title-txt strong{display:block;}
.ebp_fusion_bg .mo_txt{display: flex;flex-wrap: wrap;width: calc(100% - 4vw);margin: 119vw auto 0;}
.ebp_fusion_bg .mo_txt dl{width:calc((100% - 10px) / 2);margin-right:10px;padding:16px 11px 20px 14px;background:#eff4f8;border-radius: 6px;border: solid 1px rgba(201, 211, 229, 0.3);}
.ebp_fusion_bg .mo_txt dl:first-child{width:100%;margin:0 0 10px 0;}
.ebp_fusion_bg .mo_txt dl:last-child{margin:0;}
.ebp_fusion_bg .mo_txt dl dt{padding-bottom:8px;margin-bottom:10px;font-size:13px;border-bottom: solid 1px #dfe5f4;}
.ebp_fusion_bg .mo_txt dl dt em{font-size:16px;font-weight:700;}
.ebp_fusion_bg .mo_txt dl dd{color:#575e70;font-size:13px;font-weight:500;line-height: 1.5;}
/* .erp10_system .box dl{width:100%;margin:0 0 1.25rem 0;}
.erp10_system .box dl:last-child{margin:0;} */
.icube_graph .left{padding:2.5rem 0;}

.dews_system{width: 55rem;margin:0 auto;}
.dews_system .dews_system_circle li{top:9.937rem;}
.dews_system .dews_system_circle li:first-child{left: 7.93rem;}
.dews_system .dews_system_circle li:nth-child(2){left: 23.375rem;}
.dews_system .dews_system_circle li:last-child{left: 38rem;}

.dews_system_txt li{top: 14.75rem;}
.dews_system_txt li:first-child{left: 3.75rem;}
.dews_system_txt li:nth-child(2){left: 9.687rem;}
.dews_system_txt li:last-child{left: 13.875rem;}
.dews_studio{width:58rem;margin:0 auto;}
.dews_studio ul{height:8.75rem;}
.lite_tb {margin-left: 0;}

.ebp_smart_circle_pc{display:none;}
.ebp_smart_circle_m{display:block;}
.ebp_smart_circle_m dl{display:flex;align-items:center;margin-bottom: 1.5rem;}
.ebp_smart_circle_m dl dt{display: flex;align-items: center;flex-direction: column;justify-content: center;width: 14rem;height: 14rem;margin-right: 2rem;border-radius: 100%;}
.ebp_smart_circle_m dl:first-child dt{border:2px solid #17d1e2;}
.ebp_smart_circle_m dl:nth-child(2) dt{border:2px solid #2ebfff;}
.ebp_smart_circle_m dl:last-child dt{border:2px solid #265cf0;}
.ebp_smart_circle_m dl dd{width: calc(100% - 16rem);font-size: 1.125rem;}
.ebp_smart_circle_m dl em{display:block;margin-bottom: 0.85rem;font-size:1.5rem;font-weight:500;text-align: center;line-height: 1.2;}
.ebp_smart_circle_m dl span{color:#7b7b7b;font-size: 1rem;}
.ebp_smart_circle_m dl:first-child em{color:#17d1e2;}
.ebp_smart_circle_m dl:nth-child(2) em{color:#2ebfff;}
.ebp_smart_circle_m dl:last-child em{color:#265cf0;}
.ebp_smart_circle_m dl dd .tit{font-weight:700;}

.erp_current div em{line-height:2rem;}
.logo_box{flex-direction:column;flex-grow: 1;}
.logo_box >div.txt_box{width:100%;padding:0;}

.ebp_fusion ul li{padding: 1.25rem 0;margin: 0 0 0.5rem 0;}
.ebp_fusion ul li:nth-child(odd){margin: 0 0.5rem 0 ;}


/* 미디어룸 */
.media_swiper2{width:100%;top:auto;bottom:4rem;left:0;margin:0;}
.media_swiper_wrap .media_swiper{width:100% !important;height:100% !important;}
.media_swiper2 .swiper-container{width:100%;}
.media_swiper .swiper-pagination{margin-top:18.125rem;}
.media-list-swiper .swiper-slide{height:11.25rem;}
.media-list-swiper .swiper-slide img{max-width:100%;}
.live_box  >ul li{width:calc((100% - 3rem) / 3);margin:0 1.5rem 3.125rem 0;}
.live_box  >ul li:nth-child(3n){margin-right:0;}
.live_box >ul li:nth-child(4n){margin:0 1.5rem 3.125rem 0;}
.media_box >ul li .img{max-height: 11.375rem;min-height: 11.375rem;}
.customer_case .select_box{margin: 0 7rem 4.25rem;}

/* 투자정보 */ 
.stock_box{flex-direction:column;-webkit-box-orient: vertical;flex-wrap:wrap;flex-grow: 1;} 
.stock_current{width:100%;margin-bottom:1rem;}
.stock_box ul{width:100%;justify-content: space-around;}
.stock_box ul div{padding:0 2.125rem 0;}
.stock_item ul li {margin-left: -1px;}
.down_box em{font-size:1.2rem;}
.composition_bg .down_box{width: 25.68rem;height: 5.75rem;padding: 1.5rem 1.56rem;}
.composition_bg .down_box .btn{width: 7.81rem;padding: 0.375rem 0.75rem;}

.tb_list table td a{max-width: 31.25rem;}
#content_noti .tb_list table td a{max-width:44.25rem;}
.m_r_list ul li{padding: 0 2.56rem 0 1.875rem;}
span.m_r_list_up, span.m_r_list_down{width: 6.62rem;}
.m_r_list ul li p{width:38.06rem;}

/*  채용 */
.benefits_wrap li{width: 15rem;}
.benefits_wrap img{width:4.75rem;}
.benefits_wrap .tit{font-size: 1.2rem;}
.benefits_wrap .text{font-size: 0.85rem;}

/* 제품/솔루션 공통 */
.sol_pro .section-title{margin-bottom: 20px;font-size:20px;}
.sol_pro .function_box dl:nth-child(4){width:100%;}


/* amaranth10 */
.amaranth_10_wrap .section-text{font-size:14px;}
.amaranth_function dd{flex-wrap:wrap;}
.amaranth_function dt{font-size:14px;}

.amaranth_recom ul li{width: calc(100% / 4);}
.amaranth_function .account ul {width: calc(100% / 2);}
.amaranth_function dl{margin:0 0 10px 0 !important;}
.amaranth_function dl:nth-child(n+2){min-width: auto;width: calc((100% - 10px)/2);}
.amaranth_function dl:nth-child(2),.amaranth_function dl:nth-child(5),.amaranth_function dl:nth-child(7){margin-right:10px !important;}
.amaranth_function dl:nth-child(n+7){margin-bottom:0 !important;}
.amaranth_10_wrap .pc_case{display:none;}
.m_case_swiper{display:block;}
.m_case_swiper ul li{margin:0;}
.swiper-pagination-m-case{margin-top:24px;}
.m_case_swiper ul li .tit{font-size:16px;}
.m_case_swiper ul li .txt{font-size:14px;}
.amaranth_benefit .swiper-container{height: 26.25rem;}
.amaranth_benefit li .box{padding:0 1.5rem 0 4rem;}
.amaranth_benefit li .box .tit span{text-indent: -3rem;}

/* worklife */
.work_recom ul li {width: calc(100% / 4);}
section.work_case .swiper-container {/* box-shadow: 0 6px 30px rgb(0 0 0 / 10%); */}
.work_case_swiper  .swiper-button-prev-common, .work_case_swiper  .swiper-button-prev-common:hover{transform: translate(0, 0);
    top: 20%;}
.work_case_swiper  .swiper-button-next-common, .work_case_swiper  .swiper-button-next-common:hover{transform: translate(0, 0);
    top: 20%;}
.work_case_swiper ul li{flex-direction: column-reverse;}
.work_case_swiper .txt{width:100%;padding: 20px 20px 40px;border-radius: 0 0 10px 10px;}
.work_case_swiper .txt strong{font-size:20px;line-height:25px;}
.work_case_swiper .txt p{font-size:14px;}
.work_case_swiper .img{width:100%;}
.work_case_swiper .img img{width:100%;}
.work_total .object [class^=shape-]{display:block !important;}
.work_total .object .shape-ebp-1{width: 195px;height: 297px;right: -44px;margin-right: 0px;background-size: 100%;}
.work_total .object .shape-ebp-2{top: 555px;margin-left: 0;left: 0;width: 171px;height: 164px;}
.work_total .object .shape-ebp-3{width: 139px;height: 162px;right: -39px;margin-right: 0px;background-size: 100%;bottom:500px;}
.work_total .section-title::after{width:20px;height:1px;margin:20px 0 0;}
.work_total ul{margin:60px 0 0;}
.work_total li:nth-child(2){flex-direction: column;margin:0 0 60px 0;text-align: center;justify-content: center;align-items: center;}
.work_total li:nth-child(2) .txt_box{padding:0;}
.work_total li:nth-child(odd){flex-direction: column-reverse;align-items: center;justify-content: center;margin-right:0;padding:0 0 60px 0;text-align: center;}
.work_total li .txt_box .tit{font-size:20px;line-height:30px;}
.work_total li .txt_box .txt {margin: 10px 0 30.3px;font-size:14px;line-height:22px;}
.work_benefit .benefit_list li{text-align: center;display: flex;flex-direction: column;align-items: center;}
.work_benefit .benefit_list li .txt {padding: 0 9%;}
}


/* media-----------------------------------------------------------------------width:768px------------------------------------------- */
@media screen and (max-width:768px){

/* layout */
.header .header-top{height:4.31rem;}
.depth2_con{padding:0;}
.depth2_box{overflow-x: auto;overflow-y: hidden;-ms-overflow-style: none;scrollbar-width: none;}
.tab{width: auto;margin-top:0;white-space: nowrap;}
.tab li a{padding: 0 1rem;}
.breadcrumb{padding-right: 0.937rem;padding-left: 0.937rem;}
html.depth2-show body:not(.body-main) .header-bottom {bottom: -4.4rem;}
html.depth2-show.is-scroll-up body:not(.body-main) .header-bottom {bottom: -3.5rem;}
.gnb-depth2 a{/* height: 3.687rem; */height:45px;}
.m_btn_gnb {width: 18px;height: 16px;}
.footer-bottom .d-flex{flex-direction:column;justify-content:center;}
.footer .footer-logo{margin:1rem 0;}
.footer .footer-top{height: auto;padding: 2rem 0.25rem;}
.footer .footer-top .container{display: flex;align-items: center;justify-content: space-around;}
.footer .footer-family{position: static;margin-left:1.5rem;transform: translate(0, 0);-webkit-transform: translate(0, 0);}
.footer .footer-menu a{font-size:13px;}
.footer-family dt .family_btn{padding:0.625rem 0;font-size:12px;}
.footer-family dt .family_btn::after{right:0;}
.footer .footer-info .line span{font-size:13px;}
#container-block{margin-top: 4.312rem;}

.sitemap-body .gnb-sub-group .inner{flex-direction:column;}
.sitemap-body .gnb-sub-group .depth1{width:100%;margin-bottom:1.5rem;}
.sitemap-body .gnb-sub-group .depth2 > ul > li{width:calc(100% / 4);margin-top: 2rem;}
.sitemap-body .gnb-sub-group .depth2 > ul > li:nth-child(5){width:calc(100% / 4);}

/* common */
.contents{padding-bottom: 6.5rem;}
.m-t-80 {margin-top: 2.5rem !important;}
.m-b-80 {margin-bottom: 2.5rem !important;}
.m-t-110{margin-top: 3.4375rem !important;}
.m-b-110{margin-bottom: 3.4375rem !important;}
.p-t-110{padding-top: 3.4375rem !important;}
.p-b-110{padding-bottom: 3.4375rem !important;}
.m-t-120{margin-top:5rem;}
.m-b-120{margin-bottom:5rem;}
.m-t-160{margin-top: 6.5rem !important;}
.m-b-160 {margin-bottom: 6.5rem !important;}
.p-t-160 {padding-top: 6.5rem !important;}
.p-b-160 {padding-bottom: 6.5rem !important;}

.btn i {vertical-align: middle;}
.breadcrumb-item{font-size:1rem;}
.sub-tab-box{overflow-x: auto;overflow-y: hidden;-ms-overflow-style: none;scrollbar-width: none;border-bottom: 1px solid #e5e5e5;}
.sub-tab-box::-webkit-scrollbar {display: none;}
.sub-tab{width: auto;white-space: nowrap;border-bottom:0;}
.sub-tab li{padding: 0 1rem;}
.sub-tab li + li:before{display:none;}
.section-title{padding:0 1rem;}
.section-text{padding:0 0.5rem;}
#container-block >.top p {padding: 0 5%;}
#container-block >.top{height: 15rem;padding-bottom:0;}
.tab li a {text-align:center;font-size: 1rem;}
.common_swiper_wrap .common-swiper2{top: 25.812rem;}
/* .common_swiper_wrap .common-swiper .swiper-pagination{padding-top: 7.62rem;} */
.btns .btn,.bt3 .btn{width:100%;margin:1rem 0 0;/* margin:1rem 0.562rem 0; */}
.section-video .btn{width:100%;}
.text-large{font-size:1.25rem;}

/* main */
#mouse-scroll .mouse{width: 1.25rem;height: 2rem;}
#mouse-scroll{bottom:4.5rem;}
.full .sec1 .fp-tableCell,.visual-swiper{height: 100vh !important;height: calc(var(--vh, 1vh) * 100) !important;}
.main-title{font-size:26px;}
.main-desc{font-size:14px;}
.visual-swiper .swiper-wrapper{position:static;}
.visual-swiper .item{display:flex;justify-content:center;width:149%;left:0;}
.visual-swiper .swiper-slide video{/* max-width:768px;width:100%; *//* height:100%;min-height: auto; */left:25%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.main-media .txt span{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
/* .main-stock [class^=col]{padding:0 0.937rem;} */
.main-stock .label{font-size:1rem;padding-right:1rem;}
.main-stock strong{font-size:1rem;}
.main-stock .row{flex-direction:column;height:216px;padding:3rem 0;}
.main-stock [class^=col]{max-width:100%;padding:0 0.5rem !important;border-bottom:1px solid #ddd;}
.main-stock [class^=col]::before{display:none;}
.in .main-desc{padding:0 8%;}
/*.body-main .visual-swiper .intro-wrap{top: auto;left:50%;bottom: 13vh;width:100%;margin-left:7vw;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}*/
.body-main .visual-swiper .intro-wrap{display:flex;flex-direction: column;align-items:center;justify-content:center;left:0;top:40%;width:calc(100% - 2rem);margin:0;padding: 0 0.937rem 0 2.937rem;transform:translate(0,0);-webkit-transform:translate(0,0);}
.visual-swiper .intro{flex:1;width:100%;padding-top:2rem;}
.visual-swiper .intro.active h1{font-size:1.75rem;}
.visual-swiper .intro p {font-size: 1.2rem;}
/* .visual-swiper .intro h1{text-align:center;} */
.visual-swiper .intro h1::before{display: flex;justify-content: center;align-items: center;flex: 1;}
/* .visual-swiper .intro p{text-align: center;} */
.visual-swiper .swiper-pagination{width: calc(100% - 4rem);left: 50%;transform: translateX(-50%);margin: 0 0.937rem;position: absolute;bottom:-1.875rem;}
.visual-swiper .swiper-pagination-bullet:last-child::before, .visual-swiper .swiper-pagination-bullet.active:last-child::before{margin-right:0;}
.visual-swiper .intro .btn_more{margin: 1.25rem 0 1.875rem;font-size: 12px;}
.visual-nav .container{padding:0;}
.visual-nav li a{padding:0;align-items: center;}
/* .body-main .visual-swiper .swiper-pagination-bullet,.body-main .visual-swiper .swiper-pagination-bullet.active,.body-main .visual-swiper .swiper-pagination-bullet.active::before,.body-main .visual-swiper .swiper-pagination-bullet::before{width:5rem;} */
#content_total ul{justify-content: center;}
.body-main #content_total .main_cont_type2 li:first-child{width:100%;flex: none;max-width: none;}
.body-main #content_total .main_cont_type3 li:last-child{width:100%;flex: none;max-width: none;}
.body-main #content_total .main_cont_type4 li{width:100%;flex: none;max-width: none;}
.body-main #content_total .main_cont_type4 li:last-child{width:100%;}

.sec2 .fp-tableCell, .sec3 .fp-tableCell{padding:50px 0 60px;}
.sec4 .fp-tableCell{padding:50px 0 120px;}
.sec2 .total_solution_box{display:none;}
.sec2 .m_total_solution{display:flex;flex-direction: column;}
.sec2 .m_total_solution li{height:38vw;min-height:136px;margin:0 0 12px 0;}
.sec2 .m_total_solution li:first-child{background:url("../images/m_main_total01.png")no-repeat 50% 50%;background-size: cover;}
.sec2 .m_total_solution li:nth-child(2){background:url("../images/m_main_total02.png")no-repeat 50% 50%;background-size: cover;}
.sec2 .m_total_solution li:nth-child(3){background:url("../images/m_main_total03.png")no-repeat 50% 50%;background-size: cover;}
.sec2 .m_total_solution li:nth-child(4){background:url("../images/m_main_total04.png")no-repeat 50% 50%;background-size: cover;}
.sec2 .m_total_solution li:last-child{background:url("../images/m_main_total05.png")no-repeat 50% 50%;background-size: cover;}
.sec2 .m_total_solution li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.sec2 .m_total_solution strong{display:inline-block;font-size:18px;font-weight:700;line-height:28px;color:#fff;}
.sec2 .m_total_solution strong::after{display:block;width:1.25rem;height:1px;margin: 8px auto 0;background:#fff;content:'';}

/* .sec2 .fp-tableCell{padding:8rem 0 9.75rem !important;} */
.pc_main_business { display:none !important;}
.m_main_business { display:block !important;}
.main-business-line{overflow:visible;position:relative;left:auto;top:auto;}
.main-business-line > li{padding:0;}
.main-business-line > li + li:after{display:none;}
.main-business-line > li:hover:before { background: transparent; }
.main-business-line dl { display: table-cell; vertical-align: middle; height: 100%; position: relative; -webkit-transition: transform 1s; transition: transform 1s; transform: translateY(5rem); }
.main-business-line > li:hover dl { transform: translateY(5rem); -webkit-transform: translateY(5rem);}
.main-business-line > li:hover dt { margin-top: 0; }
.main-business-line dl dd li, .main-business-line dl .btn { opacity: 1;margin-top: 5rem; }
.main-business-line > li:hover li, .main-business-line > li:hover dl .btn { opacity: 1; transition-delay: 0.2s; color: #fff; }
.swiper-pagination-m-main { text-align: center; width: 100%; position: static; margin-top: 7.62rem; line-height: 1; }
.m_main_business .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; background: #cdcdcd; opacity: 1; margin: 0 0.3125rem; border-radius: 0; vertical-align: top; }
.m_main_business .swiper-pagination-bullet-active { background: #00aaf0; }
.body-main .main-media ul li{width: 100%;flex: none;max-width: none;}
.main-media .thumb{height:100%;max-height:56vw;min-height:56vw;}
.main-media .btn{width:100%;}

/* .sec4 .fp-tableCell{padding-top:8rem;}

.sec5 .fp-tableCell{padding-top:8rem;} */

.swiper-button-prev-m-main{display: block; position:absolute;top:50%;left: 50%;margin-top: -4.5rem; transform: translateX(-37.5rem);-webkit-transform: translateX(-37.5rem); width: 4.5rem; height: 4.5rem;transition: .5s; background: url("../images/ic-arr-left-normal-gray-72.svg") no-repeat 0 0; background-size:100%;font-size: 0;line-height: 0;}
.swiper-button-next-m-main{display: block;position:absolute;top:50%;left: 50%;margin-top: -4.5rem; transform: translateX(33rem); -webkit-transform: translateX(33rem);width: 4.5rem; height: 4.5rem;transition: .5s; background: url("../images/ic-arr-right-normal-gray-72.svg") no-repeat 0 0;background-size:100%; font-size: 0; line-height: 0;}
.sec4 .swiper-button-prev-management::after, .sec4 .swiper-button-next-management::after { display: none; }
.management-swiper2 .swiper-container {padding: 1.25rem 1.75rem;}

/* sub */
.contents section {padding: 4.875rem 0 4.875rem;}
.p-com {padding: 3.5rem 0 10rem !important;}
.vertical-table .col-auto { flex: 0 0 auto; }
.vertical-table .tit{padding:0;line-height: 1.4;font-size: 1.5rem;}
.vertical-table .text{padding:0;}
.sub-tab li a{text-align:center;}
.pop_dim h3{font-size:2rem;}
.tags .tag{font-size:1rem;}
.tags-wrap .tag{font-size:1rem;}
.m_swiper_sec{padding: 4.875rem 0 4.875rem !important;}

/* 더존소개 */
/* 회사소개 */
.value-list.value-list-box > [class^=col]{width: 50%;flex-basis: auto;margin-bottom:1.5rem;}
.value-list.value-list-box strong .count{font-size: 2.25rem;}

.company-info .box{left:0;width:100%;padding: 1.56rem 3.75rem;}
.company-info li + li{margin-top:0;}
.value-list .item {padding: 0 0.85rem;}
.value-list strong .count{font-size:3.5rem;}
.value-list p{font-size:0.95rem;}
.value-list p span{font-size: 0.84rem;}
.value-list strong .count{font-size:2.25rem;}
.partner-count .value-list .tit::before {bottom: -0.5rem;}
.ict-partner{padding:20.87rem 1.5rem 6.5rem;}
.ict-partner .section-text{margin-bottom:0;}
.ict-partner .ict-partner-bg{width: 100%;height:18.87rem;}
.ict-partner .title-area{width: 100%;padding: 0;}
.title-area .title{font-size:2.2rem;    line-height: 1.4;}
.edu-donation .info strong {font-size: 2.25rem;}


/* 연혁 */
.history-wrap .history-list{width:68%;}
.history-wrap .history-list {padding-left: 1.56rem;}
.history-wrap .container:last-of-type .history-list {padding-bottom: 1.5rem;}
.history-wrap .history-list dt:before{left: -1.906rem;}
.history-wrap .history-list dt:after{left: -1.2rem;width: 1rem;}
.history-wrap .history .year{margin:6.56rem 0 0 0.5rem;}
.history-visual{height: 19.5rem;padding: 0 5%;background-size: initial;background-attachment: scroll;}
.history-visual p{font-size:2rem;line-height: 1.4;}
.history-visual em{font-size:1.2rem;}
.history-wrap .history .year span{font-size:4rem;}
.history-wrap .history-list ul li strong{float:none;}
.history-wrap .history-list ul li p{float:none;width:auto;margin-left:0;}

/* 비전 */
.vision_bg{margin-bottom:0;}
.vision_top ul{display:block;position:relative;}
.vision_top ul li{float:none;width: 16.62rem;height: 16.62rem;box-shadow:none;}
.vision_top ul li:first-child{margin:0 auto;}
.vision_top ul li:nth-child(2){position:absolute;left:0;}
.vision_top ul li:last-child{position:absolute;right:0;}
.vision_top ul li + li{margin-left:0;}
.vision_top ul li dl dt {font-size: 1.25rem;}
.vision_bottom .row .col-auto{width:100%;margin-bottom: 1rem;}
.vision_bottom .row .col{width:100%;}
.section_vision {background-size:cover;}
.section_vision ul {flex-wrap: wrap;}
.section_vision ul li{width:calc((100% - 1rem)/2);margin: 1rem 0 0 1rem !important;}
.section_vision ul li:nth-child(odd){margin-left:0 !important;}
.section_vision ul li dl dt {width: 4.125rem;height: 4.125rem;}

.philosophy{margin-bottom: 28.5rem;}
.philosophy .cnt{margin-bottom:26rem;}
.philosophy .cnt .box{top:16.4375rem !important;right:0;left:0 !important;width:100%;height:22.87rem;padding:2.375rem 0 0.5rem 1.875rem;}
.philosophy .cnt .box .txt{padding:1.75rem 0 1rem}
.philosophy .cnt + .cnt{margin-top:20.75rem;}
.philosophy .cnt:nth-child(2) .box .txt {padding: 1.75rem 0 1.75rem;}
.philosophy .cnt:last-child{margin-bottom: 32.5rem;}
.philosophy .cnt:last-child .box{height: 25.87rem;}
.philosophy .cnt .img img {height: 16.4375rem;}

.act_test_th .btn{height:auto;padding:0.56rem 0.25rem;}
.support_tb tr td a.btn {width: auto;padding: 0;margin: 0;border: 0;font-size:0;}

.tb_list table td .label_purple,.tb_list table td .label_blue{display:none;}

/* 수상내역 */
.awards{margin-bottom:6.5rem;}
.awards dl{width:calc(100% / 2);}
.awards dl dd .name {font-size: 1rem;}

/* ci */
.ci .img {width: 37.375rem;}
.ci .mark{padding:4.875rem 0.937rem;}
.ci .mark dl{display:block;width:100%;margin:0 auto;}
.ci .mark dl + dl{margin:1rem auto 0;}
.ci .mark div{padding:0;}
.ci .font_bg{height:147vw;}
.ci .img_font img{height:103vw;object-fit: cover;}
.ci .font_bg .box{left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);bottom: 46.187vw;top: auto;width: 100%;height: 34.375vw;flex-wrap: wrap;margin: 0;justify-content: center;}
.ci .img_font img {height: 148vw;object-fit: cover;width: 100%;max-height: none;}
.ci .font_bg .box dl{width: calc(100% /3);height: 100%;padding:8.25vw 0 0;flex-grow: initial;}
.ci .font_bg .box dl:nth-child(2){margin: 0 0 0 1rem;}
.ci .fonts .container> dl,.ci .fonts > dl{display:flex;flex-direction:column;}
.ci .fonts .container> dl dt, .ci .fonts > dl dt{width:100%;}
.ci .font_bg .box dl dt{margin-bottom:7px;font-size: 16px;}
.ci .fonts .container> dl dd, .ci .fonts > dl dd{float:none;width:100%;margin-top: 3.5rem;}
.ci .mark dl dd ul{margin:0;}
.ci .fonts dl dd ul li .img{width:100%;}

.affiliate h3{font-size: 24px;}
.affiliate .country ul li .thumb{height: 7.437rem;margin: 0 auto 2rem; padding: 0.625rem;}
/*기존 로고와 크기가 다른 새 로고*/
.affiliate .country ul li .resize {padding: 0; }
.affiliate .country ul li .resize img {width: 65%; }
.affiliate .country ul li dl{width:100%;padding: 0 0 4rem;}
.affiliate .country ul li dl dt{text-align:center;}
.affiliate .country ul li dl dd .txt{text-align:center;}
.affiliate .country ul li dl .tags{text-align:center;}
.affiliate .country ul li > a{position: static;top: auto;bottom: 0;right:0;width: 100%;margin: 0;}
.affiliate .map {height: 34.375rem;}

.location_wrap .section-video{padding-top:38.812vw;margin-bottom: 4.875rem;}
.location_video{width:100%;height: 58.687vw;}

/* 사업장소개 */
.location-wrap .location{padding: 3.75rem 1.87rem;}
.location-wrap .location .button{top: 1.75rem;right: 0.87rem;}
.pop_location_box .txt br{display:none;}
.pop_location_box .cnt_left{flex-direction:column;justify-content:center;align-items:center;}
.pop_location_box .cnt_left .box, .pop_location_box .cnt_center .box, .pop_location_box .cnt_right .box{width:100%;padding:0 3%;margin-top: 0;}
.pop_location_box .cnt_right{flex-direction:column;justify-content:center;align-items:center;}
.eulji{display:flex;flex-direction:column;}
.eulji .right{position: static;width: 100%;height:auto;background: none;margin: 0;}
.dtec .box .thumb{flex-direction:column;justify-content:center;align-items:center;height:auto;}
.dtec .box .thumb .left{width:100%;margin:0 0 1rem 0;}
.dtec .box .thumb .right{width:100%;text-align:center;}
.dtec .head .right a{width:25%;}
.dtec .box .location .button{top:3.7rem;}


/* 지속가능경영 */
.apply_nav a{width:calc(100% / 4);}
.pill-260 a{width:50%;}

.affiliate .bg{background: url("../images/img_affiliate_building_mobile@2x.png") 50% 50% no-repeat;background-size: cover;}

.digital-news .box{width:100%;padding:1.75rem 1.875rem;margin:0;}
.digital-transformation-wrap .digital-transformation{width: 100%;height: 28rem;}
.digital-transformation-wrap .digital-transformation .swiper-container{height:100%;}
.digital-transformation .item{display:flex;flex-direction:column;flex-wrap:wrap;height:100%;}
.digital-transformation .item .img,.digital-transformation .item .img img{width:100%;height:15rem;}
.digital-transformation .item .text{position: absolute;bottom: 0;top: auto;width: 100%;height: 13rem;padding: 1rem;}
.digital-transformation .item strong{padding:0 0 0.5rem 0;margin-bottom:1rem;}
.digital_list .swiper-button-prev-common,.digital_list .swiper-button-next-common{display:block;}
.digital_list .swiper-slide{flex:none;margin-right:0;/* width: 24rem !important;margin-right:1.5rem !important; */}

.cordinator_bg{background-position-x: -85rem;}

/* 고객만족경영 */
.voc_wrap p{padding: 0 5%;text-align: center;font-size: 12px;}

.contents section.cs_bg{padding:3.87rem 0 0 ;background-size: contain;background-position: 0 0;}
.cs_wrap{flex-direction:column;}
.cs_wrap li{width:100%;margin-bottom:1rem;}
.cs_wrap li:nth-child(n+3){margin: 0 0 1rem 0;}
.cs_wrap li:nth-child(2n+2){margin: 0 0 1rem 0;}

.section-environment .right .text{padding: 1.25rem;background: rgba(255,255,255,0.7);}
.cordinator_wrap ul{padding:0;}
.cordinator_wrap ul li p{transform:translateX(0);-webkit-transform:translateX(0);}
.swiper_wrap .human_swiper,.swiper_wrap .human_swiper3{width:100% !important;height:100% !important;}
.human_swiper .swiper-button-prev-common,.human_swiper3 .swiper-button-prev-common2{left:0 !important;transform:translateX(0);-webkit-transform:translateX(0);margin-top: -5.5rem;background:rgba(255,255,255,0.7) url("../images/ic-arr-left-normal-gray-72.svg") no-repeat 0 0;background-size:100%;}
.human_swiper .swiper-button-next-common,.human_swiper3 .swiper-button-next-common2{left:auto;right: 0 !important;transform:translateX(0);-webkit-transform:translateX(0);margin-top: -5.5rem;background:rgba(255,255,255,0.7) url("../images/ic-arr-right-normal-gray-72.svg") no-repeat 0 0;background-size:100%;}
.human_swiper .swiper-pagination,.human_swiper3 .swiper-pagination{bottom:0;margin-top:-17.38rem;padding-top: 28.62rem; }
.swiper_wrap .human_swiper2,.swiper_wrap .human_swiper4{left:0;margin:0 !important;width:100%;top: 27.9rem;}
.swiper_wrap .human_swiper2 .swiper-container,.swiper_wrap .human_swiper4 .swiper-container{width:100%;padding: 1.25rem 2.75rem;}
.human_happy_txt{width:100%;}


.ethics_rule{flex-wrap:wrap;}
.ethics_rule li{width:calc((100% - 1rem)/2);margin:0 0 0.5rem;}
.ethics_rule li:nth-child(odd){margin-right: 0.5rem;}

.erp_test_td tr th{padding:0 3%;text-align:center;}
.erp_test_td tr td {padding: 1.75rem 3% 1.875rem;}

.social_bg {background-position-x: -71rem;}
.value-list.value-list-darkbox > [class^=col]{padding:0 0.5rem;}

.value-list.value-list-darkbox .item{height: 13rem;padding:3rem 3% 3.75rem;}
.value-list .tit{height: 2.5rem;font-size:1rem;}

.ethics_btns a{width: calc((100% - 3.372rem)/3);min-width: auto;}
.counseling_step{float:none;width:100%;}
.counseling_way{float:none;width:100%;margin:0;}
.counseling_way ul li,.ptn_way ul li{width:100%;height:auto;padding: 0.75rem 0 1.75rem 0;background-position-x:0;background-position-y: 1.6rem;}
.counseling_way ul li p{flex-direction: column;justify-content: flex-start;line-height: 1.4;}
.counseling_way ul li span:first-child,.ptn_way ul li span:first-child{width: 100%;display: inline-block;margin: 0 3.125rem 0 2.625rem;line-height:3.2;}
.ptn_bg ul li{padding: 4.625rem 2% 5rem;}
.ptn_bg ul li strong{font-size:1.5rem;}
.eth_report_info{padding: 1.875rem 0.5rem 1.875rem 2.75rem;}
.eth_report_info::before{left:0.35rem;width: 2rem;height: 2rem;}

/* 제휴제안 */
.ptn_bg{padding: 10rem 0 0rem!important;background-position: 0 0;background-size: contain;}
.ptn_bg ul{display: flex;flex-direction: column;}
.ptn_bg ul li{padding: 2.625rem 2% 3rem;width: 100%;height: auto;flex-wrap: wrap;justify-content: center;border: 1px solid #ddd;}
.pth_bg ul li:first-child{margin-bottom: 0.5rem;}
.ptn_bg ul li:last-child {border-top: 0;}
.pop_confirm h3{margin-bottom:2rem;}
.pop_confirm .pop_tb1 tr,.pop_confirm .pop_tb2 tr{display: block;height: auto;}
.pop_confirm .pop_tb1 th,.pop_confirm .pop_tb2 th{padding-left:0;}
.pop_confirm .pop_tb1 td,.pop_confirm .pop_tb2 td{display:block;width:100%;padding-left:0;}


/* 팝업창 */
.pop_header {padding: 0.75rem 0.937rem;}
.pop_header h2{width:7rem;}
.pop_dim h4{font-size:1.25rem;}
.rbtn_out{padding-left:0;}
.part_t .rbtn_out {width: 100%;margin-bottom: 0.5rem;padding-left:0;}
.pop_tb_wrap table{table-layout:auto;}
.pop_tb1 th, .pop_tb2 th{width:100%;}
.info_t{flex-direction: column;align-items: flex-start;}
.info_t strong{margin: 6px 0 0;;font-size: 12px;line-height: 1.4;}
.pop_tb_wrap table th{display:block;width:100%;padding-left: 0;}
.pop_tb_wrap table td{display:block;width:100%;padding-left: 0;}
.pop_tb_wrap .fbtn_out span{display: block;margin: 0 0 4px;}
.pop_tb_wrap .email_line th::after{display:none;}
.email_line .td_email{height: 9.5rem;border-bottom:1px solid #ddd;}
.pop_tb_wrap .email_line td >div{display:inline-flex;width: 100%;justify-content: space-between;padding: 0;margin-right:0;border-bottom:0;}
.pop_tb_wrap .email_line .ui-selectmenu-button.ui-button{display:inline-flex;width:100%;height: 3.75rem;padding: 1.125rem 0.625rem 1.125rem 0;margin: 0;border-bottom:0;}
.td_email .select_all .ui-selectmenu-icon.ui-icon {margin-top: 9px;}

.rbtn_out label{vertical-align: bottom;}
.pop_close{top: 1rem;right: 0.937rem;width: 2.75rem;height: 2.75rem;}
.eth_report_wrap .report_col_w .rbtn_out{width:100%;}
.eth_report_wrap .report_col_w .rbtn_out:nth-child(3n){width:100%;}
.pop_tb1 .rbtn_out:last-child {margin: 0.875rem 0;}
.privacy_info{padding:1.875rem 0.625rem 1.875rem}
.privacy_info p {font-size: 13px;}
.privacy_info a{font-size:13px;}

.ict_bor{margin-left:0;}

.erp_list_wrap li{padding:2.5rem 0.8125rem 2.5rem;}
.erp_list_wrap li p{transform:translateX(0);}
.erp_list_tit{margin:0 0 1rem 0;}
.erp_list_tit span {margin-right: 0.875rem;}

/* 사업소개 */
.pop_buying table{table-layout:auto;}
.pop_buying .txt_box{text-align:center;}
.pop_buying .txt_box button{position:static;margin:1rem 0 0; }
.pop_buying .cbtn_out_box{}
.pop_buying .cbtn_out_box .cbtn_out{width:100%;margin:0.5rem 0;}

.no_swiper_list{padding: 0 5%;}
.no_swiper_list ul{flex-direction:column;}
.no_swiper_list  ul li{max-width:100% !important;width:100%;}

.data_list ul{flex-direction:column;}
.data_list ul li{width:calc(100% - 10%);height: 14.12rem;background-size:100% !important;margin:0 auto 1rem;}
.data_list ul li:last-child{margin:0 auto 1rem;}
.data_list li span{top: 55%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.data_list li span::after {top: -1rem;}

.potal_box p{text-align:center;display: inline-block;padding: 0 10px;width: auto;background: rgba(255,255,255,0.7);font-size: 1.25rem;}
.extend_bg_t {background-size: 135rem;}
.extend_bg_t .section-text{position: relative;top: 16rem;}
.extend_bg_t .tags{position: relative;top: 20rem;}
.extend_bg_t .btns{margin-top:28rem !important;}

.erp_moc {top: 42vw;height: 62vw;}
.erp_section_w{padding: 7.5rem 0 7.75rem !important;}
.erp_current{flex-direction:column;}
.erp_current li{width:100%;margin:0;}
.erp_current li:first-child{margin-bottom:1rem;}

.standard_bg_t{background: url("../images/img_smarta10_mobile@2x.png")no-repeat 50% 50%;background-size: cover;}
.lite_bg_t {background: url("../images/imb_icube_mobile@2x.png")no-repeat 50% 50%;background-size: cover;}
.wehago {background: url("../images/img_business_wehago_mobile@2x.png")no-repeat 50% 50%;background-size: cover;}
.wehago.wehagot{background: url("../images/img_business_wehagot_mobile@2x.png")no-repeat 50% 50%;background-size: cover;}
.wehago.nahago{background: url("../images/img_business_nahago_mobile@2x.png") no-repeat 50% 50%;background-size: cover;}
.potal_bg{background: url("../images/img_data_portal_mobile@2x.png")no-repeat 50% 50%;background-size: cover;}

.ebp_bg{background-size: 135rem;}
.standard_bg_t .section-desc-sm,.erp_bg .section-desc-sm,.wehago p{display: inline-block;margin-left: 1rem;padding: 0 10px;width: auto;background: rgba(255,255,255,0.7);font-size: 1.25rem;text-align:center;}
.wehago p{margin:0 0 0.75rem 0;}
.erp_bg .section-title{margin-bottom: 1rem;}
.ebp_moc{position:relative;top:13rem}
.ebp_bg .tags{position: relative;top:14rem;}
.ebp_bg .btns{margin-top:17rem !important;}
.ebp_fusion_bg{background-position:50% 22vw;}
.ebp_fusion_bg .mo_txt{margin:136vw auto 0;}
.ebp_fusion ul{display:inline-block;;}
.ebp_fusion ul li{float:left;width:calc((100% - 2rem) /2);height:12rem;margin:0 0.5rem 1rem;}

.dews_system{display:flex;justify-content:center;width:100%;height:auto;margin-bottom:3rem;background:none;}
.dews_system_circle{flex-direction:column;}
.dews_system .dews_system_circle li{position:static;display:flex;justify-content:center;align-items:center;width: 11.5rem;height: 12.5rem;padding-top:3rem;}
.dews_system_circle li:first-child{background: url("../images/img_dews_system01.png")no-repeat;background-size:100%;}
.dews_system_circle li:nth-child(2){background: url("../images/img_dews_system02.png")no-repeat;background-size:100%;}
.dews_system_circle li:last-child{background: url("../images/img_dews_system03.png")no-repeat;background-size:100%;}
.dews_system_txt{display:flex;flex-direction:column;width:20rem;margin-left: 2rem;}
.dews_system_txt li{position:static;display: flex;flex-direction: column;justify-content: center;width:100%;height: 12.5rem;}
.dews_studio .tit{font-size: 1.5rem;top:1.5rem;}
.dews_studio{width: 100%;height:auto;background:#eee;}
.dews_studio ul{flex-direction: column;flex-grow: 1;height:auto;padding:5rem 1rem 1rem;margin-top: 3rem;}
.dews_studio ul li{position:relative;width: 100%;padding: 1rem;margin-bottom: 2rem;background: #fff;}
.dews_studio ul li::after{position:absolute;left:50%;bottom:-1.85rem;transform:translateX(-50%);display:block;content:'+';font-size:1.2rem;}
.dews_studio ul li:last-child::after{display:none;}

.logo_box{padding-bottom:6rem;}
.logo_box .thumb{height:7.437rem;margin: 0 auto 2rem;}
.logo_box >div.txt_box{padding:0 0 4rem;}
.logo_box >div.txt_box dt{text-align:center;}
.logo_box >div.txt_box dd{text-align:center;}
.logo_box_btn{top: auto !important;bottom: 0;width: 100%;}
.logo_box_btn .btn{width:100% !important;}
.logo_box_btn a:first-child{margin-bottom:0.85rem;}
.logo_box .tags,.erp_tags_wrap .tags-wrap{justify-content:center;}

.erp_current_kind ul{flex-wrap:wrap;height:auto;border-bottom:0;}
.erp_current_kind li{display: flex;align-items: center;flex-direction: column;justify-content: center;flex-grow: 1;width:calc(100% / 3);height: 8.125rem;border-bottom:1px solid #e5e5e5;}
.erp_current_kind li:nth-child(3n){border-right:0;}

.group_bg_t {background: url("../images/img_bizboxa_mobile@2x.png")no-repeat center 0;background-size: cover;}

.all_in_one_box_m dl{flex-direction:column;}
.all_in_one_box_m dl dt{margin:0 0 1rem 0 ;}
.all_in_one_box_m dl dd{width:100%;}

.extend_bg_b {padding: 5.5rem 0 5.75rem !important;}

/* .ebp_smart_box{display:flex;}
.ebp_smart_circle{width: auto;height:auto;background:none;flex-direction: column;flex-grow: 1;align-items: center;justify-content: flex-start;}
.ebp_smart_circle li{position:static;width: 7.75rem;height:7.875rem;padding: 4rem 0 1rem;margin:0;}
.ebp_smart_circle li:first-child{background:url("../images/img_ebp_graph02_1.png")no-repeat 50% 18%;background-size:36%;border:2px solid #00aaf0;border-radius:100%;}
.ebp_smart_circle li:nth-child(2){background:url("../images/img_ebp_graph02_2.png")no-repeat 50% 15%;background-size:36%;border:2px solid #0080dd;border-radius:100%;}
.ebp_smart_circle li:last-child{background:url("../images/img_ebp_graph02_3.png")no-repeat 50% 15%;background-size:36%;border:2px solid #06589f;border-radius:100%;}
.ebp_smart_circle li em{position:static;font-size:1.2rem;}
.ebp_smart_txt {display: flex;flex-direction: column;flex-grow: 1;justify-content:space-between;}
.ebp_smart_txt li{width:auto;height:7.875rem;padding:1.875rem 0 0;text-align: left;font-size: 1rem;} */

/* 미디어룸 */
.media_list{margin-top:4.875rem;}
.media_contents iframe{width:100%;height:auto;}
.media_box >ul li{width: calc((100% - 1.5rem) / 2);}
.media_box >ul li:nth-child(3n){margin-right:1.5rem;}
.media_box >ul li:nth-child(2n){margin-right:0;}
.media_contents{padding:3.75rem 3.37rem 7.5rem;}
.share_sns{right:0;}

.live_box >ul li{width: calc((100% - 1.5rem) / 2);}
.live_box >ul li:nth-child(3n){margin-right:1.5rem ;}
.live_box >ul li:nth-child(2n){margin-right: 0;}
.live_box >ul li .img{align-items: flex-start;}

.media-list-swiper{padding:2.5rem 1.375rem 3.125rem 1.375rem}
.media-list-swiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:0.875rem;}
.media-list-swiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:0.875rem}

.media_noti{margin:4.5rem auto 4.5rem;}

.media_box .media_img{width: 100%;max-height: 16.375rem;min-height: 16.375rem;}
.media_box2_wrap ul li a{flex-wrap:wrap;}
.media_box >ul li .img {max-height: 16.375rem;min-height: 16.375rem;}
.media_box ul li dl{width: 100%;padding:1rem 0 0;}
.media_box ul li dl span{bottom:0.5rem;}
.customer_case .select_box{flex-wrap:wrap;margin: 0 4rem 4.25rem;}
.customer_case .select_box .ui-selectmenu-button{height: 45px;margin-right:0;}
.customer_case .list_box li{width: calc((100% - 3rem) /3);}
.customer_case .list_box li:nth-child(2n){margin-right:0;}
.customer_case .list_box li:nth-child(4n){margin: 2.5rem 1.5rem 0 0;}

/* 투자정보 */
.stock_box{padding:3.437rem 0.125rem;}
.stock_box ul{flex-wrap:wrap;justify-content:space-between;}
.stock_box ul div{margin-bottom:1rem;padding: 0 1rem 0;}
.stock_box ul div:last-child{padding: 0 1rem 0;}
.stock_item ul{display:flex;justify-content:center;flex-wrap:wrap;}
.stock_item ul li{width: calc((100% - 1.5rem)/3);height:auto;padding:2.937rem 0.5rem 3.625rem; margin:0 0.5rem 0.5rem 0 ;}
.stock_item ul li:nth-child(3){margin-right:0;}
.stock_item ul li:last-child{border-right:1px solid #d9d9d9;}
.stock_item ul li strong{font-size:1.5rem;}
.stock_price_wrap {margin-top: 4.875rem;}
.stock_price_wrap table {margin-bottom: 4.875rem;}

.stock_day{overflow-x:auto;}
.stock_day table{width:100%;table-layout:fixed;}
.stock_day table:last-child{margin-bottom:6.5rem;}

section.composition_bg{padding:2rem 0 !important;margin-bottom:4.875rem;}
.composition_wrap .tb_tit{margin:4.875rem 0 0;}
.down_box em{font-size: 1rem;line-height: 2.5rem;}
.composition_bg .down_box{display:block;width: 22.68rem;height: 5.75rem;padding: 1.5rem 1rem;margin: 0 auto;}
.composition_bg .down_box:first-child{margin-bottom: 2rem;}
.composition_bg .down_box .btn{/* width: 6.8rem; */padding: 0.375rem 0.75rem; line-height: 1.8rem;}
.composition_bg .down_box .btn .icon-down{width: 1.5rem;height:1.5rem;}
.regular_report_list ul li{width:calc((100% - 1.5rem)/2);}
.regular_report_list ul li:nth-child(even){margin-right:0;}
.regular_report_list ul li:nth-child(odd){margin: 2.5rem 1.5rem 0 0;}
.tb_list table td a{max-width:21.25rem;}
#content_noti .tb_list table td a{max-width:32.25rem;}
.read_tit{padding: 2.68rem 0.5rem 1.87rem;}
.read_contents {padding: 3.75rem 0.5rem 7.5rem;}
.m_r_list ul li{padding:0 0.56rem;}
span.m_r_list_up, span.m_r_list_down{width:5.62rem;}
.m_r_list ul li a span::after{left:3.06rem;}
.m_r_list ul li p{width:23.06rem;}

.affiliate .country ul li{flex-direction:column;padding: 2.5rem 1rem;}

/* 채용 */
li.recruit_done .txt{width:100%;}
.recruit_list .btns{margin-top:2rem;}

.recruit_step .tit{min-width:12.31rem;padding-left: 0;}

/* .benefits_wrap {margin-bottom: 6.5rem;} */
.benefits_wrap .row{border:0;}
.benefits_wrap li{width:100%;height: 18.56rem;}
.benefits_wrap li::after{display:none;}
.benefits_wrap img{width:5.5rem;}
.benefits_wrap .tit{font-size:1.5rem;}
.benefits_wrap .text{font-size:1.2rem;}

/* .recruit_faq{margin-bottom:6.5rem;} */
.recruit_list li a{justify-content: flex-end;flex-direction:column;align-items: flex-end;}
.recruit_list li p{width:100%;margin-bottom:0.5rem;font-size: 1.2rem;}

.recruit_faq .que_box{padding:1rem 0.875rem 1.0625rem;font-size: 1.25rem;}
.recruit_faq .que_box a{padding-right: 2.25rem;}
.recruit_faq .ans_box{padding: 0.5rem 0.875rem;line-height: 1.4;}

/* 솔루션/제품 */
.sol_pro section{padding:50px 0 60px;}
.sol_pro .title-desc{margin-bottom: 20px;}
.sol_pro .section-text {font-size: 14px;}
.sol_pro .swiper-button-prev-common, .sol_pro .swiper-button-prev-common:hover{width:46px;height:46px;top: 20%;}
.sol_pro .swiper-button-next-common, .sol_pro .swiper-button-next-common:hover{width:46px;height:46px;top:20%;left: auto;right: 0;}
.swiper-pagination-com .swiper-pagination-bullet{width:8px;height:8px;margin:0 7px 0 0;}
.sol_pro .function_box dt{font-size:14px;height: 40px;margin-bottom: 15px;}
.sol_pro .function_box .share dt{line-height:20px;}
.sol_pro .function_box dd ul li{font-size:12px;line-height: 22px;}

/* 제품 */
/* amaranth10 */
.amaranth10_bg_t {padding: 0 !important;max-height:none;background: url("../images/m_img_amaranth10.png")no-repeat 50% 50%;background-size: cover;min-height: 277px;}
.amaranth10_bg_t >.container{display: flex;align-items: center;flex-direction: column;justify-content: center;flex-wrap: wrap;padding: 1.875rem 0 62vw;}
.amaranth10_bg_t .section-title{padding:0;margin:0 !important;text-align: center;}
.amaranth10_bg_t .section-title img {width: 144px;}
.amaranth10_bg_t .section-desc-sm{margin-top:0;background:none;font-size:16px;}
.amaranth_features .pill-nav{margin-left: 17px;}
/* .amaranth_swiper{height:74.5vw;min-height:22.812vw;} */
.amaranth_swiper{height:auto;}
.amaranth_swiper .swiper-slide{height:auto;}
.amaranth_swiper .img{position:static;}
.amaranth_swiper .txt p{font-size:14px;}
.amaranth_swiper .txt ul li{margin-bottom: 9px;font-size:12px;line-height: 20px;}
.amaranth_features .swiper-pagination-com{display:none;}

.amaranth_swiper .txt{position:static;width: 100%;padding: 20px;border-radius: 0 0 10px 10px;}
.amaranth_swiper .item {flex-direction: column;}
.amaranth_features .swiper-button-next-common, .amaranth_features .swiper-button-next-common:hover{top:20%;}
.amaranth_features .swiper-button-prev-common, .amaranth_features .swiper-button-prev-common:hover{top:20%;}

.m_case_swiper .swiper-button-next-common, .m_case_swiper .swiper-button-next-common:hover{top:50%;}
.m_case_swiper .swiper-button-prev-common, .m_case_swiper .swiper-button-prev-common:hover{top:50%;}
.m_case_swiper .swiper-button-next-common, .m_case_swiper .swiper-button-next-common:hover{top:50%;}
.amaranth_10_wrap .amaranth_data .swiper-button-prev-common, .amaranth_10_wrap .amaranth_data .swiper-button-prev-common:hover{top:55%;}
.amaranth_10_wrap .amaranth_data .swiper-button-next-common, .amaranth_10_wrap .amaranth_data .swiper-button-next-common:hover{top:55%;left: calc(100% - 3.5rem);}

.amaranth_benefit .benefit_list{display:none;}
.m_benefit_swiper li .box{padding: 0 3.25rem;}
.amaranth_benefit .m_benefit_swiper{display:block;}
.amaranth_benefit .swiper-container {height: 22.25rem;}
.m_benefit_swiper .swiper-button-prev-common, .m_benefit_swiper .swiper-button-prev-common:hover{top:169px;}
.m_benefit_swiper .swiper-button-next-common, .m_benefit_swiper .swiper-button-next-common:hover{top:169px;left: calc(100% - 3.5rem);}
.m_benefit_swiper li .box .tit span{text-indent: inherit;}
.amaranth_recom ul li span{font-size:12px;}
.amaranth_data .info{min-height:92px !important;padding:23px 26px;font-size:15px;}

/* worklife */
.work_case_swiper .swiper-button-prev-common, .work_case_swiper .swiper-button-prev-common:hover{transform: translate(0, -14rem);top: 50%;}
.work_case_swiper .swiper-button-next-common, .work_case_swiper .swiper-button-next-common:hover{transform: translate(0, -14rem);top: 50%;}
.work_benefit .swiper-button-prev-common, .work_benefit .swiper-button-prev-common:hover{transform: translate(0, 0rem);top: 50%;}
.work_benefit .swiper-button-next-common, .work_benefit .swiper-button-next-common:hover{transform: translate(0, 0rem);top: 50%;}
.work_function .function_box dd{flex-wrap: wrap;}
.work_function .function_box dl.commu ul{width: 50%;}
.work_function .function_box .share{margin: 0 10px 0 0;}
.work_function .function_box dl:nth-child(n+2){width: calc((100% - 10px) / 2);    min-width: auto;}
}


/* media-----------------------------------------------------------------------width:600px */
@media(max-width:600px){
/* common */
.common_swiper_wrap .common-swiper2{top: 23.812rem;}
/* .common_swiper_wrap .common-swiper .swiper-pagination{margin-top: -18.38rem;} */
/* main */
.main_tab{display:none;}
.m_main_tab{display:block;margin-bottom:25px;}
.in .m_main_tab{transform: translateY(0);opacity: 1;transition: all .5s .5s ease-in-out;}
.m_main_tab ul{display:none;}
.main-media li{max-width: 50%;flex: 0 0 50%;}
.main-media li:nth-child(6){max-width:100%;flex:1;}


/* sub */

/* 지속가능경영 */
.swiper_wrap .human_swiper2, .swiper_wrap .human_swiper4{top: 23.9rem;}

/* 사업소개 */
.erp_moc{top:52vw;}
}

/* media-----------------------------------------------------------------------width:500px */
@media(max-width:500px){
body,html{font-size:13px;line-height:1.4;}
/* layout */
.sitemap-body .gnb-sub-group .depth2 > ul > li{width:calc(100% / 3) !important;}
.sitemap-body .gnb-sub-group .depth2 > ul > li:nth-child(5){width:calc(100% / 3);}
.footer .footer-menu li + li {margin-left: 0.937rem;}
.footer-family dd ul li{height: auto;margin-bottom:1rem;line-height: 1.4;}

/* common */
html.depth2-show body:not(.body-main) .header-bottom { bottom:-4.6rem; }
html.depth2-show.is-scroll-up body:not(.body-main) .header-bottom { bottom:-3.6rem; }

/* .common_swiper_wrap  .common-swiper .swiper-button-prev-common{margin-top: -8.5rem;}
.common_swiper_wrap  .common-swiper .swiper-button-next-common{margin-top: -8.5rem;} */
.common_swiper_wrap  .common-swiper2 {top: 17.812rem;}
.common_swiper_wrap  .common-swiper2 .swiper-container{height: auto;min-height: 13.75rem;box-shadow:none;}
/* .common_swiper_wrap  .common-swiper .swiper-pagination{margin-top:-19.38rem;padding-top:0;} */

.top h2{font-size:2.2rem;}
.m_gnb_wrap .m_util{flex-direction:column;flex-grow:1;width:100%;margin-top:20px;}
.m_gnb_wrap .m_util> li{width:100%;}
.m_gnb_wrap .m_util .m_lang{margin:0 0 8px 0;}

/* main */
.main_pop ul li a span{max-width:9.375rem;}
.body-main .visual-swiper .swiper-pagination-bullet,.body-main .visual-swiper .swiper-pagination-bullet.active,.body-main .visual-swiper .swiper-pagination-bullet.active::before,.body-main .visual-swiper .swiper-pagination-bullet::before{flex:1;width: 7.37rem;max-width: 7.37rem;}
.visual-swiper .item{width:198%;}
.visual-swiper .swiper-pagination-bullet:nth-child(2), .visual-swiper .swiper-pagination-bullet:nth-child(2).active {left: 8rem;}
.visual-swiper .swiper-pagination-bullet:nth-child(3), .visual-swiper .swiper-pagination-bullet:nth-child(3).active {left: 16rem;}
.visual-swiper .intro.active .btn_more{width:100%;}

/* sub */
/* .vertical-table .row > [class^=col]{flex: 0 0 auto;} */
/* .vertical-table .row:last-of-type .left, .vertical-table .row:last-of-type .right{padding: 1.5rem 0;} */
.tag{margin-bottom:0.5rem;}

/* 회사소개 */
.history-wrap .history .year span{font-size: 2.8rem;}
.history-visual p{font-size:1.4rem;}

/* ceo */
.ceo .cnt{display: flex; flex-direction: column;}
.ceo .cnt .ax-img {align-items: center; padding: 30px 0;}
.ceo .cnt .ax-img img{width: 180px;}

/* 비전 */
.vision_top ul li{width: 13.62rem; height: 13.62rem;padding: 2rem 3% 2.75rem;}
.vision_top ul li dl dt{font-size:1rem;}
.vision_top ul li dl dd{font-size:0.9rem;}
.section_vision ul{flex-wrap:wrap;}

/* ci */
.ci .img {width:100%;}
.ci .font_bg .box{width:120%;height:40.375vw;}
.ci .font_bg .box dl dt{margin-bottom:0;}
.ci .font_bg .box dl dd{font-size:13px;}

/* 계열사 */
.affiliate .bg{height:14rem;}
.affiliate {padding-top: 15.75rem;}
.affiliate .map{height:26.375rem;}

/* 사업장소개 */
.pop_location_wrap .pop_close{top:1.75rem;right:2rem;}
.pop_location_wrap .top_tit{padding:0 5%;margin-bottom:3rem;font-size: 1.75rem;line-height: 1.4;}
.pop_location_box .cnt_center .img{height:15.125rem;}
.pop_location_box .cnt_center .swiper-container .img{height:auto}
.pop_location_box .box .tit{margin:2rem 0;}
.pop_location_box .cnt_center .img img{height:100%;}
.pop_location_box .box .txt{margin:0 0 1rem;}
.dtec .it_tab .box .location .button{top:6rem;}

.act_test_th tr th,.act_test_td tr th,.erp_test_td tr th,.erp_test_th tr th{font-size:12px;}
.act_test_th tr td,.act_test_td tr td,.erp_test_td tr td,.erp_test_th tr td{padding: 1.75rem 5px 1.687rem;font-size: 12px;}

/*  지속가능경영 */
.pill-nav a{height: 3rem;line-height:3rem;border-radius: 2.25rem;font-size:1rem;}
.apply_nav_box,.pill_nav_box{overflow-x: scroll;overflow-y: hidden;-ms-overflow-style: none;scrollbar-width: none;text-align:center;}
.apply_nav_box::-webkit-scrollbar,.pill_nav_box::-webkit-scrollbar{display:none;}
.apply_nav,.pill_nav_box .pill-nav{display:flex;width:auto;white-space:nowrap;min-width: 32.25rem;}
.apply_nav a,.pill_nav_box .pill-nav a{display:inline-block;width:100%;margin: 0 0.5rem;}
.apply_nav a:last-child{margin-right:0;}
.apply_graph_tit ul{flex-wrap: wrap;flex-direction: column;align-items: flex-end;padding: 0;}
.apply_graph_tit ul li{margin:0;}

.blue_col ul li{width:9.125rem;height: 9.125rem;font-size: 0.85rem;}
.blue_col ul li:nth-child(1){left:3.125rem;}
.blue_col ul li:nth-child(2){left:2.562rem;}
.blue_col ul li:nth-child(3){left:2rem;}
.blue_col ul li span {font-size: 13px;line-height: 1.4;}

.swiper_wrap .human_swiper2, .swiper_wrap .human_swiper4{top: 16.9rem;}

.social_bg {background-position-x: -85rem;}

.voc_wrap li:nth-child(2){margin:1.25rem 2.687rem 0;}
.voc_wrap li:nth-child(2):before{left: -2.5rem;}
.voc_wrap li:nth-child(2):after{right:-2.437rem;}
.ethics_rule li{width:100%;padding: 3.562rem 0.5rem 4rem;justify-content: center;}
.ethics_rule li:nth-child(odd){margin-right:0;}
.ethics_rule li img{height: 3.125rem;}

.email_line .td_email{height:auto !important;}
.pop_tb_wrap table td{padding:1.125rem 0 1.125rem 0;}

.value-list.value-list-darkbox .item{padding: 3rem 8% 3.75rem;}
.value-list strong i:first-child{display:block;}
/* .counseling_way ul li p,.ptn_way ul li >p{display:flex;margin-right: 1rem;line-height:3.4;} */
.counseling_way ul li.ico_place p,.ptn_way ul li.ico_place p{line-height:1.4;}
.ptn_way ul li >p{width:88%;}

/* 사업소개 */
.pop_buying .rbtn_out_box .rbtn_out{width:100%;margin:0 0 0.5rem 0;}
.extend_bg_t {background-size: 119rem;}
.erp10_system .ic_arr {top: 39%;}
.erp_moc {top: 59vw;}

.ebp_bg{background-size: 117rem;}
.ebp_fusion_bg{background-position:50% 41vw;}
.ebp_fusion_bg .mo_txt {margin: 143vw auto 0;}
.ebp_fusion ul {display:flex;flex-direction:column;}
.ebp_fusion ul li:nth-child(odd){margin: 0 0 0.5rem 0;}
.ebp_fusion ul li{float:none;width:100%;height:auto;margin: 0 0 0.5rem 0;}

.ebp_bg .tags{top:17rem;}
.ebp_bg .btns{margin-top: 21rem !important;}

.ebp_smart_circle_m dl dt{width: 12rem;height: 12rem;margin-right:1rem;padding: 0 1.5rem;text-align: center;}
.ebp_smart_circle_m dl dd{width: calc(100% - 13rem);}

.erp_current li{padding: 2.75rem 1.25rem 2.187rem;}
.erp_current li div{background-position-y:0.063rem;background-size:5rem;}


/* 미디어룸 */
.media_box ul li{width:100%;padding: 2.5rem 0.5rem 2.812rem;margin: 0 !important;}
.media_box ul li:first-child{padding-top:0;}
.media_box ul li a{flex-wrap:wrap;}
.media_box2_wrap ul{border-top:0;}
.media_box_txt p{height: 3.6rem;}

.share_sns{width:21rem;padding:1.5rem 1.125rem;}
.media_contents{padding: 3.75rem 1.37rem 7.5rem;}
/* .media_box >ul li .img{max-height: 8.375rem;min-height: 8.375rem;} */
.customer_case .list_box li{width: calc((100% - 1.5rem) /2);}
.customer_case .list_box li:nth-child(4n){margin: 2.5rem 0 0 0;}

/* 투자정보 */
.read_tit p{font-size:1.4rem;line-height:1.4;}
.read_contents{padding: 3.75rem 1.37rem 7.5rem;}
.tb_list table th{font-size:1rem;}
.tb_list table td{height:4rem;font-size:12px;word-break: break-all;}
.tb_list table td a{max-width: 16.25rem;font-size: 12px;}
#content_noti .tb_list table td a{max-width:22.25rem;}
.m_r_list ul li{padding:0;}
span.m_r_list_up, span.m_r_list_down{width:3.62rem;}
.m_r_list ul li a span::after{left:2.7rem;}
.m_r_list ul li p{width:19.06rem;padding-left: 1rem;}

/* 채용 */
.recruit_step{display:flex;flex-direction:column;}
.recruit_step .tit{margin-bottom:1rem;}

/* 제품 */
/* amaranth10 */
.amaranth_features .pill_nav{margin-left:17px;}
.amaranth_features .pill-nav a{padding: 0 10px;margin: 0 8px 0 0 ;}
.amaranth_swiper .txt p{margin-bottom:10px;padding-bottom:10px;}
.amaranth_swiper .txt ul li{margin-bottom:9px;}

}

/* media-----------------------------------------------------------------------width:400px */
@media(max-width:400px){

/* main_pop */
.main_pop .swiper-pagination{display:none;}

/* main */
.main-media .thumb{height: 13.25rem;}
.main-media .txt{padding: 1.5rem 1rem;}

/* sub */
/* .contents section {padding: 2.875rem 0 2.875rem;} */
/* common */
.m-t-80 {margin-top: 2rem !important;}
.m-b-80 {margin-bottom: 2rem !important;}
.m-t-110{margin-top: 2.4375rem !important;}
.m-b-110{margin-bottom: 2.4375rem !important;}
.p-t-110{padding-top: 2.4375rem !important;}
.p-b-110{padding-bottom: 2.4375rem !important;}
.m-t-120{margin-top:2.5rem;}
.m-b-120{margin-bottom:2.5rem;}
.m-t-160 {margin-top: 4rem !important;}
.m-b-160 {margin-bottom: 4rem !important;}
.p-t-160 {padding-top: 4rem !important;}
.p-b-160 {padding-bottom: 4rem !important;}
.btns {margin-top: 1rem;}

/* 회사소개 */
.company-info li{flex-wrap:nowrap;margin-bottom: 0.875rem;}
.company-info li .label {width: 35.5%;flex: 0 0 35.5%;}
.company-info li .cont {line-height: 1.8;}
.company-info .box{padding: 2.25rem 1.875rem;}
.value-list strong .count {font-size: 2rem;}
.support_tb td .btn {padding: 0.56rem 3px 1.15rem;font-size:12px;}

/* 수상내역 */
.awards dl{width:calc((100% - 0.5rem )/2);margin-right: 0.5rem;}
.awards dl:nth-child(2n){margin-right:0;}
.awards dl dt {width: 8.75rem;height: 8.75rem;}
.awards dl dd .date{font-size: 1.125rem;}
.awards dl dd .name {font-size: 0.9rem;}

/* 사업장소개 */
.eulji .container:before{height:36rem;}

/* 지속가능경영 */
.ethics_notice{width: 28.25rem;}
.counseling_list li {width: 100%;}

/* 사업소개 */
.logo_box .thumb{width:100%;}
.ebp_fusion_bg {background-position: 50% 53vw}

/* 미디어룸 */
.media_list .pill-nav a{font-size:1rem;}
.live_box >ul li .img {align-items: center;max-height: 16.125rem;min-height: 16.125rem;}

/* 투자정보 */
.report_list_top{flex-direction:column;}
.regular_report_list ul li{width:100%;margin:2.5rem 0 0 0;}
.regular_report_list ul li:nth-child(odd){margin:2.5rem 0 0 0;}
.regular_report_list ul li .txt_box .btn{width:100%;}
}

/* media-----------------------------------------------------------------------width:340px */
@media(max-width:340px){
/* body,html{font-size:70%;} */

/* common */
.sub-tab li a{text-align:center;}
.btn-me, .btn-group-me > .btn, .btn-group-me > .btn{padding: 0.6rem 0.25rem 0.562rem;}
.btn-lg, .btn-group-lg > .btn, .btn-group-lg > .btn{min-width: 9rem;height:3rem;padding: 0 0.06rem 0;font-size:0.9rem;line-height:3rem;}

/* .common_swiper_wrap .common-swiper .swiper-slide .item{height:46rem;}
.common_swiper_wrap  .common-swiper .swiper-pagination{margin-top:-13.38rem;}
.common_swiper_wrap  .common-swiper2{top:16.812rem;} */

.page_box ul li .page_first_btn{width: 2.2rem;height:2.2rem;}
.page_box ul li .page_p_btn{width: 2.2rem;height:2.2rem;}
.page_box ul li .page_number_btn_on{width: 2.2rem;height:2.2rem;line-height:2.2rem;}
.page_box ul li .page_number_btn{width: 2.2rem;height:2.2rem;line-height:2.2rem;}
.page_box ul li .page_n_btn{width: 2.2rem;height:2.2rem;}
.page_box ul li .page_last_btn{width: 2.2rem;height:2.2rem;}


/* sub */
.gnb-depth2 a{text-align:center;}
/* 크기에 따른 스와이퍼 section */
.m_swiper_sec{padding: 6.87rem 0 8.87rem !important;}
/* .common_swiper_wrap .common-swiper .swiper-slide .item{height:32rem;} */

/* 회사소개 */
.partner-count .value-list .tit{font-size: 0.95rem;}

/* 연혁 */
.history-wrap .history .year span{font-size:2.3rem}

.act_test_th .btn{height:auto;}

/* 비전 */
.vision_bg{height:80.43rem;background-position: 50% 0.5rem;}
.vision_bg .section-text{margin: 1rem 0;}
.vision_top ul{display:flex;flex-direction:column;position:static;}
.vision_top ul li{width:13.62rem;height:13.62rem;}
.vision_top ul li:nth-child(2){position:static;margin:1rem auto;}
.vision_top ul li:last-child{position:static;margin:0 auto;}

/* 사업장소개 */
.section-video{padding-top: 8.812rem !important;}
.location-wrap .location{padding: 3.75rem 2.87rem;}전체
.dtec .head .right a{width:33%;}

/* 지속가능경영 */
.pill-nav a{font-size:1rem;}


/* 사업소개 */
.ebp_fusion_bg {background-position: 50% 60vw;}
.potal_box a{width:9rem;}
.affiliate .country ul li dl dt{font-size:1.35rem;}
.erp10_system .ic_arr {top: 34%;}
.dews_system .dews_system_circle li{width: 9.5rem;height: 10.5rem;}
.dews_system_txt{width: 17rem;margin-left: 1rem;}
.dews_system_txt li{height: 10.5rem;}

/* 미디어룸 */
/* .media-list-swiper .swiper-slide{height: 8.125rem;} */
/* .media_box >ul li{width: calc((100% - 0.5rem) / 2);margin: 0 0 3.687rem 0;}
.media_box >ul li:nth-child(odd){margin-right:0.5rem;} */
/* .media_box >ul li:nth-child(3n){margin:0 0 4.687rem 0;} */
/* .live_box >ul li:nth-child(odd){margin-right:1.5rem;}
.live_box >ul li{width: calc((100% - 1.5rem) / 2);margin: 0 0 3.125rem 0;}
.live_box >ul li:nth-child(3n){margin: 0 0 3.125rem 0;}
.live_box >ul li img{height: 17.12rem;min-height:auto;} */
.live_box >ul li .img{max-height: 15.125rem;min-height: 15.125rem;}

/* 투자정보 */
.stock_box ul div{width:100%;margin:0;border:0;}
.tb_list table td a{max-width:13.25rem;}
#content_noti .tb_list table td a{max-width:16.25rem;}
.ir_btn a{padding:0.56rem 0.5rem;font-size:0.85rem;}
.m_r_list ul li p{width: 14.06rem;padding-left:0.6rem;}
.composition_wrap td{padding: 0.68rem 0.12rem;}


/* 채용 */
.recruit_list .btns .btn{height:auto;padding: 0.56rem;}

}
/* media-----------------------------------------------------------------------width:320px */
@media(max-width:320px){

/* main */
.visual-swiper .intro.active h1 br,.visual-swiper .intro.active p br{display:none;}

/* sub */

/* 회사소개*/
.partner-count .value-list .tit{height: calc(4.9em + 1rem);}

/* ci */
.ci .font_bg .box dl{padding:6.25vw 0 0;}
.ci .font_bg .box dl dd {font-size: 11px;}

/* 사업소개 */
.erp10_system .mo_txt dl{width:100%;margin:0;}
.erp10_system .mo_txt dl:nth-child(2){margin:0 0 10px 0;}

}

/* media-----------------------------------------------------------------------width:280px 폴드 */
@media(max-width:280px){

/* main */
.visual-swiper .item {width: 208%;}
/* 회사소개 */
.history-wrap .history .year span{font-size:2rem;}
.history-wrap .history-list{width:70%;padding-left: 1.56rem;}
.history-wrap .history-list dt:before{left: -1.906rem;}
.history-wrap .history-list dt:after{width:0.8rem;left:-0.9rem;}
.philosophy .cnt .box{height:25.87rem;}
.philosophy .cnt + .cnt{margin-top:23.75rem;}

/* 사업소개 */
.ebp_smart_txt li .tit{line-height:1.4;}

}