@charset "utf-8";


/* ========== 버튼 관련 ========== */
.btn_box {
    margin-top: 30px;
}

    .btn_box * {
        display: inline-block;
        padding: 2px 13px 3px;
        text-decoration: none;
        font-size: 13px;
        line-height: 20px;
        color: #666;
    }

    .btn_box i {
        padding-left: 10px;
        font-size: 13px;
        vertical-align: middle;
    }


.btn_radius {
    border-radius: 20px;
}

.btn_arr {
    display: inline-block;
    color: #FFF;
}

    .btn_arr:after {
        content: '';
        display: inline-block;
        width: 6px;
        height: 8px;
        padding: 2px 0 0 8px;
        background: url('/images/main/btn_right_arr.png') no-repeat center right;
    }


.btn_def {
    background-color: #63a393;
    color: #FFF;
}

    .btn_def i {
        color: #FFF;
    }

.btn_mint {
    background-color: #5cceb4;
    color: #FFF;
}

.text_box .btn_box {
    text-align: center;
}

    .text_box .btn_box * {
        min-width: 120px;
        padding: 10px;
        font-size: 16px;
        line-height: 30px;
    }


/* ========== Tab 레이아웃 ========== */

div.tabArea {
    max-width: 1000px;
    margin: 0 auto;
}

ul.tabMenu {
    table-layout: fixed;
    display: table;
    width: 100%;
    margin: 0 auto 50px;
}

    ul.tabMenu li {
        display: table-cell;
        vertical-align: middle;
        border: 1px solid #dadada;
        border-left: 0 none;
    }

        ul.tabMenu li:first-child {
            border-left: 1px solid #dadada;
        }

        ul.tabMenu li a {
            box-sizing: border-box;
            display: block;
            padding: 26px 10px 24px;
            background-color: #fff;
            font-size: 22px;
            font-weight: bold;
            line-height: 28px;
            color: #999;
            text-align: center;
            text-decoration: none;
        }

        ul.tabMenu li:hover,
        ul.tabMenu li.on {
            border-bottom: 3px solid #418575;
        }

            ul.tabMenu li:hover a,
            ul.tabMenu li.on a {
                padding-bottom: 22px;
                background-color: #fff;
                font-weight: bold;
                color: #418575;
            }


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

    div.tabArea {
        margin-bottom: 25px;
    }

    ul.tabMenu li a {
        font-size: 18px;
        line-height: 24px;
    }
}


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

    ul.tabMenu {
        margin: 0 auto 20px;
    }

        ul.tabMenu li a {
            padding: 13px 5px 12px;
            font-size: 14px;
            line-height: 18px;
        }

        ul.tabMenu li:hover a,
        ul.tabMenu li.on a {
            padding-bottom: 10px;
        }
}



/* ========== Table 레이아웃 ========== */

table.tblDef {
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #e6e6e6;
    text-overflow: clip;
}

    table.tblDef thead th {
        color: #222;
        font-weight: bold;
    }

    table.tblDef tbody td {
        border-top: 1px solid #e6e6e6;
        color: #666;
        text-align: center;
    }

        table.tblDef tbody td.tblTit {
            overflow: hidden;
            word-wrap: break-word;
            word-break: break-all;
            text-align: left;
        }

            table.tblDef tbody td.tblTit a {
                display: inline-block;
                max-width: 93%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #222;
                vertical-align: middle;
            }

    table.tblDef .tbl_blind th {
        padding: 0;
        font-size: 0;
        line-height: 0;
    }

.tbldownload a {
    text-decoration: none;
    color: #666;
}


.recruit_ing,
.recruit_closing {
    display: inline-block;
    width: 75px;
    font-size: 14px;
    line-height: 28px;
    color: #FFF;
    text-align: center;
}

.recruit_ing {
    background-color: #5cceb4;
}

.recruit_closing {
    background-color: #999;
}



@media screen and (min-width:1025px) {

    table.tblDef thead th {
        padding: 17px 0 19px;
        font-size: 18px;
        line-height: 25px;
    }

    table.tblDef tbody td {
        padding: 16px 10px 15px;
        font-size: 16px;
        line-height: 22px;
    }

        table.tblDef tbody td.tblTit {
            padding-left: 80px;
        }

    table.tblDef .data_tit {
        padding-left: 40px;
        text-align: left;
    }

    div.recruitList tbody td {
        color: #666;
    }

        div.recruitList tbody td.tblTit {
            padding-left: 10px;
            color: #222;
        }

    div.lang_bra .contact_inquiry > p {
        padding-top: 55px;
    }
}


@media screen and (max-width:1024px) and (min-width:769px) {
    table.tblDef thead th {
        padding: 10px 10px 11px;
    }

    table.tblDef tbody td {
        font-size: 12px;
        line-height: 22px;
        padding: 10px 10px 11px;
    }

        table.tblDef tbody td.tblTit {
            padding-left: 10px;
        }

            table.tblDef tbody td.tblTit a {
                display: block;
                overflow: hidden;
                max-height: 43px;
            }


    table.bbsList colgroup {
        display: none;
    }

    table.bbsList thead {
        overflow: hidden;
        position: absolute;
        left: -9999px !important;
        top: -9999px !important;
    }

    table.bbsList tbody td {
        width: 23%;
    }
	table.bbsList tbody td.tblchk {
            width: 2%;
            
        }

        table.bbsList tbody td.tblTit {
            width: 75%;
            padding: 10px 5px 11px;
        }
        

        table.bbsList thead th:nth-child(4),
        table.bbsList tbody td:nth-child(4) {
            /* display: none; */
        }

    table.bbsList > tbody > tr > td {
        overflow: hidden;
        /* display: block; */
        float: left;
        box-sizing: border-box;
        padding: 10px 0 11px;
    }
}


@media screen and (max-width:768px) {
    table.tblDef thead th {
        padding: 10px 10px 11px;
    }

    table.tblDef tbody td {
        font-size: 12px;
        line-height: 22px;
        padding: 10px 10px 11px;
    }

        table.tblDef tbody td.tblTit {
            padding-left: 10px;
        }

            table.tblDef tbody td.tblTit a {
                display: block;
                overflow: hidden;
                max-height: 43px;
            }

        table.tblDef tbody td.m_hide {
            display: none;
        }

    table.bbsList colgroup {
        display: none;
    }

    table.bbsList thead {
        overflow: hidden;
        position: absolute;
        left: -9999px !important;
        top: -9999px !important;
    }

    table.bbsList tbody td {
        width: 23%;
    }
	table.bbsList tbody td.tblchk {
            width: 2%;
            
        }

        table.bbsList tbody td.tblTit {
            width: 75%;
            padding: 10px 5px 11px;
        }

        /* table.bbsList thead th:nth-child(4),
        table.bbsList tbody td:nth-child(4) {
            display: none;
        } */

    table.bbsList > tbody > tr > td {
        overflow: hidden;
        /* display: block; */
        float: left;
        box-sizing: border-box;
        padding: 10px 0 11px;
    }

    table.head > colgroup,
    div.recruitList thead tr * {
        display: none;
    }

    div.recruitList table tr > * {
        float: left;
        width: 50%;
    }

    div.recruitList table tr td.noData {
        float: none;
        width: 100%;
    }


    div.recruitList table tr {
        border-top: 1px solid #e6e6e6;
    }

    div.recruitList tbody td {
        border: 0 none;
        box-sizing: border-box;
    }


    div.recruitList td.tblTit {
        width: 100%;
        padding-bottom: 0;
    }

    div.recruitList td.tblDate {
        clear: both;
        width: auto;
        padding-top: 5px;
    }

        div.recruitList td.tblDate + td {
            float: right;
            width: auto;
            padding-top: 5px;
        }

    .recruit_ing,
    .recruit_closing {
        width: 55px;
        font-size: 12px;
        line-height: 20px;
    }
}




/* ========== 서브 레이아웃 ========== */

div.moreArea {
    text-align: center;
    margin-top: 60px;
}

a.moreBtn {
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    color: #000;
}

    a.moreBtn i {
        color: #666;
    }

a.btn_down {
    display: inline-block;
    border: 1px solid #000;
    padding: 6px 40px 6px 20px;
    font-size: 14px;
    line-height: 1;
    background: url('/images/common/btn_down.png')no-repeat 80% center;
    color: #000;
    box-sizing: border-box;
}

a.file_down {
    display: inline-block;
    padding: 4px 11px;
    font-size: 13px;
    color: #fff;
    background-color: #9bd3c6;
}

a.btn_down2 {
    min-width: 250px;
    padding: 14px 15px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #6d6e71;
    box-sizing: border-box;
}


div.content {
    width: 100%;
    padding: 80px 0 140px;
    box-sizing: border-box;
}
div.lang_bel.fr .content {
    padding: 140px 0 140px;
}

div.content.p80 {
    padding: 80px 0;
}

div.lang_bra div.law {
    padding: 140px 0;
}

div.lang_fra div.content.inquiry {
    padding: 140px 0 200px;
}

div.lang_nld div.content.p80,
div.lang_tur div.content.p80,
body:lang(jp) div.content.p80 {
    padding: 120px 0;
}
div.lang_gbr div.content.p80 {
    padding: 80px 0 60px;
}
div.lang_gbr div.content.global {
    width: 100%;
    padding: 80px 0 60px;
    box-sizing: border-box;
}

div.cont_area {
    max-width: 1000px;
    margin: 0 auto;
}

div.cont_area {
    width: auto;
}

div.sub_wrap {
    max-width: 1000px;
    margin: 0 auto;
}

div.sub_wrap {
    width: auto;
}

div.lang_fra .content.product {
    padding: 10px 0 70px;
    text-align: center;
}

div.lang_fra .content.product li {
    text-align: left;
}

div.lang_fra div.cont_area.fr {
    max-width: 1200px;
    display: inline-block;
}
    div.lang_fra div.cont_area.fr .product_item {
        width: 260px;
        float: left;
        margin: 50px 60px;
    }

    div.lang_fra div.cont_area.fr ul li a:link,
    div.lang_fra div.cont_area.fr ul li a:visited {
        color: #0100FF;
    }
    div.lang_fra div.cont_area.fr ul li .link_file:link,
    div.lang_fra div.cont_area.fr ul li .link_file:visited {
        color: #222;
    }

/* 2019-07-22 추가 수정*/


div.content sup {
    vertical-align: top;
}

div.lang_gbr div.content.overview sup {
    vertical-align: super;
    font-size: 13px;
}
/* _서브 타이틀 */
.cont_tit {
    background: url('/images/sub/cont_tit_bg.png')no-repeat top center;
    font-weight: 500;
    color: #222;
    text-align: center;
}

    .cont_tit span {
        display: block;
        font-weight: 400;
        letter-spacing: -1px;
    }

    .cont_tit.left_tit {
        background-position: left top;
        text-align: left;
    }


/* _subVisual */
div.sub_titArea {
    border-bottom: 1px solid #e6e6e6;
}

    div.sub_titArea h2 {
        box-sizing: border-box;
        height: 320px;
        padding-top: 150px; /*padding:154px 0 152px;*/
        background-position: center top;
        background-repeat: no-repeat;
        font-size: 42px;
        line-height: 57px;
        font-weight: bold;
        color: #FFF;
        text-align: center;
    }

        div.sub_titArea h2 span {
            display: block;
            padding-top: 14px;
            font-size: 20px;
            font-weight: normal;
            line-height: 23px;
        }

div.sub01 div.sub_titArea h2 {
    background-image: url('/images/sub/subVisual01.png');
}

div.sub02 div.sub_titArea h2 {
    background-image: url('/images/sub/subVisual02.png');
}

div.sub03 div.sub_titArea h2 {
    background-image: url('/images/sub/subVisual03.png');
}

div.sub04 div.sub_titArea h2 {
    background-image: url('/images/sub/subVisual04.png');
}

div.sub05 div.sub_titArea h2 {
    background-image: url('/images/sub/subVisual05.png');
}

div.sub06 div.sub_titArea h2 {
    background-image: url('/images/sub/subVisual07.png');
}

div.sub07 div.sub_titArea h2 {
    background-image: url('/images/sub/subVisual07.png');
}

div.sub08 div.sub_titArea h2 {
    background-image: url('/images/sub/subVisual08.png');
}





/* _LNB */
ul.lnb {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
}

    ul.lnb li {
        float: left;
    }

        ul.lnb li a {
            display: block;
            padding: 26px 0;
            font-size: 20px;
            line-height: 28px;
            color: #666;
            text-align: center;
        }

            ul.lnb li a:hover,
            ul.lnb li a:focus,
            ul.lnb li.on a {
                padding-bottom: 24px;
                font-weight: bold;
                color: #000;
                border-bottom: 2px solid #000;
            }




/* _서브타이틀 관련 */
.sub_tit {
    font-size: 40px;
    line-height: 40px;
    padding-bottom: 70px;
    color: #222;
    text-align: center;
}

    .sub_tit > span {
        display: block;
        font-weight: normal;
        color: #000;
    }

.cont_tit {
    padding: 14px 0 40px;
    font-size: 32px;
    line-height: 42px;
}

    .cont_tit span {
        font-size: 16px;
        line-height: 24px;
        margin-top: 20px;
    }

.align_center {
    font-weight: normal;
    font-size: 28px;
    line-height: 40px;
    color: #000;
    text-align: center;
}




/* _검색 */
.select_box {
    position: relative;
}

    .select_box select {
        float: left;
        font-weight: bold;
        border: transparent;
        border-bottom: 1px solid #000;
        background-image: url(/images/blet_select.png);
        background-repeat: no-repeat;
        box-sizing: border-box;
    }

    .select_box input[type=text] {
        float: left;
        color: #999;
        border: transparent;
        border-bottom: 1px solid #000;
        border-left: 0;
        box-sizing: border-box;
    }

    .select_box input[type=button] {
        position: absolute;
        display: block;
        border: 0;
        background-color: #fff;
        background-image: url(/images/icon_search.png);
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 100%;
        text-indent: -9999px;
        cursor: pointer;
    }

.select_box {
    overflow: hidden;
}

    .select_box select {
        height: 35px;
        padding: 0;
        line-height: 35px;
        font-size: 16px;
        background-position: 98% 15px;
        background-size: 16px 8px;
    }

    .select_box input[type=text] {
        height: 35px;
        padding: 0 65px 0 0;
        line-height: 35px;
        font-size: 16px;
        margin-left: 18px;
    }

    .select_box input[type=button] {
        top: 5px;
        right: 3px;
        width: 22px;
        height: 21px;
    }


/* _페이징 */
.paging {
    clear: both;
    margin-top: 45px;
}

    .paging > ul {
        margin: -5px 0;
        font-size: 0;
        line-height: 0;
        text-align: center;
    }

        .paging > ul > li {
            padding: 5px 5px;
            display: inline-block;
            vertical-align: middle;
        }

            .paging > ul > li .item {
                font-size: 16px;
                color: #313336;
                line-height: 1.2em;
                min-width: 30px;
                height: 30px;
                text-align: center;
                padding: 4px 5px 5px;
                display: block;
                border: solid 1px transparent;
                position: relative;
                box-sizing: border-box;
            }

            /* _화살표 */
            .paging > ul > li.prev {
                padding-right: 15px;
            }

            .paging > ul > li.next {
                padding-left: 15px;
            }

                .paging > ul > li.first .item,
                .paging > ul > li.prev .item,
                .paging > ul > li.next .item,
                .paging > ul > li.last .item {
                    text-indent: -99999px;
                    height: 30px;
                }


            /* _조건값 */
            .paging > ul > li .item.active {
                color: #82cbb8 !important;
            }

            .paging > ul > li a.item:hover {
                color: #82cbb8;
            }


            /* _아이콘 */
            .paging > ul > li.first .item:after {
                content: "";
                width: 11px;
                height: 9px;
                background: url('/images/common/paging_btn_first.png') no-repeat;
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
            }

            .paging > ul > li.prev .item:after {
                content: "";
                width: 6px;
                height: 9px;
                background: url('/images/common/paging_btn_prev.png') no-repeat;
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
            }

            .paging > ul > li.next .item:after {
                content: "";
                width: 6px;
                height: 9px;
                background: url('/images/common/paging_btn_next.png') no-repeat;
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
            }

            .paging > ul > li.last .item:after {
                content: "";
                width: 11px;
                height: 9px;
                background: url('/images/common/paging_btn_last.png') no-repeat;
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
            }

/* _호버 */
/*
.paging > ul > li.first .item:hover{border:solid 1px #0065b3;}
.paging > ul > li.prev .item:hover{border:solid 1px #0065b3;}
.paging > ul > li.next .item:hover{border:solid 1px #0065b3;}
.paging > ul > li.last .item:hover{border:solid 1px #0065b3;}
 // _호버시 화살표 이미지
.paging > ul > li.first .item:hover:after{}
.paging > ul > li.prev .item:hover:after{}
.paging > ul > li.next .item:hover:after{}
.paging > ul > li.last .item:hover:after{}
*/

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .paging {
        margin-top: 35px;
    }

        .paging > ul > li.prev {
            padding-right: 10px;
        }

        .paging > ul > li.next {
            padding-left: 10px;
        }

        .paging > ul {
            margin: -3px 0;
        }

            .paging > ul > li {
                padding: 3px 3px;
            }

                .paging > ul > li .item {
                    font-size: 14px;
                    padding: 8px 5px 6px;
                }
}

@media screen and (max-width: 1024px) {
    .paging {
        margin-top: 25px;
    }

        .paging > ul > li.prev {
            padding-right: 5px;
        }

        .paging > ul > li.next {
            padding-left: 5px;
        }

        .paging > ul {
            margin: -2px 0;
        }

            .paging > ul > li {
                padding: 2px 2px;
            }

                .paging > ul > li .item {
                    font-size: 13px;
                    padding: 7px 5px 6px;
                }
}




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

    .sub_tit {
        padding-bottom: 70px;
    }

        .sub_tit > span {
            padding-top: 45px;
            font-size: 18px;
            line-height: 20px;
        }

    div.content,
    div.lang_fra div.content.inquiry {
        padding: 40px 0 70px;
    }

        div.content.p80,
        div.lang_fra div.content.p80.faq {
            padding: 40px 0 !important;
        }

    a.moreBtn {
        font-size: 17px;
        line-height: 26px;
    }

    div.cont_area {
        padding: 0 15px;
    }

	div.sub_wrap {
        padding: 0 15px;
    }


    /* _서브 타이틀 */
    .cont_tit {
        font-size: 32px;
        line-height: 32px;
        padding-top: 14px;
    }

        .cont_tit span {
            font-size: 18px;
            line-height: 30px;
        }

    .align_center {
        font-size: 28px;
        line-height: 40px;
    }



    /* subVisual */
    div.sub_titArea h2 {
        height: auto;
        padding: 76px 0 75px;
        background-size: cover;
        font-size: 27px;
        line-height: 30px;
    }

    /* _LNB */
    ul.lnb {
        display: none;
    }

    ul.lnb {
        padding: 0 17px;
    }

        ul.lnb li a {
            padding: 11px 0 12px;
            line-height: 16px;
        }

    div.moreArea {
        margin-top: 30px;
    }
}


@media screen and (max-width:768px) {
    div.cont_area {
        padding: 0 10px;
    }

	div.sub_wrap {
        padding: 0 10px;
    }

    a.btn_down {
        padding: 5px 22px 6px 12px;
        background-position: 90% center;
    }

    /* _서브 타이틀 */
    .cont_tit {
        font-size: 15px;
        line-height: 23px;
        padding-top: 7px;
        padding-bottom: 20px;
    }

        .cont_tit span {
            font-size: 12px;
            line-height: 20px;
        }

    .align_center {
        font-size: 12px;
        line-height: 20px;
    }

    .sub_tit {
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 35px;
    }

        .sub_tit > span {
            padding-top: 23px;
            font-size: 10px;
            line-height: 10px;
        }

    /* _subVisual */
    div.sub_titArea h2 {
        padding: 82px 0 80px;
        font-size: 24px;
        line-height: 32px;
        border-bottom: 1px solid #e2e6e7;
    }

    /* _검색 */
    .select_box {
        margin-bottom: 33px;
    }

        .select_box select {
            width: 20%;
            height: 45px;
            line-height: 45px;
            padding: 0 30px 0 8px;
            font-size: 12px;
            background-position: 95% 19px;
            background-size: 12px 6px;
        }

        .select_box input[type=text] {
            width: 80%;
            height: 45px;
            line-height: 45px;
            padding: 0 20px 0 12px;
            font-size: 12px;
        }

        .select_box input[type=button] {
            top: 14px;
            right: 15px;
            width: 18px;
            height: 17px;
        }
}





/* ========== About us ========== */
/* _경영철학 */
div.philosophy > h4.cont_tit {
    margin-top: 74px;
    padding: 10px 0 38px;
}

    div.philosophy > h4.cont_tit:first-child {
        margin-top: 0;
    }

div.philosophy > p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
}

div.core_list {
    margin-top: 20px;
}

    div.core_list:after {
        clear: both;
        content: " ";
        display: block;
    }

    div.core_list > dl {
        float: left;
        position: relative;
        width: 50%;
        padding-left: 13%;
        padding-bottom: 50px;
        box-sizing: border-box;
    }

        div.core_list > dl.core03 {
            clear: both;
        }

        div.core_list > dl dt {
            font-size: 18px;
            line-height: 28px;
            font-weight: bold;
            color: #000;
        }

        div.core_list > dl dd {
            font-size: 16px;
            line-height: 30px;
            font-weight: 400;
            padding: 5px 0 7px;
            color: #000;
        }

            div.core_list > dl dd > img {
                position: absolute;
                left: 36px;
                ;
                top: 0;
            }



/* _인사말 */
div.message_bg {
    min-height: 650px;
    background: url('/images/sub/about/about_message_chariman.png') no-repeat center;
    background-size: cover;
    box-sizing: border-box;
}

div.message_txt {
    box-sizing: border-box;
    display: block;
    padding-top: 70px;
}


    div.message_txt p:first-child {
        margin-top: 0;
    }

div.message_bg > dl {
    max-width: 1000px;
    margin: 0 auto;
}

    div.message_bg > dl dt {
        letter-spacing: -1px;
    }

    div.message_bg > dl dd > a {
        color: #000;
    }

        div.message_bg > dl dd > a > span {
            font-weight: 500;
        }

        div.message_bg > dl dd > a > img {
            padding-left: 20px;
        }

    div.message_bg > dl dd > img {
        padding-left: 20px;
        display: none;
    }

    div.message_bg > dl dd > a.on {
        color: #418575;
    }

div.message_bg.ceo {
    background: url('/images/sub/about/about_message_ceo.png')no-repeat center;
}

div.message_bg > dl {
    padding-top: 230px;
}

    div.message_bg > dl dt {
        font-size: 40px;
        line-height: 55px;
    }

    div.message_bg > dl dd {
        font-size: 18px;
        line-height: 40px;
        padding-top: 33px;
    }

div.message_bg.ceo > dl > dt {
    max-width: 600px;
    font-size: 40px;
    line-height: 55px;
}

div.message_bg.ceo > dl dd {
    padding-top: 46px;
}

div.message_txt > span,
div.message_txt p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: -1px;
}

div.message_txt > span {
    margin-top: 30px;
}
/*
div.message_txt > span {font-size:22px;line-height:36px;font-weight:300;}
*/

/* 연혁 */
.page_tit {
    margin-bottom: 70px;
    font-size: 40px;
    line-height: 60px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

    .page_tit > span {
        display: block;
        font-size: 18px;
        line-height: 30px;
        font-weight: 300;
        padding-top: 10px;
    }

.historyFlow {
    position: relative;
    padding: 100px 0 120px 0;
}

    .historyFlow:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        border-left: 1px solid #dcdcdc;
    }

    .historyFlow > .inner {
        width: 1000px;
        margin: 0 auto;
    }

.content.historyContent {
    padding-top: 0;
}

.historyTit {
    display: table;
    width: 100%;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
}

    .historyTit > .inner {
        display: table-cell;
        position: relative;
        height: 600px;
        text-align: center;
        vertical-align: middle;
    }

.historyCont sup {
    vertical-align: top;
}


/*
.historyTit > .inner {display: table; position:relative; width:100%; height:600px; text-align:center;}
.historyTit > .inner:before {content:''; display:inline-block; height:100%; vertical-align:middle;}

.historyTit.ty1 > .inner {background:url('/images/sub/about/img_historytit01.jpg') no-repeat center; background-size:auto 100%;}
.historyTit.ty2 > .inner {background:url('/images/sub/about/img_historytit02.jpg') no-repeat center; background-size:auto 100%;}
.historyTit.ty3 > .inner {background:url('/images/sub/about/img_historytit03.jpg') no-repeat center; background-size:auto 100%;}
.historyTit > .inner > .page_tit {display:table-cell; margin-bottom:0; vertical-align:middle; color:#fff;}
*/


.historyTit.ty1 {
    background-image: url('/images/sub/about/img_historytit01.jpg');
}

.historyTit.ty2 {
    background-image: url('/images/sub/about/img_historytit02.jpg');
}

.historyTit.ty3 {
    background-image: url('/images/sub/about/img_historytit03.jpg');
}

.historyTit > .inner > .page_tit {
    max-width: 1000px;
    margin: 0 auto;
    color: #fff;
}


.hfCont {
    overflow: hidden;
}

    .hfCont > .thumb img {
        width: 463px;
    }

    .hfCont + .hfCont {
        margin-top: 100px;
    }

    .hfCont.hfRight {
    }

        .hfCont.hfRight > .thumb {
            float: right;
        }

        .hfCont.hfRight > .hfMonth {
            float: right;
            padding-right: 65px; /*padding-top:135px;*/
            text-align: right;
        }

            .hfCont.hfRight > .hfMonth .hfMonthdl.rnd {
            }

                .hfCont.hfRight > .hfMonth .hfMonthdl.rnd:before {
                    content: '';
                    position: absolute;
                    top: 2px;
                    right: -37px;
                    width: 17px;
                    height: 17px;
                    background: #fff;
                    border: 1px solid #54bb4b;
                    box-sizing: border-box;
                    border-radius: 50%;
                }

                .hfCont.hfRight > .hfMonth .hfMonthdl.rnd:after {
                    content: '';
                    position: absolute;
                    top: 8px;
                    right: -31px;
                    width: 5px;
                    height: 5px;
                    background: #54bb4b;
                    border-radius: 50%;
                }

.hfRight .hfMonth dt,
.hfRight .hfMonth dd {
    float: right;
}

.hfRight .hfMonth dt {
    padding: 0 0 0 30px;
}


.hfCont.hfLeft > .thumb {
    float: left;
}

.hfCont.hfLeft > .hfMonth {
    float: left;
    padding-left: 64px; /*padding-top:140px;*/
    text-align: left;
}

    .hfCont.hfLeft > .hfMonth .hfMonthdl.rnd {
    }

        .hfCont.hfLeft > .hfMonth .hfMonthdl.rnd:before {
            content: '';
            position: absolute;
            top: 0;
            left: -35px;
            width: 17px;
            height: 17px;
            background: #fff;
            border: 1px solid #54bb4b;
            box-sizing: border-box;
            border-radius: 50%;
        }

        .hfCont.hfLeft > .hfMonth .hfMonthdl.rnd:after {
            content: '';
            position: absolute;
            top: 6px;
            left: -29px;
            width: 5px;
            height: 5px;
            background: #54bb4b;
            border-radius: 50%;
        }

.hfMonth {
    position: relative;
}

.hfMonthdl {
    position: relative;
}

    .hfMonthdl > dt {
        clear: both;
        padding-right: 30px;
        font-weight: 500;
    }

    .hfMonthdl > dd {
        font-weight: 300;
        max-width: 360px;
    }

        .hfMonthdl > dd + dd {
            padding-top: 0;
        }

    .hfMonthdl > dt,
    .hfMonthdl > dd {
        float: left;
        margin-bottom: 28px;
        font-size: 18px;
        line-height: 25px;
        color: #000;
    }

.eleFloat {
    position: absolute;
    z-index: 2;
    top: 650px;
    left: 50%;
    margin-left: -600px;
}

    .eleFloat.on {
        position: fixed;
        top: 110px;
    }

.eleFloatList > li {
    position: relative;
    height: 150px;
}

    .eleFloatList > li:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        border-left: 2px solid #ccc;
    }

    .eleFloatList > li.on:before {
        border-left: 2px solid #57b352;
    }

    .eleFloatList > li:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        margin-left: -3px;
        border: 2px solid #57b352;
        box-sizing: border-box;
        background: #fff;
        border-radius: 50%;
    }

    .eleFloatList > li > button {
        display: block;
        height: 150px;
        padding-left: 20px;
        outline: none;
    }

        .eleFloatList > li > button > span {
            position: relative;
            display: block;
            font-weight: 500;
            font-size: 20px;
            color: #ccc;
        }

    .eleFloatList > li.on > button > span {
        color: #57b352;
    }



/* _CI */
div.ci_bg {
    box-sizing: border-box;
    width: 100%;
    padding: 65px 10px;
    background: url('/images/sub/about/ci_monun.png') repeat left top;
    text-align: center;
}

    div.ci_bg > img {
        width: 100%;
        max-width: 552px;
    }

div.ci_logo > img {
    display: block; /*max-width:auto;*/
    max-width: 715px;
    text-align: center;
    padding-top: 80px;
    margin: 0 auto;
}

    div.ci_logo > img:first-child {
        padding-top: 0px;
    }

div.color_system {
    margin: 50px 0;
    padding: 50px 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

ul.main_color {
    overflow: hidden;
    margin: 30px 10px 0;
}

    ul.main_color li {
        float: left;
        width: 50%;
    }

        ul.main_color li dl {
            position: relative;
            padding-left: 148px;
        }

            ul.main_color li dl dt {
                font-size: 22px;
                line-height: 22px;
                color: #222;
            }

                ul.main_color li dl dt > span {
                    display: block;
                    margin-top: 3px;
                    font-size: 16px;
                    line-height: 16px;
                }

                ul.main_color li dl dt > p {
                    position: absolute;
                    top: 0;
                    left: 0;
                    box-sizing: border-box;
                    width: 100%;
                    max-width: 110px;
                    height: 100%;
                    max-height: 110px;
                    text-indent: -99999px;
                }

                    ul.main_color li dl dt > p.green_361c {
                        background-color: #55b954;
                    }

                    ul.main_color li dl dt > p.black_433c {
                        background-color: #000;
                    }

            ul.main_color li dl dd {
                font-size: 16px;
                line-height: 26px;
                margin-top: 20px;
                color: #666;
            }

ul.sub_color {
    overflow: hidden;
    padding-top: 70px;
}

    ul.sub_color li {
        float: left;
        box-sizing: border-box;
        width: 18%;
        margin-left: 2%;
    }

        ul.sub_color li:first-child {
            margin-left: 1%;
        }

        ul.sub_color li dl {
            position: relative;
        }

            ul.sub_color li dl dt {
                padding-top: 38px;
                font-size: 22px;
                line-height: 22px;
                color: #222;
            }

                ul.sub_color li dl dt > span {
                    display: block;
                    margin-top: 6px;
                    font-size: 16px;
                    line-height: 16px;
                }

                ul.sub_color li dl dt > p {
                    position: absolute;
                    top: 0;
                    box-sizing: border-box;
                    width: 100%;
                    max-height: 20px;
                    height: 100%;
                    text-indent: -99999px;
                }

                    ul.sub_color li dl dt > p.orange_1505c {
                        background-color: #f48d37;
                    }

                    ul.sub_color li dl dt > p.Grey_c {
                        background-color: #6d6e71;
                    }

                    ul.sub_color li dl dt > p.purple_266c {
                        background-color: #7065a8;
                    }

                    ul.sub_color li dl dt > p.gold_872c {
                        background-color: #c29249;
                    }

                    ul.sub_color li dl dt > p.lightgrey_877c {
                        background-color: #bcbdc0;
                    }

            ul.sub_color li dl dd {
                margin-top: 20px;
                font-size: 16px;
                line-height: 26px;
                color: #666;
            }



/* _컴플라이언스 및 윤리 */
div.compliance {
    box-sizing: border-box;
}

    div.compliance dl {
        overflow: hidden;
        position: relative;
        display: block;
        box-sizing: border-box;
        min-height: 324px;
        margin-top: 109px;
        padding-top: 290px;
    }

        div.compliance dl:first-child {
            margin-top: 0;
        }

        div.compliance dl dt {
            box-sizing: border-box;
            display: inline-block;
            width: 34%;
            font-weight: 400;
            font-size: 28px;
            line-height: 34px;
            color: #222;
            font-weight: bold;
            vertical-align: top;
        }

div.lang_deu div.compliance dl dt {
    width: 38%;
}

div.lang_fin.fi div.compliance dl dt {
    font-size: 25px;
}

div.compliance dl dt img {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -1px;
}

div.compliance dl dd {
    display: inline-block;
    width: 64%;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -1px;
    font-weight: 400;
    color: #222;
}

div.compliance .mail_box {
    display: inline-block;
    padding: 2px 13px 3px;
    font-size: 13px;
    line-height: 23px;
    margin-top: 30px;
    background: #5cceb4;
}

div.lang_deu div.compliance .mail_box {
    letter-spacing: 0px;
}

div.compliance .mail_box > i {
    padding-right: 10px;
}

div.compliance_data {
    box-sizing: border-box;
    margin-top: 100px;
}

div.lang_gbr div.compliance_data {
    margin-bottom: 50px;
}


    div.compliance_data dl {
        overflow: hidden;
        position: relative;
        display: block;
        box-sizing: border-box;
        margin-top: 109px;
    }

        div.compliance_data dl:first-child {
            margin-top: 0;
        }

        div.compliance_data dl dt {
            box-sizing: border-box;
            display: inline-block;
            width: 34%;
            font-size: 28px;
            line-height: 34px;
            font-weight: 400;
            color: #222;
            font-weight: bold;
            vertical-align: top;
        }

div.lang_deu div.compliance_data dl dt {
    font-size: 25px;
}

div.compliance_data dl dt div.select_box {
    padding-top: 35px;
    width: auto;
    margin-top: 0;
    float: none;
}

    div.compliance_data dl dt div.select_box select {
        width: 200px;
        border-bottom: 2px solid #e5e5e5;
    }

div.lang_deu div.compliance_data dl dt div.select_box select,
div.lang_fra div.compLiance_data dl dt div.select_box select,
div.lang_mex div.compLiance_data dl dt div.select_box select,
div.lang_bra div.compLiance_data dl dt div.select_box select,
div.lang_hun div.compLiance_data dl dt div.select_box select {
    width: 200px;
}

.prd-new {
    vertical-align: middle;
    position: relative;
    top: -4px;
    left: 10px;
}

div.compliance_data dl dd {
    display: inline-block;
    width: 64%;
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: 400;
    color: #666;
}

    div.compliance_data dl dd > a {
        display: inline-block;
        padding-top: 30px;
        text-decoration: none;
        color: #666;
    }

        div.compliance_data dl dd > a i {
            font-size: 14px;
            vertical-align: middle;
        }

div.compliance_data table.bbsList thead th:nth-child(3),
div.compliance_data table.bbsList tbody td:nth-child(3) {
    display: table-cell;
}

div.compliance_data table.tblDef {
    border-top-color: #52565e;
}

    div.compliance_data table.tblDef thead th {
        font-weight: 500;
    }

    div.compliance_data table.tblDef td {
        color: #333;
    }

        div.compliance_data table.tblDef td:first-child {
            color: #666;
        }

        div.compliance_data table.tblDef td a.btn_down {
            color: #333;
            border-color: #333;
        }


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

    /* _경영철학 */
    div.philosophy > p {
        margin-top: 0;
    }

    div.core_list > dl dd {
        line-height: 24px;
    }

        div.core_list > dl dd > img {
            left: 20px;
        }


    /* _인사말 */
    /*
	div.message_bg {margin-top:95px;min-height:550px;}
*/
    div.message div.tabArea {
        padding: 0 15px;
    }

    div.message_bg {
        display: none;
    }

    div.message_txt {
        display: block !important;
        padding-top: 0;
    }

        div.message_txt > span {
            font-size: 15px;
            line-height: 23px;
        }

        div.message_txt > p {
            font-size: 12px;
            line-height: 20px;
        }

            div.message_txt > p.mobile_only:first-of-type {
                margin-bottom: 20px;
                font-size: 15px;
                line-height: 23px;
                font-weight: 300;
            }

            div.message_txt > p.mobile_only img {
                display: block;
                width: 100%;
                max-width: 580px;
                margin: 0 auto 20px;
            }


    /* 연혁 */
    /*
    .historyTit > .inner {height:auto;}
	.historyTit > .inner:before {content:none;}
	.historyTit > .inner > .page_tit {min-height:320px; padding:70px 20px 49px 20px; box-sizing:border-box;}
	.historyTit > .inner > .page_tit > span {padding-top:16px;}
*/
    .historyTit > .inner {
        min-height: 320px;
    }

        .historyTit > .inner:before {
            content: none;
        }

        .historyTit > .inner > .page_tit {
            padding: 0 20px;
            box-sizing: border-box;
        }

            .historyTit > .inner > .page_tit > span {
                padding-top: 16px;
            }

    .historyFlow {
        padding: 50px 20px;
    }

        .historyFlow:before { /* left:28px; */
        }

        .historyFlow > .inner {
            width: auto;
        }

    .hfCont.hfRight > .thumb {
        width: 50%;
        padding-left: 50px;
        box-sizing: border-box;
    }

        .hfCont.hfRight > .thumb img {
            width: 100%;
        }

    .hfCont.hfRight > .hfMonth {
        width: 50%;
        padding-right: 50px;
        box-sizing: border-box;
    }

        .hfCont.hfRight > .hfMonth .hfMonthdl.rnd:before {
            content: '';
            position: absolute;
            top: 2px;
            right: -59px;
            width: 17px;
            height: 17px;
            background: #fff;
            border: 1px solid #54bb4b;
            box-sizing: border-box;
            border-radius: 50%;
        }

        .hfCont.hfRight > .hfMonth .hfMonthdl.rnd:after {
            content: '';
            position: absolute;
            top: 8px;
            right: -53px;
            width: 5px;
            height: 5px;
            background: #54bb4b;
            border-radius: 50%;
        }

    .hfCont.hfLeft > .thumb {
        width: 50%;
        padding-right: 50px;
        box-sizing: border-box;
    }

        .hfCont.hfLeft > .thumb img {
            width: 100%;
        }

    .hfCont.hfLeft > .hfMonth {
        width: 50%;
        padding-left: 50px;
        box-sizing: border-box;
    }

    .eleFloat {
        display: none;
    }

    .hfCont.hfLeft > .hfMonth .hfMonthdl.rnd:before {
        content: '';
        position: absolute;
        top: 0;
        left: -58px;
        width: 17px;
        height: 17px;
        background: #fff;
        border: 1px solid #54bb4b;
        box-sizing: border-box;
        border-radius: 50%;
    }

    .hfCont.hfLeft > .hfMonth .hfMonthdl.rnd:after {
        content: '';
        position: absolute;
        top: 6px;
        left: -52px;
        width: 5px;
        height: 5px;
        background: #54bb4b;
        border-radius: 50%;
    }


    /* _CI */
    div.ci_bg {
        padding: 65px 10px;
    }

        div.ci_bg > img {
            max-width: 552px;
        }

    ul.main_color li {
        width: 50%;
    }

        ul.main_color li dl dd {
            font-size: 16px;
            line-height: 26px;
            margin-top: 20px;
        }

    ul.sub_color li {
        width: 18%;
        margin-left: 2%;
    }

        ul.sub_color li:first-child {
            margin-left: 1%;
        }

        ul.sub_color li dl dt > span {
            font-size: 16px;
            line-height: 16px;
            margin-top: 6px;
        }

        ul.sub_color li dl dt > p {
            width: 100%;
            max-height: 20px;
            height: 100%;
        }

        ul.sub_color li dl dd {
            font-size: 16px;
            line-height: 26px;
            margin-top: 20px;
        }


    /* _컴플라이언스 및 윤리 */
    div.compliance dl dt img {
        left: auto;
        right: 0;
    }

    div.compliance dl dd > a {
        padding-top: 30px;
    }

    div.compliance dl dd a i {
        font-size: 14px;
    }

    div.compliance_data {
        margin-top: 100px;
    }

        div.compliance_data dl {
            margin-top: 109px;
            position: relative;
            overflow: hidden;
        }

            div.compliance_data dl dt {
                width: 34%;
                font-size: 28px;
                line-height: 34px;
                display: inline-block;
                vertical-align: top;
                box-sizing: border-box;
            }

            div.compliance_data dl dd {
                width: 64%;
                font-size: 18px;
                display: inline-block;
                letter-spacing: -1px;
            }

                div.compliance_data dl dd > a {
                    padding-top: 30px;
                }

                    div.compliance_data dl dd > a i {
                        font-size: 14px;
                    }
}


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

    /* _경영철학 */
    div.philosophy > h4.cont_tit {
        margin-top: 37px;
        padding: 10px 0 19px;
    }

        div.philosophy > h4.cont_tit:first-child {
            margin-top: 0;
        }

    div.philosophy > p {
        font-size: 12px;
        line-height: 18px;
    }

    div.core_list {
        margin-top: 0;
    }

        div.core_list:after {
            clear: both;
            content: " ";
            display: block;
        }

        div.core_list > dl dt {
            font-size: 14px;
            line-height: 14px;
        }

        div.core_list > dl dd {
            padding: 5px 10px 0 0;
            font-size: 12px;
            line-height: 15px;
        }

            div.core_list > dl dd > img {
                left: 10px;
                top: 5px;
                width: 100%;
                max-width: 10%;
            }


    /* _인사말 */
    div.message_bg {
        margin-top: 32px;
        min-height: 275px;
    }

    div.message div.tabArea {
        padding: 0 10px;
    }


    /* _연혁 */
    /*
	.historyTit > .inner {height:auto;}
	.historyTit > .inner:before {content:none;}
	.historyTit > .inner > .page_tit {min-height:485px; padding:49px 20px 49px 20px; font-size:22px; line-height:34px;}
	.historyTit > .inner > .page_tit > span {padding-top:36px;font-size:12px;line-height:20px;}
*/
    .historyTit {
        background-position: center bottom;
    }

        .historyTit > .inner {
            height: 485px;
        }

            .historyTit > .inner:before {
                content: none;
            }

            .historyTit > .inner > .page_tit {
                padding: 50px 20px;
                font-size: 22px;
                line-height: 34px;
            }

                .historyTit > .inner > .page_tit > span {
                    padding-top: 36px;
                    font-size: 12px;
                    line-height: 20px;
                }


    .historyFlow {
        padding: 50px 20px;
    }

        .historyFlow:before {
            left: 28px !important;
        }

        .historyFlow > .inner {
            width: auto;
        }

    .hfCont.hfRight > .thumb {
        position: relative;
        float: none;
        width: 100% !important;
        padding-left: 0px;
    }

    .hfCont.hfRight > .hfMonth {
        width: 100%;
        padding: 46px 0 0 30px;
        float: none;
        text-align: left;
    }

        .hfCont.hfRight > .hfMonth .hfMonthdl.rnd:before {
            right: auto;
            left: -30px;
        }

        .hfCont.hfRight > .hfMonth .hfMonthdl.rnd:after {
            right: auto;
            left: -24px;
        }

    .hfCont.hfLeft > .thumb {
        position: relative;
        float: none;
        width: 100%;
        padding-right: 0px;
    }

    .hfCont.hfLeft > .hfMonth {
        width: 100%;
        padding: 46px 0 0 30px;
        float: none;
        text-align: left;
    }

        .hfCont.hfLeft > .hfMonth .hfMonthdl.rnd:before {
            left: -30px;
        }

        .hfCont.hfLeft > .hfMonth .hfMonthdl.rnd:after {
            left: -24px;
        }

    .hfMonthdl > dt,
    .hfMonthdl > dd,
    .hfRight .hfMonth dt,
    .hfRight .hfMonth dd {
        float: none;
        margin-bottom: 0;
        font-size: 12px;
        line-height: 20px;
    }

        .hfMonthdl > dd + dt {
            margin-top: 14px;
        }

    .hfMonthdl > dd,
    .hfRight .hfMonth dd {
        padding-top: 10px;
    }

    .hfRight .hfMonth dt {
        padding: 0;
    }


    /* _CI */
    div.ci_bg {
        padding: 58px 59px;
    }

        div.ci_bg > img {
            min-width: 170px;
        }

    div.ci_logo {
        max-height: auto;
    }

        div.ci_logo > img {
            min-width: 170px;
            padding-top: 40px;
        }

    div.color_system {
        padding: 35px 0;
        margin: 35px 0;
    }

    ul.main_color {
        margin: 43px auto 0;
        width: 100%;
    }

        ul.main_color li {
            float: none;
            width: 100%;
            padding-top: 30px;
        }

            ul.main_color li:first-child {
                padding-top: 0;
            }

            ul.main_color li dl {
                padding-left: 148px;
                margin-left: 25px;
            }

                ul.main_color li dl dt {
                    font-size: 13px;
                    line-height: 13px;
                }

                    ul.main_color li dl dt > span {
                        font-size: 10px;
                        line-height: 10px;
                        margin-top: 3px;
                    }

                    ul.main_color li dl dt > p {
                        width: 100%;
                        max-width: 120px;
                        height: 100%;
                        max-height: 65px;
                    }

                ul.main_color li dl dd {
                    font-size: 11px;
                    line-height: 16px;
                    margin-top: 10px;
                }

    ul.sub_color {
        padding-top: 40px;
    }

        ul.sub_color li {
            width: 100%;
            padding: 0 25px;
            margin-top: 26px;
            margin-left: 0;
        }

            ul.sub_color li:first-child {
                margin-top: 0;
                margin-left: 0;
            }

            ul.sub_color li dl dt {
                font-size: 13px;
                line-height: 13px;
                padding-top: 20px;
            }

                ul.sub_color li dl dt > span {
                    font-size: 10px;
                    line-height: 10px;
                    margin-top: 6px;
                }

                ul.sub_color li dl dt > p {
                    width: 100%;
                    max-height: 10px;
                    height: 100%;
                }

            ul.sub_color li dl dd {
                font-size: 11px;
                line-height: 16px;
                margin-top: 10px;
            }


    /* _컴플라이언스 및 윤리 */
    div.compliance dl {
        margin-top: 29px; /*padding-top:267px;*/
        padding-top: 190px;
    }

        div.compliance dl dt {
            width: 100%;
            padding: 25px 0 15px;
            font-size: 15px;
            line-height: 23px;
        }

            div.compliance dl dt img {
                right: -117px;
            }

        div.compliance dl dd {
            width: 100%;
            font-size: 12px;
            line-height: 20px;
        }

            div.compliance dl dd > a {
                padding-top: 12px;
            }

            div.compliance dl dd a i {
                font-size: 12px;
            }

    div.compliance_data {
        margin-top: 60px;
    }

        div.compliance_data dl {
            position: relative;
            overflow: hidden;
            margin-top: 35px;
        }

            div.compliance_data dl dt {
                width: 100%;
                font-size: 15px;
                line-height: 23px;
            }

                div.compliance_data dl dt div.select_box {
                    padding-top: 25px;
                }

                    div.compliance_data dl dt div.select_box select {
                        width: 240px;
                        border-bottom: 1px solid #e5e5e5;
                    }

            div.compliance_data dl dd {
                width: 100%;
                font-size: 15px;
                display: inline-block;
                letter-spacing: -1px;
            }

                div.compliance_data dl dd > a {
                    padding-top: 30px;
                }

                    div.compliance_data dl dd > a i {
                        font-size: 14px;
                    }

    div.compliance dl dt img {
        width: 100%;
        height: 190px;
        left: 0;
        right: auto;
    }

    div.compliance_data table.tblDef td a.mo_down {
        text-indent: -99999px;
        width: 25px;
        height: 25px;
        font-size: 0;
        line-height: 0;
        border-radius: 30px;
        background-position: center center;
        padding: 0 5px;
        vertical-align: middle;
    }
}



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

    /* _경영철학 */
    div.core_list > dl {
        width: 100%;
        padding: 5px 0 6% 19%;
    }

    /* _컴플라이언스 및 윤리 */
    div.compliance dl dt img {
        width: auto;
    }

    div.compliance dl.cont01 dt img {
        left: -125px;
    }

    div.compliance dl.cont02 dt img {
        left: -30px;
    }
}



/* ========== Business ========== */

/* _Overview */
div.content.overview {
    padding: 55px 0 0;
}

div.overview_bg {
    background: #52718f url('/images/sub/business/overview_bg.png')no-repeat center bottom;
}

div.overview_list {
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 105px 1% 110px;
}

div.lang_gbr div.overview_list {
    padding: 105px 1% 20px;
}

    div.overview_list dl {
        position: relative;
        display: inline-block;
        box-sizing: border-box;
        float: left;
        width: 32%;
        height: 340px;
        margin: 0 0 20px 2%;
        padding: 0 20px;
        background: url('/images/sub/overview_1x1.png') repeat left top;
        text-align: center;
    }

        div.overview_list dl.pc_over {
            box-shadow: 5px 5px 18px #111;
        }

        div.overview_list dl:nth-child(3n+1) {
            margin-left: 0;
        }

        div.overview_list dl dt {
            padding: 71px 0 15px;
            font-size: 50px;
            line-height: 50px;
            font-weight: bold;
            color: #000;
        }

div.lang_deu div.overview_list dl dt {
    padding-bottom: 10px;
}
/* 20191030 */
div.overview_list dl dt .view_icon {
    padding-bottom: 20px;
}

div.overview_list dl dt span {
    font-size: 24px;
    font-weight: 400;
}

div.overview_list dl dd {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -1px;
}

div.lang_deu div.overview_list dl dd {
    font-size: 17px;
}
/* 20191030 */
div.overview_list dl dd:nth-child(2) {
    font-weight: 400;
    color: #555;
}

div.overview_list dl dd:nth-child(3) {
    overflow: hidden;
    position: absolute;
    left: -9999px !important;
    top: -9999px !important;
    font-weight: 600;
}

div.overview_list dl.pc_over {
    background: 0 none;
    background-color: #65b6a3;
    padding: 0 17px 23px 17px;
}

    div.overview_list dl.pc_over dt {
        padding-top: 70px;
        background: 0 none !important;
        font-size: 54px;
        line-height: 50px;
        color: #fff;
    }

        div.overview_list dl.pc_over dt .view_icon {
            display: none;
        }

        div.overview_list dl.pc_over dt span {
            color: #fff;
        }

    div.overview_list dl.pc_over dd:nth-child(2) {
        overflow: hidden;
        position: absolute;
        left: -9999px !important;
        top: -9999px !important;
    }

    div.overview_list dl.pc_over dd:nth-child(3) {
        font-size: 16px;
        line-height: 28px;
        position: static;
        display: inline-block;
        color: #fff;
        font-weight: 400;
        padding-top: 18px;
        background: url('/images/sub/overview_bar.png')no-repeat center top;
    }


/* div.overview_list dl.overview_icon01 dt {background:url('/images/sub/about/overview_icon01.png') no-repeat center 71px;}
div.overview_list dl.overview_icon02 dt {background:url('/images/sub/about/overview_icon02.png') no-repeat center 71px;}
div.overview_list dl.overview_icon03 dt {background:url('/images/sub/about/overview_icon03.png') no-repeat center 71px;}
div.overview_list dl.overview_icon04 dt {background:url('/images/sub/about/overview_icon04.png') no-repeat center 71px;}
div.overview_list dl.overview_icon05 dt {background:url('/images/sub/about/overview_icon05.png') no-repeat center 71px;}
div.overview_list dl.overview_icon06 dt {background:url('/images/sub/about/overview_icon06.png') no-repeat center 71px;}  */



/* _바이오시밀러 */
.fc_fff {
    color: #fff !important;
}

.txt_center {
    text-align: center;
}

div.biosimilar {
    margin-bottom: -140px;
}

    div.biosimilar ul.tabMenu {
        max-width: 1000px;
        margin: 70px auto 0;
    }

    div.biosimilar dl.fr_cont {
        float: right;
        width: 500px;
    }

    div.lang_col div.biosimilar .antidrug dl.fr_cont {
        float: left;
    }

    div.biosimilar dl.fl_cont {
        float: left;
        width: 580px;
    }

    div.lang_fra div.biosimilar div.antidrug_cont.bg1 dl.fl_cont {
        width: 100%;
    }

    div.biosimilar dl dt.cont_tit {
        padding: 10px 0 30px;
        font-size: 30px;
        line-height: 42px;
    }

div.lang_deu div.biosimilar dl dt.cont_tit {
    letter-spacing: -1px;
}

div.lang_nld div.biosimilar dl dt.cont_tit {
    letter-spacing: -1px;
    font-size: 28px;
    line-height: 32px;
    padding-bottom: 20px;
}

div.lang_bra div.biosimilar dl dt.cont_tit,
div.lang_hun div.biosimilar dl dt.cont_tit {
    letter-spacing: -1px;
    font-size: 28px;
    line-height: 32px;
}

div.biosimilar dl dd {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
}

div.biosimilar div.bg1 div.cont_area {
    overflow: hidden;
    box-sizing: border-box;
}


/* _바이오시밀러 _자가면역질환*/
div.self {
    overflow: hidden;
}

div.self_cont {
    display: table;
    float: left;
    width: 100%;
    height: 440px;
}

    div.self_cont.bg1 {
        background: url('/images/sub/business/biosimilar_self01.jpg') no-repeat center bottom;
    }

    div.lang_bel.fr div.self_cont.bg1 div {
        padding: 30px 0px 30px 0px;
    }

    div.self_cont.bg2 {
        background: url('/images/sub/business/biosimilar_self02.jpg') no-repeat center bottom;
    }

div.lang_bra div.self_cont.bg2 {
    background: url('/images/sub/business/biosimilar_antidrug02_2.jpg') no-repeat center bottom;
}

div.lang_fra div.self_cont.bg2 {
    background: url('/images/sub/business/biosimilar_self02_fr.jpg') no-repeat center bottom;
}


div.self_cont > div {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

div.self_cont.bg2 div.cont_area {
    max-width: 1300px;
    padding: 0 15px;
}

div.self_cont dt.cont_tit {
    padding: 10px 0 30px;
    font-size: 30px;
}


/* _바이오시밀러 _항암제*/
div.antidrug {
    overflow: hidden;
}

div.antidrug_cont {
    display: table;
    width: 100%;
    height: 500px;
    background-size: cover;
}

    div.antidrug_cont > div {
        display: table-cell;
        vertical-align: middle;
    }

    div.antidrug_cont div.fl,
    div.antidrug_cont div.fr {
        display: table-cell;
        vertical-align: middle;
        box-sizing: border-box;
    }

    div.antidrug_cont div.fl {
        width: 528px;
        padding-right: 45px;
    }

    div.lang_fra div.antidrug_cont div.fl {
        width: 100%;
        padding-right: 0px;
    }

    div.antidrug_cont div.fr {
        width: 400px;
        padding: 0 20px 0 60px;
    }

    div.antidrug_cont dl.fr_cont {
        width: 613px;
    }


    div.antidrug_cont.bg1 {
        background: url('/images/sub/business/biosimilar_antidrug01.jpg') no-repeat center top;
    }

    div.lang_fra div.antidrug_cont.bg1 {
        height: auto;
        padding: 60px 0px;
    }

        div.antidrug_cont.bg1 div.img {
            text-align: center;
        }

            div.antidrug_cont.bg1 div.img > span {
                display: block;
                padding-bottom: 20px;
                font-size: 18px;
                line-height: 1.2;
            }

                div.antidrug_cont.bg1 div.img > span.sources {
                    margin-top: 15px;
                    padding: 0;
                    font-size: 16px;
                    font-weight: 300;
                    color: #000;
                    text-align: right;
                }

            div.antidrug_cont.bg1 div.img > img {
                width: 294px;
            }

    div.antidrug_cont.bg2 {
        background: url('/images/sub/business/biosimilar_antidrug02.jpg') no-repeat center top;
    }

    div.lang_col div.antidrug_cont.bg2 {
        background: url('/images/sub/business/biosimilar_self02.jpg') no-repeat center top;
    }

        div.antidrug_cont.bg2 div.cont_area {
            max-width: 1300px;
            padding: 0 15px;
        }






/* _글로벌 비즈니스 */
div.global ul.tabMenu {
    margin-bottom: 60px;
}

div.global div.drug > p {
    padding-top: 30px;
    font-size: 18px;
    font-weight: 300;
    color: #333;
    text-align: right;
}

    div.global div.drug > p span {
        font-weight: 500;
    }

        div.global div.drug > p span img {
            width: auto;
            margin-right: 5px;
            vertical-align: middle;
        }

div.global div.drug > img {
    width: 100%;
}

p.drug-seller-nation {
    padding-top: 30px;
    font-size: 18px;
    font-weight: 300;
    color: #333;
    text-align: right;
}

div.lang_gbr p.drug-seller-nation {
    padding-top: 0px;
    margin-bottom: 30px;
}

div.lang_deu p.drug-seller-nation,
div.lang_fra p.drug-seller-nation,
div.lang_irl p.drug-seller-nation,
div.lang_hun p.drug-seller-nation {
    padding-top: 0;
}

p.drug-seller-nation span {
    font-weight: 500;
    padding-left: 20px;
    background: url('/images/sub/business/icon_global.png') no-repeat 0 center;
}
/* 20191030 */

div.global .map_area {
    margin: 50px 0
}

div.lang_deu div.global .map_area,
div.lang_fra div.global .map_area,
div.lang_irl div.global .map_area,
div.lang_hun div.global .map_area {
    margin: 50px 0 30px
}

div.lang_gbr div.global .map_area {
    margin: 50px 0px 0px 0px;
}

div.global div.map_area img,
div.global ul.map_area > li > img {
    width: 100%;
}

div.global .global_select + .map_area {
    margin: 50px 0 0;
}
/*
div.global ul.tabMenu + .map_area {height:474px;}
*/
div.global_select {
    position: relative;
    display: inline-block;
    width: 185px;
    height: 50px;
    margin: 0 20px 10px 0;
}

    div.global_select a {
        display: block;
        line-height: 32px;
        color: #333;
    }

    div.global_select > a {
        position: relative;
        padding: 14px 10px 12px 20px;
        line-height: 22px;
        border: 1px solid #ccc;
    }

        div.global_select > a i {
            position: absolute;
            right: 11px;
            top: 50%;
            margin-top: -8px;
        }

    div.global_select > ul {
        display: none;
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 200;
        width: 100%;
        background-color: #FFF;
        padding: 10px 10px 10px 20px;
        border: 1px solid #ccc;
        border-top: 0 none;
        box-sizing: border-box;
    }

/*
div.global_list > ul {overflow:hidden; margin-left:-10px;}
div.global_list > ul li {float: left; width:190px; height:115px; margin-left:10px;}
*/

div.global .select_box {
    margin: 0 20px 10px 0;
}

    div.global .select_box select {
        width: 180px;
        padding: 0 10px 0 0;
    }

/* 해외 현지법인 */
div.global_box {
    overflow: hidden;
}

    div.global_box .select_box {
        float: left;
    }

.map_area > li {
    position: relative;
    display: none;
}

    .map_area > li.on {
        display: block;
    }

    .map_area > li > div {
        position: absolute;
    }

        .map_area > li > div > img {
            display: block;
            width: auto;
        }

        .map_area > li > div > ul {
            margin: 10px 0 0 -250px;
            min-width: 220px;
            max-width: 350px;
            padding: 10px 14px;
            background-color: rgba(255, 255, 255, .85);
            border: 1px solid #d6d6d6;
        }

            .map_area > li > div > ul li {
                font-size: 14px;
                line-height: 20px;
                color: #333;
            }
/*
.map_area > li > div > * {float: left;}
*/

div.global_list {
    position: relative;
}

    div.global_list a {
        display: block;
        line-height: 114px;
        font-size: 22px;
        color: #999;
        text-align: center;
    }

    div.global_list img {
        display: block;
        width: 100%;
        height: 100%;
    }

    div.global_list div.bx-viewport li.on a,
    div.global_list div.bx-viewport a:hover {
        border: 1px solid #5da292; /*border-color:#5da292;*/
        font-weight: 400;
        color: #5da292;
    }

    div.global_list div.bx-controls a {
        display: block;
        position: absolute;
        top: 50%;
        width: 24px;
        height: 43px;
        margin-top: -21px;
        background-position: 0 0;
        background-size: 24px auto;
        font-size: 0;
        line-height: 0;
    }

        div.global_list div.bx-controls a.bx-prev {
            left: -110px;
            background-image: url('/images/sub/btn_bx_prev.png');
        }

        div.global_list div.bx-controls a.bx-next {
            right: -110px;
            background-image: url('/images/sub/btn_bx_next.png');
        }

/* div.global_list > .bx-viewport > .bx-wrapper > .bx-wrapper > .bx-controls {display:none;} */

.company_container {
    overflow: hidden;
}

    .company_container .company_list {
    }

        .company_container .company_list:after {
            content: '';
            display: block;
            clear: both;
        }

        .company_container .company_list li {
            float: left;
            width: calc(100% / 5);
            box-sizing: border-box;
        }

@media screen and (max-width:768px) {
    .company_container .company_list li {
        width: calc(100% / 2);
    }

        .company_container .company_list li img {
            width: 100%;
        }
}

@media screen and (max-width:1280px) {
    /* 해외 현지법인 */
    .global_list {
        position: relative;
        box-sizing: border-box;
        padding: 0 50px;
    }

    div.global_list div.bx-controls a.bx-prev {
        left: 0;
    }

    div.global_list div.bx-controls a.bx-next {
        right: 0;
    }
}


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

    /* _Overview */
    div.overview_list {
        padding: 105px 15px 50px;
    }

        div.overview_list dl {
            float: left;
            width: 100%;
            height: 100%;
            min-height: 300px;
            margin: 0 0 3% 0;
        }

            div.overview_list dl dd:nth-child(2) {
                padding-bottom: 15px;
            }

            div.overview_list dl.pc_over dd:nth-child(3) {
                overflow: unset;
                position: static;
                left: auto !important;
                top: auto !important;
                font-weight: 400;
                padding-bottom: 30px;
            }

            div.overview_list dl.pc_over {
                height: auto;
                min-height: 300px;
            }

        div.overview_list.new dd:nth-child(3) {
            overflow: unset;
            position: static;
            left: 0 !important;
            top: 0 !important;
            font-weight: 400;
        }

        div.overview_list.new dl {
            padding-bottom: 25px;
        }


    /* _바이오시밀러 */
    div.biosimilar {
        margin-bottom: -70px;
    }

    div.biosimilar {
        padding: 0;
    }

        div.biosimilar dl dd {
            font-size: 12px;
            line-height: 16px;
        }

        div.biosimilar > ul.tabMenu {
            box-sizing: border-box;
            padding: 0 15px;
        }

        div.biosimilar div.cont_area {
            box-sizing: border-box;
            padding: 0;
        }

        div.biosimilar dl.fr_cont {
            box-sizing: border-box;
            float: none;
            width: 100%;
            padding: 25px 15px 15px;
        }

        div.biosimilar dl.fl_cont {
            box-sizing: border-box;
            float: none;
            width: 100%;
            padding: 250px 15px 15px;
        }

        div.biosimilar .cont_tit.left_tit {
            background: url('/images/sub/cont_tit_bg.png') no-repeat top left;
        }

        div.biosimilar dl dt.cont_tit {
            padding: 8px 0 15px;
            font-size: 15px;
            line-height: 21px;
        }


    /* _바이오시밀러 _자가면역질환 */
    div.self_cont {
        height: auto;
    }

        div.self_cont div.cont_area {
            padding: 0;
        }

        div.self_cont.bg1 {
            background: none;
        }

            div.self_cont.bg1 div.mobile_only {
                text-align: center;
            }

        div.self_cont.bg2 {
            background: url('/images/sub/business/biosimilar_self02_m.jpg') no-repeat center top;
            background-size: cover;
        }

            div.self_cont.bg2 div.cont_area {
                max-width: 1300px;
                padding: 0;
            }


    /* _바이오시밀러 _항암제 */

    div.antidrug_cont {
        height: auto;
    }

        div.antidrug_cont.bg1 {
            background: none;
        }

        div.lang_fra div.antidrug_cont.bg1 {
            padding:30px 0px;
        }

            div.antidrug_cont.bg1 div.mobile_only {
                text-align: center;
            }

            div.antidrug_cont.bg1 div.img {
                width: 250px;
                margin: 0 auto;
            }

                div.antidrug_cont.bg1 div.img > img {
                    width: 100%;
                    max-width: 250px;
                }

        div.antidrug_cont.bg2 {
            background: url('/images/sub/business/biosimilar_antidrug02_m.jpg') no-repeat center top;
            background-size: cover;
        }

            div.antidrug_cont.bg2 div.cont_area {
                padding: 0;
            }

        div.antidrug_cont dl.fl_cont {
            padding-top: 15px;
        }

        div.lang_fra div.antidrug_cont dl.fl_cont {
            width: 100%;
        }

        div.antidrug_cont dl.fr_cont {
            padding-top: 220px;
        }

        div.antidrug_cont div.fl,
        div.antidrug_cont div.fr {
            display: block;
            width: 100%;
            padding: 0;
        }

        div.antidrug_cont.bg1 div.cont_area {
            position: relative;
            padding-top: 335px;
        }

        div.lang_fra div.antidrug_cont.bg1 div.cont_area {
            padding-top: 0px;
        }

        div.antidrug_cont div.fr {
            position: absolute;
            top: 20px;
        }

        div.antidrug_cont dl.fr_cont {
            width: 100%;
        }



    /* _글로벌 비즈니스 */
    div.global ul.tabMenu {
        margin-bottom: 40px;
    }

    div.global_select {
        margin: 0 20px 0 0;
    }

    div.global_list {
        padding: 0 40px;
        margin-top: 20px;
    }

        div.global_list div.bx-controls a.bx-prev {
            left: 0;
        }

        div.global_list div.bx-controls a.bx-next {
            right: 0;
        }

    .map_area > li > div > * {
        float: none;
    }

    .map_area > li > div > ul {
        box-sizing: border-box;
        max-width: 150px;
        min-width: auto;
        margin: 10px 0 0 -150px;
        padding: 10px;
    }
}



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

    /* _Overview */
    div.overview_list dl { /*height:143px;*/
        min-height: auto;
    }

        div.overview_list dl:nth-child(odd) {
            margin-left: 0;
        }

        div.overview_list dl dt {
            padding: 20px 0 12px;
            background-size: 32px !important;
            background-position: center 27px !important;
            font-size: 25px;
            line-height: 26px;
        }

            div.overview_list dl dt .view_icon {
                padding-bottom: 10px;
            }

                div.overview_list dl dt .view_icon > img {
                    width: 45px;
                }

            div.overview_list dl dt span {
                font-size: 12px;
            }

        div.overview_list dl dd {
            font-size: 12px;
            line-height: 15px;
        }

        div.overview_list dl.pc_over {
            height: auto;
            min-height: 143px;
        }

            div.overview_list dl.pc_over dt {
                padding: 20px 16px 5px 15px;
                font-size: 25px;
                line-height: 35px;
            }

                div.overview_list dl.pc_over dt span {
                    color: #fff;
                }

            div.overview_list dl.pc_over dd:nth-child(2) {
                overflow: hidden;
                position: absolute;
                left: -9999px !important;
                top: -9999px !important;
            }

            div.overview_list dl.pc_over dd:nth-child(3) {
                min-height: 40px;
                font-size: 10px;
                line-height: 18px;
                position: static;
                display: inline-block;
                color: #fff;
                font-weight: 400;
                padding-top: 9px;
                background: url('/images/sub/overview_bar.png')no-repeat center top;
                padding-bottom: 10px;
            }

    div.overview_list.new dd:nth-child(3) {
        overflow: unset;
        position: static;
        left: 0 !important;
        top: 0 !important;
        font-weight: 400;
    }

    div.overview_list.new dl {
        height: 205px;
        padding-bottom: 25px;
    }


    /* _바이오시밀러 */
    div.biosimilar p {
        padding: 0 15px;
        font-size: 12px;
        line-height: 20px;
    }

    div.biosimilar .cont_tit {
        font-size: 15px;
        padding-bottom: 15px;
    }

    div.biosimilar ul.tabMenu {
        margin: 35px auto 15px;
    }

    div.biosimilar div.bg1 > div.cont_area {
        padding-top: 25px;
    }

    div.biosimilar div.cont_bg .cont_tit {
        padding-bottom: 15px;
    }

    div.biosimilar p.mobile_only {
        padding-bottom: 20px;
    }

    /* _바이오시밀러 _자가면역질환 */
    div.self_cont img {
        width: 100%;
    }

    /* _바이오시밀러 _항암제 */
    div.antidrug_cont div.fr {
        top: 5px;
    }

    div.antidrug_cont.bg1 div.img > span {
        margin-top: 0px;
        font-size: 14px;
        line-height: 18px;
    }

        div.antidrug_cont.bg1 div.img > span.sources {
            font-size: 12px;
        }


    /* _글로벌 비즈니스*/
    div.global .map_area {
        height: auto;
        margin-bottom: 50px;
    }

    div.lang_deu div.global .map_area {
        margin-bottom: 30px;
    }

    .map_area > li > div > ul li {
        font-size: 13px;
    }

    div.global .global_select + .map_area {
        margin-top: 35px;
    }

    div.global_list div.bx-viewport a {
        font-size: 16px;
        line-height: 80px;
    }

    div.global_select {
        width: 140px;
        height: 36px;
        margin-right: 10px;
    }

        div.global_select:last-of-type {
            margin-right: 0;
        }

        div.global_select > a {
            padding: 6px 5px 6px 10px;
        }

        div.global_select > ul {
            top: 36px;
        }

    div.global div.drug > p {
        padding-top: 15px;
        font-size: 14px;
        line-height: 20px;
    }

    div.global ul.tabMenu + .map_area {
        height: auto;
    }

    div.global ul.tabMenu li a {
        font-size: 13px;
        line-height: 16px;
    }

    .map_area > li > div > ul {
        max-width: 140px;
        margin: 5px 0 0 -140px;
    }
}


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

    /* _글로벌 비즈니스*/
    .map_area > li > div > ul {
        max-width: 120px;
        margin-left: -120px;
    }

        .map_area > li > div > ul li {
            font-size: 11px;
            line-height: 16px;
        }
}





/* ========== Products ========== */
/* 제품소개 */
.content.product {
    padding: 110px 0 0px;
}

div.lang_deu .content.product {
    padding: 0;
}

.product_box {
    position: relative;
    margin: 0 auto;
}

    .product_box .bxslider > li {
        overflow: hidden;
    }

    .product_box .bx-controls-direction a {
        display: block;
        position: absolute;
        top: 36%;
        width: 24px;
        height: 43px;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100% auto;
        text-indent: -9999px;
    }

        .product_box .bx-controls-direction a.bx-prev {
            left: -124px;
            background-image: url(/images/sub/btn_bx_prev.png);
        }

        .product_box .bx-controls-direction a.bx-next {
            right: -124px;
            background-image: url(/images/sub/btn_bx_next.png);
        }

    .product_box .product_detail_box {
        overflow: hidden;
        width: 80%;
        margin: 0 auto;
    }

    .product_box .product_img {
        display: none;
    }


.product_circle {
    width: 100%;
    max-width: 431px;
    height: 100%;
    max-height: 431px;
    border-radius: 500px;
}

.wrapper.lang_aus .product_circle {
    max-width: 0;
    display: block;
    margin: 0px auto;
}

.wrapper.lang_aus .product_circle img {
    width: 235px;
    margin-left: -130px;
}

    .product_circle.remsima {
        border: 1px dotted #9ed4c8;
    }

    .product_circle.truxima {
        border: 1px dotted #a95065;
    }

    .product_circle.herzuma {
        border: 1px dotted #f5a25c;
    }

.product_box .product_detail {
    float: none;
    width: 100%;
}

.product_box .product_title {
    margin-bottom: 40px;
    padding: 0 100px;
    text-align: center;
}

div.lang_mex .product_box .product_title {
    padding: 0 70px;
}

div.lang_col .product_box .product_title {
    padding: 0 74px;
}

div.lang_tur .product_box .product_title,
body:lang(jp) .product_box .product_title {
    padding: 0 0px;
}

.product_box .product_title h4 {
    font-size: 34px;
    line-height: 52px;
}

    .product_box .product_title h4 .en_title {
        padding-left: 24px;
        font-size: 22px;
        color: #a0a0a0;
    }

.product_box .product_title .desc {
    font-size: 20px;
    line-height: 30px;
}

.product_box .link_box {
    position: relative;
    font-size: 0;
    line-height: 0;
    text-align: center;
    margin-top: 40px;
}

    .product_box .link_box > li {
        display: inline-block;
        position: relative;
        height: 55px;
        padding: 0 10px 10px 0;
        vertical-align: top;
    }

        .product_box .link_box > li > a span {
            display: inline-block;
        }

        .product_box .link_box > li .btn_product_detail {
            background-color: #666;
            color: #FFF;
        }

        .product_box .link_box > li .btn_remsima_move {
            color: #000;
            border: 1px solid #666;
        }

        .product_box .link_box > li .btn_global_move {
            color: #5da292;
            border: 1px solid #5da292;
        }

        .product_box .link_box > li > a {
            position: relative;
            display: block;
            height: 55px;
            box-sizing: border-box;
            padding: 13px 45px 13px 20px;
            font-size: 16px;
            line-height: 26px;
            text-align: left;
        }
            /* 2019-12-26 수정 */
            .product_box .link_box > li > a > img {
                position: absolute;
                top: 50%;
                right: 20px;
                vertical-align: middle;
                margin-top: -4px;
            }

            .product_box .link_box > li > a.btn_remsima_move > img {
                margin-top: -8px;
            }

            .product_box .link_box > li > a.single > img {
                margin-top: -10px;
            }


    .product_box .link_box .link_global {
        width: 213px;
    }

body:lang(ko) .product_box .link_box .link_global,
div.lang_tur .product_box .link_box .link_global {
    width: 170px;
}

div.lang_bra .product_box .link_box .link_global {
    width: 268px;
}

div.lang_bel.fr .product_box .link_box .link_global {
    width: 295px;
}

wrapper.lang_fra.be .product_box .link_box .link_global {
    width: 290px;
}

.product_box .link_box .link_global.jplink {
        width: 240px;
    }


.product_box .reference {
    margin-top: 30px;
    padding: 25px 0 100px 17px;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #666;
    border-top: 1px solid #ebebeb;
}

    .product_box .reference:before {
        content: "※";
        display: inline-block;
        width: 17px;
        margin-left: -17px;
        vertical-align: top;
    }

    .product_box .reference br:first-child {
        display: none;
    }


/* 제품소개 IMAGE 있는 경우 */
.product_box.img .product_detail_box {
    position: relative;
    margin-top: 80px;
}
/*
.product_box.img .product_img{position: absolute; top:45%; left:0; padding-left:38px; transform:translate(0, -45%); -ms-transform:translate(0, -45%);-webkit-transform:translate(0, -45%);-moz-transform:translate(0, -45%); box-sizing:border-box;}
*/
.product_box.img .product_img { /*position: absolute; top:0; left:0;*/
    padding-left: 25px;
    box-sizing: border-box;
}

    .product_box.img .product_img img {
        width: 100%;
    }

.product_box.img .product_detail {
    overflow: hidden;
    float: right;
    max-width: 500px; /*padding-top:140px;*/
}

.product_box .product_detail ul {
    padding-top: 20px;
}

    .product_box .product_detail ul:first-child {
        padding-top: 0;
    }

    .product_box .product_detail ul li {
        padding: 0 0 5px 15px;
        background: url('/images/sub/blet_product_detail.gif') no-repeat left 11px;
        font-size: 18px;
        font-weight: 300;
        line-height: 30px;
    }

        .product_box .product_detail ul li.prodect_name {
            padding-left: 70px;
            text-indent: -55px;
        }

div.lang_tur .product_box .product_detail ul li.prodect_name {
    padding: 0 0 5px 15px;
    text-indent: 0px;
}

.product_box .product_detail ul span {
    font-weight: 500;
}

body:lang(jp) .product_box .product_detail ul span {
    font-weight: bold;
}

/* _global btn */
.btn_global {
    position: relative;
    min-width: 195px;
}

    .btn_global > a {
        border: 1px solid #dedede;
        display: block;
        color: #888;
        text-align: left;
    }

    .btn_global > a,
    .btn_global > ul a {
        font-size: 15px;
        line-height: 21px;
    }

    .btn_global > ul {
        display: block;
        position: absolute;
        top: 54px;
        left: 0;
        width: 100%;
        max-height: 212px;
        background-color: #fff;
        border: 1px solid #5da292;
        box-sizing: border-box;
        overflow-y: auto;
        z-index: 50;
    }

        .btn_global > ul > li {
			min-height: 40px;
            text-align: left;
            box-sizing: border-box;
        }

            .btn_global > ul > li > a {
                display: block;
                padding: 11px 10px 10px 23px;
                color: #5da292;
            }

                .btn_global > ul > li > a:hover {
                    background: #efefef;
                }

body:lang(jp) .btn_global {
    min-width: 210px;
}

    body:lang(jp) .btn_global > ul {
        max-height: 130px;
    }

.btn_global > .btn_product_detail + ul {
    left: 1px;
    border-color: #666;
    background-color: #fff;
    width: 94.5%;
}

div.lang_mex .btn_global > .btn_product_detail + ul {
    width: 96%;
}

.btn_global > .btn_product_detail + ul a {
    color: #666;
}

.btn_global.sec {
    min-width: 207px;
}

    .btn_global.sec ul {
        width: 96.5%;
    }

body:lang(ko) .btn_global.sec ul {
    width: 95.5%;
}


/* 제품소개 NO IMAGE */
.product_box.img .product_img {
    display: table-cell;
    vertical-align: middle;
}

.wrapper.lang_aus .product_box.img .product_img {
    width: 100%;
    text-align: center;
}

.product_box.img .product_detail {
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 500px;
}

.product_box.img .product_detail_box {
    display: table;
    overflow: hidden;
    width: 100%;
    min-height: 471px;
    margin: 0 auto;
}

.wrapper.lang_aus .product_box.img .product_detail_box {
    display: initial;
    min-height: 0;
}

.product_box.img .product_detail dt {
    float: left;
    background: url(/images/sub/blet_product_detail.gif) no-repeat left center;
}

.product_box.img .product_detail dd {
    float: left;
    padding-left: 15px;
}

body:lang(jp) .product_box.img .product_detail {
    width: 525px;
}

.btn_more {
}

.product_detail .btn_more {
    margin: 40px 0 0 14px;
}


/* _레이어 팝업 */
div#layer_popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 300;
    background-color: rgba(0, 0, 0, 0.8);
}

    div#layer_popup:before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 100%;
        margin-right: -4px;
        vertical-align: middle;
    }

    div#layer_popup > div {
        position: relative;
        display: inline-block;
        box-sizing: border-box;
        padding: 40px 40px 50px;
        background-color: #FFF;
        border: 1px solid #666;
        vertical-align: middle;
    }

    div#layer_popup .popup_tit {
        margin: 0 41px;
        margin-right: 41px;
        padding-bottom: 12px;
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
        text-align: center;
    }

    div#layer_popup .popup_cont {
        font-size: 16px;
        line-height: 26px;
    }

        div#layer_popup .popup_cont .scroll_cont {
            overflow-y: auto;
            padding-right: 20px;
            margin-right: -20px;
            box-sizing: border-box;
        }

    div#layer_popup .popup_close {
        position: absolute;
        right: 43px;
        top: 40px;
        z-index: 100;
    }

        div#layer_popup .popup_close a {
            display: block;
            width: 19px;
            height: 19px;
            background: url('/images/popup_btn_close.png') no-repeat 0 0;
            font-size: 0;
            line-height: 0;
        }

    div#layer_popup div.btn_area {
        padding-top: 22px;
        font-size: 0;
        text-align: center;
    }

        div#layer_popup div.btn_area > a {
            display: inline-block;
            width: 140px;
            margin-left: 10px;
            background-color: #65b6a3;
            font-size: 16px;
            line-height: 36px;
            color: #FFF;
        }

            div#layer_popup div.btn_area > a:first-child {
                margin-left: 0;
            }

div.product_popup .popup_cont {
    color: #222;
    text-align: center;
}

    div.product_popup .popup_cont > p {
        padding-top: 30px;
    }


/* 제품소개 PC 예외처리 */
@media screen and (max-width:1265px) {
    .product_box .bx-controls-direction a {
        top: 15%;
        width: 17px;
        height: 30px;
    }

        .product_box .bx-controls-direction a.bx-prev {
            left: 0;
        }

        .product_box .bx-controls-direction a.bx-next {
            right: 0;
        }

    /* 제품소개 IMAGE 있는 경우 */
    .product_box.img .bx-controls-direction a {
        top: 300px;
    }
    /* .product_box.img .product_detail{overflow:hidden;float:right;max-width:500px;} */
    .product_box.img .product_detail {
        overflow: hidden;
        float: none;
        width: 500px;
    }

        .product_box.img .product_detail dl {
            float: left;
            width: 100%;
        }

        .product_box.img .product_detail dt {
            padding-left: 14px;
        }

        .product_box.img .product_detail dd {
            max-width: 400px;
        }

        .product_box.img .product_detail ul {
            padding-top: 20px;
        }

    .product_detail .btn_more {
        margin-top: 20px;
    }
}


@media screen and (max-width:1024px) {
    .content.product {
        padding: 40px 0 70px;
    }
    /* 제품소개 Tablet */
    .product_box .bx-controls-direction a {
        width: 17px;
        height: 30px;
    }

    .product_box.img .product_img {
        max-width: 40%;
    }
    /* .product_box.img .product_detail{max-width:500px; padding-top:100px;} */
    .product_box.img .product_detail_box {
        min-height: auto;
        position: relative;
    }

    .product_box.img .product_detail {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .product_box.img .product_img {
        display: block;
        position: relative;
        text-align: center;
        margin: 0 auto;
    }
}




@media screen and (max-width:768px) {
    /* 제품소개 */

    .product_box .bxslider > li {
        box-sizing: border-box;
        padding: 0 15px;
    }

    .product_box .bx-controls-direction a {
        top: 50%;
        margin-top: -112px;
        width: 12px;
        height: 22px;
    }

        .product_box .bx-controls-direction a.bx-prev {
            left: 0;
        }

        .product_box .bx-controls-direction a.bx-next {
            right: 0;
        }

    .product_box .product_title {
        text-align: left;
        margin-bottom: 10px;
        padding: 0 15px;
    }

        .product_box .product_title h4 {
            font-size: 17px;
            line-height: 100%;
        }

            .product_box .product_title h4 .en_title {
                padding-left: 8px;
                font-size: 11px;
            }

        .product_box .product_title .desc {
            padding: 20px 0;
            font-size: 12px;
            line-height: 18px;
        }

    .product_box .link_box {
        position: relative;
        margin-top: 25px;
    }

        .product_box .link_box > li {
            display: block;
            height: auto;
            padding: 0;
            width: 100%
        }

            .product_box .link_box > li > a {
                overflow: hidden;
                height: 35px;
                min-height: auto;
                padding: 2px 20px 3px 28px;
                line-height: 30px;
                font-size: 11px;
            }

                .product_box .link_box > li > a > span {
                    float: left;
                }

                .product_box .link_box > li > a > img {
                    float: right;
                    width: auto;
                    height: 6px;
                    margin-top: -4px;
                }

                .product_box .link_box > li > a.btn_remsima_move > img {
                    height: 10px;
                    margin-top: -6px;
                }

            .product_box .link_box > li .btn_product_detail {
                position: static;
                left: 0;
                top: 0;
                width: 100%;
                min-width: 170px;
                border: 1px solid #666;
            }

            .product_box .link_box > li > a.single > img {
                height: 12px;
                margin-top: -7px;
            }

        .product_box .link_box > li {
            margin-bottom: 10px;
        }

            .product_box .link_box > li:first-child {
                margin-bottom: 10px;
                padding-top: 0;
                width: 100%;
            }

    body:lang(ko) .product_box .link_box .link_global, 
    div.lang_tur .product_box .link_box .link_global {
        width: 100%;
    }

    .product_box .reference {
        margin-top: 30px;
        padding: 25px 0 25px 14px;
        line-height: 16px;
        font-size: 11px;
    }

        .product_box .reference:before {
            width: 14px;
            margin-left: -14px;
        }

        .product_box .reference br:first-child {
            display: block;
        }

    /* 제품소개 IMAGE 있는 경우 */
    .product_box.img .bx-controls-direction a {
        margin-top: -140px;
        width: 12px;
        height: 22px;
    }

        .product_box.img .bx-controls-direction a.bx-prev {
            left: 0;
        }

    .product_box.img .product_img {
        position: relative;
        max-width: 215px;
        margin: 0 auto;
        padding-left: 0;
        transform: translate(0);
        -ms-transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        box-sizing: border-box;
    }

        .product_box.img .product_img img {
            width: 100%;
        }

    .product_box.img .product_detail {
        padding-top: 25px;
    }

    .product_box.img .product_detail_box {
        min-height: auto;
    }

    .product_box.img .product_detail ul li {
        padding-left: 10px;
        background-position: left 5px;
        font-size: 12px;
        line-height: 16px;
    }

    .product_box .product_detail ul li.prodect_name {
        padding-left: 47px;
        text-indent: -37px;
    }

    .product_detail .btn_more {
        margin: 10px 0 0 10px;
    }

        .product_detail .btn_more a {
            font-size: 12px;
        }

    /* _global btn */
    .btn_global {
        width: 100%;
    }

        .btn_global > a,
        .btn_global > ul a {
            font-size: 11px;
            line-height: 21px;
        }

        .btn_global > .btn_product_detail + ul,
        .btn_global > ul,
        .btn_global.sec > ul {
            left: 0;
            top: 34px;
            max-width: 100%;
            width: 100%;
        }

            .btn_global > ul > li > a {
                padding: 10px 10px 9px 26px;
            }

    /* _레이어 팝업 */
    div#layer_popup > div {
        width: 90%;
        padding: 30px 30px 35px;
    }

    div#layer_popup .popup_tit {
        font-size: 15px;
        line-height: 23px;
    }

    div#layer_popup .popup_cont {
        font-size: 12px;
        line-height: 20px;
    }

    div#layer_popup div.btn_area > a {
        width: 80px
    }

    div.product_popup > div {
        width: auto;
    }

    div.product_popup .popup_cont {
        text-align: left;
    }

        div.product_popup .popup_cont > p {
            padding-top: 15px;
        }

        div.product_popup .popup_cont .scroll_cont {
            max-height: 300px;
        }
}


/* ========== ir ========== */
/* _IR자료실 */
div.latest {
    overflow: hidden;
    padding-bottom: 75px;
}

    div.latest .search_box {
        width: auto;
        margin-bottom: 30px;
    }

        div.latest .search_box select {
            width: 100%;
            padding-right: 20px;
        }

    div.latest dl {
        display: block;
        overflow: hidden;
        width: 100%;
        padding: 45px 57px 45px 20px;
        border-top: 1px solid #666;
        border-bottom: 1px solid #e6e6e6;
        box-sizing: border-box;
    }

        div.latest dl dt {
            float: left;
            font-size: 20px;
            font-weight: 600;
            color: #222;
        }

        div.latest dl dd {
            float: right;
            font-size: 20px;
            font-weight: 500;
        }

            div.latest dl dd > a {
                color: #82cbb8;
            }

            div.latest dl dd span.file_down {
                margin-left: 30px;
            }

.file_down {
    padding: 4px 11px;
    font-size: 13px;
    color: #fff;
    background-color: #9bd3c6;
}

div.latest.dataroom2 {
    padding-bottom: 0;
}


/* _공시*/
.btn_area.right {
    text-align: right;
    padding-bottom: 10px;
}

.btn_disclosure_rule {
    display: block;
    padding-right: 25px;
    color: #333;
    font-size: 16px;
    line-height: 18px;
    background: url('/images/sub/ir/btn_disclosure_rule.png')no-repeat center right;
}

.info_note {
    font-size: 14px;
    color: #999;
    padding-top: 27px;
}

.text_box img {
    width: auto;
    max-width: 100% !important;
    height: auto !important;
}


@media screen and (max-width:768px) {
    /* _IR자료실 */
    div.latest dl {
        padding: 22px 28px 22px 10px;
    }

        div.latest dl dt,
        div.latest dl dd {
            float: none;
        }

    div.latest .search_box {
        margin-bottom: 15px;
    }

    /* _재무정보*/
    .iframe_consolidated {
        height: 1600px !important;
    }

    .iframe_seperate {
        height: 1600px !important;
    }

    /* _주가정보 */
    .iframe_stock {
        height: 1690px !important;
    }
}


/* _이사회 */
div.corporate {
    padding-top: 65px;
}

    div.corporate.pt0 {
        padding-top: 0;
    }

    div.corporate table > tbody > tr > td {
        padding-left: 85px;
    }

        div.corporate table > tbody > tr > td.txt_left {
            text-align: left;
        }

        div.corporate table > tbody > tr > td:last-child {
            padding-left: 67px;
        }

        div.corporate table > tbody > tr > td.name {
            padding-left: 60px;
        }

    div.corporate > div.btn_box {
        text-align: center;
    }

    div.corporate.type2 table > tbody > tr > td {
        padding-left: 10px;
    }

        div.corporate.type2 table > tbody > tr > td.txt_left {
            padding-left: 27px;
        }

        div.corporate.type2 table > tbody > tr > td.name {
            padding-left: 74px;
        }



/* _경영정보 */
div.board > div.tabArea {
    margin-bottom: 50px;
}

div.assoc_cont {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

div.sub_tab_area {
    text-align: center;
    padding-bottom: 65px;
}

ul.sub_tab_menu {
    overflow: hidden;
    display: inline-block;
}

    ul.sub_tab_menu li {
        float: left;
        padding: 0 20px;
        background: url('..//images/common/subtab_bar.png')no-repeat left 6px;
    }

        ul.sub_tab_menu li:first-child {
            background: none;
        }

        ul.sub_tab_menu li a {
            color: #000;
            font-weight: 300;
            font-size: 16px;
            display: block;
        }

        ul.sub_tab_menu li.on a,
        ul.sub_tab_menu li:hover a {
            color: #248738;
            font-weight: 500;
        }


div.article.scrollbar-inner {
    max-height: 600px;
}

.scrollbar-inner > .scroll-element.scroll-y {
    width: 3px;
}

div.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: #ededed;
    border-radius: 0px;
    -webkit-border-radius: 0;
    opacity: 1;
}

div.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #7abbac;
    border-radius: 0px;
    -webkit-border-radius: 0;
    opacity: 1;
}

div.scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color: #7abbac;
    opacity: 0.8;
}


div.assoc_cont {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

div.assoc_cont {
    overflow: hidden;
    padding: 45px 0;
}

    div.assoc_cont div.article > h3 {
        width: 20%;
        float: left;
        font-size: 20px;
        font-weight: 600;
        color: #222;
    }

    div.assoc_cont div.article > div.cont {
        width: 80%;
        float: right;
        line-height: 24px;
        font-size: 15px;
        font-weight: 400;
        color: #666;
        padding-right: 20px;
        box-sizing: border-box;
    }

        div.assoc_cont div.article > div.cont > h4 {
            padding-top: 20px;
        }

            div.assoc_cont div.article > div.cont > h4:first-child {
                padding-top: 0;
            }

            div.assoc_cont div.article > div.cont > h4.sub_title {
                padding-top: 40px;
                font-size: 18px;
            }

                div.assoc_cont div.article > div.cont > h4.sub_title:first-child {
                    padding-top: 3px;
                    font-size: 18px;
                }

    div.assoc_cont > div.cont .sub_list {
        padding-left: 18px;
    }

/* _정관 */
div.assoc_cont {
    border: 0;
}

div.assoc_cont {
    border-top: 0;
    border-bottom: 0;
}

div.assoc_cont {
    overflow: hidden;
    padding: 45px 0;
}

    div.assoc_cont div.article > h3 {
        display: none;
    }

div.article {
    position: relative;
}

    div.article ul.sub_navi_menu {
        width: 20%;
        max-width: 200px;
        position: absolute;
    }

        div.article ul.sub_navi_menu.fixed {
            position: fixed;
            top: 150px;
        }

        div.article ul.sub_navi_menu .quick_menu_item[aria-selected="false"],
        div.article ul.sub_navi_menu > li > a {
            font-size: 20px;
            line-height: 40px;
            color: #222;
            font-weight: 300;
        }

            div.article ul.sub_navi_menu > li > a.on,
            div.article ul.sub_navi_menu > li > a:hover {
                color: #248738;
                font-weight: 600;
            }

#charterText > div.cont {
    width: 80%;
    float: right;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    box-sizing: border-box;
    padding: 30px 0 75px;
    border-top: 1px solid #eaeaea;
}

    #charterText > div.cont.s8 {
        padding: 0;
    }

    #charterText > div.cont:first-child {
        border-top: 0;
        padding-top: 5px;
    }

    #charterText > div.cont > h4 {
        padding-top: 20px;
    }

        #charterText > div.cont > h4:first-child {
            padding-top: 0;
        }

        #charterText > div.cont > h4.sub_title {
            padding-top: 40px;
            font-size: 18px;
        }

            #charterText > div.cont > h4.sub_title:first-child {
                padding-top: 3px;
                font-size: 18px;
            }

    #charterText > div.cont > p > a {
        color: #666
    }

div.assoc_cont > div.cont .sub_list {
    padding-left: 18px;
}

div.article ul.sub_navi_menu .quick_menu_item:hover,
div.article ul.sub_navi_menu .quick_menu_item[aria-selected="true"] {
    color: #248738;
    font-weight: 600;
}


/* _공시정보*/
#regulation {
    line-height: 18px;
}



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

    /* _경영정보 */
    div.assoc_cont {
        padding: 0;
    }

    div.article ul.sub_navi_menu {
        overflow: hidden;
        position: static;
        width: 100%;
        max-width: 100%;
        padding-bottom: 10px;
    }

        div.article ul.sub_navi_menu > li {
            float: left;
            width: calc(33% - 3px);
            padding-left: 6px;
        }

            div.article ul.sub_navi_menu > li:nth-child(3n+1) {
                clear: both;
                padding-left: 0
            }

            div.article ul.sub_navi_menu .quick_menu_item[aria-selected="false"],
            div.article ul.sub_navi_menu > li > a {
                font-size: 14px;
                line-height: 20px;
            }

    #charterText > div.cont {
        width: 100%;
    }

    div.article ul.sub_navi_menu.fixed {
        top: 0;
        z-index: 100;
        padding-top: 100px;
        background-color: #FFF;
    }
}

@media screen and (max-width:768px) {
    /* _이사회 */
    div.corporate {
        padding-top: 30px;
    }

        div.corporate.pt0 {
            padding-top: 10px;
        }

        div.corporate table {
            margin-bottom: 0px;
        }

    div.scroll_area {
        overflow-x: scroll;
        padding-bottom: 20px;
    }

        div.scroll_area > table {
            min-width: 700px;
        }

    /* _정관 */
    #charterText > div.cont {
        font-size: 12px;
        line-height: 18px;
    }

    /* _경영정보 */
    div.board > div.tabArea {
        margin-bottom: 0px;
    }

        div.board > div.tabArea > ul.tabMenu {
            margin: 0 auto 20px;
        }

    div.sub_tab_area {
        padding-bottom: 15px;
        margin-top: -25px;
    }

    ul.sub_tab_menu li {
        width: 50%;
        box-sizing: border-box;
        text-align: left;
    }

    div.assoc_cont {
        padding: 25px 0;
    }

        div.assoc_cont div.article > h3 {
            width: 100%;
        }

        div.assoc_cont div.article > div.cont {
            width: 100%;
            padding-top: 15px;
        }

    /* _공시 */
    #regulation > a {
        line-height: 20px;
    }
}





/* ========== News&Publication ========== */

/* gallery_list */
ul.gallery_list {
    overflow: hidden;
    width: 100%;
    padding-top: 50px;
}

    ul.gallery_list li {
        float: left;
        position: relative;
        width: 300px;
        border-top: 1px solid #000;
    }

        ul.gallery_list li a {
            display: block;
        }

        ul.gallery_list li:nth-child(3n+1) {
            margin-left: 0;
        }

    ul.gallery_list.video div.thum_area:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: url('/images/sub/video_playimg.png')no-repeat center center;
        background-size: 100%;
        width: 100%;
        height: 100%;
        margin: -1px 0;
    }

    ul.gallery_list div.thum_area {
        display: block;
        width: 100%;
        position: relative;
    }

    ul.gallery_list div.list_txt {
        padding-top: 24px;
    }

        ul.gallery_list div.list_txt p.list_tit {
            overflow: hidden;
            line-height: 28px;
            height: 55px;
            font-size: 18px;
            color: #222;
        }

        ul.gallery_list div.list_txt p.list_date {
            padding-top: 25px;
            color: #999;
        }

/* gallery_list2 */
ul.gallery_list2 li {
    border-bottom: 1px solid #ececec;
}

    ul.gallery_list2 li a {
        display: block;
        position: relative;
    }

ul.gallery_list2 div.list_txt p.list_tit {
    overflow: hidden;
    color: #000;
}

ul.gallery_list2 div.list_txt p.list_desc {
    overflow: hidden;
    color: #666;
}

ul.gallery_list2 div.list_txt p.list_date {
    color: #666;
}

/* 보도자료 최신글 */
div.new_news a {
    display: block;
}

div.new_news div.list_txt p.list_tit {
    overflow: hidden;
    color: #000;
}

div.new_news div.list_txt p.list_desc {
    overflow: hidden;
    color: #666;
}

div.new_news div.list_txt p.list_date {
    color: #666;
}

.notice_box {
    padding: 50px 0;
    border-top: 1px solid #000;
}

    .notice_box .inner {
        min-height: 300px;
        padding-left: 420px;
        background: url(/images/notice_img01.jpg) no-repeat left top;
    }

        .notice_box .inner p {
            font-size: 18px;
        }

        .notice_box .inner .date {
            color: #69ae9e;
            font-weight: bold;
        }

        .notice_box .inner .title {
            margin: 28px 0 35px;
            font-size: 36px;
            font-weight: bold;
        }

/* 공지사항 최신글 */
.new_notice > a {
    display: block;
    overflow: hidden;
    color: #000;
    margin-top: 80px;
}

    .new_notice > a:first-child {
        margin-top: 0;
    }

.new_notice .notice_img {
    display: none;
}

    .new_notice .notice_img img {
        width: 100%;
        height: 100%;
    }

.new_notice .notice_content {
    position: relative;
}

    .new_notice .notice_content .title {
        font-weight: 500;
        display: block;
    }

    .new_notice .notice_content .writer_date {
        display: block;
    }

        .new_notice .notice_content .writer_date span {
            display: inline-block;
        }

    .new_notice .notice_content .writer {
        font-weight: 500;
        color: #666;
    }

    .new_notice .notice_content .date {
        color: #a0a0a0;
    }

    .new_notice .notice_content .desc {
        overflow: hidden;
        color: #676767;
    }

.new_notice.img .notice_img {
    display: block;
    overflow: hidden;
    border: 1px solid #ccc;
}

.new_notice.img .notice_content .title {
    padding-top: 0;
}

/* 공지사항 목록 */
.search_area {
    overflow: hidden;
    margin-bottom: 30px;
}
    /*
.search_area.no_bottom {margin-bottom:-1px;}
*/
    .search_area.no_bottom {
        margin-bottom: 15px;
    }

.search_box {
    position: relative;
}

    .search_box:after {
        content: "";
        display: block;
        clear: both;
    }

    .search_box select {
        float: left;
        font-weight: bold;
        border: transparent; /*border-bottom:1px solid #000; */
        background-image: url(/images/blet_select.png);
        background-repeat: no-repeat;
        box-sizing: border-box;
    }

    .search_box input[type=text] {
        float: left;
        color: #999;
        border: transparent; /*border-bottom:1px solid #000;border-left:0;*/
        box-sizing: border-box;
    }

    .search_box input[type=button] {
        position: absolute;
        display: block;
        border: 0;
        background-color: #fff;
        background-image: url(/images/icon_search.png);
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 100%;
        text-indent: -9999px;
        cursor: pointer;
    }

/* 공지사항 상세 View */
.bbs_view .title_box {
    overflow: hidden;
    border-top: 1px solid #000;
    border-bottom: 1px solid #e6e6e6;
}

    .bbs_view .title_box .title {
        float: left;
        width: 70%;
        font-weight: bold;
        color: #000;
    }

.bbs_view .text_box p {
    word-break: break-word;
}

    .bbs_view .text_box p > span {
        display: inline-block;
        word-break: break-word;
    }

.bbs_view .file_box {
    color: #666;
    border-bottom: 1px solid #e6e6e6;
}

    .bbs_view .file_box a {
        color: #000;
    }

.bbs_view .text_box {
    color: #000;
    border-bottom: 1px solid #000;
}

    .bbs_view .text_box .video,
    .bbs_view .text_box .img {
        margin: 0 auto;
    }

    .bbs_view .text_box iframe {
        max-width: 740px;
        width: 100%;
        height: 100%;
    }

    .bbs_view .text_box table {
        display: inline;
    }

.bbs_view .title_box .date_hit {
    float: right;
    width: 25%;
    padding: 24px 25px 0 0;
    text-align: right;
    font-size: 15px;
    box-sizing: border-box;
}
/*
.bbs_view .text_box > p {margin-top:30px;}
.bbs_view .text_box > p:nth-child(2) {margin-top:60px;}
*/
.bbs_view .bbs_move li {
    border-bottom: 1px solid #e6e6e6;
}

    .bbs_view .bbs_move li a {
        color: #000;
    }

    .bbs_view .bbs_move li > * {
        vertical-align: middle;
    }

.bbs_view .bbs_move .move_title {
    position: relative;
    display: inline-block;
    font-weight: 400;
    color: #666;
    box-sizing: border-box;
}

    .bbs_view .bbs_move .move_title:before {
        content: '';
        position: absolute;
        display: block;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100%;
    }

    .bbs_view .bbs_move .move_title.prev:before {
        background-image: url(/images/blet_bbs_move_prev.png);
    }

    .bbs_view .bbs_move .move_title.next:before {
        background-image: url(/images/blet_bbs_move_next.png);
    }

.bbs_view .bbs_move .move_link {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}

.bbs_btn_box {
    text-align: center;
    font-size: 18px;
}

    .bbs_btn_box .btn_list {
        padding: 10px 27px 10px 0;
        color: #000;
        background-image: url(/images/blet_select.png);
        background-repeat: no-repeat;
        background-position: right 57%;
    }

/* 홍보영상 */
.video_box {
    background-image: url(/images/sub/bbs/bg_video.gif);
}

.video_thumbnail {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

    .video_thumbnail iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.video_info {
    overflow: hidden;
}

    .video_info h4 {
        color: #000;
    }

    .video_info .video_caption {
        color: #222;
    }

        .video_info .video_caption .scroll-wrapper > .scroll-content { /* IE 11*/
            -ms-overflow-style: none; /* Firefox 64*/
            scrollbar-width: none;
        }

        .video_info .video_caption .scrollbar-inner > .scroll-element .scroll-element_outer {
            border-radius: 0;
        }

        .video_info .video_caption .scrollbar-inner > .scroll-element .scroll-element_track {
            background-color: #ededed;
            border-radius: 0;
            opacity: 1;
        }

        .video_info .video_caption .scrollbar-inner > .scroll-element .scroll-bar {
            background-color: #7abbac;
            border-radius: 0;
            opacity: 1;
        }

.video_list .swiper-slide {
    float: left;
}

    .video_list .swiper-slide a {
        display: block;
    }

        .video_list .swiper-slide a div {
            height: 180px;
        }

        .video_list .swiper-slide a img {
            width: 100%;
            height: 100%;
        }

        .video_list .swiper-slide a h4 {
            overflow: hidden;
            color: #222;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

.video_list .swiper-scrollbar {
    position: static;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #efefef;
}

.video_list .swiper-scrollbar-drag {
    background-color: #7abbac;
}

.video_list ul.video_list_cont {
    overflow: hidden;
    height: 233px;
}

    .video_list ul.video_list_cont li {
        float: left;
        width: calc(33.3% - 14px);
        padding-left: 20px;
        transition: 0.5s;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
    }

        .video_list ul.video_list_cont li:first-child {
            padding-left: 0;
        }

        .video_list ul.video_list_cont li.on {
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
        }

.video_list .video_list_cont a {
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #222;
}

    .video_list .video_list_cont a img {
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        max-height: 170px;
        border: 1px solid #ccc;
    }

.video_list .video_list_cont h4 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 13px;
    line-height: 30px;
}

.gallery_list2 .thum_area {
    border: 1px solid #ccc;
}


@media screen and (min-width:1025px) {

    /* gallery_list */
    ul.gallery_list li {
        float: left;
        width: 300px;
        padding-bottom: 45px;
        margin: 0 0 50px 50px;
    }

        ul.gallery_list li:nth-child(3n+1) {
            margin-left: 0;
        }

    ul.gallery_list div.thum_area {
        width: auto;
        min-height: 160px;
    }

        ul.gallery_list div.thum_area img {
            width: auto;
            height: 160px;
        }

    ul.gallery_list div.list_txt {
        padding-top: 24px;
    }

        ul.gallery_list div.list_txt p.list_tit {
            line-height: 28px;
            height: 55px;
            font-size: 18px;
        }

        ul.gallery_list div.list_txt p.list_date {
            padding-top: 25px;
        }

    /* 홍보영상 */
    .video_box {
        height: 787px;
    }

    .video_thumbnail iframe {
        max-height: 530px;
    }

    .video_info h4 {
        float: left;
        width: 320px;
        line-height: 30px;
        font-size: 18px;
    }

    .video_info .video_caption {
        float: left;
        width: 660px;
        margin-left: 20px;
        line-height: 27px;
        font-size: 16px;
    }

        .video_info .video_caption .scrollbar-inner {
            max-height: 189px !important;
            height: 189px;
            padding-right: 20px !important;
        }

            .video_info .video_caption .scrollbar-inner > .scroll-element.scroll-y {
                width: 3px;
                margin-right: 10px;
            }

            .video_info .video_caption .scrollbar-inner > .scroll-element .scroll-element_outer {
                width: 3px;
            }

    .video_list {
        padding-top: 60px;
    }

        .video_list .swiper-wrapper {
            margin-left: -20px;
        }

        .video_list .swiper-slide {
            width: 33.333333%;
            padding-left: 20px;
            transition: 0.5s;
            transform: translateY(20px);
        }

            .video_list .swiper-slide.on {
                transform: translateY(0);
            }

            .video_list .swiper-slide a h4 {
                width: 90%;
                padding-top: 13px;
                line-height: 30px;
                font-size: 18px;
            }

        .video_list .swiper-scrollbar {
            margin-top: 40px;
        }
}

@media screen and (max-width:1024px) and (min-width:769px) {

    /* gallery_list */
    ul.gallery_list li {
        float: left;
        width: 48%;
        padding-bottom: 30px;
    }

        ul.gallery_list li:nth-child(odd) {
            float: right;
        }

    ul.gallery_list div.thum_area img {
        width: 100%;
    }

    /* 홍보영상 */
    .video_box {
        background-image: none;
    }

    .video_info h4 {
        padding-bottom: 20px;
        line-height: 22px;
        font-size: 18px;
    }

    .video_info .video_caption {
        line-height: 27px;
        font-size: 16px;
    }

    .video_info {
        padding-top: 30px;
    }

        .video_info .video_caption .scrollbar-inner {
            max-height: 189px !important;
            height: 189px;
            padding-right: 10px !important;
        }

            .video_info .video_caption .scrollbar-inner > .scroll-element.scroll-y {
                width: 3px;
            }

            .video_info .video_caption .scrollbar-inner > .scroll-element .scroll-element_outer {
                width: 3px;
            }

    .video_list {
        padding-top: 40px;
    }

        .video_list .swiper-wrapper {
            margin-left: -10px;
        }

        .video_list .swiper-slide {
            width: 33.333333%;
            padding-left: 10px;
            transition: 0.5s;
            transform: translateY(15px);
        }

            .video_list .swiper-slide.on {
                transform: translateY(0);
            }

            .video_list .swiper-slide a h4 {
                width: 90%;
                padding-top: 10px;
                line-height: 22px;
                font-size: 15px;
            }

        .video_list .swiper-scrollbar {
            margin-top: 30px;
        }
}

@media screen and (min-width:769px) {

    /* gallery_list2 */
    ul.gallery_list2 {
        border-top: 1px solid #ececec;
    }

        ul.gallery_list2 li {
            padding: 20px 0;
        }

            ul.gallery_list2 li a {
                padding-left: 280px;
                min-height: 180px;
            }

                ul.gallery_list2 li a img {
                    width: 100%;
                    height: 100%;
                }

        ul.gallery_list2 div.thum_area {
            position: absolute;
            left: 0;
            top: 0;
            width: 250px;
            height: 180px;
        }

        ul.gallery_list2 div.list_txt p.list_tit {
            padding-top: 32px;
            line-height: 28px;
            font-size: 20px;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        ul.gallery_list2 div.list_txt p.list_desc {
            max-height: 76px;
            margin: 13px 0 9px;
            line-height: 24px;
            font-size: 16px;
        }

        ul.gallery_list2 div.list_txt p.list_date {
            line-height: 22px;
        }

    /* 보도자료 최신글 */
    div.news_box {
        position: relative;
        padding-top: 479px;
    }

    div.new_news {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        padding: 70px 50px;
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
        box-sizing: border-box;
    }

        div.new_news a {
            position: relative;
            min-height: 275px;
        }

        div.new_news div.thum_area {
            position: absolute;
            right: 0;
            top: 0;
            width: 382px;
            height: 275px;
        }

            div.new_news div.thum_area img {
                width: 100%;
                height: 100%;
            }

        div.new_news div.list_txt {
            padding-right: 420px;
        }

            div.new_news div.list_txt p.list_tit {
                max-height: 68px;
                padding-top: 40px;
                line-height: 34px;
                font-size: 24px;
            }

            div.new_news div.list_txt p.list_desc {
                max-height: 73px;
                margin: 18px 0 12px;
                line-height: 24px;
                font-size: 16px;
            }

            div.new_news div.list_txt p.list_date {
                line-height: 22px;
                font-size: 16px;
            }

    /* 공지사항 최신글 */
    .new_notice {
        padding: 0px 0 40px;
    }

        .new_notice > a {
            margin-top: 50px;
        }

        .new_notice .notice_content {
            display: block;
            width: 100%;
            margin: 0 auto;
            text-align: left;
            font-size: 16px;
            max-height: 150px;
            height: 150px;
        }

            .new_notice .notice_content .title {
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 22px;
                padding-bottom: 18px;
            }

            .new_notice .notice_content .writer_date {
                padding: 0;
                position: absolute;
                bottom: -3px;
            }

            .new_notice .notice_content .date {
                margin-left: 0px;
            }

            .new_notice .notice_content .desc {
                line-height: 26px;
                display: block;
                max-height: 83px;
                overflow: hidden;
            }

        .new_notice.img .notice_content {
            display: block;
            width: 100%;
            margin: 0 auto;
            text-align: left;
            font-size: 16px;
            max-height: 226px;
            height: 226px;
        }

            .new_notice.img .notice_content .title {
                max-width: 100%;
            }

    body:lang(ko) .new_notice.img .notice_content .desc {
        word-break: normal;
    }

    .new_notice.img .notice_content .desc {
        line-height: 26px;
        display: block;
        max-height: 129px;
        overflow: hidden;
    }

    .new_notice.img .notice_img {
        float: left;
        margin-left: 00px;
        width: 382px;
        height: 229px;
        max-height: 229px;
    }

    .new_notice.img .notice_content {
        width: auto;
        padding-left: 432px;
        text-align: left;
        max-height: 226px;
        height: 226px;
    }

    /* 공지사항 목록 */
    .search_box {
        width: 445px;
        overflow: hidden;
        float: right;
    }

        .search_box select {
            width: 89px;
            height: 35px;
            padding: 0;
            line-height: 35px;
            font-size: 16px;
            background-position: 78px 14px;
            background-size: 11px 6px;
        }

        .search_box input[type=text] {
            /* width: 338px; */
			width: 316px;
            height: 35px;
            padding: 0 65px 0 0;
            line-height: 35px;
            font-size: 16px;
            margin-left: 18px;
        }

        .search_box input[type=button] {
            top: 5px;
            right: 3px;
            width: 22px;
            height: 21px;
        }

        .search_box.mini {
            width: 347px;
        }

            .search_box.mini input[type=text] {
                width: 240px;
            }

        .search_box.wide {
            width: 500px;
        }

            .search_box.wide input[type=text] {
                width: 390px;
            }


    /* 공지사항 상세 */
    .bbs_view {
        font-size: 16px;
    }

        .bbs_view .title_box .title {
            padding: 23px 0 23px 30px;
            font-size: 18px;
        }

        .bbs_view .title_box .date_hit span {
            display: inline-block;
        }

        .bbs_view .title_box .date_hit .hit {
            position: relative;
            margin-left: 25px;
        }

            .bbs_view .title_box .date_hit .hit:before {
                content: '';
                position: absolute;
                top: 5px;
                left: -15px;
                display: block;
                width: 1px;
                height: 14px;
                background: #ebebeb;
            }

        .bbs_view .file_box {
            padding: 23px 0 23px 30px;
        }

        .bbs_view .text_box {
            min-height: 135px;
            padding: 40px 30px;
        }

            .bbs_view .text_box .video,
            .bbs_view .text_box .img {
                width: 740px;
                height: 395px;
            }

        .bbs_view .bbs_move .move_title {
            width: 15%;
            padding: 24px 0 24px 62px;
        }

            .bbs_view .bbs_move .move_title:before {
                left: 30px;
                top: 34px;
                width: 11px;
                height: 7px;
            }

        .bbs_view .bbs_move .move_link {
            width: 80%;
        }

    .bbs_btn_box {
        margin-top: 60px;
    }

        .bbs_btn_box .btn_list {
            background-size: 16px 8px;
        }
}

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

    /* gallery_list */
    ul.gallery_list li {
        width: 100%;
        padding-bottom: 30px;
        margin: 0 auto;
    }

        ul.gallery_list li:nth-child(3n+1) {
            margin-left: 0;
        }

    ul.gallery_list div.thum_area {
        text-align: center;
        min-height: 160px;
    }

        ul.gallery_list div.thum_area img {
            width: 100%;
        }

    ul.gallery_list div.list_txt {
        padding-top: 12px;
    }

        ul.gallery_list div.list_txt p.list_tit {
            line-height: 14px;
            height: 28px;
            font-size: 12px;
        }

        ul.gallery_list div.list_txt p.list_date {
            padding-top: 12px;
            font-size: 12px;
        }

    /* gallery_list2 */
    ul.gallery_list2 li {
        padding: 25px 0;
    }

        ul.gallery_list2 li a {
            min-height: 180px;
        }

            ul.gallery_list2 li a img {
                width: 100%;
                height: 100%;
            }

    ul.gallery_list2 div.list_txt p.list_tit {
        max-height: 47px;
        padding-top: 20px;
        line-height: 23px;
        font-size: 15px;
    }

    ul.gallery_list2 div.list_txt p.list_desc {
        max-height: 58px;
        margin: 10px 0 4px;
        line-height: 20px;
        font-size: 12px;
    }

    ul.gallery_list2 div.list_txt p.list_date {
        line-height: 22px;
        font-size: 12px;
    }

    /* 보도자료 최신글 */
    div.new_news {
        padding-bottom: 30px;
        border-bottom: 1px solid #000;
    }

        div.new_news div.thum_area img {
            width: 100%;
            height: 100%;
        }

        div.new_news div.list_txt p.list_tit {
            max-height: 40px;
            padding-top: 20px;
            line-height: 23px;
            font-size: 15px;
        }

        div.new_news div.list_txt p.list_desc {
            max-height: 58px;
            margin: 10px 0 4px;
            line-height: 20px;
            font-size: 12px;
        }

        div.new_news div.list_txt p.list_date {
            line-height: 22px;
            font-size: 12px;
        }

    /* 공지사항 최신글 */
    .new_notice {
        padding-bottom: 35px;
    }

        .new_notice > a {
            margin-top: 20px;
        }

        .new_notice .notice_content {
            display: block;
            height: 130px;
            max-height: 130px;
            padding: 10px 0 25px;
            font-size: 12px;
            text-align: left;
        }

            .new_notice .notice_content .title {
                font-size: 15px;
                line-height: 23px;
            }

            .new_notice .notice_content .writer_date {
                position: absolute;
                bottom: -1px;
                padding: 0;
            }

            .new_notice .notice_content .date {
                margin-left: 0px;
                width: 80px;
            }

            .new_notice .notice_content .desc {
                display: block;
                max-height: 74px;
                padding-top: 10px;
                line-height: 18px;
            }

        .new_notice.img .notice_content {
            text-align: left;
        }

    /* 공지사항 목록 */
    .search_box {
        float: right;
        width: 65%;
    }

        .search_box select {
            width: 25%;
            height: 22px;
            line-height: 22px;
            font-size: 12px;
            background-position: 93% 7px;
            padding: 0 5px;
            background-size: 11px 6px;
        }

        .search_box input[type=text] {
            width: 64%;
            height: 22px;
            line-height: 22px;
            font-size: 12px;
            margin-left: 3%;
        }

        .search_box input[type=button] {
            top: 3px;
            right: 0;
            width: 14px;
            height: 13px;
        }

    /* 공지사항 상세 */
    .bbs_view {
        font-size: 12px;
    }

        .bbs_view .title_box .title {
            width: 100%;
            box-sizing: border-box;
            padding: 15px 0 10px 15px;
            font-size: 12px;
        }

        .bbs_view .title_box .date_hit {
            width: 100%;
            float: none;
            padding: 0 15px 15px;
            font-size: 12px;
            text-align: left;
        }
        /*
	.bbs_view .title_box .date_hit{overflow:hidden;position:absolute;left:-9999px;top:-9999px;display:block;width:0;height:0;text-indent:-9999px;}
*/
        .bbs_view .file_box {
            padding: 15px 0 15px 15px;
        }

        .bbs_view .text_box {
            min-height: 78px;
            padding: 17px 15px;
        }

            .bbs_view .text_box .video {
                width: 100%;
                height: 250px;
            }

            .bbs_view .text_box .img {
                width: 100%;
                min-height: 250px;
            }

                .bbs_view .text_box .img img {
                    width: 100%;
                }

        .bbs_view .bbs_move .move_title {
            width: 7%;
            padding: 15px 0;
            text-indent: -9999px;
        }

            .bbs_view .bbs_move .move_title:before {
                left: 15px;
                top: 21px;
                width: 9px;
                height: 5px;
            }

        .bbs_view .bbs_move .move_link {
            width: 88%;
            padding-left: 8px;
        }

    .bbs_btn_box {
        font-size: 12px;
        margin-top: 30px;
    }

        .bbs_btn_box .btn_list {
            background-size: 14px 7px;
        }

    /* 홍보영상 */
    .video_box {
        background-image: none;
    }

    .video_info h4 {
        padding-bottom: 20px;
        line-height: 20px;
        font-size: 17px;
    }

    .video_info .video_caption {
        line-height: 20px;
        font-size: 12px;
    }

    .video_info {
        padding-top: 30px;
    }

        .video_info .video_caption .scrollbar-inner {
            max-height: 184px !important;
            height: 184px;
            padding-right: 10px !important;
        }

            .video_info .video_caption .scrollbar-inner > .scroll-element.scroll-y {
                width: 3px;
            }

            .video_info .video_caption .scrollbar-inner > .scroll-element .scroll-element_outer {
                width: 3px;
            }

    .video_list {
        padding-top: 40px;
    }

        .video_list .swiper-wrapper {
            margin-left: -10px;
        }

        .video_list .swiper-slide {
            width: 100%;
            padding-left: 10px;
        }

            .video_list .swiper-slide a h4 {
                width: 90%;
                padding-top: 10px;
                line-height: 22px;
                font-size: 12px;
            }

        .video_list .swiper-scrollbar {
            margin-top: 20px;
        }

        .video_list ul.video_list_cont {
            height: auto;
        }

            .video_list ul.video_list_cont li {
                float: none;
                width: 100%;
                padding: 20px 0 0;
                transition: 0s;
                transform: translateY(0);
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
            }

        .video_list .video_list_cont a img {
            max-height: 100%;
        }
}





/* ========== Careers ========== */

[class^="ico_txt"] {
    margin-bottom: -50px;
}

    [class^="ico_txt"]:after {
        content: '';
        display: block;
        clear: both;
    }

    [class^="ico_txt"] > li {
        float: left;
        width: calc(50% - 30px);
        margin-bottom: 60px;
        padding-right: 10px;
        background-position: 50% 0;
        box-sizing: border-box;
    }

        [class^="ico_txt"] > li:nth-child(2n) {
            float: right;
        }

        [class^="ico_txt"] > li:nth-child(2n+1) {
            clear: both;
        }

    [class^="ico_txt"] .title {
        display: block;
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: 500;
    }

    [class^="ico_txt"] .decs {
        font-weight: 300;
        line-height: 30px;
    }

    [class^="ico_txt"] .ico {
        display: inline-block;
    }

.ico_txt-horizontal > li {
    position: relative;
    padding-left: 100px;
}

.ico_txt-horizontal .ico {
    position: absolute;
    left: 0;
    top: 0;
}

.ico_txt-vertical > li {
    text-align: center;
}

.ico_txt-vertical .ico {
    margin-bottom: 15px;
}

ul[class^="blt_txt"] > li, ol[class^="blt_txt"] > li, [class^="blt_txt"]:not(ul):not(ol) {
    position: relative;
    padding-left: 10px;
}

    ul[class^="blt_txt"] > li:before, ol[class^="blt_txt"] > li:not(:first-child), [class^="blt_txt"]:not(ul):not(ol):before {
        content: '';
        position: absolute;
        left: 0;
    }

    ul[class^="blt_txt"] > li:not(:first-child), ol[class^="blt_txt"] > li:not(:first-child), [class^="blt_txt"]:not(ul):not(ol):first-child {
        margin-top: 8px;
    }

ul.blt_txt-square > li:before, ol.blt_txt-square > li:before, .blt_txt-square:not(ul):not(ol):before {
    top: 14px;
    width: 2px;
    height: 2px;
    background-color: #656565;
}

.careers {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 20px !important;
    padding-right: 20px !important;
}


/* _인재상 */
.welfare .ico_txt-horizontal .ico {
    width: 60px;
    height: 60px;
    background-image: url("/images/common/ico_60x60.png");
}

.welfare .ico_txt-horizontal > li:nth-child(1) .ico {
    background-position: 0 0;
}

.welfare .ico_txt-horizontal > li:nth-child(2) .ico {
    background-position: -60px 0;
}

.welfare .ico_txt-horizontal > li:nth-child(3) .ico {
    background-position: -120px 0;
}

.welfare .ico_txt-horizontal > li:nth-child(4) .ico {
    background-position: -180px 0;
}

.welfare .ico_txt-horizontal > li:nth-child(5) .ico {
    background-position: -240px 0;
}

.welfare .ico_txt-horizontal > li:nth-child(6) .ico {
    background-position: -300px 0;
}

.welfare .ico_txt-horizontal > li:nth-child(7) .ico {
    background-position: -360px 0;
}

.welfare .ico_txt-horizontal > li:nth-child(8) .ico {
    background-position: -420px 0;
}

.welfare ul.blt_txt-square > li {
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -1px;
}


/* _복지제도 */
.resources .ico_txt-vertical .ico {
    width: 90px;
    height: 90px;
    background-image: url("/images/common/ico_90x90.png");
}

.resources .ico_txt-vertical > li {
    padding-right: 0;
}

    .resources .ico_txt-vertical > li:nth-child(1) .ico {
        background-position: 0 0;
    }

    .resources .ico_txt-vertical > li:nth-child(2) .ico {
        background-position: -90px 0;
    }

    .resources .ico_txt-vertical > li:nth-child(3) .ico {
        background-position: -180px 0;
    }

    .resources .ico_txt-vertical > li:nth-child(4) .ico {
        background-position: -270px 0;
    }

    .resources .ico_txt-vertical > li .title {
        line-height: 21px;
    }

    .resources .ico_txt-vertical > li .decs {
        line-height: 30px;
        font-weight: 300;
    }


/* _채용안내 */
.recruit_info_m {
    display: none;
}

.recruit_info > table {
    width: 100%;
}

.recruit_info td {
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    vertical-align: top;
}

    .recruit_info td img {
        width: 100%;
    }

div.lang_gbr .recruit_info td img {
    padding-left: 20px;
}

.recruit_info dl.recruit_flow.ty01 {
    padding-bottom: 45px;
}

.recruit_info .recruit_flow.ty02 {
    margin: 0 auto;
    padding-top: 60px;
}

div.lang_bra .recruit_info .recruit_flow.ty02 {
    margin: 0 0 0 128px;
}

body:lang(es) .recruit_info .long_w .recruit_flow.ty02 {
    margin: 0;
}

.recruit_info td.long_w dl.recruit_flow {
    max-width: 60%;
}

div.lang_deu .recruit_info td.long_w dl.recruit_flow {
    max-width: 80%;
}

div.lang_irl .recruit_info td.long_w dl.recruit_flow {
    margin-right: 22%;
}

body:lang(es) .recruit_info td.long_w dl.recruit_flow {
    max-width: 95%;
}

div.lang_hun .recruit_info td.long_w dl.recruit_flow,
div.lang_tur .recruit_info td.long_w dl.recruit_flow,
div.lang_nld .recruit_info td.long_w dl.recruit_flow,
div.lang_bel .recruit_info td.long_w dl.recruit_flow,
div.lang_swe .recruit_info td.long_w dl.recruit_flow {
    margin-left: 130px;
}

div.lang_ita .recruit_info td.long_w dl.recruit_flow,
div.lang_fra .recruit_info td.long_w dl.recruit_flow,
div.lang_fin .recruit_info td.long_w dl.recruit_flow {
    margin-left: 125px;
}

.recruit_info td:nth-child(2) dl.ty01 {
    margin-left: -20px;
}

div.lang_gbr .recruit_info td:nth-child(2) dl.ty01 {
    margin-left: -11px;
}

div.lang_mex .recruit_info td:nth-child(2) dl.ty01 {
    margin-left: 0;
    margin-right: 0;
    margin: 0 -44px 0 -75px
}

    div.lang_mex .recruit_info td:nth-child(2) dl.ty01 dd {
        letter-spacing: -1px;
    }

div.lang_bra .recruit_info td:nth-child(2) dl.ty01 {
    margin-left: -93PX;
    margin-right: -50px;
}

    div.lang_bra .recruit_info td:nth-child(2) dl.ty01 dd {
        letter-spacing: -1px;
    }

div.lang_hun .recruit_info td:nth-child(2) dl.ty01 {
    margin-left: -50PX;
    margin-right: -50px;
}

    div.lang_hun .recruit_info td:nth-child(2) dl.ty01 dd {
        letter-spacing: -1px;
    }

.recruit_info td:nth-child(4) dl.ty01 {
    padding-left: 0;
}

div.lang_gbr .recruit_info td:nth-child(4) dl.ty01 {
    padding-left: 14px;
}

div.lang_kor .recruit_info td:nth-child(4) dl.ty01,
div.lang_eng .recruit_info td:nth-child(4) dl.ty01 {
    padding-left: 30px;
}

.recruit_info td:first-child dl.ty02 {
    margin-left: -50px;
}

div.lang_gbr .recruit_info td:first-child dl.ty02 {
    margin-left: -38px;
}
div.lang_bra .recruit_info td:first-child dl.ty02 {
    margin-left: -64px;
}

.recruit_info td:last-child span.ty02 {
    margin-right: -50px;
}

div.lang_fra .recruit_info td:nth-child(4) dl.ty01 {
    padding-left: 0;
    padding-right: 15px;
}

.recruit_info dl.recruit_flow dt,
.recruit_info td span {
    display: block;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
}


/* 윤리헌장 */
.ethical_list {
    margin-top: 45px;
}

    .ethical_list > li:not(:first-child) {
        margin-top: 50px;
    }

    .ethical_list .num {
        display: table-row;
    }

        .ethical_list .num span {
            display: table-cell;
            font-weight: 500;
            font-size: 20px;
        }

            .ethical_list .num span:first-child {
                padding-right: 10px;
            }

    .ethical_list .desc {
        display: block;
        margin-top: 10px;
    }



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

    /* _채용안내 */
    .recruit_info {
        display: none;
    }

    .recruit_info_m {
        display: block;
    }

        .recruit_info_m > li {
            position: relative;
        }

            .recruit_info_m > li + li {
                padding-top: 80px;
            }

                .recruit_info_m > li + li:before {
                    content: '';
                    position: absolute;
                    top: 30px;
                    left: 50%;
                    margin-left: -6px;
                    width: 12px;
                    border-top: 10px solid #dadada;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent;
                    box-sizing: border-box;
                }

            .recruit_info_m > li .thumb {
                text-align: center;
            }

            .recruit_info_m > li.ty1 .thumb img {
                width: 67px;
            }

            .recruit_info_m > li.ty2 .thumb img {
                width: 49px;
            }

            .recruit_info_m > li.ty3 .thumb img {
                width: 70px;
            }

            .recruit_info_m > li.ty4 .thumb img {
                width: 72px;
            }

            .recruit_info_m > li.ty5 .thumb img {
                width: 68px;
            }

    .flow_cont {
        padding-top: 28px;
        text-align: center;
    }

        .flow_cont > dt {
            display: block;
            font-weight: 500;
            font-size: 22px;
            color: #000;
            line-height: 26px;
        }

        .flow_cont > dd {
            padding-top: 9px;
            font-weight: 300;
            font-size: 17px;
            color: #181818;
            line-height: 30px;
        }

            .flow_cont > dd > .subTxt {
                display: block;
            }

    .recruit_info dl.recruit_flow.ty02,
    .recruit_info td.long_w dl.recruit_flow {
        max-width: 100%;
    }
}



@media screen and (max-width: 768px) {
    [class^="ico_txt"] > li {
        float: none;
        width: auto;
    }

        [class^="ico_txt"] > li:nth-child(2n) {
            float: none;
        }

    [class^="ico_txt"] .title {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .ico_txt-horizontal > li {
        position: relative;
        padding-left: 50px;
    }

    ul.blt_txt-square > li:before, ol.blt_txt-square > li:before, .blt_txt-square:not(ul):not(ol):before {
        top: 8px;
    }

    .careers {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* _인재상 */
    .welfare .ico_txt-horizontal .ico {
        width: 30px;
        height: 30px;
        background-size: 240px 240px;
    }

    .welfare .ico_txt-horizontal > li:nth-child(1) .ico {
        background-position: -240px 0;
    }

    .welfare .ico_txt-horizontal > li:nth-child(2) .ico {
        background-position: -270px 0;
    }

    .welfare .ico_txt-horizontal > li:nth-child(3) .ico {
        background-position: -300px 0;
    }

    .welfare .ico_txt-horizontal > li:nth-child(4) .ico {
        background-position: -330px 0;
    }

    .welfare .ico_txt-horizontal > li:nth-child(5) .ico {
        background-position: -360px 0;
    }

    .welfare .ico_txt-horizontal > li:nth-child(6) .ico {
        background-position: -390px 0;
    }

    .welfare .ico_txt-horizontal > li:nth-child(7) .ico {
        background-position: -420px 0;
    }

    .welfare .ico_txt-horizontal > li:nth-child(8) .ico {
        background-position: -450px 0;
    }

    .welfare ul.blt_txt-square > li {
        line-height: 18px;
    }

    /* _복지제도 */
    .resources .ico_txt-vertical .ico {
        width: 45px;
        height: 45px;
        background-size: 270px 270px;
    }

    .resources .ico_txt-vertical > li:nth-child(1) .ico {
        background-position: 0 0;
    }

    .resources .ico_txt-vertical > li:nth-child(2) .ico {
        background-position: -45px 0;
    }

    .resources .ico_txt-vertical > li:nth-child(3) .ico {
        background-position: -90px 0;
    }

    .resources .ico_txt-vertical > li:nth-child(4) .ico {
        background-position: -135px 0;
    }

    .resources .ico_txt-vertical > li .decs {
        line-height: 20px;
    }

    /* 윤리헌장 */
    .ethical_list .num span {
        font-size: 16px;
    }


    /* _채용안내 */
    .recruit_info_m > li .thumb img {
        max-width: 50px;
    }

    .flow_cont > dt {
        font-size: 18px;
        line-height: 26px;
    }

    .flow_cont > dd {
        font-size: 14px;
        line-height: 22px;
    }

    .product_box .link_box .link_global.jplink {
        width: 100%;
    }
}



/* ========== CONTACT US ========== */

/* faq */
.listFaq {
    border-bottom: #dbdbdb solid 1px;
}

    .listFaq > li {
        border-top: #dbdbdb solid 1px;
    }

        .listFaq > li:first-child {
            border-top: none;
        }

        .listFaq > li dl dt {
            padding: 20px 0;
            position: relative;
        }

            .listFaq > li dl dt > b {
                font-size: 28px;
                color: #6d6e71;
                display: inline-block;
                width: 90px;
                text-align: center;
                border-right: #dbdbdb solid 1px;
                position: absolute;
                left: 0;
                top: 20px;
            }

            .listFaq > li dl dt > p {
                margin-left: 91px;
            }

                .listFaq > li dl dt > p button {
                    font-size: 18px;
                    color: #3f403f;
                    text-align: left;
                    padding: 8px 100px 6px 35px;
                    position: relative;
                    width: 100%;
                    box-sizing: border-box;
                }

                    .listFaq > li dl dt > p button:after {
                        content: '';
                        display: block;
                        width: 30px;
                        height: 30px;
                        position: absolute;
                        right: 35px;
                        top: 10px;
                        background: url('/images/sub/contact/blet_faq.png') no-repeat 0 5px;
                    }

        .listFaq > li dl.on dt > p button:after {
            background: url('/images/sub/contact/blet_faq.png') no-repeat 0 -40px;
        }

        .listFaq > li dl dd {
            font-size: 16px;
            color: #6d6e71;
            line-height: 1.5em;
            padding: 20px 80px 20px 120px;
            border-top: #dbdbdb solid 1px;
            display: none;
        }

        .listFaq > li:first-child dl dd {
            display: block;
        }


/* inquiry */
.expInquiry .exp_txt {
    font-size: 18px;
    color: #999;
    line-height: 1.5em;
    font-weight: 500;
}

.expInquiry .btn_link {
    margin-top: 20px;
}

    .expInquiry .btn_link a {
        display: inline-block;
        padding: 10px 30px;
        background-color: #5da292;
        color: #fff;
        font-size: 16px;
    }

.inputInquiry {
    margin-top: 30px;
}

    .inputInquiry .txtRight {
        text-align: right;
        font-size: 14px;
        color: #999;
    }

        .inputInquiry .txtRight b {
            color: #ff0018;
        }

    .inputInquiry .listInquiry {
        margin-top: 10px;
        border-top: #000 solid 1px;
        border-bottom: #000 solid 1px;
    }

.listInquiry > li {
    border-top: #dbdbdb solid 1px;
    padding: 15px 30px;
}

    .listInquiry > li:first-child {
        border-top: none;
    }

    .listInquiry > li dl {
        display: table;
        width: 100%;
    }

        .listInquiry > li dl dt,
        .listInquiry > li dl dd {
            display: table-cell;
            vertical-align: top;
        }

        .listInquiry > li dl dt {
            font-size: 16px;
            color: #333;
            padding-top: 10px;
            width: 285px;
        }

            .listInquiry > li dl dt b {
                color: #ff0018;
            }

        .listInquiry > li dl dd .refer {
            font-size: 14px;
            color: #999;
            margin-top: 5px;
            position: relative;
            padding-left: 10px;
        }

            .listInquiry > li dl dd .refer:before {
                content: '*';
                display: block;
                position: absolute;
                left: 0;
                top: 3px;
            }

        .listInquiry > li dl dd .select_wrap {
            position: relative;
            width: 290px;
        }

            .listInquiry > li dl dd .select_wrap:after {
                content: '';
                display: block;
                width: 11px;
                height: 7px;
                background: url('/images/sub/contact/bg_select.png') no-repeat 0 0;
                position: absolute;
                right: 20px;
                top: 23px;
            }

        .listInquiry > li dl dd select {
            width: 100%;
            height: 50px;
            border: #ccc solid 1px;
            padding: 0 20px;
            box-sizing: border-box;
            font-size: 16px;
        }

            .listInquiry > li dl dd select * {
                padding: 50px 0;
            }

        .listInquiry > li dl dd input {
            width: 100%;
            height: 50px;
            border: #ccc solid 1px;
            padding: 0 20px;
            box-sizing: border-box;
            font-size: 16px;
        }

        .listInquiry > li dl dd textarea {
            width: 100%;
            height: 300px;
            border: #ccc solid 1px;
            padding: 20px 20px;
            box-sizing: border-box;
            font-size: 16px;
        }

        .listInquiry > li dl dd .file_wrap {
            position: relative;
            padding-right: 140px;
        }

            .listInquiry > li dl dd .file_wrap input[type="file"] {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 50px;
                padding: 0;
                border: 0;
                opacity: 0;
            }

            .listInquiry > li dl dd .file_wrap label {
                display: inline-block;
                width: 140px;
                height: 50px;
                line-height: 50px;
                box-sizing: border-box;
                text-align: center;
                cursor: pointer;
                position: absolute;
                right: 0;
                top: 0;
                color: #fff;
                background-color: #6d6e71;
                font-size: 16px;
            }

            .listInquiry > li dl dd .file_wrap input[type="text"] {
                display: inline-block;
                width: 100%;
                height: 50px;
                box-sizing: border-box;
                padding: 0 20px;
                background-color: #fff;
                border: #ccc solid 1px;
            }

.termsInquiry {
    margin-top: 100px;
}

    .termsInquiry .tit {
        font-size: 22px;
        color: #000;
        font-weight: 500;
    }

    .termsInquiry .terms_wrap {
        margin-top: 10px;
        border: #dbdbdb solid 1px;
        padding: 20px 0 20px 20px;
        font-size: 18px;
        color: #666;
        line-height: 1.5em;
    }

        .termsInquiry .terms_wrap > div {
            height: 12.5em;
            overflow-y: auto;
            overflow-x: hidden;
        }

            .termsInquiry .terms_wrap > div * {
                font-weight: 300;
            }

        .termsInquiry .terms_wrap h3 {
            margin: 20px 0 10px;
            font-weight: 500;
        }

    .termsInquiry .check_wrap {
        margin-top: 10px;
        font-size: 16px;
        color: #6d6e71;
        overflow: hidden;
    }

        .termsInquiry .check_wrap input[type="checkbox"] {
            width: 15px;
            height: 15px;
            border: #ccc solid 1px;
            background-color: #fff;
        }

.btnInquiry {
    clear: both;
    margin-top: 50px;
    text-align: center;
}

    .btnInquiry button,
    .btnInquiry a {
        display: inline-block;
        width: 140px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        box-sizing: border-box;
        margin: 0 10px;
        font-size: 16px;
    }

    .btnInquiry .btn_l {
        border: #6d6e71 solid 1px;
        background-color: #fff;
        color: #6d6e71;
    }

    .btnInquiry .btn_r {
        border: #5da292 solid 1px;
        background-color: #5da292;
        color: #fff;
    }



/* 수출입경영방침 */
div.contact_info {
    line-height: 23px;
}

div.lang_gbr div.contact_info {
    margin-bottom: 50px;
}

    div.contact_info > h3 {
        font-size: 15px;
        line-height: 23px;
        color: #000;
        font-weight: 500;
        padding: 40px 0 15px 0px;
    }

    div.contact_info p {
        font-weight: 300;
    }

        div.contact_info p.font400 {
            font-weight: 400
        }

    div.contact_info ol {
        margin-left: 15px;
    }

        div.contact_info ol li {
            font-weight: 300;
            list-style-type: inherit;
            padding-left: 7px;
            padding-top: 32px;
            letter-spacing: -1px;
        }

            div.contact_info ol li:first-child {
                padding-top: 0;
            }

div.policy_name {
    padding-top: 52px;
    text-align: right;
}

p.start_day {
    padding-top: 32px;
}



/* 공시정보관리규정 */
div.contact_info > h3.title {
    font-size: 28px;
    line-height: 30px;
    color: #000;
    font-weight: 500;
    padding: 30px 0 70px 0px;
}

div.contact_info > h4.title {
    font-size: 22px;
    padding-top: 30px;
}

div.contact_info > h4.title02 {
    font-size: 22px;
    padding-top: 65px;
}

div.contact_info > h5.title {
    font-size: 16px;
    font-weight: 400;
    padding-top: 33px;
}

div.contact_info > h5.title02 {
    font-size: 18px;
    font-weight: 400;
    padding-top: 65px;
}

div.contact_info > ul li {
    padding-left: 15px;
    text-indent: -15px;
    font-weight: 300;
}

    div.contact_info > ul li span {
        font-weight: 300;
    }


div.contact_info ul.exception_list li {
    position: relative;
    padding-left: 35px;
    text-indent: 0;
}

    div.contact_info ul.exception_list li span:first-child {
        position: absolute;
        left: 0;
        top: 0;
    }



/* _오시는 길 */
.border {
    border: 1px solid #CCC;
}

.c_red {
    color: #ff0018;
}

div.map_area {
    max-height: 527px;
}



div.location_tit {
    max-width: 900px;
    padding: 55px 0px 25px 0px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #e6e6e6;
}

dl.location_con {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 925px;
    margin: 0 auto;
    padding: 30px 0 50px;
    line-height: 30px;
}

    dl.location_con > dt {
        display: block;
        position: absolute;
        margin-top: 15px;
        font-size: 15px;
        font-weight: 500;
        line-height: 23px;
    }

    dl.location_con > dd {
        margin-top: 15px;
        padding-left: 90px;
        font-weight: 300;
        line-height: 23px;
    }




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

    /* 수출입경영방침 */
    div.contact_info {
        margin-bottom: 0;
    }

    p.drug-seller-nation {
        font-size: .8em;
    }
        /* 20191030 */
        p.drug-seller-nation span {
            background-size: auto 60%;
            padding-left: 14px;
        }
    /* 20191030 */

}



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

    /* 수출입경영방침 */
    div.contact_info {
        line-height: 20px;
    }

        div.contact_info > h3 {
            padding: 20px 0 7px 0px;
        }

        div.contact_info ol li {
            padding-top: 16px;
        }

    div.policy_name {
        padding-top: 26px;
    }

    /* 공시정보관리규정 */
    div.contact_info > h3.title {
        padding: 20px 0 35px 0;
    }

    div.contact_info > h4.title02 {
        padding-top: 32px;
    }

    div.contact_info > h5.title02 {
        padding-top: 32px;
    }

    /* faq */
    .listFaq > li:first-child {
        border-top: #dbdbdb solid 1px;
    }

    .listFaq > li dl dt {
        padding: 15px 0;
    }

        .listFaq > li dl dt > b {
            font-size: 15px;
            color: #000;
            width: 24px;
            text-align: left;
        }

        .listFaq > li dl dt > p {
            margin-left: 25px;
        }

            .listFaq > li dl dt > p button {
                font-size: 12px;
                padding: 8px 50px 6px 15px;
            }

                .listFaq > li dl dt > p button:after {
                    content: '';
                    display: block;
                    width: 15px;
                    height: 15px;
                    right: 10px;
                    top: 10px;
                    background: url('/images/sub/contact/blet_faq.png') no-repeat 0 5px;
                    background-size: 15px auto;
                }

    .listFaq > li dl.on dt > p button:after {
        background: url('/images/sub/contact/blet_faq.png') no-repeat 0 -20px;
        background-size: 15px auto;
    }

    .listFaq > li dl dd {
        font-size: 12px;
        color: #707070;
        line-height: 1.43em;
        padding: 20px 20px 20px 40px;
    }
    /* inquiry */
    /* .expInquiry {display: none;} */
    .expInquiry .exp_txt {
        font-size: 12px;
    }

    .expInquiry .btn_link {
        margin-top: 10px;
    }

        .expInquiry .btn_link a {
            font-size: 12px;
        }

    /* .inputInquiry {margin-top: 0;} */
    .inputInquiry .txtRight {
        font-size: 12px;
    }

    .listInquiry > li {
        padding: 7px 5px;
    }

        .listInquiry > li dl dt {
            font-size: 12px;
            width: 85px;
        }

        .listInquiry > li dl dd p.refer {
            font-size: 12px;
        }

        .listInquiry > li dl dd .select_wrap {
            width: 100%;
        }

            .listInquiry > li dl dd .select_wrap:after {
                right: 10px;
                top: 17px;
            }

        .listInquiry > li dl dd select {
            height: 40px;
            font-size: 12px;
        }

        .listInquiry > li dl dd input {
            height: 40px;
            padding: 0 10px;
            font-size: 12px;
        }

        .listInquiry > li dl dd textarea {
            height: 150px;
            padding: 10px 10px;
            font-size: 12px;
        }

        .listInquiry > li dl dd .file_wrap {
            padding-right: 80px;
        }

            .listInquiry > li dl dd .file_wrap input[type="file"] {
                height: 40px;
            }

            .listInquiry > li dl dd .file_wrap label {
                width: 80px;
                height: 40px;
                line-height: 40px;
                font-size: 12px;
            }

            .listInquiry > li dl dd .file_wrap input[type="text"] {
                height: 40px;
                padding: 0 10px;
            }

    .termsInquiry {
        margin-top: 40px;
    }

        .termsInquiry .tit {
            font-size: 15px;
        }

        .termsInquiry .terms_wrap {
            padding: 10px;
            font-size: 12px;
        }

            .termsInquiry .terms_wrap h3 {
                font-size: 12px;
            }

            .termsInquiry .terms_wrap .mt {
                margin-top: 10px;
            }

        .termsInquiry .check_wrap {
            margin-top: 10px;
            font-size: 12px;
        }

    .btnInquiry {
        margin-top: 30px;
    }

        .btnInquiry button,
        .btnInquiry a {
            display: inline-block;
            width: 100px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            margin: 0 5px;
            font-size: 12px;
        }
}



/* ================= 영문 메인 =================*/

/* _인사말 */
body:lang(en) div.message_bg > dl dt,
div.lang_deu div.message_bg > dl dt,
div.lang_fin div.message_bg > dl dt,
div.lang_can.fr div.message_bg > dl dt {
    max-width: 550px;
    font-weight: 400;
}

body:lang(en) div.message_bg.ceo > dl > dt,
div.lang_deu div.message_bg.ceo > dl > dt,
div.lang_fin div.message_bg.ceo > dl > dt {
    max-width: 550px;
}
/*
div.lang_eng div.message_txt > span {font-weight:300;}
*/

/* _바이오시밀러 */
/*
div.lang_eng div.biosimilar dl.fl_cont {width:630px;}
*/
div.lang_eng div.biosimilar div.bg1 > div.cont_area {
    padding: 50px 0;
}

/* _바이오시밀러 _자기면역질환*/
div.lang_eng div.biosimilar div.self_cont,
div.lang_irl div.biosimilar div.self_cont,
div.lang_gbr div.biosimilar div.self_cont {
    height: 500px;
}

    div.lang_eng div.biosimilar div.self_cont.bg2,
    div.lang_irl div.biosimilar div.self_cont.bg2,
    div.lang_gbr div.biosimilar div.self_cont.bg2 {
        height: 520px;
    }

/* _바이오시밀러 _항암제 */
div.lang_eng div.biosimilar div.antidrug_cont.bg2 div.cont_area { /*max-width:1100px;*/
}

div.lang_eng div.biosimilar div.antidrug_cont dl.fr_cont {
    width: 635px;
}

div.lang_eng div.antidrug_cont div.fr {
    padding-left: 0;
}




/* _글로벌 비즈니스*/
/*
div.lang_eng div.global_select {width:170px;}
div.lang_eng div.global_select.nation {width:220px;}
*/

/* _제품소개 */
div.lang_eng #OpenLayers_Map_25_OpenLayers_Container {
    z-index: 0 !important;
}

.product_popup > div {
    width: 1000px;
}

body:lang(hu) .product_popup > div {
    width: 1035px;
}

.product_popup.approvalStatus > div {
    width: 560px;
}

body:lang(en) .product_popup.approvalStatus > div {
    width: 750px;
}

.product_popup.compliance_fr > div {
    width: 760px;
}

/* _오시는 길 */
div.lang_eng div.location_tit {
    max-width: 940px;
    padding: 55px 0px 25px 0px;
    margin: 0 auto;
}

div.lang_eng dl.location_con > dd {
    padding-left: 105px;
}

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

    /* _바이오시밀러 */

    div.lang_eng .product_circle {
        max-width: 100%;
        max-height: 100%;
    }

    div.lang_eng .product_box.img .product_detail {
        width: 100%;
    }

    div.lang_eng .btn_global > .btn_product_detail + ul {
        max-width: 100%;
    }

    div.lang_eng div.biosimilar dl.fl_cont,
    div.lang_eng div.biosimilar div.antidrug_cont dl.fr_cont {
        width: 100%;
    }
}

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

    /* _개인정보지침 */
    div.privacy ul.tabMenu a {
        font-size: 13px !important;
        line-height: 16px;
    }


    /* _재무정보 */
    div.lang_eng .iframe_consolidated {
        height: 1750px !important;
    }

    div.lang_eng .iframe_seperate {
        height: 1720px !important;
    }

    div.lang_eng .iframe_stock {
        height: 1690px !important;
    }
}





/* ====================== 일문 추가 페이지 관련 CSS ======================*/

div div.sub_titArea h2 {
    font-family: 'Noto Sans KR', sans-serif;
}

div.lang_jpn div.sub_titArea h2 {
    font-family: "Meiryo UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-top: 115px;
}

div.lang_deu div.sub_titArea h2,
div.lang_tur div div.sub_titArea h2 {
    font-family: "Arial", sans-serif;
}


/* _컴플라이언트 */
.tp20 {
    padding-top: 20px;
}

.compliance h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 70px;
}

.compliance h4 {
    margin: 25px 0;
    font-weight: 600;
}

    .compliance h4.no_margin {
        margin: 25px 0 0 0;
    }

.compliance_list {
    margin: 75px 0;
    overflow: hidden;
}

    .compliance_list > li {
        margin-bottom: 30px;
        overflow: hidden;
    }

        .compliance_list > li .list_img {
            background-size: cover;
            width: 280px;
            height: 190px;
            float: left;
            margin-right: 45px;
        }

            .compliance_list > li .list_img.nth_1 {
                background-image: url(/images/sub/about/compliance01_jp.png);
            }

            .compliance_list > li .list_img.nth_2 {
                background-image: url(/images/sub/about/compliance02_jp.png);
            }

            .compliance_list > li .list_img.nth_3 {
                background-image: url(/images/sub/about/compliance03_jp.png);
            }

            .compliance_list > li .list_img.nth_4 {
                background-image: url(/images/sub/about/compliance04_jp.png);
            }

        .compliance_list > li .list_txt {
            float: left;
            width: 675px;
        }

            .compliance_list > li .list_txt .list_title {
                font-size: 20px;
                font-weight: bold;
                margin-bottom: 23px;
            }

.mail_box {
    display: inline-block;
}

    .mail_box > a {
        display: block;
        padding: 2px 6px;
        background: #fff;
        border: 1px solid #7c7c7c;
        box-sizing: border-box;
        font-size: 12px;
        color: #7e7e7e;
    }

        .mail_box > a > img {
            padding-right: 6px;
            vertical-align: middle;
            margin-top: -2px;
        }

div.lang_jpn div.compliance .mail_box {
    background: none;
}



div.table_scroll {
    overflow-x: auto;
}

    div.table_scroll > table {
        min-width: 800px;
    }

table.jp_table {
    width: 100%;
    font-size: 16px;
    border-collapse: collapse;
    border-top: 2px solid #52565e;
    text-align: left;
}

    table.jp_table > tbody tr {
        border-bottom: 1px solid #e8e8e8;
    }

        table.jp_table > tbody tr th {
            padding: 15px 25px;
            background-color: #fafafa;
            font-weight: 500;
        }

        table.jp_table > tbody tr td {
            padding: 25px;
        }

            table.jp_table > tbody tr td .p_style {
                float: left;
                margin-right: 18px;
                word-break: break-all;
            }

table.table01 > tbody tr th {
    font-weight: bold;
    text-align: left;
    padding: 15px 10px 5px 25px;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: top;
}

table.table01 > tbody tr td {
    text-align: left;
    padding: 15px 10px 15px 20px;
    line-height: 23px;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: top;
}




/* _바이오시밀러 */
.biosimilar_jp > p {
    padding-top: 30px;
    line-height: 25px;
}
/*
.biosimilar_jp > p:nth-of-type(2) {padding-top:70px;}
*/
.icon_area {
    overflow: hidden;
    margin: 70px 0 40px;
}

    .icon_area > li {
        box-sizing: border-box;
        position: relative;
        float: left;
        width: 33.333%;
        text-align: center;
    }

        .icon_area > li:after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            display: block;
            width: 0;
            height: 154px;
            margin: auto 0;
            border-right: 1px solid #eee;
        }

        .icon_area > li:last-child:after {
            display: none;
            clear: both;
            content: '';
        }

        .icon_area > li .icon_txt {
            margin-top: 30px;
        }


/* _Product */
.product_txt {
    text-align: center;
}

    .product_txt img {
        width: 80%;
    }

.product_img ul {
    overflow: hidden;
}

    .product_img ul > li {
        float: left;
        width: 46%;
    }

        .product_img ul > li:first-child {
            padding-right: 4%;
        }

        .product_img ul > li > p {
            margin-bottom: 15px;
            font-size: 16px;
            word-break: break-all;
        }

.products .title_jp {
    margin: 75px 0 18px 0;
    font-size: 20px;
    font-weight: bold;
}

.products .directions {
    width: 100%;
    font-size: 16px;
    border-collapse: collapse;
    border-top: 2px solid #8c8a8c;
    text-align: left;
}

    .products .directions > tbody tr {
        border-bottom: 1px solid #e8e8e8;
    }

        .products .directions > tbody tr th {
            padding: 15px 25px;
            background-color: #fafafa;
            font-weight: 500;
        }

        .products .directions > tbody tr td {
            padding: 25px;
        }

            .products .directions > tbody tr td .p_style {
                float: left;
                margin-right: 18px;
                word-break: break-all;
            }

.directions .btn_box_jp {
    width: 100px;
    margin: 0 auto;
    text-align: center;
}

    .directions .btn_box_jp > a,
    .directions .btn_box_jp02 > a {
        display: inline-block;
        width: 100%;
        padding: 5px 0 6px 0;
        font-weight: 300;
        color: #FFF;
    }

.directions .btn_box_jp02 {
    float: left;
    width: 100px;
    text-align: center;
}

.directions .btn_jp01 {
    background-color: #65b6a3;
}

.directions .btn_jp02 {
    background-color: #707070;
}


/* _Contact Us */
.personal_info > h3 {
    padding: 65px 0 15px;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #000;
}

    .personal_info > h3:first-child {
        padding-top: 0;
    }

.personal_info > dl dt,
.personal_info > dl dd {
    line-height: 30px;
}

.personal_info > dl dt {
    padding-top: 30px;
}

.personal_info .tp0 dt {
    padding-top: 0;
}

.contact_inquiry {
    overflow: hidden;
    width: 88%;
    margin: 0 auto;
}

div.lang_irl .contact_inquiry {
    width: 85%;
}

div.lang_nld .contact_inquiry {
    width: 80%;
}

div.lang_bra .contact_inquiry,
div.lang_tur .contact_inquiry {
    width: 95%;
}

div.lang_deu .contact_inquiry {
    width: 75%;
}

div.lang_fra .contact_inquiry {
    width: 60%;
}

div.lang_bel .contact_inquiry {
    width: 90%;
}

div.lang_bel.fr .contact_inquiry {
    width: 58%;
}

div.lang_col .contact_inquiry,
div.lang_per .contact_inquiry {
    width: 93%;
}

div.lang_aus .contact_inquiry {
    width: 90%;
}

.wrapper.lang_fra.be .contact_inquiry,
.wrapper.lang_nld.be .contact_inquiry,
.wrapper.lang_can.fr .contact_inquiry {
    width: 100%;
}

.contact_inquiry > ul li {
    padding-left: 0px;
}

.contact_inquiry > p {
    float: left;
    margin-right: 25px;
}

div.lang_ita .contact_inquiry > p {
    margin-top: 18px;
}

div.lang_can.fr .contact_inquiry > p {
    margin-top: 6%;
}

/*.contact_inquiry > dl {
    position: relative;
    float: left;
    margin-top: 15px;
}*/

.contact_inquiry > dl {
    position: relative;
    float: left;
    margin-top: 0px;
}

div.lang_deu .contact_inquiry > dl {
    margin-top: 22px;
}
div.lang_col .contact_inquiry > dl,
div.lang_per .contact_inquiry > dl,
div.lang_aus .contact_inquiry > dl {
    margin-top: 8px;
}
div.lang_tur .contact_inquiry > dl {
    margin-top: 12px;
}
div.lang_bel .contact_inquiry > dl {
    margin-top: 17px;
}
div.lang_bel.fr .contact_inquiry > dl {
    margin-top: 0px;
}

.contact_inquiry > dl > dt {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}

div.lang_bra .contact_inquiry > dl > dt,
div.lang_tur .contact_inquiry > dl > dt {
    margin-bottom: 5px;
}
div.lang_nld .contact_inquiry > dl > dt {
    margin-bottom: 40px;
}

div.lang_ita .contact_inquiry > dl > dt,
div.lang_col .contact_inquiry > dl > dt {
    margin-bottom: 0px;
}

.contact_inquiry > dl > dd {
    font-size: 16px;
}

    .contact_inquiry > dl > dd > img {
        position: absolute;
        left: 0;
        top: 10px;
    }


/* _경영철학 */
div.lang_jpn div.core_list > dl dd {
    font-weight: 400;
}


/* _연혁 */
div.lang_jpn .historyCont {
    word-break: normal;
}


/* _채용안내 */
div.lang_jpn .resources .ico_txt-vertical > li .title,
div.lang_jpn .recruit_info dl.recruit_flow dt,
div.lang_jpn .recruit_info td span {
    font-weight: bold;
}

div.lang_jpn .recruit_info td:nth-child(2) dl.ty01 {
    margin-left: -36px;
}

div.lang_jpn .recruit_info td:first-child dl.ty02 {
    margin-left: -55px;
}

div.lang_jpn .recruit_info td:nth-child(4) dl.ty01 {
    padding-left: 0;
}
div.lang_col .recruit_info td:nth-child(4) dl.ty01,
div.lang_per .recruit_info td:nth-child(4) dl.ty01 {
    padding-right: 10px;
}

div.lang_jpn .recruit_info td.long_w dl.recruit_flow {
    padding-right: 34px;
}

/* _연혁 */
div.lang_jpn .historyCont sup {
    vertical-align: super;
}

div.lang_tur .pc_addr_span {
    margin-left: 56px;
}



@media screen and (max-width:1024px) {
    /* _컴플라이언트 */
    .compliance {
        font-size: 12px;
        margin: 35px 0;
    }

    .compliance_list > li .list_img {
        background-size: cover;
        width: 100%;
        float: none;
    }

        .compliance_list > li .list_img.nth_1 {
            margin-right: 0px;
            background-image: url(/images/sub/about/compliance01_jp_mobile.png);
        }

        .compliance_list > li .list_img.nth_2 {
            margin-right: 0px;
            background-image: url(/images/sub/about/compliance02_jp_mobile.png);
        }

        .compliance_list > li .list_img.nth_3 {
            margin-right: 0px;
            background-image: url(/images/sub/about/compliance03_jp_mobile.png);
        }

        .compliance_list > li .list_img.nth_4 {
            margin-right: 0px;
            background-image: url(/images/sub/about/compliance04_jp_mobile.png);
        }

    .compliance_list > li .list_txt .list_title {
        font-size: 14px;
        font-weight: bold;
        margin: 10px 0 15px 0;
    }

    .compliance_list > li .list_txt {
        width: 100%;
    }

    /* _바이오시밀러 */
    .biosimilar_jp > p {
        padding-top: 15px;
        font-size: 12px;
        line-height: 18px;
    }

        .biosimilar_jp > p:nth-of-type(2) {
            padding-top: 30px;
        }

    .icon_area {
        margin: 30px 0;
    }

        .icon_area > li {
            padding: 0 5px;
            font-size: 12px;
        }

            .icon_area > li img {
                width: 80px;
            }

    /* _Product */
    .product_img ul > li:first-child {
        width: 50%;
        margin-left: 0;
        padding-right: 0;
    }

    .product_img ul > li {
        width: 43.7%;
        margin-left: 5%;
    }

        .product_img ul > li img {
            width: 100%;
        }

    .product_img02 > img {
        width: 70%;
    }

    /* _Contact Us */
    .contact_inquiry {
        overflow: hidden;
    }

        .contact_inquiry > p {
            width: 100%;
            text-align: center;
        }

        .contact_inquiry > dl {
            text-align: center;
            margin-top: 0px;
        }

    .personal_info {
        font-size: 12px;
        line-height: 18px;
    }

        .personal_info > h3 {
            padding-top: 30px;
            font-size: 14px;
            line-height: 20px;
        }

        .personal_info > dl dt,
        .personal_info > dl dd {
            line-height: 18px;
        }

        .personal_info > dl dt {
            padding-top: 15px;
        }

    .termsInquiry .terms_wrap > div {
        height: 11em;
    }
}


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

    /* _컴플라이언트 */
    table.jp_table td,
    table.jp_table th {
        font-size: 12px;
    }

    /* _레이어 팝업 */
    /*
	div#layer_popup {top:12%; width:100%; margin-left:-50%;}
	div#layer_popup > div {margin:0 30px; padding:30px 30px 40px;}
*/
    div#layer_popup > div {
        padding: 30px 30px 40px;
    }

    div#layer_popup div.btn_area > a {
        width: 80px
    }

    div.product_popup .popup_cont > p {
        padding-top: 15px;
    }

    /* _바이오시밀러 */
    .icon_area > li {
        float: none;
        width: 100%;
        margin-top: 30px;
        padding: 0;
    }

        .icon_area > li:first-child {
            margin-top: 0;
        }

        .icon_area > li img {
            width: 80px;
        }

        .icon_area > li .icon_txt {
            margin-top: 15px;
        }

    /* _Product */
    .product_img ul > li {
        float: none;
        width: 100%;
        margin: 0;
        padding-top: 20px;
    }

        .product_img ul > li:first-child {
            width: 100%;
            padding-top: 0;
        }

        .product_img ul > li > p {
            margin-bottom: 10px;
        }

    .product_img02 > img {
        width: 100%;
    }

    .products .title_jp {
        margin: 55px 0 18px 0;
        font-size: 20px;
        font-weight: bold;
    }

    .products .directions > tbody tr th {
        padding: 15px;
        font-size: 12px;
    }

    .products .directions > tbody tr td {
        padding: 15px;
        font-size: 12px;
    }

    .directions .btn_box_jp {
        width: 100%;
        font-size: 10px;
    }

    .directions .btn_jp01,
    .directions .btn_jp02 {
        padding: 5px;
    }

    .directions .btn_box_jp02 {
        font-size: 10px;
    }

    /* _Contact Us */
    .termsInquiry .terms_wrap > div {
        height: 9em;
    }

    div.lang_tur .pc_addr_span {
        margin-left: 0;
    }
}

/* 하단 레이어 팝업 2020.06 */
#btmPopup {
z-index:9999;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: auto;
    font-size: 14px;
    padding: 15px 20px;
    width: 100%;
    background: #333;
    box-sizing: border-box;
    transform: translateY(100%);
    visibility: hidden;
    word-break: initial !important;
}

div.lang_fra #btmPopup {
    background: #fff;
}

#btmPopup.on {
    transform: translateY(0);
    visibility: visible;
    transition: transform .6s ease .1s;
}

    #btmPopup .txtArea {
        width: 60%;
        margin: 0 auto;
    }

        #btmPopup .txtArea > div {
            position: relative;
        }

            #btmPopup .txtArea > div::after {
                display: block;
                content: "";
                clear: both;
            }

            #btmPopup .txtArea > div p {
                float: left;
                width: 80%;
                text-align: justify;
                color: #fff;
                margin: 0 !important;
                margin-block-start: 0;
                margin-block-end: 0;
                margin-inline-start: 0;
                margin-inline-end: 0;
                font-size: 14px !important;
            }

            #btmPopup .txtArea > div a {
                text-decoration: underline;
                color: #fff;
            }

        #btmPopup .txtArea .btn {
            position: absolute;
            top: 50%;
            right: 0;
            background: none;
            transform: translateY(-50%);
            text-decoration: none;
            color: #fff;
            border: 1px solid #fff;
            padding: 10px 25px;
        }

div.lang_fra #btmPopup .txtArea > div p {
    width: 70%;
    color: #000;
}

div.lang_fra #btmPopup .txtArea .btnArea {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

    div.lang_fra #btmPopup .txtArea .btnArea button {
        display: inline-block;
        background: none;
        text-decoration: none;
        color: #000;
        border: 1px solid #fff;
        padding: 10px 25px;
    }


@media screen and (max-width:1024px) {
    #btmPopup .txtArea {
        width: 100%;
        padding: 0 10px;
    }
}

@media screen and (max-width:500px) {
    #btmPopup .txtArea {
        padding: 0;
    }

        #btmPopup .txtArea .btn {
            position: static;
            transform: unset;
            width: 100%;
            margin-top: 20px;
        }

    div.lang_fra #btmPopup .txtArea > div p {
        width: 100%;
    }

    div.lang_fra #btmPopup .txtArea .btnArea {
        position: static;
        transform: unset;
        top: auto;
        margin-top: 20px;
        margin-left: 7%;
        text-align: center;
    }

        #btmPopup .txtArea > div p {
            width: 100%;
        }

    div.lang_fra #btmPopup .txtArea > div p {
        float: none;
    }
}

/* 영국/호주 */
div.lang_gbr .list_left,
div.lang_aus .list_left {
    width: 35%;
    float: left;
    padding: 10px 0;
}

div.lang_gbr .list_right,
div.lang_aus .list_right {
    width: 65%;
    padding: 10px 0;
    /*display: -webkit-inline-box;*/
    display: inline-block;
}

    div.lang_gbr .list_right.box,
    div.lang_aus .list_right.box {
        width: 62%;
        padding: 5px 10px;
    }

        div.lang_gbr .list_right.box.option1,
        div.lang_aus .list_right.box.option1 {
            background-color: #c4e1d6;
        }

        div.lang_gbr .list_right.box.option2,
        div.lang_aus .list_right.box.option2 {
            border: 2px solid;
        }


div.lang_gbr dl,
div.lang_aus dl {
    margin-top: 20px;
}

@media screen and (max-width:768px) {
    div.lang_gbr .list_left,
    div.lang_aus .list_left {
        width: 32%;
    }

    div.lang_gbr .list_right.box.option2,
    div.lang_aus .list_right.box.option2 {
        width: 60%;
    }
}