@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(220px, calc( 432 / var(--inner) * 100vw ), 432px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(220px, calc( 432 / var(--inner) * 100vw ), 432px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"송도에스이"; font-size:12px; line-height:15px;}
.wrap.type2 .roughmap_lebel_text:after {content:"인천 연수구 갯벌로 12"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:9px; margin-top:clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px); line-height:1.3; color:#2c2c2c; font-size:clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px);}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:clamp(8px, calc( 10 / var(--inner) * 100vw ), 10px); width:3px; height:3px; border-radius:50%; background:#2c2c2c;}
.bullet-item .bullet-list.none {padding-left:0;}
.bullet-item .bullet-list.none::before {display:none;}
.bullet-item.type2 .bullet-list {font-weight:500; font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px);}
.bullet-item.type2 .bullet-list::before {background:#e15204; width:clamp(3px, calc( 5 / var(--inner) * 100vw ), 5px); height:clamp(3px, calc( 5 / var(--inner) * 100vw ), 5px);}
.bullet-item.type2 .bullet-list .subbullet {padding-top:6px; padding-left:14px; font-size:clamp(13px, calc( 17 / var(--inner) * 100vw ), 17px); font-weight:400; line-height:1.7;}

.bg-gray {background:#f0f1f6;}
.subsec-pd {padding:clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px) 0;}
.dotbox {text-align:center;}
.dotbox .dottext {display:inline-block; padding-top:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-size:clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px); font-weight:bold; background:url(../images/sub/dot.png) no-repeat top center;}
.dotbox.type2 .dottext {font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); color: #2c2c2c; font-weight:500; background:url(../images/sub/dot2.png) no-repeat top center;}

/* 회사소개 */
.greeting-area {padding: clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px) 0; background: #f0f1f6;}
.greeting-area .imgbx {flex: 1 0 476px; max-width:476px; margin-right:clamp(10px, calc( 70 / var(--inner) * 100vw ), 70px); }
.greeting-area .imgbx img {border-top-right-radius: 40px; border-bottom-left-radius:40px;}
.greeting-area .textbx {flex:1 0 auto; width: 1%; letter-spacing: -1px;}
.greeting-area .title {font-size:clamp(18px, calc( 22 / var(--inner) * 100vw ), 22px); font-weight:600;}
.greeting-area .decbx {padding-top:clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px); }
.greeting-area .dec {padding-top:clamp(15px, calc( 28 / var(--inner) * 100vw ), 28px); font-size:clamp(15px, calc( 19 / var(--inner) * 100vw ), 19px); color:#454545; line-height:1.6;}
.greeting-area .dec .font-semi {color: #242424;}
.greeting-area .dec:first-child {padding-top:0;}
.greeting-area .dec.ceo {padding-top:clamp(25px, calc( 44 / var(--inner) * 100vw ), 44px); font-weight:600; color:#242424;}

.topbg {padding:clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px) clamp(20px, calc( 80 / var(--inner) * 100vw ), 80px); background-size:cover; color: #fff;}
.topbg.bg1 {background:url(../images/sub/out-img1.jpg) no-repeat 50% 50%;}
.topbg .tt {font-size:clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px); font-weight:bold;}
.topbg .dec {padding-top:clamp(15px, calc( 37 / var(--inner) * 100vw ), 37px); font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); letter-spacing: -0.5px;}
.vtextlist {display:flex; flex-wrap:wrap; padding:clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px) 0; border-bottom:1px dashed #ddd;}
.vtextlist .namebx {flex:1 0 clamp(90px, calc( 162 / var(--inner) * 100vw ), 162px); max-width:clamp(90px, calc( 162 / var(--inner) * 100vw ), 162px);}
.vtextlist .decbx {flex:1 0 auto; width:1%; font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:500;}
.vtextlist .name {display:inline-block; position:relative; font-size:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight:bold;}
.vtextlist .name::after {position: absolute; content: ''; right:-10px; top:-4px; width:6px; height:6px; border-radius:50%; background:var(--color-1);}
.vimgitem {display:flex; justify-content: space-between; flex-wrap:wrap; padding-top:clamp(30px, calc( 57 / var(--inner) * 100vw ), 57px); position: relative; z-index:1;}
.vimgitem::after {position: absolute; content: ''; left:50%; top:50%; transform: translateX(-50%); width:80%; height:1px;  background: #cbcbcb; z-index:-1;}
.vimgitem .icn {text-align:center;}
.vimgitem .icn img {height:clamp(140px, calc( 296 / var(--inner) * 100vw ), 296px);}
.vimgitem .eng {padding-top:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); font-size:clamp(18px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:bold; color:var(--color-1);}
.vimgitem .kor {padding-top:clamp(12px, calc( 18 / var(--inner) * 100vw ), 18px); font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); color: #2c2c2c;} 
.vimgitem span {display: block; text-align: center;}
.flxbox {padding-top:30px;}
.flxbox:first-child {padding-top:0;}
.flxbox .flxWrap {align-items:center;}
.flxbox .imgbx {flex:1 0 560px; max-width:560px; margin-right:clamp(10px, calc( 90 / var(--inner) * 100vw ), 90px);}
.flxbox .imgbx img {border-radius:24px;}
.flxbox .textbx {flex:1 0 auto; width:1%;}
.flxbox .icn img {height:clamp(30px, calc( 46 / var(--inner) * 100vw ), 46px);}
.flxbox .title {padding-top:clamp(15px, calc( 38 / var(--inner) * 100vw ), 38px); font-size:clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:500;}
.flxbox .flxWrap.reverse {flex-direction:row-reverse;}
.flxbox .flxWrap.reverse .imgbx {margin-right:0; margin-left:clamp(10px, calc( 90 / var(--inner) * 100vw ), 90px);}
.outinfoitem {display:flex; flex-wrap:wrap;} 
.outinfolist {flex:1 0 20%; max-width:20%;}
.outinfolist:nth-child(odd) {background: #f0f1f6;}
.outinfolist:nth-child(even) {background: #e2e8f7;}
.outinfolist .inner {padding:clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px) 10px clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px); text-align:center; height:100%;}
.outinfolist .icn img {height:clamp(35px, calc( 62 / var(--inner) * 100vw ), 62px);}
.outinfolist .name {padding-top:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); font-size:clamp(18px, calc( 22 / var(--inner) * 100vw ), 22px); font-weight:600;}
.outinfolist .text {padding-top:clamp(10px, calc( 14 / var(--inner) * 100vw ), 14px); font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); color: #2c2c2c;}
.lasttext {padding-top:clamp(40px, calc( 75 / var(--inner) * 100vw ), 75px); text-align:center;}
.lasttext:first-child {padding-top:0;}
.lasttext .dotbox + .text {padding-top:clamp(25px, calc( 50 / var(--inner) * 100vw ), 50px);}
.lasttext .text {font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); color: #2c2c2c;}
.lasttext .main-text {font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:600; color:var(--color-1);}
.lasttext .text + .main-text {padding-top:clamp(20px, calc( 38 / var(--inner) * 100vw ), 38px);}
.lasttext .main-text + .text {padding-top:clamp(15px, calc( 17 / var(--inner) * 100vw ), 17px);}
.lasttext .line {margin:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px) auto; height:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); width:1px; background:#242424;}

.history-title {margin-bottom:21px; max-width:252px; width:100%; text-align:center;}
.history-title span {display:inline-block; letter-spacing:-0.5px; font-weight:bold;}
.history-title .big {font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px);  color:var(--color-1); font-family:var(--font1);}
.history-list {display:flex; }
.history-list .yearbx,
.history-list .contbx {padding:clamp(15px, calc( 23 / var(--inner) * 100vw ), 23px) 0; border-bottom:1px solid #ddd;}
.history-list:first-child .yearbx,
.history-list:first-child .contbx {border-top:2px solid #7d7d7d;}
.history-list .yearbx {display:flex; align-items:center; justify-content:center; flex:1 0 clamp(60px, calc( 252 / var(--inner) * 100vw ), 252px); max-width:clamp(60px, calc( 252 / var(--inner) * 100vw ), 252px); margin-right:clamp(15px, calc( 38 / var(--inner) * 100vw ), 38px);}
.history-list .year {font-size:clamp(17px, calc( 23 / var(--inner) * 100vw ), 23px); font-weight:bold; color:var(--color-1);}
.history-list .contbx {flex:1 0 auto; width:1%;}
.history-list .cont-list {display:flex; flex-wrap: wrap; padding-top:clamp(6px, calc( 12 / var(--inner) * 100vw ), 12px);}
.history-list .cont-list:first-child {padding-top:0;}
.history-list .month {flex:1 0 61px; max-width:61px; margin-right:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:600; font-size:clamp(15px, calc( 17 / var(--inner) * 100vw ), 17px);}
.history-list .conts {flex:1 0 auto; width:1%;}
.history-list .cont {padding-top:clamp(4px, calc( 11 / var(--inner) * 100vw ), 11px); color:#2c2c2c;  font-size:clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px);}
.history-list .cont:first-child {padding-top:0;}

.location-box {padding-top:clamp(25px, calc( 50 / var(--inner) * 100vw ), 50px); }
.location-box:first-child {padding-top:0;}
.directions {margin-top:clamp(12px, calc( 22 / var(--inner) * 100vw ), 22px);}
.directions .address-info .comp {color:var(--color-3); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {margin-bottom:3px; font-size:clamp(18px, calc( 23 / var(--inner) * 100vw ), 23px); font-weight:600; line-height:1.33em; letter-spacing:-.03em; }
.directions .address-info .etc {color:#2c2c2c; font-size:clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px);}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}

.contact-info {display:flex; flex-wrap: wrap; padding-top:clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);} 
.contact-info dl {flex:1 0 50%; max-width:50%; display:flex; padding:clamp(12px, calc( 28 / var(--inner) * 100vw ), 28px) 0; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.contact-info dt {width:180px; padding-left:clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px); color:#242424; font-size:1.125em; font-weight:500;}
.contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.contact-info dt path {fill:var(--color-3);}
.contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#2c2c2c;}

/* 사업분야 */
.bulletbox .bullettitle {padding-left:20px; position:relative; font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:600; }
.bulletbox .bullettitle::after {position: absolute; content: ''; top:9px; left:0; width:8px; height:8px; border-radius:50%; background:var(--color-1);}
.bulletbox .bullettitle .small {font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px);}

.busi-flx {padding-top:clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px);}
.busi-flx .imgbx {flex:1 0 600px; max-width:600px; margin-right:clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px);}
.busi-flx .textbx {flex:1 0 auto; width:1%; padding-top:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
.busi-flx .bullet-item {padding-top:clamp(18px, calc( 32 / var(--inner) * 100vw ), 32px); padding-left:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.busi-flx.type2 .textbx {padding-top:0;}
.busi-flx.type2 .bullet-item {padding-top:12px;}

.busi-miditem {display:flex; flex-wrap:wrap; padding-top:30px; margin:0 -10px;}
.busi-midlist {flex:1 0 20%; max-width:20%; padding:0 10px;}
.busi-miditem.type2 {margin:0 -15px;}
.busi-miditem.type2 .busi-midlist {flex:1 0 33.33%; max-width:33.33%; padding:0 15px;}
.busi-miditem.type3 {margin:-15px;}
.busi-miditem.type3 .busi-midlist {flex:1 0 50%; max-width:50%; padding:15px;}
.busi-miditem .name {padding-top:12px; font-size:clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); font-weight:500; color:#2c2c2c; text-align:center;}

.busi-slideWrap {margin-top:clamp(50px, calc( 120 / var(--inner) * 100vw ), 120px); padding:clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px) 0 ; background:url(../images/sub/busi-slidebg.jpg) no-repeat 50% 50%; background-size: cover;}
.busi-slideWrap .btn-arrow {top:50%;}
.busi-slideWrap .slidecont {position:relative; padding-right:clamp(10px, calc( 100 / var(--inner) * 100vw ), 100px); padding-left:clamp(10px, calc( 100 / var(--inner) * 100vw ), 100px); max-width:1400px; width:100%; margin:0 auto;}
.busi-slideWrap .slidecont .swiper-slide { position: relative; height:clamp(400px, calc( 490 / var(--inner) * 100vw ), 490px); flex: none; box-sizing: border-box; cursor: pointer; overflow: hidden;}
.busi-slideWrap .slidecont .swiper-slide .bg {  position: absolute;left: 0;top: 0;width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;background-position: 50% 50%;z-index: 1; transition: all 2s ease; transform: scale(1);}
.busi-slideWrap .slidecont .swiper-slide .bg:after { position: absolute; left: 0;  bottom: 0; height:0; width:100%;  background: rgba(17,26,55,0.7); background: -moz-linear-gradient(0deg, rgba(8,19,67,0.9290091036414566) 0%, rgba(8,19,67,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#081343",endColorstr="#081343",GradientType=1); content: ""; transition: all 0.3s ease;}
.busi-slideWrap .slidecont .swiper-slide > .inner { display: block; height: 100%;}
.busi-slideWrap .slidecont .swiper-slide > .inner:hover .cont > .inner {padding-bottom:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.busi-slideWrap .slidecont .swiper-slide > .inner:hover .cont .head {margin-bottom:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); padding-bottom:13px;}
.busi-slideWrap .slidecont .swiper-slide > .inner:hover .cont .head .line { width:200px;}
.busi-slideWrap .slidecont .swiper-slide > .inner:hover .cont .sub { height: 110px; overflow: hidden;}
.busi-slideWrap .slidecont .swiper-slide > .inner:hover .bg {transform: scale(1.2);}
.busi-slideWrap .slidecont .swiper-slide > .inner:hover .bg:after {height: 100%;}
.busi-slideWrap .slidecont .cont { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; color: #fff;transition: all 0.5s ease;}
.busi-slideWrap .slidecont .cont > .inner { padding:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); padding-bottom: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); transition: all 0.5s ease;}
.busi-slideWrap .slidecont .cont .head { font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:bold; padding-bottom: clamp(20px, calc( 25 / var(--inner) * 100vw ), 25px); position: relative; margin-bottom:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); padding-bottom: 0;transition: all 0.5s ease; text-align:center;}
.busi-slideWrap .slidecont .cont .head .line { position: absolute; left:50%; bottom: 0; transform: translateX(-50%); width: 0; height:1px; background-color: #fff; transition: all 0.5s ease;}
.busi-slideWrap .slidecont .cont .sub { height: 0; overflow: hidden;transition: all 0.5s ease;}
.busi-slideWrap .slidecont .cont .sub .t1 {padding-bottom:10px;display: flex; font-size:clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px);}
.busi-slideWrap .slidecont .cont .sub .t1 .h {display:flex; align-items: center; justify-content: center; margin-right:clamp(10px, calc( 12 / var(--inner) * 100vw ), 12px); color: #fff;width: clamp(67px, calc( 80 / var(--inner) * 100vw ), 80px); height:clamp(26px, calc( 30 / var(--inner) * 100vw ), 30px); background:#0597e8;  border-radius:15px; flex: none;}
.busi-slideWrap .slidecont .cont .sub .t1 .s {flex: none;}

.tblbox {padding-top:clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px);}
.tblbox .bulletbox + .tbl {padding-top:clamp(15px, calc( 36 / var(--inner) * 100vw ), 36px);}
.tblbox table {border-top: 1px solid #a8a8a8;}
.tblbox table th,
.tblbox table td {padding:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px) clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px); font-size:clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); color:#2c2c2c; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.tblbox table th:last-child,
.tblbox table td:last-child {border-right:0;}
.tblbox table th {font-weight:600; background:#eeeeee;}
.tblbox .border-r {border-right:1px solid #ddd !important;}
.tblbox .tbl-last {padding-top:clamp(10px, calc( 17 / var(--inner) * 100vw ), 17px); font-size:clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); font-weight:500; color:#454545;}

/* esg */
.esgtopbg.bg1 {background:url(../images/sub/esg-bg.jpg) no-repeat center right; background-size:cover;}
.esgtopbg.bg2 {background:url(../images/sub/esg-bg2.jpg) no-repeat center right; background-size:cover;}
.esgtopbg .box {display: flex; align-items: center; padding:clamp(30px, calc( 62 / var(--inner) * 100vw ), 62px) clamp(20px, calc( 80 / var(--inner) * 100vw ), 80px); min-height: 220px;}
.esgtopbg .text {font-size:clamp(18px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:bold; color:#fff; line-height:1.7;}
.esgtopbg.bg2 .text {font-size:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
.esgcontain {padding-top:clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.esgcontain .tit {font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:600; color:var(--color-1);}
.esgcontain .tit + .subtit {padding-top:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.esgcontain .subtit {font-size:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); color:#2c2c2c;}
.esgcontain .subtit + .esimgitem {padding-top:clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px);}
.esimgitem {display:flex; flex-wrap:wrap; margin:-10px; }
.esimglist {flex:1 0 25%; max-width:25%; padding:10px;}
.esimgitem + .bullet-item {padding-top:clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px);}

.declaWrap {margin-top:clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); padding:clamp(30px, calc( 70 / var(--inner) * 100vw ), 70px) clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px); background:#f0f1f6;}
.declaWrap .title {font-size:clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:bold; color:var(--color-1); text-align:center;}
.declaWrap .desub {padding-top:clamp(30px, calc( 64 / var(--inner) * 100vw ), 64px); font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:600; color:#222222;}
.declaWrap .declaitem {padding-top:clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}
.declaWrap .declalist {padding-top:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:500; color:#2c2c2c; letter-spacing: -1px;}
.declaWrap .declalist:first-child {padding-top:0;}
.declaWrap .border-b {text-decoration: underline;}
.declaWrap.safebx {margin-top:0; padding:clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px) clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); border:clamp(6px, calc( 15 / var(--inner) * 100vw ), 15px) solid #c7cedc; background: #f3f7ff;}
.declaWrap.safebx .desub {padding-top:clamp(20px, calc( 44 / var(--inner) * 100vw ), 44px);}
.declaWrap.safebx .declaitem {padding-top:clamp(30px, calc( 76 / var(--inner) * 100vw ), 76px);}
.declaWrap.safebx .datebx {padding-top:clamp(40px, calc( 110 / var(--inner) * 100vw ), 110px); text-align: center;}
.declaWrap.safebx .datebx span {display:block; font-size:clamp(15px, calc( 19 / var(--inner) * 100vw ), 19px);}
.declaWrap.safebx .all {padding-top:12px; font-weight:bold;}

.commpd-box {padding-top:clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px);}
.commpd-box .bulletbox {padding-bottom: clamp(15px, calc( 38 / var(--inner) * 100vw ), 38px);}
.goalitem {display:flex; flex-wrap:wrap; margin:-15px;}
.goallist {flex:1 0 33.33%; max-width:33.33%; padding:15px;} 
.goallist .inner {height:100%; border-radius:20px; border:1px solid #ddd; overflow: hidden;} 
.goallist .head {padding:12px 0; color:#fff; text-align:center; }
.goallist .bg1 .head {background:#0597e8;}
.goallist .bg2 .head {background:#0e74ad;}
.goallist .bg3 .head {background:#005496;}
.goallist .body {display:flex; justify-content:center; padding:clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px) 10px; }
.goallist .body.type2 {align-items:center; height:275px;}
.goallist .bullet-item .bullet-list {margin-top:8px;}
.goallist .bullet-item .bullet-list:first-child {margin-top:0;}
.commpd-box .bullet-item .bullet-list {display:flex;}
.commpd-box .bullet-item .bullet-list .num {display:inline-block; width:20px;}
.commpd-box .bullet-item .bullet-list .text {flex:1 0 auto; width:1%;}
.ceritem {display:flex; justify-content:center; margin:-34px;}
.cerlist {padding:34px;}
.cerlist .text {display:block; padding-top:clamp(10px, calc( 14 / var(--inner) * 100vw ), 14px); font-size:clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); color: #2c2c2c; text-align:center;}

.scrollbx {padding:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); background:#fff; border:1px solid #ddd; height:clamp(280px, calc( 390 / var(--inner) * 100vw ), 390px); overflow-y:auto;}
.scrollbx .box {padding-top:clamp(20px, calc( 38 / var(--inner) * 100vw ), 38px);}
.scrollbx .box:first-child {padding-top:0;}
.scrollbx .tt {font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:600; color:#2c2c2c;}
.scrollbx .bullet-item {padding-top:8px; padding-left:clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px);}
.scrollbx .bullet-list {margin-top:10px;}
.scrollbx .bullet-list:first-child {margin-top:0;}

/* 소통마당 */
.pb-5 {padding-bottom:5px !important;}
.bigtitle {padding-bottom:clamp(30px, calc( 70 / var(--inner) * 100vw ), 70px); font-size:clamp(22px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight:600; text-align: center;}
.privarybox {padding:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); border:1px solid #ddd; background: #fff;}
.privarybox .box {padding-top:clamp(10px, calc( 25 / var(--inner) * 100vw ), 25px); font-size:clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); color: #2c2c2c; font-weight:400;}
.privarybox .box:first-child {padding-top:0;}

.radioWrap {display: flex; justify-content:space-between; flex-wrap:wrap; padding-top:clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px);}
.radioWrap .dec {flex:1 0 auto; width:1%; padding-right:10px; font-weight:500; color:#2c2c2c;}
.radioWrap .itembx {flex:1 0 215px; max-width:215px; display:flex;}
.itembx .item {margin-right:clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px);}
.itembx .item:last-child {margin-right:0;}
.itembx .radiobox {font-weight:500; color: #505050;}

.requiry {padding-bottom:clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px); text-align:right; font-weight:500; color: #454545;}
.inquirybtn {position:relative;}
.inquirybtn .cen {display:flex; justify-content:center;}
.inquirybtn .btn-pack {flex:1 0 clamp(120px, calc( 140 / var(--inner) * 100vw ), 140px); max-width:clamp(120px, calc( 140 / var(--inner) * 100vw ), 140px); margin:0 5px !important; border-radius:10px; } 
.inquirybtn .btn-pack.white {background: #fff;}
.inquirybtn .btn-check {display:flex; align-items: center; justify-content: center; position: absolute; right:20px; top:0; width:clamp(110px, calc( 140 / var(--inner) * 100vw ), 140px); height:clamp(42px, calc( 50 / var(--inner) * 100vw ), 50px); border-radius:10px; background:var(--color-3); color:#fff; font-weight:500; font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px);}

.check-popbg {display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:91;}
.check-wrap {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); max-width:660px; width:100%;  background:#fff; z-index:92; border-radius:10px;}
.check-wrap .inner {padding:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); position:relative;}
.check-wrap .btn-close {position:absolute; right:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); top:clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px); border: 0; background:transparent; border-radius:50%;}
.check-wrap .btn-close img {width:clamp(35px, calc( 45 / var(--inner) * 100vw ), 45px);}
.check-wrap .body {padding-top:clamp(25px, calc( 58 / var(--inner) * 100vw ), 58px);}
.check-wrap .text {padding-bottom:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); font-size:clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); color: #2c2c2c;}
.check-wrap .groupbx {border-top:1px solid #a8a8a8;}
.check-wrap td,
.check-wrap th {padding:clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px) 0; border-bottom:1px solid #ddd;}
.check-wrap th {font-size:clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight:600; color: #2c2c2c; text-align: left;}
.check-wrap .subm-box {padding-top:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); text-align:center;}
.check-wrap .btn-pack {width:clamp(130px, calc( 190 / var(--inner) * 100vw ), 190px); border-radius:10px;}

/* 개인정보처리방침 */
.pop_wrap .content {font-size:clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); color:#2c2c2c;}
.pop_wrap .sec {padding-top:clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px);}
.pop_wrap .sec:first-child {padding-top:0;}
.pop_wrap .bulletbox {margin-bottom:clamp(15px, calc( 35 / var(--inner) * 100vw ), 35px);}
.pop_wrap .pt-20 {padding-top:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px);}
.pop_wrap .pl-15 {padding-left:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px);}