@charset "UTF-8";
/* 공통요소 */
body {min-width: 1300px;max-width: 1920px;width: 100%;margin:0 auto;}
hr {height:1px;margin:60px 0;border:none;background-color: #ddd;}

/*
#wrap.main {background-image: url(/resource/images/main-bg.png);background-attachment: fixed;background-repeat: no-repeat;background-position: center;}
*/

#container.sub {
    position: relative;
    width: 100%;
    min-height: 800px;
    margin: 0 auto;
    /* padding: 0 30px 60px 380px; */
    box-sizing: border-box;
    text-align: center;
}
.width-webkit {width: -webkit-fill-available;}
.inner {width: 100%;max-width: 1300px;margin:0 auto;}
.mb-hide {display: inherit;}
.mb-show {display: none !important;}
.c-point-box {padding:20px;box-sizing: border-box;background-color: #284a94;}
.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 46px;box-sizing: border-box;background-color: #f9f9f9;}
.img-cont .text h4 {position: relative;margin-bottom: 20px;font-size: 26px;line-height: 1.35;letter-spacing: -2.1px;}
.img-cont .text p {font-size: 18px;font-weight: 500;line-height: 1.67;letter-spacing: -0.9px;word-break: keep-all;}
.contents {padding: 100px 0 0 0;}
.contents.no-pad {padding: 0;}
.contents.no-top-pad {padding-top: 0;}
.contents.no-bottom-pad {padding-bottom: 0;}
.contents.half-pad {padding: 75px 0;}
.contents.half-top-pad {padding-top: 75px;}
.contents.half-bottom-pad {padding-bottom: 75px;}
.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 #284a94;}
.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: #284a94;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 p .cont-span {color: #284a94;}
.title-circle {
	width: 7px;
	height: 7px;
	background-color: #284a94;
	border-radius: 100%;
	display: inline-block;
	vertical-align: middle;
}
.title-txt {
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: -1px;
	word-break: keep-all;
}
.title-txt-sub {
	color: #284a94;
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: -1px;
	word-break: keep-all;
}
.cont-box .cont .img-box {margin:30px 0;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-point {color:#284a94 !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: #284a94;}

/* 넓이 % */
.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 {position: relative;width: 100%;margin:0 auto;border:3px solid #284a94;box-sizing: border-box;}/* 임시 색상 */
.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: #284a94;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: #284a94;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: #284a94;}
.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: #284a94;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: #284a94;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: #284a94;}
.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 #284a94;}
.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:#284a94;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, #284a94, #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;background-color: #f9f9f9;}
.border-box > li .text {position: relative;padding:47px 0;}
.border-box > li .text:before {display: block;position: absolute;top: 0;left: 0;width:100%;height: 4px;background-image: linear-gradient(to right, #189a95, #008481, #004277);content:'';}
.border-box > li .text > span {display: block;margin-bottom: 6px;font-size: 16px;font-weight: 500;text-align: center;}
.border-box > li .text > h4 {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 {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 > img {max-width:100%;}
.border-box > li.img .text {padding:38px 0;}
.border-box > li.img .text > h4 {font-size: 18px;}
.border-box > li.img .text > p {font-size: 16px;}
.border-box > li.num {counter-increment: boxNum;}
.border-box > li.num > img {width: 100%;max-width:100%;}
.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: #284a94;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: #284a94;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: #284a94;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;}
.message-box {padding:30px;border:1px solid #ddd;box-sizing: border-box;}

/* 달력 디자인 */
.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: #284a94;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;}

/* 썸네일 */
#thumb-box {
	margin-top: 50px;
}
#thumb-box .thumb {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 20px);
	margin-left: -10px;
}
#thumb-box .thumb li {
	width: calc(25% - 20px);
	margin: 0 10px 20px;
	border: 1px solid #cacaca;
	box-sizing: border-box;
}
#thumb-box .thumb li .img {
	overflow: hidden;
	position: relative;
	width: 100%;
}
#thumb-box .thumb li .img:after {
	display: block;
	padding-bottom: 68%;
	content: '';
}
#thumb-box .thumb li .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#thumb-box .thumb li .text {
	padding: 30px;
	box-sizing: border-box;
}
#thumb-box .thumb li .text h4 {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
}
#thumb-box .thumb li .text p {
	display: block;
	margin-bottom: 10px;
	color: #b98b70;
	font-size: 15px;
	line-height: 1.4;
}
#thumb-box .thumb li .text span.date {
	margin-top: 20px;
	display: block;
	font-family: 'Lato';
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	color: #949494;
}
#thumb-box .thumb li .tag {
	padding: 0 30px 30px;
	box-sizing: border-box;
}
#thumb-box .thumb li .tag span {
	display: inline-block;
	margin: 5px 0;
	padding: 5px 10px;
	color: #333;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.2;
	border: 1px solid #0b778e;
	border-radius: 30px;
}

/* 팝업배너 */
#popBanner {
	/* display: none; */
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 44px;
	z-index: 10000;
}

#popBanner .open-wrap {
	position: absolute;
	width: 100%;
	height: 44px;
	top: 0;
	background-image: url(/resource/images/popBnnrBg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% 100%;
	z-index: 12;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms;
	transition: -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms;
	transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms;
	transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms, -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms;
}

#popBanner .open-wrap .open-button {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
	font-family: 'Lato';
	font-size: 16px;
	font-weight: bold;
	text-indent: 34px;
	letter-spacing: 9.6px;
	background-image: url(/resource/images/popBnnrBg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% 100%;
}

#popBanner .open-wrap .open-button b {
	color:#a27e68;
	font-weight: bold;
}

#popBanner .popBanner-wrap {
	position: relative;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

#popBanner .swiper-container {
	/* height: 400px; */
	z-index: 4;
}

#popBanner .swiper-slide {
	overflow: hidden;
}
#popBanner .swiper-slide .text {
	display: none;
}
#popBanner .swiper-slide img {
	position: relative;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
}

#popBanner .swiper-button {
	position: absolute;
	display: inline-block;
	bottom: 0;
	right: 26px;
	width: 114px;
	height: 38px;
	margin-left: auto;
	z-index: 1;
	/* border: 1.2px solid #fff; */
	border-radius: 19px;
}

#popBanner .swiper-button-next,
#popBanner .swiper-button-prev {
	display: inline-block;
	top: 50%;
	width: 57px;
	height: 38px;
	margin-top: -19px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url("/resource/images/arr3.svg");
	background-color: rgba(0,0,0,0.1);
	background-size: 15px 15px;
	background-position: center center;
	background-repeat: no-repeat;
	border: none !important;
	vertical-align: top;
}

#popBanner .swiper-button-next {
	right: 0;
	border-radius: 0 19px 19px 0;
}

#popBanner .swiper-button-prev {
	left: 0;
	border-radius: 0 19px 19px 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

#popBanner .swiper-button-next:after,
#popBanner .swiper-button-prev:after {
	display: none;
}

#popBanner .control-wrap {
	position: absolute;
	width: 100%;
	max-width: 1920px;
	height: 38px;
	left: 0;
	right: 0;
	bottom: 10px;
	margin: auto;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 5;
}

#popBanner .control-wrap .swiper-pagination {
	top: 50%;
	left: 40px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#popBanner .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 50px;
	font-size: 0;
	max-width: 1120px;
	padding: 0 40px;
	right: 0;
	margin: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
}

#popBanner .swiper-pagination-bullet {
	position: relative;
	width: 11px;
	height: 11px;
	margin: 0 2px;
	border-radius: 50%;
	border: 1px solid transparent;
	-webkit-transition: width 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: width 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
	background: transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 1;
	vertical-align: middle;
}

#popBanner .swiper-pagination-bullet:before {
	position: absolute;
	top: 3px;
	left: 3px;
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	background: #fff;
	border-radius: 50%;
}

#popBanner .swiper-pagination-bullet-active {
	border: 1px solid #fff;
	background: transparent;
	opacity: 1;
}

#popBanner .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(0.43);
	transform: scale(0.43);
}

#popBanner .close-btn {
	opacity: 0;
}

#popBanner .close-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	background-color: rgba(0,0,0,0.1);
	z-index: 5;
}

#popBanner .close-btn:before,
#popBanner .close-btn:after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	display: inline-block;
	width: 2px;
	height: 20px;
	background: #284a94;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

#popBanner .close-btn:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.active #popBanner {
	overflow: hidden;
	height: auto;
}

.active #popBanner .popBanner-wrap {
	z-index: 12;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.active #popBanner .open-wrap {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 450ms cubic-bezier(0.215, 0.61, 0.355, 1);
	z-index: 8;
}

.active #popBanner .close-btn {
	top: 11px;
	right: 26px;
	opacity: 1;
}

.active #popBanner .close-btn:before,
.active #popBanner .close-btn:after {
	height: 30px;
}

#popBanner_hide_button {
	z-index: 10 !important;
	cursor: pointer;
	opacity: 0;
}

.button_plus {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 24px;
}

.button_plus span:nth-of-type(1) {
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 0;
	width: 10px;
	height: 2px;
	background: #fff;
	-webkit-transform: translate(0, -50%) rotate(90deg);
	transform: translate(0, -50%) rotate(90deg);
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.button_plus span:nth-of-type(2) {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 50%;
	height: 10px;
	width: 2px;
	background: #fff;
	-webkit-transform: translate(-50%, 0) rotate(-90deg);
	transform: translate(-50%, 0) rotate(-90deg);
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.background_gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #111729;
	animation: gradientBg 8000ms infinite linear;
	z-index: -1;
}

/* 
	Quick
*/
#quick {
	display: flex;
	align-items: flex-end;
	flex-flow: column;
	position: fixed;
	right: 0;
	bottom: 50%;
	min-width: 52px;
	max-width: 160px;
	transform: translateY(35%);
	z-index: 8000;
}
#quick a {
	overflow: hidden;
	display: block;
	width: 71px;
	height: 71px;
	border-bottom: 0;
	box-sizing: border-box;
	background-color: #284a94;
	transition: width 0.4s;
}
#quick a.icon1 {
    background-color: #58a2c9;
}
#quick a.icon2 {
    background-color: #314f88;
}
#quick a.icon-you,
#quick a.icon-blog,
#quick a.icon-kakao {
	border-color: #cbcbcb !important;
	background-color: #0b5389 !important;
}
#quick a.icon-blog {
	margin-top: -1px;
}
#quick a.icon1.mb,
#quick a#more {
	display: none;
}
#quick a i {
	display: inline-block;
	height: 100%;
	padding-left: 69px;
	background-repeat: no-repeat;
	background-position: center;
	box-sizing: border-box;
	vertical-align: middle;
}
#quick a:not(#top) span {
	overflow: hidden;
	display: none;
	margin-top: -2px;
	color: #333;
	font-size: 18px;
	font-weight: 400;
	font-family: 'Noto Sans kr';
	white-space: nowrap;
	vertical-align: middle;
}
#quick a.icon1 i {
	background-image: url("/resource/images/quick-01.png");
}
#quick a.icon2 i {
	background-image: url("/resource/images/quick-02.png");
}
#quick a.icon3 i {
	background-image: url("/resource/images/quick-03.png");
}
#quick a.icon-kakao i {
	background-image: url("/resource/images/q-kakao.png");
}
#quick a.icon-you i {
	background-image: url("/resource/images/q-you.png");
}
#quick a.icon-blog i {
	background-image: url("/resource/images/q-blog.png");
}
#quick a:not(#top):hover {
	width: 160px;
}
#quick a:not(#top):hover i {
	background-color: #284a94;
}
#quick a.icon-kakao:not(#top):hover i,
#quick a.icon-you:not(#top):hover i,
#quick a.icon-blog:not(#top):hover i {
	background-color: #0b5389 !important;
}
#quick a:not(#top):hover span {
	display: inline-block;
	padding-left: 10px;
	color:#fff;
	line-height: 50px;
}

/* 
	Header
*/
.m-bg {
	display: none;
}
header {
	display: flex;
	position: fixed;
	top: 0;
	/* left: 50%; */
	width: 100%;
	max-width: 1920px;
	min-width: 1024px;
	min-height: 86px;
	margin:0 auto;
	padding:0 50px;
	box-sizing: border-box;
	background-color: transparent;
	z-index: 9999;
    justify-content: flex-end;
}
header.on:after {
	position: absolute;
	top: 86px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e2e2e2;
	z-index: 104;
	content:'';
}
header.on {
    /*
	border-bottom: 1px solid #e2e2e2;
    */
    background-color: #fff;
    transition-property:background-color;
    transition-duration:1s;
}
header * {
	font-family: 'Noto Sans Kr';
}
header .logo {
	position: absolute;
	top: 6px;
	left: 50px;
}
header .logo a {
	display: block;
	padding:18px 0;
	box-sizing: border-box;
	position: relative;
	z-index: 100;
}
header nav {
	width: 100%;
	max-width: 1100px;
}
.header-symbol {
	position: absolute;
	left: 95px;
	display: none;
	z-index: 99;
}
header #gnb {
	display: flex;
    justify-content: space-between;
}
header #gnb li span {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 86px;
    justify-content: center;
}
header #gnb li:last-of-type span::after {
	display: none;
}
header #gnb li span::before {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	max-width: 160px;
	height: 3px;
	background-color: #284a94;
	transform: translateX(-50%);
	transition: width 0.3s;
	content:'';
	z-index: 1113;
}
header #gnb li:hover span::before {
	width: 100%;
}

header.on #gnb li span a {
    color: #333;
}
header #gnb li span a {
	/* display: inline-block; */
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.9px;
}
header #gnb .snb {
	display: none;
	height: 231px;
	padding:36px 0 85px;
	box-sizing: border-box;
}
header #gnb .snb a:hover {
	color:#284a94;
}
header #gnb .snb>li {
	text-align: center;
}
header #gnb .snb>li+li {
	margin-top: 8px;
}
header #gnb .snb>li>a {
	color: #101820;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.9;
	letter-spacing: -1.13px;
	word-break: keep-all;
}
header .head-tel {
	position: absolute;
	display: flex;
	top: 28px;
	right: 50px;
	font-size: 16px;
}

header .head-tel .mb-hide {
    align-items: center;
}

header .head-tel a {
	position: relative;
	margin-left: 11px;
	padding-left: 11px;
	color:#101820;
	font-size: 20px;
	font-weight: 900;
}
header .head-tel a:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 14px;
	margin-top: -6px;
	background-color: rgba(60, 60, 60, 0.43);
	content:'';
}
header .m-quick,
header .ham, header .phone {
	display: none;
}
header .menu-close {
	display: none;
}
.menu-fixed {
    position: relative;
}
.menu-fixed ul {
    display: none;
    height: 231px;
    margin-left: -73px;
    position: absolute;
    left: 30px;
    width: 160px;
}

/* Footer */

#foot-map {
    position: relative;
}
#foot-map .map {
	position: relative;
    height: 683px;
}

#foot-map .map img {
    height: 683px;
}

#foot-map ._wrap {
    max-width: 1330px; 
    margin:0 auto; 
    position:relative;
}

#foot-map .map-info {
    position: absolute;
    top: -85px;
    left: 0px;
    width: 490px;
    height: 490px;
    display: flex;
    flex-direction: column;
    background-color: #58a2c9;
    padding: 71px 44px 83px 40px;
    box-sizing: border-box;
    z-index: 10;
}

#foot-map .map-info ._top p {
    font-family: 'Lato';
    font-size: 30px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

#foot-map .map-info ._top span {
    font-family: 'Pretendard';
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.5px;
    text-align: left;
    color: #fff;
    margin-top: 29px;
    display: block;
    border-bottom: 1px solid #ffffff40;
    padding-bottom: 57px;
}

#foot-map .map-info ._bottom p {
    font-family: 'Lato';
    font-size: 30px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-top: 47px;
    margin-bottom: 30px;
}

#foot-map .map-info ._bottom span {
    font-family: 'Lato';
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1.6; */
    letter-spacing: -0.5px;
    text-align: left;
    color: #fff;
}

.box-fnb {
    display: flex;
    justify-content: center;
    padding: 26px 0 28px;
    background-color: #fff; 
}

.box-fnb #fnb {
    display: flex;
}

footer {
	position: relative;
	padding: 0px 0 105px 0;
	background-color: #363636;
	z-index: 10;
}
footer .inner {
    max-width: 1330px;
	display: flex;
	flex-wrap: wrap;
    padding-top:116px;
}

footer .inner .l-box {
    display: flex;
    align-items: flex-end;
}

footer .inner .l-box:first-child {
	width: 556px;
}

footer .inner .l-box:nth-child(2) {
	margin-right: 57px;
}

footer .inner ._box-01 {
    display: flex;
    align-items: flex-start;
    padding-left: 50px;
}

footer .inner .l-box.align-center {
	align-items: center;
}

footer .inner .l-box .tit {
	display: inline-flex;
	align-items: center;
	width: 135px;
	color:#fff;
}
footer .inner .l-box .tit img {
	margin-right: 15px;
}
footer .inner .l-box .num p {
	display: flex;
	align-items: baseline;
	color:#b4b4b4;
	font-size: 15px;
	font-family: 'Lato';
	line-height: 1;
    margin-bottom: 10px;;
}
footer .inner .l-box .num p span {
	margin-left: 8px;
    font-family: 'Lato';
    font-size: 32px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}
footer .inner .l-box .num p span a {
    font-family: 'Pretendard';
    font-size: 18.5px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.16;
    letter-spacing: -0.46px;
    text-align: left;
    color: #fff;
}
footer .inner table th {
	padding-right: 30px;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 500;
	line-height: 1.67;
	text-align: left;
	color: #b4b4b4;
}
footer .inner table td {
	padding:2px 0;
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: 500;
	line-height: 1.67;
	text-align: left;
	color: #fff;
}
footer .inner .sns {
	margin-top: 45px;
}
footer .inner .sns p {
	color: #fff;
	font-family: 'Lato';
	font-size: 18px;
	font-weight: 900;
}
footer .inner .sns ul {
	display: flex;
	width: calc(100% + 4px);
	margin-top: 15px;
	margin-left: -2px;
}
footer .inner .sns li {
	width: calc(33.33% - 4px);
	margin:0 2px;
}
footer .inner .sns li a {
	display: block;
	line-height: 60px;
	text-align: center;
	background-color: #515151;
}
footer #bottom {
	margin-top: 50px;
    padding-left: 61px;
}
footer #bottom .inner {
	display: block;
    border-top: 1px solid #ffffff20;
    padding-top: 50px;
}

footer ._top-bnnr {
    /*
    background: url('/resource/images/img-footer.png') no-repeat; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 454px;
    */
    width: 100%;
}

footer ._top-bnnr span { 
    font-family: 'Nanum Myeongjo';
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #fff; 
    display:block;
    margin-bottom: 39px;
}

footer ._top-bnnr p {
    font-family: 'Nanum Myeongjo';
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.75;
    letter-spacing: -2px;
    text-align: center;
    color: #fff;
} 

footer ._top-bnnr p a {
    position: relative;
} 

footer ._top-bnnr p a:after {
    content: '';
    position: absolute;
    top: -10px;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
}


#fnb li a {
	font-size: 18px;
	position: relative;
	display: inline-block;
	margin-right: 20px;
	padding-right: 20px;
	color: #333;
	font-size: 18px;
}
#fnb li:not(:last-child) a:after {
    position: absolute;
    top: 50%;
    right: -1px;
    width: 1px;
    height: 14px;
    margin-top: -6px;
    background-color: #d7d7d7;
    content: '';
}
footer .f-info {
	margin-bottom: 10px;
}
footer .f-info span {
	position: relative;
	display: inline-block;
	margin-right: 20px;
	padding-right: 20px;
	color: #b7b7b7;
	font-size: 18px;
	font-family: 'Pretendard';
}
footer .f-info span:not(:last-child):after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 14px;
	margin-top: -6px;
	background-color: #b7b7b7;
	content:'';
}
footer .copy {
	color: #b7b7b7;
	font-size: 18px;
}



/* 
	Main
*/
#main-banner {
	position: relative;
}
#main-banner .swiper-slide {
	overflow: hidden;
}
#main-banner .swiper-slide img {
	/* max-width: 100%; */
	min-height: 500px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
#main-banner .swiper-slide .inner {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#main-banner .swiper-slide .inner * {
	color: #fff;
	text-align: center;
}

#main-banner .swiper-slide._slide03 .inner h2 {
	font-family: 'Pretendard';
    font-size: 60px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: -1.5px;
    text-align: center;
    color: #fff;
}

#main-banner .swiper-slide._slide03 .inner h2 b {
    color: #5daad3;
}

#main-banner .swiper-slide._slide02 h2 {
    font-family: 'Pretendard';
    font-size: 60px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: -1.5px;
    text-align: center;
    color: #fff;
}

#main-banner .swiper-slide._slide02 h2 b {
    font-weight: 800;
}

#main-banner .swiper-slide._slide02 .inner span, #main-banner .swiper-slide._slide03 .inner span {
    width: 413px;
    display: block;
    height: 63px;
    line-height: 63px;
    border: 1px solid #d7cdc7;
    margin: 0 auto;
    font-family: 'Pretendard';
    font-size: 23px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 31.7; */
    letter-spacing: 4.14px;
    text-align: center;
    color: #fff;
    margin-bottom: 49px;
}

#main-banner .swiper-slide._slide03 .inner p {
	margin-top: 40px;
	color: #fff;
	font-family: 'NEXON Lv2 Gothic';
	font-size: 29px;
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: -2.21px;
}


#main-banner .swiper-slide._slide01 .inner h2 {
    font-family: 'Lato';
    font-size: 66.5px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
} 

#main-banner .swiper-slide._slide01 .inner h2 b {
    color:#314f88;
    font-weight: 900;
}

#main-banner .swiper-slide._slide01 .inner span {
    font-family: 'Pretendard';
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.75px;
    text-align: center;
    color: #fff;
    display: block;
}

#main-banner .swiper-button-box {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 7%;
	left: 50%;
	width: 100%;
	height: 1px;
	max-width: 1460px;
	padding: 0 30px;
	box-sizing: border-box;
	transform: translateX(-50%);
	z-index: 10;
}
#main-banner .swiper-button-box .swiper-pagination {
	position: relative;
	width: auto;
	color: #fff;
	letter-spacing: -2px;
}
#main-banner .swiper-button-box .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	margin-right:8px;
    box-sizing: border-box;
    border: 3px solid #b9b9b9;
    background-color: transparent;
	opacity: 1;
}
#main-banner .swiper-button-box .swiper-pagination-bullet-active {
	border: 3px solid #fff;
	box-sizing: border-box;
	background-color: transparent;
    width: 14px;
	height: 14px;
}

#main-banner .swiper-button-box .button-prev {
    background: url(/resource/images/slide-btn-prev.png) no-repeat;
    height: 20px;
    width: 11px;
    cursor: pointer;
    margin-right: 30px;
}

#main-banner .swiper-button-box .button-next {
    background: url(/resource/images/slide-btn-next.png) no-repeat;
    height: 20px;
    width: 11px;
    cursor: pointer;
    margin-left: 18px;
}

#main-small-banner {
    display: flex;
    height: 80px;
}

#main-small-banner ._left {
    width: 50%;
    background: #314f88;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0 20px;
}

#main-small-banner ._left ._box-01 {
    display: flex;
    align-items: center;
}

#main-small-banner ._left ._box-01 img {
    margin-right: 5px;
}

#main-small-banner ._left ._box-01 span:nth-child(2) {
    font-family: 'Pretendard';
    font-size: 18.5px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.46px;
    text-align: left;
    color: #fff;
    margin-right: 20px;
}

#main-small-banner ._left ._box-01 span:nth-child(3) {
    font-family: 'Lato';
    font-size: 34.5px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

#main-small-banner ._left ._box-01 span:nth-child(3) b {
	color: #62cde0;
    font-weight: 800;
}

#main-small-banner ._left ._box-02 span {
    color: #9faec8;
    margin: 0 52px;
}

#main-small-banner ._left ._box-03 span:first-child {
    font-size: 18.5px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.46px;
    text-align: left;
    color: #fff;
}

#main-small-banner ._left ._box-03 span:nth-child(2) {
    font-family: 'Lato';
    font-size: 34.5px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-left: 8px;
}

#main-small-banner ._left ._box-03 span:nth-child(2) a {
	color: #62cde0;
}

#main-small-banner ._right { 
    background: #58a2c9;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    padding:0 20px;
}

#main-small-banner ._right ._double {
	font-size: 16px;
}

#main-small-banner ._right img {
    margin-right: 18px;
}

#main-small-banner ._right span:nth-child(2) {margin-right: 11px;}
#main-small-banner ._right span:nth-child(3) {margin-right: 32px;}
#main-small-banner ._right span:nth-child(4) {margin-right: 13px;}
#main-small-banner ._right span:nth-child(6) {margin-left: 21px;
    margin-right: 19px;}

#main-equipment {
    position: relative;
}

.main-equip-01 {
    position: absolute;
    top: 56px;
    right: 0;
}

._more {
	font-family: 'Lato';
	font-size: 18px;
	font-weight: 900;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	text-align: left;
	color: #333;
	margin-right: 29px;
}

#main-equipment ._wrap {
	max-width: 1330px;
	margin: 0 auto;
	padding-top: 56px;
}

#main-equipment ._wrap ._left {
    
}

#main-equipment ._wrap ._left p {
	margin-top: 130px;
	font-family: 'Pretendard';
	font-size: 32px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.38;
	letter-spacing: -1.6px;
	text-align: left;
	color: #58a2c9;
	margin-bottom: 17px;
}

#main-equipment ._wrap ._left span:nth-child(2) {
	font-family: 'Pretendard';
	font-size: 50px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.24;
	letter-spacing: -1.25px;
	text-align: left;
	color: #333;
	margin-bottom: 56px;
	display: block;
}

#main-equipment ._wrap ._left span:nth-child(3) {
	font-family: 'Pretendard';
	font-size: 18px;
	line-height: 1.67;
	letter-spacing: -0.9px;
	text-align: left;
	color: #333;
	margin-bottom: 96px;
	display: block;
}

#main-clinic {
	padding: 124px 0 180px;
	box-sizing: border-box;
}

#main-clinic .swiper-wrapper {
    opacity: 0;
}

#main-clinic .swiper-container .txt-01 {
    font-family: 'Lato';
    font-size: 60.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
}

#main-clinic .swiper-container .txt-02 {
    font-family: 'Pretendard';
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.53px;
    text-align: left;
    color: #333;
    margin-bottom: 125px;
    display: block;
}

#main-clinic .button-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

#main-clinic .button-box .button-prev {
    background-image: url('/resource/images/img-slide-prev.png');
    background-repeat: no-repeat;
    height: 14px;
    width: 41px;
    cursor: pointer;
}

#main-clinic .button-box .button-next {
    background-image: url('/resource/images/img-slide-next.png');
    background-repeat: no-repeat;
    height: 14px;
    width: 41px;
    cursor: pointer;
}

#main-clinic .button-box .swiper-pagination {
    width: 30px;
    position: relative;
    bottom: inherit;
    margin: 0 25px;
}

#main-clinic .swiper-container {
    max-width: 1330px;
    margin: 0 auto;
}

#main-clinic .swiper-container ul li {
    width: 303px;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}

#main-clinic .main-clinic-title {
	margin-bottom: 100px;
	font-family: 'NEXON Lv2 Gothic';
	text-align: center;
}
#main-clinic .main-clinic-title p {
	margin-top: 20px;
	font-size: 30px;
	font-weight: normal;
	line-height: 1.7;
	letter-spacing: normal;
}
#main-clinic .main-clinic-title h2 {
	font-size: 64px;
  	font-weight: bold;
}
#main-clinic ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 1720px;
	margin:0 auto;
}
#main-clinic ul li {
	overflow: hidden;
	position: relative;
	width: 20%;
	max-width: 329px;
}
#main-clinic ul li img {
	max-width: 100%;
	transition: all 0.3s;
}
#main-clinic ul li:hover img {
	transform: scale(1.05);
}

#main-clinic ul li a span {
    font-family: 'Pretendard';
    font-size: 26px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: -0.65px;
    text-align: left;
    color: #333;
    margin-top: 38px;
    display: block;
    margin-bottom: 30px;
}
#main-clinic ul li a p {
    font-family: 'Lato';
    font-size: 15.5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ababab;
}

#main-clinic ul li:hover p {
    color: #58a2c9;
    position: relative;
}

#main-clinic ul li:hover p:after {
    content: "";
    width: 44px;
    height: 44px;
    background: url('/resource/images/clinic-mor-view.png') no-repeat;
    top: -12px;
    left: 100px;
    position: absolute;
}

#main-floor {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 114px;
}
#main-floor .left {
	width: 100%;
	max-width: 1181px;
	/* min-width: 939px; */
	margin-left: 0;
}
#main-floor .left .swiper-slide img {
	max-width: 100%;
}
#main-floor .right {
	flex-shrink: 0;
	width: 739px;
	/* min-width: 639px; */
	padding-left:90px;
	box-sizing: border-box;
}
#main-floor .right > div h2 {
	margin-top: 40px;
	color: #333;
	font-family: 'NEXON Lv2 Gothic';
	font-size: 2.5vw;
	font-weight: 300;
	line-height: 1.17;
	letter-spacing: normal;
}
#main-floor .right > div h2 b {
	font-weight: bold;
}
#main-floor .right > div .swiper-control {
	display: flex;
	align-items: center;
	margin-top: 40px;
}
#main-floor .right > div .swiper-control * {
	position: static;
}
#main-floor .right > div .swiper-button-prev,
#main-floor .right > div .swiper-button-next {
	width: 13px;
	height: 24px;
	margin-top: 0;
	background-repeat: no-repeat;
}
#main-floor .right > div .swiper-button-prev:after,
#main-floor .right > div .swiper-button-next:after {
	display: none;
}
#main-floor .right > div .swiper-button-prev {
	background-image: url(/resource/images/prev.png);
}
#main-floor .right > div .swiper-button-next {
	background-image: url(/resource/images/next.png);
}
#main-floor .right > div .swiper-pagination {
	display: inline-flex;
	align-items: center;
	margin:0 15px;
}
#main-floor .right > div .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin:0 3px;
}
#main-floor .right > div .swiper-pagination-bullet-active {
	width: 12px;
	height: 12px;
	background-color: #284a94;
}
#main-floor .right > div a {
	display: block;
	width: 366px;
	height: 62px;
	margin-top: 3vw;
	color:#333;
	font-size: 18px;
	line-height: 62px;
	text-align: center;
	border: solid 2px #284a94;
}
#main-floor .right > div a img {
	margin-left: 15px;
}


/* 
	Sub
*/
#sub-bnnr {
	overflow: hidden;
	position: relative;
    height: 365px;
}
/* #sub-bnnr > img {
	position: relative;
	left: 50%;
	margin-left: -960px;
} */
#sub-bnnr .inner {
	position: absolute;
	top: 65%;
	left: 50%;
	text-align: center;
	transform: translate(-50%,-65%);
}
#sub-bnnr .inner span {
    font-family: 'Pretendard';
    font-size: 23px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 4.14px;
    text-align: center;
    color: #fff;
}
#sub-bnnr .inner h2 {
	font-family: 'Pretendard';
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -1px;
    text-align: center;
    color: #fff;
    margin-top: 20px;
}
#sub-bnnr .inner p {
	margin-top: 30px;
	color: #fff;
	font-family: 'NEXON Lv2 Gothic';
	font-size: 18px;
	font-weight: 300;
	line-height: 1.4;
	letter-spacing: -1.31px;
	text-align: center;
}

#snb {
	position: absolute;
	top: 0;
	left: 30px;
	width: 280px;
}
#snb.on {
	position: fixed;
}
#snb h3 {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 280px;
	color:#fff;
	font-size: 35px;
	font-weight: 500;
	font-family: 'NEXON Lv2 Gothic';
	letter-spacing: -2.63px;
	background-image: url(/resource/images/snb-bg.png);
}
#snb ul {
	border:1px solid #ddd;
	box-sizing: border-box;
}
#snb ul li+li {
	border-top: 1px dashed #ddd;
}
#snb ul li a {
	display: block;
	width: 100%;
	padding:0 30px;
	color:#333;
	font-size: 18px;
	line-height: 65px;
	box-sizing: border-box;
	background-color: #fff;
}
#snb ul li.on a {
	background-color: #f1f1f1;
	background-image: url(/resource/images/snb-arrow.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) 50%;
}

/* 로케이션 */
#location {
	position: relative;
	display: none;
	width: 100%;
	height: 64px;
	max-width: 940px;
	margin: 0 auto;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	z-index: 10;
}
#location .locDepth {
	position: relative;
	width: 50%;
	box-sizing: border-box;
}
#location .locDepth.locDepth1 {
	border-right: 1px solid #ddd;
	background-color: #fff;
}
#location .locDepth.locDepth2 {
	background-color: #f4f4f4;
}
#location .locDepth button {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0 46px;
	color:#101820;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -1.1px;
	box-sizing: border-box;
	background-image: url(/resource/images/drop-arrow.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
#location .locDepth ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	border: 1px solid #ddd;
	border-bottom: 0;
	box-sizing: border-box;
	background-color: #fff;
}
#location .locDepth ul li {
	border-bottom: 1px solid #ddd;
}
#location .locDepth ul li a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;
	padding: 0 46px;
	box-sizing: border-box;
	color: #101820;
	font-size: 18px;
}
#location .locDepth.locDepth2 ul li a:hover {
	color: #101820;
	background-color: #f5f2f0;
}
#location .locDepth.locDepth1 ul li a:hover {
	color: #101820;
	background-color: #f5f2f0;
}
#location .locDepth:hover ul {
	display: block;
}

.sub-tit:not(.text-left) {
	margin-bottom: 60px;
	text-align: center;
	font-family: 'NEXON Lv2 Gothic';
}
.sub-tit h3 {
	font-size: 40px;
	line-height: 1.1;
}
.sub-tit p {
	color:#c3c3c3;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 4.62px;
}
.sub-tit .bar {
	display: block;
	width: 39px;
	height: 1px;
	margin:30px auto 0;
	background-color: #333;
}
.sub-tit h3+p {
	margin-top: 20px;
	color:#333;
	letter-spacing: -0.8px;
}
.sub-tit p+h3 {
	margin-top: 20px;
}
.sub-middle-tit:not(.text-left) {
	margin-bottom: 30px;
	font-family: 'NEXON Lv2 Gothic';
	text-align: center;
}
.sub-middle-tit h4 {
	font-size: 25px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -1.88px;
}
.sub-middle-tit .bar {
	display: block;
	width: 39px;
	height: 1px;
	margin:30px auto 0;
	background-color: #333;
}
.sub-tit + .sub-middle-tit {
	margin-top: 75px;
}
.help-tit {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.67;
}
.quote-tit {
	font-family: 'AritaBuri';
	text-align: center;
}
.quote-tit p {
	display: inline-block;
	position: relative;
	padding:0 46px;
	font-size: 30px;
  	font-weight: 600;
	line-height: 1.23;
  	letter-spacing: -1.95px;
}
.quote-tit p:before,
.quote-tit p:after {
	position: absolute;
	top: 50%;
	width: 30px;
	height: 20px;
	margin-top: -10px;
}
.quote-tit p:before {
	left:0;
	background-image: url(/resource/images/left-quote.png);
	content:'';
}
.quote-tit p:after {
	background-image: url(/resource/images/right-quote.png);
	right: 0;
	content:'';
}

/* 의료진 소개 */
.doc-wrap {
	display: flex;
	justify-content: space-between;
}
.doc-box {
	position: relative;
	width: 50%;
	max-width: 525px;
	margin-bottom: 100px;
	padding-bottom: 880px;
}

.doc-box .doc {
	/* overflow: hidden; */
	width: calc(100% - 25px);
	/* margin:0 auto; */
	cursor: pointer;
}
.doc-box:nth-child(2) .doc {
	margin-left: auto;
}
.doc-box .doc .img img {
	width: 100%;
	max-width: 100%;
}

.doc-box .doc .text {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-wrap: wrap;
	padding: 20px 50px;
	background-color: #b6b6b6;
}

.doc-box .doc .text span {
	position: relative;
	/* display: block; */
	margin-bottom: 8px;
	margin-right: 15px;
	font-size: 20px;
	line-height: 1;
	letter-spacing: -1px;
	color: #fff;
}

.doc-box .doc .text span:after {
	display: inline-block;
	width: 58px;
	height: 1px;
	margin-left: 15px;
	background-color: #fff;
	vertical-align: middle;
	opacity: 0.32;
	content:'';
}

.doc-box .doc .text h3 {
	flex-shrink: 0;
	/* margin-bottom: 45px; */
	font-family: 'NEXON Lv2 Gothic';
	font-size: 35px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -2.63px;
	color: #fff;
	word-break: keep-all;
}

.doc-box .doc .text h3 small {
	font-size: 25px;
	font-weight: 400;
}

.doc-box .doc .text p {
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: -1px;
	color: #333333;
	word-break: keep-all;
}

.doc-box .his {
	position: absolute;
	bottom: 0;
	display: none;
	height: 800px;
	margin-top: 80px;
	z-index: 10;
}
#doc-01 .his {
	left: 0;
}
#doc-02 .his {
	right: 0;
}

.doc-box .his .his-tab {
	display: flex;
	border-bottom: 1px solid #c2c2c2;
}

.doc-box .his .his-tab li a {
	display: block;
	width: 207px;
	margin-bottom: -1px;
	margin-left: -1px;
	font-size: 20px;
	font-weight: 500;
	line-height: 56px;
	letter-spacing: -0.55px;
	text-align: center;
	color: #333;
	border: 1px solid #c2c2c2;
	background-color: #fff;
}

.doc-box .his .his-tab li.active a {
	color: #fff;
	border: 1px solid transparent;
	box-sizing: border-box;
	background-color: transparent;
	background-image: url(/resource/images/doc-name-bg.png);
	background-size: 100%;
}

.doc-box .his [class*="tab-"] {
	overflow-y: auto;
	display: none;
	height: 100%;
	padding: 40px;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: -1.5px;
	color: #333333;
}

.doc-box .his [class*="tab-"].on {
	display: block;
}
.doc-box.on .doc .text {
	position: relative;
	/* background-color: none; */
	background-image: url(/resource/images/doc-name-bg.png);
	background-size: 100%;
}
.doc-box.on .doc .text:after {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 68px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/resource/images/doc-name-arrow.png);
	transform: translateX(-50%);
	content:'';
}
.doc-box.on .his {
	display: block;
	width: 200%;
	max-width: 1050px;
}

/* 오시는길 */
/* .map-info {
	display: flex;
	align-items: center;
	justify-content: center;
	padding:30px 0;
	border: 1px solid #ddd;
	border-bottom: 3px solid #f29838;
}
.map-info p {
	padding:0 30px;
	font-size: 18px;
	line-height: 1;
	letter-spacing: -0.93px;
}
.map-info p:first-of-type {
	border-right: 1px solid #333;
}
.map-info p.time b {
	margin-right: 15px;
	padding-left: 24px;
	background-image: url(/resource/images/map-time.png);
	background-repeat: no-repeat;
	background-position: 0 55%;
}
.map-info p.time a {
	color:#101820;
	font-weight: bold;
	font-family: 'NanumSquare';
} */
.btnWrap {
    display: flex;
    width: 100%;
    /* margin-left: -5px; */
    text-align: center;
}
.btnWrap>span {
    /* padding: 0 5px; */
    width: 100%;
}
.btnWrap [class*="btnType"] {
    display: inline-block;
    width: 100%;
	padding: 15px 0;
    font-size: 20px;
    font-weight: 500;
}
.btnTypeNaver {
    background: #0fa830;
    color: #fff;
}
.btnTypeNaver:before {
    content: "";
    display: inline-block;
    width: 38px;
    height: 38px;
    margin: 0 5px 0 -10px;
    background: url(/resource/images/place-naver.png) no-repeat center;
    /* background-size: 38px; */
    vertical-align: -11px;
}
.btnTypeKakao {
    background: #f4b905;
    color: #412e34 !important;
}
.btnTypeKakao:before {
    content: "";
    display: inline-block;
    width: 38px;
    height: 38px;
    margin: 0 5px 0 -10px;
    background: url(/resource/images/place-kakao.png) no-repeat center;
    /* background-size: 38px; */
    vertical-align: -11px;
}
.map-addr {
	display: flex;
	flex-wrap: wrap;
	margin: 58px 0 80px;
}
.map-addr>div {
	display: inline-flex;
	width: 50%;
}
.map-addr>div.place {
	justify-content: center;
	width: 100%;
	margin-top: 30px;
	padding:30px 0;
	background-color: #f3f3f3;
}
.map-addr>div img {
	margin-right: 20px;
}
.map-addr>div>span {
	display: inline-flex;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: -1.88px;
	color: #333333;
	vertical-align: middle;
}
.map-addr>div.place span {
	color:#333;
	font-size: 20px;
}
.map-addr>div small {
	display: inline-block;
	/* width: 100px; */
	margin-top: -8px;
	margin-right: 20px;
	padding: 3px 27px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 21px;
}
.map-addr>div.addr small {
	border: solid 5px #284a94;
}
.map-addr>div.tel small {
	border: solid 5px #003d76;
}
.line-box {
	display: flex;
	margin:5px 0;
}
.line-box .line {
	flex-shrink: 0;
	min-width: 120px;
	margin-top: -3px;
}
.line-box .line > span {
	display: inline-block;
	padding:0 15px;
	color:#fff;
	font-size: 18px;
	border-radius: 20px;
}
.line-box .line > .no-line {
	padding:0;
	color:#333;
	font-weight: 500;
}
.line-box .line > .line1 {
	background-color: #0f5895;
}
.line-box .line > .line2_Incheon {
	background-color: #f29838;
}
.line-box .line > .line5 {
	background-color: #9053b0;
}
.line-box .line > .line9 {
	background-color: #b2937e;
}
.line-box p {
	font-size: 18px;
	font-weight: 300;
}
.line-box p span {
	font-weight: 500;
}
.line-box .bus {
	display: flex;
	align-items: flex-start;
	margin-top: 5px;
	font-weight: 300;
	word-break: keep-all;
}
.line-box .bus .bus-line {
	flex-shrink: 0;
	margin-top: 2px;
	margin-right: 15px;
	padding: 7px 12px;
	color:#fff;
	font-size: 16px;
	line-height: 0.8;
	border-radius: 15px;
}
.line-box .bus .bus-line.green {
	background-color: #67a356;
}
.line-box .bus .bus-line.red {
	background-color: #ea2415;
}
.line-box .bus .bus-line.blue {
	background-color: #2053bc;
}
.com-list {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
.com-list li {
	width: 32%;
	padding:50px 0;
	text-align: center;
	box-sizing: border-box;
}
.com-list li:nth-of-type(1) {
	border: 8px solid #284a94;
}
.com-list li:nth-of-type(2) {
	border: 8px solid #003d76;
}
.com-list li:nth-of-type(3) {
	border: 8px solid #a9a9a9;
}
.com-list li > span {
	position: relative;
	color: #adadad;
	font-family: 'NEXON Lv2 Gothic';
	font-size: 13px;
	font-weight: bold;
	line-height: 0.85;
	letter-spacing: normal;
}
.com-list li > span:after {
	display: block;
	width: 18px;
	height: 1px;
	margin:30px auto;
	background-color: #333;
	content:'';
}
.com-list li > p {
	color: #333;
	font-size: 17px;
	line-height: 1.76;
	letter-spacing: -0.85px;
} 

/* 시설안내 */
#floor {
	width: 100%;
	max-width: 1130px;
	margin:0 auto;
}
#floor .swiper-slide img {
	max-width: 100%;
}
#floor .swiper-control {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: rgba(44,44,44,0.6);
	z-index: 10;
}
#floor .swiper-img-title {
	width: 240px;
	padding-left: 51px;
	color:#fff;
	font-size: 18px;
}
#floor .swiper-pagination {
	position: static;
	width: auto;
	padding:0 60px 0 0;
	color:#fff;
	font-size: 18px;
}
#floor .swiper-pagination img {
	margin:0 20px;
}
#floor .swiper-button-prev,
#floor .swiper-button-next {
	position: relative;
	top: auto;
	left:auto;
	right:auto;
	margin-top: 0;
	width: 61px;
	height: 80px;
	background-color: #11938f;
}
#floor .swiper-button-next:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 30%;
	background-color: #fff;
	transform: translateY(-50%);
	content:'';
}
#floor .swiper-button-next:after, 
#floor .swiper-button-prev:after {
	font-size: 28px;
}

.round-arrow-box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.round-arrow-box li {
	position: relative;
	width: 100%;
	max-width: 256px;
	margin:0 25px;
	background-image: url(/resource/images/round-box-border.png);
	background-position: center;
	background-size: 100%;
}
.round-arrow-box li:before {
	position: absolute;
	top: 50%;
	left: 98%;
	width: 50px;
	height: 60px;
	margin-top: -30px;
	background-image: url(/resource/images/round-box-arrow.png);
	content:'';
}
.round-arrow-box li:after {
	display: block;
	padding-bottom: 100%;
	content:'';
}
.round-arrow-box li:last-of-type:before {
	display: none;
}
.round-arrow-box li>div {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding:70px 0 0;
	text-align: center;
	box-sizing: border-box;
}
.round-arrow-box li>div .num {
	display: inline-block;
	width: 38px;
	margin-top: -20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-family: 'NEXON Lv2 Gothic';
	font-size: 30px;
  	font-weight: bold;
	line-height: 1;
	border-bottom: 1px solid #333;
}
.round-arrow-box li>div p {
	font-size: 18px;
  	font-weight: 500;
	line-height: 1.67;
}
.tag-box {
	text-align: center;
}
.tag-box span {
	display: inline-block;
	margin:4px;
	padding:10px 20px;
	font-size: 17px;
  	font-weight: 500;
	border:3px solid #008481;
	border-radius: 24px;
}

/* 디테일 페이지 */
.page-tit {
	position: relative;
	margin-bottom: 70px;
	font-size: 35px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -1.4px;
	word-break: keep-all;
	text-align: center;
}
.page-tit small {
	position: relative;
	display: block;
	margin-top: 40px;
	font-size: 14px;
	letter-spacing: 0;
	color: #a49488;
	text-transform: uppercase;
	white-space: nowrap;
}
.page-tit small:after {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #a49488;
	z-index: -1;
	content: '';
}
.page-tit small span {
	display: inline-block;
	padding: 0 15px;
	background-color: #fff;
}
.page-info {
	padding: 30px 0 40px;
	border-bottom: 1px solid #ddd;
}
.page-info h4 {
	margin-bottom: 30px;
	font-size: 35px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -1.4px;
	text-align: left;
	color: #333333;
}
.page-info p {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.47;
	letter-spacing: -0.72px;
	color: #333333;
}
.page-text {
	padding: 80px 0 30px;
	font-size: 18px;
	font-family: 'Noto Sans KR' !important;
	line-height: 1.6;
}
.page-text * {
	font-family: 'Noto Sans KR' !important;
	line-height: 1.6;
}
.video-info {
	padding: 35px 0;
}
.video-info .v-tit {
	margin-bottom: 10px;
	
	font-size: 18px;
	font-weight: 500;
	vertical-align: middle;
}
.video-info .tit {
	margin-bottom: 10px;
	
	font-size: 23px;
	font-weight: 500;
	line-height: 1.13;
	letter-spacing: -1.15px;
}
.video-info .state * {
	display: inline-block;
	padding: 0 14px;
	
	color: #999;
	font-size: 18px;
	font-weight: 300;
}
.video-info .state .view {
	padding-left: 28px;
	background-image: url("/resource/images/view.png");
	background-repeat: no-repeat;
	background-position: 0 55%;
}
.video-info .state .date {
	position: relative;
}
.video-info .state .date:after {
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 14px;
	margin-top: -6px;
	background-color: #999;
	content: '';
}

.img_bar {
    margin: 30px 0;
}

.sub-title {
    font-family: 'Pretendard';
    font-size: 50px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.24;
    letter-spacing: -1.25px;
    text-align: center;
    color: #333;
   
   /*  animation: pulse; referring directly to the animation's @keyframe declaration 
    animation-duration: 2s;*/
    -webkit-animation: text-focus-in 1.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

/* sub1- page01 */
.specialVideo {
    margin-bottom: 88px;
	display: flex;
	justify-content: center;
}

.mainVideo {
	margin-top: 107px;
	margin-bottom: 89px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.mainVideo p {
	font-family: 'Lato';
	font-size: 26px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.54;
	letter-spacing: normal;
	text-align: center;
	color: #333;
	margin-bottom: 46px;
}

.special p {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    text-align: center;
    color: #c4c4c4;
    margin-bottom: 26px;
    letter-spacing: 3.24px;
}

.special h1 {
    font-family: 'Pretendard';
    font-size: 40px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -1px;
    text-align: center;
    color: #333;
    margin-bottom: 54px;
}

.special {
    margin-bottom: 148px;
}

.special h1 b {
    font-weight: 800;
}

/* sub4 - page01 */
.dentulous-01 .txt-01 {
    font-family: 'Nanum Myeongjo';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: -1.88px;
    text-align: center;
    color: #58a2c9;
    margin-bottom: 19px;
    display: block;
}

.dentulous-01 .txt-02 {
    font-family: 'Pretendard';
    font-size: 35px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.86;
    letter-spacing: -0.88px;
    text-align: center;
    color: #333;
    margin-bottom: 22px;
}

.dentulous-01 .txt-03 {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    display: block;
    margin-bottom: 80px;
}

.dentulous-01 .img-txt-01 {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 80px;
    position: relative;
}

.dentulous-01 .img-txt-01 ._left {
    margin-right: 70px;
}

.dentulous-01 .img-txt-01 ._right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    position: absolute;
    right: -85px;
    top: 10px;
}

.dentulous-01 .img-txt-01 ._right p {
    font-family: 'Pretendard';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.75px;
    text-align: left;
    color: #333;
    margin-bottom: 40px;
}

.dentulous-01 .img-txt-01 ._right p b{
    color: #58a2c9;
    font-weight: bold;
}

.dentulous-01 .img-txt-01 ._right span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.dentulous-02 .txt-04 {
    margin-top: 52px;
    margin-bottom: 74px;
}

/* sub5 - page01 */
.merit-01 .txt-01 {
    font-family: 'Nanum Myeongjo';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: -1.88px;
    text-align: center;
    color: #58a2c9;
    margin-bottom: 28px;
    display: block;
}

.merit-01 .txt-02 {
    font-family: 'Pretendard';
    font-size: 50px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.24;
    letter-spacing: -1.25px;
    text-align: center;
    color: #333; 
    -webkit-animation: text-focus-in 1.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

.merit-01 .txt-03 {
    display: block;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    margin-bottom: 80px;
}

.merit-01 .img-txt-01 {
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
}

.merit-01 .img-txt-01 ._left {
    margin-right: 70px;
}

.merit-01 .img-txt-01 ._right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

.merit-01 .img-txt-01 ._right p {
    font-family: 'Pretendard';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.75px;
    text-align: left;
    color: #333;
    margin-bottom: 40px;
}

.merit-01 .img-txt-01 ._right p b{
    color: #58a2c9;
    font-weight: bold;
}

.merit-01 .img-txt-01 ._right span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.merit-01 .img-txt-01 ._right span a {
    color: #58a2c9;
}

.bg_beige {
    background: #f5f1ee;
    padding: 80px 0;
}

.bg_sky {
    background: #e0ecf3;
    padding: 80px 0;
}

.bg_beige .inner, .bg_lightgrey .inner, .bg_sky .inner {
    max-width: 1300px;
    margin: 0 auto;
}

.bg_lightgrey {
    background-color: #f5f5f5;
    padding: 102px 0 112px;
}

.bg_beige .inner .txt-01 {
    font-family: 'Pretendard';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: normal;
    text-align: center;
    color: #58a2c9;
    margin-bottom: 30px;
    display: block;
}

.bg_beige .inner .txt-02 {
    font-family: 'Pretendard';
    font-size: 50px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.24;
    letter-spacing: -1.25px;
    text-align: center;
    color: #333;
}

.half-flex {
    display: flex;
    margin-bottom: 30px;
}

.half-flex .img {
    width: 50%;
    background-color: #d4d4d4;
}

.half-flex .txt {
    width: 50%;
    background: #fff;
    display: flex;
    text-align: left;
    flex-direction: column;
    justify-content: center;
    padding-left: 70px;
    box-sizing: border-box;
}

.half-flex .txt h1 {
    font-family: 'Nanum Myeongjo';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: -1.88px;
    text-align: left;
    color: #58a2c9;
    margin-bottom: 8px;
}

.half-flex .txt p {
    font-family: 'Pretendard';
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.75px;
    text-align: left;
    color: #333;
    margin-bottom: 13px;
}

.half-flex .txt span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.half-flex .txt span a {
    margin-bottom: 15px;
    cursor: default;
    display: block;
}

.half-flex .txt span a:hover {
    color: #333;
}

.half-flex .txt span ._middle {
    font-size: 16px;
    font-weight: normal;
}

.half-flex .txt span ._small {
    font-family: 'Pretendard';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: -0.35px;
    display: block;
    margin-top: 10px;
}

.merit-02 {
    padding: 80px 0 132px 0;

}

.merit-02 .txt-01 {
    font-family: 'Nanum Myeongjo';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: -1.88px;
    text-align: center;
    color: #58a2c9;
    margin-bottom: 30px;
    display: block;
}

.merit-02 .txt-02 {
    font-family: 'Pretendard';
    font-size: 50px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.24;
    letter-spacing: -1.25px;
    text-align: center;
    color: #333;
}

.merit-02 .txt-03 {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    margin-bottom: 46px;
}

.merit-02 .txt-04 {
    font-family: 'Nanum Myeongjo';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: -1.88px;
    text-align: center;
    color: #333;
    margin-top: 40px;
}

.merit-02 .txt-04 a {
    color: #58a2c9;
}

/* sub5 - 02 */
.oneday-impl {
    padding-bottom: 80px;
}

.oneday-impl .txt-01 {
    font-family: 'Nanum Myeongjo';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: -1.88px;
    text-align: center;
    color: #58a2c9;
    display: block;
    margin-bottom: 20px;
}

.oneday-impl .txt-03 {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    display: block;
}

.oneday-impl .txt-04 {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #58a2c9;
    display: block;
    margin-bottom: 80px;
}

.img-1day-impl-01 {
    width: 100%;
    max-width: 1284px;
    margin: 20px auto;
    margin-bottom: 0;
}

.img-1day-impl-02 {
    width: 100%;
    max-width: 1299px;
    margin: 0px auto;
}

/* sub5 - 04 */
.over65-impl .txt-01 {
    font-family: 'Nanum Myeongjo';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: -1.88px;
    text-align: center;
    color: #58a2c9;
    display: block;
    margin-bottom: 24px;
}

.over65-impl .txt-02 {
    display: block;
    text-align: center;
    margin-bottom: 50px;
}

.over65-impl .txt-02 span {
    font-family: 'Pretendard';
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.75px;
    text-align: center;
    color: #333;
    position: relative;
}

.over65-impl .txt-02 span::before {
    position: absolute;
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-color: #58a2c9;
    top: 50%;
    transform: translateY(-50%);
    left: -25px;
    border-radius: 50%;
}

.over65-impl .txt-02 span::after {
    position: absolute;
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-color: #58a2c9;
    top: 50%;
    transform: translateY(-50%);
    right: -25px;
    border-radius: 50%;
}

.img-over65-impl-01 {
	margin-top: 20px;
	width: 100%;
}

.over65-impl ._box-01 {
    margin-bottom: 80px;
    margin-top: 50px;
}

.over65-impl ._box-01 ._idx { 
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.over65-impl ._box-01 ._idx ._odd { 
    background-color: #314f88;
    border-radius: 50%;
    width: 126px;
    height: 126px;
    margin-right: 29px;
    min-width: 126px;
    min-height: 126px;
}

.over65-impl ._box-01 ._idx ._odd span, .over65-impl ._box-01 ._idx ._even span {
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.55px;
    text-align: center;
    color: #fff;
    line-height: 126px;
} 

.over65-impl ._box-01 ._idx ._even { 
    background-color: #58a2c9;
    border-radius: 50%;
    width: 126px;
    height: 126px;
    margin-right: 29px;
    min-width: 126px;
    min-height: 126px;
}

.over65-impl ._box-01 ._idx ._txt {
    height: 126px;
    width: 1000px;
    text-align: left;
}

.over65-impl ._box-01 ._idx ._txt span {
    font-family: 'Pretendard';
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 126px;
    letter-spacing: -0.5px;
    color: #333;
}

hr {border-bottom: 3px dotted #bababa;
background-color: transparent;
}
hr {
    height: 14px;
    overflow: hidden;
    margin: -15px 0 0 0;
    }
hr:after {
    content:"......................................................................................................................";
    letter-spacing:  2.53px; /* Use letter-spacing to increase space between dots*/
}

._note-box-01 {
    background: #fff;
    padding: 80px 0 74px;
}

._note-box-01 ul {
    list-style-type: none;
    width: 1086px;
    margin: 0 auto;
}

._note-box-01 ul li {
    padding: 25px;
    position: relative;
    text-align: left;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

._note-box-01 ul li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #58a2c9;
}

.bone-graft-impl .txt-01 {
    font-family: 'Nanum Myeongjo';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: -1.88px;
    text-align: center;
    color: #58a2c9;
    display: block;
    margin-bottom: 29px;
}

.bone-graft-impl .txt-02 {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    display: block;
    margin-bottom: 80px;
}

._target-box {
    margin-bottom: 80px;
}

._target-box div {
    position: relative;
    width: 100%;
    height: 80px;
    margin-bottom: 20px;
    border: 7px solid transparent;
    border-radius: 50px;
    background-image: linear-gradient(#fff, #fff), 
    linear-gradient(to right, #58a2c9 0%, #36adcf 50%, #314f88 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

._target-box div:last-child {
    margin-bottom: 0;
}

._target-box div span {
    font-family: 'Pretendard';
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 80px;
    letter-spacing: -0.55px;
    text-align: center;
    color: #333;
    display: block;
}

.bone-graft-impl ._box-half {
    display: flex;
    margin-bottom: 80px;
}

.bone-graft-impl ._box-half ._left {
    width: 50%;
}

.bone-graft-impl ._box-half ._right {
    width: 50%;
    padding: 94px 0 0 69px;
    text-align: left;
}

.bone-graft-impl ._box-half ._right p {
    font-family: 'Pretendard';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.75px;
    text-align: left;
    color: #333;
}

.bone-graft-impl ._box-half ._right span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    display: block;
    color: #333;
    margin-top: 39px;
}

.bone-graft-impl ._box-half ._right span  a {
    color: #58a2c9;
}

.bone-graft-impl .txt-03 { 
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
    margin-bottom: 121px;
    margin-top: 39px;
    display: block;
}

._box-doctor {
    display: flex;
    align-items: center;
    margin-top: 95px;
    margin-bottom: 112px;
}

._box-doctor ._left {
    width: 483px;
    margin-right: 167px;
}

._box-doctor ._right {
    padding: 100px 0 84px 0;
    position: relative;
    width: 100%;
    min-width: 650px;
}

._box-doctor ._right p {
    font-family: 'Pretendard';
    font-size: 50px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 62px;
    letter-spacing: -1.25px;
    text-align: left;
    color: #333;
    margin-bottom: 20px;
}

._box-doctor ._right p a {
    font-family: 'Pretendard';
    font-size: 25px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.48;
    letter-spacing: -0.63px;
    text-align: left;
    color: #333;
}

._box-doctor ._right ul {
    list-style-type: none;
}

._box-doctor ._right ul li {
    padding-left: 25px;
    position: relative;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.22;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

._box-doctor ._right ul li:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #e1e1e1;
}

._box-doctor ._right img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

/* sub6 - page01 */
.tab {
	margin-bottom: 50px;
}

.tab ul {
	display: flex;
	height: 70px;
    justify-content: center;
}

.tab ul li {
	background-color: #efefef;
	margin-right: 5px;
}

.tab ul li:last-child {
	margin-right: 0;
}

.tab ul li.on {
	background-color: #314f88; 
}

.tab.n3 ul li {
	width: calc(100% / 3);
}

.tab ul li.on a { 
	color: #fff;
}

.tab ul li a {
	font-family: 'Pretendard';
	font-size: 22px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 70px;
	letter-spacing: -0.55px;
	text-align: center;
	color: #333;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}



.crown-01 .txt-01 {
	font-family: 'Nanum Myeongjo';
	font-size: 25px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.28;
	letter-spacing: -1.88px;
	text-align: center;
	color: #58a2c9;
	display: block;
	margin-bottom: 18px;
}

.crown-01 .txt-02 {
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: -0.45px;
	text-align: center;
	color: #333;
	display: block;
	margin-bottom: 80px;
}

.crown .half-flex .txt p {
	margin-bottom: 15px;	
}

  .box-dentures ._each {
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
  }
  
  .box-dentures ._each a {
    background: #58a2c9;
    color: #fff;
    padding: 4px 0px;
    border-radius: 14.4px;
    margin-right: 21px;
    width: 120px;
    display: block;
    box-sizing: border-box;
    text-align: center;
  }
  
.implant-denture {
    background: #58a2c9;
    color: #fff;
    padding: 4px 0px;
    border-radius: 14.4px;
    margin-right: 21px;
    width: 120px;
    display: block;
    box-sizing: border-box;
    text-align: center;
}

.crown-02 {
	padding: 80px 0 102px 0;
}

.crown-02 .txt-04 {
	font-family: 'Nanum Myeongjo';
	font-size: 25px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.48;
	letter-spacing: -1.88px;
	text-align: center;
	color: #333;
}

.crown-02 .txt-04 a { 
	color: #58a2c9;
}

.crown-type {
	border: 7px solid transparent;
	background-image: linear-gradient(#fff, #fff),
	linear-gradient(to bottom, #58a2c9 0%, #314f88 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
	margin-bottom: 53px;
}

.crown-type ._wrap {
	width: 1174px;
	margin: 0 auto;
	padding: 44px 0;
}

.crown-type ._each {
	display: flex;
	align-items: flex-start;
	padding: 38px 0 38px 30px;
	border-bottom: 2px dotted #474747;
}

.crown-type ._each:last-child {
	border-bottom: none;
}

.crown-type ._each img {
	margin-right: 11px;
}
.crown-type ._each span {
	width: 185px;
	text-align: left;
	font-family: 'Pretendard';
	font-size: 25px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: -0.63px;
	text-align: left;
	color: #333;
}

.crown-type ._each ul {
	text-align: left;
}

.crown-type ._each ul li {
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: -0.45px;
	text-align: left;
	color: #333;
    position: relative;
}

.crown-type ._each ul li:after {
    content: '';
    position: absolute;
    left: -20px;
    top: 10px;
    height: 9px;
    width: 9px;
    border-radius: 50%;
    background: #d7d7d7;
}
/* sub6 - page01-2 */
.cavity-01 {
	
}

.cavity-01 .txt-01 {
	font-family: 'Nanum Myeongjo';
	font-size: 25px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -1.88px;
	text-align: center;
	color: #58a2c9;
	margin-bottom: 29px;
	display: block;
}

.cavity-01 .txt-02 {
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: -0.45px;
	text-align: center;
	color: #333;
	display: block;
	margin-bottom: 70px;
}

.cavity-01 ._box-01 {
	display: flex;
	margin-top: 10px;
	margin-bottom: 75px;
}

.cavity-01 ._box-01 ._each {
	width: 310px;
	margin-right: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.cavity-01 ._box-01 ._each:last-child {
	margin-right: 0;
}

.cavity-01 ._box-01 ._each ._step {
	background-color: #1d283f;
	width: 100%;
	height: 64px;
}

.cavity-01 ._box-01 ._each ._step span {
	line-height: 64px;
}

.cavity-01 ._box-01 ._each ._step span:first-child {
	font-family: 'Pretendard';
	font-size: 21.5px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -0.54px;
	text-align: center;
	color: #58a2c9;
	margin-right: 39px;
	position: relative;
}

.cavity-01 ._box-01 ._each ._step span:first-child::after {
	position: absolute;
	content: '';
	width: 13px;
	height: 1px;
	top: 12px;
	right: -27px;
	background: #747b89;
}

.cavity-01 ._box-01 ._each ._step span:nth-child(2) {
	font-family: 'Pretendard';
	font-size: 21.5px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -0.54px;
	text-align: center;
	color: #fff;
}

.cavity-01 ._box-01 ._each ._info {
	background-color: #2f3b54;
	padding: 25px 30px 0;
	height: 200px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
}

.cavity-01 ._box-01 ._each ._info span {
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.67;
	letter-spacing: -0.45px;
	text-align: left;
	color: #fff;
}

.cavity-01 ._box-01 ._each ._tag {
	height: 163px;
	width: 100%;
	background-color: #58a2c9;
	padding: 23px 30px;
	box-sizing: border-box;
	text-align: left;
}

.cavity-01 ._box-01 ._each ._tag p {
	font-family: 'Pretendard';
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -0.45px;
	text-align: left;
	color: #fff;
	margin-bottom: 2px;
}

.cavity-01 ._box-01 ._each ._tag span {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -0.45px;
	text-align: left;
	color: #fff;
}

.cavity-01 ._box-01 ._each ._tag span a {
	border: 1px solid #fff;
	padding: 4px 10px 5px 10px;
	border-radius: 18px;
	word-break: keep-all;
	line-height: 45px;
	margin-right: 5px;
}

.cavity-01 .txt-04 {
	font-family: 'Nanum Myeongjo';
	font-size: 25px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.28;
	letter-spacing: -1.88px;
	text-align: center;
	color: #333;
	display: block;
	margin-bottom: 120px;
}

.cavity-01 .txt-04 a {
	color: #58a2c9;
}

/* sub6 - page2 */
.laminate-01 .txt-01 {
    font-family: 'Nanum Myeongjo';
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: -1.88px;
    text-align: center;
    color: #58a2c9;
    display: block;
    margin-bottom: 19px;
}

.laminate-01 .txt-02 {
    display: block;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    margin-bottom: 80px;
}

.sub-content {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: center;
    color: #333;
    display: block;
    margin-bottom: 50px;
}

.nanum-mj {
    font-family: 'Nanum Myeongjo';
    font-size: 25px;
    font-weight: bold;
    line-height: 1.28;
    letter-spacing: -1.88px;
    text-align: center;
    color: #333;
}

.nanum-mj a {
    color: #58a2c9;
}

.laminate-02 {
    padding: 80px 0 89px 0;
}

.laminate-02 ._target-box {
    margin-bottom: 50px;
}

/* sub6 - page02 */
._num-box-01 {
    background: #fff;
    padding: 62px 0 92px;
}

._num-box-01 ul {
    list-style-type: none;
    width: 1128px;
    margin: 0 auto;
}

._num-box-01 ul li {
    padding: 21px 0 21px 6px;
    display: flex;
    align-items: center;
    position: relative;
}

._num-box-01 ul li span {
    font-family: 'Pretendard';
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.5px;
    text-align: left;
    color: #333;
    padding-left: 60px;
}

._num-box-01 ul li span a {
    color: #58a2c9;
}

._num-box-01 ul li::before {
    position: absolute;
    left: 6px;
    bottom: 11px;
}

._num-box-01 ul li.num1::before {
    content: url('/resource/images/img-sub06-02-num1.png');
}

._num-box-01 ul li.num2::before {
    content: url('/resource/images/img-sub06-02-num2.png');
}

._num-box-01 ul li.num3::before {
    content: url('/resource/images/img-sub06-02-num3.png');
}

._num-box-01 ul li.num4::before {
    content: url('/resource/images/img-sub06-02-num4.png');
}

._num-box-01 ul li.num5::before {
    content: url('/resource/images/img-sub06-02-num5.png');
}

/* sub6 page04 */
.gum-01 {
    padding: 80px 0 89px 0;
}

.gum-01 ._target-box {
    margin-bottom: 50px;
}

.gum-01 .img-txt-01 {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 80px;
    position: relative;
}

.gum-01 .img-txt-01 ._left {
    margin-right: 59px;
}

.gum-01 .img-txt-01 ._right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    position: absolute;
    right: -7px;
    top: 27px;
}

.gum-01 .img-txt-01 ._right p {
    font-family: 'Pretendard';
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.75px;
    text-align: left;
    color: #333;
    margin-bottom: 40px;
}

.gum-01 .img-txt-01 ._right p b{
    color: #58a2c9;
    font-weight: bold;
}

.gum-01 .img-txt-01 ._right span {
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: -0.45px;
    text-align: left;
    color: #333;
}

.gum-02 .half-flex .txt {
    padding-right: 50px;
    padding-left: 59px;
}

/* sub3 - 01 */
.time-way {
    margin-bottom: 150px !important;
}

/* sub7 - 01 */
.contents.notice {
    margin-bottom: 193px;
}

/* sub7 - 02 */
#inside-01 {
	margin-bottom: 162px;
}

#inside-01 .swiper-button-next,
#inside-01 .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: initial !important;
	height: initial !important;
	margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

#inside-01 .swiper-button-next:after,
#inside-01 .swiper-button-prev:after {
	display: none !important;
}

/* 애니메이션 */
.tilt-in-top-1 {
	-webkit-animation: tilt-in-top-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: tilt-in-top-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.text-focus-in {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes tilt-in-top-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
            transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
            transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-top-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
            transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
            transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  @keyframes text-focus-in {
    0% {
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }

  @-webkit-keyframes shadow-pop-tr {
    0% {
      -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
              box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
      -webkit-transform: translateX(0) translateY(0);
              transform: translateX(0) translateY(0);
    }
    100% {
      -webkit-box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
              box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
      -webkit-transform: translateX(-8px) translateY(8px);
              transform: translateX(-8px) translateY(8px);
    }
  }
  @keyframes shadow-pop-tr {
    0% {
      -webkit-box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
              box-shadow: 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e, 0 0 #3e3e3e;
      -webkit-transform: translateX(0) translateY(0);
              transform: translateX(0) translateY(0);
    }
    100% {
      -webkit-box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
              box-shadow: 1px -1px #3e3e3e, 2px -2px #3e3e3e, 3px -3px #3e3e3e, 4px -4px #3e3e3e, 5px -5px #3e3e3e, 6px -6px #3e3e3e, 7px -7px #3e3e3e, 8px -8px #3e3e3e;
      -webkit-transform: translateX(-8px) translateY(8px);
              transform: translateX(-8px) translateY(8px);
    }
  }

.showBox {
    opacity: 0;
    transform: translateY(10%);
    transition: all 1.3s ease-in-out;
}

/* 스크롤 등장 클래스 */
.showBox.on {
    opacity: 1;
    transform: translateY(0);
}

@keyframes box-ani {
	0% { transform: translate(-100px, 0); opacity: 0;}
	100% { transform: translate(0, 0); opacity: 1;}
}

@keyframes box-ani2 {
	0% { transform: translate(100px, 0); opacity: 0}
	100% { transform: translate(0, 0); opacity: 1}
}

@keyframes slideFromLeft {
	from {
		transform: translateX(-100%);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes slideFromRight {
	from {
		transform: translateX(100%);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

.slide-in-blurred-top {
	-webkit-animation: slide-in-blurred-top 1.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
	        animation: slide-in-blurred-top 1.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

.animate-slide {
    opacity: 1 !important;
}

.animate-slide .swiper-slide {
    opacity: 1;
    -webkit-animation: slide-in-blurred-top 1.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-top 1.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1;
    }
}

#member-box {
    max-width: 100%;
    padding: 30px;
    margin: 0 auto;
    border: 1px solid #ddd;
    box-sizing: border-box;
    text-align: left;
    margin-bottom: 100px;
    font-family: 'Pretendard';
}

#member-box h3 {
    color: #333;
    font-size: 32px;
    font-family: 'Nanum Myeongjo';
}

#member-box h4 {
    margin-top: 30px;
    margin-bottom: 10px;
    color: #58a2c9;
    font-size: 22px;
    font-family: 'Nanum Myeongjo';
    font-weight: 700;
}

#member-box p {
    font-size: 18px;
}

#member-box * + h3 {margin-top: 50px;}

.mt-15 {
    margin-top: 15px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.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: '';
}

.number-list.v2 > li {
    padding-left: 35px;
    counter-increment: number2;
}
.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.v2 li:before {
    width: 30px;
    content: counter(number2)' )';
}
.number-list > li:before {
    position: absolute;
    top: 0;
    left: 10px;
    width: 25px;
    text-align: left;
    content: counter(number)'.';
}

@media screen and (max-width:1885px) {
    #main-small-banner ._right {
        flex-wrap: wrap;
    }
}

@media screen and (max-width:1700px) {
    .main-equip-01 {
        position: absolute;
        top: 56px;
        right: 0;
        width: 880px;
    }
}


@media screen and (max-width:1600px) {
	.header-symbol {
		position: absolute;
		left: 20px;
		display: none;
		z-index: 99;
		top: 0;
	}
	header {
		flex-flow: column;
		align-items: center;
		padding:0;
	}
	header:after {
		top: 118px;
	}
	header .logo {
		position: static;
	}
	header .logo a {
		padding:12px 0;
	}
	header #gnb>li>span {
		height: 40px;
	}
	header #gnb .snb {
		height: 210px;
	}
	header .head-tel {
		top: 18px;
    	right: 20px;
	}

    header #gnb li {
		margin-right: 0;
		position: relative;
		z-index: 10000;
    }

    header #gnb {
        display: flex;
        justify-content: space-evenly;
    }

    header.on:after {
        position: absolute;
        top: 106px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #e2e2e2;
        z-index: 1111;
        content: '';
    }

    .main-equip-01 {
        position: absolute;
        top: 56px;
        right: 0;
        width: 770px;
    }

	#main-small-banner ._left ._box-01 span:nth-child(3) {
		font-size: 24.5px;
	}

	#main-small-banner ._left ._box-02 span {
		margin: 0 18px;
	}

	#main-small-banner ._left ._box-03 span:nth-child(2) {
		font-size: 24.5px;
	}

	#main-small-banner ._right {
		font-size: 16px;
	}

	#main-small-banner ._right span:nth-child(2) {
		margin-right: 11px;
	}

	#main-small-banner ._right span:nth-child(3) {
		margin-right: 20px;
	}

	#main-small-banner ._right span:nth-child(6) {
		margin-left: 15px;
		margin-right: 15px;
	}

	footer .inner .l-box:first-child {
		width: 500px;
	}

	.dentulous-01 .img-txt-01 ._left {
		margin-right: 50px;
		width: 39%;
	}

	.dentulous-01 .img-txt-01 ._left img {
		width: 100%;
	}

	.dentulous-01 .img-txt-01 ._right {
		position: initial;
		word-break: keep-all;
		min-width: 675px;
	}

	.dentulous-01 .img-txt-01 ._right p {
		font-size: 28px;
	}

	.half-flex .txt {
		padding-left: 30px;
	}

	.half-flex .img img {
		width: 100%;
	}
	
	.merit-01 .img-txt-01 ._right {
		word-break: keep-all;
	}

	.merit-02 {
		padding: 80px 60px 132px !important;
	}

	.merit-02 img:nth-child(5) {
		width: -webkit-fill-available;
	}

	.contents .inner.oneday-impl {
		padding-bottom: 80px;
	}

	.bone-graft-impl ._box-half ._left {
		width: 45%;
	}

	.bone-graft-impl ._box-half ._left img {
		width: 100%;
	}

	.bone-graft-impl ._box-half ._right {
		width: 55%;
		padding: 45px 0 0 69px;
		text-align: left;
	}

	.bone-graft-impl ._box-half ._right p {
		font-size: 27px;
	}

    ._num-box-01 ul {
        width: 1070px;
    }
}

@media screen and (max-width:1500px) { 
	#main-small-banner ._left {
		width: 44%;
	}

	#main-small-banner ._right {
		width: 56%;
	}

	footer .inner .l-box:first-child {
		width: 425px;
	}
}

@media screen and (max-width:1329px) { 
	.main-equip-01 {
		position: absolute;
		top: 75px;
		right: 0;
		width: 690px;
	}

	#main-equipment {
		position: relative;
		padding: 0 60px;
	}

	.main-equip-01 {
		position: absolute;
		top: 56px;
		right: 0;
	}

	#main-equipment ._wrap {
		max-width: 1330px;
		margin: 0 auto;
		padding-top: 56px;
	}

	#main-equipment ._wrap ._left p {
		margin-top: 70px;
		font-family: 'Pretendard';
		font-size: 28px;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.38;
		letter-spacing: -1.6px;
		text-align: left;
		color: #58a2c9;
		margin-bottom: 17px;
	}

	#main-equipment ._wrap ._left span:nth-child(2) {
		font-family: 'Pretendard';
		font-size: 45px;
		font-weight: 800;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.24;
		letter-spacing: -1.25px;
		text-align: left;
		color: #333;
		margin-bottom: 43px;
		display: block;
	}

	#main-equipment ._wrap ._left span:nth-child(3) {
		font-family: 'Pretendard';
		font-size: 18px;
		line-height: 1.67;
		letter-spacing: -0.9px;
		text-align: left;
		color: #333;
		margin-bottom: 70px;
		display: block;
	}

	#main-clinic {
		padding: 124px 60px 235px;
		box-sizing: border-box;
	}

	.contents .inner {
		width: 100%;
		max-width: 1300px;
		margin: 0 auto;
		padding: 0 60px;
		box-sizing: border-box;
	}

	._box-doctor ._left {
		width: 483px;
		margin-right: 107px;
	}

	._box-doctor ._right img {
		right: 60px;
	}

	.contents .inner.tab {
		margin-bottom: 50px;
	}

	.contents .inner.crown-02 {
		padding: 80px 60px 102px;
	}

	.crown-type ._wrap {
		width: 1106px;
		padding: 10px 0;
	}

	.crown-type ._each {
		padding: 38px 0 38px 10px;
	}

	.crown-type ._each span {
		width: 130px;
		font-size: 22px;
	}

	.cavity-01 ._box-01 ._each {
		width: 287px;
		margin-right: 10px;
	}

	.cavity-01 ._box-01 ._each ._info {
		height: 225px;
	}

	.cavity-01 ._box-01 ._each ._tag span {
		font-size: 16px;
	}

	.contents .inner.laminate-02 {
		padding: 80px 60px 89px;
	}

    .contents .inner.gum-01 {
		padding: 80px 60px 89px;
    }
}

@media screen and (max-width:720px) {
	.m-bg {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 9998;
	}
	header {
		flex-flow: initial;
		justify-content: space-between;
		padding:0 50px;
	}
	header:after {
		top: 86px;
	}
	header nav {
		display: none;
		position: absolute;
		top: 100%;
		right: 0;
		bottom: 0;
		max-width: 720px;
		background-color: #f4f4f4;
		z-index: 10001;
	}
	header nav:before {
		position: absolute;
		top: 0;
		right: 100%;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.7);
		content:'';
	}
	header nav.on {
		display: block;
	}
	header nav.on .m-quick {
		display: block;
	}
	header .m-quick {
		position: relative;
		width: 100%;
		/* border-top: 15px solid #f0f0f0; */
		border-bottom: 1px solid #ddd;
		background-color: #fff;
	}
	header .m-quick:before {
		display: block;
		width: 100%;
		height: 8px;
		background-image: url(/resource/images/m-menu-bar.png);
		content:'';
	}
	header .m-quick ul {
		display: flex;
		padding:20px 0;
	}

	header .m-quick ul li {
		width: 25%;
		text-align: center;
	}

	header .m-quick ul li a {
		color: #333;
		font-size: 16px;
		letter-spacing: -1.8px;
	}

	header .m-quick ul li a span {
		display: block;
		margin:0 auto 10px;
	}
	header .m-quick ul li a span img {
		width: 45px;
	}
	header #gnb {
		/* overflow-y: scroll; */
		background-color: rgba(0, 0, 0, 0.01);
	}
	header #gnb {
		display: block;
		flex-flow: column;
		background-color: #fff;
	}
	header #gnb > li {
		width: 100%;
		padding:0;
		font-size: 0;
	}
	header #gnb > li:hover {
	}
	header #gnb > li:hover > span::before {
		display: none;
	}
	header #gnb > li > span {
		display: block;
		height: auto;
		margin-top: -1px;
		border-top:1px solid #ddd;
	}
	header #gnb > li > span a {
		display: block;
		position: relative;
		margin-bottom: 0;
		padding:15px 35px;
		font-size: 20px;
		font-weight: 500;
		border-bottom:1px solid #ddd;
		background-color: #f2f2f2;
	}
	header #gnb > li > span a:before {
		position: absolute;
		top: 50%;
		right: 30px;
		width: 12px;
		height: 2px;
		margin-top: -1px;
		background-color: #333;
		content:'';
	}
	header #gnb > li > span a:after {
		position: absolute;
		top: 50%;
		right: 35px;
		width: 2px;
		height: 12px;
		margin-top: -6px;
		background-color: #333;
		content:'';
	}
	/* header #gnb .snb {
		display: none;
		height:auto;
	}
	header #gnb:hover .snb {
		display: none;
		height: auto;
	} */
	header #gnb:hover:after {
		display: none;
	}
	header #gnb > li .snb {
		display: none;
		flex-wrap: wrap;
		height: auto;
		padding:0;
	}
	header #gnb > li .snb.on {
		display: flex;
	}
	header #gnb > li .snb li {
		width: 50%;
		margin-bottom: 0;
		text-align: left;
		border-right:1px solid #ddd;
		border-bottom:1px solid #ddd;
		box-sizing: border-box;
	}
	header #gnb > li .snb li:nth-of-type(even) {
		border-right: none;
	}
	header #gnb > li .snb > li+li {
		margin-top: 0;
	}
	header #gnb > li .snb a {
		display: block;
		padding:15px 35px;
		font-size: 18px;
		box-sizing: border-box;
	}
	header #gnb > li:hover > a:after {
		display: none;
	}
	header #gnb > li.on > a:after {
		display: none;
	}
	header #gnb > li.on .snb-wrap {
		display: block;
	}
	header #gnb > li.on .snb a {
		display: inline-block;
	}
	header .head-tel {
		top: 28px;
		right: 140px;
	}
	header .menu-close {
		display: inline-block;
		position: absolute;
		top: 50px;
		right: 50px;
		transform: scale(0.6);
	}
	header .ham {
		display: inline-block;
		/* position: absolute;
		top: 0;
		right: 0; */
	}
	header .ham img {
		width: 30px;
	}

	#snb {
		display: none;
	}
	#location {
		display: flex;
		max-width: 100%;
	}
}

@media screen and (max-width:1024px) {
	#thumb-box .thumb li {
		width: calc(33.33% - 20px);
	}

	#main-banner .swiper-slide img {
		min-height: 600px;
		height: 600px;
	}
	#main-floor {
		/* flex-flow: column-reverse; */
	}
	#main-floor .left {
		width: 50%;
	}
	#main-floor  .right {
		width: 50%;
		margin-bottom: 50px;
	}
}