/*common css*/
:root {
    --font-size-xxl: clamp(2rem, 4vw, 3.5rem);
    --font-size-xl: clamp(2.1rem, 3.4vw, 2.9rem);
    --font-size-lg: clamp(18px, 2vw, 1.5rem);
    --font-size-md-p5: clamp(17px, 1.5vw, 1.5rem);
    --font-size-md-p4: clamp(17px, 1.4vw, 1.4rem);
    --font-size-md-p3: clamp(16px, 1.3vw, 1.3rem);
    --font-size-md-p2: clamp(16px, 1.2vw, 1.2rem);
    --font-size-md-p1: clamp(15px, 1.1vw, 1.1rem);
    --font-size-md: clamp(15px, 1vw, 1rem);
    --font-size-md-m1: clamp(14px, 0.9vw, 0.9rem);
    --font-size-sm: clamp(0.4rem, 0.8vw, 0.8rem);
    --font-size-xs: clamp(0.25rem, 0.5vw, 0.5rem);
    /*--font-size-xl: clamp(2.5rem, 5vw, 4rem);*/
    /*--font-size-lg: clamp(2rem, 4vw, 3.5rem);*/
    /*--font-size-md: clamp(1.5rem, 3vw, 2.5rem);*/
    /*--font-size-sm: clamp(1rem, 2vw, 1.5rem);*/
    /*--font-size-xs: clamp(0.5rem, 1vw, 1rem);*/
    /*--font-size-xs: clamp(0.6rem, 1.2vw, 1.1rem);*/
}

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

@font-face {
    font-family: "Play-Regular.ttf";
    src: url("/user/font/Play-Regular.ttf");
}
/* @font-face{font-family:'malgun.ttf'; src:url('/user/font/malgum.ttf')} */

@font-face {
    font-family: "NotoSansKR-Regular";
    src: url("/user/font/NotoSansKR-Regular.eot");
    src:
            url("/user/font/NotoSansKR-Regular.otf"),
            url("/user/font/NotoSansKR-Regular.eot?#iefix")
            format("embedded-opentype"),
            url("/user/font/NotoSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "S-CoreDream-5Medium.otf";
    src: url("/user/font/S-CoreDream-5Medium.otf");
}

@font-face {
    font-family: "S-CoreDream-5Medium";
    src: url("/user/font/S-CoreDream-5Medium.otf");
    src:
            url("/user/font/S-CoreDream-5Medium.eot"),
            url("/user/font/S-CoreDream-5Medium.eot?#iefix")
            format("embedded-opentype"),
            url("/user/font/S-CoreDream-5Medium.svg#S-CoreDream-5Medium")
            format("svg"),
            url("/user/font/S-CoreDream-5Medium.ttf") format("truetype"),
            url("/user/font/S-CoreDream-5Medium.woff") format("woff"),
            url("/user/font/S-CoreDream-5Medium.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brand New Hyosung OTF Medium.otf";
    src: url("/user/font/S-CoreDream-5Medium.otf");
}

@font-face {
    font-family: "Brand New Hyosung OTF Medium";
    src: url("/user/font/Brand New Hyosung OTF Bold.otf");
    src: url("/user/font/Brand New Hyosung OTF Light.otf");
    src:
            url("/user/font/Brand New Hyosung OTF Medium.otf"),
            url("/user/font/Brand New Hyosung Bold.ttf") format("truetype"),
            url("/user/font/Brand New Hyosung Light.ttf") format("truetype"),
            url("/user/font/Brand New Hyosung Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Pretendard-Regular";
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff")
    format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Pretendard-Medium";
    src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff")
    format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "OTWelcomeRA";
    src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeRA.woff2")
    format("woff2");
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------------------reset------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
    /* b, u, i, center, */
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    /* vertical-align: baseline; */
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    font-family: "Pretendard-Regular";
}

ol,
ul {
    list-style: none;
}

li {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

a {
    color:dodgerblue;
    text-decoration: none;
    outline: none;
}

select{
    color:#333;
}

select option{
    color:#333;
}

img {
    border: 0;
}

table,
tr,
td {
    border-collapse: collapse;
    border-spacing: 0;
}

a:link,
a:visited {
    text-decoration: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="submit"],
input[type="reset"],
input[type="file"],
textarea,
input[type="button"],
button {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    outline: none;
    background: none;
}

select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url("/user/img/select_arrow.png") no-repeat 100% center;
    background-size: 7px;
    padding-left: 2px;
    padding-right: 15px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* webkit specific styles go here */
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        background: url("/user/img/select_arrow.png") no-repeat 95% center;
        background-size: 7px;
        padding-left: 2px;
        padding-right: 15px;
    }
}

#family_site {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: url("/user/img/arrow_up.png") no-repeat 95% center;
    background-size: 10px;
}

option {
    color: #aaa;
}

input,
textarea,
select {
    outline: none;
    font-family: "Noto Sans KR", sans-serif;
}

input:-internal-autofill-selected {
    background-color: #000;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    a img {
        border: none;
    }
}

/*------------------------------------------------Common------------------------------------------------*/

#wrap {
    position: relative;
}

.fixed_header{
    height:0;
}

#container {
    /* max-width: 1600px; */
    margin: 0 auto;
}

.content{
    max-width: 1400px;
    margin: 30px auto;
}

@media (max-width: 1800px) {
    #container {
        max-width: 1400px;
        margin: 0 auto;
        padding:0 30px;
        overflow: hidden;
    }
}

@media (max-width: 1600px) {
    #container {
        max-width: 1260px;
        margin: 0 auto;
        padding:0 30px;
        overflow: hidden;
    }
}

@media (max-width: 512px) {
    #container {
        width: 100%;
        overflow: hidden;
    }
    /* .content {
        padding: 20px;
    } */

    #jub_title{
        margin-top:0!important;
    }
    .content{
        margin: 10px auto;
    }
}

#sub_title{
    display:none!important;
    width:100%;
    height:160px;
}

#sub_title p{
    width: 100%;
    margin: 0 auto;
    font-size: var(--font-size-xl);
    color: #333;
    font-weight: 600;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 160px;
}

#jub_title{
    width:100%;
    height:160px;
    margin-top:70px;
}

#jub_title p{
    width: 100%;
    margin: 0 auto;
    font-size: var(--font-size-xl);
    color: #333;
    font-weight: 600;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 160px;
    -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

@-webkit-keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}
@keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

/*header*/

header.white {
    background-color: #fff !important;
    /* background: rgb(2,0,36); */
    /* background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1517857142857143) 100%); */
}

.test1.white {
    background-color: #fff !important;
}

.test1.white ul li.white {
    background-color: #fff !important;
}

header {
    width: 100%;
    border-bottom: 1px solid #ccc;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 10;
}

header h1 {
    position: absolute;
    top: 25px;
    z-index: 4;
    display: flex;
    padding: 0;
    margin: 0;
}

@media (max-width: 1800px) {
    header h1 {
        position: absolute;
        top: 25px;
        z-index: 4;
        padding: 0;
        margin: 0;
        left: 20px;
    }
}

@media (max-width: 1400px) {
    header h1 {
        position: absolute;
        top: 18px;
        z-index: 4;
        padding: 0;
        margin: 0;
        left: 20px;
    }
}

@media (max-width: 512px) {
    header h1 {
        margin: 0 auto;
        text-align: center;
        /* margin-top: 25px; */
        margin-right: 25px;
        display: inline-block;
        position: absolute;
        top: 0;
    }
}

header h1 img {
    width: 165px;
}

.test1 {
    max-width: 1920px;
    background: #fff;
    text-align: center;
    position: relative;
    margin: 0 auto;
    z-index: 6;
    padding:0 100px;
}

.test1_copy{
    max-width: 1920px;
    background: #fff;
    text-align: center;
    position: relative;
    margin: 0 auto;
    z-index: 6;
    padding:0 100px;
    box-shadow: 1px 1px 4px #f1f1f1;
}

.test1 .bbb {
    position: absolute;
    top: 30px;
    right: 100px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

@media (max-width: 1600px) {
    .test1 .bbb {
        right: 0;
    }
}

@media (max-width: 1400px) {
    .aaa,
    .bbb,
    .test2 {
        display: none !important;
    }
    header{
        height:70px!important;
    }
}

.test1 .bbb dt {
    float: left;
    padding: 0 10px;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    background: url(/user/img/sil3.png) no-repeat 0 0;
    cursor: pointer;
}

.test1 .bbb dt .lang_arrow {
    width: 11px;
    margin-left: 7px;
}

.test1 .bbb dt:nth-child(1) {
    background: none !important;
    width: 50px;
    height: 28px;
    margin-top:0;
    margin-right:0;
}

.test1 .bbb dt:nth-child(1) img {
    width: 28px;
    height: 28px;
}

.bbb .search_inner {
    border: 1px solid #ccc;
    background: #fff;
    width: 100%;
    position: fixed;
    left: 0;
    height: 240px;
    top: -1px;
    z-index: -1;
    display: none;
}

@media (max-width: 1600px) {
    .bbb .search_inner {
        top: 0;
    }
}

.bbb .search_inner > div{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    margin-top: 100px;
    border-top: 1px solid #eee;
}

.bbb .seach_click {
    width: 30px;
    height: 30px;
    background: url(/user/img/re/search.png) no-repeat 90% 50%;
    margin-left: -55px;
}

.bbb .lang_inner {
    border: 1px solid #ccc;
    background: #fff;
    width: 65px;
    position: fixed;
    padding: 10px 0;
    top: 75px;
    z-index: 3;
    margin-left: 73px;
    display: none;
}

.bbb .lang_inner p {
    margin: 10px 0;
    cursor: pointer;
}

.bbb .search_input {
    width: 35%;
    font-size: var(--font-size-md);
    padding: 20px 30px;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding-right: 70px;
}

.bbb .search_input::placeholder {
    color: #ccc;
}

.bbb .sns_inner {
    border: 1px solid #ccc;
    background: #fff;
    width: 125px;
    position: fixed;
    padding: 10px 0;
    top: 75px;
    z-index: 3;
    margin-left: 70px;
    display: none;
}

.bbb .sns_inner p {
    margin: 10px 0;
    cursor: pointer;
    display: contents;
}

.bbb .sns_inner p:hover,
.bbb .lang_inner p:hover {
    text-decoration: underline;
    text-underline-position: under;
}

.bbb .sns_inner p img {
    margin-right: 5px;
    width:20px;
    height:20px;
}

.test1 dl dt span {
    width: 15px;
    height: 10px;
    background: url(/user/img/bt_off.svg) no-repeat 0 0;
    display: inline-block;
    background-size: 12px;
    margin-left: 5px;
}

.test1 dl dt span.on {
    width: 15px;
    height: 10px;
    background: url(/user/img/bt_on.png) no-repeat 0 0;
    display: inline-block;
    background-size: 12px;
    margin-left: 5px;
}

.test1 ul {
    width: max-content;
    background: #fff;
    height: 90px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.test1 ul li {
    background: #fff;
    font-weight: 500;
    color: #000;
    float: left;
    width: 9.5vw;
    height: 20px;
    /* margin: 30px 0 0 0; */
    padding: 35px 0;
    cursor: pointer;
    font-size: 1.1rem;
    /*    text-shadow:1px 1px 5px #fff;*/
    position: relative;
}

.test1 ul li img{
    position: absolute;
    width: 12px;
    height: 12px;
    top: 27px;
    padding-left: 2px;
}
.test1 ul li .sg{
    position: absolute;
    width: 12px;
    height: 12px;
    top: 27px;
    padding-left: 2px;
}
.test1 ul li .dot{
    position: absolute;
    width: 5px;
    height: 5px;
    top: 32px;
    padding-left: 2px;
}
.test1 .txwhite{
    background: unset !important;
    color: #fff !important;
}

@media (max-width: 1600px) {
    .test1 ul li {
        background: #fff;
        font-weight: 500;
        color: #000;
        float: left;
        width: 9.9vw;
        /* margin: 30px 0 0 0; */
        padding: 35px 0;
        cursor: pointer;
        /* text-shadow: 1px 1px 3px #fff; */
    }


}

.test1 ul li:nth-child(1) {
    margin-left: 0;
}

.gnb_black {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    z-index: 1;
}
.search_black {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
    z-index: 1;
}

.test2 {
    text-align: center;
    position: absolute;
    top: -30vw;
    left: 0;
    min-width: -webkit-fill-available;
    height: max-content !important;
    margin: 0 !important;
    overflow: hidden;
    border-bottom: 2px solid #bc1225;
    background: #fff;
    z-index: 5;
    padding: 0 !important;
    opacity: 0;
    transition: 0.4s cubic-bezier(0.84, 0.61, 0.64, 0.8);
}

@media (max-width: 1600px) {
    .test2 {
        top: -40vw;
    }
}

.test2.on {
    top: 90px;
    opacity: 1;
    border-top: 1px solid #ccc;
    z-index: 5;
}

.test2 .test2_inner {
    font-size: var(--font-size-sm);
    display: inline-block;
    width: 100%;
    height: max-content !important;
    /* padding: 0 20px; */
    overflow: hidden;
    position: relative;
    background: #fff;
    border: none;
    z-index: 5;
}

.test2 .test2_inner .test2_center {
    display: inline-block;
    /* width: 100%; */
    margin: 0 auto;
    padding: 15px 0;
}

.test2 ul {
    display: ruby;
    float: left;
    margin-top:23px;
}

.test2 .sub_menu {
    width: 8.5vw;
    height: auto;
    padding: 0px;
    margin: 0 auto;
    text-align: left;
    display: inline-block;
    padding-left: 15px;
}

@media (max-width: 1600px) {
    .test2 .sub_menu {
        width: 8.9vw;
        height: auto;
        padding: 0px;
        margin: 0 auto;
        text-align: left;
        display: inline-block;
        padding-left: 15px;
    }
}

.test2 .sub_menu:nth-child(1),
.test2 .sub_menu:nth-child(2),
.test2 .sub_menu:nth-child(3) {
    /*   padding-bottom:150px; */
}

.test2 .sub_menu > li {
    font-size: var(--font-size-md-m1);
    margin: 25px 0;
    font-weight: 500;
    color: #444;
    cursor: pointer;
    width:140px;/*ohc풀네임때문에 적용*/
}

.test2 .sub_menu > li > a {
    width:-webkit-fill-available;
    color: #444;
    display:inline-block;
}

.test2 .sub_menu > li:hover {
    text-decoration: underline;
    text-underline-position: under;
    font-weight: 600;
    color: #bc1225;
}

.test2 .sub_menu > li a:hover {
    text-decoration: underline;
    text-underline-position: under;
    font-weight: 600;
    color: #bc1225;
}

.test2 .sub_menu > li span {
    width: 15px;
    height: 10px;
    background: url(/user/img/re/bt_off_02.svg) no-repeat 0 0;
    display: inline-block;
    background-size: 12px;
    margin-left: 5px;
}

.test2 .sub_menu > li span.on {
    width: 15px;
    height: 10px;
    background: url(/user/img/re/bt_on_02.svg) no-repeat 0 0;
    display: inline-block;
    background-size: 12px;
    margin-left: 5px;
}

.test2 .sub_menu > li .off {
    width: -webkit-fill-available;
    display: none;
    padding: 0;
    margin: 5px 0;
}

.test2 .sub_menu > li > .off > li {
    margin: 12px 0;
    font-weight: 500;
    color: #666;
}

.test2 .sub_menu > li > .off > li > a {
    width:-webkit-fill-available;
    color: #666;
    display:inline-block;
}

.test2 .sub_menu > li > .off > li:hover {
    text-decoration: underline;
    text-underline-position: under;
    color: #000;
}

.img {
    position: absolute;
    right: -70px;
    bottom: -100px;
    overflow: hidden;
    float: left;
}

.img1 {
    transition: all 0.2s;
    height:28vh;
}

.img1.on {
    height: 100%;
    transition: all 0.1s;
}

.img_ul {
    padding: 0;
    display: inline-block;
}

.letter_n {
    letter-spacing: -0.5px;
}

@media (max-width: 1600px) {
    .letter_li {
        letter-spacing: -1px;
    }
    .img1 {
        transition: all 0.2s;
        height:37vh;
    }
}

/*------------------------------------------------MainPage------------------------------------------------*/

/*배너영역*/

.banner_swiper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.swiper01 {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.swiper-slide .txt_box {
    position: absolute;
    top: 30%;
    left: 10%;
    text-align: left;
}

.swiper-slide .txt_box p {
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 5rem;
    font-weight: 500;
    background: url(/user/img/re/red_dot.png) no-repeat 100% 0%;
    display: inline-block;
    background-size: 7px;
    padding-right: 10px;
    padding-top: 5px;
}

.swiper-slide .txt_box span {
    font-family: "Pretendard-Regular";
    font-size: 1.4rem;
    line-height: 1.25em;
    display: block;
    margin-top: 14px;
    word-break: keep-all;
}

.swiper01 > #main_swiper-wrapper{
    background-size:cover!important;
    background-repeat: no-repeat!important;
}

.login_area {
    width: 100%;
    height: 170px;
    overflow: hidden;
    background: rgba(188, 18, 37, 0.85);
    position: absolute;
    bottom: 0;
    z-index: 4;
}

.login_area > ul {
    max-width: 1600px;
    margin: 0 auto;
    text-align: center;
    display: flex;
}

.login_area > ul > li {
    width: -webkit-fill-available;
    text-align: left;
}

.t_colgroup {
    display: none;
}

@media (max-width: 1600px) {
    .t_colgroup {
        display: none;
    }
    .login_area > ul {
        max-width: 1240px;
    }
}

.login_area > ul > li > div {
    padding: 20px;
    height: 170px;
    overflow: hidden;
}

.login_area > ul > li:nth-child(1) > div {
    border-left: 1px solid #bb4854;
}

.login_area > ul > li:nth-child(2) > div {
    border-left: 1px solid #bb4854;
    border-right: 1px solid #bb4854;
}

.login_area > ul > li:nth-child(3) > div {
    border-right: 1px solid #bb4854;
}

.login_area > ul > li > div > b {
    font-size: var(--font-size-md-xl);
    font-weight: 500;
    color: #fff;
}

.login_area > ul > li > form{
    padding:20px;
}

.login_area > ul > li > form > div > b {
    font-size: var(--font-size-md-xl);
    font-weight: 500;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
}

.login_area > ul > li > div > i {
    margin-top: 5px;
    float: right;
}

.login_area > ul > li > div table {
    width: 116.5%;
    margin-top: 10px;
}

._moveNotice{
    width:15px;
    margin-top:-5px;
    cursor:pointer;
}

.login_area > ul > li > div .one_table tbody tr td select {
    border: none;
    background: url("/user/img/re/down_arrow.svg") no-repeat 95% 50% #fff;
    background-size: 12px;
    width: -webkit-fill-available;
    padding: 12.5px;
    border-radius: 5px;
    color: #000;
}

.login_area > ul > li > div .one_table tbody tr td input,
.login_area > ul > li > form > div .three_table tbody tr td input {
    width: -webkit-fill-available;
    background: #fff;
    border: none;
    padding: 12.5px;
    border-radius: 5px;
    color: #000;
}

.login_area > ul > li > div .one_table tbody tr td input::placeholder,
.login_area > ul > li > form > div .three_table tbody tr td input::placeholder {
    color: #000;
}

.login_area > ul > li > div .one_table tbody tr td button {
    font-size: var(--font-size-md-xl);
    color: #fff;
    background: #71030f;
    padding: 37px 29px;
    margin-left: 5px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}

.login_area > ul > li > form > div .three_table tbody tr td button {
    font-size: var(--font-size-md-xl);
    color: #fff;
    background: #56000a;
    padding: 36px 21px;
    margin-left: 5px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}

.login_area > ul > li > div .userid {
    font-size: var(--font-size-md-p1);
}
.login_area > ul > li > form > div .userid {
    font-size: var(--font-size-md-p1);
}

.login_area > ul > li > div .two_table {
    margin-top: 10px;
    overflow: hidden;
}

.login_area > ul > li > div .two_table li {
    overflow: hidden;
}

.login_area > ul > li > div .two_table li > div{
    width:70%;
    display: inline-block!important;
}

.login_area > ul > li > div .two_table li a {
    /* display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: var(--font-size-md);
    color: #fff;
    line-height: 1.85rem; */
    color: #fff;
    margin: 6px 0;
    white-space: nowrap;
    line-height: 1.25rem;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    max-width: 100%;

    display: inline-block;
    padding-right: 23px;

}

.login_area > ul > li > div .two_table li a:hover {
    opacity: 0.78;
}

.gongmoon_new{
    background: url(/user/img/re/new_white.svg) no-repeat 100% 50%;
    background-size: 16px;
}

.login_area > ul > li > div .two_table li span {
    display: inline-block;
    float: right;
    line-height: 1.85rem;
    color: #db9ca2;
}

.login_area > ul > li > form > div .userid {
    float: right;
    font-size: 0.9rem;
    margin-right: 1px;
}

.login_area > ul > li > form > div .three_table{
    width:116.5%;
}

.login_area > ul > li:nth-child(3){
    border-right: 1px solid #bb4854;
}

.captin_banner{
    position: absolute;
    z-index: 10;
    object-fit: cover;
    /* transition: transform 3.5s ease!important; */
}



#main_swiper-wrapper > .swiper-slide-active {
    /* transform: scale(1.1)!important; 확대 효과 */
}
#main_swiper-wrapper > .swiper-slide-prev,
#main_swiper-wrapper > .swiper-slide-next {
    /* transform: scale(1)!important; 비활성 슬라이드 축소 */
}

@media (max-width: 1600px) {
    .swiper-slide .txt_box {
        position: absolute;
        top: 25%;
        left:5%;
    }
    .swiper-slide .txt_box p {
        font-family: "Brand New Hyosung OTF Medium";
        font-size: 5rem;
        font-weight: 500;
        background: url(/user/img/re/red_dot.png) no-repeat 100% 0%;
        display: inline-block;
        background-size: 7px;
        padding-right: 10px;
        padding-top: 5px;
    }

    .swiper-slide .txt_box span {
        font-family: "Pretendard-Regular";
        font-size: 2.3vh;
        line-height: 1.25em;
        display: block;
        margin-top: 14px;
    }

    .login_area > ul > li > form > div .three_table{
        width:109%;
    }
}

.swiper-pagination {
    bottom: 187px !important;
    z-index: 3 !important;
}

@media (max-width: 1800px) {
    .swiper-pagination {
        bottom: 187px;
        z-index: 3 !important;
    }
}

@media (max-width: 1024px) {
    .swiper-pagination {
        bottom: 187px !important;
        z-index: 3 !important;
    }
}

@media (max-width: 512px) {
    .swiper-pagination {
        bottom: 25% !important;
        z-index: 3 !important;
    }
}

.swiper-pagination-bullet {
    background:#fff!important;
    border-radius: 0;
    border-radius: 0 !important;
    width: 50px !important;
    height: 3px !important;
    position: relative;
    overflow: hidden;
    opacity:1!important;
}

.swiper-pagination-bullet::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.swiper-pagination-bullet-active {
    background: #bc1225 !important;
    width: 50px !important;
    height: 3px !important;
}
/*로딩바*/
/* .swiper-pagination-bullet-active::before {
    background-color: #bc1225 !important;
    animation: slide-progress 7s cubic-bezier(0.3, 0, 0.3, 1) forwards;
} */

@keyframes slide-progress {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

.swiper01 .swiper-wrapper {
    height: 100vh;
}

.swiper01 .swiper-wrapper .ss01 {
    width: 100%;
    background: url(/user/img/re/main_banner01_notxt.png) no-repeat 0 22%;
    background-size: cover;
}

.swiper01 .swiper-wrapper .ss02 {
    width: 100%;
    background: url(/user/img/re/main_banner02_20240819.png) no-repeat 0 0%;
    background-size: cover;
}

.swiper01 .swiper-wrapper .ss03 {
    width: 100%;
    background: url(/user/img/re/main_banner03_20240819.png) no-repeat 0 0%;
    background-size: cover;
}

@media (max-width: 1800px) {
    .swiper01 .swiper-wrapper .ss01 {
        background: url(/user/img/re/main_banner01_notxt.png) no-repeat 50%
        15%;
        background-size: cover;
    }

    .swiper01 .swiper-wrapper .ss02 {
        background: url(/user/img/re/main_banner02_20240819.png) no-repeat 0
        0%;
        background-size: cover;
    }

    .swiper01 .swiper-wrapper .ss03 {
        background: url(/user/img/re/main_banner03_20240819.png) no-repeat 0
        0%;
        background-size: cover;
    }
}


/*login_on 로그인영역*/

#login_box_on{
}

#login_box_on b{
    font-size: var(--font-size-md-xl);
    font-weight: 500;
    color: #fff;
    margin-bottom:15px;
    display: block;
}

#login_box_on .login_inner{
    display:flex;
    justify-content: center;
    align-items: center;
}

#login_box_on .login_inner p{
    width:100%;
    font-size: 1.5rem;
    margin-top:5px;
    margin-right:10px;
    line-height: 1.5em;
    color:#eee;
}

#login_box_on .login_inner .login_bt_on{
    text-align: center;
}

#login_box_on .login_inner input{
    padding: 10px 30px;
    border-radius: 5px;
    border:none;
    font-size: 0.9rem;
    color: #fff;
    background: #71030f;
    margin-bottom:5px;
    cursor:pointer;
}

#login_box_on .login_inner input:hover{
    color:#ff0;
}

#login_box_on .login_inner a{
    display:block;
    padding: 11px 30px;
    border-radius: 5px;
    border:none;
    font-size: 1rem;
    color: #fff;
    background: #56000a;
    cursor:pointer;
}

.user_name{
    color:#ff0;
}

@media (max-width: 1600px) {
    #login_box_on .login_inner p {
        font-size: 1.2rem;
    }
}

@media (max-width: 1024px) {
    .login_inner{
        margin-top:10px;
    }
    #login_box_on .login_inner p {
        font-size: 1.5rem;
    }
}

@media (max-width: 768px) {
    #login_box_on .login_inner p {
        font-size: 1.2rem;
    }
}

@media (max-width: 512px) {
    .m_login_area > ul > li > b{
        font-size: 0.82rem!important;
    }
    .m_login_area > ul > li.current > b {
        font-size: 0.82rem!important;
    }
    #login_box_on .login_inner p {
        font-size: 0.82rem;
    }
    .m_login_area #tab-2 li a {
        width: 65%;
    }
    .m_login_area #tab-2 .two_table li span {
        font-size:0.9rem;
    }
    .banner_swiper {
        height: 91vh;
    }

}

@media (max-width: 375px) {
    .m_login_area > ul > li > b{
        font-size: 0.75rem!important;
    }
    .m_login_area > ul > li.current > b {
        font-size: 0.75rem!important;
    }
    #login_box_on .login_inner p {
        font-size: 0.75rem;
    }
    .m_login_area #tab-2 li a {

    }
}

/*모바일 배너영역*/

.m_swiper01{
    display:none;
}

@media (max-width: 512px) {
    .swiper01{
        display: none!important;
    }
    .m_swiper01 {
        display: block!important;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .m_swiper01 .swiper-slide .txt_box {
        position: absolute;
        top: 30%;
        left: auto;
        text-align: center;
    }

    .m_swiper01 .swiper-slide .txt_box p {
        font-family: "Brand New Hyosung OTF Medium";
        font-size: 2.5rem;
        font-weight: 500;
        background: url(/user/img/re/red_dot.png) no-repeat 100% 0%;
        display: inline-block;
        background-size: 7px;
        padding-right: 10px;
        padding-top: 5px;
        text-align: center;
    }

    .m_swiper01 .swiper-slide .txt_box span {
        font-family: "Pretendard-Regular";
        font-size: 1.1rem;
        line-height: 1.25em;
        display: block;
        margin-top: 14px;
        text-align: center;
        padding:0 20px;
        width: -webkit-fill-available;
    }

    /* .m_swiper01 .swiper-slide .txt_box span br{
        display:none;
    } */
    .m_swiper-pagination {
        position: absolute;
        display: flex;
        bottom: 265px !important;
        z-index: 3 !important;
        justify-content: center;
    }
    .m_swiper01 .swiper-pagination-bullet {
        border-radius: 0;
        border-radius: 0 !important;
        width: 50px !important;
        height: 3px !important;
        position: relative;
        overflow: hidden;
    }

    .m_swiper01 .swiper-pagination-bullet::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .m_swiper-pagination-bullet-active {
        background: #fff !important;
        width: 150px !important;
        height: 3px !important;
    }
    .m_swiper-pagination-bullet-active::before {
        background-color: #bc1225 !important;
        animation: slide-progress 7s cubic-bezier(0.3, 0, 0.3, 1) forwards;
    }

    /* @keyframes slide-progress {
        0% {
            transform: translateX(-100%);
        }

        100% {
            transform: translateX(0);
        }
    } */

    .m_swiper01 .swiper-wrapper {
        height: 100vh;
    }

    .m_swiper01 .swiper-wrapper .ss01 {
        width: 100%;

        background-size: cover;
    }

    .m_swiper01 .swiper-wrapper .ss02 {
        width: 100%;

        background-size: cover;
    }

    .m_swiper01 .swiper-wrapper .ss03 {
        width: 100%;

        background-size: cover;
    }
}



/*Main content영역/
/*자주찾는 메뉴*/

.jaju_area {
    max-width: 1600px;
    margin:0 auto;
    overflow: hidden;
}

.jaju_box {
    display: flex;
    text-align: center;
    margin: 0 auto;
}

.jaju_area > div {
}

.jaju01 {
    width: auto;
    height: 292px;
    padding: 0px 113px 0 113px;
    background: url(/user/img/re/call.svg) no-repeat 0 0;
    background-size: cover;
    margin-right: 7px;
}

.jaju02 {
    width: -webkit-fill-available;
    height: 293px;
    background: url(/user/img/re/jaju.svg) no-repeat 0 0%;
    background-size: contain;
    padding: 0 3.4vw;
    justify-content: center;
    display: flex;
    align-items: center;
}

@media (max-width: 1921px) {
    .jaju02 {
        background-size: contain;
    }
    .jaju02 ul li div{
        margin:0;
    }
}

@media (max-width: 1800px) {
    .jaju01{
        width: auto;
        height: 256px;
        padding: 0px 100px;
        background: url(/user/img/re/call.svg) no-repeat 0 0%;
        background-size: contain;
    }
    .jaju02 {
        width: -webkit-fill-available;
        height: 265px;
        background: url(/user/img/re/jaju.svg) no-repeat 0 0%;
        background-size: contain;
        padding: 0 3vw;
    }

    .jaju02 ul li div{
        margin: 0.5vw 12px!important;
    }
}

@media (max-width: 1600px) {
    .jaju01 {
        width: auto;
        height: 130px;
        padding: 0 105.5px;
        background: url(/user/img/re/call.svg) no-repeat 0 0%;
        background-size: contain;
    }

    .jaju02 {
        width: -webkit-fill-available;
        height: 130px;
        background: url(/user/img/re/jaju.svg) no-repeat 0 0%;
        background-size: contain;
        padding: 0 3vw;
        justify-content: center;
        display: flex;
        align-items: center;
    }
}

.jaju02 ul {
    overflow: hidden;
    justify-content: center;
    display: flex;
    align-items: center;
}

.jaju02 ul li {
    cursor: pointer;
}


@media (max-width: 1920px) {
    .jaju02 ul li div {
        float: left;
        width: 6vw;
        height: 6vw;
        border-radius: 17px;
        margin: 1.5vw 20px;
        box-shadow: 0px 0px 11px #eee;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .jaju02 ul li div.ani{
        animation-name: slideUp;
        -webkit-animation-name: slideUp;

        animation-duration: 0.4s;
        -webkit-animation-duration: 0.4s;

        animation-timing-function: ease;
        -webkit-animation-timing-function: ease;

        visibility: visible !important;
    }

    @keyframes slideUp {
        0% {
            transform: translateY(5%);
        }
        100% {
            transform: translateY(0%);
        }
    }

    @-webkit-keyframes slideUp {
        0% {
            transform: translateY(5%);
        }
        100% {
            transform: translateY(0%);
        }
    }
}

@media (min-width: 1921px) {
    .jaju02 ul li div {
        float: left;
        width: 5vw;
        height: 5vw;
        border-radius: 17px;
        margin: 0 0.5vw 15px 0.5vw;
        box-shadow: 0px 0px 11px #eee;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.jaju02 ul li div img {
    width: 5vw;
    height:5vh;
}

.jaju02 ul li span {
    font-family: "Brand New Hyosung OTF Light";
    text-align: center;
    display: block;
    margin-bottom: 2px;
    cursor: pointer;
}

.jaju02 ul li:hover span {
    font-weight: 600;
    color: #bc1225;
    text-decoration: underline;
    text-underline-position: under;
}

/*새소식*/
.new_area_bg{
    padding: 70px 0 100px 0;
    background: #fef9f8;
    margin-top: 70px;
    background:#fef9f8;
}
.new_area {
    max-width: 1600px;
    margin:0 auto;
}

.new_area h2 {
    font-family: "Brand New Hyosung OTF Medium";
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: #bc1225;
    margin: 0 auto;
    text-align: center;
    display: table;
}

.new_area h2 span {
    font-family: "Pretendard-Regular";
    font-size: var(--font-size-sm);
    display: inline-block;
    background: url(/user/img/re/more_arrow.svg) no-repeat 80% 50% #bc1225;
    color: #fff;
    background-size: 0.8rem !important;
    border-radius: 25px;
    padding: 12px 40px 11px 15px;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 7px;
    font-weight: 500;
    cursor: pointer;
}

.new_area h2 span:hover {
    background: url(/user/img/re/more_arrow.svg) no-repeat 80% 50% #71030f;
}

.new_box {
    margin-top: 30px;
    overflow: hidden;
}

.new01 {
    display: flex;
    overflow: hidden;
}

.new01 .new_b {
    display: grid;
    align-items: center;
    /* justify-content: left; */
    padding: 20px 30px;
}

.new01 li {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    width: -webkit-fill-available;
}

.new01 li:nth-child(1),
.new01 li:nth-child(3){
    margin:0;
}

.new01 li:nth-child(2){
    margin:0 20px;
}

.new01 li img {
    width: 100%;
    height: 100%;
    transition: 0.6s ease-out;
}

.new01 li:hover img {
    transform: scale(1.07);
}

.new_b {
    font-family: "OTWelcomeRA";
    width: -webkit-fill-available;
    height: 60px;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.new_b p {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25em;
    margin-bottom: 10px;
    height:2.5rem;
}

.new_b span {
    font-size: 0.8rem;
    display: block;
    text-align: right;
}

.news_info_area{
    text-align: center;
    display: grid;
}
.news_info_area .title{
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.3em;
}
.news_info_area .regDate{
    padding-top: 10px;
    font-size: 1rem;
    color: #888;
    text-align: right;
}

.news_content{
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 20px;
    line-height: 1.5em;
}

.news_content img{
    text-align: center;
    margin:0 auto 30px auto;
    display:block;
}

.news_content > div img{
    margin-bottom:30px;
}

.news_content p img{
    margin-bottom:30px;
}

.news_content b{
    font-weight: bold;
}
.news_move_info {
    margin-top: 50px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
}
.news_move_info ._move{
    width:100%;
    color: #999;
    cursor: pointer;
}
.news_move_info ._move:hover{
    text-decoration:underline;
}
.news_move_info .guide{
    font-weight: 800;
}
.news_move_info .guide_pre{
    padding-right: 20px;
    width:52px;
}
.news_move_info .guide_next{
    padding-left: 20px;
    width:52px;
}
.news_move_info .pre {
    width: 45vw;
    align-items: center;
    text-align: left;
    display: flex;
}
.news_move_info .guide_left_text{
    min-width: 70px;
    /*width: 10vw;*/
}
.news_move_info .guide_left_title{
    width: 35vw;
}

.news_move_info .next {
    width: 45vw;
    align-items: center;
    text-align: right;
    display: flex;
}
.news_move_info .nextM {
    display: none;
    width: 90vw;
    text-align: left;
}

.news_move_list{
    margin-top:50px;
}

.news_move_list ul{
    height: 50px;
    display:flex;
    justify-content: center;
    align-items: center;
    overflow:hidden;
}

.news_move_list ul li{
    font-size:1rem;
    font-weight:600;
    text-align: center;
    padding:10px 0;
    color:#333;
}

.news_move_list ul li ._golist{
    font-weight: 600;
    background: #bc1225;
    border-radius: 27px;
    padding: 15px 60px;
    color: white;
    cursor: pointer;
}


@media (max-width: 1600px) {
    .new_area_bg{
        padding: 30px 0 100px 0;
    }
}


@media (max-width: 1400px) {
    .news_info_area .regDate {
        font-size: 0.8rem;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .news_content p{
        text-align: justify;
        letter-spacing: -0.1px;
    }
    .news_content img {
        max-width: 90vw;
        height: auto !important;
    }


    .news_move_info {
        display: block;
    }
    .news_move_info .pre {
        width: 90vw;
        display: flex;
    }
    .news_move_info .next {
        display: none;
    }
    .news_move_info .nextM {
        display: flex;
    }
    .news_move_info .guide_left_text{
        min-width: 70px;
        /*width: 10vw;*/
    }
    .news_move_info .guide_left_title{
        width: 85vw;
    }
    .news_info_area .title {
        font-size: 1.8rem;
        font-weight: 800;
        line-height: 1.3em;
        word-break: auto-phrase;
    }


}


@media (max-width: 512px) {
    .news_move_info ._move{
        font-size:0.9rem;
        line-height: 0.9rem;
        width:100%;
    }
    .news_move_info .guide_pre {
        padding-right:10px;
        font-size: 0.9rem;
        width: 56px;
    }
    .news_content p img{
        width: -webkit-fill-available!important;
    }
}



/*oneclick 건강정보*/
.oneclick_area {
    max-width: 1600px;
    margin:70px auto 0 auto;
}
.m_oneclick_area{
    display: none;
}
.oneclick_area h2 {
    font-family: "Brand New Hyosung OTF Medium";
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: #bc1225;
    margin: 0 auto;
    text-align: center;
    display: table;
}

.oneclick_area h2 span {
    font-family: "Pretendard-Regular";
    font-size: var(--font-size-sm);
    display: inline-block;
    background: url(/user/img/re/more_arrow.svg) no-repeat 80% 50% #bc1225;
    color: #fff;
    background-size: 0.8rem !important;
    border-radius: 25px;
    padding: 12px 40px 11px 15px;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 7px;
    font-weight: 500;
    cursor: pointer;
}

.oneclick_area h2 span:hover {
    background: url(/user/img/re/more_arrow.svg) no-repeat 80% 50% #71030f;
}

.oneclick_box {
    width: 100%;
    height: 420px;
    margin-top: 30px;
    overflow: hidden;
}

.oneclick01 {
    float: left;
    width: 300px;
    height: 400px;
    overflow: hidden;
}

.oneclick01 li{
    float: left;
    /* display: inline-block; */
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 7px;
    overflow: hidden;
    cursor: pointer;
}

.oneclick01 li span {
    font-family: "Brand New Hyosung OTF Light";
    font-size:1rem;
    color: #999;
}

.oneclick01 li span:hover {
    color: #fff;
    background-color:#bc1225;
    width:100%;
    padding:20px 0;
    border-radius: 7px;
}

.mySwiper {
    width: -webkit-fill-available !important;
    height: 300px !important;
    margin-right: 10px;
    overflow: hidden;
}

.onclick_wrapper {
    display: grid !important;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: var(--font-size-md-p1);
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-size:cover!important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.new_li img {
    display: block;
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.box-size {
    font-family: "Brand New Hyosung OTF Medium";
    width: -webkit-fill-available !important;
    color: #999999;
}
.slider__prev {
    width: 30px;
    height: 12px;
    background: url(/user/img/re/up_arrow.svg) no-repeat 0 0;
    margin: 20px 0;
    display: inline-block;
    cursor: pointer;
}
.slider__next {
    width: 30px;
    height: 12px;
    background: url(/user/img/re/down_arrow.svg) no-repeat 0 0;
    margin: 20px 0;
    display: inline-block;
    cursor: pointer;
}
.slider__prev:focus,
.slider__next:focus {
    outline: none;
}

.oneclick02 {
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    grid-gap: 0 15px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 420px;
}

.oneclick02 li {
    background: #fef9f8;
    border-radius: 20px;
    height: 420px;
    cursor: pointer;
}

.oneclick02 li:hover {
    background: #fff1ee;
}

.one_act {
    font-family: "Brand New Hyosung OTF Medium";
    margin: 0 auto;
    text-align: center;
}

.oneclick02 li > img {
    width: 72.3%;
    display: block;
    margin: 25% auto 10% auto;
    text-align: center;
}

.one_act {
    margin-top: 30px;
}

.one_act b {
    font-size: 1.2rem;
    font-weight: 600;
    display: block;
    color: #333;
}

.one_act b img {
    width: 15px;
    height: 15px;
    margin: 0px 5px;
    display: inline-block;
    vertical-align: baseline;
}

.one_act p {
    font-size: 1.1rem;
    font-family: "Pretendard-Regular";
    color: #777;
    margin: 15px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.one_act span {
    font-size: 1rem;
    font-family: "Pretendard-Regular";
    color: #999;
}

.m_onclick_ul{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    grid-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.m_onclick_ul li{
    display:grid;
    cursor:pointer;
    border: 1px solid #ccc;
    border-radius: 25px;
    padding-bottom:20px;
}

.m_onclick_ul li div img{
    width:-webkit-fill-available;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    /*max-width:95vw;*/
    width:100%;
}

.m_onclick_ul li p{
    font-size:1.05rem;
    font-weight:600;
    margin:15px 0 7px 20px;
    color:#333;
}

@media (max-width: 512px) {
    .m_onclick_ul li p{
        margin:25px 0 7px 20px;
    }
    .m_onclick_ul li p > img{
        width:14px;
    }
}

.m_onclick_ul li span{
    margin-left:20px;
    font-size:0.9rem;
    color:#666;
}

.m_onclick_ul li b{
    font-size:0.9rem;
    display:block;
    margin:10px 0 7px 20px;
    color:#bc1225;
}




/*학술제작물*/
.haksul_area_bg {
    margin-top: 70px;
    padding: 70px 0;
    background: url(/user/img/re/haksul_bg.png) no-repeat 0 0;
    background-size: cover;
    border-bottom: 1px solid #ddd;
}
@media (max-width: 1024px) {
    .haksul_area_bg {
        margin-top: 0;
    }
}
.haksul_area {
    max-width: 1600px;
    margin:0 auto;
}

.haksul_area h2 {
    font-family: "Brand New Hyosung OTF Medium";
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: #bc1225;
    margin: 0 auto;
    text-align: center;
    display: table;
}

.haksul_area h2 span {
    font-family: "Pretendard-Regular";
    font-size: var(--font-size-sm);
    display: inline-block;
    background: url(/user/img/re/more_arrow.svg) no-repeat 80% 50% #bc1225;
    color: #fff;
    background-size: 0.8rem !important;
    border-radius: 25px;
    padding: 12px 40px 11px 15px;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 7px;
    font-weight: 500;
    cursor: pointer;
}

.haksul_area h2 span:hover {
    background: url(/user/img/re/more_arrow.svg) no-repeat 80% 50% #71030f;
}

.haksul_box {
    width: 100%;
    margin-top: 30px;
}

.haksul01 {
    grid-template-columns: repeat(auto-fill, minmax(18%, 1fr));
    grid-gap: 0 15px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.haksul01 > li {
    border-radius: 25px;
    padding: 20px;
}

.haksul01 > li:nth-child(odd) {
    background: #fef9f8;
}

.haksul_t {
    border-bottom: 1px solid #ccc;
    padding: 10px 0 40px 0;
    cursor: pointer;
}

.haksul_t p {
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 1.2rem;
    color: #333;
    float: left;
}

.haksul_t img {
    float: right;
}

.haksul_i {
    position: relative;
    margin: 30px auto;
    align-items: center;
    width: fit-content;
    cursor: pointer;
}

.haksul_i img {
    max-width:200px;
    width: -webkit-fill-available;
    display: block;
    text-align: center;
    border:1px solid #ddd;
    border-radius:17px;
}

@media (max-width: 1800px) {
    .haksul_i img {
        width: 100%;
    }
}

.haksul_i strong {
    border-radius: 0 0 17px 17px;
    background: rgba(185, 51, 66, 0.8);
    color: #fff;
    padding: 17px 40px 17px 15px;
    vertical-align: middle;
    width: -webkit-fill-available;
    display: inline-block;
    position: absolute;
    font-weight: 500;
    cursor: pointer;
    bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.haksul_s {
    margin-top: 15px;
}

.haksul_s ul li {
    margin: 6px 0;
    color: #444;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    max-width: 90%;

    display: inline-block;
    padding-right: 23px;

}

.haksul_s ul li:hover {
    opacity: 0.8;
}

.haksul_s_new{
    background: url(/user/img/re/new_red.svg) no-repeat 100% 0;
    background-size: 16px;
}


/*추가배너*/

.choo_banner{
    /*margin: 5% 0;*/
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow:hidden;
}

.left_transform{
    overflow:hidden;
}

.left_choo{
    position: relative;
    background: url(/user/img/re/choo01.jpg) no-repeat 0 0;
    background-size:100%;
    height:38vh;
    color:#fff;
    transition: 0.6s ease-out;
}

.left_choo:hover{
    transform: scale(1.02);
}

.left_choo > div{
    position: absolute;
    left: 10%;
    top: 15%;
}

.right_transform{
    overflow:hidden;
}

.right_choo{
    position: relative;
    background: url(/user/img/re/choo02.jpg) no-repeat 0 0;
    background-size:100%;
    height:38vh;
    color:#fff;
    transition: 0.6s ease-out;
}

.right_choo:hover{
    transform: scale(1.02);
}

.right_choo > div{
    position: absolute;
    left: 10%;
    top: 15%;
}

.left_choo > div p,
.right_choo > div p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size:2.4rem;
    font-weight:600;
    letter-spacing: 2px;
    display:block;
}

.left_choo > div span,
.right_choo > div span{
    font-family: "Pretendard-Medium";
    font-size:1.2rem;
    margin:30px 0;
    display:block;
}

.left_choo > div strong,
.right_choo > div strong{
    font-size:1rem;
    background:rgba(255,255,255,0.2);
    padding:10px 20px;
    border:1px solid #fff;
    display:inline-block;
    cursor:pointer;
}

@media (min-width: 1921px) {
    .choo_banner {
        height: 470px;
    }
}

@media (max-width: 1800px) {
    .choo_banner{
        height:31vh;
    }
    .left_choo > div {
        position: absolute;
        left: 10%;
        top: 21%;
    }
    .right_choo > div {
        position: absolute;
        left: 10%;
        top: 21%;
    }
}

@media (max-width: 1600px) {
    .choo_banner{
        height:32vh;
        margin:2% auto;
    }
    .right_choo{
        /* background: url(/user/img/re/choo02.png) no-repeat 50% 0; */
    }
    .left_choo > div,
    .right_choo > div{
        position: absolute;
        left: 10%;
        top: 19%;
    }
    .left_choo > div p,
    .right_choo > div p{
        font-size:2rem;
    }

    .left_choo > div span,
    .right_choo > div span{
        font-size:0.9rem;
        margin:20px 0;
    }

    .left_choo > div strong,
    .right_choo > div strong{
        font-size:0.8rem;
        padding:7px 15px;
    }
    .haksul_s ul li {
        background-size: 14px;
    }
    .haksul_s ul li {
        padding-right: 20px;
    }

}

@media (max-width: 1200px) {
    .left_choo > div p,
    .right_choo > div p{
        font-size:1.2rem;
    }
}

@media (max-width: 1024px) {
    .choo_banner{
        height:auto;
        display:block;
        margin:5% -30px;
    }
    .left_choo,
    .right_choo{
        height:25vh;
    }
}

@media (max-width: 768px) {
    .choo_banner{
        height:auto;
        display:block;
        margin:10% -30px;
    }
    .left_choo,
    .right_choo{
        height:25vh;
    }
}


@media (max-width: 512px) {
    .left_choo,
    .right_choo{
        height:18vh;
    }
    .left_choo > div p, .right_choo > div p{
        font-size:1.2rem;
    }
    .left_choo > div span, .right_choo > div span{
        margin:15px 0;
    }
}





/*진단검사 네트워크*/
.jindan_area {
    max-width: 1600px;
    margin: 70px auto 5% auto;
}

.jindan_area h2 {
    font-family: "Brand New Hyosung OTF Medium";
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: #bc1225;
    margin: 0 auto;
    text-align: center;
    display: table;
}

.jindan_area h2 span {
    font-family: "Pretendard-Regular";
    font-size: var(--font-size-sm);
    display: inline-block;
    background: url(/user/img/re/more_arrow.svg) no-repeat 80% 50% #bc1225;
    color: #fff;
    background-size: 0.8rem !important;
    border-radius: 25px;
    padding: 12px 40px 11px 15px;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 7px;
    font-weight: 500;
    cursor: pointer;
}

.jindan_area h2 span:hover {
    background: url(/user/img/re/more_arrow.svg) no-repeat 80% 50% #71030f;
}

.jindan_box {
    width: -webkit-fill-available;
    height:50vh;
    margin-top: 30px;
    overflow: hidden;
}

@media (min-width: 1921px) {
    .jindan_area {
        margin: 70px auto 0 auto!important;
    }
}

@media (max-width: 1900px) {
    .jindan_box {
        height:70vh!important;
    }
}

@media (max-width: 1800px) {
    .jindan_box {
        height:60vh!important;
    }
}

.mySwiper02 {
    position: relative;
}

.jindan_li {
    /* width: 388.4px !important; */
    /* height: 55vh!important; */
    cursor: pointer;
}

@media (max-width: 1600px) {
    .jindan_li {
        /* width: 388.4px !important; */
        height: 55vh!important;
        cursor: pointer;
    }
}

@media (max-width: 768px) {
    .jindan_li {
        width: 29vw !important;
    }
}

.jindan_li:hover {
    opacity: 0.8;
}

.nn01 {
    background: url(/user/img/re/map01.png) no-repeat 0 0;
    background-size: contain!important;
}
.nn02 {
    background: url(/user/img/re/map02_re.png) no-repeat 0 0;
    background-size: contain!important;
}
.nn03 {
    background: url(/user/img/re/map03.png) no-repeat 0 0;
    background-size: contain!important;
}
.nn04 {
    background: url(/user/img/re/map04.png) no-repeat 0 0;
    background-size: contain!important;
}
.nn05 {
    background: url(/user/img/re/map05.png) no-repeat 0 0;
    background-size: contain!important;
}
.nn06 {
    background: url(/user/img/re/map061.png) no-repeat 0 0;
    background-size: contain!important;
}
.nn07 {
    background: url(/user/img/re/map071.png) no-repeat 0 0;
    background-size: contain!important;
}
.nn08 {
    background: url(/user/img/re/map081.png) no-repeat 0 0;
    background-size: contain!important;
}

.swiper-button-prev02 {
    width: 50px;
    height: 50px;
    background: url(/user/img/re/prev_bt.svg) no-repeat 0 0;
    background-size: cover;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 9;
}

.swiper-button-next02 {
    width: 50px;
    height: 50px;
    background: url(/user/img/re/next_bt.svg) no-repeat 0 0;
    background-size: cover;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 40%;
    right: 0;
    z-index: 9;
}

@media (max-width: 512px) {
    .mySwiper02 {
        position: relative;
    }
    .jindan_li {
        width: 100% !important;
        /* height: 350px !important; */
    }
    .new_area_bg,
    .oneclick_area
    .haksul_area_bg{
        display:none;
    }
    .m_oneclick_area{
        display: block;
    }
}

@media (max-width: 1024px) {
    .new_area_bg,
    .oneclick_area,
    .haksul_area_bg,
    .jindan_area{
        margin:0;
    }
    .new_area_bg{
        padding:50px 0 70px 0;
    }
}

@media (max-width: 1800px) {
    .new_area_bg,
    .haksul_area_bg{
        background:none;
        border:none;
    }
    /*.haksul_area_bg{*/
    /*    display:none;*/
    /*}*/
    .haksul_t p {
        font-size: 1.02rem;
    }
    .haksul_s ul li {
        font-size: 0.9rem;
    }
    .haksul_s ul li {
        background-size: 14px;
    }
}

@media (max-width: 1024px) {
    .new_area_bg,
    .haksul_area_bg{
        background:none;
        border:none;
    }
    .haksul_area_bg{
        display:none;
    }
}

/*1460px부터 로그인창 탭으로 변경하기*/

/*------------------------------------------------Main 반응형------------------------------------------------*/


@media (min-width: 1921px) {
    .jaju02 ul li div img {
        width: 2vw;
    }
    .oneclick02 li > img {
        margin: 20% auto 10% auto;
    }
}

@media (max-width: 1800px) {
    .rolling_box,
    .rolling_box02 {
        width: 70% !important;
        left: 25% !important;
    }
}

/*1500*/
@media (max-width: 1500px) {

    .oneclick01 {
        display: none;
    }
}

/*1600*/
@media (max-width: 1600px) {
    .rolling_box,
    .rolling_box02 {
        width: 70% !important;
        left: 25% !important;
    }
    .new_area {
        margin-top: 0;
    }
    .pink_bg {
        display: none;
    }

    .login_area > ul > li > div > b {
        font-size: var(--font-size-md-xl);
    }

    .login_area > ul > li > div table {
        width: 109%;
        margin-top: 10px;
    }

    .login_area > ul > li > div .two_table li > div{
        width:16.5vw;
    }

    .login_area > ul > li > div .two_table li a {

    }
    .jaju01 {
        padding: 0 7.1%;
        height: auto;
    }

    .jaju02 {
        width: -webkit-fill-available;
        background: url(/user/img/re/jaju.svg) no-repeat 0 0%;
        background-size: contain;
        padding: 4vw 1.5%;
        justify-content: center;
        display: flex;
        align-items: baseline;
    }
    .jaju02 ul li div {
        margin: 1.5vh;
    }
    .oneclick02 li > img {
        margin: 25% auto 20% auto;
    }
    .swiper-button-next02,
    .swiper-button-prev02{
        display:none;
    }
    .jindan_box{
        height:inherit!important;
    }

    /*찾아오시는길*/

    .map_story .ank_tab ul li a{
        font-size:0.9rem;
    }

    .map_address{
        width:100%!important;
    }

    .map_address img{
        /*width:100%!important;*/
    }

    .map_img .centerimg{
        display:none;
    }



    .map_img .mapimg{
        width:100%!important;
        float:inherit!important;
    }
}

.m_haksul_area {
    display: none;
}
/*1024*/
@media (max-width: 1024px) {
    .jaju01 {
        display: none;
    }
    .jaju02 ul li div img {
        width: 4vw;
        height: 4vh;
    }
    .jaju02 ul li span {
        font-size: 0.8rem;
    }
    .oneclick_box,
    .oneclick02,
    .oneclick02 li {
        height: auto;
    }

    .oneclick02 {
        grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
        grid-gap: 20px;
    }
    .oneclick02 li {
        padding-bottom: 5%;
    }
    .oneclick02 li > img {
        width: 30%;
        margin: 5% auto;
    }

    .one_act b {
        font-size: 1.1rem;
    }

    .one_act b > img {
        width: 14px;
        vertical-align: text-top;
        margin: 0;
    }

    .one_act p {
        font-size: 1rem;
    }

    .one_act span {
        font-size: 0.8rem;
    }

    .content_title {
        font-size: 1.8rem!important;
    }

    .login_area {
        display: none;
    }

    .m_login_area {
        display: block !important;
        width: 100%;
        height: 170px;
        overflow: hidden;
        background: rgba(188, 18, 37, 0.85);
        position: absolute;
        bottom: 0;
        z-index: 4;
    }

    .m_login_area > ul {
        max-width: 1300px;
        margin: 0 auto;
        text-align: center;
        display: flex;
    }

    .m_login_area > ul > li {
        width: -webkit-fill-available;
        font-size: var(--font-size-md-xl);
        padding: 15px 20px;
    }

    .m_login_area > ul > li > b {
        font-size:1rem;
        font-weight: 600;
        color: #bf8f91;
        cursor: pointer;
    }

    .m_login_area > ul > li.current > b {
        font-size: 1rem;
        color: #fff;
    }

    .m_login_area #tab-1 {
        padding: 0 10%;
    }

    .swiper01 .swiper-wrapper {
        height: 100vh;
    }

    .m_login_area #tab-1 table {
        width: 100%;
        margin-top: 10px;
        margin: 0 auto;
        display: table;
    }

    .m_login_area #tab-3 {
        position: relative;
        padding: 0 10%;
    }

    .m_login_area #tab-3 #userid02 {
        margin-top: 5px;
        position: absolute !important;
        bottom: -23px;
        left: 10%;
    }

    .m_login_area #tab-3 .userid02 {
        position: absolute !important;
        bottom: -20px;
        left: 10%;
        font-size: 0.8rem;
    }

    .m_login_area #tab-3 table {
        width: 100%;
        margin-top: 10px;
        margin: 0 auto;
        display: table;
    }

    .m_login_area #tab-1 select {
        border: none;
        background: url("/user/img/re/down_arrow.svg") no-repeat 95% 50% #fff;
        background-size: 12px;
        width: -webkit-fill-available;
        padding: 12.5px;
        border-radius: 5px;
        color: #000;
    }

    .m_login_area #tab-1 .one_table tbody tr td input {
        width: -webkit-fill-available;
        background: #fff;
        border: none;
        padding: 12.5px;
        border-radius: 5px;
        color: #000;
    }
    .m_login_area #tab-3 .three_table tbody tr td input {
        width: -webkit-fill-available;
        background: #fff;
        border: none;
        padding: 12.5px;
        border-radius: 5px;
        color: #000;
    }

    .m_login_area #tab-1 .one_table tbody tr td input::placeholder,
    .m_login_area #tab-3 .three_table tbody tr td input::placeholder {
        color: #000;
    }

    .m_login_area #tab-1 .one_table tbody tr td button {
        font-size: 15px;
        color: #fff;
        background: #71030f;
        padding: 37px 5%;
        margin-left: 5px;
        border-radius: 5px;
        width: 100%;
        border: none;
        cursor: pointer;
    }

    .m_login_area #tab-3 .three_table tbody tr td button {
        font-size: 15px;
        color: #fff;
        background: #56000a;
        padding: 37px 5%;
        margin-left: 5px;
        border-radius: 5px;
        width: 100%;
        border: none;
        cursor: pointer;
    }

    .m_login_area #tab-2 .two_table {
        margin-top: 10px;
        padding: 0 10%;
        overflow: hidden;
    }

    .m_login_area #tab-2 .two_table li {
        overflow: hidden;
    }

    .m_login_area #tab-2 .two_table li > div{
        display:inline-block;
    }

    .m_login_area #tab-2 li a {
        width: -webkit-fill-available;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 1rem;
        color: #fff;
        line-height: 1.75em;
        padding-right:20px;
    }

    .m_login_area #tab-2 .two_table li a:hover {
        opacity: 0.78;
    }

    .m_login_area #tab-2 .two_table li span {
        display: inline-block;
        float: right;
        color: #db9ca2;
        line-height: 1.75em;
    }

    .haksul01 {
        grid-template-columns: repeat(auto-fill, minmax(38%, 1fr));
    }

    .content_title span {
        display: none !important;
    }

    .content_title img {
        display: block !important;
        float: right;
        width: 2rem;
        margin-top: -5px;
        margin-left: 10px;
    }

    .jindan_box{
        height:30vh;
    }
    .jindan_li{
        height: 30vh!important;
    }

    .new01{
        display:grid;
        grid-gap: 20px;
    }

    .new01 li:nth-child(2){
        margin:0;
    }

    .new_b p{
        font-size:1.2rem;
    }

    .new_b span{
        font-size:1rem;
    }

    /*학술제작물*/
    .haksul_area {
        display: none;
    }

    .haksul_t p {
        font-size: 1.2rem;
    }

    .haksul_s_new{

    }

    .m_haksul_area {
        display: block;
        margin-top: 70px;
    }

    .m_haksul_area h2 {
        font-family: "Brand New Hyosung OTF Medium";
        font-size: var(--font-size-xl);
        font-weight: 600;
        color: #bc1225;
        margin: 0 auto;
        text-align: center;
        display: table;
    }

    .m_haksul_area h2 span {
        font-family: "Pretendard-Regular";
        font-size: var(--font-size-sm);
        display: inline-block;
        background: url(/user/img/re/more_arrow.svg) no-repeat 80% 50% #bc1225;
        color: #fff;
        border-radius: 25px;
        padding: 12px 40px 11px 15px;
        vertical-align: middle;
        margin-left: 5px;
        margin-bottom: 8px;
        font-weight: 500;
        cursor: pointer;
    }

    .m_haksul_area h2 span:hover {
        background: url(/user/img/re/more_arrow.svg) no-repeat 80% 50% #71030f;
    }

    .m_haksul_box {
        width: -webkit-fill-available;
        margin-top: 30px;
        padding: 20px;
        border: 1px solid #ccc;
        border-radius: 10px;
        position: relative;
    }

    .m_haksul_box .tabs {

    }
    .m_haksul_box .tabs li {
        display: inline-block;
        color:#aaa;
        font-size:17px;
        font-weight:500;
        cursor:pointer;
    }
    .m_haksul_box .tabs li.current {
        color:#bd3e2a;
        font-size:17px;
        font-weight:600;
    }
    .m_haksul_box .tabs .line {
        padding-left: 5px;
        padding-right: 5px;
        cursor: unset;
    }
    .m_haksul_box .tabs .plus {
        float:right;
    }


    .habs {
        border: 1px solid #ccc;
        padding: 0 10px;
        position: absolute;
        top: 20px;
        right: 3%;
        z-index: 4;
        background: #fff;
    }

    .habs li {
        margin: 20px 0;
        padding-bottom: 20px;
        color: #333;
        border-bottom: 1px solid #eee;
    }

    .m_haksul_h {
        border-bottom: 1px solid #ccc;
        padding: 10px 0 20px 0;
        cursor: pointer;
        text-align: center;
    }

    .m_haksul_h p {
        font-family: "Brand New Hyosung OTF Medium";
        font-size: 1.2rem;
        color: #333;
        display: inline-block;
        padding: 10px 0;
        margin: 0 auto;
    }

    .m_haksul_h img {
        width: 2rem;
        vertical-align: middle;
    }

    .m_haksul_i {
        position: relative;
        margin: 30px auto;
        align-items: center;
        width: fit-content;
        cursor: pointer;
    }

    .m_haksul_i img {
        width: 100%;
        display: block;
        text-align: center;
    }

    .m_haksul_i strong {
        border-radius: 0 0 15px 15px;
        background: rgba(185, 51, 66, 0.8);
        color: #fff;
        padding: 12px 40px 11px 15px;
        vertical-align: middle;
        width: -webkit-fill-available;
        margin-bottom: 2px;
        display: inline-block;
        position: absolute;
        font-weight: 500;
        cursor: pointer;
        bottom: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .m_haksul_s {
        margin-top: 15px;
    }

    .m_haksul_s ul li {
        margin: 10px 0;
        color: #444;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        cursor: pointer;
        max-width: 90%;
        display: block;
        padding-right: 20px;
    }

    .m_haksul_s ul li:hover {
        opacity: 0.8;
    }

    .haksul_s_new{
        background: url(/user/img/re/new_red.svg) no-repeat 100% 0;
        background-size:14px;
    }
}

.m_login_area {
    width: 100%;
    height: 170px;
    position: absolute;
    bottom: 0;
    display: none;
    z-index: 4;
}

.m_jaju_area {
    display: none;
}

.m_new_area {
    display: none;
}

/*.m_haksul_area {*/
/*    display: none;*/
/*}*/

.content_title img {
    display: none;
}

@media (max-width: 900px) {
    .m_login_area #tab-2 .two_table li > div{
        display:inline-block;
        width:80%;
    }
}

/*768*/
@media (max-width: 768px) {
    .m_login_area #tab-2 .two_table li > div{
        display:inline-block;
        width:74%;
    }
    .new_area {
        margin-top: 2.2vh;
    }
    .new01 {
        display: grid;
    }
    .new01 li {
        margin: 30px 0!important;
    }

    .jaju02 {
        height: 18vh;
    }

    .jindan_box{
        height:95vh;
    }

    .jaju02 ul li span {
        font-size: 0.6rem;
    }

    /*찾아오시는길 페이지*/

    .map_address{
        height:auto!important;
    }

    .map_address .ad_bt{
        margin-top:0!important;
        margin-bottom: 30px;
    }
}

/*512 모바일*/
@media (max-width: 512px) {
    header {
        height: 70px;
    }
    header h1 {
        margin-top: 21px;
    }
    .test1 {
        height: 70px;
    }

    .txt_box {
        /*display: none;*/
    }

    .swiper01 .swiper-wrapper .ss01 {
        background: url(/user/img/re/m_banner01.png) no-repeat 0 0;
        background-size: cover;
    }

    .swiper01 .swiper-wrapper .ss02 {
        background: url(/user/img/re/main_banner02_20240819.png) no-repeat 0
        0%;
        background-size: cover;
    }

    .swiper01 .swiper-wrapper .ss03 {
        background: url(/user/img/re/main_banner03_20240819.png) no-repeat 0
        0%;
        background-size: cover;
    }

    .m_login_area #tab-1 table {
        width: 100%;
    }

    .swiper01 .swiper-wrapper {
        height: 94vh;
    }

    .m_login_area > ul > li > b {
        font-size: 1rem;
    }

    .m_login_area #tab-1 .one_table tbody tr td button {
        width: 100%;
    }
    .m_login_area #tab-3 .three_table tbody tr td button {
        width: 100%;
    }

    .m_login_area #tab-2 .two_table li > div{
        display:inline-block;
        width:65%;
    }

    .m_login_area #tab-2 li a {
        font-size: 0.9rem;

    }

    .jaju_area {
        display: none;
    }

    #container {
        width: auto;
        padding: 20px;
        /* margin-top: 20px; */
        margin-top:0!important;
    }
    /*자주찾는메뉴*/
    .m_jaju_area {
        display: block;
        height: 25vh;
    }

    .m_jaju_box {
        width: -webkit-fill-available;
        height: inherit;
        background: url(/user/img/re/m_jaju.png) no-repeat 0 0%;
        background-size: 100%;
        padding: 0 3.4vw;
        overflow: hidden;
    }

    .mySwiper03 {
        position: relative;
    }

    .m_jaju02 {
        height: 0 !important;
    }

    .m_jaju02 .jaju_li {
        display: grid;
    }

    .m_jaju02 .jaju_li > div {
        width: 20vw;
        height: 20vw;
        border-radius: 15px;
        margin: 5vh 0 1vh 0;
        box-shadow: 0px 0px 11px #eee;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .m_jaju02 .jaju_li > div img {
        width: 50%;
        height: 50%;
    }

    .m_jaju02 .jaju_li > span {
        font-size: 0.8rem;
        text-align: center;
        display: block;
        margin-bottom: 2px;
        cursor: pointer;
    }

    .m_jaju02 .jaju_li > span:hover span {
        font-weight: 600;
        color: #bc1225;
        text-decoration: underline;
        text-underline-position: under;
    }

    .swiper-button-next03 {
        width: 15px;
        position: absolute;
        top: 9vh;
        right: -2%;
    }

    .swiper-button-prev03 {
        width: 15px;
        position: absolute;
        top: 9.5vh;
        left: -2%;
    }
    .swiper-button-next03 img,
    .swiper-button-prev03 img {
        width: 12px;
    }

    /*새소식*/
    .new_area {
        display: none;
    }
    .m_new_area {
        display: block;
    }

    /*새소식*/
    .m_new_area {
        position: relative;
        overflow: visible;
        padding: 2vh 20px 0 20px;
    }

    .m_new_area h2 {
        font-family: "Brand New Hyosung OTF Medium";
        font-size: var(--font-size-xl);
        font-weight: 600;
        color: #bc1225;
        margin: 0 auto;
        text-align: center;
        display: table;
    }

    .m_new_area h2 span {
        font-family: "Pretendard-Regular";
        font-size: 0.8rem;
        display: inline-block;
        background: url(/user/img/re/more_arrow.svg) no-repeat 80% 50% #bc1225;
        color: #fff;
        border-radius: 25px;
        padding: 12px 40px 11px 15px;
        vertical-align: middle;
        margin-left: 5px;
        margin-bottom: 2px;
        font-weight: 500;
        cursor: pointer;
    }

    .m_new_area h2 span:hover {
        background: url(/user/img/re/more_arrow.svg) no-repeat 80% 50% #71030f;
    }
    .m_new_li img {
        display: block;
        width: 100%;
        height: 250px;
        object-fit: cover;
    }

    .m_new_box {
        margin-top: 20px;
        position: relative;
        margin-left: -20px;
    }

    .m_new01 {
        display: flex;
        overflow: hidden;
    }

    .m_new01 .m_new_b {
        display: grid;
        align-items: center;
        justify-content: left;
        padding: 20px 30px;
    }

    .m_new01 li {
        margin: 0 10px;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }

    .m_new01 li img {
        width: 100%;
        transition: 0.6s ease-out;
    }

    .m_new01 li:hover img {
        transform: scale(1.07);
    }

    .m_new_b {
        font-family: "Brand New Hyosung OTF Medium";
        width: -webkit-fill-available;
        /* height: 60px; */
        position: absolute;
        bottom: 0px;
        text-align: left;
        padding: 20px;
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
    }

    .m_new_b p {
        font-size: var(--font-size-lg);
        font-weight: 600;
        line-height: 1.25em;
        margin-bottom: 10px;
    }

    .m_new_b span {
        font-size: 0.8rem;
        display: block;
    }

    .swiper-button-prev04 {
        width: 40px;
        height: 40px;
        background: url(/user/img/re/prev_bt.svg) no-repeat 0 0;
        background-size: cover;
        display: inline-block;
        cursor: pointer;
        position: absolute;
        top: 40%;
        left: -21px;
        z-index: 4;
    }

    .swiper-button-next04 {
        width: 40px;
        height: 40px;
        background: url(/user/img/re/next_bt.svg) no-repeat 0 0;
        background-size: cover;
        display: inline-block;
        cursor: pointer;
        position: absolute;
        top: 40%;
        right: -21px;
        z-index: 4;
    }

    /*원클릭*/
    .pc_oneclick_area{
        display:none;
    }
    .oneclick_area {
        margin-top: 70px;
    }
    .oneclick02 {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
        grid-gap: 15px;
    }
    .oneclick02 li {
        display: flex;
        padding:5%;
    }
    .oneclick02 li img {
        width: 30%;
        margin: 5%;
    }
    .one_act {
        text-align: left;
        margin: 1.5vh 0 0 0;
    }
    .one_act p {
        margin: 1.5vh 0;
        width:50vw;
    }

    .one_act b img {
        width: 15px;
        height: 15px;
        margin: 0px 5px;
        display: inline-block;
        vertical-align: text-top;
    }


    /*진단검사 네트워크*/
    .jindan_area {
        margin-top: 50px;
    }
    .jindan_box {
        padding: 2vh 20px 0 20px;
        margin-top: 20px;
        height: 55vh;
        overflow:inherit;
    }
    .jindan_li{
        height: 50vh!important;
    }
    .swiper-button-prev02 {
        width: 2.5rem;
        height: 2.5rem;
        background: url(/user/img/re/prev_bt.svg) no-repeat 0 0;
        background-size: cover;
        /* display: inline-block; */
        cursor: pointer;
        position: absolute;
        top:50%;
        margin-top:-25%;
        left: -21px;
        z-index: 4;
        display:none;
    }

    .swiper-button-next02 {
        width: 2.5rem;
        height: 2.5rem;
        background: url(/user/img/re/next_bt.svg) no-repeat 0 0;
        background-size: cover;
        /* display: inline-block; */
        cursor: pointer;
        position: absolute;
        top:50%;
        margin-top:-25%;
        right: -21px;
        z-index: 4;
        display:none;
    }



    /*연혁페이지*/

    .history_box{
        display:grid!important;
        padding-top:30px;
    }

    .sticky_img{
        width:100%!important;
    }

    .sticky_area01{
        height:min-content!important;
        position: inherit!important;
    }

    .sticky_area02{
        height:min-content!important;
        position: inherit!important;
    }

    .sticky_area03{
        height:min-content!important;
        position: inherit!important;
    }

    .sticky_area04{
        height:min-content!important;
        position: inherit!important;
    }

    .h_sticky{
        position:inherit!important;
    }

    .h_sticky h2{
        font-size:2rem;
        font-weight:600;
        color:#bc1225;
        display:block;
        margin-bottom: 20px;
    }


    .h_sticky img{
        display:none !important;
    }

    .history_txt tbody tr td{
        padding:10px!important;
    }

    .history_txt tbody tr td span{
        font-size:0.9rem!important;
        margin-bottom:0.6rem;
    }

    .history_txt tbody tr td span i{
        width: 1.25rem!important;
        height: 1rem!important;
        vertical-align: text-bottom!important;
        background-size: contain!important;
    }

    .mobile_hmg{
        display:block!important;
    }

    .mobile_hmg img{
        display: none!important;
        /*width:100%;*/
        /*margin-bottom:10px;*/
    }


    /*찾아오시는길 페이지*/

    .map_area{
        height:auto!important;
    }
    .map_address{
        height:auto!important;
    }

    .map_address .ad_bt{
        float:left!important;
        margin-top:0;
    }

    .map_address .ad_txt{
        margin-bottom:0!important;
    }

    .map_address .ad_txt em{
        margin: 10px 0 20px 0;
        display: block;
        height: 20px;
        line-height: 1.25em;
    }

    .map_story .ank_tab ul {
        border:none!important;
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr))!important;
        grid-gap: 5px!important;
    }

    .map_story .ank_tab ul li {
        background: none!important;
        text-align: center;
        border: 1px solid #ccc;
        border-collapse: collapse;
        box-sizing: border-box;
    }





}

/*tab메뉴*/

.tab-content {
    display: none;
}

.tab-content.current {
    display: inherit;
    color: #fff;
}

.hab-content {
    display: none;
}

.hab-content.hurrent {
    display: inherit;
    color: #000;
}

/*------------------------------------------------서브페이지 SubPage------------------------------------------------*/

.sub_banner{
    position:relative;
    height: 250px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner_rebg01{
    background: url(/user/img/re/sub_banner01.png) no-repeat 0 0;
    background-size:cover;
}

.banner_rebg02{
    background: url(/user/img/re/sub_banner02.png) no-repeat 0 0;
    background-size:cover;
}

.banner_rebg03{
    background: url(/user/img/re/sub_banner03.png) no-repeat 0 0;
    background-size:cover;
}

.banner_rebg04{
    background: url(/user/img/re/sub_banner04.png) no-repeat 0 0;
    background-size:cover;
}

.banner_rebg05{
    background: url(/user/img/re/sub_banner06.png) no-repeat 0 0;
    background-size:cover;
}

@media (max-width: 512px) {
    .banner_rebg01{
        background: url(/user/img/re/sub_banner01.png) no-repeat 50% 0;
        background-size:cover;
    }
    .banner_rebg02{
        background: url(/user/img/re/sub_banner02.png) no-repeat 50% 0;
        background-size:cover;
    }
    .banner_rebg03{
        background: url(/user/img/re/sub_banner03.png) no-repeat 50% 0;
        background-size:cover;
    }
    .banner_rebg04{
        background: url(/user/img/re/sub_banner04.png) no-repeat 50% 0;
        background-size:cover;
    }
    .banner_rebg05{
        background: url(/user/img/re/sub_banner06.png) no-repeat 12% 0;
        background-size:cover;
    }
}

.sub_banner p{
    font-size:3rem;
    font-weight:600;
    color:#fff;
    margin: 0 auto;
    -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    text-shadow: 1px 1px 1px #333;
}

.sub_banner span{
    position: absolute;
    bottom: 33%;
    color: #fff;
    font-size: 1rem;
    text-shadow: 1px 1px 1px #333;
}

@-webkit-keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}
@keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

@media (max-width: 512px) {
    .banner_rebg{
        height: 32vh;
    }
    .banner_rebg p{
        font-size:2.5rem;
    }
    #sub_title{
        height: auto!important;
    }

    #sub_title p{
        height:120px;
    }
    .sub_banner p{
        font-size:2.3rem;
    }
    .sub_banner span{
        position: absolute;
        bottom: 26%;
        color: #fff;
        display: inline-block;
        font-size: 1rem;
        text-shadow: 1px 1px 1px #333;
        margin: 0 10%;
        line-height: 1.25em;
    }
}


/*------------------------------------------------검사부문 본원페이지------------------------------------------------*/

.bonwon_story{
}

.tab_common{
    position: relative;
}

.bonwon_story .ank_tab{
    margin-top:160px;
    overflow:hidden;
}

.bonwon_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(17%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bonwon_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.bonwon_story .ank_tab ul li:last-child{
    background: none;
}

.bonwon_story .ank_tab ul li.current{
    border-bottom: 2px solid #333;
    color: #222;
}

.bonwon_story .content_ttt{
    position: absolute;
    top: -228px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    color:#333;
}

.bonwon_story .content_ttt p{
    font-size:2.5rem;
    font-weight: 600;
    margin-bottom:30px;
}

.bonwon_story .content_ttt span{
    font-size:1rem;
    color:#666;
}


.bonwon_title{
    margin-top: 50px;
    width: -webkit-fill-available;
    height: 205px;
    display: flex;
    align-items: center;
}

.bonwonBg01{
    background: url(/user/img/re/bonwon/title01.png) no-repeat 0 0;
    background-size: contain;
}

.bonwonBg02{
    background: url(/user/img/re/bonwon/title02.png) no-repeat 0 0;
    background-size: contain;
}

.bonwonBg03{
    background: url(/user/img/re/bonwon/title03.png) no-repeat 0 0;
    background-size: contain;
}

.bonwonBg04{
    background: url(/user/img/re/bonwon/title04.png) no-repeat 0 0;
    background-size: contain;
}

.bonwonBg05{
    background: url(/user/img/re/bonwon/title05.png) no-repeat 0 0;
    background-size: contain;
}

.bonwon_title span{
    font-size: 1.05rem;
    color: #333;
    line-height: 1.5em;
    margin-left: 5%;
}

.bonwon_box{
}

.bonwon_box > p{
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 10px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color: #bc1225;
}

.bonwon_right{
    width:100%;
    overflow: hidden;
    margin-top:30px;
    grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
    grid-gap:15px;
    display:grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.sm_right{
    width:100%;
    overflow: hidden;
    margin-top:30px;
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    grid-gap:15px;
    display:grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.bonwon_right div{
    padding: 30px 20px;
    background: #f3f6f9;
    border-radius: 20px;
}

.bonwon_right div p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 1.1rem;
    width: 30px;
    padding: 5px 20px;
    color: #333;
    background: #dce3e9;
    border-radius: 20px;
    display: block;
    margin-bottom: 15px;
    text-align: center;
    line-height: 1.5;
}

.sm_right div span{
    font-size: 0.91rem;
    line-height: 1.5em;
    color: #666;
}

.sm_right div{
    padding: 30px 20px;
    background: #f3f6f9;
    border-radius: 20px;
}

.sm_right div p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 1.1rem;
    width: 30px;
    padding: 5px 20px;
    color: #333;
    background: #dce3e9;
    border-radius: 20px;
    display: block;
    margin-bottom: 15px;
    text-align: center;
    line-height: 1.5;
}

.bonwon_right div span{
    font-size: 0.91rem;
    line-height: 1.5em;
    color: #666;
}

.bonwon_kind{
    margin-top:20px;
    overflow:hidden;
}

.bonwon_kind ul{
    width: -webkit-fill-available;
    margin-top:40px;
    display:flex;
}

.bonwon_kind ul:nth-child(1){
    width: -webkit-fill-available;
    margin-top:0;
}

.bonwon_kind ul li{
    display: flex;
    align-items: center;
}

.bonwon._kind ul li:nth-child(1){
    width:30%!important;
}

.bonwon_kind ul li:nth-child(2){
    width:70%!important;
}

.bonwon_pic{
    display:block!important;
}

.bonwon_pic img{
    width:100%!important;
}

.bonwon_txt{
    padding:30px 30px 30px 40px;
}

.bonwon_txt p{
    font-size:1.3rem;
    font-weight:600;
    line-height:1.25rem;
    margin-bottom:20px;
    color:#bc1225;
}

.bonwon_txt span{
    display:block;
    margin-bottom:20px;
    font-size:1.1rem;
    line-height:1.5rem;
    word-break: break-all;
    color:#666;
}

.bonwon_txt em{
    display:block;
    font-size:1rem;
    line-height:1.5rem;
    word-break: break-all;
    color:#b27028;
}

.bonwon_txt small{
    display:block;
    font-size:0.9rem;
    line-height:1.5rem;
    word-break: break-all;
    color:#999;
}

.bonwon_txt > div > button{
    font-size:0.9rem;
    height: 40px;
    margin-top:25px;
    padding:5px 25px;
    border-radius:25px;
    border:none;
    background:#444;
    color:#fff;
    cursor:pointer;
}

@media (max-width: 1800px) {
    .bonwon_story .ank_tab {
        margin-top: 160px;
    }
}

@media (max-width: 1600px) {
    .bonwon_txt p{
        font-size:1.1rem;
    }

    .bonwon_txt span{
        font-size:1rem;
    }

    .bonwon_txt em{
        font-size:0.9rem;
    }
    .bonwon_txt small{
        font-size:0.8rem;
    }
    .bonwon_title {
    }

    .bonwonBg01{
        background: url(/user/img/re/bonwon/title01.png) no-repeat 0 0;
        background-size: cover;
        border-radius:15px;
    }

    .bonwonBg02{
        background: url(/user/img/re/bonwon/title02.png) no-repeat 0 0;
        background-size: cover;
        border-radius:15px;
    }

    .bonwonBg03{
        background: url(/user/img/re/bonwon/title03.png) no-repeat 0 0;
        background-size: cover;
        border-radius:15px;
    }

    .bonwonBg04{
        background: url(/user/img/re/bonwon/title04.png) no-repeat 0 0;
        background-size: cover;
        border-radius:15px;
    }

    .bonwonBg05{
        background: url(/user/img/re/bonwon/title05.png) no-repeat 0 0;
        background-size: cover;
        border-radius:15px;
    }
}

@media (max-width: 1300px) {
    .bonwon_kind ul {
        display: block;
    }
    .bonwon_kind ul li {
        width: 100%;
    }
    .bonwon_kind ul li:nth-child(1){
        width:100%;
    }

    .bonwon_kind ul li:nth-child(2){
        width:100%;
    }
    .bonwon_pic {
        display: contents;
    }
    .bonwonpic img {
        width: -webkit-fill-available;
    }
}

@media (max-width: 1100px) {
    .bonwon_right,
    .sm_right {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    }
    .bonwon_pic {
        display: inline-flex;
        overflow-x: scroll;
        width: -webkit-fill-available;
    }
    .bonwon_kind ul li:nth-child(1){
        width:100%!important;
    }

    .bonwon_kind ul li:nth-child(2){
        width:100%!important;
    }

    .bonwon_pic{
        display:block!important;
        overflow-x:hidden!important;
    }

    .bonwon_pic img{
        width:100%!important;
    }
}

@media (max-width: 768px) {
    .bonwon_pic img {
        width: 90%;
    }
    .bonwon_indent em{
        text-indent:-7px;
        padding-left:15px;
    }
}


@media (max-width: 512px) {
    .bonwon_story .ank_tab {
        margin-top: 140px;
    }
    .bonwon_story .ank_tab ul {
        border: none !important;
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)) !important;
        grid-gap: 5px !important;
    }
    .bonwon_story .ank_tab ul li {
        background: none !important;
        text-align: center;
        border: 1px solid #ccc;
        border-collapse: collapse;
        box-sizing: border-box;
    }
    .bonwon_txt {
        padding: 30px 0;
    }
    .bonwon_story .content_ttt {
        top: -332px;
    }
    .bonwon_story .content_ttt p {
        font-size: 2rem;
        font-weight: 600;
        margin-bottom: 15px;
    }
    .bonwon_story .content_ttt span {
        line-height: 1.5em;
        margin-bottom: 20px;
        display: block;
    }
    .bonwon_kind ul li:nth-child(1){
        width:100%!important;
    }

    .bonwon_kind ul li:nth-child(2){
        width:100%!important;
    }

    .bonwon_pic{
        display:block!important;
        overflow-x:hidden!important;
    }

    .bonwon_pic img{
        width:100%!important;
    }

    .bonwon_title span{
        margin:0 20px;
        word-break: keep-all;
    }

    .bonwon_title span br{
        display:none;
    }

    .bonwonBg01{
        background: url(/user/img/re/bonwon/title01.png) no-repeat 0 0;
        background-size: cover;
    }

    .bonwonBg02{
        background: url(/user/img/re/bonwon/title02.png) no-repeat 0 0;
        background-size: cover;
    }

    .bonwonBg03{
        background: url(/user/img/re/bonwon/title03.png) no-repeat 0 0;
        background-size: cover;
    }

    .bonwonBg04{
        background: url(/user/img/re/bonwon/title04.png) no-repeat 0 0;
        background-size: cover;
    }

    .bonwonBg05{
        background: url(/user/img/re/bonwon/title05.png) no-repeat 0 0;
        background-size: cover;
    }
}


/*------------------------------------------------지역검사센터 페이지------------------------------------------------*/


/*sub_story*/

.center_story{
    margin-bottom: 5%;
}

.center_story .content_ttt{
    position: absolute;
    top: -228px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}
.center_story .content_ttt p{
    font-size:2.5rem;
    font-weight: 600;
    margin-bottom:30px;
}

.center_story .content_ttt span{
    font-size:1rem;
    color:#666;
}

.center_story .ank_tab{
    margin-top:170px;
}

.center_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.center_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.center_story .ank_tab ul li:last-child{
    background: none;
}

.center_story .ank_tab ul li.current{
    border-bottom: 2px solid #333;
    color: #222;
}

/*.tab_common*/

.center_story .tab_common{
}

.center_story .tab_common > p{
    font-size:22px;
    font-weight:600;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
    /*   padding-bottom:20px; */
    margin-top:50px;
    /*   border-bottom:1px solid #ccc; */
    text-align: left;
    color:#b51927;
}

.center_story .tab_common .content_inner01{
    margin-top:50px;
    text-align: left;
}

.center_story .tab_common .content_inner01 .center_table{
    width:100%;
    display:inline-block;
}

.center_story .tab_common .content_inner01 .td_title{
    position: relative;
    width:60%;
    float:left;
}

.center_story .tab_common .content_inner01 .td_title img{
    width: 100%;
    border-radius:10px 0 10px 0;
    /* cursor:pointer; */
}

.center_story .tab_common .content_inner0 .td_title b{
    display: inline-block;
    position: absolute;
    padding: 12px 0 14px 0;
    /* background: rgba(0, 0, 0, 0.7); */
    color: #fff;
    visibility: hidden;
    font-size: 17px;
    font-weight: 600;
    border: 2px solid #fff;
    border-radius: 25px;
    /* left: 36%; */
    right: 0;
    bottom: 2px;
    width: 170px;
    text-align: center;
    cursor: pointer;
}



.left_center{
    width:40%;
    float:right;
}

.center_story .tab_common .content_inner01 .td_up{
    vertical-align: baseline;
    background: url(/user/img/re/center/title_bg.png) no-repeat 0 50%;
    border-radius: 17px;
    height: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
}

.center_story .tab_common .content_inner01 .td_up div:nth-child(1){
    width:60%;
}

.center_story .tab_common .content_inner01 .td_up div p{
    font-size:1.7rem;
    font-weight:600;
    color:#8b0f1e;
    padding:20px 0;
}

.center_story .tab_common .content_inner01 .td_up div span{
    display: block;
    font-size:1rem;
    color:#333;
    line-height: 1.5em;
}

.center_story .tab_common .content_inner01 .td_up div small{
    font-size:0.9rem;
    color:#666;
    background:#dfe6ec;
    border-radius:25px;
    padding:10px 30px;
    cursor:pointer;
}

.center_story .tab_common .content_inner01 .td_down{
    border-radius: 20px;
    box-shadow: 2px 2px 15px #f1f1f1;
    text-align: left;
    display: block;
    padding: 20px 30px;
    margin-left: 15px;
    height: 180px;
    margin-top: 15px;
}

.center_story .tab_common .content_inner01 .td_down div{

}

.center_story .tab_common .content_inner01 .td_down p{
    font-size:1.5rem;
    font-weight:600;
    text-align: center;
    color:#000;
    margin:20px 0;
}

.center_story .tab_common .content_inner01 .td_down ul{
}

.center_story .tab_common .content_inner01 .td_down ul li{
    font-size:1.02rem;
    display:block;
    color:#333;
    line-height: 1.5em;
    text-indent: -0.5px;
}

.center_story .tab_common .content_inner01 .td_down ul li span{

}

.center_story .tab_common .check_room{
    margin:50px 0;
}

.center_story .tab_common .check_room p{
    font-size:1.5rem;
    font-weight:600;
    color:#333;
    /* background:url(/user/img/check_room/ico.png) no-repeat 0 0; */
    /* padding-left:25px; */
    margin-bottom:20px;
    text-align: left;
}

.center_story .tab_common .check_room table{
    text-align: left;
}

.center_story .tab_common .check_room table tr th{
    /* cursor:pointer; */
}

.center_story .tab_common .check_room table tr td{
    padding-left:30px;
}

.dajeon_li{
    letter-spacing: -0.5px;
}




.center_story .tab_common .check_room table tr td p{
    font-size:1.3rem;
    font-weight:600;
    line-height:1.25rem;
    margin-bottom:20px;
    color:#bc1225;
}

.center_story .tab_common .check_room table tr td span{
    display:block;
    margin-bottom:20px;
    font-size:1.1rem;
    line-height:1.5rem;
    word-break: break-all;
    color:#666;
}

.center_story .tab_common .check_room table tr td b{
    display:block;
    font-size:1rem;
    line-height:1.5rem;
    word-break: break-all;
    color:#b27028;
}

.center_story .tab_common .check_room table tr td i{
    font-weight:600;
    letter-spacing:0.02em;
}

.center_story .tab_common .check_room table tr td dl{
    font-family: 'Noto Sans KR' ,sans-serif;
    font-size:16px;
}

.center_story .tab_common .check_room table tr td dl dt{
    color:#333;
    margin-left:33px;
    padding-left:7px;
    background:url(/user/img/dot.png) no-repeat 0 50%;
    font-weight:600;
    letter-spacing: 0.03em;
}

.center_story .tab_common .check_room table tr td dl dd{
    font-size:15px;
    color:#666;
    margin:7px 0 7px 35px;
    padding-left:5px;
}

.center_story .tab_common .check_room table tr td .dl_border{
    margin:10px 0 17px 0;
    padding-bottom:15px;
    border-bottom:1px solid #ccc;
}

.center_story .tab_common .check_room table tr td .direct_tt{
    font-size:17px;
    font-weight:600;
    margin-bottom:5px;
    padding-left:30px;
    background:url(/user/img/check_room2/time.png) no-repeat 0 0;
    display:inline-block;
}

.center_story .tab_common .check_room table tr td .direct_t{
    font-size:17px;
    font-weight:600;
    margin-bottom:10px;
    padding-left:30px;
    background:url(/user/img/check_room2/good.png) no-repeat 0 0;
    height:21px;
}

.center_story .tab_common .check_room table tr td .direct_c{
    display:inline-block;
    font-size:17px;
    font-weight:600;
    padding-left:30px;
    background:url(/user/img/check_room2/call.png) no-repeat 0 0;
}

.center_story .tab_common .check_room table tr td .direct_b{
    display:inline-block;
    font-size:17px;
    font-weight:600;
    padding-left:30px;
    background:url(/user/img/check_room2/ball.png) no-repeat 2% 0;
}

.center_story .tab_common .check_room table tr td .direct_i{
    text-decoration: underline;
    text-underline-position:under;
    cursor:pointer;
    font-weight:600;
    color:#333;
}

.center_story .tab_common .check_room table tr td .check_roombt{
    font-size:15px;
    color:#b21b2c;
    border:1px solid #b21b2c;
    border-radius:3px 0 3px 0;
    display: inline-block;
    padding:10px 15px;
    cursor:pointer;
}







.center_story .tab_common .content_inner02{
    text-align: left;
}

.center_story .tab_common .content_inner02 p{
    font-size:1.5rem;
    font-weight:600;
    color:#333;
    margin-bottom:20px;
}

.center_story .tab_common .content_inner02 span{
    display:block;
    font-size:1rem;
    line-height:1.5rem;
    word-break: break-all;
    color:#b27028;
}

.center_story .tab_common .content_inner02 table{
    border-top:2px solid #333;
    margin-top:20px;
    width:100%;
}

.center_story .tab_common .content_inner02 table tr th{
    font-size:1rem;
    font-weight:600;
    color:#333;
    border:1px solid #ccc;
    text-align: left;
    padding-left:20px;
}

.center_story .tab_common .content_inner02 table tr td{
    font-size:1rem;
    color:#666;
    border:1px solid #ccc;
    text-align: left;
    padding-left:15px;
    padding:15px;
    line-height: 1.5em;
}






/*gallery*/

.check_room_gallery{
    display:flex;
    margin-top:10px;
}

.check_room_gallery li{
    margin-right:8px;
}

.check_room_gallery li:last-child{
    margin-right:0;
}

.check_room_gallery li img{
    width:100%;
}

/*원데이검사*/

.oneday_td{
    background: url(/user/img/re/center/tab02/line.png) no-repeat 0 65%;
    background-size: contain;
    width: -webkit-fill-available;
}

.center_story .tab_common .room07 table tr td span{
    font-size:1.05rem;
    font-weight:600;
    color: #666;
    margin-bottom:30px;
    display: block;
    line-height: 1.25em;
}

.center_story .tab_common .room07 table tr td b{
    font-size:1.05rem;
    font-weight:600;
    color:#eb960a;
    margin-bottom:10px;
    display: block;
    line-height: 1.25em;
}

.center_story .tab_common .room07 table tr td .td_small{
    font-size:1rem;
    line-height: 1.5em;
    color:#999;
    display:block;
    margin-bottom:25px;
}

.center_story .tab_common .room07 table tr td ul{
    overflow:hidden;
    padding-top: 45px;
    width: -webkit-fill-available;
}

.center_story .tab_common .room07 table tr td ul li{
    float:left;
    margin-right:40px;
    text-align: center;
}

.center_story .tab_common .room07 table tr td ul li small{
    margin-top:5px;
    font-size:1.02rem;
    margin-left:5px;
    color:#333;
}

.center_story .tab_common .room07 table tr td ul li img{
    vertical-align: middle;
}


.jisok{
}

.jisok > p{
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    text-align: left;
}

.jisok > b{
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    word-break: break-all;
    color: #b27028;
}

.jisok ul{
    width: -webkit-fill-available;
    margin-top:20px;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(31%, 1fr));
    grid-gap: 15px;
    display: grid;
}

.jisok ul li{
    border:1px solid #ccc;
    border-radius:10px;
}

.jisok ul li img{
    width:100%;
}

.jisok ul li div{
    padding: 20px 30px;
}

.jisok ul li div p {
    font-size:1.05rem;
    font-weight:600;
    color:#333;
    margin-bottom:20px;
}

.jisok ul li div span{
    display:block;
    font-size:1rem;
    color:#888;
    line-height: 1.5em;
    text-indent: -5.5px;
}

.un0{
}

.un0 p{
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    text-align: left;
}

.un0 img{
    width: -webkit-fill-available;
    bordeR:1px solid #ccc;
    border-radius:17px;
    padding:5% 10%;
}


@media (max-width: 1600px) {
    .center_story .tab_common .content_inner01 .td_up{
        height: 240px;
    }

    .center_story .tab_common .content_inner01 .td_up div p{
        font-size:1.3rem;
        padding:20px 0;
    }

    .center_story .tab_common .content_inner01 .td_up div span{
        font-size:0.9rem;
        line-height: 1.5em;
    }

    .center_story .tab_common .content_inner01 .td_up div small{
        font-size:0.8rem;
        padding:10px 30px;
    }

    .center_story .tab_common .content_inner01 .td_down{
        height: 160px;
    }

    .center_story .tab_common .content_inner01 .td_down div{

    }

    .center_story .tab_common .content_inner01 .td_down p{
        font-size:1.2rem;
    }

    .center_story .tab_common .content_inner01 .td_down ul li{
        font-size:0.9rem;
    }
}

@media (max-width: 1350px) {
    .center_story .tab_common .content_inner01 .td_up {
        height: fit-content;
        padding: 6.5% 20px;
    }
    .center_story .tab_common .content_inner01 .td_down {
        height: auto;
        padding: 8% 20px;
        margin-top: 10px
    }
}

@media (max-width: 1300px) {
    .center_story .tab_common .content_inner01 .td_down {
        height: auto;
        padding: 6% 20px;
        margin-top: 10px;
    }
}

.m_roomimg{
    display:none;
    width:100%;
}

.m_onedayimg{
    display:none;
}




@media (max-width: 1200px) {

    .center_story .tab_common .content_inner01 .td_title {
        width: -webkit-fill-available;
        float:none;
    }






    .left_center {
        width: 100%;
        float:none;
    }

    .center_story .tab_common .content_inner01 .td_up {
        padding: 30px 0;
        width: 100%;
        background-size: cover;
        margin-top: 15px;
        margin-left:0;
    }
    .center_story .tab_common .content_inner01 .td_down {
        width: 100%;
        background-size: cover;
        margin-top: 15px;
        padding:30px 0;
        margin-left:0;
    }
    .center_story .tab_common .content_inner01 .td_up div:nth-child(1) {
        width:auto;
    }
    .center_story .tab_common .content_inner01 .td_down ul {
        display: grid;
        justify-content: center;
        align-items: center;
    }

    .center_story .tab_common .check_room table tr th{
        display:none;
    }

    .center_story .tab_common .check_room table tr td{
        width:50%;
        padding-left:0;
    }

    .center_story .tab_common .check_room table tr .oneday_td{
        width:100%;
        padding-left:0;
        background:none;
    }

    .center_story .tab_common .check_room table tr td p {
        font-size: 1.2rem;
    }

    .center_story .tab_common .check_room table tr td span {
        font-size: 1rem;
    }

    .center_story .tab_common .check_room table tr td b {
        font-size: 0.9rem;
    }

    .check_room_gallery {
        overflow-x: scroll;
    }

    .check_room_gallery li img {
        width: -webkit-fill-available;
    }
    .m_roomimg{
        display:block;
        width:100%;
        margin-bottom:20px;
    }

    .m_onedayimg{
        display:block;
        width:100%;
        margin-bottom:20px;
    }

    .jisok ul {
        grid-template-columns: repeat(auto-fill, minmax(37%, 1fr));
    }



}

.yagan{
    text-indent: -8px !important;
    padding-left: 7px;
}

@media (max-width: 768px) {
    .center_story .tab_common .content_inner01 .td_up div:nth-child(2){
        margin:50px 0 20px 0;
    }
    .center_story .tab_common .content_inner01 .td_up {
        display: grid;
        justify-content: center;
        align-items: center;
        margin-left: 0;
    }
    .center_story .tab_common .content_inner01 .td_down ul {
        padding: 0 30px;
    }
    .center_story .tab_common .content_inner01 .td_down ul li{
        text-indent: -6.5px;
    }
    .yagan{
        text-indent: -6.5px;
        padding-left: 0
    }


    .center_story .ank_tab {
        margin-top: 140px;
    }
    .center_story .ank_tab ul {
        border: none !important;
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)) !important;
        grid-gap: 5px !important;
    }
    .center_story .ank_tab ul li {
        background: none !important;
        text-align: center;
        border: 1px solid #ccc;
        border-collapse: collapse;
        box-sizing: border-box;
    }
    .center_story .content_ttt {
        top: -277px;
    }


    .center_story .tab_common .content_inner02 > div {
        overflow-x: scroll;
    }

    .center_story .tab_common .content_inner02 table {
        width: max-content;
    }

    .center_story .tab_common .room07 table tr td ul{
        padding-top: 0;
    }

    .center_story .tab_common .room07 table tr td ul li {
        float: none;
        text-align: left;
        margin: 20px 0;
    }

    .jisok ul {
        grid-template-columns: repeat(auto-fill, minmax(52%, 1fr));
    }
}




/*------------------------------------------------해외검사센터 페이지------------------------------------------------*/


/*world_story*/

.world_story{
    margin-bottom: 5%;
}

.world_story .content_ttt{
    position: absolute;
    top: -228px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}
.world_story .content_ttt p{
    font-size:2.5rem;
    font-weight: 600;
    margin-bottom:30px;
}

.world_story .content_ttt span{
    font-size:1rem;
    color:#666;
}

.world_story .ank_tab{
    margin-top:170px;
}

.world_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(27%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.world_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.world_story .ank_tab ul li:last-child{
    background: none;
}

.world_story .ank_tab ul li.current{
    border-bottom: 2px solid #333;
    color: #222;
}

/*.tab_common*/

.world_story .tab_common{
}

.world_story .tab_common > p{
    font-size:22px;
    font-weight:600;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
    /*   padding-bottom:20px; */
    margin-top:50px;
    /*   border-bottom:1px solid #ccc; */
    text-align: left;
    color:#b51927;
}

.world_story .tab_common .content_inner01{
    margin-top:50px;
    text-align: left;
}

.world_story .tab_common .content_inner01 .center_table{
    width:100%;
    overflow:hidden;
}

.world_story .tab_common .content_inner01 .td_title{
    position: relative;
    width:60%;
    float:left;
}

.world_story .tab_common .content_inner01 .td_title img{
    width: 100%;
    border-radius:10px 0 10px 0;
}

.world_story .tab_common .content_inner0 .td_title b{
    display: inline-block;
    position: absolute;
    padding: 12px 0 14px 0;
    /* background: rgba(0, 0, 0, 0.7); */
    color: #fff;
    visibility: hidden;
    font-size: 17px;
    font-weight: 600;
    border: 2px solid #fff;
    border-radius: 25px;
    /* left: 36%; */
    right: 0;
    bottom: 2px;
    width: 170px;
    text-align: center;
    cursor: pointer;
}



.left_center{
    width:40%;
    float:right;
}

.world_story .tab_common .content_inner01 .td_up{
    vertical-align: baseline;
    background: url(/user/img/re/center/title_bg.png) no-repeat 0 50%;
    background-size: cover;
    border-radius: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    padding: 47px 0px;
}

.world_story .tab_common .content_inner01 .td_up div:nth-child(1){
    width:80%;
}

.world_story .tab_common .content_inner01 .td_up div p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size:1.5rem;
    font-weight:600;
    color:#8b0f1e;
    padding:20px 0;
}

.world_story .tab_common .content_inner01 .td_up div span{
    display: block;
    font-size:1rem;
    color:#333;
    line-height: 1.5em;
}

.world_story .tab_common .content_inner01 .td_up div em{
    display:block;
    font-size:1rem;
    font-weight:600;
    margin-top:15px;
    color:#000;
    line-height: 1.5em;
}

.ohline{
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.world_story .tab_common .content_inner01 .td_up div i img{
    vertical-align: middle;
    width:20px;
}

.world_story .tab_common .content_inner01 .td_up div > div{
    display:inline;
}

.world_story .tab_common .content_inner01 .td_up div > div strong{
    color: #888;
    font-size: 1rem;
    margin-top: 10px;
    display: inline-block;
    padding-left: 5px;
}

.world_story .tab_common .content_inner01 .td_up div > div b{
    color:#b77b39;
}

.world_story .tab_common .content_inner01 .td_up div > div:hover strong{
    text-decoration: underline;
    text-underline-position: under;
    cursor:pointer;
}

.world_story .tab_common .content_inner01 .td_up div ul li{
    font-size: 1rem;
    margin-right: 30px;
    float: left;
    color: #333;
    text-indent: -10px;
}

.world_story .tab_common .content_inner01 .td_up div small{
    font-size:0.9rem;
    color:#666;
    background:#dfe6ec;
    border-radius:25px;
    padding:10px 30px;
    cursor:pointer;
}




.world_story  .tab_common .check_room{
    margin:50px 0;
}

.world_story  .tab_common .check_room h1{
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 25px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color: #bc1225;
}


.ohkz_box{
    overflow: hidden;
    border-top: 1px solid #333;
    /* border-bottom: 1px solid #ccc; */
    padding: 30px 0;
}

.ohkz_txt{
    float:left;
    padding:65px 0;
}

.ohkz_txt p{
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom:30px;
    line-height: 1.25em;
    color: #111
}

.ohkz_txt span{
    display: block;
    font-size:1.2rem;
    line-height: 1.5em;
    color:#333;
}

.ohkz_box img{
    width:250px;
    height:250px;
    float:right;
}

.ohkz_table > p{
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin-top:30px;
    text-align: left;
}

.ohkz_table > table{
    border-top:2px solid #333;
    margin-top:20px!important;
    width:100%;
}

.ohkz_table > table tr th{
    font-size:1rem;
    font-weight:600;
    color:#333;
    border:1px solid #ccc;
    text-align: left;
    padding:15px;
    /* padding-left:30px; */
    line-height: 1.5em;
}

.ohkz_table > table tr td{
    font-size:1rem;
    color:#666;
    border:1px solid #ccc;
    text-align: left;
    padding:15px;
    line-height: 1.5em;
}

.world_story .tab_common .check_room small{
    font-size:1.3rem;
    font-weight:600;
    margin:30px 0;
    display:block;
    color:#bc1225;
}

.check_table{
    text-align: left;
    margin-top:40px;
}

.check_table tr th{
    /* cursor:pointer; */
}

.check_table tr td{
    padding-left: 60px;
}

.check_table tr td p{
    font-size:1.3rem;
    font-weight:600;
    line-height:1.25rem;
    margin-bottom:20px;
    color:#bc1225;
}

.check_table tr td span{
    display:block;
    margin-bottom:20px;
    font-size:1.1rem;
    line-height:1.5rem;
    word-break: break-all;
    color:#666;
}

.check_table tr td strong{
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 10px 0;
    word-break: break-all;
    color: #888;
}

.check_table tr td b{
    display:block;
    font-size:1rem;
    line-height:1.5rem;
    word-break: break-all;
    color:#b27028;
}

.check_table tr td i{
    font-weight:600;
    letter-spacing:0.02em;
}

.check_table tr td img {
    display:none;
}

.world_fixed{
    font-family: "Brand New Hyosung OTF Light";
    border-radius:17px;
    box-shadow: 2px 2px 15px #f1f1f1;
    padding:50px;
    width: 35%;
    margin: 50px auto 0 auto;
}

.world_fixed > div{
    text-align: center;
}

.world_fixed > div img{
    width: max-content;
    display:block;
    margin: 0 auto;
}

.world_fixed > div p{
    font-size:1.5rem;
    font-weight:600;
    margin:30px 0;
    color:#333;
}

.world_fixed > div p b{
    color:#bc1225;
}

.world_fixed > div span{
    display:block;
    font-size:1.2rem;
    color:#666;
    line-height: 1.5em;
}

.world_story #tab-2 .content_inner01 .td_up{
    vertical-align: baseline;
    background: url(/user/img/re/center/title_bg.png) no-repeat 0 50%;
    background-size: cover;
    border-radius: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    padding: 87px 0px;
}

.world_story #tab-3 .content_inner01 .td_up{
    vertical-align: baseline;
    background: url(/user/img/re/center/title_bg.png) no-repeat 0 50%;
    background-size: cover;
    border-radius: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    padding: 87px 0;
}

@media (max-width: 1600px) {
    .world_story .tab_common .content_inner01 .td_up {
        padding: 5% 0px;
    }
    .world_story #tab-2 .content_inner01 .td_up {
        padding: 10.5% 0px;
    }
    .world_story #tab-3 .content_inner01 .td_up {
        padding: 13% 0px;
    }
}

@media (max-width: 1400px) {
    .world_story .tab_common .content_inner01 .td_up {
        padding: 5% 0px;
    }
    .world_story #tab-2 .content_inner01 .td_up {
        padding: 10.5% 0px;
        width: -webkit-fill-available;
    }
    .world_story #tab-3 .content_inner01 .td_up {
        padding: 10% 0px;
        width: -webkit-fill-available;
    }
}



@media (max-width: 1200px) {

    .left_center {
        width: 100%;
    }

    .world_story .tab_common .content_inner01 .td_up div p {
        font-size: 1.5rem;
    }
    .world_story .tab_common .content_inner01 .td_up div ul li {
        margin-right: 30px;
        text-indent: -10px;
    }

    .world_story .tab_common .content_inner01 .td_title {
        width: -webkit-fill-available;
        float:none;
    }

    .world_story .tab_common .content_inner01 .td_up {
        padding: 30px 0;
        width: 100%;
        background-size: cover;
        margin-top: 15px;
        margin-left:0;
    }

    .world_story .tab_common .content_inner01 .td_up div:nth-child(1) {
        width:auto;
        padding:40px;
    }



    .ohkz_table > table tr th{
    }

    .ohkz_box {
        border-bottom: none;
        padding-bottom:0;
    }

    .ohkz_table > table tr td{
        font-size:0.9rem;
        padding-left:15px!important;
    }

    .check_table tr th{
        display:none;
    }

    .check_table tr td{
        width:50%;
        padding-left:0;
    }

    .check_table tr td img {
        display:block;
        width: 100%;
        margin-bottom:20px;
    }

    .check_table tr td p {
        font-size: 1.2rem;
    }

    .check_table tr td span {
        font-size: 1rem;
    }

    .check_table tr td b {
        font-size: 0.9rem;
    }
    .ohkz_txt {
        padding: 0 0 20px 0;
    }
    .ohkz_box img {
        width: -webkit-fill-available;
        height: auto;
    }
    .ohkz_txt p {
        font-size: 1.2rem;
        margin-bottom:20px;
    }
    .ohkz_txt span {
        font-size: 1rem;
    }
    .world_fixed{
        width: -webkit-fill-available;
    }

    .world_story #tab-2 .content_inner01 .td_up {
        margin-left: 0;
    }
    .world_story #tab-3 .content_inner01 .td_up {
        margin-left: 0;
    }
    .world_story .content_ttt p{
        font-size:2rem;
    }

}

@media (max-width: 512px) {
    .world_story .ank_tab{
        margin-top:140px;
    }

    .world_story .ank_tab ul{
        grid-template-columns: repeat(auto-fill, minmax(52%, 1fr));
    }

    .world_story .content_ttt {
        top: -338px;
    }
    .world_story .ank_tab ul li{
        background:none;
    }
    .world_story .ank_tab ul li:nth-child(2){
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
    }

    .world_story .tab_common .content_inner01 .td_up div p {
        font-size: 1.2rem;
    }
    .world_story .tab_common .content_inner01 .td_up div span {
        font-size: 0.9rem;
    }
    .world_story .tab_common .content_inner01 .td_up div > div strong {
        font-size: 0.9rem;
        padding-left:0;
    }
    .world_story .tab_common .content_inner01 .td_up div ul li {
        font-size:0.9rem;
        margin-right: 30px;
        text-indent: -5px;
    }
    .ohkz_txt span {
        font-size: 0.9rem;
        display:inline;
    }
    .world_fixed > div span {
        font-size: 1rem;
    }
}




/*------------------------------------------------의료진현황 페이지------------------------------------------------*/


.staff_story{
    margin-bottom:5%;
    overflow:hidden;
}

.staff_story .tabs{
    width: -webkit-fill-available;
    border: 1px solid #ccc;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.staff_story .tabs li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.staff_story .tabs li.current{
    border-bottom:2px solid #333;
}

.staff_story .tabs li:nth-child(6){
    background:none;
}

.staff_story .tab-content{
    overflow:hidden;
}

.staff_story .tab-content > p{
    font-size: 1.5em;
    color: #bc1225;
    border-bottom: 2px solid #bc1225;
    display: inline-block;
    margin: 30px 0 20px 0;
    font-weight: 600;
}

/*대표원장*/

.staff_story .tab-content .people_top{
    border-radius: 20px;
    background: url(/user/img/re/staff/bg.png) no-repeat -40% -35% #f1f1f1;
    background-size: 58%;
    width: 60%;
    height: 360px;
    margin-bottom: 50px;
}

.staff_story .tab-content .people_top > ul > li{
    cursor:pointer;
}

.staff_story .tab-content .people_top > ul > li:hover{
    background: url(/user/img/re/staff/bg.png) no-repeat -40% -35% #f5e9eb;
    border-radius: 20px;
    background-size: 58%;
}

.staff_story .tab-content .people_top > ul > li > table{
    width:570px;
    margin:0 auto;
}

.staff_story .tab-content .people_top > ul > li > table tr td{
    overflow:hidden;
}

.staff_story .tab-content .people_top > ul > li > table tr td p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 2rem;
    width: 150px;
    height: 41px;
    color: #333;
    /* background: url(/user/img/re/staff/redplus.png) no-repeat 100% 0; */
    margin-bottom:10px;
    padding-top: 3px;
    background-size: 40px;
}

.staff_story .tab-content .people_top > ul > li > table tr td span,
.staff_story .tab-content .people_top > ul > li > table tr td small{
    font-size:1rem;
    color:#666;
}

.staff_story .tab-content .people_top > ul > li > table tr td img{
    /* width: -webkit-fill-available; */
    width: inherit;
    height: 360px;
}

/*부산경남검사센터 원장*/

.doctor_box{
    width: -webkit-fill-available;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.staff_story .tab-content .doctor1_dapyo{
    border-radius: 20px;
    background: url(/user/img/re/staff/bg.png) no-repeat -40% -35% #f1f1f1;
    background-size: 58%;
    width: 60%;
    height: 360px;
    margin-right:20px;
}

.staff_story .tab-content .doctor2_dapyo{
    border-radius: 20px;
    background: url(/user/img/re/staff/bg.png) no-repeat -150% -30% #f1f1f1;
    background-size: 80%;
    width: 45%;
    height: 360px;
    margin-bottom: 50px;
}

.staff_story .tab-content .doctor1_dapyo > ul > li > table{
    width:500px;
    margin:0 auto;
}

.staff_story .tab-content .doctor1_dapyo > ul > li > table tr td{
    overflow:hidden;
}

.staff_story .tab-content .doctor1_dapyo > ul > li > table tr td p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 2rem;
    width: 150px;
    height: 41px;
    color: #333;
    /* background: url(/user/img/re/staff/redplus.png) no-repeat 100% 0; */
    margin-bottom:10px;
    padding-top: 3px;
    background-size: 40px;
}

.staff_story .tab-content .doctor1_dapyo > ul > li > table tr td span,
.staff_story .tab-content .doctor1_dapyo > ul > li > table tr td small{
    font-size:1rem;
    color:#666;
    float:left;
}

.staff_story .tab-content .doctor2_dapyo > ul > li{
    cursor:pointer;
}

.staff_story .tab-content .doctor2_dapyo > ul > li:hover{
    background: url(/user/img/re/staff/bg.png) no-repeat -150% -30% #f5e9eb;
    border-radius: 20px;
    background-size: 80%;
}

.staff_story .tab-content .doctor2_dapyo > ul > li > table{
    width:530px;
    margin:0 auto;
}

.staff_story .tab-content .doctor2_dapyo > ul > li > table tr td{
    overflow:hidden;
}

.staff_story .tab-content .doctor2_dapyo > ul > li > table tr td p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 2rem;
    width: 150px;
    height: 41px;
    color: #333;
    /* background: url(/user/img/re/staff/redplus.png) no-repeat 100% 0; */
    margin-bottom:10px;
    padding-top: 3px;
    background-size: 40px;
}

@media (max-width: 768px) {
    .staff_story .tabs{
        border: none;
    }
}


@media (max-width: 512px) {
    .staff_story .tab-content .doctor2_dapyo{
        height: auto;
    }
    .staff_story .tab-content .doctor2_dapyo > ul > li > table {
        width: auto;
        margin: 0 auto;
    }
    .staff_story .tab-content .doctor2_dapyo > ul > li > table tr td{
        display: block;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 10px;
    }
    .staff_story .tab-content .doctor2_dapyo > ul > li > table tr td img {
        width: auto;
        height: 360px;
        display: block;
    }
    .staff_story .tab-content .doctor2_dapyo > ul > li > table tr td p {
        width: inherit;
        margin-bottom:0;
    }
}

.staff_story .tab-content .doctor2_dapyo > ul > li > table tr td span,
.staff_story .tab-content .doctor2_dapyo > ul > li > table tr td small{
    font-size:1rem;
    color:#666;
}

.staff_story .tab-content .doctor2_dapyo > ul > li > table tr td img{
    /* width: -webkit-fill-available; */
    width: inherit;
    height: 360px;
}


/*이외원장님들*/


.staff_story .tab-content .people1 > ul{
    width: -webkit-fill-available;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(18%, 1fr));
    grid-gap: 20px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.staff_story .tab-content .people1 > ul > li{
    cursor:pointer;
}

.staff_story .tab-content .people1 > ul > li table{
    width: 100%;
    /* height:400px; */
    background:#f1f1f1;
}

.staff_story .tab-content .people1 > ul > li table tr td{
    text-align: center;
}

.staff_story .tab-content .people1 > ul > li table tr td img{
    width:266px;
}

.staff_story .tab-content .people1 > ul > li:hover table tr td{
    text-align: center;
    background: url(/user/img/re/staff/bg.png) no-repeat 410% 250% #f5e9eb;
    background-size: 90%;
}

.staff_story .tab-content .people1 > ul > li table tr td.name_td{
    text-align: left;
    background-color:#fff;
    color:#333;
    padding:30px 0;
}

.staff_story .tab-content .people1 > ul > li table tr td.name_td p{
    font-size:1.4rem;
    font-weight:600;
    margin-bottom:15px;
}

.staff_story .tab-content .people1 > ul > li:hover > table tr td.name_td p{
    opacity:0.8;
}

.staff_story .tab-content .people1 > ul > li table tr td.name_td span,
.staff_story .tab-content .people1 > ul > li table tr td.name_td small{
    color:#888;
}


@media (max-width: 1600px) {
    .staff_story .tab-content .people1 > ul > li table tr td img{
        width:100%;
    }
}

@media (max-width: 1024px) {
    .staff_story .tab-content .people1 > ul > li table tr td img{
        width:235px;
    }
    #modal #popup table tr .popup_td01{
        width:320px!important;
    }
}




/*의료진 팝업*/

#modal #popup table{
    overflow:hidden;
    width:100%;
}

#modal #popup table tr td{
    height:450px;
    margin:0 auto;
    padding:20px;
}

#modal #popup table tr .popup_td01{
    width: 340px;
    background-image: url(/user/img/people2/01_popup.png), url(/user/img/sub/sil4.png);
    background-repeat: no-repeat;
    background-size:100%;
    position: relative;
    text-align: center;
    background-position: 35px -10px;
}

#modal #popup table tr .popup_td01 > div{
    position: absolute;
    left:35%;
    bottom: 40px;
}

#modal #popup table tr .popup_td01 p{
    font-size:1.4rem;
    font-weight:600;
    margin-bottom:15px;
    color:#111;
}

#modal #popup table tr .popup_td01 span{
    color:#888;
}

#modal #popup table tr .popup_td01 small{
    color:#888;
}

#modal #popup table tr .popup_td02{
    background:url(/user/img/people2/bg.png) no-repeat 320px 200px;
    background-size:338px;
    text-align: left;
}

#modal #popup table tr .popup_td02 dl{
    margin-left:60px;
}

#modal #popup table tr .popup_td02 dl dt{
    font-size:1.4rem;
    font-weight:600;
    margin-bottom:20px;
    color:#111;
}

#modal #popup table tr .popup_td02 dl dd.dot_dd{
    font-size:15px;
    background: url(/user/img/re/dot.png) no-repeat 0 10px;
    padding-left:10px;
    line-height: 1.5em;
    color:#666;
}

#modal #popup table tr .popup_td02 dl .red_ico{
    font-size:15px;
    color:#333;
    margin:5px 0;
    line-height: 1.2em;
}

#modal #popup table tr .popup_td02 dl .red_ico01{
    margin-top:15px;
}

#modal #popup table tr .popup_td02 dl .red_ico b{
    /* padding: 1px;
    display: inline-block;
    background: url(/user/img/re/dot.png) no-repeat 0 10px;
    border-radius: 2px;
    padding-left:10px;
    font-weight: 600;
    margin-right: 5px; */
    font-size: 15px;
    padding: 2px 3px;
    display: inline-block;
    border: 1px solid #8b0f1d;
    background: #8b0f1d;
    color: #fff;
    margin-right: 5px;
}

@media (max-width: 1500px) {
    .doctor_box{
        display:block;
        width:100%;
    }
    .staff_story .tab-content .doctor1_dapyo,
    .staff_story .tab-content .doctor2_dapyo {
        width:100%;
    }
    .staff_story .tab-content .doctor1_dapyo{
        background: url(/user/img/re/staff/bg.png) no-repeat 15% -20% #f1f1f1;
        background-size: 40%;
    }
    .staff_story .tab-content .doctor1_dapyo > ul > li:hover{
        background: url(/user/img/re/staff/bg.png) no-repeat 15% -20% #f5e9eb;
        background-size: 40%;
    }

    .staff_story .tab-content .doctor2_dapyo{
        background: url(/user/img/re/staff/bg.png) no-repeat 15% -20% #f1f1f1;
        background-size: 40%;
    }

    .staff_story .tab-content .doctor2_dapyo > ul > li:hover{
        background: url(/user/img/re/staff/bg.png) no-repeat 15% -20% #f5e9eb;
        background-size: 40%;
    }

}


@media (max-width: 1024px) {
    .staff_story .tab-content .people1 > ul{
        grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));
        align-items: baseline;
    }

    .staff_story .tab-content .people_top{
        width:-webkit-fill-available;
    }

    .doctor_popup{
        width:100%!important;
        height:auto!important;
    }

    #modal #popup table {
        width: 100%;
        height: 65vh;
        overflow-y: scroll;
        margin: 0 auto;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    #modal #popup table tr .popup_td01{
        background-position: top;
    }

    #modal .doctor_popup table tr td {
        margin: 0 auto;
        display: table;
        overflow: scroll;
    }

    #modal #popup .popup_title b {
        top: -35px!important;
        right: 5px!important;
    }
    .staff_story .tab-content .doctor1_dapyo {
        background: url(/user/img/re/staff/bg.png) no-repeat -40% -60% #f1f1f1;
        background-size: 55%;
        margin-right: 0;
    }
    .staff_story .tab-content .doctor1_dapyo > ul > li:hover{
        background: url(/user/img/re/staff/bg.png) no-repeat -40% -60% #f5e9eb;
        background-size: 55%;
    }

    .staff_story .tab-content .doctor2_dapyo{
        background: url(/user/img/re/staff/bg.png) no-repeat -40% -60% #f1f1f1;
        background-size: 55%;
    }

    .staff_story .tab-content .doctor2_dapyo > ul > li:hover{
        background: url(/user/img/re/staff/bg.png) no-repeat -40% -60% #f5e9eb;
        background-size: 55%;
    }
}

@media (max-width: 768px) {
    .staff_story .tabs{
        grid-template-columns: repeat(auto-fill, minmax(38%, 1fr));
        grid-gap: 5px;
    }
    .staff_story .tabs li{
        background: none !important;
        text-align: center;
        border: 1px solid #ccc;
        border-collapse: collapse;
        box-sizing: border-box;
    }
    /*.staff_story .tab-content .people1 > ul{*/
    /*    grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));*/
    /*}*/
    .staff_story .tab-content .people_top > ul > li > table tr td p{
        width:90px;
    }
}


@media (max-width: 650px) {
    .staff_story .tab-content .people_top > ul > li > table tr td{
        /*width: min-content;*/
        display: inline-block;
        margin-left: -5vw;
    }
}



@media (max-width: 512px) {
    .staff_story .tabs{
        grid-template-columns: repeat(auto-fill, minmax(38%, 1fr));
    }
    .staff_story .tab-content > p{
        font-size:1.2rem;
    }

    .staff_story .tab-content .people_top {
        width:100%;
        height: auto;
        background: url(/user/img/re/staff/bg.png) no-repeat 20% 35% #f1f1f1;
        background-size: 100%;
    }
    .staff_story .tab-content .people_top > ul > li:hover{
        background: url(/user/img/re/staff/bg.png) no-repeat 20% 35% #f5e9eb;
        background-size: 100%;
    }

    .staff_story .tab-content .people_top > ul > li > table{
        width:auto;
    }

    .staff_story .tab-content .people_top > ul > li > table tr td{
        display:block;
        width:100%;
        margin:0;
    }
    .staff_story .tab-content .people_top > ul > li > table tr td.td_small{
        padding:10px 0;
        display: inline-block;
        text-align: center;
    }



    .staff_story .tab-content .people1 > ul > li table {
        margin-bottom: 5%;
    }

    .staff_story .tab-content .people1 > ul > li table tr td img{
        width:150px;
    }


    .staff_story .tab-content .people_top > ul > li > table tr td p {
        display: block;
        /* background: url(/user/img/re/staff/redplus.png) no-repeat 100% 0;
        background-size: 25%; */
        margin: 0 auto;
    }

    .staff_story .tab-content .people1 > ul > li table tr td.name_td{
        padding:5px 0;
    }

    .staff_story .tab-content .people1 > ul > li table tr td.name_td p{
        font-size:1.2rem;
        margin-top:10px;
    }

    .staff_story .tab-content .people_top > ul > li > table tr td span,
    .staff_story .tab-content .people_top > ul > li > table tr td small {
        float: none;
        margin: 0 auto;
        text-align: center;
        /*width: 100%;*/
        /*display: block;*/
        display: inline-block;
    }

    .staff_story .tab-content .doctor2_dapyo{
        background: url(/user/img/re/staff/bg.png) no-repeat -40% 0% #f1f1f1;
        background-size: 100%;
    }

    .staff_story .tab-content .doctor2_dapyo > ul > li:hover{
        background: url(/user/img/re/staff/bg.png) no-repeat -40% 0% #f5e9eb;
        background-size: 100%;
    }


    .doctor_box{
        display:block;
    }

    #modal #popup table {
        width: 100%;
        height: 65vh;
        display: block;
        overflow-y: scroll;
    }

    #modal #popup table tr td{
        height:auto;
        margin-bottom:5%;
    }

    #modal #popup table tr .popup_td01{
        background-position: top;
        background-size: 75%;
    }

    #modal #popup table tr .popup_td01 > div{
        text-align: center;
        margin-top: 85%;
        position: unset;
    }

    #modal #popup table tr .popup_td02 dl{
        margin:0 30px;
    }

    #modal #popup .popup_title b {
        top: -35px!important;
        right: 5px!important;
    }
}



/*------------------------------------------------임상검사 사업 페이지------------------------------------------------*/

/*소개*/
.imsang_story{
    overflow:hidden;
}

.imsang_story .ank_tab{
    margin-top:130px;
    overflow:hidden;
}

.imsang_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.imsang_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.imsang_story .ank_tab ul li:last-child{
    background: none;
}

.imsang_story .ank_tab ul li.current{
    border-bottom: 2px solid #333;
    color: #222;
}

.imsang_title{
    width: -webkit-fill-available;
    background: url(/user/img/re/imsang_intro/sub_bg.png) no-repeat 0 0;
    background-size: contain;
    height: 205px;
    display: flex;
    align-items: center;
}

.imsang_title span{
    font-size: 1.05rem;
    color: #333;
    line-height: 1.5em;
    margin-left: 5%;
}

.imsang_content01{
    margin-top:50px;
    position: relative;
}

.imsang_content01 .content_ttt{
    position: absolute;
    top: -228px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}

.imsang_content01 .content_ttt p{
    font-size:2.5rem;
    font-weight: 600;
    margin-bottom:30px;
}

.imsang_content01 .content_ttt span{
    font-size:1rem;
    color:#666;
}

.imsang_h1{
    font-size:1.5rem;
    font-weight:600;
    margin-top:50px;
    margin-bottom:20px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color:#bc1225;
}

.dl_box{
    width:-webkit-fill-available;
    background-color:#f3f6f9;
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
    grid-gap: 0;
    display: grid;
    border-radius:20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow:hidden;
}

.dl_box dl{
    border-top: 2px solid #333;
    margin: 40px 20px 30px 20px;
    height: 20vh;
}

.dl_box dl dt{
    font-size:1.2rem;
    font-weight:600;
    border-bottom:1px solid #ccc;
    color:#333;
    padding:15px 0;
    margin-bottom:20px;
    text-align: center;
}

.dl_box dl dd{
    font-size: 1rem;
    line-height: 1.5rem;
    color: #666;
    letter-spacing: -0.2px;
    text-indent: -8px;
    padding-left: 10px;
}

.dl_box dl dd:first-child{
    margin-top:15px;
}

.imsang_content02{
    margin-top:50px;
}

.dl_box02{
    width:-webkit-fill-available;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    margin-bottom:5%;
    border:1px solid #ccc;
    border-radius:20px;
    padding: 40px;
    overflow:hidden;
}

.dl_box02 > div{
    height: 180px;
    display: grid;
    align-items: center;
}

.dl_box02 dl{
    width:-webkit-fill-available;
}

.dl_box02 dl dt{
    text-align: center;
    width: max-content;
    margin: 0 auto;
}

.dl_box02 dl dt img{
    width:165px;
}

.dl_box02 dl div{
    margin-left:5%;
    height: 140px;
}

.ddnum{
    font-size: 1.25rem;
    width: 30px;
    height: 30px;
    color: #fff;
    background: #333;
    /* padding: 8px 12px; */
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 1.5;
}

.ddtitle{
    font-family: "Pretendard-Medium";
    font-size:1.25rem;
    font-weight:600;
    margin: 25px 0 15px 0;
    line-height:1.2em;
    text-align: center;
    color:#333;
}

.ddtxt{
    font-size:1rem;
    /* background: url(/user/img/re/dot.png) no-repeat 0 0; */
    color:#666;
    line-height:1.5rem;
    text-indent: -9px;
    word-break: auto-phrase;
    text-align: center;
}

@media (min-width: 1921px) {
    .dl_box dl{
        height: 200px;
    }
    .front strong {
        margin-top: 210px;
    }
}


@media (max-width: 1800px) {
    .dl_box {
        grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));
    }
    .dl_box dl{
        height:150px;
    }
    .dl_box dl dd {
        display: flex;
        justify-content: center;
        letter-spacing: 0;
    }
    .dl_box02 {

    }
    .ddtitle{
        font-size:1.1rem;
        line-height:1.2em;
    }
    .ddtxt{
        font-size:0.9rem;
    }
    .dl_box02 > div {
        height: 150px;
    }
    .dl_box02 dl dt{
        text-align: center;
        width: auto;
    }
    .dl_box02 dl dt img{
        margin: 0 auto;
        text-align: center;
        display: block;
        /*width:130px;*/
    }
}

@media (max-width: 1400px) {
    .imsang_title {
        height: 12vh;
    }
    .imsang_title span {
        font-size: 0.9rem;
    }
    .dl_box02 > div {
        display: grid;
        margin-top: 5.5%;
        align-items: baseline;
    }
    .ddtitle {
        font-size: 1rem;
    }
    .ddtxt {
        font-size: 0.8rem;
    }
}

@media (max-width: 1300px) {
    .imsang_title {
        background: url(/user/img/re/imsang_intro/sub_bg.png) no-repeat 50% 0;
        background-size: cover;
    }
    .imsang_title span {
        margin: 10vh;
    }
    .dl_box02 {
        grid-template-columns: repeat(auto-fill, minmax(55%, 1fr));
        grid-gap: 40px 0;
    }
    .dl_box02 > div {
        margin-top: 65px;
    }
    .dl_box02 > div img {
        width:10px;
    }

    .dl_box02 dl dt img{
        width:130px;
    }
}

@media (max-width: 1024px) {
    .dl_box {
        grid-template-columns: repeat(auto-fill, minmax(55%, 1fr));
    }
    .dl_box02 {
        display:grid;
        grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
        grid-gap: 20px 0;
    }
    .dl_box02 > div{
        display:none;
    }
    .ddtxt {
        line-height: 1.2rem;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .dl_box02 {
        display:grid;
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
        grid-gap: 10px 0;
    }
    .dl_box02 > div{
        display:none;
    }
}

@media (max-width: 512px) {
    .imsang_title {
        height: 20vh;
    }
    .imsang_title span {
        margin: 1vh;
        text-align: justify;
    }
    .imsang_title span br {
        display:none;
    }
    .dl_box dl dd {
        font-size: 0.8rem;
    }
    .dl_box02 {
        display:grid;
        grid-template-columns: repeat(auto-fill, minmax(60%, 1fr));
        grid-gap: 10px 0;
    }
    .dl_box02 dl dt img {
        width:60%;
    }
    .dl_box02 dl {
        display: grid;
    }
    .dl_box02 dl div {
        margin-top:0;
        margin-left: 0;
        height: 125px;
    }
}

/*전국 네트워크*/
.network{
    display: flex;
    position:relative;
}

.network .content_ttt{
    position: absolute;
    top: -178px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}

.network .content_ttt p{
    font-size:2.5rem;
    font-weight: 600;
    margin-bottom:30px;
}

.network .content_ttt span{
    font-size:1rem;
    color:#666;
}

#hanbando{
    border:1px solid #ccc;
    border-radius:20px;
    margin-top:50px;
    padding:5%;
    display:inline-block;
    float:left;
}

#hanbando area{
    cursor:pointer;
}

.network_staffs{
    width:100%;
    margin-top:55px;
    margin-left:30px;
}
.network_staffs .network_staffs_table {
    width:100%;
}
.network_staffs .center_name {
    font-size: 1.8rem;
    color: #bc1225;
    font-weight: 800;
    margin-bottom: 25px;
}
.network_staffs .center{
    display: flex;
}
.network_staffs .center_king{
    width: 50%;
    border: solid 2px black;
    border-radius: 10px;
    padding: 20px 20px;
    margin-bottom: 10px;
    max-height: 17vh;
}

.network_staffs .center_king hr{
    color:#ccc;
}

.network_staffs .king_name {
    font-size: var(--font-size-md-p2);
    font-weight: 800;
    margin: 5px 0 15px 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.network_staffs .king_info_table{
    font-size: var(--font-size-md);
    padding-top: 30px;
}

.network_staffs .king_info_table tr{
    margin-bottom:10px;
}

.network_staffs .king_info_table th{
    text-align: left;
    font-weight: 800;
    vertical-align: middle;
    line-height:1.5em;
    height:30px;
}

.network_staffs .king_info_table td{
    line-height:1.25em;
    color:#666;
}

.network_staffs .center_agent{
    width: 50%;
    padding-left: 10px;
}
.network_staffs .center_agent_info{
    border: solid 1px #ccc;
    border-radius: 10px;
    padding: 20px 20px;
    margin-bottom: 12px;
    cursor:pointer;
}
.network_staffs .center_agent_info_title{
    display: flex;
    justify-content: space-between;
}

.network_staffs .agent_dtl{
    font-size: var(--font-size-md);
    display: none;
}
.network_staffs .agent_dtl th{
    font-size:0.9rem;
    text-align: left;
    font-weight: 800;
    vertical-align: middle;
    line-height:1.5rem;
}

.network_staffs .agent_dtl td{
    font-size:0.9rem;
    color:#666;
    line-height:1.25rem;
}

.network_staffs .list_empty {
    text-align: center;
    display:block;
    height:450px;
    font-size:22px;
    font-weight:bold;
    padding-top:200px;
}

.search_table{
    display:none;
}

@media (max-width: 1800px) {
    .network_staffs .center_king {
        max-height: max-content;
        height: 100%;
    }
}

@media (max-width: 1300px) {
    #hanbando{
        display:none;
    }
    .search_table{
        display:block;
    }

    .search_table table{
        color: #fff;
        text-align: left;
        position: relative;
        top: 15px;
        width: 100%;
    }

    .search_table table tr th{
        font-size: 1.1rem;
        font-weight: 500;
        background: #000;
        border-radius: 15px 0 0 0;
        border-bottom: 2px solid #333;
        padding: 15px;
        width:65px;
    }

    .search_table table tr td{
        border-bottom: 2px solid #333;
    }

    .search_table table tr td select{
        font-size:0.9rem;
        color: #000;
        background: url(/user/img/re/down_arrow.svg) no-repeat 98% 50%;
        background-size:15px;
        width: 100%;
        border: none;
        padding: 5px 5px 10px 20px;
        margin-top: 3px;
        margin-right: 10px;
    }
    .network_staffs{
        margin-top:30px;
        margin-left:0;
    }
    .area_table{
        margin-top:50px;
    }
}

@media (max-width: 768px) {
    .search_table table tr td select{
        background: url(/user/img/re/down_arrow.svg) no-repeat 95% 50%;
        background-size:15px;
    }
    .network_staffs{
        margin-top:30px;
        margin-left:0;
    }
    .search_table table tr th{
        font-size: 1rem;
        font-weight: 500;
        background: #000;
        border-radius: 15px 0 0 0;
        border-bottom: 2px solid #333;
        padding: 15px;
        width:56px;
    }

    .area_table{
        margin-top:50px;
    }

    .network_staffs .center{
        display:block;
    }

    .network_staffs .center_king {
        width:-webkit-fill-available;
    }

    .network_staffs .center_agent {
        width:-webkit-fill-available;
        padding-left:0;
    }
}



/*------------------------------------------------임상검사 사업 페이지------------------------------------------------*/



.rnd_story{
    overflow:hidden;
}

.rnd_story .ank_tab{
    margin-top:130px;
    overflow:hidden;
}

.rnd_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rnd_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.rnd_story .ank_tab ul li:last-child{
    background: none;
}

.rnd_story .ank_tab ul li.current{
    border-bottom: 2px solid #333;
    color: #222;
}

.rnd_title{
    width: -webkit-fill-available;
    background: url(/user/img/re/RND/sub_bg.png) no-repeat 0 0;
    background-size: contain;
    height: 205px;
    display: flex;
    align-items: center;
}

.rnd_title span{
    font-size: 1.05rem;
    color: #333;
    line-height: 1.5em;
    margin-left: 5%;
}

.rnd_content01{
    margin-top:50px;
    position: relative;
}

.rnd_content01 .content_ttt{
    position: absolute;
    top: -228px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}

.rnd_content01 .content_ttt p{
    font-size:2.5rem;
    font-weight: 600;
    margin-bottom:30px;
}

.rnd_content01 .content_ttt span{
    font-size:1rem;
    color:#666;
}

.rnd_h1{
    font-size:1.5rem;
    font-weight:600;
    margin-top:50px;
    margin-bottom:20px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color:#bc1225;
}

.rnd_map{
    display:block;
}
.m_rnd_map{
    display:none;
}

.rnd_box{
    overflow:hidden;
}

.up_rnd{
    width: -webkit-fill-available;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
    grid-gap: 0 20px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: baseline;
}

.up_rnd > div{
    padding:30px 20px;
    background:#f3f6f9;
    border-radius:20px;
    margin-bottom:15px;
}

.up_rnd > div p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 1.1rem;
    width: 30px;
    padding: 5px 20px;
    color: #333;
    background: #dce3e9;
    /* padding: 8px 12px; */
    border-radius: 20px;
    display: block;
    margin-bottom: 15px;
    text-align: center;
    line-height: 1.5;
}

.up_rnd > div span{
    font-size:0.91rem;
    line-height:1.5em;
    color:#333;
}

.down_rnd{
    overflow: hidden;
    align-items: center;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
    grid-gap: 0 20px;
}

.down_rnd img{
    width:100%;
    display:inline-block;
    float:left;
    height: -webkit-fill-available;
}

.down_rnd img:nth-child(4){
}

.rnd_img img{
    width:100%;
}

.rnd_tel{
    background:#f9f9f9;
    border-radius:20px;
    display:flex;
    align-items: center;
    justify-content: center;
    margin:50px 0 5% 0;
    padding:30px 0;
}

.rnd_tel span{
    display: flex;
    justify-content: center;
    align-items: center;
}

.rnd_tel span b {
    margin-right:10px;
}

.rnd_tel span b img{
    width:20px;
}

.rnd_tel span a{
    color:#555;
}

.email_span{
    display:inline-block;
    margin:0 30px;
}

@media (max-width: 1800px) {
    .up_rnd > div span {
        font-size: 0.9rem;
    }
    .up_rnd > div {
        height: 120px;
    }
}

@media (max-width: 1400px) {
    .rnd_title {
        height: 12vh;
    }
    .rnd_title span {
        font-size: 0.9rem;
    }
    .up_rnd {
        grid-gap:20px;
    }
    .up_rnd > div span {
        font-size: 0.8rem;
    }
}

@media (max-width: 1300px) {
    .rnd_title {
        background: url(/user/img/re/RND/sub_bg.png) no-repeat 50% 0;
        background-size: cover;
    }
    .rnd_title span {
        margin: 10vh;
    }
}

@media (max-width: 1024px) {
    .rnd_box {
        border-radius: 20px;
        display:block;
        padding:50px 0;
    }
    .up_rnd > div span {
        font-size: 0.8rem;
        line-height: 1.5em;
        color: #333;
    }
}

@media (max-width: 768px) {
    .up_rnd {
        border: none;
        width: -webkit-fill-available;
        padding-right: 0;
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    }

    .down_rnd {
        overflow: hidden;
        align-items: center;
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
        grid-gap: 20px;
    }

    .rnd_tel{
        display:block;
    }

    .rnd_tel p{
        margin:0 auto;
        text-align: center;
    }
    .email_span{
        margin:15px 0;
    }
    .rnd_map{
        display:none;
    }
    .m_rnd_map{
        display:block;
    }
}

@media (max-width: 512px) {
    .up_rnd > div{
        height: auto;
        margin-bottom:0;
    }
    .up_rnd > div:last-child{
        margin-bottom:40px;
    }
    .up_rnd {
        border: none;
        width: -webkit-fill-available;
        padding-right: 0;
        grid-template-columns: repeat(auto-fill, minmax(55%, 1fr));
    }

    .down_rnd {
        overflow: hidden;
        align-items: center;
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(auto-fill, minmax(55%, 1fr));
        grid-gap: 20px;
    }
    .rnd_title {
        height: 20vh;
    }
    .rnd_title span {
        margin: 1vh;
        text-align: justify;
    }
    .rnd_title span br {
        display:none;
    }
}


/*학술지원 프로그램*/

.rnd_content02{
    margin-top:50px;
    margin-bottom:5%;
    position: relative;
}

.rnd_content02 .content_ttt{
    position: absolute;
    top: -228px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}

.rnd_content02 .content_ttt p{
    font-size:2.5rem;
    font-weight: 600;
    margin-bottom:30px;
}

.rnd_content02 .content_ttt span{
    font-size:1rem;
    color:#666;
}

.rnd_title02{
    width: -webkit-fill-available;
    border-radius: 20px;
    box-shadow: 2px 2px 15px #f1f1f1;
    padding: 50px;
    margin: 10px 5px 30px 5px;
    text-align: left;
    overflow: hidden;
}

.rnd_title02 h1{
    font-family: "Pretendard-Medium";
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #000;
    line-height: 1.25em;
    text-align: justify;
    margin:0 auto;
    display:block;
    text-align: center;
    line-height:2em;
}

.rnd_title02 h1 span{
    box-shadow: inset 0px -18px 0px #fcf3f4;
    padding-bottom: 7px;
    color:#bc1225;
}

.rnd_box02{
    display: flex;
    margin-top: 5%;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    /* width: 80%;
    margin: 5% auto; */
}

.rnd_box02 p{
    font-size: 1.8rem;
    font-weight: 600;
    color: #bc1225;
    padding-right: 6vw;
}

.rnd_box02 span{
    font-size:1.1rem;
    line-height:1.5em;
    color:#000;
}

.rnd_box03{
    overflow:hidden;
}

.rnd_puzzle{
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    background:#f3f6f9;
    padding-bottom: 30px;
}

.rnd_puzzle dl{
    border-radius:20px;
    padding:30px;
}

.rnd_puzzle dl dt{
    font-size: 1.25rem;
    width: 30px;
    height: 30px;
    color: #fff;
    background: #333;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 1.5;
}

.rnd_puzzle dl .dltitle{
    font-family: "Brand New Hyosung OTF Medium";
    font-size:1.2rem;
    border-top:2px solid #333;
    border-bottom:1px solid #ccc;
    margin:20px 0;
    padding:20px 0;
    text-align: center;
    color:#333;
}

.rnd_puzzle dl dd{
    font-size: 1rem;
    line-height: 1.5em;
    color: #888;
    text-indent: -8px;
    padding-left: 10px;
    word-break: keep-all;
}

.rnd_puzzle dl dd::before{
    content:'· ';
    width:5px;
    height:5px;
}
.rnd_puzzle dl .dltitle::before{
    content:'';
}

.svg_animation {
    width: 100%;
    height:200px;
    background: url(/user/img/re/svg_haksul.svg) no-repeat 0 0;
    background-size: 99.6%;
    text-align: left;
    overflow: hidden;
}

.svg_box{
    width:100%;
    position: relative;
    top:0;
    z-index: -1;
}

svg{
    position: absolute;
}

#a1{
}

#a2{
    top:0;
    right:-1px;
}

.st1{
    fill:none;stroke:#AC1E27;stroke-width:1.5;stroke-miterlimit:10;
}

.st2{
    fill:none;stroke:#AC1E27;stroke-width:1.5;stroke-miterlimit:10;
}

.path {
    stroke-dasharray: 1600;
    stroke-dashoffset: 0;
    animation: dash 1.5s linear alternate 1;
}

@keyframes dash {
    from {
        stroke-dashoffset: 1600;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@media (max-width: 1900px) {
}

@media (max-width: 1600px) {
}

@media (max-width: 1400px) {
    .rnd_puzzle {
        grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    }
    .rnd_box02 p {
        font-size: 1.4rem;
        padding-right: 4vw;
    }
}

@media (max-width: 1200px) {
    .rnd_box02 p{
        font-size: 1.5rem;
    }

    .rnd_box02 span{
        font-size:1rem;
        width: 70%;
    }
    .rnd_box02 span br{
        display:none;
    }
}

@media (max-width: 1100px) {
    .svg_animation{
        background:none;
    }
    .svg_box{
        display:none;
    }
}


@media (max-width: 1024px) {
    .rnd_title02 h1 {
        font-size: 1.25rem;
    }
    .rnd_puzzle {
        grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));
    }
}

@media (max-width: 768px) {
    .rnd_puzzle {
        grid-template-columns: repeat(auto-fill, minmax(55%, 1fr));
    }
    .rnd_puzzle dl dd{
        font-size: 0.9rem;
    }
    .rnd_puzzle dl {
        height: auto;
    }
    .rnd_box02 {
        display: block;
        margin-top: 5%;
    }
    .rnd_box02 p {
        font-size: 1.5rem;
        margin-bottom: 5%;
    }

    .rnd_box02 span br{
        display:none;
    }
}

@media (max-width: 512px) {
    .rnd_puzzle {
        grid-template-columns: repeat(auto-fill, minmax(55%, 1fr));
    }
    .rnd_puzzle dl dd{
        font-size: 0.9rem;
    }
    .rnd_puzzle dl {
        height: auto;
    }
    .rnd_h1 {
        margin-top: 30px;
    }
}





/*------------------------------------------------emr 페이지------------------------------------------------*/


/*씨차트*/
.emr_story{
    overflow:hidden;
}

.emr_story .ank_tab{
    margin-top:130px;
    overflow:hidden;
}

.emr_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.emr_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.emr_story .ank_tab ul li:last-child{
    background: none;
}

.emr_story .ank_tab ul li.current{
    border-bottom: 2px solid #333;
    color: #222;
}

.emrtab01{
    position:relative;
}

.emrtab01 .content_ttt{
    position: absolute;
    top: -228px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}

.emrtab01 .content_ttt p{
    font-size:2.5rem;
    font-weight: 600;
    margin-bottom:30px;
}

.emrtab01 .content_ttt span{
    font-size:1rem;
    color:#666;
}

.emr_txt{
    background: url(/user/img/re/emr/seechart_bg.png) no-repeat 0 0;
    background-size:100%;
    margin-top:50px;
    padding:50px;
}

.emr_txt02{
    background: url(/user/img/re/emr/emr_bg.png) no-repeat 0 0;
    background-size:100%;
    margin-top:50px;
    padding:50px;
}

.emr_text{
    text-align: left;
}

.emr_text span{
    display:block;
    font-size:1.1rem;
    color:#333;
    line-height: 1.25em;
}

.emr_txt ul,
.emr_txt02 ul{
    overflow:hidden;
    margin-top:30px;
    display:flex;
    align-items: center;
}

.emr_txt ul li,
.emr_txt02 ul li{
    font-size:1.05rem;
}

.emr_txt ul li img,
.emr_txt02 ul li img{
    padding-right:5px;
    vertical-align: text-top;
    width:20px;
}

.emr_txt ul li:nth-child(1),
.emr_txt02 ul li:nth-child(1){
    font-weight:600;
}

.emr_txt ul li:nth-child(2),
.emr_txt02 ul li:nth-child(2){
    margin:0 30px;
    color:#888;
}

.emr_txt ul li:nth-child(3),
.emr_txt02 ul li:nth-child(3){
    color:#888;
}

.emr_txt ul li:nth-child(3) b,
.emr_txt02 ul li:nth-child(3) b{
    color:#b77b39;
}

.emr_txt ul li:nth-child(3):hover,
.emr_txt02 ul li:nth-child(3):hover{
    text-decoration:underline;
    cursor:pointer;
}

.emr_function > p{
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 10px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color: #bc1225;
}

.emr_hiright{
    display: flex;
}

.emr_left{
    width:80%;
    background: url(/user/img/re/emr/seechart_title.png) no-repeat 0 20px;
    background-size:contain;
}

.emr_left02{
    width:80%;
    background: url(/user/img/re/emr/emr_title.png) no-repeat 0 0;
    background-size:contain;
}

/* .emr_left img{
    width:auto;
    margin-right:3vw;
} */

.emr_right{
    width:100%;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(34%, 1fr));
    grid-gap:15px;
    display:grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.emr_right div{
    padding: 30px 20px;
    background: #f3f6f9;
    border-radius: 20px;
}

.emr_right div p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 1.1rem;
    width: 30px;
    padding: 5px 20px;
    color: #333;
    background: #dce3e9;
    border-radius: 20px;
    display: block;
    margin-bottom: 15px;
    text-align: center;
    line-height: 1.5;
}

.emr_right div span{
    font-size: 0.91rem;
    line-height: 1.5em;
    color: #333;
}

.emr_function02{
    padding:0 30px;
}

.emr_function02 > p{
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 10px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color: #bc1225;
}

.emr_kindbox{
    width:100%;
    padding:30px 0;
    grid-template-columns: repeat(auto-fill, minmax(27%, 1fr));
    grid-gap:15px;
    display:grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.wrapper {
    position: relative;
    /* transform: translateX(-50%);
    transform: translateY(-50%); */

    perspective: 1000px;
}

.wra01:hover .card,
.wra02:hover .card,
.wra03:hover .card,
.wra04:hover .card,
.wra05:hover .card,
.wra06:hover .card,
.wra07:hover .card,
.wra08:hover .card,
.wra09:hover .card {
    transform: rotateY(180deg);
}

.card {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all 0.5s;
    perspective-origin: center;
    transform-style: preserve-3d;
    border-radius:20px;
    box-shadow: 0 0 10px #eee;
    height: 300px;

    color: white;
    font-size: 30px;
    cursor:pointer;
}

.front {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    backface-visibility: hidden;

    background-color: #fff!important;
    border-radius: 20px;
    overflow: hidden;
    display: grid;
    align-items: center;
    justify-content: center;
}

/* .front img{
    display:block;
    text-align: center;
   } */

.front01{
    background: url(/user/img/re/emr/see01.png) no-repeat 73% 50%;
    background-size: auto;
}

.front02{
    background: url(/user/img/re/emr/see02.png) no-repeat 50% 28%;
    background-size: 75%;
}

.front03{
    background: url(/user/img/re/emr/see03.png) no-repeat 50% 30%;
    background-size: 55%;
}

.front04{
    background: url(/user/img/re/emr/see04.png) no-repeat 63% 32%;
    background-size: 55%;
}

.front05{
    background: url(/user/img/re/emr/see05.png) no-repeat 50% 30%;
    background-size: 40%;
}

.front06{
    background: url(/user/img/re/emr/see06.png) no-repeat 50% 30%;
    background-size: 70%;
}

.front07{
    background: url(/user/img/re/emr/see07.png) no-repeat 50% 35%;
    background-size: 75%;
}

.front08{
    background: url(/user/img/re/emr/see08.png) no-repeat 50% 38%;
    background-size: 55%;
}

.front09{
    background: url(/user/img/re/emr/see09.png) no-repeat 50% 45%;
    background-size: 75%;
}

.eront01{
    background: url(/user/img/re/emr/emr01.png) no-repeat 50% 35%;
    background-size: 40%;
}

.eront02{
    background: url(/user/img/re/emr/emr02.png) no-repeat 50% 35%;
    background-size: 40%;
}

.eront03{
    background: url(/user/img/re/emr/emr03.png) no-repeat 50% 35%;
    background-size: 40%;
}

.front strong{
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 1.3rem;
    display: inline-block;
    box-shadow: inset 0px -18px 0px #f0f0f0;
    padding-bottom: 7px;
    width: fit-content;
    text-align: center;
    margin-top:210px;
    color: #333;
}


.back {
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: rotateY(180deg);

    background-color: #fef8f8;
    border-radius: 20px;
    overflow: hidden;
    /* display: flex;
    align-items: center;
    justify-content: center; */
}

.back img{
    float: right;
    margin-top: 20px;
    margin-right: 35px;
    width: 120px;
}

.back .back_txt{
    float:left;
    width: -webkit-fill-available;
    padding:0 30px;
}

.back .back_txt02{
    float:left;
    padding:0 30px;
}

.back .back_txt p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 1.3rem;
    margin-bottom:15px;
    color:#333;
}

.back .back_txt ul li{
    font-size:1.05rem;
    line-height:1.25em;
    color:#666;
}

.back .back_txt02 p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 1.3rem;
    margin-bottom:15px;
    color:#333;
}

.back .back_txt02 ul{
    overflow:hidden;
}

.back .back_txt02 ul li{
    float: left;
    font-size: 1.05rem;
    margin: 2px 2.5px;
    line-height: 1.25em;
    color: #666;
    width: 115px;
}

.yungsang .back_txt ul li{
    font-size:1rem;
    line-height:1.4em;
    letter-spacing:-0.4px;
    color:#666;
}

.emr_function03{
    padding:0 30px;
}

.emr_function03 > p{
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 10px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color: #bc1225;
}

.EMR_qr{
    width: -webkit-fill-available;
    height: 30vh;
    /* overflow:hidden; */
    display:flex;
}

.qr01{
    background: url(/user/img/re/emr/pang.svg) no-repeat 50%;
    background-size: inherit;
    width:50%;
    margin-right:20px;
}

.qr02{
    position: relative;
    border-radius: 20px;
    box-shadow: 2px 2px 15px #f1f1f1;
    overflow: hidden;
    background: url(/user/img/re/emr/qr.png) no-repeat 10% 50%;
    background-size: inherit;
    width:50%;
}

.qr02 > div{
    position: absolute;
    left: 42%;
    top: 38%;
}

.qr02 p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 1.3rem;
    margin-bottom:15px;
    color:#bc1225;
}

.qr02 span{
    display:block;
    font-size:1rem;
    color:#666;
}

.EMR_step{
    width: -webkit-fill-available;
    margin:50px 0;
}

.EMR_step > img{
    width:100%;
}

.emr_pc_step{
    border-radius: 0 0 20px 20px;
    border: 1px solid #ccc;
    border-top: none;
    width: -webkit-fill-available;
    margin-top: -15px;
    padding: 40px 30px 40px 30px;
}

.emr_pc_step > img{
    width: -webkit-fill-available;
}

.EMR_qna{
    width: -webkit-fill-available;
    margin:50px 0;
}

.EMR_qna > img{
    width: -webkit-fill-available;
}

.emr_pc_qna{
    border-radius: 0 0 20px 20px;
    border: 1px solid #ccc;
    border-top: none;
    width: -webkit-fill-available;
    margin-top: -15px;
    padding: 50px 0 0 0;
}

.emr_pc_qna ul{
    display:flex;
}

.emr_pc_qna ul li:nth-child(1){
    background: url(/user/img/re/emr/bar.png) no-repeat 100% 50%;
    background-size: inherit;
}

.emr_pc_qna ul li:nth-child(2){
    margin-top: 16px;
    background: url(/user/img/re/emr/bar.png) no-repeat 100% 50%;
    background-size: inherit;
}

.emr_pc_qna ul li img{
    width: 100%;
}





@media (max-width: 1600px) {
    .front01{
        background: url(/user/img/re/emr/see01.png) no-repeat 73% 50%;
        background-size: 65%;
    }

    .front02{
        background: url(/user/img/re/emr/see02.png) no-repeat 50% 28%;
        background-size: 70%;
    }

    .front03{
        background: url(/user/img/re/emr/see03.png) no-repeat 50% 30%;
        background-size: 50%;
    }

    .front04{
        background: url(/user/img/re/emr/see04.png) no-repeat 63% 32%;
        background-size: 45%;
    }

    .front05{
        background: url(/user/img/re/emr/see05.png) no-repeat 50% 30%;
        background-size: 30%;
    }

    .front06{
        background: url(/user/img/re/emr/see06.png) no-repeat 50% 30%;
        background-size: 60%;
    }

    .front07{
        background: url(/user/img/re/emr/see07.png) no-repeat 50% 35%;
        background-size: 65%;
    }

    .front08{
        background: url(/user/img/re/emr/see08.png) no-repeat 50% 38%;
        background-size: 50%;
    }

    .front09{
        background: url(/user/img/re/emr/see09.png) no-repeat 50% 45%;
        background-size: 70%;
    }

    .qr01{
        background: url(/user/img/re/emr/pang.png) no-repeat 50%;
        background-size: contain;
    }



    .back img {
        width: 5vw;
    }
    .back .back_txt p,
    .back .back_txt02 p {
        font-size: 1.1rem;
    }
    .back .back_txt ul li,
    .back .back_txt02 ul li {
        font-size: 0.9rem;;
    }
    .back .back_txt,
    .back .back_txt02{
        padding:0 25px;
    }

    .card {
        height: 270px;
    }
}

.emr_m_step{
    display:none;
}

@media (max-width: 1400px) {
    .EMR_qr {
        width: -webkit-fill-available;
        height: auto;
        display: grid;
    }
    .qr01 {
        background: url(/user/img/re/emr/pang.png) no-repeat 50%;
        background-size: inherit;
        width: -webkit-fill-available;
        height: 30vh;
    }
    .qr02 {
        position: relative;
        border-radius: 20px;
        box-shadow: 2px 2px 15px #f1f1f1;
        overflow: hidden;
        background: url(/user/img/re/emr/qr.png) no-repeat 10% 50%;
        background-size: inherit;
        height: 30vh;
        width: -webkit-fill-available;
        display: grid;
        justify-content: center;
        align-items: center;
        margin-top:5%;
    }

    .emr_pc_step{
        display:none;
    }

    .emr_m_step{
        display:block;
        border-radius: 0 0 20px 20px;
        border: 1px solid #ccc;
        border-top: none;
        width: -webkit-fill-available;
        margin-top: -15px;
        padding: 40px 30px 0 30px;
    }

    .emr_m_step ul{
        width:100%;
        padding:30px 0;
        grid-template-columns: repeat(auto-fill, minmax(27%, 1fr));
        grid-gap:15px;
        display:grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
    }

    .emr_m_step ul li{
        text-align: center;
    }
}



@media (max-width: 1200px) {
    .emr_text span {
        font-size: 1rem;
    }
    .emr_txt {
        background: url(/user/img/re/emr/seechart_bg.png) no-repeat 0 0;
        background-size: 100%;
        margin-top: 50px;
        padding: 30px 50px;
    }
    .emr_txt ul li, .emr_txt02 ul li {
        font-size: 1rem;
    }
    .wra01:hover .card,
    .wra02:hover .card,
    .wra03:hover .card,
    .wra04:hover .card,
    .wra05:hover .card,
    .wra06:hover .card,
    .wra07:hover .card,
    .wra08:hover .card,
    .wra09:hover .card {
        transform: rotateY(0deg);
    }
    .front{
        display:none!important;
    }
    .back{
        transform: rotateY(0deg);
    }
    .back .back_txt ul li, .back .back_txt02 ul li {
        font-size:0.81rem;
    }
    .back .back_txt, .back .back_txt02 {
        padding: 0 20px;
    }
    .emr_pc_qna{
        height:fit-content;
    }
    .emr_pc_qna ul {
        display: grid;
        justify-content: center;
        align-items: center;
    }
    .emr_pc_qna ul li img {
        width: 100%;
    }
    .emr_pc_qna ul li:nth-child(1),
    .emr_pc_qna ul li:nth-child(2){
        background:none;
    }
}

.EMR_step b{
    display:none;
}
.EMR_qna b{
    display:none;
}

@media (max-width: 1100px) {
    .back img {
        width: 10vw;
    }
    .back .back_txt ul li, .back .back_txt02 ul li {
        font-size: 0.9rem;
    }
    .emr_kindbox {
        grid-template-columns: repeat(auto-fill, minmax(36%, 1fr));
    }

    .emr_m_step {
        margin-top: 0;
        padding: 0px 30px 0 30px;
    }

    .emr_m_qna {
        margin-top: 0;
        padding: 0px 30px 0 30px;
    }

    .EMR_step > img{
        display:none;
    }
    .EMR_qna > img {
        display:none;
    }
    .EMR_step b{
        display:block;
        padding:15px 60px;
        background:#333;
        font-size:1.1rem;
        font-weight:600;
        color:#fff;
        text-align: center;
        border-radius: 20px 20px 0 0;
    }
    .EMR_qna b{
        display:block;
        padding:15px 60px;
        background:#333;
        font-size:1.1rem;
        font-weight:600;
        color:#fff;
        text-align: center;
        border-radius: 20px 20px 0 0;
    }
}

@media (max-width: 1024px) {
    .emr_txt {
        background: url(/user/img/re/emr/seechart_bg.png) no-repeat 50% 0;
        background-size: cover;
        margin-top: 50px;
        padding: 30px 50px;
    }
    .emr_txt02 {
        background: url(/user/img/re/emr/emr_bg.png) no-repeat 55% 0;
        background-size: cover;
        margin-top: 50px;
        padding: 30px 50px;

    }

    .emr_txt ul, .emr_txt02 ul {
        display: block;
    }
    .emr_txt ul li:nth-child(2), .emr_txt02 ul li:nth-child(2) {
        margin: 10px 0;
    }
    .emr_right {
        margin-left: 20px;
    }

    .emr_m_step ul{
        width:100%;
        padding:30px 0;
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
        grid-gap:15px;
        display:grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
    }
}

@media (max-width: 768px) {
    .card{
        height: unset;
    }
    .back {
        padding: 30px 0;
    }
    .emr_function02 {
        padding:0;
    }
    .emr_text span{
        display:inline;
    }
    .emr_hiright {
        display: block;
    }
    .emr_left {
        width: -webkit-fill-available;
        height: 30vh;
        background: url(/user/img/re/emr/seechart_title.png) no-repeat 50%;
        background-size: contain;
    }
    .emr_left02 {
        width: -webkit-fill-available;
        height: 30vh;
        background: url(/user/img/re/emr/emr_title.png) no-repeat 0 -6px;
        background-size: contain;
    }
    .emr_right {
        margin-left:0;
    }
    .emr_kindbox {
        grid-template-columns: repeat(auto-fill, minmax(53%, 1fr));
    }
    .back img {
        width: 20vw;
    }
    .back .back_txt ul li, .back .back_txt02 ul li {
        font-size: 1rem;
    }

    .emr_m_step ul{
        grid-template-columns: repeat(auto-fill, minmax(57%, 1fr));
    }
    .qr01 {
        background: url(/user/img/re/emr/pang.png) no-repeat 50%;
        background-size: 100%;
    }
    .qr02 {
        background: url(/user/img/re/emr/qr.png) no-repeat 50%;
    }
    .qr02 > div {
        display:none;
    }
}

@media (max-width: 512px) {
    .emrtab01 .content_ttt p {
        font-size: 2rem;
        font-weight: 600;
        margin-bottom: 15px;
    }
    .emrtab01 .content_ttt span {
        line-height:1.5em;
        margin-bottom:20px;
        display:block;
    }
    .emr_right {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    }
    .back {
        padding: 10px 0;
    }
    .back .back_txt, .back .back_txt02 {
        padding: 0 25px;
    }
    .back .back_txt ul li, .back .back_txt02 ul li {
        font-size: 0.9rem;
        margin: 5px 0;
        text-indent: -7.2px;
    }
    .back img {
        width: 25vw;
    }
    .emr_txt ul li, .emr_txt02 ul li {
        font-size: 0.9rem;
    }
    .emr_txt ul li:nth-child(3), .emr_txt02 ul li:nth-child(3) {
        line-height: 1.5em;
    }
    .emr_function03{
        padding:0;
    }
}




/*------------------------------------------------연구개발 페이지------------------------------------------------*/

/*분자진단연구소*/

.yungoo_story{
    overflow:hidden;
}

.yungoo_story .ank_tab{
    margin-top:130px;
    margin-bottom:50px;
    overflow:hidden;
}

@media (max-width: 1800px) {
    .yungoo_story .ank_tab{
        /* margin-top:177px; */
    }
}

.yungoo_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(24%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.yungoo_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.yungoo_story .ank_tab ul li:last-child{
    background: none;
}

.yungoo_story .ank_tab ul li.current{
    border-bottom: 2px solid #333;
    color: #222;
}


.yungoo_common{
    position: relative;
}

.content_ttt{
    position: absolute;
    top: -228px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    color:#333;
}

.content_ttt p{
    font-size:2.5rem;
    font-weight: 600;
    margin-bottom:30px;
}

.content_ttt span{
    font-size:1rem;
    color:#666;
}

.yungoo_box{
}

.yungoo_box > p{
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 10px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color: #bc1225;
}

.yungoo_box strong{
    display:inline-block;
    font-size:1.4rem;
    font-weight:600;
    margin-top:30px;
    line-height:1.25em;
    color:#111;
}

.yungoo_box strong br{
    display:none;
}

.yungoo_box small{
    display:inline-block;
    font-size:1.2rem;
    color:#555;
    margin-top:10px;
    line-height: 1.25em;
}

.yungoo_right{
    width:100%;
    overflow: hidden;
    margin-top:30px;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    grid-gap:15px;
    display:grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.yungoo_right div{
    padding: 30px 20px;
    background: #f3f6f9;
    border-radius: 20px;
}

.yungoo_right div p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 1.1rem;
    width: 30px;
    padding: 5px 20px;
    color: #333;
    background: #dce3e9;
    border-radius: 20px;
    display: block;
    margin-bottom: 15px;
    text-align: center;
    line-height: 1.5;
}

.yungoo_right div span{
    font-size: 0.91rem;
    line-height: 1.5em;
    color: #666;
}

.yungoo_kind{
    margin-top:20px;
    overflow:hidden;
}

.yungoo_kind ul{
    width: -webkit-fill-available;
    margin-top:40px;
    display:flex;
}

.yungoo_kind ul:nth-child(1){
    width: -webkit-fill-available;
    margin-top:0;
}

.yungoo_kind ul li{
    display: flex;
    align-items: center;
}

.yungoo_kind ul li:nth-child(1){
    width:50%;
}

.yungoo_kind ul li:nth-child(2){
    width:50%;
    display:grid;
}

.yungoo_pic{
    display:flex;
}

.m_yungoo_pic{
    display:flex;
    margin-bottom:5px;
}

.m_yungoo_pic img{
    width:50%;
}

.yungoo_pic img{
    width:50%;
}

.yungoo_pic img:nth-child(1){
    margin-right:5px;
}

.m_yungoo_pic img:nth-child(1){
    margin-right:5px;
}

.m_yungoo_last{
    margin-left:5px;
}

.m_yungoo_img{
    display:none;
}

.yungoo_txt{
    padding:30px 30px 30px 40px;
}

.yungoo_txt p{
    font-size:1.3rem;
    font-weight:600;
    line-height:1.25rem;
    margin-bottom:20px;
    color:#bc1225;
}

.yungoo_txt span{
    display:block;
    margin-bottom:20px;
    font-size:1.1rem;
    line-height:1.5rem;
    word-break: break-all;
    color:#666;
}

.yungoo_txt em{
    display:block;
    font-size:1rem;
    line-height:1.5rem;
    word-break: break-all;
    color:#b27028;
}

.ai_kind ul li:nth-child(1){
    width:30%!important;
}

.ai_kind ul li:nth-child(2){
    width:70%!important;
}

.ai_pic{
    display:block!important;
}

.ai_pic img{
    width:100%!important;
}

@media (max-width: 1600px) {
    .yungoo_txt p{
        font-size:1.1rem;
    }

    .yungoo_txt span{
        font-size:1rem;
        text-align: justify;
    }

    .yungoo_txt em{
        font-size:0.9rem;
    }
}

@media (max-width: 1400px) {
    .yungoo_pic {
        display: flex;
        overflow-x:scroll;
    }
    .yungoo_pic img {
        width: -webkit-fill-available;
        margin-right:5px;
    }
    .yungoo_pic img:last-child{
        margin-right:0;
    }
    .m_yungoo_pic{
        display:none;
    }
    .m_yungoo_img{
        display:block;
    }
}

@media (max-width: 1300px) {
    .yungoo_kind ul {
        display: block;
    }
    .yungoo_kind ul li {
        width: 100%;
    }
    .yungoo_kind ul li:nth-child(1){
        width:100%;
    }

    .yungoo_kind ul li:nth-child(2){
        width:100%;
    }
    .yungoo_pic img {
        width: 616px;
    }
}

@media (max-width: 1100px) {
    .yungoo_right {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    }
    .yungoo_pic {
        display: inline-flex;
        overflow-x: scroll;
        width: -webkit-fill-available;
    }
    .ai_kind ul li:nth-child(1){
        width:100%!important;
    }

    .ai_kind ul li:nth-child(2){
        width:100%!important;
    }

    .ai_pic{
        display:block!important;
        overflow-x:hidden!important;
    }

    .ai_pic img{
        width:100%!important;
    }
}

@media (max-width: 768px) {
    .yungoo_pic img {
        width: 90%;
    }
    .yungoo_indent em{
        text-indent:-7px;
        padding-left:15px;
    }
}


@media (max-width: 512px) {
    .yungoo_story .ank_tab{
        margin-top:133px;
    }
    .yungoo_txt {
        padding: 30px 0;
    }
    .content_ttt {
        top: -275px;
    }
    .content_ttt p {
        font-size: 2rem!important;
        font-weight: 600!important;
        margin-bottom: 15px!important;
    }
    .content_ttt span {
        line-height: 1.5em!important;
        margin-bottom: 20px!important;
        display: block!important;
    }
    .yungoo_story .ank_tab ul {
        border: none !important;
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)) !important;
        grid-gap: 5px !important;
    }
    .yungoo_story .ank_tab ul li {
        background: none !important;
        border: 1px solid #ccc;
        border-collapse: collapse;
        box-sizing: border-box;
    }
    .ai_kind ul li:nth-child(1){
        width:100%!important;
    }

    .ai_kind ul li:nth-child(2){
        width:100%!important;
    }

    .ai_pic{
        display:block!important;
        overflow-x:hidden!important;
    }

    .ai_pic img{
        width:100%!important;
    }
    .network .content_ttt {
        top: -176px;
    }

    .yungoo_box strong br{
        display:block;
    }
}


/*------------------------------------------------학술지원 프로그램 페이지------------------------------------------------*/


.haeoe_story{
    overflow:hidden;
}

.haeoe_story .ank_tab{
    margin-top: 130px;
    overflow: hidden;
}

.haeoe_story .ank_tab ul{
    width: -webkit-fill-available;
    border: 1px solid #ccc;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.haeoe_story .ank_tab ul li {
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.haeoe_story .ank_tab ul li.current {
    border-bottom: 2px solid #333;
    color: #222;
}

.haeoe_content01{
    position: relative;
}

.haeoe_story .content_ttt {
    position: absolute;
    top: -150px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}

.haeoe_story .content_ttt p {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 30px;
}

.haeoe_story .content_ttt span {
    font-size: 1rem;
    color: #666;
}

.haeoe_txt{
    background: url(/user/img/re/haeoe/title01.png) no-repeat 0 0;
    background-size:100%;
    margin-top:165px;
    padding:50px;
}

.haeoe_txt02{
    background: url(/user/img/re/haeoe/title02.png) no-repeat 0 0;
    background-size:100%;
    /*margin-top:50px;*/
    padding:50px;
    position:relative;
}

.haeoe_text{
    text-align: left;
}

.haeoe_text span{
    display:block;
    font-size:1.1rem;
    color:#333;
    line-height: 1.25em;
}

.haeoe_txt ul,
.haeoe_txt02 ul{
    overflow:hidden;
    margin-top:30px;
    display:flex;
    align-items: center;
}

.haeoe_txt ul li,
.haeoe_txt02 ul li{
    font-size:1.05rem;
    color:#333;
}

.haeoe_txt ul li img,
.haeoe_txt02 ul li img{
    width:20px;
    padding-right:5px;
    vertical-align: middle;
}

.haeoe_txt ul li:nth-child(1),
.haeoe_txt02 ul li:nth-child(1){
    font-weight:600;
}

.haeoe_txt ul li:nth-child(2),
.haeoe_txt02 ul li:nth-child(2){
    margin:0 30px;
    color:#888;
}

.haeoe_txt ul li:nth-child(2):hover,
.haeoe_txt02 ul li:nth-child(2):hover{
    text-decoration:underline;
    cursor:pointer;
}

.haeoe_txt02 ul li b{
    color: #b77b39;
}

.haeoe_txt02 a{
    position: absolute;
    top: 17%;
    right: -5%;
    cursor:pointer;
}

.haeoe_txt02 a img{
    width:80%;
}

.haeoe_function > p{
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 10px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color: #bc1225;
}

.haeoe_hiright{
    display: flex;
}

.haeoe_right{
    width:100%;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
    grid-gap:15px;
    display:grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.haeoe_right div{
    padding: 30px 20px;
    background: #f3f6f9;
    border-radius: 20px;
}

.haeoe_right div p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 1.1rem;
    width: 30px;
    padding: 5px 20px;
    color: #333;
    background: #dce3e9;
    border-radius: 20px;
    display: block;
    margin-bottom: 15px;
    text-align: center;
    line-height: 1.5;
}

.haeoe_right div span{
    font-size: 0.91rem;
    line-height: 1.5em;
    color: #333;
}

.haeoe_area{
    border:1px solod red;
    margin-top:50px;
}

.saup_title{
}

.saup_title p{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 20px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color: #bc1225;
}

.saup_title span{
    font-size:1rem;
    color:#000;
    line-height:1.5em;
    display:block;
}

.saup_li{
    margin-top:20px;
}

.saup_li ul{
    width:100%;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
    grid-gap:10px;
    display:grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.saup_li ul li{
    border:1px solid #ccc;
    border-radius:10px;
}

.saup_li ul li img{
    width:100%;
}

.saup_li ul li > div{
    padding:20px;
}

.saup_overflow{
    margin-bottom:20px;
    overflow:hidden;
}

.saup_overflow strong{
    font-size:1.2rem;
    font-weight:600;
    color:#333;
    float:left;
}

.saup_overflow em{
    font-size:0.9rem;
    color:#b77c39;
    float:right;
}

.saup_li ul li > div span{
    display:block;
    font-size:1rem;
    line-height:1.25rem;
    color:#888;
}

.saup_only{
    margin-top:20px;
}

.saup_only ul{
    width: -webkit-fill-available;
    border:1px solid #ccc;
    border-radius:10px;
    display:flex;
}

.saup_only ul li{
    width:50%;
}

/* .saup_only ul li img{
    width:100%;
} */

.saup_only ul li:nth-child(1){
    background: url(/user/img/re/haeoe/open05.png) no-repeat 0 0;
    background-size: cover;
}

.saup_only ul li:nth-child(2){
    padding: 5% 0;
}

.saup_only ul li:nth-child(2) > div{
    margin-left:30px;
}

.saup_only ul li:nth-child(2) strong{
    font-size:1.2rem;
    font-weight:600;
    color:#333;
}

.saup_only ul li:nth-child(2) .saup_overflow02{
    margin:20px 0;
}

.saup_only ul li:nth-child(2) span{
    display:block;
    font-size:1rem;
    line-height:1.25rem;
    color:#888;
}

.saup_only ul li:nth-child(2) em{
    font-size:0.9rem;
    color:#b77c39;
}

.saup_network{
    margin-top:50px;
}

.saup_bg{
    /*margin-top:20px;*/
    /* box-shadow: 3px 3px 3px #ddd;
    border-radius:20px;
    padding:30px; */
}

.saup_network > div img{
    width: 101%;
    margin-left: -6px;
}

/* .zoo{
    font-family: "NotoSansKR-Regular";
} */




@media (max-width: 1200px) {
    .haeoe_text span {
        font-size: 1rem;
    }
    .haeoe_txt {
        background: url(/user/img/re/haeoe/title01.png) no-repeat 0 0;
        background-size:cover;
        /*margin-top: 50px;*/
        padding: 30px 50px;
    }
    .haeoe_txt ul li{
        font-size: 1rem;
    }
    .haeoe_txt02 {
        background: url(/user/img/re/haeoe/title02.png) no-repeat 0 0;
        background-size:cover;
        margin-top: 50px;
        padding: 30px 50px;
    }
    .haeoe_txt02 ul li{
        font-size: 1rem;
    }
    .saup_li ul {
        grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
    }
    .saup_only ul{
        display:block;
        overflow: hidden;
    }
    .saup_only ul li{
        width:100%;
    }
    .saup_only ul li:nth-child(1) {
        background: url(/user/img/re/haeoe/open05.png) no-repeat 0 0;
        background-size: cover;
        height: 230px;
    }
    .haeoe_txt02 a{
        display:none;
    }
}

@media (max-width: 1100px) {
}

@media (max-width: 1024px) {
    .haeoe_right {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    }
    .haeoe_txt {
        background: url(/user/img/re/haeoe/title01.png) no-repeat 0 0;
        background-size: cover;
        margin-top: 165px;
        padding: 30px 50px;
    }
    .haeoe_txt ul li:nth-child(2) {
        margin: 10px 0;
    }
    .haeoe_txt ul{
        display:block;
    }
    .haeoe_txt02 .haeoe_text{
        width:80vw;
    }


    .haeoe_txt02 ul li:nth-child(2) {
        margin: 10px 0;
    }
    .haeoe_txt02 ul{
        display:block;
    }
}

@media (max-width: 768px) {
    .haeoe_text{
        width: 55vw;
        word-break: keep-all;
    }

    .haeoe_text span{
        display:inline;
    }
    .haeoe_hiright {
        display: block;
    }
    .haeoe_right {
        margin-left:0;
    }

    .saup_li ul {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    }
    .saup_only ul li:nth-child(2) > div {
        margin-left:0;
        padding: 20px;
    }
    .saup_only ul li:nth-child(2) span {
        display: inline;
    }
    .haeoe_txt02 .haeoe_text{
        width:70vw;
    }
    .haeoe_txt02 li img{
        display:none;
    }
}

@media (max-width: 512px) {
    .haeoe_right {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    }
    .haeoe_story .content_ttt{
        top:-110px;
    }
        .haeoe_txt {
        margin-top: 125px;
    }
    .haeoe_txt ul li {
        font-size: 0.9rem;
    }
    .haeoe_txt02 ul li {
        font-size: 0.9rem;
    }
    .haeoe_txt ul li:nth-child(3) {
        line-height: 1.5em;
    }
    .haeoe_txt02 ul li:nth-child(2) {
        margin: 10px 0;
        line-height:1.5em;
        display: grid;
    }
}

/*------------------------------------------------국제협진 페이지------------------------------------------------*/


/*국제협진*/


.gookje_story{
    overflow:hidden;
}

.gookje_story .ank_tab{
    margin-top: 130px;
    overflow: hidden;
}

.gookje_story .ank_tab ul{
    width: -webkit-fill-available;
    border: 1px solid #ccc;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gookje_story .ank_tab ul li {
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.gookje_story .ank_tab ul li:nth-child(2){
    background:none;
}

.gookje_story .ank_tab ul li.current {
    border-bottom: 2px solid #333;
    color: #222;
}

.gookje_content01{
    position: relative;
}

.gookje_story .content_ttt {
    position: absolute;
    top: -226px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}

.gookje_story .content_ttt p {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 30px;
}

.gookje_story .content_ttt span {
    font-size: 1rem;
    color: #666;
}

.gookje_txt{
    background: url(/user/img/re/collabo/bg.png) no-repeat 0 0;
    background-size:100%;
    margin-top:10px;
    padding:50px;
}

.gookje_txt02{
    background: url(/user/img/re/collabo/bg.png) no-repeat 0 0;
    background-size:100%;
    /*margin-top:50px;*/
    padding:50px;
    position:relative;
}

.gookje_text{
    text-align: left;
}

.gookje_text span{
    display:block;
    font-size:1.1rem;
    color:#333;
    line-height: 1.25em;
}

.gookje_txt ul,
.gookje_txt02 ul{
    overflow:hidden;
    margin-top:30px;
    display:flex;
    align-items: center;
}

.gookje_txt ul li,
.gookje_txt02 ul li{
    font-size:1.05rem;
    color:#333;
}

.gookje_txt ul li img,
.gookje_txt02 ul li img{
    width:20px;
    padding-right:5px;
    vertical-align: middle;
}

.gookje_txt ul li:nth-child(1),
.gookje_txt02 ul li:nth-child(1){
    font-weight:600;
}

.gookje_txt ul li:nth-child(2),
.gookje_txt02 ul li:nth-child(2){
    margin:0 30px;
    color:#888;
}

.gookje_txt ul li:nth-child(2):hover,
.gookje_txt02 ul li:nth-child(2):hover{
    text-decoration:underline;
    cursor:pointer;
}

.gookje_txt02 ul li b{
    color: #b77b39;
}

.gookje_txt02 a{
    position: absolute;
    top: 17%;
    right: -5%;
    cursor:pointer;
}

.gookje_txt02 a img{
    width:80%;
}

.gookje_intro{
    margin:50px 0;
}

.gookje_intro p{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 20px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color: #bc1225;
}

.gookje_intro div{
    padding:20px;
    border-radius:20px;
    background:#f3f6f9;
}

.gookje_intro div span{
    color:#333;
    line-height:1.5em;
}

.gookje_step01{
    margin-bottom:50px;
}

.gookje_step01 p,
.gookje_step02 p{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 20px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color: #bc1225;
}

.gookje_step01 img,
.gookje_step02 img{
    width:100%;
}

.gookje_step02{
    margin-bottom:50px;
}

.gookje_function{
    margin-bottom:50px;
}

.gookje_function p{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 20px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color: #bc1225;
}

.gookje_function ul{
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    grid-gap:10px;
    display:grid;
    overflow:hidden;
}

.gookje_function ul li{
    position:relative;
    padding:20px;
    border-radius:20px;
    height:150px;
    background:#f3f6f9;
    font-size:15px;
    margin:15px 0;
    color:#666;
}

.gookje_function ul li small{
    padding:8px 20px;
    display:inline-block;
    margin-bottom:15px;
    border-radius:25px;
    background:#dce3e9;
    color:#333;
}

.gookje_function ul li b{
    display:block;
    line-height:1.5em;
    color:#666;
}

.gookje_function ul li em{
    font-size: 0.9rem;
    color: #666;
    background: #dfe6ec;
    border-radius: 25px;
    padding: 10px 30px;
    cursor: pointer;
    margin-top: 15px;
    display: inline-block;
    float: right;
}

.gookje_function ul li em:hover{
    background:#bc1225;
    color:#fff;
}

.gookje_function ul li > img{
    position:absolute;
    top:30px;
    right:5%;
    cursor:pointer;
}

.gookje_function ul li .trapper {
position: relative;
    perspective: 1000px;
    height: 150px;
    z-index: 999;
    overflow: hidden;
}

.gookje_function ul li:nth-child(2){
}

.gookje_function ul li .tra01:hover .tard{
    /* transform: rotateY(180deg);
    opacity:1; */
}

.gookje_function ul li .tard {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all 0.5s;
    perspective-origin: center;
    transform-style: preserve-3d;
    border-radius: 20px;
    color: white;
    font-size: 30px;
    cursor: pointer;
}

.gookje_function ul li .tront {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    backface-visibility: hidden;
    background: #f3f6f9;
    border-radius: 20px;
}

.gookje_function ul li .tront small{
    font-size: 15px;
    padding:8px 20px;
    display:inline-block;
    margin-bottom:15px;
    border-radius:25px;
    background:#dce3e9;
    color:#333;
}

.gookje_function ul li .tront b{
    font-size: 15px;
    display:block;
    line-height:1.5em;
    color:#666;
}

.gookje_function ul li .tront img{
    position:absolute;
    top:0;
    right:5%;
    cursor:pointer;
}

.gookje_function ul li .trapper{
    position: relative;
}

.gookje_function ul li .tack {
width: 100%;
    /* height: 100%; */
    height: 150px;
    /* border: 1px solid red; */
    background-color: #f3f6f9;
    border-radius: 20px;
    /* overflow: hidden;*/

    position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.7s ease;
  pointer-events: none; /* 필요시 클릭 막기 */
}

.gookje_function ul li .tack.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gookje_function ul li .tack img{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 47%;
    left: 50%;
    width: 90%;
    cursor: pointer;
}

@media (max-width:1200px) {
    /* .tra01:hover .tard {
        transform: rotateY(0deg)!important;
    }
    .tack{
        display:none!important;
    }
    .tront{
        transform: rotateY(0deg)!important;
    } */
}

@media (max-width:1400px) {
    .gookje_function ul{
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
        grid-gap:10px;
    }
    .gookje_service ul li b{
        border-right:none!important;
    }

    .gookje_service ul li span{
        display: block;
        margin-top: 30px;
        line-height: 1.25em;
    }
    .gookje_function ul li .tack img {
    width: 22rem;
    }
}

.gookje_service{
    color:#777;
}

.gookje_service p{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 20px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color: #bc1225;
}

.gookje_service > span{
    font-size:16px;
    color:#666;
    display:block;
    margin:20px 0;
    line-height:1.5em;
}

.gookje_service ul{
    border-top:1px solid #ccc;
}

.gookje_service ul li{
    margin:45px 0;
}

.gookje_service ul li small{
    font-size:20px;
    font-weight:600;
    padding:13px 20px;
    margin-right:20px;
    border-radius:50%;
    box-shadow:1px 1px 3px #ccc;
    color:#333;
}

.gookje_service ul li b{
    width:185px;
    font-size: 18px;
    border-right:1px solid #ccc;
    display: inline-block;
    font-weight: 600;
    padding-right: 30px;
    margin-right:20px;
    color: #333;
}



/*PPCC*/


.PPCC_intro{
    margin:50px 0;
}

.PPCC_intro p{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 20px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color: #bc1225;
}

.PPCC_intro div{
    padding:20px;
    border-radius:20px;
    background:#f3f6f9;
}

.PPCC_intro div span{
    color:#333;
    line-height:1.5em;
}

.PPCC_function{
    margin-bottom:50px;
}

.PPCC_function p{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 20px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color: #bc1225;
}

.PPCC_function ul{
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    grid-gap: 30px;
    display: grid;
    overflow: hidden;
    padding: 15px 120px;
    border: 1px solid #ccc;
    border-radius: 20px;
}

.PPCC_function ul li{
    font-size: 15px;
    padding: 20px;
    border-radius: 20px;
    background: #f3f6f9;
    text-align: center;
    margin: 15px 0;
    color: #666;
}

.PPCC_function ul li div{
    border-top:1px solid #ccc;
}

.PPCC_function ul li div b{
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 1.5em;
    color: #333;
}

.PPCC_function ul li div span{
    font-size: 15px;
    line-height:1.5em;
    color: #666;
    display: inline-block;
}

.PPCC_function ul li img{
    display: block;
    margin: 0 auto 15px auto;
    width: 100px;
}

.PPCC_service{
    margin-bottom:100px;
}

.PPCC_service > p{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 20px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 0;
    background-size: 3px 30px;
    padding-left: 10px;
    color: #bc1225;
}

.PPCC_service > span{
    font-size:16px;
    color:#666;
    display:block;
    margin:20px 0;
    line-height:1.5em;
}

.PPCC_service ul{
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    grid-gap: 30px;
    display: grid;
    overflow: hidden;
    padding: 60px;
    border: 1px solid #ccc;
    border-radius: 20px;
}

.PPCC_service ul li{
    text-align: center;
    border-right:1px solid #ccc;
}

.PPCC_service ul li:nth-child(1){
    padding-right:40px;
}

.PPCC_service ul li:nth-child(2){
    padding-right:20px;
}

.PPCC_service ul li:nth-child(3){
    border-right:none;
}

.PPCC_service ul li img{
    margin:20px 0;
}

.PPCC_service ul li b{
    font-size: 22px;
    font-weight: 600;
    display: block;
    margin:15px 0;
    color: #d91c1b;
}

.PPCC_service ul li p{
    font-size: 16.8px;
    margin-bottom:15px;
    line-height:1.5em;
    color: #666;
}

.PPCC_service ul li p strong{
    font-weight:600;
    color:#333;
}

.PPCC_service ul li span{
    font-size: 15px;
    display: block;
    line-height:1.5em;
    color: #666;
}

@media(max-width: 1600px){
.PPCC_service ul {
    padding: 60px 30px;
}
}


@media (max-width: 1400px) {
.PPCC_function ul{
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    padding: 20px;
}

.PPCC_function ul li div span br{
    display:none;
}

.PPCC_service ul{
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    padding: 20px;
}
.PPCC_service ul li{
    border-right:none;
}
    .gookje_intro div span br{
        display:none;
    }
    .gookje_text span br{
        display:none;
    }
    .PPCC_intro div span br{
        display:none;
    }
        .PPCC_service ul li:nth-child(2){
        padding:0;
    }
    .PPCC_service ul li:nth-child(1){
        padding:0;
    }
}

@media (max-width: 1200px) {
    .gookje_text span {
        font-size: 1rem;
    }
    .gookje_txt {
        background:#f6f6f6;
        border-radius:20px 0 0 20px;
        padding: 30px 50px;
    }
    .gookje_txt ul li{
        font-size: 1rem;
    }
    .gookje_txt02 {
        background:#f6f6f6;
        border-radius:20px 0 0 20px;
        margin-top: 50px;
        padding: 30px 50px;
    }
    .gookje_txt02 ul li{
        font-size: 1rem;
    }
    .gookje_txt02 a{
        display:none;
    }
}

@media (max-width: 1100px) {
}

@media (max-width: 1024px) {
    .gookje_txt {
        background:#f6f6f6;
        border-radius:20px 0 0 20px;
        margin-top: 50px;
        padding: 30px 50px;
    }
    .gookje_txt ul li:nth-child(2) {
        margin: 10px 0;
    }
    .gookje_txt ul{
        display:block;
    }

    .gookje_txt02 {
        background:#f6f6f6;
        border-radius:20px 0 0 20px;
        margin-top: 50px;
        padding: 30px 50px;
    }
    .gookje_txt02 .gookje_text{
        width:80vw;
    }
    .gookje_txt02 ul li:nth-child(2) {
        margin: 10px 0;
    }
    .gookje_txt02 ul{
        display:block;
    }
}

@media (max-width: 768px) {
    .gookje_text{
        width: 55vw;
        word-break: keep-all;
    }
    .gookje_text span{
        display:inline;
    }

    .gookje_txt02 .gookje_text{
        width:70vw;
    }
}

@media (max-width: 512px) {
    .gookje_right {
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    }
    .gookje_txt ul li {
        font-size: 0.9rem;
    }
    .gookje_txt02 ul li {
        font-size: 0.9rem;
    }
    .gookje_txt ul li:nth-child(3) {
        line-height: 1.5em;
    }
    .gookje_txt02 ul li:nth-child(2) {
        margin: 10px 0;
        line-height:1.5em;
    }
    .gookje_function ul li .tront img{
        display:none;
    }
    .gookje_function ul li .tra01:hover .tard{
    transform: rotateY(0deg);
    }
}










/*------------------------------------------------인증현황 페이지------------------------------------------------*/


.injeung_story{

}

.injeung_story .ank_tab{
    overflow:hidden;
}

.injeung_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.injeung_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.injeung_story .ank_tab ul li:last-child{
    background: none;
}

.injeung_story .ank_tab ul li.current{
    border-bottom: 2px solid #333;
    color: #222;
}



/*인증현황 콘텐츠*/

.injeung_story .tab_common .one_search{
    /* background:url(/user/img/sub/sub_bg2.png) no-repeat 0 0; */
    border-radius: 10px 0 10px 0;
    width:100%;
    height:70px;
    margin-top:50px;
    /* margin-bottom:30px; */
    overflow:hidden;
    position:relative;
}

.injeung_story .tab_common .one_search span{
    float:left;
    /*   font-size:17px; */
    font-size:16px;
    color:#fff;
    background:#000;
    margin:10px 0px;
    padding:15px;
    /*   border-radius:20px 0 0 0; */
    border-radius:15px 0 0 0;
}

.injeung_story .tab_common .one_search input{
    float: right;
    /* width: 1120px; */
    width: 25%;
    margin-top: 22px;
    border: none;
    border-bottom: 2px solid #000;
    padding-left: 15px;
    padding-bottom: 11px;
    padding-right: 40px;
    color: #000;
}



.injeung_story .tab_common .one_search input::placeholder{
    color:#aaa;
    font-size:14px;
}

.injeung_story .tab_common .one_search img{
    position: absolute;
    top: 25px;
    right: 15px;
    width: 16px;
    height: 16px;
    cursor:pointer;
}

.injeung_story .tab_common .sil_box .sub_title{
    font-size: 21px;
    font-weight: 600;
    color: #b51927;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left: 10px;
    text-align:left;
}

.injeung_story .tab_common .sil_box .sil_bg > ul{
    width: -webkit-fill-available;
    margin:50px 0;
    grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    grid-gap: 80px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}



.injeung_story .tab_common .sil_box .sil_bg > ul > li{
    width:80%;
}

.injeung_story .tab_common .sil_box .sil_bg > ul > li:nth-child(1){
    margin-left:0;
}

.injeung_story .tab_common .sil_box .sil_bg > ul > li > table{
    text-align: left;
    position:relative;
}

.injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td{
    vertical-align:top;
}
/*.injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td:nth-child(2){*/
/*    padding-right: 30px;*/
/*  }*/

.injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td img{
    border:1px solid #ccc;
    cursor:pointer;
}

.injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td p{
    width:95%;
    height:auto;
    padding-left:20px;
    /*   margin-top:-5px; */
    font-size:1.2rem;
    font-weight:600;
    cursor:pointer;
    display: block;
    line-height: 1.5em;
    color:#333;
}

.injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td p:hover{
    color:#b21b2c;
}

.injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td span.i_title{
    font-size:1rem;
    display:block;
    color:#666;
    margin-top:30px;
    margin-left:20px;
}

.injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td span.i_time,
.injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td span.i_story{
    color: #aaa;
    font-size: 1rem;
    margin-left:20px;
    display: block;
    margin-top: 10px;
    line-height: 1.2em;
}

.injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td ul{
    margin-top: 15px;
    display: flex;
    overflow: hidden;
    padding: 0 8px;
    position: absolute;
    bottom: 0px;
    margin-left: 20px;
    background: #f3f6f9;
    border-radius: 25px;
}

.injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td ul > li{
    display: inline-block;
    width:43px;
    height:43px;
    cursor:pointer;
}

.injeung_story .tab_common .sil_box .sil_bg:nth-child(3) ul li:nth-child(2) p{
    letter-spacing:-0.7px;
}

.injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td ul > li:nth-child(1){
    background: url(/user/img/re/injeung/print.png) no-repeat 50%;
}

.injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td ul > li:nth-child(3){
    background: url(/user/img/re/injeung/down.png) no-repeat 50%;
}

.injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td ul > li:nth-child(1):hover{
    background: url(/user/img/re/injeung/print_on.png) no-repeat 50%;
}

.injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td ul > li:nth-child(3):hover{
    background: url(/user/img/re/injeung/down_on.png) no-repeat 50%;
}

.injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td ul > li:nth-child(2){
    background:url(/user/img/re/bar_re.png) no-repeat 2px 15px;
    width:5px;
    margin:0 5px;
}
@media (max-width: 1800px) {
    .injeung_story .tab_common .sil_box .sil_bg > ul > li{
        width:100%;
    }
}

@media (max-width: 1400px) {
    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td img{
        width:20vw;
    }
    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td p{
        font-size:1.05rem;
    }
}

@media (max-width: 1024px) {
    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td img{
        width:200px;
    }
    .injeung_story .tab_common .sil_box .sil_bg > ul{
        grid-template-columns: repeat(auto-fill, minmax(53%, 1fr));
        grid-gap: 50px;
        padding-left: 25vw;
    }

    .injeung_story .tab_common .one_search input {
        width:-webkit-fill-available;
        float:none;
    }
    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td p {
        font-size: 1rem;
    }
    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td span.i_title {
        font-size: 0.9rem;
        margin-top: 10px;
    }
    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td span.i_time, .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td span.i_story {
        font-size: 0.9rem;
    }
    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td ul > li:nth-child(1){
        background-size:17px;
    }

    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td ul > li:nth-child(3){
        background-size:17px;
    }

    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td ul > li:nth-child(1):hover{
        background-size:17px;
    }

    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td ul > li:nth-child(3):hover{
        background-size:17px;
    }
}

@media (max-width: 945px) {
    .injeung_story .ank_tab ul{
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
        border: none;
        grid-gap: 5px;

    }
    .injeung_story .ank_tab ul li{
        background: none !important;
        text-align: center;
        border: 1px solid #ccc;
        border-collapse: collapse;
        box-sizing: border-box;
    }
}

@media (max-width: 768px) {
    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td img{
        width:180px;
    }
    .injeung_story .ank_tab ul{
        grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));
        border: none;
        grid-gap: 5px;
    }
    .injeung_story .ank_tab ul li{
        background: none !important;
        text-align: center;
        border: 1px solid #ccc;
        border-collapse: collapse;
        box-sizing: border-box;
    }
    .injeung_story .tab_common .sil_box .sil_bg > ul{
        padding-left:0;
    }
}

@media (max-width: 512px) {
    .injeung_story .tab_common .sil_box .sil_bg > ul{
        padding-left:0;
    }
    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td img{
        width:150px;
    }
    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td p{
        font-size:0.8rem;
    }
    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td span.i_title{
        font-size:0.7rem;
    }
    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td span.i_time, .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td span.i_story{
        font-size:0.7rem;
    }
    .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td span.i_time, .injeung_story .tab_common .sil_box .sil_bg > ul > li > table tr td span.i_story {
        margin-top: 5px;
    }
    .injeung_story .tab_common .one_search{
        margin-bottom:30px;
    }
}




/*인증현황 팝업*/

#injeung_modal{
    position: fixed;
    z-index: 10;
}

#injeung_modal .popup_bg{
    position: fixed;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
    z-index: 10;
}

#injeung_modal #popup{
    transform: translate(-50%,-50%);
    top:50%;
    left:50%;
    border-radius: 10px 0 7px 0;
    background:#fff;
    opacity: 1;
    z-index: 11;
    position: fixed;
}

#injeung_modal #popup .popup_title{
    width:100%;
    height:65px;
    border-radius: 7px 0 0 0;
    background: url(/user/img/re/popup_title.png) no-repeat 0 0;
    text-align: center;
    position: relative;
}

#injeung_modal #popup .popup_title span{
    display:none;
    font-size:1.2rem;
    font-weight:600;
    color:#fff;
    margin-top:25px;
    margin-left:25px;
}

#injeung_modal #popup .popup_title b{
    position: absolute;
    top:20px;
    right:-35px;
    cursor: pointer;
}

#injeung_modal #popup .popup_inner{
    display:flex;
    justify-content: center;
    align-items: center;
}

#injeung_modal #popup .popup_inner .paper {
    width:500px;
}

#injeung_modal #popup .popup_title .right_ico{
    margin: 15px 20px 15px 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

#injeung_modal #popup .popup_title .right_ico img{
    float:left;
}

#injeung_modal #popup .popup_title .right_ico img.sil{
    margin:12px 10px;
}

@media (min-width: 1921px) {
    #injeung_modal #popup .popup_inner .paper {
        width:600px;
    }
}

@media (max-width: 1600px) {
    #injeung_modal #popup .popup_inner .paper {
        width:415px;
    }
}

@media (max-width: 1024px) {
    #injeung_modal #popup .popup_inner .paper {
        width:315px;
    }
}

@media (max-width: 512px) {
    #injeung_modal #popup .popup_inner .paper {
        width:72vw;
    }
    #injeung_modal #popup .popup_title b {
        top: -35px!important;
        right: 5px!important;
    }
}





/*------------------------------------------------검사의뢰서 페이지------------------------------------------------*/

.request_story{
    margin-bottom: 5%;
}
.request_story .ank_tab{
    margin-top:160px;
    overflow:hidden;
    margin-bottom: 3%;
}

.request_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.request_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
}

.request_story .ank_tab ul li:last-child{
    background: none;
}

.request_story .ank_tab ul li a{
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
}

.request_story .ank_tab ul li a.on{
    border-bottom:2px solid #333;
}

.request_story #tab-1{
    position: relative;
    margin-top: 50px;
}

.request_story #tab-1 .content_ttt{
    position: absolute;
    top: -228px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}
.request_story #tab-1 .content_ttt p{
    font-size:2.5rem;
    font-weight: 600;
    margin-bottom:30px;
}

.request_story #tab-1 .content_ttt span{
    font-size:1rem;
    color:#666;
}

.request_story .tab_common .one_search{
    border-radius: 10px 0 10px 0;
    width:100%;
    height:70px;
    margin-top:50px;
    margin-bottom:30px;
    overflow:hidden;
    position:relative;
}

.request_story .tab_common .one_search span{
    float:left;
    font-size:16px;
    color:#fff;
    background:#000;
    margin:10px 0px;
    padding:15px;
    border-radius:15px 0 0 0;
}

.request_story .tab_common .one_search input{
    float: right;
    width: 25%;
    margin-top: 22px;
    border: none;
    border-bottom: 2px solid #000;
    padding-left: 15px;
    padding-bottom: 11px;
    padding-right: 40px;
    color: #000;
}



.request_story .tab_common .one_search input::placeholder{
    color:#aaa;
    font-size:14px;
}

.request_story .tab_common .one_search img{
    position: absolute;
    top: 25px;
    right: 15px;
    width: 16px;
    height: 16px;
    cursor:pointer;
}

.request_story .one_more{
    width: 15%;
    margin-top: 10px;
    position: absolute;
    z-index: 1;
    background: #fff;
    top:0;
}

.request_story .one_more .one_more_plus{
    border:1px solid #b21b2c;
    /*   border-radius: 20px 0 20px 0; */
    border-radius: 15px 0 15px 0;
    padding:20px 30px;
    cursor:pointer;
    overflow: hidden;
}

.request_story .one_more .one_more_plus span{
    float:left;
    font-size:17px;
    font-weight:600;
    color:#b21b2c;
}

.request_story .one_more .one_more_plus a{
    width:30px;
    height:50px;
    display: inline-block;
    position: absolute;
    right:30px;
}

.request_story .one_more .one_more_plus img{
    float:right;
}

.request_story .one_more_inner{
    border-top:none;
    border-left:1px solid #b21b2c;
    border-right:1px solid #b21b2c;
    border-bottom:1px solid #b21b2c;
    border-radius: 0 0 20px 0;
    padding:0 19.5px;
    position: absolute;
    background:#fff;
    top:56px;
    display:none;
    width: -webkit-fill-available;
    z-index: 1;
}

.request_story .one_more_inner2{
    border-top:1px solid #b21b2c;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
    grid-gap: 0;
    -webkit-box-align: center;
    padding-left: 5px;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .request_story .one_more_inner2{
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    }
}
@media (max-width: 768px) {
    .request_story .one_more_inner2{
        grid-template-columns: repeat(auto-fill, minmax(52%, 1fr));
    }
}

.request_story .one_more_inner ul{
    border-left:1px solid #fff;
    margin-top:30px;
    height:auto;
    margin-bottom:30px;
    padding:0 20px;
}

.request_story .one_more_inner ul:first-child{
    border-left:none;
}

.request_story .one_more_inner ul:nth-child(3) li:nth-child(12){
}

.request_story .one_more_inner ul li{
    font-size:15px;
    color:#777;
    line-height:2em;
    letter-spacing:-0.025em;
    cursor:pointer;
}

.request_story .one_more_inner ul li:hover{
    color:#333;
    text-decoration:underline;
}

.request_story .tab_common{
    position:relative;
}

.request_story .tab_common .sil_bg > ul{
    width: -webkit-fill-available;
    margin: 50px 0 0 0;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    grid-gap: 20px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.request_story .tab_common .sil_bg > ul > li{
    border:1px solid #ddd;
    position: relative;
    text-align: center;
}

.request_story .tab_common .sil_bg > ul > li:hover{
    border:1px solid #bc1225;
}

.request_story .tab_common .sil_bg > ul > li:nth-child(1){
    margin-left:0;
}

.request_story .tab_common .sil_bg > ul > li .b2{
    display: block;
    margin:30px 0;
    color:#333;
}

.request_story .tab_common .sil_bg > ul > li .b2 span{
    font-family: "Pretendard-Medium";
    font-size: 1.1rem;
}

.request_story .tab_common .sil_bg > ul > li > img{
    border:1px solid #ccc;
    cursor:pointer;
    max-width:200px;
}

.request_story .tab_common .sil_bg > ul > li > ul{
    width: 80%;
    height: 50px;
    padding-top: 20px;
    display: inline-block;
    text-align: center;
    border-top: 1px solid #ddd;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin: 30px auto 0 auto;
}

.request_story .tab_common .sil_bg > ul > li > ul > li{
    display: inline-block;
    width:40px;
    height:28px;
    cursor:pointer;
}

.request_story .tab_common .sil_bg > ul > li > ul > li:nth-child(1){
    background: url(/user/img/re/request/search_big.png) no-repeat 0 0;
    background-position:center;
}
.request_story .tab_common .sil_bg > ul > li > ul > li:nth-child(3){
    background: url(/user/img/re/request/print_big.png) no-repeat 0 0;
    background-position:center;
}
.request_story .tab_common .sil_bg > ul > li > ul > li:nth-child(5){
    background: url(/user/img/re/request/down_big.png) no-repeat 0 0;
    background-position:center;
}

.request_story .tab_common .sil_bg > ul > li > ul > li:nth-child(1):hover{
    background: url(/user/img/re/request/search_big_on.png) no-repeat 0 0;
    background-position:center;
}
.request_story .tab_common .sil_bg > ul > li > ul > li:nth-child(3):hover{
    background: url(/user/img/re/request/print_big_on.png) no-repeat 0 0;
    background-position:center;
}
.request_story .tab_common .sil_bg > ul > li > ul > li:nth-child(5):hover{
    background: url(/user/img/re/request/down_big_on.png) no-repeat 0 0;
    background-position:center;
}


.request_story .tab_common .sil_bg > ul > li > ul > li:nth-child(2),
.request_story .tab_common .sil_bg > ul > li > ul > li:nth-child(4){
    cursor:default;
}

/*다운로드영역*/

.download_area{
    margin-top:40px;
    overflow:hidden;
    background:#f8f9fa;
    padding:30px 0;
    margin-bottom:5%;
}

.download_area .download_inner ul{
    max-width: 1400px;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fill, minmax(31%, 1fr));
    grid-gap: 0 20px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.download_area .download_inner ul:nth-child(3){
    margin-right:0;
}

.download_area .download_inner ul li{
    font-family: "Pretendard-Medium";
    font-size: 0.95rem;
    padding: 20px 0 0 0;
    color: #666;
    text-align: left;
    align-items: center;
    line-height: 2em;
}




.download_area .download_inner ul li:hover{
    color:#d10000;
}

.download_area .download_inner ul li a{
    /*float:right;*/
    display:inline-block;
    margin:0 0.1vw;
    border-radius:8px;
    padding:8px;
}

.download_area .download_inner ul li a.down_img{
    background: url(/user/img/sub/new_down_mini.png) no-repeat 0 0 #eceff1;
    background-position:center;
    width:18px;
    height:17px;
}

.download_area .download_inner ul li a.down_img:hover{
    background: url(/user/img/sub/new_down_mini_sub.png) no-repeat 0 0 #eceff1;
    background-position:center;
}

.download_area .download_inner ul li a.search_img{
    background: url(/user/img/sub/new_print_mini.png) no-repeat 0 0 #eceff1;
    background-position:center;
    width:18px;
    height:17px;
}

.download_area .download_inner ul li a.search_img:hover{
    background: url(/user/img/sub/new_print_mini_sub.png) no-repeat 0 0 #eceff1;
    background-position:center;
}

.download_area .download_inner ul li a.view_img{
    background: url(/user/img/sub/new_glasses_mini.png) no-repeat 0 0 #eceff1;
    background-position:center;
    width:18px;
    height:17px;
}

.download_area .download_inner ul li a.view_img:hover{
    background: url(/user/img/sub/new_glasses_mini_sub.png) no-repeat 0 0 #eceff1;
    background-position:center;
}

/*팝업부분*/

#modal #popup .popup_title .right_ico {
    margin: 15px 20px 15px 0;
    display: inline-block;
    float: right;
    overflow: hidden;
}

.request_modal #popup .popup_inner img{
    /* width:50%; */
    max-height: 80vh;
    border:1px solid #ccc;
}

#modal #popup .popup_title .right_ico img.sil {
    margin: 12px 10px;
}

@media (max-width: 1600px) {
    .con_1600 {
        max-width:1260px;
        margin:0 auto;
        padding:0 30px;
    }
    .download_inner{
        max-width: 1260px;
        margin: 0 auto;
        padding:0 30px;
    }
    .download_area .download_inner ul {
        grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));
    }
    .request_modal #popup .popup_inner img{
        width: 80%;
        display: block !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
    .request_rolling{
        max-width:1260px;
        margin:0 auto;
    }
}

@media (max-width: 1024px) {

    .request_story .tab_common .sil_bg > ul {
        grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    }
    .download_area .download_inner ul {
        grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
    }
    .request_modal #popup .popup_inner img{
        width:100%;
    }
}

@media (max-width: 768px) {
    .request_story .tab_common .sil_bg > ul {
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    }

    .request_story .tab_common .one_search input{
        width:62%;
    }
}

@media (max-width: 512px) {
    .request_story .tab_common .sil_bg > ul {
        grid-template-columns: repeat(auto-fill, minmax(56%, 1fr));
    }

    .request_modal #popup .popup_inner img{
        width:280px;
    }
    .popup_request{
        display:block!important;
    }
    .download_area .download_inner ul li span{
        display:block;
    }
    .download_area .download_inner ul li a{
        float:none;
    }
}





/*------------------------------------------------검체 용기 페이지------------------------------------------------*/


.yongki_story{
    /* border-top:1px solid #999; */
    margin-bottom:50px;
    position: relative;
}

.yongki_story .one_search{
    /* background:url(/user/img/sub/sub_bg2.png) no-repeat 0 0; */
    border-radius: 10px 0 10px 0;
    width:100%;
    height:70px;
    display:contents;
    margin-top:50px;
    margin-bottom:30px;
    overflow:hidden;
    position:relative;
}

.yongki_story .one_search span{
    float:left;
    /*   font-size:17px; */
    font-size:16px;
    color:#fff;
    background:#000;
    margin:10px 0px;
    padding:15px;
    /*   border-radius:20px 0 0 0; */
    border-radius:15px 0 0 0;
}

.yongki_story .one_search input{
    float: right;
    /* width: 1120px; */
    width: 25%;
    margin-top: 22px;
    border: none;
    border-bottom: 2px solid #000;
    padding-left: 15px;
    padding-bottom: 11px;
    padding-right: 40px;
    color: #000;
}



.yongki_story .one_search input::placeholder{
    color:#aaa;
    font-size:14px;
}

.yongki_story .one_search img{
    position: absolute;
    top: 25px;
    right: 15px;
    width: 16px;
    height: 16px;
    cursor:pointer;
}

.yongki_story .one_more{
    width: 15%;
    margin-top: 10px;
    position: absolute;
    z-index: 1;
    background: #fff;
}

.yongki_story .one_more .one_more_plus{
    border:1px solid #b21b2c;
    /*   border-radius: 20px 0 20px 0; */
    border-radius: 15px 0 15px 0;
    padding:20px 30px;
    cursor:pointer;
    overflow: hidden;
}

.yongki_story .one_more .one_more_plus span{
    float:left;
    font-size:17px;
    font-weight:600;
    color:#b21b2c;
}

.yongki_story .one_more .one_more_plus a{
    width:30px;
    height:50px;
    display: inline-block;
    position: absolute;
    right:30px;
}

.yongki_story .one_more .one_more_plus img{
    float:right;
}

.yongki_story .one_more_inner{
    border-top:none;
    border-left:1px solid #b21b2c;
    border-right:1px solid #b21b2c;
    border-bottom:1px solid #b21b2c;
    border-radius: 0 0 20px 0;
    padding:0 19.5px;
    position: absolute;
    background:#fff;
    top:58px;
    display:none;
    width: -webkit-fill-available;
    z-index: 1;
}

.yongki_story .one_more_inner2{
    border-top:1px solid #b21b2c;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(27%, 1fr));
    grid-gap: 0;
    -webkit-box-align: center;
    padding-left: 5px;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.yongki_story .one_more_inner ul{
    border-left:1px solid #fff;
    margin-top:30px;
    height:auto;
    margin-bottom:30px;
    padding:0 20px;
}

.yongki_story .one_more_inner ul:first-child{
    border-left:none;
}

.yongki_story .one_more_inner ul:nth-child(3) li:nth-child(12){
}

.yongki_story .one_more_inner ul li{
    font-size:15px;
    color:#777;
    line-height:2em;
    letter-spacing:-0.025em;
    cursor:pointer;
}

.yongki_story .one_more_inner ul li:hover{
    color:#333;
    text-decoration:underline;
}

/*capsule_area*/

.yongki_story .capsule_area{
    padding-top:60px;
}

.yongki_story .capsule_area .capsule_ul01{
    margin-bottom: 50px;
}

.yongki_story .capsule_area .capsule_ul01 ul{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));
    grid-gap: 80px;
    -webkit-box-align: center;
    padding-left: 5px;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.yongki_story .capsule_area .capsule_ul01 ul li{
    width:30vw;
    height:250px;
}

.yongki_story .capsule_area .capsule_ul01 ul li:nth-child(1){
    background:none;
}

.yongki_story .capsule_area .capsule_ul01 ul li table{
    margin:50px 0;
}

.yongki_story .capsule_area .capsule_ul01 ul li table tr td{
}

.yongki_story .capsule_area .capsule_ul01 ul li table tr td.capsule_td{
    vertical-align: top;
    position:relative;
    padding-left:30px;
    padding-right:30px;
    text-align: left;
}

.yongki_story .capsule_area .capsule_ul01 ul li table tr td.capsule_img{
    border-radius: 9px;
    width: 190px;
    height: 190px;
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: baseline;
    box-shadow: 1px 1px 10px #e1e1e1;
}

.yongki_story .capsule_area .capsule_ul01 ul li table tr td.capsule_img img{
    margin-top:15%;
    text-align: center;
}

.yongki_story .capsule_area .capsule_ul01 ul li table tr td p{
    font-size:20px;
    font-weight:600;
    margin-bottom:20px;
    color:#333;
    line-height: 25px;
}

.yongki_story .capsule_area .capsule_ul01 ul li table tr td span{
    font-size:15px;
    color:#666;
    line-height: 1.2em;
    /* background:url(/user/img/dot.png) no-repeat 0 10px; */
}

.yongki_story .capsule_area .capsule_ul01 ul li table tr td b{
    font-size: 1rem;
    margin-top: 39px;
    /* padding: 10px 15px; */
    padding-bottom: 2px;
    border-bottom: 1px solid #b21b2c;
    /* border-radius: 4px 0 4px 0; */
    color: #b21b2c;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    left: 30px;
    bottom: 0;
}

/*popup*/

#yongki_modal{
    position: fixed;
    z-index: 12;
}

#yongki_modal .popup_bg{
    position: fixed;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
    z-index: 7;
}

#yongki_modal #popup{
    width:50%;
    transform: translate(-50%,-50%);
    top:50%;
    left:50%;
    border-radius: 10px 0 7px 0;
    background:url(/user/img/sub/popup_bg.png) no-repeat 680px 310px; background-color:#fff;
    background-size: 338px;
    opacity: 1;
    z-index: 10;
    position: fixed;
}

#yongki_modal #popup .arrow_left{
    position: absolute;
    top:45%;
    left:-70px;
    cursor:pointer;
}

#yongki_modal #popup .arrow_right{
    position: absolute;
    top:45%;
    right:-70px;
    cursor:pointer;
}

#yongki_modal #popup .popup_title{
    width:100%;
    height:65px;
    border-radius: 7px 0 0 0;
    background:url(/user/img/people2/popup_title.png) no-repeat 0 0 #bc1225;
    text-align: center;
    position: relative;
}

#yongki_modal #popup .popup_title span{
    font-size:18px;
    font-weight:600;
    display: inline-block;
    color:#fff;
    margin-top:22px;
}

#yongki_modal #popup .popup_title b{
    position: absolute;
    top:20px;
    right:-35px;
    cursor: pointer;
}

#yongki_modal #popup .capsule_img{
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#yongki_modal #popup .capsule_img img{
    /*   width:30px; */
    max-width: 184px;
}

#yongki_modal #popup .capsule_table{
    padding:0 40px;
}

#yongki_modal #popup table{
    border-top:2px solid #333;
    width:100%;
    margin:40px 0;
}

#yongki_modal #popup table tr{

}

#yongki_modal #popup table tr th{
    font-size:15px;
    font-weight:600;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    width:20%;
    height:50px;
    color:#333;
}

#yongki_modal #popup table tr td{
    font-size:15px;
    border-bottom:1px solid #ccc;
    width:80%;
    height:50px;
    color:#777;
    text-align: left;
    padding-left:20px;
}

.yongki_story .capsule_area .one_click_more_view{
    display:table;
}
@media (max-width: 1919px) {
    .yongki_story .one_more_inner{
        top:56px;
    }
}
@media (max-width: 1600px) {
    .yongki_story .capsule_area .capsule_ul01 ul li{
        width:-webkit-fill-available;
        height:250px;
    }
}

@media (max-width: 1500px) {
    .yongki_story .one_more .one_more_plus{
        height:15px;
    }

    .yongki_story .one_more_inner2{
        grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
    }
}
@media (max-width: 1240px) {
    .yongki_story .one_more .one_more_plus span{
        display:none;
    }
    .yongki_story .one_more {
        width: 57px;
    }
    .yongki_story .one_more .one_more_plus a{
        right:17px;
    }

    .request_story .one_more .one_more_plus span{
        display:none;
    }

    .request_story .one_more {
        width: 57px;

    }
    .request_story .one_more .one_more_plus{
        height: 15px;
    }
    .request_story .one_more .one_more_plus a{
        right:17px;
    }

}

@media (max-width: 1024px) {
    .yongki_story .capsule_area .capsule_ul01 ul{
        grid-template-columns: repeat(auto-fill, minmax(58%, 1fr));
    }
    #yongki_modal #popup{
        width:80%;
    }

    #yongki_modal #popup .capsule_table{
        max-height: 30vh;
        overflow-y: auto;
    }

    #yongki_modal #popup table tr th{
        font-size:0.8rem;
        word-break: auto-phrase;
        padding: 0 10px;
    }
    #yongki_modal #popup table tr td{
        font-size:0.8rem;
    }
}

@media (max-width: 768px) {
    .yongki_story .capsule_area .capsule_ul01 ul{
        grid-template-columns: repeat(auto-fill, minmax(58%, 1fr));
    }

    .yongki_story .one_search input{
        width:62%;
    }
    .yongki_story .one_more_inner2{
        grid-template-columns: repeat(auto-fill, minmax(56%, 1fr));
    }
    #yongki_modal #popup .arrow_left,
    #yongki_modal #popup .arrow_right{
        display:none!important;
    }


}

@media (max-width: 512px) {
    .yongki_story .capsule_area .capsule_ul01 ul li table tr td.capsule_img{
        width:125px;
    }
    .yongki_story .capsule_area .capsule_ul01 ul li table tr td p{
        font-size:1rem;
    }
    #yongki_modal #popup table tr th{
        font-size:0.7rem;
        padding: 0 8px;
    }
    #yongki_modal #popup table tr td{
        font-size:0.7rem;
        padding: 0 10px;
    }
    .yongki_story .one_more .one_more_plus{
        height:15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .yongki_story .one_more .one_more_plus a{
        width:auto;
        height: auto;
        /*right:auto;*/
    }
    #yongki_modal #popup .popup_title b{
        top: -35px;
        right: 0px;
    }
}


/*------------------------------------------------검체 채취 방법 페이지------------------------------------------------*/


.top_tab{
    width:100%;
    border:1px solid #ccc;
    display:flex;
}

.top_tab b{
    color: #999;
    display: block;
    width: 50%;
    text-align: center;
    padding: 15px 0;
    cursor:pointer;
}

.top_tab b:nth-child(1){
    background:url(/user/img/sub/bar_re.png) no-repeat 100% 50%;
}

.top_tab b.active{
    font-weight:600;
    border-bottom:2px solid #333;
    color:#333;
}

.gray_line{
    border:1px solid red;
}


/*검체 채취방법*/

.gumche_story1{
    margin-bottom:50px;
}

.gumche_story1 ul.tabs{
    width: -webkit-fill-available;
    margin: 30px 0 50px 0;
    grid-template-columns: repeat(auto-fill, minmax(18%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.gumche_story1 ul.tabs li{
        background:url(/user/img/sub/bar_re.png) no-repeat 0 50%;
    height: 45px;
    color: #666666;
    font-size: 16px;
    border-collapse: collapse;
    cursor: pointer;
    line-height: 45px;
    text-align: center;
    box-sizing: border-box;
}

.gumche_story1 ul.tabs li:hover b{
    color:#bc1225;
}

.gumche_story1 ul.tabs li.turrent b{
    font-size:16px;
    font-weight:600;
    background:url(/user/img/sub/red_dot.png) no-repeat 0 50%;
    margin-right:10px;
    padding-left:10px;
    color:#bc1225;
}

.gumche_story1 ul.tabs li:nth-child(1),
.gumche_story1 ul.tabs li:nth-child(6),
.gumche_story1 ul.tabs li:nth-child(11){
    background:none;
}

.gumche_story1 ul.tabs li:nth-child(10){
    background-color:#fff;
    cursor:default;
}

.gumche_story1 ul.tabs li.no_bottom{
    border-bottom:none;
}

@media (max-width: 768px) {
    .gumche_story1 ul.tabs{
        grid-template-columns: repeat(auto-fill, minmax(36%, 1fr));
        grid-gap:5px;
    }

    .gumche_story1 ul.tabs li.no_bottom{
        border-bottom:1px solid #ccc;
    }


    .gumche_story1 ul.tabs li{
        background: none !important;
        text-align: center;
        border: 1px solid #ccc;
        border-collapse: collapse;
        box-sizing: border-box;
    }
}

/*----------------------------- subtab-1 ----------------------------*/

.gumche_story1 #subtab-1{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story1 #subtab-1 .inner_content{
    /*   border-bottom:1px solid #ccc; */
    margin-bottom:100px;
}

.gumche_story1 #subtab-1 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story1 #subtab-1 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story1 #subtab-1 .inner_content table{
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story1 #subtab-1 .inner_content table tr .n_td,
.gumche_story1 #subtab-1 .inner_content2 table tr .n_td,
.gumche_story1 #subtab-1 .inner_content3 table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story1 #subtab-1 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story1 #subtab-1 .inner_content ul{
    width: 100%;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
    grid-gap: 15px;
    display: grid;
    -webkit-box-align: center;
    padding:20px;
}

.gumche_story1 #subtab-1 .inner_content ul li{
    font-size:15px;
    margin-bottom:20px;
    line-height:1.5em;
    color:#333;
}

.gumche_story1 #subtab-1 .inner_content ul li img{
    width:100%;
    margin-bottom:10px;
}

.gumche_story1 #subtab-1 .inner_content b{
    font-size:14px;
    background:#888;
    margin:0 10px 0 20px;
    border-radius:5px;
    padding:2px 5px;
    color:#fff;
}

.gumche_story1 #subtab-1 .inner_content span{
    font-size:14px;
    color:#666;
}

.gumche_story1 #subtab-1 .inner_content em{
    font-size:14px;
    color:#aaa;
}

/*inner_content2*/

.gumche_story1 #subtab-1 .inner_content2{
    /*   border-bottom:1px solid #ccc; */
    padding-left:20px;
}

.gumche_story1 #subtab-1 .inner_content2 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story1 #subtab-1 .inner_content2 b{
    margin-bottom:20px;
    /*   font-size:16px; */
    font-size:15px;
    color:#666;
    /* padding-left:10px; */
    display:block;
}

.gumche_story1 #subtab-1 .inner_content2 img{
    border: 1px solid #ccc;
    border-radius: 15px 0 15px 0;
    /* padding-top: 40px; */
    /* padding-bottom: 40px; */
    /* padding-left: 207px; */
    /* padding-right: 206px; */
    background-color: #f1edee;
    display: block;
    margin: 0 auto;
    max-width: 1400px;
    padding: 10px;
}

.gumche_story1 #subtab-1 .inner_content2 table{
    margin-top:20px;
    margin-bottom:40px;
}

.gumche_story1 #subtab-1 .inner_content2 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story1 #subtab-1 .inner_content2 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}


@media (max-width: 1600px) {
    .gumche_story1 #subtab-1 .inner_content2 img{
        width:-webkit-fill-available;
        padding:0;
    }
}

		@media (max-width: 1200px) {
        .gumche_story1 #subtab-1 .inner_content ul{
            grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
            }
            
		}

		@media (max-width: 1024px) {
        .gumche_story1 #subtab-1 .inner_content ul{
            grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
            }
		}

		@media (max-width: 768px) {
            .gumche_story1 #subtab-1 .inner_content p{
                margin-left:0;
                padding-left:0;
            }
            .gumche_story1 #subtab-1 .inner_content table{
                margin-left:0;
            }
        .gumche_story1 #subtab-1 .inner_content ul{
            grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
            padding-left:0;
            }
		}

/*----------------------------- subtab-2 ----------------------------*/

.gumche_story1 #subtab-2{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story1 #subtab-2 .inner_content{
    /*   border-bottom:1px solid #ccc; */
    margin-bottom:100px;
}

.gumche_story1 #subtab-2 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story1 #subtab-2 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story1 #subtab-2 .inner_content table{
    margin-left:20px;
}

.gumche_story1 #subtab-2 .inner_content table tr .n_td,
.gumche_story1 #subtab-2 .inner_content2 table tr .n_td,
.gumche_story1 #subtab-2 .inner_content3 table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story1 #subtab-2 .inner_content table{
    margin-top:20px;
}

.gumche_story1 #subtab-2 .inner_content table tr .n_td{
    width:20px;
    vertical-align: middle;
}

.gumche_story1 #subtab-2 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story1 #subtab-2 .inner_content .youtube_01{
    margin:20px 0 20px 20px;
    overflow:hidden;
    cursor:pointer;
    width: fit-content;
}

.gumche_story1 #subtab-2 .inner_content .youtube_01 img{
    float:left;
}

.gumche_story1 #subtab-2 .inner_content .youtube_01 div{
    float:left;
    padding-left:20px;
}

.gumche_story1 #subtab-2 .inner_content .youtube_01 div strong{
    display:block;
    font-weight:600;
    margin:30px 0 10px 0;
}

.gumche_story1 #subtab-2 .inner_content .youtube_01 div span{
    display:block;
    margin-left:0;
    font-weight:600;
    color:#333;
}

.gumche_story1 #subtab-2 .inner_content .youtube_01 div b{
    display:block;
    color:#666;
}

.blood_table{
    overflow:hidden;
}

.blood_table table{
    width:100%;
    border:1px solid #ccc;
    border-right:none;
    border-left:none!important;
}

.blood_table > span{
    display:block;
    margin:10px 0 10px 20px;
    color:#666;
}

.blood_table table tr th{
    border-top:2px solid #333;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    height:50px;
    font-weight:600;
    text-align: center;
    border-bottom:1px solid #333;
    color:#333;
}

.blood_table table tr td{
    border:1px solid #ccc;
    border-left:none;
}

.blood_table table tr td:nth-child(odd){
    text-align: center;
}

.blood_table table tr td:nth-child(even){
    padding-left:20px!important;
}

.blood_table table tr td b{
    display:block;
    font-weight:600;
    color:#333;
}

.blood_table table tr td span{
}

		@media (max-width: 1200px) {
            .gumche_story1 #subtab-2 .inner_content table {
                margin-top: 20px;
                width: 100%;
                margin-left: 0;
            }
            .gumche_story1 #subtab-2 .inner_content table tr td:last-child{
                border-right:none;
            }
		}

		@media (max-width: 1024px) {

		}

		@media (max-width: 768px) {
            .gumche_story1 #subtab-2 .inner_content p{
                margin-left:0;
                padding-left:0;
            }
            .gumche_story1 #subtab-2 .inner_content table{
                margin-left:0;
            }
            .gumche_story1 #subtab-2 .inner_content table tr td > img{
                width:100%;
            }
            .gumche_story1 #subtab-2 .inner_content .youtube_01 div {
                padding-left:0;
            }
            .blood_table{
                overflow:scroll;
            }
            .blood_table > span{
                margin:10px 0;
            }
            .blood_table table{
                width:800px!important;
            }
            .blood_table table tr th:last-child{
                border-right:none;
            }
            .blood_table table tr td img{
                width:auto!important;
            }
		}

/*----------------------------- subtab-3 ----------------------------*/

.gumche_story1 #subtab-3{
    
}

/*inner_content*/

.gumche_story1 #subtab-3 .inner_content{
    /*   border-bottom:1px solid #ccc; */
    margin-bottom:100px;
}

.gumche_story1 #subtab-3 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story1 #subtab-3 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
    margin-bottom:10px;
}

.gumche_story1 #subtab-3 .inner_content span{
    color: #666;
    padding: 3px 0;
    line-height: 20px;
    font-size: 15px;
    margin-left:20px;
}

.picture_test{
}

.picture_test table{
    margin-top:20px;
    margin-left:20px;
}

.picture_test table tr td ul{
    overflow:hidden;
}

.picture_test table tr td ul li{
    font-size:15px;
    line-height:1.5em;
    padding-left:20px;
    color:#666;
}

.picture_table{
}

.picture_table table{
    width:100%;
    margin-top:20px;
    margin-left:20px;
    border-top:2px solid #333;
    border-left:none;
    border-right:none;
}

.picture_table table tr th{
    font-weight:600;
    border-bottom:1px solid #ccc;
    padding:10px 0;
    color:#333;
}

.picture_table table tr td{
    border:1px solid #ccc;
    padding:25px 0;
    line-height:1.5em;
    padding-left:20px;
    color:#666;
}

.picture_table table tr td:last-child{
    border-right:none;
}

		@media (max-width: 1200px) {

		}

		@media (max-width: 1024px) {

		}

		@media (max-width: 768px) {
            .gumche_story1 #subtab-3 .inner_content p{
                margin-left:0;
                padding-left:0;
            }
            .gumche_story1 #subtab-3 .inner_content span{
                margin-left:0;
            }
            .gumche_story1 #subtab-3 .inner_content table{
                margin-left:0;
            }
            .picture_table{
                overflow:scroll;
            }
            .picture_table table{
                width:500px;
            }
            .picture_table table tr th{
                padding:20px;
            }
		}

/*----------------------------- subtab-4 ----------------------------*/

.gumche_story1 #subtab-4{
    
}

/*inner_content*/

.gumche_story1 #subtab-4 .inner_content{
    /*   border-bottom:1px solid #ccc; */
    margin-bottom:100px;
}

.gumche_story1 #subtab-4 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story1 #subtab-4 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
    margin-bottom:10px;
}

.gumche_story1 #subtab-4 .inner_content span{
    color: #666;
    padding: 3px 0;
    line-height: 20px;
    font-size: 15px;
    margin-left:20px;
}

.gumche_story1 #subtab-4 .inner_content table{
    margin-top:20px;
}

.gumche_story1 #subtab-4 .inner_content table tr .n_td{
    width: 20px;
    font-weight: 600;
    vertical-align: baseline;
    padding-left:20px;
    color: #d10000;
}

.gumche_story1 #subtab-4 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story1 #subtab-4 .inner_content ul{
    margin:30px 0;
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
    grid-gap: 20px 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gumche_story1 #subtab-4 .inner_content ul li{
}

.gumche_story1 #subtab-4 .inner_content ul li img{
    vertical-align: middle;
}

.gumche_story1 #subtab-4 .inner_content ul li .arrow_img{
    margin-left:80px;
}

.gumche_story1 #subtab-4 .inner_content .youtube_02{
    overflow:hidden;
    width: fit-content;
}

.gumche_story1 #subtab-4 .inner_content .youtube_02 .qr_table{
    float:left;
    border:1px solid #ccc;
    border-left:none;
    border-right:none;
}

.gumche_story1 #subtab-4 .inner_content .youtube_02 .qr_table em{
    display: block;
    font-weight:600;
    border-top: 2px solid #333;
    border-bottom:1px solid #ccc;
    padding: 20px;
}

.gumche_story1 #subtab-4 .inner_content .youtube_02 .qr_table img{
    padding:20px;
}

.gumche_story1 #subtab-4 .inner_content .youtube_02 .qr_code2{
    float:left;
    padding-left:20px;
    display:flex;
    margin-top: 100px;
    cursor:pointer;
}

.gumche_story1 #subtab-4 .inner_content .youtube_02 .qr_code2 > div{
    margin-left:20px;
}

.gumche_story1 #subtab-4 .inner_content .youtube_02 .qr_code2 > div strong{
    display:block;
    font-weight:600;
    margin:30px 0 10px 0;
}

.gumche_story1 #subtab-4 .inner_content .youtube_02 .qr_code2 > div span{
    display:block;
    margin-left:0;
    font-weight:600;
    color:#333;
}

.gumche_story1 #subtab-4 .inner_content .youtube_02 .qr_code2 > div b{
    display:block;
    color:#666;
}

		@media (max-width: 1200px) {
            .gumche_story1 #subtab-4 .inner_content ul li img{
                width:100%;
            }
		}

		@media (max-width: 1024px) {

		}

		@media (max-width: 768px) {
            .gumche_story1 #subtab-4 .inner_content p{
                margin-left:0;
                padding-left:0;
                background:none;
            }
            .gumche_story1 #subtab-4 .inner_content span{
                margin-left:0;
            }
            .gumche_story1 #subtab-4 .inner_content table{
                margin-left:0;
            }
            .gumche_story1 #subtab-4 .inner_content table tr .n_td{
                padding-left:0;
            }
            .gumche_story1 #subtab-4 .inner_content ul {
            grid-template-columns: repeat(auto-fill, minmax(52%, 1fr));
            }
            .gumche_story1 #subtab-4 .inner_content ul li {
             text-align: center;
            }
            .gumche_story1 #subtab-4 .inner_content ul li img{
                width:auto;
            }
            .gumche_story1 #subtab-4 .inner_content .youtube_02 .qr_table > img{
                width:92%;
            }
            .gumche_story1 #subtab-4 .inner_content .youtube_02 .qr_code2{
                display:block;
                margin-top:40px;
                padding-left:0;
            }
            .gumche_story1 #subtab-4 .inner_content .youtube_02 .qr_code2 > div{
                margin-left:0;
            }
            
		}

/*----------------------------- subtab-5 ----------------------------*/

.gumche_story1 #subtab-5{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story1 #subtab-5 .inner_content{
    /*   border-bottom:1px solid #ccc; */
    margin-bottom:100px;
}

.gumche_story1 #subtab-5 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story1 #subtab-5 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story1 #subtab-5 .inner_content table{
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story1 #subtab-5 .inner_content table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story1 #subtab-5 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story1 #subtab-5 .inner_content .youtube_03{
    overflow:hidden;
}

.gumche_story1 #subtab-5 .inner_content .youtube_03 .qr_table{
    float:left;
    border:1px solid #ccc;
    border-left:none;
    border-right:none;
}

.gumche_story1 #subtab-5 .inner_content .youtube_03 .qr_table em{
    display: block;
    font-weight:600;
    border-top: 2px solid #333;
    border-bottom:1px solid #ccc;
    padding: 20px;
}

.gumche_story1 #subtab-5 .inner_content .youtube_03 .qr_table em b{
    color:#d10000;
}

.gumche_story1 #subtab-5 .inner_content .youtube_03 .qr_table img{
    padding:20px;
}

.gumche_story1 #subtab-5 .inner_content .youtube_03 .qr_code3{
    float:left;
    padding-left:20px;
    display:flex;
    margin-top: 100px;
    cursor:pointer;
    width: fit-content;
}

.gumche_story1 #subtab-5 .inner_content .youtube_03 .qr_code3 > div{
    margin-left:20px;
}

.gumche_story1 #subtab-5 .inner_content .youtube_03 .qr_code3 > div strong{
    display:block;
    font-weight:600;
    margin:30px 0 10px 0;
}

.gumche_story1 #subtab-5 .inner_content .youtube_03 .qr_code3 > div span{
    display:block;
    margin-left:0;
    font-weight:600;
    color:#333;
}

.gumche_story1 #subtab-5 .inner_content .youtube_03 .qr_code3 > div b{
    display:block;
    color:#666;
}

	@media (max-width: 1200px) {

		}

		@media (max-width: 1024px) {

		}

		@media (max-width: 768px) {
            .gumche_story1 #subtab-5 .inner_content p{
                margin-left:0;
                padding-left:0;
                background:none;
            }
            .gumche_story1 #subtab-5 .inner_content span{
                margin-left:0;
            }
            .gumche_story1 #subtab-5 .inner_content table{
                margin-left:0;
            }
            .gumche_story1 #subtab-5 .inner_content table tr .n_td{
                padding-left:0;
            }
            .gumche_story1 #subtab-5 .inner_content .youtube_03 .qr_table img{
                width:92%;
            }
            .gumche_story1 #subtab-5 .inner_content .youtube_03 .qr_code3{
                display:block;
                margin-top:40px;
                padding-left:0;
            }
            .gumche_story1 #subtab-5 .inner_content .youtube_03 .qr_code3 > div{
                margin-left:0;
            }
		}



/*----------------------------- subtab-6 ----------------------------*/

.gumche_story1 #subtab-6{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story1 #subtab-6 .inner_content{
    /*   border-bottom:1px solid #ccc; */
    margin-bottom:100px;
}

.gumche_story1 #subtab-6 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story1 #subtab-6 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story1 #subtab-6 .inner_content table{
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story1 #subtab-6 .inner_content table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story1 #subtab-6 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story1 #subtab-6 .inner_content .youtube_04{
    overflow:hidden;
}

.gumche_story1 #subtab-6 .inner_content .youtube_04 .qr_table{
    float:left;
    border-left:none;
    border-right:none;
}

.gumche_story1 #subtab-6 .inner_content .youtube_04 .qr_table img{
    padding:20px;
}

.gumche_story1 #subtab-6 .inner_content .youtube_04 .qr_code4{
    width: fit-content;
    float:left;
    padding-left:20px;
    display:flex;
    margin-top: 30px;
        cursor:pointer;
}

.gumche_story1 #subtab-6 .inner_content .youtube_04 .qr_code4 > div{
    margin-left:20px;
}

.gumche_story1 #subtab-6 .inner_content .youtube_04 .qr_code4 > div strong{
    display:block;
    font-weight:600;
    margin:30px 0 10px 0;
}

.gumche_story1 #subtab-6 .inner_content .youtube_04 .qr_code4 > div span{
    display:block;
    margin-left:0;
    font-weight:600;
    color:#333;
}

.gumche_story1 #subtab-6 .inner_content .youtube_04 .qr_code4 > div b{
    display:block;
    color:#666;
}

		@media (max-width: 1400px) {
            .gumche_story1 #subtab-6 .inner_content .youtube_04 .qr_table img {
                padding:0;
                width: 100%;
            }
		}

		@media (max-width: 1024px) {

		}

		@media (max-width: 768px) {
            .gumche_story1 #subtab-6 .inner_content p{
                margin-left:0;
                padding-left:0;
                background:none;
            }
            .gumche_story1 #subtab-6 .inner_content span{
                margin-left:0;
            }
            .gumche_story1 #subtab-6 .inner_content table{
                margin-left:0;
            }
            .gumche_story1 #subtab-6 .inner_content table tr .n_td{
                padding-left:0;
            }
            .gumche_story1 #subtab-6 .inner_content .youtube_04 .qr_table img{
                padding:0;
                width:100%;
            }
            .gumche_story1 #subtab-6 .inner_content .youtube_04 .qr_code4{
                display:block;
                padding-left:0;
                margin-top:40px;
            }
            .gumche_story1 #subtab-6 .inner_content .youtube_04 .qr_code4 > div{
                margin-left:0;
            }
		}

/*----------------------------- subtab-7 ----------------------------*/

.gumche_story1 #subtab-7{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story1 #subtab-7 .inner_content{
    /*   border-bottom:1px solid #ccc; */
    margin-bottom:150px;
}

.gumche_story1 #subtab-7 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story1 #subtab-7 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story1 #subtab-7 .inner_content table{
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story1 #subtab-7 .inner_content table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story1 #subtab-7 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

		@media (max-width: 768px) {
            .gumche_story1 #subtab-7 .inner_content p{
                margin-left:0;
                padding-left:0;
                background:none;
            }
            .gumche_story1 #subtab-7 .inner_content span{
                margin-left:0;
            }
            .gumche_story1 #subtab-7 .inner_content table{
                margin-left:0;
            }
            .gumche_story1 #subtab-7 .inner_content table tr .n_td{
                padding-left:0;
            }
		}




/*----------------------------- subtab-8 ----------------------------*/

.gumche_story1 #subtab-8{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story1 #subtab-8 .inner_content{
    /*   border-bottom:1px solid #ccc; */
    margin-bottom:150px;
}

.gumche_story1 #subtab-8 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story1 #subtab-8 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story1 #subtab-8 .inner_content table{
    width:100%;
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story1 #subtab-8 .inner_content table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story1 #subtab-8 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story1 #subtab-8 .inner_content table tr td .gumche_box{
    width: -webkit-fill-available;
    border: 1px solid #ccc;
    /* border-radius: 20px 0 20px 0; */
    border-radius: 15px 0 15px 0;
    padding: 20px 15px;
    background: #fafafa;
    margin-top: 10px;
    margin-bottom: 20px;
}

		@media (max-width: 768px) {
            .gumche_story1 #subtab-8 .inner_content p{
                margin-left:0;
                padding-left:0;
                background:none;
            }
            .gumche_story1 #subtab-8 .inner_content span{
                margin-left:0;
            }
            .gumche_story1 #subtab-8 .inner_content table{
                margin-left:0;
            }
            .gumche_story1 #subtab-8 .inner_content table tr .n_td{
                padding-left:0;
            }
		}

/*----------------------------- subtab-9 ----------------------------*/

.gumche_story1 #subtab-9{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story1 #subtab-9 .inner_content{
    /*   border-bottom:1px solid #ccc; */
    margin-bottom:150px;
}

.gumche_story1 #subtab-9 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story1 #subtab-9 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story1 #subtab-9 .inner_content span{
    font-size:14px;
    margin-left:20px;
    color:#666;
}

.gumche_story1 #subtab-9 .inner_content table{
    width:100%;
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story1 #subtab-9 .inner_content table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story1 #subtab-9 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story1 #subtab-9 .inner_content .fluid_table{
    width:70%;
    border-left:none;
    border-right:none;
    margin-top:30px;
}

.gumche_story1 #subtab-9 .inner_content .fluid_table tr th{
    padding:20px;
    text-align: center;
    font-weight:600;
    border:1px solid #ccc;
    border-top:2px solid #333;
    border-bottom:1px solid #333;
}

.gumche_story1 #subtab-9 .inner_content .fluid_table tr td{
    padding:20px;
    border:1px solid #ccc;
}

.gumche_story1 #subtab-9 .inner_content .fluid_table tr th:first-child,
.gumche_story1 #subtab-9 .inner_content .fluid_table tr td:first-child{
    border-left:none;
}

.gumche_story1 #subtab-9 .inner_content .fluid_table tr th:last-child,
.gumche_story1 #subtab-9 .inner_content .fluid_table tr td:last-child{
    border-right:none;
}

@media (max-width: 1900px){
    .gumche_story1 #subtab-9 .inner_content .fluid_table{
    width:100%;
}
}

		@media (max-width: 768px) {
            .gumche_story1 #subtab-9 .inner_content p{
                margin-left:0;
                padding-left:0;
                background:none;
            }
            .gumche_story1 #subtab-9 .inner_content span{
                margin-left:0;
            }
            .gumche_story1 #subtab-9 .inner_content table{
                margin-left:0;
            }
            .gumche_story1 #subtab-9 .inner_content table tr .n_td{
                padding-left:0;
            }
		}


/*----------------------------- subtab-10 ----------------------------*/

.gumche_story1 #subtab-10{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story1 #subtab-10 .inner_content{
    /*   border-bottom:1px solid #ccc; */
    margin-bottom:150px;
}

.gumche_story1 #subtab-10 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story1 #subtab-10 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story1 #subtab-10 .inner_content span{
    font-size:14px;
    margin-left:20px;
    display:block;
    line-height:1.5em;
    color:#666;
}

		@media (max-width: 768px) {
            .gumche_story1 #subtab-10 .inner_content p{
                margin-left:0;
                padding-left:0;
                background:none;
            }
            .gumche_story1 #subtab-10 .inner_content span{
                margin-left:0;
            }
            .gumche_story1 #subtab-10 .inner_content table{
                margin-left:0;
            }
            .gumche_story1 #subtab-10 .inner_content table tr .n_td{
                padding-left:0;
            }
		}


/*----------------------------- subtab-11 ----------------------------*/

.gumche_story1 #subtab-11{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story1 #subtab-11 .inner_content{
    /*   border-bottom:1px solid #ccc; */
    margin-bottom:150px;
    overflow:hidden;
}

.gumche_story1 #subtab-11 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story1 #subtab-11 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story1 #subtab-11 .inner_content span{
    font-size:14px;
    margin-left:20px;
    display:block;
    line-height:1.5em;
    color:#666;
}

.gumche_story1 #subtab-11 .inner_content table{
    width:85%;
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story1 #subtab-11 .inner_content table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story1 #subtab-11 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story1 #subtab-11 .inner_content table tr td em{
    padding-left:20px;
    color:#f46611;
}

.gumche_story1 #subtab-11 .inner_content .table23,
.gumche_story1 #subtab-11 .inner_content .table24{
    border-top:2px solid #333;
}

.gumche_story1 #subtab-11 .inner_content .table23 tr th,
.gumche_story1 #subtab-11 .inner_content .table24 tr th{
    font-weight:600;
    border:1px solid #ccc;
    border-bottom:1px solid #333;
    padding:10px 5px;
    text-align: center;
}

.gumche_story1 #subtab-11 .inner_content .table23 tr th:first-child{
    border-left:none;
}
.gumche_story1 #subtab-11 .inner_content .table23 tr th:last-child{
    border-right:none;
}

.gumche_story1 #subtab-11 .inner_content .table23 tr td,
.gumche_story1 #subtab-11 .inner_content .table24 tr td{
    border:1px solid #ccc;
    padding:10px 5px;
    text-align: center;
}

.gumche_story1 #subtab-11 .inner_content .table24 tr .ef_td{
    color:#f46611;
}

.gumche_story1 #subtab-11 .inner_content .table23 tr td:first-child,
.gumche_story1 #subtab-11 .inner_content .table24 tr td:first-child{
    border-left:none;
}

.gumche_story1 #subtab-11 .inner_content .table23 tr td:last-child,
.gumche_story1 #subtab-11 .inner_content .table24 tr td:last-child{
    border-right:none;
}

.gumche_story1 #subtab-11 .inner_content > div{
}

.gumche_story1 #subtab-11 .inner_content strong{
    font-weight:600;
    display:block;
    text-align: right;
    margin-right: 185px;
    color:#333;
}

.gumche_story1 #subtab-11 .inner_content i{
    font-style:normal;
    color:#f46611;
}

    @media (max-width: 1900px) {
        .gumche_story1 #subtab-11 .inner_content strong{
        margin-right: 0
        }
    }
	@media (max-width: 1600px) {
            .gumche_story1 #subtab-11 .inner_content table{
                width:100%;
            }
		}

		@media (max-width: 1024px) {

		}

		@media (max-width: 768px) {
            .gumche_story1 #subtab-11 .inner_content p{
                margin-left:0;
                padding-left:0;
                background:none;
            }
            .gumche_story1 #subtab-11 .inner_content span{
                margin-left:0;
            }
            .gumche_story1 #subtab-11 .inner_content table{
                margin-left:0;
            }
            .gumche_story1 #subtab-11 .inner_content table tr .n_td{
                padding-left:0;
            }
            .gumche_story1 #subtab-11 .inner_content .table24_div{
                width:100%;
                overflow-x:scroll;
            }
            .gumche_story1 #subtab-11 .inner_content .table24_div .table24{
                width:800px;
            }
		}

/*----------------------------- subtab-12 ----------------------------*/

.gumche_story1 #subtab-12{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story1 #subtab-12 .inner_content{
    /*   border-bottom:1px solid #ccc; */
    margin-bottom:150px;
}

.gumche_story1 #subtab-12 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story1 #subtab-12 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story1 #subtab-12 .inner_content > span{
    font-size:15px;
    margin-left:20px;
    line-height:1.5em;
    color:#666;
    display:block;
}

.gumche_story1 #subtab-12 .inner_content > strong{
    margin-left:20px;
    margin-bottom:10px;
    display:inline-block;
    color:#f35b00;
}

.gumche_story1 #subtab-12 .inner_content > i{
    font-size:14px;
    font-style:normal;
    display:inline-block;
    margin-left:10px;
    color:#666;
}

.gumche_story1 #subtab-12 .inner_content table{
    width:100%;
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story1 #subtab-12 .inner_content table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story1 #subtab-12 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story1 #subtab-12 .inner_content table tr td > em{
    display:block;
    line-height:1.5em;
    color:#666;
}

.gumche_story1 #subtab-12 .inner_content .table_tube{
    border-top:2px solid #333;
    margin-top:10px;
}

.gumche_story1 #subtab-12 .inner_content .table_tube tr th{
    font-weight:600;
    border:1px solid #ccc;
    border-bottom:1px solid #333;
    padding:10px 5px;
    text-align: center;
}

.gumche_story1 #subtab-12 .inner_content .table_tube tr th:first-child{
    border-left:none;
}
.gumche_story1 #subtab-12 .inner_content .table_tube tr th:last-child{
    border-right:none;
}

.gumche_story1 #subtab-12 .inner_content .table_tube tr td{
    font-size:15px;
    border:1px solid #ccc;
    padding:10px 5px;
    text-align: center;
}

.gumche_story1 #subtab-12 .inner_content .table_tube tr td div{
    margin:0 auto;
    display:inline-grid;
    text-align: left;
    width:300px;
}

.gumche_story1 #subtab-12 .inner_content .table_tube tr td:first-child{
    border-left:none;
}

.gumche_story1 #subtab-12 .inner_content .table_tube tr td:last-child{
    border-right:none;
}

.gumche_story1 #subtab-12 .inner_content .table_tube tr td b{
    font-weight:600;
    display:block;
    color:#333;
}

.gumche_story1 #subtab-12 .inner_content .table_tube tr td span{
    display:block;
    color:#666;
}

.gumche_story1 #subtab-12 .inner_content .table_tube tr td ul{
    margin: 0 auto;
    text-align: center;
    display: inline-grid;
    width: 300px;
}

.gumche_story1 #subtab-12 .inner_content .table_tube tr td ul li{
    display:block;
    text-align: left;
    text-indent: -7.5px;
    color:#666;
}

.gumche_story1 #subtab-12 .inner_content table tr td .gumche_box{
    width: -webkit-fill-available;
    border: 1px solid #ccc;
    /* border-radius: 20px 0 20px 0; */
    border-radius: 15px 0 15px 0;
    padding: 20px 15px;
    background: #fafafa;
    margin-top: 10px;
    margin-bottom: 20px;
}

.gumche_story1 #subtab-12 .inner_content .gumche_box2{
    width: -webkit-fill-available;
    border: 1px solid #ccc;
    /* border-radius: 20px 0 20px 0; */
    border-radius: 15px 0 15px 0;
    padding: 20px 15px;
    background: #fafafa;
    margin-top: 10px;
    margin-left:20px;
    margin-bottom: 20px;
}

.gumche_story1 #subtab-12 .inner_content .gumche_box2 b{
    font-size:15px;
    font-weight:600;
    line-height:1.5em;
    color:#333;
}

.gumche_story1 #subtab-12 .inner_content .gumche_box2 span{
    font-size:15px;
    color:#666;
}

.gumche_story1 #subtab-12 .inner_content .youtube_05{
    overflow:hidden;
    display:flex;
    cursor:pointer;
    width: fit-content;
}

.gumche_story1 #subtab-12 .inner_content .youtube_05 img{
    padding:20px;
}

.gumche_story1 #subtab-12 .inner_content .youtube_05 > div{
    margin-top:20px;
}

.gumche_story1 #subtab-12 .inner_content .youtube_05 > div strong{
    display:block;
    font-weight:600;
    margin:30px 0 10px 0;
}

.gumche_story1 #subtab-12 .inner_content .youtube_05 > div span{
    display:block;
    margin-left:0;
    font-weight:600;
    color:#333;
}

.gumche_story1 #subtab-12 .inner_content .youtube_05 > div b{
    display:block;
    color:#666;
}

	@media (max-width: 1400px) {
            .gumche_story1 #subtab-12 .inner_content table tr td > img{
                width:100%;
            }
		}

		@media (max-width: 1024px) {

		}

		@media (max-width: 768px) {
            .gumche_story1 #subtab-12 .inner_content p{
                margin-left:0;
                padding-left:0;
                background:none;
            }
            .gumche_story1 #subtab-12 .inner_content span{
                margin-left:0;
            }
            .gumche_story1 #subtab-12 .inner_content strong{
                margin-left:0;
            }
            .gumche_story1 #subtab-12 .inner_content .gumche_box2{
                margin:0;
            }
            .gumche_story1 #subtab-12 .inner_content table{
                margin-left:0;
            }
            .gumche_story1 #subtab-12 .inner_content table tr td > img{
                width:100%;
            }
            .gumche_story1 #subtab-12 .inner_content .table_tube_div{
                overflow-x:scroll;
            }
            .gumche_story1 #subtab-12 .inner_content .table_tube{
                width:800px;
            }

            .gumche_story1 #subtab-12 .inner_content .table_tube tr td > img{
                width:auto!important;
            }
            .gumche_story1 #subtab-12 .inner_content .youtube_05{
                display:block;
            }
            .gumche_story1 #subtab-12 .inner_content .youtube_05 img{
                padding:0;
            }
            
		}






/*검체취급 주의사항*/

.gumche_story{
    margin-bottom:50px;
}

.gumche_story ul.tabs{
    width: -webkit-fill-available;
    margin: 30px 0 50px 0;
    grid-template-columns: repeat(auto-fill, minmax(18%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;width: -webkit-fill-available;
    border: 1px solid #ccc;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    grid-gap: 0;
    display: grid
;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gumche_story ul.tabs li{
        background:url(/user/img/sub/bar_re.png) no-repeat 0 50%;
    height: 45px;
    color: #666666;
    font-size: 16px;
    border-collapse: collapse;
    cursor: pointer;
    line-height: 45px;
    text-align: center;
    box-sizing: border-box;
}

.gumche_story ul.tabs li:hover b{
    color:#bc1225;
}

.gumche_story ul.tabs li.current b{
    font-size:16px;
    font-weight:600;
    background:url(/user/img/sub/red_dot.png) no-repeat 0 50%;
    margin-right:10px;
    padding-left:10px;
    color:#bc1225;
}

.gumche_story ul.tabs li:nth-child(1),
.gumche_story ul.tabs li:nth-child(6){
    background:none;
}

.gumche_story ul.tabs li:nth-child(10){
    background-color:#fff;
    cursor:default;
}

.gumche_story ul.tabs li.no_bottom{
    border-bottom:none;
}

.gumche_story ul.tabs{
    border:none;
}

@media (max-width: 768px) {
    .gumche_story ul.tabs{
        grid-template-columns: repeat(auto-fill, minmax(36%, 1fr));
        grid-gap:5px;
    }

    .gumche_story ul.tabs li.no_bottom{
        border-bottom:1px solid #ccc;
    }


    .gumche_story ul.tabs li{
        background: none !important;
        text-align: center;
        border: 1px solid #ccc;
        border-collapse: collapse;
        box-sizing: border-box;
    }
    .gumche_story ul.tabs{
        border:none;
    }
}

@media (max-width: 512px) {
.gumche_story ul.tabs li.current b{
    font-size: 0.9rem;
}
}

/*----------------------------- tab-1 ----------------------------*/

.gumche_story #tab-1{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story #tab-1 .inner_content{
    /*   border-bottom:1px solid #ccc; */
}

.gumche_story #tab-1 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story #tab-1 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-1 .inner_content table{
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story #tab-1 .inner_content table tr .n_td,
.gumche_story #tab-1 .inner_content2 table tr .n_td,
.gumche_story #tab-1 .inner_content3 table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-1 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

/*inner_content2*/

.gumche_story #tab-1 .inner_content2{
    /*   border-bottom:1px solid #ccc; */
    padding-left:20px;
}

.gumche_story #tab-1 .inner_content2 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-1 .inner_content2 b{
    margin-bottom:20px;
    /*   font-size:16px; */
    font-size:15px;
    color:#666;
    /* padding-left:10px; */
    display:block;
}

.gumche_story #tab-1 .inner_content2 > img{
    border: 1px solid #ccc;
    border-radius: 15px 0 15px 0;
    /* padding-top: 40px; */
    /* padding-bottom: 40px; */
    /* padding-left: 207px; */
    /* padding-right: 206px; */
    background-color: #f1edee;
    display: block;
    margin: 0 auto;
    max-width: 1400px;
    padding: 10px;
}

.gumche_story #tab-1 .inner_content2 table{
    margin-top:20px;
    margin-bottom:40px;
}

.gumche_story #tab-1 .inner_content2 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story #tab-1 .inner_content2 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story #tab-1 .inner_content2 .youtube_05{
    cursor:pointer;
    width: fit-content;
}

.gumche_story #tab-1 .inner_content2 .youtube_05{
    overflow:hidden;
    display:flex;
    width: fit-content;
}

.gumche_story #tab-1 .inner_content2 .youtube_05 img{
    padding:20px;
    width:max-content;
}

.gumche_story #tab-1 .inner_content2 .youtube_05 > div{
    margin-top:50px;
}
.gumche_story #tab-1 .inner_content2 .youtube_05 > div strong{
    display:block;
    font-weight:600;
    margin:30px 0 10px 0;
}

.gumche_story #tab-1 .inner_content2 .youtube_05 > div span{
    display:block;
    margin-left:0;
    font-weight:600;
    color:#333;
}

.gumche_story #tab-1 .inner_content2 .youtube_05 > div b{
    display:block;
    color:#666;
}




@media (max-width: 1600px) {
    .gumche_story #tab-1 .inner_content2 img{
        width:-webkit-fill-available;
        padding:0;
    }
}


/*inner_content3*/

.gumche_story #tab-1 .inner_content3{
    /*   border-bottom:1px solid #ccc; */
    padding-left:20px;
}

.gumche_story #tab-1 .inner_content3 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-1 .inner_content3 p span{
    font-size:16px;
    font-weight:600;
    color:#333;
    text-decoration: underline;
}

.gumche_story #tab-1 .inner_content3 b{
    margin-bottom:20px;
    /*   font-size:16px; */
    font-size:15px;
    color:#666;
    display:block;
    line-height:21px;
}

.gumche_story #tab-1 .inner_content3 table{
    margin-top:20px;
    margin-bottom:40px;
}

.gumche_story #tab-1 .inner_content3 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story #tab-1 .inner_content3 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

/*inner_content4*/

.gumche_story #tab-1 .inner_content4{
    padding-left:20px;
}

.gumche_story #tab-1 .inner_content4 p{
    margin-top:40px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-1 .inner_content4 b{
    margin-bottom:30px;
    /*   font-size:16px; */
    font-size:15px;
    color:#666;
    display:block;
    line-height:21px;
}

.gumche_story #tab-1 .inner_content4 p.red_table_title{
    margin-top:15px;
    color:#f46611;
    padding-left:10px;
    font-weight:500;
    background: none;
}

.gumche_story #tab-1 .inner_content4 p span{
    font-size:16px;
    font-weight:600;
    color:#333;
    text-decoration: underline;
}

.gumche_story #tab-1 .inner_content4 table{
    /* margin:0 10px; */
    width:100%;
    text-align:center;
}

.gumche_story #tab-1 .inner_content4 table tr th{
    border-top:2px solid #333;
    border-left:1px solid #ccc;
    border-bottom:1px solid #333;
    font-weight:600;
    color:#333;
    height:50px;
}

.gumche_story #tab-1 .inner_content4 table tr th:nth-child(1){
    border-left:none;
}

.gumche_story #tab-1 .inner_content4 table tr td{
    color:#777;
    padding:17px 0;
    line-height: 20px;
    font-size:15px;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.gumche_story #tab-1 .inner_content4 table tr td.table_left{
    text-align: left;
    padding-left:5%;
    font-size:14px;
}

.gumche_story #tab-1 .inner_content4 table tr td.no_right{
    border-right:none;
}

@media (max-width: 1024px) {
    .gumche_story #tab-1 .inner_content4 table tr td.table_left{
        padding-left:2%;
    }
}


/*----------------------------- tab-2 ----------------------------*/

.gumche_story #tab-2{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story #tab-2 .inner_content{
    /*   border-bottom:1px solid #ccc; */
}
.gumche_story #tab-2 .inner_content .head{
    display: flex;
    position: relative;
}
.gumche_story #tab-2 .inner_content .head a img{
    padding-left: 50px;
    position: absolute;
    right: 0;
    width: 300px;
    top: 5%;
}

@media (max-width: 1280px) {
    .gumche_story #tab-2 .inner_content .head {
        display: block;
    }
    .gumche_story #tab-2 .inner_content .head a img{
        position: inherit;
        margin-bottom: 30px;
    }
}

.gumche_story #tab-2 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story #tab-2 .inner_content p{
    /*margin-top:30px;*/
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-2 .inner_content table{
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story #tab-2 .inner_content table tr .n_td,
.gumche_story #tab-2 .inner_content2 table tr .n_td,
.gumche_story #tab-2 .inner_content3 table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-2 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

/*inner_content2*/

.gumche_story #tab-2 .inner_content2{
    /*   border-bottom:1px solid #ccc; */
    padding-left:20px;
}

.gumche_story #tab-2 .inner_content2 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-2 .inner_content2 table{
    margin:20px 0;
}

.gumche_story #tab-2 .inner_content2 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story #tab-2 .inner_content2 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story #tab-2 .inner_content2 img{
    border:1px solid #ccc;
    border-radius:15px 0 15px 0;
    padding:0 11px;
    margin-bottom:30px;
}

/*inner_content3*/

.gumche_story #tab-2 .inner_content3{
    /*   border-bottom:1px solid #ccc; */
    padding-left:20px;
    /*   padding-bottom:30px; */
}

.gumche_story #tab-2 .inner_content3 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-2 .inner_content3 p span{
    font-size:16px;
    font-weight:600;
    color:#333;
    text-decoration: underline;
}

.gumche_story #tab-2 .inner_content3 table{
    margin-top:20px;
    margin-bottom:10px;
}

.gumche_story #tab-2 .inner_content3 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story #tab-2 .inner_content3 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story #tab-2 .inner_content3 small{
    font-size:15px;
    color:#a0a0a0;
    line-height: 1.5em;
    margin-left:20px;
}

@media (max-width: 1600px) {
    .gumche_story #tab-2 .inner_content2 img{
        width:-webkit-fill-available;
        padding:0;
    }
}

/*inner_content4*/

.gumche_story #tab-2 .inner_content4{
    padding-left:20px;
}

.gumche_story #tab-2 .inner_content4 p{
    margin-top:40px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-2 .inner_content4 b{
    margin-bottom:30px;
    font-size:16px;
    color:#666;
    display:block;
    line-height:25px;
}

.gumche_story #tab-2 .inner_content4 p.red_table_title{
    margin-top:15px;
    color:#f46611;
    padding-left:10px;
    font-weight:500;
    background: none;
}

.gumche_story #tab-2 .inner_content4 p span{
    font-size:16px;
    font-weight:600;
    color:#333;
    text-decoration: underline;
}

.gumche_story #tab-2 .inner_content4 table{
    /* margin:0 10px; */
    width:100%;
    text-align:center;
}

.gumche_story #tab-2 .inner_content4 table tr th{
    border-top:2px solid #333;
    border-left:1px solid #ccc;
    border-bottom:1px solid #333;
    font-weight:600;
    color:#333;
    height:50px;
}

.gumche_story #tab-2 .inner_content4 table tr th:nth-child(1){
    border-left:none;
}

.gumche_story #tab-2 .inner_content4 table tr td{
    color:#777;
    padding:20px 0;
    line-height: 20px;
    font-size:15px;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.gumche_story #tab-2 .inner_content4 table tr td.n_td{
    border-right:none;
    text-align: left;
    /*   padding-left:15%; */
    padding-left:100px;
}

.gumche_story #tab-2 .inner_content4 table tr td p{
    margin:0 auto;
    font-size:15px;
    color:#333;
    background:none;
}

@media (max-width: 1024px) {
    .gumche_story #tab-2 .inner_content4 table tr td.n_td{
        padding:0 10px;
    }
    .gumche_story #tab-2 .inner_content4 img{
        width:100%;
    }
}





/*----------------------------- tab-3 ----------------------------*/

.gumche_story #tab-3{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story #tab-3 .inner_content{
    /*   border-bottom:1px solid #ccc; */
}

.gumche_story #tab-3 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story #tab-3 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-3 .inner_content span{
    font-size:15px;
    font-weight:600;
    color:#f35b00;
    margin-left:20px;
    line-height: 1.5em;
}

.gumche_story #tab-3 .inner_content .baby_inner01{
    border:1px solid #ccc;
    border-radius:7px 0 7px 0;
    background-color:#fafafa;
    margin-top:10px;
    margin-left:20px;
    margin-bottom:30px;
    text-align: center;
}

.gumche_story #tab-3 .inner_content table{
    margin-top:30px;
    margin-bottom:30px;
    margin-left:20px;
    display:inline-block;
}

.gumche_story #tab-3 .inner_content table tr .n_td,
.gumche_story #tab-3 .inner_content2 table tr .n_td,
.gumche_story #tab-3 .inner_content3 table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-3 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story #tab-3 .inner_content table tr .paper_bg{
    /*   background:url(/user/img/sub/sil12.png) no-repeat 97% 57px; */
}

.gumche_story #tab-3 .inner_content table tr td img{
    width:65%;
    margin-right:50px;
    border:1px solid #ccc;
    border-radius:7px 0 7px 0;
}

.gumche_story #tab-3 .inner_content table tr td ul{
    text-align: left;
}

.gumche_story #tab-3 .inner_content table tr td ul li{
    background:url(/user/img/dot.png) no-repeat 0 10px;
    padding-left:10px;
    word-break: auto-phrase;
}


@media (max-width: 768px) {
    .gumche_story #tab-3 .inner_content table tr td img{
        width:50%;
        margin-right:0;
    }
    .gumche_story #tab-3 .inner_content table tr td{
        display:block;
        padding-top:30px;
    }
    .gumche_story #tab-3 .inner_content table{
        margin:0;
    }
    .gumche_story #tab-3 .inner_content table tr td ul{
        padding:20px;
    }
    .gumche_story #tab-3 .inner_content table tr td ul li{
        padding-left:10px;
    }
    .gumche_story #tab-3 .inner_content4 table tr th {
        padding: 10px;
        font-size: 0.9rem;
        word-break: keep-all;
    }
}


/*inner_content2*/

.gumche_story #tab-3 .inner_content2{
    /*   border-bottom:1px solid #ccc; */
    padding-left:20px;
    padding-bottom:30px;
}

.gumche_story #tab-3 .inner_content2 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-3 .inner_content2 b{
    margin-bottom:20px;
    font-size:16px;
    color:#666;
    /* padding-left:10px; */
    display:block;
}

.gumche_story #tab-3 .inner_content2 img{
    border:1px solid #ccc;
    border-radius:10px 0 10px 0;
    background-color: #FAFAFA;
    padding:10px 13px;
}

.gumche_story #tab-3 .inner_content2 table{
    margin-top:20px;
    margin-bottom:40px;
}

.gumche_story #tab-3 .inner_content2 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story #tab-3 .inner_content2 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}


@media (max-width: 1600px) {
    .gumche_story #tab-3 .inner_content2 img{
        width: -webkit-fill-available;
        padding:0;
    }
}



/*inner_content3*/

.gumche_story #tab-3 .inner_content3{
    /*   border-bottom:1px solid #ccc; */
    padding-left:20px;
}

.gumche_story #tab-3 .inner_content3 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-3 .inner_content3 p span{
    font-size:16px;
    font-weight:600;
    color:#333;
    text-decoration: underline;
}

.gumche_story #tab-3 .inner_content3 b{
    margin-bottom:20px;
    font-size:16px;
    color:#666;
    display:block;
    line-height:25px;
}

.gumche_story #tab-3 .inner_content3 table{
    margin-top:20px;
    margin-bottom:40px;
}

.gumche_story #tab-3 .inner_content3 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story #tab-3 .inner_content3 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

/*inner_content4*/

.gumche_story #tab-3 .inner_content4{
    padding-left:20px;
}

.gumche_story #tab-3 .inner_content4 p{
    margin-top:40px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-3 .inner_content4 b{
    margin-bottom:30px;
    font-size:16px;
    color:#666;
    display:block;
    line-height:25px;
}

.gumche_story #tab-3 .inner_content4 p.red_table_title{
    margin-top:15px;
    color:#f46611;
    padding-left:10px;
    font-weight:500;
    background: none;
}

.gumche_story #tab-3 .inner_content4 p span{
    font-size:16px;
    font-weight:600;
    color:#333;
    text-decoration: underline;
}

.gumche_story #tab-3 .inner_content4 table{
    /* margin:0 10px; */
    width:100%;
    text-align:center;
    border-top:2px solid #333;
}

.gumche_story #tab-3 .inner_content4 table tr th{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    font-weight:600;
    color:#333;
    height:50px;
}

.gumche_story #tab-3 .inner_content4 table tr th:nth-child(1){
    border-left:none;
}

.gumche_story #tab-3 .inner_content4 table tr td{
    color:#777;
    padding:17px 0;
    line-height: 20px;
    font-size:15px;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.gumche_story #tab-3 .inner_content4 table tr td:last-child{
    border-right:none;
}


@media (max-width: 768px) {
    .gumche_story #tab-3 .inner_content4 table tr td {
        padding: 17px 5px;
        word-break: break-word;
        font-size: 0.9rem;
    }
}



/*----------------------------- tab-4 ----------------------------*/

.gumche_story #tab-4{
    text-align:left;
    margin-top:40px;
}

.gumche_story #tab-4 .sub_summury01{
    margin-top:50px;
    width:100%;
    height:220px;
    /*   border-top:2px solid #b51927; */
    /*   border-bottom:1px solid #ccc; */
    /* background:url(/user/img/sub/01sub_img02.png) no-repeat 0 0; */
    background-size:100%;
    text-align:left;
    overflow: hidden;
}

.gumche_story #tab-4 .sub_summury01 .sub_summury01_inner{
    float:left;
    padding-top:95px;
}

.gumche_story #tab-4 .sub_summury01 .sub_summury01_inner h1{
    font-size:30px;
    font-weight:600;
    color:#b51927;
    padding-left:70px;
}

.gumche_story #tab-4 .sub_summury01 .sub_summury01_inner h1::after{
    font-size:20px;
    font-weight:300;
    content:"|";
    margin-left:45px;
    color:#ccc;
    vertical-align: 5px;
}

.gumche_story #tab-4 .sub_summury01 .sub_summury01_inner2{
    float:left;
    padding-top:50px;
}

.gumche_story #tab-4 .sub_summury01 .sub_summury01_inner2 ul{
    margin-left:50px;
}

.gumche_story #tab-4 .sub_summury01 .sub_summury01_inner2 li{
    font-size:16px;
    color:#666;
    display: flex;
    line-height: 1.5em;
}

.gumche_story #tab-4 .sub_summury01 .sub_summury01_inner2 li b{
    font-weight: 600;
    margin-right:5px;
    color:#333;
}

/*inner_content*/

.gumche_story #tab-4 .inner_content{
    /*   border-bottom:1px solid #ccc; */
}

.gumche_story #tab-4 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}


.gumche_story #tab-4 .inner_content .sub_summury01_inner2 ul{
    margin-left:12px;
}

.gumche_story #tab-4 .inner_content .sub_summury01_inner2 li{
    font-size:16px;
    color:#666;
    display: flex;
    line-height: 1.5em;
}

.gumche_story #tab-4 .inner_content .sub_summury01_inner2 li b{
    font-weight: 600;
    margin-right:5px;
    color:#333;
}


.gumche_story #tab-4 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-4 .inner_content table{
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story #tab-4 .inner_content table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-4 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

/*inner_content2*/

.gumche_story #tab-4 .inner_content2{
    /*   border-bottom:1px solid #ccc; */
}

.gumche_story #tab-4 .inner_content2 p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-4 .inner_content2 table{
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story #tab-4 .inner_content2 table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-4 .inner_content2 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

/*inner_content3*/

.gumche_story #tab-4 .inner_content3{
    /*   border-bottom:1px solid #ccc; */
}

.gumche_story #tab-4 .inner_content3 p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-4 .inner_content3 table{
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story #tab-4 .inner_content3 table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-4 .inner_content3 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

/*inner_content4*/

.gumche_story #tab-4 .inner_content4{
    /*   border-bottom:1px solid #ccc; */
}

.gumche_story #tab-4 .inner_content4 p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-4 .inner_content4 table{
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story #tab-4 .inner_content4 table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-4 .inner_content4 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story #tab-4 .inner_content4 table tr td span{
    color:#f46611;
}

/*inner_content5*/

.gumche_story #tab-4 .inner_content5{
    /*   border-bottom:1px solid #ccc; */
}

.gumche_story #tab-4 .inner_content5 p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-4 .inner_content5 table{
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story #tab-4 .inner_content5 table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-4 .inner_content5 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story #tab-4 .inner_content5 table tr td span{
    color:#f46611;
}

/*inner_content6*/

.gumche_story #tab-4 .inner_content6{
}

.gumche_story #tab-4 .inner_content6 p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-4 .inner_content6 table{
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story #tab-4 .inner_content6 table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-4 .inner_content6 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

@media (max-width: 768px) {
.gumche_story #tab-4 .inner_content .sub_summury01_inner2 ul {
    margin-left: 0
    }
    .gumche_story #tab-4 .inner_content table,
    .gumche_story #tab-4 .inner_content2 table,
    .gumche_story #tab-4 .inner_content3 table,
    .gumche_story #tab-4 .inner_content4 table,
    .gumche_story #tab-4 .inner_content5 table,
    .gumche_story #tab-4 .inner_content6 table {
    margin-left: 0;
}
}



/*----------------------------- tab-5 ----------------------------*/

.gumche_story #tab-5{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story #tab-5 .inner_content{
    /*   border-bottom:1px solid #ccc; */
}

.gumche_story #tab-5 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story #tab-5 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-5 .inner_content table{
    margin-left:20px;
}

.gumche_story #tab-5 .inner_content table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-5 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story #tab-5 .inner_content small{
    font-size: 15px;
    color: #a0a0a0;
    line-height: 1.5em;
    margin-left: 42px;
    text-indent: -10px;
    display: block;
}

.gumche_story #tab-5 .inner_content small.orange_small{
    color:#f35b00;
}

.gumche_story #tab-5 .inner_content table.table2{
    margin-bottom:30px;
}

/*inner_content2*/

.gumche_story #tab-5 .inner_content2{
}

.gumche_story #tab-5 .inner_content2 p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-5 .inner_content2 table{
    margin-left:20px;
}

.gumche_story #tab-5 .inner_content2 table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-5 .inner_content2 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story #tab-5 .inner_content2 img{
    border:1px solid #ccc;
    border-radius:15px 0 15px 0;
    padding:10px 14px;
    margin:20px 0;
    margin-left:20px;
    width:-webkit-fill-available;
}

.gumche_story #tab-5 .inner_content2 small{
    font-size: 15px;
    color: #a0a0a0;
    line-height: 1.5em;
    margin-left: 42px;
    text-indent: -10px;
    display: block;
}

@media (max-width: 768px) {
.gumche_story #tab-5 .inner_content .sub_summury01_inner2 ul {
    margin-left: 0
    }
    .gumche_story #tab-5 .inner_content table,
    .gumche_story #tab-5 .inner_content2 table,
    .gumche_story #tab-5 .inner_content3 table,
    .gumche_story #tab-5 .inner_content4 table,
    .gumche_story #tab-5 .inner_content5 table,
    .gumche_story #tab-5 .inner_content6 table {
    margin-left: 0;
}
.gumche_story #tab-5 .inner_content2 small,
.gumche_story #tab-5 .inner_content2 img{
    margin-left:0;
}
}

/*----------------------------- tab-6 ----------------------------*/

.gumche_story #tab-6{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story #tab-6 table tr td i{
    font-style:italic;
}

.gumche_story #tab-6 .inner_content{
}

.gumche_story #tab-6 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story #tab-6 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-6 .inner_content table{
    width:-webkit-fill-available;
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story #tab-6 .inner_content table tr .n_td,
.gumche_story #tab-6 .inner_content2 table tr .n_td,
.gumche_story #tab-6 .inner_content3 table tr .n_td,
.gumche_story #tab-6 .inner_content4 table tr .n_td,
.gumche_story #tab-6 .inner_content5 table tr .n_td,
.gumche_story #tab-6 .inner_content6 table tr .n_td,
.gumche_story #tab-6 .inner_content7 table tr .n_td,
.gumche_story #tab-6 .inner_content8 table tr .n_td,
.gumche_story #tab-6 .inner_content9 table tr .n_td,
.gumche_story #tab-6 .inner_content10 table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-6 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story #tab-6 .inner_content table tr td span{
    font-size:15px;
    font-weight:600;
    color:#e35500;
    display:block;
    margin:0 auto;
}

.gumche_story #tab-6 .inner_content table tr td div{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    /*   border-radius:20px 0 20px 0; */
    border-radius:15px 0 15px 0;
    padding:20px 15px;
    background:#fafafa;
    margin-top:10px;
    margin-bottom:20px;
}
.gumche_story #tab-6 .inner_content table tr td div.imgsample{
    width: -webkit-fill-available;
    border: 1px solid #ccc;
    border-radius: 15px 0 15px 0;
    background: #fafafa;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.gumche_story #tab-6 .inner_content table tr td div ul{
    overflow:hidden;
}

.gumche_story #tab-6 .inner_content table tr td div ul li{
    display: block;
    color: #999999;
    margin: 0 20px;
}

@media (max-width: 1600px) {
    .gumche_story #tab-6 .inner_content table tr td div ul{
        display:block;
    }
}






/*inner_content2*/

.gumche_story #tab-6 .inner_content2{
    padding-left:20px;
}

.gumche_story #tab-6 .inner_content2 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-6 .inner_content2 b{
    margin-bottom:20px;
    font-size:16px;
    color:#666;
    /* padding-left:10px; */
    display:block;
}

.gumche_story #tab-6 .inner_content2 img{
    border:1px solid #ccc;
    border-radius:10px 0 10px 0;
    width:100%;
}

.gumche_story #tab-6 .inner_content2 table{
    margin-top:20px;
    margin-bottom:40px;
}

.gumche_story #tab-6 .inner_content2 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story #tab-6 .inner_content2 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

/*inner_content3*/

.gumche_story #tab-6 .inner_content3{
    padding-left:20px;
}

.gumche_story #tab-6 .inner_content3 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-6 .inner_content3 b{
    margin-bottom:20px;
    font-size:16px;
    color:#666;
    display:block;
    line-height:25px;
}

.gumche_story #tab-6 .inner_content3 table{
    margin-top:20px;
    margin-bottom:40px;
}

.gumche_story #tab-6 .inner_content3 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story #tab-6 .inner_content3 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

/*inner_content4*/

.gumche_story #tab-6 .inner_content4{
    padding-left:20px;
}

.gumche_story #tab-6 .inner_content4 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-6 .inner_content4 .red_table_title{
    font-size:15px;
    color:#f35b00;
    background:none;
}

.gumche_story #tab-6 .inner_content4 table{
    margin-top:20px;
    margin-bottom:20px;
}

.gumche_story #tab-6 .inner_content4 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story #tab-6 .inner_content4 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story #tab-6 .inner_content4 .content_table{
    width:100%;
    border-top:2px solid #333;
    text-align: center;
}

.gumche_story #tab-6 .inner_content4 .content_table tr th{
    font-size:16px;
    font-weight:600;
    border:1px solid #ccc;
    color:#333;
}

.gumche_story #tab-6 .inner_content4 .content_table tr th:nth-child(1){
    border-left:none;
}

.gumche_story #tab-6 .inner_content4 .content_table tr th:last-child{
    border-right:none;
}

.gumche_story #tab-6 .inner_content4 .content_table tr td{
    border:1px solid #ccc;
    padding:10px 0;
}

.gumche_story #tab-6 .inner_content4 .content_table tr td:first-child{
    border-left:none;
}

.gumche_story #tab-6 .inner_content4 .content_table tr td:last-child{
    border-right:none;
}

/*inner_content5*/

.gumche_story #tab-6 .inner_content5{
    padding-left:20px;
}

.gumche_story #tab-6 .inner_content5 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-6 .inner_content5 table{
    margin-top:20px;
    margin-bottom:40px;
}

.gumche_story #tab-6 .inner_content5 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story #tab-6 .inner_content5 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story #tab-6 .inner_content5 table tr td small{
    font-size:15px;
    display:block;
    color:#999999;
}

.gumche_story #tab-6 .inner_content5 .youtube_05{
    cursor:pointer;
    width: fit-content;
}

.gumche_story #tab-6 .inner_content5 .youtube_05{
    overflow:hidden;
    display:flex;
}

.gumche_story #tab-6 .inner_content5 .youtube_05 img{
    padding:20px;
}

.gumche_story #tab-6 .inner_content5 .youtube_05 > div{
    margin-top:50px;
}
.gumche_story #tab-6 .inner_content5 .youtube_05 > div strong{
    display:block;
    font-weight:600;
    margin:30px 0 10px 0;
}

.gumche_story #tab-6 .inner_content5 .youtube_05 > div span{
    display:block;
    margin-left:0;
    font-weight:600;
    color:#333;
}

.gumche_story #tab-6 .inner_content5 .youtube_05 > div b{
    display:block;
    color:#666;
}

/*inner_content6*/

.gumche_story #tab-6 .inner_content6{
    padding-left:20px;
}

.gumche_story #tab-6 .inner_content6 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-6 .inner_content6 .red_table_title{
    font-size:15px;
    font-weight:600;
    color:#f35b00;
    margin-top:0;
    margin-bottom:10px;
    background:none;
}

.gumche_story #tab-6 .inner_content6 table{
    margin-top:10px;
    margin-bottom:20px;
}

.gumche_story #tab-6 .inner_content6 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story #tab-6 .inner_content6 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

/*inner_content7*/

.gumche_story #tab-6 .inner_content7{
    padding-left:20px;
}

.gumche_story #tab-6 .inner_content7 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-6 .inner_content7 table{
    margin-top:10px;
    margin-bottom:20px;
}

.gumche_story #tab-6 .inner_content7 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story #tab-6 .inner_content7 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

/*inner_content8*/

.gumche_story #tab-6 .inner_content8{
    padding-left:20px;
}

.gumche_story #tab-6 .inner_content8 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-6 .inner_content8 table{
    margin-top:10px;
    margin-bottom:20px;
}

.gumche_story #tab-6 .inner_content8 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story #tab-6 .inner_content8 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

/*inner_content9*/

.gumche_story #tab-6 .inner_content9{
    padding-left:20px;
}

.gumche_story #tab-6 .inner_content9 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-6 .inner_content9 b{
    margin-bottom:20px;
    font-size:16px;
    color:#666;
    display:block;
    line-height:25px;
}

.gumche_story #tab-6 .inner_content9 table{
    margin-top:10px;
    margin-bottom:20px;
}

.gumche_story #tab-6 .inner_content9 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story #tab-6 .inner_content9 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

/*inner_content10*/

.gumche_story #tab-6 .inner_content10{
    padding-left:20px;
}

.gumche_story #tab-6 .inner_content10 h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story #tab-6 .inner_content10 p{
    margin-top:30px;
    margin-left:-10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-6 .inner_content10 table{
    margin-top:10px;
    margin-bottom:20px;
}

.gumche_story #tab-6 .inner_content10 table tr .n_td{
    width:20px;
    vertical-align: baseline;
}

.gumche_story #tab-6 .inner_content10 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story #tab-6 .inner_content10 .content_table{
    width:100%;
    border-top:2px solid #333;
    text-align: center;
}

.gumche_story #tab-6 .inner_content10 .content_table tr th{
    font-size:16px;
    font-weight:600;
    border:1px solid #ccc;
    color:#333;
    padding:20px;
}

.gumche_story #tab-6 .inner_content10 .content_table tr th:nth-child(1){
    border-left:none;
}

.gumche_story #tab-6 .inner_content10 .content_table tr th:last-child{
    border-right:none;
}

.gumche_story #tab-6 .inner_content10 .content_table tr td{
    border:1px solid #ccc;
    padding:15px;
}

.gumche_story #tab-6 .inner_content10 .content_table tr td:first-child{
    border-left:none;
}

.gumche_story #tab-6 .inner_content10 .content_table tr td p{
}

.gumche_story #tab-6 .inner_content10 .content_table tr td span{
    display:block;
}

.gumche_story #tab-6 .inner_content10 .content_table tr td:last-child{
    border-right:none;
}

@media (max-width: 768px) {
            .gumche_story #tab-6 .inner_content5 .youtube_05{
                display:block;
            }
            .gumche_story #tab-6 .inner_content5 .youtube_05 img{
                padding:0;
            }
            .gumche_story #tab-6 .inner_content5 .youtube_05 > div{
                margin-top:0;
            }
       
            .gumche_story #tab-5 .inner_content .sub_summury01_inner2 ul {
                margin-left: 0
                }
                .gumche_story #tab-6 .inner_content,
                .gumche_story #tab-6 .inner_content2,
                .gumche_story #tab-6 .inner_content3,
                .gumche_story #tab-6 .inner_content4,
                .gumche_story #tab-6 .inner_content5,
                .gumche_story #tab-6 .inner_content6,
                .gumche_story #tab-6 .inner_content7,
                .gumche_story #tab-6 .inner_content8,
                .gumche_story #tab-6 .inner_content9,
                .gumche_story #tab-6 .inner_content10,
                .gumche_story #tab-6 .inner_content11{
                padding-left:0;
            }
                .gumche_story #tab-6 .inner_content table,
                .gumche_story #tab-6 .inner_content2 table,
                .gumche_story #tab-6 .inner_content3 table,
                .gumche_story #tab-6 .inner_content4 table,
                .gumche_story #tab-6 .inner_content5 table,
                .gumche_story #tab-6 .inner_content6 table,
                .gumche_story #tab-6 .inner_content7 table,
                .gumche_story #tab-6 .inner_content8 table,
                .gumche_story #tab-6 .inner_content9 table,
                .gumche_story #tab-6 .inner_content10 table,
                .gumche_story #tab-6 .inner_content11 table {
                margin-left: 0;
            }
}

/*----------------------------- tab-7 ----------------------------*/

.gumche_story #tab-7{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story #tab-7 .inner_content{
}

.gumche_story #tab-7 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story #tab-7 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-7 .inner_content table{
    width:100%;
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story #tab-7 .inner_content table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-7 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story #tab-7 .inner_content table tr td .content_table{
    border-top:2px solid #333;
    margin:20px 0;
    width:100%;
    text-align: center;
}

.gumche_story #tab-7 .inner_content table tr td .content_table tr th{
    border:1px solid #ccc;
    border-bottom:1px solid #333;
    padding:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
}

.gumche_story #tab-7 .inner_content table tr td .content_table tr th:first-child{
    border-left:none;
}

.gumche_story #tab-7 .inner_content table tr td .content_table tr th:last-child{
    border-right:none;
}

.gumche_story #tab-7 .inner_content table tr td .content_table tr td{
    border:1px solid #ccc;
    padding:15px;
    font-size:15px;
    color:#777;
}

.gumche_story #tab-7 .inner_content table tr td .content_table tr td:first-child{
    border-left:none;
}

.gumche_story #tab-7 .inner_content table tr td .content_table tr td:last-child{
    border-right:none;
}

@media (max-width: 768px) {
          .gumche_story #tab-7 .inner_content p{
            margin-left:0;
          }
          .gumche_story #tab-7 .inner_content table{
            margin-left:0;
          }
          .table26_div{
            width: 100%;
            overflow-x: scroll;
          }
          .table26_div table{
            width:800px!important;
          }
}




/*----------------------------- tab-8 ----------------------------*/

.gumche_story #tab-8{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story #tab-8 .inner_content{
}

.gumche_story #tab-8 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story #tab-8 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-8 .inner_content table{
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story #tab-8 .inner_content table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-8 .inner_content table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

/*inner_content2*/

.gumche_story #tab-8 .inner_content2{
}

.gumche_story #tab-8 .inner_content2 p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-8 .inner_content2 table{
    width:100%;
    border-top:2px solid #333;
    text-align: center;
}

.gumche_story #tab-8 .inner_content2 table tr th{
    border:1px solid #ccc;
    font-size:16px;
    color:#333;
    padding:15px;
}

.gumche_story #tab-8 .inner_content2 table tr th:first-child{
    border-left:none;
}

.gumche_story #tab-8 .inner_content2 table tr th:last-child{
    border-right:none;
}

.gumche_story #tab-8 .inner_content2 table tr td{
    border:1px solid #ccc;
    color:#777;
    padding:15px;
    font-size: 15px;
    line-height: 1.3em;
}

.gumche_story #tab-8 .inner_content2 table tr td:first-child{
    border-left:none;
}

.gumche_story #tab-8 .inner_content2 table tr td:last-child{
    border-right:none;
}

.gumche_story #tab-8 .inner_content2 table tr .l_td{
    text-align: left;
}

.gumche_story #tab-8 .inner_content2 table tr td span{
    display:block;
    font-size:15px;
    line-height:1.5em;
    word-break: keep-all;
}

.gumche_story #tab-8 .inner_content2 table tr td .padding_span{
    padding-left:20px;
}

@media (max-width: 768px) {
    .gumche_story #tab-8 .inner_content2 table tr td .padding_span {
        padding-left: 0;
    }
    .gumche_story #tab-1 .inner_content p,
    .gumche_story #tab-2 .inner_content p,
    .gumche_story #tab-3 .inner_content p,
    .gumche_story #tab-4 .inner_content p,
    .gumche_story #tab-5 .inner_content p,
    .gumche_story #tab-6 .inner_content p{
        margin-left:0;
    }
    .gumche_story #tab-1 .inner_content1,
    .gumche_story #tab-1 .inner_content2,
    .gumche_story #tab-1 .inner_content3,
    .gumche_story #tab-1 .inner_content4{
        padding-left:0;
    }
    .gumche_story #tab-1 .inner_content table{
        margin-left:0;
    }
    .gumche_story #tab-1 .inner_content2 .youtube_05{
        display:block;
    }
    .gumche_story #tab-1 .inner_content2 .youtube_05 > img{
        padding:0;
    }
    .gumche_story #tab-1 .inner_content2 .youtube_05 > div{
        margin:0;
    }

    .gumche_story #tab-8 .inner_content p{
        margin-left:0;
    }
    .gumche_story #tab-8 .inner_content table{
        margin-left:0;
    }

}




/*----------------------------- tab-9 ----------------------------*/

.gumche_story #tab-9{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.gumche_story #tab-9 .inner_content{
}

.gumche_story #tab-9 .inner_content h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story #tab-9 .inner_content p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-9 .inner_content b{
    margin-bottom:20px;
    font-size:16px;
    color:#666;
    display:block;
    line-height:25px;
    padding-left:20px;
}

/*inner_content2*/

.gumche_story #tab-9 .inner_content2 p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-9 .inner_content2 table{
    width:100%;
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story #tab-9 .inner_content2 table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-9 .inner_content2 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}

.gumche_story #tab-8 .inner_content2 table tr th{
    border:1px solid #ccc;
    font-size:16px;
    color:#333;
    padding:15px;
}

.gumche_story #tab-9 .inner_content2 table tr td .content_table{
    width:100%;
    border-top:2px solid #333;
    margin:10px 0;
    text-align: center;
}

.gumche_story #tab-9 .inner_content2 table tr td .content_table tr th{
    border:1px solid #ccc;
    font-size:16px;
    font-weight:600;
    color:#333;
    padding:15px;
}

.gumche_story #tab-9 .inner_content2 table tr td .content_table tr th:first-child{
    border-left:none;
}

.gumche_story #tab-9 .inner_content2 table tr td .content_table tr th:last-child{
    border-right:none;
}

.gumche_story #tab-9 .inner_content2 table tr td .content_table tr td{
    border:1px solid #ccc;
    color:#777;
    padding:15px;
}

.gumche_story #tab-9 .inner_content2 table tr td .content_table tr td:first-child{
    border-left:none;
}

.gumche_story #tab-9 .inner_content2 table tr td .content_table tr td:last-child{
    border-right:none;
}

.gumche_story #tab-9 .inner_content2 table tr td .content_table tr .l_td{
    text-align: left;
}

/*inner_content3*/

.gumche_story #tab-9 .inner_content3 p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-9 .inner_content3 table{
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story #tab-9 .inner_content3 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}


.gumche_story #tab-9 .inner_content3 table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

.gumche_story #tab-9 .inner_content3 table tr td b{
    font-size:15px;
    color:#666;
    display:block;
    margin:5px 0;
    padding-left:22px;
}

.gumche_story #tab-9 .inner_content3 table tr td span{
    font-size:15px;
    color:#999;
    display: block;
}

/*inner_content4*/

.gumche_story #tab-9 .inner_content4{
}

.gumche_story #tab-9 .inner_content4 h1{
    margin-bottom:20px;
    font-size:21px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.gumche_story #tab-9 .inner_content4 p{
    margin-top:30px;
    margin-left:10px;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
    color:#333;
    background:url(/user/img/dot.png) no-repeat 0 7px;
    padding-left:10px;
}

.gumche_story #tab-9 .inner_content4 .orange_p{
    margin:10px 0 10px 10px;
    font-size:16px;
    font-weight:600;
    color:#e35500;
    padding-left:10px;
    background:none;
}

.gumche_story #tab-9 .inner_content4 table{
    margin-bottom:30px;
    margin-left:20px;
}

.gumche_story #tab-9 .inner_content4 table tr td{
    color:#666;
    padding:3px 0;
    line-height: 20px;
    font-size:15px;
}


.gumche_story #tab-9 .inner_content4 table tr .n_td{
    width:20px;
    font-weight:600;
    vertical-align: baseline;
    color:#d10000;
}

@media (max-width: 768px) {
    .gumche_story #tab-9 .inner_content p,
    .gumche_story #tab-9 .inner_content2 p,
    .gumche_story #tab-9 .inner_content3 p,
    .gumche_story #tab-9 .inner_content4 p{
        margin-left:0;
    }
    .gumche_story #tab-9 .inner_content4 .orange_p{
        margin:10px 0;
        padding-left:0;
    }
    .gumche_story #tab-9 .inner_content b{
        padding-left:0;
    }
    .gumche_story #tab-9 .inner_content2 table,
    .gumche_story #tab-9 .inner_content3 table,
    .gumche_story #tab-9 .inner_content4 table{
        margin-left:0;
    }
}




/*------------------------------------------------검사 의뢰 절차 페이지------------------------------------------------*/


.step_story{
    margin-bottom:5%;
}
.step_story .ank_tab{
    margin-top:160px;
    overflow:hidden;
}

.step_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.step_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
}

.step_story .ank_tab ul li:last-child{
    background: none;
}

.step_story .ank_tab ul li a{
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step_story .ank_tab ul li a.on{
    border-bottom:2px solid #333;
}

.step_story .talk_box{
    width: -webkit-fill-available;
    border-radius: 20px;
    box-shadow: 2px 2px 15px #f1f1f1;
    padding:50px;
    margin-bottom:30px;
    text-align: left;
    overflow: hidden;
}

.step_box{
    position: relative;
    margin-top: 50px;
}

.step_box .content_ttt{
    position: absolute;
    top: -228px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
}

.step_box .content_ttt p{
    font-size:2.5rem;
    font-weight: 600;
    margin-bottom:30px;
}

.step_box .content_ttt span{
    font-size:1rem;
    color:#666;
}

.step_story .talk_box .talk_up{
    display:flex;
    margin-bottom:50px;
}

.step_story.talk_box .talk_down{
    display:flex;
}

.step_up{
    display:flex;
    width: -webkit-fill-available;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 2px 2px 15px #f1f1f1;
    overflow: hidden;
}

.step_up > div:nth-child(1){
    width:30%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step_up > div:nth-child(2){
    width:100%;
}

.step_up > div h1{
    font-family: "Brand New Hyosung OTF Medium";
    font-size:2rem;
    color:#bc1225;
}

.step_up > div h1 span{
    box-shadow: inset 0px -27px 0px #fcf3f4;
    padding: 0px 10px 2px 10px;
}

.step_up > div p{
    font-family: "Pretendard-Medium";
    font-size: 1.2rem;
    margin-bottom: 15px;
    color: #000;
    line-height: 1.25em;
    text-align: justify;
}

.step_up > div p b{
    color:#bc1225;
}

.step_up > div:nth-child(2) span{
    font-size: 1rem;
    line-height: 1.4em;
    color: #666;
    text-align: justify;
    word-break: keep-all;
    display: block;
}


.step_middle{
    display:flex;
    margin:50px 0;
    justify-content: center;
}

.step_circle{
    width: 205px;
    height: 205px;
    border-radius: 50%;
    border: 1px solid #ddd;
    color: #999;
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.step_circle_on{
    border: 0 solid white;
    background-color: #bc1125;
    color: white;
    box-shadow: 0px 0px 10px #bc1125;
}

.step_circle > div{


}

.step_circle span{
    font-size:1.5rem;
    display: block;
}

.step_circle img{
    width:30%;
    margin: 20px auto;
    display: block;
}

.step_circle b{
    font-size:1rem;
    display: block;
}

.stepNext{
    display:flex;
    justify-content: center;
    align-items: center;
    padding:0 1.5vh;
}

.stepNext img{
    width:28px;
    height: 20px;
}








.step_down{
    display:flex;
    background:#f8f9fa;
    margin:30px 0;
    border-radius:20px;
}

.step_down > div:nth-child(1){
    width:30%;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left:50px;
}

.step_down > div:nth-child(2){
    width:100%;
    padding:5vh;
}

.step_down > div h1{
    font-family: "Brand New Hyosung OTF Medium";
    font-size:1.4rem;
    color:#bc1225;
}

.step_down > div h1 span{
    color:#333;
}

.step_down > div p{
    font-family: "Pretendard-Medium";
    font-size: 1rem;
    color: #666;
    line-height: 1.5em;
    text-align: justify;
}

.step_down > div p b{
    color:#bc1225;
}

.step_down > div:nth-child(2) span{
    font-size: 1rem;
    line-height: 1.5em;
    color: #999;
    text-align: justify;
    display: block;
}


@media (max-width: 1400px) {
    .step_middle {
        display:grid;
        grid-template-columns: repeat(auto-fill, minmax(17%, 1fr));
    }
    .step_circle{
        width:200px;
        height:200px;
    }
    .step_up > div:nth-child(2) span {
        word-break: break-all;
    }
}

@media (max-width: 1024px) {
    .step_middle {
        grid-template-columns: repeat(auto-fill, minmax(17%, 1fr));
        grid-gap:10px;
    }
    .step_circle{
        width:160px;
        height:160px;
    }
    .step_circle span {
        font-size: 1.2rem;
    }
    .step_circle b {
        font-size: 0.8rem;
    }


    .step_up{
        display:block;
    }
    .step_up > div:nth-child(1) {
        width: 100%;
        display: block;
    }
    .step_up > div h1{
        margin-bottom:30px;
    }
    .step_up > div h1 span{
        padding:0;
    }


    .step_down{
        display:block;
    }
    .step_down > div:nth-child(1) {
        width: 100%;
        display: block;
        margin-top:30px;
    }

    .step_down > div h1 {
        padding-top: 30px;
    }

    .step_down > div:nth-child(2) {
        width: -webkit-fill-available;
        padding: 3vh 5vh;
    }
}

@media (max-width: 768px) {
    .step_middle {
        grid-template-columns: repeat(auto-fill, minmax(17%, 1fr));
        grid-gap:20px;
    }
    .step_circle{
        width:140px;
        height:140px;
    }
}

@media (max-width: 512px) {
    .step_middle {
        grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
        grid-gap:10px;
    }
    .step_circle{
        width:27vw;
        height:27vw;
    }
    .stepNext{
        display:none;
    }
    .step_circle img {
        margin: 10px auto;
    }
    .step_circle b {
        font-size: 0.68rem;
    }


    .step_up{
        display:block;
    }
    .step_up > div:nth-child(1) {
        width: 100%;
        display: block;
    }
    .step_up > div h1{
        margin-bottom:30px;
    }
    .step_up > div h1 span{
        padding:0;
    }


    .step_down{
        display:block;
    }
    .step_down > div:nth-child(1) {
        width: 100%;
        display: block;
        margin-top:30px;
    }

    .step_down > div h1 {
        padding-top: 30px;
    }

    .step_down > div:nth-child(2) {
        width: -webkit-fill-available;
        padding: 3vh 5vh;
    }
}


/*------------------------------------------------새소식페이지------------------------------------------------*/


.news_story{
    margin-bottom:5%;
    overflow:hidden;
}

.news_search{
    text-align: center;
    width: 32%;
    float: right;
}

.news_search form{
    margin: 0 auto;
    display: contents;
}

.news_search .n_right{
    display:flex;
    margin-bottom:50px;
    padding-bottom:10px;
    border-bottom:2px solid black;
}

.news_search form .n_right select{
    width:80px;
    border:none;
    font-size:1rem;
    background: url(/user/img/re/news/arrow.svg) no-repeat 100% 50%;
    background-size:12px;
}

.news_search form .n_right .search_text{
    border:none;
    width:100%;
    font-size:1rem;
    color:#333;
    padding-left:15px;
}

.news_search form .n_right .search_text::placeholder{
    color:#aaa;
}

.news_search form .n_right .search_bt{
    border:none;
    background: url(/user/img/re/news/search.png) no-repeat 0 50%;
    width: 30px;
    cursor:pointer;
}

.news_pic{
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    grid-gap: 35px;
    display: grid;
    -webkit-box-align: center;
    width: -webkit-fill-available;
    -ms-flex-align: center;
    float: right;
    margin-bottom: 60px;
    align-items: center;
}

.news_box{
    display:block;
}

.news_box > div{
    border:1px solid #ccc;
    overflow:hidden;
}

.news_box > div img{
    width:-webkit-fill-available;
    height: 250px;
    transition: 0.6s ease-out;
    cursor:pointer;
}

.news_box > div:hover img{
    transform: scale(1.07);
}

.news_box p{
    font-size:1rem;
    height: 50px;
    margin-top:20px;
    line-height:1.5em;
    white-space: pre-line;
    text-overflow: ellipsis;
    overflow: hidden;
    color:#333;
    cursor:pointer;
}

.news_box:hover p{
    opacity: 0.8;
}

.news_box span{
    display:block;
    margin-top:10px;
    color:#666;
    cursor:pointer;
}

.news_story .page_number{
    width:430px;
    margin-top:30px;
    display:block;
    overflow: hidden;
    text-align:center;
    margin: 100px auto 0 auto;
}

.news_story .page_number .prev_bt{
    float:left;
    margin-top: 12px;
    cursor:pointer;
    width: 17px;
}

.news_story .page_number .next_bt{
    float:right;
    margin-top: 12px;
    cursor:pointer;
    width: 17px;
}

.news_story .page_number ul{
    display:inline-block;
    margin-top:5px;
}

.news_story .page_number ul li{
    font-size: 15px;
    float: left;
    padding-top: 7px;
    color: #999;
    margin-left: 5px;
    margin-right: 5px;
    min-width: 20px;
    cursor: pointer;
}

.news_story .page_number ul li:hover{
    color:#333;
}

.news_story .page_number ul li.active{
    font-weight:600;
    padding: 7px 5px;
    background-color:#bc1225;
    color:#fff;
}

@media (max-width: 1024px) {
    .news_search {
        text-align: center;
        width: 100%;
        float: none;
    }
    .news_pic {
        grid-template-columns: repeat(auto-fill, minmax(55%, 1fr));
        grid-gap:50px 0;
    }
    .news_box p{
        height: auto;
    }
    .news_story .page_number {
        width: -webkit-fill-available;
        float: inline-end;
        margin:0;
    }

    .news_box > div img{
        height: auto;
    }
}

@media (max-width: 360px) {
    .news_story .page_number ul li {
        min-width: 15px!important;
    }
}

/*------------------------------------------------홍보 브로슈어 페이지------------------------------------------------*/


/*브로슈어*/
.bro_story{
    margin-bottom:10%;
    overflow:hidden;
}

.bro_story .bro_box{
    float:right;
    width:100%;
}

.bro_story .bro_box form{

}

.bro_story .bro_box .book_ul{
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
    grid-gap: 0 15px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bro_story .bro_box .book_ul li{
    margin: 0 auto;
    padding-bottom: 50px;
    min-width: -webkit-fill-available;
    text-align: center;
    overflow: hidden;
    margin-left:0!important;
}

.bro_story .bro_box .book_ul li img{
    width:200px;
    display:inline-block;
    border:1px solid #ccc;
}

.bro_story .bro_box .book_ul li > div{
    max-width:-webkit-fill-available!important;
    margin-top:10px;
}


.bro_story .bro_box .book_ul li a{
    color:#333;
    line-height:1.5em;
    cursor:pointer;
}

.bro_story .bro_box .book_ul li:hover a{
    opacity: 0.8;
}

/*홍보영상*/
.hongbo_story{
    margin-bottom:10%;
    overflow:hidden;
}

.hongbo_story .hongbo_box{
    float:right;
    width:100%;
}

.hongbo_story .hongbo_box form{

}


.hongbo_story .hongbo_box .book_ul{
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    grid-gap: 0 15px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hongbo_story .hongbo_box .book_ul li{
    margin:0;
    padding-bottom: 50px;
    min-width: -webkit-fill-available;
    text-align: center;
    overflow: hidden;
    margin-left:0!important;
    position:relative;
}

.hongbo_story .hongbo_box .book_ul li img{
    width: 22vw;
    height:280px;
    display: inline-block;
    border: 1px solid #ccc;
}

.hongbo_story .hongbo_box .book_ul li .youtube_bt{
    position: absolute;
    left: 50%;
    top: 40%;
    opacity: 0.5;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 65px;
    border:none;
}

.hongbo_story .hongbo_box .book_ul li > div{
    max-width:-webkit-fill-available!important;
    margin-top:10px;
}


.hongbo_story .hongbo_box .book_ul li p{
    color:#333;
    line-height:1.5em;
    word-break: keep-all;
    cursor:pointer;
}

.hongbo_story .hongbo_box .book_ul li span{
    color:#aaa;
    cursor:pointer;
}

.hongbo_story .hongbo_box .book_ul li:hover p,
.hongbo_story .hongbo_box .book_ul li:hover span{
    opacity: 0.8;
}

.hongbo_story .hongbo_box .book_ul li:hover .youtube_bt{
    opacity:1;
}



/*포토영상*/
.photo_story{
    margin-bottom:10%;
    overflow:hidden;
}

.photo_story .photo_box{
    float:right;
    width:100%;
    text-align: center;
}

.photo_story .photo_box form{

}


.photo_story .photo_box .book_ul{
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    grid-gap: 0 15px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.photo_story .photo_box .book_ul li{
    margin:0;
    padding-bottom: 50px;
    min-width: -webkit-fill-available;
    text-align: center;
    overflow: hidden;
    margin-left:0!important;
    position:relative;
}

.photo_story .photo_box .book_ul li img{
    display: inline-block;
    border: 1px solid #ccc;
}

.photo_story .photo_box .book_ul li .youtube_bt{
    position: absolute;
    left: 50%;
    top: 40%;
    opacity: 0.5;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 65px;
    border:none;
}

.photo_story .photo_box .book_ul li > div{
    max-width:-webkit-fill-available!important;
    margin-top:10px;
}


.photo_story .photo_box .book_ul li p{
    color:#333;
    font-weight:600;
    line-height:1.5em;
    cursor:pointer;
}

.photo_story .photo_box .book_ul li span{
    color:#aaa;
    cursor:pointer;
}

.photo_story .photo_box .book_ul li:hover p,
.photo_story .photo_box .book_ul li:hover span{
    opacity: 0.8;
}

.photo_story .photo_box .book_ul li:hover .youtube_bt{
    opacity:1;
}

._search{
    text-align: center;
    width: 32%;
    float: right;
}

._search form{
    margin: 0 auto;
    display: contents;
}

._search .n_right{
    display:flex;
    margin-bottom:50px;
    padding-bottom:10px;
    border-bottom:2px solid black;
}

._search form .n_right select{
    width:80px;
    border:none;
    font-size:1rem;
    background: url(/user/img/re/news/arrow.svg) no-repeat 100% 50%;
    background-size:12px;
}

._search form .n_right .search_text{
    border:none;
    width:100%;
    font-size:1rem;
    color:#333;
    padding-left:15px;
}

._searchform .n_right .search_text::placeholder{
    color:#aaa;
}

._search form .n_right .search_bt{
    border:none;
    background: url(/user/img/re/news/search.png) no-repeat 0 50%;
    width: 30px;
    cursor:pointer;
}

._more{
    font-size:1rem;
    color:#333;
    padding:20px 60px 20px 40px;
    background: url(/user/img/re/news/plus_btn.svg) no-repeat 80% 50% #f3f6f9;
    background-size:22px;
    border:none;
    border-radius:50px;
    text-align: center;
    font-weight:600;
    display:inline-block;
    cursor:pointer;
    margin:0 auto 50px auto;
}

._more b{
    display:none;
}

._more:hover{
    background-color:#dfe2e6;
}

@media (max-width: 1600px) {
    .hongbo_story .hongbo_box .book_ul li img,
    .photo_story .photo_box .book_ul li img {
        height: auto;
    }
    .hongbo_story .hongbo_box .book_ul li .youtube_bt,
    .photo_story .photo_box .book_ul li .youtube_bt {
        top: 35%;
    }
}

@media (max-width: 1024px) {
    .bro_story .bro_box .book_ul{
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    }
    .hongbo_story .hongbo_box .book_ul,
    .photo_story .photo_box .book_ul {
        grid-template-columns: repeat(auto-fill, minmax(55%, 1fr));
    }
    .hongbo_story .hongbo_box .book_ul li img,
    .photo_story .photo_box .book_ul li img {
        width: auto;
        height: 280px;
        display: inline-block;
        border: 1px solid #ccc;
    }
    .hongbo_story .hongbo_box .book_ul li .youtube_bt,
    .photo_story .photo_box .book_ul li .youtube_bt {
        top: 35%;
        width: 8vw;
        height: 6vh;
    }
    #modal #popup {
        width: 87%!important;
    }
    #modal #popup .popup_inner {
        padding: 20px;
    }
    #modal #popup .popup_inner iframe {
        width: 100% !important;
    }
    .searchModal .popup  {
        width: 87%!important;
    }
    .searchModal .popup  .popup_inner {
        padding: 20px;
    }
    .searchModal .popup  .popup_inner iframe {
        width: 100% !important;
    }
    ._search{
        width: 100%;
    }


}

@media (max-width: 512px) {
    .bro_story .bro_box .book_ul{
        grid-template-columns: repeat(auto-fill, minmax(55%, 1fr));
    }
    .hongbo_story .hongbo_box .book_ul li .youtube_bt,
    .photo_story .photo_box .book_ul li .youtube_bt {
        width: 10vw;
        height: 4vh;
    }
    #modal #popup {
        width: fit-content!important;
        height: fit-content!important;
    }
    #modal #popup .popup_inner {
        padding: 20px;
    }
    #modal #popup .popup_inner iframe {
        width: 325px !important;
        height: 245px !important;
    }
    .searchModal .popup {
        /*width: fit-content!important;*/
        height: fit-content!important;
    }
    .searchModal .popup .popup_inner {
        padding: 20px;
    }
    .searchModal .popup .popup_inner iframe {
        width: 325px !important;
        height: 245px !important;
    }
}




/*------------------------------------------------채용------------------------------------------------*/

.recruit_story{
    margin-bottom:5%;
    overflow:hidden;
}
.recruit_story .ank_tab{
    margin-top:20px;
    overflow:hidden;
}

.recruit_story .ank_tab ul{
    width: -webkit-fill-available;
    border: 1px solid #ccc;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    grid-gap: 0;
    display: grid;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.recruit_story .ank_tab ul li{
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    cursor:pointer;
}

.recruit_story .ank_tab ul li a{
    width: -webkit-fill-available;
    color: #000;
    text-align: center;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.recruit_story .ank_tab ul li:last-child{
    background: none;
}

.recruit_story .ank_tab ul li.current{
    border-bottom: 2px solid #333;
    color: #222;
}

.recruit_story .sub_summury01{
    width:100%;
    height:160px;
    background-size:100%;
    text-align:left;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.recruit_story img{
    margin:0 auto;
    text-align: center;
    display:block;
}

.recruit_story .sub_summury01 .sub_summury01_inner{
    float:left;
    padding-top:45px;
}

.recruit_story .sub_summury01 .sub_summury01_inner h1{
    font-size:30px;
    font-weight:600;
    color:#b51927;
    padding-left:75px;
    background:url(/user/img/sub/sil3.png) no-repeat 100% 0;
    width:140px;
}

.recruit_story .sub_summury01 .sub_summury01_inner2{
    float:left;
    padding-top:35px;
}

.recruit_story .sub_summury01 .sub_summury01_inner2 p{
    font-size:21px;
    font-weight:600;
    margin-bottom:20px;
    padding-left:60px;
    color:#222;
}

.recruit_story .sub_summury01 .sub_summury01_inner2 span{
    font-size:16px;
    color:#666666;;
    padding-left:60px;
    display:block;
    line-height:1.4em;
}

.recruit_story .sub_summury01 .sub_summury01_inner2 span b{
    color:#333;
}

.chayong_search{
    margin:50px 0 30px 0;
    overflow:hidden;
}

.chayong_search .sub_summury01_inner3{
    display:inline-block;
    cursor: pointer;
}

.chayong_search .sub_summury01_inner3 p{
    color:#bc1225;
    padding:15px 20px;
    font-size:1rem;
    border-radius: 25px;
    background:#f8e7e9;
}

.chayong_search .sub_summury01_inner3 p:hover{
    background-color:#d41111;
    color:#fff;
}


.recruit_search{
    float:right;
    text-align: center;
    width: 32%;
}



/*인재상*/

.injasang{
}

.injasang table{
    width:100%;
}

.injasang table tr th img{
    width:60%;
}

.injasang table tr .inja_td{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
}

.injasang table tr td p{
    font-size:22px;
    font-weight:600;
    color:#bc1225;
}

.injasang table tr td strong{
    display:none;
}

.injasang table tr td span{
    padding-left:25px;
    font-size:16px;
    color:#888;
}

.injasang table tr td span b{
    font-weight:600;
    color:#333;
}


@media (max-width: 1300px) {

}


@media (max-width: 1200px) {
    .injasang table tr th img{
        width:60%;
    }
    .injasang table tr td{
        padding-left:15px;
    }
    .injasang table tr .inja_td{
        background:none;
    }

    .injasang table tr td p{
        display:none;
    }
    .injasang table tr td strong{
        display:block;
        font-size:17px;
        margin:10px 0 20px 0;
        font-weight:600;
        color:#bc1225;
    }
    .injasang table tr td span{
        font-size:15px;
        padding-left:0;
        line-height:1.25em;
    }

}

@media (max-width: 768px) {
    .injasang table tr th img{
        width:100%;
    }
}

@media (max-width: 512px) {
        .injasang table tr th img{
        width:100%;
    }
    .injasang table tr td{
        padding-left:10px;
    }
        .injasang table tr td strong{
        display: block;
        font-size: 16px;
        margin: 0 0 10px 0;
        font-weight: 600;
        color: #bc1225;
    }
    .injasang table tr td span{
        font-size: 14px;
        padding-left: 0;
        word-break: keep-all;
        line-height: 1.25em;
    }

}

@media (max-width: 395px) {
        .injasang table tr td strong{
        display: block;
        font-size: 16px;
        margin: 0 0 10px 0;
        font-weight: 600;
        color: #bc1225;
    }
    .injasang table tr td span{
        font-size: 12px;
        padding-left: 0;
        word-break: keep-all;
        line-height: 1.25em;
    }

}



/*인사제도*/

._contentView{
    margin-top:50px;
}

.zikup{
}

.zikup p{
    font-size: 1.7rem;
    font-weight: 600;
    color: #bc1225;
    margin-bottom: 20px;
    text-align: left;
}

.zikup span{
    display: block;
    font-size: 1.05rem;
    color: #000;
    line-height:1.5em;
    text-align: left;
}

.zikup_process{
    overflow:hidden;
}

.zikup_process ul{
    width: -webkit-fill-available;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
    gap:0;
    display: grid;
    margin-top: 20px;
    margin-bottom: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    border-radius: 15px;
}

.zikup_process ul li{
    position: relative;
    height: 150px;
    padding:30px;
    display: grid;
}

.zikup_process ul li:nth-child(1){
    background:#b7b6b6;
}

.zikup_process ul li:nth-child(2){
    background:#969697;
}

.zikup_process ul li:nth-child(3){
    background:#797878;
}

.zikup_process ul li:nth-child(4){
    background:#524f4f;
}

.zikup_process ul li:nth-child(5){
    background:#f13c44;
}

.zikup_process ul li:nth-child(6){
    background:#bc1225;
}

.zikup_process ul li b{
    font-size:0.9rem;
    color:#fff;
}

.zikup_process ul li span{
    display: block;
    margin-top: 100px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff;
}

.zikup_process ul li img{
    position: absolute;
    right: -19px;
    top: 85px;
    z-index: 9;
    width: 40px;
}

.insajedo{
}

.insajedo > p{
    font-size: 1.7rem;
    font-weight: 600;
    color: #bc1225;
    margin-bottom: 20px;
    text-align: left;
}

.insajedo > span{
    font-size: 1.05rem;
    color: #666;
    text-align: left;
}

.insajedo > span b{
    font-size: 1.05rem;
    font-weight: 600;
    color: #333;
    text-align: left;
}

.insajedo .line_box{
    display:flex;
}

.insajedo .line_box .gojung_line{
    width:48%;
    position:relative;
}

.insajedo .line_box .gojung_line hr{
    height:1px;
    background: #333;
}

.insajedo .line_box .gojung_line em{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
    background: #fff;
    padding: 10px;
}

.insajedo .line_box .byundong_line{
    width: -webkit-fill-available;
    position:relative;
    margin-left: 2%;
}

.insajedo .line_box .byundong_line hr{
    height:1px;
    background: #333;
}

.insajedo .line_box .byundong_line em{
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
    background: #fff;
    padding: 10px;
}

.insajedo > ul{
    width: -webkit-fill-available;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    grid-gap: 0 ;
    display: grid;
    margin-top:20px;
    margin-bottom:50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.insajedo > ul li{
    border-radius: 15px;
    height: 235px;
    background:#f8f9fa;
}

.insajedo > ul li > div{
    margin-top:10%;
    text-align: center;
}

.insajedo > ul li > div em{
    font-size:1rem;
    line-height:1.5em;
    display: block;
    color:#888;
}

.insajedo > ul li > div strong{
    display: block;
    margin-top:25px;
    font-size:1.4rem;
    font-weight:600;
    color:#851b20;
}

.insajedo .jedo_ul{
    width: -webkit-fill-available;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    grid-gap: 0 2%;
    display: grid;
    margin-top:20px;
    margin-bottom:50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.insajedo .jedo_ul li{
    border-radius: 15px;
    height: 235px;
    background:#f8f9fa;
    text-align: center;
}

.insajedo .jedo_ul li img{
    display:block;
    margin:0 auto;
    text-align: center;
    padding:20px 30px;
}

.insajedo .jedo_ul li b{
    font-size:20px;
    font-weight:600;
    margin-bottom:10px;
    display:block;
}

.insajedo .jedo_ul li span{
    display:block;
    color:#555;
    line-height:1.5em;
}

.insajedo table{
    width:100%;
    border-top:2px solid #ccc;
}

.insajedo table tr td{
    border:1px solid #ccc;
    border-collapse: collapse;
    border-left:none;
    border-right:none;
    padding:20px 0;
}

.insajedo table tr td b{
    font-size:17px;
    font-weight:600;
    color:#333;
}

.insajedo table tr td span{
    font-size:15px;
    color:#666;
    margin-left:5px;
    line-height:1.5em;
}

.insajedo table tr .pa_td{
    border-bottom:none;
    padding-bottom:0;
}

.insajedo table tr .em_td{
    /* display:grid;
    grid-template-columns: repeat(auto-fill, minmax(17%, 1fr));
    grid-gap: 0 5px; */
    border-top:none;
}

.insajedo table tr td em{
    display:inline-block;
    padding: 15px 50px;
    border-radius:50px;
    background:#f8f9fa;
    margin:0 5px;
    text-align: center;
}


@media (max-width: 1300px) {
    .insajedo ul {
        /* grid-gap: 0 5px; */
    }
    .insajedo ul li > div em {
        font-size: 0.8rem;
    }
    .insajedo ul li > div strong {
        font-size: 1.1rem;
    }
}

@media (max-width: 1200px) {
    .zikup_process ul {
        grid-template-columns: repeat(auto-fill, minmax(28%, 1fr));
        display: grid;
    }
    .zikup_process ul li:nth-child(3) img{
        display:none;
    }
}


@media (max-width: 1024px) {
    .jedo_ul {
        grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
        grid-gap: 2%;
    }
}

@media (max-width: 768px) {
        .zikup_process ul {
        grid-template-columns: repeat(auto-fill, minmax(28%, 1fr));
        display: grid;
                grid-gap: 0;
    }
    .zikup_process ul li:nth-child(3) img{
        display:none;
    }
    .insajedo span {
        line-height: 1.25em;
    }
    .insajedo .jedo_ul {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    }
     .insajedo .jedo_ul li{
        width:250px;
        margin:10px auto;
        padding:20px;
     }
     .insajedo table tr td em{
        display:block;
     }
     .insajedo table tr td b {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 5px;
        color: #333;
     }
     
    .insajedo ul li > div em {
        font-size: 0.9rem;
    }
    .insajedo ul li > div strong {
        font-size: 1.3rem;
    }
    .insajedo table tr td em {
    margin: 10px !important;
    }
    .insajedo p {
        margin-top: 30px;
    }
     .insajedo .jedo_ul {
        margin-top:0!important;
    }
    .insajedo .jedo_ul li span{
        display:inline;
    }
        .insajedo .line_box{
        display:block;
    }
    .insajedo .line_box .gojung_line {
        width: 100%;
        top:5px;
    }
    .insajedo .line_box .gojung_line em {
        top: -18px;
        left: 50%;
        transform: translateX(-50%);
        padding: 10px;
    }
    .insajedo .line_box .byundong_line {
        width: -webkit-fill-available;
        position: relative;
        margin-left: 0;
        top: 320px;
    }
    .insajedo .line_box .byundong_line em {
        top: -18px;
        left: 50%;
        transform: translateX(-50%);
        padding:10px;
    }
    .jedo_li01{
        margin-bottom:40px!important;
    }
}

@media (max-width: 512px) {
    ._contentView {
    margin-top: 30px;
    }
    .insajedo ul {
        grid-template-columns: repeat(auto-fill, minmax(53%, 1fr));
        grid-gap: 20px;
    }
    .insajedo ul li {
        width: 80%;
        margin: 0 auto;
    }
 



    .zikup p {
        font-size: 1.5rem;
        margin-top: 30px;
    }
    .zikup_process ul {
        grid-template-columns: repeat(auto-fill, minmax(47%, 1fr));
        display: grid;
    }
    .zikup_process ul li{
        height: 50px;
    }
    .zikup_process ul li span {
        font-size: 1rem;
        margin-top:10px;
    }
    .zikup_process ul li img{
        display:none;
    }
    .zikup span {
        font-size: 1rem;
        text-indent: -12px;
        padding: 0 20px;
        margin-top: 10px;
        text-align: justify;
    }
}





/*복리후생*/

.bokri{
    overflow:hidden;
}

.bokri .bokri_even{
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.bokri .bokri_odd{
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.bokri strong{
    font-size:20px;
    font-weight:600;
    background:url(../user/img/re/chayong/red_dot.png) no-repeat 0 50%;
    margin:20px 0 40px 0;
    padding-left: 10px;
    color:#bc1225;
    display:block;
}

.bokri ul{
    margin-bottom:40px;
}

.bokri ul li{
    background: url(/user/img/re/chayong/longbar.png) no-repeat 100% 0;
    padding-left:40px;
}

.bokri ul li:nth-child(1){
    padding-left:0;
}

.bokri ul li img{
    margin-bottom:30px;
    height:45px;
}

.bokri ul li b{
    display:block;
    font-size:22px;
    font-weight:600;
    margin-bottom:10px;
    text-align: left;
    color:#333;
}

.bokri ul li span{
    display:block;
    font-size:15px;
    line-height:1.5em;
    color:#888;
}



@media (max-width: 1400px) {
.bokri ul li{
    padding-left:15px;
}
}


@media (max-width: 1024px) {
.bokri ul li{
    padding-left:20px;
}
.bokri ul li:nth-child(1){
    padding-left:20px;
}
.bokri .bokri_even {
    grid-template-columns: repeat(auto-fill, minmax(34%, 1fr));
    grid-gap: 20px 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.bokri .bokri_odd {
    grid-template-columns: repeat(auto-fill, minmax(34%, 1fr));
    grid-gap: 20px 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
}

@media (max-width: 768px) {
    .bokri ul li:nth-child(even){
        background:none;
    }
}

@media (max-width: 512px) {
    .bokri ul li{
        padding:0 20px;
    }
    .bokri ul li:nth-child(even){
        background:none;
    }
    .bokri ul li b{
        font-size:17px;
    }
    .bokri ul li span{
        display:inline;
        font-size:14px;
    }
}



/*채용절차*/

.test_step{
    overflow:hidden;
}

.test_step > div{
    border-bottom:1px solid #bc1225;
    padding-bottom:50px;
}

.step_pc{
    display:block;
    width:100%;
}

.step_m{
    display:none;
}

.test_step table{
    border-bottom:1px solid #ccc;
    width:100%;
}

.test_step table tr td{
    border-bottom:1px solid #ddd;
    padding:40px 0;
}

.test_step table tr td p{
    font-size:23px;
    font-weight:600;
    color:#bc1225;
    margin-bottom:20px;
}

.test_step table tr td b{
    font-size:15px;
    font-weight:600;
    display:block;
    margin-bottom:10px;
    color:#b27028;
}

.test_step table tr td span{
    font-size:15px;
    line-height:1.5em;
    color:#666;
}

@media (max-width: 1400px) {

}


@media (max-width: 1024px) {
    .step_pc{
        display:none;
    }

    .step_m{
        display:block;
        width: 60%;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .step_m{
        width: 80%;
    }
    .test_step table tr td{
    padding:30px 0;
    }

    .test_step table tr td p{
        font-size:18px;
    }

    .test_step table tr td p em{
        font-size:20px;
    }

    .test_step table tr td b{
        font-size:14px;
    }

    .test_step table tr td span{
        font-size:14px;
    }
}

@media (max-width: 512px) {
    
}








.recruit_search form{
    margin: 0 auto;
    display: contents;
}

.recruit_search .n_right{
    display:flex;
    /* margin-top:20px;
    margin-bottom:40px; */
    padding-bottom:10px;
    border-bottom:2px solid black;
}

.recruit_search form .n_right select{
    width:80px;
    border:none;
    font-size:1rem;
    background: url(/user/img/re/news/arrow.svg) no-repeat 100% 50%;
    background-size:12px;
}

.recruit_search form .n_right .search_text{
    border:none;
    width:100%;
    font-size:1rem;
    color:#333;
    padding-left:15px;
}

.recruit_search form .n_right .search_text::placeholder{
    color:#aaa;
}

.recruit_search form .n_right .search_bt{
    border:none;
    background: url(/user/img/re/news/search.png) no-repeat 0 50%;
    width: 30px;
    cursor:pointer;
}

@media (max-width: 512px) {
    .chayong_search .sub_summury01_inner3 p {
        font-size: 0.8rem;
    }
    .recruit_search {
        width: 100%;
        margin-top: 20px;
    }
    .chayong_search {
        margin: 30px 0 10px 0;
    }
    .chayong_story{
        overflow:visible;
        margin-bottom:15%!important;
    }
}

.recruit_story .notice_table{
    /* margin-top:10px; */
    overflow:hidden;
    float:right;
}
.recruit_story #content_ttt{
    position: absolute;
    top: -228px;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    color:#333;
}

.recruit_story #content_ttt p{
    font-size:2.5rem;
    font-weight: 600;
    margin-bottom:30px;
}



.recruit_story #jub_title{
    width:100%;
    height:160px;
    margin-top:70px;
    text-align: center;
}

.recruit_story #jub_title p{
    width: 100%;
    margin: 0 auto;
    font-size: var(--font-size-xl);
    color: #333;
    font-weight: 600;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px;
    -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
.recruit_story #jub_title span{
    font-size:1rem;
    line-height: 1.25rem;
    color:#666;
}

.recruit_story .recruit_table_mobile{
    display: none;
}

@media (max-width: 1024px) {
    .recruit_story .recruit_table{
        display:none;
    }
    .recruit_story .recruit_table_mobile{
        display: table;
    }
}

.recruit_story .notice_table .n_left{
    font-size:15px;
    margin-bottom:20px;
    float:left;
}

.recruit_story .notice_table .n_left b{
    font-weight:600;
    color:#333;
}

.recruit_story .notice_table .n_left span{
    color:#666;
}

.recruit_story .notice_table table{
    width:100%;
    /*   height:674px; */
    margin-top:10px;
    border-collapse: collapse;
    border-spacing: inherit;
}

.recruit_story .notice_table table tr th{
    font-size:1rem;
    font-weight:600;
    height:55px;
    border-top:2px solid #333;
    border-bottom:1px solid #333;
    color:#333;
}

.recruit_story .notice_table table .notice_header_td > td{
    background-color:#f7f7f7;
}

.recruit_story .notice_table table .notice_header_td > td span{
    font-size:1rem;
    border:1px solid #d10000;
    border-radius: 5px;
    background-color:#d10000;
    width:40px;
    height:25px;
    color:#fff;
    line-height: 1.6em;
    display:inline-block;
}

.recruit_story .notice_table table tr td{
    font-size:1rem;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    height:55px;
    color:#666;
    text-align: center;
    line-height:1.2em;
    letter-spacing:-0.5px;
    padding: 10px 0;
}

@media (max-width: 512px) {
    .recruit_story .notice_table table tr td{
        font-size:0.85rem;
    }
    .recruit_story .notice_table table tbody tr td:nth-child(4){
        padding:15px 15px 15px 0!important;
    }
    .recruit_story .notice_table table tbody tr td:nth-child(5){
        width:20%!important;
        font-size:0.7rem;
    }
    .recruit_story .notice_table table tr td a {
        line-height: 1.5em;
    }
    .recruit_search .n_right{
        margin-bottom:30px;
    }
    .recruit_story .ank_tab {
        margin-top: 70px;
    }
    .recruit_story #jub_title p{
        height: 160px;
    }
    .recruit_story #jub_title span{
        font-size:1rem;
        position: relative;
        display: flex;
        justify-content: center;
        top: -25px;
        line-height: 1.25rem;
        color: #666;
    }
}

.recruit_story .notice_table table tr td.left_td{
    text-align: left;
    padding-left:15px;
}

.recruit_story .notice_table table tr td a{
    color:#666!important;
    font-weight:500!important;
    letter-spacing:-0.5px;
}

.recruit_story .notice_table table tr td a:hover{
    text-decoration: underline;
}

.recruit_story .notice_table table tr td img{
    /*   margin-top: 4px; */
    vertical-align: -3px;

    /*   max-width: 150px; */
    max-width: 173px;
    max-height: 111px;
}

.recruit_story .notice_table .page_number{
    width: 430px;
    margin-top: 30px;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: 30px auto 0 auto;
}

@media (max-width: 1024px) {
    .recruit_story .notice_table .page_number{
        width: -webkit-fill-available;
    }
}

@media (max-width: 360px) {
    .recruit_story .notice_table .page_number ul li {
        min-width: 15px!important;
    }
}


.recruit_story .notice_table .page_number .prev_bt{
    float:left;
    margin-top: 12px;
    cursor:pointer;
}

.recruit_story .notice_table .page_number .next_bt{
    float:right;
    margin-top: 12px;
    cursor:pointer;
}

.recruit_story .notice_table .page_number ul{
    display: inline-block;
    margin-top: 5px;
}

.recruit_story .notice_table .page_number ul li{
    font-size:15px;
    float:left;
    color:#999;
    margin-left:5px;
    margin-right:5px;
    padding-top:7px;
    min-width: 20px;
    cursor:pointer;
}

.recruit_story .notice_table .page_number ul li:hover{
    color:#333;
}

.recruit_story .notice_table .page_number ul li.active{
    padding: 7px 5px;
    background-color: #bc1225;
    color:#fff;
}

.recruit_content .head{
    width: 100%;

}
.recruit_content .title{
    padding-top: 20px;
    font-size:1.7rem;
    font-weight:600;
    color:#333;
    text-align: left;
    margin-bottom:50px;
    word-break: keep-all;
    line-height: 1.25em;
}
.recruit_content .subject{
    display: block;
    font-size: 1.3rem;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: left;
    color: #333;
    word-break: keep-all;

}
.recruit_content .subject_content{
    display: block;
    font-size: 1rem;
    padding-left: 15px;
    line-height: 1.5em;
    text-align: left;
    word-break: keep-all;

}
.recruit_content .subject_content .num{
    font-family: 'sans-serif';
}
.recruit_content .subject_content_sub{
    margin: 5px 0 10px 0;
    font-size: 1rem;
    padding-left: 25px;
    text-align: left;
    display: block;
    line-height: 1.2em;
    word-break: keep-all;

}
.recruit_content .subject_content_sub .num{
    font-family: 'sans-serif';
}

.recruit_content .subject_table_back{
    overflow-x:hidden;
    margin-bottom:50px;
}
.recruit_content .subject_table{
    width: 100%;
    text-align:center;
    border-collapse: collapse;
    border-spacing: 0;
    overflow: hidden;
}

.recruit_content .subject_table tr{
}

.recruit_content .subject_table tr th{
    font-size:16px;
    font-weight:600;
    border-top:2px solid #333;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    background:#f3f6f9;
    color:#333;
    height:50px;
}

.recruit_content .subject_table tr td{
    color:#777777;
    padding:15px 20px;
    font-size:15px;
    height:50px;
    border:1px solid #ccc;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: left;
    line-height: 19px;
    word-break: keep-all;
}
.recruit_content .subject_table .table_center{
    text-align:center;
}
.recruit_content .subject_table .table_b{
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    color: #333;
}



@media (max-width: 768px) {
    .recruit_content .head{
        display: none;
    }
    .recruit_content .subject_table_back{
        overflow-x:scroll;
    }
    .recruit_content .subject_table{
        width:768px;
        overflow-x:scroll;
    }
}


/*------------------------------------------------공문페이지------------------------------------------------*/

.gongmoon_story{
    margin-bottom:5%;
    overflow:hidden;
}

.gongmoon_search{
    float:right;
    text-align: center;
    width: 32%;
}

@media (max-width: 1024px) {
    .gongmoon_search {
        width: 100%;
    }
}

.gongmoon_search form{
    margin: 0 auto;
    display: contents;
}

.gongmoon_search .n_right{
    display:flex;
    /* margin-top:20px;
    margin-bottom:40px; */
    padding-bottom:10px;
    border-bottom:2px solid black;
}

@media (max-width: 1400px) {
    .gongmoon_search .n_right{
        margin-bottom:30px;
    }
}

.gongmoon_search form .n_right select{
    width:80px;
    border:none;
    font-size:1rem;
    background: url(/user/img/re/news/arrow.svg) no-repeat 100% 50%;
    background-size:12px;
}

.gongmoon_search form .n_right .search_text{
    border:none;
    width:100%;
    font-size:1rem;
    color:#333;
    padding-left:15px;
}

.gongmoon_search form .n_right .search_text::placeholder{
    color:#aaa;
}

.gongmoon_search form .n_right .search_bt{
    border:none;
    background: url(/user/img/re/news/search.png) no-repeat 0 50%;
    width: 30px;
    margin-top:7px;
    cursor:pointer;
}

.gongmoon_story .notice_table{
    /* margin-top:10px; */
    overflow:hidden;
    float:right;
}

@media (max-width: 1024px) {
    .gongmoon_story .notice_table table colgroup,
    .gongmoon_story .notice_table table thead,
    .gongmoon_story .notice_table table tbody tr td:nth-child(1),
    .gongmoon_story .notice_table table tbody tr td:nth-child(2),
    .gongmoon_story .notice_table table tbody tr td:nth-child(3),
    .gongmoon_story .notice_table table tbody tr td:nth-child(6),
    .all_search_table colgroup,
    .all_search_table thead,
    .all_search_notice_table tbody tr td:nth-child(1),
    .all_search_notice_table tbody tr td:nth-child(2),
    .all_search_notice_table tbody tr td:nth-child(3),
    .all_search_notice_table tbody tr td:nth-child(6),
    .all_search_board_table tbody tr td:nth-child(1),
    .all_search_board_table tbody tr td:nth-child(4),
    .all_search_recruit_table tbody tr td:nth-child(1),
    .all_search_recruit_table tbody tr td:nth-child(6),
    .all_search_test_table{
        display:none!important;
    }

    .all_search_test_table_mobile,
    .all_search_test_table_mobile colgroup,
    .all_search_test_table_mobile thead{
        display: revert!important;
    }

}

.gongmoon_story .notice_table .n_left{
    font-size:15px;
    margin-bottom:20px;
    float:left;
}

.gongmoon_story .notice_table .n_left b{
    font-weight:600;
    color:#333;
}

.gongmoon_story .notice_table .n_left span{
    color:#666;
}

.gongmoon_story .notice_table table{
    width:100%;
    /*   height:674px; */
    margin-top:10px;
    border-collapse: collapse;
    border-spacing: inherit;
}

.gongmoon_story .notice_table table tr th{
    font-size:1rem;
    font-weight:600;
    height:55px;
    border-top:2px solid #333;
    border-bottom:1px solid #333;
    color:#333;
}

.gongmoon_story .notice_table table .notice_header_td > td{
    background-color:#f7f7f7;
}

.gongmoon_story .notice_table table .notice_header_td > td span{
    font-size:1rem;
    border:1px solid #d10000;
    border-radius: 5px;
    background-color:#d10000;
    width:40px;
    height:25px;
    color:#fff;
    line-height: 1.6em;
    display:inline-block;
}

.gongmoon_story .notice_table table tr td{
    font-size:1rem;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    height:55px;
    color:#666;
    text-align: center;
    line-height:1.2em;
    letter-spacing:-0.5px;
}

@media (max-width: 512px) {
    .gongmoon_story .notice_table table tr td{
        font-size:0.85rem;
    }
    .gongmoon_story .notice_table table tbody tr td:nth-child(4){
        padding:15px 15px 15px 0!important;
    }
    .gongmoon_story .notice_table table tbody tr td:nth-child(5){
        width:20%!important;
        font-size:0.7rem;
    }
    .gongmoon_story .notice_table table tr td a {
        line-height: 1.5em;
    }
    .gongmoon_search .n_right{
        margin-bottom:30px;
    }
}

.gongmoon_story .notice_table table tr td.left_td{
    text-align: left;
    padding-left:15px;
}

.gongmoon_story .notice_table table tr td a{
    color:#666!important;
    font-weight:500!important;
    letter-spacing:-0.5px;
}

.gongmoon_story .notice_table table tr td a:hover{
    text-decoration: underline;
}

.gongmoon_story .notice_table table tr td img{
    /*   margin-top: 4px; */
    vertical-align: -3px;

    /*   max-width: 150px; */
    max-width: 173px;
    max-height: 111px;
}

.gongmoon_story .notice_table .page_number{
    width: 430px;
    margin-top: 30px;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: 30px auto 0 auto;
}

@media (max-width: 1024px) {
    .gongmoon_story .notice_table .page_number{
        width: -webkit-fill-available;
    }
}

@media (max-width: 360px) {
    .gongmoon_story .notice_table .page_number ul li {
        min-width: 15px!important;
    }
}


.gongmoon_story .notice_table .page_number .prev_bt{
    float:left;
    margin-top: 12px;
    cursor:pointer;
    width: 17px;
}

.gongmoon_story .notice_table .page_number .next_bt{
    float:right;
    margin-top: 12px;
    cursor:pointer;
    width: 17px;
}

.gongmoon_story .notice_table .page_number ul{
    display: inline-block;
    margin-top: 5px;
}

.gongmoon_story .notice_table .page_number ul li{
    font-size:15px;
    float:left;
    color:#999;
    margin-left:5px;
    margin-right:5px;
    padding-top:7px;
    min-width: 20px;
    cursor:pointer;
}

.gongmoon_story .notice_table .page_number ul li:hover{
    color:#333;
}

.gongmoon_story .notice_table .page_number ul li.active{
    padding: 7px 5px;
    background-color: #bc1225;
    color:#fff;
}

.notice_view{
    margin-top:10px;
}


.notice_view .infoTable{
    border-top:2px solid #333;
    border-bottom:1px solid #ccc;
    width:100%;
}

.notice_view .infoTable tr th{
    background-color:#f7f7f7;
    border-bottom:1px solid #ccc;
    height:55px;
    font-size:15px;
    font-weight:600;
    color:#333;
}

.notice_view .infoTable tr td{
    border-bottom:1px solid #ccc;
    font-size:15px;
    color:#666;
    text-align:left;
    padding:15px;
    line-height:1.2em;
}

.notice_view .infoTable tr td.td_zip{
    color:#d10000;
}

.notice_view .infoTable tr td.td_zip ul li{
    cursor:pointer;
}

.notice_view .infoTable tr td.td_zip ul li:hover{
    text-decoration:underline;
}

.notice_view .infoTable tr td .folder_ico{
    margin-right:10px;
    vertical-align:-1px;
}

.notice_view .infoTableM{
    border-top:2px solid #333;
    /*border-bottom:1px solid #ccc;*/
    width:100%;
    display: none;
}

.notice_view .infoTableM tr th{
    background-color:#f7f7f7;
    border-bottom:1px solid #ccc;
    height:55px;
    font-size:15px;
    font-weight:600;
    color:#333;
}

.notice_view .infoTableM tr td{
    border-bottom:1px solid #ccc;
    font-size:15px;
    color:#666;
    text-align:left;
    padding:15px;
    line-height:1.2em;
}

.notice_view .infoTableM tr td.td_zip{
    color:#d10000;
}

.notice_view .infoTableM tr td .folder_ico{
    margin-right:10px;
    vertical-align:-1px;
}



.notice_content{
    /*padding-top: 20px;*/
    line-height: 1.5em;
}
.notice_content b{
    font-weight: bold;
}

.notice_content img {
    max-width: 32vw;
    display:block;
}

@media (max-width: 1024px) {
    .notice_content img {
        max-width:100%;
    }

}

@media (max-width: 768px) {
    .notice_content img {
        max-width: 90vw;
        height: auto !important;
    }

}

.notice_view .moveInfo{
    display: block;
}
.notice_view .moveInfoM{
    display: none;
}


.notice_view .moveTable{
    border-top:1px solid #333;
    border-bottom:1px solid #333;
    width:100%;
    margin-top:30px;
}



.notice_view .moveTable tr th{
    height:55px;
    font-size:15px;
    font-weight:600;
    background: url(/user/img/sub/sil2.png) no-repeat 102px 21px;
    color:#333;
}

.notice_view .moveTable tr td{
    font-size:15px;
    color:#666;
    padding-left:20px;
    text-align: left;
    cursor:pointer;
}

.notice_view .moveTable tr td:hover{
    text-decoration:underline;
}

.notice_view .back_notice{
    text-align: center;
}

.notice_view .back_notice span{
    font-size:15px;
    display: inline-block;
    border:1px solid #333;
    border-radius:5px 0 5px 0;
    margin-top:30px;
    padding:15px 30px;
    cursor:pointer;
}

@media (max-width: 768px) {

    .notice_view .infoTable{
        display: none;
    }
    .notice_view .infoTableM{
        display: table;
    }
    .notice_view .moveInfo{
        display: none;
    }
    .notice_view .moveInfoM{
        display: block;
    }
}

/*------------------------------------------------급여고시------------------------------------------------*/

.payroll_story{
    margin-bottom:5%;
    overflow:hidden;
}

.payroll_search{
    float:right;
    text-align: center;
    width: 32%;
}

@media (max-width: 1024px) {
    .payroll_search {
        width: 100%;
    }
}

.payroll_search form{
    margin: 0 auto;
    display: contents;
}

.payroll_search .n_right{
    display:flex;
    /* margin-top:20px;
    margin-bottom:40px; */
    padding-bottom:10px;
    border-bottom:2px solid black;
}

.payroll_search form .n_right select{
    width:80px;
    border:none;
    font-size:1rem;
    background: url(/user/img/re/news/arrow.svg) no-repeat 100% 50%;
    background-size:12px;
}

.payroll_search form .n_right .search_text{
    border:none;
    width:100%;
    font-size:1rem;
    color:#333;
    padding-left:15px;
}

.payroll_search form .n_right .search_text::placeholder{
    color:#aaa;
}

.payroll_search form .n_right .search_bt{
    border:none;
    background: url(/user/img/re/news/search.png) no-repeat 0 50%;
    width: 30px;
    cursor:pointer;
}

.payroll_story .notice_table{
    /* margin-top:10px; */
    overflow:hidden;
    float:right;
}

@media (max-width: 1024px) {
    .payroll_story .notice_table table colgroup,
    .payroll_story .notice_table table thead,
    .payroll_story .notice_table table tbody tr td:nth-child(1),
    .payroll_story .notice_table table tbody tr td:nth-child(4){
        display:none!important;
    }

}

.payroll_story .notice_table .n_left{
    font-size:15px;
    margin-bottom:20px;
    float:left;
}

.payroll_story .notice_table .n_left b{
    font-weight:600;
    color:#333;
}

.payroll_story .notice_table .n_left span{
    color:#666;
}

.payroll_story .notice_table table{
    width:100%;
    /*   height:674px; */
    margin-top:10px;
    border-collapse: collapse;
    border-spacing: inherit;
}

.payroll_story .notice_table table tr th{
    font-size:1rem;
    font-weight:600;
    height:55px;
    border-top:2px solid #333;
    border-bottom:1px solid #333;
    color:#333;
}

.payroll_story .notice_table table .notice_header_td > td{
    background-color:#f7f7f7;
}

.payroll_story .notice_table table .notice_header_td > td span{
    font-size:1rem;
    border:1px solid #d10000;
    border-radius: 5px;
    background-color:#d10000;
    width:40px;
    height:25px;
    color:#fff;
    line-height: 1.6em;
    display:inline-block;
}

.payroll_story .notice_table table tr td{
    font-size:1rem;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    height:55px;
    color:#666;
    text-align: center;
    line-height:1.2em;
    letter-spacing:-0.5px;
}

@media (max-width: 512px) {
    .payroll_story .notice_table table tr td{
        font-size:0.85rem;
    }
    .payroll_story .notice_table table tbody tr td:nth-child(4){
        padding:15px 15px 15px 0!important;
    }
    .payroll_story .notice_table table tbody tr td:nth-child(5){
        width:20%!important;
        font-size:0.7rem;
    }
    .payroll_story .notice_table table tr td a {
        line-height: 1.5em;
    }
    .payroll_search .n_right{
        margin-bottom:30px;
    }
}

.payroll_story .notice_table table tr td.left_td{
    text-align: left;
    padding-left:15px;
}

.payroll_story .notice_table table tr td a{
    color:#666!important;
    font-weight:500!important;
    letter-spacing:-0.5px;
}

.payroll_story .notice_table table tr td a:hover{
    text-decoration: underline;
}

.payroll_story .notice_table table tr td img{
    /*   margin-top: 4px; */
    vertical-align: -3px;

    /*   max-width: 150px; */
    max-width: 173px;
    max-height: 111px;
}

.payroll_story .notice_table .page_number{
    width: 430px;
    margin-top: 30px;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: 30px auto 0 auto;
}

@media (max-width: 1024px) {
    .payroll_story .notice_table .page_number{
        width: -webkit-fill-available;
    }
}

@media (max-width: 360px) {
    .payroll_story .notice_table .page_number ul li {
        min-width: 15px!important;
    }
}


.payroll_story .notice_table .page_number .prev_bt{
    float:left;
    margin-top: 12px;
    cursor:pointer;
}

.payroll_story .notice_table .page_number .next_bt{
    float:right;
    margin-top: 12px;
    cursor:pointer;
}

.payroll_story .notice_table .page_number ul{
    display: inline-block;
    margin-top: 5px;
}

.payroll_story .notice_table .page_number ul li{
    font-size:15px;
    float:left;
    color:#999;
    margin-left:5px;
    margin-right:5px;
    padding-top:7px;
    min-width: 20px;
    cursor:pointer;
}

.payroll_story .notice_table .page_number ul li:hover{
    color:#333;
}

.payroll_story .notice_table .page_number ul li.active{
    padding: 7px 5px;
    background-color: #bc1225;
    color:#fff;
}


/*------------------------------------------------관계법령------------------------------------------------*/
.statute_story{
    position: relative;
    top:-20px;
    margin-top:0px;
    margin-bottom:50px;
}

.statute_story .method{
    border-top:1px solid #ccc;
    width:100%;
    height: auto;
    padding:30px 20px;
    text-align: left;
}

.statute_story .method p{
    font-size:22px;
    font-weight:600;
    color:#b51927;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left:10px;
}

.statute_story .method ul{
    overflow:hidden;
    margin-top:10px;
}

.statute_story .method ul li{
    float:left;
    font-size:15px;
    border:1px solid #777;
    color:#666;
    margin-top:5px;
    padding:15px 20px;
    border-radius:5px 0 5px 0;
    margin-right:5px;
    cursor:pointer;
}

.statute_story .method ul li:hover{
    border:1px solid #b51927;
    background:#b51927;
    color:#fff;
}

.statute_story .method ul li a{
    color:#666;
}

.statute_story .method ul li:hover a{
    color:#fff;
}

.statute_story .last_method{
    border-bottom:1px solid #ccc;
}




/*------------------------------------------------자주하는 질문 페이지------------------------------------------------*/




/*faq*/

.faq_story .ank_tab{
    overflow:hidden;
}

.faq_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.faq_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
}

.faq_story .ank_tab ul li:last-child{
    background: none;
}

.faq_story .ank_tab ul li a{
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
}

.faq_story .ank_tab ul li.current{
    border-bottom:2px solid #333;
}

#container .faq_story .tab_common{
}

.faq_show{
    background-color: #f7f7f7;
}

.faq_story .tab_common .one_search{
    /* background:url(/user/img/sub/sub_bg2.png) no-repeat 0 0; */
    border-radius: 10px 0 10px 0;
    width:100%;
    height:70px;
    margin-top:50px;
    /* margin-bottom:30px; */
    overflow:hidden;
    position:relative;
}

.faq_story .tab_common .one_search span{
    float:left;
    /*   font-size:17px; */
    font-size:16px;
    color:#fff;
    background:#000;
    margin:10px 0px;
    padding:15px;
    /*   border-radius:20px 0 0 0; */
    border-radius:15px 0 0 0;
}

.faq_story .tab_common .one_search input{
    float: right;
    width: 25%;
    margin-top: 22px;
    border: none;
    border-bottom: 2px solid #000;
    padding-left: 15px;
    padding-bottom: 11px;
    padding-right: 40px;
    color: #000;
}



.faq_story .tab_common .one_search input::placeholder{
    color:#aaa;
    font-size:14px;
}

.faq_story .tab_common .one_search img{
    position: absolute;
    top: 25px;
    right: 15px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}



#container .faq_story .tab_common table{
    border-top:2px solid #333;
    width:100%;
    margin-top:50px;
    text-align: left;
}

#container .faq_story .tab_common table tr{
    width:100%;
}

#container .faq_story .tab_common table tr td.img_td{
    width:100px;
    /*height:55px;*/
    text-align: center;
    /* background-color:#f7f7f7; */
}

#container .faq_story .tab_common table tr td.img_td2{
    width:100px;
    height:55px;
    text-align: center;
    background-color:#f7f7f7;
}

#container .faq_story .tab_common table tr td{
    /*border-top:1px solid #ccc;*/
    border-bottom:1px solid #ccc;
    font-size:1.1rem;
    word-break: keep-all;
    padding:20px 0;
}

@media (max-width: 512px) {
    #container .faq_story .tab_common table tr td{
        font-size:1rem;
    }
    #container .faq_story .tab_common table tr td.img_td{
        width:70px;
    }

    #container .faq_story .tab_common table tr td.img_td2{
        width:70px;
    }
    .faq_story .tab_common .one_search input{
        float: none;
    }
}

#container .faq_story .tab_common table tr td.w_td{
    line-height: 1.5em;
}

#container .faq_story .tab_common table tr td a{
    color:#666666;
    display: block;
    line-height: 1.5em;
    padding: 15px 0 15px 25px;
}


#container .faq_story .tab_common table tr td a.bold{
    font-weight:600;
}

#container .faq_story .tab_common table tr td span{
    color:#666666;
    margin-left:25px;
    display: block;
    padding:15px 0 15px 20px;
    line-height: 1.5em;
    background:url(/user/img/sub/answer_arrow.png) no-repeat 0 19px;
}

#container .faq_story .empty{
    text-align: center;
    color:#666666 !important;
    display: block;
    line-height: 1.5em;
    padding: 15px 0 15px 25px;
}

#container .faq_story .asktd {
    display: flex;
    justify-content: space-between;
}
#container .faq_story .asktd a{
    max-width: 93%;
}
#container .faq_story .asktd i{
    max-width: 5%;
}
#container .faq_story .close_arrow {
    width: 30px;
    height: 12px;
    background: url(/user/img/re/up_arrow.svg) no-repeat 0 0;
    margin: 20px 0;
    display: inline-block;
    cursor: pointer;
}
#container .faq_story .open_arrow {
    width: 30px;
    height: 12px;
    background: url(/user/img/re/down_arrow.svg) no-repeat 0 0;
    margin: 20px 0;
    display: inline-block;
    cursor: pointer;
}




#container .faq_story .tab_common table tr td img{
    display:inline-block;
    vertical-align: -5px;
}

.hide {display:none;}
.show {}
.title td {cursor:pointer;}
.title td:hover{
    text-decoration: underline;
    font-weight:600;
    color:#333;
}

@media (max-width: 1024px) {
    .faq_story .tab_common .one_search input {
        width: -webkit-fill-available;
    }
}

@media (max-width: 945px) {
    .faq_story .ank_tab ul{
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
        border: none;
        grid-gap: 5px;

    }
    .faq_story .ank_tab ul li{
        background: none !important;
        text-align: center;
        border: 1px solid #ccc;
        border-collapse: collapse;
        box-sizing: border-box;
    }
}
@media (max-width: 768px) {

    .faq_story .ank_tab ul{
        grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));
        border: none;
        grid-gap: 5px;
    }
    .faq_story .ank_tab ul li{
        background: none !important;
        text-align: center;
        border: 1px solid #ccc;
        border-collapse: collapse;
        box-sizing: border-box;
    }

    #container .faq_story .asktd a{
        max-width: 85%;
    }
    #container .faq_story .asktd i{
        max-width: 10%;
    }


}

@media (max-width: 512px) {
    #container .faq_story .tab_common table tr td a{
        padding:0;
        margin-right:20px;
    }
    #container .faq_story .tab_common table tr td span {
        margin-left: 0;
        margin-right: 20px;
        padding-left: 22px;
    }
    .faq_story .tab_common .one_search input {
        width: -webkit-fill-available;
        float: none;
    }
}


/*------------------------------------------------원클릭 페이지------------------------------------------------*/


.oneclick_story{
    position:relative;
}

.oneclick_story .ank_tab{
    margin-bottom:50px;
    overflow:hidden;
}

.oneclick_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.oneclick_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
}

.oneclick_story .ank_tab ul li:last-child{
    background: none;
}

.oneclick_story .ank_tab ul li a{
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
}

.oneclick_story .ank_tab ul li a.on{
    border-bottom:2px solid #333;
}

.oneclick_story .one_search{
    border-radius: 10px 0 10px 0;
    width:100%;
    height:70px;
    display:contents;
    margin-top:50px;
    margin-bottom:30px;
    overflow:hidden;
    position:relative;
}

.oneclick_story .one_search span{
    float:left;
    font-size:16px;
    color:#fff;
    background:#000;
    margin:10px 0px;
    padding:15px;
    border-radius:15px 0 0 0;
}

.oneclick_story .one_search input{
    float: right;
    width: 25%;
    margin-top: 22px;
    border: none;
    border-bottom: 2px solid #000;
    padding-left: 15px;
    padding-bottom: 11px;
    padding-right: 40px;
    color: #000;
}



.oneclick_story .one_search input::placeholder{
    color:#aaa;
    font-size:14px;
}

.oneclick_story .one_search img{
    position: absolute;
    top: 130px;
    right: 15px;
    width:16px;
    cursor:pointer;
}

.oneclick_story .one_more{
    width: 15%;
    margin-top: 10px;
    position: absolute;
    z-index: 1;
    background: #fff;
}

.oneclick_story .one_more .one_more_plus{
    border:1px solid #b21b2c;
    /*   border-radius: 20px 0 20px 0; */
    border-radius: 15px 0 15px 0;
    padding:20px 30px;
    cursor:pointer;
    overflow: hidden;
}

.oneclick_story .one_more .one_more_plus span{
    float:left;
    font-size:17px;
    font-weight:600;
    color:#b21b2c;
}

.oneclick_story .one_more .one_more_plus a{
    width:30px;
    height:50px;
    display: inline-block;
    position: absolute;
    right:30px;
}

.oneclick_story .one_more .one_more_plus img{
    float:right;
}

.oneclick_story .one_more_inner{
    border-top:none;
    border-left:1px solid #b21b2c;
    border-right:1px solid #b21b2c;
    border-bottom:1px solid #b21b2c;
    border-radius: 0 0 20px 0;
    padding:0 19.5px;
    position: absolute;
    background:#fff;
    top:58px;
    display:none;
    overflow-y: scroll;
    height: 50vh;
    width: -webkit-fill-available;
    z-index: 1;
}

.oneclick_story .one_more_inner2{
    border-top:1px solid #ccc;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
    grid-gap: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /*align-items: center;*/
    overflow: hidden;
}

.oneclick_story .one_more_inner ul{
    border-left:1px solid #fff;
    margin-top:30px;
    height:auto;
    margin-bottom:30px;
    padding:0 20px;
}

.oneclick_story .one_more_inner ul:first-child{
    border-left:none;
}

.oneclick_story .one_more_inner ul:nth-child(3) li:nth-child(12){
}

.oneclick_story .one_more_inner ul li{
    font-size:15px;
    color:#777;
    line-height:2em;
    letter-spacing:-0.025em;
    cursor:pointer;
}

.oneclick_story .one_more_inner ul li:hover{
    color:#333;
    text-decoration:underline;
}

/*전체목록보기 자음모음*/

.ahlpabet_list{
    margin:30px 0;
    border-top:1px solid #ccc;
    padding-top:30px;
    padding-left:20px;
    overflow:hidden;
}

.ahlpabet_list b{
    width: 25px;
    height: 25px;
    border: 1px solid #333;
    border-radius: 5px;
    margin: 3px;
    display: grid;
    float: left;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    cursor: pointer;
}

.ahlpabet_list b:hover{
    border:1px solid #bc1225;
    background:#bc1225;
    color:#fff;
}

.ahlpabet_inner{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
    grid-gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /*align-items: center;*/
    margin:20px 0;
    overflow: hidden;
}

.ahlpabet_inner dl{
    font-size:0.95rem;
    margin-left:20px;
    margin-bottom:10px;
}

.ahlpabet_inner dl dt:hover{
    color:#333;
    text-decoration:underline;
    cursor:pointer;
}

.ahlpabet_inner dl dt{
    margin:10px 0 7px 0;
    cursor:pointer;
    color:#666;
}

.ahlpabet_inner dl dd{
    cursor:pointer;
    color:#999;
}

@media (max-width: 1600px) {
    .ahlpabet_inner dl{
        font-size:0.8rem;
    }
}

@media (max-width: 768px) {
    .oneclick_story .one_search input{
        width:62%;

    }
    .ahlpabet_list b{
        font-size:0.8rem;
        width:20px;
        height:20px;
        margin:5px;
    }
    .ahlpabet_inner{
        font-size:0.8rem;
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
        grid-gap: 0;
    }
    .ahlpabet_inner dl {
        margin-left:0;
        margin-bottom: 20px;
    }
    .oneclick_story .one_more_inner2{
        display:none;
    }
    .ahlpabet_list{
        padding-left:0
    }
}



.oneclick_story .one_click{
    padding-top: 120px;
}

.oc_ul01{
    overflow:hidden;
}

._ulOneclick{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    grid-gap: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

._ulOneclick li{
    display:grid;
    cursor:pointer;
}

._ulOneclick li div img{
    width:-webkit-fill-available;
    max-width:386px;
}

._ulOneclick li p{
    font-size:1.05rem;
    font-weight:600;
    margin:25px 0 7px 0;
    color:#333;
}

._ulOneclick li span{
    font-size:1.05rem;
    color:#666;
}

._ulOneclick li b{
    font-size:0.9rem;
    display:block;
    margin-top:15px;
    color:#999;
}


.oneclick_story .page_number{
    width:430px;
    margin-top:30px;
    display:block;
    overflow: hidden;
    text-align:center;
    margin: 100px auto 0 auto;
}

.oneclick_story .page_number .prev_bt{
    float:left;
    margin-top: 12px;
    cursor:pointer;
    width:17px;
}

.oneclick_story .page_number .next_bt{
    float:right;
    margin-top: 12px;
    cursor:pointer;
    width:17px;
}

.oneclick_story .page_number ul{
    display:inline-block;
    margin-top:5px;
}

.oneclick_story .page_number ul li{
    font-size: 15px;
    float: left;
    padding-top: 7px;
    color: #999;
    margin-left: 5px;
    margin-right: 5px;
    min-width: 20px;
    cursor: pointer;
}

.oneclick_story .page_number ul li:hover{
    color:#333;
}

.oneclick_story .page_number ul li.active{
    font-weight:600;
    padding: 7px 5px;
    background-color:#bc1225;
    color:#fff;
}

@media (max-width: 1500px) {
    .oneclick_story .one_more .one_more_plus{
        height:15px;
    }

}
@media (max-width: 1240px) {
    .oneclick_story .one_more .one_more_plus span{
        display:none;
    }
    .oneclick_story .one_more {
        width: 57px;
    }
    .oneclick_story .one_more .one_more_plus a{
        right:17px;
    }


}

@media (max-width: 1024px) {
    ._ulOneclick {
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
        grid-gap: 50px;
    }
    .oneclick_story .one_more_inner2 {
        grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
        grid-gap: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: baseline;
    }
    .oneclick_story .one_more_inner ul {
        word-break: break-all;
    }
    .oneclick_story .one_more_inner ul li{
        font-size: 0.8rem;
    }
}

@media (max-width: 768px) {
    .oneclick_story .one_more_inner2 {
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
        grid-gap: 0;
    }
    .oneclick_story .one_more_inner ul {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .oneclick_story .one_more_inner ul li{
        font-size: 0.75rem;
    }
    .oneclick_story .page_number{
        width: -webkit-fill-available;
    }
}

/*원클릭 상세페이지*/

#oneclick_paper{
    text-align: center;
}

.icon_bt{
    float: right;
    margin: 0 0 20px 0;
    display: flex;
}

.icon_bt button{
    width:50px;
    height:50px;
    border:none;
    cursor:pointer;
}

.icon_bt button:nth-child(1){
    margin-right:7px;
    background: url(/user/img/re/print.png) no-repeat 0 0;
    background-size:contain;
}

.icon_bt button:nth-child(2){
    background: url(/user/img/re/upload.png) no-repeat 0 0;
    background-size:contain;
}

@media (max-width: 768px) {
    .icon_bt{
        display:none;
    }
}

.onemore_story #oneclick_paper{
    /*margin-top:50px;*/
}

.onemore_story #oneclick_paper img{
    width:100%;
}

.onemore_story .onclick_content_m{
    display: none;
}

.onemore_story .onclick_content_m img{
    width:100%;
}

.onemore_story .oneclick_table{
    margin-top:50px;
}



.onemore_story .oneclick_table > p{
    font-size: 21px;
    font-weight: 600;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left: 10px;
    text-align: left;
    color: #b51927;
}

.onemore_story .oneclick_table table{
    border-bottom:2px solid #333;
    margin-top:20px;
    width:100%;
}
.onemore_story .oneclick_table table tr th{
    font-size:16px;
    font-weight:600;
    border-top:2px solid #333;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    height:50px;
    color:#333;
}

.onemore_story .oneclick_table table tr th:nth-child(1){
    border-left:none;
}

.onemore_story .oneclick_table table tr td{
    font-size:15px;
    border:1px solid #ccc;
    height:20px;
    color:#777;
    line-height: 1.2em;
    padding:15px;
    text-align: center;
}

.onemore_story .oneclick_table table tr td p{

}

.onemore_story .oneclick_table table tr td:nth-child(1){
    border-left:none;
}

.onemore_story .oneclick_table table tr td:last-child{
    border-right:none;
}

.onemore_story .onclick_table_m{

    display: none;
}

.onemore_story .onclick_table_m table tr:nth-child(2) th{
    font-size:16px;
    font-weight:600;
    border-top:1px solid #333;
    /*border-left:1px solid #ccc;*/
    border-bottom:1px solid #ccc;
    height:50px;
    color:#333;
}

.onemore_story .onclick_table_m table tbody{
    border-top:2px solid #333;
}



.onemore_story .oneclick_info{
    margin-top:50px;
    border:2px solid #ededed;
    text-align: center;
    position: relative;
}

.onemore_story .oneclick_info table{
    overflow:hidden;
    display: inline-block;
    padding:25px 0;
}

.onemore_story .oneclick_info table tr th{
    font-size:15px;
    font-weight:600;
    width:110px;
    color:#333;
    padding-left:15px;
}

.onemore_story .oneclick_info table tr th img{
    margin-left:15px;
    vertical-align: -0.5px;
}

.onemore_story .oneclick_info table tr td{
    font-size:15px;
    padding-left:15px;
    color:#777;
    text-align: left;
}

.onemore_story .oneclick_info table tr td span{
    font-weight:600;
}

.onemore_story .oneclick_info table tr td ul{
}

.onemore_story .oneclick_info table tr td ul li{
    margin:5px 0;
    background:url(/user/img/oneclick/nemo_ico.png) no-repeat 0 1px;
    padding-left:20px;
    max-width: 350px;
}

.onemore_story .oneclick_info table tr td ul li a{
    color:#666;
}

.onemore_story .oneclick_info table tr td ul li a img{
    vertical-align: text-top;
    width:15px;
}

.onemore_story .oneclick_info table tr td ul li span{
    font-size:13px;
}
.onemore_story .oneclick_info_m{
    display: none;
}



#container .oneclick_page{
    margin-top:50px;
}

#container .oneclick_page ul{
    height: 50px;
    display:flex;
    justify-content: center;
    align-items: center;
    overflow:hidden;
}

#container .oneclick_page ul li{
    font-size:1rem;
    font-weight:600;
    text-align: center;
    padding:10px 0;
    color:#333;
}

#container .oneclick_page ul li:nth-child(2){
    width: -webkit-fill-available;
}

#container .oneclick_page ul li ._golist{
    font-weight: 600;
    background: #f3f6f9;
    border-radius: 106%;
    padding: 30px 60px;
    color: #333;
    cursor:pointer;
}

#container .oneclick_page ul li.left{
    width:10%;
    background:url(/user/img/re/more_prev.svg) no-repeat 25% 50%;
    background-size:15px;
    cursor:pointer;
}

#container .oneclick_page ul li.right{
    width:10%;
    background:url(/user/img/re/more_next.svg) no-repeat 75% 50%;
    background-size:15px;
    cursor:pointer;
}

#container .oneclick_page ul li span{
    color:#333;
    font-size:15px;
}

#container .oneclick_page ul li.left > span{
    margin-left:30px;
}

#container .oneclick_page ul li.right > span{
    margin-right:30px;
}


@media (max-width: 1024px) {
    .onemore_story .oneclick_info {
        display: none;
    }
    .onemore_story .oneclick_info_m {
        display: block;
        border: 2px solid black;
        border-radius: 15px;
    }
    .onemore_story .oneclick_info_m table{
        border-collapse: separate;
        border-spacing: 5px 5px;
    }
    .onemore_story .oneclick_info_m table tr td ul li{
        padding-left:0px;
    }


    /*.onemore_story .oneclick_info table tr th img{*/
    /*    display:none;*/
    /*}*/
    /*.onemore_story .oneclick_info table tr td {*/
    /*    padding-left: 0;*/
    /*    text-align: center;*/
    /*    display:block;*/
    /*}*/
    .onemore_story .oneclick_table {
        display: none;
    }
    .onemore_story .onclick_table_m {
        display: block !important;
    }
    #container .oneclick_page ul li.left {
        width: 35%;
    }
    #container .oneclick_page ul li.right {
        width: 35%;
    }
}

@media (max-width: 768px) {

    .onemore_story .oneclick_info table tr td ul li{
        background:unset;
    }

    .onemore_story #oneclick_paper{
        display: none;
    }

    .onemore_story .onclick_content_m{
        display: block;
    }
}

/*------------------------------------------------원클릭 신규 페이지------------------------------------------------*/

.onecc_story{
    margin-bottom:5%;
    overflow:hidden;
}

.onecc_story .ank_tab{
    margin-bottom:50px;
    overflow:hidden;
}

.onecc_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.onecc_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
}

.onecc_story .ank_tab ul li:last-child{
    background: none;
}

.onecc_story .ank_tab ul li a{
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
}

.onecc_story .ank_tab ul li a.on{
    border-bottom:2px solid #333;
}

.onecc_search{
    text-align: center;
    width: 32%;
    float: right;
}

.onecc_search form{
    margin: 0 auto;
    display: contents;
}

.onecc_search .n_right{
    display:flex;
    margin-bottom:50px;
    padding-bottom:10px;
    border-bottom:2px solid black;
}

.onecc_search form .n_right select{
    width:80px;
    border:none;
    font-size:1rem;
    background: url(/user/img/re/news/arrow.svg) no-repeat 100% 50%;
    background-size:12px;
}

.onecc_search form .n_right .search_text{
    border:none;
    width:100%;
    font-size:1rem;
    color:#333;
    padding-left:15px;
}

.onecc_search form .n_right .search_text::placeholder{
    color:#aaa;
}

.onecc_search form .n_right .search_bt{
    border:none;
    background: url(/user/img/re/news/search.png) no-repeat 0 50%;
    width: 30px;
    cursor:pointer;
}





.onecc_story .notice_table{
    width:100%;
    /* margin-top:10px; */
    overflow:hidden;
    float:right;
}






.onecc_story .notice_table .n_left{
    font-size:15px;
    margin-bottom:20px;
    float:left;
}

.onecc_story .notice_table .n_left b{
    font-weight:600;
    color:#333;
}

.onecc_story .notice_table .n_left span{
    color:#666;
}

.onecc_story .notice_table .onecc_contents{
    width: 100%;
    margin: 50px 0;
    grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));
    grid-gap: 60px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /*align-items: center;*/
    overflow: hidden;
}
.onecc_story .notice_table .onecc_contents > li{

}

.onecc_story .notice_table .onecc_contents > li:nth-child(1){
    margin-left:0;
}

.onecc_story .notice_table .onecc_contents > li > table{
    text-align: left;
    position:relative;
}

.onecc_story .notice_table .onecc_contents > li > table tr td{
    vertical-align:top;
}

.onecc_story .notice_table .onecc_contents > li > table tr td img{
    border:1px solid #ccc;
    cursor:pointer;
    min-width: 258px;
}

.onecc_story .notice_table .onecc_contents > li > table tr td p{
    width:95%;
    word-break: keep-all;
    height:auto;
    padding-left:20px;
    /*   margin-top:-5px; */
    font-size:1.2rem;
    font-weight:600;
    cursor:pointer;
    display: block;
    line-height: 1.5em;
    color:#333;
}

.onecc_story .notice_table .onecc_contents > li > table tr td p:hover{
    color:#b21b2c;
}

.onecc_story .notice_table .onecc_contents > li > table tr td span.i_title{
    font-size:1rem;
    display:block;
    color:#666;
    margin-top:30px;
    /*background:url(/user/img/dot.png) no-repeat 0 7px;*/
    margin-left:20px;
}

.onecc_story .notice_table .onecc_contents > li > table tr td span.i_time,
.onecc_story .notice_table .onecc_contents > li > table tr td span.i_story{
    color: #aaa;
    font-size: 1rem;
    margin-left:20px;
    display: block;
    margin-top: 10px;
    line-height: 1.2em;
}
.onecc_story .notice_table .onecc_contents > li > table tr td span.i_content{
    color: #aaa;
    font-size: 1rem;
    margin-left: 20px;
    display: block;
    margin-top: 20px;
    line-height: 1.2em;
    text-align: justify;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow:hidden;
}
.onecc_story .notice_table .onecc_contents > li > table tr td img {
    width:20vw;
    border: 1px solid #ccc;
    cursor: pointer;
}
.onecc_story .notice_table .onecc_contents .onecc_contents_info_mobile {
    display: none;
}


.onecc_story .notice_table .page_number{
    width: 430px;
    margin-top: 30px;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: 30px auto 0 auto;
}


.onecc_story .notice_table .page_number .prev_bt{
    float:left;
    margin-top: 12px;
    cursor:pointer;
    width:17px;
}

.onecc_story .notice_table .page_number .next_bt{
    float:right;
    margin-top: 12px;
    cursor:pointer;
    width:17px;
}

.onecc_story .notice_table .page_number ul{
    display: inline-block;
    margin-top: 5px;
}

.onecc_story .notice_table .page_number ul li{
    font-size:15px;
    float:left;
    color:#999;
    margin-left:5px;
    margin-right:5px;
    padding-top:7px;
    min-width: 20px;
    cursor:pointer;
}

.onecc_story .notice_table .page_number ul li:hover{
    color:#333;
}

.onecc_story .notice_table .page_number ul li.active{
    padding: 7px 5px;
    background-color: #bc1225;
    color:#fff;
}

@media (max-width: 1024px) {
    .onecc_story .notice_table .page_number{
        width: -webkit-fill-available;
    }

    .onecc_story .notice_table .onecc_contents{
        grid-template-columns: repeat(auto-fill, minmax(53%, 1fr));
    }
}
@media (max-width: 768px) {


    .onecc_story .notice_table .onecc_contents{
        grid-template-columns: repeat(auto-fill, minmax(53%, 1fr));
    }

    .onecc_story .notice_table .onecc_contents > li > table tr td img{
        width: 40vw;
        /*min-width: unset;*/
    }
}

@media (max-width: 512px) {
    .onecc_story .notice_table .onecc_contents > li > table {
        width: -webkit-fill-available;
    }
    .onecc_story .notice_table .onecc_contents > li > table colgroup{
        display:none;
    }

    .onecc_story .notice_table .onecc_contents > li > table tr td img{
        width: 100%;
        min-width: 158px;
    }
    .onecc_story .notice_table .onecc_contents > li > table tr td {
        vertical-align: top;
        display: flex;
    }

    .onecc_story .notice_table .onecc_contents > li > table tr td p {
        width: 100%;
        margin-top:15px;
        padding-left: 0;
        font-size: 1.1rem;
    }

    .onecc_story .notice_table .onecc_contents > li > table tr td span.i_title {
        margin-top:15px;
        margin-left: 0;
    }

    .onecc_story .notice_table .onecc_contents > li > table tr td span.i_time, .onecc_story .notice_table .onecc_contents > li > table tr td span.i_story {
        margin-left: 5px;
        line-height: 1.6rem;
    }

    .onecc_story .notice_table .onecc_contents .onecc_contents_info {
        display: none;
    }
    .onecc_story .notice_table .onecc_contents .onecc_contents_info_mobile {
        display: table-row;
    }

}


.mmp{
    display:none;
}
.mmn{
    border:none!important;
}
@media (max-width: 1024px) {
    /*.onecc_story .notice_table table tr td{*/
    /*    font-size:0.9rem;*/
    /*  }*/
    /*  .onecc_story .notice_table table tr td img{*/
    /*    max-width: 120px;*/
    /*  }*/
    /*  .onecc_story .notice_table table tbody tr td:nth-child(4){*/
    /*    width:20%!important;*/
    /*    font-size:0.9rem;*/
    /*  }*/
    /*  .onecc_story .notice_table table tr td a {*/
    /*    line-height: 1.5em;*/
    /*}*/
    .onecc_search{
        width:100%;
    }
    .onecc_search .n_right{
        margin-bottom:30px;
    }
    .left_td p font{
        font-size:1.1rem!important;
        line-height:1.5em;
    }
    .mmm{
        display:none;
    }
    .mmn{
        border:none!important;
    }
    .mmp{
        border: 2px solid red;
        height: 30px;
        font-size: 0.8rem!important;
        position: relative;
        border:none!important;
        top: -30px;
        display: flex !important;
        justify-content: end;
        color: #999!important;
    }
}

@media (max-width: 768px) {

}

@media (max-width: 360px) {
    .onecc_story .notice_table .page_number ul li {
        min-width: 15px!important;
    }
}




/*------------------------------------------------씨젠Talk페이지------------------------------------------------*/



.talk_story{
    margin-bottom:5%;
}


.talk_story .talk_box{
    /* width: -webkit-fill-available;
    border-radius: 20px;
    box-shadow: 2px 2px 15px #f1f1f1;
    padding:50px;
    margin-bottom:30px;
    text-align: left;
    overflow: hidden; */
    width: 100%;
    height:320px;
    background: url(/user/img/re/svg_talk.svg) no-repeat 9px 0;
    background-size: contain;
    text-align: left;
    margin-bottom: 50px;
    overflow: hidden;
}

.talk_story .talk_box .talk_up{
    display:flex;
    margin-top:5%;
    margin-bottom:50px;
}

.talk_story .talk_box .talk_down{
    display:flex;
}

.talk_up > div:nth-child(1){
    width:30%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.talk_up > div:nth-child(2){
    width:100%;
}

.talk_up > div h1{
    font-family: "Brand New Hyosung OTF Medium";
    font-size:2rem;
    color:#bc1225;
}

.talk_up > div h1 span{
    box-shadow: inset 0px -18px 0px #fcf3f4;
    padding-bottom: 7px;
}

.talk_up > div p{
    font-family: "Pretendard-Medium";
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #000;
    line-height: 1.25em;
    text-align: justify;
}

.talk_up > div p b{
    color:#bc1225;
}

.talk_up > div:nth-child(2) span{
    font-size: 1rem;
    line-height: 1.4em;
    color: #666;
    text-align: justify;
    display: block;
    word-break: break-all;
}


.talk_down > div b{
    font-size:1.2rem;
    font-weight:600;
    padding:15px 40px;
    background:#f3f6f9;
    border-radius:22.5px;
}

.talk_down > div:nth-child(1){
    width:30%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.talk_down > div:nth-child(2){
    width:100%;
    display:block;
    /* display: flex;
    justify-content: left;
    align-items: center; */
}

.talk_down > div:nth-child(2) span{
    font-size:1.1rem;
    font-weight:600;
    line-height:1.5em;
    color:#000;
}

.talk_down > div:nth-child(2) strong{
    display:block;
    margin-top:5px;
    font-size:13px;
    color:#888;
    line-height: 1.25em;
    font-weight: 400;
}

.talk_down > div:nth-child(2) .span_talkleft{
    margin-left:5px;
    display:inline-block;
}

.talk_down > div:nth-child(2) br{
    display:none;
}




.talk_img{
    width: -webkit-fill-available;
    border: 1px solid #ccc;
    border-radius: 20px;
    padding:40px;
}

.talk_img img{
    text-align: center;
    display: block;
    margin: 0 auto;
}

.talkimg{
    display:block!important;
}

.m_talkimg{
    display:none!important;
}

@media (max-width: 1600px) {
    .talk_up > div:nth-child(2) span {
        font-size: 0.9rem;
    }
}

@media (max-width: 1400px) {
    .talk_story .talk_box {
        height: auto;
        background: none;
    }
    .talk_story .talk_box .svg_box{
        display:none;
    }
    .talk_up > div:nth-child(2) span{
        display:inline;
    }
}

@media (max-width: 1024px) {
    .talk_story .talk_box .talk_up,
    .talk_up > div:nth-child(1),
    .talk_story .talk_box .talk_down,
    .talk_down > div:nth-child(1),
    .talk_down > div:nth-child(2){
        display:block;
    }

    .talk_up > div:nth-child(1),
    .talk_down > div:nth-child(1){
        width:100%;
        margin-bottom:5vh;
    }

    .talk_img img{
        width:100%;
    }

}

@media (max-width: 768px) {
    .talkimg{
        display:none!important;
    }

    .m_talkimg{
        display:block!important;
    }
    .talk_img {
        padding: 30px;
    }

}

@media (max-width: 512px) {
    .talk_down > div:nth-child(2) span em{
        display:none;
    }
    .talk_down > div:nth-child(2) br{
        display:block;
    }
    .talk_down > div:nth-child(2) .span_talkleft{
        margin-left:0;
    }
}


/*------------------------------------------------검사홍보영상 페이지------------------------------------------------*/



.gumhong_story{
    margin-bottom:5%;
    overflow:hidden;
}

.gumhong_story .haksul02{
    float:right;
    width:100%;
}

.gumhong_story .tab_common .sil_box .sil_bg > ul{
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    grid-gap: 45px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gumhong_story .tab_common .sil_box .sil_bg > ul li {
    position: relative;
    cursor:pointer;
}

.gumhong_story .tab_common .sil_box .sil_bg > ul li:hover > div p{
    opacity:0.8;
}

.gumhong_story .haksul02 .sil_box .sil_bg > ul li .youtube_bt{
    border: none;
    position:absolute;
    /*top:19%;*/
    height: 40px;
}

.gumhong_story .haksul02 .sil_box .sil_bg > ul li .thumbnail {
    width:-webkit-fill-available;
}

.gumhong_story .haksul02 .sil_box .sil_bg > ul li > div p {
    font-size:1.1rem;
    font-weight:600;
    margin:20px 0 60px 0;
    color:#333;
    text-align: center;
    cursor:pointer;
}

.gumhong_story ._more{
    display:table;
}

@media (max-width: 1024px) {
    .gumhong_story .tab_common .sil_box .sil_bg > ul{
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    }
}

@media (max-width: 512px) {
    .gumhong_story .tab_common .sil_box .sil_bg > ul{
        grid-template-columns: repeat(auto-fill, minmax(58%, 1fr));
        grid-gap:20px;
    }
}


/*------------------------------------------------학술자료페이지------------------------------------------------*/

.zaryo_story .ank_tab{
    margin-bottom:50px;
    overflow:hidden;
}

.zaryo_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.zaryo_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.zaryo_story .ank_tab ul li:last-child{
    background: none;
}

.zaryo_story .ank_tab ul li.current{
    border-bottom: 2px solid #333;
    color: #222;
}


.zaryo_story .tab_common .one_search{
    /* background:url(/user/img/sub/sub_bg2.png) no-repeat 0 0; */
    border-radius: 10px 0 10px 0;
    width:100%;
    height:70px;
    margin-bottom:30px;
    overflow:hidden;
    position:relative;
}

.zaryo_story .tab_common .one_search span{
    float:left;
    /*   font-size:17px; */
    font-size:16px;
    color:#fff;
    background:#000;
    margin:10px 0px;
    padding:15px;
    /*   border-radius:20px 0 0 0; */
    border-radius:15px 0 0 0;
}

.zaryo_story .tab_common .one_search input{
    float: right;
    width: 25%;
    margin-top: 22px;
    border: none;
    border-bottom: 2px solid #000;
    padding-left: 15px;
    padding-bottom: 11px;
    padding-right: 40px;
    color: #000;
}



.zaryo_story .tab_common .one_search input::placeholder{
    color:#aaa;
    font-size:14px;
}

.zaryo_story .tab_common .one_search img{
    position: absolute;
    top: 25px;
    right: 15px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}



/*학술자료콘텐츠*/

.zaryo_story .tab_common .sil_box .sil_bg{
    overflow:hidden;
}

.zaryo_story .tab_common .sil_box .sil_bg > ul{
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.zaryo_story .tab_common .sil_box .sil_bg > .book_gray{
    /* background:#eee; */
    /*   border-bottom:1px solid #ccc; */
}

.zaryo_story .tab_common .sil_box .sil_bg > ul li{
    position: relative;
    height: -webkit-fill-available;
    margin-bottom: 30px;
    text-align: center;
    display: grid;
    justify-content: center;
}

.zaryo_story .tab_common .sil_box .sil_bg > ul li a{
    font-size: 1rem;
    color: #333;
    max-width: 11vw;
    display: block;
}

.zaryo_story .tab_common .sil_box .sil_bg > ul li:nth-child(1){
    margin-left:0;
}

.zaryo_story .tab_common .sil_box .sil_bg > ul li:nth-child(2) a{
    letter-spacing:-0.5px;
}

.zaryo_story .tab_common .sil_box .sil_bg > ul li img{
    max-width: 215px;
    width:90%;
    /*height:300px;*/
    border:1px solid #ccc;
    cursor:pointer;
}

.zaryo_story .tab_common .sil_box .sil_bg > ul li div{
    display: flex;
    padding-top:20px;
    justify-content: center;
    word-break: keep-all;
    max-width:213px;
}

.zaryo_story .tab_common .sil_box .sil_bg > ul li div p{
    font-size:1rem;
    line-height: 2em;
    margin-top:8px;
    color:#333;
    cursor:pointer;
}

.zaryo_story ._more{
    display:table;
}


@media (max-width: 1500px) {
    .zaryo_story .tab_common .sil_box .sil_bg > ul {
        grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
        /*grid-gap: 25px;*/
    }
    .zaryo_story .tab_common .sil_box .sil_bg > ul li a {
        max-width: 33vw!important;
        font-size:1rem!important;
    }
}

@media (max-width: 1024px) {
    .zaryo_story .ank_tab{
        margin-bottom:40px;
    }
    .zaryo_story .ank_tab ul{
        border: none !important;
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)) !important;
        grid-gap: 5px !important;
    }
    .zaryo_story .ank_tab ul li{
        font-size:0.9rem;
        background: none !important;
        text-align: center;
        border: 1px solid #ccc;
        border-collapse: collapse;
        box-sizing: border-box;
    }
    .zaryo_story .tab_common .sil_box .sil_bg > ul {
        grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
        grid-gap:30px;
    }
    .zaryo_story .tab_common .sil_box .sil_bg > ul li{
        height: 270px;
    }
}

@media (max-width: 768px) {
    .zaryo_story .tab_common .sil_box .sil_bg > ul li a {
        max-width: 33vw!important;
        font-size:0.9rem!important;
    }
}

@media (max-width: 512px) {
    .zaryo_story .ank_tab ul{
        border: none !important;
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)) !important;
        grid-gap: 5px !important;
    }
    .zaryo_story .ank_tab ul li{
        font-size:0.9rem;
        background: none !important;
        text-align: center;
        border: 1px solid #ccc;
        border-collapse: collapse;
        box-sizing: border-box;
    }
    .zaryo_story .tab_common .sil_box .sil_bg > ul {
        grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));
        grid-gap:10px;
    }

    .zaryo_story .tab_common .sil_box .sil_bg > ul li{
        display: block;
    }

    .zaryo_story .tab_common .sil_box .sil_bg > ul li img {
        width: 160px;
        height: 215px;
    }
}




/*------------------------------------------------인사말페이지------------------------------------------------*/

.banner_box {
    position: absolute;
    height: 220px;
    overflow: hidden;
    min-width: 1280px;
    width: 100%;
    top: 120px;
    z-index: -9;
}

.banner_bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 220px;
    background: url(/user/img/sub/content_bg9.png) no-repeat 0 0;
    background-size: cover;
    z-index: -10;
    /* transition: all 1.7s ease;
    transform: scale(1.1) rotate(0deg); */
}

#container .sub_menu ul > ._submenu_2 > ul > li {
    width: 150px;
    left: -35px;
}

#container .sub_menu ul > ._submenu_5 > ul > li {
    width: 150px;
    left: -25px;
}

#container .sub_menu ul > li > ul > li {
    color: #888;
    font-size: var(--font-size-sm);
    display: block;
    height: 44px;
    width: 150px;
    left: -30px;
    border-top: none;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    line-height: 2.7em;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #fff;
}

/*greeting_story*/

.greeting_banner{
    background: url(/user/img/re/greeting/banner.png) no-repeat 0 0;
    background-size: 100%;
    position: absolute;
    width: -webkit-fill-available;
    height: 400px;
    top: 160px;
}

.center_box{
    display: block;
    padding-top:50vh;
    overflow:hidden;
}

.center_box p{
    font-size: var(--font-size-md-p2);
    font-weight:600;
    line-height: 1.5em;
    margin-bottom:15px;
}

.greeting_story {
    max-width: 1400px;
    margin: 0 auto;
    word-break: auto-phrase;
    margin-bottom:8%;
    overflow: hidden;
    display:flex;
}

@media (max-width: 1919px) {
    .greeting_banner{
        top: 10%;
    }
    .center_box{
        padding-top:30%;
    }
}

.greeting_story .left_box{
    /* height: 30vh; */
    width: 100%;
    margin-right: 60px;
}

.greeting_story .left_box p{
    text-align: justify;
    word-break: keep-all;
    /*word-break: break-all;*/
    font-size: var(--font-size-md-p2);
    line-height: 1.5em;
    margin-bottom:15px;
}

.greeting_story .point_text{
    font-weight:600;
    color:#bc1225;
}
.greeting_story .text_inline{
    white-space: nowrap;
}

.greeting_story .right_box{
    width: 100%;
    margin-right: 60px;
}

.greeting_story .right_box p{
    text-align: justify;
    word-break: keep-all;
    /*word-break: break-all;*/
    font-size: var(--font-size-md-p2);
    line-height: 1.5em;
    margin-bottom:15px;
}

@media (min-width: 1921px) {
    .greeting_banner {
        background: url(/user/img/re/greeting/banner.png) no-repeat 0 0;
        background-size: 100%;
        position: absolute;
        width: -webkit-fill-available;
        height: 600px;
        top: 160px;
    }
}


@media (max-width: 1600px) {
    .greeting_banner{
        top: 10%;
        background-size: 130%;
        background-position: center top;
    }
}

@media (max-width: 1200px) {
    .greeting_banner{
        height: 300px;
    }
}



@media (max-width: 1024px) {
    .greeting_story {
        display:contents;
    }

    .center_box p{
        font-size:1.4rem;
    }

    .greeting_story .left_box p,
    .greeting_story .right_box p{
        font-size:1rem;
    }
}

@media (max-width: 768px) {
    .greeting_banner{
        top: 180px;
    }
    .center_box p{
        font-size: 1rem;
        font-weight:600;
    }
    .greeting_story {
        display:block;
    }

    .greeting_story .left_box p{
        font-size: 1rem;
    }

    .greeting_story .right_box p{
        font-size: 1rem;
    }
    .greeting_banner{
        height: 200px;
    }
}

@media (max-width: 512px) {
    .greeting_banner{
        top: 160px;
    }
    .greeting_story .left_box p {
        text-align: justify;
        word-break: keep-all;
        letter-spacing: -0.2px;
    }
    .greeting_story .right_box p {
        text-align: justify;
        word-break: keep-all;
        letter-spacing: -0.2px;
    }
    .center_box {
        padding-top: 120%;
    }
    .greeting_banner{
        background: url(/user/img/re/greeting/greeting_m.svg) no-repeat 0 0;
        background-size: 100%;
        top:150px;
        height:560px;
    }
}



.tab-content {
    display: none;
}

.tab-content.current {
    display: inherit;
}


/*------------------------------------------------ci페이지------------------------------------------------*/

.sub_banner{
    overflow:hidden;
}

.sub_banner img{
    width:-webkit-fill-available;
}

.ci_story{
}

.ci_box{
    margin-top:60px;
}

.ci_box p{
    font-size:1.5rem;
    font-weight:600;
    color:#bc1225;
    margin-bottom:10px;
}

.ci_box span{
    font-size:1rem;
    display:block;
    color:#666;
    line-height:1.25em;
}

.ci_inner01{
    grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
    grid-gap:0px 0px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.ci_inner01 .ci_02{
    padding: 6vh 10vh;
    border: 1px solid #ccc;
    border-radius: 15px;
    text-align: center;
    margin-left: 5%;
}

@media (max-width: 1800px) {
    .ci_inner01 .ci_02 img{
        width:30%;
    }
}

.ci_inner02{
    display:grid;
}

.ci_inner02 .ci_03{

}

.ci_inner02 .ci_04{
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    grid-gap:15px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    margin-top:30px;
}

.ci_inner02 .ci_04 div{
    border: 1px solid #ccc;
    border-radius: 15px;
    text-align: center;
    padding: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ci_inner02 .ci_04 div img{
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}

@media (max-width: 1800px) {
    .ci_inner02 .ci_04 div img{
        width:50%;
    }
}

@media (max-width: 512px) {
    .ci_inner01{
        grid-template-columns: repeat(auto-fill, minmax(55%, 1fr));
    }
    .ci_inner01 .ci_02 {
        margin-top: 30px;
        margin-left:0;
    }
    .ci_inner02 .ci_04{
        grid-template-columns: repeat(auto-fill, minmax(75%, 1fr));
    }
}

.ci_inner03{

}

.ci_inner03 .ci_05{
    display: block;
}

.ci_05 span{
    line-height:1.5em;
}

.ci_inner03 .ci_06{
    grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));
    grid-gap: 15px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ci_inner03 .ci_06 div > div{
    border: 1px solid #ccc;
    border-radius: 15px;
    text-align: center;
    padding: 50px 0;
    height:120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ci_inner03 .ci_06 div > div img{
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}

@media (max-width: 1800px) {
    .ci_inner03 .ci_06 div:nth-child(1) > div img{
        width:40%;
    }

    .ci_inner03 .ci_06 div:nth-child(2) > div img{
        width:70%;
    }
}

@media (max-width: 512px) {
    .ci_inner03 .ci_06{
        display:block;
    }
    .ci_inner03 .ci_06 div:nth-child(1) > div img{
        width:70%;
    }

    .ci_inner03 .ci_06 div:nth-child(2) > div img{
        width:90%;
    }
}

.ci_box em{
    display:block;
    color:#bc1225;
    margin:20px 0 10px 0;
}

.ci_inner04{
    margin-top:0;
}

.ci_inner04 > div{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    grid-gap: 15px;
    display: grid;
    -webkit-box-align: center;
    border:1px solid #ccc;
    border-radius:15px;
    padding:10vh 2vh;
}

.ci_inner04 > div img{
    display: block;
    text-align: center;
    margin: 0 auto;
}

@media (max-width: 1800px) {
    .ci_inner04 > div img{
        width:70%;
    }
}

@media (max-width: 512px) {
    .ci_inner04 > div img{
        width:100%;
    }
}

.ci_inner05{
    margin-bottom:30px;
}

.ci_09{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    grid-gap: 15px;
    display: grid;
    -webkit-box-align: center;
    margin-top:30px;
}

.ci_09 img{
    width:90%;
    padding:5vh 2vh;
    border:1px solid #ccc;
    border-radius:15px;
}

@media (max-width: 1800px) {
    .ci_09{
        display:grid;
    }
    .ci_09 img{
        width:-webkit-fill-available;
        margin-bottom:15px;
    }
}

@media (max-width: 512px) {
    .ci_09{
        display:block;
    }
    .ci_09 img{
        width:-webkit-fill-available;
        margin-bottom:15px;
    }
}

.ci_story button{
    font-size:1rem;
    color:#333;
    padding:20px 60px 20px 40px;
    background: url(/user/img/re/ci/down_ico.png) no-repeat 80% 50% #f3f6f9;
    border:none;
    border-radius:50px;
    text-align: center;
    font-weight:600;
    display:block;
    cursor:pointer;
    margin:0 auto 50px auto;
}

.ci_story button:hover{
    background-color:#dfe2e6;
}


/*------------------------------------------------재단소개 / vision페이지------------------------------------------------*/

.vision_ggopsari{
    position: relative;
    display: flex;
    justify-content: center;
    top: -25px;
    line-height: 1.25rem;
    text-align: center;
    color:#666;
}

.jv_story{

}

.jv_tab{
    margin-top:30px;
    border: 1px solid #ccc;
    width: 100%;
    display: flex;
    overflow: hidden;
}

.jv_tab li{
    width:100%;
    height:50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.jv_tab li:nth-child(1){
    background: url(/user/img/bar.png) no-repeat 100% 50%;
}

.jv_tab li.current{
    color:#333;
    font-weight:600;
    border-bottom:2px solid #333;
}

.jv_story #tab-1{

}

.jadan_txt{

    margin-top:50px;
    margin-bottom:30px;
}

.jadan_txt p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size:2.2rem;
    color:#000;
}

.jadan_txt p br{
    display:none;
}

.jadan_txt p > span{
    font-family: "Brand New Hyosung OTF Medium";
    font-size:2.2rem;
    color:#000;
}

.jadan_txt h1{
    font-family: "Brand New Hyosung OTF Medium";
    font-size:2.5rem;
    font-weight:600;
    margin:10px 0 30px 0;
    color:#851b20;
}

.jadan_txt h1 b{
    color:#851b20;
}

.jadan_txt span{
    font-size:1rem;
    line-height:1.5em;
    color:#333;
}

.jadan_img{
    margin-bottom:50px;
    overflow:hidden;
}

.jadan_img img{
    max-width:100%;
}

.pc_jadan_ico{
    display:block;
}

.pc_jadan_ico img{
    width: -webkit-fill-available;
}

.pc_jadan_ico p{
    font-family: "Pretendard-Medium";
    font-size:1.8rem;
    font-weight:600;
    margin-bottom:30px;
    color:#bc1225;
}

.jadan_ico{
    display:none;
    overflow:hidden;
}

.jadan_ico p{
    font-family: "Pretendard-Medium";
    font-size:1.8rem;
    font-weight:600;
    margin-bottom:30px;
    color:#bc1225;
}

.jadan_ico ul{
    width:100%;
    grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.jadan_ico ul li{
    /* border-color:#fff #bc1225 #fff; */
    background:#fef8f8;
    border-radius:30px;
}

.jadan_ico ul li div{
    border:1px solid #fff;
    /* border-color:#bc1225 #bc1225 #fff;  */
    text-align: center;
    border-radius:30px;
    /* border: 1px solid #f2d0d3; */
    height: 25vh;
    color: #333;
    padding: 65px 80px;
}

.jadan_ico ul li div img{
}

.jadan_ico ul li div p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size:1.5rem;
    margin:40px 0 20px 0;
    color:#8b0f1d;
}

.jadan_ico ul li div em{
    font-size:1.1rem;
    color:#666;
}

.jadan_ico ul li div b{
    font-size:1.1rem;
    font-weight:600;
    display:block;
    margin:15px 0 5px 0;
    color:#333;
}

.jadan_ico ul li div span{
    font-size:1.1rem;
    display:block;
    line-height:1.25em;
    color:#666;
}

.jadan_ico ul li:nth-child(4) div span{
    text-align: left;
}

.jv_story #tab-2 img{
    width:100%;
    margin:5% auto 1% auto;
}

.jadan_merit{

}

.jadan_merit > p{
    font-family: "Pretendard-Medium";
    font-size: 1.8rem;
    font-weight: 600;
    margin-top:50px;
    margin-bottom: 30px;
    color: #bc1225;
}

.merit_box{
    width: -webkit-fill-available;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
    grid-gap: 0 20px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: baseline;
}

.merit_box > div{
    padding: 30px 20px;
    background: #f3f6f9;
    border-radius: 20px;
    margin-bottom: 15px;
}

.merit_box > div > p{
    font-family: "Brand New Hyosung OTF Medium";
    font-size: 1.1rem;
    width: 30px;
    padding: 5px 20px;
    color: #333;
    background: #dce3e9;
    /* padding: 8px 12px; */
    border-radius: 20px;
    display: block;
    margin-bottom: 15px;
    text-align: center;
    line-height: 1.5;
}

.merit_box > div > span{
    font-size: 0.91rem;
    line-height: 1.5em;
    color: #666;
}

@media (max-width: 1800px) {
    .pc_jadan_ico{
        display:none;
    }

    .jadan_ico{
        display:block;
    }
}



@media (max-width: 1600px) {
    .jadan_ico ul li div {
        height: 230px;
        padding: 5vh 0vw;
    }
    .jadan_ico ul li div p{
        font-family: "Brand New Hyosung OTF Medium";
        font-size:1.3rem;
    }

    .jadan_ico ul li div em{
        font-size:1rem;
    }

    .jadan_ico ul li div b{
        font-size:1rem;
    }

    .jadan_ico ul li div span{
        font-size:1rem;
    }

    .jadan_ico ul li:nth-child(4) div span{
        text-align: center;
    }
}

@media (max-width: 1024px) {
    .jadan_ico ul {
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    }
    .jadan_ico ul li div {
        height: 230px;
        padding: 5vh 0vw;
    }
    .jadan_ico ul li:nth-child(4) div span {
        text-align: center;
    }
    .jadan_ico ul li div p{
        font-family: "Brand New Hyosung OTF Medium";
        font-size:1.2rem;
    }

    .jadan_ico ul li div em{
        font-size:0.9rem;
    }

    .jadan_ico ul li div b{
        font-size:0.9rem;
    }

    .jadan_ico ul li div span{
        font-size:0.9rem;
    }
    .merit_box{
        grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
    }
}

@media (max-width: 768px) {
    .merit_box{
        grid-template-columns: repeat(auto-fill, minmax(55%, 1fr));
    }
}

@media (max-width: 512px) {
    .jadan_ico ul {
        grid-template-columns: repeat(auto-fill, minmax(53%, 1fr));
    }
    .jadan_ico ul li div {
        height: 30vh;
        padding: 5vh 5vw;
    }
    .jadan_ico ul li:nth-child(4) div span {
        text-align: center;
    }
    .jadan_ico ul li div p{
        font-family: "Brand New Hyosung OTF Medium";
        font-size:1.2rem;
    }

    .jadan_ico ul li div em{
        font-size:0.9rem;
    }

    .jadan_ico ul li div b{
        font-size:0.9rem;
    }

    .jadan_ico ul li div span{
        font-size:0.9rem;
    }
    .jadan_txt p {
        font-size: 2rem;
        line-height: 1.15;
        word-break: auto-phrase;
    }
    .jadan_txt h1 {
        font-size: 2.15rem;
    }
    .jadan_ico ul li div {
        height: inherit;
        padding: 45px 30px;
    }

    .jadan_txt span{
        text-align: justify;
        display:block;
    }

    .jadan_txt span br {
        display:none;
    }
    .jv_story #tab-2 img {
        margin: 15% auto 20% auto;
    }

    .jadan_txt p{
        font-size:1.5rem;
    }

    .jadan_txt p br{
        display:block;
    }

    .jadan_txt p > span{
        font-family: "Brand New Hyosung OTF Medium";
        font-size:1.5rem;
        color:#000;
    }
}




/*------------------------------------------------연혁페이지------------------------------------------------*/

.history_story{
    margin-bottom:10%;
}

.history_story .ank_tab{
    overflow:hidden;
}

.history_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.history_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
}

.history_story .ank_tab ul li:last-child{
    background: none;
}

.history_story .ank_tab ul li a{
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
}

.history_story .ank_tab ul li a.on{
    border-bottom:2px solid #333;
}

.history_inner{
    overflow:hidden;
}

.history_box{
    display:flex;
    padding-top:30px;
}

.sticky_area01{
    height:calc(100% - 300px);
    position: absolute;
}

.sticky_area02{
    height:calc(100% - 300px);
    position: absolute;
}

.sticky_area03{
    height:calc(100% - 300px);
    position: absolute;
}

.sticky_area04{
    height:calc(100% - 300px);
    position: absolute;
}

.h_sticky{
    /* position:-webkit-sticky; */
    position:sticky;
    top:175px;
    left:10px;
}

.h_sticky h2{
    font-size:2rem;
    font-weight:600;
    color:#bc1225;
    display:block;
    margin-bottom: 20px;
}

.h_sticky img{
    width: 90%;
    border-radius: 15px;
    /*background:red;*/
    max-width: 572px;
    max-height: 50vh;
}




.null_area{
    width:70%;
    display:block;
}






.history_txt{
    width:100%;
    margin-top:10px!important;
}


.history_txt tbody{
    margin:30px 0;
    display:table-caption;
}

.history_txt tbody tr td{
    vertical-align: baseline;
    padding:15px;
}

.history_txt tbody tr td b{
    font-size:1.5rem;
    font-weight:600;
    color:#bc1225;
}

.history_txt tbody tr td p{
    font-size:1.2rem;
    font-weight:600;
    color:#333;
}

.history_txt tbody tr td span{
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5em;
    color: #666;
    display: table-header-group;
    /* word-break: keep-all; */
}

.history_txt tbody tr td span:hover{
    opacity:0.8;
    cursor:pointer;
}

.history_txt tbody tr td span i{
    width: 1.2rem;
    height: 1.7rem;
    background: url(/user/img/re/history/img.svg) no-repeat 0% 50%;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 4px;
}

.mobile_hmg{
    display:none;
}

@media (max-width: 1800px) {
    .sticky_img{
        width:32%;
    }
    .h_sticky img{
        width: -webkit-fill-available;
        border-radius: 15px;
    }

    .history_txt tbody tr td span{
        font-size:1.1rem;
        font-weight:500;
        line-height:1.5em;
        color:#666;
        display:block;
    }

    .history_txt tbody tr td span i{
        width: 1.2rem;
        height: 1.7rem;
        background: url(/user/img/re/history/img.svg) no-repeat 0 50%;
        display: inline-block;
        vertical-align: bottom;
    }
}

@media (max-width: 1600px) {
    /* .history_box {
        overflow-y: scroll;
        height: 300vh;
    }
    .sticky_img {
        width: 34%;
        top: 20%;
    } */
}


/*------------------------------------------------안전보건 경영방침페이지------------------------------------------------*/

.safe_story{
    margin: 0 auto 10% auto;
    text-align: center;
}

.safe_story img{
    width: auto;
    max-width: 900px;
}

@media (max-width: 1024px) {
    .safe_story img{
        width: 100%;
    }
}

/*------------------------------------------------검색 페이지------------------------------------------------*/
.all_search_area_bg{
    position:relative;
    top:90px;
    width:100%;
    height:240px;
    background-color:#f7f7f7;
    border-bottom:1px solid #ccc;
    text-align: center;
}
.all_search_area_inner{
    width:80vw;
    display: inline-block;
}

.all_search_input_bg{
    background-color:#fff;
    border:1px solid #ccc;
    border-radius: 10px 0 10px 0;
    width:60%;
    height:90px;
    margin-top:65px;
    padding: 0 30px;
    overflow:hidden;
    position:relative;
    display:inline-block;
}
.all_search_input{
    float:left;
    font-size:17px;
    font-weight:600;
    width:-webkit-fill-available;
    margin-top:30px;
    border:none;
    border-bottom:2px solid #333;
    padding-left:10px;
    padding-right:50px;
    padding-bottom:8px;
    color:#333;
}

.all_search_input::placeholder{
    color:#ccc;
    font-size:17px;
    font-weight:500;
}

.all_search_input_ico{
    position:absolute;
    top:37px;
    right:40px;
    cursor:pointer;
    width:16px;
    height: 16px;
}

.all_search_result_text{
    margin-top:27px;
    font-size:23px;
    /* font-weight:600; */
    color:#333;
}
.all_search_result_text_m{
    margin-top:20px;
    font-size:23px;
    /* font-weight:600; */
    color:#333;
    display: none;
}

.all_search_result_point{
    font-size:23px;
    font-weight:600;
    color:#d10000;
}

@media (max-width: 1400px) {
    .all_search_input{
        width:-webkit-fill-available;
    }
}
@media (max-width: 1200px) {
    .all_search_input{
        width:-webkit-fill-available;
    }
}
@media (max-width: 1024px) {
    .all_search_input_bg{
        width:-webkit-fill-available;
    }

    .all_search_input{
        width:-webkit-fill-available;
    }
}
@media (max-width: 768px) {

    .all_search_input{
        width:-webkit-fill-available;
    }
    .all_search_result_text{
        display: revert;
    }
    .all_search_result_text_m{
        display: none;
    }
}
@media (max-width: 512px) {

    .all_search_result_text{
        display: none;
    }
    .all_search_result_text_m{
        display: revert;
        line-height: 1.25em;
    }

    .all_search_area_bg{
        position: relative;
        top: 90px;
        width: 100%;
        height: max-content;
        padding-bottom: 30px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ccc;
        text-align: center;
    }


    .all_search_input_bg{
        width:90%;
    }

    .all_search_input{
        width: -webkit-fill-available;
        padding-right: 30px;
    }

    .all_search_point {
        font-size: 0.9rem!important;
        font-weight: 600;
        color: #d41111;
    }

    .history_txt tbody tr td span i{
        display:none;
    }
}




.all_search_menu_info{
    padding-top:40px;
    display: flex;
    justify-content: space-between;
}

.all_search_menu_info .n_right {
    display: flex;
    align-items: center;
}

.all_search_menu_info .n_right span{
    cursor:pointer;
}

.all_search_menu{
    font-size:1.5rem;
    /*font-size:var(--font-size-md-p2);*/
    font-weight:600;
    color:#bc1225;
    margin-bottom:10px;
}
.all_search_menu_go{
    font-size:var(--font-size-md-p1);
    font-weight: 600;
    color: #333;
    cursor: pointer;
}

.all_search_point{
    font-size:18px;
    font-weight:600;
    color:#d41111;
}


.all_search_table {
    width:100%;
    /*   height:674px; */
    margin-top:10px;
    border-collapse: collapse;
    border-spacing: inherit;
    border-top:2px solid #333;
}

.all_search_table tr th{
    font-size:1rem;
    font-weight:600;
    height:55px;
    border-top:2px solid #333;
    border-bottom:1px solid #333;
    color:#333;
}

.all_search_table tr td{
    font-size:1rem;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    height:55px;
    color:#666;
    text-align: center;
    line-height:1.2em;
    letter-spacing:-0.5px;
}

@media (max-width: 512px) {
    .all_search_table tr td{
        font-size:0.85rem;
    }
    .all_search_notice_table tbody tr td:nth-child(4){
        padding:15px 15px 15px 0!important;
    }
    .all_search_notice_table tbody tr td:nth-child(5){
        width:20%!important;
        font-size:0.7rem;
    }
    .all_search_table tr td a {
        line-height: 1.5em;
    }
}

.all_search_table tr td.left_td{
    text-align: left;
    padding-left:15px;
}
.all_search_table tr td.right_td{
    text-align: right;
    padding-right:15px;
}

.all_search_table tr td a{
    color:#666!important;
    font-weight:500!important;
    letter-spacing:-0.5px;
}

.all_search_table tr td a:hover{
    text-decoration: underline;
}

.all_search_table tr td img{
    /*   margin-top: 4px; */
    vertical-align: -3px;

    /*   max-width: 150px; */
    max-width: 173px;
    max-height: 111px;
}

.all_search_table .faq_q_img{
    width:55px;
    height:55px;
    text-align: center;
    background-color:#f7f7f7;
}

.all_search_table .fac_a_answer{
    color:#d10000;
    margin-left:25px;
    display: block;
    padding:15px 0 15px 20px;
    line-height: 1.5em;
    background:url(/user/img/sub/answer_arrow.png) no-repeat 0 19px;
}

.all_search_table .faq_img{
    display:inline-block;
    vertical-align: -5px;
}
.all_search_table .all_search_test_table_mobile {
    display: none!important;
}

@media (max-width: 1600px) {
    .all_search_table .all_search_test_table_mobile {
        display: none!important;
    }
}
@media (max-width: 1800px) {
    .all_search_table .all_search_test_table_mobile {
        display: none!important;
    }
}

.hide {display:none;}
.show {}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* webkit specific styles go here */
    .faq_story table tr td span{
        background:url(/user/img/sub/answer_arrow.png) no-repeat 0 18px;
    }
}
.all_search_table .print_img{
    background: url(/user/img/sub/03sub_ico10.png) no-repeat 0 0;
    width: 18px;
    height: 17px;
    display: inline-block;
}
.all_search_table .down_img{
    background: url(/user/img/sub/03sub_ico08.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    display: inline-block;
}

/* 전체 검색 팝업 */
/*popup*/

.searchModal{
    position: fixed;
    z-index: 15;
    display: none;
}

.searchModal .popup_bg{
    position: fixed;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
    z-index: 7;
}

.searchModal .popup{
    width:955px;
    /* height:620px; */
    transform: translate(-50%,-50%);
    top:50%;
    left:50%;
    border-radius: 15px;
    background-color: #000;
    padding-bottom: 20px;
    opacity: 1;
    z-index: 10;
    position: fixed;
}

.searchModal .popup .arrow_left{
    position: absolute;
    top:40%;
    left:-70px;
    cursor:pointer;
}

.searchModal .popup .arrow_right{
    position: absolute;
    top:40%;
    right:-70px;
    cursor:pointer;
}

.searchModal .popup .popup_title{
    width: 100%;
    height: 65px;
    margin-bottom: 16px;
    border-radius: 15px 15px 0 0;
    background: url(/user/img/re/news/popup_title.png) no-repeat 0 0;
    background-size: cover;
    text-align: center;
    position: relative;
}

.searchModal .popup .popup_title span{
    font-size:1.5rem;
    font-weight:600;
    display: inline-block;
    color:#fff;
    margin-top:22px;
}

.searchModal .popup .popup_title b{
    position: absolute;
    top:20px;
    right:-35px;
    cursor: pointer;
}

.searchModal .popup .popup_inner{
    display: flex;
    justify-content: center;
    align-items: center;
}

.searchModal .popup .capsule_img{
    margin-top:40px;
    display:inline-block;
    width: 100%;
    text-align: center;
}

.searchModal .popup .capsule_img img{
    /*width:30px;*/
    max-width: 180px;
}
.searchModal .popup .capsule_table{
    padding:0 40px;
}

.searchModal .popup table{
    border-top:2px solid #333;
    width:100%;
    margin:40px 0;
}
.searchModal .popup table tr th{
    font-size:15px;
    font-weight:600;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    width:20%;
    height:50px;
    color:#333;
}

.searchModal .popup table tr td{
    font-size:15px;
    border-bottom:1px solid #ccc;
    width:80%;
    height:50px;
    color:#777;
    text-align: left;
    padding-left:20px;
}

@media (max-width: 512px) {
    .searchModal .popup .popup_title{
        display:flex;
        justify-content: center;
        align-items: center;
    }
    .searchModal .popup .popup_title span{
        font-size:1.1rem;
        margin-top:0;
    }
}






/*------------------------------------------------찾아오시는 길 페이지------------------------------------------------*/

.map_story{
    margin-bottom:10%;
}

.map_story .ank_tab{
    overflow:hidden;
}

.map_story .ank_tab ul{
    width:-webkit-fill-available;
    border:1px solid #ccc;
    overflow:hidden;
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.map_story .ank_tab ul li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
}

.map_story .ank_tab ul li:last-child{
    background: none;
}

.map_story .ank_tab ul li a{
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
}

.map_story .ank_tab ul li a.on{
    border-bottom:2px solid #333;
}

.map_story .ank_tab ul li.current{
    border-bottom: 2px solid #333;
    color: #222;
}


.map_inner{
}

.map_area{
    margin:70px 0;
    overflow:hidden;
    height: 467px;
}

.map_area h2{
    font-size:2rem;
    font-weight:600;
    color:#bc1225;
    display: block;
}

.map_address{
    margin-bottom: 15px;
    height: auto;
    float: right;
    width: 70.7%;
    overflow: hidden;
    height: 468px;
}

.map_address .ad_txt{
    float: left;
    margin-bottom: 30px;
    font-size: var(--font-size-md-p2);
}

.map_address .ad_bt{
    float: right;
    margin-top: 60px;
}

.map_address .ad_txt b{
    background: url(/user/img/re/location.svg) no-repeat 0 50%;
    background-size: 20px;
    height: 36px;
    padding-left: 25px;
    margin: 20px 0 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.map_address .ad_txt em{
    background: url(/user/img/re/call_ico.svg) no-repeat 0 50%;
    background-size: 20px;
    padding-left:25px;
}

.mapimg{
    height: 280px;
    width: 100%;
}

.map_img .centerimg{
    float: left;
    width: 390px;
    height: 428px;
}

.map_img .mapimg{
    float:right;
    margin-bottom:20px;
}

.map_address .ad_bt span{
    cursor:pointer;
}

.map_address .ad_bt span:hover{
    color:#fff;
}

.map_address .ad_bt span:nth-child(1){
    padding: 12px 40px;
    background: url(/user/img/re/map/kakao.png) no-repeat 82% 50% #f3f6f9;
    background-size: 10%;
    color: #333;
    text-align: center;
    line-height: 2.5em;
    border-radius: 25px;
    margin-right:10px;
}

.map_address .ad_bt span:nth-child(2){
    padding: 12px 40px;
    background: url(/user/img/re/map/naver.png) no-repeat 85% 50% #f3f6f9;
    background-size: 10%;
    color: #333;
    text-align: center;
    line-height: 2.5em;
    border-radius: 25px;
}









.content_title h1 {
    width: 100%;
    font-size: var(--font-size-lg);
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.5em;
    color: #333333;
}

.content_head {
    margin: 40px 0;
    width: 100%;
    /*height:170px;*/
    border-radius: 20px 0 20px 0;
    /*background:url(/user/img/sub/01sub_img04.png) no-repeat 0 0;*/
    background-size: 100%;
    text-align: left;
}

.content_head p {
    font-size: var(--font-size-md-p1);
    padding-top: 40px;
    padding-left: 70px;
    padding-bottom: 15px;
    color: black;
}

.content_head span {
    font-size: var(--font-size-md);
    color: black;
    padding-left: 70px;
    display: block;
    line-height: 1.2em;
}

.content_head_img {
    margin-top: 40px;
    float: left;
    width: 100vw;
    display: flex;
    justify-content: center;
}

.content_head_img .content_head_img_left {
    width: 45vw;
    position: relative;
    display: flex;
    justify-content: center;
}
.content_head_img .content_head_img_right {
    width: 45vw;
}

.content_head_img .head_img {
    border-radius: 10px 0 10px 0;
    cursor: pointer;
    width: 45vw;
}
.content_head_img .head_img_center_text {
    display: inline-block;
    position: absolute;
    padding: 12px 0 14px 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: var(--font-size-md-m1);
    font-weight: 600;
    border: 2px solid #fff;
    border-radius: 25px;
    /*left:36%;*/
    bottom: 35px;
    width: 15vw;
    text-align: center;
    cursor: pointer;
}

.content_head_img .head_img_title_back {
    padding: 0 0 0 20px;
    vertical-align: baseline;
    background: url(/user/img/check_room2/bg_title.png);
    width: 40vw;
    height: 30vh;
    border-radius: 20px 0 20px 0;
}
.content_head_img .head_img_title {
    font-size: var(--font-size-md-p1);
    font-weight: 600;
    color: #fff;
    padding: 70px 0 15px 40px;
}
.content_head_img .head_img_sub {
    font-size: var(--font-size-md);
    max-width: 35vw;
    color: #fff;
    line-height: 1.5em;
    padding-left: 40px;
    display: inline-block;
}

.content_head_img .head_img_title_content {
    padding-left: 20px;
}

.content_head_img .head_content_ul li {
    font-size: var(--font-size-md);
    color: #666;
    margin-bottom: 10px;
}

.content_title_symbol {
    font-size: var(--font-size-md-p1);
    font-weight: 600;
    color: #222;
    background: url(/user/img/check_room2/ico.png) no-repeat 0 0;
    padding-left: 25px;
    margin-top: 40px;
    margin-bottom: 15px;
}

.content_body_1 {
    margin-top: 50px;
    text-align: left;
}
.content_body_2 {
    display: inline-block;
    margin-top: 50px;
    text-align: left;
}

.content_body_title {
    font-size: var(--font-size-md-p1);
    font-weight: 600;
    margin-bottom: 20px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left: 10px;
    color: #b51927;
}

.content_body_content {
    font-size: var(--font-size-md);
    color: #666;
    line-height: 1.2em;
    margin-bottom: 30px;
    display: inline-block;
}

.content_body_img {
    margin-top: 40px;
    float: left;
    width: 100vw;
    display: flex;
    justify-content: center;
}

.content_body_img .content_body_img_left {
    width: 30vw;
    position: relative;
    display: flex;
    justify-content: center;
}
.content_body_img .content_body_img_right {
    width: 60vw;
    padding-left: 20px;
}

.content_body_img .content_body_img_title {
    font-size: var(--font-size-md-p1);
    font-weight: 600;
    color: #bc1225;
    padding-left: 10px;
    margin-bottom: 35px;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 4px;
}

.content_body_img .content_body_img_sub {
    font-size: var(--font-size-md);
    color: #333333;
    margin-bottom: 15px;
    display: block;
    line-height: 1.5em;
}

.content_body_img .content_body_img_sub2 {
    font-size: var(--font-size-md-m1);
    text-align: justify;
    color: #f25029;
    margin-bottom: 40px;
    display: block;
    margin-bottom: 5px;
    line-height: 1.2em;
}

/*gallery1*/

.content_body_gallery {
    overflow: hidden;
    width: 100%;
    padding-top: 30px;
}

.content_body_gallery li {
    width: 15vw;
    margin-right: 10px;
    border-radius: 10px 0 10px 0;
    float: left;
}

.content_body_gallery li:last-child {
    margin-right: 0;
}

.content_body_gallery li img {
    border-radius: 15px 0 15px 0;
    width: 14vw;
}

.content_body_g2_2 {
    overflow: hidden;
}

.content_body_g2_2 dl {
    float: left;
    margin: 25px 0;
    width: 40%;
    height: 277px;
    border-top: 2px solid #333;
    border-bottom: 1px solid #ccc;
    margin-left: 40px;
}

.content_body_g2_2 .dl01,
.content_body_g2_2 .dl02,
.content_body_g2_2 .dl03,
.content_body_g2_2 .dl04 {
    position: relative;
    margin-left: 25px;
}

.content_body_g2_2 dl dt {
    font-size: var(--font-size-md-p1);
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 55px;
    padding-bottom: 25px;
    border-bottom: 1px solid #999;
    color: #333333;
}

.content_body_g2_2 dl .dt04 {
    margin-bottom: 36px;
}

.content_body_g2_2 dl dd {
    font-size: var(--font-size-md);
    font-weight: 500;
    color: #505050;
    background: url(/user/img/dot.png) no-repeat 0 7px;
    padding-left: 10px;
    /*   margin-left:30px; */
    margin-left: 18px;
    text-align: left;
    line-height: 1.5em;
}

/*.content_body_g2_2 dl:nth-child(1){*/
/*    margin-left:0;*/
/*}*/

.content_body_g3_2 {
    overflow: hidden;
}

.content_body_g3_2 dl {
    float: left;
    margin: 25px 0;
    width: 30%;
    height: 250px;
    border-top: 2px solid #333;
    border-bottom: 1px solid #ccc;
    margin-left: 40px;
}

.content_body_g3_2 .dl01,
.content_body_g3_2 .dl02,
.content_body_g3_2 .dl03,
.content_body_g3_2 .dl04,
.content_body_g3_2 .dl05,
.content_body_g3_2 .dl06 {
    position: relative;
    margin-left: 25px;
}

.content_body_g3_2 dl dt {
    font-size: var(--font-size-md-p1);
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 55px;
    padding-bottom: 25px;
    border-bottom: 1px solid #999;
    color: #333333;
}

.content_body_g3_2 dl .dt04 {
    margin-bottom: 36px;
}

.content_body_g3_2 dl dd {
    font-size: var(--font-size-md);
    font-weight: 500;
    color: #505050;
    background: url(/user/img/dot.png) no-repeat 0 7px;
    padding-left: 10px;
    /*   margin-left:30px; */
    margin-left: 18px;
    text-align: left;
    line-height: 1.5em;
}
.content_body_g4_2 {
    overflow: hidden;
}

.content_body_g4_2 dl {
    float: left;
    margin: 25px 0;
    width: 22%;
    height: 250px;
    border-top: 2px solid #333;
    border-bottom: 1px solid #ccc;
    margin-left: 40px;
}

.content_body_g4_2 .dl01,
.content_body_g4_2 .dl02,
.content_body_g4_2 .dl03,
.content_body_g4_2 .dl04,
.content_body_g4_2 .dl05,
.content_body_g4_2 .dl06,
.content_body_g4_2 .dl07,
.content_body_g4_2 .dl08 {
    position: relative;
    margin-left: 25px;
}

.content_body_g4_2 dl dt {
    font-size: var(--font-size-md-p1);
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 55px;
    padding-bottom: 25px;
    border-bottom: 1px solid #999;
    color: #333333;
}

.content_body_g4_2 dl .dt04 {
    margin-bottom: 36px;
}

.content_body_g4_2 dl dd {
    font-size: var(--font-size-md);
    font-weight: 500;
    color: #505050;
    background: url(/user/img/dot.png) no-repeat 0 7px;
    padding-left: 10px;
    /*   margin-left:30px; */
    margin-left: 18px;
    text-align: left;
    line-height: 1.5em;
}
.content_tel {
    text-align: center;
    margin-top: 50px;
    width: 100%;
    border: 2px solid #b51927;
    border-radius: 15px 0 15px 0;
    overflow: hidden;
}

.content_tel p {
    font-size: 19px;
    font-weight: 600;
    width: 100%;
    height: 70px;
    border-radius: 10px 0 0 0;
    color: #b51927;
    line-height: 70px;
    display: ruby-base;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* webkit specific styles go here */
    .content_tel p {
        display: contents;
    }
}

.content_tel p::after {
    margin-left: 40px;
    font-family: sans-serif;
    font-weight: 300;
    color: #ccc;
    vertical-align: 5px;
    font-size: 15px;
}

.content_tel span {
    color: #555555;
    font-size: 17px;
    font-weight: 500;
    margin-left: 40px;
    vertical-align: 3px;
}

.content_tel span.span_left {
    margin-left: 40px;
}

.content_tel span b {
    color: #555555;
}



@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #container .greeting_story .notice_table .page_number {
        width: 265px;
        margin-top: 30px;
        clear: both;
        /*   display:inline-block; */
        display: table-caption;
        padding-left: 400px;
        overflow: hidden;
    }
}

@supports (-ms-ime-align: auto) {
    #container .greeting_story .notice_table .page_number {
        display: block;
        padding-top: 30px;
        margin-left: 40%;
    }
}

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
    #container .greeting_story .notice_table .page_number {
        width: 265px;
        margin-top: 30px;
        clear: both;
        /*   display:inline-block; */
        display: table-caption;
        padding-left: 400px;
        overflow: hidden;
    }
}

/*------------------------------------------------IRB------------------------------------------------*/
.irb_story{
    margin-top:20px;
    margin-bottom:5%;
    overflow:hidden;
}

.irb_story .tabs{
    width: -webkit-fill-available;
    border: 1px solid #ccc;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



.irb_story .tabs li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.irb_story .tabs li.current{
    border-bottom:2px solid #333;
}

.irb_story .tabs li:nth-child(4){
    background:none;
}

.irb_story .tab-content{
    overflow:hidden;
}

.irb_story .tab-content > p{
    font-size: 1.5em;
    color: #bc1225;
    border-bottom: 2px solid #bc1225;
    display: inline-block;
    margin: 30px 0 20px 0;
    font-weight: 600;
}

/* .irb_summery{
    position:relative;
    width:100%;
} */
.irb_1400{
    display:block;
    width: -webkit-fill-available;
}
.irb_1020{
    display:none;
    width: -webkit-fill-available;
}
.irb_summery_img{
    position:absolute;
    left:49.5%;
}

.irb_summery_title{
    margin:40px 0 20px 0;
    font-size:var(--font-size-lg);
    font-weight:600;
    color:#333;
    display:block;
}
.irb_summery_content_bg{
    background-color:#f7f7f7;
    border-radius:15px;
}
.irb_summery_content_bg2{
    background-color:#f7f7f7;
    border-radius:15px;
    padding-bottom:40px;
    margin-top:63px;
}

.irb_summery_content{
    color:#333;
    font-size: var(--font-size-md-p1);
    margin-top:63px;
    padding:40px 20px;
    display:block;
    line-height:25px;
    word-break: keep-all;
}
.irb_summery_content2{
    color:#333;
    font-size: var(--font-size-md-p1);
    margin-top:40px;
    padding:0 20px;
    display:block;
    line-height:25px;
    word-break: keep-all;
}

.irb_summery_content_sub{
    margin-top:10px;
    font-size:15px;
    display:block;
    line-height: 25px;
    color:#777777;
}


.irb_banner{
    margin-top:50px;
    width:100%;
    height:170px;
    border-radius:15px;
    background:url(/user/img/sub/01sub_img01.png) no-repeat 0 0;
    background-size:100%;
    text-align:left;
}

.irb_banner p{
    /*font-size:28px;*/
    font-size:var(--font-size-lg);
    padding-top:40px;
    padding-left:70px;
    padding-bottom:15px;
    /*   color:#832506; */
    color:#fff;
}

.irb_banner span{
    /*font-size:17px;*/
    font-size:var(--font-size-md-p1);
    width: 70vw;
    /*   color:#832506; */
    color:#fff;
    padding-left:70px;
    display:block;
    line-height:1.2em;
}

.irb_img_back{
    max-width: 90vw;
    overflow: auto;
    text-align: center;
}


.irb_guidline{
    background-color:#f7f7f7;
    margin-top:50px;
    margin-bottom:40px;
    padding:30px;
    border:1px solid #ccc;
    border-radius:15px;
    word-break: keep-all;
}

.irb_guidline p{
    margin-bottom:20px;
    color:#333333;
    font-size:16px;
}

.irb_guidline span{
    color:#666666;
    font-size:14px;
    line-height: 1.2em;
}
.irb_guidline_toogle{
    word-break: keep-all;

}

.irb_guidline_toogle > p{
    margin:30px 0 20px 0;
    font-size:21px;
    color:#333333;
}

.irb_guidline_toogle ul > li{
    border:1px solid #ccc;
    border-radius:15px;
    margin-bottom:10px;
    color:#333333;
    overflow:hidden;
}

.irb_guidline_toogle ul > li > p{
    color:#333;
    width:calc(100% - 40px);
    font-size:var(--font-size-md-p2);
    display:block;
    padding:20px 30px;
    float:left;
}

.irb_guidline_toogle ul > li > p.on{
    color:#b51927;
}

.irb_guidline_toogle ul > li > p.on span{
    background: url(/user/img/toggle_arrow2.png) no-repeat 0 3px; background-size:100%;
}

.irb_guidline_toogle ul > li > p span{
    background: url(/user/img/toggle_arrow.png) no-repeat 0 3px; background-size:100%;
    width:15px;
    height:15px;
    display:block;
    vertical-align:-5px;
    float:right;
    cursor:pointer;
}

.irb_guidline_toogle ul > li > div{
    display:none;
    /* width:100%; */
    padding: 25px 0;
    width: 95.5%;
    margin: 56px 30px 0 30px;
    border-top: 1px solid #ccc;
}

.irb_guidline_toogle ul > li > div > p{
    margin:0;
    margin-bottom:10px;
    display:block;
    font-size:var(--font-size-md-p1);
    color:#333333;
}

.irb_guidline_toogle ul > li > div > b{
    background:url(/user/img/dot.png) no-repeat 0 8px;
    margin-bottom:10px;
    display:inline-block;
    padding-left:10px;
    font-size:var(--font-size-md);
    color:#909090;
    width:calc(100% - 30px);
    line-height:1.5em;
}

.irb_guidline_toogle ul > li > div > small{
    padding-left:27px;
    font-size:var(--font-size-md-m1);
    color:#909090;
    display:block;
}

.irb_guidline_toogle ul > li > div span{
    color:#999999;
    font-size:14px;
    padding-left:25px;
    line-height: 1.5em;
    display: inline-block;
    word-break: keep-all;
}

.irb_guidline_toogle ul > li > div span b{
    display:block;
}

.irb_guidline_toogle ul > li > div > b.b_top{
    margin-top:20px;
}

.irb_guidline_toogle ul > li > div > p.p_top{
    margin-top:20px;
}

.irb_guidline_toogle .img_back{
    max-width: 90vw;
    overflow: auto;
}
.irb_guidline_toogle ul > li > div > img{
    width:1035px;

}

.irb_guidline_toogle ul > li > div > .sub_img{
    width:auto;
}
.irb_guidline_toogle ul > li > div > i{
    display:inline-block;
    padding-left:50px;
    font-size:var(--font-size-md-m1);
    color:#999999;
    line-height: 1.5em;
}

.irb_apply_view{
    display: revert;
}
.irb_apply_view_mobile{
    display: none;
}
.irb_apply1{
    margin-top:50px;
    overflow:hidden;
}

.irb_apply_img{
    display: revert;
}

.irb_apply1 > img{
    float:left;
    border-radius: 10px 0 10px 0;
    /*   margin-right:60px; */
    margin-right:30px;
    margin-bottom:50px;
}

.irb_apply1 .apply_table01{
    text-align: left;
    float:left;
}

.irb_apply1 .apply_table01 p{
    font-size:23px;
    color:#bc1225;
    margin-top:10px;
    font-weight:600;
}

.irb_apply1 .apply_table01 > img{
    margin:20px 0;
}

.irb_apply1 .apply_table01 table{
}

.irb_apply1 .apply_table01 table tr td{
    /*   font-size:15px; */
    font-size:14px;
    color:#333;
    line-height:25px;
    /*   padding-right:50px; */
    padding-right:25px;
}

.irb_apply2{
    /*   border-top:1px solid #ccc; */
    overflow:hidden;
}

.irb_apply2 > img{
    float:right;
    border-radius: 10px 0 10px 0;
    margin-top:50px;
    margin-bottom:50px;
}

.irb_apply2 .apply_table02{
    text-align: left;
    margin-right:50px;
    float:left;
    min-width:240px;
}

.irb_apply2 .apply_table02 p{
    font-size:23px;
    color:#bc1225;
    margin-top:85px;
    font-weight:600;
}

.irb_apply2 .apply_table02 > img{
    margin:20px 0;
}

.irb_apply2 .apply_table02 table{
}

.irb_apply2 .apply_table02 table tr td{
    /*   font-size:15px; */
    font-size:14px;
    color:#333;
    line-height:25px;
    /*   padding-right:50px; */
    padding-right:10px;
}

/*apply03*/

.irb_apply3{
    /*     border-top:1px solid #ccc; */
    overflow:hidden;
}

.irb_apply3 > img{
    float:left;
    border-radius: 10px 0 10px 0;
    margin-top:50px;
    /*     margin-right:60px; */
    margin-right:30px;
    margin-bottom:50px;
}

.irb_apply3 .apply_table03{
    text-align: left;
    float:left;
}

.irb_apply3 .apply_table03 p{
    font-size:23px;
    color:#bc1225;
    margin-top:110px;
    font-weight:600;
}

.irb_apply3 .apply_table03 > img{
    margin:20px 0;
}

.irb_apply3 .apply_table03 table{
}

.irb_apply3 .apply_table03 table tr td{
    /*     font-size:15px; */
    font-size:14px;
    color:#333;
    line-height:25px;
    /*     padding-right:50px; */
    /*     padding-right:10px; */
    padding-right:40px;
}





@media (max-width: 1280px) {
    .irb_apply{
        display: block;
    }
    .irb_apply_img{
        display:none;
    }
}
@media (max-width: 1100px) {
    .irb_banner{
        background-size:revert;
    }
}

@media (max-width: 1024px) {
    .irb_banner {
        background: url(/user/img/sub/01sub_img01.png) no-repeat 50% 0;
    }
    .irb_summery_content_sub {
        padding:0 20px;
    }
    .irb_1400{
        display:none;
    }
    .irb_1020{
        display:block;
    }
}

@media (max-width: 768px) {
    .irb_story .tabs{
        border: none !important;
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)) !important;
        grid-gap: 5px !important;
    }

    .irb_story .tabs li{
        font-size:0.9rem;
        background: none !important;
        text-align: center;
        border: 1px solid #ccc;
        border-collapse: collapse;
        box-sizing: border-box;
    }
    .irb_apply2 .apply_table02 p{
        margin-top:10vh;
    }
    .irb_apply3 .apply_table03 p{
        margin-top:10vh;
    }
}

@media (max-width: 512px) {
    /* .irb_story .tabs{
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    } */
    .irb_story .tabs li:nth-child(2){
        background:none;
    }
    .irb_banner p{
        padding-left:40px;
    }
    .irb_banner span{
        padding-left:40px;
    }
    .irb_guidline_toogle ul > li > div span{
        padding-right:20px;
    }
    .irb_guidline_toogle ul > li > div > small{
        padding-right:20px;
    }
    .irb_guidline_toogle .img_back{
        max-height: 70vh;
        overflow: auto;
    }
    .irb_apply_view{
        display: none;
    }
    .irb_apply_view_mobile{
        display: revert;
    }
}

/*------------------------------------------------질환별 SET ------------------------------------------------*/


/*----------------------------- tab-1 ----------------------------*/

.dis_story{
    margin-top:20px;
    margin-bottom:5%;
    overflow:hidden;
}

.dis_story .tabs{
    width: -webkit-fill-available;
    border: 1px solid #ccc;
    overflow: hidden;
    grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
    grid-gap: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



.dis_story .tabs li{
    background: url(/user/img/re/history/bar_re.png) no-repeat 100% 50%;
    text-align: center;
    height: 50px;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

.dis_story .tabs li.current{
    border-bottom:2px solid #333;
}

.dis_story .tabs li:nth-child(3){
    background:none;
}

.dis_story .tab-content{
    overflow:hidden;
}

.dis_story .tab-content > p{
    font-size: 1.5em;
    color: #bc1225;
    border-bottom: 2px solid #bc1225;
    display: inline-block;
    margin: 30px 0 20px 0;
    font-weight: 600;
}

.dis_story .base{
    text-align: left;
    margin-top: 40px;
}
.dis_content1{
}

.dis_content1 p{
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 600;
    color: #b51927;
    background: url(/user/img/sub/red_bar2.png) no-repeat 0 3px;
    padding-left: 10px;
}
.dis_content1 .table_back{
    overflow-x:hidden;
    margin-bottom:50px;
}
.dis_content1 table{
    width: 100%;
    text-align:center;
    border-collapse: collapse;
    border-spacing: 0;
    overflow: hidden;
}

.dis_content1 table tr{
}

.dis_content1 table tr th{
    font-size:16px;
    font-weight:600;
    border-top:2px solid #333;
    border-left:1px solid #ccc;
    background:#f3f6f9;
    color:#333;
    height:50px;
}

.dis_content1 table tr .code_code{
    border-left:none;
}

.dis_content1 table tr .th_14font{
    font-size:14px;
}

.dis_content1 table tr .th_11font{
    font-size:11px;
}

.dis_content1 table tr td{
    color:#777777;
    padding:3px 0;
    font-size:15px;
    height:50px;
    border:1px solid #ccc;
    border-spacing: 0;
    border-collapse: collapse;
}

.dis_content1 table tr td:last-child{
    border-right:none;
}

.dis_content1 table tr .number_code{
    border-left:none;
}

/*3번째table*/

.dis_content1 table tr .code_code2{
    width:130px;
    border-left:none;
}
.dis_content1 table tr .name_code2{
    width:260px;
}

.dis_content1 table tr .gender_code2{
}


@media (max-width: 1024px) {
    .dis_content1 .table_back{
        overflow-x:scroll;
    }
    .dis_content1 table{
        width:1260px;
        overflow-x:scroll;
    }
}

@media (max-width: 768px) {
    .dis_story .tabs{
        border: none !important;
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)) !important;
        grid-gap: 5px !important;
    }
    .dis_story .tabs li{
        background: none !important;
        text-align: center;
        border: 1px solid #ccc;
        border-collapse: collapse;
        box-sizing: border-box;
    }
}

/*----------------------------- tab-2 ----------------------------*/


.dis_story #tab-2{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.dis_story #tab-2 .dis_content2{
    overflow: hidden;
}

.dis_story #tab-2 .dis_content2 p{
    display:inline-block;
    margin-bottom:20px;
    font-size:20px;
    font-weight:600;
    background:url(/user/img/sub/red_bar2.png) no-repeat 0 1.5px;
    padding-left:10px;
    color:#c02234;
}

.dis_story #tab-2 .dis_content2 span.star_text{
    float:right;
    margin-top:5px;
    color:#da3333;
}

.dis_story #tab-2 .dis_content2 .table_back{
    margin-bottom: 50px;
}

.dis_story #tab-2 .dis_content2 table{
    text-align: center;
    border-spacing: 0;
    border-collapse: collapse;
    width:100%;
}

.dis_story #tab-2 .dis_content2 table tr th{
    height:50px;
    font-weight:600;
    border-top:2px solid #333;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#f3f6f9;
    color:#333;
}

.dis_story #tab-2 .dis_content2 table tr th:nth-child(1){
    border-left:none;
}

.dis_story #tab-2 .dis_content2 table tr td{
    border:1px solid #ccc;
    border-left:none;
    border-top:none;
    font-size:15px;
    padding:15px 0;
    color:#888;
    line-height: 1.5em;
}

.dis_story #tab-2 .dis_content2 table tr td:last-child{
    border-right:none;
}

.dis_story #tab-2 .dis_content2 table tr .f_14px{
    font-size:14px;
}

@media (max-width: 1024px) {
    .dis_story #tab-2 .dis_content2 .table_back {
        overflow-x: scroll;
    }
    .dis_story #tab-2 .dis_content2 table{
        width: 1260px;
    }
}


/*----------------------------- tab-3 ----------------------------*/

.dis_story #tab-3{
    text-align:left;
    margin-top:40px;
}

/*inner_content*/

.dis_story #tab-3 .dis_content3{
}

.dis_story #tab-2 .dis_content3 .table_back{
    margin-bottom: 50px;
}

.dis_story #tab-3 .dis_content3 table{
    text-align: center;
    border-spacing: 0;
    border-collapse: collapse;
    width:100%;
}

.dis_story #tab-3 .dis_content3 table tr th{
    height:50px;
    font-weight:600;
    border-top:2px solid #333;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#f3f6f9;
    color:#333;
}

.dis_story #tab-3 .dis_content3 table tr th:nth-child(1){
    border-left:none;
}

.dis_story #tab-3 .dis_content3 table tr td{
    border:1px solid #ccc;
    border-left:none;
    border-top:none;
    font-size:15px;
    padding:15px 0;
    color:#888;
    line-height: 1.2em;
}

.dis_story #tab-3 .dis_content3 table tr td:last-child{
    border-right:none;
}

.dis_story #tab-3 .dis_content3 table tr .f_14px{
    font-size:14px;
}

.tab-content{
    display: none;
}

.tab-content.current{
    display: inherit;
}

.ital i{
    font-style: italic;
}

@media (max-width: 1024px) {
    .dis_story #tab-3 .dis_content3 .table_back {
        overflow-x: scroll;
    }
    .dis_story #tab-3 .dis_content3 table{
        width: 1260px;
        overflow-x: scroll;
    }
}




/*------------------------------------------------검사항목조회------------------------------------------------*/

.test_story{
    margin-bottom:50px;
    overflow:hidden;
}

.test_search{
    float:right;
    text-align: center;
    width: 32%;
}

@media (max-width: 1024px) {
    .test_search {
        width: 100%;
    }
}

.test_search form{
    margin: 0 auto;
    display: contents;
}

.test_search .n_right{
    display:flex;
    /* margin-top:20px;
    margin-bottom:40px; */
    padding-bottom:10px;
    border-bottom:2px solid black;
}

.test_search .n_right select{
    width:80px;
    border:none;
    font-size:1rem;
    background: url(/user/img/re/news/arrow.svg) no-repeat 100% 50%;
    background-size:12px;
}

.test_search .n_right .search_text{
    border:none;
    width:100%;
    font-size:1rem;
    color:#333;
    padding-left:15px;
}

.test_search .n_right .search_text::placeholder{
    color:#aaa;
}

.test_search .n_right .search_Testbt{
    border:none;
    background: url(/user/img/re/news/search.png) no-repeat 0 50%;
    width: 30px;
    cursor:pointer;
}
.test_search .n_right .search_reset{
    border:none;
    background: url(/user/img/re/reset.svg) no-repeat 0 50%;
    cursor:pointer;
    width: 45px;
    cursor: pointer;
    margin-left: 5px;
}

/*kind_box*/

.test_kind_box{
    border:1px solid #ccc;
    border-radius: 15px;
    padding: 30px 40px;
    text-align: left;
}

.test_kind_box .kind_select{
    border-bottom:1px solid #ccc;
    overflow:hidden;
}

.test_kind_box .kind_select p{
    font-size:21px;
    font-weight:600;
    padding-left:10px;
    color:#b51927;
    float:left;
    margin-top:8px;
    margin-bottom:20px;
    margin-right:10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    .test_kind_box .kind_select p{
        font-size:21px;
        font-weight:600;
        color:#b51927;
        float:left;
        margin-top:8px;
        margin-bottom:0;
        margin-right:10px;
    }
}

.test_kind_box .kind_select select{
    border:1px solid #ccc;
    width:calc(100% - 130px);
    font-size:14px;
    margin-bottom:30px;
    padding:10px;
    float:left;
    color:#666;
    background:url(/user/img/arrow_down.png) no-repeat 98% 50%;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    .test_kind_box .kind_select select{
        border:1px solid #ccc;
        width:calc(100% - 130px);
        font-size:14px;
        margin-bottom:30px;
        padding:10px;
        float:left;
        color:#666;
        background:url(/user/img/arrow_down.png) no-repeat 98% 50%;
    }
}

.test_kind_box .kind_alpabet{
    border-bottom:1px solid #ccc;
    padding-bottom:30px;
}

.test_kind_box .kind_alpabet p{
    font-size:21px;
    font-weight:600;
    padding-left:10px;
    color:#b51927;
    margin-top:30px;
    margin-right:10px;
    margin-bottom:20px;
}

.test_kind_box .kind_alpabet .name_alpabet{
    padding:0 10px;
}

.test_kind_box .kind_alpabet .name_alpabet span{
    font-size:15px;
    padding:5px 10px;
    border:1px solid #ccc;
    border-radius: 4px;
    color:#666;
    display:inline-block;
    width:9px;
    height:17px;
    text-indent:-1px;
    text-align: center;
    line-height: 1.1em;
    cursor:pointer;
}

.test_kind_box .kind_alpabet .name_alpabet span:hover{
    color:#b21b2c;
    border:1px solid #b21b2c;
}

.test_kind_box .kind_alpabet .name_alpabet span:focus{
    color:#b21b2c;
    border:1px solid #b21b2c;
}

.test_kind_box .kind_alpabet .name_alpabet span.current{
    color:#b21b2c;
    border:1px solid #b21b2c;
}

.test_kind_box .kind_checkbox{
    padding:0 10px;
}

.test_kind_box .kind_checkbox p{
    font-size:21px;
    font-weight:600;
    color:#b51927;
    margin-top:30px;
    margin-right:10px;
    margin-bottom:20px;
}
.test_kind_box .name_checkbox_grid{
    grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
    grid-gap: 5px 15px;
    display: grid;
}

.test_kind_box .name_checkbox_grid .kindcheck[type='checkbox']{    /*진짜 체크박스 지우기*/
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.test_kind_box .name_checkbox_grid .kindcheck[type='checkbox'] + label{
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-size:14px;
    color:#666;
}

.test_kind_box .name_checkbox_grid .kindcheck[type='checkbox'] + label:before{ /*가짜체크박스*/
    content: ' ';
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 21px;
    margin: -2px 5px 0 0;
    text-align: center;
    vertical-align: middle;
    background: none;
    border: 1px solid #ccc;
    border-radius:2px;
}

.test_kind_box .name_checkbox_grid .kindcheck[type='checkbox']:checked + label:before{ /*체크*/
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0);
    font-size: 10px;
    font-weight:600;
    color: #666;
    text-align: center;
    line-height: 10px;
}


/*kind_table*/

.test_story .notice_table{
    /* margin-top:10px; */
    overflow:hidden;
    float:right;
    width: 100%;
    display: block;
}
.test_story .test_mobile{
    display: none;
}

@media (max-width: 1024px) {

    .test_story .table_title{
        display: none;
    }
    .test_story .test_mobile{
        display: block;
    }

    .test_kind_box .name_checkbox_grid{
        grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    }
}

@media (max-width: 768px) {
    .test_kind_box .name_checkbox_grid{
        grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    }
}
@media (max-width: 512px) {
    .test_kind_box .name_checkbox_grid{
        grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
    }
    .test_kind_box {
        padding: 20px;
    }
}

.test_story .notice_table .n_left{
    font-size:15px;
    margin-bottom:20px;
    float:left;
}

.test_story .notice_table .n_left b{
    font-weight:600;
    color:#333;
}

.test_story .notice_table .n_left span{
    color:#666;
}

.test_story .notice_table .n_right{
    float:right;
}
.test_story .notice_table .n_right b{

    color:#be0e1e;
}

.test_story .notice_table table{
    width:100%;
    /*   height:674px; */
    margin-top:10px;
    border-collapse: collapse;
    border-spacing: inherit;
}

.test_table tr:hover{
    background-color: #eeeeee;
    cursor:pointer;
}

.test_story .notice_table table thead tr:hover{
    background:#fff;
    cursor:default;
}

.test_story .notice_table table tr th{
    font-size:1rem;
    font-weight:600;
    height:55px;
    border-top:2px solid #333;
    border-bottom:1px solid #333;
    color:#333;
}

.test_story .notice_table table .notice_header_td > td{
    background-color:#f7f7f7;
}

.test_story .notice_table table .notice_header_td > td span{
    font-size:1rem;
    border:1px solid #d10000;
    border-radius: 5px;
    background-color:#d10000;
    width:40px;
    height:25px;
    color:#fff;
    line-height: 1.6em;
    display:inline-block;
}

.test_story .notice_table table tr td{
    font-size:1rem;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    height:55px;
    color:#666;
    text-align: center;
    line-height:1.2em;
    letter-spacing:-0.5px;
}

.test_story .notice_table .kind_ok{
    text-decoration: underline;
    text-underline-position: under;
    font-weight:600;
    color:#d10000;
    cursor:pointer;
}
.test_story .notice_table .test_mobile .heBorder{
    border-top: 1px solid #333;
}

.test_story .test_table{
}
.test_story .test_mobile_table{
    display: none;
}


@media (max-width: 1800px) {
    .test_kind_box .kind_select p {
        padding-left: 10px;
    }
    .test_kind_box .kind_checkbox p{
        padding-left:0;
    }
    .test_kind_box .name_checkbox_grid .kindcheck[type='checkbox'] + label {
        line-height: 1.5em;
        font-size: 0.8rem;
    }
    .test_kind_box .name_checkbox_grid {
        grid-gap: 15px;
    }
}


@media (max-width: 1024px) {

    .test_story .test_table{
        display: none;
    }
    .test_story .test_mobile_table{
        display: table;
        border-top:2px solid #333;
    }
    .test_story .notice_table table tr th {
        font-size:0.9rem;
        border:1px solid #333;
        border-bottom:1px solid #333;
    }
    .test_story .notice_table table tr th:nth-child(3),
    .test_story .notice_table table tr th:nth-child(4) {
        border-bottom: 1px solid #333;
    }
    .test_story .notice_table table tr td{
        font-size:0.85rem;
        border:1px solid #ccc;
    }
    .test_kind_box .kind_alpabet .name_alpabet span {
        margin: 3px;
    }
    .test_kind_box .kind_select select {
        background: url(/user/img/arrow_down.png) no-repeat 95% 50%;
    }
}
@media (max-width: 512px) {

    .test_story .notice_table table tr td{
        font-size:0.85rem;
        border:1px solid #ccc;
    }
    .test_story .notice_table table tbody tr td:nth-child(4){
        padding: 10px!important;
        word-break: break-all;
    }

}

.test_story .notice_table table tr td.left_td{
    text-align: left;
    padding-left:15px;
}

.test_story .notice_table table tr td a{
    color:#666!important;
    font-weight:500!important;
    letter-spacing:-0.5px;
}

.test_story .notice_table table tr td a:hover{
    text-decoration: underline;
}

.test_story .notice_table table tr td img{
    /*   margin-top: 4px; */
    vertical-align: -3px;

    /*   max-width: 150px; */
    max-width: 173px;
    max-height: 111px;
}

.test_story .notice_table .page_number{
    width: 430px;
    margin-top: 30px;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: 30px auto 0 auto;
}

@media (max-width: 1024px) {
    .test_story .notice_table .page_number{
        width: -webkit-fill-available;
    }
}

@media (max-width: 360px) {
    .test_story .notice_table .page_number ul li {
        min-width: 15px!important;
    }
}


.test_story .notice_table .page_number .prev_bt{
    float:left;
    margin-top: 12px;
    cursor:pointer;
    width:17px;
}

.test_story .notice_table .page_number .next_bt{
    float:right;
    margin-top: 12px;
    cursor:pointer;
    width:17px;
}

.test_story .notice_table .page_number ul{
    display: inline-block;
    margin-top: 5px;
}

.test_story .notice_table .page_number ul li{
    font-size:15px;
    float:left;
    color:#999;
    margin-left:5px;
    margin-right:5px;
    padding-top:7px;
    min-width: 20px;
    cursor:pointer;
}

.test_story .notice_table .page_number ul li:hover{
    color:#333;
}

.test_story .notice_table .page_number ul li.active{
    padding: 7px 5px;
    background-color: #bc1225;
    color:#fff;
}


/*.news_info_area{*/
/*    text-align: center;*/
/*    display: grid;*/
/*}*/
/*.news_info_area .title{*/
/*    font-size: 2rem;*/
/*    font-weight: 800;*/
/*    line-height: 1.3em;*/
/*}*/

.test_view_story .title_area{
    text-align: center;
    display: grid;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.test_view_story .test_item_title{
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.3em;
    max-width: 90vw;
    word-wrap: break-word;
    word-break: keep-all;

}

.test_view_story .test_item_table{
    border-top:2px solid #333;
    border-left:none;
    border-right:none;
    border-bottom:1px solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
}

.test_view_story .test_item_table tr th{
    border-bottom:1px solid #ccc;
    border-right:1px solid #333;
    color:#333;
    font-size:15px;
    font-weight:600;
    line-height: 1.2em;
}

.test_view_story .test_item_table tr td{
    border:1px solid #ccc;
    padding:15px;
    color:#666;
    text-align: left;
    font-size:15px;
    line-height: 1.5em;
    border-right-width: 0px;
}

.test_view_story .test_item_table tr .th1{
    border-right:1px solid #333;
    padding-top:15px;
    padding-bottom: 15px;
}

.test_view_story .test_item_table tr .td1{
    border-right:1px solid #333;
}

.test_view_story .test_item_table tr .null_td{
    border-right:none;
}


.test_view_story .test_item_table2{
    border-top:1px solid #ccc;
    border-left:none;
    border-right:none;
    border-bottom:2px solid #333;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.test_view_story .test_item_table2 tr th{
    border-bottom:1px solid #ccc;
    border-right:1px solid #333;
    color:#333;
    font-size:15px;
    font-weight:600;
    line-height: 1.2em;
}

.test_view_story .test_item_table2 tr td{
    border:1px solid #ccc;
    padding:15px;
    color:#666;
    text-align: left;
    font-size:15px;
    line-height: 1.2em;
    border-right-width: 0px;
}
.test_view_story .test_item_table2 tr .null_td{
    border-right:none;
}

.test_view_story .test_item_table_mobile{
    font-size: 12px;
    display: none;
}
.test_view_story .test_item_table_mobile tr th{
    font-size: 12px;

}

.test_view_story .test_item_table_mobile tr td{
    font-size: 12px;
}

.test_view_nav {
    margin-top:50px;
}

.test_view_nav ul {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.test_view_nav .list{
    font-weight: 600;
    background: #bc1225;
    border-radius: 27px;
    padding: 15px 60px;
    color: white;
    cursor: pointer;
    margin-left: 20px;
}
.test_view_nav .print{
    font-weight: 600;
    background: #f3f6f9;
    border-radius: 27px;
    padding: 15px 60px;
    color: #333;
    cursor:pointer;
    margin-right: 20px;
}

.test_view_nav .print img{
    margin-right:5px;
    vertical-align: middle;
}

@media (max-width: 768px) {

    .test_view_story .test_item_table{
        display: none;
    }
    .test_view_story .test_item_table2{
        display: none;
    }

    .test_view_story .test_item_table_mobile{
        display: table;
    }

    .test_view_nav .print{
        display: none;
    }
    .test_view_story .test_item_table tr td {
        text-align: justify;
    }
}

/*------------------------------------------------footer------------------------------------------------*/

footer {
    width: 100%;
    border-top: 1px solid #ccc;
    background: #f8f9fa;
}

footer > .footer_inner {
    max-width: 1920px;
    margin: 0 auto;
    /* margin-top:60px; */
    height: 70px;
    padding: 30px 100px;
    overflow: hidden;
}

@media (max-width: 1800px) {
    footer > .footer_inner {
        max-width: 1920px;
        margin: 0 auto;
        /* margin-top:60px; */
        height: 70px;
        padding: 30px 20px;
        overflow: hidden;
    }
}

@media (max-width: 1600px) {
    footer > .footer_inner {
        max-width: 1260px;
    }
}

.footer_inner .footer_logo {
    float: left;
    margin-top: 10px;
}

.footer_inner .address {
    float: left;
    text-align: left;
    margin-left: 50px;
}

.footer_inner .address address {
    font-size: var(--font-size-md);
    font-weight: 500;
    color: #6e6e6e;
    margin-bottom: 7px;
    /* margin-top:20px; */
    line-height: 1.25em;
    color: #646464;
}

.footer_inner .address p {
    margin-top: 10px;
    font-size: var(--font-size-md);
    color: #a0a0a0;
}

.footer_site {
    float: right;
    display:flex;
    /* margin-top:20px; */
    overflow: hidden;
}

.footer_inner ul {
    overflow: hidden;
}

.footer_inner ul li {
    float: left;
    width: 120px;
    font-size: var(--font-size-md);
    color: #646464;
    padding: 10px;
    margin-left: 5px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.footer_inner ul li a {
    color: #646464;
}

.footer_inner ul li:nth-child(3) {
    border: none;
    margin-left: -5px;
}

.footer_inner select {
    display: none;
    float: right;
    padding: 6px;
    width: 140px;
    margin-top: 0;
    margin-left: 5px;
    padding-left: 10px;
    font-size: 0.8rem;
    border: 1px solid #ccc;
    color: #646464;
}

.gray_bg {
    width: 100%;
    height: 80px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    position: relative;
    /* bottom: -203px; */
    z-index: -9999;
    margin-top: -210px;
}

.pink_bg {
    position: fixed;
    top: 110vh;
    left: 0;
    width: 100%;
    border:2px solid red;
    height: 100%;
    z-index: -9;
    background: url(/user/img/re/pink_bg.png) no-repeat 0 0;
    background-size: cover;
    transform: translateZ(0);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    will-change: transform;
}

#top_bt {
    display: none;
}

.footer_inner .footer_logo img {
    width: 165px;
}

.apex{
    position:fixed;
    right:-15%;
    bottom:25%;
    z-index: 2;
}

.apex img{
    width:50px;
    height: 50px;
}


@media (max-width: 1400px) {
    .gray_bg {
        display: none;
    }
    footer {
        text-align: center;
    }
    footer > .footer_inner {
        margin: 0 auto;
        height: auto;
        padding: 30px 20px;
        overflow: hidden;
    }
    .footer_inner .footer_logo {
        float: none;
        margin-top: 0;
    }
    .footer_inner .footer_logo img {
        width: 165px;
    }

    .footer_inner .address {
        float: none;
        margin: 20px 0 15px 0;
        text-align: center;
    }

    .footer_inner .address address {
        font-size: 0.7rem;
        font-weight: 500;
        color: #6e6e6e;
        margin-bottom: 0;
        /* margin-top:20px; */
        line-height: 1.25em;
    }

    .footer_inner .address p {
        margin-top: 10px;
        font-size: 0.7rem;
        color: #a0a0a0;
    }

    .footer_site {
        float: none;
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer_inner ul {
        overflow: hidden;
    }

    .footer_inner ul li {
        float: none;
        width: 120px;
        font-size: 0.8rem;
        color: #646464;
        padding: 10px;
        margin-left: 5px;
        border: 1px solid #ccc;
        cursor: pointer;
    }

    .footer_inner ul li a {
        color: #646464;
    }
    .footer_inner select {
        float: none;
        display: block;
        padding: 0.45rem;
        color: #646464;
    }
    .apex{
        position:fixed;
        right:20px;
        bottom:25%;
        z-index: 2;
    }
}

/* @media screen and (-webkit-min-device-pixel-ratio:0) { */
/* webkit specific styles go here */
/* footer select{
        float:right;
        padding: 6.8px;
        width: 140px;
        margin-top:0;
        margin-left:5px;
        padding-left: 10px;
        font-size:var(--font-size-md);
        border: 1px solid #ccc;
        color: #646464;
    }
} */

/*rolling_box*/

@media (max-width: 1280px) {
    #rolling_All {
        display: none!important;
    }
    .gray_bg {
        display: none!important;
    }
}

/*관련사이트*/

#rolling_All {
    display: flex;
    font-family: "Brand New Hyosung OTF Medium";
    max-width:1600px;
    height: 115px;
    margin:0 auto;
}

#rolling_01 {
    width: 50%;
}

.rolling_title {
    position: relative;
}

.rolling_title p {
    display: inline-block;
    position: absolute;
    top: 60px;
    padding: 10px 30px;
    background: #8b0f1d;
    color: #fff;
    border-radius: 25px;
}

#rolling {
    position: relative;
    height: 100px;
    top: 55px;
}

.rolling_box {
    width: 76%;
    height: 45px;
    position: absolute;
    overflow: hidden;
    left: 20%;
    margin: 0 auto;
}

.rolling_ef {
    width: 130%;
    height: 50px;
    position: absolute;
    overflow: hidden;
    margin-left: 10px;
}

.rolling_ef li {
    width: 115px;
    height: 40px;
    display: block;
    /* margin-left:50px; */
    margin-right: 40px;
    margin-bottom: 50px;
    font-size: var(--font-size-md);
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 25px;
    float: left;
    cursor: pointer;
    transition: 0.6s ease-out;
}

.rolling_ef li:hover{
    transform: scale(1.03);
    opacity:0.6;
}

.rolling_ef .b1 {
    background: url(/user/img/rolling_banner01.png) no-repeat 20px 1px;
}
.rolling_ef .b2 {
    background: url(/user/img/rolling_banner02.png) no-repeat 10px 4px;
}
.rolling_ef .b3 {
    background: url(/user/img/rolling_banner03.png) no-repeat 0 8px;
}
.rolling_ef .b4 {
    background: url(/user/img/rolling_banner04.png) no-repeat 4px 7px;
}
.rolling_ef .b5 {
    background: url(/user/img/rolling_banner05.png) no-repeat 0 11px;
    background-size: 100%;
}
.rolling_ef .b6 {
    background: url(/user/img/rolling_banner06.png) no-repeat 0 12px;
    background-size: 100%;
}
.rolling_ef .b7 {
    background: url(/user/img/rolling_banner07.png) no-repeat 0 7px;
    background-size: 100%;
}
.rolling_ef .b8 {
    background: url(/user/img/rolling_banner08.png) no-repeat 0px 7px;
}
.rolling_ef .b9 {
    background: url(/user/img/rolling_banner09.gif) no-repeat 15px 5px;
}
.rolling_ef .b10 {
    background: url(/user/img/rolling_banner10.gif) no-repeat 15px 5px;
}
.rolling_ef .b11 {
    background: url(/user/img/rolling_banner11.gif) no-repeat 15px 5px;
}

.prev img {
    width: 20px;
    display: block;
    position: absolute;
    top: 40px;
    right: 50px;
}

.next img {
    width: 20px;
    display: block;
    position: absolute;
    top: 40px;
    left: 50px;
}

/*패밀리사이트*/

#rolling_02 {
    width: 50%;
}

.rolling_title02 {
    position: relative;
}

.rolling_title02 p {
    display: inline-block;
    position: absolute;
    top: 60px;
    padding: 10px 30px;
    background: #8b0f1d;
    color: #fff;
    border-radius: 25px;
}

#rolling02 {
    width: 100%;
}

#rolling02 {
    position: relative;
    height: 100px;
    top: 55px;
}

.rolling_box02 {
    width: 76%;
    height: 45px;
    position: absolute;
    overflow: hidden;
    left: 20%;
    margin: 0 auto;
}

.rolling_ef02 {
    width: 130%;
    height: 50px;
    position: absolute;
    overflow: hidden;
    margin-left: 10px;
}

.rolling_ef02 li {
    width: 115px;
    height: 40px;
    display: block;
    /* margin-left:50px; */
    margin-right: 40px;
    margin-bottom: 50px;
    font-size: var(--font-size-md);
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 25px;
    float: left;
    cursor: pointer;
    transition: 0.6s ease-out;
}

.rolling_ef02 li:hover{
    transform: scale(1.03);
    opacity:0.6;
}

.rolling_ef02 .f1 {
    background: url(/user/img/re/rolling_fanner01.png) no-repeat 0 13px;
    background-size: 100px;
}
.rolling_ef02 .f2 {
    background: url(/user/img/re/rolling_fanner02.png) no-repeat 0px 16px;
    background-size: 100px;
}
.rolling_ef02 .f3 {
    background: url(/user/img/re/rolling_fanner03.png) no-repeat 0 13px;
    background-size: 110px;
}
.rolling_ef02 .f4 {
    background: url(/user/img/re/rolling_fanner04.png) no-repeat 20px 10px;
}
.rolling_ef02 .f5 {
    background: url(/user/img/re/rolling_fanner05.png) no-repeat 10px 0;
    background-size: 80px;
}

/* 개인정보 처리 방침 */
.policy_guide{
    background-color:#f7f7f7;
    margin-bottom:40px;
    padding:30px;
    border:1px solid #ccc;
    border-radius:20px 0 20px 0;
    line-height:1.5em;
}

.policy_guide p{
    margin-bottom:20px;
    color:#333333;
    font-size:16px;
}

.policy_guide span{
    color:#666666;
    font-size:14px;
}

.policy_toggle_guide ul > li{
    border:1px solid #ccc;
    border-radius: 20px 0 20px 0;
    margin-bottom:10px;
    color:#333333;
    overflow:hidden;
    cursor:pointer;
}

.policy_toggle_guide ul > li > p{
    color:#333;
    width: -webkit-fill-available;
    font-size:16px;
    padding:20px 30px;
    float:left;
    display:flex;
    justify-content: space-between;
}

.policy_toggle_guide ul > li > p.on{
    color:#b51927;
}

.policy_toggle_guide ul > li > p.on span{
    background: url(/user/img/toggle_arrow2.png) no-repeat 0 3px; background-size:100%;
}

.policy_toggle_guide ul > li > p span{
    background: url(/user/img/toggle_arrow.png) no-repeat 0 3px; background-size:100%;
    width:15px;
    height:15px;
    display:block;
    vertical-align:-5px;
    float:right;
    cursor:pointer;
}

.policy_toggle_guide ul > li > div.answer{
    display:none;
    margin-top: 56px;
    margin-left: 30px;
    margin-bottom: 30px;
    width: 95.5%;
    border-top: 1px solid #ccc;
    padding-top: 25px;
}

.policy_toggle_guide ul > li > div.answer p{
    margin:0;
    display:block;
    font-size:15px;
    color:#333333;
}

.policy_toggle_guide ul > li > div.answer b{
    background:url(/user/img/dot.png) no-repeat 0 9px;
    display:inline-block;
    padding-left:10px;
    font-size:14px;
    color:#909090;
    width:100%;
    line-height:1.5em;
}
.policy_top_pad {
    height:90px;
}
@media (max-width: 1400px) {
    .policy_guide{
        margin-top:10%;
    }
    .policy_top_pad {
        display: none;
    }
}

@media (max-width: 768px) {
    .policy_guide{
        margin-top:15%;
    }
    .policy_toggle_guide ul > li > div.answer{
        width:auto;
        margin: 0;
        padding: 20px;
        word-break: keep-all;
        line-height: 1.25em;
        border-top:none;
    }
}




/*햄버거메뉴*/
.menu {
    display: none;
}
.m_gumsak{
    display:none;
}
.m_gumsak_inner{
    display:none;
}
.menu-overlay {
    display: none;
}

@media (max-width: 1921px) {
    .menu-overlay{
        display:none;
    }
    body{
        overflow:auto!important;
    }
}

@media (max-width: 1400px) {
    .menu {
        display: block;
        position: absolute;
        top: 14px;
        right: 17px;
        height: 46px;
        width: 46px;
        z-index: 10;
    }

    .m_gumsak{
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        position: fixed;
        top: 23px;
        z-index: 10;
        right: 65px;
    }

    .m_gumsak_inner{
        width: -webkit-fill-available;
        height: 130px;
        position: fixed;
        top: 0;
        background: #fff;
        z-index: 7;
    }

    .m_gumsak_inner input{
        width: -webkit-fill-available;
        font-size: var(--font-size-md);
        padding: 12px 15px;
        border: 1px solid #ccc;
        border-radius: 10px;
        padding-right: 70px;
        display: block;
        margin-top: 70px;
        margin-right: 20px;
        margin-left: 20px;
    }

    .m_gumsak_inner a{
        width: 16px;
        height: 16px;
        background: url(/user/img/re/search.svg) no-repeat 90% 50%;
        margin-left: 0;
        top: 86px;
        position: absolute;
        right: 40px;
        z-index: 11;
    }

    .m_gumsak img{
        width: 28px;
        height: 28px;
    }

    .m_gumsak_black{
        width:100%;
        height: 100vh;
        background:rgba(0,0,0,0.5);
        margin-top: 13px;
    }

    .menu-link {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 11;
    }

    .menu-icon {
        width: 20px;
        height: 14px;
        top: 30px;
        position: fixed;
        right: 30px;
        bottom: 1px;
    }

    /* ------------- */
    .menu-line {
        background-color: #333;
        height: 2px;
        width: 100%;
        border-radius: 2px;
        position: absolute;
        left: 0;
        transition: all 0.25s ease-in-out;
        /* box-shadow: 1px 1px 1px #aaa; */
    }
    .menu-line-2 {
        top: 0;
        bottom: 0;
        margin: auto;
        width: 12px;
        right: -5px;
    }
    .menu-line-3 {
        bottom: 0;
    }
    .menu.open .menu-line-1 {
        transform: translateY(7px) translateY(-50%) rotate(-45deg);
    }
    .menu.open .menu-line-2 {
        opacity: 0;
    }
    .menu.open .menu-line-3 {
        transform: translateY(-7px) translateY(50%) rotate(45deg);
    }

    /* ------------- */
    .menu-circle {
        background-color: none;
        width: 100%;
        height: 100%;
        position: absolute;
        border-radius: 50%;
        transform: scale(1);
        transition: transform 0.3s ease-in-out;
    }
    .menu:hover .menu-circle {
        transform: scale(1.5);
    }
    .menu.open .menu-circle {
        /* transform: scale(60); */
    }

    /* ------------- */
    .menu-overlay {
        background-color: #fff;
        color: #333;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        padding-top:70px;
        text-align: center;
        transition: opacity 0.2s ease-in-out;
        opacity: 0;
        visibility: hidden;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        overflow-y: scroll;
        z-index: 7;
    }
    .menu-overlay.open {
        opacity: 1;
        visibility: visible;
    }

    .mobile_quick1 {
        width: 100%;
        display: flex;
        justify-content: space-around;
        padding-bottom: 3%;
    }
    .mobile_quick1 .checking_bt{
        background-color:#fff;
        border: 2px solid #f5dcdf;
        border-radius:25px;
        margin-bottom:5px;
        margin-top:3px;

        width: 45vw;
        /*height: 50px;*/
        max-height: 94px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor:pointer;
    }

    .mobile_quick1 .checking_bt b{
        font-size:1.5rem;
        font-weight:600;
        color:#bc1225;
    }

    .mobile_quick1 .call_bt{
        background-color: #fff;
        border: 2px solid #f5dcdf;
        border-radius: 25px;
        margin-bottom: 5px;
        width: 45vw;
        max-height: 94px;
        display: grid;
        margin-top:3px;
        padding: 20px 0px;
        justify-content: center;
        align-items: center;
    }

    .mobile_quick1 .call_bt b{
        font-size:1.2rem;
        font-weight:600;
        line-height:1.1em;
        color:#8b0f1d;
        margin-bottom: 5px;
    }

    .mobile_quick1 .call_bt em{
        font-size:1.5rem;
        font-weight:600;
        margin-top:3px;
        line-height:0.75em;
        color:#4a0008
    }


    .mobile_quick2 {
        width: 100%;
    }
    .mobile_quick2 ul{
        background-color:#fff;
        border: 2px solid #f5dcdf;
        border-radius:25px;
        overflow:hidden;
        margin: 0 10px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    }

    .mobile_quick2 ul li{
        margin:12px 0;
        text-align: center;
        cursor:pointer;
    }

    .mobile_quick2 ul li img{
        width: 35px;
        height: 35px;
        display: block;
        margin: 0 auto;
        margin-bottom: 7px;
    }

    .mobile_quick2 ul li span{
        font-size:1rem;
        color:#333;
    }

    .mobile_quick2 ul li:hover span{
        color:#bc1225;
    }



    .mobile_quick2 .top_btarea img{
        width: 50px;
        height: 50px;
        margin-top: 15px;
        text-align: center;
        margin: 15px auto 0 auto;
        display: block;
        cursor:pointer;
    }




    /* ------------- */
    .info {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .overlay-info {
        text-align: center;
        color: #111825;
    }
}

@media (max-width: 512px) {
    #hide_menu2 {
        display: none;
    }
    /* ------------- */
    .menu {
        display: block;
        position: absolute;
        top: 10px;
        right: 8px;
        height: 46px;
        width: 46px;
    }

    .m_gumsak {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        position: fixed;
        top: 23px;
        z-index: 10;
        right: 65px;
    }

    .menu-link {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 9999;
    }

    .menu-icon {
        width: 20px;
        height: 14px;
        top: 30px;
        position: fixed;
        right: 6%;
        bottom: 1px;
    }

    /* ------------- */
    .menu-line {
        background-color: #333;
        height: 2px;
        width: 100%;
        border-radius: 2px;
        position: absolute;
        left: 0;
        transition: all 0.25s ease-in-out;
    }
    .menu-line-2 {
        top: 0;
        bottom: 0;
        margin: auto;
        width: 12px;
        right: -5px;
    }
    .menu-line-3 {
        bottom: 0;
    }
    .menu.open .menu-line-1 {
        transform: translateY(7px) translateY(-50%) rotate(-45deg);
    }
    .menu.open .menu-line-2 {
        opacity: 0;
    }
    .menu.open .menu-line-3 {
        transform: translateY(-7px) translateY(50%) rotate(45deg);
    }

    /* ------------- */
    .menu-circle {
        background-color: #fff;
        height: 100%;
        position: absolute;
        border-radius: 50%;
        transform: scale(1);
        transition: transform 0.3s ease-in-out;
    }
    .menu:hover .menu-circle {
        transform: scale(1.5);
    }
    .menu.open .menu-circle {
        transform: scale(150);
    }

    /* ------------- */
    .menu-overlay {
        background-color: #fff;
        color: #333;
        height: calc(100vh - 70px);
        width: 100%;
        position: fixed;
        top: 0;
        padding-top:70px;
        text-align: center;
        transition: opacity 0.2s ease-in-out;
        opacity: 0;
        visibility: hidden;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        overflow-y: scroll;
        z-index: 7;
    }
    .menu-overlay.open {
        opacity: 1;
        visibility: visible;
        z-index: 7;
        width: -webkit-fill-available;
    }
    .menu-overlay.open ul {
        z-index: 5;
    }

    /* ------------- */
    .info {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .overlay-info {
        text-align: center;
        color: #111825;
    }

    .mobile_quick1 .call_bt b {
        font-size: 1rem;
    }

    .mobile_quick1 .call_bt em {
        font-size: 1.2rem;
    }

    .mobile_quick1 .checking_bt b{
        font-size:1.2rem;
    }

    .mobile_quick2 ul {
        padding: 10px 0;
        margin-bottom: 15%;
    }

    .mobile_quick2 ul li img {
        width: 27px;
        height: 27px;
        margin-bottom: 5px;
    }
    .mobile_quick2 ul li span {
        font-size: 0.9rem;
        color: #333;
    }
}

/*체크박스*/
.idsave[type="checkbox"] {
    /*진짜 체크박스 지우기*/
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}
.idsave[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #fff;
}
.idsave[type="checkbox"] + label:before {
    /*가짜체크박스*/
    content: " ";
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 21px;
    margin: -2px 5px 0 0;
    text-align: center;
    vertical-align: middle;
    background: none;
    border: 1px solid #fff;
}
.idsave[type="checkbox"]:checked + label:before {
    /* 체크박스를 체크했을때 */
    content: "\2713"; /* 체크모양 */
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    line-height: 15px;
}
#userid02[type="checkbox"] {
    /*진짜 체크박스 지우기*/
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}
#userid02[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #fff;
    margin-bottom: 5px;
}
#userid02[type="checkbox"] + label:before {
    /*가짜체크박스*/
    content: " ";
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 21px;
    margin: -2px 5px 0 0;
    text-align: center;
    vertical-align: middle;
    background: none;
    border: 1px solid #fff;
}
#userid02[type="checkbox"]:checked + label:before {
    /* 체크박스를 체크했을때 */
    content: "\2713"; /* 체크모양 */
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    line-height: 15px;
}

.idsave3[type="checkbox"] {
    /*진짜 체크박스 지우기*/
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}
.idsave3[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #333;
}
.idsave3[type="checkbox"] + label:before {
    /*가짜체크박스*/
    content: " ";
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 21px;
    margin: -2px 5px 0 0;
    text-align: center;
    vertical-align: middle;
    background: none;
    border: 1px solid #333;
}
.idsave3[type="checkbox"]:checked + label:before {
    /* 체크박스를 체크했을때 */
    content: "\2713"; /* 체크모양 */
    font-size: 14px;
    font-weight: 800;
    color: #333;
    text-align: center;
    line-height: 15px;
}


/*popup*/

#modal{
    position: fixed;
    z-index: 15;
}

#modal .popup_bg{
    position: fixed;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
    z-index: 7;
}

#modal #popup{
    width:955px;
    /* height:620px; */
    transform: translate(-50%,-50%);
    top:50%;
    left:50%;
    border-radius: 15px;
    background-color: #000;
    padding-bottom: 20px;
    opacity: 1;
    z-index: 10;
    position: fixed;
}

#modal #popup .arrow_left{
    position: absolute;
    top:40%;
    left:-70px;
    cursor:pointer;
}

#modal #popup .arrow_right{
    position: absolute;
    top:40%;
    right:-70px;
    cursor:pointer;
}

#modal #popup .popup_title{
    width: 100%;
    height: 65px;
    margin-bottom: 16px;
    border-radius: 15px 15px 0 0;
    background: url(/user/img/re/news/popup_title.png) no-repeat 0 0;
    background-size: cover;
    text-align: center;
    position: relative;
}

#modal #popup .popup_title span{
    font-size:1.5rem;
    font-weight:600;
    display: inline-block;
    color:#fff;
    margin-top:22px;
}

#modal #popup .popup_title b{
    position: absolute;
    top:20px;
    right:-35px;
    cursor: pointer;
}

#modal #popup .popup_inner{
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 512px) {
    #modal #popup .popup_title{
        display:flex;
        justify-content: center;
        align-items: center;
    }
    #modal #popup .popup_title span{
        font-size:1.1rem;
        margin-top:0;
    }
}




/*quick 퀵메뉴*/

#hide_menu{
    position:fixed;
    top:220vh;
    right:5px;
    z-index: 5;
    width: 100px;
    text-align: center;
}

#hide_menu.sticky{
    position:fixed;
    top:30vh;
}

#hide_menu .checking_bt{
    background-color:#fff;
    border: 2px solid #f5dcdf;
    border-radius:25px;
    margin-bottom:5px;
    width:100px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

#hide_menu .checking_bt b{
    font-size:1rem;
    font-weight:600;
    color:#bc1225;
}

#hide_menu ul{
    background-color:#fff;
    border: 2px solid #f5dcdf;
    border-radius:25px;
    overflow:hidden;
}

#hide_menu ul li{
    margin:12px 0;
    text-align: center;
    cursor:pointer;
}

#hide_menu ul li img{
    width: 21px;
    height: 21px;
    display: block;
    margin: 0 auto;
    margin-bottom: 3px;
}

#hide_menu ul li span{
    font-size:0.8rem;
    color:#333;
}

#hide_menu ul li:hover span{
    color:#bc1225;
}

#hide_menu .call_bt{
    background-color: #fff;
    border: 2px solid #f5dcdf;
    border-radius: 25px;
    margin-bottom: 5px;
    width: 100px;
    display: grid;
    margin-top:3px;
    padding: 12px 0px;
    justify-content: center;
    align-items: center;
}

#hide_menu .call_bt b{
    font-size:0.9rem;
    font-weight:600;
    line-height:1.1em;
    color:#8b0f1d;
    margin-bottom: 5px;
}

#hide_menu .call_bt em{
    font-size:1.1rem;
    font-weight:600;
    margin-top:3px;
    line-height:0.75em;
    color:#4a0008
}

#hide_menu .top_btarea img{
    width: 50px;
    height: 50px;
    margin-top: 15px;
    text-align: center;
    margin: 15px auto 0 auto;
    display: block;
    cursor:pointer;
}

@media (max-width: 1500px) {
    #hide_menu {
        display:none!important;
    }
}

/*서브페이지 quick메뉴*/

#hide_menu2{
    position:fixed;
    top:220vh;
    right:5px;
    z-index: 5;
    width: 100px;
    text-align: center;
}

#hide_menu2.sticky{
    position:fixed;
    top:5vh;
}

#hide_menu2 .checking_bt{
    background-color:#fff;
    border: 2px solid #f5dcdf;
    border-radius:25px;
    margin-bottom:5px;
    width:100px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

#hide_menu2 .checking_bt b{
    font-size:1rem;
    font-weight:600;
    color:#bc1225;
}

#hide_menu2 .checking_bt:hover b{
    opacity:0.8;
}

#hide_menu2 ul{
    background-color:#fff;
    border: 2px solid #f5dcdf;
    border-radius:25px;
    overflow:hidden;
}

#hide_menu2 ul li{
    margin:12px 0;
    text-align: center;
    cursor:pointer;
}

#hide_menu2 ul li img{
    width: 21px;
    height: 21px;
    display: block;
    margin: 0 auto;
    margin-bottom: 3px;
}

#hide_menu2 ul li span{
    font-size:0.8rem;
    color:#333;
}

#hide_menu2 ul li:hover span{
    color:#bc1225;
}

#hide_menu2 .call_bt{
    background-color: #fff;
    border: 2px solid #f5dcdf;
    border-radius: 25px;
    margin-bottom: 5px;
    width: 100px;
    display: grid;
    margin-top:3px;
    padding: 12px 0px;
    justify-content: center;
    align-items: center;
}

#hide_menu2 .call_bt b{
    font-size:0.9rem;
    font-weight:600;
    line-height:1.1em;
    color:#8b0f1d;
    margin-bottom: 5px;
}

#hide_menu2 .call_bt em{
    font-size:1.1rem;
    font-weight:600;
    margin-top:3px;
    line-height:0.75em;
    color:#4a0008
}

#hide_menu2 .top_btarea img{
    width: 50px;
    height: 50px;
    margin-top: 15px;
    text-align: center;
    margin: 15px auto 0 auto;
    display: block;
    cursor:pointer;
}
@media (max-width: 1500px) {
    #hide_menu2 {
        display:none!important;
    }
}

.captin_banner{
    background-size:cover!important;
}

@media (max-width: 1500px) {
    .captin_banner{
        background-size:cover!important;
        background-position: center!important;
    }
}
.m_sns{
    display:none;
}

.sns_area{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left:15px;
}

.sns_area img{
    margin-right: 5px;
    width: 20px;
    height: 20px;
}

.sns_area p{
    cursor: pointer;
    display: contents;
}
@media (max-width: 1400px) {
    .sns_area{
        display: none;
    }

    .m_sns{
        display:block;
        margin-top:20px;
    }

    .m_sns_area{
        display:block;
        margin-left:15px;
    }

    .m_sns_area img{
        margin-right: 10px;
        width: 22px;
        height: 22px;
    }

    .m_sns_area p{
        cursor: pointer;
        display: contents;
    }
}
/*모바일 Depth*/

/* lnb */
#lnb {
    position: relative;width: 100%;
}
#lnb h1 {
    height: 40px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: -2px;
    background: #d71a21;
}
#lnb > ul {
    overflow-y: scroll;
    padding-bottom:15px;
}
#lnb > ul > li {
    border-bottom: 1px solid #dcdcdc;
    text-align: left;
}
#lnb > ul > li > a {
    display: flex;
    color: inherit;
    font-size: 1.4rem;
    background: #fff url(/user/img/re/plus_m.svg) no-repeat 93% 50%;
    background-size:15px;
    justify-content: left;
    align-items: center;
    padding: 20px;
}
#lnb > ul > li a:hover {
    color: #d91c1b;
    background-color: #fff;
}
#lnb > ul > li.on > a {color: #d91c1b;
    background: #fff url(/user/img/re/minus_m.svg) no-repeat 93% 50%;
    background-size:15px;
}
#lnb > ul > li ul {
    display: none;
}
#lnb > ul > li > ul > li > a {
    display: block;
    padding: 15px 20px;
    color: #333;
    font-size: 1.2rem;
    background: #fff url(/user/img/re/plus_m.svg) no-repeat 93% 50%;
    background-size:15px;
}
#lnb > ul > li > ul > li > a {
    color: #333;
    background-color: #fff;
}
#lnb > ul > li > ul > li.on a {
    color: #666;
    background: #fff url(/user/img/re/minus_m.svg) no-repeat 93% 50%;
    background-size:15px;
}
#lnb > ul > li > ul li ul {
    display: none;
    padding-bottom: 8px;
    background-color: #fff;
}
#lnb > ul > li > ul li li a {
    display: block;
    padding: 0 25px 15px 35px;
    color: #666;
    font-size: 1rem;
    background-color: #fff;
}
#lnb > ul > li > ul > li li a:hover {
    color: #d91c1b;
}
#lnb > ul li.noDepth a {
    background-image: none !important;
}

#lnb > ul > li > a > img{
    width: 15px!important;
    margin-left: 6px!important;
    margin-top:-20px!important;
}




/* 모달 팝업 공통 */

.modal{
    display:none;
}

.modal{
    position: fixed;
    z-index: 17;
}

.modal .popup{
    width:1000px;
    height:665px;
    transform: translate(-50%,-50%);
    top:50%;
    left:50%;
    background:#fff;
    opacity: 1;
    z-index: 10;
    position: fixed;
    border-radius:10px 0 10px 0;
}


.modal .popup_bg{
    position: fixed;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
    z-index: 7;
}

.modal .popup_title{
    width:100%;
    height:65px;
    background:url(/user/img/check_room/popup_title.png) no-repeat 0 0;
    text-align: left;
    position: relative;
    border-radius:10px 0 0 0;
    text-align:center;
}

.modal .popup_title span{
    font-size:18px;
    font-weight:600;
    display: inline-block;
    color:#fff;
    margin-top:22px;
    margin-left:25px;
}

.modal .popup_title b {
    position: absolute;
    top: 20px;
    right: -45px;
    cursor: pointer;
}

/* 모달 팝업 공통 끝 */

/* 모달 팝업 특수건강진단 소개 */
#modal_sp_intro .popup{
    width:1100px;
    height:788px;
}

#modal_sp_intro .popup .popup_inner{
    overflow-y:scroll;
    overflow-x:hidden;
    height:635px;
    text-align:left;
    padding:40px;
    background:url(/user/img/check_room/bg_ico.png) no-repeat 855px 515px;
}

#modal_sp_intro .popup .popup_inner .content_inner01,
#modal_sp_intro .popup .popup_inner .content_inner02,
#modal_sp_intro .popup .popup_inner .content_inner03,
#modal_sp_intro .popup .popup_inner .content_inner04,
#modal_sp_intro .popup .popup_inner .content_inner05{
    margin-bottom:30px;
}

#modal_sp_intro .popup .popup_inner .content_inner01 p{
    font-size:18px;
    font-weight:600;
    background:url(/user/img/check_room/ico.png) no-repeat 0 0;
    padding-left:25px;
    color:#333;
    margin-bottom:15px;
}

#modal_sp_intro .popup .popup_inner .content_inner01 div{
    padding-left:25px;
}
#modal_sp_intro .popup .popup_inner .content_inner01 span{
    font-size:15px;
    color:#666;
    word-break: keep-all;
    /*padding-left:25px;*/
}

#modal_sp_intro .popup .popup_inner .content_inner02 p{
    font-size:18px;
    font-weight:600;
    background:url(/user/img/check_room/ico.png) no-repeat 0 0;
    padding-left:25px;
    color:#333;
    margin-bottom:15px;
}

#modal_sp_intro .popup .popup_inner .content_inner02 table tr td{
    font-size:15px;
    color:#666;
    padding-left:36px;
    background:url(/user/img/dot.png) no-repeat 25px 9px;
    height:22px;
}
#modal_sp_intro .content_inner02 ul{
    display: none;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    grid-gap: 5px;

}

#modal_sp_intro .content_inner02 li{
    font-size:15px;
    color:#666;
    padding-left:36px;
    background:url(/user/img/dot.png) no-repeat 25px 9px;
    word-break: keep-all;
}

#modal_sp_intro .popup .popup_inner .content_inner03 p{
    font-size:18px;
    font-weight:600;
    background:url(/user/img/check_room/ico.png) no-repeat 0 0;
    padding-left:25px;
    color:#333;
    margin-bottom:15px;
}

#modal_sp_intro .popup .popup_inner .content_inner03 table{
    width:100%;
    text-align:center;
    border-top:2px solid #333;
}

#modal_sp_intro .popup .popup_inner .content_inner03 table tr th{
    font-size:15px;
    font-weight:600;
    color:#333;
    background:#f7f7f7;
    border:1px solid #ccc;
    padding:15px;
}

#modal_sp_intro .popup .popup_inner .content_inner03 table tr th:first-child{
    border-left:none;
}

#modal_sp_intro .popup .popup_inner .content_inner03 table tr th:last-child{
    border-right:none;
}

#modal_sp_intro .popup .popup_inner .content_inner03 table tr td{
    font-size:14px;
    color:#222;
    border:1px solid #ccc;
    line-height:1.5em;
    padding:15px;
    word-break: keep-all;
}

#modal_sp_intro .popup .popup_inner .content_inner03 table tr td:first-child{
    border-left:none;
}

#modal_sp_intro .popup .popup_inner .content_inner03 table tr td:last-child{
    border-right:none;
}

#modal_sp_intro .popup .popup_inner .content_inner04{
    border-bottom:1px solid #ccc;
    padding-bottom:30px;
}

#modal_sp_intro .popup .popup_inner .content_inner04 p{
    font-size:18px;
    font-weight:600;
    background:url(/user/img/check_room/ico.png) no-repeat 0 0;
    padding-left:25px;
    color:#333;
    margin-bottom:15px;
}

#modal_sp_intro .popup .popup_inner .content_inner04 p i{
    font-size:14px;
    color:#d10000;
}

#modal_sp_intro .popup .popup_inner .content_inner04 table tr td{
    font-size:15px;
    color:#666;
    padding-left:36px;
    background:url(/user/img/dot.png) no-repeat 25px 9px;
    height:22px;
}

#modal_sp_intro .content_inner04 ul{
    display: none;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    grid-gap: 5px;

}

#modal_sp_intro .content_inner04 li{
    font-size:15px;
    color:#666;
    padding-left:36px;
    background:url(/user/img/dot.png) no-repeat 25px 9px;
    word-break: keep-all;
}



#modal_sp_intro .popup .popup_inner .content_inner05{
    text-align:center;
}

#modal_sp_intro .popup .popup_inner .content_inner05 img{
    margin-bottom:40px;
    display:inline-block;
}



#modal_sp_intro .popup .popup_inner .content_inner05 table{
    width:100%;
    text-align:center;
    border-top:2px solid #333;
}

#modal_sp_intro .popup .popup_inner .content_inner05 table tr th{
    font-size:15px;
    font-weight:600;
    color:#333;
    background:#f7f7f7;
    border:1px solid #ccc;
    padding:15px;
}

#modal_sp_intro .popup .popup_inner .content_inner05 table tr th:first-child{
    border-left:none;
}

#modal_sp_intro .popup .popup_inner .content_inner05 table tr th:last-child{
    border-right:none;
}

#modal_sp_intro .popup .popup_inner .content_inner05 table tr td{
    font-size:14px;
    color:#222;
    border:1px solid #ccc;
    line-height:1.5em;
    padding:15px;
    word-break: keep-all;
}

#modal_sp_intro .popup .popup_inner .content_inner05 table tr td:first-child{
    border-left:none;
}

#modal_sp_intro .popup .popup_inner .content_inner05 table tr td:last-child{
    border-right:none;
}

#modal_sp_intro .popup .popup_inner .content_inner05 .sp_mobile_tree{
    display: none;
}

@media (max-width: 1600px) {
    #modal_sp_intro .popup {
        height: 80vh;
    }
    #modal_sp_intro .popup .popup_inner {
        height: 57vh;
    }
    #modal_sp_faq .popup {
        height: 80vh!important;
    }
    #modal_sp_faq .popup .popup_inner{
        height: 63vh!important;
    }
}


@media (max-width: 1280px) {
    /* 모달 팝업 특수건강진단 */
    #modal_sp_intro .popup{
        width:900px;
        height:788px;
    }

    #modal_sp_intro .sp_tree{
        max-width: 90%;
    }
}

@media (max-width: 1024px) {
    #modal_sp_intro .popup{
        width:768px;
        height:60vh;
    }

    #modal_sp_intro .popup_inner{
        height: calc(60vh - 150px) !important;
    }

    #modal_sp_intro .content_inner02 table{
        display: none;
    }
    #modal_sp_intro .content_inner02 ul{
        display: grid;
    }
    #modal_sp_intro .content_inner04 table{
        display: none;
    }
    #modal_sp_intro .content_inner04 ul{
        display: grid;
    }
}
@media (max-width: 768px) {
    #modal_sp_intro .popup{
        width:95vw;
    }

    #modal_sp_intro .popup_inner{
        padding:40px 20px !important;
    }

    #modal_sp_intro .popup .popup_inner .content_inner05 .sp_pc_tree{
        display: none;
    }
    #modal_sp_intro .popup .popup_inner .content_inner05 .sp_mobile_tree{
        display: table;
    }
}

/* 모달 팝업 특수건강진단 소개 끝 */

/* 모달 팝업 특수건강진단 FAQ */
#modal_sp_faq .popup{
    width:1100px;
    height:788px;
}

#modal_sp_faq .popup .popup_inner{
    overflow-y:scroll;
    overflow-x:hidden;
    height:650px;
    text-align:left;
    padding:20px;
    background:url(/user/img/check_room/bg_ico.png) no-repeat 855px 515px;
}



#modal_sp_faq .popup .popup_inner table{
    border-top:2px solid #333;
    width:100%;
    text-align: left;
}

#modal_sp_faq .popup .popup_inner table tr{
    width:100%;
}

#modal_sp_faq .popup .popup_inner table tr td.img_td{
    width:100px;
    text-align: center;
}

#modal_sp_faq .popup .popup_inner table tr td.img_td2{
    width:100px;
    height:55px;
    text-align: center;
    background-color:#f7f7f7;
}

#modal_sp_faq .popup .popup_inner table tr td{
    border-top:1px solid #ccc;
    border-bottom:none;
    font-size:1.1rem;
    word-break: keep-all;
    padding:10px 0;
}

#modal_sp_faq .popup .popup_inner table tr td > div{
    display: flex;
    align-items: center;
    height: 50px;
}

#modal_sp_faq .popup .popup_inner table tr td a{
    color:#666666;
    display: inline-block;
    font-size:1rem;
    line-height: 1.25em;
}
#modal_sp_faq .popup .popup_inner table tr td a.bold{
    font-weight:600;
}
#modal_sp_faq .popup .popup_inner table tr td span{
    color:#666666;
    margin-left:25px;
    display: block;
    font-size:1rem;
    padding:15px 0 15px 20px;
    line-height: 1.5em;
    background:url(/user/img/sub/answer_arrow.png) no-repeat 0 19px;
}

#modal_sp_faq .popup .asktd {
}
#modal_sp_faq .popup .asktd a{
    max-width: 93%;
}
#modal_sp_faq .popup .asktd i{
    max-width: 5%;
}
#modal_sp_faq .popup .close_arrow {
    width: 30px;
    height: 12px;
    background: url(/user/img/re/up_arrow.svg) no-repeat 0 0;
    margin: 20px 0;
    display: inline-block;
    cursor: pointer;
    float:right;
}
#modal_sp_faq .popup .open_arrow {
    width: 30px;
    height: 12px;
    background: url(/user/img/re/down_arrow.svg) no-repeat 0 0;
    margin: 20px 0;
    display: inline-block;
    cursor: pointer;
    float:right;
}




#modal_sp_faq .popup .tab_common table tr td img{
    display:inline-block;
    vertical-align: -5px;
}

.hide {display:none;}
.show {}
.title td {cursor:pointer;}
.title td:hover{
    text-decoration: underline;
    font-weight:600;
    color:#333;
}
@media (max-width: 1280px) {
    /* 모달 팝업 특수건강진단 */
    #modal_sp_faq .popup{
        width:900px;
        height:788px;

    }

}

@media (max-width: 1024px) {
    #modal_sp_faq .popup{
        width:768px;
        height: 60vh;
    }
    #modal_sp_faq .popup_inner{
        height: calc(60vh - 110px) !important;
    }
    #modal_sp_faq .popup .popup_inner table tr td.img_td{
        width:30px;
        text-align: center;
    }
    #modal_sp_faq .popup .popup_inner table tr td {
        border-top:1px solid #ccc;
        border-bottom:none;
        font-size: 0.9rem;
        padding:0;
    }
}
@media (max-width: 768px) {
    #modal_sp_faq .popup{
        width:95vw;
    }
    #modal_sp_faq .popup .popup_inner table tr td {
        overflow-x: auto;
        max-width: 30px;
    }
    .modal .popup_title b {
        position: absolute;
        top: -45px;
        right: 10px;
        cursor: pointer;
    }
}

@media (max-width: 512px) {
    #modal_sp_faq .popup .close_arrow {
        margin-right:5px;
    }
    #modal_sp_faq .popup .open_arrow {
        margin-right:5px;
    }
    #modal_sp_faq .popup .popup_inner table tr td a {
        color: #666666;
        display: initial;
        font-size: 0.9rem;
    }
    #modal_sp_faq .popup .popup_inner table tr td > div{
        display: flex;
        align-items: center;
        height: 50px;
    }
    #modal_sp_faq .popup .popup_inner table tr td span {
        margin-left: 0;
        display: block;
        font-size: 0.9rem;
        padding: 15px 20px 15px 20px;
        line-height: 1.45em;
    }
}




/* 메인 팝업 */

.main_modal{
}

.main_modal{
    position: fixed;
    z-index: 14;
}

.main_modal .popup_bg{
    position: fixed;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
    z-index: 7;
}

.main_modal #popup{
    transform: translate(-50%,-50%);
    top:50%;
    left:50%;
    background:#fff;
    opacity: 1;
    z-index: 10;
    position: fixed;
    border-radius:10px 10px 0 0;
    max-width: 100vw;
}

.main_modal #popup .popup_title{
    width:100%;
    height:50px;
    background:url(/user/img/check_room/popup_title.png) no-repeat 0 0;
    text-align: left;
    position: relative;
    border-radius:10px 10px 0 0;
    text-align:center;
}

.main_modal #popup .popup_title span{
    font-size:18px;
    font-weight:600;
    display: inline-block;
    color:#fff;
    margin-top:15px;
    margin-left:25px;
}

.main_modal #popup .popup_title b{
    position: absolute;
    top:15px;
    right:-35px;
    cursor: pointer;
}

.main_modal #popup .popup_inner .main_panel img{
    max-width: 100vw;
}

.main_modal #popup .popup_inner .close_area_new{
    position:absolute;
    bottom:-38px;
    width:100%;
    padding: 5px 0;
    background:#fff;
    max-width: 100vw;

}

.main_modal #popup .popup_inner .close_area_new form{
    float:left;
    cursor:pointer;
    margin-top:2px;
    margin-left:10px;
}

.main_modal #popup .popup_inner .close_area_new input{
    cursor:pointer;
    vertical-align:-1px;
    margin-right:0;
}

.main_modal #popup .popup_inner .close_area_new label{
    cursor:pointer;
    font-size:12px;
    font-family:'NotoSans',sans-serif;
    font-weight:500;
    color:#aaa;
}

.main_modal #popup .popup_inner .close_area_new span{
    float:right;
    cursor:pointer;
    margin-right:10px;
    font-size:14px;
    color:#fff;
    background:#8b0f1d;
    padding:7px 12px;
    border-radius:5px;
}

.main_modal #popup .popup_inner .close_area_new form input[type='checkbox']{    /*진짜 체크박스 지우기*/
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.main_modal #popup .popup_inner .close_area_new form input[type='checkbox'] + label{
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    top:5px;
    left:10px;
    color:#aaa;
}

.main_modal #popup .popup_inner .close_area_new form input[type='checkbox'] + label:before{ /*가짜체크박스*/
    content: ' ';
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 21px;
    margin: -2px 5px 0 0;
    text-align: center;
    vertical-align: middle;
    background: none;
    border: 1px solid #aaa;
    border-radius:2px;
}

.main_modal #popup .popup_inner .close_area_new form input[type='checkbox']:checked + label:before{ /*체크*/
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 10px;
    font-weight:600;
    color: #8b0f1d;
    text-align: center;
    line-height: 10px;
}

@media (max-width: 768px) {

    .main_modal #popup .popup_inner .main_panel img{
        /*min-width: 100vw;*/
        width: 100vw !important;
    }

    .main_modal #popup .popup_inner .close_area_new{
        /*min-width: 100vw;*/
        width: 100vw !important;
    }
}

/*메인비밀번호변경팝업*/
.pw_modal{
    position: fixed;
    z-index: 16;
}

.pw_modal .popup_bg{
    position: fixed;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
    z-index: 7;
}

.pw_modal #popup{
    transform: translate(-50%,-100%);
    top:50%;
    left:50%;
    background:#fff;
    opacity: 1;
    /*width:350px;*/
    height:220px;
    z-index: 10;
    position: fixed;
    border-radius:10px 10px 0 0;
}

.pw_modal #popup .popup_title{
    width:100%;
    height:50px;
    background:url(/user/img/check_room/popup_title.png) no-repeat 0 0;
    position: relative;
    border-radius:10px 10px 0 0;
    text-align:center;
}

.pw_modal #popup .popup_title span{
    font-size:18px;
    font-weight:600;
    display: inline-block;
    color:#fff;
    margin-top:15px;
    /*margin-left:25px;*/
}

.pw_modal #popup .popup_title b{
    position: absolute;
    top:15px;
    right:-35px;
    cursor: pointer;
}

.pw_modal #popup .popup_inner table{
    margin:20px 20px 15px 30px;
}

.pw_modal #popup .popup_inner table tbody th{
    font-size:14px;
    color:#333;
    text-align:left;
    height:30px;
}

.pw_modal #popup .popup_inner table tbody td{
}

.pw_modal #popup .popup_inner table tbody td input{
    border:none;
    border-bottom:1px solid #ccc;
    margin-left:10px;
}

.pw_modal #popup .popup_inner .close_area{
    position:absolute;
    bottom:-38px;
    width:100%;
    padding: 5px 0;
    background:#fff;
}

.pw_modal #popup .popup_inner .close_area form{
    float:left;
    cursor:pointer;
    margin-top:2px;
    margin-left:10px;
}

.pw_modal #popup .popup_inner .close_area input{
    cursor:pointer;
    vertical-align:-1px;
    margin-right:0;
}

.pw_modal #popup .popup_inner .close_area label{
    cursor:pointer;
    font-size:12px;
    font-family:'NotoSans',sans-serif;
    font-weight:500;
    color:#aaa;
}

.pw_modal #popup .popup_inner .ok_area span{
    float:right;
    cursor:pointer;
    margin-right:30px;
    font-size:14px;
    color:#fff;
    background:#8b0f1d;
    padding:7px 12px;
    border-radius:5px;
}

@media (max-width: 768px) {
    .pw_modal #popup{
        width:300px;
    }
}


/*로그인 모달 팝업*/
.login_modal{
    position: fixed;
    z-index: 14;
}

.login_modal .popup_bg{
    position: fixed;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
    z-index: 7;
}

.login_modal #popup{
    transform: translate(-50%,-100%);
    top:50%;
    left:50%;
    background:#fff;
    opacity: 1;
    width:400px;
    height:220px;
    z-index: 10;
    position: fixed;
    border-radius:10px 10px 0 0;
}

.login_modal #popup .popup_title{
    width:100%;
    height:50px;
    background:url(/user/img/check_room/popup_title.png) no-repeat 0 0;
    position: relative;
    border-radius:10px 10px 0 0;
    text-align:center;
}

.login_modal #popup .popup_title span{
    font-size:18px;
    font-weight:600;
    display: inline-block;
    color:#fff;
    margin-top:15px;
    /*margin-left:25px;*/
}

.login_modal #popup .popup_title b{
    position: absolute;
    top:15px;
    right:-35px;
    cursor: pointer;
}

.login_modal #popup .popup_inner #userid02 {
    margin-top: 5px;
    position: absolute !important;
    bottom: -23px;
    left: 10%;
}

.login_modal #popup .popup_inner .userid02 {
    position: absolute !important;
    bottom: 15px;
    left: 30px;
    font-size: 0.8rem;
    color:#333;
}
.login_modal #popup .popup_inner .three_table{
    margin:20px 20px 15px 30px;
    width: 85%;
    border-spacing: 0 5px;
    border-collapse: separate;
}

.login_modal #popup .popup_inner .three_table tbody tr td input {
    width: -webkit-fill-available;
    background: #fff;
    border: 1px solid #888;
    padding: 11px;
    border-radius: 5px;
    color: #000;
}
.login_modal #popup .popup_inner .three_table tbody tr td input::placeholder {
    color: #888;
}

.login_modal #popup .popup_inner .three_table tbody tr td button {
    font-size: 15px;
    color: #fff;
    background: #56000a;
    padding: 37px 5%;
    margin-left: 5px;
    border-radius: 5px;
    width: 100%;
    border: none;
    cursor: pointer;
}

.login_modal #popup .popup_inner .close_area{
    position:absolute;
    bottom:-38px;
    width:100%;
    padding: 5px 0;
    background:#fff;
}

.login_modal #popup .popup_inner .close_area form{
    float:left;
    cursor:pointer;
    margin-top:2px;
    margin-left:10px;
}

.login_modal #popup .popup_inner .close_area input{
    cursor:pointer;
    vertical-align:-1px;
    margin-right:0;
}

.login_modal #popup .popup_inner .close_area label{
    cursor:pointer;
    font-size:12px;
    font-family:'NotoSans',sans-serif;
    font-weight:500;
    color:#aaa;
}

.login_modal #popup .popup_inner .ok_area span{
    float:right;
    cursor:pointer;
    margin-right:30px;
    font-size:14px;
    color:#fff;
    background:#8b0f1d;
    padding:7px 12px;
    border-radius:5px;
}

.hiddenlogoBox{
    display:none;
    position: fixed;
    top: 18px;
    left: 20px;
    z-index: 11;
    padding: 0;
    margin: 0;
}

.hiddenlogoBox img{
    width:165px;
}

@media (max-width: 1400px) {

}

@media (max-width: 512px) {
    .hiddenlogoBox{
        display:none;
        position: fixed;
        top: 21px;
        left: 20px;
        z-index: 11;
        padding: 0;
        margin: 0;
    }
    .ank_tab{
        font-size:0.9rem!important;
    }
    .gumche_story ul.tabs li {
        font-size:0.9rem!important;
    }
    .step_story .ank_tab{
        margin-top:140px;
    }
}

.step_indent p{
    text-indent:-9px;
}

._rowTest{
    cursor:pointer;
}

.search_bt{
    background: url(/user/img/re/search.svg) no-repeat 0 50%!important;
    width: 16px;
    height: 16px;
    margin-top: 5px;
    margin-right: 5px;
}

.close_bt{
    width:21px;
}


.content{
    position: relative;
    animation: fadeInDown 1s;
}

.saup_bg{
    position: relative;
}

.banzzak_US{
    position: absolute;
    top: 44.5%;
    left: 20.4%;
    width:30px;
    height:30px;
    border-radius: 50%;
    z-index: 2;
}

.banzzak_KZ{
    position: absolute;
    top: 42%;
    left: 60%;
    border-radius: 50%;
    background: #fff;
}

.banzzak_VN{
    position: absolute;
    top: 53.9%;
    left: 67%;
    border-radius: 50%;
    background: #fff;
}

.banzzak_HQ{
    position: absolute;
    top: 46.1%;
    left: 71.5%;
    border-radius: 50%;
    background: #fff;
}



.banzzak_US::before,
.banzzak_KZ::before,
.banzzak_VN::before,
.banzzak_HQ::before {
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    margin-top: -3px;
    margin-left: -3px;
    animation: dot 1.5s infinite;
}
@keyframes dot {
    100% {
        opacity: 1;
        transform: scale(3.5);
        opacity: 0;
    }
}

@media (max-width: 1800px) {
    .banzzak_US{
        left: 20.3%;
    }

    .banzzak_KZ{
        left: 59.9%;
    }

    .banzzak_VN{
        left: 66.9%;
    }

    .banzzak_HQ{
        left: 71.4%;
    }
}

@media (max-width: 1024px) {
    .saup_bg a{
        display:none;
    }

}

/* @media (max-width: 512px) {
    span{
        word-break: keep-all!important;
    }
} */


@media (min-width: 1400px) and (max-width:2056px) {
    .m_gumsak{
        width: 15px;
        visibility: hidden;
    }
}


@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -1.2%, 0);
    }
    50% {
        opacity: 0.5;
    }

    100%{
        opacity: 1;;
        transform: translateZ(0);
    }
}

/*차세대 Open후 씨차트개발팀 작업시작*/



/*차세대 Open후 씨차트개발팀 작업끝*/