@charset "UTF-8";
/* 공통요소 */
body {min-width:720px;max-width: 1920px;width: 100%;margin:0 auto;}
hr {height:1px;margin:60px 0;border:none;background-color: #ddd;}
#wrap {padding-top: 147px;}
#container {position: relative;}
#container:after {position: absolute;top: 65px;right: 60px;width: 297px;height: 310px;background-image: url(../images/container-bg-01.png);background-repeat: no-repeat;background-position: 0 0;z-index: -1;content:'';}
#container:before {position: absolute;top: 450px;left: 60px;width: 275px;height: 283px;background-image: url(../images/container-bg-02.png);background-repeat: no-repeat;background-position: 0 0;z-index: -1;content:'';}
#container.sub {position: relative;padding-bottom: 80px;}
.inner {width: 100%;max-width: 1360px;margin:0 auto;padding:0 30px;box-sizing: border-box;}
.mb-hide {display: inherit;}
.mb-show {display: none;}
.tb-hide {display: inherit;}
.tb-show {display: none;}
.c-point-box {padding:20px;box-sizing: border-box;background-color: #5b98af;}
.c-point-box * {color:#fff;font-size: 18px;}
.img-box.center {text-align: center;}
.img-box img {max-width: 100%;}
.img-cont {display: flex;}
.img-cont .img {overflow: hidden;width: 50%;}
.img-cont .img img {width: 100%;}
.img-cont .text {display: inline-flex;justify-content: center;flex-flow: column;width: 50%;padding:46px 89px;box-sizing: border-box;background-color: #f9f5f1;}
.img-cont .text h4 {position: relative;margin-bottom: 30px;font-size: 35px;font-weight: 600;line-height: 1.35;letter-spacing: -1.75px;}
.img-cont .text p {font-size: 18px;font-weight: 400;line-height: 1.67;letter-spacing: -0.9px;word-break: keep-all;}
.contents {padding: 80px 0;}
.contents.no-pad {padding: 0;}
.contents.no-top-pad {padding-top: 0;}
.contents.no-bottom-pad {padding-bottom: 0;}
.contents.half-pad {padding: 40px 0;}
.contents.half-top-pad {padding-top: 40px;}
.contents.half-bottom-pad {padding-bottom: 40px;}
.contents.bg-gray {background-color: #faf7f5;}
.contents.bg-brown {background-color: #f9f6f0;}
.cont-tit {margin-bottom: 20px;padding-left: 36px;font-size: 28px;font-weight: 500;line-height: 1.5;letter-spacing: -1.5px;background-image: url(/resource/images/cont-tit-icon.png);background-repeat: no-repeat;background-position: 0 55%;}
.cont-box {position: relative;display: flex;padding: 40px 0 60px;box-sizing: border-box;}
.cont-box.blue-border {border-top: 1px solid #5b98af;}
.cont-box.gray-border {border-top:1px solid #ddd;}
.cont-box.last {border-bottom:1px solid #ddd;}
.cont-box:before {position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: #e0e0e0;content: '';}
.cont-box:after {position: absolute;top: 0;left: 0;width: 220px;height: 3px;background-color: #5b98af;content: '';}
.cont-box.no-border:after,
.cont-box.no-border:before {display: none;}
.cont-box .cont-label {flex-shrink: 0;width: 220px;padding-left: 27px;color: #333333;font-size: 20px;font-weight: 500;line-height: 1.4;letter-spacing: -1.25px;box-sizing: border-box;}
.cont-box .cont-label img {max-width: 100%;}
.cont-box .cont {width: 100%;margin-left: 64px;font-size: 20px;line-height: 1.6;letter-spacing: -1px;word-break: keep-all;}
.cont-box .cont p {font-size: 18px;line-height: 1.6;letter-spacing: -1px;word-break: keep-all;}
.cont-box .cont p+p {margin-top: 5px;}
.cont-box .cont .img-box {margin:30px 0;}
.font-lato {font-family: Lato;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-point {color:#5b98af !important;}
.text-blue {color:#1b6eaa !important;}

/* 폼 */
.form {display: flex;}
.form+.form {margin-top: 20px;}
.form+.form.no-mt {margin-top: 5px;}
.form-label {flex-shrink: 0;width: 130px;color: #000;font-size: 18px;line-height: 43px;}
.form-control {width:100%;height: 43px;padding:0 10px;font-size: 16px;border:2px solid #d7d7d7;box-sizing: border-box;background-color: #fff;}
.form-bar {margin:0 3px;color:#666;line-height: 43px;}
textarea.form-control {height: auto;padding:15px;box-sizing: border-box;}
.form-file {min-width: 135px;height: 43px;margin-left: 5px;color:#fff;font-size: 15px;line-height: 43px;text-align: center;border-radius: 3px;background-color: #333;cursor: pointer;}
.form-file input {display: none;}
input.form-control::placeholder,
select.form-control::placeholder,
textarea.form-control::placeholder {color:#ccc;}

/* datepicker */
[id*="datepicker"]:not([id*="-datepicker"]) {
	background-image: url(/resource/images/tbl_st_ca.png);
	background-repeat: no-repeat;
	background-position: 90% center;
}

/* 체크박스, 라디오박스 */
.check-group {display: flex;align-items: center;}
.check-group .check-list label {margin-right: 20px;font-size: 17px;font-weight: 500;line-height: 1;letter-spacing: -0.88px;}
.check-group .check-list label:before {display: inline-block;width: 17px;height: 17px;margin-top: -2px;margin-right: 5px;background-color: #cecece;vertical-align: middle;content:'';}
.check-group .check-list input {display: none;}
.check-group .check-list input:checked+label:before {background-color: #5b98af;}

/* 넓이 % */
.check {width: 2% !important; position: relative;bottom: 10px;}
.w5p {width: 5% !important;}
.w10p {width: 10% !important;}
.w15p {width: 15% !important;}
.w20p {width: 20% !important;}
.w25p {width: 25% !important;}
.w30p {width: 30% !important;}
.w33p {width: 33.33% !important;}
.w40p {width: 40% !important;}
.w50p {width: 50% !important;}
.w100p {width: 100% !important;}

/* margin */
.mt-0 {margin-top: 0px !important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-35 {margin-top: 35px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-45 {margin-top: 45px !important;}
.mt-50 {margin-top: 50px !important;}
.mb-0 {margin-bottom: 0px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-35 {margin-bottom: 35px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-45 {margin-bottom: 45px !important;}
.mb-50 {margin-bottom: 50px !important;}

/* 비디오 */
.video-wrap {width:100%;max-width: 928px;margin:0 auto;}
.video {position: relative;width: 100%;margin:0 auto;border:3px solid #5b98af;box-sizing: border-box;box-shadow: 18.7px 42px 40px 0 rgba(173, 154, 118, 0.24);}/* 임시 색상 */
.video:after {display: block;padding-top: 56.4%;content: "";}
.video.no-border {border:none;}
.video .post-play {position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: 100;}
.video .post-play:after {position: absolute;top: 0;bottom: 0;right: 0;left: 0;display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.6);content: url(/resource/images/play2.png);}
.video .post-play img {width: 100%;height: 100%;}
.video .post {position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: 100;}
.video .post img {width: 100%;height: 100%;}
.video iframe,
.video object,
.video embed,
.video video,
.video .video-file {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
iframe,
video {max-width: 100%;}


/* 반응형 카카오맵 */
.root_daum_roughmap {width: 100% !important;}
.root_daum_roughmap .wrap_controllers {display: none !important;}

/* 리스트 타입 */
.number-list {counter-reset: 1;}
.number-list > li {position: relative;padding-left: 30px;font-size: 18px;font-weight: normal;line-height: 1.6;letter-spacing: -1px;counter-increment: number;}
.number-list > li:before {position: absolute;top: 0;left: 0;width: 25px;text-align: right; content: counter(number)'.';}
.number-list > li+li {margin-top: 6px;}
.number-list.v2 {counter-reset: 1;}
.number-list.v2 > li {padding-left: 35px;counter-increment: number2;}
.number-list.v2 li:before {width: 30px;content: counter(number2)' )';}
.number-list.v3 {counter-reset: 1;}
.number-list.v3 > li {padding-left: 26px;counter-increment: number3;}
.number-list.v3 li:before {width: 26px;text-align: left;content:'('counter(number3)')';}
.number-list2 {display: flex;justify-content: space-between;flex-wrap: wrap;counter-reset: 1;}
.number-list2 > li {position: relative;width: 49.5%;padding:15px 0 14px 114px;font-size: 18px;font-weight: 500;line-height: 1.4;letter-spacing: -1px;box-sizing: border-box;background-color: #fff;counter-increment: number;}
.number-list2 > li:before {position: absolute;top: 13px;left: 69px;width: 30px;height:30px;color:#fff;line-height: 28px;text-align: center;border-radius: 100%;background-color: #5b98af;content:counter(number);}
.hangul-list {list-style-type: hangul;list-style-position: inside;}
.hangul-list li {position: relative;font-size: 18px;font-weight: normal;line-height: 1.6;letter-spacing: -1px;list-style-type: hangul;list-style-position: inside;}
.hangul-list li+li {margin-top: 6px;}
.c-middot-list > li {position: relative;padding-left: 20px;font-size: 18px;font-weight: normal;line-height: 1.6;letter-spacing: -0.9px;}
.c-middot-list > li:after {position: absolute;top: 11px;left: 0;width: 8px;height: 8px;border-radius: 100%;background-color: #2dd4db;content:'';}
.c-middot-list > li+li {margin-top: 6px;}
.middot-list li {position: relative;padding-left: 10px;font-size: 18px;font-weight: normal;line-height: 1.6;letter-spacing: -1px;}
.middot-list li:after {position: absolute;top: 14px;left: 0;width: 3px;height: 3px;border-radius: 100%;background-color: #333;content:'';}
.middot-list li+li {margin-top: 6px;}
.dash-list > li {position: relative;padding-left: 10px;font-size: 18px;font-weight: normal;line-height: 1.6;letter-spacing: -1px;}
.dash-list > li:after {position: absolute;top: 14px;left: 0;width: 6px;height: 1px;border-radius: 100%;background-color: #333;content:'';}
.dash-list > li+li {margin-top: 6px;}
.circle-list {display: flex;justify-content: center;flex-wrap: wrap;max-width: 1050px;margin:0 auto;}
.circle-list li {display: inline-flex;justify-content: center;align-items: center;flex-flow: column;width: 224px;height: 224px;margin:0 15px 15px;color:#fff;font-size: 17px;font-weight: 300;text-align: center;letter-spacing: -1.4px;border-radius: 100%;background-color: #5b98af;}
.circle-list li.half {width: 140px;height: 140px;}
.circle-list li h4 {position: relative;margin-bottom: 24px;color: #fff;font-size: 22px;font-weight: 500;line-height: 1.36;text-align: center;}
.circle-list li h4.bar {margin-bottom: 0;}
.circle-list li h4.bar:after {display: block;width: 22px;height: 1px;margin:12px auto;background-color: rgba(255,255,255,0.36);content:'';}
.circle-list li:nth-of-type(even) {color:#fff;background-color: #003e76;}
.circle-list li:nth-of-type(even) h4 {color:#fff;}
.c-colorBox-list:after {display: block;height: 0;clear: both;content:'';}
.c-colorBox-list > li {display: inline-flex;width: 49.5%;margin-top: 6px;padding:32px;box-sizing: border-box;background-color: #f9f6f0;}
.c-colorBox-list > li.left {float: left;}
.c-colorBox-list > li.right {float: right;}
.c-colorBox-list > li.center {justify-content: center;}
.c-colorBox-list > li span {position: relative;min-width: 120px;padding-left: 20px;font-size: 18px;font-weight: 500;line-height: 1.6;letter-spacing: -0.9px;}
.c-colorBox-list > li span:after {position: absolute;top: 11px;left: 0;width: 8px;height: 8px;border-radius: 100%;background-color: #5b98af;content:'';}
.c-colorBox-list > li span a {padding-right: 40px; color:#101820; background-image: url(/resource/images/plus.png);background-repeat: no-repeat;background-position: 100% 50%;background-size: auto 100%;}
.c-colorBox-list > li ol {}
.c-colorBox-list > li ol li {position: relative;padding-left: 10px;font-size: 17px;font-weight: 300;line-height: 1.6;letter-spacing: -1px;}
.c-colorBox-list > li ol li:after {position: absolute;top: 14px;left: 0;width: 6px;height: 1px;border-radius: 100%;background-color: #333;content:'';}
.c-colorBox-list > li ol li+li {margin-top: 6px;}
.c-colorBox-list-type2 {display: flex;justify-content: center;flex-wrap: wrap;width: calc(100% + 22px);margin-left: -11px;}
.c-colorBox-list-type2 > li {display: inline-flex;width: 100%;margin:11px;padding:50px;box-sizing: border-box;background-color: #f9f6f0;}
.c-colorBox-list-type2 > li p {flex-shrink: 0;position: relative;min-width: 95px;padding-left: 20px;font-size: 24px;font-weight: 500;line-height: 1.4;letter-spacing: -1.9px;}
.c-colorBox-list-type2 > li p:after {position: absolute;top: 13px;left: 0;width: 8px;height: 8px;background-color: #5b98af;content:'';}
.c-colorBox-list-type2 > li span.bar {flex-shrink: 0;width: 60px;height: 1px;margin:20px 30px;background-color: #333;}
.c-colorBox-list-type2 > li span.bar.bg-orange {background-color: #5b98af;}
.c-colorBox-list-type2 > li .text { color: #000;font-size: 16px;font-weight: 300;line-height: 1.6;letter-spacing: -0.8px;word-break: keep-all;}
.c-colorBox-list-type2 > li table * {font-size: 16px;letter-spacing: -0.9px;}
.c-colorBox-list-type2 > li table tr {border-bottom: 15px solid transparent;}
.c-colorBox-list-type2 > li table th {width: 80px;text-align: left;}
.c-colorBox-list-type2 > li ol {}
.c-colorBox-list-type2 > li ol li {position: relative;padding-left: 10px;font-size: 17px;font-weight: 300;line-height: 1.6;letter-spacing: -1px;}
.c-colorBox-list-type2 > li ol li:after {position: absolute;top: 14px;left: 0;width: 6px;height: 1px;border-radius: 100%;background-color: #333;content:'';}
.c-colorBox-list-type2 > li ol li+li {margin-top: 6px;}
.c-colorBox-list-type2.n2 > li {width: calc(50% - 22px);}
.c-colorBox-list-type2.border > li {border-top: 5px solid #5b98af;}
.c-colorBox-list-type2 > li.center {justify-content: center;}
.c-colorBox-list-type2 > li.col {flex-flow: column;}
.c-colorBox-list-type2 > li.col p {margin-bottom: 20px;}
.c-colorBox-list-type2 > li.col .text {padding-left: 20px;box-sizing: border-box;}
.rectangle-list {display: flex;justify-content: center;flex-wrap: wrap;width: calc(100% + 6px);margin-left: -3px;}
.rectangle-list > li {display: inline-flex;justify-content: center;align-items: center;flex-flow: column;width: calc(100% - 6px);min-height:160px;margin:3px;padding:40px 0;font-size: 18px;font-weight: 400;text-align: center;letter-spacing: -1.4px;background-color:#5b98af;box-sizing: border-box;}
.rectangle-list > li h4 {color:#fff;font-size: 18px;font-weight: 400;line-height: 1.36;}
.rectangle-list > li p {margin-bottom: 12px;color: rgba(255, 255, 255, 0.35);font-size: 14px;font-weight: 400;}
.rectangle-list > li:nth-of-type(even) {background-color: #0b5389;}
.rectangle-list.n5 > li {width:calc(20% - 6px);}
.rectangle-list.n4 > li {width:calc(25% - 6px);}
.rectangle-list.n3 > li {width:calc(33.33% - 6px);}
.square-list {display: flex;justify-content: center;flex-wrap: wrap;width: calc(100% + 26px);margin-left: -13px;}
.square-list > li {display: inline-flex;justify-content: center;align-items: center;flex-flow: column;position: relative;width: calc(100% - 26px);min-height:160px;margin:13px;font-size: 18px;font-weight: 400;text-align: center;letter-spacing: -1.4px;box-sizing: border-box;border-style: solid;border-width: 8px;border-image-source: linear-gradient(to right, #5b98af, #004377);border-image-slice: 1;}
.square-list > li:after {display: block;padding-bottom: 100%;content:'';}
.square-list > li > div {position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding-top: 50px;box-sizing: border-box;}
.square-list > li > div img {margin-bottom: 15px;}
.square-list > li > div p {font-size: 18px;font-weight: 500;line-height: 1.36;}
/* .square-list > li span {margin-bottom: 12px;color: rgba(255, 255, 255, 0.35);font-size: 14px;font-weight: 400;} */
.square-list.n5 > li {width:calc(20% - 26px);}
.square-list.n4 > li {width:calc(25% - 26px);}
.square-list.n3 > li {width:calc(33.33% - 26px);}

/* 박스 스타일 */
.border-box {display: flex;flex-wrap: wrap;width: calc(100% + 22px);margin-left: -11px;counter-reset: boxNum;}
.border-box > li {position: relative;margin:0 11px 30px;}
.border-box > li .text {position: relative;padding:47px 0;background-color: #15235c;}
.border-box > li .text:before {display: block;position: absolute;top: 0;left: 0;width:100%;height: 4px;background-color: #15235c;content:'';}
.border-box > li .text > span {display: block;margin-bottom: 6px;font-size: 16px;font-weight: 500;text-align: center;}
.border-box > li .text > span.step {color:#2dd4db;font-family: 'yg-jalnan';font-size: 18px;}
.border-box > li .text > h4 {color:#fff;font-size: 20px;font-weight: 500;line-height: 1.13;letter-spacing: -0.6px;text-align: center;}
.border-box > li .text > h4:after {display: block;width: 40px;height: 1px;margin:20px auto 15px;background-color: #101820;content:'';}
.border-box > li .text > p {color:#fff;font-size: 18px;font-weight: 500;line-height: 1.67; text-align: center;}
.border-box > li .c-middot-list {box-sizing: border-box;}
.border-box > li .c-middot-list li {font-weight: 300;word-break: keep-all;}
.border-box > li.img .image {position: relative;background-color: #faf5f1;background-position: center;background-repeat: no-repeat;}
.border-box > li.img .image:after {display: block;padding-top: 100%;content:'';}
.border-box > li.img .image > img {position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}
.border-box > li.img > img {max-width:100%;}
.border-box > li.img .text {padding:38px 0;}
.border-box > li.img .text > h4 {font-size: 20px;}
.border-box > li.img .text > p {font-size: 18px;}
.border-box > li.num {counter-increment: boxNum;}
.border-box > li.num .text:after {position: absolute;top: 0;left: 50%;width: 58px;height: 58px;color:#fff;font-size: 24px;line-height: 58px;text-align: center;border-radius: 100%;background-color: #5b98af;transform: translate(-50%,-50%); content:counter(boxNum);z-index: 10;}
.border-box > li.num .text {padding:76px 0 47px;}
.border-box.n5 {width: calc(100% + 10px);margin-left: -5px;}
.border-box.n2 > li {width: calc(50% - 22px);}
.border-box.n3 > li {width: calc(33.33% - 22px);}
.border-box.n4 > li {width: calc(25% - 22px);}
.border-box.n5 > li {width: calc(20% - 10px);margin:0 5px 30px;}
.border-box.n2 > li .c-middot-list {padding:0 40px;}
.border-box.n3 > li .c-middot-list {padding:0 50px;}
.border-box.n4 > li .c-middot-list {padding:0 30px;}
.label-box {display: flex;flex-wrap: wrap;width: calc(100% + 22px);margin-left: -11px;}
.label-box li {width: calc(100% - 22px);margin:0 11px;background-color: #f2f2f2;}
.label-box li img {max-width: 100%;}
.label-box li p {padding:10px;color:#fff;font-size: 20px;font-weight: 500;box-sizing: border-box;background-image: linear-gradient(to right, #189a95, #008481, #004277);}
.label-box li p.v2 {padding:26px 0;font-size: 18px;font-weight: 400;}
.label-box li span {display: block;padding:35px;font-size: 18px;font-weight: 500;line-height:1.5;box-sizing: border-box;}
.label-box.n2 li {width: calc(50% - 22px);}
.label-box.n3 li {width: calc(33.33% - 22px);}
.label-box.n4 li {width: calc(25% - 22px);}
.dott-box li {display: flex;justify-content: flex-start;align-items: center;position: relative;padding:25px 0 25px 80px;box-sizing: border-box;background-color: #fff;}
.dott-box li:before {display: inline-flex;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;width: 80px;height: 100%;color:#fff;font-size: 15px;background-color: #5b98af;content:'●';}
.dott-box li+li {margin-top: 20px;}
.dott-box li b {flex-shrink: 0;width: 320px;padding:0 20px;font-size: 18px;font-weight: 500;}
.dott-box li span {padding:0 20px;font-size: 18px;font-weight: 300;}
.c-wide-box .title {position: relative;margin-bottom: 50px;padding-left: 0;font-family: 'NanumSquare';font-size: 32px;font-weight: bold;line-height: 1.6;letter-spacing: -2.2px;}
.c-wide-box .title.dott {padding-left: 36px;}
.c-wide-box .title.dott:before {position: absolute;top: 16px;left: 0;width: 18px;height: 18px;background-color: #5b98af;content:''}
.c-wide-box .small-title {display: block;font-size: 18px;font-weight: 500;line-height: 1.67;letter-spacing: -0.9px;color: #000;}
.c-wide-box .title + .small-title {margin-top: -40px;}
.c-wide-box .bar {display: block;width: 100%;height: 1px;margin:30px auto;background-color: #ddd;}
.c-wide-box p {color: #000;font-size: 18px;line-height: 1.67;letter-spacing: -0.9px;}
.c-wide-box p+p {margin-top: 40px;}

/* 달력 디자인 */
.ui-widget-header { border: 0px solid #dddddd !important; background: #fff !important; } 
.ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; } 
.ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0; } 
.ui-state-default,.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5 !important; background-color: transparent !important; font-weight: normal; color: #454545; text-align: center; } 
.ui-datepicker .ui-datepicker-title { margin: 0 0em; line-height: 16px; text-align: center; font-size: 14px; padding: 0px; font-weight: bold; } 
.ui-datepicker { display: none; background-color: #fff; border-radius: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 20px; padding-bottom: 10px; width: 300px; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); } 
.ui-widget.ui-widget-content { border: 1px solid #eee; } 
#datepicker:focus>.ui-datepicker { display: block; }
#datepicker2:focus>.ui-datepicker { display: block; } 
.ui-datepicker-prev,.ui-datepicker-next { cursor: pointer; } 
.ui-datepicker-next { float: right; } 
.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); } 
.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; } 
.ui-datepicker-calendar { width: 100%; } 
.ui-datepicker-calendar>thead>tr>th { padding: 5px; font-size: 20px; font-weight: 400; } 
.ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 12px !important; font-weight: bold !important; text-decoration: none;}
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; } 
.ui-datepicker-calendar>tbody>tr>td { border-radius: 100%; width: 44px; height: 30px; cursor: pointer; padding: 5px; font-weight: 100; text-align: center; font-size: 12px; } 
.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; } 
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b; } 
.ui-widget-header .ui-icon { background-image: url('../images/btns.png') !important; } 
.ui-icon-circle-triangle-e { background-position: -20px 0px !important; background-size: 36px !important; } 
.ui-icon-circle-triangle-w { background-position: -0px -0px !important; background-size: 36px !important; } 
.ui-datepicker-calendar>tbody>tr>td:first-child a { color: red !important; } 
.ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0099ff !important; } 
.ui-datepicker-calendar>thead>tr>th:first-child { color: red !important; } 
.ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff !important; } 
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { border: 0px; background: #f1f1f1; border-radius: 50%; padding-top: 10px; padding-bottom: 10px; } 
.inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; } 
.inp:focus { outline: none; background-color: #eee; } 

/* 게시판 검색박스 */
.search-box {overflow: hidden;position: relative;display: block;width: 100%;max-width: 380px;height: 60px;margin: 0px auto 40px;border: 1px solid #ccc;box-sizing: border-box;border-radius: 32px;}
.search-box input {width: 100%;height: 100%;padding: 0 25px;color: #333;font-size: 20px;font-family: 'Noto Sans Kr';letter-spacing: -1.2px;border: none;outline: none;box-sizing: border-box;background-color: rgba(255, 255, 255, 0);}
.search-box input::placeholder {color:#ddd;font-size: 18px;}
.search-box button {position: absolute;top: 50%;right: 20px;width: 19px;height: 18px;margin-top: -9px;text-indent: -9999px;background-image: url("/resource/images/search-gray.png");background-repeat: no-repeat;background-position: 0 0;background-size: cover;}

/* 탭 */
[id*="tab"] {display: flex;justify-content: center;margin-bottom: 60px;}
[id*="tab"] li {width: 100%;max-width: 261px;}
[id*="tab"] li a {display: flex;justify-content: center;width: calc(100% - 8px);height: 65px;margin:0 4px;color:#333;font-family: 'Noto Sans Kr';font-size: 18px;font-weight: 500;line-height: 65px; background-color: #f1f1f1;}
[id*="tab"] li.on a {color:#fff;background-color: #5b98af;box-shadow: 5px 8px 10px 0 rgba(0, 0, 0, 0.24);}
[id*="tab"].no-li-side li a {width: 100%;margin:0;}
[id*="tab"].no-li-side li.on a {box-shadow: none;}

.common-acco .acco-section > .panel {margin-top:2px;}
.common-acco .acco-section > .panel:first-child {margin-top:0;}
.common-acco .acco-section .header {padding:22px 25px 22px 58px;font-family:'yg-jalnan';font-size:1.25em;font-weight:400;line-height:1.3em;color:#0f358c;text-indent:-33px;background-color:#39d4db;cursor:pointer;}
.common-acco .acco-section .contain {display:none;padding:25px 25px 35px 58px;line-height:1.5em;color:#333;}
.common-acco .acco-section .contain li {position: relative; padding-left: 15px; margin-bottom: 20px;}
.common-acco .acco-section .contain li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #9e425f;
}
.common-acco .acco-section .contain li:last-child {margin-bottom: 0;}
.common-acco .sub-title {
    font-family: 'yg-jalnan';
    font-size: 24px;
    line-height: 1.43;
    letter-spacing: -2px;
    text-align: left;
    margin-bottom: 20px;
}

.table-time {width: 50%; margin-top: 20px;}
.table-time tr td:first-child {width: 10%;}
.table-time tr td {width: 33%; padding: 10px 15px; border: 1px solid #e7e7e7; text-align: center;}
.table-time tr td:last-child {border-right: 0;}
.table-time tr td:first-child {border-left: 0;}
.table-time tr td._bg {background-color: #39d4db33;}

/* 
	Header
*/
header {
	display: flex;
	flex-wrap: wrap;
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 1920px;
	background-color: #2dd4db;
	z-index: 9999;
}
header .home-more {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9000;
}
header .home-blog {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9000;
}
header .logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 88px;
}
header nav {
	width: 100%;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}
header nav ul {
	display: flex;
	justify-content: center;
}
header nav ul li {
	position: relative;
	margin:0 15px;
	padding:15px 30px;
}
header nav ul li.on:after {
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #2dd4db;
	content:'';
}
header nav ul li a {
	display: block;
	color:#333 !important;
	font-size: 20px;
	font-weight: 500;
}

/* 
	Footer
*/
footer {
	display: flex;
	flex-wrap: wrap;
}
footer .f-map {
	width: 50%;
}
footer .f-bus {
	width: 50%;
	padding:70px 0;
	box-sizing: border-box;
	background-color: #313131;
}
footer .f-bus .inner {
	max-width: 724px;
	margin:0 auto;
}
footer .f-bus .place {
	position: relative;
	margin-bottom: 35px;
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -1.5px;
}
footer .f-bus .place:before {
	position: absolute;
	top: -4px;
	left: -54px;
	width: 27px;
	height: 38px;
	background-image: url(../images/f-place.png);
	background-repeat: no-repeat;
	content:'';
}
footer .f-bus .cont-tit {
	margin-bottom: 20px;
	padding-left: 0;
	color:#fff;
	font-size: 18px;
  	font-weight: 500;
}
footer .f-bus .cont-box+.cont-tit {
	margin-top: 45px;
}
footer .f-bus .cont-box {
	padding:23px 0 10px;
}
footer .f-bus .cont-box * {
	color:#fff;
}
footer .f-bus .cont-box+.cont-box {
	padding-top: 0;
}
footer .f-bus .cont-box:before {
	background-color: rgba(255, 255, 255, 0.35);
}
footer .f-bus .cont-box:after {
	width: 135px;
	height: 1px;
	background-color: #fab31b;
}
footer .f-bus .cont-box .cont-label {
	width: 180px;
	padding-left: 0;
	font-size: 16px;
}
footer .f-bus .cont-box .cont {
	margin-left: 0;
	font-size: 16px;
	font-weight: 300;
}
footer .f-bus .cont-box .cont .bus-line {
	display: inline-block;
	padding:0 8px 2px;
	border-radius: 15px;
}
footer .f-bus .cont-box .cont .bus-line.blue {
	background-color: #1616dc;
}
footer .f-bus .cont-box .cont .bus-line.red {
	background-color: #e81303;
}
footer .f-bus .cont-box .cont .bus-line.green {
	background-color: #41891e;
}
footer .f-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	margin:0 auto;
	padding:60px 98px;
	background-color: #f3eee5;
}
footer .f-info h1 {
	margin-bottom: 30px;
	font-family: 'yg-jalnan';
	font-size: 30px;
	font-weight: normal;
	line-height: 1.73;
	letter-spacing: -1.5px;
}
footer .info {
	display: flex;
	align-items: center;
	/* justify-content: flex-end; */
	flex-wrap: wrap;
	flex-shrink: 0;
	width: 100%;
	margin-bottom: 15px;
}
footer .info span {
	display: inline-block;
	position: relative;
	margin-left: 31px;
	padding-left: 31px;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.9px;
}
footer .info span:after {
	position: absolute;
	top: 50%;
	left: -6px;
	width: 12px;
	height: 12px;
	margin-top: -5px;
	border-radius: 100%;
	background-color: #1fc2c9;
	content:'';
}
footer .info span:first-child {
	/* margin-left: 0;
	padding-left: 0; */
}
footer .info span:first-child:after {
	/* display: none; */
} 
footer .info span.tel {
	font-family: 'yg-jalnan';
	font-size: 33px;
	font-weight: normal;
	letter-spacing: normal;
	/* transform: translateY(3px); */
}
footer .info span.tel:after {
	/* margin-top: -4px; */
}
footer .info span.tel b {
	color:#1fc2c9;
}
footer .info span small {
	display: inline-block;
	opacity: 0;
}

.main-tit {
	margin-bottom: 30px;
	text-align: center;
}
.main-tit h2 {
	display: inline-block;
	padding:4px 30px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.63;
	letter-spacing: normal;
	border:6px solid #2dd4db;
	border-radius: 25px;
	box-sizing: border-box;
}
.main-tit p {
	font-size: 18px;
	line-height: 1.67;
	letter-spacing: -0.9px;
}
.main-tit h2+p {
	margin-top: 33px;
}
.sub-tit {
	text-align: center;
}
.sub-tit h3 {
	font-family: 'yg-jalnan';
	font-size: 40px;
	line-height: 1.43;
	letter-spacing: -2px;
	text-align: center;
}
.sub-tit .bar {
	display:block;
	width: 51px;
	height: 1px;
	margin: 35px auto;
	background-color: #333;
}
.sub-tit p {
	font-size: 18px;
	line-height: 1.67;
	letter-spacing: -0.9px;
}

/* 치료후기 */
.board-search * {box-sizing: border-box;}
.experience-list {width:calc(100% + 20px);margin-top:60px;margin-left:-10px;font-size:0;line-height:0;}
.experience-list > li {min-height:510px;display:inline-block;padding:10px;width:25%;vertical-align: top;}
.experience-list > li .picture {display:block;position: relative;padding-top:120%;}
.experience-list > li .picture img {position:absolute;top:0;left:0;width:100%;height:100%;}
.experience-list:after {content:'';display:block;clear:both;}
.experience-list img.block {outline:1px #ddd solid;box-sizing:border-box;}
.exp-tit {padding:15px 0;font-size:20px;line-height:30px;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;}
.experience-list p {padding:12px 0;border-bottom:1px #ddd solid;}
.experience-list p > span {display:block;display:-webkit-box;height:85px;overflow:hidden;font-size:16px;line-height:28px;color:#666;word-wrap:break-word;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

.experience-list {margin-top:50px;}
.exp-info {border-top:2px #008dcd solid;}
.exp-info dd {display:inline-block; padding:9px 9px 9px 0;font-size:16px;line-height:32px;color:#333;}
.exp-info dd:after {content:'/';margin-left:5px;}
.exp-info dd:last-child:after {display:none;}
.exp-num {border-top:1px #ddd solid;padding:9px 0;font-size:14px;line-height:32px;color:#999;}
.exp-num:after {content:'';display:block;clear:both;}
.exp-num span.num {float:left;}
.exp-num span.date {float:right;}

@media screen and (max-width:1600px) {
	footer .f-bus {
		padding:3.5vw 0;
	}
	footer .f-bus .place {
		padding-left: 54px;
		font-size: 2vw;
		line-height: 1.5;
	}
	footer .f-bus .place:before {
		left: 0;
	}
}
@media screen and (max-width:1360px) {
	#wrap {padding-top: 176px;}
	.tb-show {display: inherit !important;}
	.tb-hide {display: none !important;}
	.img-box {
		max-width: 720px;
		margin:0 auto;
	}
	header {
		left: 0;
	}
	header .logo {
		width: 100%;
		height: 117px;
	}
	header .home-more {
		position: fixed;
		top: auto;
		bottom:30px;
		right: 31px;
		left: auto;
		width: 167px;
		height: 161px;
		background-image: url(../images/hom-more-m.png);
		background-repeat: no-repeat;
		z-index: 9000;
	}
	header .home-blog {
		position: fixed;
		top: auto;
		bottom: 210px;
		right: 31px;
		left: auto;
		width: 167px;
		height: 161px;
		background-image: url(../images/home-blog-m.png);
		background-repeat: no-repeat;
		z-index: 9000;
	}
	header .home-more img {
		display: none;
	}

	header .home-blog img {
		display: none;
	}
	footer .f-map {
		width: 100%;
	}
	footer .f-bus {
		width: 100%;
	}
	footer .f-bus .inner {
		max-width: 100%;
	}
	footer .f-info {
		padding:60px 30px;
		box-sizing: border-box;
	}
	footer .info {
		justify-content: flex-start;
		flex-shrink: 1;
	}
	
	.img-cont .img img {
		width: auto;
		height: 100%;
	}
	/* footer .info span.tel {
		margin-left: 0;
	}
	footer .info span.tel:after {
		left: 0;
	} */
}
@media screen and (max-width:1024px) {
	.border-box.n4 {
		justify-content: center;
	}
	.border-box.n4 > li {
		width: calc(50% - 22px);
		max-width: 323px;
	}
	.img-cont .text {
		padding: 46px;
	}
	.experience-list > li {
		width: 33.33%;
	}
}
@media screen and (max-width:960px) {
	.img-cont {
		flex-wrap: wrap;
		max-width: 666px;
		margin:0 auto;
	}
	.img-cont .img {
		width: 100%;
		order: 1;
	}
	.img-cont .text {
		width: 100%;
		order: 2;
	}
	header nav ul li {
		margin:0;
	}
	footer {
		overflow: hidden;
	}
	footer .f-bus .place {
		font-size: 28px;
	}
	footer .f-info {
		display:block;
		width: 100%;
	}
	footer .info {
		display: block;
	}
	footer .info span {
		display: block;
		width: 100%;
		margin-left: 0;
		padding-left: 20px;
		line-height: 1;
	}
	footer .info span:after {
		left: 0;
	}
	footer .info span.tel {
		line-height: 1;
	}
	footer .info span {
		margin-top: 30px;
	}
}
@media screen and (max-width:720px) {
	.root_daum_roughmap .wrap_map {
		height: 300px !important;
	}
	/* header nav ul li a {
		font-size: 16px;
	} */
	footer .f-bus .place {
		font-size: 24px;
	}
	.experience-list > li {
		width: 50%;
	}

	.common-acco .sub-title {
        font-family: 'yg-jalnan';
        font-size: 30px;
        line-height: 1.43;
        letter-spacing: -2px;
        text-align: left;
        margin-bottom: 20px;
    }

    .common-acco .acco-section .header {
        padding: 22px 25px 22px 58px;
        font-family: 'yg-jalnan';
        font-size: 1.55em;
        font-weight: 400;
        line-height: 1.3em;
        color: #0f358c;
        text-indent: -33px;
        background-color: #39d4db;
        cursor: pointer;
    }

    .common-acco .acco-section .contain {
        display: none;
        padding: 25px 25px 35px 58px;
        line-height: 1.5em;
        color: #333;
        font-size: 1.4em;
    }

	.table-time {
        width: 100%;
    }
}