@charset "utf-8";

@font-face {
    font-family: 'GangwonEdu_OTFBoldA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.sub_visual {margin-top:150px; background:#e8f3e8; margin-bottom:20px}
.sub_visual > div {max-width:1400px; margin:0 auto; height:150px; padding-top:35px; box-sizing:border-box}
.sub_visual > div h2 {font-size:35px; font-weight:700; margin-top:20px}
.sub_visual > div .page_navigation {display:none}
.sub_visual > div .page_navigation span {background:url('/images/comm/ico_home.png') no-repeat 0 0; padding-left:30px; font-size:18px; line-height:23px; height:23px; display:inline-block}


nav.sub_menu {height:70px}
nav.sub_menu a.m1 {display:none; font-size:18px; line-height:50px; box-sizing:border-box; padding-left:20px; border-bottom:1px solid #fff; position:relative; background:#1a8c22; color:#fff}
nav.sub_menu a.m1 i {width:15px; height:9px; background:url('/images/comm/allow_u.png') no-repeat; display:block; position:absolute; top:50%; transform:translateY(-50%); right:20px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease}
nav.sub_menu a.m1.on i {transform: rotate(180deg)}

nav.sub_menu ul {max-width:1400px; margin:0 auto; text-align:center; display:flex}
nav.sub_menu ul > li {display:inline-block; position:relative; height:70px; flex-basis:100%; padding:0 10px}
nav.sub_menu ul > li+li:before {content:''; position:absolute; left:0; width:3px; height:3px; background:#888; border-radius:50%; top:50%; transform:translateY(-50%)}
nav.sub_menu ul > li > a {font-size:20px; transition:all 0.3s; position:relative; display:flex; align-items:center; justify-content:center; padding:20px 10px; box-sizing:border-box; height:70px}
nav.sub_menu ul > li > a:after {content:''; display:inline-block; width:0; height:100%; vertical-align:middle}
nav.sub_menu ul > li.active > a {color:#fff; font-weight:500; background:#1a8c22; border-radius:20px}
nav.sub_menu ul > li > a:hover:before {background-color:#1a8c22; width:50px}
nav.sub_menu ul > li > a:before {display:block; content:""; position:absolute; width:0; height:5px; border-radius:5px; background-color:transparent; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transition:all 0.3s;}
nav.sub_menu ul > li > a em {font-size:14px; display:block}


.container {clear:both; max-width:1400px; margin:0 auto; position:relative; padding-top:70px; box-sizing:border-box}
.container.board {margin-bottom:50px}

.sub_page {line-height:1.5; font-size:17px; padding-bottom:70px; min-height:400px}
.sub_page img {max-width:100%}
.sub_page .section {margin-bottom:50px}
.sub_page .tac {text-align:center}
.sub_page .mt20 {margin-top:20px}
.sub_page .mb20 {margin-bottom:20px}
.sub_page .text_list1 .red {color:#f00}
.sub_page .text_list1 .green {color:#1a8c22}

h3.tit {font-size:32px; margin-bottom:60px; font-weight:600; position:relative; padding-bottom:30px; border-bottom:#eee solid 1px}
h4.tit {font-size:23px; margin-bottom:30px; /*background:url('/images/comm/bu_01.gif') no-repeat 0 2px; padding-left:35px;*/ line-height:30px; clear:both; color:#1a8c22}
h5.tit {font-size:20px; margin-bottom:20px; font-weight:600; position:relative; padding-left:22px}
h5.tit:after {content:''; width:13px; height:13px; border:4px solid #999; position:absolute; top:8px; left:0; box-sizing:border-box; border-radius:5px}
h5.tit span {font-size:18px; font-weight:400; margin-left:10px}
h6.tit {font-size:18px; margin-bottom:20px; font-weight:600; padding:10px 20px; border-radius:30px; background:#f6f7ba; display:inline-block}

.nav_tab1 {margin-bottom:50px; font-size:0; margin-left:-1px; display:flex}
.nav_tab1 a {font-size:18px; color:#555; width:100%; height:60px; flex-basis:100%; text-align:center; margin-left:1px; position:relative; line-height:1; letter-spacing:-1px; border:1px solid #dbdbdb; background:#f7f7f7}
.nav_tab1 a:after {content:''; display:inline-block; width:0; height:100%; vertical-align:middle}
.nav_tab1 a:hover,
.nav_tab1 a.active {font-weight:500; background:#66b46b; color:#fff; border:1px solid #66b46b}
.nav_tab1 a.active:before {content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #66b46b; position: absolute; left: 50%; bottom: -8px; transform: translate(-50%, 0)}
.nav_tab1 a.long {display:flex; align-items:center; justify-content:center; line-height:1.5}
.nav_tab1 a.long:after {height:50%}

.nav_tab2 {margin-bottom:50px; font-size:0; display:flex; flex-wrap:wrap; justify-content:center}
.nav_tab2 a {font-size:18px; color:#888; padding:0 40px; text-align:center; position:relative; padding-bottom:20px}
.nav_tab2 a + a {border-left:#ddd solid 1px}
.nav_tab2 a.active {color:#6cb77e; font-weight:500}
.nav_tab2 a:after {content:''; width:50px; height:7px; border-radius:5px; background:#999; position:absolute; left:calc(50% - 25px); bottom:0}
.nav_tab2 a.active:after {background:#6cb77e}


/*이용안내*/
.guide .num {display:flex; flex-wrap:Wrap; gap:10px; margin-bottom:50px}
.guide .num li {width:calc(33.33% - 10px); position:relative; line-height:1.5; padding:20px 20px 20px 60px; box-sizing:border-box; border:1px solid #dbdbdb; border-radius:15px; background:#f9f9f9}
.guide .num li span {color:#1a8c22}
.guide .num li span.red {color:#f00}
.guide .num li label {display:flex; align-items:center; justify-content:center; position:absolute; top:17px; left:20px; background:#1a8c22; color:#fff; width:30px; height:30px; border-radius:15px;}

.guide3 .bus_line {display:flex; flex-wrap:wrap}
.guide3 .bus_line li {width:calc(20% - 40px); margin-right:40px; position:relative; text-align:center; border:#ddd solid 1px; box-sizing:border-box; border-radius:20px; padding-top:10px}
.guide3 .bus_line li:after {content:''; width:30px; height:30px; background:url('/images/main/btn_next.png') no-repeat; background-size:30px; position:absolute; right:-35px; top:50%; transform:translateY(-50%)}
.guide3 .bus_line li:nth-child(n+6) {margin-top:40px}
.guide3 .bus_line li:last-child:after {display:none}
.guide3 .bus_line li label {display:inline-block; background:#008c01; color:#fff; font-weight:700; width:30px; height:30px; line-height:30px; border-radius:5px; margin-bottom:10px}
.guide3 .bus_line li p {font-weight:500; margin-bottom:10px}
.guide3 .bus_line li span {display:block; padding:10px 0; color:#008c01; background:#f7f7f7; border-radius:0 0 20px 20px}

.guide3.pink h4 {color:#ff6666}
.guide3.pink .bus_line li label {background:#ff6666}
.guide3.pink .bus_line li span {color:#ff6666}

.guide5 .photo_list {position:relative; padding:20px 70px; border:#dbdbdb solid 1px; border-radius:20px; margin-top:30px}
.guide5 .photo_list .btn_slide_prev {position:absolute; left:10px; top:50%}
.guide5 .photo_list .btn_slide_next {position:absolute; right:10px; top:50%}
.guide5 .photo_list .mb_slide li {display:inline-block; text-align:center; width:calc(33.33% - 20px); margin-right:20px; position:relative; box-shadow:0 0 5px #ccc; border:5px solid #f7f7f7; box-sizing:border-box}
.guide5 .photo_list .mb_slide li img {width:100% !important; border-radius:10px}
.guide5 .photo_list .mb_slide li p {margin-top:5px; background:#444; color:#fff; padding:7px 0}

.guide5 .photo_list .mb_slide2 li {display:inline-block; text-align:center; width:calc(33.33% - 20px); margin-right:20px; position:relative; box-shadow:0 0 5px #ccc; border:5px solid #f7f7f7; box-sizing:border-box}
.guide5 .photo_list .mb_slide2 li img {width:100% !important; border-radius:10px}
.guide5 .photo_list .mb_slide2 li p {margin-top:5px; background:#444; color:#fff; padding:7px 0}

.guide .call {display:flex; justify-content:space-between}
.guide .call > div {width:calc(50% - 15px); padding:50px 0; box-sizing:border-box; border:1px solid #dbdbdb; border-radius:25px; text-align:center; font-size:1.4em}
.guide .call > div > p {color:#1a8c22; font-weight:bold; margin-top:20px}
.guide .call > div:nth-child(2) > p {color:#ed7616} 

.guide p.right {text-align:right; margin-top:20px; font-size:1.2em}


/*동부노인복지관*/
.dongbu .title {margin-bottom:50px; padding:30px; box-sizing:border-box; background:#e8f3e8; border-radius:25px}
.dongbu .title p.tit {font-size:1.4em; color:#1a8c22; margin-bottom:10px}

.dongbu .info_list {margin-bottom:50px;}
.dongbu .info_list > li {position:relative; line-height:1.5; padding-left:110px}
.dongbu .info_list > li::before {content:''; width:100%; height:1px; background:#eee; position:absolute; bottom:-15px; left:0}
.dongbu .info_list > li+li {margin-top:30px}
.dongbu .info_list > li > label {position:absolute; top:-5px; left:0; background:#96b559; border-radius:25px; padding:5px 15px; box-sizing:border-box; color:#fff}
.dongbu .info_list > li.three > label {letter-spacing:1px}
.dongbu .info_list > li > ul > li {position:relative; padding-left:15px; line-height:1.5}
.dongbu .info_list > li > ul > li:before {content:'·'; position:absolute; top:0; left:0;}
.dongbu .info_list > li > ul > li+li {margin-top:5px}
.dongbu .info_list > li > ul > li > span {color:#1a8c22; font-weight:500}

.dongbu .photo {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:10px}
.dongbu .photo > div > .img {margin-bottom:10px}
.dongbu .photo .img img {border-radius:25px}
.dongbu .photo.three {grid-template-columns:1fr 1fr 1fr; gap:50px} 
.dongbu .photo .img {text-align:center}
.dongbu .one_photo {text-align:center}
.dongbu .one_photo img {display:inline-block; padding:10px; box-sizing:border-box; border:1px solid #dbdbdb; box-shadow:3px 3px 10px #eee}

.dongbu .step {display:flex; margin-bottom:50px; gap:25px}
.dongbu .step li {width:16.666%; text-align:center; padding:20px; box-sizing:border-box; border:3px solid #dbdbdb; border-radius:15px; position:relative}
.dongbu .step.five li {width:20%}
.dongbu .step li .img {margin-bottom:10px}
.dongbu .step li::before {content:''; position:absolute; right:-32px; top:50%; transform:translateY(-50%); width:30px; height:24px; background:url('/images/dongbu/arrow.png'); z-index:1}
.dongbu .step li:last-child::before {display:none}

.dongbu .num_list {margin-bottom:50px}
.dongbu .num_list > div {border-bottom:2px dotted #eee; padding-left:10px}
.dongbu .num_list > div+div {margin-top:20px}
.dongbu .num_list > div .num {margin-bottom:15px; position:relative; padding-left:35px; line-height:1.5; font-size:1.1em; font-weight:500}
.dongbu .num_list > div .num label {position:absolute; top:0; left:0; background:#96b559; color:#fff; border-radius:5px; width:25px; height:25px; font-size:0.9em; padding:0 7.5px; box-sizing:border-box}
.dongbu .num_list > div .text_list1 {margin-bottom:20px; margin-left:10px}

.dongbu .img_box {text-align:center; border:#eee solid 7px; border-radius:30px; padding:50px}

.dongbu .inquiry {position:relative; padding-left:50px}
.dongbu .inquiry i {padding:7px; border-radius:5px; background:#1a8c22; color:#fff; font-size:1.2em; position:absolute; left:0; top:-5px}
.dongbu .inquiry strong {color:#1a8c22; display:inline-block; margin-right:10px}

#cboxCurrent {display:none !important}


/*자원봉사후원*/

.divide1 .info_box {word-break:keep-all; display:flex; flex-wrap:wrap; background:#e8f3e8; padding:30px; border-radius:30px; align-items:center}
.divide1 .info_box div {box-sizing:border-box}
.divide1 .info_box .img {width:40%; text-align:center}
.divide1 .info_box .txt {width:60%; padding-left:50px}
.divide1 .info_box .txt p {color:#1a8c22; font-size:25px; font-weight:600; margin-bottom:10px}

.divide1 .way p {border:#ddd solid 1px; padding:20px; border-radius:10px; font-size:20px; font-weight:500; margin-bottom:30px}
.divide1 .way ul li {position:relative; padding-left:50px}
.divide1 .way ul li+li {margin-top:20px}
.divide1 .way ul li i {padding:7px; border-radius:5px; background:#1a8c22; color:#fff; font-size:1.2em; position:absolute; left:0; top:-5px}
.divide1 .way ul li strong {color:#1a8c22; display:inline-block; margin-right:10px}

.divide1 .participate li {display:flex; flex-wrap:wrap; padding-bottom:20px; border-bottom:#dbdbdb dotted 2px; align-items:center}
.divide1 .participate li+li {margin-top:20px}
.divide1 .participate li .icon {width:120px; height:120px; box-sizing:border-box; padding:20px; border-radius:10px; display:flex; align-items:center; justify-content:center; background:#f7f7f7}
.divide1 .participate li .txt {width:calc(100% - 120px); box-sizing:border-box; padding-left:70px}
.divide1 .participate li .txt p {font-size:19px; font-weight:700; margin-bottom:10px; color:#1a8c22}
.divide1 .participate li .txt span {display:block; position:relative; padding-left:15px}
.divide1 .participate li .txt span::before {content:''; width:6px; height:6px; border-radius:50%; background:#1a8c22; position:absolute; left:0; top:8px}
.divide1 .participate li .txt span+span {margin-top:10px}

.divide1 .benefit {display:flex; flex-wrap:wrap}
.divide1 .benefit > div {box-sizing:border-box; width:50%}
.divide1 .benefit .txt {padding-right:50px}
.divide1 .benefit .photo {text-align:right}
.divide1 .benefit .photo img {border-radius:20px}

.divide1 .list {display:none}
.divide1 .neighbor {display:flex; flex-wrap:wrap; margin-left:-30px}
.divide1 .neighbor li {width:calc(20% - 30px); margin-left:30px; text-align:center; padding:10px; border:#ddd solid 1px; border-radius:5px; box-sizing:border-box; display:flex; align-items:center; justify-content:center}
.divide1 .neighbor li:nth-child(n+6) {margin-top:30px}
.divide1 .neighbor li:nth-child(even) {background:#e8f3e8}

.divide1 .people {display:flex; flex-wrap:wrap; margin-left:-30px}
.divide1 .people li {width:calc(12.5% - 30px); margin-left:30px; text-align:center; padding:10px; border:#ddd solid 1px; border-radius:5px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; background:#f7f7f7}
.divide1 .people li:nth-child(n+9) {margin-top:30px}
.divide1 .people li:nth-child(even) {background:#e8f3e8}

.divide1 .store {display:flex; flex-wrap:wrap; margin-left:-50px}
.divide1 .store > div {width:calc(33.33% - 50px); margin-left:50px; text-align:center; padding:20px; border:#ddd solid 1px; border-radius:5px; box-sizing:border-box; position:relative}
.divide1 .store > div:nth-child(n+4) {margin-top:50px}
.divide1 .store > div img {border-radius:10px}
.divide1 .store > div span {background:#1a8c22; color:#fff; font-weight:500; border-radius:0 0 5px 5px; padding:10px; position:absolute; left:10px; top:0}
.divide1 .store > div ul {text-align:left; margin-top:20px}
.divide1 .store > div ul li {position:relative; padding-left:60px}
.divide1 .store > div ul li+li {margin-top:10px}
.divide1 .store > div ul li label {position:absolute; left:0; font-weight:500}

.divide2 .step_box {display:flex; flex-wrap:wrap; margin-left:-60px}
.divide2 .step_box li {width:calc(25% - 60px); margin-left:60px; box-sizing:border-box; text-align:center; border:#ddd solid 1px; border-radius:20px; padding:20px; position:relative}
.divide2 .step_box li+li:before {content:''; position:absolute; left:-45px; top:50%; transform:translateY(-50%); width:30px; height:30px; background:url('/images/main/btn_next.png') no-repeat; background-size:30px}
.divide2 .step_box li label {background:#1a8c22; padding:5px 10px; border-radius:30px; color:#fff; font-weight:700}
.divide2 .step_box li div {margin:20px 0}
.divide2 .step_box li p {font-weight:600; font-size:19px}

.divide2 .part {display:flex; flex-wrap:wrap; margin-left:-30px}
.divide2 .part li {width:calc(25% - 30px); margin-left:30px; box-sizing:border-box; border:#dbdbdb solid 1px; border-radius:20px; padding:30px; text-align:center}
.divide2 .part li p {font-size:19px; font-weight:600; margin:20px 0 10px 0; color:#1a8c22}

.divide2 .box {padding:30px; box-sizing:border-box; border:3px solid #eee; word-break:keep-all; line-height:1.5; word-spacing:2px}


/*복지관소식*/

.news7 .info_box {background:#f7f7f7; padding:50px; border-radius:10px; word-break:keep-all}
.news7 .info_box strong {color:#1a8c22}

.news7 .ethics_box {border:#eee solid 7px; padding:30px}
.news7 .ethics li {position:relative; padding-left:50px; padding-bottom:20px; border-bottom:#dbdbdb dotted 2px}
.news7 .ethics li label {width:30px; height:30px; background:#1a8c22; border-radius:5px; text-align:center; color:#fff; font-weight:700; line-height:30px; position:absolute; left:0; font-size:16px}
.news7 .ethics li span {color:#1a8c22; font-weight:700; position:absolute; left:0}
.news7 .ethics li p {font-size:18px; font-weight:600; margin-bottom:10px}
.news7 .ethics li+li {margin-top:20px}

.news7 .ethics_box a h5.tit {background:url('/images/news/sub7_view.gif') no-repeat right; padding-right:50px}
.news7 .ethics_box a h5.tit.on {background:url('/images/news/sub7_view_on.gif') no-repeat right}
.news7 .ethics_box p.tit {margin-bottom:20px; font-weight:500}
.news7 .ethics_box .mb {margin-bottom:30px}
.news7 .ethics_box > div {display:none}

.news7 .num li {position:relative; padding-left:30px}
.news7 .num li.none {padding-left:0}
.news7 .num li+li {margin-top:5px}
.news7 .num li label {color:#1a8c22; position:absolute; left:0; top:-5px; font-size:25px}
.news7 .num li ul {margin-top:5px}
.news7 .num li ul li {padding-left:20px; position:relative}
.news7 .num li ul li span {position:absolute; left:0}

.news7 table {margin:10px 0}
.news7 table th,
.news7 table td {padding:7px 10px; font-size:15px}

.news7_7 .fc-day-grid-event .fc-time {display:none !important}

/*복지관소개*/

.about1 .title {display:flex}
.about1 .title .img {width:30%; margin-top:10px}
.about1 .title .img img {border-radius:25px}
.about1 .title .txt {width:70%; padding-left:50px; box-sizing:border-box}
.about1 .title .txt p {margin-bottom:30px; font-size:1.5em; color:#1a8c22; font-weight:bold}
.about1 .title .txt .sign {text-align:right}
.about1 .title .txt .sign span {font-family: 'GangwonEdu_OTFBoldA'; font-size:1.4em; margin-left:10px}

.about2 .title {display:flex; align-items:center; padding:20px 0; box-sizing:border-box}
.about2 .title .img {width:40%; text-align:center}
.about2 .title .txt {width:60%; padding-left:50px; box-sizing:border-box}
.about2 .title .txt li {line-height:1.5; position:relative; padding-left:90px}
.about2 .title .txt li::before {content:''; width:100%; height:1px; background:#eee; position:absolute; bottom:-15px; left:0}
.about2 .title .txt li+li {margin-top:30px}
.about2 .title .txt li i {font-weight:bold; font-size:1.2em}
.about2 .title .txt li a:hover {color:#1a8c22}
.about2 .title .txt li label {position:absolute; top:-5px; left:0; background:#555; color:#fff; padding:5px 10px; box-sizing:border-box; border-radius:7px; letter-spacing:4.5px; cursor:default}
.about2 .title .txt li:last-child label {letter-spacing:0}

.about2 .ideology {text-align:center; background:#f9f9f9; padding:30px; box-sizing:border-box; border-radius:10px}
.about2 .ideology span {font-weight:bold; color:#1a8c22}

.about2 .mv {padding:50px 30px; box-sizing:border-box; border-radius:25px; border:1px solid #dbdbdb}

.about3_2 .history_tab {position:relative; margin-bottom:60px; font-size:0}
.about3_2 .history_tab li {display:inline-block; vertical-align:top; position:relative; width:25%; text-align:center}
.about3_2 .history_tab li:after {width:100%; height:1px; background:#d4d4d4; position:absolute; top:10px; left:0; content:""}
.about3_2 .history_tab li:last-child {margin-right:0}
.about3_2 .history_tab li a {display:block; width:100%; padding-top:45px; position:relative; font-size:20px; color:#888888}
.about3_2 .history_tab li a:after {content:""; width:20px; height:20px; border-radius:50%; border:4px solid #c8c8c8; position:absolute; top:0; left:50%; transform: translate(-50%, 0%); box-sizing:border-box; background:#fff; z-index:1}
.about3_2 .history_tab li.active a {font-size:25px; color:#333; padding-top:40px}
.about3_2 .history_tab li.active a:after {border-color:#1a8c22}

.about3_2 .history .list {display:none}
.about3_2 .history .list > div {font-size:0; margin-bottom:50px}
.about3_2 .history .list span {display:inline-block; font-size:40px; font-weight:700; color:#1a8c22; width:200px; vertical-align:top; position:relative; margin-top:15px}
.about3_2 .history .list span:before {content:""; display:block; width:50px; height:1px; background:#e3e3e3; position:absolute; top:50%; translate(0%, -50%); right:0}
.about3_2 .history .list span:after {content:""; width:16px; height:16px; background:#ffc313; border-radius:50%; position:absolute; top: calc(50% - 8px);  right:50px}
.about3_2 .history .list ul {display:inline-block; vertical-align:top; position:relative; padding:30px 0 0 20px; width:calc(100% - 200px); box-sizing:border-box}
.about3_2 .history .list ul > li {font-size:18px; position:relative; padding-left:140px; margin-bottom:20px; padding-bottom:10px; line-height:30px; border-bottom:#e3e3e3 dotted 2px}
.about3_2 .history .list ul > li:last-child {margin-bottom:0}
.about3_2 .history .list ul > li > label {position:absolute; left:0; display:block; color:#809968; font-weight:500}
.about3_2 .history .list ul > li p {margin-bottom:10px; position:relative; padding-left:20px}
.about3_2 .history .list ul > li p:before {content:""; display:block; width:5px; height:5px; background:#999; border-radius:50%; position:absolute; left:0; top:12px}

.about4 .logo {background:url('/images/about/logo_bg.png')repeat; border:1px solid #e8e8e8; padding:70px 20px; box-sizing:border-box; text-align:center; margin-bottom:50px}

.about4 .talent {display:flex; align-items:center} 
.about4 .talent .img {width:40%}
.about4 .talent .txt {width:60%; padding-left:60px; font-size:1.1em}
.about4 .talent .txt li {position:relative; padding-left:100px; box-sizing:border-box}
.about4 .talent .txt li strong {color:#1a8c22}
.about4 .talent .txt li+li {margin-top:30px}
.about4 .talent .txt li label {position:absolute; left:0; top:50%; transform:translateY(-50%); background:#1a8c22; color:#fff; padding:5px 25px; box-sizing:border-box; border-radius:10px}

.about4_1 h4.tit span {font-size:20px; color:#999}
.about4_1 .mission {margin-bottom:50px; padding:30px; box-sizing:border-box; text-align:center; background:#f9f9f9; border-radius:50px; font-size:1.4em; font-weight:500}
.about4_1 .mission span {color:#1a8c22}
.about4_1 .vision {display:flex; justify-content:space-between; margin-bottom:50px}
.about4_1 .vision li {width:calc(33.333% - 10px); position:relative; padding:80px 30px 30px; box-sizing:border-box; text-align:center; border:1px solid #dbdbdb; border-radius:20px}
.about4_1 .vision li label {font-size:1.2em; position:absolute; top:23px; left:50%; transform:translateX(-50%); background:#1a8c22; color:#fff; padding:5px 20px; box-sizing:border-box; border-radius:5px}
.about4_1 .vision li strong {color:#1a8c22}

.about4_1 .value {border:#eee solid 7px; padding:50px}
.about4_1 .value li {display:flex; flex-wrap:wrap; align-items:center}
.about4_1 .value li+li {margin-top:20px}

.about4_1 .value li label {text-align:center; width:65px; height:65px; background:#e61d89; border-radius:50px; color:#fff; font-size:1.4em; font-weight:bold; padding:15px; box-sizing:border-box}
.about4_1 .value li:nth-child(2) label {background:#8d26e6}
.about4_1 .value li:nth-child(3) label {background:#1487cb}
.about4_1 .value li:nth-child(4) label {background:#ea6a72}
.about4_1 .value li:nth-child(5) label {background:#f2c23b}
.about4_1 .value li:nth-child(6) label {background:#97cc67}

.about4_1 .value li div {font-size:1.3em; width:120px; margin:0 30px}
.about4_1 .value li strong {color:#e61d89; font-size:1.5em}
.about4_1 .value li:nth-child(2) strong {color:#8d26e6}
.about4_1 .value li:nth-child(3) strong {color:#1487cb}
.about4_1 .value li:nth-child(4) strong {color:#ea6a72}
.about4_1 .value li:nth-child(5) strong {color:#f2c23b}
.about4_1 .value li:nth-child(6) strong {color:#97cc67}

.about4_1 .value li p {font-size:1.3em; width:150px; margin-right:80px; background:#f7f7f7; text-align:center; padding:10px; border-radius:30px; box-sizing:border-box; font-weight:600; color:#e61d89}
.about4_1 .value li:nth-child(2) p {color:#8d26e6}
.about4_1 .value li:nth-child(3) p {color:#1487cb}
.about4_1 .value li:nth-child(4) p {color:#ea6a72}
.about4_1 .value li:nth-child(5) p {color:#f2c23b}
.about4_1 .value li:nth-child(6) p {color:#97cc67}

.about4_1 .value li span {width:calc(100% - 485px); display:inline-block; box-sizing:border-box; text-align:center; position:relative; background:rgba(230,29,137,0.1); padding:20px; border-radius:30px; font-size:1.1em; font-weight:600}
.about4_1 .value li span::before {content:''; display:block; width:30px; height:30px; background:url('/images/main/btn_next.png') no-repeat; background-size:30px; position:absolute; left:-50px}
.about4_1 .value li:nth-child(2) span {background:rgba(141,38,230,0.1)}
.about4_1 .value li:nth-child(3) span {background:rgba(20,135,203,0.1)}
.about4_1 .value li:nth-child(4) span {background:rgba(234,106,114,0.1)}
.about4_1 .value li:nth-child(5) span {background:rgba(242,194,59,0.2)}
.about4_1 .value li:nth-child(6) span {background:rgba(151,204,103,0.2)}

.about5 .group {text-align:center}
.about5 .list {padding-top:70px}
.about5 .text {text-align:right; margin-top:20px}
.about5 .text_list1 li .table01 {margin-top:10px}
.about5 .text_list1 li+li {margin-top:30px}

.about6 .map_txt {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px; padding:30px 20px 35px; box-sizing:border-box; border-bottom:1px solid #dbdbdb}
.about6 .map_txt li {width:49%; position:relative; padding-left:60px; box-sizing:border-box}
.about6 .map_txt li label {margin-right:15px; font-size:1.1em; font-weight:600; color:#555; display:inline-block}
.about6 .map_txt li i {background:#1a8c22; padding:10px; box-sizing:border-box; border-radius:50px; color:#fff; font-size:1.2em; position:absolute; left:0; top:-5px}

.about6 h5.tit {position:relative; padding-left:40px}
.about6 h5.tit i {position:absolute; left:0; top:0; font-size:1.4em; font-weight:bold}
.about6 h5.tit i.green {color:#2d9d22}
.about6 h5.tit i.blue {color:#22539d}
.about6 h5.tit i.orange {color:#ee8117}
.about6 h5.tit:after {display:none}
.about6 .text_list1 {margin-left:10px}

/* 식단표 */
.calendar {margin-bottom:50px}
.calendar > p {margin-bottom:10px; display:flex; justify-content:center; align-items:center}
.calendar > p span {font-size:30px; font-weight:700}
.calendar > p span strong {color:#1a8c22}
.calendar > p span,
.calendar > p a {margin-right:20px}
.calendar > p a:last-child {margin-right:0}
.calendar .Sun {color:#de3634}
.calendar .Sat {color:#477cd8}
.calendar > ul > li > div time em {float:right; font-size:14px}
.calendar > ul > li > div time p strong {font-weight:normal; margin-top:10px; display:inline-block}

.calendar > ul {display:table; width:100%; font-size:0px; margin-bottom:15px}
.calendar > ul > li {display:table-row; width:100%}
.calendar > ul > li > div {padding:5px; display:table-cell; width:14%; min-height:140px; height:140px;border-right:1px solid #ececf1; border-bottom:1px solid #ececf1; background:#fff}
.calendar > ul > li > div:last-child {border-right:0px;}
.calendar > ul > li.cal_header > div {height:30px; line-height:30px; min-height:0px; border-top:1px solid #dfd8c6; border-right:1px solid #dfd8c6; border-bottom:1px solid #dfd8c6; background:#fbfaf7; color:#777777; font-weight:bold; text-align:center; font-size:16px}
.calendar > ul > li.cal_header > div:last-child {border-right:0px}
.calendar > ul > li.cal_header > div.Sun {color:#cc2220}
.calendar > ul > li.cal_header > div.Sat {color:#2453a5}
.calendar > ul > li > div > time {display:block; padding:3px; min-height:15px;  font-size:14px}
.calendar > ul > li > div > time span {display:none;}
.calendar > ul > li > div > time p {font-weight:normal; margin-top:5px; color:#333; text-align:center; font-size:16px; padding-bottom:10px}
.calendar > ul > li > div > time p div {background:#F00}
.calendar > ul > li > div.today{background:#f4f4f4;}

.calendar .food {display:flex; padding-top:30px}
.calendar .food > div {width:calc(14.28% - 10px); text-align:center; border-top:2px solid #4aa55b; box-sizing:border-box}
.calendar .food > div:first-child {width:70px; font-weight:700; background:#f6f9f1}
.calendar .food ul li {padding:10px; box-sizing:border-box; border-bottom:#dbdbdb solid 1px; border-left:#dbdbdb solid 1px; min-height:200px; max-height:200px; display:flex; text-align:center; justify-content:center; align-items:center}
.calendar .food ul li:first-child {background:#eff8e1; min-height:30px; font-weight:700}
.calendar .food > div:first-child li {border-left:none}



/*회원메뉴*/
.member {font-size:16px}
.member .box {border:#e3e3e3 solid 1px; border-radius:10px; padding:20px; margin-bottom:30px}
.member p {margin-bottom:20px}
.member p.title {font-weight:600}
.member ul {margin-bottom:20px}
.member ul li ul {margin-top:10px}

.agree {border:1px solid #999; margin-bottom:40px; padding:20px; font-size:16px}
.agree .box {background:#f7f7f7; padding:20px; margin-bottom:20px; text-align:center}
.agree p {margin-bottom:20px}
.agree p.tit {font-weight:700; margin-bottom:20px}
.agree ul {margin-bottom:30px; margin-left:10px}
.agree ul li {font-size:16px}
.agree .check_box {text-align:center; margin-left:-20px}
.agree .check_box input {margin-left:20px}


.sub_page .btn_area {text-align:center; margin-left:-10px; font-size:0}
.sub_page .btn_area a,
.sub_page .btn_area input,
.sub_page .btn_area button {display:inline-block; margin-left:10px}



.popModal {display:none}
.popModal p.title {font-size:20px; font-weight:bold; margin-bottom:15px}