/*
 * File       : reset.css
 * Author     : SMART GEO
 * Guideline  : -
 * Update : 2021-11-05
 *
 * Dependency : 베이스 스타일
 *
 * SUMMARY:
 * 01) 전역 스타일
 * 02) 컨텐츠기본 스타일
 * 03) 모바일메뉴기본 스타일
 * 04) 모달기본 스타일
 * 05) 공통기본 스타일 (common)
 * 06) 서브컨텐츠 기본 스타일 1 (contents 1)
 * 07) 서브컨텐츠 기본 스타일 2 (contents 2)
 * 08) 서브컨텐츠 기본 스타일 3 (contents 3)
 * 09) 미디어컨텐츠 기본 스타일 (media)
 */

/* **************************************** *
 * 01) 전역 스타일
 * **************************************** */

html { width: 100%; height: 100%; }
* { margin:0; padding:0 }
*, *:after, *:before { box-sizing: border-box; }
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code,
datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd,
keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, td, tfoot, thead, th, tr, td, video, tt, u, ul, var, input { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; box-sizing: border-box; word-break: keep-all; }
body { color: #333; font-size: 85%; line-height: 1.5em; -webkit-text-size-adjust: none; }
body.anti_scroll { overflow-y: hidden; }
h1, h2, h3, h4, h5, h6, table, tr, th, td, input, button, select, textarea { font-size: 1em; box-sizing: border-box; }
strong { font-weight: bold; }
body, input, button, select, textarea, sub { font-family: "NanumSquare", sans-serif; -webkit-text-size-adjust: none; }
input { font-family: "Noto Sans KR", sans-serif; border: 1px solid; }
cite, address, optgroup { font-style: normal; }
kbd, samp, code { font-family: monospace; }
a { color: inherit; }
a:link, a:visited, a:focus, a:active { text-decoration: none; }
button, label { cursor: pointer; border: none; }
code { display: block; }
input[type="submit"] { -webkit-appearance: none; }
legend, hr { position: absolute; top: 0; left: 0; overflow: hidden; }
legend, hr, caption { overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
img, input, button, select, textarea { vertical-align: middle; max-width: 100%; }
li, ul, ol { list-style: none; }
img, fieldset { border: 0; }
abbr, acronym { border-bottom: 1px dotted black; cursor: help; }
table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; }
article, aside, audio, canvas, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }

/* **************************************** *
 * 02) 컨텐츠기본 스타일
 * **************************************** */

.w_wrap {
    clear: both;
    width: 1200px;
    margin: 0 auto;
}
.w_wrap.type_board {
    max-width: 1000px;
    width: 100%;
}
.w_wrap.wi900px {
    width: 900px;
}
.w_wrap.narrow:after {
    display: block;
    clear: both;
    content: ""
}
.w_wrap.in_page {
    padding-top: 165px
}
.w_wrap.in_page:after {
    display: block;
    clear: both;
    content: ""
}
.w_wrap.in_page .content {
    width: 900px;
    float: right;
    padding-bottom: 80px
}

/* **************************************** *
 * 03) 모바일메뉴기본 스타일
 * **************************************** */

.quick_bar_m {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #ffffff;
    display: none;
    border-top: 1px solid rgba(0, 0, 0, .1);
    z-index: 50;
}
.quick_bar_m ul a li {
    position: relative;
    float: left;
    width: 20%;
    text-align: center;
}
.quick_bar_m ul a li span {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
}
.quick_bar_m ul a.about li span {
    background: url('https://cheongmac.blob.core.windows.net/common/ic_reset_quickbar_m_about.svg') no-repeat center center/cover;
}
.quick_bar_m ul a.doctors li span {
    background: url('https://cheongmac.blob.core.windows.net/common/ic_reset_quickbar_m_doctors.svg') no-repeat center center/cover;
}
.quick_bar_m ul a.counseling li span {
    background: url('https://cheongmac.blob.core.windows.net/common/ic_reset_quickbar_m_counseling.svg') no-repeat center center/cover;
}
.quick_bar_m ul a.review li span {
    background: url('https://cheongmac.blob.core.windows.net/common/ic_reset_quickbar_m_review.svg') no-repeat center center/cover;
}
.quick_bar_m ul a.gallery li span {
    background: url('https://cheongmac.blob.core.windows.net/common/ic_reset_quickbar_m_gallery.svg') no-repeat center center/cover;
}
.quick_bar_m ul a.talktalk li span {
    background: url('https://cheongmac.blob.core.windows.net/common/ic_reset_quickbar_m_talktalk.svg') no-repeat center center/cover;
}
.quick_bar_m ul a li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 15px;
    width: 1px;
    height: 30px;
    background: #dfe1e9;
}
.quick_bar_m ul a:last-child li::before {
    content: unset;
}

@media screen and (max-width: 1140px) {
    .quick_bar_m {
        display: block;
    }
}

/* **************************************** *
 * 04) 모달기본 스타일
 * **************************************** */

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    font-family: 'NanumSquare', 'Noto Sans KR', sans-serif;
    color: #414144;
    background-color: rgba(0, 0, 0, 0.5);
}
.modal input::placeholder, .modal textarea::placeholder {
    color: #bbbbbb;
}
.modal_inner {
    position: absolute;
    background-color: #fefefe;
    padding: 50px;
    border: 1px solid #888;
    width: 80%;
    max-width: 900px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.modal_inner.wi20p {
    width: 20%;
    min-width: 450px;
}
.close {
    position: absolute;
    right: 20px;
    top: 25px;
    font-size: 50px;
    font-weight: bold;
    z-index: 100;
    color: #aaa;
}
.close:hover,
.close:focus {
    color: #414144;
    text-decoration: none;
    cursor: pointer;
}
.modal .modal_inner .modal_div {
    display: none;
}
.modal .modal_inner .modal_title_wrap {
    position: relative;
    padding: 30px 0 20px;
    text-align: center;
}
.modal .modal_inner .modal_title_wrap span {
    position: relative;
    font-size: 40px;
    font-weight: bold;
}
.modal .modal_inner .modal_title_wrap span::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('https://cheongmac.blob.core.windows.net/common/ic_reset_symbol.png') no-repeat center center/cover;
    top: -11px;
    left: -16px;
}
.modal .modal_inner .modal_title_wrap span::after {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #113a6b;
    content: "";
    position: absolute;
    top: 130%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.modal .modal_inner .modal_div .modal_content_wrap {
    margin-top: 40px;
}
/* S -- 모달, 전화 안내 */
.modal .modal_inner .modal_div .modal_content_wrap.telephone {
    text-align: center;
}
.modal .modal_inner .modal_div .modal_content_wrap.telephone .contact_section {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    font-size: 20px;
    overflow: hidden;
    margin-bottom: 15px;
}
.modal .modal_inner .modal_div .modal_content_wrap.telephone .contact_section:hover {
    opacity: 0.8
}

.modal .modal_inner .modal_div .modal_content_wrap.telephone .contact_section .icon_wrap {
    display: inline-block;
    padding: 15px 5px 0 0;
}

.modal .modal_inner .modal_div .modal_content_wrap.telephone .contact_section .icon_wrap i {
    font-size: 32px;
}

.modal .modal_inner .modal_div .modal_content_wrap.telephone .contact_section .number {
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
.modal .modal_inner .modal_div .modal_content_wrap.telephone .contact_section.telephone {
    background-color: #113a6b;
    color: #ffffff;
}
.modal .modal_inner .modal_div .modal_content_wrap.telephone .contact_section.fax {
    margin-bottom: 0;
    background-color: #e8e8e8;
    border: 1px solid #d9d9d9;
}
.modal .modal_inner .modal_div .modal_content_wrap.telephone .contact_section.kakao {
    background-color: #fae12d;
    border: 1px solid #dfe5e6;
    color: #414144;
    margin-bottom: 0;
}
/* E -- 모달, 전화 안내 */
/* S -- 모달, 오시는길 */
.modal .modal_inner .modal_div .modal_content_wrap.location #map {
    width: 100%;
    height: 350px;
}
.modal .modal_inner .modal_div .modal_content_wrap.location span {
    display: inline-block;
    font-size: 17px;
}
.modal .modal_inner .modal_div .modal_content_wrap.location .location_info {
    width: 100%;
    background-color: #24426b;
    padding: 18px;
}
.modal .modal_inner .modal_div .modal_content_wrap.location .location_info span {
    color: #ffffff;
}
.modal .modal_inner .modal_div .modal_content_wrap.location .location_info span:first-child {
    margin-bottom: 10px;
}
.modal .modal_inner .modal_div .modal_content_wrap.location .location_info_sub {
    text-align: right; margin-top: 6px; font-size: 16px
}
/* E -- 모달, 오시는길 */
/* S -- 모달, 간편예약 */
.modal .modal_inner .modal_div .modal_content_wrap.reservation {
    color: #414144;
    font-size: 19px;

}
.modal .modal_inner .modal_div .modal_content_wrap.reservation div.full {
    width: 100%;
    float: left;
}
.modal .modal_inner .modal_div .modal_content_wrap.reservation div.half {
    width: 48%;
    display: inline-block;
    float: left;
}
.modal .modal_inner .modal_div .modal_content_wrap.reservation .reserv_title {
    font-weight: 600;
}
.modal .modal_inner .modal_div .modal_content_wrap.reservation .reserv_input {
    width: 100%;
    padding: 5px 10px;
    margin: 5px 0 15px;
    color: #414144;
}
.modal .modal_inner .modal_div .modal_content_wrap.reservation .reserv_input.half {
    width: 48%;
    float: left;
}
.modal .modal_inner .modal_div .modal_content_wrap.reservation select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ddd;
    font-family: 'Noto Sans KR', sans-serif;
    background-color: transparent;
}
.modal .modal_inner .modal_div .modal_content_wrap.reservation select::-ms-expand { display: none; }
.modal .modal_inner .modal_div .modal_content_wrap.reservation select:invalid {
    color: #bbbbbb;
}
.modal .modal_inner .modal_div .modal_content_wrap.reservation select option {
    color: #414144;
}
.modal .modal_inner .modal_div .modal_content_wrap.reservation select optgroup {
    color: #414144;
}
.modal .modal_inner .modal_div .modal_content_wrap.reservation textarea {
    width: 100%;
    padding: 5px 10px;
    height: 200px;
    color: #414144;
    margin-bottom: 0 !important;
}
.modal .modal_inner .modal_div .modal_content_wrap.reservation p#privacy_chk {
    text-align: right;
    font-size: 17px;
    padding: 10px 0 15px;
}
.modal .modal_inner .modal_div .modal_content_wrap.reservation p#privacy_chk  a {
    color: #3f6ea2;
    font-weight: bold;
    margin-left: 3px;
}
.modal .modal_inner .modal_div .modal_content_wrap.reservation .reserv_save {
    width: 100%;
    height: 70px;
    padding: 0 30px;
    margin: 0 3px;
    font-size: 22px;
    color: #fff;
    background-color: #113a6b;
}
/* E -- 모달, 간편예약 */
/* S -- 모달, 진료시간 */
.modal .modal_inner .modal_div .modal_content_wrap.time {
    font-size: 21px;
    text-align: center;
}
.modal .modal_inner .modal_div .modal_content_wrap.time .time_section {
    padding: 12px 0;
    text-align: center;
    border-bottom: 1px solid #eeeeee;
    display: inline-block;
    width: 100%;
}
.modal .modal_inner .modal_div .modal_content_wrap.time div.time_section:first-child span:first-child {
    letter-spacing: -0.19px;
}
.modal .modal_inner .modal_div .modal_content_wrap.time div.time_section:nth-child(2) {
    letter-spacing: -0.1px;
    color: #3a6cd0;
}
.modal .modal_inner .modal_div .modal_content_wrap.time .time_section span:nth-child(1) {
    font-weight: bold;
}
.modal .modal_inner .modal_div .modal_content_wrap.time .time_notice {
    float: right;
    margin-top: 30px;
    color: red;
}
/* E -- 모달, 진료시간 */
/* S -- 모달, 안내 문구 -- */
.alt_wrap .alt_content .alt_msg {
    display: inline-block;
    font-size: 17px;
    margin-bottom: 10px;
    color: #414144;
}
.alt_wrap .alt_content .alt1_msg {
    display: inline-block;
    font-size: 17px;
    margin-bottom: 10px;
    color: #414144;
}
/* E -- 모달, 안내 문구 -- */

@media screen and (max-width: 1400px) {
    /* S -- 모달, 기본 CSS */
    .modal_inner {
        width: 90%;
        padding: 30px 10px 20px;
    }
    .modal .modal_inner .modal_title_wrap {
        padding: 20px 0;
    }
    .modal .modal_inner .modal_title_wrap span {
        font-size: 28px;
    }
    .modal .modal_inner .modal_div .modal_content_wrap {
        padding: 20px 20px 10px;
        margin-top: 0;
    }
    .modal .modal_inner .modal_div .modal_content_wrap.map {
        padding: 20px 5px 0;
    }
    /* E -- 모달, 기본 CSS */
    /* S -- 모달, 오시는길 */
    .modal .modal_inner .modal_div .modal_content_wrap.location #map {
        height: 250px;
    }
    .modal .modal_inner .modal_div .modal_content_wrap.location span {
        font-size: 12px;
    }
    .modal .modal_inner .modal_div .modal_content_wrap.location .location_info {
        padding: 7px 24px;
    }
    .modal .modal_inner .modal_div .modal_content_wrap.location .location_info_sub {
        font-size: 13px;
    }
    .modal .modal_inner .modal_div .modal_content_wrap.location .location_info span:first-child {
        margin-bottom: 5px;
    }
    /* E -- 모달, 오시는길 */
    /* S -- 모달, 진료시간 */
    .modal .modal_inner .modal_div .modal_content_wrap.time {
        font-size: 15px;
    }
    .modal .modal_inner .modal_div .modal_content_wrap.time .time_section {
        padding: 10px 0;
    }
    /* E -- 모달, 진료시간 */
}

@media screen and (max-width: 1400px) {
    /* S -- 모달, 간편예약 */
    .modal .modal_inner .modal_div .modal_content_wrap.reservation .reserv_title {
        font-size: 17px;
    }
    .modal .modal_inner .modal_div .modal_content_wrap.reservation .reserv_input {
        padding-top: 2px;
        margin: 5px 0 10px;
        font-size: 13px;
    }
    .modal .modal_inner .modal_div .modal_content_wrap.reservation textarea {
        height: 70px;
    }
    .modal .modal_inner .modal_div .modal_content_wrap.reservation .reserv_save {
        height: 50px;
        font-size: 18px;
    }
    /* E -- 모달, 간편예약 */
}

@media screen and (max-width: 350px) {
    /* S -- 모달, 기본 CSS */
    .modal_inner.wi20p {
        min-width: 360px;
    }
    /* E -- 모달, 기본 CSS */
    /* S -- 모달, 진료시간 */
    .modal .modal_inner .modal_div .modal_content_wrap.time {
        font-size: 13px;
    }
    .modal .modal_inner .modal_div .modal_content_wrap.time .time_section {
        padding: 5px 0;
    }
    /* E -- 모달, 진료시간 */
}

/* **************************************** *
 * 05) 공통 기본 스타일
 * **************************************** */

.section_title { margin-top: 80px; }
.section_title h2.title { line-height: 1.28; text-align: center; font-size: 36px; color: #414144; font-weight: 800}
.section_title h2.title span { display: block; }
.section_title h2.title em {color: #1E5290}
.section_title h2.s_title {text-align: center; font-size: 22px; color: #414144; font-weight: 500; margin-bottom: 5px}
.section_title h3.title { font-size: 20px; color: #333; border-bottom: 1px solid #c9c9c9; }
.section_title h3.title a { position: relative; display: block; padding: 15px 0; font-weight: 600}
.section_title .more { display: block; position: absolute; top: 20px; right: 0; width: 13px; height: 13px; text-indent: -9999px; }
.section_title .more:before,
.section_title .more:after { content: ''; position: absolute; display: block; background-color: #999; }
.section_title .more:before { top: 0; left: 50%; width: 2px; height: 13px; margin-left: -1px; }
.section_title .more:after { top: 50%; left: 0; width: 13px; height: 2px; margin-top: -2px; }
.section_title_sub {width: 1200px; margin:60px auto 40px; padding-bottom: 15px; position: relative; text-align: center;}
.section_title_sub.counsel {width: 1000px;}
.section_title_sub:after {display: block; width: 30px; height: 2px; background-color: #113a6b; content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -15px}
.section_title_sub h2.title { line-height: 1.28; text-align: center; font-size: 46px; color: #414144;font-weight: 600; display: inline-block; position: relative; width: auto !important;}
.section_title_sub h2.title::before { content: ""; position: absolute; width: 20px; height: 20px; background: url("https://cheongmac.blob.core.windows.net/common/ic_reset_symbol.png") no-repeat center center/cover; top: -11px; left: -16px; }
.section_title_sub h2.s_title { line-height: 1.28; text-align: center; font-size: 24px; color: #414144; font-weight: 500;}
.section_title_sub.wh,.section_title_sub.wh h2.title, .section_title_sub.wh h2.s_title  {color: #fff}
.section_title_sub.detail {margin: 50px auto 40px}
.section_title_sub.detail h2.title {font-size: 36px; font-weight: 600}
.section_title_sub.detail h2.title span {font-size: 20px}
.cont_title {font-size: 24px; color: #333; font-weight: 500; padding: 40px 0 15px; border-bottom: 2px solid #333; margin-bottom: 10px}
.w_wrap.in_page .content .cont_title {padding-top: 0; border: 0}

.gb_video_outer { position: fixed; top: 0; left: 0; z-index: 10001; width: 100%; height: 100%; background: rgba(0, 0, 0, 1); display: flex; justify-content: center; align-items: center; padding: 0 20%; }
.gb_video_inner { position: relative; width: 100%; }
.gb_video_close_btn { position: absolute; top: -72px; right: -10px; display: inline-block; width: 52px; height: 52px; background: url("https://cheongmac.blob.core.windows.net/btn/btn_video_close.svg") no-repeat center center/cover; cursor: pointer; }

@media screen and (max-width: 1140px) {
    .gb_video_outer { padding: 0; }
    .gb_video_close_btn { top: -52px; right: 0; width: 40px; height: 40px; }
}

/* **************************************** *
 * 06) 서브컨텐츠 기본 스타일 1 (contents 1)
 * **************************************** */
.content{position:relative;}
section.img_content{
    text-align: center;
}
.bx-wrapper {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    background: none !important;
}
.btn_center{margin-top:20px; margin-bottom: 80px; text-align:center;}
.btn_center.top{text-align: right; margin: 5px 0 15px}
.txt1{line-height:19px;; font-size: 17px;}
.member_wrap.bor {border: 1px solid #eee; border-bottom: 0}
.member_wrap:after{display:block;clear:both;content:" ";}
.member_wrap {overflow:hidden;}
.member_wrap .login {margin: auto}
.member_wrap.pw_box {padding-bottom: 100px; text-align: center}
.login_box {}
.login_box:after {display:block;clear:both;content:" ";}
.login_box h3 {
    font-weight: 500;
    position: relative;
    font-size: 30px;
    color: #333;
    display: block;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.login_box h3:after {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #1E5290;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px;
}
.login h4, .login_box .txt1 {height:56px;}
.login_box .txt2 {height:42px;}
.login_box .login_pd {padding-left:44px;}
.login_box .login_input { box-sizing: border-box; padding: 30px 0;}
.login_box .login_img {float: left}
.login_box .login_img img {max-width: 100%}
.login_form:after{display:block;clear:both;content:" ";}
.login_form {overflow:hidden; width: 400px; margin: auto}
.login_form .in {border: 0; margin-bottom: 15px}
.login_form .in:after, .login_form .in li:after {display:block;clear:both;content:" ";}
.login_form .in li {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}
.login_form .in label {
    display: block;
    position: absolute;
    top: 14px;
    left: 19px;
    height: 17px;
    font-size: 14px;
    color: #aaa;
    vertical-align: middle;}
.login_form .in input {
    float: right;
    width:100%;
    height:45px;
    line-height:45px;
    border: 0;
    padding: 0 20px;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    background-color: #f5f5f5;
}
.login_form .in .input_space{margin-top:4px;}
.login_form .btn_login{display:block;}
.btn_login, a.btn_login {
    display: block;
    color: #fff;
    width: 100%;
    background-color: #333;
    padding: 15px 0;
    font-size: 20px;
    text-align: center;
    border: 0;
}
.maria_benefit {clear: both; margin-left: 1px; padding:40px 0 80px}
.maria_benefit:after{display:block;clear:both;content:" ";}
.maria_benefit h2 {color: #333; display: block; padding: 15px 0; font-size: 16px}
.maria_benefit .item {display: block; width: 33.3%; float: left}
.maria_benefit .item .box {border: 1px solid #eee; height: 182px; margin-left: -1px; padding: 30px}
.maria_benefit .item .txt {font-size: 18px; color: #333; margin-bottom: 20px; font-weight: 500}
.at_box {clear: both; overflow:auto;max-height:400px;padding:26px 20px 0 20px; margin-top:25px; border: 1px solid #e9e9e9; line-height: 1.6em}
.at_box.full {height: auto; margin-bottom: 80px}
.at_box h4, .at_box h5, .at_box p, .at_box ol li, .provision_form .at_box h6{}
.at_box h4, .provision_form .at_box h5 {margin-bottom:12px; font-size:18px;color:#333; font-weight: 600}
.at_box h5, .provision_form .at_box h6 {margin-bottom:20px;font-weight:normal; font-size: 17px;}
.at_box p, .at_box ol li, .at_box ul li {line-height:24px;}
.at_box p, .at_box ol, .at_box ul li {margin-bottom:22px;}
.at_box ol li, .at_box ul li {margin-left:16px;text-indent:-16px;}
.at_box ol li ol, .at_box ol li p {margin-bottom:0;}
.at_box ol li p {margin-left:16px;}
.bor_tab {
    font-size: 18px;
    position: relative;
    display: block;
    height: 45px;
}
.bor_tab li {display: block; width: 50%; float: left; text-align: center}
.bor_tab li {
    height: 42px;
    border: 1px solid #eee;
    margin-left: -2px;
}
.bor_tab li.active {
    position: relative;
    height: 44px;
    border: 1px solid #333;
    border-bottom: 0;
    z-index: 1;
}
.bor_tab li a {
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
    list-style: none;
    padding: 9px 0 12px;
    border: 1px solid #fff;
    border-bottom: 0;
    color: #747474;
    text-align: center;
    border-top: 1px solid transparent;
    height: 18px;
}
.bor_tab li.active a {
    position: relative;
    padding: 11px 0 14px;
    border-bottom: 0;
    background: #fff;
    color: #333;
    font-weight: bold;
}
.member_cnt{position:relative; text-align: center}
.member_cnt fieldset {display: inline-block}
.member_cnt .title{height:52px;}
.member_cnt h4{padding:12px 0 8px;}
.member_cnt .btn_at{position:absolute;top:151px;left:414px;}
.member_cnt input, .member_cnt label{display:block;float:left;}
.member_cnt label{}
.member_cnt form{padding-top:10px;background:none;}
.member_cnt .input_txt {width:243px;height:34px; padding:0 11px;border:1px solid #d6d6d6;line-height:34px;}
.member_cnt .input_txt214{width:214px;height:34px;padding:0 11px;border:1px solid #d6d6d6;line-height:34px;}
.member_cnt .captcha_input{margin-left:96px;}
.member_cnt .btn_cf{margin:3px 0 0 4px;}
.member_cnt .btn_re{margin:8px 0 0 4px;}
.member_cnt .result{margin:28px auto 34px; width: 500px; background: #f5f5f5; padding: 40px 0;}
.member_cnt .result strong {color: #111}
.member_cnt .result span{margin-left:18px;}
.member_cnt .pw_box:after{display:block;clear:both;content:" ";}
.member_cnt .pw_box{overflow:hidden;height:68px;}
.member_cnt .id_box{height:40px;}
.member_cnt .input_sp{padding-top:12px;}
.member_cnt .receive{position:absolute;top:100px;left:253px;}
.member_cnt .search_list{width:750px;margin-top:32px;padding:15px 0 37px;border-top:1px solid #c6c7c6;}
.member_cnt .search_list li{padding-left:18px;line-height:23px;}
.member_cnt .search_list_sp{margin-top:10px;}
.find_id_box {text-align: center; clear: both}
.find_id_box h2.title {font-size: 20px; font-weight: normal; margin-bottom: 20px; color: #333; text-align: left; height: auto; margin-bottom: 10px}
.find_id_box h2 em {color: #1E5290;}
.find_id_box fieldset {display: inline-block}
.find_id_box .idBox {border-bottom: 1px solid #ccc; padding: 30px 0}
.find_id_box .input_wrap {display: block; height: auto; margin:30px 0 10px; overflow:visible; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.find_id_box .input_wrap:after{display:block;clear:both;content:" ";}
.member_wrap.pw_box input.style {
    width: 100px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #d6d6d6;
    line-height: 32px;
}
.content .g_tit {clear: both; padding-bottom:15px; font-size: 20px; color: #333}
.content .g_tit span{margin-left:10px;font-weight:normal;font-size:17px;color:#777;}
.w_wrap.in_page {padding: 170px 0 0}
.at_tab:after, .provision_form .check_box:after, .member_cnt .input_sum:after{display:block;clear:both;content:" ";}
.at_tab {margin-bottom:40px;}
.at_tab li{position: relative; float:left; display: block; width: 25%; background-color: #f5f5f5; box-sizing: border-box; padding:20px 23px; border: 1px solid #fff; height: 60px; line-height: 20px; font-size: 17px;}
.at_tab li.on {border: 1px solid #1E5290; background-color: #fff; color: #1E5290; font-size: 19px; padding: 15px 23px; line-height: 28px;
    -moz-box-shadow: 2px 3px 15px rgba(000,000,000,0.15);
    -webkit-box-shadow: 2px 3px 15px rgba(000,000,000,0.15);
    box-shadow: 2px 3px 15px rgba(000,000,000,0.15); z-index: 1}
.at_tab li.on a {color:#1E5290 }
.provision_form{padding-top:36px;}
.provision_form .check_box {margin-bottom:30px; padding: 20px}
.provision_form .check_box.all {clear: both; margin-bottom: 20px; background-color: #f5f5f5}
.provision_form .check_box.all span {float: right; font-size: 16px; color: #333}
.provision_form input, .provision_form label{display:block;float:left;}
.provision_form input{width:14px;height:14px;}
.provision_form label{margin-left:7px;font-weight:bold;line-height:13px; font-size: 18px;}
.provision_form .at_box{margin-top:0;}
.provision_form .ckeck_space {display: inline-block; float: right; padding:15px 0 0 0;border-bottom:0;}
.provision_form .ckeck_space label{font-weight:500; font-size: 18px; color: #1E5290}
.provision_form .nt_txt{height:41px;padding-top:38px;color:#333;border-bottom:1px solid #e3e4e5;}
.join_txt_box{padding-bottom:18px; text-align: center; padding: 50px 0 30px}
.join_txt_box h2 {font-size: 30px; font-weight: normal; margin-bottom: 30px; color: #333}
.join_txt_box h2 em {color: #1E5290;}
.join_txt_box li {margin: 2px 0}
.join_txt_box .confirm{height:50px;margin-bottom:0;background:0;}
.member_cnt .bull_none{padding-top:0;background:none;}
.member_cnt .input_sum{position: relative; overflow:hidden; margin:15px 0; padding-top: 3px; padding-left: 120px}
.member_cnt .input_sum p{float:left;}
.member_cnt .input_sum .id_tit{width:96px;height:21px;margin-top:2px;color:#333;font-weight:bold;}
.member_cnt .input_sum .id_txt{height:21px;color:#555;}
.member_cnt .input_sum .confirm_label {position: absolute; left: 0; top:8px; color:#333;font-weight:bold; text-align: left; font-size: 17px;}
.member_cnt .input_sum .sel_space{margin-left:3px;}
.member_cnt .input_sum .captcha{float:left;width:225px;margin-top:8px;border:1px solid #d6d6d6;background:#fff;}
.member_cnt .input_sum .captcha p{width:225px;text-align:center;font-size:41px;}
.member_cnt .input_sum .input_txt_w1{width:100px;height:32px; padding: 0 10px; border:1px solid #d6d6d6;line-height:32px;}
.member_cnt .input_sum span {display:block;float:left;}
.member_cnt .input_sum span.dv {margin:0 7px; line-height: 34px}
.m_r {margin-right: 7px}
p.nt {text-align: center; padding:20px; border: 1px solid #eee}
.finish_form{margin-bottom: 50px}
.finish_wrap{padding:50px 0; text-align: center;}
.finish_wrap .member_cnt{padding:0;}
.finish_wrap .finish_txt{height:130px; font-size: 20px; color: #111; line-height: 1.6em}
.pw_box .i_pin_box {display:inline-block; margin: auto}
.pw_box .i_pin_box img {margin-top:3px;}
.page_top {
    position: relative;
    height: 348px;
    overflow: hidden;
}
.page_top .img_shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1140px) {
    .page_top {
        height: 50px !important;
        background: unset !important;
    }

    .page_top .img_shadow {
        background: unset !important;
    }

    .section_title_sub h2.title_re {
        font-size: 24px !important;
    }

    .section_title_sub div.title_move {
        width: 18px !important;
        display: block !important;
    }
}

/* **************************************** *
 * 07) 서브컨텐츠 기본 스타일 2 (contents 2)
 * **************************************** */
.clinical_content {margin-bottom: 50px;}
.clinical_content:after {display: block; clear: both; content: ""}
.clinical_content.center {text-align: center}
.clinical_content p {margin-bottom: 20px}
.section_wh {padding: 80px 0;}
.section_wh.top {padding-top: 0}
.sub0201_wrap {
    max-width: 100%;
}
.sub0201_wrap .sub0201_box:after {
    content: "";
    display: block;
    clear: both;
}
.sub0201_wrap .sub0201_box {
    display: flex;
    flex-direction: row-reverse;
}
.sub0201_wrap .text {
    padding: 70px 40px 40px 65px;
    width: 50%;
    float: left;
    background: #d6e4f1;
    min-height: 250px;
    border: 1px solid #ebebeb;
}
.sub0201_wrap .text h4 {
    font-size: 34px;
    color: #1a4579;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 120%;
    letter-spacing: -1.3px;
    word-break: keep-all;
}
.sub0201_wrap .text strong {
    font-size: 18px;
    color: #20628F;
    font-weight: 600;
    display: block;
    letter-spacing: -0.5px;
    margin-bottom: 30px;
    line-height: 120%;
    word-break: keep-all;
}
.sub0201_wrap .text ol {
    margin-bottom: 20px;
    margin-left: 15px;
}
.sub0201_wrap .text ol li {
    line-height: 30px;
    font-size: 16px;
    color: #333;
    letter-spacing: -1.0px;
    list-style: disc;
}
.sub0201_wrap .text ol li b {
    width: 100px;
    display: inline-block;
    font-weight: normal;
}
.sub0201_wrap .text p {
    color: #333;
    font-size: 16px;
    letter-spacing: -1.0px;
    line-height: 30px;
    word-break: keep-all;
}
.slider02 {
    position: relative;
    margin-bottom: 70px;
}
.slider02 .bx-wrapper .bx-prev {
    position: absolute;
    margin: 0;
    left: 0;
    top: 50%;
    width: 52px;
    height: 87px;
    background: url('https://cheongmac.blob.core.windows.net/btn/btn_reset_slide_prev.png') no-repeat;
    text-indent: -9999px;
    z-index: 9999;
    transform: translate(0, -50%);
}
.slider02 .bx-wrapper .bx-next {
    position: absolute;
    margin: 0;
    right: 0;
    top: 50%;
    width: 52px;
    height: 87px;
    background: url('https://cheongmac.blob.core.windows.net/btn/btn_reset_slide_next.png') no-repeat;
    text-indent: -9999px;
    z-index: 9999;
    transform: translate(0, -50%);
}
.slider02 .bx-wrapper .bx-prev:hover {background-position: unset}
.slider02 .bx-wrapper .bx-next:hover {background-position: unset}
.slider02 #bx-pager {
    padding: 15px 0 0;
    max-width: 1200px;
    position: relative;
    left: 0;
    z-index: 10;
}
.slider02 #bx-pager li {
    float: left;
    width: 124px;
    margin-bottom: 9px;
    margin-right: 9px;
}
.slider02 #bx-pager li a img {
    width: 100%
}
.slider02 #bx-pager a {
    display: block;
    background: #414144;
    border: 1px solid #1A4579;
}
.slider02 #bx-pager a img {
    opacity: 1;
}
.slider02 #bx-pager a:hover,
.slider02 #bx-pager a.active {
    opacity: 1;
    border: 5px solid #1A4579;
}
.yg_color {
    background: linear-gradient(to right, #E17C4D 0%, #F2AC75 100%);
    color: #fff;
    cursor: pointer;
}
.content .revise.tbl-year-end td .input_txt2 { margin-left: 0;}
.input_txt { width: 65px; height:22px; border:1px solid #dbdbdb; line-height:22px;}
.revise td select.border { position: relative; top: -2px; width: 99px; height: 24px; margin-left: 0; border:1px solid #dbdbdb; line-height:22px}


@media all and (max-width: 1200px) {
    #equipment03 {
        margin-top: 70px;
    }
    .sub0201_wrap .text h4 {
        font-size: 30px;
    }
    .sub0201_wrap .text strong {
        margin-bottom: 15px;
        line-height: 120%;
    }
    .sub0201_wrap .text p {
        white-space: normal;
        line-height: 26px;
    }
    .slider02 .bx-wrapper .bx-next, .slider02 .bx-wrapper .bx-prev {
        margin-top: 0;
    }
}

@media all and (max-width: 980px) {
    .section_title_sub:before {
        display: none;
    }
    .sub0201_wrap .sub0201_box {
        display: block;
    }
    .sub0201_wrap .img {
        width: 100%;
        float: none;
    }
    .sub0201_wrap .text {
        padding: 40px 30px;
        width: 100%;
        float: none;
        background: #e4eff4;
    }
    .sub0201_wrap .text p {
        white-space: pre-line;
        line-height: 28px;
    }
}

@media all and (max-width: 650px) {
    .slider02 {
        position: relative;
        margin-bottom: 40px;
    }
    .sub0201_wrap .text {
        min-height: 240px;
    }
    .sub0201_wrap .text h4 {
        font-size: 21px;
    }
    .sub0201_wrap .text strong {
        font-size: 15px;
    }
    .sub0201_wrap .text p, .sub0201_wrap .text ol li {
        font-size: 13px;
        line-height: 23px;
    }
    .sub0201_wrap .text p {
        white-space: normal;
    }
    .slider02 .bx-wrapper .bx-controls-direction a {
        width: 40px !important;
        height: 65px !important;
        background-size: auto 100% !important;
    }
    .slider02 #bx-pager li {
        width: calc(25% - 5px);
        margin-bottom: 5px;
        margin-right: 5px;
    }
    .slider02 #bx-pager li:nth-child(5n) {
        margin-right: 5px;
    }
    .slider02 #bx-pager li:nth-child(4n) {
        margin-right: 0;
    }
}

@media all and (max-width: 400px) {
    .sub0201_wrap .text {
        padding: 20px 15px;
    }
    .sub0201_wrap .text p, .sub0201_wrap .text ol li {
        font-size: 0.92em;
        line-height: 1.5em;
    }
}

/* **************************************** *
 * 08) 서브컨텐츠 기본 스타일 3 (contents 3)
 * **************************************** */

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

section.on [class*="fade_in"] {opacity: 0;}
section .fade_in_up, section .fade_in_left, section .fade_in_right {opacity: 0}
section.on .fade_in_up{
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
    animation-fill-mode: forwards;
    animation-delay: 0s;
}
section.on .fade_in_up:nth-child(1){animation-delay:0s}
section.on .fade_in_up:nth-child(2){animation-delay:0.3s}
section.on .fade_in_up:nth-child(3){animation-delay:0.6s}
section.on .fade_in_up:nth-child(4){animation-delay:0.9s}
section.on .fade_in_up:nth-child(5){animation-delay:1.2s}
section.on .fade_in_up:nth-child(6){animation-delay:1.5s}
section.on .fade_in_up:nth-child(7){animation-delay:1.8s}
section.on .fade_in_up:nth-child(8){animation-delay:2.1s}
section.on .fade_in_up:nth-child(9){animation-delay:2.4s}
section.on .fade_in_up:nth-child(10){animation-delay:2.6s}
section.on .fade_in_left{
    top: 0;
    left: 0;
    animation-name: fadeInLeft;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
    animation-fill-mode: forwards;
    animation-delay:.5s;
}
section.on .fade_in_left:nth-child(1){animation-delay: 0s}
section.on .fade_in_left:nth-child(2){animation-delay: 0.3s}
section.on .fade_in_left:nth-child(3){animation-delay: 0.6s}
section.on .fade_in_left:nth-child(4){animation-delay: 0.9s}
section.on .fade_in_right{
    animation-name: fadeInRight;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.44,0.01,0.64,0.99);
    animation-fill-mode: forwards;
    animation-delay:.5s;
}
.btn_normal, a.btn_normal {
    display: inline-block;
    padding:0 30px;
    margin: 0 3px;
    font-size: 17px;
    color: #fff;
    background-color: #113a6b;
    box-sizing: border-box;
    line-height: 44px;
    height: 44px;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.btn_normal:hover, a.btn_normal:hover {background-color: #20628F}
.btn_normal.yg_color, a.btn_normal.yg_color {border: 0; color: #fff}
.select_style {display:inline-block; position: relative; width: 150px; box-sizing: border-box; height: 32px; border: 1px solid #d9d9d9; z-index: 1; background-color: #fff;}
.select_style:before { content: ""; position: absolute; top: 48%; right: 10px; width: 0; height: 0; margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333; }
.select_style label { position: absolute; top: 0; left: 0;  padding:8px 10px; z-index: -1; line-height: normal; font-size: 14px}
.select_style select { width: 100%; height: auto;  font-family: inherit;  padding:5px 10px; border: 0; opacity: 0; filter:alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.title_wrap:after {display: block; clear: both; content: ""}
.title_wrap .arrow {
    position: absolute;
    top: 2px;
    bottom: 20px;
    font-size: 18px;
    z-index: 5;
}
.title_wrap .arrow.prev_btn {left: 0}
.title_wrap .arrow.next_btn {right: 0}
.title_wrap .arrow a.btn {
    width: 46px;
    height: 46px;
    display: block;
    text-indent: -9999px;
    border: 1px solid #ddd;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    -webkit-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    -kthtml-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.title_wrap .arrow.prev_btn a.btn {
    background: url('https://cheongmac.blob.core.windows.net/common/ic_reset_loc_left.png') 50% 50% no-repeat;
    float: left;
}
.title_wrap .arrow.prev_btn:hover a.btn {
    background-color:#f5f5f5;
}
.title_wrap .arrow.prev_btn .prev_txt {
    float: right;
    line-height: 46px;
    margin-left: 22px;
    color: #a8a8a8;
    font-weight: 500;
}
.title_wrap .arrow.next_btn a.btn {
    background: url('https://cheongmac.blob.core.windows.net/common/ic_reset_loc_right.png') 50% 50% no-repeat;
    float: right;
}
.title_wrap .arrow.next_btn:hover a.btn {
    background-color:#f5f5f5;
}
.title_wrap .arrow.next_btn .next_txt {
    float: left;
    line-height: 46px;
    margin-right: 22px;
    color: #a8a8a8;
    font-weight: 500;
}
.title_wrap.bottom {padding: 0; padding: 30px 0; height: 48px; background-color: #222; border-top:1px solid #333}
.title_wrap.bottom .w_wrap {position: relative}
.title_wrap.bottom a.btn {border-color: #555}
.view_pc { display: inline-block; }
.view_mobile { display:none; }
div.gb_title {
    width: 100%;
    height: auto;
    text-align: center;
    color: #000000;
}
div.gb_title span {
    display: inline-block;
}
div.gb_title strong {
    margin-right: -6px;
}
div.gb_title h1, div.gb_title h2, div.gb_title h3 {
    display: inline-block;
    width: 100%;
    line-height: normal;
    padding: 0 24px;
    letter-spacing: -0.5px;
}
div.gb_title .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
div.gb_title .white {
    color: #ffffff;
}
div.gb_title h1 {
    font-size: 40px;
}
div.gb_title h1 .sub {
    margin-top: 10px;
    font-size: 28px;
}
div.gb_title h2 {
    margin-top: 10px;
    font-size: 25px;
}
div.gb_title .img_area {
    max-width: 1260px;
    padding-top: 50px;
    margin: 0 auto;
}
div.gb_title .img_area img {
    width: 100%;
}
div.gb_title .m_br {
    display: none;
}
div.gb_title .mt_30 {
    margin-bottom: 30px;
}

div.gb_title .mt_35 {
    margin-bottom: 35px;
}

div.gb_title .mt_40 {
    margin-bottom: 40px;
}

div.gb_title .mt_50 {
    margin-bottom: 50px;
}
span.quotation_marks {
    position: relative;
}
span.quotation_marks.start::before {
    content: '';
    position: absolute;
    top: -15px;
    left: -35px;
    width: 30px;
    height: 25px;
    background: url("https://cheongmac.blob.core.windows.net/common/ic_reset_quotation_marks.svg") no-repeat center center;
}
span.quotation_marks.end::before {
    content: '';
    position: absolute;
    bottom: -15px;
    right: -35px;
    width: 30px;
    height: 25px;
    background: url("https://cheongmac.blob.core.windows.net/common/ic_reset_quotation_marks.svg") no-repeat center center;
    transform: rotate(-180deg);
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1300px) {
    section.on .fade_in_left {
        bottom: -37%;
        left: 5%;
    }
}
@media screen and (max-width: 1140px) {
    section.on .fade_in_left {
        bottom: -44%;
        left: 3%;
    }
}
@media screen and (max-width: 768px) {
    span.quotation_marks.start::before {
        width: 25px;
        height: 20px;
        top: -12px;
        left: -28px;
    }
    span.quotation_marks.end::before {
        width: 25px;
        height: 20px;
        bottom: -12px;
        right: -28px;
    }
    .view_pc { display: none; }
    .view_mobile { display: block; position: relative; }
    div.gb_title h1 {
        font-size: 31px;
    }
    div.gb_title h1 .sub {
        margin-top: 10px;
        font-size: 23px;
    }
    div.gb_title h2 {
        font-size: 21px;
    }
    div.gb_title .m_br {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    div.gb_title h1 {
        font-size: 24px;
    }
    div.gb_title h1 .sub {
        margin-top: 10px;
        font-size: 16px;
    }
}

/* **************************************** *
 * 09) 미디어컨텐츠 기본 스타일 (media)
 * **************************************** */

@media screen and (max-width: 1300px) {
    .login_form .in input {font-size: 14px}
    .at_box {padding: 50px}
    .w_wrap {width: auto!important; padding: 50px}
    .section_title_sub h2.title {font-size: 40px}
    .section_title_sub h2.s_title {font-size: 22px}
    .section_title_sub {width: auto; margin: 40px 30px 40px}
    .section_title_sub.counsel {width: auto; margin: 40px 30px 40px}
    .section_title_sub.detail  {width: auto; margin: 40px 50px 0}
    .section_title_sub.detail h2.title {font-size: 30px}
    .section_wh, .section_gray {padding: 40px 0}
}

@media screen and (max-width: 1140px) {
    .view_w {display: block}
    .view_m {display:none}
    .select_style.m_tab:before {display: none}
    .w_wrap.in_page .content {width: 100%; float: none; padding:40px 0}
    .w_wrap.in_page {padding: 0 50px}
    .w_wrap.in_page .content .cont_title {display: none}
    .notiBox {width: 33.3%}
}

@media screen and (max-width: 1000px) {
    .title_wrap.bottom .w_wrap.narrow  {margin: 0 auto}
    .clinical_content .float-left {width: 55%}
}

@media screen and (max-width: 960px) {
    .w_wrap {
        padding: 30px 50px;
    }
    .section_title_sub h2.title {font-size: 36px}
    .counseling {margin: 0}
    .counseling {padding: 30px 0}
}

@media screen and (max-width: 900px) {
    .section_title {margin-top: 50px}
    .section_title h2.title {font-size: 30px}
    .notiBox {width: 50%}
}

@media screen and (max-width: 768px) {
    .section_title_sub.detail {margin: 40px 30px 40px}
    .w_wrap {width: auto; padding:0 30px}
    .maria_benefit {padding-bottom: 0; border-bottom: 1px solid #eee; margin-bottom: 50px;}
    .maria_benefit .item {width: 100%}
    .maria_benefit .item .txt {float: left; margin: 0}
    .maria_benefit .btn_more, .maria_benefit a.btn_more {float: right}
    .maria_benefit .item .box {height: auto; padding: 20px 30px; border-bottom: 0}
    .maria_benefit .item .box:after {display: block; clear: both; content: ""}
    .content .g_tit{padding: 0 20px}
    .content .table_space {margin-bottom: 20px}
    .content .g_tit span {clear: both; display: block; font-size: 12px; margin: 5px 0 10px 0}
    .content .revise td p.chart {clear: both; float: none}
    .at_tab {margin-bottom:40px}
    .at_tab li, .at_tab li.on {text-align: center; height: 80px; padding: 20px 10px; font-size: 14px; line-height: 1.5em}
    .at_tab li span {display: block; font-weight: 600; font-size: 16px}
    .content .g_tit {font-size: 18px; font-weight: 500; padding: 0 0 10px}
    .provision_form .at_box {background-color: #f5f5f5}
    .provision_form .check_box.all span {float: left}
    .provision_form .ckeck_space {float: none}
    .provision_form .ckeck_space label {width: auto}
    .div_th {display: none}
    .section_list .notiBox .cont {
        padding: 20px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box;
        word-break:break-all;
    }
    .section_list .notiBox .cont h2 {margin-bottom: 5px}
    .section_list .notiBox .cont h2.w80 {width: 100%}
    .section_list .notiBox .cont .hit .view_m,
    .section_list .notiBox .reply .view_m {display: inline-block}
    .section_list .notiBox .cont .date,
    .section_list .notiBox .cont .hit,
    .section_list .notiBox .cont .name,
    .section_list .notiBox .cont .reply,
    .section_list .notiBox .cont .doctor,
    .section_list .notiBox .cont .cancel {position: relative; display: inline-block; width: auto; font-size: 12px; padding-right: 10px; margin-right: 10px}
    .section_list .notiBox .cont .name:after,
    .section_list .notiBox .cont .reply:after,
    .section_list .notiBox .cont .doctor:after,
    .section_list .notiBox .cont .date:after {
        content: "";
        width: 1px;
        height: 12px;
        background-color: #ddd;
        position: absolute;
        right: 0;
        top: 7px;
    }
    .w_wrap.in_page {padding: 0 30px}
}

@media screen and (max-width: 500px) {

    body {
        font-size: 14px
    }
    .display_m {
        display: inline !important
    }
    .section_title_sub h2.title {
        font-size: 30px
    }
    .w_wrap.in_page {
        padding: 0 20px
    }
    .w_wrap {
        width: auto;
        padding: 0 20px
    }
    .main_institute .bx-controls {
        margin: 30px 30px 0
    }
    .btn_center {
        margin-bottom: 20px
    }
    .paging {
        padding: 30px 0 40px
    }
    .content table th, .content table td {
        font-size: 12px
    }
    .login_form {
        width: auto
    }
    .maria_benefit {
        margin: 0 20px 40px
    }
    .maria_benefit .item .box {
        padding: 15px 20px
    }
    .maria_benefit .item .txt {
        font-size: 14px;
        color: #414144;
        font-weight: bold;
    }
    .maria_benefit .btn_more, .maria_benefit a.btn_more {
        border: 0;
        padding: 0 20px 0 0;
    }
    .maria_benefit .btn_more .arrow {
        right: 0
    }
    .main_institute {
        padding: 50px 0 50px
    }
    .section_list .notiBox .cont h2 {
        width: auto;
        float: none
    }
    .paging span {
        width: auto;
        margin: 0 1px
    }
    .paging span a {
        font-size: 15px;
        display: inline-block;
        padding: 0 4px
    }
    .paging span a:link, .paging span a:visited {
        font-size: 15px
    }
    .notiBox {
        width: 100%;
        float: none
    }
    .notiBox .box {
        border: 0
    }
    .notiBox .author {
        margin: 0
    }
    .process {
        margin: 0
    }
    .member_cnt fieldset {
        display: inherit
    }
    .btn_login, a.btn_login {
        font-size: 16px
    }
    .login_box .login_input {
        width: auto;
        margin: 0 20px;
        padding: 0
    }
    .login_box h3 {
        font-size: 24px
    }
    .at_box {
        height: 200px
    }
    .find_id_box .idBox {
        padding: 0
    }
    .join_txt_box {
        padding: 0
    }
    .join_txt_box li {
        position: relative;
        text-align: left;
        padding-left: 15px
    }
    .join_txt_box li:after {
        display: block;
        width: 3px;
        height: 3px;
        content: "";
        background-color: #113a6b;
        position: absolute;
        left: 5px;
        top: 12px;
    }
    .join_txt_box h2 {
        line-height: 1.3em;
        font-size: 20px
    }
    .member_cnt .input_sum .confirm_label {
        position: relative;
        left: auto;
        top: auto;
        display: block;
        float: none;
        margin-bottom: 10px
    }
    .member_cnt .input_sum {
        padding: 0
    }
    .member_cnt .input_sum .btn_normal {
        clear: both;
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        margin: 0
    }
    .member_cnt .input_sum .select_style {
        width: 100%;
        margin-bottom: 10px
    }
    .member_cnt .input_txt {
        width: 100%;
        box-sizing: border-box
    }
    .m_r {
        margin: 0
    }
    .pw_box .i_pin_box {
        display: block
    }
    .in_inputBox {
        clear: both;
        display: block;
        float: none;
        height: 44px
    }
    .member_cnt .input_sum .input_txt_w1 {
        width: 45%;
        box-sizing: border-box
    }
    .member_cnt .input_sum span.dv {
        margin: 0;
        width: 10%
    }
    .counseling {
        padding: 20px 0;
        border-bottom: 1px solid #ddd
    }
    .section_list .notiBox .thumbnail {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        width: auto;
        height: auto;
        display: block;
        margin-bottom: 20px
    }
    .section_list .notiBox .thumbnail img {
        width: 60%
    }
    .section_list .notiBox .cont .hit .view_m,
    .section_list .notiBox .reply .view_m {
        display: inline-block !important
    }
    .section_list .notiBox .cont .s_data {
        margin-top: 10px;
        display: inline-block
    }
    .btn_center .dv {
        display: block;
        padding-top: 20px
    }
    .w_wrap.in_page .content {
        padding-top: 0
    }
    .section_list .notiBox {
        width: auto;
    }
    .btn_normal, a.btn_normal {
        font-size: 14px;
        font-weight: 600;
        padding: 0 15px;
    }
    .clinical_content .url {
        clear: both
    }
    .content table.join .input_bundle.email .input_txt {
        width: 40%;
        margin-right: 10px;
        margin-bottom: 10px
    }
    .num_in_form {
        display: block;
        margin-bottom: 10px
    }
    .num_in_form:after {
        display: block;
        clear: both;
        content: ""
    }
    .num_in_form .input_txt {
        width: 45% !important;
        box-sizing: border-box;
        margin: 0 !important
    }
    .num_in_form .dv {
        width: 10% !important;
        text-align: center;
        margin: 0 !important;
        display: inline-block;
        line-height: 30px
    }
    .btn_search {
        border-radius: 0 !important;
        font-weight: 600
    }
    .member_cnt .result {
        width: auto;
        margin: 0 30px
    }
}