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

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

/* color */
*{
	--c_blue:#1e68c1;
	--c_green:#01755c;
}
.c_blue {color:#1e68c1 !important;}
.c_blue2 {color:#163567 !important;}
.c_blue3 {color:#05255B !important;}
.c_green {color:#01755c !important;}
.c_green2 {color:#00775e !important;}
.c_green3 {color:#009E7D !important;}
.c_gray {color:#666 !important;}

.nice-select:focus {outline:1px;}

/* 게시판 목록 */
.board_list {border-top:#111 2px solid;}
.board_list col.w9 {width:90px;}
.board_list col.w10 {width:100px;}
.board_list col.w12 {width:120px;}
.board_list col.w15 {width:150px;}
.board_list col.w16 {width:160px;}
.board_list th,
.board_list td {height:82px; text-align:center; border-bottom:#ddd 1px solid; font-size:1.6rem;}
.board_list th {color:#333;}
.board_list td {color:#666; word-break:break-all;}
.board_list td.tal a,
.board_list td.reser a {position:relative; display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list td.file a {padding-right:26px;}
.board_list td.file a:after {content:""; position:absolute; top:0; right:0; width:14px; height:100%; background:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain;}
.board_list .state {display:block; width:90px; height:40px; line-height:40px; border-radius:20px; text-align:center; margin:0 auto;}
.board_list .state.ing {background:#eee;}
.board_list .state.end {color:#fff; background:#05255B;}

.board_top {display:flex; justify-content:space-between; align-items:center; margin-bottom:16px;}
.board_top .total {font-weight:600; display:flex; align-items:center; gap:10px;}
.board_top .total span {font-weight:400;}
.board_top .search_area {display:flex; gap:10px;}
.board_top select.text,
.board_top .nice-select {width:160px; height:48px; line-height:46px; border-radius:0; font-size:inherit;}
.board_top input.text {width:280px; height:48px; border:#ddd 1px solid; display:flex; border-radius:0; overflow:hidden;}
.board_top .btn {font-size:1.6rem; color:#fff; font-weight:600; line-height:48px; height:48px; width:120px; background:#05255B;}

.board_bottom .paging {display:flex; justify-content:center; gap:10px; margin-top:80px;}
.board_bottom .paging a {width:32px; height:32px; line-height:32px; text-align:center; border-radius:50%; font-size:1.6rem;}
.board_bottom .paging a.on {background:#01755c; color:#fff; font-weight:700;}
.board_bottom .paging .arrow {font-size:0; background:no-repeat 50% 50% !important;}
.board_bottom .paging .two {background-image:url('/pub/images/page_two.svg') !important;}
.board_bottom .paging .one {background-image:url('/pub/images/page_one.svg') !important;}
.board_bottom .paging .prev {margin-right:10px;}
.board_bottom .paging .next {margin-left:10px;}
.board_bottom .paging .next,
.board_bottom .paging .last {transform:scaleX(-1);}
.board_bottom .btns {margin-top:60px;}
.board_bottom .btns.mt3 {margin-top:30px;}
.board_bottom .btns .btn {font-size:1.6rem; font-weight:500; line-height:46px; height:48px; width:120px; border:1px solid; text-align:center;}
.board_bottom .btns .btn_gl {border-color:#ddd;}
.board_bottom .btns .btn_bg {color:#fff; font-weight:700; background:#05255B; border-color:#05255B;}
.board_bottom .btns .btn_long_slim {width:170px; height:40px; line-height:40px;}
.board_bottom .btns_between {display:flex; justify-content:space-between; align-items:center;}
.board_bottom .btns_right {display:flex; justify-content:flex-end; gap:10px;}
.board_bottom .btns_center {display:flex; justify-content:center; gap:10px;}
.board_bottom .btns_center .btn {margin:0; width:200px; height:48px; line-height:48px;}

/* 게시판 상세 */
.board_view {border-top:#05255B 2px solid;}
.board_view .tit {font-size:2.4rem; font-weight:600; line-height:1; padding:40px 0; border-bottom:#EBEBEB 1px solid; text-align:center; word-break:break-word;}
.board_view .writer {display:flex; justify-content:center; align-items:center; gap:40px; border-bottom:#EBEBEB 1px solid;}
.board_view .writer dl {position:relative; display:flex; justify-content:center; align-items:center; gap:16px; font-size:1.5rem; line-height:26px; padding:17px 0;}
.board_view .writer dl:before {content:""; position:absolute; top:50%; left:-20px; width:1px; height:12px; background:#ddd; margin-top:-6px;}
.board_view .writer dl:first-child:before {display:none;}
.board_view .writer dt {color:#666;}
.board_view .writer dd .state {font-weight:600;}
.board_view .writer dd .state.end {color:#05255B;}
.board_view .con {padding:60px 0; font-size:1.6rem; line-height:26px; word-break:break-all;}
.board_view .file {background:#F8F8F8; padding:30px;}
.board_view .file a {position:relative; display:block; font-size:1.5rem; color:#666; line-height:20px; padding-left:30px; margin-bottom:20px;}
.board_view .file a:last-child {margin-bottom:0;}
.board_view .file a:before {content:""; position:absolute; top:0; left:0; width:14px; height:100%; background:#999; mask:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.prev_next {border-top:#EBEBEB 1px solid;}
.prev_next a {position:relative; display:block; border-bottom:#EBEBEB 1px solid; padding-left:160px; font-size:1.6rem; line-height:80px;}
.prev_next a span {position:absolute; top:0; left:0; width:160px; padding-left:56px; font-weight:500;}
.prev_next a span:before {content:""; position:absolute; top:0; left:30px; width:14px; height:100%; background:url('/pub/images/arrow_location.svg') no-repeat 50% 50% / contain;}
.prev_next a.prev span:before {transform:scaleY(-1);}
.prev_next a p {color:#666;}
.btn_list {display:block; font-size:1.6rem; font-weight:500; line-height:46px; height:48px; width:200px; text-align:center; border:#ddd 1px solid; margin:80px auto 0;}

.board_reply {margin-top:120px;}
.board_reply .tit {font-size:1.8rem; color:#333; font-weight:600; line-height:22px; padding:0 0 30px 26px; border-bottom:#DBDBDB 1px solid; background:url('/pub/images/icon_reply.svg') no-repeat 0 3px;}
.board_reply .tit strong {color:#05255B;}
.board_reply .con {border-bottom:#DBDBDB 1px solid; padding:30px 10px;}
.board_reply .writer {display:flex; gap:33px; margin-bottom:20px;}
.board_reply .name {font-size:1.4rem; color:#05255B; font-weight:600; line-height:22px; height:24px; padding:0 12px; border:#05255B 1px solid; border-radius:12px;}
.board_reply .date {position:relative; font-size:1.6rem; color:#999; line-height:24px;}
.board_reply .date:before {content:""; position:absolute; top:50%; left:-17px; width:1px; height:16px; background:#DBDBDB; margin-top:-8px;}
.board_reply .new {font-size:1.4rem; color:#fff; font-weight:600; line-height:22px; height:24px; padding:0 12px; background:#05255B; border-radius:12px; margin-left:-20px;}
.board_reply .cn {color:#333; line-height:30px;}

.reply_write {border:#EBEBEB 1px solid; margin-top:30px; padding:60px; display:none;}
.reply_write .stit {margin:0; padding-bottom:16px; border-bottom:#05255B 2px solid;}
.reply_write .stit:before {top:10px; margin:0;}
.reply_write dl {border-bottom:#EBEBEB 1px solid; padding:17px 0; display:flex; font-size:1.6rem; line-height:48px;}
.reply_write dt {width:180px; font-weight:600;}
.reply_write dd {width:calc(100% - 180px); color:#666;}
.reply_write dd .w1 {width:640px;}
.reply_write dd input.text {height:48px; padding:0 20px;}
.reply_write dd textarea.text {height:160px; padding:14px 20px;}
.captcha {display:flex; flex-wrap:wrap;}
.captcha .img,
.captcha .btn_re,
.captcha .text {height:48px;}
.captcha .img {width:200px; border:#ddd 1px solid; border-right:0; display:flex; justify-content:center; align-items:center;}
.captcha .img img {width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain;}
.captcha .btn_re {width:48px; background:url('/pub/images/btn_re.svg') #05255B no-repeat 50% 50%; font-size:0;}
.captcha .text {width:250px; margin-left:10px;}
.captcha p {font-size:1.5rem; line-height:18px; margin-top:16px; width:100%;}

/* 게시판 쓰기 */
.board_write {border-top:#05255B 2px solid;}
.board_write th,
.board_write td {padding:17px 0; font-size:1.6rem; border-bottom:#EBEBEB 1px solid;}
.board_write th {width:180px; text-align:left;}
.board_write th span {color:#01755c;}
.board_write td .text {max-width:100%;}
.board_write td .w1 {width:640px;}
.board_write td .w15 {width:150px;}
.board_write td .w25 {width:250px;}
.board_write td .nice-select,
.board_write td input.text {height:48px; line-height:46px; padding:0 20px;}
.board_write td textarea.text {height:160px; padding:14px 20px;}
.board_write .flex.gap2 {gap:20px; align-items:center;}
.board_write .flex.gap1 {gap:10px; align-items:center;}
.board_write .flex.gap16 {gap:16px; align-items:center;}
.board_write .flex.gap2 a {font-size:1.5rem; font-weight:600; text-decoration:underline;}
.board_write .time.nice-select:after {width:16px; height:16px; background:url('/pub/images/icon_time.svg') no-repeat 50% 50% / contain; transform:translateY(-50%) rotate(0deg) !important}
.board_write td .address.flex {flex-wrap:wrap; gap:10px;}
.board_write td .address.flex .zip {width:300px; max-width:calc(100% - 160px);}
.board_write td .address.flex .btn {width:150px; height:48px; line-height:48px; background:#05255B; color:#fff;}
.board_write .tel,
.board_write .email {align-items:center;}
.board_write .tel .text {width:200px; max-width:calc((100% - 60px)/3);}
.board_write .email .text {width:210px; max-width:calc((100% - 40px)/3);}
.board_write .tel span,
.board_write .email span {width:30px; text-align:center;}
.board_write .email .nice-select {margin-left:10px;}
.board_write .intbl {padding:0;}
.board_write .intbl th,
.board_write .intbl td {border-left:#ebebeb 1px solid; padding-left:20px;}
.board_write .intbl tr:last-child > * {border-bottom:0;}
.board_write .intbl .flex {flex-wrap:wrap; gap:10px 24px;}
.board_write.high_view th,
.board_write.high_view td {padding:27px 0; line-height:28px;}

/* 갤러리 목록 */
.gall_list {display:flex; flex-wrap:wrap; gap:60px 30px;}
.gall_list a {display:block; width:calc((100% - 60px)/3);}
.gall_list a * {display:block;}
.gall_list .imgfit {position:relative; width:100%; height:240px; border-radius:10px; border:#ebebeb 1px solid;}
.gall_list .imgfit:before {content:""; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px); border-radius:inherit; border:#009E7D 2px solid; opacity:0; transition:.2s linear;}
.gall_list .txt {margin-top:16px;}
.gall_list strong {font-weight:600; line-height:28px; height:56px; margin-bottom:16px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.gall_list p {font-size:1.6rem; color:#666; line-height:20px;}

label.check {position:relative; font-size:1.6rem; font-weight:600; line-height:20px; padding-left:26px;}
label.check input {display:none;}
label.check i {position:absolute; top:2px; left:0; width:16px; height:16px; border:#ddd 1px solid; background:#fff; transition:.2s linear;}
label.check i:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/icon_chk2.svg') no-repeat 50% 50%; transition:.2s linear;}
label.check input:checked + i {border-color:#01755c; background:#01755c;}
label.check input:checked + i:before {opacity:1;}
label.check a {color:#999;}

label.radio {position:relative; font-size:1.6rem; font-weight:600; line-height:20px; padding-left:26px;}
label.radio input {display:none;}
label.radio i {position:absolute; top:2px; left:0; width:16px; height:16px; border:#ddd 1px solid; background:#fff; border-radius:50%; transition:.2s linear;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#01755c; border-radius:50%; transform:translate(-50%,-50%); transition:.2s linear;}
label.radio input:checked + i {border-color:#01755c;}
label.radio input:checked + i:before {width:8px; height:8px;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:#fff; transition:.2s linear;}
.header .inner {position:relative; max-width:1340px;}
.header .top {background:#05255B;}
.header .top .inner {height:40px; display:flex; justify-content:flex-end; align-items:center; font-size:1.5rem; color:#fff; font-weight:600; line-height:40px;}
.header .top .intranet {width:40px; height:40px; font-size:0; border-left:#fff3 1px solid;}
.header .top .intranet:before {content:""; display:block; width:100%; height:100%; background:#fff; mask:url('/pub/images/icon_lock.svg') no-repeat 50% 50% / 16px 16px; -webkit-mask:url('/pub/images/icon_lock.svg') no-repeat 50% 50% / 16px 16px;}
.header .top .btn_mana {width:130px; height:40px; line-height:40px; background:#00112f; text-align:center; margin-right:20px;}
.header .top .text_size {display:flex; justify-content:center; align-items:center; gap:6px; padding-right:20px;}
.header .top .text_size span {margin-right:6px;}
.header .top .text_size .btn {position:relative; width:24px; height:24px; border:#fff 1px solid; border-radius:5px;}
.header .top .text_size .btn:before,
.header .top .text_size .btn:after {content:""; position:absolute; top:50%; left:50%; background:#fff; transform:translate(-50%,-50%);}
.header .top .text_size .btn:before {width:10px; height:2px;}
.header .top .text_size .btn:after {width:2px; height:10px;}
.header .top .text_size .minus:after {display:none;}
.header .top .btn_login {display:flex; justify-content:center; align-items:center; gap:10px; width:130px;}
.header .top .btn_login:before {content:""; display:block; width:15px; height:40px; background:url('/pub/images/icon_login.svg') no-repeat 50% 50% / contain;}
.header .top .btns_other {display:flex;}
.header .top .btns_other .btn {width:130px; height:40px; line-height:40px; background:rgba(0,100,217,.3); border-left:rgba(255,255,255,.2) 1px solid; text-align:center;}
.header .top .btns_other .btn:first-child {border-left:0;}
.header .logo {position:absolute; top:0; left:20px; line-height:80px; height:80px; font-size:0; display:flex; gap:32px; align-items:center;}
.header .logo img {width:238px;}
.header .logo span {position:relative; font-size:1.7rem; color:#1e68c1; font-weight:600; line-height:74px; margin-top:6px;}
.header .logo span:before {content:""; position:absolute; top:50%; left:-16px; width:1px; height:20px; background:#EBEBEB; margin-top:-8px;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .btn_menu {position:absolute; top:0; right:20px; width:26px; height:100%; z-index:10;}
.header .btn_menu a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; font-size:0;}
.header .btn_menu .btn_menu_off,
.header.on .btn_menu .btn_menu_on {display:none;}
.header.on .btn_menu .btn_menu_off {display:block;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:26px; height:2px; background:#222; margin-left:-13px; transition:.2s linear;}
.header .btn_menu .t {margin-top:-9px;}
.header .btn_menu .m {margin-top:-1px;}
.header .btn_menu .b {margin-top:7px;}
.header.on .btn_menu {right:-150px;}
.header.on .btn_menu p {width:34px; background:#fff; margin-left:-17px;}
.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
.header.on .btn_menu .m {width:0;}
.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}

.header .gnb {display:flex; justify-content:center; padding:0 46px 0 257px;}
.header .gnb .menu {position:relative;}
.header .gnb .menu > a {display:block; font-size:1.7rem; color:#222; font-weight:500; line-height:80px; padding:0 30px;}
.header .gnb .menu.on > a {color:#000;}
.header .gnb .snb {position:fixed; top:120px; left:0; width:100%; background:#fff; box-shadow:0px 4px 20px 0px rgba(0,0,0,.08); display:none;}
.header .gnb .snb .tit {position:relative; width:440px; height:436px; background:no-repeat 50% 50% / cover; border-radius:0 80px 0 0; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; padding:50px; font-size:4rem; color:#fff; font-weight:700; line-height:1.2; text-shadow:rgba(0,0,0,.2) 0 0 10px; overflow:hidden;}
.header .gnb .snb .tit strong,
.header .gnb .snb .tit p {position:relative; z-index:1;}
.header .gnb .snb .tit p {font-size:1.8rem; font-weight:500; line-height:28px; margin-top:16px;}
.header .gnb .gnb1 .snb .tit {background-image:url('/pub/images/bg_snb01.jpg'); height:512px;}
.header .gnb .gnb2 .snb .tit {background-image:url('/pub/images/bg_snb02.jpg');}
.header .gnb .gnb3 .snb .tit {background-image:url('/pub/images/bg_snb03.jpg');}
.header .gnb .gnb4 .snb .tit {background-image:url('/pub/images/bg_snb04.jpg');}
.header .gnb .gnb5 .snb .tit {background-image:url('/pub/images/bg_snb05.jpg');}
.header .gnb .gnb6 .snb .tit {background-image:url('/pub/images/bg_snb06.jpg');}
.header .gnb .gnb7 .snb .tit {background-image:url('/pub/images/bg_snb07.jpg');}
.header .gnb .snb .list {width:calc(100% - 440px); display:flex; flex-wrap:wrap; align-content:flex-start; gap:24px; padding:40px calc((100vw - 1440px)/2) 40px 50px;}
.header .gnb .snb a {position:relative; display:block; font-size:1.7rem; font-weight:600; height:20px; height:52px; padding:0 30px 0 20px; width:calc((100% - 72px)/4); border:#ddd 1px solid; display:flex; align-items:center;}
.header .gnb .snb a:after {content:""; position:absolute; top:0; right:20px; width:10px; height:100%; background:#999; mask:url('/pub/images/arrow_snb.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_snb.svg') no-repeat 50% 50% / contain;}
.header .gnb .snb a.on {color:#1e68c1; border-color:#1e68c1;}
.header .gnb .snb a.on:after {background:#1e68c1;}
.header .gnb .hover .snb {display:block;}

.header .sitemap {position:fixed; top:0; left:0; width:100%; height:100%; background:url('/pub/images/bg_sitemap.jpg') no-repeat 50% 50% / cover; opacity:0; pointer-events:none; user-select:none; transition:.2s linear; display:none;}
.header.on .sitemap {opacity:1; pointer-events:auto; user-select:auto; display:block;}
.header .sitemap .dm {display:none;}
.header .sitemap .inbox {width:100%; max-width:1680px; padding:80px 20px 0; margin:0 auto;}
.header .sitemap .tit {font-size:4.8rem; color:#fff; font-weight:600; line-height:58px; margin-bottom:60px;}
.header .sitemap .menus {display:flex; gap:40px; max-height:calc(100vh - 198px); overflow:auto;}
.header .sitemap .menus > .menu {flex:1 1 calc((100% - 240px)/7);}
.header .sitemap .menus > .menu > a {position:relative; display:block; font-size:2.6rem; color:#fff; font-weight:600; line-height:32px; padding-bottom:16px; border-bottom:rgba(255,255,255,.1) 1px solid; margin-bottom:20px;}
.header .sitemap .menus > .menu > a:after {content:""; position:absolute; bottom:-1px; left:0; width:0; height:1px; background:#fff; transition:.2s linear;}
.header .sitemap .menu.on > a:after {width:80px;}
.header .sitemap .snb {overflow:hidden; padding-bottom:20px;}
.header .sitemap .snb > a,
.header .sitemap .snb > .menu > a {position:relative; display:flex; align-items:center; font-size:2rem; color:#fff; font-weight:500; line-height:24px; margin-bottom:18px;}
.header .sitemap .snb .depth {margin-bottom:40px;}
.header .sitemap .snb .depth a {position:relative; display:block; font-size:1.6rem; color:#fff; line-height:20px; opacity:.8; padding-left:13px; margin-bottom:12px;}
.header .sitemap .snb .depth a:last-child {margin-bottom:0;}
.header .sitemap .snb .depth a:before {content:""; position:absolute; top:8px; left:0; width:3px; height:3px; background:#fff;}
.header .sitemap .snb .depth a.on {opacity:1; font-weight:600;}
.header .sitemap .btn_menu_off {position:fixed; bottom:0; left:0; width:100%; font-size:0; text-align:center; z-index:101;}
.header .sitemap .btn_menu_off:focus {font-size:2rem; color:#fff; background:#000; padding:20px;}

.header.fixed {box-shadow:rgba(0,0,0,.1) 0 0 20px;}

/* footer */
.quick {position:fixed; top:50%; right:80px; width:120px; transform:translateY(-50%); margin-top:60px; box-shadow:0px 0px 20px 0px rgba(0,0,0,.15); z-index:20;}
.btn_quick {display:none;}
.quick .wbox {background:#fff;}
.quick .wbox a {position:relative; font-size:1.4rem; color:#666; font-weight:500; line-height:20px; height:53px; width:100%; display:flex; justify-content:center; align-items:center; text-align:center;}
.quick .wbox a:before {content:""; position:absolute; top:0; left:10px; width:calc(100% - 20px); height:1px; background:rgba(0,0,0,.1); transition:.2s linear;}
.quick .wbox a:first-child:before {display:none;}
.quick .wbox a i {display:block; width:18px; height:18px; background:no-repeat 50% 50% / contain; margin-right:5px;}
.quick .wbox a i.insta {background-image:url('/pub/images/icon_insta.svg');}
.quick .wbox a i.youtube {background-image:url('/pub/images/icon_youtube.svg');}
.quick .gotop {font-size:1.8rem; color:#fff; font-weight:600; line-height:40px; height:40px; width:100%; display:flex; justify-content:center; align-items:center; gap:8px; background:#01755c; font-family:'Outfit';}
.quick .gotop:after {content:""; display:block; width:16px; height:10px; background:url('/pub/images/arrow_gotop.svg') no-repeat 50% 50% / contain;}
.f_banner_wrap {background:#fff; border-top:#EBEBEB 1px solid;}
.f_banner_wrap .inner {position:relative; max-width:1340px; height:108px;}
.f_banner_wrap .f_banner {width:calc(100% - 146px);}
.f_banner_wrap .f_banner .slick-slide {width:198px; padding:24px 40px 24px 0;}
.f_banner_wrap .f_banner .slick-slide a {border:#ddd 1px solid; border-radius:10px; height:60px; line-height:58px; font-size:0; display:flex !important; justify-content:center; align-items:center;}
.f_banner_wrap .f_navi {position:absolute; top:0; right:20px; width:106px; height:100%; display:flex; justify-content:center; align-items:center; gap:5px;}
.f_banner_wrap .f_navi button {display:block; width:32px; height:32px; border-radius:5px; border:#ddd 1px solid; font-size:0;}
.f_banner_wrap .f_navi button:before {content:""; display:block; width:100%; height:100%; background:no-repeat 50% 50%; transition:.2s linear;}
.f_banner_wrap .f_navi .arrow:before {background-image:url('/pub/images/arrow_fslide.svg'); opacity:.3;}
.f_banner_wrap .f_navi .next:before {transform:scaleX(-1);}
.f_banner_wrap .f_navi .papl {display:none;}
.f_banner_wrap .f_navi .papl.on {display:block;}
.f_banner_wrap .f_navi .play:before {background-image:url('/pub/images/btn_play.svg'); background-size:12px;}
.f_banner_wrap .f_navi .pause:before {background-image:url('/pub/images/btn_pause.svg');}
.footer {background:#2C343E;}
.footer .inner {position:relative; max-width:1340px;}
.footer .links .inner {height:80px; display:flex; justify-content:space-between;}
.footer .links .logo {width:238px; height:100%; background:#fff; mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain;}
.footer .links .btns {display:flex; gap:25px;}
.footer .links .btns a {font-size:1.3rem; color:#fff; line-height:80px;}
.footer .links .btns a strong {color:#fff;}
.footer .address {padding:30px 0 40px; border-top:rgba(255,255,255,.1) 1px solid;}
.footer .address ul {display:flex; flex-wrap:wrap; gap:0 21px; overflow:hidden;}
.footer .address li {position:relative; font-size:1.6rem; color:#fff; line-height:26px;}
.footer .address li:before {content:""; position:absolute; top:50%; left:-11px; width:1px; height:10px; background:rgba(0,0,0,.2); margin-top:-5px;}
.footer .copy {font-size:1.5rem; color:#fff; line-height:18px; margin-top:16px;}
.footer .btn_down {position:absolute; top:0; right:20px; font-size:1.6rem; color:#fff; font-weight:600; width:180px; height:50px; line-height:48px; display:flex; justify-content:center; align-items:center; gap:20px; border:#fff 1px solid;}
.footer .btn_down:after {content:""; display:block; width:14px; height:14px; background:#fff; mask:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain;}

/* main */
.mvisual_wrap {position:relative; margin-top:120px; height:600px; overflow:hidden;}
.mvisual_wrap .slick-slide {overflow:hidden;}
.mvisual_wrap .slick-slide > div {font-size:0; height:600px;}
.mvisual_wrap .slick-slide img {width:100%; height:100%; object-fit:cover;}
.mvisual_wrap .mv_txt {position:absolute; top:0; left:50%; width:100%; max-width:1340px; height:100%; transform:translateX(-50%); padding:77px 20px; display:flex;}
.mvisual_wrap .mv_txt .txt {width:calc(100% - 510px);}
.mvisual_wrap .mv_txt .tit {font-size:5rem; color:#fff; font-weight:700; line-height:1.4; user-select:none;}
.mvisual_wrap .mv_txt .mvisual_navi {position:absolute; bottom:100px; left:20px; display:flex; z-index:1;}
.mvisual_wrap .mv_txt .mvisual_navi .papl {position:relative; margin-right:70px;}
.mvisual_wrap .mv_txt .mvisual_navi .papl:after {content:""; position:absolute; top:50%; right:-60px; width:50px; height:1px; background:#fff; opacity:.4;}
.progress_circle {position:absolute; top:0; left:0; width:100%; height:100%;}
.circle_svg {transform:rotate(-90deg);}
circle {fill:none; stroke-width:1; stroke-linecap:round;}
.progress_background {stroke:#ddd;}
.pro_ani .progress_foreground {stroke:#fff; stroke-dasharray:156; stroke-dashoffset:156; animation:stroke_pro 5s linear forwards;}
@keyframes stroke_pro {
	0% {stroke-dashoffset:156;}
	100% {stroke-dashoffset:0;}
}
.mvisual_wrap .mv_txt .mvisual_navi .circle_svg {display:block; width:100%; height:100%;}
.mvisual_wrap .mv_txt .mvisual_navi .papl .btn {width:52px; height:52px; display:none; background:#fff; mask:no-repeat 50% 50%; -webkit-mask:no-repeat 50% 50%; font-size:0;}
.mvisual_wrap .mv_txt .mvisual_navi .papl .btn.on {display:block;}
.mvisual_wrap .mv_txt .mvisual_navi .papl .pause {mask-image:url('/pub/images/btn_pause.svg'); -webkit-mask-image:url('/pub/images/btn_pause.svg');}
.mvisual_wrap .mv_txt .mvisual_navi .papl .play {mask-image:url('/pub/images/btn_play.svg'); -webkit-mask-image:url('/pub/images/btn_play.svg'); mask-size:12px; -webkit-mask-size:12px;}
.mvisual_wrap .mv_txt .mvisual_navi .arrow {width:30px; height:52px; background:#fff; mask:url('/pub/images/arrow_fslide.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_fslide.svg') no-repeat 50% 50%; opacity:.4; font-size:0; font-size:0;}
.mvisual_wrap .mv_txt .mvisual_navi .next {transform:scaleX(-1);}
.mvisual_wrap .mv_txt .mvisual_navi .slick-dots {margin:0 10px;}
.mvisual_wrap .mv_txt .mvisual_navi .slick-dots li {gap:5px; font-size:1.8rem; color:rgba(255,255,255,.4); font-weight:500; line-height:52px; font-family:'Poppins'; display:none;}
.mvisual_wrap .mv_txt .mvisual_navi .slick-dots span {font-size:1rem;}
.mvisual_wrap .mv_txt .mvisual_navi .slick-dots strong {color:#fff;}
.mvisual_wrap .mv_txt .mvisual_navi .slick-dots .slick-active {display:flex;}
.mvisual_wrap .mv_banner {width:510px; padding-right:50px;}
.mvisual_wrap .mv_banner .links {display:flex; gap:10px;}
.mvisual_wrap .mv_banner .links a {position:relative; display:flex; align-items:center; gap:10px; font-size:2rem; color:#fff; font-weight:700; line-height:25px; /*width:calc(33% - 5px); 
*/ width: 100%; padding:20px 15px;}
.mvisual_wrap .mv_banner .links a:before {content:""; display:block; width:18px; height:18px; background:no-repeat 50% 50% / contain;}
.mvisual_wrap .mv_banner .links a:after {content:""; position:absolute; top:0; right:10px; width:8px; height:100%; background:#fff; mask:url('/pub/images/arrow_fslide.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_fslide.svg') no-repeat 50% 50%; transform:rotate(180deg);}
.mvisual_wrap .mv_banner .links .c1 {background:#01755c;}
.mvisual_wrap .mv_banner .links .c1:before {background-image:url('/pub/images/icon_mc01_01.svg');}
.mvisual_wrap .mv_banner .links .c2 {background:#1e68c1;}
.mvisual_wrap .mv_banner .links .c2:before {background-image:url('/pub/images/icon_mc01_02.svg');}
.mvisual_wrap .mv_banner .links .c3 {background:#05255B;}
.mvisual_wrap .mv_banner .links .c3:before {background-image:url('/pub/images/icon_mc01_03.svg');}
.mvisual_wrap .mv_banner .wbox {margin-top:10px; background:#fff; padding:24px 30px;}
.mvisual_wrap .mv_banner .wbox .tt {position:relative; font-size:2rem; color:#222; font-weight:700; line-height:24px; padding-left:30px; background:no-repeat 0 50%; margin-bottom:16px;}
.mvisual_wrap .mv_banner .wbox .tt .more {position:absolute; top:0; right:0; width:13px; height:20px; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain; font-size:0;}
.mvisual_wrap .mv_banner .wbox p {font-size:1.6rem; color:#666; line-height:25px; margin-bottom:16px;}
.mvisual_wrap .mv_banner .wbox dt {color:#666; font-weight:600;}
.mvisual_wrap .mv_banner .wbox dd {color:#444; font-weight:700; font-family:'Inter';}
.mvisual_wrap .mv_banner .i1 .tt {background-image:url('/pub/images/icon_mc01_tit01.svg');}
.mvisual_wrap .mv_banner .i1 dl {display:flex; gap:25px; width:100%; font-size:1.6rem; line-height:20px; margin-bottom:10px;}
.mvisual_wrap .mv_banner .i1 dl:last-child {margin-bottom:0;}
.mvisual_wrap .mv_banner .i1 dt {position:relative; }
.mvisual_wrap .mv_banner .i1 dt:after {content:""; position:absolute; top:50%; right:-13px; width:1px; height:12px; background:#000; margin-top:-6px; opacity:.2;}
.mvisual_wrap .mv_banner .i2 .tt {background-image:url('/pub/images/icon_mc01_tit02.svg');}
.mvisual_wrap .mv_banner .i2 .flex {gap:10px 24px; flex-wrap:wrap;}
.mvisual_wrap .mv_banner .i2 dl {display:flex;}
.mvisual_wrap .mv_banner .i2 dt {font-size:1.5rem; line-height:28px; height:28px; width:70px; text-align:center; background:#EBEBEB; border-radius:14px; text-align:center;}
.mvisual_wrap .mv_banner .i2 dd {padding-left:8px; font-size:1.6rem;}
.mvisual_wrap .mv_banner .i2 dd span {color:#666; font-weight:400;}

.mcon {padding:100px 0; overflow:hidden;}
.mcon .inner {max-width:1340px;}
.mcon .tit {font-weight:700;}
.mc01 {position:relative; z-index:1; overflow:visible;}
.mc01 .inner {display:flex; align-items:flex-start; gap:70px;}
.mc01 .left {width:530px;}
.mc01 .tit {font-size:3.2rem; color:#222; margin-bottom:16px;}
.mc01 p {font-size:2rem; color:#666; line-height:30px; margin-bottom:50px;}
.mc01 .msearch_area {display:flex; margin-bottom:20px;}
.mc01 .msearch_area .text {width:calc(100% - 70px); height:70px; line-height:68px; border:#01755c 1px solid; border-right:0; padding:0 40px 0 24px; border-radius:0; font-size:1.8rem; color:#666;}
.mc01 .msearch_area .nice-select:after {width:19px; height:12px; background:url('/pub/images/arrow_select.svg') no-repeat 50% 50% / contain;}
.mc01 .msearch_area .btn {display:block; width:70px; height:70px; border:0; background:#01755c url('/pub/images/icon_search.svg') no-repeat 50% 50%; font-size:0;}
.mc01 .btns {display:flex; gap:10px;}
.mc01 .btns .btn {position:relative; width:calc((100% - 20px)/3); height:60px; line-height:20px; border:#ddd 1px solid; font-size:1.6rem; color:#222; font-weight:500; padding:0 16px; display:flex; align-items:center;}
.mc01 .btns .btn:after {content:""; position:absolute; top:0; right:15px; width:8px; height:100%; transform:scaleX(-1); background:#666; mask:url('/pub/images/arrow_fslide.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_fslide.svg') no-repeat 50% 50% / contain;}
.mc01 .right {position:relative; width:700px;}
.mc01 .right .slick-slide > div {font-size:0;}
.mc01 .right .slick-slide img {width:100%; height:100%; object-fit:cover;}
.mc01 .mc01_navi {position:absolute; bottom:0; right:0; display:flex; justify-content:flex-end; align-items:center; background:rgba(0, 0, 0, 0.50); backdrop-filter:blur(5px); width:190px; height:50px;}
.mc01 .mc01_navi .slick-dots {margin-right:10px;}
.mc01 .mc01_navi .slick-dots li {gap:5px; font-size:1.8rem; color:rgba(255,255,255,.4); font-weight:500; line-height:50px; font-family:'Poppins'; display:none;}
.mc01 .mc01_navi .slick-dots span {font-size:1rem;}
.mc01 .mc01_navi .slick-dots strong {color:#fff;}
.mc01 .mc01_navi .slick-dots .slick-active {display:flex;}
.mc01 .mc01_navi .arrow {width:40px; height:52px; background:#fff; mask:url('/pub/images/arrow_mcon.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_mcon.svg') no-repeat 50% 50%; opacity:.4; font-size:0; margin:0 5px;}
.mc01 .mc01_navi .next {transform:scaleX(-1);}

.mc02 {background:url('/pub/images/bg_mc02.jpg') no-repeat 50% 50% / cover;}
.mc02 .tit {position:relative; font-size:4rem; color:#fff; margin-bottom:40px;}
.mc02 .tit .mc02_navi {position:absolute; top:0; right:100px; display:flex; align-items:center; gap:30px;}
.mc02 .tit .mc02_navi .arrow {width:18px; height:30px; background:url('/pub/images/arrow_mc02.svg') no-repeat 50% 50% / contain; opacity:.3; font-size:0;}
.mc02 .tit .mc02_navi .next {transform:scaleX(-1);}
.mc02 .tit .mc02_navi span {width:1px; height:20px; background:#fff; opacity:.3;}
.mc02 .tit .more {position:absolute; top:0; right:0; width:30px; height:30px; background:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain; font-size:0;}
.mc02_slide_wrap {display:flex; gap:20px; overflow:hidden;}
.mc02_slide {width:796px;}
.mc02_slide .slick-slide .box {position:relative; display:block; height:460px;}
.mc02_slide .slick-slide .box .imgfit {display:block; width:100%; height:100%;}
.mc02_slide .slick-slide .box .txt {position:absolute; bottom:0; left:0; width:100%; padding:23px 36px; color:#fff;}
.mc02_slide .slick-slide .box .date {display:block; font-size:1.6rem; font-family:'Outfit';}
.mc02_slide .slick-slide .box p {font-size:2rem; font-weight:700; line-height:30px; margin-top:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mc02_slide_sml_wrap {width:calc(100% - 816px); overflow:hidden;}
.mc02_slide_sml {height:460px; overflow:hidden;}
.mc02_slide_sml .slick-track {font-size:0;}
.mc02_slide_sml .slick-slide {float:none;}
/* .mc02_slide_sml .slick-slide > div {padding-bottom:20px;} */
.mc02_slide_sml .slick-slide .box {display:flex !important; gap:25px; margin-bottom:18px;}
.mc02_slide_sml .slick-slide .box .imgfit {position:relative; width:210px; height:140px;}
.mc02_slide_sml .slick-slide .box .imgfit:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:#009E7D 2px solid; opacity:0; transition:.2s linear;}
.mc02_slide_sml .slick-current .box .imgfit:before {opacity:1;}
.mc02_slide_sml .slick-slide .box .txt {width:calc(100% - 235px); padding-top:28px; font-size:1.8rem; color:#fff; font-weight:500; line-height:28px;}
.mc02_slide_sml .slick-slide .box .txt p {overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

.mc03 {background:#F8F8F8;}
.mc03 .tit {font-size:4rem; color:#000; line-height:60px; margin-bottom:40px;}
.mc03 .wrap-tab-container {position:relative;}
.mc03 .jq_tab {position:absolute; top:-100px; right:100px; display:flex; gap:61px;}
.mc03 .jq_tab li {position:relative;}
.mc03 .jq_tab li:before {content:""; position:absolute; top:50%; left:-31px; width:1px; height:14px; background:#ddd; margin-top:-7px;}
.mc03 .jq_tab li:first-child:before {display:none;}
.mc03 .jq_tab button {display:block; font-size:2rem; color:#333; font-weight:500; line-height:60px;}
.mc03 .jq_tab .active button {color:#01755c;}
.mc03 .tab-contents {position:relative;}
.mc03 .more {position:absolute; top:-85px; right:0; width:30px; height:30px; background:#333; mask:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain; font-size:0;}
.mc03 .more:focus {background:#01755c; transform:rotate(90deg); outline:#000 2px solid;}
.mc03 .list {display:flex; gap:30px;}
.mc03 .list a {position:relative; display:flex; flex-direction:column; align-items:flex-start; width:calc((100% - 60px)/3); height:222px; background:#fff; border:#ddd 1px solid; padding:30px 23px;}
.mc03 .list a:before {content:""; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px); border:#00AB87 1px solid; opacity:0; box-shadow:6px 6px 20px 0px rgba(0,0,0,.1); transition:.2s linear;}
.mc03 .list .type {font-size:1.6rem; color:#fff; font-weight:700; line-height:32px; height:32px; background:#01755c; padding:0 12px; border-radius:16px; margin-bottom:20px;}
.mc03 .list p {font-size:1.8rem; color:#222; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mc03 .list .date {display:block; font-size:1.6rem; color:#666; line-height:1; margin-top:40px;}

.tab-contents {display:none;}
.tab-contents.active {display:block;}

/* sub */
.svisual {margin-top:120px; height:240px; background:no-repeat 50% 50% / cover; font-size:4rem; color:#fff; font-weight:700; display:flex; justify-content:center; align-items:center;}
.svisual.g01 {background-image:url('/pub/images/svisual01.jpg');}
.svisual.g02 {background-image:url('/pub/images/svisual02.jpg');}
.svisual.g03 {background-image:url('/pub/images/svisual03.jpg');}
.svisual.g04 {background-image:url('/pub/images/svisual04.jpg');}
.svisual.g05 {background-image:url('/pub/images/svisual05.jpg');}
.svisual.g06 {background-image:url('/pub/images/svisual06.jpg');}
.svisual.g07 {background-image:url('/pub/images/svisual07.jpg');}
.svisual.g99 {background-image:url('/pub/images/svisual99.jpg');}
.svisual.g61 {background-image:url('/pub/images/svisual01.jpg');}
.svisual.g71 {background-image:url('/pub/images/svisual71.jpg');}
.svisual.g72 {background-image:url('/pub/images/svisual72.jpg');}
.svisual.g73 {background-image:url('/pub/images/svisual73.jpg');}
.svisual.g74 {background-image:url('/pub/images/svisual05.jpg');}
.svisual.g81 {background-image:url('/pub/images/svisual81.jpg');}
.svisual.g82 {background-image:url('/pub/images/svisual82.jpg');}
.svisual.g83 {background-image:url('/pub/images/svisual83.jpg');}
.svisual.g84 {background-image:url('/pub/images/svisual84.jpg');}
.svisual.g85 {background-image:url('/pub/images/svisual85.jpg');}
.svisual.g86 {background-image:url('/pub/images/svisual86.jpg');}
.svisual.g00 {background-image:url('/pub/images/svisual99.jpg');}
.container {position:relative; z-index:1; display:flex; gap:80px; padding-bottom:160px; font-size:1.8rem; color:#222; min-height:calc(100vh - 706px);}
.aside {width:280px; margin-top:-67px;}
.aside h2 {width:100%; height:150px; background:url('/pub/images/bg_h2.svg') no-repeat 0 0 / cover; font-size:3.2rem; color:#fff; font-weight:700; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:16px;}
.aside h2:before {content:""; display:block; width:100%; height:20px; background:url('/pub/images/txt_h2.svg') no-repeat 50% 50% / contain;}
.aside .menus {border:#ddd 1px solid; border-bottom:0;}
.aside a {position:relative; display:flex; align-items:center; font-size:1.8rem; font-weight:600; line-height:24px; height:58px; padding:0 30px; border-bottom:#ddd 1px solid;}
.aside a:after {content:""; position:absolute; top:0; right:20px; width:12px; height:100%; background:url('/pub/images/arrow_aside.svg') no-repeat 50% 50% / contain; opacity:0; transition:.2s linear;}
.aside .menu {position:relative;}
.aside .menu.on > a,
.aside a.on {color:var(--c_blue); font-weight:700;}
.aside .menu.on > a {border-bottom:0;}
.aside a.on:after {opacity:1;}
.aside .menu.on:before,
.aside a.on:before {content:""; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px); border:#1e68c1 2px solid; z-index:1; pointer-events:none;}
.aside .depth {position:relative; padding:12px 20px; display:none;}
.aside .on .depth {display:block;}
.aside .depth:before {content:""; position:absolute; top:0; left:20px; width:calc(100% - 40px); height:1px; background:#ddd;}
.aside .depth a {position:relative; display:block; font-size:1.7rem; color:#666; font-weight:500; line-height:36px; height:auto; border:0; padding:0 0 0 13px;}
.aside .depth a:before {content:""; position:absolute; top:16px; left:0; width:3px; height:3px; background:#666;}
.aside .depth a:after {display:none;}
.aside .depth a.on {color:#222; font-weight:600;}
.aside .depth a.on:before {background:var(--c_green);}
.contents {width:calc(100% - 360px); padding-top:80px;}
.container .title {position:relative; font-size:3.4rem; font-weight:600; line-height:42px; padding-bottom:30px; border-bottom:#ebebeb 1px solid; margin-bottom:60px; z-index:20;}
.container .title .location {position:absolute; top:0; right:0; display:flex; gap:33px;}
.container .title .location .home {display:block; width:16px; height:42px; background:url('/pub/images/icon_home.svg') no-repeat 50% 50% / contain; font-size:0;}
.container .title .location dl {position:relative;}
.container .title .location dl:before {content:""; position:absolute; top:50%; left:-17px; width:1px; height:14px; background:#ddd; transform:translateY(-50%);}
.container .title .location dt button {position:relative; display:block; padding-right:34px; font-size:1.5rem; color:#666; font-weight:500; line-height:42px;}
.container .title .location dt button:after {content:""; position:absolute; top:0; right:0; width:14px; height:100%; background:url('/pub/images/arrow_location.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.container .title .location .on dt button:after {transform:rotate(180deg);}
.container .title .location dd {position:absolute; top:100%; left:-20px; width:180px; background:#fff; border:#ddd 1px solid; padding:5px 0; display:none;}
.container .title .location dd a {display:block; font-size:1.5rem; color:#666; line-height:35px; padding:0 20px;}
.container .title .location dd a.on {color:var(--c_blue);}
.container .title .location dl:last-child dt button {color:#222; font-weight:600; text-decoration:underline;}
.container .title .location dl:last-child dd {left:auto; right:0;}
.stit {position:relative; font-size:2.6rem; font-weight:600; line-height:1.2; padding-left:16px; margin:80px 0 24px;}
.stit:before {content:""; position:absolute; top:15px; left:0; width:6px; height:6px; background:#01755c; margin-top:-3px;}
.stit p {position:absolute; top:0; right:0; font-size:1.5rem; line-height:26px;}
.stit span {font-size:2rem; font-weight:400; margin-left:10px;}
.stit em {font-style:normal;}
.stit.mb1 {margin-bottom:10px;}
.bl_tit {font-size:3rem; font-weight:700; line-height:36px; padding:110px 0 20px; border-bottom:#ebebeb 1px solid; margin-bottom:60px;}
.bar_tit {position:relative; font-size:2.4rem; font-weight:700; line-height:1; margin:80px 0 24px; padding-left:20px;}
.bar_tit:first-child {margin-top:0;}
.bar_tit:before {content:""; position:absolute; top:50%; left:0; width:4px; height:16px; background:#01755c; margin-top:-8px;}
.btit {font-size:3rem; font-weight:700; line-height:1; margin:80px 0 30px;}
.btit.lh {line-height:1.4;}
.btxt {font-size:2rem; font-weight:600; line-height:1; margin:60px 0 16px;}
.btxt.b {font-size:2.2rem;}
.btxt.mt2 {margin-top:20px;}
.btxt.mb3 {margin-bottom:30px;}
.btxt span {font-size:1.5rem; font-weight:500;}
.flex.gap1 {gap:10px;}
.container p.s {font-size:1.6rem; line-height:26px;}
.container p.ss {font-size:1.5rem; line-height:25px;}
.container p.mt1 {margin-top:10px;}
.container p.mt2 {margin-top:24px;}
.container p.mb2 {margin-bottom:24px;}
.container p.ti {padding-left:14px; text-indent:-14px;}

.container .jq_tab {display:flex; flex-wrap:wrap; margin-bottom:60px; border-top:#ddd 1px solid; border-left:#ddd 1px solid;}
.container .jq_tab li {width:50%;}
.container .jq_tab button {display:block; color:#666; font-weight:500; line-height:58px; height:60px; width:100%; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid;}
.container .jq_tab li.active button {color:#fff; font-weight:600; background:#05255B; border-color:#05255B;}
.container .jq_tab.set4 li {width:25%;}

.ne {position:relative; font-size:1.5rem; line-height:18px; padding-left:28px;}
.ne:before {content:""; position:absolute; top:0; left:0; width:18px; height:18px; background:url('/pub/images/icon_ne.svg') no-repeat 50% 50% / contain;}
.ne.b {font-size:1.6rem;}
.ne.mt1 {margin-top:10px;}

/* 진료과 */
.department_info {display:flex; flex-wrap:wrap; gap:20px;}
.department_info a {display:block; width:calc((100% - 80px)/5); height:200px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; border:#ebebeb 1px solid; padding:30px 0;}
.department_info a i {position:relative; display:block; width:100px; height:100px; border-radius:50%; margin:0 auto; overflow:hidden; background:#F2F8FE;}
.department_info a i:before,
.department_info a i:after {content:""; width:100%; height:100%; transition:.2s linear;}
.department_info a i:before {position:absolute; top:0; left:0; background:linear-gradient(141.34deg, #378DED80 22.11%, #099C8F80 85.89%); opacity:0;}
.department_info a i:after {display:block; background:#05255B; mask:no-repeat 50% 50%; -webkit-mask:no-repeat 50% 50%;}
.department_info a p {font-size:2rem; font-weight:500; line-height:1;}
.department_info a.i01 i:after {mask-image:url('/pub/images/icon_department_info01.svg'); -webkit-mask-image:url('/pub/images/icon_department_info01.svg');}
.department_info a.i02 i:after {mask-image:url('/pub/images/icon_department_info02.svg'); -webkit-mask-image:url('/pub/images/icon_department_info02.svg');}
.department_info a.i03 i:after {mask-image:url('/pub/images/icon_department_info03.svg'); -webkit-mask-image:url('/pub/images/icon_department_info03.svg');}
.department_info a.i04 i:after {mask-image:url('/pub/images/icon_department_info04.svg'); -webkit-mask-image:url('/pub/images/icon_department_info04.svg');}
.department_info a.i05 i:after {mask-image:url('/pub/images/icon_department_info05.svg'); -webkit-mask-image:url('/pub/images/icon_department_info05.svg');}
.department_info a.i06 i:after {mask-image:url('/pub/images/icon_department_info06.svg'); -webkit-mask-image:url('/pub/images/icon_department_info06.svg');}
.department_info a.i07 i:after {mask-image:url('/pub/images/icon_department_info07.svg'); -webkit-mask-image:url('/pub/images/icon_department_info07.svg');}
.department_info a.i08 i:after {mask-image:url('/pub/images/icon_department_info08.svg'); -webkit-mask-image:url('/pub/images/icon_department_info08.svg');}
.department_info a.i09 i:after {mask-image:url('/pub/images/icon_department_info09.svg'); -webkit-mask-image:url('/pub/images/icon_department_info09.svg');}
.department_info a.i10 i:after {mask-image:url('/pub/images/icon_department_info10.svg'); -webkit-mask-image:url('/pub/images/icon_department_info10.svg');}
.department_info a.i11 i:after {mask-image:url('/pub/images/icon_department_info11.svg'); -webkit-mask-image:url('/pub/images/icon_department_info11.svg');}
.department_info a.i12 i:after {mask-image:url('/pub/images/icon_department_info12.svg'); -webkit-mask-image:url('/pub/images/icon_department_info12.svg');}
.department_info a.i13 i:after {mask-image:url('/pub/images/icon_department_info13.svg'); -webkit-mask-image:url('/pub/images/icon_department_info13.svg');}
.department_info a.i14 i:after {mask-image:url('/pub/images/icon_department_info14.svg'); -webkit-mask-image:url('/pub/images/icon_department_info14.svg');}
.department_info a.i15 i:after {mask-image:url('/pub/images/icon_department_info15.svg'); -webkit-mask-image:url('/pub/images/icon_department_info15.svg');}
.department_info a.i16 i:after {mask-image:url('/pub/images/icon_department_info16.svg'); -webkit-mask-image:url('/pub/images/icon_department_info16.svg');}
.department_info a.i17 i:after {mask-image:url('/pub/images/icon_department_info17.svg'); -webkit-mask-image:url('/pub/images/icon_department_info17.svg');}
.department_info a.i18 i:after {mask-image:url('/pub/images/icon_department_info18.svg'); -webkit-mask-image:url('/pub/images/icon_department_info18.svg');}
.department_info a.i19 i:after {mask-image:url('/pub/images/icon_department_info19.svg'); -webkit-mask-image:url('/pub/images/icon_department_info19.svg');}
.department_info a.i20 i:after {mask-image:url('/pub/images/icon_department_info20.svg'); -webkit-mask-image:url('/pub/images/icon_department_info20.svg');}
.department_info a.i21 i:after {mask-image:url('/pub/images/icon_department_info21.svg'); -webkit-mask-image:url('/pub/images/icon_department_info21.svg');}

.about_staff .box {display:flex; gap:60px; margin-bottom:60px;}
.about_staff .box:last-child {margin-bottom:0;}
.about_staff .imgfit {width:235px; height:300px;}
.about_staff .txt {width:calc(100% - 295px);}
.about_staff .name {display:flex; flex-wrap:wrap; line-height:30px; padding-bottom:10px; border-bottom:#EBEBEB 3px solid; margin-bottom:14px;}
.about_staff .name strong {position:relative; font-size:2.4rem; z-index:1;}
.about_staff .name strong:after {content:""; position:absolute; bottom:-13px; left:0; width:100%; height:3px; background:var(--c_green);}
.about_staff .name span {position:relative; padding-left:25px; font-size:1.6rem; color:#01755c; font-weight:500; word-break:break-word;}
.about_staff .name span:before {content:""; position:absolute; top:50%; left:12px; width:1px; height:15px; background:#ebebeb; transform:translateY(-50%);}
.about_staff dl {display:flex; align-items:flex-start; font-size:1.6rem; line-height:30px; padding-top:10px;}
.about_staff dl.vam {align-items:center;}
.about_staff dt {position:relative; width:120px; color:#231815; font-weight:600; padding-left:16px;}
.about_staff dt:before {content:""; position:absolute; top:50%; left:0; width:4px; height:4px; background:#01755c; margin-top:-2px;}
.about_staff dd {width:calc(100% - 120px); word-break:break-word;}
.about_staff dd p {padding-left:10px; text-indent:-10px;}
.about_staff dd .btn {display:block; font-size:1.5rem; font-weight:500; line-height:38px; height:40px; width:140px; border:#ebebeb 1px solid; text-align:center; border-radius:6px;}
.about_staff table {margin-top:25px;}
.about_staff th,
.about_staff td {border:#D9D9D9 1px solid; font-size:1.6rem; height:50px; background:#fff; text-align:center;}
.about_staff th {font-weight:500;}
.about_staff thead th {background:#F8F8F8;}
.about_staff tbody td.in {color:#fff; background:var(--c_green);}
.about_staff tbody td.bg_blue {background-color:var(--c_blue);}
.about_staff .ne {margin-top:14px;}
.closed_notice {display:flex; justify-content:center; gap:10px; border:#EBEBEB 2px solid; border-radius:20px; padding:40px 20px;}
.closed_notice:before {content:"공지"; color:#fff; font-weight:600; line-height:30px; padding:0 20px; background:#01755c; border-radius:15px;}

.about_department {width:100%; height:380px; background:url('/pub/images/bg_about_department.jpg') #000 no-repeat 50% 50% / cover; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:0 20px;}
.about_department .tit {display:flex; gap:60px; margin-bottom:38px;}
.about_department .tit:before,
.about_department .tit:after {content:""; display:block; width:33px; height:30px; background:url('/pub/images/icon_dda.svg') no-repeat 50% 50% / contain; opacity:.3;}
.about_department .tit:after {transform:rotate(180deg);}
.about_department .tit span {display:block; font-size:3.4rem; color:#fff; font-weight:600; line-height:42px; padding:10px 0 16px; border-bottom:#fff 3px solid;}
.about_department p {color:#fff; font-weight:500; line-height:28px;}
.about_department dl {display:flex; justify-content:center; align-items:flex-start; gap:29px; margin-top:24px; color:#fff;}
.about_department dt {position:relative; font-weight:600; padding-left:25px; background:url('/pub/images/icon_about_department.svg') no-repeat 0 50%;}
.about_department dt:after {content:""; position:absolute; top:50%; right:-15px; width:1px; height:16px; background:rgba(255,255,255,.2); transform:translateY(-50%);}
.about_department dd {text-align:left;}
/* .s02 .about_department {background-image:url('/pub/images/bg_about_department02.jpg');}
.s03 .about_department {background-image:url('/pub/images/bg_about_department03.jpg');}
.s04 .about_department {background-image:url('/pub/images/bg_about_department04.jpg');}
.s05 .about_department {background-image:url('/pub/images/bg_about_department05.jpg');}
.s06 .about_department {background-image:url('/pub/images/bg_about_department06.jpg');}
.s07 .about_department {background-image:url('/pub/images/bg_about_department07.jpg');}
.s08 .about_department {background-image:url('/pub/images/bg_about_department08.jpg');}
.s09 .about_department {background-image:url('/pub/images/bg_about_department09.jpg');}
.s10 .about_department {background-image:url('/pub/images/bg_about_department10.jpg');}
.s11 .about_department {background-image:url('/pub/images/bg_about_department11.jpg');}
.s12 .about_department {background-image:url('/pub/images/bg_about_department12.jpg');}
.s13 .about_department {background-image:url('/pub/images/bg_about_department13.jpg');}
.s14 .about_department {background-image:url('/pub/images/bg_about_department14.jpg');}
.s15 .about_department {background-image:url('/pub/images/bg_about_department15.jpg');}
.s16 .about_department {background-image:url('/pub/images/bg_about_department16.jpg');}
.s17 .about_department {background-image:url('/pub/images/bg_about_department17.jpg');}
.s18 .about_department {background-image:url('/pub/images/bg_about_department18.jpg');}
.s19 .about_department {background-image:url('/pub/images/bg_about_department19.jpg');}
.s20 .about_department {background-image:url('/pub/images/bg_about_department20.jpg');} */

.department_type {border:#F2F8FE 1px solid; padding:16px 0;}
.department_type .box {display:flex; align-items:center; gap:40px; border-bottom:#EBEBEB 1px dashed; padding:24px 40px;}
.department_type .box:last-child {border-bottom:0;}
.department_type .icon {width:100px; height:100px; line-height:100px; background:#F2F8FE; border-radius:50%; text-align:center; font-size:0;}
.department_type .txt {width:calc(100% - 140px);}
.department_type .tit {font-size:2.2rem; font-weight:600; line-height:26px; margin-bottom:16px;}
.department_type p {color:#666; line-height:30px;}
.department_type.no_img .icon {display:none;}

.aco_wrap {border-top:#222 2px solid; margin:0;}
.aco_wrap dl {border-bottom:#ebebeb 1px solid;}
.aco_wrap dt,
.aco_wrap dd {position:relative; padding:20px; word-break:break-word;}
.aco_wrap dt {display:flex; align-items:center; cursor:pointer; min-height:66px;}
.aco_wrap dt:after {content:""; position:absolute; top:0; right:20px; width:20px; height:100%; background:url('/pub/images/arrow_location.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.aco_wrap dd {background:#F3F3F9; display:none;}
.aco_wrap dd .btxt {margin-top:30px;}
.aco_wrap .on dt:after {transform:rotate(180deg);}

/* 진료예약안내 */
.reservation_iconbox {margin-top:24px; flex-wrap:wrap;}
.reservation_iconbox.mt8 {margin-top:80px;}
.reservation_iconbox dl {position:relative; display:flex; align-items:center; padding:20px 30px 20px 92px; border:#EBEBEB 1px solid; margin-bottom:16px;}
.reservation_iconbox dl:last-child {margin-bottom:0;}
.reservation_iconbox dl:before {content:""; position:absolute; top:50%; left:30px; width:50px; height:50px; background:#F2F8FE no-repeat 50% 50%; border-radius:50%; margin-top:-25px;}
.reservation_iconbox dt {width:146px; font-size:2.2rem; color:#05255B; font-weight:600; line-height:50px;}
.reservation_iconbox dd {width:calc(100% - 146px); line-height:26px;}
.reservation_iconbox dd p {padding-left:10px; text-indent:-10px; letter-spacing:-.5px;}
.reservation_iconbox .colm {flex-direction:column; align-items:flex-start;}
.reservation_iconbox .colm dt,
.reservation_iconbox .colm dd {width:100%;}
.reservation_iconbox .colm dt {line-height:26px; margin-bottom:7px;}
.reservation_iconbox .i211:before {background-image:url('/pub/images/icon_reservation_iconbox01.svg');}
.reservation_iconbox .i212:before {background-image:url('/pub/images/icon_reservation_iconbox02.svg');}
.reservation_iconbox .i213:before {background-image:url('/pub/images/icon_reservation_iconbox03.svg');}
.time_box {display:flex; gap:20px;}
.time_box.mt {margin-top:80px;}
.time_box .box {position:relative; width:calc(50% - 10px); height:310px; padding:30px; color:#fff;}
.time_box .tit {font-size:2.6rem; font-weight:700; margin-bottom:32px;}
.time_box dl {display:flex; gap:16px; padding-bottom:10px;}
.time_box dt {font-size:1.5rem; font-weight:600; line-height:26px; height:28px; width:64px; border:#fff 1px solid; border-radius:14px; text-align:center;}
.time_box dd {font-weight:500; line-height:28px; width:calc(100% - 80px);}
.time_box .ne {margin-top:10px; font-size:1.6rem;}
.time_box .ne:before {background:#fff; mask:url('/pub/images/icon_ne.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_ne.svg') no-repeat 50% 50% / contain;}
.time_box .c1 {background:#05255B url('/pub/images/icon_time_box01.svg') no-repeat bottom -27px right 100px;}
.time_box .c2 {background:#01755c url('/pub/images/icon_time_box02.svg') no-repeat bottom -27px right 94px;}

.nebox {margin-top:60px; background:#F8F8F8; padding:30px;}
.nebox.mt2 {margin-top:24px;}
.nebox.mt3 {margin-top:30px;}
.nebox.mt4 {margin-top:40px;}
.nebox .ne {font-size:1.8rem; font-weight:600; padding-bottom:10px; border-bottom:#ddd 1px solid; margin-bottom:20px;}
.nebox p {font-size:1.6rem; line-height:26px; padding-left:10px; text-indent:-10px;}
.nebox .ne.bdt {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.nebox .line {margin:15px 0 20px; width:100%; height:1px; background:#ddd;}
.nebox .bdb_tit {font-weight:600; border-bottom:#ddd 1px solid; padding-bottom:11px; margin-bottom:20px;}
.nebox.inher_fz p {font-size:inherit;}
.container .nebox .btn_down {margin:10px 0 0;}

/* 진료이용안내 */
.ibox {display:flex; align-items:center; gap:40px; padding:40px; border:#ebebeb 1px solid; line-height:28px;}
.ibox.medium {padding:30px 40px;}
.ibox.slim {padding:20px 40px;}
.ibox.top {align-items:flex-start;}
.ibox i {width:100px; height:100px; background:#F2F8FE no-repeat 50% 50%; border-radius:50%;}
.ibox.c231 i {background-image:url('/pub/images/icon_instruction_using01.svg');}
.ibox.c236 i {background-image:url('/pub/images/icon_instruction_using06.svg');}
.ibox.c237 i {background-image:url('/pub/images/icon_instruction_using07.svg');}
.ibox.c461 i {background-image:url('/pub/images/icon_instruction_using08.svg');}
.ibox.c463 i {background-image:url('/pub/images/icon_instruction_using09.svg');}
.ibox.c463b i {background-image:url('/pub/images/icon_instruction_using10.svg');}
.ibox .txt {width:calc(100% - 140px);}
.ibox .tt {font-size:2.6rem; font-weight:600; line-height:32px; margin-bottom:10px;}
.ibox .flex {flex-wrap:wrap; padding-right:300px; margin-bottom:0;}
.ibox .flex p {width:170px;}
.ne.mt {margin-top:10px;}
.ne.mt2 {margin-top:20px;}

.instruction_using_step {border:#EBEBEB 1px solid; padding:60px;}
.instruction_using_step table {width:100%; text-align:center;}
.instruction_using_step col.wbox {width:280px;}
.instruction_using_step col.wblank {width:60px;}
.instruction_using_step th {font-size:2rem; font-weight:600; line-height:48px;}
.instruction_using_step td {font-weight:500; line-height:28px; height:48px;}
.instruction_using_step td p {padding-left:10px; text-indent:-10px;}
.instruction_using_step th.c1 {background:#339BEE33;}
.instruction_using_step th.c2 {background:#85D9CF33;}
.instruction_using_step td.pd {padding:20px;}
.instruction_using_step td.c1 {border:#D6EBFC 1px solid; text-align:left;}
.instruction_using_step td.c2 {border:#E7F7F5 1px solid; text-align:left;}
.instruction_using_step td.c3 {background:#F4F9FD;}
.instruction_using_step td.c4 {color:#05255B; border:#1e68c1 1px solid;}
.instruction_using_step td.c5 {color:#01755c; border:#01755c 1px solid;}
.instruction_using_step td.arrow {position:relative; height:38px;}
.instruction_using_step td.arrow:before {content:""; position:absolute; top:50%; left:50%; width:38px; height:38px; background:url('/pub/images/arrow_step.svg') no-repeat 50% 50%; margin:-19px 0 0 -19px;}
.instruction_using_step td.arrow.right:before {transform:rotate(-90deg);}
.instruction_using_step td.arrow.long:before {top:auto; bottom:0;}
.instruction_using_step td.arrow.long:after {content:""; position:absolute; top:0; left:50%; height:calc(100% - 20px); border-right:#999 1px dashed;}

/* 입,퇴원안내 */
.procedure {display:flex;}
.procedure .area {position:relative; width:100%; height:188px; padding:30px; border-radius:5px; margin-bottom:20px;}
.procedure .step {width:70px; height:25px; line-height:25px; border-radius:12px; font-size:1.4rem; color:#fff; font-weight:600; text-align:center;}
.procedure .tit {font-size:2.2rem; font-weight:600; line-height:26px; margin-top:16px;}
.procedure i {position:absolute; bottom:24px; width:80px; height:80px; background:#fff no-repeat 50% 50%; border-radius:50%;}
.procedure p {line-height:28px; padding-left:8px; text-indent:-8px; letter-spacing:-.5px;}
.procedure .arrow {height:188px; background:url('/pub/images/arrow_step2.svg') no-repeat 50% 50%;}
.procedure.in .arrow {width:60px;}
.procedure.in .box {width:calc((100% - 120px)/3);}
.procedure.in .area {background:#F2F8FE;}
.procedure.in i {right:36px;}
.procedure.in .c1 .step {background:#ABCEF8;}
.procedure.in .c1 i {background-image:url('/pub/images/icon_procedure_a01.svg');}
.procedure.in .c2 .step {background:#81BAFF;}
.procedure.in .c2 i {background-image:url('/pub/images/icon_procedure_a02.svg');}
.procedure.in .c3 .step {background:#1e68c1;}
.procedure.in .c3 i {background-image:url('/pub/images/icon_procedure_a03.svg');}
.procedure.out .arrow {width:26px;}
.procedure.out .box {width:calc((100% - 78px)/4);}
.procedure.out .area {background:#F0F8F8;}
.procedure.out i {right:23px;}
.procedure.out .c1 .step {background:#CAE6E1;}
.procedure.out .c1 i {background-image:url('/pub/images/icon_procedure_b01.svg');}
.procedure.out .c2 .step {background:#89E1CF;}
.procedure.out .c2 i {background-image:url('/pub/images/icon_procedure_b02.svg');}
.procedure.out .c3 .step {background:#4DC0A8;}
.procedure.out .c3 i {background-image:url('/pub/images/icon_procedure_b03.svg');}
.procedure.out .c4 .step {background:#4DC0A8;}
.procedure.out .c4 i {background-image:url('/pub/images/icon_procedure_b04.svg');}

/* 병실생활안내 */
.reservation_iconbox .i233:before {background-image:url('/pub/images/icon_reservation_iconbox233.svg');}
.g02.s03.d03 .time_box .c1 {background-image:url('/pub/images/icon_time_box233_1.svg'); background-position:bottom right;}
.g02.s03.d03 .time_box .c2 {background-image:url('/pub/images/icon_time_box233_2.svg'); background-position:bottom right 34px;}
.ibox_dl {position:relative; display:flex; align-items:center; background:linear-gradient(90deg, #1e68c11a 0%, #50E3C41a 100%); border-radius:5px; padding:35px 0;}
.ibox_dl:before {content:""; position:absolute; top:0; right:0; width:365px; height:100%; background:url('/pub/images/bg_ibox_dl.svg') no-repeat 50% 50% / cover;}
.ibox_dl dt,
.ibox_dl dd {position:relative; z-index:1;}
.ibox_dl dt {padding:34px 50px 34px 53px; width:300px; display:flex; align-items:center; gap:12px; font-size:2rem; font-weight:600;}
.ibox_dl dt:before {content:""; display:block; width:38px; height:38px; background:#fff no-repeat 50% 50%; border-radius:50%;}
.ibox_dl dd {width:calc(100% - 300px); padding-left:48px;}
.ibox_dl dd:before {content:""; position:absolute; top:50%; left:0; width:1px; height:calc(100% - 8px); background:#000; opacity:.1; transform:translateY(-50%);}
.ibox_dl dd p {padding-left:10px; text-indent:-10px;}
.ibox_dl dd p.s {font-size:1.6rem;}
.ibox_dl.i233a {margin-top:24px;}
.ibox_dl.i233a dt:before {background-image:url('/pub/images/icon_ibox_dl_233a.svg');}
.ibox_dl.i233b dt:before {background-image:url('/pub/images/icon_ibox_dl_233b.svg');}

.tbl.mt {margin-top:60px;}
.tbl.mt2 {margin-top:20px;}
.tbl.mt3 {margin-top:30px;}
.tbl table {border-top:#222 2px solid;}
.tbl th,
.tbl td {border:#EBEBEB 1px solid; border-top:0;}
.tbl tr > *:first-child {border-left:0;}
.tbl tr > *:last-child {border-right:0;}
.tbl thead th {font-weight:700; line-height:20px; height:50px; background:#F4F9FD; text-align:center;}
.tbl tbody th {font-weight:400;}
.tbl td {padding:28px 30px; line-height:26px;}
.tbl td .ne {margin-top:8px;}
.tbl col.w8 {width:80px;}
.tbl col.w9 {width:90px;}
.tbl col.w10 {width:100px;}
.tbl col.w14 {width:140px;}
.tbl col.w16 {width:160px;}
.tbl col.w18 {width:180px;}
.tbl col.w20 {width:200px;}
.tbl col.w27 {width:270px;}
.tbl col.w32 {width:320px;}
.tbl col.w36 {width:360px;}
.tbl col.w40 {width:400px;}
.tbl.slim td {padding:10px; line-height:30px;}
.tbl.fw400 td {font-weight:400;}
.tbl td p.s {font-size:1.4rem;}
.tbl.s th,
.tbl.s td {font-size:1.6rem;}
.tbl.s td {padding:16px 20px;}
.tbl.lh24 td {line-height:24px;}
.tbl td i.chk {display:block; width:19px; height:14px; background:url('/pub/images/icon_chk3.svg') no-repeat 50% 50% / contain; margin:0 auto;}
.tbl td p.pl {padding-left:10px; text-indent:-10px;}
.tbl.thbg th {background:#f6faff; height:50px;}

.lh3 li {line-height:30px; padding-left:10px; text-indent:-10px;}
.lh3 li .ne {margin:8px 0; text-indent:0;}

/* 건강검진 안내 및 예약 */
.promotion_top {padding:185px 58px 63px; background:url('/pub/images/bg_promotion_top.jpg') no-repeat 50% 0 / cover;}
.promotion_top .tit {font-size:4.4rem; font-weight:600; line-height:34px; letter-spacing:0.2em; text-align:center;}
.promotion_top .more {display:block; font-size:2rem; color:#fff; font-weight:700; line-height:50px; height:50px; width:240px; display:flex; justify-content:center; align-items:center; gap:10px; background:#01755c; margin:50px auto 0;}
.promotion_top .more:after {content:""; display:block; width:10px; height:inherit; background:url('/pub/images/arrow_more_health.svg') no-repeat 50% 50% / contain;}
.promotion_top ul {display:flex; gap:50px 40px; flex-wrap:wrap; margin-top:110px;}
.promotion_top li {width:calc(50% - 20px);}
.promotion_top .imgfit {width:100%; height:200px; margin-bottom:25px;}
.promotion_top dl {display:flex;}
.promotion_top dt {font-size:2.6rem; font-weight:600; line-height:30px; width:160px;}
.promotion_top dd {line-height:28px; width:calc(100% - 160px);}
.normal_step {display:flex; flex-wrap:wrap; gap:30px 40px;}
.normal_step li {position:relative; width:calc(50% - 20px); display:flex; align-items:center; gap:34px; padding:20px 20px 20px 66px; background:#F4F9FD; line-height:28px;}
.normal_step .num {position:absolute; top:0; left:20px; width:32px; height:40px; background:url('/pub/images/bg_normal_step.svg') no-repeat 0 0 / contain; padding-top:4px; line-height:26px; text-align:center; font-size:1.5rem; color:#fff; font-weight:800;}
.normal_step i {display:block; width:80px; height:80px; background:#fff no-repeat 50% 50%; border-radius:50%;}
.normal_step p {width:calc(100% - 114px);}
.normal_step .i1 i {background-image:url('/pub/images/icon_normal_step01.svg');}
.normal_step .i2 i {background-image:url('/pub/images/icon_normal_step02.svg');}
.normal_step .i3 i {background-image:url('/pub/images/icon_normal_step03.svg');}
.normal_step .i4 i {background-image:url('/pub/images/icon_normal_step04.svg');}
.reservation_iconbox .i235a:before {background-image:url('/pub/images/icon_reservation_iconbox235a.svg');}
.reservation_iconbox .i235b:before {background-image:url('/pub/images/icon_reservation_iconbox235b.svg');}
.reservation_iconbox .i235c:before {background-image:url('/pub/images/icon_reservation_iconbox235c.svg');}

/* 진료협력시스템 */
.main_jobs {display:flex; gap:20px;}
.main_jobs li {width:calc((100% - 60px)/4); height:100px; background:#F2F8FE; display:flex; justify-content:center; align-items:center;}
.main_jobs span {font-weight:500; line-height:20px; padding-left:23px; background:url('/pub/images/icon_main_jobs.svg') no-repeat 0 3px;}
.use_info {display:flex; gap:30px;}
.use_info li {width:calc((100% - 60px)/3); padding:26px 30px; border:#EBEBEB 1px solid;}
.use_info .tit {font-size:2.2rem; color:#05255B; font-weight:600; line-height:50px; display:flex; gap:12px; margin-bottom:30px;}
.use_info .tit:before {content:""; display:block; width:50px; height:50px; background:#F2F8FE no-repeat 50% 50%; border-radius:50%;}
.use_info p {line-height:30px;}
.use_info p strong {font-weight:600;}
.use_info .i1 .tit:before {background-image:url('/pub/images/icon_use_info01.svg');}
.use_info .i2 .tit:before {background-image:url('/pub/images/icon_use_info02.svg');}
.use_info .i3 .tit:before {background-image:url('/pub/images/icon_use_info03.svg');}
.medi_step_info {background:linear-gradient(94.37deg, #F2F8FEb3 7.28%, #EDF4F3b3 114.72%); display:flex; padding:56px 0;}
.medi_step_info li {position:relative; width:20%; text-align:center;}
.medi_step_info.set3 li {width:calc(100%/3);}
.medi_step_info li:after {content:""; position:absolute; top:0; right:-6px; width:14px; height:90px; background:url('/pub/images/arrow_step2.svg') no-repeat 50% 50% / contain;}
.medi_step_info li:last-child:after {display:none;}
.medi_step_info li i {display:block; width:90px; height:90px; background:#fff no-repeat 50% 50%; border-radius:50%; margin:0 auto; box-shadow:0px 4px 40px #E6F1FE;}
.medi_step_info li .tt {font-size:2rem; font-weight:600; line-height:1.2; margin:30px 0 20px;}
.medi_step_info li p {color:#666; line-height:24px;}
.medi_step_info .i1 i {background-image:url('/pub/images/icon_medi_step_info01.svg');}
.medi_step_info .i2 i {background-image:url('/pub/images/icon_medi_step_info02.svg');}
.medi_step_info .i3 i {background-image:url('/pub/images/icon_medi_step_info03.svg');}
.medi_step_info .i4 i {background-image:url('/pub/images/icon_medi_step_info04.svg');}
.medi_step_info .i5 i {background-image:url('/pub/images/icon_medi_step_info05.svg');}
.downs_area {display:flex; gap:40px;}
.downs_area li {width:calc(50% - 20px);}
.downs_area .imgfit {display:block; width:100%; padding:40px; border:#EBEBEB 1px solid; text-align:center;}
.downs_area .imgfit img {width:auto; height:auto; object-fit:contain}
.container .btn_down {display:flex; justify-content:space-between; align-items:center; font-size:1.6rem; color:#fff; font-weight:700; line-height:48px; height:48px; width:200px; padding:0 20px; background:#05255B; margin:24px auto 0;}
.container .btn_down:after {content:""; display:block; width:17px; height:15px; background:url('/pub/images/icon_down2.svg') no-repeat 50% 50% / contain;}
.container .btn_down.mt2 {margin:20px 0 0;}
.container .btn_down.w24 {width:240px;}

/* 인공신장실이용안내 */
.reservation_iconbox.flex {gap:30px;}
.reservation_iconbox.flex dl {width:calc(50% - 15px); margin:0;}
.reservation_iconbox.flex.set3 dl {width:calc((100% - 60px)/3);}
.reservation_iconbox.flex.set3 dt {width:90px;}
.reservation_iconbox.flex.set3 dd {width:calc(100% - 90px);}
.reservation_iconbox .i237a:before {background-image:url('/pub/images/icon_reservation_iconbox237a.svg');}
.reservation_iconbox .i237b:before {background-image:url('/pub/images/icon_reservation_iconbox237b.svg');}
.reservation_iconbox .i237c:before {background-image:url('/pub/images/icon_tel.svg');}
.gallety_slide_wrap {position:relative; display:flex; gap:20px; overflow:hidden;}
.gallety_slide_wrap *,
.gallety_slide_wrap .slick-slide > div {font-size:0;}
.gallety_slide {width:880px;}
.gallety_slide .slick-slide > div {height:540px;}
.gallety_slide .slick-slide > div img {width:100%; height:100%; object-fit:cover;}
.gallety_slide_navi {width:180px; margin-top:-20px;}
.gallety_slide_navi .slick-slide {padding-top:20px; height:140px; font-size:0;}
.gallety_slide_navi .slick-slide > div {position:relative; height:120px; font-size:0;}
.gallety_slide_navi .slick-slide > div img {width:100%; height:100%; object-fit:cover;}
.gallety_slide_navi .slick-slide > div:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:#009E7D 2px solid; opacity:0; transition:.2s linear;}
.gallety_slide_navi .slick-current > div:before {opacity:1;}
.gallety_slide_wrap .gall_navi {position:absolute; bottom:20px; left:0; width:880px; z-index:1;}
.gallety_slide_wrap .gall_navi .flex {width:140px; height:32px; background:rgba(0,0,0,.3); border-radius:16px; justify-content:center; align-items:center; margin:0 auto;}
.gallety_slide_wrap .gall_navi .paging {padding:0 10px;}
.gallety_slide_wrap .gall_navi .slick-dots li {gap:5px; font-size:1.8rem; color:rgba(255,255,255,.4); font-weight:500; line-height:32px; font-family:'Poppins'; display:none;}
.gallety_slide_wrap .gall_navi .slick-dots span {font-size:1rem;}
.gallety_slide_wrap .gall_navi .slick-dots strong {font-size:inherit; color:#fff; font-weight:500;}
.gallety_slide_wrap .gall_navi .slick-dots .slick-active {display:flex;}
.gallety_slide_wrap .gall_navi .arrow {width:30px; height:32px; background:#fff; mask:url('/pub/images/arrow_mcon.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_mcon.svg') no-repeat 50% 50%; opacity:.4; font-size:0;}
.gallety_slide_wrap .gall_navi .next {transform:scaleX(-1);}

/* 휴진안내 */
.month_wrap {border:#ebebeb 1px solid; padding:40px;}
.select_year {display:flex; justify-content:center; align-items:center; gap:20px; margin-bottom:16px;}
.select_year .arrow {display:block; width:28px; height:28px; border:#ebebeb 1px solid; border-radius:50%; font-size:0;}
.select_year .arrow:before {content:""; display:block; width:100%; height:100%; background:url('/pub/images/arrow_month.svg') no-repeat 50% 50%;}
.select_year .next:before {transform:scaleX(-1);}
.select_year strong {display:block; font-size:3rem; line-height:36px;}
.select_month {display:flex; gap:8px; margin-bottom:40px;}
.select_month label.month {display:block; width:calc((100% - 88px)/12);}
.select_month label.month input {display:none;}
.select_month label.month span {display:block; width:100%; height:48px; line-height:48px; text-align:center; background:#F8F8F8; transition:.2s linear;}
.select_month label.month input:checked + span {color:#fff; background:#05255B;}
.month_tbl thead th {border-left:0; border-right:0;}
.month_tbl tbody td {padding:10px; height:160px; vertical-align:top;}
.month_tbl .day {display:block; font-size:1.6rem; color:#999; font-weight:500; line-height:30px; height:30px; width:30px; text-align:center; border-radius:50%;}
.month_tbl .in .day {color:#05255B;}
.month_tbl .today {background:#f2f8fe66;}
.month_tbl .today .day {color:#fff; font-weight:700; background:#05255B;}
.month_tbl .list {margin-top:16px;}
.month_tbl .list p {position:relative; font-size:1.5rem; line-height:24px; padding-left:9px;}
.month_tbl .list p:before {content:""; position:absolute; top:10px; left:0; width:3px; height:3px; background:#1e68c1; border-radius:50%;}

/* 협력병원 현황 */
.affiliated_wrap {display:flex; margin-bottom:60px;}
.affiliated_wrap .select {width:560px; display:flex; flex-wrap:wrap; gap:10px; padding:30px; border:#ebebeb 1px solid;}
.affiliated_wrap .select .btn {display:block; font-size:1.5rem; font-weight:500; line-height:48px; height:50px; width:calc((100% - 20px)/3); border:#ebebeb 1px solid;}
.affiliated_wrap .select .btn.on {color:#05255B; font-weight:700; border-color:#05255B;}
.affiliated_wrap .map {width:520px; background:#F8F8F8; display:flex; justify-content:center; align-items:center;}
.affiliated_wrap .map path {transition:.2s linear;}
.affiliated_wrap .map svg g.on path {fill:#01755c; stroke-color:#01755c;}

/* 의료원안내 */
.guide_top {font-size:2.4rem; color:#fff; font-weight:600; line-height:1; height:240px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:url('/pub/images/img_guide_top.jpg') no-repeat 50% 50% / cover;}
.guide_top b {font-size:2.2rem;}
.guide_top strong {font-size:2.9rem;}
.guide_top p {margin-top:24px;}
.introduction_center dl {display:flex; align-items:center; margin-top:80px;}
.introduction_center dl:first-child {margin-top:0;}
.introduction_center dt {position:relative; width:430px;}
.introduction_center dt p {position:absolute; bottom:15px; left:20px; color:#fff; font-weight:500; line-height:1;}
.introduction_center dd {width:calc(100% - 430px); padding-left:50px;}
.introduction_center dd .tt {font-size:2.2rem; font-weight:600; line-height:24px; margin-bottom:16px;}
.introduction_center dd p {line-height:28px;}
.introduction_center dl:nth-child(2n) {flex-direction:row-reverse;}
.introduction_center dl:nth-child(2n) dd {padding:0 50px 0 0;}
.chk_tit_boxs {display:flex; flex-wrap:wrap; gap:18px 30px;}
.chk_tit_boxs .box {width:calc((100% - 60px)/3); padding:30px 20px 30px 30px; background:#F6FAFD;}
.chk_tit_boxs .box .tit {position:relative; font-size:1.7rem; color:#00775e; font-weight:600; line-height:18px; padding-left:28px; margin-bottom:20px;}
.chk_tit_boxs .box .tit:before {content:""; position:absolute; top:1px; left:0; width:16px; height:16px; background:url('/pub/images/icon_chk.svg') no-repeat 50% 50% / contain;}
.chk_tit_boxs .box p {font-weight:500; line-height:28px; letter-spacing:-1.5px;}
.chk_tit_boxs .box p strong {font-size:2.2rem; font-weight:600;}
.chk_tit_boxs.p_thin .tit {color:#01755c; margin-bottom:10px;}
.chk_tit_boxs.p_thin p {font-weight:400;}
.chk_tit_boxs.p_thin p b {font-weight:600;}

/* 원장인사말 */
.greetings .top {margin-bottom:40px;}
.greetings .top span {display:block; font-size:1.5rem; font-weight:300; line-height:24px; margin-bottom:10px;}
.greetings .top b {font-size:3.6rem; line-height:44px;}
.greetings .con {display:flex; align-items:flex-start; gap:80px;}
.greetings .con .imgfit {width:380px; box-shadow:#F3F3F9 30px 30px 0;}
.greetings .con .txt {width:calc(100% - 460px); line-height:30px;}
.greetings .con .txt p {margin-bottom:30px;}
.greetings .con .txt p:last-child {margin-bottom:0;}
.greetings .con .txt p.mb {margin-bottom:15px;}
.greetings .con .txt p.pl {padding-left:40px; text-indent:-40px;}
.greetings .con .txt .flex {align-items:flex-end; gap:12px; padding-top:24px; line-height:1;}
/* 주요약력 */
.profile_wrap {display:flex; align-items:flex-start; gap:80px;}
.profile_wrap .img_area {position:relative; width:380px; padding-bottom:32px;}
.profile_wrap .imgfit {position:relative;}
.profile_wrap .imgfit p {position:absolute; top:10px; left:20px; font-size:6rem; color:#fff; font-weight:700; line-height:1.2; opacity:.3;}
.profile_wrap .name {position:absolute; bottom:0; right:0; width:305px; background:linear-gradient(121deg, #388CEF 2.51%, #009E7D 108.23%); padding:28px 24px; color:#fff; line-height:1;}
.profile_wrap .name:before {content:""; position:absolute; bottom:0; right:0; width:175px; height:105px; max-height:100%; background:url('/pub/images/bg_logo.svg') no-repeat 100% 100% / contain;}
.profile_wrap .name * {position:relative; z-index:1;}
.profile_wrap .name strong {display:block; font-size:3.2rem;}
.profile_wrap .name p {margin-top:16px;}
.profile_wrap .profile {width:calc(100% - 460px);}
.profile_wrap .profile .tit {position:relative; font-size:2.6rem; font-weight:600; line-height:64px; padding-left:80px; margin:55px 0 34px;}
.profile_wrap .profile .tit:first-child {margin-top:0;}
.profile_wrap .profile .tit:before {content:""; position:absolute; top:0; left:0; width:64px; height:64px; background:#F2F8FE no-repeat 50% 50%; border-radius:50%;}
.profile_wrap .profile .tit.i1:before {background-image:url('/pub/images/icon_profile01.svg');}
.profile_wrap .profile .tit.i2:before {background-image:url('/pub/images/icon_profile02.svg');}
.profile_wrap .profile .list dl {line-height:24px; margin-bottom:14px; display:flex; gap:10px;}
.profile_wrap .profile .list dl:last-child {margin-bottom:0;}
.profile_wrap .profile .list dt {color:#009E7D; font-weight:600; font-family:'nanum gothic'; letter-spacing:-.5px;}
/*.profile_wrap .profile .list.s1 dt {width:82px;}
.profile_wrap .profile .list.s1 dd {width:calc(100% - 82px);}
.profile_wrap .profile .list.s2 dt {width:175px;}
.profile_wrap .profile .list.s2 dd {width:calc(100% - 175px);}*/
/* .profile_wrap .profile .list .to dt,
.profile_wrap .profile .list .to dd {color:#388CEF;} */

/* 기관 상징 */
.symbolmark_area {border:#EBEBEB 1px solid; padding:40px; display:flex; gap:40px; margin-bottom:24px;}
.symbolmark_area .box {width:calc(50% - 20px); height:180px; display:flex; justify-content:center; align-items:center; background:linear-gradient(to bottom, transparent 23px, #EBEBEB 24px) 0 0 / 100% 24px repeat-y, linear-gradient(to right, transparent 23px, #EBEBEB 24px) 0 0 / 24px 100% repeat-x #fff; border:#EBEBEB 1px solid; padding:20px;}
.symbol_p {margin-bottom:60px;}
.symbol_p .c_green {display:block; font-size:1.6rem; margin-top:6px;}
.blue_box {position:relative; padding:35px 56px; background:#F6FAFD; display:flex; flex-direction:column; gap:10px;}
.blue_box * {position:relative; z-index:1;}
.blue_box li {position:relative; padding-left:26px; line-height:30px;}
.blue_box li span {position:absolute; top:5px; left:0; width:20px; height:20px; line-height:20px; border-radius:50%; font-size:1.5rem; color:#fff; font-weight:700; text-align:center; background:linear-gradient(138.45deg, #1e68c1 5.87%, #01755c 92.65%);}
.half_area {display:flex; gap:40px;}
.half_area .box {width:calc(50% - 20px);}
.symbol_box {border:#EBEBEB 1px solid; height:260px; display:flex; justify-content:center; align-items:center;}

/* 미션과 비전 */
.mission {padding:105px 70px; background:url('/pub/images/bg_mission.jpg') no-repeat 50% 50% / cover;}
.mission span {display:block; font-size:2.2rem; line-height:34px;}
.mission .tt {font-size:3.2rem; font-weight:500; line-height:48px; margin-top:20px;}
.vision {border:#ebebeb 1px solid; border-radius:5px; padding:76px 46px;}
.vision .img {padding-left:27px;}
.vision .tit {font-size:2.2rem; font-weight:700; line-height:1; margin:25px 0 15px; text-align:center;}
.vision .pyo {position:relative; display:flex; justify-content:center; gap:60px; padding-top:70px;}
.vision .pyo:before {content:""; position:absolute; top:0; left:50%; width:11px; height:11px; background:#1e68c1; border-radius:50%; transform:translateX(-50%); z-index:1;}
.vision .pyo li {position:relative; width:calc((100% - 120px)/3); max-width:270px;}
.vision .pyo li:before,
.vision .pyo li:after {content:""; position:absolute;}
.vision .pyo li:before {bottom:100%; left:50%; width:0; height:25px; border-left:#ddd 1px dashed;}
.vision .pyo li:after {top:-25px; left:50%; width:calc(50% + 30px); height:0; border-top:#ddd 1px dashed;}
.vision .pyo li:nth-child(3):after {right:50%; left:auto;}
.vision .pyo li:nth-child(2):before {height:50px;}
.vision .pyo li:nth-child(2):after {width:calc(100% + 60px); transform:translateX(-50%);}
.vision .pyo li .tt {font-weight:600; line-height:50px; height:50px; text-align:center; background:#F0F9F9; border-radius:25px; margin-bottom:20px;}
.vision .pyo li p {padding-left:25px; text-indent:-10px; color:#666; line-height:28px;}

/* 병원연혁 */
.tabs {display:flex; flex-wrap:wrap; border-top:#ddd 1px solid; border-left:#ddd 1px solid; margin-bottom:60px;}
.tabs a {width:25%; line-height:22px; height:58px; color:#666; font-weight:500; text-align:center; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; padding:0 10px; display:flex; justify-content:center; align-items:center;}
.tabs.set5 a {width:20%;}
.tabs.set3 a {width:calc(100%/3);}
.tabs.set2 a {width:50%;}
.tabs a.on {color:#fff; font-weight:600; background:#05255B; border-color:#05255B;}
.since {font-weight:600; line-height:1; height:200px; display:flex; justify-content:center; align-items:center; letter-spacing:1em; background:url('/pub/images/bg_since.jpg') no-repeat 50% 50% / cover; margin-bottom:75px;}
.history_area {position:relative; padding-left:50%;}
#his_start {top:-50vh;}
.history_area .line {position:absolute; top:13px; left:50%; width:1px; height:calc(100% - 13px); background:#ddd; overflow:hidden;}
.history_area .bar {position:absolute; top:0; width:100%; background:#01755c;}
.history_area .left {position:absolute; top:0; left:0; width:50%;}
.history_area .left .years {font-size:4rem; font-weight:700; line-height:1.2; margin-bottom:20px;}
.history_area .left .tt {font-size:2rem; line-height:30px; margin-bottom:40px;}
.history_area .left p {font-weight:600; line-height:1; margin-top:16px;}
.history_area .left .img {max-width:calc(100% - 20px);}
.history_area .history {padding-left:35px;}
.history_area .history dl {margin-bottom:60px;}
.history_area .history dl:last-child {margin-bottom:0;}
.history_area .history dt {position:relative; font-size:2.2rem; font-weight:700; line-height:26px; margin-bottom:16px;}
.history_area .history dt .point {top:-50vh;}
.history_area .history dt i {position:absolute; top:50%; left:-44px; width:18px; height:18px; background:#01755c33; border-radius:50%; margin-top:-9px;}
.history_area .history dt i:before {content:""; position:absolute; top:50%; left:50%; width:10px; height:10px; background:#01755c; border-radius:50%; transform:translate(-50%,-50%);}
.history_area .history dd p {position:relative; color:#666; line-height:24px; padding-left:65px; margin-bottom:14px;}
.history_area .history dd p:last-child {margin-bottom:0;}
.history_area .history dd strong {position:absolute; top:0; left:0; color:#01755c;}

/* 조직 및 업무 */
.organization_wrap {border:#ebebeb 1px solid; padding:60px;}
.organization_wrap .boss {position:relative; display:block; width:160px; height:160px; line-height:160px; font-size:2.4rem; color:#fff; font-weight:700; text-align:center; background:url('/pub/images/bg_boss.svg') #05255B no-repeat 50% 50% / cover; border-radius:50%; margin:0 auto 60px;}
.organization_wrap .boss:before,
.organization_wrap .boss:after {content:""; position:absolute; left:50%;}
.organization_wrap .boss:before {top:100%; width:1px; height:598px; background:#ddd;}
.organization_wrap .boss:after {bottom:-5px; width:10px; height:10px; background:#05255B; border:#fff 2px solid; border-radius:50%; margin-left:-5px;}
.organization_wrap .type01 {position:relative; display:flex; justify-content:center; gap:160px; margin-bottom:60px;}
.organization_wrap .type01:before {content:""; position:absolute; top:50%; left:50%; width:160px; height:1px; background:#ddd; transform:translateX(-50%);}
.organization_wrap .type01 li {position:relative; font-size:2rem; color:#05255B; font-weight:600; line-height:58px; height:60px; width:240px; text-align:center; border:#05255B 1px solid;}
.organization_wrap .type01 li:before {content:""; position:absolute; top:50%; width:10px; height:10px; background:#05255B; border:#fff 2px solid; border-radius:50%; margin-top:-5px;}
.organization_wrap .type01 li:first-child:before {right:-5px;}
.organization_wrap .type01 li:last-child:before {left:-5px;}
.organization_wrap .type02 {display:flex; align-items:flex-start;}
.organization_wrap .type02 .box {position:relative; width:240px;}
.organization_wrap .type02 .box:before {content:""; position:absolute; top:0; left:50%; width:1px; height:calc(100% + 60px); background:#ddd;}
.organization_wrap .type02 .box * {position:relative; z-index:1;}
.organization_wrap .type02 .tt {position:relative; font-size:2rem; color:#fff; font-weight:600; line-height:60px; height:60px; text-align:center; background:#01755c;}
.organization_wrap .type02 .tt:after {content:""; position:absolute; width:10px; height:10px; background:#01755c; border:#fff 2px solid; border-radius:50%;}
.organization_wrap .type02 .tb {font-weight:500; line-height:46px; height:48px; border:#01755c 1px solid; text-align:center; margin-top:30px; background:#fff;}
.organization_wrap .type02 .tb + .tb {margin-top:10px;}
.organization_wrap .type02 .list {background:#F8F8F8; padding:20px; margin-top:10px;}
.organization_wrap .type02 .list p {color:#666; line-height:20px; margin-bottom:14px;}
.organization_wrap .type02 .list p:last-child {margin-bottom:0;}
.organization_wrap .type02.left {padding-right:calc(50% + 80px); justify-content:flex-end;}
.organization_wrap .type02.left .tt:after {top:50%; right:-5px; margin-top:-5px;}
.organization_wrap .type02.left .tt:before {content:""; position:absolute; top:50%; right:-80px; width:80px; height:1px; background:#ddd;}
.organization_wrap .type02.tri {margin-top:40px; padding-top:61px; justify-content:space-between;}
.organization_wrap .type02.tri .box:before,
.organization_wrap .type02.tri .box:after {content:""; position:absolute; background:#ddd;}
.organization_wrap .type02.tri .box:before {top:-60px;}
.organization_wrap .type02.tri .box:after {top:-61px; width:calc(100% + 80px); border-top:#ddd 1px solid;}
.organization_wrap .type02.tri .box:nth-child(1):after {left:50%;}
.organization_wrap .type02.tri .box:nth-child(2):after {left:50%; transform:translateX(-50%);}
.organization_wrap .type02.tri .box:nth-child(3):after {left:auto; right:50%;}
.organization_wrap .type02.tri .tt:after {top:-5px; left:50%; margin-left:-5px;}

/* 의료원가 */
.song_area {text-align:center;}
.song_area .btn {display:block; font-size:1.6rem; color:#fff; font-weight:700; line-height:48px; height:48px; width:200px; background:#05255B; margin:140px auto 0;}
.song_area .btn.on {background:linear-gradient(#275095 0%, #05255B 50%, #275095 100%);}

/* 역대의료원장 */
.before_ledger .tit {font-size:2.4rem; color:#fff; line-height:35px; padding:15px 20px; background:no-repeat right 30px bottom;}
.before_ledger .tit.c1 {background-color:#05255B; background-image:url('/pub/images/tit_before_ledger01.svg'); margin-bottom:23px;}
.before_ledger .tit.c2 {background-color:#009E7D; background-image:url('/pub/images/tit_before_ledger02.svg'); margin:80px 0 40px;}
.before_ledger .jahye {border:#ddd 1px solid; padding:34px 60px; display:flex;}
.before_ledger .jahye ul {width:50%;}
.before_ledger .jahye ul:last-child {padding-left:60px; border-left:#ddd 1px dashed;}
.before_ledger .jahye li {position:relative; margin-bottom:10px; padding-left:74px;}
.before_ledger .jahye li:last-child {margin-bottom:0;}
.before_ledger .jahye li span {position:absolute; top:0; left:0; width:63px; height:27px; line-height:25px; text-align:center; font-size:1.5rem; font-weight:600; border:#ddd 1px solid; border-radius:18px;}
.before_ledger .jahye li em {font-style:normal; font-family:'nanum gothic'; letter-spacing:-.5px;}
.before_ledger .andong {display:flex; flex-wrap:wrap; gap:40px;}
.before_ledger .andong li {width:calc(50% - 20px); display:flex;}
.before_ledger .andong .imgfit {width:154px; height:200px; border:#ebebeb 1px solid;}
.before_ledger .andong .txt {width:calc(100% - 154px); padding-left:20px;}
.before_ledger .andong .name {font-size:2rem; font-weight:600; line-height:1; margin-bottom:14px; display:flex; align-items:center; gap:10px;}
.before_ledger .andong .name span {padding:0 10px; border:#ebebeb 1px solid; border-radius:20px; line-height:34px;}
.before_ledger .andong .name strong {color:#009E7D;}
.before_ledger .andong p {color:#888; line-height:1.4;}
.before_ledger .andong .date {font-family:'nanum gothic'; letter-spacing:-.5px;}
.before_ledger .andong .his {color:#666;}

/* 전화번호안내 */
.phone_number_area .tbl {font-size:1.6rem;}
.phone_number_area .tbl th,
.phone_number_area .tbl td {border-left:0; border-right:0; padding:12px 30px;}
.phone_number_area .tbl th {width:200px; font-weight:600; background:#F6FAFD;}

.phone_number_top {display:flex; flex-wrap:wrap; border-top:#ddd 1px solid; border-left:#ddd 1px solid;}
.phone_number_top li {position:relative; width:25%; height:226px; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.phone_number_top li i {display:block; width:80px; height:80px; background:#F2F8FE no-repeat 50% 50%; border-radius:50%;}
.phone_number_top li span {display:block; font-size:1.5rem; color:#009E7D; font-weight:600; line-height:1; margin:16px 0 8px;}
.phone_number_top li .num {font-weight:600; line-height:22px;}
.phone_number_top li p {margin-bottom:6px; display:flex; gap:6px;}
.phone_number_top li p:last-child {margin-bottom:0;}
.phone_number_top li em {font-size:1.3rem; color:#fff; font-weight:600; line-height:22px; height:22px; width:48px; text-align:center; border-radius:11px; font-style:normal;}
.phone_number_top li em.c1 {background:#009E7D;}
.phone_number_top li em.c2 {background:#05255B;}
.phone_number_top li.i1 i {background-image:url('/pub/images/icon_phone_number_top01.svg');}
.phone_number_top li.i2 i {background-image:url('/pub/images/icon_phone_number_top02.svg');}
.phone_number_top li.i3 i {background-image:url('/pub/images/icon_phone_number_top03.svg');}
.phone_number_top li.i4 i {background-image:url('/pub/images/icon_phone_number_top04.svg');}
.phone_number_top li.i5 i {background-image:url('/pub/images/icon_phone_number_top05.svg');}
.phone_number_top li.i6 i {background-image:url('/pub/images/icon_phone_number_top06.svg');}
.phone_number_top li.i7 i {background-image:url('/pub/images/icon_phone_number_top07.svg');}
.phone_number_top li.i8 {background:url('/pub/images/bg_phone_number_top.jpg') no-repeat 50% 50% / cover;}
.phone_number_top li.i8 p {position:absolute; bottom:20px; left:20px; width:calc(100% - 40px); font-size:1.6rem; color:#fff; line-height:26px; display:block;}

/* 층별안내 */
.floor_area {display:flex; align-items:flex-start; gap:85px;}
.floor_area table {width:calc(100% - 455px);}
.floor_area tbody th {font-size:2.2rem; color:#05255B; font-weight:600; width:100px; border-right:0; background:#F6FAFD;}
.floor_area tbody td {border-left:0; height:70px; padding:5px 30px 5px 35px;}
.floor_area .imgfit {width:370px;}

/* 찾아오시는길 */
.map_wrap .root_daum_roughmap {max-width:100%;}
.map_wrap .roughmap_maker_label {border:0; top:10px !important;}
.map_wrap .roughmap_maker_label:after {display:none;}
.map_wrap .roughmap_maker_label .roughmap_lebel_text {font-size:0; display:flex; justify-content:center; align-items:center; background:none; padding:0; background:none;}
.map_wrap .roughmap_maker_label .roughmap_lebel_text:before {content:""; display:block; width:184px; height:73px; background:url('/pub/images/map_logo.svg') no-repeat 50% 50% / contain;}
.map_wrap .map_thum img {opacity:0;}
.map_txt dl {margin-bottom:16px; display:flex;}
.map_txt dl:last-child {margin-bottom:0;}
.map_txt dt {position:relative; width:140px; padding-left:52px; color:#05255B; font-weight:700; line-height:40px;}
.map_txt dt:before {content:""; position:absolute; top:0; left:0; width:40px; height:40px; background:#F3F3F9 no-repeat 50% 50%; border-radius:50%;}
.map_txt .i1 dt:before {background-image:url('/pub/images/icon_map_txt01.svg');}
.map_txt .i2 dt:before {background-image:url('/pub/images/icon_map_txt02.svg');}
.map_txt .i3 dt:before {background-image:url('/pub/images/icon_map_txt03.svg');}
.map_txt .i4 dt:before {background-image:url('/pub/images/icon_map_txt04.svg');}
.map_txt dd {width:calc(100% - 140px); font-size:1.6rem; line-height:26px; padding-top:7px;}
.map_txt dd .tt {display:flex; justify-content:flex-start; margin-bottom:8px;}
.map_txt dd .tt span {font-size:1.6rem; font-weight:600; line-height:25px; padding:0 8px; border-radius:3px;}
.map_txt dd .tt.c1 span {background:#DEF3F1;}
.map_txt dd .tt.c2 span {background:#1e68c133;}
.map_txt dd .line {border-top:#bbb 1px dashed; margin:20px 0;}
.map_txt dd p {padding-left:10px; text-indent:-10px;}
.img_map {border:#ebebeb 1px solid; text-align:center; font-size:0;}

/* 주차장이용/편의시설 */
.parking_txt .tit {font-weight:600; line-height:26px; margin:80px 0 16px;}
.gall_area {display:flex; flex-wrap:wrap; gap:47px 30px;}
.gall_area .box {width:calc((100% - 60px)/3); border:#ebebeb 1px solid;}
.gall_area .imgfit {height:200px;}
.gall_area .txt {padding:16px 20px;}
.gall_area .tit {font-weight:600; line-height:28px; margin-bottom:8px;}
.gall_area p {font-size:1.6rem; color:#666; line-height:26px;}
.gall_area .c_green {font-size:1.5rem;}
.gall_area .pl {padding-left:10px; text-indent:-10px;}

/* 호스피스완화의료센터 */
.time_box.hospice .box {height:160px;}
.time_box.hospice span {display:block; font-size:1.5rem; margin-bottom:16px;}
.time_box.hospice .tit {line-height:26px;}
.time_box.hospice .c1 {background-image:url('/pub/images/bg_hospice01.svg'); background-position:bottom -38px right 60px;}
.time_box.hospice .c2 {background-image:url('/pub/images/bg_hospice02.svg'); background-position:bottom -40px right 60px;}
.img_solo {margin-bottom:24px;}
.chk_list li {position:relative; line-height:30px; padding:20px 20px 20px 60px; border-radius:3px; margin-bottom:10px; background:#F6FAFD;}
.chk_list li:last-child {margin-bottom:0;}
.chk_list li:before {content:""; position:absolute; top:27px; left:33px; width:16px; height:16px; background:url('/pub/images/icon_chk.svg') no-repeat 50% 50% / contain;}
.chk_list .m_scroll {max-width:100%; overflow:auto;}
.chk_list .tri {display:flex; justify-content:space-between; gap:20px; margin-top:20px;}
.chk_list .tri li {width:200px; height:40px; line-height:40px; text-align:center; padding:0; color:#fff; background:#01755c; border-radius:5px;}
.chk_list .tri li:before {display:none;}
.chk_list .out_step {margin-top:30px; text-align:center; min-width:700px;}
.chk_list .out_step li {border:#ebebeb 1px solid; background:#fff; padding:42px 10px 10px;}
.chk_list .out_step span {width:100px; font-size:.9em;}
.chk_list .out_step strong {display:block;}
.chk_list .out_step em {font-style:normal; font-size:0.8em;}
.chk_list .obox {width:calc(100% - 100px); height:40px; line-height:40px; text-align:center; background:#1e68c1; border-radius:20px; color:#fff; margin:20px auto 0;}
.hos_procedure {border:#ebebeb 1px solid; padding:60px;}
.hos_procedure .half {display:flex; gap:40px;}
.hos_procedure .box {position:relative; font-weight:500; line-height:24px; padding:12px; text-align:center; margin-bottom:38px; width:100%;}
.hos_procedure .box:after{content:""; position:absolute; top:100%; left:0; width:100%; height:38px; background:url('/pub/images/arrow_step.svg') no-repeat 50% 50%;}
.hos_procedure .half .box {padding:28px 20px;}
.hos_procedure .c1 {background:#A1D5FF33;}
.hos_procedure .c2 {background:#01755c1a;}
.hos_procedure .gray {background:#F8F8F8;}
.hos_procedure .last {background:linear-gradient(90deg, #1e68c1 0%, #01755c 100%); color:#fff; margin:0;}
.hos_procedure .last:after {display:none;}
.hos_about {border:#EBEBEB 1px solid; padding:65px; text-align:center; margin-bottom:140px;}
.dots_list {margin-bottom:40px;}
.dots_list.mb1 {margin-bottom:10px;}
.dots_list p {padding-left:10px; text-indent:-10px;}
.dots_list.s p {font-size:1.6rem; line-height:26px;}
.dots_list.s p span {font-size:1.5rem;}
.dots_list p strong {font-weight:600;}
.dots_list .ti0 {padding-left:0; text-indent:0;}

/* 진료지원부서 */
.nurse_service {position:relative; border:#EBEBEB 1px solid; display:flex; flex-wrap:wrap; gap:100px 55px; padding:90px 70px 90px 460px;}
.nurse_service:before {content:""; position:absolute; top:0; left:0; width:383px; height:100%; background:url('/pub/images/img_nurse_service.svg') no-repeat 0 0 / contain;}
.nurse_service dl {display:flex; align-items:center;}
.nurse_service dt {position:relative; color:#fff; font-weight:700; line-height:80px; height:80px; width:80px; border-radius:50%; text-align:center;}
.nurse_service dt:before {content:""; position:absolute; top:50%; left:50%; width:140px; height:140px; transform:translate(-50%,-50%); z-index:-1; opacity:0.5;}
.nurse_service dd {width:calc(100% - 80px); padding-left:30px; font-weight:500;}
.nurse_service .c1 dt {background:#79DDB3;}
.nurse_service .c1 dt:before {background:radial-gradient(50% 50% at 50% 50%, #4ECAB0 0%, rgba(78, 202, 176, 0) 100%);}
.nurse_service .c2 dt {background:#8CC0FFcc;}
.nurse_service .c2 dt:before {background:radial-gradient(50% 50% at 50% 50%, #1e68c1 0%, rgba(56, 140, 239, 0) 100%);}
.nurse_service .c3 dt {background:#4EBBCA66;}
.nurse_service .c3 dt:before {background:radial-gradient(50% 50% at 50% 50%, #4EBBCA 0%, rgba(78, 187, 202, 0) 100%);}
.nurse_service .c4 dt {background:#8CD6FFcc;}
.nurse_service .c4 dt:before {background:radial-gradient(50% 50% at 50% 50%, #8CD6FF 0%, rgba(140, 214, 255, 0) 100%);}

.nurse_service_wrap {background:#F6FAFD; padding:40px; border-radius:8px;}
.nurse_service_wrap .box {position:relative; background:#fff; border:#ebebeb 1px solid; border-radius:5px; margin-top:57px;}
.nurse_service_wrap .box .tit {position:absolute; top:-18px; left:50%; width:126px; height:35px; line-height:35px; border-radius:18px; font-size:1.6rem; color:#fff; text-align:center; background:var(--Linear, linear-gradient(121deg, #388CEF 2.51%, #009E7D 108.23%)); transform:translateX(-50%);}
.nurse_service_wrap .box .con > strong {display:block; font-size:2.2rem; font-weight:600; line-height:1.6; text-align:center;}
.nurse_service_wrap .visionbox {background:url('/pub/images/bg_nurse_service.jpg') no-repeat 50% 50% / cover; height:160px; padding:0; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; margin:0; border:0;}
.nurse_service_wrap .visionbox .tit {position:relative; top:0; left:0; transform:none; margin-bottom:10px;}
.nurse_service_wrap .missionbox {padding:34px 20px 24px;}
.nurse_service_wrap .tribox {padding:65px 40px 48px;}
.nurse_service_wrap .tribox dl {display:flex; gap:100px; margin-bottom:66px;}
.nurse_service_wrap .tribox dl:last-child {margin-bottom:0;}
.nurse_service_wrap .tribox dt {width:240px; text-align:center;}
.nurse_service_wrap .tribox dt:before {content:""; display:block; width:88px; height:88px; background:#fff no-repeat 50% 50%; border-radius:50%; box-shadow:0px 4px 20px rgba(0, 0, 0, 0.12); margin:0 auto 16px;}
.nurse_service_wrap .tribox dt .tt {font-size:2.2rem; font-weight:600; line-height:32px;}
.nurse_service_wrap .tribox dt p {font-size:1.5rem; color:#888; font-weight:500; line-height:20px; margin-top:10px;}
.nurse_service_wrap .tribox dd {position:relative; width:calc(100% - 340px); padding:32px; border:2px solid; border-radius:8px; display:flex; flex-direction:column; justify-content:center;}
.nurse_service_wrap .tribox dd:before,
.nurse_service_wrap .tribox dd:after {content:""; position:absolute; top:50%; transform:translateY(-50%);}
.nurse_service_wrap .tribox dd:before {left:-82px; width:82px; border-top:#ddd 1px dashed;}
.nurse_service_wrap .tribox dd:after {left:-100px; width:18px; height:18px; border:6px solid; border-radius:50%;}
.nurse_service_wrap .tribox dd p {line-height:1.667; padding-left:10px; text-indent:-10px;}
.nurse_service_wrap .tribox .c1 dt:before {background-image:url('/pub/images/icon_nurse_service01.svg');}
.nurse_service_wrap .tribox .c1 dt strong {color:#009E7D;}
.nurse_service_wrap .tribox .c1 dd {border-color:#79DDB3;}
.nurse_service_wrap .tribox .c1 dd:after {background:#79DDB3; border-color:#D7F5E9;}
.nurse_service_wrap .tribox .c2 dt:before {background-image:url('/pub/images/icon_nurse_service02.svg');}
.nurse_service_wrap .tribox .c2 dt strong {color:#388CEF;}
.nurse_service_wrap .tribox .c2 dd {border-color:#93C2F9;}
.nurse_service_wrap .tribox .c2 dd:after {background:#93C2F9; border-color:#DFEDFE;}
.nurse_service_wrap .tribox .c3 dt:before {background-image:url('/pub/images/icon_nurse_service03.svg');}
.nurse_service_wrap .tribox .c3 dt strong {color:#05255B;}
.nurse_service_wrap .tribox .c3 dd {border-color:#84C8D1;}
.nurse_service_wrap .tribox .c3 dd:after {background:#84C8D1; border-color:#DBEFF2;}

.intab {display:flex; margin-bottom:80px;}
.intab a {color:#666; font-weight:500; line-height:22px; padding-bottom:16px; border-bottom:#EBEBEB 3px solid; flex:1 1 50%; text-align:center;}
.intab a.on {color:#1e68c1; border-bottom-color:#1e68c1;}

.function_tel {display:flex; flex-wrap:wrap; gap:30px;}
.function_tel .box {width:calc((100% - 60px)/3); min-height:310px; border:#ebebeb 1px solid; padding:26px 30px;}
.function_tel .tit {font-size:2.2rem; color:#05255B; font-weight:600; line-height:26px; padding-left:62px; background:url('/pub/images/icon_tel.svg') no-repeat 0 50%; margin-bottom:28px;}
.function_tel .dots_list {margin-bottom:0;}
.function_tel .dots_list p {line-height:30px;}

.about_cure .box {display:flex; align-items:flex-start; gap:30px; margin-bottom:40px;}
.about_cure .box:last-child {margin-bottom:0;}
.about_cure .imgfit {width:340px;}
.about_cure .txt {width:calc(100% - 370px);}
.about_cure .txt .tit {font-size:2rem; color:#05255B; font-weight:600; line-height:1; padding-bottom:15px; margin-bottom:15px; border-bottom:#ddd 1px solid;}
.about_cure .txt p {line-height:30px;}
.cure_list {display:flex; flex-wrap:wrap; gap:30px;}
.cure_list li {width:calc((100% - 60px)/3); border:#ebebeb 1px solid;}
.cure_list .imgfit {height:200px;}
.cure_list .txt {padding:16px 20px; font-weight:600; line-height:28px;}
.cure_list.set2 li {width:calc(50% - 15px);}
.cure_list.set2 li .imgfit {height:300px;}
.cure_list.h_long .imgfit {height:400px;}

.fancybox-close {top:0; right:0; width:80px; height:80px; background:url('/pub/images/btn_close_fancy.svg') no-repeat 50% 50%;}
.pop_fancy {font-size:1.5rem; color:#222; line-height:1.5; max-width:100%; display:none;}
.pop_fancy .title {font-size:2.4rem; font-weight:700; height:80px; border-bottom:#ddd 1px solid; text-align:center; display:flex; justify-content:center; align-items:center; padding:0 80px;}
.pop_fancy .cont {padding:30px 40px 40px;}
.pop_fancy .scroll_area {max-height:calc(100vh - 120px); overflow:auto;}
.pop_inline {display:none;}
#pop_more1,
#pop_more2 {width:500px; max-width:100%;}

/* 약제부 */
.support2_area1 .head {position:relative; width:234px; height:234px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; font-size:22px; color:#fff; font-weight:600; line-height:1.6; text-align:center; margin:0 auto 41px; background:url('/pub/images/bg_support2_top.svg') no-repeat 50% 50% / contain;}
.support2_area1 .head:before {content:""; display:block; width:100%; height:19px; background:url('/pub/images/txt_support2_top.svg') no-repeat 50% 50% / contain;}
.support2_area1 .head:after {content:""; position:absolute; top:100%; left:50%; width:0; height:41px; border-right:#ddd 1px dashed;}
.support2_area1 ul {position:relative; display:flex; gap:30px; padding-top:74px;}
.support2_area1 ul:before {content:""; position:absolute; top:0; left:50%; width:calc(100% - ((100% - 60px)/3)); border-top:#ddd 1px dashed; transform:translateX(-50%);}
.support2_area1 li {position:relative; width:calc((100% - 60px)/3); border:1px solid; border-radius:5px; padding:30px; text-align:center;}
.support2_area1 li:before,
.support2_area1 li:after {content:""; position:absolute; left:50%;}
.support2_area1 li:before {top:-74px; height:42px; border-right:#ddd 1px dashed;}
.support2_area1 li:after {top:-33px; width:17px; height:17px; border:6px solid; border-radius:50%; transform:translateX(-50%);}
.support2_area1 li i {display:block; width:88px; height:88px; background:#fff no-repeat 50% 50%; border-radius:50%; box-shadow:0px 4px 20px rgba(0, 0, 0, 0.12); margin:0 auto 16px;}
.support2_area1 li p {font-size:20px; line-height:1.6;}
.support2_area1 li.i1 {border-color:#79DDB3;}
.support2_area1 li.i1:after {background:#79DDB3; border-color:#D7F5E9;}
.support2_area1 li.i1 i {background-image:url('/pub/images/icon_support2_01.svg');}
.support2_area1 li.i1 strong {color:#009E7D;}
.support2_area1 li.i2 {border-color:#93C2F9;}
.support2_area1 li.i2:after {background:#93C2F9; border-color:#DFEDFE;}
.support2_area1 li.i2 i {background-image:url('/pub/images/icon_support2_02.svg');}
.support2_area1 li.i2 strong {color:#388CEF;}
.support2_area1 li.i3 {border-color:#84C8D1;}
.support2_area1 li.i3:after {background:#84C8D1; border-color:#DBEFF2;}
.support2_area1 li.i3 i {background-image:url('/pub/images/icon_support2_03.svg');}
.support2_area1 li.i3 strong {color:#05255B;}
.support2_area2 {display:flex; flex-wrap:wrap; gap:30px;}
.support2_area2 li {width:calc((100% - 60px)/3); border:#EBEBEB 1px solid;}
.support2_area2 .imgfit {width:100%; height:200px;}
.support2_area2 p {font-size:18px; font-weight:600; line-height:28px; padding:16px 20px;}

/* 고객의 소리 */
.glbox {border:#ebebeb 1px solid; padding:30px;}
.lock_area {padding:60px; text-align:center;}
.lock_area i.lock {display:block; width:90px; height:90px; border:#ddd 1px solid; border-radius:50%; margin:0 auto 16px; background:url('/pub/images/icon_lock.svg') no-repeat 50% 50%;}
.lock_area .tit {font-size:2.4rem; font-weight:600; margin-bottom:56px;}
.lock_area .inputs {width:470px; max-width:100%; margin:0 auto;}
.lock_area .inputs .text {width:100%; height:48px; line-height:46px; padding:0 20px; border-radius:4px; font-weight:500;}
.lock_area .inputs .text::placeholder {color:#666;}
.lock_area .inputs .btn {display:flex; justify-content:center; align-items:center; gap:14px; font-size:2rem; color:#fff; font-weight:600; line-height:60px; height:60px; width:100%; background:#004096; border-radius:8px; margin-top:32px;}
.lock_area .inputs .btn:before {content:""; display:block; width:20px; height:inherit; background:#fff; mask:url('/pub/images/icon_phone.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_phone.svg') no-repeat 50% 50% / contain;}

.out_step {display:flex; gap:80px; margin-bottom:80px;}
.out_step.mb2 {margin-bottom:24px;}
.out_step li {position:relative; flex:1 1 calc((100% - 240px)/4); background:#F6FAFD; padding:52px 10px 32px; display:flex; justify-content:center; align-items:center; border-radius:5px;}
.out_step li:before {content:""; position:absolute; top:0 !important; left:-80px; width:80px; height:100%; background:url('/pub/images/arrow_step_right.svg') no-repeat 50% 50%;}
.out_step li:first-child:before {display:none;}
.out_step li span {position:absolute; top:-6px; left:50%; width:90px; height:30px; line-height:30px; text-align:center; font-size:2rem; color:#fff; font-weight:600; border-radius:15px; transform:translateX(-50%);}
.out_step li p {font-weight:600;}
.out_step li.c1 span {background:#1e68c1;}
.out_step li.c2 span {background:#38A2EF;}
.out_step li.c3 span {background:#8AD0C8;}
.out_step li.c4 span {background:#01755c;}
.out_step li.long span {width:140px;}

.time_box .c91 {background:#05255B;}
.time_box .c92 {background:#01755c;}
.time_box .c91:before,
.time_box .c92:before {content:""; position:absolute; bottom:-20px; right:50px; width:40%; height:50%; background:#fff; opacity:.2; mask:url('/pub/images/img_symbol_03.svg') no-repeat bottom right / contain; -webkit-mask:url('/pub/images/img_symbol_03.svg') no-repeat bottom right / contain;}

/* 고객제안공모 */
.contest_top {position:relative; background:linear-gradient(90deg, #F2F8FE 0%, #F2FEFA 100%); border-radius:3px; padding:65px 80px; font-size:2.2rem; font-weight:500; line-height:34px;}
.contest_top:before,
.contest_top:after {content:""; position:absolute;}
.contest_top:after {top:0; right:0; width:559px; height:100%; background:url('/pub/images/img_contest_top.svg') no-repeat 100% 100% / contain; mix-blend-mode:darken;}
.contest_top.i62 {margin-bottom:60px;}
.contest_top.i63:before {top:40px; left:45px; width:51px; height:47px; background:url('/pub/images/icon_contest_top.svg') no-repeat 50% 50% / contain;}
.contest_top.p36 {padding:30px 50px;}
.contest_top.p36:before {display:none;}
.contest_top * {position:relative; z-index:1;}
.contest_top .tit {font-size:2.4rem; margin-bottom:16px;}
.contest_top .tit.mt {margin-top:50px;}
.contest_top p {font-size:1.8rem; line-height:30px; padding-left:10px; text-indent:-10px;}
.contest_top p.pl0 {text-indent:0;}
.contest_top.s p {font-size:1.6rem; line-height:26px;}
.how_apply {display:flex; gap:30px;}
.how_apply .box {width:calc(50% - 15px); border:#ebebeb 1px solid; padding:20px 30px;}
.how_apply .box .tit {position:relative; padding-left:62px; font-size:2.2rem; color:#05255B; font-weight:600; line-height:50px; margin-bottom:17px;}
.how_apply .box .tit:before {content:""; position:absolute; top:0; left:0; width:50px; height:50px; background:#F3F3F9 no-repeat 50% 50%; border-radius:50%;}
.how_apply .box p.mb {margin-bottom:24px;}
.how_apply .box.i1 .tit:before {background-image:url('/pub/images/icon_how_apply01.svg');}
.how_apply .box.i2 .tit:before {background-image:url('/pub/images/icon_how_apply02.svg');}

.fancybox-close {top:0; right:20px; width:70px; height:70px; background:none;}
.fancybox-close:before,
.fancybox-close:after {content:""; position:absolute; top:50%; left:50%; width:34px; height:2px; background:#222; margin:-1px 0 0 -17px; border-radius:2px;}
.fancybox-close:before {transform:rotate(45deg);}
.fancybox-close:after {transform:rotate(-45deg);}
.fancy_cl .fancybox-close {right:0; background:#fff; width:50px; height:50px;}
.popup {display:none;}
.pop_terms {width:1000px; max-width:100%; padding:40px;}
.pop_password .tit,
.pop_terms .tit {font-size:2.2rem; color:#05255B; font-weight:600; line-height:1; padding-bottom:20px; border-bottom:#ddd 1px solid; margin-bottom:20px;}
.pop_password .con,
.pop_terms .con {font-size:1.8rem; color:#222; line-height:28px; max-height:calc(100vh - 183px); overflow:auto;}
.pop_terms span.num {font-family:'sans-serif';}
.page_pop .popup {width:100%;}
.page_pop .popup .con {height:auto; max-height:none;}

.pop_password,
.pop_password .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.pop_password {z-index:101;}
.pop_password .dm {background:rgba(0,0,0,.5);}
.pop_password .inbox {position:absolute; top:50%; left:50%; width:400px; max-width:calc(100vw - 40px); background:#fff; border-radius:10px; transform:translate(-50%,-50%);}
.pop_password .btn_close {position:absolute; top:0; right:0; width:62px; height:62px; font-size:0;}
.pop_password .btn_close:before,
.pop_password .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:34px; height:2px; background:#222; margin:-1px 0 0 -17px; border-radius:2px;}
.pop_password .btn_close:before {transform:rotate(45deg);}
.pop_password .btn_close:after {transform:rotate(-45deg);}
.pop_password .tit {text-align:center; padding:20px; margin:0;}
.pop_password .con {padding:20px; display:flex;}
.pop_password .text {width:calc(100% - 80px); height:40px; line-height:38px; border:#ddd 1px solid;}
.pop_password .btn {width:80px; height:40px; font-size:1.5rem; color:#fff; background:#05255B;}

/* 진단서/증명서 안내 */
.issuance {margin-top:24px; display:flex; gap:40px;}
.issuance .box {width:calc(50% - 20px); background:#F6FAFD no-repeat bottom right; padding:30px;}
.issuance p {font-size:2rem; font-weight:600; line-height:1.2; margin-bottom:20px;}
.btn_link {display:block; font-size:1.6rem; color:#fff; font-weight:700; line-height:48px; height:48px; width:170px; padding:0 16px; background:#05255B url('/pub/images/arrow_link.svg') no-repeat right 16px center;}
.btn_link.w24 {width:240px;}
.issuance .i1 {background-image:url('/pub/images/icon_issuance01.svg'); background-position:bottom 0 right 45px;}
.issuance .i2 {background-image:url('/pub/images/icon_issuance02.svg'); background-position:bottom 0 right 50px;}
.ibox.c641a i {background-image:url('/pub/images/icon_issuance_ibox01.svg');}
.ibox.c641b i {background-image:url('/pub/images/icon_issuance_ibox02.svg');}
.ibox.c641c i {background-image:url('/pub/images/icon_issuance_ibox03.svg');}
.diagnosis_file {display:flex; gap:30px;}
.diagnosis_file .box {width:calc(50% - 15px); padding:30px; border:#EBEBEB 1px solid;}
.diagnosis_file .tit {font-size:2rem; font-weight:600; line-height:1; display:flex; gap:12px 13px; flex-wrap:wrap; padding-bottom:12px; border-bottom:#ebebeb 1px solid; margin-bottom:20px;}
.diagnosis_file .tit strong {color:#05255B;}
.diagnosis_file .tit p {color:#666; width:100%;}
.ol_num {padding-left:20px; list-style:auto;}

/* 의무기록사본발급 */
.issuance_step {display:flex; gap:44px; padding-bottom:40px; border-bottom:#bbb 1px dashed; margin-bottom:20px;}
.issuance_step .box {width:calc((100% - 156px)/5);}
.issuance_step .round {display:flex; flex-direction:column; justify-content:center; align-items:center; padding:35px 10px; text-align:center; background:#F6FAFD; border-radius:140px;}
.issuance_step .round .num {font-size:1.4rem; color:#fff; font-weight:600; line-height:20px; height:20px; width:44px; text-align:center; background:#A1D5FF; border-radius:10px; margin-bottom:20px;}
.issuance_step .round i {display:block; width:100%; height:59px; background:no-repeat 50% 50%;}
.issuance_step .round strong {position:relative; display:block; font-weight:600; line-height:24px; padding-top:15px; margin-top:30px; height:87px;}
.issuance_step .round strong:before {content:""; position:absolute; top:0; left:50%; width:20px; height:1px; background:#000; transform:translateX(-50%);}
.issuance_step p {font-size:1.6rem; line-height:20px; margin-top:20px; text-align:center;}
.issuance_step p span {display:block; font-size:1.4rem;}
.issuance_step .i1 .round i {background-image:url('/pub/images/icon_issuance_step01.svg');}
.issuance_step .i2 .round i {background-image:url('/pub/images/icon_issuance_step02.svg');}
.issuance_step .i3 .round i {background-image:url('/pub/images/icon_issuance_step03.svg');}
.issuance_step .i4 .round i {background-image:url('/pub/images/icon_issuance_step04.svg');}
.issuance_step .i5 .round i {background-image:url('/pub/images/icon_issuance_step05.svg');}
.issuance_step.row {gap:60px;}
.issuance_step.row .box {width:calc(50% - 30px);}
.issuance_step.row .round {width:100%; border-radius:30px; flex-direction:row;}
.issuance_step.row .round .num {margin:0;}
.issuance_step.row .round i {width:51px; margin:0 53px 0 40px;}
.issuance_step.row .round .txt {position:relative; text-align:left;}
.issuance_step.row .round .txt:before {content:""; position:absolute; top:50%; left:-27px; width:1px; height:20px; background:#000; margin-top:-10px; opacity:.2;}
.issuance_step.row .round strong {padding:0; margin:0; height:auto;}
.issuance_step.row .round strong:before {display:none;}

.ibox.c642 i {background-image:url('/pub/images/icon_issuance_box01.svg');}
.down_area {display:flex; gap:30px; margin-top:30px;}
.down_area dl {width:calc((100% - 60px)/3); display:flex; justify-content:space-between; padding:20px; border:#ebebeb 1px solid;}
.down_area dt {font-weight:600; line-height:48px;}
.down_area dd .btn_down {width:160px; margin:0; max-width:100%;}
.gra_file {margin-top:24px; background:linear-gradient(90deg, #E3F0FFcc 0%, #EFF9FEcc 24%, #EDFFFCcc 100%); border-radius:3px; padding:35px 75px; display:flex; gap:92px;}
.gra_file.mt3 {margin-top:30px;}
.gra_file dt {position:relative; padding-left:54px; font-size:2.2rem; font-weight:600; line-height:30px;}
.gra_file dt:before,
.gra_file dt:after {content:""; position:absolute;}
.gra_file dt:before {top:0; left:0; width:38px; height:38px; background:url('/pub/images/icon_gra_file.svg') #fff no-repeat 50% 50%; border-radius:50%;}
.gra_file dt:after {right:-46px; top:50%; width:1px; height:40px; background:#000; margin-top:-20px;}
.gra_file.tel {align-items:center;}
.gra_file.tel dt:before {background-image:url('/pub/images/icon_reservation_iconbox672.svg');}
.gra_file.tel dd {display:flex; align-items:center;}
.gra_file.tel dd b {display:flex; align-items:center;}
.gra_file.tel dd b:before {content:""; width:23px; height:23px; background:url('/pub/images/icon_human.svg') no-repeat 50% 50% / contain; border-radius:50%; margin-right:10px;}
.gra_file.tel dd .btn_link {margin-left:23px;}

/* 대리처방안내 */
.contest_top.i65,
.contest_top.i67 {padding:50px 60px;}
.contest_top.i65:after {background-image:url('/pub/images/img_contest_top65.svg');}
.ibox_plus {margin-top:20px;}
.ibox_plus .ibox {border-bottom-style:dashed; border-top-width:0;}
.ibox_plus .ibox:first-child {border-top-width:1px;}
.ibox_plus .ibox:last-child {border-top:0; border-bottom-style:solid;}
.ibox.c65a i {background-image:url('/pub/images/icon_prescription1.svg');}
.ibox.c65b i {background-image:url('/pub/images/icon_prescription2.svg');}
/* 시설물대여안내 */
.contest_top.i67:after {background-image:url('/pub/images/img_contest_top67.svg');}
.facility_rental_tri {display:flex; gap:30px; flex-wrap:wrap; margin-top:40px;}
.facility_rental_tri .box {width:calc((100% - 60px)/3); background:#F6FAFD; padding:30px;}
.facility_rental_tri .tit {font-size:2rem; color:#05255B; font-weight:700; line-height:1; padding-left:22px; background:url('/pub/images/icon_chk.svg') no-repeat 0 2px; margin-bottom:16px;}
.facility_rental_tri p,
.facility_rental_tri li {font-weight:500; line-height:28px;}
.facility_rental_tri p.s {padding-left:8px; text-indent:-8px;}
.facility_rental_tri p.mt {margin-top:16px;}
.facility_rental_tri .pl {padding-left:10px; text-indent:-10px;}
.facility_rental_tri .btn_link {margin-top:12px;}
.reservation_iconbox .i671:before {background-image:url('/pub/images/icon_reservation_iconbox671.svg');}
.reservation_iconbox .i672:before {background-image:url('/pub/images/icon_reservation_iconbox672.svg');}
.reservation_iconbox .i673:before {background-image:url('/pub/images/icon_reservation_iconbox673.svg');}
.ibox.c67 i {background:url('/pub/images/icon_facility_rental.svg') no-repeat 50% 50%;}
/* 환자의 권리와 의무 */
.ibox.c68a i {background-image:url('/pub/images/icon_rights_obligations1.svg');}
.ibox.c68b i {background-image:url('/pub/images/icon_rights_obligations2.svg');}
.ibox.c68c i {background-image:url('/pub/images/icon_rights_obligations3.svg');}
.ibox.c68d i {background-image:url('/pub/images/icon_rights_obligations4.svg');}
.ibox.c68e i {background-image:url('/pub/images/icon_rights_obligations5.svg');}
.ibox.c68f i {background-image:url('/pub/images/icon_rights_obligations6.svg');}
.ibox.c68g i {background-image:url('/pub/images/icon_rights_obligations7.svg');}

.mtbline {margin:60px 0; width:100%; height:1px; background:#ebebeb;}

/* 찾아가는 행복병원 */
.contest_top.mih2 {min-height:200px; display:flex; align-items:center;}
/* 찾아가는 산부인과 */
.contest_top.i72:after {background-image:url('/pub/images/img_contest_top72.svg');}
/* 취약계층 의료안전망 사업 */
.contest_top.i73:after {background-image:url('/pub/images/img_contest_top73.svg');}
/* 공공보건의료 협력체계 구축사업 */
.contest_top.i78:after {background-image:url('/pub/images/img_contest_top78.svg');}
.contest_top.i78 .s {margin-top:12px;}
.public_health_care_dl dl {display:flex; border-bottom:#ebebeb 1px solid; padding:60px 0;}
.public_health_care_dl dl:last-child {border-bottom:0;}
.public_health_care_dl dt {width:440px; padding-left:20px; font-size:2.2rem; font-weight:600; line-height:32px;}
.public_health_care_dl dd {width:calc(100% - 440px); line-height:30px;}
.public_health_care_dl .gbox {background:#F8F8F8; padding:28px; margin-top:16px;}
.public_health_care_dl .gbox .c_green {display:block; font-weight:600; margin-bottom:10px;}
.public_health_care_box {background:#F8F8F8; padding:60px;}
.blbox {border:#EBEBEB 1px solid; padding:40px;}
.blbox.mt {margin-top:60px;}
.blbox.p46 {padding:40px 60px;}
.public_health_care_imgs {flex-wrap:wrap;}
.public_health_care_imgs img {width:25%;}
/* 경북금연지원센터 */
.contest_top.mt8 {margin-top:80px;}
/* 경상북도권역난임·우울증상담센터 */


/* 약관 */
.container.g99 .btxt {position:relative;}
.container.g99 .btxt img {width: 4%; margin-right:10px;}
.container.g99 .btxt .point {top:-140px;}
.terms_info {background:#f8f8f8; padding:30px; display:flex; flex-direction:column; flex-wrap:wrap; gap:12px 0; /*height:336px;*/ height:auto; margin-top:24px;}
.terms_info li {font-size:1.6rem; color:#444; line-height:20px;}
/* .terms_info li a {display:block; font-size:inherit; color:inherit;}
.terms_info li a img {width:7%; padding-right: 10px;} */
.terms_info li a {display:flex; align-items: center; font-size:inherit; color:inherit;}
.terms_info li a img {width:40px; padding-right: 10px;}
/* .terms_info li a p {display:inline-block;} */
.icon_tel {display:inline-block; vertical-align:top; width:16px; height:26px; background:url('/pub/images/icon_tel2.png') no-repeat 50% 50% / contain;}
.before_terms {margin-top:10px;}
.before_terms li {position:relative; margin-bottom:8px; padding-left:13px; font-size:1.5rem; line-height:24px; display:flex; gap:10px;}
.before_terms li:last-child {margin-bottom:0;}
.before_terms li:before {content:""; position:absolute; top:10px; left:0; width:3px; height:3px; background:#05255B;}
.before_terms li .btn_link {width:60px; line-height:24px; height:24px; background-color:#01755c; background-position:right 8px center; background-size:6px; padding:0 8px; font-size:1.2rem;;}
.incident_response_step {display:flex; gap:40px;}
.incident_response_step .box {width:calc((100% - 120px)/4);}
.incident_response_step dl {position:relative; width:100%; text-align:center; margin-bottom:16px;}
.incident_response_step dl:after {content:""; position:absolute; top:0; right:-40px; width:40px; height:100%; background:url('/pub/images/arrow_step_right.svg') no-repeat 50% 50%;}
.incident_response_step .box:last-child dl:after {display:none;}
.incident_response_step dt {font-size:2rem; color:#fff; font-weight:600; line-height:50px; height:50px; background:#01755c;}
.incident_response_step dd {height:92px; border:#ebebeb 1px solid; border-top:0; line-height:26px; display:flex; justify-content:center; align-items:center;}
.incident_response_step a {font-weight:500; line-height:50px; height:50px; background:#EEF3F1; display:flex; justify-content:center; align-items:center; gap:8px;}
.incident_response_step a:before {content:""; display:block; width:14px; height:18px; background:url('/pub/images/icon_file2.svg') no-repeat 50% 50% / contain;}
.dlbox {display:flex; align-items:center;}
.dlbox dt {width:107px;}
.dlbox dd {width:calc(100% - 107px); padding-left:20px;}

/* 준비중입니다 */
.coming {position:relative; font-size:4rem; font-weight:700; line-height:1; padding:120px 20px; border:#05255B 2px solid; border-radius:20px; text-align:center; overflow:hidden;}
.coming:before {content:""; position:absolute; bottom:0; right:0; width:40%; height:40%; background:#f5f5f5; mask:url('/pub/images/logo.svg') no-repeat 50% 50% / 80% 80%; -webkit-mask:url('/pub/images/logo.svg') no-repeat 50% 50% / 80% 80%; z-index:-1;}

/* 신체검사/진단서 안내 */
.physical_wrap {display:flex; gap:40px; padding-top:100px; margin:0 auto; max-width:1200px;}
.physical_wrap dl {width:calc(50% - 20px);}
.physical_wrap dt,
.physical_wrap dd {padding:30px; border-radius:30px;}
.physical_wrap dt {position:relative; font-size:2.6rem; color:#fff; font-weight:600; line-height:30px; text-align:center; margin-bottom:20px;}
.physical_wrap dt:after {content:""; position:absolute; top:100%; left:50%; width:2px; height:20px; background:inherit; margin-left:-1px;}
.physical_wrap dd {border:2px solid; margin:0; height:340px;}
.physical_wrap .c1 dt {background:#05255B;}
.physical_wrap .c1 dd {border-color:#05255B;}
.physical_wrap .c2 dt {background:#01755c;}
.physical_wrap .c2 dd {border-color:#01755c;}

/* 로그인 */
.mem_area {width:600px; max-width:100%; margin:0 auto; background:#f6f6f6; border-radius:10px; padding:40px;}
.mem_area .inputs .text {height:60px; margin-bottom:10px;}
.mem_area .inputs p.tac {font-size:20px; font-weight:500; line-height:22px; margin-bottom:40px;}
.mem_area label.check {font-size:16px; line-height:20px;}
.mem_area label.check i {top:0;}
.mem_area .btn {display:block; color:#fff; font-weight:700; line-height:60px; height:60px; width:100%; background:#2E3191; border-radius:5px; text-align:center; margin-top:40px;}
.mem_area .links {display:flex; justify-content:center; padding:20px 0 40px;}
.mem_area .links a {position:relative; font-size:16px; color:#999; font-weight:500; line-height:20px; padding:0 20px;}
.mem_area .links a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:12px; background:#ddd; transform:translateY(-50%);}
.mem_area .links a:first-child:before {display:none;}
.mem_area .flex_center {display:flex; justify-content:center;}

/* 진료예약 */
.identification {border:#ebebeb 1px solid; padding:60px;}
.identification i {display:block; width:90px; height:90px; border:#ddd 1px solid; border-radius:50%; margin:0 auto 16px; background:url('/pub/images/icon_lock.svg') no-repeat 50% 50%;}
.identification p {font-size:2.4rem; font-weight:600; margin-bottom:56px; text-align:center;}
.identification .btns_tac {width:100%; max-width:470px; margin:0 auto;}
.identification .btn.btn_bg {display:flex; justify-content:center; align-items:center; gap:14px; font-size:2rem; color:#fff; font-weight:600; line-height:60px; height:60px; width:100%; background:#004096; border-radius:8px; margin-top:0;}
.identification .btn.btn_bg:before {content:""; display:block; width:20px; height:inherit; background:#fff; mask:url('/pub/images/icon_phone.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_phone.svg') no-repeat 50% 50% / contain;}
.btns_tac {margin-top:40px; display:flex; justify-content:center; gap:10px;}
.btns_tac.mt6 {margin-top:60px;}
.btns_tac .btn {display:block; font-size:1.6rem; font-weight:700; line-height:46px; height:48px; width:200px; text-align:center; border:1px solid;}
.btns_tac .btn_bg {color:#fff; background:#005BAC; border-color:#005BAC;}
.btns_tac .btn_l {background:#fff; border-color:#ddd ;}
.btns_tac .btn_bl {color:#05255B; border-color:#05255B;}

/* 달력 */
.datepicker_area {position:relative;}
.datepicker_area img {position:absolute; top:50%; right:20px; transform:translateY(-50%); pointer-events:none;}

.ui-datepicker {width:240px; margin-top:-1px; display:none;}
.ui-datepicker-header {position:relative; border:#ddd 1px solid; border-bottom:0; background:#2264b2; overflow:hidden;}
.ui-datepicker-title {text-align:center; font-size:13px; color:#fff; font-weight:700; line-height:40px; width:100%;}
.ui-datepicker-title span {color:#fff;}
.ui-datepicker-title select {vertical-align:top; width:60px; height:24px; line-height:22px; margin-top:8px;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; top:0; height:40px; line-height:40px; width:40px; text-align:center; cursor:pointer;}
.ui-datepicker-prev {left:0;}
.ui-corner-all .ui-icon {display:block; width:11px; height:20px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; font-size:0; margin:10px auto;}
.ui-corner-all .ui-icon:before,
.ui-corner-all .ui-icon:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#fff; margin-left:-5px;}
.ui-corner-all .ui-icon:before {margin-top:-4px;}
.ui-corner-all .ui-icon:after {margin-top:2px;}
.ui-datepicker-prev .ui-icon:before {transform:rotate(-45deg);}
.ui-datepicker-prev .ui-icon:after {transform:rotate(45deg);}
.ui-datepicker-next {right:0;}
.ui-datepicker-next .ui-icon:before {transform:rotate(45deg);}
.ui-datepicker-next .ui-icon:after {transform:rotate(-45deg);}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {border:#ddd 1px solid; text-align:center; background:#fff; line-height:24px;}
.ui-datepicker-calendar th:first-child {color:#d43333;}
.ui-datepicker-calendar th:last-child {color:#2264b2;}
.ui-datepicker-calendar td a {display:block;}
.ui-datepicker-calendar td:first-child a {color:#d43333;}
.ui-datepicker-calendar td:last-child a {color:#2264b2;}
.ui-datepicker-calendar td a:hover {background:#f5f5f5;}
.ui-datepicker-calendar td a.ui-state-active {font-weight:700; background:#f5f5f5;}

/* 클린신고센터 */
.pl_area > * {padding-left:14px; text-indent:-14px;}
/* 첨부파일 */
.filebox {width:calc(100% - 80px); height:48px; line-height:48px; padding:0 10px; color:#666; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.filebutton {position:relative; width:80px; height:48px; overflow:hidden; display:block;}
.filebutton span {display:inline-block; width:100%; height:100%; line-height:48px; font-size:15px; color:#fff; text-align:center; background:#333; vertical-align:top;}
.filebutton input {z-index:9; position:absolute; top:-1px; left:-100%; margin:0; padding:0; font-size:30px; line-height:0; opacity:0; filter:alpha(opacity = 0); -ms-filter:"alpha(opacity=0)"; cursor:pointer; _cursor:hand;}