@charset "utf-8";

@font-face {
    font-family: 'YeogiOttaeJalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BithumbGothicOriginal';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/2610082345@original/original/Bithumb Gothic Original.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'KookminUniversityHaeongSans';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/2607101519@kmu80haeongsans/kmu80haeongsans/KMU80HaeongSans.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'StunningSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-2@1.0/STUNNING-Bd.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

.sub_visual {margin-top:150px; background:#f0fbe9; margin-bottom:20px}
.sub_visual > div {max-width:1400px; margin:0 auto; height:160px; padding-top:43px; 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:#28903b; 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%}
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; font-weight:600}
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:700; background:#66b46b; border-radius:20px}
nav.sub_menu ul > li.active+li:before {display:none}
nav.sub_menu ul > li > a:hover:before {background-color:#66b46b; 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:18px; font-weight:400; padding-bottom:70px; letter-spacing:-0.5px; min-height:400px}
.sub_page img {max-width:100%}
.sub_page .section {margin-bottom:50px}
.sub_page .tac {text-align:center}
.sub_page .mb50 {margin-bottom:50px}
.sub_page .mb80 {margin-bottom:80px}
.sub_page .yt {font-family: 'OwnglyphYuntaeng'}
.sub_page .pro_m {display:none}

.sub_page .btn {text-align:center}
.sub_page .btn a {display:inline-block; padding:10px 40px; box-sizing:border-box; background:#555; color:#fff; border-radius:10px; box-shadow:3px 3px 3px rgba(0,0,0,0.25)}
.sub_page .btn a:hover {box-shadow:inset 0 0 3px 3px rgba(0,0,0,0.25)}

h3.tit {font-size:32px; margin-bottom:60px; font-weight:700; position:relative; padding-bottom:30px; border-bottom:#eee solid 1px}
h4.tit {font-size:27px; font-weight:700; margin-bottom:30px; clear:both; color:#28903b}
h5.tit {font-size:22px; margin-bottom:20px; font-weight:600; position:relative; padding-left:22px}
h5.tit:after {content:''; width:13px; height:13px; border:3px solid #28903b; 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:20px; margin-bottom:20px; font-weight:600; color:#5e92f5}

.nav_tab1 {margin-bottom:70px; 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:#f0fbe9; color:#66b46b; border:1px solid #f0fbe9}
.nav_tab1 a.active:before {content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #f0fbe9; 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; margin-left:-1px; display:flex}
.nav_tab2 li {margin-left:1px; border:#e3e3e3 solid 1px; background:#f9f9f9; text-align:center; height:50px; vertical-align:top; box-sizing:border-box; flex-basis:100%; border-radius:30px}
.nav_tab2 li a {font-size:18px; color:#888; line-height:25px; display:table; width:100%; height:50px}
.nav_tab2 li a > span {display:table-cell; vertical-align:middle}
.nav_tab2 li.active {border:#555 solid 1px; background:#555}
.nav_tab2 li.active a {color:#fff; font-weight:500}

.inquiry {padding:30px 40px 30px 100px; box-sizing:border-box; border:3px solid #eee; position:relative}
.inquiry i {font-size:1.2em; background:#8fc82b; padding:15px; box-sizing:border-box; border-radius:50px; color:#fff; position:absolute; top:50%; left:25px; transform:translateY(-50%)}
.inquiry strong {font-size:1.2em; color:#28903b; padding:0 10px; box-sizing:border-box}
.inquiry span {display:inline-block; margin-left:20px}

/*이용안내*/
.guide .photo {display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px}
.guide .photo.four {grid-template-columns:1fr 1fr 1fr 1fr}
.guide .photo.five {grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:20px}

.guide .photo2 {display:flex; justify-content:center; gap:30px}
.guide .photo2 .img {width:33.333%}

.guide .title {padding:25px; box-sizing:border-box; background:#fcfaec; text-align:center; border-radius:100px}
.guide .service {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:30px}
.guide .service li {text-align:center; padding:30px; box-sizing:border-box; background:#f9f9f9; border-radius:20px; word-break:keep-all}
.guide .service li .img {margin-bottom:20px}
.guide .procedure_m {display:none}

.guide .step {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:80px}
.guide .step li {text-align:center; border:3px solid #d3e9d4; padding:30px; box-sizing:border-box; border-radius:25px; position:relative}
.guide .step li p.green {color:#28903b; font-size:1.2em; font-weight:bold; margin-top:20px}
.guide .step li p.txt {padding:15px 0; box-sizing:border-box}
.guide .step li span {display:block; padding:10px; box-sizing:border-box}
.guide .step li::before {content:''; width:20px; height:27px; background:url('/images/guide/arrow.png'); position:absolute; top:50%; right:-55px; transform:translateY(-50%)}
.guide .step li:last-child::before {display:none}

.guide .step.imgs li {padding:30px; box-sizing:border-box}
.guide .step.imgs li .img {margin-bottom:15px}

.guide .step2 {display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:40px}
.guide .step2 li {text-align:center; background:#f1f8f2; border-radius:20px; padding:30px; box-sizing:border-box; position:relative; word-break:keep-all}
.guide .step2 li::before {content:''; width:20px; height:27px; background:url('/images/guide/arrow.png'); position:absolute; top:50%; right:-32px; transform:translateY(-50%)}
.guide .step2 li:last-child::before {display:none}
.guide .step2 li .img {margin-bottom:15px}

.guide .procedure_m {display:none}
.guide .maintenance_m {display:none}
.guide .system_m {display:none}

/*노틀담 참여*/
.join .title {background:#fffaf2; display:flex; align-items:center; justify-content:space-around; padding:50px 30px; box-sizing:border-box; border-radius:50px; box-shadow:10px 10px 10px rgba(0,0,0,0.05)}
.join .title .txt {padding-right:30px; box-sizing:border-box; word-break:keep-all}
.join .title .txt p {font-size:1.5em; font-weight:bold; margin-bottom:20px; font-family: 'YeogiOttaeJalnan'; color:#c84355}

.join .title2 {display:flex; gap:40px; align-items:center; padding:50px 80px; box-sizing:border-box; border-radius:40px; box-shadow:0 0 20px 0 #e2e2e2; background:#fff}
.join .title2 .txt {width:70%}
.join .title2 .txt p {word-break:keep-all; line-height:1.5}
.join .title2 .txt p+p {margin-top:20px}
.join .title2 .txt p span {font-size:1.4em; font-weight:bold}
.join .title2 .txt p strong {font-size:1.6em; color:#28903b}
.join .title2 .img {width:30%; text-align:right}
.join .title2 .img img {border-radius:30px}

.join .title3 {text-align:center; padding:40px; box-sizing:border-box; border:2px dotted #dbdbdb; border-radius:10px}

.join .kind {display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px}
.join .kind li {text-align:center; border:5px solid #f4f4f4; border-radius:25px; padding:30px; box-sizing:border-box; word-break:keep-all}
.join .kind li p {font-size:1.2em; font-weight:bold; margin: 20px 0 10px}

.join .kind.four {grid-template-columns:1fr 1fr 1fr 1fr}

.join .btn_two {display:flex; justify-content:center}
.join .btn_two a:nth-child(2) {margin-left:30px}
.join a.btns {font-weight:500}
.join a.btns .btn {display:inline-block; padding:12px 50px; box-sizing:border-box; text-align:center; background:#86b56f; border:1px solid #86b56f; color:#fff; z-index:1; position:relative; top:10px; left:50%; transform:translateX(-50%); word-break:keep-all}
.join a.btns .btn::after {position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; background: #fff; transition: all 0.3s ease}
.join a.btns .btn:hover {color: #86b56f}
.join a.btns .btn:hover::after {left: 0; width: 100%}
.join a.btns .btn:active {top: 2px}


/*노틀담 소개*/
.about .greeting {padding:70px; box-sizing:border-box; border-radius:50px; border:1px solid #dbdbdb; text-align:center; box-shadow:inset 0 -8px 0 0 #86b56f}
.about .greeting img {border-radius:300px; border:1px solid #dbdbdb}
.about .greeting .txt {font-size:1.1em}
.about .greeting .txt p {font-size:1.7em; font-weight:bold; margin:60px 0 40px; color:#28903b; font-family: 'StunningSans'}
.about .greeting .txt .sign {font-size:1.1em; margin-top:20px; color:#28903b; font-family: 'KookminUniversityHaeongSans'}

.about .ci_m {display:none}

.about .routes {display:grid; grid-template-columns:1fr 1fr; gap:30px}
.about .routes .route {padding:50px; box-sizing:border-box; border:1px solid #dbdbdb; border-radius:25px}
.about .routes .route > ul {position:relative; padding-left:60px}
.about .routes .route.green > ul::before {background:#8fc82b}
.about .routes .route > ul::before {content:''; background:#ccc; width:7px; height:97%; position:absolute; top:0; left:10px}
.about .routes .route > ul > li {position:relative}
.about .routes .route > ul > li span {display:block; color:#777}
.about .routes .route > ul > li::before {content:''; width:3px; height:3px; background-image:url('/images/about/arrow.png'); position:absolute; top:10px; left:-48px}
.about .routes .route > ul > li:first-child::before {content:''; width:20px; height:20px; border-radius:50%; background:#ccc; position:absolute; top:-2px; left:-56px}
.about .routes .route > ul > li:first-child::after {content:''; width:12px; height:12px; border-radius:50%; background:#fff; position:absolute; top:2px; left:-52px}
.about .routes .route.green > ul > li:first-child::before {background:#8fc82b}
.about .routes .route > ul > li:last-child::before {content:''; width:20px; height:20px; border-radius:50%; background:#ccc; position:absolute; bottom:32px; left:-56.5px}
.about .routes .route > ul > li:last-child::after {content:''; width:12px; height:12px; border-radius:50%; background:#fff; position:absolute; bottom:25px; left:-52.5px}
.about .routes .route.green > ul > li:last-child::before {background:#8fc82b}
.about .routes .route > ul > li+li {margin-top:20px}

.about .mv {display:flex; flex-wrap:wrap; text-align:center; justify-content:center; margin-top:80px; margin-bottom:100px}
.about .mv > div {position:relative; width:40%; height:220px; border-radius:300px; background:rgba(91,188,232,0.3); box-sizing:border-box; font-weight:300}
.about .mv > div:after {position:absolute; content:""; width:calc(100% + 40px); height:260px; border-radius:300px; border:2px solid #5bbce8; top:-22px; left:-22px}
.about .mv > div:nth-child(2) {background:rgba(159,204,88,0.3); margin-left:-70px}
.about .mv > div:nth-child(2):after {border:2px solid #9fcc58}
.about .mv > div h5 {padding-top:30px; font-size:25px; text-decoration:#5bbce8 underline; text-underline-offset:20px; font-family: 'StunningSans'}
.about .mv > div:nth-child(2) h5 {text-decoration:#9fcc58 underline; text-underline-offset:20px}
.about .mv p {position:absolute; top:65%; left:50%; transform:translate(-50%,-50%); font-size:22px; word-break:keep-all; font-family: 'KookminUniversityHaeongSans'}
.about .mv p span {display:block}

.about .value {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:40px}
.about .value li {text-align:center;padding:40px; box-sizing:border-box; border:3px solid #fff3d2; border-radius:50px 50px 50px 0; background:#fffcf4; word-break:keep-all}
.about .value li p {font-size:1.2em; font-weight:bold; margin:17px 0 10px}

.about .goal {display:grid; grid-template-columns:1fr 1fr; gap:20px}
.about .goal li {display:flex; align-items:center; padding:30px; box-sizing:border-box; background:#fffaf4}
.about .goal li .img {width:20%; text-align:center}
.about .goal li .txt {width:80%}
.about .goal li .txt strong {display:block; font-size:1.2em; color:#f89726; margin-bottom:10px}

.about .talent .t_box {display:flex; border:1px solid #dbdbdb; border-radius:25px}
.about .talent .t_box .left {display:flex; align-items:center; width:32%; background:#f3faee; border-radius:25px 0 50px 25px; padding:0 50px; box-sizing:border-box}
.about .talent .t_box .left p {font-size:1.3em; font-family: 'KookminUniversityHaeongSans'; word-break:keep-all}
.about .talent .t_box .left label {font-family: 'BithumbGothicOriginal'; font-size:3.5em; color:#95bf7a; margin-right:30px}
.about .talent .t_box .right {width:68%; padding:40px 50px 35px; box-sizing:border-box}
.about .talent .t_box+.t_box {margin-top:30px}

.about .history_tab {position:relative; margin-bottom:80px; font-size:0}
.about .history_tab li {display:inline-block; vertical-align:top; position:relative; width:16.666%; text-align:center}
.about .history_tab li:after {width:100%; height:1px; background:#d4d4d4; position:absolute; top:10px; left:0; content:""}
.about .history_tab li:last-child {margin-right:0}
.about .history_tab li a {display:block; width:100%; padding-top:45px; position:relative; font-size:20px; color:#888888}
.about .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}
.about .history_tab li.active a {font-size:25px; color:#333; padding-top:40px}
.about .history_tab li.active a:after {border-color:#28903b}

.about .history_box {display:flex; gap:50px; align-items:flex-start; padding-bottom:80px; position:relative}
.about .history_box::before {content:''; width:1px; height:calc(100% - 56px); background:#dbdbdb; position:absolute; left:61.25px; top:56px}
.about .year_wrap {display:flex; flex-direction:column; align-items:center; width:125px; flex-shrink:0}
.about .year_wrap h4 {text-align:center; font-size:2.4em; font-weight:600; font-family: 'BithumbGothicOriginal'; color:#28903b; position:relative}
.about .year_wrap h4::before {content:''; width:6px; height:6px; border-radius:6px; background:#fff; border:3px solid #f0b728; position:absolute; top:56px; left:50%; transform:translateX(-50%)}
.about .list_wrap {width:100%; display:flex; gap:50px; justify-content:center; align-items:flex-start}
.about .list_wrap .list_txt {flex:1 0 0; display:flex; padding-left:5px; flex-direction:column; align-items:flex-start; gap:20px; align-self:stretch}
.about .list_wrap .li_box {display:flex; align-items:flex-start; gap:30px; align-self:stretch}
.about .list_wrap .li_box .date {width:60px; font-size:1.1em; font-weight:600}
.about .list_wrap .li_box .des {width:calc(100% - 90px)}
.about .list_wrap .li_box .des p {line-height:1.5; word-break:keep-all}
.about .list_wrap .li_box .des p+p {margin-top:10px}
.about .img_wrap {width:420px; position:relative}
.about .img_wrap .img_box {border-radius:30px; height:280px; overflow:hidden}

.about4 .fl {display:flex; align-items:center}
.about4 .fl ul {width:70%; padding-right:70px; box-sizing:border-box}
.about4 .fl .img {width:30%}
.about4 .fl .img img {border-radius:50px}

.about4 .floor_tab {width:50%; position:relative; margin: 0 auto 30px; font-size:0}
.about4 .floor_tab ul {text-align:center}
.about4 .floor_tab li {display:inline-block; vertical-align:top; position:relative; width:calc(25% - 8px); text-align:center}
.about4 .floor_tab li a {display:block; width:100%; position:relative; font-size:20px; color:#888888; padding:10px; box-sizing:border-box; border-radius:10px; border:1px solid #dbdbdb}
.about4 .floor_tab li+li{margin-left:10px}
.about4 .floor_tab li.active a {background:#5a7ba9; color:#fff; border:1px solid #5a7ba9}

.about4 .list {display:none}

.about4 .fac {font-size:0; display:table; width:100%; table-layout:fixed}
.about4 .fac > div {display:table-cell; font-size:16px; border:1px solid #dbdbdb; box-sizing:border-box; vertical-align:top; height:100%}
.about4 .fac .pt {width: calc(100% - 240px); text-align:center; padding:20px}
.about4 .fac .pt img {max-width:100%; border-radius:50px}
.about4 .fac .flo {width:240px; border-left:none; padding:10px; box-sizing:border-box; background:#eee}
.about4 .fac .flo ul li {padding:10px; text-align:center; border-radius:30px; background:#fff}
.about4 .fac .flo ul li span {font-size:0.8em; word-break:keep-all}
.about4 .fac .flo ul li+li {margin-top:10px}
.about4 .fac .flo ul li a {font-size:18px; display:block}
.about4 .fac .flo ul li.active {background:#fff; border:2px solid #5a7ba9}
.about4 .fac .flo ul li.active a {color:#5a7ba9; font-weight:600}

.about6 .top {display:flex; justify-content:space-between; margin-bottom:20px}
.about6 .top p {line-height:43.5px}
.about6 .top p span {font-weight:bold; margin-right:20px}
.about6 .top .btn {padding:8px 40px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px}
.about6 .map_txt {display:flex}
.about6 .map_txt.two div {width:50%; display:flex}
.about6 .map_txt i {width:67.5px; height:67.5px; padding:20px; border: 1px solid #eee; font-size:1.5em; border-radius:5px; box-sizing:border-box; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); margin-right:30px}
.about6 .map_txt ul li:first-child {font-weight:bold; font-size:1.2em}
.about6 .map_txt ul li+li {margin-top:10px}
.about6 .map_txt ul li strong span.three {letter-spacing: 8px}
.about6 .map_txt ul li .img {display:inline-block}

.notice6 .text {text-align:center}
.notice6 .text p {font-size:1.2em; font-weight:600; color:#f00}

/* 식단표 */
.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:#66b46b}
.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:20%; text-align:center; border-top:2px solid #66b46b; box-sizing:border-box}
.calendar .food ul li {padding:10px; box-sizing:border-box; border-bottom:#dbdbdb solid 1px; border-left:#dbdbdb solid 1px; display:flex; text-align:center; justify-content:center; align-items:center; align-items:center; min-height:260px}
.calendar .food ul li:first-child {background:#f0fbe9; min-height:30px; font-weight:700}
.calendar .food > div:first-child li {border-left:none}
.calendar .food ul li:nth-child(2) {line-height:2; padding:20px 10px}

/*회원메뉴*/
.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}

.agree .ex {font-size:0.9em; overflow: auto; width: 100%; height:200px; border:1px solid #dbdbdb; padding:30px; box-sizing:border-box; border-radius:10px; margin-bottom:30px}
.agree .ex h4.tit {font-size:23px}
.agree .ex h5.tit {font-size:20px}

.agree .btn {text-align:center; margin-left:-20px}
.agree .btn input {margin-left:20px}
.agree .np {padding-bottom:0; margin-bottom:0}
.agree .np .sign {text-align:right}
.agree .np .sign ul {margin-bottom:10px}
.agree .np .sign ul li {display:inline-block; vertical-align:middle; margin-left:10px}

.share1 .last_text {text-align:center; margin-bottom:50px; font-size:1.2em; font-weight:500; padding:30px; box-sizing:border-box; border-radius:30px; border:2px solid #28903b}
.sub_page .captcha {display:flex; justify-content:center; gap:7px; margin-bottom:50px}
.sub_page .captcha li img {border:1px solid #dbdbdb; height:34px}

.at_member .captcha {display:flex; justify-content:left; gap:7px; margin-bottom:0}
.at_member .captcha li img {border:1px solid #dbdbdb; height:34px}

.member .box {border:#e3e3e3 solid 1px; border-radius:10px; padding:20px; margin-bottom:30px}
.member .txt1 {margin-left:20px; margin-bottom:40px}
.member .txt1 p {margin-bottom: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; padding-bottom:20px; margin-bottom:15px; border-bottom:2px solid #888888; width:95% !important}