@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all; -webkit-text-size-adjust:100%;}
input[type="text"],
input[type="password"],
input[type="date"],
select,
textarea {border:#ddd 1px solid; max-width:100%; border-radius:5px;}
input[type="text"],
input[type="password"],
input[type="date"],
select {height:30px; padding:0 10px;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/pub/images/arrow_select.svg') no-repeat right 10px center / 10px;}
textarea {padding:10px;}
button,a {transition:.2s linear; -webkit-tap-highlight-color:transparent; font-size:inherit; color:inherit; font-weight:inherit;}
a.smoth_link {scroll-behavior:smooth;}
.imgfit img {width:auto; height:auto; max-width:100%; max-height:100%; object-fit:cover;}

span.br {display:block;}
.mo_vw {display:none !important;}

/* .blue {color:#734C49 !important;} */
.red {color:#BB0000 !important;}

.inner {width:100%; max-width:1620px; margin:0 auto; padding:0 20px;}

::-webkit-scrollbar {width:10px; height:10px;}
::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:10px; background-clip:padding-box; border:2px solid #fff;}
::-webkit-scrollbar-track {background-color:#f5f5f5; border-radius:10px; box-shadow:inset 0px 0px 5px white;}

/* overflow:hidden; ios 스크롤 막기 설정 */
html.over_h,body.over_h,
html.fancybox-lock, html.fancybox-lock body {touch-action:none; overflow-scrolling:none; -webkit-overflow-scrolling:none; overscroll-behavior:none;}

/* 높이값 설정 */
.height_vh {height:100vh; max-height:calc(var(--vh, 1vh) * 100);}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px; font-size:0;}
.ie_wrap .link a i {font-size:60px;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	body {overflow:hidden;}
	body .ie_wrap {display:block;}
}

.blind_link a {position:fixed; top:0; left:0; width:100%;font-size:0; text-align:center; z-index:101;}
.blind_link a:active,
.blind_link a:focus {font-size:20px; color:#fff; background:#000; padding:20px;}

[data-aos^=fade][data-aos^=fade].aos-animate {transition-timing-function:cubic-bezier(.175,.885,.32,1.275); transition-duration:1s;}

/* 게시판 목록 */
.board_list {border-top:#222 1px solid;}
.board_list col.w1 {width:160px;}
.board_list col.w2 {width:220px;}
.board_list tr {transition:.2s linear;}
.board_list th,
.board_list td {height:80px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {color:#222; font-weight:500;}
.board_list td {color:#666; font-weight:300;}
.board_list td:first-child {font-weight:400;}
.board_list td.tal a {display:block; line-height:79px;}
.board_list td.tal a span {position:relative; display:inline-block; vertical-align:top; max-width:100%; padding-left:60px; padding-right:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list td.tal a .file {position:absolute; top:0; right:0; display:block; width:20px; height:100%; background:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; transition:.2s linear;}

.board_top {display:flex; justify-content:space-between; margin-bottom:20px;}
.board_top .total {font-size:16px; font-weight:300; line-height:40px;}
.board_top .search_wrap {display:flex;}
.board_top .search_wrap > * {height:40px;}
.board_top .search_wrap .text {font-size:16px; color:#333; padding:0 15px; margin-right:10px;}
.board_top .search_wrap .text::placeholder {color:#999; font-weight:300; width:240px;}
.board_top .search_wrap .btn {color:#fff; font-weight:500; line-height:40px; width:100px; background:#734C49; border:0; border-radius:5px;}

.board_bottom .btns {overflow:hidden; margin-top:20px;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center; border:0; border-radius:5px; vertical-align:top;}
.board_bottom .paging {display:flex; justify-content:center; margin-top:50px;}
.board_bottom .paging a {width:40px; height:40px; line-height:38px; text-align:center; border:#ddd 1px solid; border-radius:3px; font-size:16px; color:#999; margin:0 2px;}
.board_bottom .paging a.on {color:#fff; font-weight:500; background-color:#734C49; border-color:#734C49;}
.board_bottom .paging .arrow {position:relative; font-size:0;}
.board_bottom .paging .arrow:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#999; mask:no-repeat 50% 50%; -webkit-mask:no-repeat 50% 50%; transition:.2s linear;}
.board_bottom .paging .arrow.one:before {mask-image:url('/pub/images/arrow_page_one.svg'); -webkit-mask-image:url('/pub/images/arrow_page_one.svg');}
.board_bottom .paging .arrow.two:before {mask-image:url('/pub/images/arrow_page_two.svg'); -webkit-mask-image:url('/pub/images/arrow_page_two.svg');}
.board_bottom .paging .arrow.first {}
.board_bottom .paging .arrow.prev {margin-right:18px;}
.board_bottom .paging .arrow.next {margin-left:18px;}
.board_bottom .paging .arrow.next:before,
.board_bottom .paging .arrow.last:before {transform:rotate(180deg);}

/* 게시판 상세 */
.board_view {border-top:#222 1px solid;}
.board_view .tit {position:relative; font-size:24px; color:#222; font-weight:600; line-height:30px; padding:35px 130px 35px 20px;}
.board_view .tit .date {position:absolute; top:calc(50% - 10px); right:20px; font-size:17px; color:#666; font-weight:300; line-height:20px;}
.board_view .file {background:#F8F8F8 url('/pub/images/icon_file.svg') no-repeat 20px 20px; padding:20px 20px 20px 50px; display:flex; gap:10px;}
.board_view .file a {display:inline-block; vertical-align:top; font-size:17px; color:#666; font-weight:300; line-height:20px; text-decoration:underline;}
.board_view .cont {padding:60px 20px;}
.board_view .prevnext {border-top:#ebebeb 1px solid;}
.board_view .prevnext li {position:relative; padding:0 0 0 136px; border-bottom:#ebebeb 1px solid; font-size:17px; color:#666; font-weight:300; line-height:60px; transition:.2s linear;}
.board_view .prevnext li .tt {position:absolute; top:0; left:0; height:100%; font-weight:400; padding-left:46px;}
.board_view .prevnext li .tt:before {content:""; position:absolute; top:0; left:20px; width:12px; height:100%; background:#999; mask:url('/pub/images/arrow_step.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_step.svg') no-repeat 50% 50%; transition:.2s linear;}
.board_view .prevnext li.prev .tt:before {transform:rotate(-90deg);}
.board_view .prevnext li.next .tt:before {transform:rotate(90deg);}
.board_view .prevnext li a {position:relative; display:block; padding-right:130px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_view .prevnext li .date {position:absolute; top:0; right:20px;}
.btn_list {display:block; font-size:18px; color:#fff; font-weight:600; line-height:60px; height:60px; width:180px; background:#734C49; border-radius:10px; text-align:center; border:0; margin:60px auto 0;}

/* 갤러리 목록 */
.gall_list {display:flex; flex-wrap:wrap; gap:30px;}
.gall_list li { width:calc((100% - 60px)/3);}
.gall_list li a {display:block; border:#ddd 1px solid; border-radius:20px; overflow:hidden;}
.gall_list li a span {display:block;}
.gall_list li .img {width:100%; height:240px; overflow:hidden;}
.gall_list li .img img {width:100%; height:100%; object-fit:cover;}
.gall_list li .txt {padding:20px;}
.gall_list li .tit {font-size:20px; color:#222; font-weight:600; max-height:60px; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.gall_list li .date {font-size:16px; color:#999; font-weight:300; line-height:20px; margin-top:25px;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:#fff; border-bottom:#e6e6e6 1px solid; transition:.2s linear;}
.header .black {position:absolute; top:91px; left:0; width:100%; height:0; background:#fff; transition:.2s linear;}
.header .inner {position:relative; height:90px;}
.header .logo {position:absolute; top:0; left:20px; line-height:90px; font-size:0; z-index:1;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .gnb {position:absolute; top:0; right:30px;}
.header .gnb ul {display:flex; justify-content:center;}
.header .gnb li {position:relative;}
.header .gnb li > a {display:block; font-size:0; padding:0 50px;}
.header .gnb li > a span {position:relative; display:inline-block; vertical-align:top; font-size:18px; color:#000; font-weight:600; line-height:90px; transition:.2s linear;}
.header .gnb li > a span:before {content:""; position:absolute; bottom:-1px; right:0; width:0; height:3px; background:#734C49; transition:.2s linear;}
.header .gnb li.on > a span {color:#734C49;}
.header .gnb .snb {position:absolute; top:90px; left:0; width:100%; height:0; padding-left:50px; overflow:hidden; transition:.2s linear;}
.header .gnb .snb a {position:relative; display:block; font-size:14px; color:#666; font-weight:400; line-height:24px; padding:8px 0; text-align:left;}
.header .gnb .snb a span {position:relative; display:inline-block; vertical-align:top;}
.header .gnb .snb a span:before {content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:#734C49; transition:.2s linear;}
.header .gnb .snb a.on {color:#734C49; font-weight:700;}
.header .gnb .snb a.on span:before {width:100%;}

/* footer */
.footer {position:relative; background:#222; z-index:30;}
.footer .inner {position:relative;}
.footer .links {border-bottom:rgba(255,255,255,.1) 1px solid;}
.footer .links ul {display:flex; gap:40px;}
.footer .links a {display:block; font-size:18px; color:rgba(255,255,255,.5); line-height:80px;}
.footer .links a strong {color:#fff;}
.footer .address {padding:40px 0 60px;}
.footer .address .inner {padding-left:270px;}
.footer .address .flogo {position:absolute; top:0; left:20px; filter:grayscale(1);}
.footer .address .tel {font-size:18px; color:#fff; font-weight:700; line-height:42px; height:42px;}
.footer .address .tel strong {font-size:36px;}
.footer .address ul {display:flex; gap:40px; margin:10px 0 20px;}
.footer .address li,
.footer .copy {font-size:15px; font-weight:300; line-height:20px;}
.footer .address li {position:relative; color:rgba(255,255,255,.6);}
.footer .address li:before {content:""; position:absolute; top:50%; left:-20px; width:1px; height:12px; background:rgba(255,255,255,.5); transform:translate(0,-50%);}
.footer .address li:first-child:before {display:none;}
.footer .copy {color:rgba(255,255,255,.5);}
.footer .family {position:absolute; top:-100px; right:20px; width:265px;}
.footer .family dt {position:relative; font-size:16px; color:#fff; font-weight:300; line-height:40px; height:40px; padding:0 20px; background:#000; border-radius:5px; cursor:pointer; transition:.2s linear;}
.footer .family dt:after {content:""; position:absolute; top:0; right:20px; width:14px; height:100%; background:url('/pub/images/arrow_select.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.footer .family dt button {vertical-align:top; line-height:inherit;}
.footer .family.on dt {border-radius:0 0 5px 5px;}
.footer .family.on dt:after {transform:rotate(180deg);}
.footer .family dd {position:absolute; bottom:41px; left:0; width:100%; background:#000; border-radius:5px 5px 0 0; display:none;}
.footer .family dd a {display:block; font-size:16px; color:#fff; font-weight:400; line-height:20px; padding:10px 20px;}

/* main */
.mvisual_wrap {padding:75px 0; background:#FCF5EF; margin-top:90px;}
.mvisual_wrap .main_copy {display:flex; margin-bottom:60px;}
.mvisual_wrap .main_copy dt {width:490px;}
.mvisual_wrap .main_copy dt span {display:block; font-size:28px; color:#111; line-height:32px; margin-bottom:8px;}
.mvisual_wrap .main_copy dt .tt {font-size:48px; color:#000; font-weight:700; line-height:56px;}
.mvisual_wrap .main_copy dt .tt strong {color:#734C49;}
.mvisual_wrap .main_copy dd {position:relative; flex:1 1 calc((100% - 490px)/4); padding:0 10px; text-align:center;}
.mvisual_wrap .main_copy dd:before {content:""; display:block; width:100%; height:42px; background:no-repeat 50% 50%;}
.mvisual_wrap .main_copy dd.i1:before {background-image:url('/pub/images/icon_mcopy01.svg');}
.mvisual_wrap .main_copy dd.i2:before {background-image:url('/pub/images/icon_mcopy02.svg');}
.mvisual_wrap .main_copy dd.i3:before {background-image:url('/pub/images/icon_mcopy03.svg');}
.mvisual_wrap .main_copy dd.i4:before {background-image:url('/pub/images/icon_mcopy04.svg');}
.mvisual_wrap .main_copy dd:after {content:""; position:absolute; top:50%; right:0; width:1px; height:100px; background:#649EE6; margin-top:-50px; opacity:.23;}
.mvisual_wrap .main_copy dd:last-child:after {display:none;}
.mvisual_wrap .main_copy dd .tt {position:relative; font-size:20px; color:#000; font-weight:800; line-height:24px; margin:20px 0 10px;}
.mvisual_wrap .main_copy dd p {font-size:16px; color:#707070; font-weight:500; line-height:20px;}
.mvisual_wrap .mvisual_area{display:flex; align-items:flex-start;}
.mvisual_wrap .mvisual_box {width:100%;}
.mvisual_wrap .mvisual {overflow:hidden; border-radius:20px; height:532px;}
.mvisual_wrap .mvisual .slick-slide {position:relative; height:532px;}
.mvisual_wrap .mvisual .slick-slide > div {height:100%;}
.mvisual_wrap .mvisual .slick-slide img {width:100%; height:100%; object-fit:cover;}
.mvisual_wrap .mvisual_box .navi {margin-top:23px; display:flex; justify-content:center; align-items:center; gap:15px; padding-left:10px;}
.mvisual_wrap .mvisual_box .navi .slick-dots {display:flex; justify-content:center; align-items:center; gap:25px;}
.mvisual_wrap .mvisual_box .navi .slick-dots li {line-height:14px;}
.mvisual_wrap .mvisual_box .navi .slick-dots li button {display:block; width:12px; height:12px; background:#C1C1C1; border-radius:50%; font-size:0; transition:.2s linear;}
.mvisual_wrap .mvisual_box .navi .slick-dots li.slick-active button {background:#734C49;}
.mvisual_wrap .mvisual_box .navi .papl button {width:32px; height:14px; background:no-repeat 50% 50%; font-size:0; display:none;}
.mvisual_wrap .mvisual_box .navi .papl button.on {display:block;}
.mvisual_wrap .mvisual_box .navi .papl .pause {position:relative; background-image:url('/pub/images/icon_pause.svg'); background-size:10px;}
.mvisual_wrap .mvisual_box .navi .papl .play {background-image:url('/pub/images/icon_play.svg'); background-size:9px;}
.mvisual_wrap .mlinks {width:400px;}
.mvisual_wrap .mlinks ul {display:flex; flex-wrap:wrap; gap:36px;}
.mvisual_wrap .mlinks li {width:calc(50% - 18px); background:#fff; border-radius:20px;}
.mvisual_wrap .mlinks li a {display:flex; flex-direction:column; justify-content:center; align-items:center; height:153px;}
.mvisual_wrap .mlinks li a i {display:block; width:100%; height:54px; background:no-repeat 50% 50%;}
.mvisual_wrap .mlinks li a p {font-size:20px; color:#000; font-weight:600; line-height:24px; margin-top:12px;}
.mvisual_wrap .mlinks li.i1 a i {background-image:url('/pub/images/icon_mlinks_01.svg'); background-size:auto 45px;}
.mvisual_wrap .mlinks li.i2 a i {background-image:url('/pub/images/icon_mlinks_02.svg'); background-size:auto 54px;}
.mvisual_wrap .mlinks li.i3 a i {background-image:url('/pub/images/icon_mlinks_03.svg'); background-size:auto 49px;}
.mvisual_wrap .mlinks li.i4 a i {background-image:url('/pub/images/icon_mlinks_04.svg'); background-size:auto 41px;}
.mvisual_wrap .mlinks .contact {position:relative; margin-top:36px; z-index:1; padding:10px 0 10px 160px;}
.mvisual_wrap .mlinks .contact:before,
.mvisual_wrap .mlinks .contact:after {content:""; position:absolute; top:0; left:0;}
.mvisual_wrap .mlinks .contact:before {width:calc(100% + (100vw - 1580px)); height:100%; background:#734C49; border-radius:20px 0 0 20px; z-index:-1;}
.mvisual_wrap .mlinks .contact:after {width:160px; height:100%; background:url('/pub/images/icon_mcontact.svg') no-repeat 50% 50%;}
.mvisual_wrap .mlinks .contact * {color:#fff;}
.mvisual_wrap .mlinks .contact p {font-size:21px; line-height:25px; margin-left:20px;}
.mvisual_wrap .mlinks .contact strong {display:block; font-size:33px; font-weight:600; line-height:40px; margin:3px 0 6px;}
.mvisual_wrap .mlinks .contact table {margin-left:20px; border-left:#fff 2px solid;}
.mvisual_wrap .mlinks .contact th,
.mvisual_wrap .mlinks .contact td {line-height:20px;}
.mvisual_wrap .mlinks .contact th {font-size:15px; font-weight:400; width:50px; padding-left:10px; text-align:left;}
.mvisual_wrap .mlinks .contact td {font-size:16px; font-weight:600;}

.mcon {position:relative; margin-top:160px; z-index:1;}
.mcon .bgtxt {position:absolute; font-size:200px; color:#F5F5F5; font-weight:600; line-height:1; z-index:-1;}
.mcon .title {position:relative; font-size:48px; color:#000; font-weight:700; line-height:56px; display:flex; align-items:center;}
.mcon .title .more {position:absolute; top:50%; right:0; font-size:18px; color:#111; line-height:30px; height:30px; padding-right:40px; transform:translate(0,-50%);}
.mcon .title .more:after {content:""; position:absolute; top:0; right:0; width:30px; height:30px; border:#ddd 1px solid; border-radius:50%; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50%; transition:.2s linear;}
.mcon .title p {font-size:22px; line-height:26px; margin:12px 0; text-align:center;}

.mc01 .inner {position:relative;}
.mc01 .bgtxt {top:-50px; left:15px;}
.mc01 .title {margin-bottom:60px;}
.mc01 .title .more {margin-left:50px;}
.mc01 ul {display:flex; gap:60px;}
.mc01 li {position:relative; width:calc((100% - 120px)/2); border-radius:20px;}
.mc01 li a {position:relative; display:block; border-radius:20px; overflow:hidden;}
.mc01 li a:hover {box-shadow:rgba(0,0,0,.16) 0 0 10px;}

/* .mc01 li a:before,
.mc01 li a:after {content:""; position:absolute; transition:.2s linear;}
.mc01 li a:before {bottom:20px; right:20px; width:58px; height:58px; border:#fff 2px solid; background:url('/pub/images/icon_plus.svg') no-repeat 50% 50%;}
.mc01 li a:after {top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); opacity:0;} */

.mc01 li a .txt {position:absolute; bottom:35px; left:35px; z-index:1;}
.mc01 li a .txt strong {font-size:25px; color:#fff; font-weight:700; line-height:30px; text-shadow:rgba(0,0,0,.5) 0 0 20px; transition:.2s linear;}
.mc01 li a .txt p {font-size:22px; color:#fff; line-height:26px; height:0; overflow:hidden; transition:.2s linear;}

.mc02 .bgtxt {top:7px; right:0;}
.mc02 .title {flex-direction:column;}
.mc02 .list {display:flex; gap:30px; margin-top:50px;}
.mc02 .list li {width:calc((100% - 120px)/5);}
.mc02 .list a {display:block;}
.mc02 .list .img {display:block; height:252px; overflow:hidden; border-radius:20px;}
.mc02 .list .img img {width:100%; height:100%; object-fit:cover}
.mc02 .list p {font-size:22px; color:#000; font-weight:600; line-height:26px; text-align:center; margin-top:25px;}

.mc03 .bgtxt {top:-20px; left:0;}
.mc03 .inner {display:flex;}
.mc03 .title {flex-direction:column; align-items:flex-start; gap:10px; width:340px;}
.mc03 .list {width:calc(100% - 340px); border-top:#734C49 3px solid;}
.mc03 .list li {border-bottom:#d8d8d8 1px solid;}
.mc03 .list a {position:relative; display:block; padding-left:250px; line-height:90px;}
.mc03 .list .date {position:absolute; top:0; left:0; font-size:20px; color:#707070; font-weight:300; padding-left:24px;}
.mc03 .list .date strong {font-size:30px; font-weight:400; margin-left:2px;}
.mc03 .list p {font-size:22px; color:#707070; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.mc04 {position:relative;}
.mc04 .root_daum_roughmap {max-width:100%;}
.mc04 .roughmap_maker_label {border:0; top:6px !important; left:-3px !important;}
.mc04 .roughmap_maker_label a {width:218px; height:96px; background:url('/pub/images/icon_map.svg') no-repeat 50% 50% / contain; display:block; border:0; box-shadow:none;}
.mc04 .roughmap_maker_label .roughmap_lebel_text,
.mc04 .roughmap_maker_label:after {display:none;}
.mc04 .text {position:absolute; bottom:0; left:0; z-index:30; background:#734C49 url('/pub/images/icon_logo.svg') no-repeat right -5px bottom -60px; border-radius:0 50px 0 0; padding:70px 70px 70px calc(100vw - 1580px - ((100vw - 1580px)/2)); height:520px;}
.mc04 .title {color:#fff; padding-bottom:30px; margin-bottom:40px; border-bottom:rgba(255,255,255,.3) 1px solid;}
.mc04 dl {color:#fff; margin-bottom:30px;}
.mc04 dt {font-size:16px; font-weight:700; line-height:24px;}
.mc04 dd {font-size:20px; font-weight:300; line-height:30px;}

.mc05 a {width:100%; padding:70px 60px 50px; background:url('/pub/images/bg_mc05.jpg') no-repeat 50% 50% / cover; display:flex; justify-content:center; align-items:flex-start; border-radius:20px; flex-direction:column}
.mc05 a .title {color:#fff; line-height:1;}
.mc05 a .sbtit{font-size:20px; color:#fff; font-weight:500; margin-top:22px;}
.mc05 .more {position:relative; display:block; font-size:18px; color:#fff; font-weight:700; line-height:30px; padding-right:40px; margin-top:90px;}
.mc05 .more:before,
.mc05 .more:after {content:""; position:absolute; top:0; right:0; width:30px; height:30px; border-radius:50%; transition:.2s linear;}
.mc05 .more:before {background:#fff; mask:url('/pub/images/arrow_more.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_more.svg') no-repeat 50% 50%;}
.mc05 .more:after {border:#fff 1px solid;}


/* sub */
.svisual {display:flex; flex-direction:column; justify-content:center; align-items:center; height:250px; margin-top:90px; background:no-repeat 50% 50% / cover;}
.svisual h2 {font-size:50px; color:#fff; font-weight:600; line-height:60px;}
.svisual .locat {display:flex; justify-content:center; align-items:center; margin-top:15px;}
.svisual .locat * {height:20px; line-height:20px;}
.svisual .locat .home {width:17px; background:url('/pub/images/icon_home.svg') no-repeat 50% 50% / contain;}
.svisual .locat em {width:36px; background:url('/pub/images/arrow_locat.svg') no-repeat 50% 50% / 6px;}
.svisual .locat span {font-size:17px; color:#fff;}
.svisual.g01 {background-image:url('/pub/images/svisual01.jpg');}
.svisual.g02 {background-image:url('/pub/images/svisual03.jpg');}
.svisual.g03 {background-image:url('/pub/images/svisual03.jpg');}
.svisual.g04 {background-image:url('/pub/images/svisual05.jpg');}
.svisual.g05 {background-image:url('/pub/images/svisual05.jpg');}
.svisual.g06 {background-image:url('/pub/images/svisual06.jpg');}

.terms {padding:50px 30px 30px; max-width:1000px;}
.terms .title {font-size:32px; color:#000; font-weight:600; line-height:38px; text-align:center; margin-bottom:40px;}
.terms > p {font-size:18px; color:#222; line-height:30px;}
.terms .tit {font-size:20px; color:#000; font-weight:700; line-height:24px; margin:40px 0 20px;}
.terms .gbox {border:#ddd 1px solid; padding:10px; font-size:16px; color:#222; line-height:24px;}
.terms .gbox .scroll_box {padding:30px; max-height:480px; overflow:auto;}
.terms .gbox .tt {font-weight:700; margin-top:24px;}
.terms .gbox p.pl {padding-left:15px; text-indent:-15px;}
.fancybox-close {top:0; right:0; width:90px; height:90px; background:url('/pub/images/icon_close.svg') no-repeat 50% 50%;}

.container {position:relative; display:flex; z-index:1; font-size:18px; color:#666; line-height:30px;}
.container .aside {position:relative; top:-40px; width:280px;}
.container .aside .home,
.container .aside .g dd,
.container .aside .s dt {display:none;}
.container .aside dt {position:relative; text-align:center; border-radius:0 20px 0 0; background:linear-gradient(-30deg, #734C49, #AF9491);}
.container .aside dt:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/bg_aside.svg') no-repeat right -20px bottom -20px; opacity:.1;}
.container .aside dt b {position:relative; font-size:28px; color:#fff; font-weight:500; line-height:170px; z-index:1;}
.container .aside dd a {position:relative; display:block; font-size:17px; color:#222; line-height:20px; border:#ddd 1px solid; margin-top:-1px;}
.container .aside dd a:first-child {margin-top:0;}
.container .aside dd a:before,
.container .aside dd a:after {content:""; position:absolute; width:0; height:0; opacity:0; border:transparent 1px solid; z-index:1; transition:.4s linear;}
.container .aside dd a:before {top:-1px; left:-1px;}
.container .aside dd a:after {bottom:-1px; right:-1px;}
.container .aside dd a span {position:relative; display:block; padding:20px 30px 20px 20px;}
.container .aside dd a span:after {content:""; position:absolute; top:0; right:30px; width:6px; height:100%; background:url('/pub/images/arrow_aside.svg') no-repeat 50% 50% / contain; opacity:0; transition:.2s linear;}
.container .aside dd a.on {color:#734C49;}
.container .aside dd a.on {z-index:2;}
.container .aside dd a.on:before,
.container .aside dd a.on:after {width:calc(100% + 2px); height:calc(100% + 2px); opacity:1;}
.container .aside dd a.on:before {border-top-color:#734C49; border-left-color:#734C49;}
.container .aside dd a.on:after {border-right-color:#734C49; border-bottom-color:#734C49;}
.container .aside dd a.on span:after {right:20px; opacity:1;}

.container .contents {width:calc(100% - 280px); padding:80px 0 160px 100px;}
.container .thin {font-weight:300;}
.container .title {font-size:40px; color:#000; font-weight:700; line-height:48px; text-align:center; margin-bottom:60px;}
.container .title p {font-size:16px; color:#76A9E9; font-weight:300; line-height:20px; margin-top:15px;}
.container .stit {font-size:28px; color:#000; font-weight:600; line-height:34px; margin:40px 0 20px;}
.container .sbtit {font-size:22px; color:#222; font-weight:600; margin:60px 0 20px;}
.container .btit {position:relative; font-size:22px; color:#222; font-weight:600; line-height:26px; padding-left:13px; margin-bottom:20px;}
.container .btit:before {content:""; position:absolute; top:5px; left:0; width:3px; height:16px; background:#734C49;}
.container .dtit {position:relative; font-size:20px; color:#734C49; font-weight:500; line-height:24px; padding-bottom:20px; border-bottom:#ddd 1px solid; margin-bottom:30px; padding-left:12px;}
.container .dtit:before {content:""; position:absolute; top:8px; left:0; width:5px; height:5px; background:#734C49; border-radius:5px;}
.container .chktit {color:#734C49; line-height:30px; padding-left:60px; background:url('/pub/images/icon_chk.svg') no-repeat 0 0 / 30px; margin:60px 0 20px;}
.container .chktit.mt {margin-top:100px;}

.commingsoon {font-size:20px; color:#333; font-weight:500; text-align:center; padding:100px 0; background:#f5f5f5; border-radius:10px;}

/* 이사장 인사말 */
/* .chairman {height:300px; border-radius:20px; padding:88px 80px; margin-bottom:40px; background:url('/pub/images/bg_greeting.jpg') no-repeat right bottom / cover;} */
.chairman {height:300px; border-radius:20px; padding:88px 80px; margin-bottom:40px; background:url('/pub/images/230424_image.png') no-repeat right bottom / cover;}
.chairman .dda {position:relative; font-size:28px; color:#222; font-weight:500; line-height:42px; margin-bottom:20px; display:inline-block; vertical-align:top;}
.chairman .dda:before,
.chairman .dda:after {content:""; position:absolute; width:43px; height:33px; background:url('/pub/images/icon_dda.svg') no-repeat 50% 50% / contain;}
.chairman .dda:before {top:-15px; left:-40px;}
.chairman .dda:after {bottom:-10px; right:-30px; transform:rotate(180deg);}
.chairman .dda .blue {font-size:36px;}
.chairman .name {font-size:16px; color:#222; line-height:26px;}
.chairman .name strong {font-size:22px; font-weight:600; margin-left:10px;}
.history .tit {font-size:22px; color:#222; line-height:32px;}
.history .tit strong {font-weight:600;}
.history ul {position:relative; margin:40px 0;}
.history li {position:relative; padding-left:36px; padding-bottom:30px;}
.history li:before,
.history li:after {content:""; position:absolute;}
.history li:before {top:3px; left:0; width:16px;height:16px; background:#734C49; border:#EFF5FC 4px solid; border-radius:50%; z-index:1;}
.history li:after {top:11px; left:8px; width:1px; height:100%; background:#ddd;}
.history li:last-child {padding-bottom:0;}
.history li:last-child:after {display:none;}
.history li strong {display:block; color:#734C49; font-weight:600; line-height:22px; margin-bottom:10px;}
.history li p {color:#222; font-weight:300;}
.greeting .thin {color:#222;}

/* 병원소개 */
.bluebox {font-size:24px; color:#222; font-weight:500; line-height:40px; padding:55px; border-radius:20px; text-align:center; background:linear-gradient(to right, #F6FAFF 15%, #EBF5FF 100%);}
.hospital_introduction {display:flex; flex-direction:column; gap:80px; margin-top:80px;}
.hospital_introduction dl {display:flex; align-items:center; justify-content:space-between;}
.hospital_introduction dt,
.hospital_introduction dd {width:520px;}
.hospital_introduction dt {display:flex; flex-direction:column; gap:30px;}
.hospital_introduction dt .tt {font-size:22px; color:#222; font-weight:700;}
.hospital_introduction dt .img {border-radius:20px; overflow:hidden;}
.hospital_introduction dd {padding-top:60px;}
.hospital_introduction dd .t {position:relative; font-size:24px; color:#734C49; font-weight:600; line-height:36px; padding-bottom:31px; margin-bottom:30px;}
.hospital_introduction dd .t:after {content:""; position:absolute; bottom:0; left:0; width:60px; height:1px; background:#734C49;}
.hospital_introduction dl:nth-child(2n) dt {order:2;}
.hospital_introduction dl:nth-child(2n) dd {order:1;}

/* 의료진 */
.medical_staff {display:flex; flex-wrap:wrap; gap:40px;}
.medical_staff li {position:relative; padding:30px; width:calc(50% - 20px); display:flex; gap:30px; border-radius:20px; background:url('/pub/images/bg_medical_staff.jpg') no-repeat bottom right; overflow:hidden; box-shadow:rgba(0,0,0,.06) 0 3px 15px;}
.medical_staff li .img {width:160px; height:200px; border-radius:15px; overflow:hidden;}
.medical_staff li .img img {border-radius:15px;}
.medical_staff li .txt {width:calc(100% - 190px);}
.medical_staff li .name {font-size:22px; font-weight:600; padding-bottom:20px; border-bottom:#ddd 1px solid; margin-bottom:20px;}
.medical_staff li .name strong {font-size:28px; color:#222; font-weight:700; margin-right:10px;}
.medical_staff li dl {margin-bottom:15px; display:flex;}
.medical_staff li dl:lst-child {margin-bottom:0;}
.medical_staff li dt,
.medical_staff li dd {line-height:24px;}
.medical_staff li dt {font-size:17px; color:#734C49; font-weight:700; width:70px;}
.medical_staff li dd {font-size:16px; color:#666; font-weight:300; width:calc(100% - 70px);}

/* 오시는 길 */
.map_wrap {height:600px;}
.root_daum_roughmap {max-width:100%;}
.locat_box {display:flex; gap:46px 40px; flex-wrap:wrap;}
.locat_box dl {width:calc(50% - 20px); display:flex; gap:30px; align-items:center; padding:28px 30px; border:#ddd 1px solid; border-radius:15px;}
.locat_box dt {width:80px; height:80px; background:#F8F8F8 no-repeat 50% 50%; border-radius:50%;}
.locat_box dd {width:calc(100% - 110px);}
.locat_box dd .tt {font-size:20px; color:#734C49; font-weight:600; line-height:24px; margin:30px 0 6px;}
.locat_box dd .tt:first-child {margin-top:0;}
.locat_box dd p {color:#707070;}
.locat_box dl.i1 dt {background-image:url('/pub/images/icon_locat01.svg');}
.locat_box dl.i2 dt {background-image:url('/pub/images/q4_image.png');}
.locat_box dl.i3 {align-items:flex-start;}
.locat_box dl.i3 dt {background-image:url('/pub/images/icon_locat03.svg');}
.locat_box dl.i4 dt {background-image:url('/pub/images/icon_locat04.svg');}
.locat_box dl.i4 dd {display:flex; align-items:center;}
.locat_box dl.i4 .tt {margin:0 20px 0 0;}
.locat_box dl.i4 em {width:1px; height:16px; background:#ddd; margin:0 20px;}

/* 협력병원 */
.partner_hospital {display:flex; flex-wrap:wrap; gap:40px 32px;}
.partner_hospital li {width:calc((100% - 96px)/4); transition:.2s linear;}
.partner_hospital a {display:block;}
.partner_hospital .img {position:relative; display:block; width:100%; height:120px; border:#ddd 1px solid; border-radius:10px; overflow:hidden; transition:.2s linear;}
.partner_hospital .img img {position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:cover; transform:translate(-50%,-50%);}
.partner_hospital p {color:#000; font-weight:500; line-height:22px; margin-top:20px; text-align:center;}

/* 입퇴원 안내 */
.tel_box {display:flex; gap:30px; margin-bottom:20px;}
.tel_box dl {display:flex; align-items:center; width:calc((100% - 60px)/3); border-radius:20px; padding:30px 10px 30px 30px; gap:20px;}
.tel_box dt {width:80px; height:80px; background:#fff no-repeat 50% 50%; border-radius:50%;}
.tel_box dd {width:calc(100% - 110px);}
.tel_box dd .sbtit {margin:0;}
.tel_box dd p {color:#222; line-height:22px; margin:10px 0;}
.tel_box dd strong {display:block; font-size:20px; color:#734C49; font-weight:600; line-height:24px;}
.tel_box dl.i1 {background:#F1F6FC;}
.tel_box dl.i1 dt {background-image:url('/pub/images/icon_tel.svg');}
.tel_box dl.i2 {background:#E4EEFC;}
.tel_box dl.i2 dt {background-image:url('/pub/images/icon_mobile.svg');}
.tel_box dl.i3 {background:#D5E7FF;}
.tel_box dl.i3 dt {background-image:url('/pub/images/icon_fax.svg');}
.dots_list p {position:relative; font-weight:300; padding-left:15px;}
.dots_list p:before {content:""; position:absolute; top:12px; left:0; width:5px; height:5px; background:#734C49; border-radius:5px;}
.materials {display:flex; flex-direction:column; gap:20px;}
.materials dl {display:flex; align-items:center; gap:30px; padding:30px; border:#ddd 1px solid; border-radius:20px;}
.materials dt {width:120px; height:120px; background:#f8f8f8 no-repeat 50% 50%; border-radius:50%;}
.materials dd {width:calc(100% - 150px);}
.materials dd .tt {font-size:24px; color:#734C49; font-weight:700; margin-bottom:20px;}
.materials dd p {font-weight:300;}
.materials dl.i1 dt {background-image:url('/pub/images/icon_materials01.svg');}
.materials dl.i2 dt {background-image:url('/pub/images/icon_materials02.svg');}
.materials dl.i3 dt {background-image:url('/pub/images/icon_materials03.svg');}
.materials dl.i4 dt {background-image:url('/pub/images/icon_materials04.svg');}
.materials .arrow {position:relative; width:30px; height:30px; border:#ddd 1px solid; border-radius:50%; margin:0 auto;}
.materials .arrow:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/arrow_step.svg') no-repeat 50% 50%; transform:rotate(90deg);}
.btn_link {display:block; color:#fff; font-weight:600; line-height:60px; height:60px; width:240px; margin:60px auto 0; border-radius:10px; background:#734C49; text-align:center;}

/* 본인부담상한제 */

/* 테이블 */
.tbl {border-top:#222 1px solid;}
.tbl.mt3 {margin-top:30px;}
.tbl.mt4 {margin-top:40px;}
.tbl th,
.tbl td {padding:15px; text-align:center;}
.tbl th {color:#222; font-weight:600;}
.tbl thead th {background:#F6FAFF;}
.tbl td {font-weight:300;}
.tbl td .tal {display:inline-block; vertical-align:top;}
.tbl tbody th,
.tbl tbody td {border-bottom:#ddd 1px solid;}
.tbl.vat th {width:300px; background:#F8F8F8;}
.tbl.vat td.tal {padding-left:60px;}

/* 보장구처방전 발급 */
.guaranteed_prescription_top {background:#F6FAFF; border-radius:20px; display:flex; margin-bottom:80px;}
.guaranteed_prescription_top dt {width:210px; background:url('/pub/images/icon_guaranteed_prescription.svg') no-repeat 50% 50%;}
.guaranteed_prescription_top dd {width:calc(100% - 210px); padding:40px 40px 40px 0;}
.guaranteed_prescription_top .sbtit {margin-top:0 !important;}

.gbox {border:#ebebeb 1px solid; border-radius:10px; padding:30px;}
.gbox.mt {margin-top:30px;}
.gbox .step {display:flex; flex-wrap:wrap; justify-content:center; gap:60px;}
.gbox .step li {position:relative; width:calc((100% - 180px)/4); height:140px; border-radius:10px; display:flex; justify-content:center; align-items:center; font-weight:300; background:#F6FAFF; text-align:center;}
.gbox .step li:after {content:""; position:absolute; top:calc(50% - 15px); right:-45px; width:30px; height:30px; background:url('/pub/images/arrow_step.svg') no-repeat 50% 50%; border:#ddd 1px solid; border-radius:50%;}
.gbox .step li:last-child:after {display:none;}
.gbox .step li:nth-child(2n) {background:#F8F8F8;}
.gbox .step.set5 {gap:30px 90px;}
.gbox .step.set5 li {width:calc((100% - 180px)/3);}
.gbox .step.set5 li:after {right:-60px;}
.gbox .step.set5 li:nth-child(3):after {display:none;}

/* 센터소개 */

/* 로봇재활프로그램 */
.tabs {display:flex; background:#F8F8F8; border:#ddd 1px solid; margin-bottom:40px;}
.tabs a {flex:1 1 33%; line-height:58px; height:58px; text-align:center; border-left:#ddd 1px solid;}
.tabs a:first-child {border-left:0;}
.tabs a.on {color:#fff; font-weight:500; background:#734C49;}
.program_box {display:flex; align-items:center;}
.program_box .video_area {width:480px;}
.program_box .video {text-align:center; line-height:45vh; height:360px;}
.program_box .video.gong{background:url('/pub/images/ck_tica10.png') no-repeat 50% 50%;}
.program_box .video.woohwang{background:url('/pub/images/ck_tc00240039115.png') no-repeat 50% 50%;}
.program_box .video_area p {font-size:17px; color:#734C49; font-weight:300; line-height:20px; margin-top:10px;}
.program_box .video_area strong {font-weight:600;}
.program_box .text {width:calc(100% - 480px); padding-left:60px;}
.program_box .text .sbtit {color:#666; margin:0;}
.program_box .text p {font-weight:300; margin-top:20px;}
.blue_box {background:#F6FAFF; border-radius:20px; padding:40px; text-align:center; font-size:0; margin-top:60px;}

/* 재활치료실, 병동소개 */
.blue_dl {display:flex; align-items:center; background:#F6FAFF; border-radius:15px; padding:20px; margin:30px 0;}
.blue_dl dt {color:#fff; font-weight:600; line-height:40px; height:40px; width:140px; background:#734C49; border-radius:20px; text-align:center;}
.blue_dl dd {width:calc(100% - 140px); padding-left:30px; color:#333; font-weight:300; line-height:30px;}
.img_tri {display:flex; gap:30px;}
.img_tri li {position:relative; width:calc((100% - 60px)/3); height:240px; border:#ddd 1px solid; border-radius:20px; overflow:hidden; object-fit:cover;}
.img_tri li img {width:100%; height:100%; object-fit:cover;}
.img_tri.hos li:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/logo.svg') no-repeat 50% 50% / 208px; opacity:.3; z-index:-1;}

/* 입원생활안내 */
.half_box {display:flex; flex-wrap:wrap; gap:40px;}
.half_box > * {flex:1 1 calc(50% - 20px); border:#ddd 1px solid; border-radius:15px; overflow:hidden;}
.materials_item li {position:relative; padding:29px 29px 29px 90px;}
.materials_item li:before {content:""; position:absolute; top:calc(50% - 15px); left:30px; width:30px; height:30px; background:url('/pub/images/icon_chk_b.svg') no-repeat 50% 50% / contain;}
.materials_item li .sbtit {margin:0;}
.materials_item li p {font-weight:300; line-height:22px;}
.materials_item li p.dots{margin:10px 0 10px 20px; position:relative;}
.materials_item li p.dots:before{content:""; position:absolute; top:8px; left:-15px; width:5px; height:5px; background:#734C49; border-radius:5px;}

.blue_area dt {font-size:22px; color:#fff; font-weight:600; line-height:60px; height:60px; text-align:center; background:#734C49;}
.blue_area dd {padding:30px 10px 30px 30px;}
.hos_time li {border:0;}
.hos_time dl {display:flex; align-items:center; gap:40px; padding:30px 40px; border:#ddd 1px solid; border-radius:15px; overflow:hidden; margin-bottom:10px;}
.hos_time dt {width:100px; height:100px; background:#F8F8F8 no-repeat 50% 50%; border-radius:50%;}
.hos_time dd {width:calc(100% - 140px);}
.hos_time .dtit {padding-bottom:0; border-bottom:0; margin-bottom:20px;}
.hos_time span {display:block; font-weight:300; line-height:22px; margin-bottom:12px;}
.hos_time span:last-child {margin-bottom:0;}
.hos_time li > p {font-size:17px; color:#734C49; font-weight:300; line-height:20px; margin-top:10px;}
.hos_time .i1 dt {background-image:url('/pub/images/icon_hos_time01.svg');}
.hos_time .i2 dt {background-image:url('/pub/images/icon_hos_time02.svg');}
.hos_time .i3 dt {background-image:url('/pub/images/icon_hos_time03.svg');}
.hos_time .i3 dd span {display:inline-block; vertical-align:top; margin:0 20px 0 0;}
.hos_time .i3 dd span:last-child {margin-right:0;}
.note_list .tt {color:#734C49; font-weight:600; line-height:20px; margin:40px 0 10px;}
.note_list .tt:first-child {margin-top:0;}
.height_set dd {height:120px; display:flex; flex-direction:column; justify-content:center;}

/* 식단표 */
.nemu_view {padding:60px 30px 30px;}
.nemu_view .tit {position:relative; font-size:24px; color:#222; font-weight:600; line-height:30px; padding:0 110px 25px 20px; border-bottom:#ddd 1px solid; margin-bottom:40px;}
.nemu_view .date {position:absolute; top:0; right:20px; font-size:17px; color:#666; font-weight:300;}
.nemu_view .con {max-width:920px;}

/* 퀵메뉴 */
.quick_menu{
	position:fixed;
    top:50%;
    right:30px;
    display:flex;
    flex-direction:column;
    width:106px;
    padding:4px 0 0;
    z-index:100;
    box-shadow:rgb(0 0 0 / 11%) 0 3px 26px;
    border-radius:20px;
    overflow:hidden;
    transform:translate(0,-50%);
}

.quick_menu a{
	position:relative;
    font-size:14px;
    color:#333;
    font-weight:500;
    line-height:20px;
    text-align:center;
    padding:16px 10px;
    background:#fff;
}

.quick_menu a i{
	display:flex;
    width:56px;
    height:56px;
    background:no-repeat 50% 50%;
    border-radius:10px;
    margin:0 auto 8px;
}

.quick_menu a i.i1{
	background-image:url('/pub/images/q1_image.png');
}
.quick_menu a i.i2{
	background-image:url('/pub/images/q2_image.png');
}
.quick_menu a i.i3{
	background-image:url('/pub/images/icon_locat01.svg');
}
.quick_menu a i.i4{
	background-image:url('/pub/images/q4_image.png');
}

.quick_menu .gotop {
    background:#734C49;
    width:100%;
    margin:0;
    padding:24px 0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
	line-height:2px;
}

.quick_menu .gotop p{
	color:#fff;
}

.quick_menu a span{
	font-size:12px;
	display:block
}

.quick_menu a span.q2{
	font-size:15px;
}