@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-title {position:relative;color:#2c2c2c; font-size:20px; line-height:1.4em;font-weight:700; padding-left:33px; margin-bottom:20px; background:url('../images/sub/doc_dot.png') 0 3px no-repeat;}
.doc-cnt {font-size:16px; line-height:1.6em; color:#2c2c2c; margin-bottom:50px;}

.doc-tit-wrap {display:flex; justify-content: space-between; align-items:center; margin-bottom:10px;}
.doc-tit-wrap .doc-tit {margin-bottom:0;}
.doc-tit {position:relative; font-size:18px; line-height:1.4em; color:#2c2c2c; padding-left:22px; margin-bottom:10px;}
.doc-tit:after {content:"";position:absolute; top:10px; left:0; width:6px; height:6px; background:#ff7777; border-radius:50%;}

.guide-head {background:#e0f0fc; text-align:center; margin-bottom:50px; padding:30px 0;border-radius:10px;}
.guide-head .text {display:inline-block; text-align:left; background:url('../images/sub/guide_top.png') 0  0 no-repeat; height:100px; padding-left:130px;}
.guide-head .text ul {padding-top:12px;}
.guide-head .text ul li {font-size:22px; line-height:1.4em; margin-bottom:5px; color:#2c2c2c;}
.guide-head .text ul li strong {font-weight:500;}

.guide-box {background:#fafafa; border-radius:5px; border:1px solid #ddd; padding:40px 70px;}
.guide-box ol {display:flex; flex-wrap:wrap; margin:0 -17px;}
.guide-box ol:after {content:"";display:block;clear:both;}
.guide-box ol li {position:relative; width:16.666%; padding:0 17px; text-align:center;}
.guide-box ol li:after {content:"";position:absolute; top:75px; left:-8px; width:16px; height:16px; background:url('../images/sub/guide_arrow.png') 0 0 no-repeat;}
.guide-box ol li:first-child:after {display:none;}
.guide-box .icon {width:100%; height:47px; background-repeat:no-repeat; background-position:50% 100%}
.guide-box .icon.icon1 {background-image:url('../images/sub/guide_icon1.png')}
.guide-box .icon.icon2 {background-image:url('../images/sub/guide_icon2.png')}
.guide-box .icon.icon3 {background-image:url('../images/sub/guide_icon3.png')}
.guide-box .icon.icon4 {background-image:url('../images/sub/guide_icon4.png')}
.guide-box .icon.icon5 {background-image:url('../images/sub/guide_icon5.png')}
.guide-box .icon.icon6 {background-image:url('../images/sub/guide_icon6.png')}
.guide-box .box {width:100% ;height:70px; display:table; background:#3f85bc; border-radius:5px;}
.guide-box .box .cell {display:table-cell; vertical-align:middle; width:100%; height:100%;}
.guide-box .box p {font-size:16px;line-height:1.4em; color:#fff;font-weight:500;}
.guide-box .tit {padding-top:10px; font-size:14px; line-height:1.4em; color:#2c2c2c;}
.guide-box .tit strong {font-weight:500;}
.guide-box .tit dl {margin-bottom:10px;}
.guide-box .tit dl:last-child {margin-bottom:0;}

.table-cnt {font-size:14px ;line-height:1.4em; margin-bottom:10px;}
.table-title {color:#3f85bc; font-size:16px; line-height:1.4em; margin-bottom:10px;font-weight:500;}
.table01 {margin-bottom:30px;border-top:2px solid #3f85bc;}
.table01 table {width:100%; border-collapse:collapse; border-spacing:0px;}
.table01 table thead th {padding:12px 5px; font-size:16px; line-height:1.6em; font-weight:500; background:#fafafa; color:#505050; border:1px solid #ddd; border-top:0;}
.table01 table tbody th {padding:12px 5px; color:#505050;text-align:center; font-weight:400; border:1px solid #ddd; border-top:0; font-size:14px; line-height:1.6em;}
.table01 table tbody td {padding:30px 5px; color:#505050; border:1px solid #ddd; border-top:0; text-align:center; font-size:14px; line-height:1.6em;}
.table01 table .left {text-align:left; padding-left:15px;}
.table01 table th:first-child, .table01 table td:first-child {border-left:0}
.table01 table th:last-child, .table01 table td:last-child {border-right:0}
.table01 strong {font-weight:500;}
.table01.type2 table tbody td {padding:12px 5px;}
.table01 .icon {width:100%; height:50px; background-repeat:no-repeat; background-position:50% 50%; margin-bottom:10px;}
.table01 .icon.icon1 {background-image:url('../images/sub/icon_subway.png')}
.table01 .icon.icon2 {background-image:url('../images/sub/icon_bus.png')}
.table01.type3 table tbody td {vertical-align:top;}
.table01 ul {display:inline-block;}
.table01 ul li {text-align:left; margin-bottom:2px;}
.table01 ul li:last-child {margin-bottom:0;}

.care-box {background:#fafafa; position:relative; border-radius:5px; padding:50px 0;text-align:center; border:1px solid #ddd; margin-bottom:30px;}
.care-box .col {position:relative; display:inline-block;margin-bottom:40px; padding-left:135px;}
.care-box .col:last-child {margin-bottom:0;}
.care-box .title {position:absolute; top:35px; left:0;  width:72px; height:72px; background:#3f85bc; border-radius:50%; color:#fff; font-size:16px; line-height:72px; font-weight:500;}
.care-box ul {margin:0 -77px; display:inline-block;}
.care-box ul:after {content:"";display:block;clear:both;}
.care-box ul li {float:left; padding:0 77px; width:33.333%; position:relative;}
.care-box ul li:after {content:"";position:absolute; top:72px; left:-36px; width:72px; height:14px; background:url('../images/sub/care_arrow.png') 0 0 no-repeat;}
.care-box ul li:first-child:after {display:none;}
.care-box ul li .icon {width:140px; height:140px; margin-bottom:10px;background-repeat:no-repeat; background-position:50% 50%}
.care-box ul li .icon.icon1 {background-image:url('../images/sub/care_icon1.png')}
.care-box ul li .icon.icon2 {background-image:url('../images/sub/care_icon2.png')}
.care-box ul li .icon.icon3 {background-image:url('../images/sub/care_icon3.png')}
.care-box ul li .icon.icon4 {background-image:url('../images/sub/care_icon4.png')}
.care-box ul li .icon.icon5 {background-image:url('../images/sub/care_icon5.png')}
.care-box ul li .icon.icon6 {background-image:url('../images/sub/care_icon6.png')}
.care-box ul li .tit {font-size:16px; line-height:1.4em; color:#2c2c2c;font-weight:500;}
.care-box ul li p {font-size:14px; line-height:1.4em; color:#fc4776;}

.city-box {background:#fafafa; border-radius:5px; padding:50px 0;text-align:center; border:1px solid #ddd; margin-bottom:50px;}
.city-box ul {display:inline-block;}
.city-box ul:after {content:"";display:block;clear:both;}
.city-box ul li {float:left;  padding:0 77px; position:relative;}
.city-box ul li:after {content:"";position:absolute; top:72px; left:-20px; width:41px; height:41px; background:url('../images/sub/city_plus.png') 0 0 no-repeat;}
.city-box ul li:first-child:after {display:none;}
.city-box ul li .icon {width:140px; height:140px; margin:0 auto 10px;background-repeat:no-repeat; background-position:50% 50%}
.city-box ul li .icon.icon1 {background-image:url('../images/sub/city_icon1.png')}
.city-box ul li .icon.icon2 {background-image:url('../images/sub/city_icon2.png')}
.city-box ul li .icon.icon3 {background-image:url('../images/sub/city_icon3.png')}
.city-box ul li .tit {color:#3f85bc; font-size:16px; line-height:1.4em; font-weight:500; margin-bottom:5px;}
.city-box ul li p {font-size:14px; line-height:1.4em; color:#fc4776}

.acc-box {background:#fafafa; border-radius:5px; padding:50px 0;text-align:center; border:1px solid #ddd; margin-bottom:50px;}
.acc-box ul {display:inline-block;}
.acc-box ul:after {content:"";display:block;clear:both;}
.acc-box ul li {float:left; padding:0 77px; position:relative;}
.acc-box ul li:after {content:"";position:absolute; top:72px; left:-36px; width:72px; height:14px; background:url('../images/sub/care_arrow.png') 0 0 no-repeat;}
.acc-box ul li:first-child:after {display:none;}
.acc-box ul li .icon {width:140px; height:140px; margin:0 auto 10px;background-repeat:no-repeat; background-position:50% 50%}
.acc-box ul li .icon.icon1 {background-image:url('../images/sub/accom_icon1.png')}
.acc-box ul li .icon.icon2 {background-image:url('../images/sub/accom_icon2.png')}
.acc-box ul li .icon.icon3 {background-image:url('../images/sub/accom_icon3.png')}
.acc-box ul li .tit {color:#3f85bc; font-size:16px; line-height:1.4em; font-weight:500; margin-bottom:5px;}
.acc-box ul li p {font-size:14px; line-height:1.4em; color:#fc4776}

.support-head {background:#e0f0fc;text-align:center; padding:40px 0; border-radius:5px; margin-bottom:50px;}
.support-head .text {display:inline-block; text-align:left; background:url('../images/sub/icon_support.png') 0  50% no-repeat; min-height:100px; padding-left:130px;}
.support-head .text ul {padding-top:12px;}
.support-head .text ul li {font-size:22px; line-height:1.6em; margin-bottom:5px; color:#2c2c2c;}
.support-head .text ul li strong {font-weight:500;}
.support-head .text .tel {margin-top:5px; display:inline-block; background:#fff; border-radius:40px; font-size:18px; line-height:40px; color:#2c2c2c; font-weight:500; padding:0 20px;}

.vision-title {text-align:center; font-size:28px; line-height:1.4em;font-weight:700; color:#2c2c2c; margin-bottom:40px;}
.vision {position:relative; background:url('../images/sub/vision.jpg') 50% 0 no-repeat; height:432px; max-width:1040px; margin:0 auto 65px;}
.vision .text {position:absolute; top:100px; width:370px; text-align:center;}
.vision .text dl dt {color:#fff; font-size:40px; line-height:1.6em;font-weight:700; margin-bottom:10px;}
.vision .text dl dd {color:#fff; font-size:18px; line-height:1.8em;}
.vision .text.type1 {left:0}
.vision .text.type2 {right:15px}

.greetion {text-align:center;}
.greetion .top {color:#3f85bc; font-size:22px; line-height:1.8em; font-weight:700; margin-bottom:25px;}
.greetion .cnt {color:#2c2c2c; font-size:16px; line-height:1.8em;font-weight:300;}
.greetion .cnt p { font-size:18px; line-height:1.8em; margin-bottom:25px;}
.greetion strong {font-weight:700; text-decoration:underline;}

.sub-img {line-height:0; margin-bottom:50px; text-align:center;}
.sub-img.type2 {margin-bottom:100px;}
.sub-img.type3 { margin-bottom: 0;}

.history {}
.history .title-wrap {position:relative; padding-bottom:50px;}
.history .title {text-align:center; width:140px; height:140px; margin:0 auto; display:table; background:#3f85bc; border-radius:50%;}
.history .title-wrap:before {content:"";position:absolute; top:0; left:50%; margin-left:0; width:1px; height:100%; background:#3f85bc}
.history .title .cell {width:100%; height:100%; display:table-cell; vertical-align:middle;}
.history .title p {font-size:14px; line-height:1.2em; color:#fff; letter-spacing:5px;}
.history .title .tit {font-size:38px; line-height:1.2em; color:#fff;font-weight:700;}
.history .col {position:relative; padding-bottom:35px;}
.history .col:after {content:"";display:block;clear:both;}
.history .col:before {content:"";position:absolute; top:0; left:50%; margin-left:0; width:1px; height:100%; background:#3f85bc}
.history .col:last-child:before {display:none;}
.history .text {position:relative; width:50%;}
.history .text:after {content:"";position:absolute; top:0; width:48px; height:48px; background:url('../images/sub/history_dot.png') 0 0 no-repeat;}
.history .text.right {float:right; padding-left:55px;}
.history .text.right:after {left:-24px;}
.history .text.left {float:left; padding-right:55px; text-align:right;}
.history .text.left:after {right:-24px}
.history .text .year {font-size:30px; line-height:1.6em; color:#2c2c2c;font-weight:700; margin-bottom:15px;}
.history .text ol li {position:relative; font-size:16px; line-height:1.6em; color:#2c2c2c; padding-left:34px;}
.history .text ol li .day {position:absolute; top:0; left:0; color:#fc4776;font-weight:500;}
.history .text.left ol li {padding:0 34px 0 0;}
.history .text.left ol li .day {left:auto; right:0}


.map-wrap {margin-bottom:30px;}
.map-wrap:after {content:"";display:block;clear:both;}
.map-wrap .col {float:left; width:50%}

.map-info {margin-bottom:30px;}
.map-info:after {content:"";display:block;clear:both;}
.map-info .col {float:left; width:25%; height:205px; border:1px solid #ddd; margin-left:-1px; padding:35px 0 0 35px;}
.map-info .col:first-child {margin-left:0;}
.map-info .col .icon {width:49px; height:49px; background-repeat:no-repeat; background-position:50% 50%; margin-bottom:20px;}
.map-info .col .icon.icon1 {background-image:url('../images/sub/icon_addr.png')}
.map-info .col .icon.icon2 {background-image:url('../images/sub/icon_tel.png')}
.map-info .col .icon.icon3 {background-image:url('../images/sub/icon_fax.png')}
.map-info .col .icon.icon4 {background-image:url('../images/sub/icon_mail.png')}
.map-info .col .tit {font-size:14px; line-height:1.4em; color:#fc4776; font-weight:500; margin-bottom:10px;}
.map-info .col .cnt {color:#505050; font-size:18px; line-height:1.4em;}

.ethic {max-width: 770px; margin: 0 auto;}
.ethic-title {position: relative; padding-left: 40px; margin-bottom: clamp(30px, calc( 115 / var(--inner) * 100vw ), 115px); font-size: clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px); color: #2c2c2c; font-weight: 700;}
.ethic-title:before {position: absolute; content: ''; left: 0; width: 26px; height: 100%; background: url('/images/sub/ethic-tit.png') no-repeat center center; background-size: contain;}
.ethic h4 {margin-bottom: clamp(20px, calc( 100 / var(--inner) * 100vw ), 100px); text-align: center; font-size: clamp(22px, calc( 40 / var(--inner) * 100vw ), 40px); color: #2c2c2c; font-weight: 700; line-height: 1.2em;}
.sec-ethic {padding: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px) clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); margin-bottom: 3px; border: 1px solid #2c2c2c; color: #2c2c2c; font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); line-height: 1.88889em;}
.sec-ethic h5 {position: relative; width: fit-content; padding-left: 30px; margin: 0 auto clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px); text-align: center; font-size: clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px); color: #2c2c2c; font-weight: 700; line-height: 1.2em;}
.sec-ethic h5:before {position: absolute; content: ''; left: 0; top: 50%; margin-top: -6px; width: 13px; height: 13px; background: #3f85bc; border-radius: 2px; transform: rotate(45deg);}
.sec-ethic li {position: relative; padding-left: 18px;}
.sec-ethic li:before {position: absolute; content: ''; left: 0; top: 13px; width:9px; height: 9px; background: #fff; border: 3px solid #3f85bc; border-radius: 2px; transform: rotate(45deg);}
.ethic-cnt {margin-bottom: clamp(30px, calc( 125 / var(--inner) * 100vw ), 125px);}
.btn-ethic {display: block; width: fit-content; padding: clamp(12px, calc( 23 / var(--inner) * 100vw ), 23px) clamp(30px, calc( 85 / var(--inner) * 100vw ), 85px); margin: 0 auto; border-radius: 8px; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 700; background: #3f85bc; color: #fff;}

/* 사이트맵 */
.sitemap {*zoom:1; margin:0 -10px; overflow:hidden;}
.sitemap:after {content:" "; display:block; clear:both;}
.sitemap .col {float:left; width:25%; padding:0 10px; margin-bottom:50px;}
.sitemap .col:nth-child(4n+1) {clear:left}
.sitemap dl dt {padding:10px 0; text-align:center; font-size:17px; font-weight:500; color:#3f85bc; background:#f4f4f4; border-bottom:2px solid #3f85bc; margin:0 0 5px 0;}
.sitemap dl dd {line-height:40px; border-bottom:1px solid #eee; font-weight:400;}
.sitemap dl dd a {position:relative; display:block; padding:7px 0 7px 15px; font-size:16px; line-height:1.6em;}
.sitemap dl dd a:after {content:""; position:absolute; top:50%; margin-top:-2px; left:5px; width:4px; height:4px; background:#ddd; border-radius:50%;transition: all 0.2s ease-in-out;}
.sitemap dl dd a:hover {color:#3f85bc}
.sitemap dl dd a:hover:after {background:#3f85bc}
.sitemap dl dd ul {padding:2px 0 20px;}
.sitemap dl dd ul li a {background:none; color:#3f85bc; font-size:15px; line-height:25px; padding:0 0 0 15px;}
.sitemap dl dd ul li a:after {display:none;}