*,
:after,
:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
blockquote,
body,
button,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul { font-style: normal; margin: 0; padding: 0; }
code { padding: 0; }
code,
select { margin: 0; }
dl,
li,
menu,
ol,
ul { list-style: none; }
address,
caption,
cite,
code,
dfn,
em,
select,
var { font-style: normal; }
fieldset,
iframe,
img { border: 0; }
img { max-width: 100%; height: auto !important; -webkit-backface-visibility: hidden; }
audio,
button,
canvas,
iframe,
img,
input,
select,
svg,
textarea,
video { vertical-align: middle; }
textarea { resize: none; -webkit-appearance: none; }
input::-ms-clear { display: none; }
button { font-family: 'Noto Sans Korean', sans-serif; cursor: pointer; border: 0; background-color: transparent; }
button,
input[type='button'],
input[type='file'],
input[type='reset'] { border-radius: 0; -webkit-appearance: button; }
input[type='image'],
input[type='password'],
input[type='search'],
input[type='submit'],
input[type='text'],
text { border-radius: 0; -webkit-appearance: none; }
input:checked[type='checkbox'] { background-color: transparent; -webkit-appearance: checkbox; }
input[type='search']::-webkit-search-cancel-button { -webkit-appearance: none; }
table { empty-cells: show; border-spacing: 0; border-collapse: collapse; }
caption,
legend { font-size: 0; line-height: 0; position: absolute; top: -9999px; left: -9999px; }
a { text-decoration: none; }
hr { display: none; }
input,
textarea { -webkit-apperence: none; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section { display: block; }
blockquote,
q { quotes: none; }
blockquote:after,
blockquote:before,
q:after,
q:before { content: none; }
sub,
sup { line-height: 0; }
.board-table table,
.content-table table,
body,
html { width: 100%; }
header .nav-wrap:after,
ol:after,
ul:after { display: block; clear: both; content: ''; }
::-webkit-selection { color: #3dc2dc; }
:-ms-selection { color: #3dc2dc; }
:-moz-selection,
::-moz-selection { color: #3dc2dc; }
::selection { color: #3dc2dc; }
.search-inner .search-box .inp-btn input:-ms-input-placeholder,
:-ms-input-placeholder { color: #999; }
::-webkit-input-placeholder { color: #999; }
::-moz-placeholder { color: #999; }
body { font-family: 'Noto Sans Korean', sans-serif; min-width: 320px; letter-spacing: -0.8px; line-height: 1.3; font-size: 16px; font-weight: 300; color: #444; }
input,
textarea,
button,
select,
label { font: inherit; letter-spacing: inherit; }
.clear { clear: both; }
.clear:after { display: block; clear: both; content: ''; }
.txt_hide { overflow: hidden; white-space: nowrap; text-indent: 100%; }
.txt_ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }
.txt_ellipsis2 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-word; }
.wrapper { width: 100%; height: auto; }
.skip-navigation a { position: absolute; left: -99999%; text-decoration: none; }
.skip-navigation a:focus { font-weight: 700; line-height: 30px; z-index: 999999; top: 0; left: 0; display: block; width: 100%; height: 30px; text-align: center; color: #fff; background: #000; }
input[type='color'],
input[type='date'],
input[type='datetime-local'],
input[type='datetime'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'],
select { font-size: 16px; line-height: 38px; height: 40px; padding: 0 10px; border: 1px solid #c1c1c1; background: #fff; }
select::-ms-expand { display: none; }
button[disabled],
input[disabled],
option[disabled],
select[disabled],
textarea[disabled] { pointer-events: none; }
.inp-radio { margin-top: 20px; }
.inp-radio input[type='radio'] { position: absolute; left: -9999px; opacity: 0; }
.inp-chk input[type='checkbox'] + label,
.inp-radio input[type='radio'] + label { position: relative; padding-left: 31px; cursor: pointer; color: #222; }
.inp-radio input[type='radio'] + label:before { position: absolute; top: 50%; left: 0; display: block; width: 20px; height: 20px; margin-top: -8px; content: ''; border: 1px solid #666; border-radius: 100%; background: #fff; }
.inp-radio input[type='radio'] + label:after { position: absolute; top: 50%; left: 5px; display: block; width: 11px; height: 4px; margin-top: -1px; content: ''; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom: 1px solid #6f6f6f; border-left: 1px solid #6f6f6f; }
.inp-radio input[type='radio']:checked + label:before { border: 1px solid #1d8f49; background: #1d8f49; }
.inp-radio input[type='radio']:checked + label:after { left: 5px; width: 11px; height: 4px; margin-top: -1px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; }
.inp-radio-multiple .inp-radio { display: inline-block; margin-top: 0; }
.inp-radio-multiple .inp-radio + .inp-radio { margin-left: 38px; }
.btn-basic { display: inline-block; overflow: hidden; min-width: 172px; height: 60px; padding: 0 20px; text-align: center; background: #1e8f48; }
.btn-basic > span,
.btn-cancel > span { font-size: 18px; font-weight: 400; }
.btn-basic > span { line-height: 60px; display: inline-block; color: #fff; }
.btn-cancel { display: inline-block; color: #333; border: 1px solid #d9d9d9; background: #fafafa; }
.btn-cancel > span { line-height: 50px; color: #333; }
.btn-basic + .btn-basic { margin-left: 6px; }
.btn-area { margin-top: 20px; padding-top: 50px; padding-bottom: 50px; text-align: center; border-top: 1px solid #d9d9d9; }
.with-fileicon { position: relative; display: inline-block; padding-left: 29px; color: #444; }
.with-fileicon:before { position: absolute; top: 3px; left: 0; overflow: hidden; width: 18px; height: 16px; content: ''; background: url(../../images/common/ico_file.png) no-repeat 0 0; background-size: 18px 16px; }
.board-table table tbody td.title > a:focus,
.board-table table tbody td.title > a:hover,
.with-fileicon:focus,
.with-fileicon:hover,
header .gnb > li > .gnb-dep2 > li > a:focus,
header .gnb > li > .gnb-dep2 > li > a:hover { color: #1e8f48; }
.btn-attach { font-size: 14px; line-height: 38px; display: inline-block; width: 100px; min-width: 100px; height: 40px; margin-left: 7px; text-align: center; color: #212529; border: 1px solid #ccc; background-color: #fff; }
.text-bold { font-weight: 600 !important; }
header { position: relative; z-index: 99; width: 100%; height: 80px; }
header.on { border-bottom: 1px solid rgba(255, 255, 255, 0.1); background-color: rgba(0, 0, 0, 0.4); }
header.on:before { position: absolute; z-index: 98; top: 80px; left: 0; width: 100%; height: 240px; content: ''; background-color: rgba(0, 0, 0, 0.4); }
header.bg { background-color: #1e8f48; }
header .header-inbox { position: relative; width: 100%; height: 100%; }
header .logo { position: absolute; top: 0; left: 50px; width: 240px; height: 100%; text-indent: -9999px; }
header .logo a { background: url(../../images/common/logo.png) no-repeat center; }
header .nav-wrap { width: 100%; max-width: 1920px; height: 100%; padding: 0 280px 0 310px; }
header .gnb,
header .gnb > li > a,
header .logo a,
header .nav-wrap nav { display: block; width: 100%; height: 100%; }
header .gnb,
header .gnb > li > a { text-align: center; }
header .gnb { z-index: 100; }
header .gnb > li { position: relative; display: block; float: left; width: 16.66%; height: 100%; }
header .gnb > li > a { font-size: 20px; font-weight: 500; line-height: 80px; color: #fff; }
header .gnb > li > .gnb-dep2 { position: absolute; z-index: 99; top: 80px; left: 0; display: block; overflow: hidden; width: 100%; height: 0; padding-top: 0; }
header .gnb > li > .gnb-dep2 > li { display: inline-block; width: 100%; padding: 10px 0; }
header .gnb > li > .gnb-dep2 > li > a { font-size: 16px; font-weight: 400; position: relative; display: inline-block; color: #fff; }
header .gnb > li > .gnb-dep2 > li > a:focus:before,
header .gnb > li > .gnb-dep2 > li > a:hover:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ''; background: #1c8545; }
header .gnb > li > .gnb-dep2 > li + li > .gnb-dep2 { margin-left: -1px; }
header.on .gnb li .gnb-dep2 { height: 240px; padding: 15px 0; }
header .gnb-utilit { position: absolute; top: 0; right: 50px; }
header .gnb-utilit .gnb-utilit-menu { display: inline-block; padding: 0 15px; color: #fff; font-weight: 500; font-size: 15px; line-height: 80px; }
header .gnb-utilit .gnb-utilit-menu.login span { display: block; padding-left: 35px; background: url(../../images/common/icon_login.png) no-repeat left center; }
header .gnb-utilit .gnb-utilit-menu.join span { display: block; padding-left: 35px; background: url(../../images/common/icon_join.png) no-repeat left center; }
header .gnb-utilit .gnb-utilit-menu.logout span { display: block; padding-left: 35px; background: url(../../images/common/icon_logout.png) no-repeat left center; }
header .gnb-utilit .gnb-utilit-menu.mypage span { display: block; padding-left: 35px; background: url(../../images/common/icon_mypage.png) no-repeat left center; }
header .gnb-utilit .mypage_list_wrap { position: relative; display: inline-block; }
header .gnb-utilit .mypage_list { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 2; background: #000; text-align: center; }
header .gnb-utilit .mypage_list > ul { position: relative; padding: 20px 15px 15px 15px; }
header .gnb-utilit .mypage_list > ul:before { content: ''; left: 50%; margin-left: -10px; top: -20px; display: block; position: absolute; border-width: 10px; border-style: solid; border-color: transparent; border-bottom-color: #000; z-index: 1; }
header .gnb-utilit .mypage_list > ul > li { margin-bottom: 5px; font-size: 15px; }
header .gnb-utilit .mypage_list > ul > li:last-child { margin-bottom: 0; }
header .gnb-utilit .mypage_list > ul > li > a:hover { color: #1e8f48; }
header .gnb-utilit .mypage_list > ul > li > a span { border-bottom: 1px solid transparent; }
header .gnb-utilit .mypage_list > ul > li > a:hover span { border-bottom: 1px solid #1e8f48; }
header .gnb-utilit .mypage_list_wrap:hover .mypage_list { display: block; }
header .gnb-utilit .mypage_list a { display: block; color: #fff; padding: 5px 0; }
.mobile-btn-area,
.mobile-menu-close,
.mobile-menu-login,
.mobile-btn-area,
.mobile-menu-close,
.mobile-menu-logout,
.mobile-btn-area,
.mobile-menu-close,
.mobile-menu-mypage,
.mobile-btn-area,
.mobile-menu-close,
.mobile-menu-join { display: none; }
.container { position: relative; padding-top: 465px; }
.container.main { padding-top: 0; }
.container:after { display: block; clear: both; content: ''; }
.content-box { position: relative; z-index: 0; width: 100%; min-height: 400px; padding-bottom: 110px; }
.view_page { margin-top: 35px; padding: 15px; }
.innerbox { width: 1200px; margin: 0 auto; }
.subtitle-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 400px; background: no-repeat center center; background-size: cover; }
.subtitle-wrap.sub01 { background-image: url(../../images/sub/sub_top_visual01.png); }
.subtitle-wrap.sub02 { background-image: url(../../images/sub/sub_top_visual02.png); }
.subtitle-wrap.sub03 { background-image: url(../../images/sub/sub_top_visual03.png); }
.subtitle-wrap.sub04 { background-image: url(../../images/sub/sub_top_visual04.png); }
.subtitle-wrap.sub05 { background-image: url(../../images/sub/sub_top_visual05.png); }
.subtitle-wrap.sub06 { background-image: url(../../images/sub/sub_top_visual06.png); }
.subtitle-wrap.sub07 { background-image: url(../../images/sub/sub_top_visual07.png); }
.subtitle-wrap.sub08 { background-image: url(../../images/sub/sub_top_visual08.png); }
.subtitle-wrap > .subtitle { font-size: 40px; font-weight: bold; line-height: 350px; width: 100%; height: 100%; text-align: center; color: #fff; }
.subtitle-wrap .subtitle-2dep { position: absolute; top: 315px; left: 0; width: 100%; height: 140px; padding-top: 38px; background: url(../../images/common/sub2dep_bg.png) no-repeat center top; }
.subtitle-wrap .subtitle-2dep:before { position: absolute; top: 38px; left: 0; width: 800px; height: 140px; margin-left: -400px; content: ''; background: #fff; }
.subtitle-wrap .subtitle-2dep .innerbox { position: relative; padding-top: 47px; }
.subtitle-wrap .subtitle-2dep .innerbox h2 { font-size: 40px; font-weight: bold; color: #222; }
.location-wrap { position: absolute; top: 55px; right: 5px; }
.location-wrap .location { display: inline-block; }
.location-wrap .location > li { position: relative; display: inline-block; float: left; height: 16px; padding-left: 17px; }
.location-wrap .location > li:before,
.location-wrap .location > li > span,
.location-wrap .location > li:before,
.location-wrap .location > li > a { font-size: 15px; font-weight: 300; line-height: 16px; color: #222; }
.location-wrap .location > li:before { position: absolute; top: 0; left: -1px; width: 17px; height: 16px; content: '>'; text-align: center; }
.location-wrap .location > li:first-child > span { font-size: 0; line-height: 0; position: absolute; top: 0; left: 0; overflow: hidden; width: 25px; height: 17px; text-indent: -9999px; background: url(../../images/common/top_icon.png) no-repeat center -75px; background-size: 25px 175px; }
.location-wrap .location > li:first-child:before { display: none; }
.location-wrap .location > li:last-child > span,
.location-wrap .location > li:last-child > a { font-weight: 400; color: #1e8f48; }
.location-wrap .location > li:nth-child(2) { padding-left: 10px; }
.location-wrap .location > li:nth-child(2):before { display: none; }
[class^='tab-basic'] { width: 100%; height: 64px; margin-bottom: 50px; border-bottom: 1px solid #d5d5d5; }
[class^='tab-basic'] .tab-lst li { display: inline-block; float: left; height: 63px; padding-right: 65px; }
[class^='tab-basic'] .tab-lst li a { display: table; width: auto; height: 100%; border-bottom: 3px solid #fff; }
[class^='tab-basic'] .tab-lst li a span { font-size: 18px; font-weight: 500; line-height: 25px; display: table-cell; text-align: center; vertical-align: middle; color: #888; }
[class^='tab-basic'] .tab-lst li.active a { border-bottom: 3px solid #222; }
[class^='tab-basic'] .tab-lst li.active a span { font-weight: 500; color: #222; }
[class^='tab-basic'] .tab-lst li:hover a { border-bottom: 3px solid #1e8f48; }
[class^='tab-basic'] .tab-lst li:hover a span { font-weight: 500; color: #1e8f48; }
[class^='tab-basic'] .tab-lst li:last-child { padding-right: 0; }
.tab-basic-per.category { height: auto; margin: 50px 0; border: 0; }
.tab-basic-per.category .tab-lst { width: 100%; height: 100%; display: flex; flex-wrap: wrap; }
.tab-basic-per.category .tab-lst li { position: relative; height: 70px; padding: 0; border: 1px solid #dadada; border-left: 0; background: #fff; flex-grow: 1; }
.tab-basic-per.category .tab-lst li:first-child { border-left: 1px solid #dadada; }
.tab-basic-per.category .tab-lst li.active { background: #52ae45; background: -o-linear-gradient(315deg, #52ae45 0%, #3ca147 40%, #1d8f49 100%); background: linear-gradient(135deg, #52ae45 0%, #3ca147 40%, #1d8f49 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52ae45', endColorstr='#1d8f49', GradientType=1); }
.tab-basic-per.category .tab-lst li a { font-size: 18px; font-weight: 500; display: table; width: 100%; height: 100%; text-align: center; vertical-align: middle; color: #222; border: 0; padding: 5px; }
.tab-basic-per.category .tab-lst li a span { display: table-cell; color: #222; }
.applyreg-step-wrap .listbox .tab-lst li.active,
.applyreg-step-wrap .listbox .tab-lst li:focus,
.applyreg-step-wrap .listbox .tab-lst li:hover,
.tab-basic-per.category .tab-lst li:focus,
.tab-basic-per.category .tab-lst li:hover { background: #1e8f48; }
.tab-basic-per.category .tab-lst li a:focus span,
.tab-basic-per.category .tab-lst li a:hover span,
.tab-basic-per.category .tab-lst li.active a span { color: #fff; }
[class^='tab-basic'] .tab-container { margin: 34px 0 0; }
[class^='tab-basic'] .tab-content { display: none; }
[class^='tab-basic'] .tab-content.active { display: block; }
.applyreg-step-wrap .viewbox .thum > img,
.file-box.image .imgbox img,
.tab-basic-per .tab-lst { width: 100%; height: 100%; }
.tab-basic-per .tab-lst.col2 li { width: 50%; }
.tab-basic-per .tab-lst.col3 li { width: 33.33333333333333%; }
.tab-basic-per .tab-lst.col4 li { width: 25%; }
.tab-basic-per .tab-lst.col5 li { width: 20%; }
.tab-basic-per .tab-lst.col6 li { width: 16.6666666667%; }
.md_point1 { color: #1e8f48 !important; font-weight: bold; }

/* footer */
footer { background: #19161c; }
.footer-wrap .footer-menu { position: relative; display: flex; padding: 25px 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); justify-content: space-between; align-items: center; }
.footer-wrap .footer-menu .footer-link > a { font-size: 16px; position: relative; display: inline-block; padding: 0 15px; color: #888; }
.footer-wrap .footer-menu .footer-link > a:after { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 12px; margin-top: -6px; content: ''; background-color: #888; }
.footer-wrap .footer-menu .footer-link > a:last-child:after { display: none; }
.footer-wrap .info-text { font-size: 15px; line-height: 22px; padding: 40px 50px; }
.footer-wrap .info-text p { font-size: 16px; color: #a3a3a3; }
.footer-wrap .info-text p span { position: relative; display: inline-block; margin-right: 15px; }
.footer-wrap .info-text p.copyright { font-size: 14px; margin-top: 15px; color: #444; }
.footer-wrap .info-text p + p { margin-top: 4px; }
.board-table,
.content-table { width: 100%; border-top: 2px solid #222; border-bottom: 1px solid #ddd; }
.board-table table thead th,
.content-table table thead th { font-size: 17px; font-weight: 500; height: 70px; text-align: center; vertical-align: middle; color: #222; border-bottom: 1px solid #646464; }
.board-table table tbody td { font-size: 16px; height: 70px; padding: 5px 10px; text-align: center; vertical-align: middle; color: #444; border-top: 1px solid #dcdcdc; }
.board-table table tbody td.title { text-align: left; }
.board-table table tbody td.title > a { font-weight: 400; color: #555; }
.board-table table tbody td > .btn-apply { font-size: 15px; font-weight: 400; line-height: 38px; display: inline-block; width: 89px; height: 40px; color: #1e8f48; border: 1px solid #1e8f48; background: #fff; }
.board-table table tbody td > .btn-apply:focus,
.board-table table tbody td > .btn-apply:hover { color: #fff; background: #1e8f48; }
.board-table table tbody td > .btn-modify { font-size: 15px; font-weight: 400; line-height: 38px; display: inline-block; width: 89px; height: 40px; color: #888; border: 1px solid #888; background: #fff; }
.board-table table tbody td > .btn-modify:focus,
.board-table table tbody td > .btn-modify:hover { color: #fff; background: #888; }
.board-table table tr:first-child td,
.board-table table tr:first-child th,
.content-table table tr:first-child th { border-top: 0; }
.board-table table tbody tr:hover td { background: #fbfbfb; }
.content-table table tbody td,
.content-table table tbody th { font-size: 16px; padding: 30px; text-align: center; vertical-align: middle; color: #444; border-top: 1px solid #dcdcdc; }
.content-table table tbody th { font-weight: 500; padding: 30px 20px; background: #fafafa; }
.content-table table tbody th p { font-weight: 300; margin-top: 10px; }
.content-table table tbody td.tc-left { text-align: left; }
.content-table table tbody .tb-left,
.content-table table tbody tr td + td,
.content-table table tbody tr th + td,
.content-table table tbody tr th + th { border-left: 1px solid #dcdcdc; }
.content-table table tbody td p { line-height: 28px; }
.content-table table tr:first-child td { border-top: 0; }
#kCalendar caption,
.apply .content-table table tbody th br,
.contact .bus-list > h3 > br,
.contact h3 br,
.content-table.mobile,
.faq .tab-basic-per.category .tab-lst li a span br,
.login-box.findid .id-box p br { display: none; }
.login-box { font-weight: 400; width: 480px; margin: 70px auto 0; text-align: center; }
.login-box-form .login-align { margin-top: 14px; }
.login-box-form .login-align:after { display: block; clear: both; content: ''; }
.login-box-form .login-align a:hover { opacity: 0.5; }
.login-box-form .login-align .left { float: left; }
.login-box-form .login-align .right { float: right; }
.login-box-form .login-btn { margin-top: 30px; }
.login-box-form .login-btn .btn-basic { line-height: 70px; width: 100%; height: 70px; margin: 0; }
.login-box-form .login-btn .btn-basic span { font-size: 20px; font-weight: 500; }
.login-box em { color: #1e8f48; }
.login-box .log-ipt { font-size: 17px; line-height: 58px; width: 100%; height: 60px; border: 1px solid #bdbdbd; }
.login-box .log-ipt + .log-ipt { margin-top: 10px; }
.login-box .login-menu { padding-top: 40px; text-align: center; }
.login-box .login-menu > li { position: relative; display: inline-block; padding-right: 30px; }
.login-box .login-menu > li + li { padding-left: 30px; }
.login-box .login-menu > li + li:before { position: absolute; top: 3px; left: 0; width: 1px; height: 15px; content: ''; background: #ddd; }
.login-box .login-menu > li a { font-size: 16px; font-weight: 400; color: #666; }
.login-box .login-menu > li a:focus,
.login-box .login-menu > li a:hover { color: #1e8f48; }
.login-box .tab-basic { width: auto; height: 74px; margin: 0 -20px 40px; }
.login-box .tab-basic .tab-lst { width: 100%; }
.login-box .tab-basic .tab-lst li { position: relative; width: 50%; height: 73px; padding: 0; }
.login-box .tab-basic .tab-lst li a { font-size: 22px; font-weight: 500; line-height: 73px; width: 100%; text-align: center; color: #555; border-bottom: 0; }
.login-box .tab-basic .tab-lst li.active:after { position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; content: ''; background: #1e8f48; }
.login-box.findid { width: 524px; padding: 0 20px; }
.login-box.findid .id-box { margin-top: 50px; padding: 40px; background: #f5f5f5; }
.login-box.findid .id-box p { font-size: 16px; font-weight: 400; color: #777; }
.applyfinish .finishbox > p > em,
.login-box.findid .id-box p strong { font-weight: bold; color: #1e8f48; }
.login-box.findid .id-box .c-inner.btn { margin-top: 32px; }
.login-box.findid .id-box .c-inner.btn a { width: 150px; height: 50px; }
.login-box.findid .id-box .c-inner.btn a.btn-white { border: 1px solid #8f8f8f; background: #fff; }
.login-box.findid .id-box .c-inner.btn a.btn-white span { font-size: 16px; color: #525252; }
.modalwrap { position: absolute; z-index: 99999; top: 0; right: 0; display: none; width: 100%; height: 100%; }
.modal-pop { position: fixed; z-index: 99998; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; height: auto; margin: auto; background: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
.md-body > .md-clo { position: absolute; top: 22px; right: 18px; display: block; width: 25px; height: 25px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.md-body > .md-clo > span { font-size: 0; line-height: 0; position: relative; display: block; overflow: hidden; width: 25px; height: 25px; text-indent: -9999px; }
.md-body > .md-clo > span:after,
.md-body > .md-clo > span:before { position: absolute; top: -5px; left: 50%; width: 1px; height: 35px; content: ''; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; }
.md-body > .md-clo > span:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.md-body > .md-clo:focus,
.md-body > .md-clo:hover { opacity: 0.8; }
.md-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; background-color: #000; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; }
.modal-pop .modal-title { font-size: 24px; font-weight: 400; line-height: 70px; width: 100%; height: 70px; padding-left: 18px; color: #fff; background: #1e8f48; }
#apply-detail-popup .modal-pop { width: 1040px; }
.file-box { display: inline-block; }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li > .inbox > p + p,
.file-box + .file-box { margin-top: 10px; }
.file-box > input { width: 315px; margin-top: 4px; }
.file-box .file-input { font-size: 0; }
.file-box .file-input input[type='text'],
.file-box .file-input label,
.file-box > input { display: inline-block; height: 35px; vertical-align: middle; border: 1px solid #d9d9d9; }
.file-box .file-input label { font-size: 14px; line-height: 33px; overflow: hidden; width: 80px; margin-left: 4px; cursor: pointer; text-align: center; background: #f7f8f9; }
.file-box .file-input label input { position: absolute; overflow: hidden; width: 0; height: 0; }
.file-box .file-input input[type='text'] { width: 315px; }
.file-box .file-input .f-cancel,
.file-box .file-input .f-delete { position: relative; top: 9px; display: inline-block; overflow: hidden; width: 24px; height: 24px; margin-left: 4px; text-indent: -9999px; }
.file-box .file-input .f-cancel { background: url(../../images/common/icon-cancel.png) no-repeat; }
.file-box .file-input .f-delete { background: url(../../images/common/icon-delete.png) no-repeat; }
#kCalendar,
.file-box.image { position: relative; width: 132px; }
.file-box.image .file-input { width: 100%; height: 169px; border: 1px solid #d9d9d9; }
.file-box.image label { line-height: 20px; overflow: hidden; width: 100%; height: 100%; margin-left: 0; padding-top: 90px; border: 0; background: #eee url(../../images/common/icon-image.png) no-repeat center 15px; }
.file-box.image .imgbox { position: absolute; top: 1px; left: 1px; display: none; width: 130px; height: 167px; background: #fff; }
.file-box.image .imgbox .f-delete { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.5) url(../../images/common/icon-x.png) no-repeat center center; }
.file-box.image .imgbox .f-extend { position: absolute; right: 0; bottom: 0; overflow: hidden; width: 40px; height: 40px; text-indent: -9999px; background: rgba(0, 0, 0, 0.5) url(../../images/common/icon-extend.png) no-repeat center center; }
.file-box.image .imgbox.mypage-profile,
.img-banner #bx-pager div a { display: block; }
.file-box.image > input { display: inherit; width: 100%; margin-top: 6px; padding: 0 6px; }
.file-box.teammark { width: 162px; height: 162px; }
.file-box.teammark .file-input { height: 162px; }
.file-box.teammark .imgbox { width: 160px; height: 160px; }
.s-title { font-size: 22px; font-weight: 400; position: relative; margin-bottom: 15px; padding-left: 40px; }
.s-title:before { position: absolute; top: -6px; left: 0; width: 35px; height: 35px; content: ''; border-radius: 50%; background-color: #1e8f48; background-image: url(../../images/common/icon-events-over.png); background-position: center 0; background-size: 35px 175px; }
.s-title.icon03:before { background-position: center -70px; }
div + .s-title { margin-top: 30px; }
h2 + .s-title { margin-top: 40px; }
h2 + .s-title:after { position: absolute; top: -27px; left: 0; width: 100%; height: 1px; content: ''; background-color: #d9d9d9; }
.c-red { color: #f36 !important; }
.w100per { width: 100% !important; }
#kCalendar { width: 100%; padding-top: 49px; border: 1px solid #d6d6d6; }
#kCalendar #header { position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: 50px; background: #222; }
#kCalendar #header #date { font-size: 17px; font-weight: 400; line-height: 50px; display: block; width: 100%; text-align: center; color: #fff; }
#kCalendar #header .button { position: absolute; top: 0; left: 0; display: block; width: 53px; height: 50px; background: #222; }
#kCalendar #header .button span,
.file-list li .btn-delete > span { font-size: 0; line-height: 0; position: relative; display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px; }
#kCalendar #header .button span:before { position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; content: ''; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); border-top: 1px solid #fff; border-right: 1px solid #fff; }
#kCalendar #header .button.right { right: 0; left: auto; }
#kCalendar #header .button.right span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#kCalendar #header .button:focus,
#kCalendar #header .button:hover { opacity: 0.5; }
#kCalendar table { width: 100%; }
#kCalendar table thead th { font-size: 13px; font-weight: bold; height: 40px; color: #1c1c1c; background: #f3f5f8; }
#kCalendar table tbody td { font-size: 14px; font-weight: 200; height: 40px; color: #222; border: 1px solid #d6d6d6; background: #fff; }
#kCalendar table tbody td:first-child { border-left: 0; }
#kCalendar table tbody tr:last-child td { border-bottom: 0; }
#kCalendar table tbody td .btn-day { position: relative; display: block; width: 100%; height: 100%; }
#kCalendar table tbody td .btn-day:disabled { color: #222; background: #f1f1f4; }
#kCalendar table tbody td .btn-day.ok { color: #fff; background: #1e8f48; }
#kCalendar table tbody td .btn-day.ok:focus span,
#kCalendar table tbody td .btn-day.ok:hover span { line-height: 41px; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); color: #fff; background: #1e8f48; -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.15); }
#kCalendar table tbody td .othder-m > span { color: #aaa !important; }
#kCalendar .sun { color: #e50101; background: #f1f1f4; }
#kCalendar .fri,
#kCalendar .mon,
#kCalendar .sat,
#kCalendar .sun,
#kCalendar .thu,
#kCalendar .tue,
#kCalendar .wed { text-align: center; }
#kCalendar .sat { background: #f1f1f4; }
#kCalendar .available { background: #fff !important; }
.content-box h3 { font-size: 28px; font-weight: 400; padding-bottom: 20px; color: #222; }
.content-box div + h3 { margin-top: 70px; }
.content-box div + h3.rsrvt_title span { font-size: 17px; display: block; margin-top: 25px; margin-bottom: 25px; }
.tb-info-text { padding-top: 20px; }
.tb-info-text p { font-size: 15px; line-height: 16px; color: #666; word-break: keep-all; }
.tb-info-text p.with-icon { position: relative; padding-left: 25px; }
.tb-info-text p.with-icon:before { position: absolute; top: 0; left: 0; overflow: hidden; width: 15px; height: 15px; content: ''; background: url(../../images/common/ico_info.png) no-repeat 0 0; background-size: 15px 15px; }
.tb-info-text p > em { font-weight: 400; color: #1e8f48; }
.apply .category-title { font-size: 15px; font-weight: 500; line-height: 28px; display: inline-block; min-width: 79px; height: 30px; margin-bottom: 18px; padding: 0 5px; text-align: center; color: #1e8f48; border: 1px solid #1e8f48; border-radius: 15px; }
.apply-step ul { margin: 0 -13px; }
.apply-step ul > li { float: left; width: 25%; padding: 0 13px; }
.apply-step ul > li dl { display: inline-block; width: 100%; }
.apply-step ul > li dl dt { font-size: 17px; font-weight: 400; line-height: 56px; position: relative; display: block; width: 100%; height: 60px; margin-bottom: 30px; text-align: center; color: #fff; border: 2px solid #b6c3cd; border-color: #1e8f48; border-radius: 30px; background: #1e8f48; }
.apply-step ul > li dl dt:after { position: absolute; top: 50%; right: -18px; overflow: hidden; width: 17px; height: 9px; margin-top: -4.5px; content: ''; background: url(../../images/common/ico_arrow.png) no-repeat 0 0; background-size: 17px 9px; }
.apply-step ul > li dl dd { display: table; width: 100%; height: 156px; padding: 18px; border: 1px solid #b6c3cd; }
.apply-step ul > li .inbox { font-size: 16px; line-height: 28px; display: table-cell; text-align: center; vertical-align: middle; color: #444; }
.apply-step ul > li .inbox p { font-size: 14px; line-height: 22px; margin-top: 10px; color: #444; }
.apply-step ul > li:last-child dl dt:after { display: none; }
.apply-step ul > li:last-child dl dd { border-color: #1e8f48; background: #f1fbf6; }
.apply-step ul > li:last-child dl dd .inbox { font-weight: 500; }
.apply-step.businessapply ul > li { width: 25%; }
.apply-step.reservation_apply ul > li dl dt { font-size: 16px; margin-bottom: 0; color: #222; border-color: #b6c3cd; background: #fff; }
.apply-step.reservation_apply ul > li:last-child dl dt { color: #fff; border-color: #1d8f49; background: #1d8f49; }
.apply-detail { overflow: hidden; overflow-y: auto; width: 100%; height: 729px; }
.apply-detail .detailbox { height: auto; padding: 50px; }
.view-infowrap { overflow: hidden; border-top: 2px solid #222; border-bottom: 1px solid #ddd; }
.view-infowrap > .view-info > dl { position: relative; float: left; overflow: hidden; width: 50%; height: auto; min-height: 46px; }
.view-infowrap > .view-info > dl.full { width: 100% !important; }
.view-infowrap > .view-info > dl + dl { border-top: 1px solid #ddd; }
.view-infowrap > .view-info > dl .th { font-size: 16px; font-weight: 500; line-height: 22px; position: absolute; top: 0; left: 0; display: inline-block; float: left; width: 150px; height: 100%; margin-right: 25px; padding: 24px; text-align: center; color: #222; background: #fafafa; }
.view-infowrap > .view-info > dl .txt { font-size: 16px; line-height: 22px; display: inline-block; float: left; width: 100%; padding: 24px 24px 24px 180px; color: #444; }
.img-banner #bx-pager div a img,
.img-banner .bx-wrapper .bx-viewport img,
.view-infowrap.w100per > .view-info > dl,
.view-infowrap > .view-info > dl .txt.with-inp input[type='text'] { width: 100%; }
.view-infowrap.w50per > .view-info > dl { width: 50%; }
.view-infowrap > .view-info > dl .txt.with-inp { padding-top: 14px; padding-bottom: 14px; }
.view-infowrap > .view-info > dl.empty,
.view-infowrap > .view-info > dl.empty .text,
.view-infowrap > .view-info > dl.empty .th { height: 70px; }
.view-infowrap .view-info2 table { width: 100%; }
.view-infowrap .view-info2 table tr { border-bottom: 1px solid #ddd; }
.view-infowrap .view-info2 table th,
.view-infowrap .view-info2 table td { padding: 13px 24px; vertical-align: middle; }
.view-infowrap .view-info2 table th { font-size: 17px; font-weight: 500; color: #222; text-align: center; background: #fafafa; }
.view-infowrap .view-info2 table td { text-align: left; }
.view-infowrap .view-info2 label span { color: #f81414; }
.view-infowrap .view-info2 input[type='text'] { width: 100%; }
.file-s1 { position: relative; display: inline-block; cursor: pointer; }
.file-s1 span { font-size: 15\px; display: inline-block; min-width: 120px; padding: 13px 15px; text-align: center; color: #fff !important; background-color: #1d8f49; }
.file-s1 input { display: none; }
.file-s1_name { font-size: 15px; display: inline-block; vertical-align: middle; margin-left: 10px; }
.file-list { margin-top: 10px; padding: 19px 25px; background: #f7f7f7; }
.file-list li { position: relative; display: inline-block; margin-right: 36px; padding-right: 22px; }
.file-list li:last-child { margin-right: 0; }
.file-list li > span { font-size: 14px; color: #666; }
.file-list li .btn-delete { position: absolute; top: 9px; right: 0; width: 11px; height: 11px; }
.file-list li .btn-delete > span:after { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; content: ''; background: url(../../images/common/ico_delete.png) no-repeat center center; background-size: 100% 100%; }
.file-list li .btn-delete:focus,
.file-list li .btn-delete:hover { opacity: 0.8; }
.applyreg .view-infowrap > .view-info > dl .th { font-size: 17px; width: 202px; }
.applyreg .view-infowrap > .view-info > dl.long .th { padding-bottom: 64px; }
.applyreg .view-infowrap > .view-info > dl .th label span,
.tb-member table tbody th label span { color: #f81414; }
.applyreg .view-infowrap > .view-info > dl .txt { padding-left: 230px; }
.applyreg .view-infowrap > .view-info > dl.long .txt { padding-bottom: 64px; }
.applyreg h3 + .txt-tip { float: right; margin: -34px 0 0; }
.applyreg h3 + .txt-tip:after { content: ''; display: block; clear: both; }
.applyreg .member-inner { margin-top: 0; padding: 0; background: #fff; }
.applyreg .member-inner .terms .terms-box { margin-top: 0; }
.apply-reserv h3 { text-align: center; }
.apply-reserv .reserv-info-list { margin-top: 70px; }
.apply-reserv .reserv-info-list .reserv-info-list-ul { width: 100%; border-top: 1px solid #222; border-bottom: 1px solid #d7d7d7; }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li { position: relative; display: table; width: 100%; min-height: 170px; padding: 20px 15px; padding-left: 210px; border-bottom: 1px solid #ddd; }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li:last-child { border-bottom: 0; }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li > .inbox { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li > .inbox > p { font-size: 17px; position: relative; padding-left: 15px; }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li > .inbox > p .green_color { font-weight: 500; color: #1d8f49; }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li > .inbox > p:before { position: absolute; top: 7px; left: 0; width: 4px; height: 4px; content: ''; border-radius: 4px; background: #222; }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li > .inbox > .nodot:before { position: absolute; top: -2px; width: auto; height: auto; content: '-'; background: transparent; }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li > .inbox > .nodot2 { color: #1e8f48; }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li > .inbox > .nodot2:before { position: absolute; top: 3px; width: auto; height: auto; content: '*'; color: #1e8f48; background: transparent; }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li > .inbox > p.dot_none { font-size: 16px; }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li > .inbox > p.dot_none:before { display: none; }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li:nth-child(2n) { background-color: #f8f8f8; }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li:before { position: absolute; top: 20px; left: 50px; overflow: hidden; width: 110px; height: 110px; content: ''; background-repeat: no-repeat; background-position: center; background-size: 110px; }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li.list1:before { background-image: url(../../images/common/icon_reservinfo1.png); }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li.list2:before { background-image: url(../../images/common/icon_reservinfo2.png); }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li.list3:before { background-image: url(../../images/common/icon_reservinfo3.png); }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li.list4:before { background-image: url(../../images/common/icon_reservinfo4.png); }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li.list5:before { background-image: url(../../images/common/icon_reservinfo5.png); }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li.list6:before { background-image: url(../../images/common/icon_reservinfo6.png); }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li.list7:before { background-image: url(../../images/common/icon_reservinfo7.png); }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li.list8:before { background-image: url(../../images/common/icon_reservinfo8.png); }
.apply-reserv .reserv-info-list .reserv-info-list-ul > li.list9:before { background-image: url(../../images/common/icon_reservinfo9.png); }
.apply-reserv .reserv_btn { display: inline-block; vertical-align: top; padding: 0 15px; line-height: 38px; height: 40px; color: #1d8f49; font-size: 17px; border: 1px solid #1d8f49; }
.apply-reserv .reserv_btn span { padding-left: 35px; background: url(/user/images/common/icon_down.png) no-repeat left center; }
.applyreg-step-wrap h3 { font-size: 18px; line-height: 79px; position: relative; height: 80px; padding-left: 26px; color: #222; border-bottom: 1px solid #d7d7d7; background: #fafafb; }
.applyreg-step-wrap h3 > em,
.notice .detail-innder .detail p em { font-weight: 500; }
.applyreg-step-wrap h4 { font-size: 18px; font-weight: 500; width: 100%; margin-bottom: 22px; color: #222; }
.applyreg-step-wrap ul + h4 { margin-top: 80px; }
.applyreg-step-wrap > ul,
.applyreg-step-wrap > ul > li + li { border-top: 1px solid #d7d7d7; }
.applyreg-step-wrap > ul > li { float: left; overflow: hidden; width: 33%; height: 500px; }
.applyreg-step-wrap > ul > li .step { padding: 40px 25px; }
.applyreg-step-wrap > ul > li:first-child,
.applyreg-step-wrap > ul > li:last-child { width: 100%; height: auto; }
.applyreg-step-wrap > ul > li:first-child .step,
.applyreg-step-wrap > ul > li:last-child .step { padding: 0; }
.applyreg-step-wrap > ul > li:last-child .step { padding-top: 50px; }
.applyreg-step-wrap > ul > li:nth-child(3) { width: 34%; border-right: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; }
.applyreg-step-wrap > ul > li:nth-child(3) .step { padding: 0; }
.applyreg-step-wrap > ul > li:nth-child(3) .tb-info-text { padding: 40px 25px; }
#step3_2_layer { overflow-x: hidden; overflow-y: auto; max-height: 420px; padding: 40px 25px; }
.applyreg-step-wrap .listbox { float: left; overflow: hidden; overflow-y: auto; width: 33%; height: 334px; padding: 40px 25px; }
.applyreg-step-wrap .listbox .tab-basic.category { width: 100%; height: auto; margin-bottom: 0; border-bottom: none; }
.applyreg-step-wrap .listbox .tab-lst li { display: block; float: none; width: 100%; height: auto; padding-right: 0; }
.applyreg-step-wrap .listbox .tab-lst li > a { display: block; padding: 13px 15px; border-bottom: none; }
.applyreg-step-wrap .listbox .tab-lst li > a > span { font-size: 17px; font-weight: 300; line-height: 1.3; display: block; text-align: left; color: #222; }
.applyreg-step-wrap .listbox .tab-lst li.active > a > span,
.applyreg-step-wrap .listbox .tab-lst li:focus > a > span,
.applyreg-step-wrap .listbox .tab-lst li:hover > a > span { color: #fff; }
.applyreg-step-wrap .viewbox { float: left; overflow: auto; width: 67%; height: 334px; padding: 40px 25px; border-left: 1px solid #d7d7d7; }
.applyreg-step-wrap .viewbox .tb-info-text-wrap { display: table; width: 100%; }
.applyreg-step-wrap .viewbox .tb-info-text-wrap .tb-info-text { display: table-cell; vertical-align: middle; }
.applyreg-step-wrap .viewbox .thum { float: left; overflow: hidden; }
.applyreg-step-wrap .viewbox .view-info-wrap { display: table; width: calc(100% - 360px); height: 240px; padding-left: 40px; }
.applyreg-step-wrap .viewbox .view-info { display: table-cell; vertical-align: middle; }
.applyfinish .finishbox > p + p,
.applyreg-step-wrap .calendar-info { margin-top: 10px; }
.applyreg-step-wrap .calendar-info ul { text-align: center; }
.applyreg-step-wrap .calendar-info ul li { font-size: 14px; line-height: 15px; position: relative; display: inline-block; padding: 0 50px 0 24px; color: #222; }
.applyreg-step-wrap .calendar-info ul li span { font-size: 0; line-height: 0; position: absolute; top: 0; left: 0; display: block; overflow: hidden; width: 15px; height: 15px; text-indent: -9999px; background: #1e8f48; }
.applyreg-step-wrap .calendar-info ul li:last-child span { border: 1px solid #e2e5e9; background: #f1f1f4; }
.applyreg-step-wrap .time-list { margin-bottom: 33px; border-top: 1px solid #d6d6d6; }
.applyreg-step-wrap .time-list ul { margin-right: -2px; }
.applyreg-step-wrap .time-list ul li { float: left; width: 33.3%; height: 42px; margin-top: -1px; margin-left: -1px; border: 1px solid #d6d6d6; }
.applyreg-step-wrap .time-list ul li:nth-child(3n) { width: 33.4%; }
.applyreg-step-wrap .time-list ul li.full { float: left; width: 100%; height: 42px; margin-top: -1px; margin-left: -1px; border: 1px solid #d6d6d6; }
.applyreg-step-wrap .time-list .btn-time { font-size: 16px; line-height: 40px; position: relative; display: block; width: 100%; height: 100%; color: #222; }
.applyreg-step-wrap .time-list .btn-time:disabled { color: #aaa; background: #f1f1f4; }
.applyreg-step-wrap .time-list .btn-time.active span { line-height: 42px; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); color: #fff; border: 1px solid #4daa71; background: #1e8f48; -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.15); }
.applyreg-step-wrap .inp-chk-multiple { margin-top: 18px; }
.applyreg-step-wrap .inp-chk-multiple .inp-chk { display: block; min-height: 24px; }
.applyreg-step-wrap .inp-chk-multiple .inp-chk + .inp-chk { margin-top: 10px; margin-left: 0; }
.applyreg-step-wrap .in-list li { font-size: 15px; color: #222; }
.applyreg-step-wrap .in-list li.info { font-weight: 400; color: #1e8f48; }
.applyreg-step-wrap .in-list li.info dl { display: block; margin-bottom: 3px; }
.applyreg-step-wrap .in-list li.info dl:last-child { margin-bottom: 0; }
.applyreg-step-wrap .in-list li.info dl .subject { position: relative; display: inline-block; min-width: 57px; padding-left: 8px; }
.applyreg-step-wrap .in-list li.info dl .subject:before { position: absolute; top: 6px; left: 0; display: block; width: 4px; height: 4px; content: ''; border-radius: 10px; background: #1e8f48; }
.applyreg-step-wrap .in-list li.info dl .subject .space { display: inline-block; width: 28px; }
.applyreg-step-wrap .in-list li.info dl dt,
.applyreg-step-wrap .in-list li.info dl dd { display: inline-block; }
.applyreg-step-wrap .in-list li dd,
.applyreg-step-wrap .in-list li dl,
.applyreg-step-wrap .in-list li dt { display: inline; }
.applyreg-step-wrap .in-list li + li { margin-top: 13px; }
.applyreg-step-wrap h3 + .txt-tip { margin-top: -45px; padding-right: 20px; }
.applyreg-step-wrap .del_btn { border: 1px solid #666666; margin-left: 5px; font-size: 14px; display: inline-block; width: 25px; height: 25px; text-align: center; background: url(/user/images/common/ico_delete.png) no-repeat center; white-space: nowrap; text-indent: 100%; overflow: hidden; padding: 0; background-size: 15px; }
.applyfinish .finishbox { text-align: center; }
.applyfinish .finishbox > h3 { font-size: 28px; font-weight: 500; margin-bottom: 35px; padding-top: 140px; color: #222; background: url(../../images/common/bg_finish.png) no-repeat center 30px; background-size: 73px 61px; }
.applyfinish .finishbox > p { font-size: 18px; color: #222; }
.applyfinish h3 { font-size: 22px; font-weight: 400; padding-bottom: 17px; }
.applyfinish .border-box { padding: 50px; border: 1px solid #ccc; }
.applyfinish .border-box > ul > li { position: relative; padding-left: 122px; }
.applyfinish .border-box > ul > li h4,
.notice .list-inner .list-box > li .inbox a .badge-notice { font-size: 17px; font-weight: 400; line-height: 35px; display: inline-block; min-width: 70px; height: 35px; margin-bottom: 10px; padding: 0 10px; text-align: center; color: #fff; background: #1e8f48; }
.applyfinish .border-box > ul > li + li,
.notice .detail-innder .detail p + h4 { margin-top: 50px; }
.applyfinish .border-box .inner-list > li { font-size: 16px; padding-left: 0; }
.applyfinish .border-box .inner-list > li + li { margin-top: 12px; }
.applyfinish .border-box > p { font-size: 16px; margin-top: 30px; color: #222; }
.applyfinish .border-box > p > em { color: #1e8f48; }
.notice .list-inner .list-box > li .inbox a .badge-notice { font-size: 16px; font-weight: 300; line-height: 30px; height: 30px; border-radius: 15px; }
.notice .list-inner .list-box > li .inbox a h3 { font-size: 22px; font-weight: 500; margin-bottom: 20px; padding-bottom: 25px; color: #222; border-bottom: 1px solid #c4c4c4; }
.notice .list-inner .list-box > li .inbox a h3 em { font-size: 17px; font-weight: 300; display: block; margin-bottom: 22px; color: #444; }
.notice .list-inner .list-box > li .inbox a p { font-size: 17px; font-weight: 300; line-height: 30px; display: -webkit-box; overflow: hidden; min-height: 90px; max-height: 90px; margin-bottom: 15px; text-overflow: ellipsis; word-wrap: break-word; color: #444; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.notice .list-inner .list-box > li .inbox a .date { font-size: 15px; display: block; margin-top: 10px; color: #666; }
.notice .list-inner .list-box > li .inbox a:focus:before,
.notice .list-inner .list-box > li .inbox a:hover:before { width: calc(100% + 45px); height: calc(100% + 28px); background-image: url(../../images/common/bg_notice_hover.png); }
.notice .list-inner .list-box > li .inbox a:before { position: absolute; z-index: -1; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; content: ''; background: url(../../images/common/bg_notice.png) no-repeat 0 0; background-size: 100% 100%; }
.notice .detail-innder h3 { display: table-cell; padding-bottom: 0; }
.notice .detail-innder h3 .badge-notice { font-size: 16px; font-weight: 300; line-height: 30px; position: static; top: auto; left: auto; display: inline-block; width: 70px; height: 30px; text-align: center; color: #fff; border-radius: 15px; background: #1e8f48; }
.notice .detail-innder h3 em { font-size: 17px; font-weight: 300; display: inline-block; margin-bottom: 18px; color: #444; }
.notice .detail-innder .file-list { margin-top: 0; padding: 7px 30px; background: #f3f3f3; }
.notice .detail-innder .file-list li { padding-top: 7px; padding-bottom: 7px; }
.notice .detail-innder .with-fileicon:before { top: 0; }
.notice .detail-innder .detail { font-family: sans-serif, Arial, Verdana, 'Trebuchet MS', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 13px; font-weight: 400; padding: 50px 30px; color: #333; }
.notice .detail-innder .detail a { text-decoration: underline; color: #0782c1; }
.notice .detail-innder .detail h1 { font-size: 2em; margin: 0.67em 0; }
.notice .detail-innder .detail h2 { font-size: 1.5em; margin: 0.83em 0; }
.notice .detail-innder .detail h3 { font-size: 1.17em; margin: 1em 0; }
.notice .detail-innder .detail h4 { font-size: 22px; font-weight: 500; margin-bottom: 20px; color: #222; }
.notice .detail-innder .detail p { margin: 1em 0; color: #444; }
.notice .detail-innder .detail table { width: 100% !important; }
.faq .tab-basic-per.category .tab-lst li a span { font-size: 18px; }
.faq .accordion { font-size: 18px; border-top: 1px solid #d9d9d9; }
.faq .accordion > tbody > tr > td { vertical-align: middle; border-bottom: 0; min-width: 100px; }
.faq .accordion > tbody > tr:nth-child(2n-1) > td { border-bottom: 1px solid #ddd; }
.faq .accordion-link { font-size: 16px; position: relative; display: inline-block; width: 100%; padding: 15px 69px 15px 56px; text-align: left; color: #444; }
.faq .accordion-link > span { font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; }
.faq .accordion-link:before { font-size: 16px; font-weight: 500; line-height: 32px; position: absolute; top: 4px; left: 0; width: 35px; height: 35px; content: 'Q'; text-align: center; color: #fff; border-radius: 50%; background: #1e8f48; }
.faq .accordion-link:after { position: absolute; top: 12px; right: 52px; width: 16px; height: 16px; content: ''; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-right: 1px solid #818181; border-bottom: 1px solid #818181; }
.faq .accordion-link.active:after { top: 15px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.faq .accordion-body-wrap,
.faq .accordion-body-wrap td { height: 0; }
.faq .accordion-body-wrap.active { height: auto; }
.faq .accordion-body { display: none; }
.faq .accordion-desc { font-size: 16px; line-height: 28px; position: relative; padding: 25px 50px 25px calc(25% + 56px); text-align: left; color: #666; border-bottom: 1px solid #ddd; background: #fafafa; }
.faq .accordion-desc:before { font-size: 16px; font-weight: 500; line-height: 30px; position: absolute; top: 20px; left: 25%; width: 35px; height: 35px; content: 'A'; text-align: center; color: #1e8f48; border: 1px solid #1e8f48; border-radius: 50%; background: #fff; }
.contact .map-wrap { width: 100%; height: 500px; margin-bottom: 50px; }
.contact .map-wrap .root_daum_roughmap { width: 100% !important; height: 100% !important; margin: 0; padding: 0; border: 0; }
.contact h3 { font-size: 30px; font-weight: 500; margin-bottom: 30px; text-align: center; color: #222; }
.contact h3 span { font-size: 24px; display: block; margin-top: 25px; color: #1e8f48; }
.contact .tel-list { position: relative; overflow: hidden; padding: 45px 29px 45px 210px; border: 1px solid #e8f0ea; background: #f7fdf9; }
.contact .bus-list > h3,
.contact .tel-list > h3 { font-size: 22px; font-weight: 500; position: absolute; width: 150px; margin: 0; text-align: left; color: #222; }
.contact .tel-list > h3 { top: 46px; left: 52px; padding: 0 0 0 28px; background: url(../../images/common/bg_tel.png) no-repeat left center; background-size: 21px 21px; }
.contact .tel-list > dl { display: inline-block; float: left; width: 33.333333%; padding: 7px 0; }
.contact .tel-list > dl.mobile_show { display: none; }
.contact .tel-list > dl > dd,
.contact .tel-list > dl > dt { font-size: 17px; display: inline-block; float: left; color: #444; }
.contact .tel-list > dl > dt { font-weight: 500; width: 73px; }
.contact .tel-list > dl > dd { font-weight: 300; position: relative; width: calc(100% - 73px); padding-left: 12px; }
.contact .tel-list > dl > dd:before { position: absolute; top: 4px; left: 0; width: 1px; height: 12px; content: ''; background: #999; }
.contact .tel-list > dl > dd a { color: #444; }
.contact .bus-list { position: relative; height: 230px; margin-top: 50px; padding: 29px 29px 29px 304px; border-top: 1px solid #c4c4c4; }
.contact .bus-list > h3 { top: 29px; left: 75px; padding: 123px 0 0 7px; background: url(../../images/common/bg_bus.png) no-repeat 0 1px; background-size: 105px auto; }
.contact .bus-list > ul > li { float: left; width: 50%; }
.contact .bus-list > ul > li > p { font-size: 17px; font-weight: 500; margin-bottom: 20px; text-align: left; color: #444; }
.contact .bus-list > ul > li:last-child { margin-top: 40px; }
.contact .bus-list > ul > li .dot-list > li { font-size: 17px; font-weight: 300; position: relative; padding-left: 14px; color: #444; }
.contact .bus-list > ul > li .dot-list > li:before { position: absolute; top: 7px; left: 0; width: 4px; height: 4px; content: ''; border-radius: 4px; background: #444; }
.contact .bus-list > ul > li .dot-list > li + li { margin-top: 15px; }
.contact .bus-list + .subway { margin-top: 0; border-bottom: 1px solid #c4c4c4; }
.contact .bus-list + .subway > h3 { background: url(../../images/common/bg_subway.png) no-repeat 0 0; background-size: 107px auto; }
.contact .bus-list + .subway > ul > li { margin: 0; }
.about h3 { font-size: 22px; font-weight: 500; line-height: 1.8; margin-bottom: 25px; text-align: center; color: #222; }
.search-inner { margin-top: -16px; }
.clearbox:after,
.img-banner #bx-pager:after,
.search-inner:after,
.t-infobox .info-list > li dl:after,
.tenant-box .info .info-list dl:after { display: block; clear: both; content: ''; }
.search-inner .search-box { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; }
.search-inner .search-box.type2 { justify-content: space-between; }
.search-inner .search-box .inp-btn,
.search-inner .search-box .select-box { position: relative; float: left; width: 36%; height: 46px; border-bottom: 1px solid #222; }
.search-inner .search-box .date-box { width: 32%; }
.search-inner .search-box .date-box .date-box-inner { display: flex; flex-wrap: wrap; align-items: center; }
.search-inner .search-box .date-box .date-box-inner > * { flex-grow: 1; }
.search-inner .search-box .select-box-wrap { width: 55%; display: flex; justify-content: flex-end; }
.search-inner .search-box .select-box-wrap:after { display: block; clear: both; content: ''; }
.search-inner .search-box .select-box:after { position: absolute; top: 15px; right: 10px; width: 9px; height: 9px; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-right: 1px solid #000; border-bottom: 1px solid #000; }
.search-inner .search-box .select-box select { position: relative; z-index: 1; background: 0 0; -moz-appearance: none; appearance: none; -webkit-appearance: none; }
.search-inner .search-box .select-box + .inp-btn { margin-left: 3%; }
.search-inner .search-box .inp-btn { width: 61%; padding: 0 41px 0 0; }
.search-inner .search-box .inp-btn input,
.search-inner .search-box .select-box select { font-family: 'Noto Sans Korean'; font-size: 16px; font-weight: 400; width: 100%; height: 100%; color: #222; border: 0; }
.search-inner .search-box .inp-btn input::-webkit-input-placeholder { color: #999; }
.search-inner .search-box .inp-btn input::-moz-placeholder { color: #999; }
.search-inner .search-box .inp-btn .btn-search { font-size: 0; line-height: 0; position: absolute; top: 0; right: 0; overflow: hidden; width: 41px; height: 100%; text-indent: -9999px; background: url(../../images/common/ico_search.png) no-repeat center center; }
.list-inner .list-box { margin: 20px -10px -20px -10px; display: flex; flex-wrap: wrap; }
.list-inner .list-box > li { width: 25%; display: flex; padding: 0 10px; margin-bottom: 20px; }
.list-inner .list-box.program-list-box > li { flex-direction: column; }
.notice .list-inner .list-box > li { width: 33.3%; display: block; padding: 0; margin: 0; }
.list-inner .list-box > li .tenant-box,
.notice .list-inner .list-box > li .inbox { margin: 10px; }
.list-inner .list-box > li .gallery-box > a,
.list-inner .list-box > li .tenant-box > a,
.notice .list-inner .list-box > li .inbox a { position: relative; display: block; }
.notice .list-inner .list-box > li .inbox a { position: relative; z-index: 0; width: 100%; height: 362px; padding: 40px; background: 0 0; }
.list-inner .list-box > li .gallery-box { width: 100%; }
.list-inner .list-box > li .gallery-box .hover-on,
.list-inner .list-box > li .tenant-box .hover-on { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(29, 143, 73, 0.9); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.list-inner .list-box > li .gallery-box > a:hover .hover-on,
.list-inner .list-box > li .tenant-box > a:hover .hover-on { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.list-inner .list-box > li a button { font-size: 18px; font-weight: 500; width: 150px; height: 50px; color: #fff; border: 1px solid #fff; }
.page-inner { margin-top: 50px; text-align: center; }
.page-inner .paging { height: 45px; padding: 0 25px; }
.page-inner .paging,
.page-inner .paging > li,
.page-inner a,
.tenant-dInfo > li { display: inline-block; }
.page-inner .paging > li a { color: #555; }
.page-inner .paging > li a:hover { color: #fff; background: #1d8f49; }
.page-inner .paging > li a.active { color: #fff; background: #1d8f49; }
.page-inner a { line-height: 45px; position: relative; width: 45px; height: 45px; vertical-align: top; }
.page-inner > a { font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; border: 1px solid #ddd; }
.page-inner > a + a { margin-left: 1px; }
.page-inner > a:after,
.page-inner > a:before { position: absolute; top: 18px; left: 0; width: 7px; height: 7px; content: ''; border-right: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f; }
.page-inner > a.first:after,
.page-inner > a.first:before,
.page-inner > a.prev:before { left: 18px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.page-inner > a.first:after,
.page-inner > a.prev:before { left: 24px; }
.page-inner > a.prev:before { left: 20px; }
.page-inner > a.prev:after { content: none; }
.page-inner > a.next:before { left: 16px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.page-inner > a.next:after { content: none; }
.page-inner > a.last:after,
.page-inner > a.last:before { left: 13px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.page-inner > a.last:after { left: 19px; }
.tenant-box { border: 1px solid #dadada; flex: 1 1 auto; }
.tenant-box .top { border-bottom: 1px solid #dadada; }
.gallery-box .top img,
.tenant-box .top img { width: 100%; height: 100%; }
.gallery-box .top iframe,
.tenant-box .top iframe { width: 100%; height: 100%; }
.tenant-box .info { padding: 30px; }
.tenant-box .info .b-name { font-size: 18px; font-weight: 500; color: #1d8f49; }
.t-infobox .info-list > li + li,
.tenant-box .info .info-list { margin-top: 20px; }
.tenant-box .info .info-list li + li,
.tenant-dInfo > li dl dd li + li { margin-top: 12px; }
.t-infobox .info-list > li dl dt,
.tenant-box .info .info-list dl dt { font-weight: 500; float: left; width: 98px; color: #222; }
.t-infobox .info-list > li dl dd,
.tenant-box .info .info-list dl dd { font-weight: 300; float: left; color: #444; }
.tenant-box .info .info-list dl dt.biz_title { display: block; float: none; width: 100%; }
.tenant-box .info .info-list dl dd.biz_con { display: -webkit-box; overflow: hidden; min-height: 40px; max-height: 40px; margin-top: 7px; text-overflow: ellipsis; word-break: keep-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.img-banner .bx-wrapper { position: relative; }
.img-banner .bx-wrapper .bx-controls-direction > a { font-size: 0; line-height: 0; position: absolute; top: 50%; overflow: hidden; width: 50px; height: 40px; margin-top: -20px; text-indent: -9999px; background: rgba(34, 34, 34, 0.8); }
.img-banner .bx-wrapper .bx-controls-direction > a:after { position: absolute; top: 13px; width: 14px; height: 14px; content: ''; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; }
.img-banner .bx-wrapper .bx-controls-direction > a.bx-prev { left: 0; }
.img-banner .bx-wrapper .bx-controls-direction > a.bx-prev:after { left: 22px; }
.img-banner .bx-wrapper .bx-controls-direction > a.bx-next { right: 0; }
.img-banner .bx-wrapper .bx-controls-direction > a.bx-next:after { right: 22px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.img-banner .bx-wrapper .bx-controls-direction > a:hover { background: rgba(29, 143, 73, 0.8); }
.img-banner #bx-pager { margin-top: 20px; margin-left: -11px; }
.img-banner #bx-pager div { float: left; width: 33.33%; max-height: 126px; padding-left: 11px; }
.img-banner,
.t-infobox { float: left; width: 50%; }
.t-infobox { padding-left: 40px; }
.t-infobox .t-name { font-size: 28px; font-weight: 500; padding-top: 35px; color: #1d8f49; border-top: 1px solid #222; }
.t-infobox .info-list { margin-top: 30px; padding-bottom: 35px; border-bottom: 1px solid #d5d5d5; }
.t-infobox .info-list > li dl dt { font-size: 17px; width: 120px; }
.t-infobox .info-list > li dl dd { font-size: 17px; width: calc(100% - 120px); }
.t-infobox .info-list > li dl a { color: inherit; }
.tenant-dInfo { font-size: 0; margin-top: 68px; }
.tenant-dInfo > li { width: 50%; vertical-align: top; }
.tenant-dInfo > li dl { font-size: 16px; }
.tenant-dInfo > li dl dt { font-size: 20px; font-weight: 500; color: #222; }
.tenant-dInfo > li dl dd { font-weight: 300; margin-top: 20px; color: #444; }
.tenant-dInfo > li:nth-child(n + 3) { margin-top: 70px; }
.tenant-dInfo > li:nth-child(even) { padding-left: 40px; }
.list-inner .list-box > li > a:hover .gallery-box:before { display: block; }
.list-inner .list-box > li > a .gallery-box { position: relative; }
.list-inner .list-box > li > a .gallery-box:before { position: absolute; z-index: 1; top: 0; right: 0; left: 0; display: none; width: 100%; height: 100%; content: ''; color: #fff; background: rgba(29, 143, 73, 0.9); background-image: url(../../images/common/ico_plus2.png); background-repeat: no-repeat; background-position: center; }
.gallery-box .top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #dadada; border-bottom: 0; }
.gallery-box .top.iframe_wrap { position: relative; width: 100%; }
.gallery-box .top.iframe_wrap:before { display: block; padding-top: 70%; content: ''; }
.gallery-box .top.iframe_wrap iframe,
.gallery-box .top.iframe_wrap img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100% !important; }
.gallery-box.ratio1_1 .top { position: relative; }
.gallery-box.ratio1_1 .top:before { content:""; display: block; padding-top: 100%; }
.gallery-box.ratio1_1 .top img { width: 100%; height: 100% !important; object-fit: fill; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.gallery-box .info { padding: 15px 20px; border: 1px solid #dadada; }
.gallery-box .info .btn_wrap { padding-top: 18px; }
.gallery-box .info .btn_wrap.program-gallery-box { text-align: center; }
.gallery-box .info .btn_wrap .rcpt_btn { font-size: 15px; font-weight: 500; line-height: 38px; display: inline-block; width: 48%; height: 40px; margin-left: 4%; text-align: center; color: #1d8f49; border: 1px solid #1d8f49; }
.gallery-box .info .btn_wrap .rcpt_btn.apply_end { color: #fff; border: 1px solid transparent; background: #888; }
.gallery-box .info .btn_wrap .rcpt_btn:first-child { margin-left: 0; }
.facilities-list > li dl dt,
.gallery-box .info .title,
.tb-member table tbody th label { font-size: 17px; font-weight: 500; color: #222; }
.gallery-box .info .date { font-weight: 300; margin-top: 9px; color: #444; }
.detail-innder,
.table-list th { border-top: 2px solid #222; }
.detail-innder .top { position: relative; display: table; width: 100%; padding: 30px; border-bottom: 1px solid #ddd; }
.detail-innder .top .title { font-size: 28px; font-weight: 500; display: table-cell; color: #222; }
.detail-innder .top .date { display: table-cell; width: 150px; text-align: right; vertical-align: middle; }
.detail-innder .detail { padding: 50px 150px; border-bottom: 1px solid #ddd; }
.detail-innder .detail img,
.modalwrap#facilities-popup .modal-inner .modal-box .contents img { max-width: 100%; }
.table-list { width: 100%; margin-top: 50px; }
.table-list th { font-size: 17px; font-weight: 500; height: 70px; border-bottom: 1px solid #646464; }
.table-list td { height: 70px; text-align: center; border-bottom: 1px solid #ddd; }
.detail-innder .top .date,
.table-list td { font-weight: 300; color: #444; }
.facilities-list { position: relative; padding-top: 556px; background: url(../../images/common/img_facilities.png) no-repeat center 110px; }
.facilities-list > li { position: absolute; }
.facilities-list > li dl dt { font-size: 18px; }
.facilities-list > li dl dd { font-weight: 300; line-height: 1.75; margin-top: 12px; color: #777; }
.facilities-list > li:first-child { top: 0; right: 0; left: 0; text-align: center; }
.facilities-list > li:first-child dd,
.facilities-list > li:first-child dt { text-align: center; }
.facilities-list > li:nth-child(2) { top: 375px; right: 875px; }
.facilities-list > li:nth-child(2) dd,
.facilities-list > li:nth-child(2) dt { text-align: right; }
.facilities-list > li:nth-child(3) { top: 375px; left: 875px; }
.facilities-list > li:nth-child(3) dd,
.facilities-list > li:nth-child(3) dt { text-align: left; }
.facilities-application { position: relative; margin-top: 106px; padding-bottom: 18px; }
.facilities-application img,
.step-list > li .step { position: relative; z-index: 1; }
.facilities-application .appl-box { position: absolute; right: 0; bottom: 0; left: 0; padding: 44px 60px; background: #1d8f49; }
.facilities-application .appl-box li + li,
.member-inner .terms .terms-box .terms-list ul p { margin-top: 10px; }
.facilities-application .appl-box .info { text-align: left; }
.facilities-application .appl-box .info dt { font-size: 28px; font-weight: bold; color: #fff; }
.facilities-application .appl-box .info dd { font-weight: 300; margin-top: 20px; color: #fff; }
.facilities-application .appl-box button { font-size: 18px; font-weight: 500; position: absolute; z-index: 3; top: 50%; right: 60px; width: 170px; height: 60px; margin-top: -30px; color: #fff; border: 1px solid #fff; }
.facilities-application.convenience { padding-bottom: 71px; }
#facilities-popup .modal-pop { position: absolute; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.modalwrap#facilities-popup { position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; }
.modalwrap#facilities-popup .modal-inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.modalwrap#facilities-popup .modal-inner .modal-box { position: relative; z-index: 998; max-width: 1040px; max-height: 720px; }
.modalwrap#facilities-popup .modal-inner .modal-box .title { font-size: 24px; font-weight: 400; line-height: 70px; width: 100%; height: 70px; padding: 0 50px; color: #fff; background: #1d8f49; }
.modalwrap#facilities-popup .modal-inner .modal-box .contents { padding: 50px; background: #fff; }
.modalwrap#facilities-popup .modal-inner .modal-box .btn-close { position: absolute; top: 23px; right: 46px; width: 25px; height: 25px; text-indent: -9999%; }
.modalwrap#facilities-popup .modal-inner .modal-box .btn-close:after,
.modalwrap#facilities-popup .modal-inner .modal-box .btn-close:before { position: absolute; top: 0; right: 11px; height: 25px; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-left: 1px solid #fff; }
.modalwrap#facilities-popup .modal-inner .modal-box .btn-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.step-list { text-align: center; }
.step-list > li { position: relative; display: inline-block; width: 290px; }
.step-list > li .step { font-size: 18px; font-weight: 300; line-height: 36px; display: block; width: 40px; height: 40px; margin: 0 auto; color: #777; border: 2px solid #999; border-radius: 100%; background: #fff; }
.step-list > li .step + span { display: block; margin: 6px auto 0; color: #888; }
.step-list > li:after { position: absolute; top: 22px; right: -50%; left: 50%; content: ''; border-top: 1px dashed #d2d2d2; }
.step-list > li:last-child:after { content: none; }
.step-list > li.active .step { font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; border: 0; background: #1d8f49; }
.step-list > li.active .step + span { font-weight: 500; color: #1d8f49; }
.step-list > li.active:after { border-top: 1px solid #1d8f49; }
.step-list > li.active:before { position: absolute; z-index: 3; top: 11px; right: 0; left: 0; width: 8px; height: 13px; margin: 0 auto; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
.member-inner { margin-top: 50px; padding: 50px; background: #f5f5f5; }
.member-inner h3 { font-size: 26px; text-align: center; }
.btn-gray-black { background: #444; }
.btn-gray-black span,
.btn-green span,
.btn-white span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; color: #fff; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.btn-green { background: #1d8f49; }
.btn-green span { font-size: 18px; font-weight: 500; }
.btn-white { border: 2px solid #1d8f49; }
.btn-white span { font-size: 18px; font-weight: 500; color: #1d8f49; }
.c-inner { text-align: center; }
.c-inner .inp-chk,
.member-inner .terms + .terms { margin-top: 52px; }
.c-inner.btn { margin-top: 50px; }
.c-inner.btn a { display: inline-block; width: 170px; height: 60px; }
.c-inner.btn a + a { margin-left: 16px; }
.member-inner .terms .terms-box { overflow-y: auto; height: 300px; margin-top: 23px; padding: 30px; border: 1px solid #e2e2e2; background: #fff; }
.member-inner .terms .terms-box .terms-list strong,
.member-inner h3 { font-weight: 500; color: #222; }
.member-inner .terms .terms-box .terms-list li + li,
.member-inner .terms .terms-box .terms-list ul { margin-top: 15px; }
.member-inner .terms .terms-box .terms-list li { color: #555; }
.member-inner .terms .terms-box .terms-sub-list { padding-left: 10px; }
.member-inner .terms .terms-box .terms-sub-list li + li { margin-top: 5px; }
.inp-chk { margin-top: 20px; }
.inp-chk input[type='checkbox'] { position: absolute; left: -9999px; opacity: 0; }
.inp-chk input[type='checkbox'] + label:before { position: absolute; top: 50%; left: 0; display: block; width: 20px; height: 20px; margin-top: -8px; content: ''; border: 1px solid #666; border-radius: 0; background: #fff; }
.inp-chk input[type='checkbox'] + label:after { position: absolute; top: 50%; left: 5px; display: block; width: 11px; height: 4px; margin-top: -1px; content: ''; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom: 1px solid #6f6f6f; border-left: 1px solid #6f6f6f; }
.inp-chk input[type='checkbox']:checked + label:before { border: 1px solid #1d8f49; background: #1d8f49; }
.inp-chk input[type='checkbox']:checked + label:after { left: 5px; width: 11px; height: 4px; margin-top: -1px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; }
.inp-chk-multiple .inp-chk { display: inline-block; margin-top: 0; }
.inp-chk-multiple .inp-chk + .inp-chk { margin-left: 38px; }
.txt-tip { margin-top: 23px; text-align: right; color: #444; }
.txt-tip span { font-size: 17px; color: #f81414; }
.tb-member { margin-top: 20px; border-top: 2px solid #000; }
.tb-member table tbody th { width: 160px; height: 60px; padding: 7px 10px; border-bottom: 1px solid #dedede; background: #f7f9fb; }
.tb-member table tbody td { height: 60px; padding: 10px 20px; border-bottom: 1px solid #dedede; background: #fff; }
.tb-member table tbody td input[type='password'],
.tb-member table tbody td input[type='text'],
.tb-member table tbody td select { display: inline-block; width: 400px; height: 40px; border: 1px solid #bdbdbd; border-radius: 0; }
.tb-member table tbody td p { font-size: 16px; line-height: 40px; display: inline-block; margin-left: 16px; vertical-align: top; color: #444; }
.tb-member table tbody td .filebox + p { font-size: 14px; color: #f81414; }
.filebox label,
.tb-member .btn-gray-black { font-size: 14px; width: 100px; height: 40px; color: #fff; }
.tb-member .btn-gray-black { display: inline-block; margin-left: 10px; }
.filebox { display: inline-block; }
.filebox input[type='file'] { position: absolute; overflow: hidden; width: 0; height: 0; padding: 0; border: 0; }
.filebox label { line-height: 40px; margin-left: 7px; cursor: pointer; vertical-align: middle; background-color: #7f7f7f; }
.filebox .upload-name { display: inline-block; width: 400px; height: 40px; padding: 0 10px; vertical-align: middle; border: 1px solid #bdbdbd; background-color: #fff; }
.complete-inner { margin: 23px 0 0; padding: 236px 0 96px; text-align: center; border-top: 2px solid #000; border-bottom: 1px solid #dedede; background: url(../../images/common/ico_join_complete.png) no-repeat center 110px; }
.complete-inner .txt01 { font-size: 40px; color: #1d8f49; }
.complete-inner .txt02 { font-size: 18px; margin-top: 30px; color: #444; }
.complete-inner .txt02 span { font-weight: bold; color: #1d8f49; }
.filebox label { display: inline-block; text-align: center; }
.filebox.type2 { vertical-align: top; }
.filebox.type2 label { width: auto; min-width: 55px; margin-left: 20px; padding: 0 5px; color: #444; border: 1px solid #ddd; background-color: #f1f1f4; }
.edit_info .c-inner.btn .btn-green,
.edit_info .c-inner.btn .btn-white,
.edit_info .c-inner.btn .btn-green span,
.edit_info .c-inner.btn .btn-white span { font-size: 18px; font-weight: 400; }

/* 회원가입 */
.hint_box { font-size: 18px; margin-top: 40px; margin-bottom: 50px; padding: 47px; text-align: center; border: 1px solid #e2e2e2; }
.hint_box .point { font-weight: bold; color: #1d8f49; }
.mem_leave .txt { font-size: 16px; text-align: center; color: #444; }
.mem_leave .box_wrap { max-width: 480px; margin: 0 auto; padding-top: 50px; }
.mem_leave .box_wrap .id_box,
.mem_leave .box_wrap .pw_box { width: 100%; height: 60px; border: 1px solid #bdbdbd; }
.mem_leave .box_wrap .id_box { line-height: 58px; margin-bottom: 20px; padding: 0 10px; }
.mem_leave .box_wrap .btn-green { width: 100%; height: 70px; }
.mem_leave .box_wrap .c-inner.btn { margin-top: 30px; }
.comp { color: #1d8f49; }
.canc { color: #ec4242; }
.apply.apply5 .board-table { margin-top: 50px; }

/*개인정보처리방침*/
.privacy { font-size: 15px; padding: 15px 0; }
.privacy .main_title { padding-bottom: 50px; }
.privacy .box { padding: 30px; border: 1px solid #ddd; background: #f5f5f5; }
.privacy h3 { font-size: 19px; font-weight: 500; margin: 50px 0 15px 0; }
.privacy .list_type01 { margin: 10px 0; }
.privacy .list_type01 > li { padding: 5px 0; }
.privacy .txt_black { font-weight: 500; color: #000; }
.privacy .table_type01 { width: 100%; table-layout: fixed; border-top: 2px solid #2e2e2e; border-bottom: 1px solid #c4c4c4; border-left: hidden; border-right: hidden; }
.privacy .table_type01 th { font-weight: 500; color: #222; background: #f5f5f5; }
.privacy .table_type01 td { color: #666; }
.privacy .table_type01 tr:last-child { border-bottom: none; }
.privacy .table_type01 th,
.privacy .table_type01 td { padding: 10px 15px; text-align: center; vertical-align: middle; border: 1px solid #ddd; }
.privacy .table_type01 th:last-child,
.privacy .table_type01 td:last-child { border-right: none; }
.privacy .sub_list { padding: 5px 0 0 15px; }

/*이용약관*/
.agree { font-size: 15px; padding: 15px 0; }
.agree .main_title { padding-bottom: 50px; }
.agree h3 { font-size: 19px; font-weight: 500; margin: 50px 0 15px 0; }
.agree h3:first-child { margin-top: 0; }
.agree .list_type01 { margin: 10px 0; }
.agree .list_type01 > li { padding: 5px 0; }
.agree .txt_black { font-weight: 500; color: #000; }
.agree .table_type01 { width: 100%; table-layout: fixed; border-top: 2px solid #2e2e2e; border-bottom: 1px solid #c4c4c4; }
.agree .table_type01 th { font-weight: 500; color: #222; background: #f5f5f5; }
.agree .table_type01 td { color: #666; }
.agree .table_type01 tr { border-bottom: 1px solid #ddd; }
.agree .table_type01 tr:last-child { border-bottom: none; }
.agree .table_type01 th,
.agree .table_type01 td { padding: 10px 15px; text-align: center; vertical-align: middle; border-right: 1px solid #ddd; }
.agree .table_type01 th:last-child,
.agree .table_type01 td:last-child { border-right: none; }
.agree .sub_list { padding: 5px 0 0 15px; }
.apply.apply_mypage .file_list { font-size: 14px; position: absolute; z-index: 1; top: 55px; right: 31px; display: none; overflow-y: auto; padding: 15px 20px; text-align: left; white-space: nowrap; border: 1px solid #1e8f48; background: #fff; }
.apply.apply_mypage .file_list.modal_on { display: block; }
.apply.apply_mypage .file_list li { display: block; margin-bottom: 5px; }
.apply.apply_mypage .file_list li:last-child { margin-bottom: 0; }
.apply.apply_mypage .file_list li a { line-height: 40px; display: inline-block; overflow: hidden; width: calc(400px - 80px); text-overflow: ellipsis; color: #333; }
.apply.apply_mypage .file_list .with-fileicon:before { top: 50%; margin-top: -8px; }
.apply.apply_mypage .btn_view { font-size: 15px; font-weight: 500; line-height: 38px; display: inline-block; min-width: 90px; height: 40px; cursor: pointer; color: #444; border: 1px solid #999; }
.apply.apply_mypage .btn_view:hover { color: #fff; border: 1px solid transparent; background: #1d8f49; }
.space_guide { overflow: hidden; margin-bottom: 1.875em; }
.space_guide > li { position: relative; margin-bottom: 3.125em; }
.space_guide > li:before { position: absolute; z-index: -1; top: 4.375em; left: 0; display: block; width: 36%; height: 20.625em; content: ''; background: #eef8f7; }
.space_guide > li:nth-child(2):before { right: 0; left: auto; background: #e9efef; }
.space_guide > li:nth-child(3):before { background: #e6f5f6; }
.space_guide > li .item { position: relative; }
.space_guide > li:nth-child(2) .img { text-align: right; }
.space_guide > li:nth-child(2) .bg_wrap { left: 0; padding-left: 0; }
.space_guide > li .bg_wrap { position: absolute; z-index: 1; right: 0; bottom: -2em; width: 58%; min-height: 19.375em; padding: 48px; background: #fff; }
.space_guide > li .bg_wrap .title { font-size: 1.875em; font-weight: bold; margin-bottom: 1.063em; color: #1e8f48; }
.space_guide > li .bg_wrap .txt { font-size: 1.125em; font-weight: 500; margin-bottom: 1.938em; color: #222; }
.space_guide > li .bg_wrap .info li { font-size: 1.063em; line-height: 1.765; display: inline-block; width: 100%; vertical-align: top; color: #444; }
.space_guide > li:nth-child(2) .bg_wrap .info li { width: 49%; }
.space_guide > li .bg_wrap .info li:before { display: inline-block; width: 0.25em; height: 0.25em; margin-top: 0.813em; margin-right: 0.75em; content: ''; vertical-align: top; border-radius: 30px; background: #222; }
.map_area { margin-top: 4.375em; }
.map_area .item { position: relative; min-height: 13.25em; padding: 1.875em; text-align: center; border: 1px solid #d2d2d2; }
.map_area .item + .item { margin-top: 3.125em; }
.map_area .map_title_wrap { position: absolute; z-index: 1; top: 1.875em; left: 1.875em; display: table; width: 9.375em; height: 9.375em; background: #1e8f48; }
.map_area .map_title_wrap .map_title { font-size: 1.125em; display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; color: #83d6a2; }
.map_area .map_title_wrap .map_title .space_name { font-size: 2.222em; font-weight: bold; display: block; margin-top: 0.3em; color: #fff; }
.space_po { padding-top: 50px; }
.space_po .img { position: relative; }
.space_po .img .txt_wrap { position: absolute; z-index: 1; top: -1.25em; left: 4.375em; display: table; width: 10.625em; height: 10.625em; background: rgba(31, 143, 73, 0.9); }
.space_po .img .txt_wrap .txt { font-size: 1.25em; font-weight: 500; display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; color: #fff; }
.space_po .txt1 { font-size: 1.75em; font-weight: 500; margin-top: 0.95em; color: #222; }
.space_po .txt2 { font-size: 1.375em; font-weight: 500; margin-top: 3.788em; margin-bottom: 1.125em; padding-bottom: 1.25em; color: #1e8f48; border-bottom: 1px solid #d5d5d5; }
.space_po .txt3 { font-size: 1.25em; margin-bottom: 4.25em; color: #222; }
.space_po .txt4 { font-size: 1.063em; margin-bottom: 4.25em; color: #444; }
.space_po .txt4:before { display: inline-block; width: 0.25em; height: 0.25em; margin-top: 0.45em; margin-right: 0.563em; content: ''; vertical-align: top; border-radius: 30px; background: #222; }
.space_po .txt5 { font-size: 1.375em; font-weight: 500; color: #222; }
.space_po .space_po_table th { font-size: 1.063em; }
.space_po .space_po_table td { font-size: 1em; border-right: 1px solid #ddd; }
.space_po .space_po_table td:last-child { border-right: 0; }
.space_po .space_po_table .bg { background: #fafafa; }
.space_po .space_po_table { margin-top: 1.6em; }
.space_ss .img { position: relative; margin-bottom: 4.375em; }
.space_ss .img:last-child { margin-bottom: 0; }
.space_ss .img .txt_wrap { position: absolute; z-index: 1; display: table; width: 10.625em; height: 10.625em; background: rgba(31, 143, 73, 0.9); }
.space_ss .img .txt_wrap .txt { font-size: 1.25em; font-weight: 500; display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; color: #fff; }
.space_ss .img1 .txt_wrap { bottom: 5.625em; left: 1.25em; }
.space_ss .img2 .txt_wrap { top: -1.25em; right: 1.25em; }
.space_ss .img3 .txt_wrap { top: -1.25em; left: 1.25em; }
.space_ss .img4 .txt_wrap { top: -1.25em; right: 1.25em; }
.space_ss .img5 .txt_wrap { bottom: 14.375em; left: 1.25em; }
.space_ss .img6 .txt_wrap { right: 1.25em; bottom: -1.25em; }
.space_ss .img7 .txt_wrap { top: -1.25em; right: 1.25em; }
.space_ss .img8 .txt_wrap { top: -1.25em; left: 1.25em; }
.space_ss .img9 .txt_wrap { top: -1.25em; right: 1.25em; }
.space_ss .img10 .txt_wrap { top: -1.25em; left: 1.25em; }
.space_ss .txt1 { font-size: 1.75em; font-weight: 500; margin-top: 1.786em; margin-bottom: 2.5em; color: #222; }
.space_ss .space_list_wrap { margin: 0 -1.875em; }
.space_ss .space_list { font-size: 0; word-break: keep-all; }
.space_ss .space_list > li { font-size: 16px; position: relative; display: inline-block; width: 50%; margin-bottom: 4.25em; vertical-align: top; }
.space_ss .space_list > li .title { font-size: 1.375em; font-weight: 500; display: block; margin-bottom: 0.909em; padding-bottom: 0.455em; color: #1e8f48; border-bottom: 1px solid #d5d5d5; }
.space_ss .space_list > li .ex_txt { font-size: 1.25em; margin-bottom: 0.909em; color: #222; }
.space_ss .space_list .ex_txt_list > li { line-height: 1.875; position: relative; padding-left: 0.938em; }
.space_ss .space_list .ex_txt_list > li:before { position: absolute; top: 0.85em; left: 0; display: block; width: 0.25em; height: 0.25em; content: ''; border-radius: 30px; background: #222; }
.space_ss .space_list .ex_txt_list > li span { font-weight: 500; color: #222; }
.space_ss .space_list .ex_txt_list2 > li { font-size: 0.9em; position: relative; }
.space_ss .space_list .item { margin: 0 1.875em; }
.small_text { font-size: 80%; color: red; }

/* 입주시설 상단 */
.top_message { position: relative; margin-bottom: 70px; padding: 50px; border: 1px solid #d2d2d2; }
.top_message .txt { font-size: 18px; font-weight: 500; position: relative; width: calc(100% - 190px); padding: 3px 0 4px 60px; color: #222; }
.top_message .txt:before { position: absolute; left: 0; top: 0; display: inline-block; width: 31px; height: 30px; content: ''; vertical-align: middle; background: url(../../images/common/ico_note.png) no-repeat center; }
.top_message .apply_btn { font-size: 18px; font-weight: 500; line-height: 60px; position: absolute; z-index: 1; top: 50%; right: 50px; display: block; width: 170px; height: 60px; margin-top: -30px; text-align: center; color: #fff; background: #1d8f49; }

/* Basic calendar */
input.notice_datepicker { font-size: 15px; width: 45%; padding: 0 4%; padding-right: 9%; background: #fff url('../../images/common/ic_calendar2.png') right 7% center no-repeat; }
.ui-datepicker .ui-widget.ui-widget-content { color: #23abe7; border: 0; background: #333; }
.ui-datepicker .ui-widget-header { font-size: 18px; font-weight: 400; padding: 5px 0; color: #fff; border: 0; border-radius: 0; background: #666; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { top: 6px; width: 30px; height: 25px; cursor: pointer; }
.ui-datepicker .ui-state-hover.ui-datepicker-prev-hover { top: 6px; left: 2px; border: 0; background: #666; }
.ui-datepicker .ui-state-hover.ui-datepicker-next-hover { top: 6px; right: 2px; border: 0; background: #666; }
.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-w { position: static; width: 30px; height: 30px; margin: 0; background: #666 url('/cms/images/common/ic_arrow_left_white.png') center center no-repeat !important; }
.ui-datepicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e { position: static; width: 30px; height: 30px; margin: 0; background: #666 url('/cms/images/common/ic_arrow_right_white.png') center center no-repeat !important; }
.ui-datepicker { width: auto; padding: 0; border-radius: 0 !important; }
.ui-datepicker .ui-datepicker-title select { font-size: 14px; height: 30px; margin: 1px 2px 0; padding: 0 20px 0 5px; vertical-align: top; color: #333; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month { width: 45%; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { width: 48%; }
.ui-datepicker table { margin-bottom: 0; }
.ui-datepicker th { font-size: 14px; font-weight: 400; height: 19px; border-bottom: 1px solid #666; }
.ui-datepicker td a.ui-state-default { font-size: 14px; line-height: 27px; width: 32px; height: 32px; text-align: center; color: #666; border: 0; }
.ui-datepicker td a.ui-state-active { color: #fff; background: #21577f; }
.ui-datepicker td a.ui-state-highlight { line-height: 25px; border: 1px solid #21577f; background: none; }

/* 버튼 */
.btn-style1 { font-size: 16px; font-weight: 300; line-height: 43px; min-width: 120px; height: 45px; padding: 0 10px; text-align: center; color: #1d8f49; border: 1px solid #2c9655; background-color: #fff; }

/* 시설예약 - step3 예약 현황 버튼 */
.reservation-btn { position: absolute; top: 50%; right: 26px; margin-top: -22.5px; }

/* 팝업 */
.modal-new { position: fixed; z-index: 2022; top: 0; left: 0; height: 100%; display: table; visibility: hidden; width: 100%; transition: all linear 0.1s; opacity: 0; }
html.modal-open .modal-new:before { content: ''; display: block; position: fixed; left: 0; top: 0; right: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4); z-index: -1; }
.modal-new .modal-n-wrap { display: table-cell; vertical-align: middle; }
.modal-new .modal-n-body { overflow: hidden; width: 1040px; margin: auto; background-color: #fff; }
.modal-new .modal-n-header { position: relative; z-index: 2; top: 0; left: 0; width: 100%; border-bottom: 1px solid #ddd; }
.modal-new .modal-n-header .header-title { font-size: 24px; font-weight: 500; display: block; margin: 0; padding: 21px 50px; color: #fff; background-color: #1d8f49; }
.modal-new .modal-n-header .close { position: absolute; top: 50%; right: 38px; overflow: hidden; width: 50px; height: 50px; margin-top: -25px; white-space: nowrap; text-indent: 100%; background: url('/user/images/common/close.png') no-repeat center; background-size: 25px; }
.modal-new .modal-n-header .sns-list { position: absolute; z-index: 1; top: 13px; right: 90px; }
.modal-new .modal-n-header .sns-list > a { display: inline-block; margin: 0 5px; vertical-align: top; }
.modal-new .modal-n-header .sns-list .md-url { line-height: 40px; height: 40px; padding: 0 20px; color: #fff; border-radius: 100px; background-color: #006b29; }
.modal-new .modal-n-cont { position: relative; overflow-y: auto; max-height: 60vh; padding: 50px; padding-bottom: 0; background: #fff; }
.modal-new .modal-n-footer { position: relative; bottom: 0; left: 0; width: 100%; padding: 30px 50px; text-align: center; color: #fff; }
.modal-new .modal-n-footer button { font-size: 18px; font-weight: 500; min-width: 170px; height: 60px; padding: 0 10px; color: #fff; border: none; background: #1d8f49; }
.modal-open { overflow: hidden; }
.modal-on { visibility: visible !important; opacity: 1 !important; }
#apply-detail-popup .btnbox { text-align: center; }
#apply-detail-popup .detail-text { padding: 47px 0 0; }
#apply-detail-popup .detail-text li,
#apply-detail-popup .detail-text p { font-size: 16px; line-height: 22px; color: #444; }
#apply-detail-popup .detail-text p.title { font-size: 17px; line-height: 22px; color: #444; }
#apply-detail-popup .detail-text h4 { font-size: 17px; font-weight: 500; line-height: 22px; margin-top: 30px; padding-bottom: 20px; color: #222; }
#apply-detail-popup .detail-text li + li { margin-top: 15px; }
#apply-detail-popup .detail-text input[type='image'] { max-width: 100% !important; width: auto !important; height: auto !important; }

/* 메인 레이어 팝업 */
.main_pop { position: fixed; z-index: 2022; top: 0; left: 0; right: 0; bottom: 0; height: 100%; display: table; visibility: hidden; width: 100%; transition: all linear 0.1s; opacity: 0; background: rgba(0, 0, 0, 0.7); }
.main_pop_wrap { display: table-cell; vertical-align: middle; padding: 10px 60px; }
.main_pop_body { max-width: 1040px; width: 100%; margin: auto; background-color: #fff; }
.main_pop_slide .slide_img { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.main_pop_slide .slide_img:before { content: ''; display: block; padding-top: 58.5%; }
.main_pop_mo_slide .slide_img { position: relative; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.main_pop_mo_slide .slide_img:before { content: ''; display: block; padding-top: 161.99%; }
.main_pop .main_pop_slide_wrap { position: relative; }
.main_pop .main_pop_mo_slide_wrap { position: relative; display: none; }
.main_pop .swiper-pagination { bottom: -30px; width: 100%; }
.main_pop .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background: none; border: 2px solid #fff; opacity: 1; margin: 0 7.5px; }
.main_pop .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #147a3b; border: none; width: 30px; border-radius: 100px; }
.main_pop .main_pop_close { position: absolute; left: calc(100% + 20px); top: 0; width: 30px; height: 30px; background: url(/user/images/common/close.png) no-repeat center; z-index: 1; white-space: nowrap; overflow: hidden; text-indent: 100%; }
.main_pop .navi-control { top: 50%; width: 27px; height: 50px; position: absolute; z-index: 1; margin-top: -25px; background-size: contain; cursor: pointer; }
.main_pop .navi-control.navi-next { right: 20px; background-image: url(/user/images/common/btn_next.png); }
.main_pop .navi-control.navi-prev { left: 20px; background-image: url(/user/images/common/btn_prev.png); }

/* 시설예약 - step3 예약 현황 테이블 */
.reservation-status-title { font-size: 24px; font-weight: 500; display: block; margin-bottom: 30px; text-align: center; color: #222; }
.reservation-status-title .date { color: #1d8f49; }
.table-style1 { width: 100%; border-top: 2px solid #222; border-bottom: 1px solid #ddd; }
.table-style1 tr { background-color: #fff; }
.table-style1 tr.impossible { background-color: #fafafa; }
.table-style1 tr.empty td { color: #999; }
.table-style1 th,
.table-style1 td { padding: 10px 15px; text-align: center; word-break: keep-all; border-bottom: 1px solid #ddd; }
.table-style1 th { font-size: 17px; font-weight: 500; height: 70px; color: #222; background-color: #fafafa; }
.table-style1 td { font-size: 16px; font-weight: 300; height: 60px; color: #444; }
.table-style1 tr.impossible td { color: #999; }
.table-style1 tr.impossible .company-name { color: #444; }

/* 메인 리뉴얼 */
.header-fixed { position: absolute; z-index: 2; right: 0; left: 0; }
.new-main .new-main-inner { width: 100%; max-width: 1230px; margin: 0 auto; padding: 0 15px; }
.new-main .main-visual-wrap { position: relative; }
.new-main .main-visual-wrap .navi-item { position: absolute; z-index: 1; top: 50%; overflow: hidden; width: 42px; height: 80px; margin-top: -40px; white-space: nowrap; text-indent: 100%; background-repeat: no-repeat; background-position: center; }
.new-main .main-visual-wrap .navi-item.navi-prev { left: 50px; background-image: url(../../images/common/btn_prev.png); }
.new-main .main-visual-wrap .navi-item.navi-next { right: 50px; background-image: url(../../images/common/btn_next.png); }
.new-main .main-visual-wrap .navi-item.swiper-button-disabled { display: none; }
.new-main .main-visual-wrap .main-visual-info { position: absolute; z-index: 1; right: 8%; bottom: 80px; left: 8%; }
.new-main .main-visual-wrap .main-visual-info .swiper-pagination-wrap { position: absolute; z-index: 1; bottom: 195px; left: 50%; transform: translateX(-50%); }
.new-main .main-visual-wrap .main-visual-info .swiper-pagination-wrap .control { display: inline-block; overflow: hidden; width: 13px; height: 20px; margin-right: 10px; vertical-align: top; white-space: nowrap; text-indent: 100%; background-repeat: no-repeat; background-position: center; }
.new-main .main-visual-wrap .main-visual-info .swiper-pagination-wrap .control.play { background-image: url(../../images/common/btn_play.png); }
.new-main .main-visual-wrap .main-visual-info .swiper-pagination-wrap .control.stop { background-image: url(../../images/common/btn_stop.png); }
.new-main .main-visual-wrap .main-visual-info .swiper-pagination { position: static; display: inline-block; vertical-align: top; }
.new-main .main-visual-wrap .main-visual-info .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 7.5px; margin-top: 5px; transition: width 0.2s ease-in-out; vertical-align: top; opacity: 1; border: 2px solid #fff; border-radius: 100px; background: none; }
.new-main .main-visual-wrap .main-visual-info .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; border-color: transparent; background-color: #137a3b; }
.new-main .main-visual-wrap .main-visual-info .main-menu { position: absolute; bottom: 0; display: flex; width: 100%; flex-wrap: wrap; }
.new-main .main-visual-wrap .main-visual-info .main-menu > li { display: flex; flex-direction: column; width: 20%; padding: 0 12px; transition: 0.5s ease-in-out; justify-content: flex-end; }
.new-main .main-visual-wrap .main-visual-info .main-menu .item { display: block; width: 100%; padding: 25px 30px 35px 30px; transition: 0.25s ease-in-out; border: 1px solid rgba(255, 255, 255, 0.3); background-repeat: no-repeat; background-position: right 30px bottom 30px; }
.new-main .main-visual-wrap .main-visual-info .main-menu > li.menu1 .item { background-image: url(../../images/main/icon1.png); }
.new-main .main-visual-wrap .main-visual-info .main-menu > li.menu2 .item { background-image: url(../../images/main/icon2.png); }
.new-main .main-visual-wrap .main-visual-info .main-menu > li.menu3 .item { background-image: url(../../images/main/icon3.png); }
.new-main .main-visual-wrap .main-visual-info .main-menu > li.menu4 .item { background-image: url(../../images/main/icon4.png); }
.new-main .main-visual-wrap .main-visual-info .main-menu > li.menu5 .item { background-image: url(../../images/main/icon5.png); }
.new-main .main-visual-wrap .main-visual-info .main-menu > li.menu6 .item { background-image: url(../../images/main/icon6.png); }
.new-main .main-visual-wrap .main-visual-info .main-menu .item .menu-cate { font-family: 'Poppins'; font-size: 18px; font-weight: 400; display: block; color: #79dc9f; }
.new-main .main-visual-wrap .main-visual-info .main-menu .item .menu-title { font-size: 20px; font-weight: 500; display: block; margin-top: 29px; transition: 0.25s ease-in-out; color: #fff; }
.new-main .main-visual-wrap .main-visual-info .main-menu > li:hover .item { animation-name: slideInDown; animation-duration: 0.55s; animation-fill-mode: both; }
.new-main .main-visual-wrap .main-visual-info .main-menu .item:hover { border-color: transparent; background-color: #137a3b; }
.new-main .main-visual-wrap .main-visual-info .main-menu .item:hover .menu-title { margin-top: 49px; }
.new-main .main-visual .main-visual-item { overflow: hidden; height: 700px; white-space: nowrap; text-indent: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.new-main .main-visual .main-visual-item a { display: block; height: 100%; }
.new-main .what-we-do { position: relative; margin-bottom: 100px; padding-top: 150px; }
.new-main .what-we-do .wwd-text { margin-right: 500px; padding-right: 50px; }
.new-main .what-we-do .wwd-text .wwd-sub-title { font-family: 'Poppins'; font-size: 24px; font-weight: bold; display: block; margin-bottom: 35px; color: #1d8f49; }
.new-main .what-we-do .wwd-text .wwd-title { font-size: 36px; font-weight: bold; display: block; margin-bottom: 30px; color: #222; }
.new-main .what-we-do .wwd-text .wwd-desc { font-size: 17px; font-weight: 300; word-break: keep-all; color: #444; line-height: 1.5; }
.new-main .what-we-do .wwd-img { position: absolute; right: 0; bottom: 0; }
.new-main .what-we-do .wwd-img .wwd-thumb { position: relative; display: block; width: 500px; height: 298px; background: url(../../images/main/wwd_bg2.png) no-repeat center / cover; }
.new-main .what-we-do .wwd-img .go-link-wrap { position: absolute; bottom: 0; left: 0; width: 250px; text-align: center; background-color: #fff; }
.new-main .what-we-do .wwd-img .go-link { font-size: 18px; font-weight: 500; display: block; padding: 24px 15px; color: #222; }
.new-main .what-we-do .wwd-img .go-link span { min-height: 18px; padding-right: 48px; background: url(../../images/common/ico_arrow2.png) no-repeat right center; }
.new-main .main-business-wrap { position: relative; padding: 80px 0 130px 0; border-top: 3px solid #222; }
.new-main .main-business-wrap .main-business-title { font-size: 30px; font-weight: bold; display: block; padding-bottom: 40px; text-align: center; color: #222; }
.new-main .main-business-wrap .main-business-more { font-size: 18px; font-weight: 500; position: absolute; z-index: 1; top: 0; right: 0; display: block; padding: 24px 15px; margin: 69px 0 0 0; color: #222; }
.new-main .main-business-wrap .main-business-more span { min-height: 18px; padding-right: 48px; background: url(../../images/common/ico_arrow2.png) no-repeat right center; }
.new-main .main-business { display: flex; padding-top: 20px; background: url(../../images/main/cepc_bg.png) no-repeat center top; flex-wrap: wrap; }
.new-main .main-business > li { width: 33.33333%; text-align: center; }
.new-main .main-business .mb-icon { margin-bottom: 40px; }
.new-main .main-business .mb-title { font-size: 24px; font-weight: 300; display: block; margin-bottom: 40px; color: #222; }
.new-main .main-business .mb-title b { font-weight: bold; display: block; color: #1d8f49; }
.new-main .main-business2 { display: flex; flex-wrap: wrap; margin: 0 -5px; }
.new-main .main-business2 > li { width: 25%; padding: 0 5px; }
.new-main .main-business2 .list1 .item { background-color: #1fae80; }
.new-main .main-business2 .list2 .item { background-color: #21aaa4; }
.new-main .main-business2 .list3 .item { background-color: #29a2bf; }
.new-main .main-business2 .list4 .item { background-color: #2e80b8; }
.new-main .main-business2 .item { padding: 35px 20px; text-align: center; color: #fff; height: 100%; }
.new-main .main-business2 .item .mb-icon { margin-bottom: 35px; }
.new-main .main-business2 .item .mb-title { font-size: 22px; font-weight: bold; display: block; margin-bottom: 20px; }
.new-main .main-business2 .item .mb-desc { text-align: left; }
.new-main .main-business2 .item .mb-desc > li { position: relative; margin-bottom: 10px; padding-left: 15px; }
.new-main .main-business2 .item .mb-desc > li:last-child { margin-bottom: 0; }
.new-main .main-business2 .item .mb-desc > li:before { content: ''; position: absolute; left: 0; top: 9px; display: block; width: 4px; height: 4px; background: #fff; border-radius: 100%; }
.new-main .main-business2 .item .mb-desc > li:last-child { margin-bottom: 0; }
.new-main .main-business2 .item .mb-desc > li > ul { margin-top: 10px; }
.new-main .main-business2 .item .mb-desc > li > ul > li:before { content: '- '; }
.new-main .main-notice { overflow: hidden; padding: 80px 0 110px 0; background-color: #ededed; }
.new-main .main-notice .new-main-inner { position: relative; }
.new-main .main-notice .main-notice-category { position: absolute; top: 0; left: 0; z-index: 10; }
.new-main .main-notice .main-notice-category .category-list { display: inline-block; padding: 0 15px; }
.new-main .main-notice .main-notice-category .category-list .category-title { font-size: 30px; font-weight: bold; display: block; color: #ababab; border-bottom: 4px solid transparent; padding-bottom: 5px; }
.new-main .main-notice .main-notice-category .category-list.active .category-title { color: #222; border-color: #222; }
.new-main .main-notice .notice-list-item { display: none; padding-top: 90px; }
.new-main .main-notice .notice-list > li { height: auto; }
.new-main .main-notice .notice-list .inbox { height: 100%; }
.new-main .main-notice .notice-list .inbox > a { position: relative; background: #fff; display: block; width: 100%; height: 100%; padding: 35px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%); border: 2px solid #ddd; box-sizing: border-box; }
.new-main .main-notice .notice-list .inbox > a:before { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #ddd transparent; }
.new-main .main-notice .notice-list .inbox > a:hover { border-color: #1e8f48; outline: 2px solid #1e8f48; outline-offset: -1px; /* border와 겹치게 */ }
.new-main .main-notice .notice-list .inbox > a:hover:before { border-color: transparent transparent #1e8f48 transparent; }
.new-main .main-notice .notice-list .inbox .badge-category-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 0 10px; margin-bottom: 10px; }
.new-main .main-notice .notice-list .inbox .badge-category {font-size: 17px; font-weight: 300; display: block; color: #444; }
.new-main .main-notice .notice-list .inbox .badge-notice { font-size: 16px; font-weight: 300; line-height: 30px; display: inline-block; min-width: 70px; height: 30px; padding: 0 10px; text-align: center; color: #fff; border-radius: 15px; background: #1e8f48; }
.new-main .main-notice .notice-list .inbox h3 { font-size: 20px; font-weight: 500; color: #222; }
.new-main .main-notice .notice-list .inbox h3.article-title span { display: block; margin-top: 20px; height: 141px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.new-main .main-notice .notice-list .inbox p { line-height: 1.5; font-size: 17px; font-weight: 300; margin-bottom: 15px; color: #444; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.new-main .main-notice .notice-list .inbox .date { font-size: 15px; display: block; margin-top: 10px; color: #666; }
.new-main .main-notice .main-notice-more { font-size: 18px; font-weight: 500; position: absolute; z-index: 1; top: 0; right: 0; display: block; padding: 24px 15px; color: #222; }
.new-main .main-notice .main-notice-more span { min-height: 18px; padding-right: 48px; background: url(../../images/common/ico_arrow2.png) no-repeat right center; }
.new-main .main-program { padding-top: 80px; }
.new-main .main-program .new-main-inner { position: relative; }
.new-main .main-program .main-program-title { font-size: 30px; font-weight: bold; display: block; margin-bottom: 40px; color: #222; }
.new-main .main-program .list-box { margin: 0 -10px; }
.new-main .main-program .list-box > li { float: left; width: 25%; }
.new-main .main-program .list-box .gallery-box { position: relative; margin: 0 10px; }
.new-main .main-program .list-box .gallery-box:before { position: absolute; z-index: 1; top: 0; right: 0; left: 0; display: none; width: 100%; height: 100%; content: ''; color: #fff; background: rgba(29, 143, 73, 0.9); background-image: url(../../images/common/ico_plus2.png); background-repeat: no-repeat; background-position: center; }
.new-main .main-program .list-box > li > a:hover .gallery-box:before { display: block; }
.new-main .main-program .list-box .gallery-box .category-title { font-size: 15px; font-weight: 500; line-height: 28px; display: inline-block; min-width: 79px; height: 30px; margin-bottom: 18px; padding: 0 5px; text-align: center; color: #1e8f48; border: 1px solid #1e8f48; border-radius: 15px; }
.new-main .main-program .main-program-more { font-size: 18px; font-weight: 500; position: absolute; z-index: 1; top: 0; right: 0; display: block; padding: 14px 15px; color: #222; }
.new-main .main-program .main-program-more span { min-height: 18px; padding-right: 48px; background: url(../../images/common/ico_arrow2.png) no-repeat right center; }
.new-main .main-gallery-wrap { padding-top: 80px; }
.new-main .main-gallery-wrap .main-gallery-title { font-size: 30px; font-weight: bold; display: block; padding-bottom: 45px; text-align: center; color: #222; }
.new-main .main-gallery { position: relative; width: 100%; display: grid; place-items: center; overflow: hidden; }
.new-main .main-gallery .gallery-track { width: calc(380px * 20); display: flex; animation: scroll 430s linear infinite; justify-content: space-between; }
.new-main .main-gallery .gallery-track .main-gallery-list { position: relative; width: 380px; display: grid; place-items: center; transition: 0.5s; cursor: pointer; padding: 0 3px; }
.new-main .main-gallery .gallery-track .main-gallery-list:before { content:""; display: block; padding-top: 100%; }
.new-main .main-gallery .gallery-track .main-gallery-list > a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.new-main .main-gallery .gallery-track .main-gallery-list img { width: 100% !important; height: 100% !important; object-fit: fill; }
.new-main .main-location { width: 100%; height: 785px; padding-top: 80px; background: url(../../images/main/location.png) no-repeat center; margin-top: 80px; border-top: 1px solid #eee; }
.new-main .main-location .main-location-title { font-size: 30px; font-weight: bold; display: block; padding-bottom: 135px; text-align: center; color: #222; }
.new-main .main-location .main-location-info-wrap { width: 50%; margin-left: 50%; }
.new-main .main-location .main-location-info { margin-bottom: 40px; }
.new-main .main-location .main-location-info > li { margin-bottom: 35px; }
.new-main .main-location .main-location-info > li:last-child { margin-bottom: 0; }
.new-main .main-location .main-location-info .location-cate { font-size: 22px; font-weight: bold; display: block; margin-bottom: 15px; color: #1d8f49; }
.new-main .main-location .main-location-info .location-txt-item { font-size: 17px; margin-bottom: 15px; }
.new-main .main-location .main-location-info .location-txt-item .txt-title { font-weight: 500; display: block; margin-bottom: 5px; color: #222; }
.new-main .main-location .main-location-info .location-txt-item .txt-desc { color: #444; }
.new-main .main-location .main-location-link a { font-size: 18px; display: inline-block; min-width: 180px; padding: 17px 15px; text-align: center; vertical-align: top; color: #222; border: 1px solid #000; background-color: #fff; }
.new-main .cooperation-inner { padding: 50px 0; }
.new-main .cooperation-inner .cooperation-banner-list:after,
.cooperation-inner .cooperation-list:after { display: block; clear: both; content: ''; }
.new-main .cooperation-inner .bx-wrapper { position: relative; height: 60px; margin: 0 auto; }
.new-main .cooperation-inner .cooperation-list > li { float: left; width: 20%; }
.new-main .cooperation-inner .cooperation-list > li > a { display: block; text-align: center; }
.new-main .cooperation-inner .bx-controls-direction a { position: absolute; top: 0; display: block; overflow: hidden; width: 60px; height: 60px; white-space: nowrap; text-indent: 100%; border: 2px solid #e0e0e0; background: #fff; }
.new-main .cooperation-inner .bx-controls-direction a:hover { border: 2px solid #1e8f48; }
.new-main .cooperation-inner .bx-controls-direction a.bx-prev { left: -60px; background: url(../../images/common/prev.png) no-repeat center; }
.new-main .cooperation-inner .bx-controls-direction a.bx-prev:hover { background: url(../../images/common/prev_on.png) no-repeat center; }
.new-main .cooperation-inner .bx-controls-direction a.bx-next { right: -60px; background: url(../../images/common/next.png) no-repeat center; }
.new-main .cooperation-inner .bx-controls-direction a.bx-next:hover { background: url(../../images/common/next_on.png) no-repeat center; }
@keyframes scroll {
    0% { transform: translate3d(0, 0, 0) rotate(0.001deg); }
    100% { transform: translate3d(-3800px, 0, 0) rotate(0.001deg); }
}
@keyframes slideInDown {
    0% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(0, -15%, 0); }
    100% { transform: translate3d(0, 0, 0); }
}

/* 탭 */
.tab-content { display: none; }

/* 소개 - 센터소개 */
.center-intro .what-we-do { position: relative; margin-bottom: 100px; padding-top: 150px; border-bottom: 3px solid #222; padding-bottom: 80px; }
.center-intro .what-we-do .wwd-text { margin-right: 500px; padding-right: 50px; }
.center-intro .what-we-do .wwd-text .wwd-sub-title { font-family: 'Poppins'; font-size: 24px; font-weight: bold; display: block; margin-bottom: 35px; color: #1d8f49; }
.center-intro .what-we-do .wwd-text .wwd-title { font-size: 36px; font-weight: bold; display: block; margin-bottom: 30px; color: #222; }
.center-intro .what-we-do .wwd-text .wwd-desc { font-size: 17px; font-weight: 300; word-break: keep-all; color: #444; line-height: 1.5; }
.center-intro .what-we-do .wwd-img { position: absolute; right: 0; bottom: 80px; }
.center-intro .what-we-do .wwd-img .wwd-thumb { position: relative; display: block; width: 500px; height: 298px; background: url(../../images/main/wwd_bg3.png) no-repeat center / cover; }
.center-intro .center-intro-vision { background-color: #f8f8f8; }
.center-intro .center-intro-vision .innerbox { padding: 95px 17px 78px 17px; background: url(../../images/sub/intro/intro_bg.png) no-repeat right bottom; height: 540px; }
.center-intro .center-intro-vision .vision-list { margin-bottom: 70px; }
.center-intro .center-intro-vision .vision-list .vision-title { font-size: 36px; font-weight: bold; display: block; margin-bottom: 30px; color: #222; margin-bottom: 33px; }
.center-intro .center-intro-vision .vision-list .vision-desc { font-size: 20px; }
.center-intro .center-intro-vision .vision-list .worth-list { font-size: 0; }
.center-intro .center-intro-vision .vision-list .worth-list > li { position: relative; width: 130px; display: inline-block; border-radius: 100%; overflow: hidden; margin-right: 30px; }
.center-intro .center-intro-vision .vision-list .worth-list > li.list1 { background-color: #29bc8d; }
.center-intro .center-intro-vision .vision-list .worth-list > li.list2 { background-color: #26b4ae; }
.center-intro .center-intro-vision .vision-list .worth-list > li.list3 { background-color: #28a2bf; }
.center-intro .center-intro-vision .vision-list .worth-list > li.list4 { background-color: #3080b9; }
.center-intro .center-intro-vision .vision-list .worth-list > li:before { content: ''; display: block; padding-top: 100%; }
.center-intro .center-intro-vision .vision-list .worth-list .txt { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: table; width: 100%; height: 100%; font-size: 17px; font-weight: 500; color: #fff; }
.center-intro .center-intro-vision .vision-list .worth-list .txt .center { display: table-cell; vertical-align: middle; text-align: center; }
.center-intro .center-intro-vision2 .vision-list { margin-bottom: 110px; text-align: center; }
.center-intro .center-intro-vision2 .vision-title { font-size: 36px; font-weight: bold; display: block; color: #222; margin-bottom: 25px; }
.center-intro .center-intro-vision2 .vision-desc { font-weight: 500; font-size: 30px; color: #222; line-height: 1.5; }
.center-intro .center-intro-vision2 .vision-desc b { font-weight: bold; font-size: 38px; color: #0b867a; }
.center-intro .center-intro-vision2 .vision-list .worth-list { font-size: 0; }
.center-intro .center-intro-vision2 .vision-list .worth-list > li { position: relative; box-shadow: 8px 13px 15px 0px rgba(0, 0, 0, 0.1); width: 200px; display: inline-block; border-radius: 100%; overflow: hidden; margin-right: 40px; }
.center-intro .center-intro-vision2 .vision-list .worth-list > li:last-child { margin-right: 0; }
.center-intro .center-intro-vision2 .vision-list .worth-list > li.list1 { background-color: #29bc8d; }
.center-intro .center-intro-vision2 .vision-list .worth-list > li.list2 { background-color: #07a397; }
.center-intro .center-intro-vision2 .vision-list .worth-list > li.list3 { background-color: #0b877d; }
.center-intro .center-intro-vision2 .vision-list .worth-list > li.list4 { background-color: #126872; }
.center-intro .center-intro-vision2 .vision-list .worth-list > li:before { content: ''; display: block; padding-top: 100%; }
.center-intro .center-intro-vision2 .vision-list .worth-list .txt { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: table; width: 100%; height: 100%; font-size: 28px; font-weight: bold; color: #fff; }
.center-intro .center-intro-vision2 .vision-list .worth-list .txt .center { display: table-cell; vertical-align: middle; text-align: center; }
.center-intro .goal { padding: 100px 0; }
.center-intro .goal .goal-title { font-size: 36px; font-weight: bold; display: block; padding-bottom: 40px; text-align: center; color: #222; }
.center-intro .goal .goal-list { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.center-intro .goal .goal-list > li { width: 33.33333%; padding: 0 15px; }
.center-intro .goal .goal-list .item { height: 100%; background-color: #eee; padding: 30px 50px 60px 50px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.center-intro .goal .goal-list .item .item-icon { margin-bottom: 40px; }
.center-intro .goal .goal-list .item .item-title { display: block; font-weight: bold; font-size: 26px; color: #222; margin-bottom: 25px; }
.center-intro .goal .goal-list .item .desc-list { text-align: left; }
.center-intro .goal .goal-list .item .desc-list > li { position: relative; font-size: 18px; font-weight: 400; color: #444; margin-bottom: 13px; padding-left: 13px; }
.center-intro .goal .goal-list .item .desc-list > li:before { content: ''; position: absolute; left: 0; top: 10px; display: block; width: 4px; height: 4px; background-color: #444; border-radius: 100%; }
.center-intro .goal .goal-list .item .desc-list > li:last-child { margin-bottom: 0; }
.center-intro .bg-area { position: relative; margin-bottom: -110px; background: #6de297; }
.center-intro .bg-area .bg-content { padding: 15px; padding-top: 90px; width: 100%; height: 960px; max-width: 1200px; margin: 0 auto; background: url(../../images/sub/intro/intro_bg2.png) no-repeat center bottom 90px / contain; }
.center-intro .bg-area .bg-content .bg-title { display: block; text-align: center; font-weight: 300; font-size: 36px; color: #000; }
.center-intro .bg-area .bg-content .bg-title b { font-weight: bold; }
.center-intro2 { word-break: keep-all; }
.center-intro2 .intro_title_wrap { display: flex; flex-wrap: wrap; align-items: baseline; margin-bottom: 85px; }
.center-intro2 .intro_title { font-size: 30px; font-weight: bold; color: #231815; margin-right: 15px; }
.center-intro2 .intro_title_en { font-size: 26px; color: #888; }
.center-intro2 .intro_con_wrap { max-width: 1080px; margin: 0 auto; }
.center-intro2 .intro_con_wrap .intro_con { display: flex; flex-wrap: wrap; margin-bottom: 60px; text-align: center; align-items: center; }
.center-intro2 .intro_con_wrap .intro_con:last-child { margin-bottom: 0; }
.center-intro2 .intro_con_wrap .intro_con.intro_con1 .intro_con_box { position: relative; }
.center-intro2 .intro_con_wrap .intro_con.intro_con1 .intro_con_box:before { content: ''; display: block; width: 28px; height: 16px; background: url(/user/images/sub/intro/dot.png) no-repeat center; background-size: contain; position: absolute; left: calc(50% + 15px); margin-left: -14px; top: calc(100% + 30px); }
.center-intro2 .intro_con_wrap .intro_con.intro_con2 { padding: 25px 0; }
.center-intro2 .intro_con_wrap .intro_con.intro_con4 { margin-bottom: 30px; }
.center-intro2 .intro_con_wrap .intro_con_title { position: relative; display: inline-block; font-size: 19px; color: #231815; font-weight: bold; padding-right: 75px; width: 150px; text-align: left; }
.center-intro2 .intro_con_wrap .intro_con_title:before { content: ''; display: block; width: 55px; height: 1px; background-color: #6061a9; position: absolute; right: 0; top: 12px; }
.center-intro2 .intro_con_wrap .intro_con_title:after { content: ''; display: block; width: 3px; height: 3px; background-color: #6061a9; position: absolute; right: 0; top: 11px; border-radius: 100%; }
.center-intro2 .intro_con_wrap .intro_con_box { padding-left: 30px; width: calc(100% - 150px); }
.center-intro2 .intro_con_wrap .desc1 { font-size: 19px; color: #231815; font-weight: 500; }
.center-intro2 .intro_con_wrap .desc2 { font-weight: bold; font-size: 23px; color: #6061a9; margin-top: 5px; }
.center-intro2 .intro_con_wrap .intro_con_list1 { position: relative; display: flex; flex-wrap: wrap; justify-content: center; }
.center-intro2 .intro_con_wrap .intro_con_list1:before { content: ''; display: block; height: 1px; background: #7876b5; bottom: -25px; left: 199px; right: 199px; position: absolute; }
.center-intro2 .intro_con_wrap .intro_con_list1 > li { width: 25%; max-width: 165px; padding: 0 10px; }
.center-intro2 .intro_con_wrap .intro_con_list1 .box_desc_wrap { position: relative; }
.center-intro2 .intro_con_wrap .intro_con_list1 .box_desc_wrap:before { content: ''; display: block; padding-top: 100%; }
.center-intro2 .intro_con_wrap .intro_con_list1 .box_desc_wrap1:after,
.center-intro2 .intro_con_wrap .intro_con_list1 .box_desc_wrap4:after { content: ''; display: block; width: 190px; height: 95px; border: 1px solid #7876b5; position: absolute; left: -50%; top: 50%; margin-top: -45px; border-bottom: 0; transform: rotate(-90deg); border-top-left-radius: 100px; border-top-right-radius: 100px; }
.center-intro2 .intro_con_wrap .intro_con_list1 .box_desc_wrap4:after { transform: rotate(90deg); left: auto; right: -50%; }
.center-intro2 .intro_con_wrap .intro_con_list1 .box_desc { display: flex; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 100%; font-size: 18px; font-weight: 500; color: #fff; align-items: center; justify-content: center; padding: 15px; }
.center-intro2 .intro_con_wrap .intro_con_list1 .box_desc.box_desc1 { background-color: #7876b5; }
.center-intro2 .intro_con_wrap .intro_con_list1 .box_desc.box_desc2 { background-color: #88ceda; }
.center-intro2 .intro_con_wrap .intro_con_list1 .box_desc.box_desc3 { background-color: #7876b5; }
.center-intro2 .intro_con_wrap .intro_con_list1 .box_desc.box_desc4 { background-color: #88ceda; }
.center-intro2 .intro_con_wrap .intro_con_list2 { display: flex; flex-wrap: wrap; justify-content: center; }
.center-intro2 .intro_con_wrap .intro_con_list2 > li { width: 33.3%; max-width: 250px; padding: 0 5px; border-right: 1px dashed #6061a9; }
.center-intro2 .intro_con_wrap .intro_con_list2 > li:last-child { border-right: 0; }
.center-intro2 .intro_con_wrap .intro_con_list2 .item_desc { font-size: 18px; font-weight: 500; color: #6061a9; }
.center-intro2 .intro_con_wrap .intro_con_list2 .item_desc:before { content: ''; display: block; width: 75px; height: 75px; background-repeat: no-repeat; background-position: center; margin: 0 auto; margin-bottom: 15px; background-size: contain; }
.center-intro2 .intro_con_wrap .intro_con_list2 > li.list1 .item_desc:before { background-image: url(/user/images/sub/intro/intro_icon1.png?2); }
.center-intro2 .intro_con_wrap .intro_con_list2 > li.list2 .item_desc:before { background-image: url(/user/images/sub/intro/intro_icon2.png?2); }
.center-intro2 .intro_con_wrap .intro_con_list2 > li.list3 .item_desc:before { background-image: url(/user/images/sub/intro/intro_icon3.png?2); }
.center-intro2 .intro_con_wrap .intro_con_list3 { display: flex; flex-wrap: wrap; justify-content: center; }
.center-intro2 .intro_con_wrap .intro_con_list3 > li { width: 33.3%; max-width: 250px; padding: 0 5px; }
.center-intro2 .intro_con_wrap .intro_con_list3 .item_desc { height: 100%; background: #f7f7f7; padding: 25px 15px; font-size: 15px; }
.center-intro2 .intro_con_wrap .intro_con_list3 .item_desc .top { padding-bottom: 15px; border-bottom: 1px dotted #6061a9; }
.center-intro2 .intro_con_wrap .intro_con_list3 .item_desc .bottom { padding-top: 15px; }
.center-intro2 .intro_con_wrap .intro_con_list4 { display: flex; flex-wrap: wrap; justify-content: center; }
.center-intro2 .intro_con_wrap .intro_con_list4 > li { width: 33.3%; max-width: 250px; padding: 0 5px; }
.center-intro2 .intro_con_wrap .intro_con_list4 > li:before { content: ''; display: block; width: 28px; height: 16px; background: url(/user/images/sub/intro/dot.png) no-repeat center; background-size: contain; margin: 0 auto; margin-bottom: 30px; }
.center-intro2 .intro_con_wrap .intro_con_list4 .item_desc { font-size: 18px; line-height: 1.5; }
.center-intro2 .intro_con_wrap .intro_con_list4 .item_desc:before { content: ''; display: block; width: 129px; height: 107px; background-repeat: no-repeat; background-position: center; margin: 0 auto; margin-bottom: 25px; background-size: contain; }
.center-intro2 .intro_con_wrap .intro_con_list4 > li.list1 .item_desc:before { background-image: url(/user/images/sub/intro/intro_icon7.png?2); }
.center-intro2 .intro_con_wrap .intro_con_list4 > li.list2 .item_desc:before { background-image: url(/user/images/sub/intro/intro_icon5.png?2); }
.center-intro2 .intro_con_wrap .intro_con_list4 > li.list3 .item_desc:before { background-image: url(/user/images/sub/intro/intro_icon6.png?2); }
.center-intro2 .intro_con_wrap2 { border-top: 1px solid #222; margin-top: 90px; padding-top: 100px; }
.center-intro2 .intro_con_wrap2 .intro_con_title { text-align: center; font-size: 25px; color: #000; margin-bottom: 50px; }
.center-intro2 .intro_con_wrap2 .intro_con_title b { font-weight: bold; }
.center-intro2 .intro_con_wrap2 .intro_con_box { text-align: center; }

/* 소개 - 주요사업 */
.mainBusiness { overflow: hidden; }
.mainBusiness .top_message { margin-bottom: 35px; }
.mainBusiness .mainBusiness-all-list > li { margin-bottom: 40px; }
.mainBusiness .mainBusiness-all-list > li:last-child { margin-bottom: 0; }
.mainBusiness .mainBusiness-title { position: relative; display: block; font-weight: bold; font-size: 24px; color: #222; padding: 1px 0 1px 53px; margin-bottom: 30px; }
.mainBusiness .mainBusiness-title .num { position: absolute; left: 0; top: 0; display: block; font-size: 16px; color: #fff; width: 33px; height: 33px; text-align: center; line-height: 33px; border-radius: 100%; background: #52ae45; background: -o-linear-gradient(315deg, #52ae45 0%, #3ca147 40%, #1d8f49 100%); background: linear-gradient(135deg, #52ae45 0%, #3ca147 40%, #1d8f49 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52ae45', endColorstr='#1d8f49', GradientType=1); }
.mainBusiness .mainBusiness-list1 { display: flex; flex-wrap: wrap; margin: 0 -19px; }
.mainBusiness .mainBusiness-list1 > li { width: 50%; padding: 0 19px; }
.mainBusiness .mainBusiness-list1.full > li { width: 100%; }
.mainBusiness .mainBusiness-list1 .item { height: 100%; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; background-color: #f8f8f8; }
.mainBusiness .mainBusiness-list1 .item-title-area { padding: 50px 40px 50px 180px; background-color: #1fae80; background-repeat: no-repeat; background-position: left 40px top 40px; }
.mainBusiness .mainBusiness-list1 > li.list2 .item-title-area { background-color: #21aaa4; }
.mainBusiness .mainBusiness-list1 > li.list3 .item-title-area { background-color: #29a2bf; }
.mainBusiness .mainBusiness-list1 > li.list4 .item-title-area { background-color: #2e80b8; }
.mainBusiness .mainBusiness-list1 > li.list1 .item.item1 .item-title-area { background-image: url(../../images/sub/business/icon1.png); }
.mainBusiness .mainBusiness-list1 > li.list2 .item.item1 .item-title-area { background-image: url(../../images/sub/business/icon2.png); }
.mainBusiness .mainBusiness-list1 > li.list3 .item.item1 .item-title-area { background-image: url(../../images/sub/business/icon3.png); }
.mainBusiness .mainBusiness-list1 > li.list4 .item.item1 .item-title-area { background-image: url(../../images/sub/business/icon4.png); }
.mainBusiness .mainBusiness-list1 .item-title { display: block; font-weight: bold; font-size: 22px; color: #fff; margin-bottom: 10px; }
.mainBusiness .mainBusiness-list1 .item-sub-title { color: rgba(255, 255, 255, 0.6); }
.mainBusiness .mainBusiness-list1 .item-content { padding: 40px; }
.mainBusiness .mainBusiness-list1 .content-list > li { font-size: 17px; font-weight: 500; margin-bottom: 25px; color: #1fae80; }
.mainBusiness .mainBusiness-list1 > li.list2 .content-list > li { color: #21aaa4; }
.mainBusiness .mainBusiness-list1 > li.list3 .content-list > li { color: #29a2bf; }
.mainBusiness .mainBusiness-list1 > li.list4 .content-list > li { color: #2e80b8; }
.mainBusiness .mainBusiness-list1 .content-list > li:last-child { margin-bottom: 0; }
.mainBusiness .mainBusiness-list1 .content-list > li > ul { margin-top: 15px; }
.mainBusiness .mainBusiness-list1 .content-list > li > ul > li { position: relative; font-size: 16px; color: #666; font-weight: 300; padding-left: 13px; margin-bottom: 10px; }
.mainBusiness .mainBusiness-list1 .content-list > li > ul > li:before { content: ''; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; border-radius: 100%; background-color: #444; }
.mainBusiness .mainBusiness-list1 .content-list > li > ul > li:last-child { margin-bottom: 0; }
.mainBusiness .mainBusiness-list2 > li { display: flex; flex-wrap: wrap; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; margin-bottom: 40px; }
.mainBusiness .mainBusiness-list2 > li:last-child { margin-bottom: 0; }
.mainBusiness .mainBusiness-list2 .item-title-area { background-color: #1fae80; padding: 40px 50px; flex-shrink: 0; width: 25%; background-repeat: no-repeat; background-position: center bottom; }
.mainBusiness .mainBusiness-list2 > li.list1 .item-title-area { background-image: url(../../images/sub/business/icon2-1.png); }
.mainBusiness .mainBusiness-list2 > li.list2 .item-title-area { background-image: url(../../images/sub/business/icon2-2.png); }
.mainBusiness .mainBusiness-list2 > li.list3 .item-title-area { background-image: url(../../images/sub/business/icon2-4.png); }
.mainBusiness .mainBusiness-list2.type2 > li.list1 .item-title-area { background-image: url(../../images/sub/business/icon3-1.png); }
.mainBusiness .mainBusiness-list2.type2 > li.list2 .item-title-area { background-image: url(../../images/sub/business/icon3-2.png); }
.mainBusiness .mainBusiness-list2.type3 > li.list1 .item-title-area { background-image: url(../../images/sub/business/icon4-1.png); }
.mainBusiness .mainBusiness-list2.type2 .item-title-area { background-color: #29a2bf; }
.mainBusiness .mainBusiness-list2.type3 .item-title-area { background-color: #2e80b8; }
.mainBusiness .mainBusiness-list2 .item-title { font-weight: 500; font-size: 24px; color: #fff; }
.mainBusiness .mainBusiness-list2 .item-content { width: 75%; padding: 40px; }
.mainBusiness .mainBusiness-list2 .content-list > li { font-size: 17px; font-weight: 500; margin-bottom: 25px; color: #1fae80; }
.mainBusiness .mainBusiness-list2.type2 .content-list > li { color: #29a2bf; }
.mainBusiness .mainBusiness-list2.type3 .content-list > li { color: #2e80b8; }
.mainBusiness .mainBusiness-list2 .content-list > li:last-child { margin-bottom: 0; }
.mainBusiness .mainBusiness-list2 .content-list > li > ul { margin-top: 10px; }
.mainBusiness .mainBusiness-list2 .content-list > li > ul > li { font-size: 16px; color: #666; font-weight: 300; margin-bottom: 10px; }
.mainBusiness .mainBusiness-list2 .content-list > li > ul > li:last-child { margin-bottom: 0; }
.mainBusiness .mainBusiness-list2 .content-list > li > ul > li > ul { margin-top: 10px; }
.mainBusiness .mainBusiness-list2 .content-list > li > ul > li > ul > li { margin-bottom: 10px; }
.mainBusiness .mainBusiness-list2 .content-list > li > ul > li > ul > li:last-child { margin-bottom: 0; }
.mainBusiness .mainBusiness-list2 .content-list > li > ul > li > ul > li > ul { margin-top: 5px; }
.mainBusiness .mainBusiness-list2 .content-list > li > ul > li > ul > li > ul > li { margin-bottom: 10px; }
.mainBusiness .mainBusiness-list2 .content-list > li > ul > li > ul > li > ul > li:last-child { margin-bottom: 0; }

/* 공지사항 게시판 */
.cardNews_title { height: 91px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.cm_color1 { color: #1e8f48 !important; } 

.cm_file_down_list { display: flex; gap: 10px; flex-direction: column; margin-top: 15px; }
.cm_file_down_list > li { display: flex; align-items: center; gap: 5px 20px; flex-wrap: wrap; }

.cm_btn1 { display: inline-flex; padding: 0 10px; min-height: 35px; color: #1d8f49; font-size: 15px; border: 1px solid #1d8f49; align-items: center; }
.cm_btn1 span { padding-left: 26px; background: url(/user/images/common/icon_down.png) no-repeat left center / 18px; }

.cm_box1 { border:1px solid #ddd; margin-top: 15px; padding: 25px 30px; }