@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(300px, calc( 420 / var(--inner) * 100vw ), 420px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(300px, calc( 420 / var(--inner) * 100vw ), 420px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"경기도 부천시 원미구 옥산로 181"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:10px;  line-height:1.6; color: #454545;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:11px; width:3px; height:3px; border-radius: 50%; background:#454545;}

.bg-gray {background:#fafafa;}

.secimgbx {text-align: center;}
.secimgbx .intextbx {padding: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px) 0 clamp(35px, calc( 78 / var(--inner) * 100vw ), 78px); text-align: center; letter-spacing: -0.5px;}
.secimgbx .toptext {font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 500;}
.secimgbx .bottomtext {font-size: clamp(22px, calc( 58 / var(--inner) * 100vw ), 58px); font-weight: bold;}

.boxwrap + .boxwrap {padding-top:clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px);}
.boxwrap3 + .boxwrap3 {padding-top:clamp(50px, calc( 120 / var(--inner) * 100vw ), 120px);}
.boxwrap + .boxwrap2 {padding-top:clamp(50px, calc( 110 / var(--inner) * 100vw ), 110px);}
.boxwrap2 + .boxwrap {padding-top:clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px);}
.tabwrap + .boxwrap3 {padding-top:clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.boxwrap,
.boxwrap2 {overflow: hidden;}

.wraptitlebx .title {font-size:clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px); font-weight: bold;}
.wraptitlebx .text {font-size: clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px);}
.wraptitlebx .subtit {padding-top: 12px; color: #454545;}

.labicnitem {display: flex; justify-content: center; flex-wrap: wrap; padding-top: clamp(30px, calc( 55 / var(--inner) * 100vw ), 55px); overflow: hidden;}
.labicnlist {flex: 1 0 20%; max-width: 20%; text-align: center;}
.labicnlist:nth-child(odd) .name {color:var(--color-1);}
.labicnlist .icn img {width: clamp(60px, calc( 120 / var(--inner) * 100vw ), 120px);}
.labicnlist .bottomtext {padding-top:clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px);}
.labicnlist span {display: block;}
.labicnlist .name {font-size: clamp(16px, calc( 22 / var(--inner) * 100vw ), 22px); font-weight: 600;}
.labicnitem.height .labicnlist .name:lang(en) {height:clamp(44px, calc( 57 / var(--inner) * 100vw ), 57px);}
.labicnlist .desc {padding-top:clamp(10px, calc( 13 / var(--inner) * 100vw ), 13px); color: #454545; line-height: 1.6;}
.labicnitem.type2 .labicnlist {flex: 1 0 25%; max-width: 25%;}

.boxwrap .leftimg {flex: 1 0 387px; max-width: 387px; margin-right:18px;}
.boxwrap .rightimg {flex: 1 0 auto; width: 1%;}
.boxwrap .simgitem {display: flex; flex-wrap: wrap; margin: -9px;}
.boxwrap .simglist {flex: 1 0 50%; max-width: 50%; padding: 9px;}

.bgtext {margin-bottom: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); padding-left: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); background: url(../images/sub/bg-text.png) no-repeat left center; background-size:clamp(12px, calc( 17 / var(--inner) * 100vw ), 17px) auto; font-size: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); font-weight: bold;}
.tblbx th,
.tblbx td {height: 60px; text-align: center;} 
.tblbx thead th {background:var(--color-1); color: #fff;}
.tblbx thead th:first-child {border-top-left-radius:30px; border-bottom-left-radius: 30px;}
.tblbx thead th:last-child {border-top-right-radius:30px; border-bottom-right-radius: 30px;}
.tblbx td {color: #454545;}
.tblbx td.text-left {padding-left: clamp(2px, calc( 60 / var(--inner) * 100vw ), 60px);}
.tblbx tbody tr:nth-child(even) td {background:rgba(94, 196,210, 0.1);}
.tblbx tbody tr:nth-child(even) td:first-child {border-top-left-radius:30px; border-bottom-left-radius: 30px;}
.tblbx tbody tr:nth-child(even) td:last-child {border-top-right-radius:30px; border-bottom-right-radius: 30px;}

.ceritem  + .ceritem  {padding-top:  clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.ceritem {display: flex; flex-wrap: wrap; margin: -15px;}
.cerlist {flex: 1 0 25%; max-width: 25%; padding: 15px; }

/* 탭 */
.tabwrap {max-width: 765px; width: 100%; margin: 0 auto; padding-right: 10px; padding-left: 10px;}
.tabitem {display: flex; margin: -5px;}
.tablist {flex: 1 0 33.33%; max-width: 33.33%; padding: 5px;} 
.tablist .tlink {display: flex; align-items: center; justify-content: center; padding: 8px; width: 100%; height: clamp(40px, calc( 46 / var(--inner) * 100vw ), 46px); border-radius: 23px; border: 1px solid #ddd; font-size: clamp(13px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 500; text-align: center;}
.tablist.active .tlink {background:var(--color-1); border-color:var(--color-1); color: #fff	;}

[lang=en] .tabwrap {max-width: 1200px; }
[lang=en] .tabitem {justify-content: center;}
[lang=en] .tablist {flex: 1; max-width: 25%;}

.den02item {display:flex; flex-wrap:wrap; margin:-20px;}
.den02list {flex:1 0 33.33%; max-width:33.33%; padding:20px;}
.den02list .inner {position: relative; height: 100%; overflow: hidden; text-align: center;}
.den02list .textbx {padding-top:clamp(15px, calc( 34 / var(--inner) * 100vw ), 34px);text-align:center;}
.den02list .name {font-size:clamp(16px, calc( 26 / var(--inner) * 100vw ), 26px);font-weight:bold;}
.den02list .desc {padding-top:10px;color:#454545; line-height:1.6;}
.den02list span {display:block;}
.den02item + .linkbx {padding-top:clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);text-align:center;}
.linkbx .linkdown {display:inline-flex; align-items:center;justify-content:center; background:#fff; width:clamp(130px, calc( 160 / var(--inner) * 100vw ), 160px); height:clamp(38px, calc( 40 / var(--inner) * 100vw ), 40px); border-radius:20px; border:1px solid #ddd; font-size:clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px);}
.linkdown:hover {background:var(--color-1); color: #fff; border-color:var(--color-1);}
.hoverbx {position: absolute; right: 0; top: 0; width: 100%; height: 100%; background:rgba(94, 196,210, 0.86); color: #fff; opacity: 0; transition: all 0.3s;}
.hoverbx .intext {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.hoverbx .inname {font-size:clamp(18px, calc( 32 / var(--inner) * 100vw ), 32px); font-weight: bold;}
.hoverbx .btn-right {padding-top:clamp(15px, calc( 27 / var(--inner) * 100vw ), 27px) ;}
.hoverbx .btn-right  img {height: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px);}
.den02list:hover .hoverbx {opacity: 1;}

.den02item.type2 {margin:-15px;}
.den02item.type2 .den02list {padding:15px;}
.den02item.type2 .inner {display: block; padding: clamp(25px, calc( 50 / var(--inner) * 100vw ), 50px) clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);  background: #f9f9f9; text-align: center; border-radius: 16px;}
.den02item.type2 .textbx {padding-top: clamp(15px, calc( 27 / var(--inner) * 100vw ), 27px); }
.den02item.type2 .name {display: block; font-size: clamp(18px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight: bold; letter-spacing: -0.5px;}
.den02item.type2 .hoverbx .inname {font-size: clamp(18px, calc( 30 / var(--inner) * 100vw ), 30px);}

.subsection {padding-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.secbox + .secbox {padding-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.subsection .imgbx {flex:1 0 580px; max-width: 580px; margin-right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}
.subsection .textbx {flex: 1 0 auto; width: 1%;}
.subsection .subname {display: block; font-weight: bold; color:var(--color-1);}
.subsection .name {display: block; padding-top:2px; font-size: clamp(18px, calc( 40 / var(--inner) * 100vw ), 40px); font-weight: bold;} 
.subsection .textitem {padding-top: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
.subsection .dec {color: #454545; line-height: 1.6;}
.subsection .textitem + .linkbx {padding-top: clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px);}
.subsection .name + .linkbx {padding-top: clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px);}

.den02item.type3 {margin:-15px;}
.den02item.type3 .den02list {padding:15px;}
.den02item.type3 .inner {display: block; padding:clamp(25px, calc( 42 / var(--inner) * 100vw ), 42px) 10px ; border-top-left-radius: 70px; border-bottom-right-radius: 70px; box-shadow:0 2px clamp(4px, calc( 10 / var(--inner) * 100vw ), 10px) clamp(4px, calc( 10 / var(--inner) * 100vw ), 10px) rgba(0, 0,0, 0.1);}
.den02item.type3 .images {text-align: center;}
.den02list.type3 .textbx {padding-top: clamp(15px, calc( 26 / var(--inner) * 100vw ), 26px);}
.den02item.type3 .name {font-size: clamp(18px, calc( 30 / var(--inner) * 100vw ), 30px);}

.downbox {position:relative;}
.downbox .linkbx {position:absolute; top:18%; right:32%;}

/* 문의 */
.contactbx + .contactbx {padding-top: clamp(70px, calc( 160 / var(--inner) * 100vw ), 160px);}
.quirytext {text-align: center;}
.quirytext img {width:  clamp(60px, calc( 150 / var(--inner) * 100vw ), 150px);}
.quirytext .txt {display: block; padding-top: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); line-height: 1.6; color: #454545; font-size: clamp(16px, calc( 26 / var(--inner) * 100vw ), 26px); }
.quirytext .txt strong {color: #242424;}
.inquirywrap {padding-top: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.inquirywrap .scroll-box {margin-bottom: 15px;}
.agreelist + .agreelist {margin-top: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px);}
.agreelist .titbx {flex: 1 0 clamp(180px, calc( 235 / var(--inner) * 100vw ), 235px); max-width: clamp(180px, calc( 235 / var(--inner) * 100vw ), 235px);}
.agreelist .tit {display: inline-block; padding-left: 19px; position: relative; font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: bold;}
.agreelist .tit:after {position: absolute; content: '';left: 0; top: clamp(8px, calc( 10 / var(--inner) * 100vw ), 10px); width: 4px; height: 4px; border-radius: 50%; background:var(--color-1);}
.agreelist .labelbx {display: flex; align-items: center;}
.agreelist .check {margin-top: 0 !important; padding-left: clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px);}
.agreelist .checktext {font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); color: #454545;}
.agreelist .pop_privacy {color:var(--color-1);}
/*.agreelist label {width: 68px;}*/

.location-area .wrap {border-radius: 24px; overflow: hidden;}
.location-area iframe {height:clamp(300px, calc( 420 / var(--inner) * 100vw ), 420px); width:100%;}
.addritem {display: flex; flex-wrap: wrap; padding-top:34px;}
.addrlist {flex: 1 0 50%; max-width: 50%; text-align: center;}
.addrlist .icn img {width: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px);}
.addrlist span {display: block;}
.addrlist .name {padding:clamp(6px, calc( 12 / var(--inner) * 100vw ), 12px) 0; font-size: clamp(15px, calc( 22 / var(--inner) * 100vw ), 22px); font-weight: 600;}
.addrlist .desc {color: #454545;}

.board-search {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px) clamp(20px, calc( 80 / var(--inner) * 100vw ), 80px); background: #f9f9f9;}
.board-search .pagetit {flex: 1 0 clamp(85px, calc( 110 / var(--inner) * 100vw ), 110px); max-width: clamp(85px, calc( 110 / var(--inner) * 100vw ), 110px); font-weight: 600; }
.board-search .inputoption {flex: 1 0 auto; width: 1%; display: flex; flex-wrap: wrap;justify-content:flex-end;}
.board-search .catebx {flex: 1 0 clamp(150px, calc( 360 / var(--inner) * 100vw ), 360px); max-width: clamp(150px, calc( 360 / var(--inner) * 100vw ), 360px); margin-right: 9px;}
.board-search select {width: 100%;}
.board-search .searchbx {flex: 1 0 auto; width:1%; display: flex;}
.board-search .searchbx .input {margin-right:  clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px); max-width: clamp(250px, calc( 450 / var(--inner) * 100vw ), 450px); width: 100%;}