@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400&display=swap);

div,
ul,
ol,
li,
dl,
dt,
dd,
span,
p,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
textarea,
a,
em,
svg {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

hr {
    margin: 0px;
    padding: 0px
}

html,
body,
div,
span,
applet,
object,
iframe,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0
}

body {
    background: white;
    line-height: 1.2;
    color: black
}

ol,
ul {
    list-style: none
}

textarea {
    margin: 0px;
    padding: 0px
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    font-weight: normal;
    text-align: left
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}

blockquote,
q {
    quotes: ""
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:active {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

button {
    margin: 0px;
    padding: 0px;
    border: 0px;
    cursor: pointer;
    background-color: transparent
}

input {
    padding: 0px;
    margin: 0px
}

canvas {
    margin: 0px;
    padding: 0px;
    vertical-align: top
}

*,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

input,
button {
    outline: none;
    border: none
}

button {
    background-color: transparent;
    box-sizing: border-box
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s
}

@keyframes sunlight {
    0% {
        width: 250%;
        height: 250%
    }

    50% {
        width: 100%;
        height: 100%
    }

    100% {
        width: 250%;
        height: 250%
    }
}

@keyframes forest {
    0% {
        background-position: 50% 50%;
        background-size: auto 110%
    }

    100% {
        background-position: 50% 50%;
        background-size: auto 100%
    }
}

body * {
    box-sizing: border-box;
    font-family: 'Noto Sans KR', sans-serif
}

body img {
    vertical-align: middle
}

body a {
    text-decoration: none;
    color: inherit
}

body p,
body a,
body span {
    word-break: keep-all
}

body ul,
body li {
    list-style: none
}

body input[type="submit"],
body input[type="button"],
body input[type="text"],
body input[type="email"],
body input[type="tel"],
body input[type="password"] input {
    outline: none !important
}

body input[type="submit"]:focus,
body input[type="button"]:focus,
body input[type="text"]:focus,
body input[type="email"]:focus,
body input[type="tel"]:focus,
body input[type="password"] input:focus {
    outline: none !important
}

body textarea {
    resize: none
}

.wrap {
    min-width: 280px;
    overflow: hidden;
    background-color: #efece8
}

.wrap main .main_content {
    width: 100%;
    height: 1179px;
    padding: 390px 0 0 254px;
    position: relative;
    background-image: url(/theme/basic/img/main/main1.jpg);
    background-repeat: repeat-x;
    background-size: cover;
    animation-name: forest;
    animation-timing-function: linear;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    overflow: hidden
}

.wrap main .main_content::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    animation-name: sunlight;
    animation-timing-function: linear;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.4) 100%);
    pointer-events: none
}

.wrap main .main_content p {
    color: #fff;
    font-size: 72px;
    line-height: 90px;
    font-weight: bold
}

.wrap main .main_content p a {
    margin-top: 58px;
    width: 300px;
    height: 54px;
    display: flex;
    padding: 0 20px 0 120px;
    align-items: center;
    background-color: #5cab8d;
    color: #fff;
    font-size: 20px;
    position: relative
}

.wrap main .main_content p a::after {
    position: absolute;
    content: '';
    width: 160px;
    height: 100px;
    background-image: url(/theme/basic/img/icon/plus.png);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 17px 17px
}

.wrap section {
    width: 100%
}

.wrap section>.inner {
    width: 80%;
    margin: 0 auto
}

.wrap section>.inner .main-counting-content {
    margin-top: -120px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.wrap section>.inner .main-counting-content .count_wrap {
    width: 31.5%;
    height: 241px;
    background-color: #5cab8d;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.wrap section>.inner .main-counting-content .count_wrap .count {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 76px
}

.wrap section>.inner .main-counting-content .count_wrap .count img {
    width: auto;
    height: auto
}

.wrap section>.inner .main-counting-content .count_wrap .count .count_number {
    font-size: 80px;
    font-weight: 600;
    color: #fff;
    position: relative;
    padding-left: 50px;
    margin-left: 31px
}

.wrap section>.inner .main-counting-content .count_wrap .count .count_number::before {
    content: '';
    position: absolute;
    display: inline-block;
    background-color: #7dbd7a;
    width: 1px;
    height: 52px;
    top: 25px;
    left: 0
}

.wrap section>.inner .main-counting-content .count_wrap p {
    width: 350px;
    word-break: keep-all;
    margin-top: 30px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 25px
}

.wrap section>.inner .banner_wrap {
    width: 100%;
    margin: 44px 0 53px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.wrap section>.inner .banner_wrap .information {
    width: calc(50% - 26px);
    height: 539px;
    border-radius: 10px;
    padding: 63px 0 0 60px
}

.wrap section>.inner .banner_wrap .information.banner1 {
    background-image: url(/theme/basic/img/main/bannerbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff
}

.wrap section>.inner .banner_wrap .information.banner2 {
    display: flex;
    flex-direction: column;
    background-image: url(/theme/basic/img/main/bannerbg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff
}

.wrap section>.inner .banner_wrap .information h3 {
    font-size: 40px;
    color: #5c5c5c;
    position: relative;
    padding-top: 15px
}

.wrap section>.inner .banner_wrap .information h3::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 77px;
    height: 7px;
    background-color: #5cab8d;
    top: -10px;
    left: 0
}

.wrap section>.inner .banner_wrap .information span {
    color: #848484;
    line-height: 24px;
    font-size: 18px
}

.wrap section>.inner .banner_wrap .information a {
    margin-top: 43px;
    width: 218px;
    height: 54px;
    display: flex;
    padding: 0 17px 0 70px;
    align-items: center;
    background-color: #5cab8d;
    color: #fff;
    font-size: 20px;
    position: relative;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    transition-property: box-shadow, transform;
    transition-duration: .25s;
    transform: translate(0, 0)
}

.wrap section>.inner .banner_wrap .information a:hover {
    transform: translate(-1%, -1%);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5)
}

.wrap section>.inner .banner_wrap .information a::after {
    content: '';
    position: absolute;
    top: 19px;
    right: 15px;
    width: 17px;
    height: 17px;
    background-image: url(/theme/basic/img/icon/plus.png);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 17px 17px
}

.wrap section>.inner .banner_wrap2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 430px;
    background-image: url(/theme/basic/img/main/bannerbg3.png);
    background-repeat: no-repeat;
    background-size: cover
}

.wrap section>.inner .banner_wrap2 p {
    font-size: 72px;
    font-weight: 600;
    color: #fff;
    text-shadow: 3px 4px 15px #343434
}

.wrap section>.inner .banner_wrap2 a {
    margin-top: 42px;
    color: #fff;
    border: 1px solid #fff;
    padding: 16px 95px
}

@media (max-width: 1400px) {
    .wrap main .main_content {
        width: 100%;
        height: 650px;
        padding: 150px 0 0 130px;
        background-image: url(/theme/basic/img/main/main1.jpg);
        background-repeat: no-repeat;
        background-size: cover
    }

    .wrap main .main_content p {
        font-size: 55px;
        line-height: 70px;
        font-weight: bold
    }

    .wrap main .main_content p a {
        margin-top: 30px;
        width: 280px;
        height: 50px;
        display: flex;
        padding: 0 20px 0 100px;
        align-items: center;
        background-color: #5cab8d;
        color: #fff;
        font-size: 20px;
        position: relative
    }

    .wrap main .main_content p a::after {
        position: absolute;
        content: '';
        width: 157px;
        height: 100px;
        background-image: url(http://localhost:8001/images/icon/plus.png);
        background-size: 17px
    }

    .wrap section {
        width: 100%
    }

    .wrap section>.inner {
        width: 90%
    }

    .wrap section>.inner .main-counting-content .count_wrap {
        width: 31.5%;
        padding: 27px 0
    }

    .wrap section>.inner .main-counting-content .count_wrap .count {
        height: 80px;
        display: flex;
        align-items: center
    }

    .wrap section>.inner .main-counting-content .count_wrap .count img {
        width: auto;
        height: inherit
    }

    .wrap section>.inner .main-counting-content .count_wrap .count .count_number {
        font-size: 50px;
        font-weight: 600;
        padding-left: 20px;
        margin-left: 20px
    }

    .wrap section>.inner .main-counting-content .count_wrap .count .count_number::before {
        background-color: #7dbd7a;
        width: 1px;
        height: 55px;
        top: 5px;
        left: 0
    }

    .wrap section>.inner .main-counting-content .count_wrap p {
        width: 230px;
        word-break: keep-all;
        margin-top: 27px;
        color: #fff;
        font-size: 17px;
        line-height: 20px
    }

    .wrap section>.inner .banner_wrap {
        width: 100%;
        margin: 40px 0
    }

    .wrap section>.inner .banner_wrap .information {
        width: calc(50% - 15px);
        height: 375px;
        padding: 60px 0 0 35px
    }

    .wrap section>.inner .banner_wrap .information.banner1 {
        background-image: url(/theme/basic/img/main/bannerbg.png);
        background-size: cover;
        background-repeat: no-repeat
    }

    .wrap section>.inner .banner_wrap .information.banner2 {
        background-image: url(/theme/basic/img/main/bannerbg2.png);
        background-size: cover;
        background-repeat: no-repeat
    }

    .wrap section>.inner .banner_wrap .information h3 {
        font-size: 30px;
        padding-top: 10px
    }

    .wrap section>.inner .banner_wrap .information h3::before {
        width: 55px;
        height: 5px;
        top: -10px
    }

    .wrap section>.inner .banner_wrap .information span {
        color: #848484;
        line-height: 20px;
        font-size: 16px
    }

    .wrap section>.inner .banner_wrap .information a {
        margin-top: 35px;
        width: 190px;
        height: 45px;
        padding: 0 17px 0 60px;
        font-size: 17px
    }

    .wrap section>.inner .banner_wrap .information a::after {
        top: 15px
    }

    .wrap section>.inner .banner_wrap2 {
        height: 350px;
        background-image: url(/theme/basic/img/main/bannerbg3.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .wrap section>.inner .banner_wrap2 p {
        font-size: 55px;
        text-shadow: 3px 4px 15px #343434
    }

    .wrap section>.inner .banner_wrap2 a {
        margin-top: 35px;
        color: #fff;
        border: 1px solid #fff;
        padding: 13px 80px
    }
}

@media (max-width: 900px) {
    .wrap main .main_content {
        width: 100%;
        height: 600px;
        padding: 145px 0 0 12%;
        margin-top: -65px;
        background-image: url(/theme/basic/img/main/main1.jpg);
        background-repeat: no-repeat;
        background-size: cover
    }

    .wrap main .main_content p {
        font-size: 47px;
        line-height: 55px;
        font-weight: bold;
        word-break: keep-all
    }

    .wrap main .main_content p a {
        margin-top: 30px;
        width: 240px;
        height: 45px;
        padding: 0 20px 0 85px;
        background-color: #5cab8d;
        color: #fff;
        font-size: 18px
    }

    .wrap main .main_content p a::after {
        width: 130px;
        height: 100px;
        background-image: url(http://localhost:8001/images/icon/plus.png);
        background-size: 17px
    }

    .wrap section>.inner {
        max-width: inherit;
        width: 90%
    }

    .wrap section>.inner .main-counting-content {
        margin-top: -85px;
        align-items: center
    }

    .wrap section>.inner .main-counting-content .count_wrap {
        padding: 0;
        height: 180px
    }

    .wrap section>.inner .main-counting-content .count_wrap .count {
        height: 55px;
        display: flex;
        align-items: center
    }

    .wrap section>.inner .main-counting-content .count_wrap .count img {
        width: auto;
        height: inherit
    }

    .wrap section>.inner .main-counting-content .count_wrap .count .count_number {
        font-size: 35px;
        font-weight: 600;
        padding-left: 15px;
        margin-left: 15px
    }

    .wrap section>.inner .main-counting-content .count_wrap .count .count_number::before {
        background-color: #7dbd7a;
        width: 1px;
        height: 45px;
        top: 2px;
        left: 0
    }

    .wrap section>.inner .main-counting-content .count_wrap p {
        width: 200px;
        word-break: keep-all;
        margin-top: 23px;
        color: #fff;
        font-size: 13px;
        line-height: 18px
    }

    .wrap section>.inner .banner_wrap {
        width: 100%;
        margin: 4% 0
    }

    .wrap section>.inner .banner_wrap .information {
        width: calc(50% - 15px);
        height: 290px;
        padding: 45px 0 0 27px
    }

    .wrap section>.inner .banner_wrap .information h3 {
        font-size: 23px;
        padding-top: 7px;
        word-break: keep-all
    }

    .wrap section>.inner .banner_wrap .information h3::before {
        width: 50px;
        height: 5px;
        top: -10px
    }

    .wrap section>.inner .banner_wrap .information span {
        color: #848484;
        line-height: 20px;
        font-size: 14px;
        word-break: keep-all
    }

    .wrap section>.inner .banner_wrap .information a {
        margin-top: 25px;
        width: 53%;
        height: 37px;
        padding: 0 17px 0 17%;
        font-size: 14px
    }

    .wrap section>.inner .banner_wrap .information a::after {
        top: 11px;
        background-size: 13px 13px
    }

    .wrap section>.inner .banner_wrap2 {
        height: 265px;
        background-image: url(/theme/basic/img/main/bannerbg3.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .wrap section>.inner .banner_wrap2 p {
        font-size: 45px;
        text-shadow: 3px 4px 15px #343434
    }

    .wrap section>.inner .banner_wrap2 a {
        margin-top: 25px;
        color: #fff;
        border: 1px solid #fff;
        padding: 10px 60px
    }
}

@media (max-width: 600px) {
    .wrap main .main_content {
        height: 600px
    }

    .wrap main .main_content p {
        font-size: 35px;
        line-height: 48px;
        word-break: keep-all
    }

    .wrap main .main_content p a {
        margin-top: 30px;
        width: 240px;
        height: 45px;
        padding: 0 20px 0 85px;
        font-size: 16px
    }

    .wrap main .main_content p a::after {
        width: 130px;
        height: 100px;
        background-image: url(http://localhost:8001/images/icon/plus.png);
        background-size: 17px
    }

    .wrap section>.inner {
        max-width: inherit;
        width: 90%
    }

    .wrap section>.inner .main-counting-content {
        margin-top: -85px;
        align-items: center;
        flex-direction: column
    }

    .wrap section>.inner .main-counting-content .count_wrap {
        width: 100%;
        padding: 0;
        height: 140px
    }

    .wrap section>.inner .main-counting-content .count_wrap .count {
        height: 55px;
        display: flex;
        align-items: center
    }

    .wrap section>.inner .main-counting-content .count_wrap .count img {
        width: auto;
        height: inherit
    }

    .wrap section>.inner .main-counting-content .count_wrap .count .count_number {
        font-size: 35px;
        font-weight: 600;
        padding-left: 15px;
        margin-left: 15px
    }

    .wrap section>.inner .main-counting-content .count_wrap .count .count_number::before {
        background-color: #7dbd7a;
        width: 1px;
        height: 45px;
        top: 2px;
        left: 0
    }

    .wrap section>.inner .main-counting-content .count_wrap p {
        width: 200px;
        word-break: keep-all;
        margin-top: 15px;
        color: #fff;
        font-size: 13px;
        line-height: 18px
    }

    .wrap section>.inner .main-counting-content .count_wrap+.count_wrap {
        margin-top: 10px
    }

    .wrap section>.inner .banner_wrap {
        width: 100%;
        margin: 40px 0
    }

    .wrap section>.inner .banner_wrap .information {
        width: calc(50% - 15px);
        height: 230px;
        padding: 35px 0 0 20px
    }

    .wrap section>.inner .banner_wrap .information.banner1 {
        background-size: contain;
        background-position: 100% 100%
    }

    .wrap section>.inner .banner_wrap .information.banner2 {
        background-size: contain;
        background-position: 100% 100%
    }

    .wrap section>.inner .banner_wrap .information h3 {
        font-size: 18px;
        padding-top: 7px
    }

    .wrap section>.inner .banner_wrap .information h3::before {
        width: 50px;
        height: 5px;
        top: -10px
    }

    .wrap section>.inner .banner_wrap .information span {
        color: #848484;
        line-height: 17px;
        font-size: 12px
    }

    .wrap section>.inner .banner_wrap .information a {
        margin-top: 25px;
        width: 100px;
        height: 33px;
        padding: 0 17px 0 15%;
        font-size: 12px
    }

    .wrap section>.inner .banner_wrap .information a::after {
        top: 8px;
        right: 10px;
        background-size: 13px 13px
    }

    .wrap section>.inner .banner_wrap2 {
        height: 165px;
        background-image: url(/theme/basic/img/main/bannerbg3.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .wrap section>.inner .banner_wrap2 p {
        font-size: 25px;
        text-shadow: 3px 4px 15px #343434
    }

    .wrap section>.inner .banner_wrap2 a {
        margin-top: 13px;
        color: #fff;
        border: 1px solid #fff;
        padding: 7px 40px
    }
}

@media (max-width: 450px) {
    .wrap main .main_content {
        height: 500px;
        padding: 145px 0 0 6%
    }

    .wrap main .main_content p {
        font-size: 28px;
        line-height: 36px;
        word-break: keep-all
    }

    .wrap main .main_content p a {
        margin-top: 30px;
        width: 240px;
        height: 45px;
        padding: 0 20px 0 85px;
        font-size: 16px
    }

    .wrap main .main_content p a::after {
        width: 130px;
        height: 100px;
        background-image: url(http://localhost:8001/images/icon/plus.png);
        background-size: 17px
    }

    .wrap section>.inner .banner_wrap {
        flex-direction: column
    }

    .wrap section>.inner .banner_wrap .information {
        width: 100%
    }

    .wrap section>.inner .banner_wrap .information+.information {
        margin-top: 20px
    }

    .wrap section>.inner .banner_wrap .information a {
        margin-top: 25px;
        width: 100px;
        height: 33px;
        padding: 0 15px 0 15px;
        font-size: 12px
    }

    .wrap section>.inner .banner_wrap .information a::after {
        top: 8px;
        right: 10px;
        background-size: 13px 13px
    }

    .wrap section>.inner .banner_wrap2 {
        height: 165px;
        background-image: url(/theme/basic/img/main/bannerbg3.png);
        background-repeat: no-repeat;
        background-size: cover
    }

    .wrap section>.inner .banner_wrap2 p {
        font-size: 25px;
        text-shadow: 3px 4px 15px #343434
    }

    .wrap section>.inner .banner_wrap2 a {
        margin-top: 13px;
        color: #fff;
        border: 1px solid #fff;
        padding: 7px 40px
    }
}

.animate {
    display: block;
    transform: translateY(50px);
    opacity: 0;
    filter: blur(5px);
    transition-property: background-position, transform, filter;
    transition-duration: 1s
}

.animate.type2 {
    transform: translateX(-60px)
}

.animate.type3 {
    background-position: calc(100% + 40px) 50%
}

.animate.type3.active {
    background-position: 100% 50%
}

.animate.active {
    transform: translateX(0px) translateY(0px);
    opacity: 1;
    filter: blur(0px)
}

.top-mm {
    width: 100%;
    height: 102px;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    z-index: 10;
    padding: 15px 7.7% 15px 10px
}

.top-mm .menu_btn {
    display: none
}

.top-mm .logo {
    margin-left: 26px
}

.top-mm .logo img {
    width: 136px;
    height: auto
}

.top-mm .gnb-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 65%
}

.top-mm .gnb-list .sub-gnb {
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.top-mm .gnb-list .sub-gnb>li {
    padding: 7px 0
}

.top-mm .gnb-list .sub-gnb>li>a {
    display: block;
    padding-left: 20px;
    color: #fff;
    font-size: 16px
}

.top-mm .gnb-list>ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.top-mm .gnb-list>ul>.m-sub-menu-li {
    display: none
}

.top-mm .gnb-list>ul>li a {
    font-size: 24px;
    color: #fff
}

.top-mm .gnb-list .login_btn {
    border: 2px solid #fff;
    margin-left: auto;
    width: 16%;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px
}

.top-mm .gnb-list .login_btn a {
    font-size: 20px;
    color: #fff;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.gnb-menu {
    margin-bottom: 8px;
    display: block
}

footer {
    width: 100%;
    background-color: #5cab8d;
    height: 278px;
    margin-top: 42px;
    display: flex;
    justify-content: center;
    align-items: center
}

footer .footer_inner {
    max-width: 1030px;
    width: 100%
}

footer .footer_inner>ul {
    display: flex;
    flex-direction: column;
    align-items: center
}

footer .footer_inner>ul>li {
    color: #fff;
    font-size: 22px
}

footer .footer_inner>ul>li.footer_logo {
    max-width: 103px;
    height: auto
}

footer .footer_inner>ul>li.footer_contact {
    margin-top: 41px;
    margin-bottom: 34px
}

footer .footer_inner>ul>li.footer_contact>ul {
    display: flex;
    flex-direction: row
}

footer .footer_inner>ul>li.footer_contact>ul>li {
    display: flex;
    align-content: center;
    position: relative;
    padding: 0 27px
}

footer .footer_inner>ul>li.footer_contact>ul>li+li::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 2px;
    height: 17px;
    background-color: #fff;
    top: 7px;
    left: 0
}

footer .footer_inner>ul>li.admin-login {
	margin-bottom: 10px;
}

@media (max-width: 1400px) {
    .top-mm {
        width: 100%;
        height: 75px;
        padding: 0 40px
    }

    .top-mm .logo img {
        max-width: 90px;
        width: 100%;
        height: auto
    }

    .top-mm .gnb-list {
        width: 75%
    }

    .top-mm .gnb-list>ul {
        /* width: 75% */
    }

    .top-mm .gnb-list>ul>li a {
        font-size: 20px
    }

    .top-mm .login_btn {
        border: 2px solid #fff;
        width: 40%;
        height: 40px;
        border-radius: 10px
    }

    .top-mm .login_btn a {
        font-size: 17px;
        color: #fff
    }

    footer {
        width: 100%;
        background-color: #5cab8d;
        height: 220px;
        margin-top: 42px
    }

    footer .footer_inner {
        max-width: 1030px;
        width: 100%
    }

    footer .footer_inner>ul>li {
        color: #fff;
        font-size: 17px
    }

    footer .footer_inner>ul>li.footer_logo {
        max-width: 103px;
        height: auto
    }

    footer .footer_inner>ul>li.footer_contact {
        margin: 25px 0
    }

    footer .footer_inner>ul>li.footer_contact>ul>li {
        padding: 0 20px
    }

    footer .footer_inner>ul>li.footer_contact>ul>li+li::before {
        width: 2px;
        height: 16px;
        top: 3px;
        left: 0
    }
}
@media (max-width: 1400px) { 
.top-mm .gnb-list>ul>li a { font-size:16px }
}

@media (max-width: 900px) {
    .top-mm {
        width: 100%;
        height: 65px;
        padding: 0px 15px;
        position: relative
    }

    .top-mm .logo {
        margin: 0 auto
    }

    .top-mm .logo img {
        max-width: 90px;
        width: 100%;
        height: auto
    }

    .top-mm .menu_btn {
        display: block;
        position: absolute;
        top: 37%;
        left: 20px;
        width: 20px;
        height: 16px;
        z-index: 999
    }

    .top-mm .menu_btn.on .bar1 {
        transform: rotate(45deg);
        top: 8px
    }

    .top-mm .menu_btn.on .bar2 {
        opacity: 0;
        transition: all 0.2s
    }

    .top-mm .menu_btn.on .bar3 {
        transform: rotate(-45deg);
        bottom: 7px
    }

    .top-mm .menu_btn>span {
		display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        transition: all 0.2s
    }

    .top-mm .menu_btn>span.bar1 {
        position: absolute;
        top: 0;
        left: 0
    }

    .top-mm .menu_btn>span.bar2 {
        position: absolute;
        top: 45%;
        left: 0
    }

    .top-mm .menu_btn>span.bar3 {
        position: absolute;
        bottom: 0;
        left: 0
    }

    .top-mm .gnb-list {
        transition-property: transform;
        transition-duration: .35s;
        background-color: rgba(0, 0, 0, 0.9);
        position: absolute;
        max-width: 375px;
        width: 100%;
        height: auto;
        padding-bottom: 50px;
        border-radius: 0 0 16px 0;
        top: 65px;
        left: 0;
        overflow: hidden;
        transform: translateX(-100%)
    }

    .top-mm .gnb-list>ul {
        padding-top: 24px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .top-mm .gnb-list>ul>li {
        padding: 0 0 0 20px;
        margin-bottom: 40px
    }

    .top-mm .gnb-list>ul>li a {
        color: #fff;
       /*  font-size: 20px */
    }

    .top-mm .gnb-list.on {
        transform: translateX(0%);
        flex-direction: column
    }

    .top-mm .gnb-list.on .m-sub-menu-li {
        display: block
    }

    .top-mm .gnb-list.on .sub-gnb {
        display: flex
    }

    .top-mm .gnb-list .login_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        border: none;
        margin-top: 50px;
        padding: 0 50px
    }

    .top-mm .gnb-list .login_btn a {
        font-size: 15px;
        border: 2px solid #fff;
        padding: 20px 0;
        border-radius: 10px;
        display: inline-flex;
        justify-content: center;
        align-items: center
    }

    footer {
        width: 100%;
        background-color: #5cab8d;
        height: 250px;
        margin-top: 42px
    }

    footer .footer_inner {
        max-width: 1030px;
        width: 100%
    }

    footer .footer_inner>ul>li {
        color: #fff;
        font-size: 14px
    }

    footer .footer_inner>ul>li.footer_logo {
        max-width: 90px;
        height: auto
    }

    footer .footer_inner>ul>li.footer_contact {
        margin: 20px 0
    }

    footer .footer_inner>ul>li.footer_contact>ul {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    footer .footer_inner>ul>li.footer_contact>ul>li {
        padding: 3px 0
    }

    footer .footer_inner>ul>li.footer_contact>ul>li+li::before {
        display: none
    }
}

.for-sub-inner {
    padding: 0 147px;
    max-width: 125em;
    min-width: 280px;
    margin: auto
}

.sub-top-section {
    width: 100%;
    height: 530px;
    background-image: url(/theme/basic/img/main/sub-main-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%
}

.sub-top-section .for-sub-inner {
    width: 100%
}

.sub-top-section .for-sub-inner h2 {
    padding-top: 168px;
    padding-left: 40px
}

.sub-top-section .for-sub-inner h2 p {
    font-size: 69px;
    color: #fff;
    font-weight: bold
}

.sub-center-section {
    margin-top: 3.9375em;
    padding-bottom: 3.625em
}

.for-inp-inner {
    width: 907px;
    margin: auto
}

.for-inp-inner.type2 {
    width: 1236px;
    margin: 98px auto auto auto
}

.for-inp-inner.type3 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 31px
}

.for-inp-inner.type7 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 1029px
}

.for-inp-inner.type7 .next-go-btn {
    width: auto
}

.detail-go-btn {
    font-size: 26px;
    color: #5cab8d;
    font-weight: 500
}

.detail-go-btn a,
.detail-go-btn button {
    display: block
}

.detail-go-btn a span,
.detail-go-btn button span {
    padding-left: 10px
}

.div-inner {
    background-color: #fff;
    border-radius: 1em
}

.div-inner.type1 {
    padding: 6.25em 135px 5.625em 135px
}

.div-inner.type2 {
    padding: 6.25em 180px 164px 180px
}

.div-inner.type3 {
    padding: 6.25em 180px 6.25em 180px
}

.div-inner.type4 {
    padding: 6.25em 180px 125px 180px
}

.div-inner.type4 .txt-box .sub-title+.sub-title {
    margin-top: 10px
}

.div-inner.type5 {
    padding: 6.25em 180px 151px 180px
}

.div-inner.type5 .txt-box .sub-title+.sub-title {
    margin-top: 10px
}

.div-inner.type10 {
    padding: 110px 180px 136px 180px
}

.div-inner>.txt-box {
    text-align: center
}

.div-inner>.txt-box .title {
    font-size: 3.375em;
    font-weight: bold;
    color: #5c5c5c;
    position: relative
}

.div-inner>.txt-box .title:not(.question)::after {
    content: '';
    position: absolute;
    bottom: -21px;
    left: 50%;
    height: 7px;
    transform: translateX(-50%);
    width: 66px;
    background-color: #5cab8d;
	display: none;
}

.div-inner>.txt-box .content {
    font-size: 1.625em;
    color: #5c5c5c;
    margin-top: 33px
}

.sub-title {
    font-size: 2.25em;
    font-weight: 600;
    color: #5c5c5c;
    margin-top: 63px
}

.sub-title.type2 {
    width: 700px;
    margin: 63px auto auto auto;
    font-size: 30px;
    font-weight: normal
}

.sub-title.type3 {
    font-size: 30px;
    margin-top: 6px
}

.sub-title.type4 {
    margin: 57px auto auto auto;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -1px
}

.sub-title.type5 {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px
}

.sub-title.type6 {
    margin: 18px auto auto auto;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -1px
}

.sub-title.type6+.for-inp-inner {
    margin-top: 52px;
    border-top: 1px solid #ddd;
    padding: 31px 18px 31px 18px
}

.for-gnb1-div {
    width: 1600px;
    height: 100%;
    margin: auto
}

.for-gnb1-div .for-sub-inner {
    padding: 4.375em 12.5em
}

.for-gnb2-div {
    width: 1600px;
    height: 100%;
    margin: auto
}

.video-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-top: 4.3125em
}

.video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.next-go-btn {
    display: flex;
    margin-top: 69px;
    width: 100%;
    align-items: center;
    justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

.next-go-btn>a,
.next-go-btn>button {
    background-image: url(/theme/basic/img/icon/plus.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: right 39px top 50%;
    padding: 21px 0;
    width: 500px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #5cab8d;
    border-radius: 8px;
    color: #fff;
    font-size: 1.625em;
    font-weight: 500;
    box-shadow: 4px 4px rgba(181, 181, 181, 0.9);
	cursor: pointer;
}

.next-go-btn.type3 {
    width: 102px;
    height: 102px;
    margin: 0;
    margin-left: 90px
}

.next-go-btn.type3>a {
    width: inherit;
    height: inherit;
    max-height: inherit;
    background-size: 0
}

.next-go-btn.type3>a>span {
    font-size: 24px;
    width: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.appForm_list_layout {
    margin-top: 33px;
    height: 581px;
    background-image: url(/theme/basic/img/temp/2.png);
    background-repeat: no-repeat;
    background-size: contain
}

.appForm_list_layout>ul {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    height: 100%;
    padding: 87px 0 73px 0
}

.appForm_list_layout>ul>li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.appForm_list_layout>ul>li .ico-wrap {
    width: 216px
}

.appForm_list_layout>ul>li .ico-wrap img {
    width: 100%
}

.appForm_list_layout>ul>li .title-wrap {
    height: 150px;
    min-height: 150px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-weight: 500
}

.appForm_list_layout>ul>li .next-go-btn.type2 {
    margin: 0;
    width: 230px
}

.appForm_list_layout>ul>li .next-go-btn.type2>a {
    background-color: #fff;
    background-image: url(/theme/basic/img/icon/plus-green.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: right 25px top 50%;
    padding: 12px 0 13px 0;
    width: 100%;
    color: #5cab8d;
    font-size: 24px;
    box-shadow: 3px 3px rgba(181, 181, 181, 0.9)
}

.input-wrap,
.select-wrap {
    width: 100%;
    height: 69px;
    border: 3px solid #b5b5b5;
    border-radius: 8px;
    margin-left: 37px;
    font-size: 30px;
    color: #5c5c5c;
    font-weight: 500;
    overflow: hidden
}

.input-wrap>input,
.input-wrap select,
.select-wrap>input,
.select-wrap select {
    width: 100%;
    height: 100%;
    font-size: 30px;
    color: #5c5c5c;
    font-weight: 500;
    padding-left: 15px;
	border-radius: inherit;
}

.input-wrap>select,
.select-wrap>select {
    border: none;
    appearance: none;
    background-image: url(/theme/basic/img/icon/ico-down-arrow.png);
    background-repeat: no-repeat;
    background-position: right 21px top 50%
}

.email-input-wrap {
    display: flex
}

.email-input-wrap .label-input {
    flex: 1
}

.email-input-wrap>span {
    margin: 0 20px;
    font-size: 30px;
    color: #5c5c5c
}

.email-input-wrap .input-option {
    flex: 1;
    position: relative;
    border: 3px solid #b5b5b5;
    border-radius: 8px;
    height: 69px;
    overflow: hidden
}

.email-input-wrap .input-option .input-wrap {
    margin-left: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 50px);
    border: none;
    height: inherit
}

.email-input-wrap .input-option .select-wrap {
    margin-left: 0;
    border: none;
    height: inherit
}

.form-input-wrap .input-box {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 41px
}

.form-input-wrap .input-box .label {
    flex: 1;
    width: 100px;
    max-width: 100px;
    min-width: 100px;
    font-size: 30px;
    color: #5c5c5c;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: space-between
}

.form-input-wrap.type1 {
    margin-top: 77px
}

.form-input-wrap.type1 .input-box {
    width: 794px
}

.form-input-wrap.type2 li {
    display: flex
}

.form-input-wrap.type2 li .input-box {
    flex: 1
}

.form-input-wrap.type2 li .input-box+.input-box {
    margin-left: 18px
}

.label-input {
    display: flex
}

.info-list-wrap {
    padding: 28px 0 23px 0
}

.info-list-wrap>li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 42px 0
}

.info-list-wrap>li+li {
    border-top: 2px solid #aeaeae
}

.info-list-wrap>li>.txt-wrap>p.title {
    font-size: 36px;
    color: #5c5c5c;
    font-weight: bold;
	word-break: break-all;
}

.info-list-wrap>li>.txt-wrap>p.content {
    font-size: 24px;
    color: #5c5c5c;
    font-weight: normal;
    margin-top: 26px;
	word-break: break-all;
}

.label-input .label {
    width: 100px
}

.input-wrap>input {
    width: 100%
}

.for-gnb3-div {
    width: 1600px;
    margin: auto
}

.for-gnb3-div .img-wrap {
    text-align: center;
    margin-top: 81px;
    padding-bottom: 29px
}

.for-gnb3-div .img-wrap img {
    max-width: 100%
}

.tabel-board-wrap {
    width: 1232px;
    margin: 42px auto auto auto
}

.tabel-board-wrap .list-center-box {
    flex-direction: column-reverse;
}
.tabel-board-wrap .list-center-box.reverse {
	flex-direction: column;
}
.tabel-board-wrap .list-center-box .empty { text-align: center; justify-content: center; padding: 60px 0; }

.tabel-board-wrap .list-center-box>li:first-child {
    border-bottom: 2px solid #aeaeae
}

.tabel-board-wrap .list-center-box>li:last-child {
    border-top: 2px solid #aeaeae
}

.tabel-board-wrap>form>ul {
    width: 100%;
    display: flex;
    flex: 1;
    flex-direction: column;
    border-top: 6px solid #aeaeae
}

.tabel-board-wrap>form>ul+ul {
    border-top: none
}

.tabel-board-wrap>form>ul>li {
    width: 100%;
    display: flex;
    text-align: center;
    padding: 26px 0;
    font-size: 24px;
    color: #5c5c5c
}

.tabel-board-wrap>form>ul>li+li {
    border-bottom: 2px solid #aeaeae
}
.tabel-board-wrap>form>ul>li .adm {
	width: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.tabel-board-wrap>form>ul>li .adm.chk_box input[type="checkbox"] + label span { float: none; margin: 0 auto; }
.tabel-board-wrap>form>ul>li .num {
    width: 80px
}

.tabel-board-wrap>form>ul>li .title {
    flex: 1;
}

.tabel-board-wrap>form>ul>li .days {
    width: 130px;
}

.tabel-board-wrap>form>ul>li .clicks {
    width: 80px;
}
.tabel-board-wrap>form>ul>li p {
	display: flex;
	align-items: center;
	justify-content: center;
}
.tabel-board-wrap>form>ul>li p.cate { width: 20%; }
.tabel-board-wrap>form>ul>li p.days2 { width: 20%; }
.tabel-board-wrap>form>ul>li p.area1 { width: 20%; }
.tabel-board-wrap>form>ul>li p.area2 { width: 20%; }
.tabel-board-wrap>form>ul>li p.state { width: 10%; }
.tabel-board-wrap>form>ul>li p.btn-td { width: 10%; }
.tabel-board-wrap>form>ul>li p.btn-td a {
	display: inline-block;
	padding: 5px 10px;
	border: 2px solid #5c5c5c;
	border-radius: 5px;
	font-size: 18px;
}
.tabel-board-wrap>form>ul>li.my-li p span { display: none; }
.tabel-board-wrap>form>ul>li.my-li-viewer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.tabel-board-wrap>form>ul>li.my-li-viewer p {
	width: 50%;
	justify-content: flex-start;
	padding: 10px 0;
}
.tabel-board-wrap>form>ul>li.my-li-viewer p span {
	width: 120px;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
}
.tabel-board-wrap>form>ul>li.my-li-viewer p strong {
	flex: 1;
	text-align: left;
}

.tabel-board-wrap .list-center-wrap {
    display: flex;
    flex: 1;
    flex-direction: row
}

.tabel-board-wrap .list-center-wrap>li {
    width: 80px
}

.tabel-board-wrap .list-center-wrap>li+li {
    flex: auto;
    display: flex
}

.tabel-board-wrap .list-center-wrap>li+li>p {
    flex: 1;
	display: flex;
}

.tabel-board-wrap .list-center-wrap>li+li>p>a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
	text-align: left;
}

.tabel-board-wrap .list-center-wrap>li+li .resigs span:first-child {
    display: none
}

.list-top-wrap>li {
    font-weight: bold
}

.board-page-list {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 60px
}
.board-page-list>ul {
	display: flex;
	flex-direction: row;
}
.board-page-list>ul>li {
    width: 50px;
    height: 50px;
}

.board-page-list>ul>li>a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 24px;
	color: #747474;
	border-top: 1px solid #747474;
	border-bottom: 1px solid #747474;
}
.board-page-list>ul>li>a.on {
	background-color: #747474;
	color: #fff
}
.board-page-list>button,
.board-page-list>a {
	display: inline-block;
    border: 1px solid #747474;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.board-page-list>button:first-child::before,
.board-page-list>a:first-child::before {
	content: '';
	display: block;
	width: 100%; height: 100%;
    background-image: url(/theme/basic/img/icon/ico-board_left_arr.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 50% 50%
}

.board-page-list>button:last-child::before,
.board-page-list>a:last-child::before {
	content: '';
	display: block;
	width: 100%; height: 100%;
    background-image: url(/theme/basic/img/icon/ico-board_right_arr.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 50% 50%
}
.board-page-list>button.disabled,
.board-page-list>a.disabled {
	cursor: default;
}
.board-page-list>button.disabled::before,
.board-page-list>a.disabled::before {
	opacity: 0.3;
}

.board-search-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 85px auto auto auto;
    width: 951px
}

.board-search-box .select-box {
    width: 181px;
    padding: 21px 0
}

.board-search-box .select-box select {
    width: 100%;
    height: 73px;
    border: 3px solid #b5b5b5;
    border-radius: 9px;
    appearance: none;
    font-size: 26px;
    color: #5c5c5c;
    font-weight: 600;
    padding-left: 20px;
    cursor: pointer;
    background-image: url(/theme/basic/img/icon/ico-down-arrow.png);
    background-repeat: no-repeat;
    background-position: right 20px top 50%
}

.board-search-box .write-box {
    flex: 1;
    margin-left: 11px
}

.board-search-box .write-box input {
    width: 100%;
    height: 73px;
    border: 3px solid #b5b5b5;
    border-radius: 9px;
    font-size: 26px;
    color: #5c5c5c;
    font-weight: normal;
    padding: 0 20px
}

.board-search-box .next-go-btn {
    width: 190px;
    margin-top: 0;
    margin-left: 11px
}

.board-search-box .next-go-btn>button {
    padding: 18px 0;
    background-size: 0
}

.tab-list-box {
    margin-top: 84px;
    display: flex;
	flex-wrap: wrap;
}

.tab-button-box {
	width: calc(50% - 32px);
    border: 3px solid #efece8;
	margin: 16px;
}

.tab-button-box>input[type=radio] {
    display: none
}

.tab-button-box>input[type=radio]+label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 46px 0;
    cursor: pointer
}

.tab-button-box>input[type=radio]+label>.icon {
    margin-right: 11px;
    display: inline-block;
    width: 40px;
    height: 40px;
	min-width: 40px;
    min-height: 40px;
    border: 3px solid #efece8;
    border-radius: 50%;
    position: relative;
    transition: all .2s
}

.tab-button-box>input[type=radio]+label>.icon::before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 9px;
    border: solid #fff;
    border-width: 0 0 3px 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%) rotate(-45deg);
    position: absolute;
    opacity: 0;
    transition: all .25s
}

.tab-button-box>input[type=radio]+label>.txt {
    color: #5c5c5c;
    font-size: 36px;
    font-weight: 500
}

.tab-button-box>input[type=radio]:checked+label {
    background-color: #5cab8d
}

.tab-button-box>input[type=radio]:checked+label>.icon::before {
    opacity: 1
}

.tab-button-box>input[type=radio]:checked+label>.txt {
    color: #fff
}

.announce {
    margin-top: 59px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.announce>span {
    color: #5c5c5c;
    font-size: 34px;
    padding-left: 36px;
    position: relative
}

.announce>span::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #5cab8d;
    border-radius: 50%;
    width: 24px;
    height: 24px
}

.tab-content-box {
    margin-top: 90px;
    padding: 90px 93px 119px 93px;
    background-color: #f4f4f4
}

.tab-content-box p,
.tab-content-box .txt,
.tab-content-box .cont-list {
    color: #797979;
    font-size: 28px
}

.tab-content-box .txt {
    margin-top: 54px
}

.board-buttons {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
}
.board-buttons .admin-button button,
.board-buttons .admin-button a {
	display: inline-block;
	border: 1px solid #747474;
	padding: 5px 10px;
	border-radius: 5px;
	line-height: 36px;
}
.board-buttons .common-button button,
.board-buttons .common-button a {
	display: inline-block;
	border: 1px solid #747474;
	padding: 5px 10px;
	border-radius: 5px;
	line-height: 36px;
}
.board-buttons .admin-button, 
.board-buttons .common-button {
	display: flex;
}
.board-buttons .admin-button button + button,
.board-buttons .admin-button a + button,
.board-buttons .admin-button button + a,
.board-buttons .admin-button a + a,
.board-buttons .common-button button + button,
.board-buttons .common-button a + button,
.board-buttons .common-button button + a,
.board-buttons .common-button a + a{
	margin-left: 5px;
}

#bo_v, #bo_w {
	margin-top: 42px;
    border-top: 6px solid #aeaeae;
}
#bo_v_title .bo_v_tit { font-size: 30px; }

.term-layer-wrap {
	position: fixed;
	top: 0; left: 0;
	z-index: 9999;
	width: 100%; height: 100%;
	background-color: rgba( 0, 0, 0, .5 );
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity .25s;
}
.term-layer-wrap.active {
	opacity: 1;
	pointer-events: auto;
}
.term-layer-wrap .inner {
	position: relative;
	max-width: 1200px;
	max-height: calc(100% - 40px);
	width: calc(100% - 40px);
	padding: 5%;
	background-color: #fff;
}
.term-layer-wrap .inner > h3 {
	font-size: 28px;
	font-weight: bold;
}
.term-content {
	margin-top: 30px;
}
.term-content h4 {
	font-weight: bold;
	color: #333;
}
.term-content p {
	color: #5c5c5c;
}
.term-content h4 + p {
	margin-top: 10px;
}
.term-content p + h4 {
	margin-top: 30px;
}
.term-layer-wrap .inner .btn-close-term {
	position: absolute;
	top: 20px; right: 20px;
	width: 30px; height: 30px;
	font-size: 0;
	color: transparent;
}
.term-layer-wrap .inner .btn-close-term::before,
.term-layer-wrap .inner .btn-close-term::after {
	content: '';
	width: 100%; height: 2px;
	background-color: #5c5c5c;
	position: absolute;
	top: 50%; left: 50%;
}
.term-layer-wrap .inner .btn-close-term::before {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.term-layer-wrap .inner .btn-close-term::after {
	transform: translate(-50%, -50%) rotate(45deg);
}

.youtube-wrap, .set.video_ {
	display: inline-block;
	width: 100%; height: 0;
	padding-bottom: 56.25%;
	position: relative;
	margin-bottom: 10px;
}
.youtube-wrap iframe, .set.video_ video {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
.cont-list {
	padding-left: 1.2em;
	line-height: 1.4;
	margin-top: 0.3em;
}
.cont-list > li {
	position: relative;
}
.cont-list > li > span {
	display: inline-block;
	position: absolute;
	top: 0; left: -1.2em;
}

@media (max-width: 1890px) {
    .for-gnb1-div {
        width: 100%
    }

    .for-gnb2-div {
        width: 100%
    }

    .for-gnb3-div {
        width: 100%
    }

    .tabel-board-wrap {
        width: 100%
    }

    .for-inp-inner.type2 {
        width: 100%
    }

    .div-inner.type10 {
        padding: 110px 90px 136px 90px
    }

    .for-inp-inner.type7 {
        width: auto;
        justify-content: space-evenly
    }

    .for-inp-inner.type7 .next-go-btn {
        width: auto;
        margin: 69px 10px 0 10px
    }
}

@media (max-width: 1772px) {
    .appForm_list_layout {
        height: 477px;
        border-radius: 16px;
        background-image: url(/theme/basic/img/temp/2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%
    }

    .appForm_list_layout>ul {
        align-items: center;
        padding: 0
    }

    .appForm_list_layout>ul>li {
        height: auto;
        justify-content: flex-start;
        align-items: center
    }

    .appForm_list_layout>ul>li .ico-wrap {
        width: 170px
    }

    .appForm_list_layout>ul>li .title-wrap {
        height: 84px;
        min-height: 84px;
        font-size: 21px
    }

    .appForm_list_layout>ul>li .next-go-btn.type2 {
        margin: 0;
        width: 204px
    }

    .appForm_list_layout>ul>li .next-go-btn.type2>a {
        font-size: 19px
    }

    .tab-button-box>input[type=radio]+label>.txt {
        color: #5c5c5c;
        font-size: 24px
    }

    .announce>span {
        font-size: 24px
    }

    .tab-content-box {
        margin-top: 45px;
        padding: 45px 45px 55px 45px;
        background-color: #f4f4f4
    }

    .tab-content-box p,
    .tab-content-box .txt,
	.tab-content-box .cont-list {
        color: #797979;
        font-size: 24px
    }

    .tab-content-box .txt {
        margin-top: 25px
    }
}

@media (max-width: 1660px) {
    .tabel-board-wrap>form>ul>li {
        font-size: 17px
    }
}

@media (max-width: 1600px) {
    .div-inner.type5 {
        padding: 6.25em 50px 151px 50px
    }
}

@media (max-width: 1580px) {
    .div-inner.type2 {
        padding: 6.25em 90px 164px 90px
    }

    .div-inner.type3 {
        padding: 6.25em 90px 6.25em 90px
    }

    .type4 .txt-box .sub-title+.sub-title {
        margin-top: 10px
    }

    .for-inp-inner.type2 {
        width: 100%
    }
}

@media (max-width: 1400px) {
    .div-inner.type10 {
        padding: 90px 45px 76px 45px
    }

    .for-sub-inner {
        padding: 0 2.5em
    }

    .sub-top-section {
        height: 430px
    }

    .sub-top-section .for-sub-inner h2 {
        padding-top: 125px
    }

    .sub-top-section .for-sub-inner h2 p {
        font-size: 54px;
        line-height: 123%
    }

    .div-inner.type2 {
        padding: 6.25em 90px 80px 90px
    }

    .div-inner>.txt-box .title {
        font-size: 43px
    }

/*     .div-inner>.txt-box .title::after {
        content: '';
        position: absolute;
        bottom: -21px;
        left: 50%;
        height: 7px;
        transform: translateX(-50%);
        width: 66px;
        background-color: #5cab8d
    } */

    .div-inner>.txt-box .sub-title {
        font-size: 22px
    }

    .div-inner>.txt-box .content {
        font-size: 16px
    }

    .next-go-btn {
        margin-top: 4.875em
    }

    .next-go-btn>a {
        background-position: right 22px top 50%;
        width: 350px;
        font-size: 22px;
        box-shadow: 4px 4px rgba(181, 181, 181, 0.9)
    }

    .for-inp-inner {
        width: 700px
    }

    .form-input-wrap.type1 .input-box {
        width: 100%
    }

    .form-input-wrap.type1 .input-box .label {
        width: 60px;
        min-width: 60px;
        font-size: 20px
    }

    .form-input-wrap.type1 .input-box>input {
        width: 100%;
        height: 55px;
        font-size: 20px
    }

    .for-gnb3-div .div-inner.type1 {
        padding: 6.25em 70px 5.625em 70px
    }
}

@media (max-width: 1150px) {
    .detail-go-btn {
        font-size: 19px
    }

    .for-inp-inner.type3 .checkbox input[type=checkbox]+.icon {
        width: 28px;
        height: 28px;
        border-radius: 8px
    }

    .for-inp-inner.type3 .checkbox input[type=checkbox]+.icon::before {
        width: 15px;
        height: 9px
    }

    .for-inp-inner.type3 .checkbox .text {
        font-size: 19px
    }

    .sub-title.type4 {
        font-size: 19px
    }

    .sub-title.type5 {
        font-size: 19px
    }

    .sub-title.type6 {
        font-size: 19px
    }

    .div-inner.type2 {
        padding: 3.25em 45px 40px 45px
    }

    .for-inp-inner {
        width: auto
    }

    .sub-title.type2 {
        width: auto
    }

    .sub-top-section {
        height: 300px
    }

    .sub-top-section .for-sub-inner h2 {
        padding-top: 100px
    }

    .sub-top-section .for-sub-inner h2 p {
        font-size: 33px;
        line-height: 123%
    }

    .div-inner.type1 {
        padding: 3.25em 4.125em 3.625em 4.125em
    }

    .div-inner>.txt-box .title {
        font-size: 38px
    }

/*     .div-inner>.txt-box .title::after {
        content: '';
        position: absolute;
        bottom: -21px;
        left: 50%;
        height: 7px;
        transform: translateX(-50%);
        width: 66px;
        background-color: #5cab8d
    } */

    .div-inner>.txt-box .sub-title {
        font-size: 21px
    }

    .div-inner>.txt-box .content {
        font-size: 14px
    }

    .next-go-btn {
        margin-top: 4.875em
    }

    .next-go-btn>a,
	.next-go-btn>button {
        width: 350px;
        font-size: 22px;
        box-shadow: 4px 4px rgba(181, 181, 181, 0.9)
    }

    .appForm_list_layout {
        height: 320px;
        border-radius: 16px;
        padding: 20px;
    }

    .appForm_list_layout>ul {
        flex-wrap: wrap;
        justify-content: space-evenly
    }

    .appForm_list_layout>ul>li {
        width: 20%;
        justify-content: flex-start;
        align-items: center
    }

    .appForm_list_layout>ul>li .ico-wrap {
        width: 85px
    }

    .appForm_list_layout>ul>li .title-wrap {
        height: 70px;
        min-height: 70px;
        font-size: 18px
    }

    .appForm_list_layout>ul>li .next-go-btn.type2 {
        width: auto
    }

    .appForm_list_layout>ul>li .next-go-btn.type2>a {
        font-size: 18px;
        padding: 5px 30px 5px 20px;
        background-size: 9px;
        background-position: right 12px top 50%
    }

    .board-search-box {
        margin: 60px auto auto auto;
        width: 510px
    }

    .board-search-box .select-box {
        width: 91px;
        padding: 21px 0
    }

    .board-search-box .select-box select {
        width: 100%;
        height: 50px;
        font-size: 16px;
        padding-left: 10px;
        cursor: pointer;
        background-image: url(/theme/basic/img/icon/ico-down-arrow.png);
        background-repeat: no-repeat;
        background-position: right 8px top 50%;
        background-size: 12px
    }

    .board-search-box .write-box {
        flex: 1;
        margin-left: 11px
    }

    .board-search-box .write-box input {
        height: 50px;
        font-size: 16px;
        padding: 0 10px;
		border-width: 1px;
    }

    .board-search-box .next-go-btn {
        width: 61px
    }

    .board-search-box .next-go-btn>button {
        padding: 13px 0
    }

    .for-gnb3-div .div-inner.type1 {
        padding: 6.25em 35px 5.625em 35px
    }

    .tab-button-box>input[type=radio] {
        display: none
    }

    .tab-button-box>input[type=radio]+label {
        padding: 30px 0
    }

    .tab-button-box>input[type=radio]+label>.icon {
        width: 25px;
        height: 25px;
        border: 2px solid #efece8
    }

    .tab-button-box>input[type=radio]+label>.icon::before {
        width: 12px;
        height: 6px;
        border-width: 0 0 2px 2px
    }

    .tab-button-box>input[type=radio]+label>.txt {
        font-size: 19px
    }

    .announce {
        margin-top: 50px
    }

    .announce>span {
        font-size: 19px;
        padding-left: 30px
    }

    .announce>span::before {
        border-radius: 50%;
        width: 18px;
        height: 18px
    }

    .tab-content-box {
        padding: 40px 40px 50px 40px
    }

    .tab-content-box p,
    .tab-content-box .txt,
	.tab-content-box .cont-list {
        font-size: 19px
    }

    .tab-content-box .txt {
        margin-top: 30px
    }

    .input-wrap,
    .select-wrap {
        height: 55px;
        font-size: 20px;
        position: relative
    }

    .input-wrap>input,
    .input-wrap select,
    .select-wrap>input,
    .select-wrap select {
        font-size: 20px
    }

    .input-wrap>input,
    .select-wrap>input {
        position: absolute;
        top: 0;
        left: 0
    }

    .input-wrap>select,
    .select-wrap>select {
        background-size: 13px
    }

    .email-input-wrap>span {
        font-size: 20px
    }

    .email-input-wrap .input-option {
        height: 55px
    }

    .form-input-wrap .input-box .label {
        font-size: 20px;
        width: 57px;
        min-width: 57px;
        max-width: 57px
    }

    .info-list-wrap {
        padding: 28px 0 23px 0
    }

    .info-list-wrap>li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 42px 0
    }

    .info-list-wrap>li+li {
        border-top: 2px solid #aeaeae
    }

    .info-list-wrap>li>.txt-wrap>p.title {
        font-size: 36px;
        color: #5c5c5c;
        font-weight: bold
    }

    .info-list-wrap>li>.txt-wrap>p.content {
        font-size: 24px;
        color: #5c5c5c;
        font-weight: normal;
        margin-top: 26px
    }

    .input-wrap>input {
        width: 100%
    }
}

@media (max-width: 900px) {
	.form-input-wrap.type1 { margin-top: 40px; }
	.input-wrap, .select-wrap {
		height: 40px;
	}
	.form-input-wrap .input-box {
		margin-top: 20px;
	}
	.tab-list-box { margin-top: 50px; }
	.tab-button-box {
		margin: 8px 16px;
	}
    .div-inner.type10 {
        padding: 70px 15px 36px 15px
    }

    .for-inp-inner.type7 {
        display: flex;
        flex-direction: column
    }

    .for-inp-inner.type7 .next-go-btn {
        margin-top: 20px
    }

    .for-inp-inner.type7 .next-go-btn>a,
	.for-inp-inner.type7 .next-go-btn>button {
        width: 280px
    }

    .form-input-wrap.type2>li {
        flex-direction: column
    }

    .form-input-wrap.type2>li .input-box+.input-box {
        margin-left: 0
    }

    .form-input-wrap.type2>li .input-box .label {
        width: 57px;
        max-width: 57px;
        min-width: 57px
    }

    .form-input-wrap.type2>li .input-box.email-input-wrap>span {
        margin: 0 10px
    }

    .div-inner.type2 {
        padding: 3.25em 45px 80px 45px
    }

    .div-inner.type3 {
        padding: 3.25em 45px 3.25em 45px
    }

    .div-inner.type4 {
        padding: 3.25em 45px 80px 45px
    }

    .sub-top-section {
        height: 235px
    }

    .sub-top-section .for-sub-inner h2 {
        padding-top: 46px
    }

    .sub-top-section .for-sub-inner h2 p {
        font-size: 30px;
        line-height: 130%
    }

    .div-inner.type1 {
        padding: 40px
    }

    .div-inner>.txt-box .title {
        font-size: 28px
    }

/*     .div-inner>.txt-box .title::after {
        content: '';
        position: absolute;
        bottom: -21px;
        left: 50%;
        height: 7px;
        transform: translateX(-50%);
        width: 66px;
        background-color: #5cab8d
    } */
	.div-inner>.txt-box .title:not(.question)::after {
    height: 4px;
    width: 33px;
}

    .div-inner>.txt-box .sub-title {
        font-size: 17px
    }

    .next-go-btn {
        margin-top: 2em
    }

    .next-go-btn>a,
	.next-go-btn>button {
        padding: 12px 0;
        background-position: right 22px top 50%;
        background-size: 12px;
        font-size: 14px;
        width: 315px;
        box-shadow: 4px 4px rgba(181, 181, 181, 0.9)
    }

    .appForm_list_layout {
        height: 500px;
        border-radius: 16px;
        padding: 20px;
        background-size: auto 100%
    }

    .appForm_list_layout>ul {
        flex-wrap: wrap;
        justify-content: space-evenly
    }

    .appForm_list_layout>ul>li {
        width: 26%;
        justify-content: flex-start;
        align-items: center
    }

    .appForm_list_layout>ul>li .ico-wrap {
        width: 85px
    }

    .appForm_list_layout>ul>li .title-wrap {
        height: 60px;
        min-height: 60px;
        font-size: 18px
    }

    .appForm_list_layout>ul>li .next-go-btn.type2 {
        width: auto
    }

    .appForm_list_layout>ul>li .next-go-btn.type2>a {
        font-size: 18px;
    }

    .info-list-wrap>li>.txt-wrap>p.title {
        font-size: 28px
    }

    .info-list-wrap>li>.txt-wrap>p.content {
        font-size: 18px
    }

    .next-go-btn.type3 {
        width: 80px;
        min-width: 80px;
        min-height: 80px;
        margin-left: 40px;
        max-height: 80px
    }

    .next-go-btn.type3>a>span {
        font-size: 18px
    }

    .tabel-board-wrap>form>ul>li {
        padding: 10px 0;
        font-size: 17px
    }

    .tabel-board-wrap .list-top-wrap {
        display: none
    }

    .tabel-board-wrap .list-center-wrap {
        align-items: center
    }

    .tabel-board-wrap .list-center-wrap>li {
        width: 40px
    }

    .tabel-board-wrap .list-center-wrap>li+li {
        display: flex;
        flex-wrap: wrap;
        text-align: start;
        margin-left: 10px
    }

    .tabel-board-wrap .list-center-wrap>li+li>p {
        width: 100%;
        margin-bottom: 5px;
        overflow: hidden
    }
	.tabel-board-wrap>form>ul>li .num {
		width: 50px;
	}
	.tabel-board-wrap>form>ul>li .days {
		width: auto;
		flex: 1;
	}

	.tabel-board-wrap>form>ul>li .clicks {
		width: auto;
		flex: 1;
	}
	.tabel-board-wrap .list-center-wrap>li+li>p {
		flex: unset;
	}
    .tabel-board-wrap .list-center-wrap>li+li>p+.resigs {
        max-width: 136px
    }

    .tabel-board-wrap .list-center-wrap>li+li>p+.resigs+.resigs {
        padding-left: 20px;
        position: relative
    }

    .tabel-board-wrap .list-center-wrap>li+li>p+.resigs+.resigs::before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 10px;
        background-color: #aeaeae;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    .tabel-board-wrap .list-center-wrap>li+li .resigs {
        font-size: 14px
    }

    .tabel-board-wrap .list-center-wrap>li+li .resigs span:first-child {
        display: inline-block
    }

	.tabel-board-wrap>form>ul>li {
		flex-wrap: wrap;
	}
	.tabel-board-wrap>form>ul>li.my-li p {
		width: auto;
		flex-direction: row;
		justify-content: flex-start;
		padding: 5px 15px 5px 0;
		padding-right: 15px;
	}
	.tabel-board-wrap>form>ul>li.my-li p.btn-td {
		width: 100%;
		padding: 0;
		justify-content: center;
		margin-top: 10px;
	}
	.tabel-board-wrap>form>ul>li.my-li p.btn-td a { width: 100%; }
	.tabel-board-wrap>form>ul>li.my-li p span,
	.tabel-board-wrap>form>ul>li.my-li p strong {
		display: inline-block;
	}
	.tabel-board-wrap>form>ul>li.my-li p span {
		font-weight: bold;
		padding: 0 5px;
	}
	.tabel-board-wrap>form>ul>li.my-li-viewer p {
		width: 100%;
		font-size: 16px;
	}

    .board-search-box {
        margin: 30px auto auto auto;
        width: auto
    }

    .board-search-box .select-box {
        width: 70px
    }

    .board-search-box .select-box select {
        height: 40px;
        border: 3px solid #b5b5b5;
        font-size: 14px;
        padding-left: 4px;
        cursor: pointer;
        background-position: right 5px top 50%;
        background-size: 8px;
		border-width: 1px;
    }

    .board-search-box .write-box {
        width: 100%;
        margin-left: 5px
    }

    .board-search-box .write-box input {
        height: 40px;
        font-size: 16px;
        padding: 0 10px
    }

    .board-search-box .next-go-btn {
        width: 50px;
        margin-left: 5px
    }

    .board-search-box .next-go-btn>button {
        width: 100%;
        padding: 10px 0
    }

    .for-gnb3-div .div-inner.type1 {
        padding: 3em 15px 3em 15px
    }


    .tab-button-box>input[type=radio] {
        display: none
    }

    .tab-button-box>input[type=radio]+label {
        padding: 15px 0
    }

    .tab-button-box>input[type=radio]+label>.icon {
        width: 26px; min-width: 26px;
        height: 26px; min-height: 26px;
        margin-right: 6px
    }

    .tab-button-box>input[type=radio]+label>.txt {
        font-size: 14px
    }

    .announce {
        margin-top: 25px
    }

    .announce>span {
        font-size: 14px;
        padding-left: 20px
    }

    .announce>span::before {
        border-radius: 50%;
        width: 14px;
        height: 14px
    }

    .tab-content-box {
        padding: 20px 20px 25px 20px
    }

    .tab-content-box p,
    .tab-content-box .txt,
	.tab-content-box .cont-list {
        font-size: 14px
    }

    .tab-content-box .txt {
        margin-top: 15px
    }
	#bo_v_title .bo_v_tit { font-size: 20px; }
	#bo_v_info .profile_info { margin-top: 0; }
	#bo_v_info .profile_info .profile_info_ct {
		flex-direction: column;
		font-size: 12px;
	}
	#bo_v_info .profile_info .profile_info_ct > p { margin-right: 0; margin-top: 5px; }

	.term-layer-wrap .inner > h3 {
		font-size: 20px;
	}
	.term-content {
		margin-top: 20px;
		font-size: 14px;
	}
	.term-content h4 + p {
		margin-top: 5px;
	}
	.term-content p + h4 {
		margin-top: 20px;
	}
	.term-layer-wrap .inner .btn-close-term {
		top: 10px; right: 10px;
	}
	.sub-title.type6+.for-inp-inner {
		margin-top: 30px;
		padding: 30px 10px;
	}
	
	.div-inner.type5 {
        padding: 40px 20px;
    }

	.board-page-list {
		margin-top: 40px
	}
	.board-page-list>ul>li {
		width: 30px;
		height: 30px;
	}

	.board-page-list>ul>li>a {
		font-size: 14px;
	}
	.board-page-list>button,
	.board-page-list>a {
		width: 30px;
		height: 30px;
	}
	.board-page-list>button:first-child,
	.board-page-list>a:first-child {
        background-size: 10px
    }

    .board-page-list>button:last-child,
	.board-page-list>a:last-child {
        background-size: 10px
    }
}

@media (max-width: 620px) {
    .div-inner.type2 {
        padding: 3.25em 15px 40px 15px
    }

    .tab-list-box {
        display: flex;
        flex-direction: column
    }

    .email-input-wrap .input-option {
        border: 1px solid #b5b5b5
    }

    .input-wrap,
    .select-wrap {
        border: 1px solid #b5b5b5;
        margin-left: 15px
    }
	.board-buttons {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: center;
		padding: 10px 0;
	}
	.board-buttons .common-button {
		margin-top: 10px;
	}
	.board-buttons .admin-button button, .board-buttons .admin-button a,
	.board-buttons .common-button button, .board-buttons .common-button a{
		font-size: 14px;
		line-height: 24px;
		margin: 2px 0;
	}
	.tab-button-box { width: calc(100% - 32px); }

}

@media (max-width: 549px) {
    .appForm_list_layout {
        height: auto;
        border-radius: 16px;
        background-size: auto 100%
    }

    .appForm_list_layout>ul {
        flex-wrap: wrap;
        justify-content: space-evenly
    }

    .appForm_list_layout>ul>li {
        width: 33%;
        justify-content: flex-start;
        align-items: center;
        margin: 20px 0;
        padding: 0 10px
    }

    .appForm_list_layout>ul>li .ico-wrap {
        width: 85px
    }

    .appForm_list_layout>ul>li .title-wrap {
        font-size: 18px
    }

    .appForm_list_layout>ul>li .next-go-btn.type2 {
        width: auto
    }

    .appForm_list_layout>ul>li .next-go-btn.type2>a {
        font-size: 18px;
    }

    .info-list-wrap>li>.txt-wrap>p.title {
        font-size: 24px
    }

    .info-list-wrap>li>.txt-wrap>p.content {
        font-size: 14px
    }

    .div-inner.type3 {
        padding: 3.25em 10px 3.25em 10px
    }

    .div-inner.type4 {
        padding: 3.25em 15px 40px 15px
    }

    .next-go-btn.type3 {
        width: 100%;
        height: 30px;
        margin-left: 0;
        min-height: 30px;
        margin-top: 20px
    }

    .next-go-btn.type3>a>span {
        font-size: 14px
    }

    .info-list-wrap>li {
        flex-direction: column;
        padding: 20px 0
    }

    .info-list-wrap>li .txt-wrap {
        flex: 1;
		width: 100%;
    }
}

@media (max-width: 500px) {
    .detail-go-btn {
        font-size: 14px
    }

    .for-inp-inner.type3 .checkbox input[type=checkbox]+.icon {
        width: 22px;
        height: 22px
    }

    .for-inp-inner.type3 .checkbox input[type=checkbox]+.icon::before {
        width: 12px;
        height: 6px
    }

    .for-inp-inner.type3 .checkbox .text {
        font-size: 14px
    }

    .sub-title.type4 {
        font-size: 14px;
        margin-top: 32px;
        line-height: 1.6
    }

    .sub-title.type5 {
        font-size: 14px;
        line-height: 1.6
    }

    .sub-title.type6 {
        font-size: 14px
    }

    .input-wrap,
    .select-wrap {
        height: 44px;
        margin-left: 15px;
        font-size: 14px
    }

    .input-wrap>input,
    .input-wrap select,
    .select-wrap>input,
    .select-wrap select {
        font-size: 14px
    }

    .form-input-wrap .input-box {
        margin-top: 10px
    }

    .form-input-wrap .input-box .label {
        font-size: 14px;
        display: block
    }

    .form-input-wrap.type2 li {
        display: flex
    }

    .form-input-wrap.type2 li .input-box {
        flex: 1
    }

    .form-input-wrap.type2 li .input-box.email-input-wrap {
        flex-direction: row;
        align-items: center
    }

    .form-input-wrap.type2 li .input-box.email-input-wrap .label-input {
        flex-direction: column
    }

    .form-input-wrap.type2 li .input-box.email-input-wrap>span {
        margin: 32px 6px 0 6px;
        font-size: 14px
    }

    .form-input-wrap.type2 li .input-box.email-input-wrap .input-option {
        height: 44px;
        margin-top: 28px
    }

    .form-input-wrap.type2 li .input-box.email-input-wrap .input-option .input-wrap {
        margin-top: 0
    }

    .form-input-wrap.type2 li .input-box.email-input-wrap .input-option .select-wrap {
        margin-top: 0
    }

    .form-input-wrap.type2 li .input-box+.input-box {
        margin-left: 0
    }

    .label-input {
        display: flex
    }

    .info-list-wrap {
        padding: 28px 0 23px 0
    }

    .info-list-wrap>li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 42px 0
    }

    .info-list-wrap>li+li {
        border-top: 2px solid #aeaeae
    }

    .for-inp-inner.type2 {
        margin-top: 18px
    }

    .input-wrap,
    .select-wrap {
        margin-left: 0px;
        margin-top: 10px
    }

    .div-inner.type2 {
        margin-top: 30px;
        padding: 3.25em 45px 80px 45px
    }

    .form-input-wrap.type1 {
        margin-top: 42px
    }

    .form-input-wrap .input-box {
        margin-top: 10px;
        flex-direction: column;
        align-items: flex-start
    }

    .sub-center-section {
        margin-top: 1.9375em
    }

    .form-input-wrap.type1 .input-box .label {
        width: auto;
        display: block;
        font-size: 17px
    }

    .form-input-wrap.type1 .input-box>input {
        width: 100%;
        height: 43px;
        font-size: 14px;
        margin-left: 0;
        border-width: 1px;
        margin-top: 10px
    }

    .for-sub-inner {
        padding: 0 1.2em
    }

    .sub-top-section {
        height: 133px;
        background-size: contain;
        background-position: 0 0
    }

    .sub-top-section .for-sub-inner h2 {
        padding-top: 14px
    }

    .sub-top-section .for-sub-inner h2 p {
        font-size: 19px;
        line-height: 130%
    }

    .div-inner.type1 {
        padding: 20px
    }

    .div-inner>.txt-box .title {
        font-size: 19px
    }

/*     .div-inner>.txt-box .title::after {
        content: '';
        position: absolute;
        bottom: -6px;
        left: 50%;
        height: 3px;
        transform: translateX(-50%);
        width: 20px;
        background-color: #5cab8d
    } */
	.div-inner>.txt-box .title:not(.question)::after { bottom:-10px }


    .div-inner>.txt-box .sub-title {
        font-size: 14px;
        margin-top: 26px
    }

    .div-inner>.txt-box .content {
        font-size: 12px;
        margin-top: 16px
    }

    .next-go-btn {
        margin-top: 1.875em
    }

    .next-go-btn>a,
	.next-go-btn>button {
        padding: 10px 0;
        background-size: 10px;
        background-position: right 10px top 50%;
        font-size: 14px;
        width: 200px;
        box-shadow: 2px 2px rgba(181, 181, 181, 0.9)
    }

    .appForm_list_layout {
        height: auto;
        border-radius: 16px;
        padding: 20px 0;
        background-size: auto 100%
    }

    .appForm_list_layout>ul {
        flex-wrap: wrap;
        justify-content: space-evenly
    }

    .appForm_list_layout>ul>li {
        width: 35%;
        justify-content: flex-start;
        align-items: center;
        padding: 0 10px
    }

    .appForm_list_layout>ul>li .ico-wrap {
        width: 85px
    }

    .appForm_list_layout>ul>li .title-wrap {
        height: 50px;
        min-height: 50px;
        font-size: 14px
    }

    .appForm_list_layout>ul>li .next-go-btn.type2 {
        width: auto
    }

    .appForm_list_layout>ul>li .next-go-btn.type2>a {
        font-size: 12px;
        background-position: right 12px top 52%
    }

    .list-center-wrap>li+li .resigs a {
        display: flex;
        flex-direction: row;
        width: auto;
        max-width: initial;
		font-size: 12px;
    }

    .list-center-wrap>li+li .resigs a>span:first-child {
        display: inline-block;
		font-weight: bold;
		margin-right: 5px;
    }
}

@media (max-width: 360px) {
    .sub-top-section .for-sub-inner h2 p {
        font-size: 14px
    }
}

.checkbox {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer
}

.checkbox input[type=checkbox] {
    display: none
}

.checkbox input[type=checkbox]+.icon {
    display: inline-block;
    width: 44px;
    height: 44px;
    border: 1px solid #ccc;
    border-radius: 16px;
    position: relative;
    background-color: #fff;
    transition: all .2s
}

.checkbox input[type=checkbox]+.icon::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 12px;
    border: solid #fff;
    border-width: 0 0 3px 3px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%) rotate(-45deg);
    position: absolute;
    opacity: 0;
    transition: all .2s
}

.checkbox input[type=checkbox]:checked+.icon {
    background-color: #5cab8d
}

.checkbox input[type=checkbox]:checked+.icon::before {
    opacity: 1
}

.checkbox .text {
    font-size: 26px;
    font-weight: 500;
    color: #5c5c5c;
    margin-left: 12px
}

select:focus {
    outline: none
}


.login-wrap {
	width: 100%; padding: 10% 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.login-wrap > .inner {
	max-width: 540px;
	width: calc(100% - 40px);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 5px rgba( 0, 0, 0, .2 );
	border-radius: 10px;
	padding: 30px 20px;
	background-color: #5cab8d;
}
.login-wrap > .inner form {
	width: 100%;
}
.login-wrap > .inner .logo {
	padding: 10px;
	text-align: center;
}
.login-wrap > .inner .login-inputs {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}
.login-wrap > .inner .login-inputs li {
	margin-top: 10px;
}
.login-wrap > .inner .login-inputs li input {
	width: 100%; height: 50px;
	border: 1px solid rgba( 255, 255, 255, .2 );
	padding: 0 10px;
	background-color: rgba( 255, 255, 255, .9 );
	border-radius: 10px;
	font-size: 16px;
}
.login-wrap > .inner .btn-login-wrap {
	margin-top: 10px;
}
.login-wrap > .inner .btn-login-wrap button {
	width: 100%; height: 50px;
	border: 2px solid rgba( 255, 255, 255, .7 );
	border-radius: 10px;
	background-color: rgba( 255, 255, 255, .5 );
	font-size: 16px;
	font-weight: bold;
	color: #666;
}