@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

.container {max-width: 1200px; margin: auto!important;}
.justify-content-between {justify-content: space-between !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-around {justify-content: space-around!important;}
.align-items-center {align-items: center!important;}
.flex-direction-colum {flex-direction: column!important;}
/*
font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

a {transition: all 0.5s;}

/*위로가기*/
div.toparr {
    margin: auto;
    width: 5px;
    height: 30px;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 99999;
}
a.top {
    position: fixed;
    right: 10%;
    bottom: 50px;
    display: none;
    opacity: .8;
}
a.top:hover {opacity: 1;}

/*상단 탑메뉴*/
#topbg {
    background-color: #d20939;
}
#top_right ul {
    display: flex;
    justify-content: flex-end;
    max-width: 1200px;
    margin: auto;
}
#top_right ul a {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.02em;
    padding: 5px 0 5px 15px;
    margin-left: 15px;
    position: relative;
}
#top_right ul a::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 1px;
    height: 10px;
    background-color: #fff;
}
#top_right ul li:first-child a::before {
    display: none;
}
#top_right ul li:hover a {color: #000;}



#wraper #header nav #logo a div {transition: all 0.5s;}
#wraper #header.fixed {
    background-color: rgba(255,255,255,0.9); box-shadow: 0px 10px 10px rgba(0,0,0,0.05);
}
#wraper #header.fixed nav #logo a div {
    background-size: contain;
    height: 60px!important;
}
#wraper #header.fixed nav .pc_menu_wrap {padding-top: 5px!important;}
#wraper #header.fixed  nav .pc_menu_wrap > ul > li > a{
    line-height: 70px!important;
}
#wraper #header.fixed nav .pc_menu_wrap ul {
    box-shadow: 0px 10px 10px rgba(0,0,0,0.05)
}



/*메인슬라이드*/
#mainVisual .slick-arrow {
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    width: 74px!important;
    height: 74px!important;
    bottom: auto!important;
    top: 50%;
    opacity: 0;
    transition: all 0.5s;
}
#mainVisual:hover .slick-arrow {opacity: 1;}

#mainVisual .slick-arrow.slick-prev {
    background-image: url(../prev.png);
} 
#mainVisual .slick-arrow.slick-next {
    background-image: url(../next.png);
    left: auto;
    right: 5.2%;
} 
.bntop p {margin: 0;}

/*메인 공지사항*/
.bbs-area {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 9999;
}
.notice-wrap {
    max-width: 1100px;
    margin: auto;
    background: #d20939;
    display: flex;
    justify-content: space-between;
}
.bbs-cont {
    display: flex;
    padding: 25px 35px;
    width: 100%;
    align-items: center;
}
.notice-wrap h3 {
    font-size: 18px;
    padding-right: 35px!important;
    font-weight: 900;
    color: #fff;
    border-right: 1px solid #fff;
    margin: 0;
}


.board_output a:link {padding-left: 35px!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.board_output,.board_output a:link {
    font-size: 16px!important;
    font-family: 'Noto Sans KR','Nanum Square','Nanum Gothic','NanumBarunGothic', 'Dotum', 'Gulim', 'sans-serif'!important;
    color: #fff!important;
    background: none!important;
}
.formmail_cell_bgcolor input,.formmail_title_bgcolor font {font-family: 'Noto Sans KR', 'sans-serif'!important; color: #333!important; font-size: 15px;}
.board_output tr td:first-child {display: none;}
.more-btn {
    display: block;
    width: 75px;
    background: #fff;
    border: 1px solid #ddd
}

table.board_output tbody, table.board_output tr, .bbs-cont > .board_output > tbody > tr > td,.board_output {
    width: 100%;
    display: block;
}
.board_output tr td:nth-child(3) {
    float: right;
}
.board_output tr td:nth-child(2) {
    float: left;
}
.more-btn a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    color: #fff;
    text-indent: -9999px;
    line-height: 0;
    background: url(../more-btn.png) center center no-repeat;
    background-repeat: no-repeat;
}


.eventRoll {margin: 0 -15px;}
#eventCon h4 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.05em;
    margin: 20px 0 10px;
    color: #333333!important;
}

.con {transition: all 0.5s;}
.con:hover {opacity: 0.8;}
#eventCon .slick-dots {
    position: absolute;
    left: 50%;
    bottom: 0%;
    text-align: center;
    margin-top: -50px;
    z-index: 9999;
    display: flex!important;
    transform: translateX(-50%);
}
#eventCon .slick-dots li {margin: 0 5px;}
#eventCon .slick-dots li button {
    display: inline-block;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    background: none;
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background-color: #afafaf;
    transition: all 0.5s;
}

#eventCon .slick-track {
    padding: 0 0 50px;}

#eventCon .slick-dots li.slick-active button {
    width: 47px;
    background-color: #d50d38;
}
#m_bs1 .col-md-6 {
    padding: 0;
}



#m_bs1 .col-md-5 a {
    position: relative;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #fff;
    padding-top: 120px!important;
    display: block;
}

#m_bs1 .col-md-5 .row div:nth-child(n+3){
    margin-top: 50px;
}


#m_bs1 .col-md-5 a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 87px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.5s;
}

#m_bs1 .col-md-5 .row div:nth-child(1) a::before {background-image: url('../goto-icon_01.png')}
#m_bs1 .col-md-5 .row div:nth-child(2) a::before {background-image: url('../goto-icon_02.png')}
#m_bs1 .col-md-5 .row div:nth-child(3) a::before {background-image: url('../goto-icon_03.png')}
#m_bs1 .col-md-5 .row div:nth-child(4) a::before {background-image: url('../goto-icon_04.png')}


#m_bs1 .col-md-5 .row div:hover a {color: #d50d38;}
#m_bs1 .col-md-5 .row div:hover a::before {opacity: 0.5!important;}

#cs-center #m_bs1 .col-md-6:nth-child(1) {padding-right: 22px;}
#cs-center #m_bs1 .col-md-6:nth-child(2) {padding-left: 22px;}
.cs-wrapper {
    padding: 30px 40px 15px;
    border: 1px solid #dcdcdc;
}
#cs-center #m_bs1 .col-md-6 iframe {
    max-height: 270px;
    width: 100%;
    border: 1px solid #dcdcdc;
}
.cs-wrapper h3 {
    margin-top: 0px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #333333;
    margin-bottom: 20px;
}
.tel-cont > a {
    float: left;
    margin-right: 30px;
}
.tel-cont li {
    font-family: 'Montserrat'!important;
    font-size: 20px;
    color: #717171;
}
.tel-cont li:first-child a {
    font-size: 36px;
    font-weight: 700;
    font-family: 'Montserrat'!important;
    color: #333333;
}

.time-cont {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 25px;
}
.time-cont span{    float: right;
}
.time-cont span a {
    display: block;
    color: #d20939;
    font-weight: 300;
    letter-spacing: -0.05em;
    font-size: 16px;
    border: 1px solid #d20939;
    padding: 10px 30px;
}
.time-cont span a:hover {
    background-color: #d20939;
    color: #fff;
    text-decoration: none;
}
.time-cont p {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    color: #6b6b6b;
}
#cs-center #m_bs1 {padding: 80px 0;}




.ft-left {
    float: left;
}
.ft-right {
    padding-left: 220px;
}




#wraper #footer .foottop li a {
    position: relative;
}
#wraper #footer .foottop li a::before {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 1px;
    height: 13px;
    background-color: #f3f3f3;
}

#wraper #footer .foottop li:last-child a::before {display: none;}


#eventCon .eventRoll .con .img img {margin: auto;}


/* -------------------------------------------------------------------
메인-반응형
-----------------------------------------------------------------------*/

@media screen and (max-width:1200px){
    .container {max-width:100%;}
    #eventCon .eventRoll .con {padding: 0 10px;}
    #eventCon h4 {font-size: 1.1em;}
    a.top {    right: 2%;    bottom: 10px;}
    .time-cont span {float: inherit;}
    .time-cont span a {
        display: block;
        border: 1px solid #d20939;
        text-align: center;
    }
    #cs-center #m_bs1 .col-md-6 iframe {max-height: 315px;}


    
    
    
    
}


@media screen and (max-width:991px) {
    #m_bs1left {
        float: inherit;
        margin-bottom: 50px;
    }
    #cs-center #m_bs1 .col-md-6:nth-child(1),#cs-center #m_bs1 .col-md-6:nth-child(2) {padding: 0;}
    .tel-cont > a {float: inherit; margin: 0;}
    .cs-wrapper {text-align: center;}
    .ft-right {padding-left: 180px;}
    
    
}

@media screen and (max-width:560px) {
    #eventCon .slick-dots li {margin: 0 2px;}
    #m_bs1 {padding: 50px 0;}
    #m_bs1left .txt1 {font-size: 1.2em!important;    line-height: 1.8;}
    #m_bs1left .txt1 span {font-size: 1.2em;}
    #m_bs1left .txt1-1 {font-size: 2.5em;    line-height: 1.5;    margin: 20px 0 0;    letter-spacing: -0.08em;}
    .ft-left {    float: inherit;    text-align: center;}
    
    .ft-right {    padding-left: 0;    margin-top: 30px;}
    #wraper #footer .foottop ul {text-align: center;}
    #wraper #footer .foottop li a:link {font-size: 0.825em;    padding: 5px 10px 5px 0;}
    #wraper #footer .foottop li:last-child a:link {padding-right: 0;}
    #wraper #footer .foottop li a::before {display: none;}
    #wraper #footer .foot_info li span {    line-height: 1;    font-size: 14px;}
    .notice-wrap {width: 100%;}
    .bbs-cont {padding: 5px;}
    .notice-wrap h3 {font-size: 1em;    padding-right: 5px!important;}
    .board_output a:link {
        font-size: 0.825em!important;
        padding-left: 5px!important;
/*        max-width: 150px!important;*/
        display: block;
    }
    tr.board_output_1_tr td:nth-child(2) {    float: inherit;}
    tr.board_output_1_tr td:nth-child(3) {display: none;}
    .more-btn a {background-size: 50%;}
    
    
}


/* -------------------------------------------------------------------
서브페이지
-----------------------------------------------------------------------*/
.text-justify {text-align: justify!important;}
.text-left {text-align: left!important;}
.text-right {text-align: right!important;}
.text-center {text-align: center!important;}
.text01 {word-break: keep-all;}

/*인사말*/

.sign {
    font-size: 1.2em!important;
    color: #212121!important;
    font-weight: 600;
}



/*----------------------------------------------------------------
서브페이지-연혁
----------------------------------------------------------------*/
.his_list {
    position: relative;
    margin: 50px auto 0;
    width: 100%;
}

.his_list ul {
    margin: 0 auto !important;
    padding: 0 !important;
}

.his_list ul li {
    margin-bottom: 50px;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.his_list ul li:nth-child(odd) {
    text-align: right;
}
.his_point {
    min-width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 100%;
    z-index: 2;
    border: 3px #d20939 solid;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 17px;
    transition: all 0.5s;
}
.his_list ul li:hover .his_point {background-color:#d20939;}
.his_list h3 {
    margin-bottom: 10px!important;
/*    font-family: 'SpoqaHanSans'!important;*/
    color: #111;
    font-weight: 900;
    font-size: 2.5em;
    transition: all 0.5s;    margin-top: 10px;font-family: 'Montserrat';
}
.his_list ul li:hover h3 {color:#d20939;}

.his_list ul li .his_content {
    width: 48%;
}

.his_list ul li:nth-child(odd) .his_content {
    padding-left: 0;
}

.his_list ul li:nth-child(odd) .date {
    padding-right: 0;
}

.his_list ul li:nth-child(even) .his_content {
    padding-right: 0;
    text-align: left;
}

.his_list ul li:nth-child(even) .date {
    padding-left: 0;
}

.his_list ul li .date {
    width: 50%;
    padding: 0 20px;
    font-weight: normal;
}

.his_list ul li:nth-child(even) {
    flex-direction: row-reverse;
}

.his_list p {
    margin-bottom: 0;
    font-size: 16px !important;
}

.his_list::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    left: 50%;
    background-color: #d20939;
}

.his_box {
/*    background: #f1f1f1;*/
    padding: 0 40px;
    position: relative;
}
.his_box::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    background-color: #d20939;
    top: 13px;
}
.his_list li:nth-child(odd) .his_box::before {
    right: -20px;
}
.his_list li:nth-child(even) .his_box::before {
    left: -20px;
}
.his_list li:nth-child(odd) .h_no {
    float: right;
    margin-left: 10px;
}
.his_list li:nth-child(even) .h_no {
    float: left;
    margin-right: 10px;
}
.h_no {
    display: inline-block;
    color: #111;
    font-weight: 600;
    vertical-align: top;
    transition: all 0.5s;
}
.his_list p:hover .h_no {color: #d20939;}
.h_cons {
    display: inline-block;
    padding-left: 0px;
    transition: all 0.5s;
}
.his_list p:hover .h_cons {color: #000;}

.h_cons br {
    display: inline-block !important;
}

.his-top ul {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 350px;
    margin: auto!important;
}
.his-top ul::before {
    content: "";
    position: absolute;
    width: 60%;
    height: 1px;
    background: #333;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
    -ma-transform: translateX(-50%);
}
.his-top ul li {
    position: relative;
    padding-top: 30px;
    color: #333;
    font-size: 1.2em;
    font-weight: 600;
    width: 105px;
    text-align: center;
}
.his-top ul li:nth-child(1){-ms-transform: translateX(-72px);}
/*.his-top ul li:nth-child(2){-ms-transform: translateX(50px);}*/

.his-top ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 15px;
    height: 15px;
    border: 1px solid #333;
    transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg)!important;
    background: #fff;
    z-index: 100;
}
.his-top ul li:nth-child(2)::before {
    background: #d20939;
    border: none;
}
.his-top ul li::after {
    content: "";
    position: absolute;
    top: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d20939;
}
.his-top ul li:nth-child(1)::after {
    right: 27px!important;
/*    -ms-transform: translateX(-28px);*/

}
.his-top ul li:nth-child(2)::after {
    left: 27px!important;
/*    -ms-transform: translateX(-42px);*/
}



@media (max-width: 680px) {

    .his_point,
    .his_list::before {
        left: 0;
    }

    .his_list ul li .his_content {
        width: 90%;
        margin-left: 7%;
    }

    .his_list ul li:nth-child(even) {
        flex-direction: row;
    }
    .company-cnt .his_list h3 {    font-size: 2em;}

}


@media (max-width: 480px) {
    .h_cons {
        display: block;
    }

    .h_cons {
        padding-left: 0;
        letter-spacing: -0.02em;
    }

}





/*----------------------------------------------------------------
서브페이지-조직도
----------------------------------------------------------------*/


.org {margin: 50px auto 0;}





/*----------------------------------------------------------------
서브페이지-오시는길
----------------------------------------------------------------*/

.map-area {
    padding: 30px 0;
}
.nav {justify-content: center;}
.nav-tabs {
    border-bottom: none!important;
}
.nav-tabs>li>a {
    line-height: 1.8!important;
    border: 1px solid #ddd!important;
    border-radius: 0;
    font-size: 18px;
    font-weight: 600;
    padding: 5px 100px!important;
    margin: 0 10px;
    color: #333;
}

.nav-tabs>li:first-child>a {margin: 0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff!important;
    background-color: #d20939!important;
}



.business-area > div > div {
    height: 270px;
    border: 1px solid #ddd;
    padding: 30px 20px;
    margin-bottom: 30px;
}




/*----------------------------------------------------------------
서브페이지-제품소개
----------------------------------------------------------------*/

.cont-g h4, .img-wrapper h4 {
    color: #d20939;
    font-size: 1.8em;
    font-weight: 600;
    padding-left: 22px;
    position: relative;
    margin-bottom: 20px;
}

.cont-g h4::before, .img-wrapper h4::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #d20939;
    border-radius: 0;
}
.cont-g {
    padding: 50px 0 80px;
}
.img-wrapper {
    margin-top: 30px;
}


.pd {
    padding: 10px 80px!important;
}
.body-wrap ol {
    padding-left: 40px;
}
.body-wrap ol li {
    list-style: decimal-leading-zero;
    line-height: 1.8;
}
.cont-area table {width: 100%;}
.cont-area td, .cont-area th {
    border: 1px solid #ddd;
    padding: 5px 10px;
}
/*
.body-wrap .col-md-7 {padding-left: 0;}
.body-wrap .col-md-5 {padding-right: 0;}
*/
img {max-width: 100%;}
.d-flex {
    display: flex;
}
.d-flex .col-md-4 {
    padding: 0;
}
.col-md-12 > .d-flex > .col-md-4 {
    font-size: 1.2em;
    font-weight: 600;
}
.body-wrap ol li ul {
    padding-left: 10px;
    margin-top: 10px;
}
.body-wrap ol li ul li {
    list-style: square;
    padding-left: 0;
    font-size: 16px;
    font-weight: 400;
}
.txt-wrapper {
/*    padding: 50px 0;*/
}
.point {
    border: 1px solid #d20939;
    color: #d20939;
    font-size: 1.3em;
    padding: 10px;
    font-weight: 600;
}
span.arr-down {
    display: inline-block;
    background: #d20939 ;
    position: relative;
    width: 10px;
    height: 20px;
    margin: 10px 0 30px;
}

span.arr-down::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width:20px 15px;
    border-color:#d20939  transparent transparent transparent; top:20px; left:-10px;
}

.box-wrap ol,.box-wrap ul {margin: 0;}
.box-wrap {
    border: 1px solid #ddd;
    padding: 30px;;
}

.business .col-md-5.text-right {
    padding-top: 40px;
}
.cont-area {margin-bottom: 30px;}
.cont-area h5 {
    font-size: 1.2em;
}
.business-area h3 {
    font-weight: 600;
    color: #0c0c0c;
}

.flex-wrap {flex-wrap: wrap;}
.cerfification li {padding: 10px;}
.about .cerfification li img {border: 1px solid #ddd;padding: 0;}
.cerfification .w5 li {width: 20%;}
.cerfification .w2 li {width: 50%;}

.text-center th {
    text-align: center;
}
.agree textarea {
    width: 100%;
    border: 1px solid #ddd;
    text-align: left;
    padding: 50px;
}

.cont-area th {background-color: #f7f7f7;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_subject {text-align: center!important; padding: 5px 0!important;}
#container_list .general_item_table td, #container_list .general_item_table td span,#container_view #cafe_bbs_view_table #view_main_table .item_cell_subject, #container_view #cafe_bbs_view_table #view_main_table .item_cell_value, #container_view #cafe_bbs_view_table #view_main_table .item_cell_content {
    font-family: 'Noto Sans KR','Nanum Square','Nanum Gothic','NanumBarunGothic', 'Dotum', 'Gulim', 'sans-serif'!important;
    font-size: 15px;
    color: #555;
}


.txt-wrap {
    background: #f7f7f7;
    margin: 30px 0;
    padding: 30px;
}



/* -------------------------------------------------------------------
서브-반응형
-----------------------------------------------------------------------*/

@media screen and (max-width:1200px){
    #top_right ul {padding: 0 15px;}
    .body-wrap > div {padding: 0 15px 80px;}
    .business .text01 {margin: 0;}
    
}





@media screen and (max-width:991px){
    #wraper #header.fixed nav .menu_wrap > ul > li > a {line-height: 40px!important;}
    .body-wrap img {    max-width: 100%;    width: 100%;}
    .box-wrap .d-flex {    display: block;}
    .box-wrap .d-flex  > li {    padding: 0;    margin: 10px 0;}
    .cont-area h5 {    font-size: 1.1em;}
    .body-wrap table img {width: auto;}
    
}





@media screen and (max-width:680px){
    
    span.vis_dep02 {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inherit;
    }
    .cont-g h4 {
        font-size: 1.2em;
        line-height: 1.5;
/*        word-break: keep-all;*/
    }
    .cont-g h4::before {    top: 10px;}
    .body-wrap ol li,.cont-area ul li {font-size: 0.895em;}
    .cont-g {padding: 30px 0;}
    .cont-g:last-child {padding: 0;}
    .text-justify {    text-align: left!important;}
    
    .business .text01 {    margin-bottom: 10px;}
    .point {font-size: 1em;}
    .box-wrap {padding: 20px 5px;}
    .business .txttop {font-size: 1.5em; line-height: 1.5;}
    .cont-area td, .cont-area th {font-size: 13px;    padding: 5px;}
    
    .cont-area h5 {font-size: 0.895em;    line-height: 1.5;}
    .sub_menu_wrap .m_dep_tit {
        font-size: 0.9em;
        letter-spacing: -0.05em;
    }
    .sub_menu_wrap .m_dep_box .smenu a,.sub_menu_wrap .m_dep_box .smenu li a.on {padding: 13px 10px;}
    .about .text01 {margin: 10px 0 0px 0!important;}
    
    .his_list ul li:nth-child(odd) {text-align: left;}
    .his_list li .h_no {
        float: inherit!important;
        margin: 0!important;
        display: block!important;
    }
    
    .his_list li:nth-child(odd) .his_box::before {
        right: auto;
        left: -20px;
    }
    
    .h_cons {margin-bottom: 10px;}
    
    .cerfification .w5 li {width: 50%;}
    .nav-tabs>li {width: 50%;}
    .nav-tabs>li>a {padding: 5px 10px!important;}
    .container.mt-3,.about {    padding: 0!important;}
    #container_list .general_item_table td, #container_list .general_item_table td span, #container_view #cafe_bbs_view_table #view_main_table .item_cell_subject, #container_view #cafe_bbs_view_table #view_main_table .item_cell_value, #container_view #cafe_bbs_view_table #view_main_table .item_cell_content,.formmail_cell_bgcolor input,.formmail_title_bgcolor font {font-size: 12px;}
    .line {    margin-bottom: 10px!important;}
    .formmail_cell_bgcolor {    padding: 5px!important;}
    
}























/*ENGLISH*/

.eng #wraper #footer .foot_info li span {font-family: 'NanumBarunGothic'!important; font-size: 14px!important;font-weight: 300;}

.eng #wraper #header nav,.eng #top_right ul {max-width: 96%;}

.eng .main-visual-item .main-visual-txt-con {text-align: center;top:55%; left: 0; right: 0; width: 100%; padding: 0 10%!important;}
.eng .main-visual-item .main-visual-txt-con .main-visual-txt3 {font-size: 50px!important;}


.eng #m_bs1left .txt1 {line-height: 1;letter-spacing: -0.02em;font-size: 40px;}
.eng #m_bs1left .txt1 span {font-size: 30px;font-weight: 300; margin-top: 20px; display: block;}
.eng #m_bs1left .txt1-1 {margin: 20px 0 10px}

.eng .time-cont span {float: inherit; text-align: center;}
.eng #cs-center #m_bs1 .col-md-6 iframe {max-height: 320px;}

.eng #wraper #header nav .pc_menu_wrap > ul > li {position: relative;width: auto;    padding-left: 100px;}
.eng #wraper #header nav .pc_menu_wrap > ul > li > a {white-space: nowrap;}
.eng #wraper #header nav .pc_menu_wrap ul li ul {
    position: absolute;
    width: 270px;
    left: 50%;
    top: 80px;
    transform: translateX(-50%);
    margin: 0;
    margin-left: 50px;
}
.eng #wraper #header.header_scroll nav .pc_menu_wrap ul li ul {top: 70px;}
.eng #wraper #header nav .pc_menu_wrap ul li ul li a {padding: 10px 5px; text-transform: capitalize;}





@media screen and (max-width:1700px){
    .eng #wraper #header nav .pc_menu_wrap > ul > li {padding-left: 60px;}
    .eng #wraper #header nav .pc_menu_wrap ul li ul {margin-left: 30px;}
}
@media screen and (max-width:1400px){
    .eng #wraper #header nav #logo a div {left: 10px; width: 100%;background-size: contain;}
    .eng #wraper #header nav .pc_menu_wrap {left: 20%;}

}

@media screen and (max-width:1024px){
    .eng #wraper #header nav .pc_menu_wrap > ul > li {padding-left: 50px;}
    .eng #wraper #header nav .pc_menu_wrap ul li ul {margin-left: 25px; width: auto;
    min-width: 150px;}
    .eng #wraper #header nav .pc_menu_wrap ul li ul li a {padding: 5px 5px;}
    .eng #wraper #header nav #logo a {width: 15%;}
    .eng #wraper #header nav,.eng #top_right ul {max-width: 100%;}
    .eng #wraper #header nav #logo a {width: 15%;}
    .eng #wraper #header nav #logo a div {background-size: contain; max-width: 100%; left: 0; margin: 5px;}

    .eng .main-visual-item .main-visual-txt-con .main-visual-txt3 {font-size: 2.5em!important;    line-height: 1.5;}
    .eng .main-visual-item .main-visual-txt-con .main-visual-txt1 {font-size: 1.5em!important;    line-height: 1.5;}
    
    
    
    
    
    
}






@media screen and (max-width:575px){
    
    .eng .main-visual-item .main-visual-txt-con .main-visual-txt3 {font-size: 1.5em!important;margin-bottom: 5px;}
    .eng .main-visual-item .main-visual-txt-con .main-visual-txt1 {font-size: 1em!important;}
    
    .eng #m_bs1left .txt1 span {font-size: 0.825em;line-height: 1.5;}
    .eng #m_bs1left .txt1-1 {font-size: 1.5em;}
    .eng .tel-cont li:first-child a {font-size: 1.5em;}
    
    #mainVisual .slick-arrow {display: none!important;}
    
    
}









.eng .body-wrap ol li {letter-spacing: -0.02em;}
.eng .sub_menu_wrap .m_dep_box {width: 30%;}
.eng .sub_menu_wrap .m_2dep_box.submn03 {width: 50%;}
.eng .sub-cont-wrap p {word-break: keep-all; letter-spacing: 0;}
.eng .business .text01 {padding: 0 15px; margin-top: 0;}
.eng .cont-g h4 {font-size: 1.5em; line-height: 1.5;}
.eng .point {padding: 10px 20px;}
.eng .cont-g {padding: 0px 0 80px;}
hr.gap10m0 {border: none!important; display: block;height: 10px;margin: 0!important;}
hr.gap10 {border: none!important; display: block;height: 10px;}
hr.gap30 {border: none!important; display: block;height: 30px;}
hr.gap50 {border: none!important; display: block;height: 50px;}

.eng .his_list ul li:nth-child(odd) .his_box {padding: 0 40px 0 0 ;}
.eng .his_list ul li:nth-child(even) .his_box {padding: 0 0 0 40px;}
.eng .h_no {width: 10%%; float: left;}
.eng .h_cons {width: 85%;}
.eng .his_box p {margin-bottom: 15px;}

.eng .business-area > div > div {height: 330px;}



table.board.qalist {border: none!important;border-top: 2px solid #808080 !important;}
.qalist tr td.att_title {background: #f7f7f7; font-family: 'Noto Sans KR','Nanum Square','Nanum Gothic','NanumBarunGothic', 'Dotum', 'Gulim', 'sans-serif'!important;}
.qalist tr td {padding: 5px;border: none!important;border-bottom: 1px solid #ddd!important;}
.qalist tr td, .qalist tr td a,.board_bgcolor,.board_desc,#post_area {font-family: 'Noto Sans KR','Nanum Square','Nanum Gothic','NanumBarunGothic', 'Dotum', 'Gulim', 'sans-serif'!important; color: #666;}
.board_bgcolor font {font-size: 15px!important; color: #333!important;}
.qalist tr td.att_title font {color: #333!important;font-size: 15px!important;ont-family: 'Noto Sans KR','Nanum Square','Nanum Gothic','NanumBarunGothic', 'Dotum', 'Gulim', 'sans-serif'!important;}
.qalist tr:hover a {color: #111!important;}
.qalist tr:hover td {transition: all 0.5s;}
.qalist tr:hover td {background: #f7f7f7; color: #111!important;}
.qalist tr:hover td.att_title {background: #f7f7f7;}

.mailbtn a {display: inline-block; min-width: 300px; padding: 10px;text-decoration: none!important;margin: 0 5px;}
.mailbtn a:nth-child(1) {background: #d20938; color: #fff;}
.mailbtn a:nth-child(2) {background: #ddd;}
.mailbtn a:nth-child(1):hover {background: #323131; color: #fff;}
.mailbtn a:nth-child(2):hover {background: #323131; color: #fff;}
.eng .formmail_cell_bgcolor input[type=file] {position: relative;}
.eng .formmail_cell_bgcolor input[type=file]::before {
    cursor: pointer;
    content: "Choose File";
    background: #d20938;
    color: #fff;
    position: absolute;
    padding: 5px 8px;
    display: block;
    font-size: 12px;
    z-index: 99;
    height: 100%;
/*    width: 100%;*/
}




@media screen and (max-width:811px){
    
    .eng .sub_menu_wrap .m_home {width: 8%;}
    .eng .sub_menu_wrap .m_dep_box.m_1dep_box {width: 20%;}
    .eng .sub_menu_wrap .m_dep_box.m_2dep_box {width: 72%;}
    
    
}





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

    .eng .business .text01 br {display: none;}
    .eng .sub_menu_wrap .m_dep_tit span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 90%;
        display: block;
    }
    
    
    
    
    
    
}







@media screen and (max-width:560px){
    .eng #wraper #header nav #logo a {width: 25%;}
    .eng .cont-g {padding: 0 0 50px;}
    .eng .sub_menu_wrap .m_home {width: 15%;}
    .eng .sub_menu_wrap .m_dep_box.m_1dep_box {width: 85%;}
    .eng .sub_menu_wrap .m_dep_box.m_2dep_box {width: 100%;border-bottom: 1px solid #aaa;}
    .eng .sub_menu_wrap .m_dep_box {max-width: 100%;}
    .eng .sub_menu_wrap .m_dep_box .smenu {position: relative;}
    .eng .cont-g h4 {font-size: 1.2em;}
    hr.gap10,hr.gap30, hr.gap50 {margin: 0!important;}
    .eng .cont-area td, .eng .cont-area th {word-break: break-all;}
    .eng .sub_menu_wrap .m_dep_box .smenu {background: #eee;}
    .eng .img-wrapper h4 {font-size: 1.2em;line-height: 1.5;}
    .eng .img-wrapper h4::before {top: 10px;}
    .eng .about {padding: 0 20px 50px!important;}
    .eng .about1 {padding: 0 0px 50px!important;}
    .eng .his_list ul li:nth-child(odd) .his_box {padding: 0 0 0 40px;}
    .eng .h_cons {width: 100%;}
    .eng .business-area > div > div {height: auto;}
    .tab-content>.tab-pane {padding: 0;}
    .map-area {padding: 0px 0;}
    .board_bgcolor font {font-size: 13px!important; color: #333!important;}
    .qalist tr td.att_title font {font-size: 13px!important;}
    .eng .formmail_cell_bgcolor input[type=file]::before {display: none;}
    .formmail_cell_bgcolor .formmail_border {width: 90%!important;}
    .mailbtn a {max-width: 100%; width: 100%; margin-bottom: 10px;}
    .eng .formmail_title_bgcolor {padding: 5px;}
    .eng .formmail_border[name="mobile_no1"],
    .eng .formmail_border[name="mobile_no2"],
    .eng .formmail_border[name="mobile_no3"] {max-width: 25%;}

}