@font-face {
    font-family: 'Pretendard-Regular';
    src: url('../font2/Pretendard-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    /* 폰트 로딩 방식 추가 */
}

* {
    font-family: 'Pretendard-Regular', sans-serif !important;
}

body {
    width: 100%;
    overflow-x: auto;
}


#wrapper {
    margin: auto;
    overflow: hidden;
    position: relative;
}

img {
    max-width: 100%
}


/*메뉴시작*/
#topmenu_wrap {
    width: 100%;
    margin: auto;
    z-index: 999;
}

#gnb {
    max-width: 1390px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 100px;
}

#gnb>ul>li {
    float: left;
    position: relative;
    color: #000;
    text-align: center;
}

.menu>li>a {
    box-sizing: border-box;
    font-size: 1.7rem;
    font-weight: 500;
    padding: 3.5rem 3.5rem;
    color: #1c1c1c;
}

.menu_top {
    display: block;
    color: #000;
    text-decoration: none;
}

.sub_menu {
    display: none;
    position: absolute;
    padding: 1rem 0;
    border: 1px solid #ddd;
    border-top: 3px solid #ce0e0e;
    z-index: 99999;
    background-repeat: no-repeat;
    background-color: #fff;
    overflow: hidden;
}

.sub_menu li {
    display: table;
}

.sub_menu li a {
    width: 200px;
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    text-align: center;
    color: #606060;
    letter-spacing: -0.05rem;
    font-weight: normal;
    font-size: 1.4rem;
}

.sub_menu li a:hover {
    color: #ce0e0e;
}

.sub_menu li:last-child {
    border-bottom: 0
}

.menu {
    zoom: 1;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    flex: 1;
}

.menu:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

#gnb h1 {
    margin-right: 2rem;
    margin-top: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: 100%;
}

#gnb h1 img {
    width: 180px;
    height: auto;
}

#mb_gnb,
.mb_header {
    display: none
}

#visual_down {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -25px;
    z-index: 999
}

.top_ic {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
}

.close_side {
    cursor: pointer;
    position: absolute;
    right: 2.5rem;
    top: 2.5rem;
    display: none;
}

.close_side img {
    height: 20px
}

.aside-backdrop.in,
.aside.in {
    display: none !important
}

.right_sm {
    color: #989898;
    font-size: 1.1rem;
}

.right_sm>a {
    color: #4d4d4d;
    font-size: 1.3rem;
    line-height: 4.5rem;
}

.right_sm>span {
    display: inline-block;
    margin: 0px 0.8rem
}

.family_wrap .family_inner2 {
    margin: 1.6rem 0px;
    position: relative;
}

.family_wrap .family_inner2 .family {
    position: relative;
    right: 0;
    top: 10px;
}

.family_wrap .family_inner2 .family button {
    background: url(/image/main/arrow_select.png) 90% center no-repeat;
    border: 1px solid #ddd;
    border-radius: 5rem;
    padding: 0.8rem 3rem 0.8rem 1.3rem;
    text-align: left;
    font-size: 1.2rem;
    color: #007ac7;
    outline: none;
}

.family_list {
    position: absolute;
    left: 0;
    top: 28px;
    line-height: 28px;
    overflow: auto;
    display: none;
}

.family_list a {
    display: block;
    color: #007ac7;
    font-size: 1.3rem;
    text-indent: 15px;
}

.family_list li {
    width: 130px;
    border: 1px solid #ddd;
}

/*.menu_top_sel {background-color:#0b4da1;color:#fff !important;}*/
.pop_wrap {
    display: none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.all_menu_wrap {
    background-color: #102857;
    width: 100%;
    padding: 4rem 0px 10rem;
}

.all_menu_in {
    max-width: 1180px;
    margin: auto;
    color: #fff;
    position: relative;
}

.all_menu_in .txt1 {
    font-size: 2.8rem;
    font-weight: 500;
}

.all_menu_in .txt2 {
    position: absolute;
    right: 0;
    top: 1.5rem;
}

.all_li {
    margin-left: -3rem;
}

.all_li>div {
    width: 20%;
    padding-left: 3rem;
    float: left;
    margin-top: 9rem;
}

.all_li>div>p {
    font-size: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.all_li>div>ul>li>a {
    opacity: 0.8;
    margin-top: 1rem;
    color: #fff;
    font-size: 1.6rem;
    display: block;
}



.all_menu {
    margin-top: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: 100px;
}

.right_menu,
.right_menu span a {
    color: #434343;
    font-size: 1.3rem;
}

.right_menu>span>span {
    margin: 0 0.5rem;
}

.right_menu {
    margin: 0;
    margin-right: 1rem;
    display: flex;
    align-items: center;
}

/*메뉴끝*/

/*메인비쥬얼*/
#main_visual {
    width: 100%;
    margin: auto;
    position: relative;
}

#main_visual .pagingInfo {
    z-index: 9999;
    position: absolute;
    bottom: 4rem;
    font-weight: 500;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1.7rem;
    color: #fff;
}

#main_visual .pagingInfo span {
    color: #d52838;
    font-size: 2.7rem;
}

.main_bg span {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover !important;
    background-position: center center !important;
}

.visual_bx .slick-dots {
    position: absolute;
    max-width: 1180px;
    left: 50%;
    margin-left: -590px;
    width: 100%;
    top: 22rem;
    text-align: left;
}

.visual_bx .slick-dots:after {
    content: "";
    display: block;
    clear: both;
}

.visual_bx .slick-dots>li {
    display: inline-block;
    margin: 0px 0.5rem
}

.visual_bx .slick-dots>li button {
    vertical-align: middle;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    overflow: hidden;
    text-indent: -9999px;
    position: relative;
    background-color: rgba(255, 255, 255, 0.6);
    border: 0;
}

.visual_bx .slick-dots>li.slick-active button {
    background-color: rgba(255, 255, 255, 0);
    width: 13px;
    height: 13px;
    border: 4px solid #d52838;
}

.visual_bx .slick-prev {
    text-indent: -999999px;
    z-index: 99;
    border: 0;
    top: 50%;
    position: absolute;
    left: 10%;
    background-color: rgba(255, 255, 255, 0);
    background: url('/image/main/left_arrow.png') no-repeat;
    width: 44px;
    height: 85px;
}

.visual_bx .slick-next {
    text-indent: -999999px;
    z-index: 99;
    border: 0;
    top: 50%;
    position: absolute;
    right: 10%;
    background-color: rgba(255, 255, 255, 0);
    background: url('/image/main/right_arrow.png') no-repeat;
    width: 44px;
    height: 85px;
}


/*메인비쥬얼 끝*/

/*메인컨텐츠*/
.main_in {
    max-width: 1180px;
    margin: 15rem auto;
}

.main_title {
    color: #000;
    font-size: 2.7rem;
    font-weight: 500;
    position: relative;
    margin-bottom: 8rem;
}

.main_title:after {
    width: 40px;
    height: 2px;
    background-color: #ce1122;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1.5rem;
    margin-left: -20px;
}

/* Core Values 스타일 */
.core_values_container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 10rem;
}

.core_value_item {
    flex: 0 0 auto;
    width: 300px;
    text-align: center;
    position: relative;
}

.diamond_icon {
    margin: 0 auto 1rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.diamond_icon::after {
    display: none;
}

.diamond_icon img {
    object-fit: contain;
}

.core_value_item p {
    color: #666;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-top: 2rem;
    position: relative;
    padding-bottom: 2rem;
    display: inline-block;
}

.core_value_item p::after {
    display: none !important;
    /* 빨간선 생성 코드 비활성화
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #ce1122;
    */
}

.core_value_item .highlight {
    color: #ce1122;
    font-weight: 600;
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .core_values_container {
        flex-direction: column;
        gap: 3rem;
        align-items: stretch;
    }

    .core_value_item {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 1rem;
        text-align: left;
    }

    .diamond_icon {
        width: 250px;
        height: 250px;
        margin: 0;
        flex-shrink: 0;
    }

    .diamond_icon img {
        width: 210px;
        height: 210px;
        object-fit: contain;
    }

    .core_value_item p {
        font-size: 1.5rem;
        margin: 0;
        padding: 0;
        flex: 1;
        text-align: left;
        line-height: 1.5;
    }

    .core_value_item p::after {
        display: none !important;
        /* 모바일 빨간선도 완전 제거 */
    }
}

.main_content2 {
    background: url('/image/main/con2_bg.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}

.main_content2 .main_title {
    color: #fff;
    font-size: 2.7rem;
    font-weight: 500;
}

.main_content2 .main_title:after {
    background-color: #ce1122;
    width: 40px;
    height: 2px;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1.5rem;
    margin-left: -20px;
}

.con_box3 {
    margin-left: -2rem;
}

.con_box3>li {
    width: 20%;
    margin-top: 5rem;
    float: left;
    padding-left: 2rem;
    overflow: hidden !important;
    position: relative;
    height: auto;
    min-height: 400px;
    /* 최소 높이 고정 */
}

.con_box3>li a {
    color: #fff;
    display: block;
    overflow: hidden !important;
    position: relative;
    height: 100%;
}

.con_box3>li>a>div {
    margin-top: -2rem;
}

/* go_ic.png 아이콘이 텍스트 위에 오도록 z-index 설정 */
.con_box3>li>a>div>img[src*="go_ic.png"] {
    position: relative;
    z-index: 10;
    display: block;
    margin: 0 auto 1rem auto;
    text-align: center;
}

.con_box3>li .txt1 {
    margin-top: 2rem;
    font-size: 1.8rem;
    font-weight: 500;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    transition: font-size 0.3s ease;
}

.con_box3>li .txt2 {
    font-size: 1.5rem;
    opacity: 0.8;
    transition: font-size 0.3s ease;
    height: auto;
    overflow: hidden;
}

/* 이미지 hover 효과 - 메인 콘텐츠 이미지만 확대 (go_ic.png 제외) */
.con_box3>li>a>img[src*="main_con_img"] {
    transition: transform 0.3s ease !important;
    display: block;
    width: 100%;
    transform: scale(1) !important;
}

.con_box3>li:hover>a>img[src*="main_con_img"] {
    transform: scale(1.05) !important;
}

/* 텍스트 hover 효과 */
.con_box3>li:hover .txt1 {
    font-size: 2rem !important;
    /* 1.8rem + 2px ≈ 2rem */
}

.con_box3>li:hover .txt2 {
    font-size: 1.7rem !important;
    /* 1.5rem + 2px ≈ 1.7rem */
}

.main_content3 {
    background-color: #f3f8fa;
    overflow: hidden
}

.content3_in {
    margin-left: -3rem
}

.content3_in>div {
    float: left;
    width: 50%;
    position: relative;
    padding-left: 5rem;
    padding-right: 5rem;
}

.content3_in>div:last-child {
    padding-right: 2rem;
}

.con3_title {
    position: relative;
    margin-bottom: 8rem;
    color: #000;
    font-size: 2rem;
    font-weight: 500;
    text-align: left;
}

.con3_title:after {
    width: 40px;
    height: 2px;
    background-color: #ce1122;
    content: "";
    position: absolute;
    left: 0;
    bottom: -1.5rem;
}

.con3_title span a {
    position: absolute;
    right: 0;
    top: 5px;
    color: #033074;
    font-size: 1.5rem;
}

.con3_li>li>a {
    display: block;
    overflow: hidden;
    margin-bottom: 2rem;
    color: #252525;
    font-size: 1.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ddd;
}

.con3_li>li>a p {
    color: #454545;
    font-size: 1.4rem;
    margin-top: 1rem;
}

.location_txt .txt1 {
    margin-top: 1.5rem;
    color: #000;
    font-size: 1.5rem;
}

.location_txt>div {
    border-top: 1px solid #ddd;
    padding-top: 1.5rem;
    margin-top: 1rem;
}

.location_txt .txt1 img {
    vertical-align: middle
}

.location_txt .txt2 {
    color: #101111;
    font-size: 1.8rem;
}

.location_txt .txt3 {
    color: #000;
    font-size: 1.3rem;
}

.locaition_wrap {
    border: 1px solid #ddd;
    padding: 1rem;
    background-color: #fff
}









/*메인컨텐츠 끝*/




/*하단*/
#footer_wrap {
    width: 100%;
    background-color: #252525;
    color: rgba(255, 255, 255, 0.6);
    padding: 3rem 0;
    font-size: 1.3rem;
    clear: both;
    overflow: hidden
}



@charset "utf-8";


/* CSS Document */

/*공통 웹폰트 */
body {
    font-family: 'Pretendard-Regular', sans-serif;
}

* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

html {
    font-size: 62.5% !important;
}

@media all and (max-width:765px) {
    html {
        font-size: 51% !important;
    }
}


* {
    margin: 0;
    padding: 0;
}

html {
    font-family: 'Pretendard-Regular', sans-serif;
    font-size: 12px;
}

table {
    border-collapse: collapse
}

ul,
ol {
    list-style-type: none
}

a,
a:link,
a:visited,
a:active {
    color: #000;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #000;
    text-decoration: none;
}

input,
textarea {
    font-family: 'Pretendard-Regular', sans-serif;
    font-weight: 350;
}

.clfix:after {
    content: "";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden
}

* html .clfix {
    height: 1%
}

/* Hides from IE-mac */
#clear {
    clear: both;
}




.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

/*  reset.css	
---------------------------------------------------------------- */

/* 모든 요소 공간 0, 서체 크기 100%, 세로정렬 baseline, 배경색 투명 */
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,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    outline: 0;
    border: 0;
    padding: 0;

    background: transparent;
}

/* HTML5 새 요소 초기화 */
article,
aside,
details,
figcaption,
figure,
F* footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

/* 본문 기본 설정, 리스트 블릿 제거, 인용 구문 제거 */

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}


/*
 br, hr 제거 
br, hr { display: none; }
*/


/* 제목 글꼴 크기 설정 */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    color: #111;
}

h1 {
    font-size: 36px;
    line-height: 1;

}

h2 {
    font-size: 24px;

}

h3 {
    font-size: 18px;

}

h4 {
    font-size: 14px;
}

h5 {
    margin-bottom: 1.5em;
}

h5,
h6 {
    font-weight: bold;
}

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
    margin: 0;
}

/* 제목, 단락 상.하 공간 설정 */
p {
    margin: 0 0;
}


/* 하이퍼링크 기본 스타일 재정의 */
a:link,
a:visited {
    text-decoration: none;

}

a:hover,
a:active {

    text-decoration: none !important;
}

/* img를 포함한 a요소의 보더, 패딩 초기화 설정 */
a img {
    border: 0;
    padding: 0;
}


/* insert, delete */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}


/* 테이블 설정 */
table {


    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

/*   */
.al {
    text-align: left !important
}

.ac {
    text-align: center !important
}

.ar {
    text-align: right !important
}

.vt {
    vertical-align: top !important
}

.vb {
    vertical-align: bottom !important
}

.fl {
    float: left
}

.fr {
    float: right
}

.fc {
    float: center
}

.cl {
    clear: left
}

.cr {
    clear: right
}

.cb {
    clear: both
}

.oh {
    overflow: hidden;
}

.b {
    font-weight: 600;
}

.blno {
    border-left: none !important
}






* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select::-ms-expand {
    /* for IE 11 */
    display: none;
}

button {
    cursor: pointer
}



/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

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

    /*#main_visual {height:550px}*/
}

@media screen and (max-width: 1300px) {
    .bx-wrapper .bx-controls-direction a {
        display: none
    }

}

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

    .menu>li>a {
        padding: 2.5rem 2rem;
        font-size: 1.5rem
    }

    .sub_menu li a {
        width: 87px;
        font-size: 1.25rem
    }

    #gnb {
        min-height: 85px;
    }

    #gnb h1 {
        margin-right: 1rem;
        margin-top: 0;
    }

    #gnb h1 img {
        width: 150px;
    }

    .all_menu {
        margin-top: 0;
        height: 85px;
    }

    .slick-slide img {
        width: 100%
    }
}

@media screen and (max-width: 940px) {
    #gnb {
        min-height: 75px;
        flex-wrap: wrap;
    }

    #gnb h1 {
        margin-top: 0;
    }

    #gnb h1 img {
        width: 120px;
        height: auto;
    }

    .menu {
        justify-content: center;
    }

    .menu>li>a {
        padding: 0 1rem;
        font-size: 1.4rem;
    }

    .all_menu {
        margin-top: 0;
        height: 75px;
    }

    .right_sm {
        margin: 3.3rem 0px 3.3rem 0rem
    }

    .family_wrap .family_inner2 .family button {
        padding: 0.8rem 1.8rem 0.8rem 0.5rem;
        font-size: 1.1rem
    }

    .pro_list>li {
        width: 33.333333%
    }

    .sub_menu li a {
        width: 75px;
        font-size: 1.15rem;
    }

}

@media screen and (max-width: 780px) {
    #content1_1>div {
        float: none !important;
        width: 100% !important;
        padding-top: 450px
    }

}

.mo_img {
    display: none !important;
}

@media screen and (max-width: 768px) {
    .mo_img {
        display: inline-block !important;
    }

    .pc_img {
        display: none !important
    }

    #top_bar_wrap,
    #gnb {
        display: none
    }

    #topmenu_wrap {
        width: 100%;
        position: relative;
        padding: 2rem 1rem;
        left: 0px;
        margin-left: 0px;
        top: 0px;
        background: none;
    }

    #topmenu_wrap h1 {
        margin-top: 0px;
        text-align: left
    }

    #topmenu_wrap h1 img {
        height: 24px
    }

    #mb_gnb,
    .mb_header {
        display: block
    }

    #sub_bar_wrap,
    #footer_inner img,
    #top_right,
    #hidden_logo {
        display: none
    }

    .mb_header {
        position: relative
    }

    .mb_header button {
        position: absolute;
        top: 0.5rem;
        right: 1rem;
    }

    .mb_header button img {
        height: 18px
    }

    .icon-bar {
        background-color: #333;
        width: 25px;
        height: 3px;
        display: block;
        margin-bottom: 3px
    }

    .notice_in>div>a>img,
    .prod_li>li img {
        width: 100%
    }

    .mb_menu {
        background: none;
        border: 0px;
    }

    .content {
        width: 100% !important;
    }

    #mb_gnb h2 {
        border-bottom: 1px solid #ddd;
        font-size: 14px;
        padding: 20px 10px
    }

    .aside-backdrop.in,
    .aside.in {
        display: block !important
    }

    #footer_inner {
        padding: 30px 10px;
        background: none;
        text-align: center;
    }

    .main_title {
        font-size: 25px
    }

    .qna_wrap>li .txt1 {
        width: 200px
    }

    .qna_wrap>li {
        line-height: 3rem;
        padding: 1rem
    }


    #sub_visual {
        display: table;
        width: 100%;
        position: relative;
        background: url("/image/sub/sub_visual_m.jpg") no-repeat;
        background-size: cover;
        height: 220px;
    }


    .bx-wrapper img {
        width: 100%
    }

    .dropdown-content {
        width: 100%;
        float: none;
    }

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

    .dropbtn {
        width: 100% !important;
        height: 50px;
        vertical-align: middle;
        padding-left: 1rem;
        width: auto
    }

    .dropdown-content a {
        padding: 10px 0px;
        padding-left: 1rem;
        padding-right: 3rem;
        width: auto;
        line-height: 2rem
    }

    .sub_title {
        margin-bottom: 3rem;
        padding-bottom: 3rem
    }

    .top_bar {
        display: none
    }


    .visual_bx .slick-prev,
    .visual_bx .slick-next {
        display: none !important
    }

    .visual_bx .slick-dots {
        left: 10px;
        margin-left: 0;
        top: 10rem
    }

    .main_in {
        padding: 0 1rem
    }

    .con_box3>li {
        width: 50%
    }

    .content_in {
        padding: 4rem 1rem
    }

    .content3_in>div {
        float: none;
        width: 100%;
        margin-bottom: 4rem;
    }

    .overview_bg {
        min-height: 50rem;
        background: url('/image/sub/overview_bg_m.png') center bottom no-repeat;
        background-size: contain;
    }

    #sub_visual>div .txt1 {
        font-size: 3.6rem;
    }

    .greeting_wrap>div {
        width: 100%;
        display: block;
        padding: 0;
        margin-top: 2rem;
    }

    .greeting_wrap {
        margin: 3rem 0 5rem
    }

    .contact_wrap {
        margin: 3rem 0;
        display: block;
        width: 100%;
    }

    .contact_wrap>div {
        width: 100%;
        display: block;
        border: 0;
        margin-bottom: 3rem;
        float: none;
        text-align: center;
        padding: 2rem 1rem;
    }

    .contact_wrap>div:nth-child(3) {
        clear: none;
    }

    .contact_wrap>div>p {
        font-size: 15rem;
        margin: 1rem 0;
    }

    .contact_wrap>div>div {
        font-size: 1.5rem;
        line-height: 1.6;
    }

    .contact_wrap>div img {
        width: 40px;
        height: 40px;
        margin-bottom: 1rem;
    }

    /* 모바일 지도 크기 조정 */
    .root_daum_roughmap {
        height: 250px !important;
    }

    .vision-section {
        padding: 3rem 1rem;
    }

    .vision-title {
        font-size: 3rem;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .office_wrap>div {
        width: 100%;
        display: block
    }

    .office_wrap>div .txt3,
    .office_wrap>div .txt2 {
        margin: 3rem 0 !important
    }

    .office_wrap>div .txt6 {
        margin: 3rem 0;
    }

    .office_wrap>div .txt6 .txt7 {
        padding: 0
    }

    .bg_bar {
        display: none
    }

    .office_wrap>div .txt1 {
        margin-top: 5rem
    }

    .oci_img>li {
        width: 50%;
        margin-bottom: 2rem;
    }

    .eat_bar {
        background-size: cover
    }

    .culture_wrap>div {
        width: 100%;
        display: block
    }

    .culture_wrap>div .txt1 {
        margin-top: 8rem;
    }

    .clture_right {
        padding: 0
    }

    .notice_bar select {
        width: 100%;
        margin-bottom: 0.5rem
    }

    .search_bar p,
    .search_bar div {
        width: 100%;
        float: none
    }

    .search_bar div input[type="text"] {
        width: 100%
    }

    .select_box {
        background-position: 95% center
    }

    .interior_wrap .fr,
    .interior_wrap .fl {
        float: none
    }

    .sm_wrap>div {
        width: 50%;
        margin-bottom: 2rem;
    }

    .table_st1 td {
        padding: 0;
        word-break: break-all;
        font-size: 1.4rem;
    }

    .table_st1 td a {
        word-break: break-all;
        padding-right: 1rem
    }
}

@media screen and (max-width: 765px) {
    .con_box {
        margin-bottom: 30px
    }

    .bx-wrapper .bx-pager.bx-default-pager a {
        width: 12px !important;
        height: 12px !important;
    }

    .content {
        padding: 30px 10px !important
    }
}



@charset "utf-8";
/* SIR 지운아빠 */

/* ### 기본 스타일 커스터마이징 시작 ### */

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_gall a.btn_b01 {}

#bo_gall a.btn_b01:focus,
#bo_gall a.btn_b01:hover {}

#bo_gall a.btn_b02 {}

#bo_gall a.btn_b02:focus,
#bo_gall a.btn_b02:hover {}

#bo_gall a.btn_admin {}

/* 관리자 전용 버튼 */
#bo_gall a.btn_admin:focus,
#bo_gall .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}

#bo_v a.btn_b01:focus,
#bo_v a.btn_b01:hover {}

#bo_v a.btn_b02 {}

#bo_v a.btn_b02:focus,
#bo_v a.btn_b02:hover {}

#bo_v a.btn_admin {}

/* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus,
#bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {}

/* 서식단계 진행 */
#bo_w .btn_submit {}

#bo_w button.btn_submit {}

#bo_w fieldset .btn_submit {}

#bo_w .btn_cancel {}

#bo_w button.btn_cancel {}

#bo_w .btn_cancel:focus,
#bo_w .btn_cancel:hover {}

#bo_w a.btn_frmline,
#bo_w button.btn_frmline {}

/* 우편번호검색버튼 등 */
#bo_w button.btn_frmline {}

/* 기본 테이블 */
/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}

#bo_v .tbl_head01 caption {}

#bo_v .tbl_head01 thead th {}

#bo_v .tbl_head01 thead a {}

#bo_v .tbl_head01 thead th input {}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}

#bo_v .tbl_head01 tfoot td {}

#bo_v .tbl_head01 tbody th {}

#bo_v .tbl_head01 td {}

#bo_v .tbl_head01 a {}

#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}

#bo_w caption {}

#bo_w .frm_info {}

#bo_w .frm_address {}

#bo_w .frm_file {}

#bo_w .tbl_frm01 {}

#bo_w .tbl_frm01 th {}

#bo_w .tbl_frm01 td {}

#bo_w .tbl_frm01 textarea,
#bo_w tbl_frm01 .frm_input {}

#bo_w .tbl_frm01 textarea {}

/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .required,
#bo_w textarea.required {}

#bo_w .cke_sc {}

#bo_w button.btn_cke_sc {}

#bo_w .cke_sc_def {}

#bo_w .cke_sc_def dl {}

#bo_w .cke_sc_def dl:after {}

#bo_w .cke_sc_def dt,
#bo_w .cke_sc_def dd {}

#bo_w .cke_sc_def dt {}

#bo_w .cke_sc_def dd {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */
#bo_cate h2 {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_cate ul {
    margin-bottom: 10px;
    padding-left: 1px;
    zoom: 1;
}

#bo_cate ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_cate li {
    float: left;
    margin-bottom: -1px;
}

#bo_cate a {
    display: block;
    position: relative;
    margin-left: -1px;
    padding: 6px 0 5px;
    width: 90px;
    border: 1px solid #ddd;
    background: #32b4e5;
    color: #888;
    text-align: center;
    letter-spacing: -0.1em;
    line-height: 1.2em;
    cursor: pointer
}

#bo_cate a:focus,
#bo_cate a:hover,
#bo_cate a:active {
    text-decoration: none
}

#bo_cate #bo_cate_on {
    z-index: 2;
    border: 1px solid #565e60;
    background: #fff;
    color: #565e60;
    font-weight: bold
}

.td_subject img {
    margin-left: 3px
}

/* 갤러리 목록 */
#bo_gall h2 {
    margin: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_gall #gall_ul {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    zoom: 1
}

#bo_gall #gall_ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_gall .gall_li {
    float: left;
    margin: 0 38px 30px 0;
    width: 222px;
    overflow: hidden;
    display: block
}

.gall_li:nth-child(3n) {
    margin-right: 0px !important
}

#bo_gall .gall_con {
    margin: 0;
    padding: 0;
    list-style: none
}

#bo_gall .gall_con li {
    margin: 0 0 6px;
}

.gall_title {
    color: #676767;
    font-size: 12px;
    text-align: center;
    margin-top: 15px !important
}

#bo_gall .gall_con .gall_subject {
    display: inline-block;
    width: 60px;
    color: #000;
    font-size: 13px;
}

#bo_gall .gall_now .gall_text_href a {
    color: #ff3061
}

#bo_gall .gall_href a:link,
#bo_gall .gall_href a:focus,
#bo_gall .gall_href a:hover {
    text-decoration: none
}

#bo_gall .gall_href strong,
#bo_gall .gall_href span {
    display: inline-block;
    background: #f7f7f7;
    text-align: center;
    line-height: 10em
}

#bo_gall .gall_text_href {
    margin: 10px 0 !important
}

#bo_gall .gall_text_href a {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    line-height: 20px;
}

#bo_gall .gall_text_href span {
    display: inline !important
}

#bo_gall .gall_text_href img {
    margin: 0 0 0 4px
}



/* 게시판 쓰기 */
#char_count_desc {
    display: block;
    margin: 0 0 5px;
    padding: 0
}

#char_count_wrap {
    margin: 5px 0 0;
    text-align: right
}

#char_count {
    font-weight: bold
}

#autosave_wrapper {
    position: relative
}

#autosave_pop {
    display: none;
    z-index: 10;
    position: absolute;
    top: 24px;
    right: 117px;
    padding: 8px;
    width: 350px;
    height: auto !important;
    height: 180px;
    max-height: 180px;
    border: 1px solid #565656;
    background: #fff;
    overflow-y: scroll
}

html.no-overflowscrolling #autosave_pop {
    height: auto;
    max-height: 10000px !important
}

/* overflow 미지원 기기 대응 */
#autosave_pop strong {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#autosave_pop div {
    text-align: right
}

#autosave_pop button {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent
}

#autosave_pop ul {
    margin: 10px 0;
    padding: 0;
    border-top: 1px solid #e9e9e9;
    list-style: none
}

#autosave_pop li {
    padding: 8px 5px;
    border-bottom: 1px solid #e9e9e9;
    zoom: 1
}

#autosave_pop li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#autosave_pop a {
    display: block;
    float: left
}

#autosave_pop span {
    display: block;
    float: right
}

.autosave_close {
    cursor: pointer
}

.autosave_content {
    display: none
}

/* 게시판 읽기 */
/*
#bo_v {margin-bottom:20px;padding-bottom:20px}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {padding:10px 0;font-size:1.2em}

#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}

#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}

#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}
*/

/* 게시판 댓글 */
#bo_vc {
    margin: 0 0 20px;
    padding: 20px 20px 10px;
    border: 1px solid #e5e8ec;
    background: #f5f8f9
}

#bo_vc h2 {
    margin-bottom: 10px
}

#bo_vc article {
    padding: 0 0 10px;
    border-top: 1px dotted #ccc
}

#bo_vc header {
    position: relative;
    padding: 15px 0 5px
}

#bo_vc header .icon_reply {
    position: absolute;
    top: 15px;
    left: -20px
}

#bo_vc .sv_wrap {
    margin-right: 15px
}

#bo_vc .member,
#bo_vc .guest,
#bo_vc .sv_member,
#bo_vc .sv_guest {
    font-weight: bold
}

.bo_vc_hdinfo {
    display: inline-block;
    margin: 0 15px 0 5px
}

#bo_vc h1 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_vc a {
    color: #000;
    text-decoration: none
}

#bo_vc p {
    padding: 0 0 5px;
    line-height: 1.8em
}

#bo_vc p a {
    text-decoration: underline
}

#bo_vc p a.s_cmt {
    text-decoration: none
}

#bo_vc_empty {
    margin: 0;
    padding: 20px !important;
    text-align: center
}

#bo_vc #bo_vc_winfo {
    float: left
}

#bo_vc footer {
    zoom: 1
}

#bo_vc footer:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.bo_vc_act {
    float: right;
    margin: 0;
    list-style: none;
    zoom: 1
}

.bo_vc_act:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.bo_vc_act li {
    float: left;
    margin-left: 5px
}

#bo_vc_w {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 20px;
    border-bottom: 1px solid #cfded8
}

#bo_vc_w h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_vc_w #char_cnt {
    display: block;
    margin: 0 0 5px
}

#bo_vc_sns {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1
}

#bo_vc_sns:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_vc_sns li {
    float: left;
    margin: 0 20px 0 0
}

#bo_vc_sns input {
    margin: 0 0 0 5px
}




/*board게시판*/



/* ### 기본 스타일 커스터마이징 시작 ### */
.num {
    width: 80px;
}

.day {
    width: 110px;
}

.num {
    width: 80px;
}

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}

#bo_list a.btn_b01:focus,
#bo_list a.btn_b01:hover {}

#bo_list a.btn_b02 {
    font-size: 13px;
}

#bo_list a.btn_b02:focus,
#bo_list a.btn_b02:hover {}

#bo_list a.btn_admin {}

/* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus,
#bo_list .btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {
    font-size: 13px;
}

#bo_v a.btn_b01:focus,
#bo_v a.btn_b01:hover {}

#bo_v a.btn_b02 {}

#bo_v a.btn_b02:focus,
#bo_v a.btn_b02:hover {}

#bo_v a.btn_admin {}

/* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus,
#bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {}

/* 서식단계 진행 */
#bo_w .btn_submit {}

#bo_w button.btn_submit {}

#bo_w fieldset .btn_submit {}

#bo_w .btn_cancel {}

#bo_w button.btn_cancel {}

#bo_w .btn_cancel:focus,
#bo_w .btn_cancel:hover {}

#bo_w a.btn_frmline,
#bo_w button.btn_frmline {}

/* 우편번호검색버튼 등 */
#bo_w button.btn_frmline {}

/* 기본 테이블 */
/* 목록 테이블 */
#bo_list .tbl_head01 {}

.td_num img {
    margin-left: 5px
}

.td_num img:first-child {
    margin-left: 0px
}

#bo_list .tbl_head01 caption {}

#bo_list .tbl_head01 thead th {
    font-size: 13px;
    color: #252525;
    border-right: 1px solid #ddd;
}

#bo_list .tbl_head01 thead a {}

#bo_list .tbl_head01 thead th input {}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_list .tbl_head01 tfoot th {}

#bo_list .tbl_head01 tfoot td {}

#bo_list .tbl_head01 tbody th {}

#bo_list .tbl_head01 td {
    font-size: 12px;
    color: #454545;
    border-right: 1px solid #ddd;
}

#bo_list .tbl_head01 a {
    font-size: 12px;
    color: #676767
}

#bo_list .sub_answer a {
    color: #f2654a
}

#bo_list td.empty_table {}

/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}

#bo_v .tbl_head01 caption {}

#bo_v .tbl_head01 thead th {}

#bo_v .tbl_head01 thead a {}

#bo_v .tbl_head01 thead th input {}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}

#bo_v .tbl_head01 tfoot td {}

#bo_v .tbl_head01 tbody th {}

#bo_v .tbl_head01 td {}

#bo_v .tbl_head01 a {}

#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}

#bo_w caption {}

#bo_w .frm_info {}

#bo_w .frm_address {}

#bo_w .frm_file {}

#bo_w .tbl_frm01 {}

#bo_w .tbl_frm01 th {}

#bo_w .tbl_frm01 td {}

#bo_w .tbl_frm01 textarea,
#bo_w tbl_frm01 .frm_input {}

#bo_w .tbl_frm01 textarea {}

/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

/* 필수입력 */
#bo_w .required,
#bo_w textarea.required {}

#bo_w .cke_sc {}

#bo_w button.btn_cke_sc {}

#bo_w .cke_sc_def {}

#bo_w .cke_sc_def dl {}

#bo_w .cke_sc_def dl:after {}

#bo_w .cke_sc_def dt,
#bo_w .cke_sc_def dd {}

#bo_w .cke_sc_def dt {}

#bo_w .cke_sc_def dd {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 게시판 목록 */
#bo_list .td_board {
    width: 120px;
    text-align: center
}

#bo_list .td_chk {
    width: 30px;
    text-align: center
}

#bo_list .td_date {
    width: 60px;
    text-align: center
}

#bo_list .td_datetime {
    width: 110px;
    text-align: center
}

#bo_list .td_group {
    width: 100px;
    text-align: center
}

#bo_list .td_mb_id {
    width: 100px;
    text-align: center
}

#bo_list .td_mng {
    width: 80px;
    text-align: center
}

#bo_list .td_name {
    width: 100px;
    text-align: center
}

#bo_list .td_nick {
    width: 100px;
    text-align: center
}

#bo_list .td_num {
    width: 50px;
    text-align: center
}

#bo_list .td_numbig {
    width: 80px;
    text-align: center
}

#bo_list .txt_active {
    color: #5d910b
}

#bo_list .txt_expired {
    color: #ccc
}

#bo_cate h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_cate ul {
    margin-bottom: 10px;
    padding-left: 1px;
    zoom: 1
}

#bo_cate ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_cate li {
    float: left;
    margin-bottom: -1px
}

#bo_cate a {
    display: block;
    position: relative;
    margin-left: -1px;
    padding: 6px 0 5px;
    width: 90px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    color: #888;
    text-align: center;
    letter-spacing: -0.1em;
    line-height: 1.2em;
    cursor: pointer
}

#bo_cate a:focus,
#bo_cate a:hover,
#bo_cate a:active {
    text-decoration: none
}

#bo_cate #bo_cate_on {
    z-index: 2;
    border: 1px solid #565e60;
    background: #fff;
    color: #565e60;
    font-weight: bold
}

.td_subject {
    text-indent: 10px;
}

.td_subject img {
    margin-left: 3px
}

/* 게시판 목록 공통 */
.writer {
    width: 120px;
}

.bo_fx {
    margin-bottom: 5px;
    zoom: 1
}

.bo_fx:after {
    display: block;
    visibility: hidden;
    content: ""
}

.bo_fx ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#bo_list_total {
    float: left;
    font-size: 13px;
    color: #454545;
    line-height: 50px;
    padding-left: 20px;
    font-weight: 600
}

.btn_bo_user {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none
}

.btn_bo_user li {
    float: left;
    margin-left: 5px
}

.btn_bo_adm {
    float: left
}

.btn_bo_adm li {
    float: left;
    margin-right: 5px
}

.btn_bo_adm input {
    padding: 8px;
    border: 0;
    background: #e8180c;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}

.bo_notice td {
    font-weight: bold;
}

.bo_notice td a {
    font-weight: bold;
    color: #676767;
    font-size: 12px;
}

.td_num strong {
    color: #676767;
    font-size: 12px;
}

.bo_cate_link {
    display: inline-block;
    margin: 0 3px 0 0;
    line-height: 10px;
    padding: 0 6px 0 0;
    border-right: 1px solid #676767;
    color: #999 !important;
    font-weight: bold;
    text-decoration: none
}

글제목줄 분류스타일 .bo_current {
    color: #e8180c
}

#bo_list .cnt_cmt {
    display: inline-block;
    margin: 0 0 0 3px;
    font-weight: bold
}

#bo_sch {
    margin-top: 10px
}

#bo_sch legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden
}

/* 게시판 쓰기 */
#char_count_desc {
    display: block;
    margin: 0 0 5px;
    padding: 0
}

#char_count_wrap {
    margin: 5px 0 0;
    text-align: right
}

#char_count {
    font-weight: bold
}

#autosave_wrapper {
    position: relative
}

#autosave_pop {
    display: none;
    z-index: 10;
    position: absolute;
    top: 24px;
    right: 117px;
    padding: 8px;
    width: 350px;
    height: auto !important;
    height: 180px;
    max-height: 180px;
    border: 1px solid #565656;
    background: #fff;
    overflow-y: scroll
}

html.no-overflowscrolling #autosave_pop {
    height: auto;
    max-height: 10000px !important
}

/* overflow 미지원 기기 대응 */
#autosave_pop strong {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#autosave_pop div {
    text-align: right
}

#autosave_pop button {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent
}

#autosave_pop ul {
    margin: 10px 0;
    padding: 0;
    border-top: 1px solid #e9e9e9;
    list-style: none
}

#autosave_pop li {
    padding: 8px 5px;
    border-bottom: 1px solid #e9e9e9;
    zoom: 1
}

#autosave_pop li:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#autosave_pop a {
    display: block;
    float: left
}

#autosave_pop span {
    display: block;
    float: right
}

.autosave_close {
    cursor: pointer
}

.autosave_content {
    display: none
}

/* 게시판 읽기 */
#bo_v {
    border-top: 1px solid #00317d;
    box-sizing: border-box
}

#bo_v_table {
    position: absolute;
    top: 0;
    right: 16px;
    margin: 0;
    padding: 0 5px;
    height: 25px;
    background: #ff3061;
    color: #fff;
    font-weight: bold;
    line-height: 2.2em
}

#bo_v_title {
    padding: 2.5rem 2rem;
    border-bottom: 1px solid #acacac;
    font-size: 2rem;
    color: #454545;
    font-weight: 600;
}

#bo_v_info {
    padding: 20px;
    background-color: #fafafa;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    color: #000;
}

#bo_v_info h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_v_info strong {
    display: inline-block;
    margin: 0 5px 0 5px;
    font-weight: normal
}

#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {
    font-weight: bold;
    color: #000
}

#bo_v_file {}

#bo_v_file h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_v_file ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#bo_v_file li {
    padding: 20px 0px;
    margin: 0px 20px;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    overflow: hidden;
}

#bo_v_file a {
    display: inline-block;
    font-size: 13px;
    color: #000;
    word-wrap: break-word
}

#bo_v_file a:focus,
#bo_v_file a:hover,
#bo_v_file a:active {
    text-decoration: none
}

#bo_v_file p {
    padding: 20px;
    border-bottom: 1px solid #ddd;
}

#bo_v_file img {
    float: left;
    margin: 15px 10px 0 0
}

.bo_v_file_cnt {
    display: inline-block;
    margin: 0 0 3px 16px;
    font-size: 12px;
    color: #525252
}

#bo_v_link {}

#bo_v_link h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_v_link ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#bo_v_link li {
    border-bottom: 1px solid #eee;
    font-size: 12px;
}

#bo_v_link a {
    display: inline-block;
    padding: 8px 0 7px;
    width: 100%;
    color: #000;
    word-wrap: break-word
}

#bo_v_link a:focus,
#bo_v_link a:hover,
#bo_v_link a:active {
    text-decoration: none
}

.bo_v_link_cnt {
    display: inline-block;
    margin: 0 0 3px 16px
}

#bo_v_top {
    margin: 0 0 10px;
    padding: 10px 0;
    zoom: 1
}

#bo_v_top:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_v_top h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_v_top ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#bo_v_bot {
    zoom: 1;
    margin-top: 30px;
}

#bo_v_bot:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_v_bot h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_v_bot ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.btn_b04 {
    width: 90px;
    line-height: 35px;
    background-color: #404040;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    text-align: center
}

.bo_v_nb {
    float: left
}

.bo_v_nb li {
    float: left;
    margin-right: 5px
}

.bo_v_com {
    float: right
}

.bo_v_com li {
    float: left;
    margin-left: 5px
}

#bo_v_atc {
    min-height: 200px;
    height: auto !important;
    padding: 30px 10px;
}

#bo_v_atc_title {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_v_img {
    margin: 0 0 10px;
    width: 100%;
    overflow: hidden;
    zoom: 1
}

#bo_v_img:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_v_img img {
    margin-bottom: 20px;
    max-width: 100%;
    height: auto
}

#bo_v_con {
    margin-bottom: 30px;
    width: 100%;
    line-height: 1.7em;
    word-break: break-all;
    overflow: hidden
}

#bo_v_con a {
    color: #000;
    text-decoration: underline
}

#bo_v_con img {
    max-width: 100%;
    height: auto
}

#bo_v_act {
    margin-bottom: 30px;
    text-align: center
}

#bo_v_act .bo_v_act_gng {
    position: relative
}

#bo_v_act a {
    margin-right: 5px;
    vertical-align: middle
}

#bo_v_act strong {
    color: #ff3061
}

#bo_v_act_good,
#bo_v_act_nogood {
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
    padding: 10px 0;
    width: 165px;
    background: #ff3061;
    color: #fff;
    text-align: center
}

#bo_v_sns {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    zoom: 1
}

#bo_v_sns:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_v_sns li {
    float: left;
    margin: 0 5px 0 0
}

/* 게시판 댓글 */
#bo_vc {
    margin: 30px 0 20px;
    padding: 20px 20px 10px;
    border: 1px solid #d9d9d9;
    background: #f2f4f9;
    font-size: 12px;
}

#bo_vc h2 {
    margin-bottom: 10px;
    font-size: 12px;
}

#bo_vc article {
    padding: 0 0 10px;
    border-top: 1px dotted #ccc
}

#bo_vc header {
    position: relative;
    padding: 15px 0 5px;
    font-weight: bold;
}

#bo_vc header .icon_reply {
    position: absolute;
    top: 15px;
    left: -20px
}

#bo_vc .sv_wrap {
    margin-right: 15px
}

#bo_vc .member,
#bo_vc .guest,
#bo_vc .sv_member,
#bo_vc .sv_guest {
    font-weight: bold
}

.bo_vc_hdinfo {
    display: inline-block;
    margin: 0 15px 0 5px
}

#bo_vc h1 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_vc a {
    color: #000;
    text-decoration: none
}

#bo_vc p {
    padding: 0 0 5px;
    line-height: 1.8em
}

#bo_vc p a {
    text-decoration: underline
}

#bo_vc p a.s_cmt {
    text-decoration: none
}

#bo_vc_empty {
    margin: 0;
    padding: 20px !important;
    text-align: center
}

#bo_vc #bo_vc_winfo {
    float: left
}

#bo_vc footer {
    zoom: 1
}

#bo_vc footer:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.bo_vc_act {
    float: right;
    margin: 0;
    list-style: none;
    zoom: 1
}

.bo_vc_act:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.bo_vc_act li {
    float: left;
    margin-left: 5px
}

#bo_vc_w {
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 20px;
    border-bottom: 1px solid #cfded8
}

#bo_vc_w h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#bo_vc_w #char_cnt {
    display: block;
    margin: 0 0 5px
}

#bo_vc_sns {
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1
}

#bo_vc_sns:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#bo_vc_sns li {
    float: left;
    margin: 0 20px 0 0
}

#bo_vc_sns input {
    margin: 0 0 0 5px
}

.gall_href {
    width: 200px;
    height: 125px;
    overflow: hidden;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ddd
}









.mt20 {
    margin: 20px 0 0 0;
}

.smtit {
    height: 100px;
    border-bottom: 1px solid #ddd;
    line-height: 100px;
    color: #1a2b3e;
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
}

.smcont>ul.fl {
    float: left;
    margin-right: 34px;
}

.smcont>ul.fr {
    float: right;
}

.smcont>ul {
    width: 230px;
}

.smcont>ul li:first-of-type {
    border-top: 2px solid red;
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
    line-height: 50px;
    margin-bottom: 15px;
    font-weight: bold;
}

.smcont>ul li a {
    display: block;
    padding-left: 10px;
    color: #333;
    line-height: 30px;
}


#sub_visual {
    display: table;
    width: 100%;
    position: relative;
    background: url("/image/sub/sub_visual.jpg") no-repeat;
    background-size: cover;
    height: 350px;
}

#sub_visual>div {
    display: table-cell;
    vertical-align: middle;
}

#sub_visual>div .txt1 {
    color: #fff;
    font-size: 5rem;
    font-weight: 500
}

#sub_visual>div .txt2 {
    color: #fff;
    font-size: 2rem;
    font-weight: 300;
    opacity: 0.8
}


.mt10 {
    margin-top: 10px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt60 {
    margin-top: 60px !important
}


.content_in {
    position: relative;
    z-index: 9;
    max-width: 1180px;
    margin: auto;
    padding: 7rem 0;
    word-break: keep-all
}

.con_txt1 {
    color: #0a0a0a;
    font-size: 4rem;
    font-weight: 500
}

.con_txt2 {
    max-width: 60rem;
    margin: auto;
    color: #343434;
    font-size: 1.8rem;
}

.content_wrap2 {
    background-color: #f6f6f6;
}

.con_txt3 {
    color: #d52838;
    font-size: 2.6rem;
    font-weight: 500;
    position: relative
}

.con_txt3:after {
    width: 40px;
    height: 2px;
    background-color: #ce1122;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1.5rem;
    margin-left: -20px;
}

.overview_bg {
    background-size: contain;
    min-height: 83rem;
    max-width: 1180px;
    margin: auto;
    background: url('/image/sub/overview_bg.png') center bottom no-repeat;
}

.overview_bg2 {
    background-size: contain;
    min-height: 90rem;
    max-width: 1180px;
    margin: auto;
    background: url('/image/sub/overview_bg.png') center bottom no-repeat;
}

.greeting_wrap {
    display: table;
    margin: 3rem 0 5rem;
    margin-left: -5rem
}

.greeting_wrap>div {
    display: table-cell;
    width: 50%;
    padding-left: 5rem;
    vertical-align: middle
}

.greeting_wrap>div .txt1 {
    color: #070707;
    font-size: 2rem;
    font-weight: 500
}

.greeting_wrap>div .txt1 span {
    color: #ce1122
}

.greeting_wrap>div .txt2 {
    color: #252525;
    font-size: 1.6rem;
    margin-top: 3rem;
}

.contact_wrap {
    margin: 5rem 0;
    display: table;
    width: 100%
}

.contact_wrap>div {
    border-right: 1px solid #ddd;
    width: 25%;
    display: table-cell;
    vertical-align: middle;
}

.contact_wrap>div:last-child {
    border-right: 0
}

.contact_wrap>div>p {
    color: #0a0a0a;
    font-size: 2rem;
    font-weight: 500;
    margin: 1rem 0;
}

.contact_wrap>div>div {
    color: #373737;
    font-size: 1.5rem;
}

.business_wrap {
    width: 100%;
    position: relative
}

.bg_bar {
    width: 100%;
    height: 200px;
    background-color: #f5f5f5;
    width: 100%;
    left: 0;
    bottom: 8rem;
    position: absolute
}

.office_wrap {
    display: table;
    width: 100%;
    margin-bottom: 5rem;
}

.office_wrap>div {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

.dot_txt {
    padding-left: 11px;
    text-indent: -11px;
    display: block;
}


.office_wrap>div .txt1 {
    max-width: 95%;
    letter-spacing: -0.5px;
    margin-top: 9rem;
    color: #090909;
    font-size: 2.2rem;
    position: relative;
}

.office_wrap>div .txt1:before {
    width: 60px;
    height: 3px;
    background-color: #b31926;
    content: "";
    position: absolute;
    left: 0;
    top: -2rem;
}

.office_wrap>div .txt2 {
    margin-top: 14rem;
    color: #1a1a1a;
    font-size: 1.6rem;
}

.office_wrap>div .txt3 {
    font-weight: 300;
    max-width: 95%;
    letter-spacing: -0.5px;
    margin-top: 19rem;
    color: #1a1a1a;
    font-size: 16px;
}

.office_wrap>div .txt4 {
    margin-top: 2rem;
    color: #ce1122;
    font-size: 1.8rem;
}

.office_wrap>div .txt5 {
    margin-top: 10rem;
    color: #1a1a1a;
    font-size: 1.6rem;
}

.office_wrap>div .txt6 {
    margin-top: 7rem;
    color: #1a1a1a;
    font-size: 1.6rem;
}

.office_wrap>div .txt6 .txt7 {
    color: #0d0d0d;
    padding-top: 2rem;
    font-size: 2rem;
    font-weight: 500
}

.office_wrap>div .txt6 .txt8 {
    color: #ce1122;
    font-size: 1.6rem;
    font-weight: 500
}

.txt10 {
    background-color: #fff;
}


.pro_bar {
    width: 100%;
    height: 250px;
    background-color: #f1f1f1;
    position: absolute;
    left: 0;
    bottom: 0;
}

.oci_img {
    margin-left: -2rem;
    margin-bottom: 4rem
}

.oci_img>li {
    padding-left: 2rem;
    float: left;
    width: 25%;
}

.property .bar1 {
    width: 60px;
    height: 3px;
    background-color: #ce1122;
    display: inline-block;
}

.property .txt1 {
    color: #090909;
    font-size: 2.2rem;
    margin: 2rem 0 3rem;
}

.property .txt2 {
    color: #1a1a1a;
    font-size: 1.6rem;
    margin-bottom: 4rem;
}

.property .txt3 {
    color: #ce1122;
    font-size: 1.8rem;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.eat_bar {
    width: 100%;
    background: url("/image/sub/ear_bg.jpg") top center no-repeat;
    margin-top: -2rem;
}

.eat_bar .txt4 {
    color: #fff;
    font-size: 2rem;
}

.eat_bar .txt4 p {
    color: #fff;
    font-size: 1.6rem;
    margin-bottom: 4rem;
    margin-top: 1rem;
}

.eat_bar .txt4 p img {
    vertical-align: middle
}



.culture_wrap {
    display: table;
    width: 100%;
    margin-bottom: 5rem;
}

.culture_wrap>div {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

.culture_wrap>div .txt1 {
    letter-spacing: -1.2px;
    margin-top: 14rem;
    color: #090909;
    font-size: 2.2rem;
    position: relative;
}

.culture_wrap>div .txt1:before {
    width: 60px;
    height: 3px;
    background-color: #b31926;
    content: "";
    position: absolute;
    left: 0;
    top: -2rem;
}

.culture_wrap>div .txt1 span {
    color: #ce1122;
}

.culture_wrap>div .txt2 {
    margin-top: 2rem;
}

.culture_wrap>div .txt2 li {
    text-indent: -8px;
    margin-bottom: 0.5rem;
    padding-left: 8px;
    color: #1a1a1a;
    font-size: 1.6rem;
}

.clture_right {
    padding-left: 6rem
}

.search_bar {
    border-bottom: 1px solid #ddd;
    padding-bottom: 2rem;
}

.search_bar p {
    float: left;
    color: #454545;
    line-height: 40px;
    font-size: 13px;
}

.search_bar div {
    float: right;
    padding-right: 50px;
    position: relative;
}

.search_bar div input[type="text"] {
    padding: 0px 1rem;
    width: 276px;
    height: 40px;
    border: 1px solid #ddd;
    border-right: 0px;
    background-color: #f7f7f7;
}

.search_bar div .btnSch {
    width: 50px;
    height: 40px;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    border-left: 0;
    color: #777;
    font-size: 1.2rem;
    position: absolute;
    right: 0px;
    top: 0px
}

.search_bar .fr {
    padding-right: 0px
}

.select_box {
    display: table-cell;
    border: 1px solid #ddd;
    width: 50%;
    height: 45px;
    font-size: 13px;
    color: #656565;
    background: #f7f7f7 url(/image/sub/select_btn.png) no-repeat 90% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 10px
}

.notice_bar select {
    float: left;
    width: 119px;
    height: 40px;
    margin-right: 10px
}


.table_st1 {
    width: 100%;
    border-top: 1px solid #ce1122;
}

.table_st1 th {
    border-bottom: 1px solid #ddd;
    padding: 1.5rem 0px;
    color: #080808;
    font-size: 1.7rem;
    font-weight: 500;
}

.table_st1 td {
    border-bottom: 1px solid #ddd;
    color: #1c1c1c;
    font-size: 1.5rem;
    padding: 1.5rem;
    text-align: center;
}

.table_st1 tr.no td {
    background-color: #f7f7f7
}

.notice_bar .notice_search {
    float: left;
}

.paging {
    text-align: center;
    margin-top: 30px;
    position: relative;
    font-size: 0;
}

.paging .btn {
    border: none;
    padding: 0;
    line-height: 0;
    font-size: 0;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.paging img {
    vertical-align: top;
}

.paging a {
    font-size: 13px;
    vertical-align: top;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    padding: 0 2px;
    color: #676767;
    min-width: 27px;
    height: 27px;
    line-height: 25px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #ddd;
    margin: 0 -1px;
    position: relative;
    z-index: 2;
}

.paging span {
    vertical-align: top;
}

.paging span.pg,
.paging a.sel {
    color: #ce1122;
    background-color: #fbfbfb;
    z-index: 3
}

.paging span.empty_msg {
    border: none !important;
    font-weight: normal;
    font-size: 13px;
    color: #ff6600;
}



.view_1 {
    border-top: 1px solid #ce1122;
    padding: 2rem 1.5rem;
}

.view_1 .txt1 {
    color: #0b0b0b;
    font-size: 2rem;
}

.view_1 .txt2 {
    color: #424242;
    font-size: 1.5rem;
}

.view_2 {
    font-size: 1.5rem;
    background-color: #f6f6f6;
    padding: 1.5rem;
    border-top: 1px solid #ddd
}

.view_3 {
    position: relative;
    border-top: 1px solid #ddd;
    padding-top: 3rem
}

.view_3 .left {
    position: absolute;
    left: 0;
    top: 2rem
}

.view_3 .right {
    position: absolute;
    right: 0;
    top: 2rem
}

.view_2 img {
    vertical-align: middle;
    margin-right: 0.5rem
}

.view_box2 {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    padding: 1rem;
    font-size: 1.5rem;
}

.list_btn2 {
    background-color: #ce1122;
    color: #fff !important;
    font-size: 1.6rem;
    padding: 1.5rem 5rem;
    border-radius: 5rem;
    display: inline-block;
}


.proce_wrap .txt1 {
    color: #131313;
    font-size: 2.5rem;
    font-weight: 500
}

.proce_wrap ul li .txt2 {
    font-weight: 500;
    color: #c92735;
    font-size: 1.4rem;
    margin: 2rem 0 1rem;
}

.proce_wrap ul li .txt3 {
    color: #1a1a1a;
    font-size: 1.5rem;
}

.proce_wrap ul li {
    position: relative;
    width: 20%;
    float: left;
    text-align: center;
}

.proce_wrap ul li:after {
    content: "";
    width: 21px;
    height: 12px;
    background: url("/image/sub/pro_arrow.png") no-repeat;
    position: absolute;
    right: -8px;
    top: 32%
}

.proce_wrap ul li:last-child:after {
    display: none
}


.sm_wrap {
    margin-left: -2rem;
}

.sm_wrap>div {
    width: 20%;
    float: left;
    padding-left: 2rem;
}

.sm_wrap>div>p {
    font-size: 2rem;
    color: #fff;
    background-color: #ce1122;
    border-radius: 5rem;
    padding: 1rem 0
}

.sm_wrap>div>ul {
    border: 1px solid #ddd;
    margin-top: 2rem;
    border-bottom: 0
}

.sm_wrap>div>ul a {
    color: #171717;
    font-size: 1.6rem;
    border-bottom: 1px solid #ddd;
    padding: 1rem 0;
    display: block;
}


/*20240628*/
.tebmenu {
    border-bottom: 1px solid #dfdfdf;
}

.tebmenu ol>li {
    display: inline-block;
}

.tebmenu ol>li>a {
    font-size: 1.8rem;
    color: #343434;
    display: block;
    padding-bottom: 10px;
    margin: 0 15px;
}

.tebmenu ol>li>a.on {
    color: #c92735;
    font-weight: bold;
    border-bottom: 3px solid #c92735;
}

.maqutxt {
    font-size: 1.6rem;
    font-weight: 350;
}

.maqutit {
    font-size: 2rem;
    font-weight: 500;
    color: #101010;
    margin-top: 80px;
    padding-bottom: 20px;
    border-bottom: 2px solid #101010;
    position: relative;
}

.maqutit span {
    color: red;
    position: relative;
    position: absolute;
    right: 0;
    font-size: 1.5rem;
    top: 10px;
}

.maqutit span:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: red;
    left: -15px;
    top: 40%;
}

.maqubox ol {
    margin-left: -50px;
}

.maqubox ol li {
    width: calc(50% - 50px);
    margin-top: 40px;
    margin-left: 50px;
    float: left;
    position: relative;
}

.maqubox ol li.full {
    width: calc(100% - 50px);
}

.maqubox ol li p {
    font-size: 1.7rem;
    color: #343434;
    margin-bottom: 10px;
    position: relative;
}

.maqubox ol li p.point {
    display: inline-block;
}

.maqubox ol li p.point:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: red;
    right: -10px;
    top: 10px;
}

.maqubox ol li input[type=text] {
    width: 100%;
    border: none;
    height: 60px;
    box-sizing: border-box;
    padding: 10px 20px;
    background: #f7f7f7;
    font-size: 1.7rem;
    color: #000;
}

.maqubox ol li ::-webkit-input-placeholder {
    color: #9e9e9e;
}

.maqubox ol li textarea {
    width: 100%;
    border: none;
    height: 260px;
    box-sizing: border-box;
    padding: 10px 20px;
    background: #f7f7f7;
    font-size: 1.7rem;
    color: #000;
}

.maqubox ol li .count {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 1.7rem;
    color: #919191;
}

.maqubox ol li span.ra {
    position: relative;
    display: inline-block;
    padding-left: 40px;
    line-height: 60px;
    font-size: 1.7rem;
    color: #343434;
    margin-right: 25px;
}

.maqubox ol li span.ra input {
    width: 0;
    height: 0;
}

.maqubox ol li span.ra input:after {
    cursor: pointer;
    content: '';
    opacity: 1;
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px solid #dfdfdf;
    border-radius: 100%;
    left: 0;
    background: #fff;
    top: 50%;
    margin-top: -15px;
}

.maqubox ol li span.ra label {
    cursor: pointer;
}

.maqubox ol li span.ra input:checked:after {
    border: 8px solid #c92735;
    width: 14px;
    height: 14px;
}

.maqubox p.txt {
    font-size: 1.7rem;
    color: #343434;
    margin-top: 40px;
    font-weight: 350;
}

.potxt {
    margin-top: 20px;
}

.potxt>dt {
    position: relative;
    font-size: 1.6rem;
    font-weight: 350;
    padding-left: 15px;
    margin-bottom: 5px;
}

.potxt>dt>span {
    position: absolute;
    left: 0;
}

.potxt>dd {
    position: relative;
    font-size: 1.6rem;
    font-weight: 350;
    padding-left: 15px;
    margin-bottom: 5px;
}

.potxt>dd:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #000;
    left: 0;
    top: 50%;
    margin-top: -2px;
}

.maqufile {
    position: relative;
    background: #f7f7f7;
    font-size: 1.7rem;
    color: #9e9e9e;
    box-sizing: border-box;
    padding: 28px 20px;
    font-weight: 350;
    overflow: hidden;
}

.maqufile input[type="file"] {
    position: absolute;
    width: calc(100% + 83px);
    height: 100%;
    left: 0px;
    top: 0;
    opacity: 1;
    padding: 15px;
}

.maqufile span {
    position: relative;
    position: absolute;
    right: 50px;
    top: 15px;
    color: #000;
}

.maqufile span:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(/image/sub/iconsear.svg) no-repeat center center;
    top: -5px;
}

.maqudel span:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(/image/sub/iconclo.svg) no-repeat center center;
    top: -7px;
}

.maqudel {
    margin-bottom: 10px;
    color: #000;
}

.maqufile button {
    border: none;
    background: none;
    font-size: 1.7rem;
    color: #9e9e9e;
}

.polibox {
    background: #f7f7f7;
    padding: 15px;
    margin-top: 25px;
    height: 125px;
    overflow-y: auto;
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 350;
}

.polibox strong {
    display: block;
    margin-bottom: -10px;
    font-weight: 450;
}

.polibox table {
    border-top: 2px solid #000;
    width: 100%;
    margin: 30px 0;
}

.polibox table th {
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding: 20px 10px;
}

.polibox table td {
    border-bottom: 1px solid #ccc;
    text-align: right;
    padding: 20px 10px;
}

.polick {
    text-align: right;
    margin-top: 20px;
    font-size: 1.6rem;
    font-weight: 350;
}

.polick span {
    margin-right: 20px;
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.polick span input:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    top: -5px;
    background: url(/image/sub/ck.svg) no-repeat center center;
    background-color: #fff;
}

.polick span input:checked:before {
    background: url(/image/sub/ckon.svg) no-repeat center center;
}

.txtctxt {
    text-align: center;
    font-size: 1.7rem;
    margin-top: 15px;
    font-weight: 350;
}

@media screen and (max-width: 640px) {
    .maqubox ol {
        margin-left: -0px;
    }

    .maqubox ol li {
        width: calc(100% - 0px);
        margin-left: 0px;
        float: none;
    }

    .maqubox ol li.full {
        width: calc(100% - 0px);
    }
}

.beefup {
    border-bottom: 1px solid #ddd;


}

.beefup:first-child {
    margin-top: 0;
}

.beefup__head {
    cursor: pointer;
    margin-bottom: 0;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;

    text-align: center;
    font-size: 1.8rem;
    padding: 1.5rem 0;
    margin-top: 0px;
    background-color: #fff;
}

.beefup__head a {
    display: block;
    color: #1c1c1c;
}

.left_menu a {
    color: #111;
    font-size: 18px;
    font-weight: 600;
    padding: 20px;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.beefup__head::after {


    background: url("/m/image/main/plus_ic.png") no-repeat;
    content: '';
    position: absolute;
    right: 20px;
    height: 17px;

    top: 25px;
    width: 17px;
}

.beefup__body {
    background-color: #f6f6f6;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 1rem 0;

}

.beefup__body>ul {
    background-color: #f6f6f6;
}

.beefup__body>ul>li {
    font-size: 1.3rem;
    color: #525252;
    font-family: 'Pretendard-Regular', sans-serif;
}

.beefup__body>ul>li>a {
    color: #343434;
    line-height: 45px;
    display: block;
    text-align: center;
}

.beefup__body>ul>li>a:hover {
    color: #ce0e0e;
}

/*.beefup.is-open > .beefup__head::after {
background:url("/image/main/minus_ic.png") no-repeat;
content: '';
 width: 14px;
height: 9px;
background-size:cover
}*/
.is-open h3 {
    background-color: #d52838;
    color: #fff;
}

.is-open h3 a {
    color: #fff !important;
}

@charset "utf-8";
/* SIR 지운아빠 */

/*
 초기화 
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Pretendard-Regular', sans-serif}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard-Regular', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'Pretendard-Regular', sans-serif;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:'Pretendard-Regular', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}
*/

/* 팝업레이어 */
#hd_pop {
    z-index: 1000;
    position: relative;
    margin: 0 auto;
    width: 970px;
    height: 0
}

#hd_pop h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.hd_pops {
    position: absolute;
    border: 1px solid #e9e9e9;
    background: #fff
}

.hd_pops_con {}

.hd_pops_footer {
    padding: 10px 0;
    background: #000;
    color: #fff;
    text-align: right
}

.hd_pops_footer button {
    margin-right: 5px;
    padding: 5px 10px;
    border: 0;
    background: #393939;
    color: #fff
}

/* 상단 레이아웃 */
#hd {
    z-index: 4;
    position: relative;
    min-width: 970px;
    background: #fff
}

.hd_zindex {
    z-index: 10 !important
}

#hd_h1 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#hd_wrapper {
    position: relative;
    margin: 0 auto;
    padding: 26px 0;
    width: 970px;
    zoom: 1
}

#hd_wrapper:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

/*

#logo {float:left;padding:5px 0 0}
*/
.pg_page img {
    padding: 9px 2px
}

/* 전체 검색 */
#hd_sch {
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
    border: 1px solid #c3c6ca
}

#hd_sch legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden
}

#hd_sch #sch_stx {
    padding-left: 5px;
    width: 110px;
    height: 24px;
    border: 0;
    background: #fff;
    line-height: 1.9em !important;
    line-height: 1.6em
}

#hd_sch #sch_submit {
    padding: 0 5px;
    height: 26px;
    border: 0;
    background: #e2e6eb;
    color: #333;
    cursor: pointer
}

/* 텍스트 크기 조절 */
#text_size {
    float: left;
    margin: 0 0 0 10px;
    letter-spacing: -3px
}

#text_size button {
    margin: 0;
    padding: 1px 2px;
    border: 1px solid #c3c6ca;
    background: transparent;
    vertical-align: middle;
    cursor: pointer
}

.ts_up {
    font-size: 1.167em !important
}

.ts_up2 {
    font-size: 1.3em !important
}

/* 상단 회원가입 등 링크 */
#tnb {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    zoom: 1
}

#tnb:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

#tnb li {
    float: left;
    margin: 0 0 0 10px
}

#tnb a {
    display: inline-block;
    padding: 0 10px;
    height: 28px;
    color: #333;
    letter-spacing: -0.1em;
    line-height: 2.4em
}

#tnb a:focus,
#tnb a:hover,
#tnb a:active {
    text-decoration: none
}

#tnb img {
    margin-right: 3px
}

/* 메인메뉴 
#gnb {position:relative;margin:-1px 0 0;border-top:1px dotted #dde4e9;border-bottom:1px solid #dde4e9;background:#ecf0f7}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0 auto !important;padding:0;width:970px;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left}
.gnb_1da {display:inline-block;padding:0 40px 0 10px;height:35px;background:url('../img/gnb_bg00.gif') center right no-repeat;font-weight:bold;line-height:2.95em;text-decoration:none}
.gnb_1da:focus, .gnb_1da:hover {background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none}
.gnb_1dli_air .gnb_1da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_1da {background-color:#333;color:#fff}
.gnb_2dul {display:none;position:absolute;top:35px;width:180px}
.gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none}
.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}
*/

/* 중간 레이아웃 */


/* 하단 레이아웃 */
#ft {
    min-width: 970px;
    border-top: 1px solid #dde4e9;
    background: #f2f5f9
}

#ft h1 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#ft p {
    margin: 0;
    padding: 10px 0;
    line-height: 1.8em
}

#ft_catch {
    position: relative;
    margin: 0 auto;
    padding: 20px 0 0;
    width: 970px;
    text-align: center
}

#ft_company {
    text-align: center
}

#ft_copy {
    background: #414141
}

#ft_copy div {
    position: relative;
    margin: 0 auto;
    padding: 10px 0;
    width: 970px;
    color: #fff
}

#ft_copy a {
    display: inline-block;
    margin: 0 10px 0 0;
    color: inherit
}

#ft_copy #ft_totop {
    position: absolute;
    top: 10px;
    right: 0
}

/* 게시물 선택복사 선택이동 */
#copymove {}

.copymove_current {
    float: right;
    color: #ff3061
}

.copymove_currentbg {
    background: #f4f4f4
}

/* 화면낭독기 사용자용 */
#hd_login_msg {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.msg_sound_only,
.sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important
}

/* 본문 바로가기 */
#skip_to_container a {
    z-index: 100000;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#skip_to_container a:focus,
#skip_to_container a:active {
    width: 100%;
    height: 75px;
    background: #21272e;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 3.3em
}

/* ie6 이미지 너비 지정 */
.img_fix {
    width: 100%;
    height: auto
}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {
    display: inline-block;
    position: relative
}

#captcha legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
    border-bottom: 0px
}

#captcha #captcha_img {
    width: 160px;
    height: 60px;
    border: 1px solid #e9e9e9;
    vertical-align: top;
    padding: 0;
    margin: 0
}

#captcha #captcha_mp3 {
    position: absolute;
    top: 0;
    left: 161px;
    ;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer
}

#captcha #captcha_mp3 span {
    position: absolute;
    top: 0;
    left: 0;
    width: 31px;
    height: 31px;
    background: url('/image/sub/captcha.png') no-repeat;
}

#captcha #captcha_reload {
    position: absolute;
    top: 31px;
    left: 161px;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url('/image/sub/captcha.png') no-repeat 0 -30px;
    border-top: 1px solid #ccc;
    text-indent: -999px
}

#captcha #captcha_key {
    margin: 0 0 0 33px;
    padding: 0 5px;
    width: 70px;
    height: 60px;
    border: 1px solid #b8c9c2;
    background: #f7f7f7;
    font-size: 1.333em;
    font-weight: bold;
    text-align: center;
    line-height: 2.8em;
    vertical-align: top
}

#captcha #captcha_info {
    display: block;
    margin: 5px 0 0;
    font-size: 12px;
    letter-spacing: -0.1em
}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {
    display: block;
    margin: 0 0 5px;
    width: 187px
}

#captcha.m_captcha #captcha_img {
    width: 160px;
    height: 60px;
    border: 1px solid #e9e9e9;
    margin-bottom: 3px;
    margin-top: 5px;
    display: block;
}

#captcha.m_captcha #captcha_reload {
    position: static;
    margin: 0;
    padding: 0;
    width: 31px;
    height: 31px;
    border: 0;
    background: transparent;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    background: url('../../../img/captcha.png') no-repeat 0 -30px;
    text-indent: -999px
}

#captcha.m_captcha #captcha_reload span {
    display: none;
}

#captcha.m_captcha #captcha_key {
    margin: 0;
    padding: 0 5px;
    width: 115px;
    height: 29px;
    border: 1px solid #b8c9c2;
    background: #f7f7f7;
    font-size: 1.333em;
    font-weight: bold;
    text-align: center;
    line-height: 29px;
    margin-left: 3px
}

#captcha.m_captcha #captcha_info {
    display: block;
    margin: 5px 0 0;
    font-size: 0.95em;
    letter-spacing: -0.1em
}

#captcha.m_captcha #captcha_mp3 {
    width: 31px;
    height: 31px;
    background: url('../img/captcha.png') no-repeat;
    vertical-align: top;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999px;
    border: none
}

/* ckeditor 단축키 */
.cke_sc {
    margin: 0 0 5px;
    text-align: right
}

.btn_cke_sc {
    display: inline-block;
    padding: 0 10px;
    height: 23px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none;
    line-height: 1.9em;
    vertical-align: middle;
    cursor: pointer
}

.cke_sc_def {
    margin: 0 0 5px;
    padding: 10px;
    border: 1px solid #ccc;
    background: #f7f7f7;
    text-align: center
}

.cke_sc_def dl {
    margin: 0 0 5px;
    text-align: left;
    zoom: 1
}

.cke_sc_def dl:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.cke_sc_def dt,
.cke_sc_def dd {
    float: left;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #e9e9e9
}

.cke_sc_def dt {
    width: 20%;
    font-weight: bold
}

.cke_sc_def dd {
    width: 30%
}

/* 버튼 */
a.btn01 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none;
    vertical-align: middle
}

a.btn01:focus,
a.btn01:hover {
    text-decoration: none
}

button.btn01 {
    display: inline-block;
    margin: 0;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none
}

a.btn02 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}

a.btn02:focus,
.btn02:hover {
    text-decoration: none
}

button.btn02 {
    display: inline-block;
    margin: 0;
    padding: 7px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none
}

.btn_confirm {
    text-align: center
}

/* 서식단계 진행 */

.btn_submit {
    border: 0;
    background: #6a6a6a;
    font-size: 1.5rem;
    color: #fff;
    cursor: pointer;
    height: 50px;
    width: 120px;
    margin-top: 2rem;
    margin-right: 20px;
}

.btn_b05 {
    display: inline-block;
    padding: 15px 30px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
}

.btn_b05 img {
    vertical-align: middle
}

.btn_b07 {
    display: inline-block;
    font-size: 1.5rem;
    padding: 15px 40px;
    color: #fff !important;
    background-color: #00317d;
}

a.btn_cancel {
    display: inline-block;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    text-decoration: none;
    vertical-align: middle
}

button.btn_cancel {
    display: inline-block;
    padding: 7px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    vertical-align: top;
    text-decoration: none
}

a.btn_frmline,
button.btn_frmline {
    display: inline-block;
    padding: 0 5px;
    height: 24px;
    border: 0;
    background: #333;
    color: #fff;
    letter-spacing: -0.1em;
    text-decoration: none;
    vertical-align: top
}

/* 우편번호검색버튼 등 */
a.btn_frmline {
    line-height: 24px
}

button.btn_frmline {
    font-size: 1em
}

/* 게시판용 버튼 */
a.btn_b01 {
    display: inline-block;
    padding: 7px;
    border: 1px solid #d9ded9;
    background: #f2f5f9;
    color: #000;
    text-decoration: none;
    vertical-align: middle
}

a.btn_b01:focus,
.btn_b01:hover {
    text-decoration: none
}

a.btn_b02 {
    display: inline-block;
    padding: 7px 7px;
    border: 1px solid #3b3c3f;
    background: #4b545e;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}

a.btn_b02:focus,
.btn_b02:hover {
    text-decoration: none
}

a.btn_admin {
    display: inline-block;
    padding: 7px;
    border: 1px solid #e8180c;
    background: #e8180c;
    color: #fff;
    text-decoration: none;
    vertical-align: middle
}

/* 관리자 전용 버튼 */
a.btn_admin:focus,
a.btn_admin:hover {
    text-decoration: none
}

/* 댓글 스타일 */
.cnt_cmt {
    display: inline-block;
    margin: 0 0 0 3px;
    font-weight: bold
}

/* 기본테이블 */
.tbl_wrap table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.tbl_wrap caption {
    padding: 10px 0;
    font-weight: bold;
    text-align: left
}

.tbl_head01 {
    margin: 0 0 10px
}

.tbl_head01 caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.tbl_head01 thead th {
    padding: 12px 0;
    border-top: 1px solid #f2654a;
    border-bottom: 1px solid #ddd;
    background: #fafafa;
    color: #454545;
    font-size: 14px;
    text-align: center;
    letter-spacing: -0.1em
}

.tbl_head01 thead a {
    color: #383838
}

.tbl_head01 thead th input {
    vertical-align: top
}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th,
.tbl_head01 tfoot td {
    padding: 10px 0;
    border-top: 1px solid #c1d1d5;
    border-bottom: 1px solid #c1d1d5;
    background: #d7e0e2;
    text-align: center
}

.tbl_head01 tbody th {
    padding: 8px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.tbl_head01 td {
    padding: 8px 5px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    line-height: 1.5em;
    word-break: break-all
}

.tbl_head01 a {}

.tbl_head02 {
    margin: 0 0 10px
}

.tbl_head02 caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

.tbl_head02 thead th {
    padding: 5px 0;
    border-top: 1px solid #d1dee2;
    border-bottom: 1px solid #d1dee2;
    background: #e5ecef;
    color: #383838;
    font-size: 0.95em;
    text-align: center;
    letter-spacing: -0.1em
}

.tbl_head02 thead a {
    color: #383838
}

.tbl_head02 thead th input {
    vertical-align: top
}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th,
.tbl_head02 tfoot td {
    padding: 10px 0;
    border-top: 1px solid #c1d1d5;
    border-bottom: 1px solid #c1d1d5;
    background: #d7e0e2;
    text-align: center
}

.tbl_head02 tbody th {
    padding: 5px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.tbl_head02 td {
    padding: 5px 3px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    line-height: 1.4em;
    word-break: break-all
}

.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {
    margin: 0 0 20px;
    overflow: hidden;
}

.tbl_frm01 table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #00317d;
}

.tbl_frm01 th {
    border-bottom: 1px solid #ddd;
    padding-left: 1rem;
    width: 160px;
    border-left: 0;
    background: #f7f7f7;
    text-align: left;
    font-size: 14px;
    color: #454545;
    height: 50px
}

.tbl_frm01 td {
    padding: 7px 10px;
    border-bottom: 1px solid #e9e9e9;
    background: transparent;
    font-size: 13px;
    color: #525252;
}

.tbl_frm01 td input {
    vertical-align: middle;
    height: 30px;
    border: 1px solid #ddd;
}

.tbl_frm01 td input[type="text"] {
    height: 28px
}

.tbl_frm01 td label {
    margin-right: 20px;
}

.tbl_frm01 textarea,
.frm_input {
    border: 1px solid #e4eaec;
    background: #fff;
    color: #000;
    vertical-align: middle;
    line-height: 2em
}

.tbl_frm01 textarea {
    padding: 2px 2px 3px
}

.frm_input {
    height: 22px
}

.tbl_frm01 textarea {
    width: 98%;
    height: 100px
}

.tbl_frm01 a {
    text-decoration: none
}

.tbl_frm01 .frm_file {
    display: block;
    margin-bottom: 5px
}

.tbl_frm01 .frm_info {
    display: block;
    padding: 0 0 5px;
    line-height: 1.4em
}

/* 자료 없는 목록 */
.empty_table {
    padding: 50px 0 !important;
    text-align: center
}

.empty_list {
    padding: 20px 0 !important;
    text-align: center
}

/* 필수입력 */
.required,
textarea.required {
    background: url('../img/wrest.gif') #fff top right no-repeat !important
}

/* 테이블 항목별 정의 */
.td_board {
    width: 120px;
    text-align: center
}

.td_category {
    width: 80px;
    text-align: center
}

.td_chk {
    width: 30px;
    text-align: center
}

.td_date {
    width: 60px;
    text-align: center
}

.td_datetime {
    width: 110px;
    text-align: center
}

.td_group {
    width: 100px;
    text-align: center
}

.td_mb_id {
    width: 100px;
    text-align: center
}

.td_mng {
    width: 80px;
    text-align: center
}

.td_name {
    width: 100px;
    text-align: left
}

.td_nick {
    width: 100px;
    text-align: center
}

.td_num {
    width: 50px;
    text-align: center
}

.td_numbig {
    width: 80px;
    text-align: center
}

.td_stat {
    width: 60px;
    text-align: center
}

.txt_active {
    color: #5d910b
}

.txt_done {
    color: #e8180c
}

.txt_expired {
    color: #ccc
}

.txt_rdy {
    color: #8abc2a
}

/* 새창 기본 스타일 */
.new_win {}

.new_win .tbl_wrap {
    margin: 0 20px
}

.new_win #win_title {
    margin: 0 0 20px;
    padding: 20px;
    border-top: 3px solid #333;
    border-bottom: 1px solid #dde4e9;
    background: #fff;
    font-size: 1.2em
}

.new_win #win_title .sv {
    font-size: 0.75em;
    line-height: 1.2em
}

.new_win .win_ul {
    margin: -20px 0 20px 0;
    padding: 0 20px;
    border-bottom: 1px solid #455255;
    background: #484848;
    list-style: none;
    zoom: 1
}

.new_win .win_ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.new_win .win_ul li {
    float: left;
    margin-left: -1px
}

.new_win .win_ul a {
    display: block;
    padding: 10px 10px 8px;
    border-right: 1px solid #455255;
    border-left: 1px solid #455255;
    color: #fff;
    font-family: 'Pretendard-Regular', sans-serif;
    font-weight: bold;
    text-decoration: none
}

.new_win .win_desc {
    padding: 20px
}

.new_win .win_btn {
    clear: both;
    padding: 20px;
    text-align: center
}

/* 새창용 */
.new_win .win_btn button {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    border: 0;
    background: #404040;
    color: #fff;
    line-height: 2em;
    cursor: pointer
}

.new_win .win_btn input {
    padding: 0 10px;
    height: 30px;
    line-height: 2em
}

.new_win .win_btn a {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    background: #4b545e;
    color: #fff;
    vertical-align: middle;
    line-height: 2.4em
}

.new_win .win_btn a:focus,
.new_win .win_btn a:hover {
    text-decoration: none
}

/* 검색결과 색상 */
.sch_word {
    color: #ff3061
}

/* 자바스크립트 alert 대안 */
#validation_check {
    margin: 100px auto;
    width: 500px
}

#validation_check h1 {
    margin-bottom: 20px;
    font-size: 1.3em
}

#validation_check p {
    margin-bottom: 20px;
    padding: 30px 20px;
    border: 1px solid #e9e9e9;
    background: #fff
}

/* 사이드뷰 */
.sv_wrap {
    display: inline-block;
    position: relative;
    font-weight: normal
}

.sv_wrap .sv {
    z-index: 1000;
    display: none;
    margin: 5px 0 0;
    border: 1px solid #283646
}

.sv_wrap .sv a {
    display: inline-block;
    margin: 0;
    padding: 3px;
    width: 94px;
    border-bottom: 1px solid #283646;
    background: #111;
    color: #fff !important
}

.sv_wrap a:focus,
.sv_wrap a:hover,
.sv_wrap a:active {
    text-decoration: none
}

.sv_on {
    display: block !important;
    position: absolute;
    top: 10px;
    left: 20px;
    width: auto;
    height: auto
}

.sv_nojs .sv {
    display: block
}

/* 페이징 */
.pg_wrap {
    clear: both;
    margin: 0 0 4rem;
    padding: 4rem 0 0;
    text-align: center
}

.pg {}

.pg_page,
.pg_current {
    display: inline-block;
    padding: 0 9px;
    line-height: 28px;
    border: 1px solid #ddd;
    color: #878787 !important;
    letter-spacing: 0;
    font-size: 1.3rem;
    vertical-align: middle
}

.pg a:focus,
.pg a:hover {
    text-decoration: none
}

.pg_page {
    background: #fff;
    color: #878787;
    text-decoration: none
}

.pg_end,
.pg_next,
.pg_start,
.pg_prev {
    padding: 0px;
    border: 0px
}

.pg_current {
    display: inline-block;
    color: #fff !important;
    background-color: #1e2188;
}

.pg_wrap img {
    vertical-align: middle;
}

/* Mobile화면으로 */
#device_change {
    display: block;
    margin: 0.3em;
    padding: 0.5em 0;
    border: 1px solid #eee;
    border-radius: 2em;
    background: #fff;
    color: #000;
    font-size: 2em;
    text-decoration: none;
    text-align: center
}

/*메일인증*/
.rg_em {
    margin-top: 5px
}

.rg_em caption {
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

/*캡챠 모바일에서 피시버젼*/
#captcha.m_captcha audio {
    display: block;
    margin: 5px 0 10px;
}

#captcha.m_captcha #captcha_key {
    margin-left: 3px
}

#captcha.m_captcha #captcha_reload span {
    background: none;
    display: inline
}

#captcha.m_captcha #captcha_reload {
    position: relative;
    width: auto;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0 10px;
    height: 43px;
    border: 0;
    background: #e4eaec;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer
}

.term_wrap {
    background-color: #fafafa;
    padding: 10px;
    border: 1px solid #ddd;
    border-top: 1px solid #f2654a;
    margin-top: 20px
}

#fregister_term textarea {
    width: 660px;
    height: 103px;
    padding: 30px;
    border: 1px solid #ddd;
    font-size: 12px;
    color: #676767;
    line-height: 20px;
    font-family: 'Pretendard-Regular', sans-serif
}

.fregister_agree {
    font-size: 13px;
    color: #525252;
    text-align: right;
    margin-top: 15px;
    vertical-align: middle
}

.fregister_agree input {
    vertical-align: middle
}

#fregister_term>div {
    overflow-y: scroll;
    border: 1px solid #ddd;
    width: 100%;
    background-color: #f9f9f9;
    padding: 1rem;
    font-size: 1.5rem;
    height: 200px
}


.aside {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;



    z-index: 2000;
    width: 0px;
    min-width: 0px;
    /*transition: 0.1s width ease, 0.1s min-width ease;*/
}

.aside.in {

    min-width: 100%;
    background-color: #fff;
    z-index: 999999;
}

.aside-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    transition: 0.2s opacity ease;
    opacity: 0;
    display: none;
}

.aside-backdrop.in {
    display: block;
    opacity: 0.5;
}

.accordion {
    overflow: hidden
}

.accordion>div {
    background-color: #fff;
    padding: 2rem 1rem;
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
}

.accordion>div>a>img {
    height: 24px;
}

/* 장애인 채용절차 섹션 스타일 */
.proce_wrap2 {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    width: 100vw !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 5rem 1rem !important;
    background: url("/image/sub/proc_bg.jpg") no-repeat;
    background-size: cover;
    background-position: left bottom;
}

.proce_wrap2 .txt1 {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 500;
}

.proce_wrap2 .content_in {
    max-width: none !important;
    width: 100% !important;
}

.proce_wrap2 ul li .txt2 {
    font-weight: 500;
    color: #ffdaf0;
    font-size: 1.4rem;
    margin: 2rem 0 1rem;
}

.proce_wrap2 ul li .txt3 {
    color: #fff;
    font-size: 1.5rem;
}

.proce_wrap2 ul li {
    position: relative;
    width: 20%;
    float: left;
    text-align: center;
}

.proce_wrap2 ul li:after {
    content: "";
    width: 21px;
    height: 12px;
    background: url("/image/sub/pro_arrow2.png") no-repeat;
    position: absolute;
    right: -8px;
    top: 32%;
}

.proce_wrap2 ul li:last-child:after {
    display: none;
}

/* 모바일 대응 미디어 쿼리 - 반드시 맨 끝에 위치해야 함 */
@media (max-width: 768px) {
    .proce_wrap ul li {
        padding: 0 1rem !important;
        width: 100% !important;
        margin-bottom: 4rem !important;
        clear: both !important;
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .proce_wrap ul li:nth-child(2n+1) {
        clear: both !important;
    }

    .proce_wrap ul li:after {
        content: "" !important;
        width: 21px !important;
        height: 12px !important;
        background: url("/image/sub/pro_arrow.png") no-repeat !important;
        position: absolute !important;
        left: 40% !important;
        right: auto !important;
        top: 70% !important;
        transform: translateX(-50%) translateY(30px) rotate(90deg) !important;
        bottom: auto !important;
    }

    .proce_wrap ul li:nth-child(2n):after {
        display: block !important;
    }

    .proce_wrap ul li:last-child:after {
        display: none !important;
    }
}