@charset "utf-8";


@media (min-width: 1921px) {
    /* BACKGROUND */
    .full_bg_section {
        background-size: 100% 100%;
    }

    /* BACKGROUND */
    .value_core_typo_layer {
        background-size: 100% 100%;
    }

    /* BACKGROUND */
    .csr_project_bg {
        background-size: 100% 100%;
    }
}


/* **************************************** *
 * 1900px
 * **************************************** */

@media (max-width: 1900px) {
    /* MAIN */
    .main_business_products_decorate {
        width: 56%;
    }
}


/* **************************************** *
 * 1700px
 * **************************************** */

@media (max-width: 1700px) {
    /*  */
    .value_core_typo_bg {
        padding-bottom: 335px;
    }
    .value_core_typo {
        font-size: 100px;
    }
}


/* **************************************** *
 * 1550px
 * **************************************** */

@media (max-width: 1550px) {
    /* LAYOUT */
    .full_wrap {
        padding-left: 60px;
        padding-right: 60px;
    }

    /* HEADER */
    .header_wrap {
        padding-left: 60px;
        padding-right: 60px;
    }
    .header_wrap:before {
        left: 60px;
        right: 60px;
    }

    /* SCROLL TOP */
    .go_top {
        right: 60px;
    }

    /* SCROLL DOWN */
    .scroll_down {
        width: 66px;
        height: 66px;
        margin-left: -33px;
    }
    .scroll_down>svg {
        width: 66px;
        height: 66px;
    }

    /* PAGE */
    .article_header {
        height: -webkit-calc(100vh + 170px);
        height: calc(100vh + 170px);
    }
    .article_header_inner {
        height: -webkit-calc(100vh - 140px);
        height: calc(100vh - 140px);
    }
    .article_breadcrumbs {
        height: 140px;
        margin-top: -310px;
    }
    .breadcrumb {
        padding: 63px 0 55px;
    }

    /* SEARCH */
    #search_popup {
        padding-left: 60px;
        padding-right: 60px;
    }
    .search_popup_inner {
        padding: 0 115px 0 240px;
    }

    /* MAIN */
    .main_visual {
        height: -webkit-calc(100vh + 170px);
        height: calc(100vh + 170px);
    }
    .main_visual_controler {
        right: 60px;
    }
    .main_visual .scroll_down {
        bottom: 210px;
    }

    .main_business_box_01 .main_business_img {
        top: -65px;
    }

    /* 가치체계 */
    .value_core_typo_bg {
        padding-bottom: 340px;
    }
    .value_core_typo {
        font-size: 90px;
    }
}


/* 1550px */


/* **************************************** *
 * 1440px
 * **************************************** */

@media (max-width: 1440px) {
    /*  */
    .environment_banner_pic {
        left: -20px;
    }
    #menu>li>ul>li>a{
        font-size: 14px;
    }
}


/* 1440px */


/* **************************************** *
 * 1400px
 * **************************************** */

@media (max-width: 1400px) {
    /* LAYOUT */
    .full_wrap {
        padding-left: 50px;
        padding-right: 50px;
    }
    .wrap {
        max-width: inherit;
        margin: 0 50px;
    }

    /* HEADER */
    .header_wrap {
        padding-left: 50px;
        padding-right: 50px;
    }
    .header_wrap:before {
        left: 50px;
        right: 50px;
    }
    .menu_container_bg {
        background-size: 270px auto;
    }
    #menu>li>a {
        padding: 30px 19px;
    }
    .minimize #menu>li>a {
        padding: 22.5px 26px;
    }

    /* SCROLL TOP */
    .go_top {
        right: 50px;
    }

    /* PAGE */
    .article_header {
        height: -webkit-calc(100vh + 130px);
        height: calc(100vh + 130px);
    }
    .article_header_inner {
        height: -webkit-calc(100vh - 110px);
        height: calc(100vh - 110px);
    }
    .article_breadcrumbs {
        height: 110px;
        margin-top: -240px;
    }
    .breadcrumb {
        padding: 48px 0 40px;
    }

    .article_nav_title {
        width: 90px;
    }

    .article_header_table {
        padding: 0 185px;
    }
    .article_header_table .wrap {
        margin: 0;
    }
    .article_sub_title {
        font-size: 28px;
    }
    .article_sub_title.secondary {
        font-size: 70px;
    }

    /* SEARCH */
    #search_popup {
        padding-left: 50px;
        padding-right: 50px;
    }
    .search_popup_inner {
        padding: 0 108px 0 233px;
    }
    .search_popup_close span:after {
        font-size: 28px;
    }
    .search_field {
        font-size: 32px;
    }
    .search_form_input {
        height: 70px;
    }
    .search_submit:after {
        font-size: 28px;
        line-height: 70px;
    }

    /* SINGLE */
    .single .main_container {
        padding-bottom: 5%;
    }

    .single_view_header {
        padding-bottom: 30px;
    }
    .jt_single_title h2 {
        font-size: 26px;
    }
    .jt_single_notice .jt_single_notice_mark {
        margin-top: 4px;
        margin-right: 14px;
    }
    .jt_single_state .jt_single_state_mark {
        margin-top: 4px;
        margin-right: 14px;
    }

    /* MAIN */
    .main_section_title {
        padding-bottom: 55px;
    }

    .title_ab{
        padding-bottom: 0;
    }

    .title_ny{
        padding-bottom: 10px;
    }

    .main_visual {
        height: -webkit-calc(100vh + 130px);
        height: calc(100vh + 130px);
    }
    .main_visual_table {
        padding: 0 50px;
    }
    .main_visual_item h2 {
        font-size: 80px;
    }
    .main_visual_item span {
        font-size: 24px;
    }
    .main_visual_controler {
        right: 50px;
    }
    .main_visual .scroll_down {
        bottom: 160px;
    }

    .main_business strong {
        padding-bottom: 44px;
    }
    .main_business b {
        font-size: 22px;
    }
    .main_business video {
        width: 100%;
    }
    .main_business_box_01 .main_business_txt {
        width: 45%;
        padding-right: 4%;
        padding-bottom: 0;
    }
    .main_business_box_01 .main_business_img {
        width: 55%;
        top: 0px;
    }
    .main_business_box_02 .main_business_txt {
        width: 45%;
        padding-left: 4%;
    }
    .main_business_box_02 .main_business_img {
        width: 55%;
    }
    .main_business_products_decorate {
        width: 54%;
        height: 1150px;
        bottom: -122px;
    }
    .main_business_colorpaste {
        padding: 18% 0 14%;
    }

    .main_chemical_txt p br {
        display: none;
    }

    .main_about_txt p br {
        display: none;
    }

    .main_info_recruit h3 {
        left: 78px;
    }
    .main_recruit_cell {
        padding: 30px 82px;
    }
    /* .main_info h3 {font-size: 45px;} */
    /* SUB */
    .sub_section_title {
        padding-bottom: 60px;
        font-size: 45px;
    }

    .page_tabs {
        margin-top: -20px;
    }

    .middle_grid.primary .middle_grid_content {
        padding-left: 4%;
    }
    .middle_grid.secondary .middle_grid_content {
        padding-right: 4%;
    }

    .irregular_grid_primary .irregular_grid_img {
        width: 49%;
    }
    .irregular_grid_primary .irregular_grid_txt {
        width: 51%;
        padding-right: 5%;
    }
    .irregular_grid_secondary .irregular_grid_img {
        width: 51%;
    }
    .irregular_grid_secondary .irregular_grid_txt {
        width: 49%;
    }
    .irregular_grid_txt p br {
        display: none;
    }

    .icon_step_list>li:before {
        padding-left: 0;
    }
    .icon_step_list p br {
        display: none;
    }

    .thumb_data_list_txt p br {
        display: none;
    }

    /*  */
    .about_banner {
        height: 670px;
    }
    .about_banner_pic img {
        width: 100%;
        max-width: 84%;
    }

    /* CEO */
    .ceo_typo.full_typo_banner {
        padding-bottom: 27%;
    }
    .ceo_outro {
        margin-top: -14%;
    }

    /* CI */
    .ci_information_title h3 {
        font-size: 42px;
    }

    /*  */
    .product_inquiry_group_title {
        padding-bottom: 24px;
        font-size: 26px;
    }

    /*  */
    .relational_intro_content {
        padding-left: 4%;
    }
    .relational_intro_content p br {
        display: none;
    }
    .kcna_typo.full_typo_banner {
        padding-bottom: 44%;
    }
    .enf_typo.full_typo_banner {
        padding-bottom: 39%;
    }

    /*  */
    .location_item {
        padding: 85px 0 20px;
    }
    .location_item_header {
        padding-bottom: 45px;
    }

    /* BUSINESS (COLOR PASTE) */
    .business_content:before {
        width: 620px;
        height: 923px;
    }
    .business_content_head h2 {
        font-size: 42px;
    }

    /*  */
    .financial_data_wrap:before {
        width: 900px;
        height: 792px;
        top: -590px;
    }

    /*  */
    .products_data:before {
        width: 950px;
        height: 992px;
    }

    /*  */
    .rnd_info {
        padding-bottom: 100px;
    }
    .rnd_info_box {
        margin-bottom: 70px;
    }
    .rnd_info_first_box div.rnd_info_box_inner {
        padding-left: 4%;
    }
    .rnd_info_second_box div.rnd_info_box_inner {
        padding-right: 4%;
    }

    /*  */
    .competent_outro {
        padding-bottom: 39%;
    }

    /*  */
    .vision_banner {
        padding: 110px 0;
    }
    .value_core_circle {
        margin-top: 15px;
    }
    .value_core_typo {
        font-size: 85px;
    }

    /* */
    .pr_video_container:after {
        bottom: -10%;
    }
    .pr_video_txt {
        margin-top: 40px;
    }

    .pr_brochure_info {
        padding-left: 4%;
        padding-right: 125px;
    }

    /*  */
    .people_benefit_pic img {
        max-width: 700px;
    }
    .lh-news,.welfareTxt{
        padding-top: 20px;
    }
}


/* 1400px */


/* **************************************** *
 * 1314px
 * **************************************** */

@media (max-width: 1314px) {
    /*  */
    .quality_stair_list>li:nth-child(4) {
        clear: both;
        margin-top: 90px;
    }
}


/* **************************************** *
 * 1280px
 * **************************************** */

@media (max-width: 1280px) {
    /* LAYOUT */
    .full_wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .wrap {
        margin: 0 40px;
    }

    .main_container {
        padding-bottom: 13%;
    }

    /* HEADER */
    #header {
        height: 58px;
    }
    .header_wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
    .header_wrap:before {
        left: 20px;
        right: 20px;
    }

    #logo {
        width: 135px;
        height: 24px;
        left: 20px;
        top: 12px;
    }
    #menu>li>a {
        padding: 26.5px 22px;
        font-size: 16px;
    }
    #menu>li>ul>li>a {
        padding: 6.5px 12px;
        font-size: 15px;
    }
    #menu>li>ul>li:first-child>a {
        padding-top: 19.5px;
    }
    #menu>li>ul>li:last-child>a {
        padding-bottom: 26.5px;
    }
    .menu_container_bg {
        top: 80px;
        background-size: 250px auto;
    }
    .lang_container {
        top: 30.5px;
        right: 60px;
    }
    .search_container {
        right: 20px;
        top: 33px;
    }

    .minimize#header {
        height: 65px;
    }
    .minimize #menu>li>a {
        padding: 19px 22px;
    }
    .minimize .menu_container_bg {
        top: 65px;
    }
    .minimize .lang_container {
        top: 23px;
    }
    .minimize .search_container {
        top: 22.5px;
    }

    /* FOOTER */
    #footer {
        padding: 50px 0 70px;
    }
    .footer_inner {
        margin: 0 40px;
    }
    .footer_menu_nav {
        margin-bottom: 26px;
    }

    /* SCROLL TOP */
    .go_top {
        width: 50px;
        height: 50px;
        right: 20px;
    }
    .go_top span:after {
        line-height: 50px;
    }

    /* SCROLL DOWN */
    .scroll_down {
        display: block;
        width: 54px;
        height: 54px;
        bottom: 25px;
        margin-left: -27px;
    }
    .scroll_down>svg {
        width: 54px;
        height: 54px;
    }
    .scroll_down>span:after {
        width: 16px;
        height: 16px;
        font-size: 16px;
    }

    /* PAGE */
    .article_header {
        height: 100vh;
    }
    .article_header_inner {
        height: 100vh;
        padding-top: 0;
    }

    .article_basic_header {
        padding: 190px 0 60px;
    }

    .article_breadcrumbs {
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
    }
    .breadcrumb {
        padding: 35px 0 33px;
        border-bottom: 1px solid #eee;
    }

    .article_nav {
        height: 42px;
        margin-top: 17px;
    }
    .article_nav_pic {
        width: 42px;
    }
    .article_nav_pic:before {
        width: 40px;
    }
    .article_nav_pre {
        left: 20px;
    }
    .article_nav_pre .article_nav_pic:before {
        left: 18px;
    }
    .article_nav_next {
        right: 20px;
    }
    .article_nav_next .article_nav_pic:before {
        right: 18px;
    }

    .article_sub_title {
        font-size: 26px;
    }
    .article_sub_title.secondary {
        font-size: 65px;
    }
    .article_desc {
        padding-top: 17px;
    }

    /* SEARCH */
    #search_popup {
        padding-left: 20px;
        padding-right: 20px;
    }
    .search_popup_inner {
        padding: 0 71px 0 192px;
    }
    .search_popup_close {
        width: 40px;
        height: 40px;
        top: 42px;
        right: 11px;
    }
    .search_popup_close span:after {
        font-size: 23px;
        line-height: 40px;
    }
    .search_form {
        padding-top: 51px;
    }
    .search_field {
        font-size: 24px;
    }
    .search_form_input {
        height: 55px;
    }
    .search_form_input:after {
        height: 3px;
    }
    .search_form input.search_field {
        border-bottom-width: 3px;
    }
    .search_label {
        padding-bottom: 10px;
    }
    .search_submit:after {
        font-size: 22px;
        line-height: 55px;
    }
    .minimize .search_form {
        padding-top: 25px;
        padding-bottom: 33px;
    }

    /* SINGLE */
    .single_view_container {
        padding-top: 0;
    }

    .single_comments .comment-list {
        margin-top: 90px;
    }

    /* STRAP */
    ul.jt_horizontal_form>li>div:first-child {
        width: 11%;
        padding-left: 20px;
    }
    ul.jt_horizontal_form>li>div:first-child+div {
        width: 89%;
    }

    /* COMPONENT */
    button.mfp-close,
    .mfp-iframe-holder button.mfp-close {
        right: -60px;
    }

    /* MAIN */
    .main_section {
        padding: 80px 0 95px;
    }

    .main_visual {
        height: -webkit-calc(100vh + 100px);
        height: calc(100vh + 100px);
    }
    .main_visual_table {
        padding: 0 20px;
    }
    .main_visual_item h2 {
        font-size: 70px;
    }
    .main_visual_item span {
        font-size: 22px;
    }
    .main_visual_controler {
        right: 20px;
    }
    .main_visual .scroll_down {
        bottom: 125px;
    }

    .main_business strong {
        padding-bottom: 35px;
    }
    .main_business b {
        font-size: 20px;
    }
    .main_business video {
        width: -webkit-calc(100% + 5px);
        width: calc(100% + 5px);
    }
    .main_business_box_01 {
        margin-top: -70px;
    }
    .main_business_box_02 {
        margin-top: -85px;
    }
    .main_business_box_02 .main_business_txt {
        padding-right: 4%;
    }
    .main_business_box_01 p br,
    .main_business_box_02 p br {
        display: none;
    }
    .main_business_products_decorate {
        width: 50%;
        height: 860px;
        bottom: -72px;
        right: 40px;
    }
    .main_business_colorpaste {
        margin: -51px 40px 0;
    }

    .main_chemical_txt {
        padding-top: 0px;
    }
    .main_chemical_txt p {
        padding-top: 10px;
    }

    .main_about.main_section {
        padding-bottom: 160px;
    }
    .main_about_txt {
        padding-top: 25px;
    }
    .main_about_txt p {
        padding-top: 12px;
    }

    .main_info {
        margin-top: -150px;
    }
    /* .main_info h3 {font-size: 42px;} */
    .main_info_container {
        height: 650px;
    }
    .main_info_recruit h3 {
        top: 133px;
        left: 10%;
    }
    .main_info_recruit_man {
        width: 294px;
        height: 700px;
    }
    .main_recruit_cell {
        padding: 30px 10%;
    }
    .main_info_recruit b {
        font-size: 23px;
    }

    .main_banner_container {
        height: 255px;
    }

    /* SUB */
    .article_first_section_inner {
        min-height: inherit;
    }
    .article_first_section .sub_section_title {
        margin-top: 0;
    }

    .sub_section_title {
        padding-bottom: 40px;
        font-size: 43px;
    }
    .sub_section_title[lang="en"] {
        padding-bottom: 50px;
        font-size: 47px;
    }
    .sub_section_desc {
        padding: 20px 0 50px;
    }

    .page_tabs {
        margin-top: -25px;
        margin-bottom: 55px;
    }
    .page_tabs li a {
        padding: 25px 30px;
        font-size: 30px;
    }

    .middle_grid_content>h2 {
        font-size: 40px;
    }
    .middle_grid_content>h2[lang="en"] {
        font-size: 53px;
    }
    .middle_grid_content>p br {
        display: none;
    }
    .middle_grid_content>span {
        font-size: 25px;
    }

    .full_bg_section {
        background-size: 100% auto;
    }

    .full_typo_banner {
        padding-top: 120px;
    }
    .full_typo_banner strong {
        font-size: 40px;
    }

    .irregular_grid_txt h2 {
        font-size: 53px;
    }
    .irregular_grid_txt b {
        padding-bottom: 13px;
        font-size: 24px;
    }
    .irregular_grid_txt p {
        padding-bottom: 20px;
    }
    .irregular_grid_primary .irregular_grid_txt {
        padding-right: 4%;
    }
    .irregular_grid_secondary .irregular_grid_img {
        width: 47%;
    }
    .irregular_grid_secondary .irregular_grid_txt {
        width: 53%;
        padding-left: 4%
    }

    .data_table_list_outer {
        padding: 70px 0;
    }

    .thumb_data_list_img,
    .thumb_data_list_txt {
        padding: 50px 0;
    }
    .thumb_data_list_txt {
        padding-left: 4%;
    }

    .card_list {
        margin: -6px;
    }
    .card_list>li {
        padding: 6px;
    }
    .card_list_img img {
        width: 100%;
    }
    .card_list_content {
        padding: 35px 28px 45px;
    }
    .card_list_content>p br {
        display: none;
    }

    .icon_index_list {
        margin: -6px;
    }
    .icon_index_list>li {
        padding: 6px;
    }
    .icon_index_list_inner {
        padding: 22px 22px 45px;
    }
    .icon_index_list>li.empty_index .icon_index_list_inner {
        background-size: 160px auto;
    }

    .card_count_list_outer_gradient {
        height: 300px;
    }
    .card_count_list {
        margin: -6px;
    }
    .card_count_list>li {
        padding: 6px;
    }
    .card_count_list_img img {
        width: 100%;
    }

    /*  */
    .about_intro {
        padding-bottom: 8%;
    }
    .about_irregular_grid_01 {
        padding: 16% 0;
    }
    .about_irregular_grid_02 {
        padding: 19% 0 7%;
    }
    .about_irregular_grid_03 {
        padding: 20% 0 18%;
    }

    .about_banner {
        height: 600px;
    }
    .about_banner_pic img {
        max-width: 80%;
    }

    .about_history {
        padding-top: 15px;
    }
    .about_history_gallery_item figcaption {
        padding: 20px 14px 22px;
    }
    .about_history_gallery_item p {
        font-size: 18px;
    }
    .about_history_list>li {
        padding: 40px 0;
    }
    .history_list_year {
        font-size: 35px;
    }

    /* CEO */
    .ceo_outro {
        margin-top: -13%;
    }
    .ceo_outro .middle_grid_content {
        padding-top: 120px;
    }
    .ceo_sign {
        padding-top: 34px;
    }

    /*  */
    .career_step {
        margin-bottom: 65px;
    }

    /* CI */
    .ci_intro_txt {
        padding: 60px 0;
    }
    .ci_intro_title {
        width: 40%;
    }
    .ci_intro_desc {
        width: 60%;
    }

    .ci_information_list>li {
        padding: 60px 0 70px;
    }
    .ci_information_title h3 {
        font-size: 38px;
    }
    .ci_color_board {
        padding: 36px 28px;
        font-size: 42px;
    }
    .ci_color>li {
        width: 48%;
        margin-right: 4%;
    }
    .ci_color_info>li>p>span {
        padding-right: 16px;
    }

    /*  */
    .product_inquiry_group {
        padding-bottom: 55px;
    }
    .product_inquiry_group_title {
        padding-bottom: 20px;
    }
    .product_inquiry_table td.category {
        padding: 10px 20px;
    }
    .product_inquiry_department_info {
        padding: 25px 20px 31px;
    }
    .product_inquiry_department_info p {
        padding-bottom: 20px;
    }

    /*  */
    .relational_intro {
        padding-top: 0;
    }

    .relational_table_group {
        padding: 60px 0 70px;
    }
    .relational_table_group>h2 {
        font-size: 36px;
    }
    .relational_table_group>p {
        padding-bottom: 28px;
    }

    .kcna_typo.full_typo_banner {
        padding-bottom: 26%;
    }
    .kcna_table {
        margin-top: -17%;
    }
    .enf_typo.full_typo_banner {
        padding-bottom: 27%;
    }
    .enf_table {
        margin-top: -15%;
    }

    .relational_popup {
        width: 890px;
        padding: 46px 38px;
    }

    /*  */
    .network_intro h2 {
        font-size: 40px;
    }
    .network_intro p br {
        display: none;
    }

    .location_data {
        margin-top: -70px;
    }
    .location_banner .slick-control {
        bottom: -16px;
    }
    .location_banner .slick-control .slick-arrows {
        margin: 0 7px;
    }

    /*  */
    .investment_section .page_tabs {
        margin-top: -15px;
    }
    .investment_section .page_tabs li a {
        padding: 15px 22px;
    }

    /* BUSINESS (COLOR PASTE) */
    .business_content:before {
        width: 570px;
        height: 848px;
    }

    .business_content_head h2 {
        font-size: 38px;
    }

    .business_child_category {
        padding-right: 25px;
    }
    .business_child_category>li>a {
        padding: 16px 0;
        font-size: 26px;
    }

    .business_predata>li {
        width: 48%;
        margin-bottom: 4%;
    }
    .business_predata>li:nth-child(odd) {
        margin-right: 4%;
    }
    .business_predata_info {
        padding-left: 25px;
    }
    .business_predata_info .jt_btn {
        min-width: 140px;
        padding: 16px;
    }
    .business_predata_info .jt_btn[lang="en"] {
        min-width: 140px;
        padding: 16px;
    }

    .business_detail_title {
        padding: 16px 25px;
    }
    .business_detail_content {
        padding: 22px 25px 56px;
    }

    /*  */
    .jtstock_price {
        margin-top: 0;
    }
    .jtstock_price_cell:nth-child(1) {
        padding-right: 25px;
    }
    .jtstock_price_cell:nth-child(2) {
        padding-left: 25px;
    }

    .jtstock_value b {
        font-size: 65px;
    }
    .jtstock_value .jtstock_icon:after {
        font-size: 17px;
    }

    .jtstock_error {
        padding: 6% 0 0;
    }
    .jtstock_error i:after {
        font-size: 55px;
    }

    /*  */
    .financial_data_wrap:before {
        width: 750px;
        height: 660px;
        top: -576px;
    }

    /*  */
    .products_category>li:nth-child(1) {
        width: 50%;
        max-width: 588px;
    }
    .products_category>li:nth-child(2) {
        width: 45%;
        max-width: 486px;
    }
    .products_category>li:nth-child(3) {
        width: 50%;
        max-width: 481px;
    }
    .products_category_info h3 {
        font-size: 38px;
    }
    .products_category_info b {
        font-size: 22px;
    }
    .products_category_info p br {
        display: none;
    }

    .products_data {
        padding-top: 70px;
    }
    .products_data:before {
        width: 800px;
        height: 835px;
        top: -612px;
    }

    /*  */
    .rnd_info_box h2 {
        padding-bottom: 13px;
        font-size: 60px;
    }
    .rnd_info_box p {
        padding-top: 15px;
    }
    .rnd_info_box p br {
        display: none;
    }
    .rnd_info_box b {
        padding-top: 15px;
    }
    .rnd_info_box span i:last-child {
        padding-left: 36%;
    }

    .rnd_facility_banner {
        height: auto;
        padding-top: 48%;
    }

    .rnd_facility_data .data_table_list_outer {
        padding: 50px 0 0;
    }
    .rnd_facility_data .sub_section_title {
        padding-bottom: 40px;
    }

    /*  */
    .competent_intro {
        padding-bottom: 7%;
    }
    .competent_outro {
        padding-top: 7%;
        padding-bottom: 28%;
    }

    /*  */
    .environment_banner {
        margin-top: 100px;
        padding: 191px 0 218px;
    }
    .environment_banner:after {
        bottom: -200px;
        height: 200px;
    }
    .environment_banner_pic img {
        max-width: 800px;
    }
    .environment_banner span {
        font-size: 60px;
    }

    .environment_task>li {
        padding: 40px 35px;
    }

    /*  */
    .csr_project_header h2 {
        font-size: 55px;
    }

    .csr_activity_slider {
        margin: -6px;
    }
    .csr_activity_item {
        padding: 0 6px;
    }
    .csr_activity .slick-control .slick-prev,
    .csr_activity .slick-control .slick-next {
        background: #fff;
        border-radius: 50%;
    }
    .csr_activity .slick-control .slick-prev {
        left: -24px;
    }
    .csr_activity .slick-control .slick-next {
        right: -24px;
    }

    /*  */
    .quality_intro_txt h2 {
        font-size: 55px;
    }
    .quality_intro_txt span {
        font-size: 25px;
    }

    .quality_banner {
        padding-top: 17%;
        padding-bottom: 10%;
    }
    .quality_banner_inner b {
        font-size: 31px;
    }
    .quality_banner_inner b span {
        padding: 0 10px;
    }

    /*  */
    .value_mission {
        padding-bottom: 65px;
    }

    .vision_banner {
        padding: 40px 0;
    }
    .vision_banner_inner {
        padding: 120px 0;
    }

    .value_strategy {
        padding: 75px 0 27%;
    }

    .value_core_circle {
        width: 530px;
        height: 530px;
    }
    .value_core_list>li {
        width: 225px;
    }
    .value_core_list>li:nth-child(1) {
        left: -45%;
    }
    .value_core_list>li:nth-child(2) {
        right: -45%;
    }
    .value_core_list>li:nth-child(3) {
        right: -45%;
    }
    .value_core_list>li:nth-child(4) {
        left: -45%;
    }

    .value_core_typo_bg {
        margin-top: -6%;
        padding: 14% 0 18%;
    }
    .value_core_typo {
        font-size: 70px;
    }
    .value_core_typo_layer {
        background-size: 100% auto;
    }

    /*  */
    .people_education {
        padding-top: 4.5%;
    }
    .people_organization {
        padding-bottom: 7%;
    }

    .reward_list>li:nth-child(1) .reward_list_content {
        right: -229px;
    }

    .people_benefit {
        padding-top: 25%;
        padding-bottom: 7%;
    }
    .people_benefit_pic {
        top: -60px;
    }
    .people_benefit_pic img {
        max-width: 630px;
    }
    .benefit_list {
        margin: -6px;
    }
    .benefit_list>li {
        padding: 6px;
    }
    .benefit_list_inner figcaption p br {
        display: none;
    }

    /* SITEMAP */
    .sitemap_menu>li {
        margin-bottom: 50px;
    }

    /* 404 */
    .error_404 {
        padding: 25% 0;
    }
}


/* 1280px */


/* **************************************** *
 * 1279px
 * **************************************** */

@media (max-width: 1279px) {
    /*  */
    .environment_banner_pic img {
        position: relative;
        left: -250px;
    }
}


/* 1279px */

/* **************************
 * 1200px
 * *****************************/
@media (max-width: 1200px){
    .full_menu .full_list{
        width: 1000px;
    }
    .full_menu .full_list>ul>li::after{
        right: 32px;
    }
}
/* 1200px */


/* **************************************** *
 * 1024px
 * **************************************** */
@media (max-width: 1024px){
    .menu_container,
    .menu_container_bg {
        display: none;
    }
    .float-box{
        display: none;
    }


    /* HEADER */
    .nav_top-wrap{
        display: none;
    }
    #phone_header {
        display: block;
        height: 73px;
        top: 0;
        width: 100%;
        position: fixed;
        background: #fff;
        z-index: 999;
    }
    .header_wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .header_wrap:before {
        display: none;
    }
    .header_inner {}

    #logo {
        width: 130px;
        height: 23px;
        left: 3%;
        top: 7.5px;
    }
    #logo a svg path {
        fill: #fff;
        -webkit-transition: fill 300ms;
        transition: fill 300ms;
    }

    .lang_container {
        width: 320px;
        height: 51px;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 651;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: none;
        transition: none;
        background: #fff;
    }
    .lang_menu {
        width: 100%;
        height: 100%;
        margin-left: 15px;
    }
    .lang_menu li a {
        line-height: 65px;
        color: #aaa;
    }
    .lang_menu li:last-child a {
        padding-right: 10.5px;
    }
    .lang_menu li:last-child a:after {
        display: block;
    }
    html:not([lang="ko"]) .lang_container {
        right: 0;
    }
    html:not([lang="ko"]) .lang_menu li:last-child a:after {
        display: none;
    }

    .search_container {
        position: fixed;
        top: 18px;
        right: 161px;
        z-index: 652;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: none;
        transition: none;
    }
    .search_btn {
        width: 14px;
        height: 14px;
    }
    .search_btn:after {
        font-size: 14px;
    }
    .search_btn:hover:after {
        color: #000;
    }
    .main_visual {
        height: 600px;
    }
    #small_menu_btn {
        display: block;
        width: 25px;
        height: 16px;
        position: absolute;
        top: 30px;
        right: 3%;
        z-index: 550;
        cursor: pointer;
        -webkit-transition: top 300ms;
        transition: top 300ms;
    }
    .small_menu_btn_line {
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        background: #000000;
        -webkit-transition: background 300ms;
        transition: background 300ms;
    }
    .small_menu_btn_line_01 {
        top: 0;
    }
    .small_menu_btn_line_02 {
        top: 7px;
    }
    .small_menu_btn_line_03 {
        bottom: 0;
    }

    .small_menu_container {
        display: none;
        width: 320px;
        height: 100%;
        margin: 0;
        padding: 20px 15px 60px;
        position: fixed;
        top: 0;
        bottom: 0;
        left: inherit;
        right: -350px;
        z-index: 650;
        background: #fff;
    }
    .small_menu_container_inner {
        width: 100%;
        height: 100%;
        position: relative;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        overflow: hidden;
    }

    .small_menu_nav {
        width: 100%;
        height: 100%;
        position: relative;
    }
    #small_menu {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: -1px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
    }
    #small_menu>li {
        display: block;
        width: 100%;
    }
    #small_menu>li>a {
        display: block;
        width: 100%;
        padding: 15px 0;
        position: relative;
        font-size: 15px;
        line-height: 1.38;
        font-weight: 600;
        color: #222;
        border-bottom: 1px solid #eee;
    }
    #small_menu>li>a:after {
        display: block;
        width: 14px;
        height: 20px;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -7px;
        font-family: 'jt-font';
        content: '';
        background-image: url('../images/wel09.png');
        background-repeat: no-repeat;
        font-size: 10px;
        font-weight: normal;
        line-height: 14px;
        color: #444;
    }
    #small_menu>li.current-page-ancestor>a {
        color: #1c9ad6;
    }
    #small_menu>li>a>span {
        display: block;
        width: 125px;
        padding-right: 28px;
        position: relative;
    }
    #small_menu>li.open>a>span:after {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        position: absolute;
        right: 12px;
        top: 50%;
        margin-top: -3.5px;
        background: #1c9ad6;
        border-radius: 50%;
    }
    .single-notice #small_menu>li.menu-item-promote>a,
    .single-career #small_menu>li.menu-item-career>a,
    .single-inquiry #small_menu>li.menu-item-career>a {
        color: #1c9ad6;
    }

    .small_depth_menu_nav {
        width: 165px;
        height: 100%;
        position: absolute;
        top: 0;
        right: -165px;
        background: #f6f6f6;
    }
    #small_depth_menu {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    #small_depth_menu>li {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        opacity: 0;
        visibility: hidden;
        -ms-overflow-style: none;
    }
    #small_depth_menu .sub-menu {
        display: block;
        width: 100%;
        padding: 0 20px;
    }
    #small_depth_menu .sub-menu>li {
        display: block;
        width: 100%;
    }
    #small_depth_menu .sub-menu>li>a {
        display: block;
        padding: 16px 0;
        font-size: 14px;
        line-height: 1.38;
        font-weight: 600;
        color: #888;
    }
    #small_depth_menu .sub-menu>li.current-menu-item>a,
    #small_depth_menu .sub-menu>li.current-page-ancestor>a {
        color: #1c9ad6;
    }
    .single-notice #small_depth_menu .sub-menu>li.menu-item-news>a,
    .single-career #small_depth_menu .sub-menu>li.menu-item-employment>a,
    .single-inquiry #small_depth_menu .sub-menu>li.menu-item-career-inquiry>a {
        color: #1c9ad6;
    }

    .addition_menu_nav {
        width: 320px;
        padding: 0 15px;
        position: absolute;
        bottom: 20px;
        right: 0;
        z-index: 652;
    }
    .addition_menu li {
        float: left;
    }
    .addition_menu li a {
        display: block;
        padding: 0 10px;
        position: relative;
        font-size: 13px;
        font-weight: 400;
        color: #222;
    }
    .addition_menu li a:after {
        content: '';
        display: block;
        width: 1px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -6px;
        background: #ddd;
    }
    .addition_menu li:first-child a {
        padding-left: 0;
    }
    .addition_menu li:last-child a {
        padding-right: 0;
    }
    .addition_menu li:last-child a:after {
        display: none;
    }
    .addition_menu li a span {
        display: block;
        position: relative;
    }
    .addition_menu li.competent a span {
        padding-right: 16px;
    }
    .addition_menu li.competent a span:after {
        display: block;
        width: 12px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -6px;
        font-family: 'jt-font';
        content: '';
        font-size: 12px;
        font-weight: normal;
        line-height: 1;
        color: #222;
    }

    #small_menu_close {
        display: block;
        width: 30px;
        height: 30px;
        position: fixed;
        top: 10.5px;
        right: -30px;
        z-index: 650;
        cursor: pointer;
        background-image: url("../images/close.png");
        background-repeat: no-repeat;
    }

    #small_menu_overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #000000;
        background: rgba(0, 0, 0, .8);
        z-index: 600;
    }
    .fashion-item{
        margin: 0 34px;
    }
    .banner{
        display: none;
    }
    .banner-box{
        display: block;
    }

    .banner-phone { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; position: relative; }
    .banner-phone .slides { position: relative; z-index: 20; }

    .banner-phone .slides li { height: auto; line-height: 0; opacity: 0; transition: opacity 2000ms linear; -webkit-transition: opacity 2000ms linear; overflow: hidden; }
    .banner-phone .slides .bimg { line-height: 0; width: 100%; position: relative; transition: transform 4s ease; -webkit-transition: transform 4s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
    .banner-phone .slides li.imgIn { opacity: 1; }
    .banner-phone .slides li.imgIn a > img { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }

    .bannerText { position: absolute; left:0; width:100%; height:110px; top:38%;  z-index: 30;  }
    .bann { height:100%; position: relative; }
    .banne-list { position: relative; }
    .banne-list li { position: absolute; left: 0; top: 0; width: 100%; text-align:center; opacity: 0; visibility: hidden;  transform: translateY(20px); -webkit-transform: translateY(20px); transition: 800ms 200ms; -webkit-transition: 800ms 200ms;  }
    .banne-list .en{ text-transform:uppercase; letter-spacing:5px; visibility: hidden; opacity: 0; /* transition:800ms; -webkit-transition:800ms; */ }
    .banne-list .ch{ font-size:60px; line-height:1.1; margin-top:4px; visibility: hidden; opacity: 0; /* transition:800ms; -webkit-transition:800ms; */  }

    .banne-list li.on { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); }
    .banne-list li.on .en{ visibility: visible; opacity: 1; margin: 15px;font-size: 20px;}
    .banne-list li.on .ch{ visibility: visible; opacity: 1; }

    .bamnline { width:602px;  height: 1px; background: #fff; position:absolute; left:50%; margin-left:-301px; bottom:0; }
    .bamnline span { display: block; width: 0; height: 100%; background: #c7000a; }
    .bamnline.load span { width: 100%; transition: 3.6s linear; -webkit-transition: 3.6s linear; -moz-transition: 3.6s linear; }

    .banner-phone .flex-control-nav { position: absolute; left: 49%; bottom:5%; z-index: 20; overflow:hidden; }
    .banner-phone .flex-control-nav li { float:left; margin-right:8px; width:8px; height:26px;  }
    .banner-phone .flex-control-nav li:last-child { margin-right: 0; }
    .banner-phone .flex-control-nav li a{ display:block; width:100%; height:100%; position:relative; }
    .banner-phone .flex-control-nav li a span { display: block; width: 8px; height: 14px; background:#fff; position:absolute; top:50%; margin-top:-7px; left:0; font-size:0; transition: 400ms; -webkit-transition: 400ms;  }
    .banner-phone .flex-control-nav li a.flex-active span { height:26px; margin-top:-13px; }




    .banner .bannerfix >li { height: 800px; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
    .banner .bannerfix >li .bimg {height: 800px; line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
    .banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
    .banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
    .banner .bannerfix >li.imgIn .bbox small{ opacity:1; visibility:visible; top:0; transition:420ms 0ms;}
    .banner .bannerfix >li.imgIn .bbox h1{ opacity:1; visibility:visible; top:0; transition:420ms 120ms;}
    .banner .bannerfix >li.imgIn .bbox b{ opacity:1; visibility:visible; top:0; transition:420ms 240ms;}
    .banner .bannerfix >li.imgIn .bbox p{ opacity:1; visibility:visible; top:0; transition:420ms 460ms;}
    .banner .bannerfix >li.imgIn .bbox .details{ opacity:1; visibility:visible; top:0; transition:420ms 580ms;}

    .banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:24px; text-align:center; z-index:20;}
    .banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:5px; height:20px;}
    .banner .flex-control-nav li:last-child{ margin-right:0;}
    .banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:7px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
    .banner .flex-control-nav li a.flex-active span{ height:20px; top:0;}
    .bbox{
        width:692px;
        margin:auto;
        position:absolute;
        left:50%;
        margin-left:-346px;
        top:57%;
        text-align:center;
        margin-top:-173px;
    }
    .bbox small{
        display:block;
        text-align:center;
        color:#fff;
        font-size:20px;
        margin-bottom:5px;
        line-height:1;
        letter-spacing:10px;
        opacity:0;
        visibility:hidden;
        position:relative;
        top:30px;
    }
    .bbox h1{
        line-height:1;
        color:#fff;
        font-size:60px;
        text-align:center;
        opacity:0;
        visibility:hidden;
        position:relative;
        top:30px;
    }
    .bbox b{
        display:block;
        line-height:1.8;
        text-align:center;
        color:#fff;
        font-size:20px;
        margin-bottom:20px;
        opacity:0;
        visibility:hidden;
        position:relative;
        top:30px;
        min-height:36px;
    }
    .bbox p{
        width:440px;
        text-align:center;
        height:132px;
        color:#fff;
        font-size:16px;
        line-height:2;
        margin:auto;
        opacity:0;
        visibility:hidden;
        position:relative;
        top:30px;
    }
    .details{ width:180px; height:51px; margin:auto; position:relative; opacity:0; visibility:hidden; position:relative; top:30px;}
    .details:before{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transition:320ms ease-in-out;  transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); opacity:0; visibility:hidden;}
    .details a{ display:block; border:2px solid #fff; padding-left:39px; line-height:47px;  position:relative; color:#fff; font-size:14px; text-align:left; background:url(../images/arrow1.png) 106px center no-repeat;bottom: 77%;}
    .details:hover:before{ opacity:1; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); visibility:visible;}
    .details:hover a{ color:#774c1d; background:url(../images/arrow2.png) 112px center no-repeat;}

    .bamnline { width: 400px; left:60%; margin-left:-300px; top:55%; margin-top:-30px; background:#fff; z-index:20; position:absolute;}
    .bamnline span { display: block; width: 0; height: 1px; background: #e0ae37; }
    .bamnline.load span { width: 100%; transition: 5.8s 0s linear; -webkit-transition: 5.8s 0s linear; -moz-transition: 5.8s 0s linear; }


    .about_title{font-size: 30px;font-weight: 800;color:#000;position: relative;height: 130px;}
    .about_title span{font-size: 18px;}
    .about_title img{position:absolute;clip:rect(0px,40px,40px,0px);}
    .about_title img:hover{clip: rect(40px,40px,80px,0px);top: 15px;}
    .warps{width:100%;margin:0 auto;/*width: 100%*/}

    .commercial_facilities .pic{height:auto;width: 100%;overflow: hidden;margin:0.2vh 0 ;height: 57.8vh;background: url(../images/index.jpg)no-repeat;position: relative;}

    .news{
        display: block;
      height:auto;
    }
    .news_2{
        display: block;
    }
    section.news_2{
    	height: 550px;
    	width:100%;}
     section.news{
     	height: 550px;
     	background: #fff;
     }
    .i-wrap4 .box{
        /* 	width: 100vw; */
        height: 550px;
        padding: 0 3% 0 15.6%;
        overflow: hidden;
        background: #fff;
    }
    .i-wrap4 .left{
        width: 29.7%;
        float: left;
        position: relative;
        /*top: 37%;
        margin-top: -190px;*/
       margin-top: -100px;
    }
    .i-wrap4 .left h1{
        font-size: 28px;
        color: #333333;
        line-height: 34px;
    }
    .i-wrap4 .left h2{
        font-size: 18px;
        color: #333333;
        line-height: 25px;
        margin:4% 0 4%;
    }
    .i-wrap4 .left p{
        font-size: 12px;
        color: #666;
        line-height: 35px;
    }
    .i-wrap4 .left .btns{
        width: 37px;
        margin-top: 9px;
        margin-left: 8px;
        text-align: center;
        color: #dfdfdf;
    }
    .i-wrap4 .btns a{
        width: 11px;
        height: 20px;
        display: inline-block;
        position: relative;
        top: 3px;
        transition:background 0.3s;
    }
    .i-wrap4 .btns i{
        width: 1px;
        background: #dfdfdf;
        display: inline-block;
        height: 26px;
    }
    .i-wrap4 .btns a.prev{
        background: url(../images/wel08.png) no-repeat center;
        float: left;
    }
    .i-wrap4 .btns a.next{
        background: url(../images/wel09.png) no-repeat center;
        float: right;
    }
    .i-wrap4 .btns a.prev:hover{
        background: url(../images/wel08_h.png) no-repeat center;
    }
    .i-wrap4 .btns a.next:hover{
        background: url(../images/wel09_h.png) no-repeat center;
    }
    .i-wrap4 .more{
        width: 34.5%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        color: #ffffff;
        background: #aeaeae;
        display: block;
        margin-top: 5px;
        position: relative;
        overflow: hidden;
    }


    .more_btn_span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #c39e0d;transform: translateX(-100%);transition: .6s;}
    .more_btn_text {position: relative;z-index: 999;}
    .i-wrap4 .more:hover{color: #000;}
    .i-wrap4 .more:hover .more_btn_span {transform: translateX(0);}

    .i-wrap4 .right{
        float: right;
        width: 63%;
        overflow: hidden;
        height: 100%;
    }
    .i-wrap4 .right ul{
        width: 1000%;
        float: left;
        height: 100%;
        overflow: hidden;
    }
    .i-wrap4 .right li{
        float: left;
        border-left: 1px solid #eaeaea;
        height: 100%;
        box-sizing: border-box;
        position: relative;
        /* left: 50px;
        opacity: 1; */
    }
    .i-wrap4 .right a{
        display: block;
        width: 92%;
        padding: 38.7% 4% 0;
    }
    .i-wrap4 .right img{
        width: 100%;
    }
    .i-wrap4 .right .day{
        font-size: 80px;
        color: #666;
        line-height: 60px;
        opacity: 0.2;
        padding-bottom: 54%;
    }
    .i-wrap4 .right .data{
        font-size: 14px;
        color: #333333;
        line-height: 33px;
        margin-bottom: 7px;
    }
    .i-wrap4 .right h2{
        font-size: 16px;
        color: #333;
        line-height: 25px;
        height: 50px;
        overflow: hidden;
        margin-bottom: 6%;
        transition:color 0.3s;
    }
    .i-wrap4 .right .latest{
        font-size: 12px;
        color: #999999;
        line-height: 19px;
        margin-bottom: 4%;
    }
    .i-wrap4 .right .pic{
        margin-bottom: 7%;
    }
    .i-wrap4 .right img{
        transition:all 0.3s;
    }
    .i-wrap4 .right .font{
        font-size: 13px;
        color: #888888;
        line-height: 20px;
        height: 80px;
        overflow: hidden;
    }
    .i-wrap4 .right .more{
        width: 52px;
        height: 11px;
        background: url(../images/wel10.png) no-repeat center;
        margin-top: 19%;
        position: relative;
        left: 0;
        transition:left 0.3s;
    }
    .i-wrap4 .right .pic{
        overflow: hidden;
    }
    .i-wrap4 .right li.on .bg{
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        /* background: url(../images/wel11.png) no-repeat right center; */
        background-size: 100% 100%;
        height: 100%;
    }
    .i-wrap4 .right li:hover h2 {
        color: #c39e0d;
    }
    .i-wrap4 .right li:hover img {
        transform: scale(1.1);
    }
    .i-wrap4 .right li:hover .more {
        left: 50px;
    }


    .index_foot{
        margin-top: 111px;
        width: 100%;
        background-color: #aeaeae;
        padding: 40px 0;
        font-family: "思源黑体";
        /*height: 50vh;*/
    }
    section.news{height: 40vh;width:100%;}
    .about{
        display: none;
    }
    .about_1{
        display: block;
    }
    .about_1 .warps{display:flex;flex-direction: column;}
  .about_1 .warps .about_nub {float:none;top:unset;transform: translateY(0); }
    .about_title{
        font-size: 30px;
        font-weight: 800;
        color: #000;
        position: relative;
        height: 30px;
        margin: 10px;
    }
    .about_title span{font-size: 18px;}
    .about_title img{position:absolute;clip:rect(0px,40px,40px,0px);}
    .about_title img:hover{clip: rect(40px,40px,80px,0px);top: 15px;}
    .warps{width:100%;margin:0 auto;/*width: 100%*/}

    .about_course_content_video{
        width: 100%;
        height: auto;
        position: relative;
        margin-bottom: 85px;
    }
    .about_course_content_video  video{width: 100%;height:auto;}
    .about_course_content_video .video_text{position:absolute ;top: 40px;right:60px; width: 259px;height: 258px;background-color: #fff;}
    .about_course_content_video .video_text img{
        height: 260px;
    }
    .about_course_content_video .video_text .video_button{
        padding: 10px 15px;
        border: 1px solid #c39e0d;
        color: #c39e0d;
        background-color: #ccc0;
        cursor: pointer;
        position: absolute;
        bottom: 26px;
        left: 66px;
        display: inline-block;
        overflow: hidden;
    }
    .about_course_content_video .video_text .video_button .more_btn_span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #c39e0d;transform: translateX(-100%);transition: .6s;}
    .more_btn_text {position: relative;z-index: 999;}
    .about_course_content_video .video_text .video_button:hover{color: #fff;}
    .about_course_content_video .video_text .video_button:hover .more_btn_span {transform: translateX(0);}

    .about_course_content_video{width: 100%;height:auto;position: relative;}
    .about_course_content_video  video{width: 100%;height:auto;}

    .about_course_content_video .video_text .video_button{padding:10px 15px;border:1px solid #c39e0d;color:#c39e0d;background-color: #ccc0;cursor:pointer;position: absolute;    /*bottom: 62px;*/left: 75px;    display: inline-block;    overflow: hidden;}
    .about_course_content_video .video_text .video_button .more_btn_span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #c39e0d;transform: translateX(-100%);transition: .6s;}
    .more_btn_text {position: relative;z-index: 999;}
    .about_course_content_video .video_text .video_button:hover{color: #fff;}
    .about_course_content_video .video_text .video_button:hover .more_btn_span {transform: translateX(0);}

    .about_nub{padding:20px 0; height:auto;}
    .about_nub li{width:25%;float: left;text-align: center;}
    .about_nub p:nth-child(2){font-size: 1.4rem;font-weight: 700;}
    .about_nub p:nth-child(3){font-size: 1.1rem;}
    .timer{
        font-size: 2.6rem;
        color: #444;
        line-height: 55px;
        margin-bottom: 5px;
        font-weight: bold;
        margin-right: 12px;
        letter-spacing: -1px;
    }

    .flexlist{
        display: none;
    }


}
/* 1024px */

/* **************************************** *
 * 1110px
 * **************************************** */

@media (max-width: 1110px) {
    /* MAIN */
    .main_business_box_01 .main_business_txt {
        width: 48%;
    }
    .main_business_box_01 .main_business_img {
        width: 52%;
    }
    .main_business_box_02 .main_business_txt {
        width: 48%;
    }
    .main_business_box_02 .main_business_img {
        width: 52%;
    }
    .main_business_products_decorate {
        width: 47%;
    }
    .main_business p.jt_animate_txt {
        height: 76px;
        overflow: hidden;
    }
    .numList li {
        margin-right: 5%;
    }
    /* SUB */
    .card_count_list>li:not(.wide) .card_count_list_content>p br {
        display: none;
    }

    /* (hack skroller !important )*/
    .quality_stair {
        padding-top: 60px;
    }

    .quality_stair_text {
        position: relative;
        float: right !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
        width: 40%;
        border-left: none;
    }
    .quality_stair_list>li {
        margin-top: 0 !important;
        float: left !important;
        clear: both !important;
        width: 100%;
        margin-bottom: 30px;
    }
    .quality_stair_figure {
        float: left;
        width: 60%;
        height: 288px;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }
    .quality_stair_figure img {
        width: 100%;
        max-width: inherit;
        position: relative;
    }
    .quality_stair_list>li:nth-child(1) img {
        top: -290px;
    }
    .quality_stair_list>li:nth-child(2) img {
        top: -160px;
    }
    .quality_stair_list>li:nth-child(5) img {
        top: -260px;
    }
    .quality_stair_list>li:nth-child(6) img {
        top: -200px;
    }

    .quality_banner {
        padding-top: 40px;
    }

    /*  */
    .csr_project_header p br {
        display: none;
    }

    /*  */
    .people_education {
        padding-top: 6.5%;
    }

    .reward_list>li {
        width: 100%;
        margin-bottom: 30px;
    }
    .reward_list>li:nth-child(n) {
        float: left;
        clear: both;
        margin-top: 0;
    }
    .reward_list>li:last-child {
        margin-bottom: 0;
    }
    .reward_list_img {
        float: left;
        width: 60%;
        height: 288px;
        overflow: hidden;
    }
    .reward_list>li:nth-child(n) .reward_list_img {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .reward_list_img img {
        width: 100%;
        max-width: inherit;
        position: relative;
    }
    .reward_list_content {
        position: relative;
        float: right;
        width: 40%;
        border-left: none;
    }
    .reward_list>li:nth-child(n) .reward_list_content {
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
    }
    .reward_list>li:nth-child(1) img {
        top: -290px;
    }
    .reward_list>li:nth-child(2) img {
        top: -160px;
    }

    .people_benefit_pic {
        display: none;
    }
    .people_benefit {
        padding-top: 7%;
        padding-bottom: 10%;
    }
    .people_benefit_gradient {
        height: 300px;
        top: 0;
    }
    .staffText{
        padding: 20px 40px;
    }
    .staffText h2{
        margin: 15px 0;
    }
    #dituContent{
        height: 550px;
    }
    .contact-box{
        width: 100%;
        margin-left: 0;
    }
    .message-box{
        width: 100%;
        position: inherit;
    }
    .message-demo{
        padding: 50px 5%;
    }
    .contactPage{
        padding: 60px 0 40px;
        height: 100%;
    }
    .message-demo{
        padding: 25px;
    }
    .contact-dl .vertical-inner{
        height: 80px;
    }
    .contact-dl dt .vertical-inner{
        padding-top: 30px;
    }
    .message-demo .mb{
        margin-bottom: 24px;
    }
}


/* 1110px */


/* **************************************** *
 * 1023px
 * **************************************** */

@media (max-width: 1023px) {
    /* LAYOUT */
    .wrap {
        margin: 0 3%;
    }
    .home .main_container {
        padding-top: 70px;
    }

    /* MENU OPEN */
    body.open_menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }



    .minimize#header {
        height: 60px;
        background: #ffffff;
        background: rgba(255, 255, 255, .9);
    }
    .minimize #logo {
        top: 5px;
    }
    .minimize #logo a svg path {
        fill: #109AD6;
    }
    .minimize .lang_container {
        top: 0px;
    }
    .minimize .search_container {
        top: 18px;
    }
    .minimize #small_menu_btn {
        top: 22px;
    }
    .minimize .small_menu_btn_line {
        background: #222;
    }

    /* FOOTER */
    #footer {
        padding: 5% 0;
    }
    .footer_inner {
        margin: 0 3%;
    }

    .footer_menu_nav {
        margin-bottom: 0;
        padding-bottom: 16px;
    }
    .footer_menu {
        font-size: 0;
        line-height: 1;
        text-align: center;
    }
    .footer_menu li {
        float: none;
        display: inline-block;
        margin-bottom: 12px;
    }
    .footer_menu li a {
        margin-right: 16px;
    }

    .family_link {
        width: 100%;
        padding: 26px 0;
        position: static;
        font-size: 0;
        line-height: 1;
        text-align: center;
    }
    .family_link a {
        display: inline-block;
        margin-bottom: 0;
        padding-right: 30px;
        position: relative;
    }
    .family_link a:after {
        content: '';
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 15px;
        background: #ffffff;
        background: rgba(255, 255, 255, .1);
    }
    .family_link a:last-child {
        padding-right: 0;
    }
    .family_link a:last-child:after {
        display: none;
    }
    .family_link a.family_link_enf {
        margin-left: 0;
    }
    .family_link a.family_link_kcna .family_link_txt,
    .family_link a.family_link_enf .family_link_txt {
        margin-left: 10px;
    }

    .footer_info p {
        text-align: center;
    }
    .footer_info p.copyright {
        padding-top: 10px;
    }

    /* SCROLL DOWN */
    .scroll_down {
        width: 50px;
        height: 50px;
        margin-left: -25px;
    }
    .scroll_down>svg {
        width: 50px;
        height: 50px;
    }
    .scroll_down>span:after {
        width: 14px;
        height: 14px;
        font-size: 14px;
    }

    /* PAGE */
    .article_nav {
        display: none;
    }

    .article_header_table {
        padding: 0;
    }
    .article_header_table .wrap {
        margin: 0 3%;
    }
    .article_sub_title {
        font-size: 22px;
    }

    .article_sub_title.secondary {
        font-size: 55px;
    }
    .article_desc {
        font-size: 15px;
    }

    .breadcrumb {
        padding: 23px 0 21px;
    }

    .article_basic_header {
        padding: 110px 0 40px;
    }
    .article_basic_header h1 {
        font-size: 42px;
    }

    /* SEARCH */
    #search_popup {
        width: 320px;
        padding: 0;
        top: 51px;
        left: auto;
        right: 0;
        box-shadow: none;
        z-index: 650;
    }
    .search_popup_inner {
        padding: 0 15px;
        background: #efefef;
    }
    .search_form {
        max-width: inherit;
        padding: 0;
    }
    .search_submit {
        display: none;
    }
    .search_label {
        padding-bottom: 0;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 14px;
        line-height: 52px;
        color: #888;
        -webkit-transition: opacity 200ms;
        transition: opacity 200ms;
    }
    .search_form.active .search_label {
        opacity: 0;
    }
    .search_field {
        font-size: 15px;
    }
    .search_form input.search_field {
        padding-right: 30px;
        border-bottom: none;
    }
    .search_form_input {
        height: 52px;
    }
    .search_form_input:after {
        display: none;
    }
    .search_popup_close {
        width: 30px;
        height: 30px;
        top: 10px;
        right: 10px;
        z-index: 1;
    }
    .search_popup_close span:after {
        font-size: 14px;
        line-height: 30px;
        color: #444;
    }

    .search_open #logo {
        z-index: 551;
    }

    .search_info {
        padding-bottom: 20px;
    }
    .search_info p {
        font-size: 15px;
    }

    .search_list>li {
        width: 32%;
        height: 260px;
        box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, .05);
    }
    .search_list>li:nth-child(4n) {
        margin-right: 2%;
    }
    .search_list>li:nth-child(4n+1) {
        clear: none;
    }
    .search_list>li:nth-child(3n) {
        margin-right: 0;
    }
    .search_list>li:nth-child(3n+1) {
        clear: both;
    }
    .search_list>li>a {
        padding: 30px 26px;
    }
    .search_data .search_tax {
        font-size: 15px;
    }
    .search_data .search_title {
        font-size: 19px;
    }
    .search_data .search_desc {
        font-size: 15px;
    }
    .search_data .search_date {
        font-size: 15px;
    }

    .search_nodata {
        padding: 100px 0;
    }
    .search_nodata p {
        font-size: 15px;
    }

    /* SINGLE */
    .single .main_container {
        padding-bottom: 0;
    }

    .single_view_header {
        padding-bottom: 20px;
    }
    .jt_single_title h2 {
        font-size: 23px;
    }
    .jt_single_notice .jt_single_notice_mark {
        height: 29px;
        margin-top: 2px;
        margin-right: 12px;
        font-size: 14px;
        line-height: 27px;
    }
    .jt_single_state .jt_single_state_mark {
        height: 29px;
        margin-top: 2px;
        margin-right: 12px;
        font-size: 14px;
        line-height: 27px;
    }
    .single_view_info {
        min-height: 60px;
        margin-bottom: 35px;
    }
    .single_view_info span,
    .single_view_info time {
        padding: 0 15px;
        font-size: 14px;
        line-height: 58px;
    }

    .single_view_body {
        padding-bottom: 50px;
    }
    .single_view_content p,
    .single_view_content a,
    .single_view_content li {
        font-size: 15px;
    }
    .single_view_content ul li:before {
        top: 13px;
    }
    .single_view_content img {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .download_files_list {
        margin-top: 50px;
    }
    .download_files_list b {
        font-size: 15px;
    }
    .download_files_list a {
        font-size: 15px;
    }
    .download_files_list i.comma {
        padding-right: 5px;
    }

    .single_pagination {
        height: 160px;
    }
    .single_pagination_link b {
        font-size: 20px;
    }
    .single_pagination_link b:after {
        line-height: 21px;
    }
    .single_pagination_link span {
        padding-top: 6px;
    }

    .single_btn_wrap {
        margin-bottom: 35px;
    }

    .single_comments .comment-list {
        margin-top: 50px;
        padding: 30px 32px 48px;
    }
    .single_comments .comment-head {
        padding-bottom: 15px;
    }
    .single_comments .author-name {
        padding-right: 20px;
        font-size: 15px;
    }
    .single_comments .author-name:after {
        right: 10px;
        margin-top: -5px;
    }
    .single_comments .comment-date {
        font-size: 15px;
    }
    .single_comments .comment-body {
        font-size: 15px;
    }

    /* STRAP */
    .jt_btn {
        min-width: 156px;
        padding: 18px;
        font-size: 15px;
    }
    .jt_btn[lang="en"] {
        padding: 18.5px 18px;
        font-size: 14px;
    }

    .jt_icon_btn span:after {
        width: 18px;
        height: 18px;
        line-height: 18px;
    }
    .jt_icon_btn.primary span {
        padding-right: 25px;
    }
    .jt_icon_btn.secondary span {
        padding-left: 16px;
    }

    .jt_pagination .page-numbers {
        font-size: 15px;
    }

    ::-webkit-input-placeholder {
        font-size: 15px;
    }
    ::-moz-placeholder {
        font-size: 15px;
    }
    :-ms-input-placeholder {
        font-size: 15px;
    }

    .jt_label {
        font-size: 15px;
    }
    .jt_form_field {
        font-size: 15px;
    }
    .selectric .label {
        font-size: 15px;
    }
    div[class^="icheckbox"]+span,
    div[class^="iradio"]+span {
        font-size: 15px;
    }

    .nicescroll_area_outer {
        height: 350px;
        padding: 28px 28px;
    }
    .nicescroll_area {
        padding-right: 40px;
    }

    .jt_agree_rule h2 {
        padding-bottom: 18px;
        font-size: 18px;
    }
    .jt_agree_rule .nicescroll_area_outer {
        height: 280px;
    }
    .jt_agree_check {
        padding: 20px 0 30px;
    }
    .jt_agree_check>b {
        padding-right: 25px;
        font-size: 15px;
    }

    .jt_form_control_btn_wrap input[type="submit"] {
        min-width: 160px;
        padding: 18px;
        font-size: 15px;
    }

    .jt_file_upload_button {
        font-size: 15px;
    }

    .tel_desinence {
        width: 25px;
    }
    .tel_desinence:after {
        width: 10px;
        margin-left: -5px;
    }
    .mail_desinence {
        padding: 0 8px;
        font-size: 15px;
    }

    .jt_search {
        padding: 42px 20px;
        margin-bottom: 35px;
    }
    .jt_search_category {
        width: 105px;
    }
    .jt_search_input.jt_form_field {
        width: 320px;
        margin: 0 6px;
    }
    .jt_search_button {
        width: 100px;
        font-size: 15px;
    }

    div.jt_newsfeed_time {
        width: 120px;
    }
    .jt_newsfeed_time b {
        font-size: 40px;
    }
    .jt_newsfeed_time span {
        font-size: 16px;
    }
    .jt_newsfeed_title h2 {
        max-width: -webkit-calc(100% - 77px);
        max-width: calc(100% - 77px);
    }
    .jt_newsfeed_excerpt p {
        font-size: 15px;
    }
    .jt_newsfeed_notice,
    .jt_newsfeed_category,
    .jt_newsfeed_state {
        height: 28px;
        padding: 0 15px;
        margin-right: 12px;
        font-size: 14px;
        line-height: 26px;
    }
    .jt_newsfeed_origin p {
        font-size: 14px;
    }
    div.jt_newsfeed_more {
        width: 50px;
    }
    .jt_newsfeed_more a {
        width: 38px;
        height: 38px;
    }
    .jt_newsfeed_more a:after {
        font-size: 38px;
    }

    .jt_list_nothing_found {
        padding: 80px 0;
    }
    .jt_list_nothing_found b {
        font-size: 26px;
    }
    .jt_list_nothing_found p {
        padding-top: 10px;
        font-size: 15px;
    }

    /* COMPONENT */
    span.wpcf7-list-item {
        margin-left: 27px;
    }

    .slick-control .slick-arrows {
        width: 42px;
        height: 42px;
        margin: 0 3px;
    }
    .slick-control .slick-arrows:after {
        font-size: 42px;
    }

    button.mfp-close,
    .mfp-iframe-holder button.mfp-close {
        width: 33px;
        height: 33px;
        top: -45px;
        right: -2px;
    }
    button.mfp-close:after {
        line-height: 1;
    }
    button.mfp-close:active {
        top: -45px;
    }

    /* MAIN */
    .main_section {
        padding: 60px 0 75px;
    }
    .main_section_title {
        font-size: 25px;
    }
    .main_section_title i{
        margin-top: 0;
    }
    .middle_grid_content>h6{
        margin: 8px 0;
    }

    .main_visual_table {
        padding: 0;
        overflow: hidden;
    }
    .main_visual_item h2 {
        font-size: 55px;
    }
    /* .main_visual_controler {display: none;} */
    .main_business strong {
        padding-bottom: 25px;
        font-size: 15px;
    }
    .main_business b {
        font-size: 18px;
    }
    .main_business h3 {
        margin-left: 0;
        font-size: 31px;
    }
    .numList .num {
        font-size: 44px;
    }
    .main_business p {
        font-size: 15px;
    }
    .main_business .jt_btn {
        margin-top: 25px;
    }
    .main_business_box_secondary .main_business_txt h3,
    .main_business_box_secondary .main_business_txt b {
        color: #222;
    }
    .main_business_box_secondary .main_business_txt p {
        color: #666;
    }
    .main_business_box_secondary .jt_basic_btn.secondary {
        color: #222;
        border-color: #222;
    }
    .main_business_box_secondary .jt_basic_btn.secondary:before {
        background: #222;
    }
    .main_business_box_secondary .jt_basic_btn.secondary:hover {
        color: #fff;
    }
    .main_business_box_01 {
        margin-top: -50px;
    }
    .main_business_box_01 .main_business_txt {
        padding-bottom: 20px;
    }
    .main_business_box_02 {
        margin-top: -60px;
    }
    .main_business_box_02 .main_business_txt {
        padding-top: 0;
        padding-right: 0;
    }
    .main_business_colorpaste {
        margin: -40px 3% 0;
    }
    .colorpaste_txt {
        padding: 0 2%;
    }
    .main_business_products_decorate {
        display: none;
    }

    .main_chemical_list {
        margin: 0 -8px;
    }
    .main_chemical_list li {
        padding: 0 8px;
    }
    .main_chemical_txt {
        padding-top: 15px;
    }
    .main_chemical_txt h4 {
        font-size: 21px;
    }
    .main_chemical_txt p {
        padding-top: 5px;
        font-size: 15px;
    }
    .main_chemical_txt .jt_btn {
        margin-top: 18px;
    }

    .main_about.main_section {
        padding-bottom: 255px;
    }
    .main_about_list>li {
        padding: 0 15px;
    }
    .main_about_list figure {
        width: 70px;
        margin: 0 auto;
    }
    .main_about_list img,
    .main_about_list svg {
        height: auto;
    }
    .main_about_txt h4 {
        font-size: 17px;
    }
    .main_about_txt p {
        font-size: 15px;
    }



    /* .main_info h3 {font-size: 34px;} */
    .main_info_container {
        height: 540px;
    }
    .main_info_recruit_man {
        width: 239px;
        height: 570px;
    }
    .main_info_recruit h3 {
        top: 123px;
    }
    .main_info_recruit b {
        font-size: 20px;
    }
    .main_recruit_data>p {
        margin-top: 10px;
        font-size: 15px;
    }
    .main_recruit_data>span {
        padding-bottom: 22px;
    }
    .main_info_corporate h3 {
        padding-top: 5px;
    }
    .main_info_corporate span {
        font-size: 15px;
    }

    .main_notice_stock {
        padding-right: 23px
    }
    .main_stock_list>li:first-child {
        width: 35%;
    }
    .main_stock_list>li:last-child {
        width: 65%;
    }
    .main_stock_list b {
        font-size: 35px;
    }
    .main_stock_list p {
        font-size: 15px;
    }
    .main_stock_icon {
        padding: 0 5px 0 12px;
    }
    .main_notice_ir {
        padding-left: 23px;
    }
    .main_ir_list p {
        font-size: 15px;
    }

    .main_banner_container {
        height: 210px;
    }
    .main_banner_item span {
        font-size: 14px;
    }
    .main_banner_item b {
        font-size: 26px;
    }

    /* SUB */
    .article_header_inner {
        background: #000000;
        background: rgba(0, 0, 0, .2);
    }

    .page_tabs {
        margin-top: -20px;
        margin-bottom: 5%;
    }
    .page_tabs li:after {
        height: 2px;
    }
    .page_tabs li:before {
        height: 20px;
    }
    .page_tabs li a {
        padding: 20px;
        font-size: 25px;
    }

    .sub_section_title {
        padding-bottom: 30px;
        font-size: 36px;
    }
    .sub_section_title[lang="en"] {
        padding-bottom: 35px;
        font-size: 38px;
    }
    .sub_section_desc {
        padding: 15px 0 42px;
        font-size: 15px;
    }

    .middle_grid_content>h2 {
        font-size: 30px;
    }
    .middle_grid_content>h2[lang="en"] {
        font-size: 35px;
    }
    .middle_grid_content>h2 br {
        display: none;
    }
    .middle_grid_content>h2 br.small_block {
        display: block;
    }
    .middle_grid_content>p {
        /* padding-top: 20px; */
        font-size: 15px;
    }
    .middle_grid_content>p+p {
        padding-top: 10px;
    }
    .middle_grid_content>span {
        padding-bottom: 10px;
        font-size: 20px;
    }
    .middle_grid_controler {
        margin-top: 25px;
    }
    .middle_grid_controler .jt_btn {
        margin-right: 10px;
    }

    .full_typo_banner {
        padding-top: 90px;
    }
    .full_typo_banner strong {
        font-size: 30px;
    }
    .full_typo_banner p {
        padding-top: 20px;
        font-size: 15px;
    }

    .irregular_grid_txt h2 {
        padding-bottom: 10px;
        font-size: 40px;
    }
    .irregular_grid_txt p {
        padding-bottom: 10px;
        font-size: 15px;
    }
    .irregular_grid_txt b {
        font-size: 17px;
    }

    .data_table_list_outer {
        padding: 7%;
    }
    .data_table_list {
        max-width: inherit;
    }
    .data_table_list>li>b {
        width: 155px;
        padding-left: 30px;
        font-size: 15px;
    }
    .data_table_list>li>span {
        font-size: 15px;
    }

    .rule_box b {
        font-size: 15px;
    }
    .rule_box p {
        font-size: 15px;
    }
    .rule_box li {
        font-size: 15px;
    }
    .rule_box ol li:before {
        font-size: 15px;
    }

    .icon_step_list>li {
        padding-bottom: 30px;
    }
    .icon_step_list>li:before {
        font-size: 27px;
    }
    .icon_step_list img,
    .icon_step_list svg {
        max-width: 55px;
        height: auto;
    }
    .icon_step_list b {
        padding-top: 25px;
        font-size: 17px;
    }
    .icon_step_list p {
        font-size: 15px;
    }

    .thumb_data_list_img {
        padding: 32px 0;
    }
    .thumb_data_list_txt {
        padding: 32px 0 32px 4%;
    }
    .thumb_data_list_txt>ul>li {
        /* padding-left: 70px; */
        margin-bottom: 5px;
    }
    .thumb_data_list_txt b {
        padding-bottom: 10px;
        font-size: 20px;
    }
    .thumb_data_list_txt p {
        font-size: 15px;
    }
    .thumb_data_list_txt>ul>li>span {
        font-size: 15px;
    }

    .icon_index_list>li {
        width: 33.33%;
    }
    .icon_index_list>li.secondary:nth-child(even) .icon_index_list_inner,
    .icon_index_list>li.primary:nth-child(even) .icon_index_list_inner {
        background: #fff;
    }
    .icon_index_list>li.secondary:nth-child(odd) .icon_index_list_inner,
    .icon_index_list>li.primary:nth-child(odd) .icon_index_list_inner {
        background: #fafafa;
    }
    .icon_index_list_inner img,
    .icon_index_list_inner svg {
        max-width: 80px;
        height: auto;
    }
    .icon_index_list_inner figcaption {
        font-size: 15px;
    }
    .index_number {
        font-size: 35px;
    }

    .card_list_content {
        padding: 30px 20px 35px;
    }
    .card_list_content>b {
        padding-bottom: 12px;
        font-size: 17px;
    }
    .card_list_content>p {
        font-size: 15px;
    }

    .card_count_list_content:before {
        font-size: 32px;
    }
    .card_count_list_content>p {
        min-height: 7em;
        font-size: 15px;
    }

    /*  */
    .about_irregular_grid_02 {
        padding: 20% 0 8%;
    }
    .about_irregular_grid_03 {
        padding: 22% 0 17%;
    }

    .about_banner {
        height: 400px;
    }
    .about_banner_pic img {
        max-width: 630px;
    }

    .about_history_gallery_item time {
        font-size: 14px;
    }
    .about_history_gallery_item p {
        font-size: 16px;
    }

    .about_history_list {
        margin-top: 15px;
    }
    .history_list_year {
        font-size: 30px;
    }
    .history_list_content>li {
        font-size: 15px;
    }
    .about_history_list p {
        padding-left: 70px;
    }

    /* CEO */
    .ceo_typo.full_typo_banner {
        padding-bottom: 20%;
    }
    .ceo_typo.full_typo_banner strong {
        margin-left: 0.3em;
        letter-spacing: 0.3em;
    }

    .ceo_outro {
        margin-top: -7%;
    }
    .ceo_outro .middle_grid_content {
        padding-top: 6%;
        margin-bottom: 50px;
    }
    .ceo_sign {
        padding-top: 20px;
    }
    .ceo_sign img,
    .ceo_sign svg {
        max-width: 100px;
        height: auto;
    }
    .ceo_name {
        margin-right: 20px;
    }
    .ceo_name>span {
        font-size: 16px;
    }
    .ceo_name>b {
        font-size: 22px;
    }

    /*  */
    .career_step {
        margin-bottom: 60px;
    }
    .career_count {
        padding-bottom: 10px;
        font-size: 15px;
    }
    .jt_career_list .jt_newsfeed_title h2 {
        max-width: -webkit-calc(100% - 122px);
        max-width: calc(100% - 122px);
    }
    .career_date p {
        font-size: 15px;
    }

    /* CI */
    .ci_intro_txt {
        padding: 40px 0;
    }
    .ci_intro_title h2 {
        font-size: 28px;
    }
    .ci_intro_desc p {
        padding-bottom: 15px;
        font-size: 15px;
    }
    .ci_intro_desc p br {
        display: none;
    }

    .ci_information_list>li {
        padding: 40px 0 50px;
    }
    .ci_information_title h3 {
        font-size: 30px;
    }
    .ci_information_content>p {
        padding-bottom: 24px;
        font-size: 15px;
    }
    .ci_information_content>p br {
        display: none;
    }
    .ci_button_box {
        margin-top: 30px;
    }
    .ci_button_box .jt_btn {
        margin-right: 12px;
    }

    .motive_picture figure {
        width: 48%;
        max-width: 284px;
    }
    .motive_picture figure:first-child {
        margin-right: 4%;
    }
    .motive_picture figcaption {
        padding-top: 15px;
        font-size: 16px;
    }

    .ci_color_board {
        padding: 26px 20px;
        font-size: 33px;
    }
    .ci_color_info {
        margin-top: 15px;
    }
    .ci_color_info>li>b {
        padding: 18px 15px 18px 0;
        font-size: 18px;
    }
    .ci_color_info>li>p {
        padding: 20px 0 18px;
        font-size: 16px;
    }
    .ci_color_info>li>p>span {
        padding-right: 10px;
    }
    .ci_color_info>li>p>span>i {
        padding-right: 4px;
    }

    /*  */
    .product_inquiry_group_title {
        padding-bottom: 16px;
        font-size: 22px;
    }
    .product_inquiry_link.jt_btn.primary {
        min-width: 110px;
        padding: 10px;
        font-size: 14px;
    }

    .product_inquiry_table th {
        padding: 12px 10px;
        font-size: 15px;
    }
    .product_inquiry_table td {
        font-size: 15px;
    }
    .product_inquiry_table td br {
        display: none;
    }
    .product_inquiry_table td.category {
        padding: 10px 15px;
    }
    .product_inquiry_table th.tel {
        width: 140px;
    }
    .product_inquiry_table th.admin {
        width: 165px;
    }
    .product_inquiry_table th.online {
        width: 155px;
    }

    .product_inquiry_department {
        margin: -5px;
    }
    .product_inquiry_department>li {
        padding: 5px;
    }
    .product_inquiry_department_info {
        padding: 20px 15px 25px;
    }
    .product_inquiry_department_info b {
        font-size: 17px;
    }
    .product_inquiry_department_info p {
        padding: 6px 0 15px;
        font-size: 15px;
    }
    .product_inquiry_department_info p br {
        display: none;
    }

    .product_inquiry_type {
        font-size: 15px;
    }

    /*  */
    .relational_intro_content img {
        max-width: 120px;
        margin-bottom: 10px;
    }
    .relational_intro_content p {
        padding-top: 20px;
        font-size: 15px;
    }
    .relational_control {
        margin-top: 28px;
    }

    .relational_table_group {
        padding: 40px 0 50px;
    }
    .relational_table_group>h2 {
        font-size: 28px;
    }
    .relational_table_group>p {
        padding: 10px 0 25px;
        font-size: 15px;
    }

    /*  */
    .network_intro h2 {
        font-size: 30px;
    }
    .network_intro h2 br {
        display: none;
    }
    .network_intro p {
        padding-top: 20px;
        font-size: 15px;
    }
    .network_pic_map {
        max-width: 300px;
    }
    .network_pic_map_data>li>span {
        padding-top: 5px;
        font-size: 15px;
    }
    .network_pic_map_data>li.pic_point_giheung {
        margin-top: -136px;
        margin-left: -115px;
    }
    .network_pic_map_data>li.pic_point_giheung>i {
        width: 48px;
        height: 48px;
    }
    .network_pic_map_data>li.pic_point_ulsan {
        margin-top: 68px;
        margin-left: 65px;
    }
    .network_pic_map_data>li.pic_point_ulsan>i {
        width: 26px;
        height: 26px;
    }

    .location_item {
        padding: 65px 0 10px;
    }
    .location_item_header {
        padding-bottom: 30px;
    }
    .location_banner_cell {
        padding-bottom: 86px;
    }
    .location_data .data_table_list_outer {
        padding: 100px 7% 7%;
    }
    .location_video_play span {
        padding-top: 12px;
        font-size: 16px;
    }
    .location_banner .slick-control {
        bottom: -4px;
    }
    .location_banner .slick-control .slick-arrows {
        margin: 0 5px;
    }
    .location_map_box {
        height: 400px;
    }

    .relational_popup {
        max-width: 890px;
        padding: 42px 30px;
        width: 90%;
    }
    .relational_popup_title {
        padding-bottom: 20px;
        font-size: 25px;
    }
    .relational_popup_table th {
        font-size: 16px;
    }
    .relational_popup_table td {
        padding: 13px 10px;
        font-size: 15px;
    }

    /*  */
    .investment_section .page_tabs {
        margin-top: -12px;
    }
    .investment_section .page_tabs li a {
        padding: 12px 15px;
        font-size: 17px;
    }

    /* BUSINESS (COLOR PASTE) */
    .business_content:before {
        width: 480px;
        height: 714px;
    }
    .business_content_inner {
        padding-top: 35px;
    }

    .business_content_head {
        width: 22%;
        padding-right: 20px;
    }
    .business_content_head h2 {
        font-size: 30px;
    }

    .business_child_category {
        padding-right: 10px;
    }
    .business_child_category>li>a {
        padding: 14px 0;
        font-size: 22px;
    }

    .business_content_body {
        width: 78%;
    }
    .business_content_desc p {
        font-size: 15px;
    }
    .business_content_desc p br {
        display: none;
    }

    .business_predata {
        margin-top: 35px;
    }
    .business_predata_info {
        padding-left: 20px;
    }
    .business_predata_info b {
        font-size: 17px
    }
    .business_predata_info p {
        padding: 4px 0 16px;
        font-size: 15px;
    }

    .business_detail_title {
        padding: 12px 15px;
    }
    .business_detail_title b {
        font-size: 15px;
    }
    .business_detail_content {
        padding: 17px 15px 44px;
    }
    .business_detail_content p {
        font-size: 15px;
    }

    /* 주가정보 */
    .jtstock_price_time {
        margin-bottom: 15px;
    }
    .jtstock_price_time time:before {
        width: 15px;
        height: 15px;
        left: -25px;
        margin-top: -7px;
        font-size: 15px;
    }

    .jtstock_price_cell {
        padding: 20px 0;
    }
    .jtstock_price_cell:nth-child(1) {
        padding-right: 20px;
    }
    .jtstock_price_cell:nth-child(2) {
        padding-left: 20px;
    }

    .jtstock_icon {
        padding-right: 10px;
    }

    .jtstock_value {
        width: 60%;
    }
    .jtstock_value b {
        font-size: 48px;
    }
    .jtstock_value .jtstock_icon:after {
        font-size: 13px;
    }

    .jtstock_horizontal_list {
        width: 40%;
    }
    .jtstock_horizontal_list>li>b {
        width: 45%;
        padding: 12px 0;
        font-size: 15px;
    }
    .jtstock_horizontal_list>li>span {
        width: 55%;
        padding: 12px 0;
        font-size: 18px;
    }

    .jtstock_vertical_list>li>b {
        padding-bottom: 12px;
        font-size: 15px;
    }
    .jtstock_vertical_list>li>span {
        font-size: 18px;
    }

    .jtstock_chart {
        margin: 9% 0 8%;
    }

    .jtstock_table th {
        padding: 13px 20px;
        font-size: 16px;
    }
    .jtstock_table th:before {
        height: 14px;
    }
    .jtstock_table td {
        padding: 15px 20px;
    }
    .jtstock_info_table td:first-child {
        padding: 15px 20px;
    }

    .jtstock_error i:after {
        font-size: 48px;
    }
    .jtstock_error p {
        padding-top: 22px;
        padding-left: 0.3em;
        font-size: 15px;
        letter-spacing: 0.3em;
    }

    /*  */
    .financial_data_wrap:before {
        width: 600px;
        height: 528px;
        top: -497px;
    }
    .financial_data_wrap {
        padding-top: 65px;
    }
    .financial_table th {
        padding: 14px 25px;
        font-size: 16px;
    }
    .financial_table td {
        padding: 15px 25px;
    }
    .financial_table td:first-child {
        padding: 15px 30px;
    }
    .financial_table_unit {
        padding-bottom: 12px;
    }

    /*  */
    .products_category>li:nth-child(2) {
        width: 46%;
        margin-top: 20%;
    }
    .products_category>li:nth-child(3) {
        margin-top: 6%;
    }

    .products_category_info {
        padding: 24px 0;
    }
    .products_category_info h3 {
        font-size: 30px;
    }
    .products_category_info b {
        padding: 6px 0 7px;
        font-size: 20px;
    }
    .products_category_info p {
        font-size: 15px;
    }
    .products_category_info .jt_btn {
        margin-top: 20px;
    }

    .products_data {
        padding-top: 50px;
    }
    .products_data:before {
        width: 660px;
        height: 689px;
        top: -500px;
    }

    /*  */
    .recruit_inquiry_form .jt_agree_check>label+label {
        margin-left: 27px;
    }
    .contact_row_file .form_control_wrap {
        width: 100%;
    }
    .inquiry_file_wrap p {
        vertical-align: middle;
        font-size: 15px;
    }
    .inquiry_file_wrap p>span:before {
        margin-top: -9px;
        font-size: 20px;
    }
    .inquiry_file_wrap a {
        padding: 5px 12px;
        font-size: 14px;
    }

    .jt_board_control.jt_inquiry_list_control {
        margin-top: 0;
        padding-top: 30px;
    }
    .inquiry_author p {
        font-size: 15px;
    }

    .inquiry_defult_data {
        min-height: inherit;
        margin-bottom: 35px;
    }
    .inquiry_defult_data_left {
        width: 100%;
    }
    .inquiry_defult_data_right {
        width: 100%;
    }
    .inquiry_defult_data span {
        padding: 0 15px;
        font-size: 14px;
    }
    .inquiry_defult_data span a {
        font-size: 14px;
    }
    .inquiry_content {
        font-size: 15px;
    }

    /*  */
    .rnd_info {
        padding-bottom: 70px;
    }
    .rnd_info_box {
        margin-bottom: 55px;
    }
    .rnd_info_box h2 {
        font-size: 40px;
        padding-bottom: 5px;
    }
    .rnd_info_box p {
        font-size: 15px;
    }
    .rnd_info_box b {
        font-size: 26px;
    }
    .rnd_info_box span {
        padding-bottom: 0;
        font-size: 45px;
    }
    .rnd_info_box span i:last-child {
        padding-left: 44%;
    }
    figure.rnd_info_box_inner {
        width: 37%;
    }

    .rnd_facility_data .sub_section_title {
        padding-bottom: 30px;
    }
    .rnd_facility_data .data_table_list_outer {
        padding: 4% 7% 0 7%;
    }
    .rnd_facility_data .data_table_list>li>span {
        padding-left: 25px;
    }

    /*  */
    .environment_irregular_grid_01 {
        padding: 10% 0 12%;
    }
    .environment_irregular_grid_02 {
        padding: 21% 0 7%;
    }
    .environment_irregular_grid_03 {
        padding: 20% 0 22%;
    }

    .environment_banner {
        padding: 150px 0 185px;
    }
    .environment_banner:after {
        bottom: -40%;
        height: 40%;
    }
    .environment_banner span {
        font-size: 48px;
    }
    .environment_banner_pic img {
        left: -120px;
        max-width: 580px;
    }

    .environment_task b {
        padding-bottom: 15px;
        font-size: 20px;
    }
    .environment_task_sub {
        padding: 16px 0;
    }
    .environment_task_sub>li {
        font-size: 15px;
    }
    .environment_task_sub>li:before {
        top: 11px;
    }

    .environment_system {
        padding-top: 50px;
    }
    .environment_system_title {
        font-size: 28px;
    }

    /*  */
    .csr_intro .middle_grid_content>p {
        padding-top: 20px;
    }

    .csr_project_header {
        padding-bottom: 30px;
    }
    .csr_project_header h2 {
        font-size: 35px;
    }
    .csr_project_header b {
        padding: 16px 0 12px;
        font-size: 20px;
    }
    .csr_project_header p {
        font-size: 15px;
    }
    .csr_project_list {
        padding: 45px 0 125px;
    }
    .csr_project_info {
        padding: 22px 0;
    }
    .csr_project_info>h3 {
        font-size: 22px;
    }
    .csr_project_info>p {
        padding-bottom: 20px;
        font-size: 15px;
    }
    .csr_project_info>p br {
        display: none;
    }
    .csr_project_circle_item {
        width: 160px;
        height: 160px;
    }
    .csr_project_circle_item>p>span {
        font-size: 17px;
    }
    .csr_project_item_odd {
        padding-right: 50px;
    }
    .csr_project_item_even {
        padding-left: 50px;
    }
    .csr_project_img:before {
        width: 50px;
    }
    .csr_project_item_01 .csr_project_img:before {
        right: -50px;
    }
    .csr_project_item_01 .csr_project_img:after {
        right: -55px;
    }
    .csr_project_item_02 .csr_project_img:before {
        left: -50px;
    }
    .csr_project_item_02 .csr_project_img:after {
        left: -55px;
    }

    .csr_project_bg.clear {
        bottom: -120px;
    }

    /*  */
    .quality_stair_text b {
        font-size: 18px;
    }
    .quality_stair_text p {
        font-size: 15px;
    }

    .quality_banner_inner {
        padding: 80px 30px;
    }
    .quality_banner_inner b {
        margin-left: 0.3em;
        font-size: 27px;
        letter-spacing: 0.3em;
    }
    .quality_banner_inner b span {
        padding: 0 5px;
    }
    .quality_banner_inner p {
        font-size: 15px;
    }

    /*  */
    .value_mission {
        padding-bottom: 50px;
    }
    .mission_banner_inner .value_banner_title {
        font-size: 78px;
    }

    .vision_banner {
        padding: 3% 0;
    }
    .vision_banner_inner {
        padding: 13% 20px;
    }
    .vision_banner_inner .value_banner_title {
        font-size: 51px;
    }
    .vision_banner_inner p {
        font-size: 16px;
    }
    .vision_banner_inner p span {
        font-size: 18px;
    }

    .value_strategy {
        padding-top: 55px;
    }
    .strategy_plan span {
        top: 8px;
        left: 22px;
        font-size: 27px;
    }
    .strategy_plan p {
        bottom: 17px;
        font-size: 15px;
    }

    .value_core {
        padding-top: 3%;
    }

    .value_core_typo_bg {
        margin-top: -10%;
        padding: 17% 0 14%;
    }
    .value_core_typo {
        font-size: 62px;
        letter-spacing: 0.3em;
        margin-left: 0.3em;
    }
    .value_core_typo_layer {
        top: 35px;
    }

    /*  */
    .pr_video_container:after {
        display: none;
    }
    .pr_video_txt {
        margin-top: 24px;
    }
    .pr_video_txt b {
        font-size: 17px;
    }
    .pr_video_txt p {
        padding-top: 6px;
        font-size: 15px;
    }

    .pr_brochure_info {
        padding-right: 105px;
    }
    .pr_brochure_info b {
        font-size: 17px;
    }
    .pr_brochure_info p {
        margin-top: 6px;
        font-size: 15px;
    }
    .pr_brochure_info .jt_btn {
        margin-top: 16px;
    }

    /*  */
    .organization_map_group_category p {
        font-size: 19px;
    }
    .organization_map_item>span {
        font-size: 19px;
    }

    .reward_list_content b {
        font-size: 18px;
    }
    .reward_list_content p {
        font-size: 15px;
    }

    .people_benefit {
        padding-top: 10%;
    }
    .benefit_list_group {
        margin-bottom: 56px;
    }
    .benefit_list_title {
        padding-bottom: 24px;
    }
    .benefit_list>li {
        width: 50%;
    }
    .benefit_list_inner {
        padding: 26px 22px 24px;
    }
    .benefit_list_inner img,
    .benefit_list_inner svg {
        max-width: 80px;
        height: auto;
    }
    .benefit_list_inner figcaption {
        margin-top: 24px;
    }
    .benefit_list_inner figcaption b {
        font-size: 16px;
    }
    .benefit_list_inner figcaption p {
        padding-top: 10px;
        font-size: 15px;
    }
    .benefit_list>li.primary:nth-child(1) .benefit_list_inner,
    .benefit_list>li.secondary:nth-child(1) .benefit_list_inner,
    .benefit_list>li.primary:nth-child(4) .benefit_list_inner,
    .benefit_list>li.secondary:nth-child(4) .benefit_list_inner {
        background: #fff;
    }
    .benefit_list>li.primary:nth-child(2) .benefit_list_inner,
    .benefit_list>li.secondary:nth-child(2) .benefit_list_inner,
    .benefit_list>li.primary:nth-child(3) .benefit_list_inner,
    .benefit_list>li.secondary:nth-child(3) .benefit_list_inner {
        background: #fafafa;
    }

    /* SITEMAP */
    .sitemap_menu {
        margin: 0 -8px;
    }
    .sitemap_menu>li {
        margin-bottom: 35px;
        padding: 0 8px;
    }
    .sitemap_menu>li>a {
        margin-bottom: 8px;
        padding-bottom: 10px;
        font-size: 18px;
    }
    .sitemap_menu>li>ul>li>a {
        padding: 2px 0 2px 13px;
        font-size: 15px;
    }
    .sitemap_menu>li>ul>li>a:before {
        top: 13px;
    }

    /*  */
    .privacy_intro {
        padding: 22px 28px;
    }
    .privacy_box_title {
        padding-bottom: 12px;
        margin-bottom: 12px;
        font-size: 17px;
    }
    .privacy_box {
        margin-bottom: 35px;
    }
    .privacy_box p {
        margin-bottom: 18px;
        font-size: 15px;
    }
    .privacy_box b {
        font-size: 15px;
    }
    .privacy_box li {
        font-size: 15px;
    }
    .privacy_box>ul>li {
        padding-left: 12px;
    }
    .privacy_box>ul>li:before {
        top: 10px;
    }
    .privacy_box>ul>li>ul {
        margin-bottom: 18px;
    }

    /* 404 */
    .error_404_container h1 {
        margin-left: 0.3em;
        font-size: 40px;
        letter-spacing: 0.3em;
    }
    .error_404_container p {
        padding: 10px 0 25px;
        font-size: 15px;
    }

    /* COMING SOON */
    .incoming_popup_content b {
        font-size: 35px;
    }
    .incoming_popup_content p {
        font-size: 15px;
    }

    /* SUB - NO VISUAL TEMPLATE */
    body.search #logo a svg path,
    body.page-template-sitemap #logo a svg path,
    body.page-template-privacy #logo a svg path {
        fill: #109AD6;
    }
    body.search .small_menu_btn_line,
    body.page-template-sitemap .small_menu_btn_line,
    body.page-template-privacy .small_menu_btn_line {
        background: #222;
    }

    /*  */
    .single_view_content .jt_posting_header b {
        font-size: 24px;
    }
    .single_view_content .jt_posting_content b {
        margin-bottom: 6px;
        font-size: 18px;
    }
    .single_view_content .jt_posting_content ul li {
        padding: 22px 0;
    }
    .single_view_content .jt_posting_content .jt_posting_list_inset p:before {
        top: 10px;
    }
    .jt_posting_list_inset {
        padding: 0 16px;
    }
    .jt_posting_list_inset th {
        padding: 14px 10px;
        font-size: 15px;
    }
    .jt_posting_list_inset td {
        padding: 14px 10px;
        font-size: 14px;
    }

    .career_info li>b {
        padding-bottom: 20px;
        font-size: 18px;
    }
    .career_info th {
        padding: 15px 15px 15px 0;
        font-size: 15px;
    }
    .career_info td {
        padding: 15px 0;
        font-size: 15px;
    }
    .single_view_content .career_info td ul li:before {
        top: 11px;
    }
    .minimize #logo a img.logo_1 {
        display: block;
    }
    .minimize #logo a img.logo_2 {
        display: none;
    }
    .middle_grid{
        display: block;
    }
    .middle_grid_img{
        display: none;
    }
    .middle_grid.primary .middle_grid_content{
        padding-left: 0;
        margin-bottom: 60px;
    }
    .middle_grid_content{
        display: block;
        width: 100%;
    }
}


/* 1023px */


/* **************************************** *
 * 940px
 * **************************************** */

@media (max-width: 940px) {
    /*  */
    .quality_stair_figure img {
        position: static;
        position: initial;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
    }

    /*  */
    .csr_project_circle_item,
    .csr_project_circle_item:last-child,
    .csr_project_circle_item:first-child {
        display: block;
        margin: 0 auto;
    }
    .csr_project_circle_item:last-child {
        margin-top: -12px;
    }

    .csr_activity .slick-control .slick-next {
        right: -20px;
    }
    .csr_activity .slick-control .slick-prev {
        left: -20px;
    }

    /*  */
    .strategy_plan {
        margin-bottom: 60px;
    }

    /* SEARCH */
    .search_list>li {
        width: 49%;
        height: 240px;
        box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, .05);
    }
    .search_list>li:nth-child(3n) {
        margin-right: 2%;
    }
    .search_list>li:nth-child(3n+1) {
        clear: none;
    }
    .search_list>li:nth-child(even) {
        margin-right: 0;
    }

    /* STRAP */
    .contact_row_name .wpcf7-form-control-wrap {
        width: 100%;
    }

    .contact_row_tel .wpcf7-form-control-wrap {
        width: -webkit-calc(33% - 12px);
        width: calc(33% - 12px);
    }
    .tel_desinence {
        width: 18px;
    }

    .contact_row_mail .wpcf7-form-control-wrap {
        width: -webkit-calc(33% - 8px);
        width: calc(33% - 8px);
    }
    .jt_horizontal_select_wrap {
        width: -webkit-calc(33% - 8px);
        width: calc(33% - 8px);
    }
    .contact_row_mail .jt_horizontal_select_wrap .wpcf7-form-control-wrap {
        width: 100%;
    }
    .mail_desinence {
        width: 19px;
        padding: 0;
    }

    /* MAIN */
    .main_visual {
        height: -webkit-calc(100vh + 40px);
        height: calc(100vh + 40px);
    }
    .main_visual .scroll_down {
        bottom: 60px;
    }

    .main_business.main_section {
        padding: 0;
    }
    .main_business_products .wrap {
        margin: 0;
    }
    .main_business_box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 30px;
        padding: 0 20px;
    }
    .main_business_img {
        display: block;
        /* -ms-flex-order: 1;
        -webkit-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1; */
        height: 0;
        padding-top: 60%;
        overflow: hidden;
    }
    .main_business img {
        position: absolute;
        top: -56%;
        left: 0;
        width: 100%;
    }
    .main_section_title {
        font-size: 30px;
        padding-bottom: 25px;
    }
    .main_business h3 {
        font-size: 26px;
    }
    .main_chemical_txt {
        padding-top: 0;
        width: calc(100% - 16px);
    }
    .main_chemical_txt h4 {
        font-size: 17px;
    }
    .main_business h3:before {
        background: none;
    }
    .main_business_box_secondary .main_business_txt h3:before{
        background: none;
    }
    .slick-dots {
        margin-top: 20px;
    }
    .slick-dots li {
        width: auto !important;
    }
    .numList li {
        width: 33.33%;
        text-align: left;
        margin-right: 0;
    }
    .main_business p.jt_animate_txt {
        height: auto;
        padding-right: 0;
    }
    .main_business_txt {
        display: block;
        position: static;
        /* -ms-flex-order: 2;-webkit-order: 2;-webkit-box-ordinal-group: 3;order: 2; */
    }
    .main_business p br {
        display: none;
    }
    .main_business strong {
        width: 100%;
        padding-bottom: 0;
        position: absolute;
        left: 0;
        top: -60px;
        font-size: 19px;
        text-align: center;
        position: inherit;
        color: #000 !important;
        text-align: left;
        margin-top: 11px;
    }
    .main_business_box_01 {
        margin-top: 44px;
    }
    .main_business_box_02 {
        margin-top: 0;
        background: #f1f1f1;
        padding-top: 20px;
    }
    .main_business_box_01 .main_business_txt,
    .main_business_box_02 .main_business_txt {
        padding: 0 0;
    }
    .main_business .jt_btn{
        margin-bottom: 15px;
    }
    .main_business_box_01 .main_business_txt,
    .main_business_box_01 .main_business_img,
    .main_business_box_02 .main_business_txt,
    .main_business_box_02 .main_business_img {
        width: 100%;
    }
    .main_business_colorpaste {
        margin-top: 0;
        padding-top: 12%;
    }

    .main_chemical_list li {
        width: 100%;
        margin-bottom: 30px;
    }
    .main_chemical_list li:last-child {
        margin-bottom: 0;
    }
    /* .main_chemical_img {width: 100%;height: 0;padding-top: 60%;overflow: hidden;}
    .main_chemical_img img {width: 100%;position: absolute;bottom: -10%;} */
    .main_about.main_section {
        padding-bottom: 100px;
    }
    .main_about_list {
        display: block;
        padding: 0 15px;
    }
    .main_about_list>li {
        display: block;
        width: 100%;
        padding: 0 0 35px 0;
        border-right: none;
    }
    .main_about_list>li:first-child {
        padding-top: 0;
    }
    .main_about_list figure {
        width: 60px;
    }
    .main_about_txt {
        padding-top: 16px;
    }
    .main_about_txt p {
        padding-top: 8px;
    }
    .main_about_txt p br {
        display: block;
    }

    .main_info {
        margin-top: -50px;
    }
    .main_info_container {
        height: auto;
    }
    div.main_info_recruit {
        height: 420px;
    }
    .main_info_recruit_man {
        width: 185px;
        height: 450px;
    }
    .main_info_recruit h3 {
        top: 88px;
        left: 20px;
    }
    .main_recruit_cell {
        padding: 20px;
    }
    div.main_info_corporate {
        height: 490px;
    }
    .main_corporate_cell {
        bottom: 20px;
    }
    .main_info_link {
        display: none;
    }
    .main_info h3 {
        font-size: 15px;
        line-height: 23px;
    }
    .search_container {
        right: 28px;
    }
    .lang_menu li a {
        line-height: 65px;
    }
    .minimize #logo {
        top: 2px;
    }
    #logo {
        top: 10px;
    }

    /* SUB */
    .icon_step_list>li {
        width: 49.25%;
    }
    .icon_step_list>li:nth-child(3) {
        margin-right: 1.5%;
    }
    .icon_step_list>li:nth-child(even) {
        margin-right: 0;
    }
    .icon_step_list>li:nth-child(5) {
        width: 100%;
    }

    .icon_index_list>li {
        width: 50%;
    }
    .icon_index_list>li.primary:nth-child(n) .icon_index_list_inner,
    .icon_index_list>li.primary:nth-child(n) .icon_index_list_inner,
    .icon_index_list>li.secondary:nth-child(n) .icon_index_list_inner,
    .icon_index_list>li.secondary:nth-child(n) .icon_index_list_inner {
        background: #fff;
    }
    .icon_index_list>li.primary:nth-child(4n) .icon_index_list_inner,
    .icon_index_list>li.primary:nth-child(4n+1) .icon_index_list_inner,
    .icon_index_list>li.secondary:nth-child(4n) .icon_index_list_inner,
    .icon_index_list>li.secondary:nth-child(4n+1) .icon_index_list_inner {
        background: #fafafa;
    }

    /*  */
    .about_banner {
        height: 280px;
    }
    .about_banner_pic img {
        max-width: 410px;
    }

    .about_history_gallery_item {
        width: -webkit-calc(50% - 0.5px);
        width: calc(50% - 0.5px);
        margin-bottom: 1px;
    }
    .about_history_gallery_item:nth-child(even) {
        margin-right: 0;
    }

    /*  */
    .location_map.leaflet-container img.leaflet-marker-icon {
        width: 77px !important;
        height: auto !important;
        margin-left: -38.5px !important;
    }
    #location_map_01.leaflet-container img.leaflet-marker-icon {
        margin-top: -84px !important;
    }
    #location_map_02.leaflet-container img.leaflet-marker-icon {
        margin-top: -48px !important;
    }

    /* BUSINESS (COLOR PASTE) */
    .business_predata>li {
        width: 100%;
    }
    .business_predata>li:nth-child(odd) {
        margin-right: 0;
    }
    .business_predata_img {
        width: 180px;
    }
    .business_predata_info {
        width: -webkit-calc(100% - 180px);
        width: calc(100% - 180px);
    }

    /*  */
    .contact_row_name .form_control_wrap {
        width: 100%;
    }
    .contact_row_pw .form_control_wrap {
        width: 100%;
    }
    .contact_row_tel .form_control_wrap {
        width: -webkit-calc(33% - 12px);
        width: calc(33% - 12px);
    }
    .contact_row_mail .form_control_wrap {
        width: -webkit-calc(33% - 8px);
        width: calc(33% - 8px);
    }

    /*  */
    figure.rnd_info_box_inner {
        display: none;
    }
    .rnd_info {
        padding-bottom: 45px;
    }
    .rnd_info_box {
        display: block;
        margin-bottom: 25px;
    }
    .rnd_info_box_inner {
        display: block;
    }
    .rnd_info_first_box div.rnd_info_box_inner {
        padding-left: 0;
    }
    .rnd_info_second_box div.rnd_info_box_inner {
        padding-right: 0;
    }
    .rnd_info_box h2 {
        margin-left: 0;
        padding-bottom: 0;
    }
    .rnd_info_box span {
        margin-left: 0;
        margin-bottom: 12px;
    }
    .rnd_info_box span i:last-child {
        padding-left: 0;
        text-align: right;
    }

    /*  */
    .value_core_typo_bg {
        padding-bottom: 11%;
    }
    .value_core_typo {
        font-size: 42px;
    }

    /*  */
    .pr_brochure_table {
        display: block;
    }
    .pr_brochure_thumb {
        display: block;
        width: 100%;
    }
    .pr_brochure_info {
        display: block;
        width: 100%;
        padding: 0;
        margin-top: 64px;
    }
    .pr_brochure_info .jt_btn {
        margin-top: 12px;
    }
    .pr_brochure_container .slick-control {
        width: 100%;
        text-align: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .content.ceo .inner-content .text-area{
        padding: 95px 0 0;
    }
    .honor.switch_unit .slick-arrow{
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }
    .content.ceo .inner-content .img-area .txt{
        left: 0;
        width: 160px;
        padding: 18px 25px;
    }
    .content.ceo .inner-content .img-area .txt em{
        font-size: 25px;
        margin-top: 10px;
    }
    .content-thumb,.content-text{
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        margin-left: 0;
    }
    .content-row:nth-child(odd) .content-thumb, .content-row:nth-child(even) .content-text{
        -webkit-box-ordinal-group: 1;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        order: 1;
    }
    .content-text{
        margin-top: 20px;
    }
    .content-text h5{
        margin-bottom: 40px;
    }
    .content-text p{
        padding-top: 13px;
    }
    .dot-icon-gray{
        margin-top: 20px;
    }
    .content-row{
        margin-bottom: 40px;
    }
    .content-row:nth-child(even) .content-text{
        margin-left: 0;
    }
    .case_de_left{
        width: 100%;
    }
    .case_de_right{
        width: 100%;
        padding: 30px 0;
    }
    .case_li_img .slick-dots li{
        width: 12px !important;
    }
    .staffImg,.staffText{
        width: 100%;
    }
    .staffText{
        padding-left: 0;
        padding-top: 0;
    }
    .lh-news-ul li{
        width: 50%;
    }
    .lh-news-ul li .text{
        padding: 10px 0;
    }
    .lh-news-ul li .text h2{
        font-size: 18px;
        margin: 15px 0;
    }
    .staff_big{
        margin: 25px auto;
    }
    .thumb_data_list_img{
        width: 100%;
    }
    .thumb_data_list_txt{
        width: 100%;
        padding-left: 0;
    }
    .thumb_data_list>li,.thumb_data_list_img, .thumb_data_list_txt{
        display: block;
    }
    .thumb_data_list_img{
        border-bottom: none;
    }
    .thumb_data_list_img{
        padding-bottom: 0;
    }
    .lh-news-ul li.newsBig{
        width: 50%;
    }
    .lh-news-ul li.newsBig .text{
        position: inherit;
        left: 0;
        top: 0;
        width: 100%;
    }
    .lh-news-ul li.newsBig .text h2{
        color: #333;
    }
    .lh-news-ul li.newsBig .text h4{
        color:#959595
    }
    .lh-news-ul li.newsBig .text h5{
        border: none;
        margin-top: 10px;
    }
    .lh-news-ul li.newsBig .img:after{
        background: none;
    }
    .video_ind{
        display: none;
    }

}


/* 940px */


/* **************************************** *
 * 900px
 * **************************************** */

@media (max-width: 900px) {
    /* SUB */
    .icon_step_list>li {
        width: 32.33%;
        margin-right: 1.5%;
        margin-bottom: 1.5%;
    }
    .icon_step_list>li:nth-child(3) {
        margin-right: 0;
    }
    .icon_step_list>li:nth-child(4),
    .icon_step_list>li:nth-child(5) {
        width: 49.25%;
    }

    /*  */
    .about_irregular_grid_02 {
        padding: 18% 0 8%;
    }

    /*  */
    .career_step {
        margin-bottom: 50px;
    }

    /*  */
    .kcna_typo.full_typo_banner p br {
        display: none;
    }
    .fashionlist li{
        width: 33.33%;
    }
}


/* 900px */


/* **************************************** *
 * 800px
 * **************************************** */

@media (max-width: 800px) {
    /* MAIN */
    .main_notice_board {
        width: 100%;
        height: auto;
    }
    .main_notice_stock {
        padding-right: 0;
        padding-bottom: 20px;
        border-right: none;
        border-bottom: 1px solid #ddd;
    }
    .main_stock_list {
        height: auto;
    }
    .main_notice_ir {
        padding-left: 0;
        padding-top: 24px;
    }
    .main_ir_list {
        height: auto;
    }
    .main_stock_error {
        margin-top: 5px;
        margin-bottom: 6px;
    }
    .main_stock_error p {
        padding-left: 25px;
    }

    /* SUB */
    .card_list>li {
        width: 50%;
    }

    /*  */
    .about_irregular_grid_02 {
        padding: 13% 0 9%;
    }
    .about_irregular_grid_03 {
        padding: 20% 0 15%;
    }

    /*  */
    .environment_irregular_grid_02 {
        padding: 16% 0 7%;
    }
    .environment_irregular_grid_03 {
        padding: 20% 0 17%;
    }
}


/* 800px */


/* **************************************** *
 * 768px
 * **************************************** */

@media (max-width: 768px) {
    .menu_container,
    .menu_container_bg {
        display: none;
    }
    .float-box{
        display: none;
    }

    /* HEADER */
    .nav_top-wrap{
        display: none;
    }
    #phone_header {
        display: block;
        height: 73px;
        top: 0;
        width: 100%;
        position: fixed;
        background: #fff;
        z-index: 999;
    }
    .header_wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .header_wrap:before {
        display: none;
    }
    .header_inner {}

    #logo {
        width: 130px;
        height: 23px;
        left: 3%;
        top: 7.5px;
    }
    #logo a svg path {
        fill: #fff;
        -webkit-transition: fill 300ms;
        transition: fill 300ms;
    }

    .lang_container {
        width: 320px;
        height: 51px;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 651;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: none;
        transition: none;
        background: #fff;
    }
    .lang_menu {
        width: 100%;
        height: 100%;
        margin-left: 15px;
    }
    .lang_menu li a {
        line-height: 65px;
        color: #aaa;
    }
    .lang_menu li:last-child a {
        padding-right: 10.5px;
    }
    .lang_menu li:last-child a:after {
        display: block;
    }
    html:not([lang="ko"]) .lang_container {
        right: 0;
    }
    html:not([lang="ko"]) .lang_menu li:last-child a:after {
        display: none;
    }

    .search_container {
        position: fixed;
        top: 18px;
        right: 161px;
        z-index: 652;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: none;
        transition: none;
    }
    .search_btn {
        width: 14px;
        height: 14px;
    }
    .search_btn:after {
        font-size: 14px;
    }
    .search_btn:hover:after {
        color: #000;
    }
    .main_visual {
        height: 600px;
    }
    #small_menu_btn {
        display: block;
        width: 25px;
        height: 16px;
        position: absolute;
        top: 30px;
        right: 3%;
        z-index: 550;
        cursor: pointer;
        -webkit-transition: top 300ms;
        transition: top 300ms;
    }
    .small_menu_btn_line {
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        background: #000000;
        -webkit-transition: background 300ms;
        transition: background 300ms;
    }
    .small_menu_btn_line_01 {
        top: 0;
    }
    .small_menu_btn_line_02 {
        top: 7px;
    }
    .small_menu_btn_line_03 {
        bottom: 0;
    }

    .small_menu_container {
        display: none;
        width: 320px;
        height: 100%;
        margin: 0;
        padding: 19px 15px 60px;
        position: fixed;
        top: 0;
        bottom: 0;
        left: inherit;
        right: -350px;
        z-index: 650;
        background: #fff;
    }
    .small_menu_container_inner {
        width: 100%;
        height: 100%;
        position: relative;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        overflow: hidden;
    }

    .small_menu_nav {
        width: 100%;
        height: 100%;
        position: relative;
    }
    #small_menu {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: -1px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
    }
    #small_menu>li {
        display: block;
        width: 100%;
    }
    #small_menu>li>a {
        display: block;
        width: 100%;
        padding: 15px 0;
        position: relative;
        font-size: 15px;
        line-height: 1.38;
        font-weight: 600;
        color: #222;
        border-bottom: 1px solid #eee;
    }
    #small_menu>li>a:after {
        display: block;
        width: 14px;
        height: 20px;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -7px;
        font-family: 'jt-font';
        content: '';
        font-size: 10px;
        font-weight: normal;
        line-height: 14px;
        color: #444;
    }
    #small_menu>li.current-page-ancestor>a {
        color: #1c9ad6;
    }
    #small_menu>li>a>span {
        display: block;
        width: 125px;
        padding-right: 28px;
        position: relative;
    }
    #small_menu>li.open>a>span:after {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        position: absolute;
        right: 12px;
        top: 50%;
        margin-top: -3.5px;
        background: #1c9ad6;
        border-radius: 50%;
    }
    .single-notice #small_menu>li.menu-item-promote>a,
    .single-career #small_menu>li.menu-item-career>a,
    .single-inquiry #small_menu>li.menu-item-career>a {
        color: #1c9ad6;
    }

    .small_depth_menu_nav {
        width: 165px;
        height: 100%;
        position: absolute;
        top: 0;
        right: -165px;
        background: #f6f6f6;
    }
    #small_depth_menu {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    #small_depth_menu>li {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        opacity: 0;
        visibility: hidden;
        -ms-overflow-style: none;
    }
    #small_depth_menu .sub-menu {
        display: block;
        width: 100%;
        padding: 0 20px;
    }
    #small_depth_menu .sub-menu>li {
        display: block;
        width: 100%;
    }
    #small_depth_menu .sub-menu>li>a {
        display: block;
        padding: 16px 0;
        font-size: 14px;
        line-height: 1.38;
        font-weight: 600;
        color: #888;
    }
    #small_depth_menu .sub-menu>li.current-menu-item>a,
    #small_depth_menu .sub-menu>li.current-page-ancestor>a {
        color: #1c9ad6;
    }
    .single-notice #small_depth_menu .sub-menu>li.menu-item-news>a,
    .single-career #small_depth_menu .sub-menu>li.menu-item-employment>a,
    .single-inquiry #small_depth_menu .sub-menu>li.menu-item-career-inquiry>a {
        color: #1c9ad6;
    }

    .addition_menu_nav {
        width: 320px;
        padding: 0 15px;
        position: absolute;
        bottom: 20px;
        right: 0;
        z-index: 652;
    }
    .addition_menu li {
        float: left;
    }
    .addition_menu li a {
        display: block;
        padding: 0 10px;
        position: relative;
        font-size: 13px;
        font-weight: 400;
        color: #222;
    }
    .addition_menu li a:after {
        content: '';
        display: block;
        width: 1px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -6px;
        background: #ddd;
    }
    .addition_menu li:first-child a {
        padding-left: 0;
    }
    .addition_menu li:last-child a {
        padding-right: 0;
    }
    .addition_menu li:last-child a:after {
        display: none;
    }
    .addition_menu li a span {
        display: block;
        position: relative;
    }
    .addition_menu li.competent a span {
        padding-right: 16px;
    }
    .addition_menu li.competent a span:after {
        display: block;
        width: 12px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -6px;
        font-family: 'jt-font';
        content: '\e945';
        font-size: 12px;
        font-weight: normal;
        line-height: 1;
        color: #222;
    }

    #small_menu_close {
        display: block;
        width: 30px;
        height: 30px;
        position: fixed;
        top: 10.5px;
        right: -30px;
        z-index: 650;
        cursor: pointer;
        background-image: url("../images/close.png");
        background-repeat: no-repeat;
    }

    #small_menu_overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #000000;
        background: rgba(0, 0, 0, .8);
        z-index: 600;
    }
    .fashion-item{
        margin: 0 34px;
    }

    .banne-list li.on .en{ visibility: visible; opacity: 1; margin: 15px;font-size: 20px;}
    .banne-list li.on .ch{ visibility: visible; opacity: 1; }
    .banner-phone .flex-control-nav { position: absolute; left: 50%; bottom:5%; z-index: 20; overflow:hidden; }

    .about{
        display: none;
    }
    .about_1{
        display: none;
    }
    .about_2{
        display: block;
    }
    .about_2 .warps {display:flex;flex-direction: column;}
    .about_2 .warps .about_nub {transform:translateY(0);}
    .about_title{
        font-size: 30px;
        font-weight: 800;
        color: #000;
        position: relative;
        height: 30px;
        margin: 10px;
    }
    .about_title span{font-size: 18px;}
    .about_title img{position:absolute;clip:rect(0px,40px,40px,0px);}
    .about_title img:hover{clip: rect(40px,40px,80px,0px);top: 15px;}
    .warps{width:100%;margin:0 auto;/*width: 100%*/}

    .about_course_content_video{
        width: 100%;
        height: auto;
        position: relative;
        margin-bottom: 0;
    }
    .about_course_content_video  video{width: 100%;height:auto;}
    .about_course_content_video .video_text{position:relative ;top: 0;right:0; width: 100%;height: auto;background-color: #fff;}
    .about_course_content_video .video_text img{
        height: 260px;
    }
  .about_course_content_video .video_text .kuang{display:none;}
  .about_course_content_video .video_text .kuang2{display:inline-block;width:100%;height:auto;}
    .about_course_content_video .video_text .video_button{
        padding: 10px 15px;
        border: 1px solid #c39e0d;
        color: #c39e0d;
        background-color: #ccc0;
        cursor: pointer;
        position: absolute;
        bottom: 26px;
        left: 50%;
        display: inline-block;
        overflow: hidden;
      	transform:translateX(-50%);
    }
    .about_course_content_video .video_text .video_button .more_btn_span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #c39e0d;transform: translateX(-100%);transition: .6s;}
    .more_btn_text {position: relative;z-index: 999;}
    .about_course_content_video .video_text .video_button:hover{color: #fff;}
    .about_course_content_video .video_text .video_button:hover .more_btn_span {transform: translateX(0);}

    .commercial_facilities .pic{height:auto;width: 100%;overflow: hidden;margin:0.2vh 0 ;height: 57.8vh;background: url(../images/index.jpg)no-repeat;position: relative;}

    section.news{height: 500px;width:100%;}
    .i-wrap4 .box{
        /* 	width: 100vw; */
        height: 500px;
        padding: 0 3% 0 15.6%;
        overflow: hidden
    }

    .i-wrap4 .left{
        width: 29.7%;
        float: left;
        position: relative;
        top: 17%;
        margin-top: -120px;
        margin-left: -50px;
    }
    .i-wrap4 .right{
        float: right;
        width: 63%;
        overflow: hidden;
        height: auto;
    }
    .i-wrap4 .right li{
        float: left;
        border-left: 1px solid #eaeaea;
        height: 40%;
        box-sizing: border-box;
        position: relative;

    }
    .i-wrap4 .right a{
        display: block;
        width: 92%;
        padding: 38.7% 4% 0;
    }

    .index_foot{
        margin-top: 150px;
        width: 100%;
        background-color: #aeaeae;
        padding: 40px 0;
        font-family: "思源黑体";
    }
    section.news{height: auto;width:100%;}

    .flexlist{
       display: none;

    }

    .warps {
        width: 673px;
    }
    .technical_support {
        margin-left: 63px;
    }
}


/* 768px */


/* **************************************** *
 * 767px
 * **************************************** */

@media (max-width: 767px) {
    /* PAGE */
    .article_breadcrumbs {
        margin-bottom: 0;
    }
    .breadcrumb {
        padding: 22px 0 20px;
    }
    .breadcrumb li a,
    .breadcrumb li span {
        font-size: 14px;
    }
    .breadcrumb li.home {
        margin-right: 7px;
    }
    .breadcrumb li.home a:after {
        font-size: 14px;
        line-height: 19px;
    }
    .breadcrumb li.separator {
        padding: 0 3px;
    }
    .breadcrumb li.separator span:after {
        line-height: 20px;
    }

    .main_visual_bg {
        background-image: none !important;
    }
    .main_visual_bg img {
        display: block;
    }

    .article_header_cell {
        padding-bottom: 10px;
    }

    .article_sub_title {
        font-size: 17px;
    }
    .article_sub_title.secondary {
        padding-bottom: 10px;
        font-size: 36px;
    }
    .article_desc {
        padding-top: 15px;
        font-size: 14px;
        line-height: 1.6;
        padding-top: 9px;
    }

    .article_basic_header {
        padding: 90px 0 35px;
    }
    .article_basic_header h1 {
        margin-left: 0;
        font-size: 38px;
        letter-spacing: 0;
    }

    /* SEARCH */
    .search_info {
        padding-bottom: 16px;
    }

    .search_list>li>a {
        padding: 25px 20px;
    }
    .search_data .search_tax {
        font-size: 14px;
        line-height: 1.6;
    }
    .search_data .search_title {
        margin: 8px 0 6px;
        font-size: 17px;
        line-height: 1.35;
    }
    .search_data .search_desc {
        font-size: 14px;
        line-height: 1.6;
    }
    .search_data .search_date {
        font-size: 14px;
        line-height: 1.6;
    }

    .search_nodata {
        padding: 14% 20px;
    }
    .search_nodata p {
        font-size: 14px;
        line-height: 1.6;
    }

    /* SINGLE */
    .single_view_header {
        padding-bottom: 18px;
    }
    .jt_single_title h2 {
        font-size: 20px;
    }
    .jt_single_notice .jt_single_notice_mark {
        width: 42px;
        height: 24px;
        margin-top: 0;
        margin-right: 8px;
        font-size: 12px;
        line-height: 24px;
    }
    .jt_single_state .jt_single_state_mark {
        width: 62px;
        height: 24px;
        margin-top: 0;
        margin-right: 8px;
        font-size: 12px;
        line-height: 24px;
    }
    .single_view_info {
        min-height: inherit;
        margin-bottom: 30px;
        padding: 15px 0;
        text-align: left;
    }
    .single_view_info>*:after {
        height: 11px;
        margin-top: -6px;
    }
    .single_view_info span,
    .single_view_info time {
        padding: 0 10px;
        font-size: 13px;
        line-height: 1.4;
    }

    .single_view_body {
        padding-bottom: 10%;
    }
    .single_view_content h1,
    .single_view_content h2,
    .single_view_content h3 {
        font-size: 17px;
        line-height: 1.35;
    }
    .single_view_content p,
    .single_view_content a,
    .single_view_content li {
        font-size: 14px;
        line-height: 1.6;
    }
    .single_view_content a.jt_btn {
        padding: 12px 14px;
    }
    .single_view_content blockquote {
        padding-left: 12px;
        border-left-width: 2px;
    }
    .single_view_content ul li {
        padding-left: 9px;
    }
    .single_view_content ul li:before {
        width: 3px;
        height: 3px;
        top: 7px;
    }

    .single_view_content img {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .single_view_content h1,
    .single_view_content h2,
    .single_view_content h3 {
        margin-bottom: 15px;
    }
    .single_view_content p,
    .single_view_content blockquote,
    .single_view_content ul,
    .single_view_content ol,
    .single_view_content hr {
        margin-bottom: 20px;
    }

    .single_comments {
        padding: 0;
    }
    .single_comments .comment-list {
        margin-top: 30px;
        padding: 20px 15px;
    }
    .single_comments .author-name {
        padding-right: 20px;
        font-size: 14px;
    }
    .single_comments .comment-date {
        font-size: 14px;
    }
    .single_comments .comment-body {
        font-size: 14px;
        line-height: 1.6;
    }

    .single_btn_wrap {
        margin-bottom: 30px;
    }

    .jt_video_wrap {
        margin-bottom: 30px;
    }
    .jt_video_poster_overlay_btn {
        width: 54px;
        height: 54px;
        margin-left: -27px;
        margin-top: -27px;
    }
    .jt_video_poster_overlay_btn:after {
        padding-left: 3%;
        font-size: 12px;
        line-height: 54px;
    }

    .download_files_list {
        margin-top: 30px;
        padding-left: 12px;
        border-left-width: 2px;
    }
    .download_files_list b {
        padding-left: 22px;
        font-size: 14px;
    }
    .download_files_list b:before {
        height: 14px;
        margin-top: -7px;
        font-size: 14px;
    }
    .download_files_list a {
        font-size: 14px;
    }
    .download_files_list i.comma {
        padding-right: 2px;
    }

    /* STRAP */
    .jt_btn {
        min-width: 140px;
    }
    .jt_btn,
    .jt_btn[lang="en"] {
        padding: 16px;
        font-size: 14px;
    }

    .jt_icon_enter span:after {
        font-size: 14px;
    }
    .jt_icon_open span:after {
        font-size: 14px;
    }
    .jt_icon_download span:after {
        font-size: 14px;
        margin-top: -10px;
    }

    ::-webkit-input-placeholder {
        font-size: 14px;
    }
    ::-moz-placeholder {
        font-size: 14px;
    }
    :-ms-input-placeholder {
        font-size: 14px;
    }

    .jt_label {
        font-size: 14px;
    }
    .jt_form_field {
        height: 38px;
        padding: 5px 12px;
        font-size: 14px;
    }
    textarea.jt_form_field {
        padding: 12px;
    }
    div[class^="icheckbox"]+span,
    div[class^="iradio"]+span {
        padding-left: 6px;
        font-size: 14px;
    }

    .selectric .label {
        height: 36px;
        margin: 0 28px 0 12px;
        font-size: 14px;
        line-height: 36px;
    }
    .selectric .button {
        width: 28px;
        height: 38px;
    }
    .selectric .button:after {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
    }
    .selectric-items ul,
    .selectric-items li {
        font-size: 14px;
    }
    .selectric-items li {
        padding: 8px 12px;
    }

    .nicescroll_area_outer {
        padding: 20px;
        height: 300px;
    }
    .nicescroll_area {
        padding-right: 30px;
    }

    .jt_agree_rule .nicescroll_area_outer {
        height: 240px;
    }
    .jt_agree_rule h2 {
        padding-bottom: 16px;
        font-size: 16px;
    }
    .jt_agree_check>b {
        padding-right: 20px;
        font-size: 14px;
    }

    ul.jt_horizontal_form {
        display: block;
    }
    ul.jt_horizontal_form:before {
        height: 3px;
    }
    ul.jt_horizontal_form>li {
        display: block;
        padding: 20px 0 22px;
        border-bottom: 1px solid #ddd;
    }
    ul.jt_horizontal_form>li>div {
        display: block;
        border-bottom: none;
    }
    ul.jt_horizontal_form>li>div:first-child {
        width: 100%;
        padding: 0 0 10px 0;
    }
    ul.jt_horizontal_form>li>div:first-child+div {
        width: 100%;
        padding: 0;
    }
    .jt_horizontal_select_wrap {
        margin-left: 5px;
    }

    .jt_form_control {
        padding-top: 25px;
    }
    .jt_form_control_btn_wrap input[type="submit"] {
        min-width: 140px;
        padding: 16px;
        font-size: 14px;
    }
    .jt_form_control_btn_wrap>i:after {
        margin-top: -10px;
        right: 15px;
        font-size: 10px;
    }

    .explain {
        padding-left: 8px;
        font-size: 13px;
    }
    .explain:before {
        width: 3px;
        height: 3px;
        top: 5px;
    }

    .tel_desinence {
        width: 20px;
        height: 38px;
    }
    .tel_desinence:after {
        width: 8px;
        margin-left: -4px;
    }
    .mail_desinence {
        padding: 0 5px;
        font-size: 14px;
        line-height: 38px;
    }
    ul.jt_horizontal_form>li.contact_row_icheck>div:first-child+div {
        padding-top: 0;
        padding-bottom: 0;
    }

    .jt_file_upload_input {
        width: -webkit-calc(100% - 115px);
        width: calc(100% - 115px);
    }
    .jt_file_upload_button {
        width: 110px;
        height: 38px;
        margin-left: 5px;
        font-size: 14px;
    }
    label.jt_file_upload_button {
        line-height: 38px;
    }

    .jt_pagination {
        margin-top: 32px;
    }
    .jt_pagination .page-numbers {
        min-width: 28px;
        height: 28px;
        margin: 0 2px;
        font-size: 14px;
        line-height: 30px;
    }
    .jt_pagination .page-numbers.first,
    .jt_pagination .page-numbers.prev,
    .jt_pagination .page-numbers.next,
    .jt_pagination .page-numbers.last {
        background-size: 190px auto;
    }
    .jt_pagination .page-numbers.first {
        background-position: -12px center;
    }
    .jt_pagination .page-numbers.prev {
        background-position: -59px center;
    }
    .jt_pagination .page-numbers.next {
        background-position: -104px center;
    }
    .jt_pagination .page-numbers.last {
        background-position: -151px center;
    }

    .jt_search {
        padding: 6% 20px;
        margin-bottom: 6%;
    }
    .jt_search_category {
        width: 90px;
    }
    .jt_search_category .selectric .label {
        height: 36px;
        margin-right: 30px;
        font-size: 14px;
        line-height: 36px;
    }
    .jt_search_category .selectric .button {
        width: 30px;
        height: 36px;
    }
    .jt_search_category .selectric .button:after {
        font-size: 10px;
    }
    .jt_search_input.jt_form_field {
        width: 220px;
        height: 38px;
        margin: 0 5px;
    }
    .jt_search_button {
        width: 80px;
        height: 38px;
        font-size: 14px;
    }

    .jt_newsfeed_list {
        display: block;
    }
    .jt_newsfeed_item {
        display: block;
        position: relative;
        border-bottom: 1px solid #ddd;
    }
    .jt_newsfeed_item>div {
        display: block;
        border-bottom: none;
    }
    div.jt_newsfeed_time {
        width: auto;
        padding-top: 0;
        position: absolute;
        left: 0;
        bottom: 20px;
    }
    .jt_newsfeed_time b {
        display: none;
    }
    .jt_newsfeed_time span {
        display: none;
    }
    .jt_newsfeed_time time:after {
        content: attr(datetime);
        font-size: 14px;
        font-weight: 400;
        color: #666;
    }
    div.jt_newsfeed_content {
        padding: 20px 0 50px;
    }
    .jt_newsfeed_item:first-child div.jt_newsfeed_content {
        padding-top: 0;
    }
    .jt_newsfeed_notice,
    .jt_newsfeed_category,
    .jt_newsfeed_state {
        height: 23px;
        padding: 0 9px;
        margin-right: 3px;
        margin-top: 0;
        font-size: 12px;
        line-height: 23px;
    }
    .jt_newsfeed_title {
        margin-bottom: 5px;
    }
    .jt_newsfeed_title h2 {
        max-width: -webkit-calc(100% - 78px);
        max-width: calc(100% - 78px);
        font-size: 16px;
    }
    .jt_newsfeed_excerpt p {
        font-size: 14px;
    }
    .jt_newsfeed_origin {
        padding-top: 14px;
    }
    .jt_newsfeed_origin p {
        font-size: 13px;
    }
    div.jt_newsfeed_more {
        display: none;
    }

    .jt_list_nothing_found {
        padding: 11% 0;
        border-top-width: 2px;
    }
    .jt_list_nothing_found b {
        font-size: 22px;
    }
    .jt_list_nothing_found p {
        font-size: 14px;
        line-height: 1.6;
    }

    .jt_board_control {
        padding-top: 25px;
    }
    .jt_board_control.jt_inquiry_list_control {
        padding-top: 25px;
    }
    .jt_board_control .jt_btn {
        margin-left: 6px;
    }

    /* COMPONENT */
    span.wpcf7-list-item {
        margin-left: 20px;
    }

    .slick-control .slick-arrows {
        width: 38px;
        height: 38px;
    }
    .slick-control .slick-arrows:after {
        font-size: 38px;
    }

    button.mfp-close,
    .mfp-iframe-holder button.mfp-close {
        width: 20px;
        height: 20px;
        top: -30px;
        right: 1px;
    }
    button.mfp-close:after {
        font-size: 20px;
    }
    button.mfp-close:active {
        top: -30px;
    }

    /* MAIN */
    .main_section {
        padding: 7% 0 8%;
    }

    .main_visual_item h2 {
        font-size: 38px;
    }
    .main_visual_item span {
        font-size: 16px;
    }

    .main_business_products .wrap {
        margin: 0;
    }
    .main_business strong {
        top: -45px;
        font-size: 18px;
        color: #222 !important;
    }
    .main_business p {
        font-size: 14px;
        line-height: 1.6;
    }
    .main_business b {
        font-size: 16px;
    }
    .main_business .jt_btn {
        margin-top: 20px;
    }
    .main_business_box_01 {
        margin-top: -33px;
    }
    .main_business_box_01 .main_business_txt {
        padding: 20px 25px 0 20px;
    }
    .main_business_box_02 {
        margin-top: 94px;
    }
    .main_business_box_02 .main_business_txt {
        padding: 15px 20px 25px 25px;
    }
    .main_business.main_section {
        padding: 120px 0 0;
    }
    .main_business_colorpaste {
        margin: -33px 0 0;
        padding-top: -webkit-calc(12% + 33px);
        padding-top: calc(12% + 33px);
        padding-bottom: 12%;
    }
    .colorpaste_txt {
        padding: 0;
    }

    .main_chemical_list {
        margin: 0 -5px;
    }
    .main_chemical_list li {
        padding: 0 5px;
    }
    .main_chemical_txt h4 {
        font-size: 15px;
    }
    .main_chemical_txt p {
        font-size: 14px;
        line-height: 1.6;
    }
    .main_chemical_txt .jt_btn {
        margin-top: 12px;
    }

    .main_about.main_section {
        padding-bottom: 135px;
    }
    .main_about_list figure {
        width: 66px;
    }
    .main_about_txt h4 {
        font-size: 15px;
    }
    .main_about_txt p {
        padding-top: 10px;
        font-size: 14px;
        line-height: 1.6;
    }
    div.main_info_corporate {
        height: 460px;
    }
    .main_info {
        margin-top: -120px;
    }
    .main_info_container {
        height: 490px;
    }
    /* .main_info h3 {font-size: 30px;} */
    .main_info_link {
        width: 28px;
        height: 28px;
    }
    .main_info_link:after {
        font-size: 28px;
    }
    .main_info_recruit_man {
        width: 223px;
        height: 530px;
    }
    .main_info_recruit h3 {
        top: 98px;
        left: 8%;
    }
    .main_recruit_cell {
        padding: 20px 8%;
    }
    .main_info_recruit b {
        font-size: 17px;
    }
    .main_recruit_data>p {
        max-height: 3.2em;
        font-size: 14px;
        line-height: 1.6;
    }
    .main_recruit_data>span {
        padding: 5px 0 15px;
        font-size: 13px;
    }
    .main_info_corporate {
        padding: 10px
    }
    .main_info_corporate_inner:hover:after {
        border-width: 1px;
    }
    .main_corporate_cell {
        padding: 0 15px;
        bottom: 36px;
    }
    .main_info_corporate h3 {
        padding-bottom: 10px;
        font-size: 16px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        height: auto;
        padding-bottom: 0;
    }
    .main_info_corporate span {
        font-size: 14px;
        line-height: 1.6;
    }

    .main_news_more {
        padding-top: 26px;
    }

    .main_notice_board>b {
        padding-bottom: 10px;
        font-size: 17px;
    }
    .main_stock_list>li {
        vertical-align: bottom;
    }
    .main_stock_list b {
        font-size: 30px;
    }
    .main_stock_list p {
        padding-top: 0;
        font-size: 14px;
        line-height: 1.5;
    }
    .main_stock_icon {
        padding: 0 3px 0 7px;
    }
    .main_ir_list>li>a {
        padding-right: 85px;
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 22px;
    }
    .main_ir_list p {
        font-size: 14px;
    }
    .main_ir_list time {
        top: 5px;
        font-size: 14px;
    }

    .main_banner_container {
        height: 170px;
    }
    .main_banner_item span {
        font-size: 13px;
    }
    .main_banner_item b {
        font-size: 22px;
    }
    .main_banner_item b:after {
        padding-top: 6px;
        font-size: 11px;
    }

    /* SUB */
    .sub_section_title {
        margin-left: 0.3em;
        letter-spacing: 0.3em;
        padding-bottom: 25px;
        font-size: 30px;
    }
    .sub_section_title[lang="en"] {
        padding-bottom: 25px;
        font-size: 30px;
    }
    .sub_section_desc {
        padding: 12px 0 30px;
        font-size: 14px;
        line-height: 1.6;
    }

    .page_tabs {
        margin-top: -16px;
        margin-bottom: 33px;
    }
    .page_tabs li a {
        padding: 16px 20px;
        font-size: 20px;
    }

    .middle_grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .middle_grid_img {
        display: block;
        width: 100%;
        height: 0;
        padding-top: 60%;
        position: relative;
        overflow: hidden;
        -ms-flex-order: 1;
        -webkit-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1;
    }
    .middle_grid_img img {
        width: 100%;
        position: absolute;
        top: -50%;
    }
    .middle_grid_content {
        display: block;
        width: 100%;
        -ms-flex-order: 2;
        -webkit-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2;
        padding-top: 22px;
    }
    .middle_grid_content>h2 {
        font-size: 24px;
        line-height: 1.35;
    }
    .middle_grid_content>h2[lang="en"] {
        font-size: 26px;
    }
    .middle_grid_content>p {
        padding-top: 10px;
        font-size: 14px;
        line-height: 1.6;
    }
    .middle_grid_content>span {
        padding-bottom: 7px;
        font-size: 15px;
    }
    .middle_grid_controler {
        margin-top: 18px;
    }
    .middle_grid_controler .jt_btn {
        margin-right: 5px;
    }
    .middle_grid.primary .middle_grid_content {
        padding-left: 0;
    }
    .middle_grid.secondary .middle_grid_content {
        padding-right: 0;
    }

    .full_typo_banner {
        padding-top: 12%;
        text-align: left;
    }
    .full_typo_banner strong {
        font-size: 24px;
        letter-spacing: 0;
    }
    .full_typo_banner p {
        padding-top: 10px;
        font-size: 14px;
        line-height: 1.6;
    }
    .full_typo_banner p br {
        display: none;
    }

    .irregular_grid_img {
        position: relative;
    }
    .irregular_grid_img img {
        width: 100%;
    }
    .irregular_grid_primary .irregular_grid_img,
    .irregular_grid_secondary .irregular_grid_img {
        width: 100%;
        height: 0;
        padding-top: 60%;
        overflow: hidden;
    }
    .irregular_grid_primary .irregular_grid_txt,
    .irregular_grid_secondary .irregular_grid_txt {
        float: none;
        width: 100%;
        padding: 20px 0 0;
    }
    .irregular_grid_txt b {
        padding-bottom: 10px;
        font-size: 15px;
    }
    .irregular_grid_txt h2 {
        font-size: 24px;
        line-height: 1.35;
        margin-left: 0;
    }
    .irregular_grid_txt p {
        font-size: 14px;
        line-height: 1.6;
    }
    .irregular_grid_img img {
        position: absolute;
        top: -50%;
    }

    .data_table_list_outer {
        padding: 8% 5%;
    }
    .data_table_list {
        display: block;
    }
    .data_table_list>li {
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
    }
    .data_table_list>li>b,
    .data_table_list>li>span {
        display: block;
        padding: 0;
        border-bottom: none;
    }
    .data_table_list>li>b {
        width: auto;
        padding-left: 0;
        font-size: 14px;
        line-height: 1.4;
    }
    .data_table_list>li>span {
        padding-left: 0;
        padding-top: 3px;
        font-size: 14px;
        line-height: 1.4;
    }
    .data_table_list>li>span br {
        display: none;
    }
    .table_list_blankspace,
    .table_list_small_blankspace {
        display: none;
    }

    .rule_box {
        padding-bottom: 20px;
    }
    .rule_box b {
        font-size: 14px;
        line-height: 1.35;
    }
    .rule_box p {
        font-size: 14px;
        line-height: 1.6;
    }
    .rule_box li {
        font-size: 14px;
        line-height: 1.6;
    }
    .rule_box ol li:before {
        font-size: 14px;
        line-height: 1.6;
    }
    .rule_box>ol>li {
        padding-left: 20px;
    }
    .rule_box>ol>li>ol>li {
        padding-left: 13px;
    }

    .icon_step_list>li:before {
        font-size: 25px;
    }
    .icon_step_list img,
    .icon_step_list svg {
        max-width: 48px;
    }
    .icon_step_list b {
        padding-top: 18px;
        padding-bottom: 5px;
    }
    .icon_step_list p {
        font-size: 14px;
        line-height: 1.6;
    }

    .thumb_data_list_img {
        padding: 24px 0;
    }
    .thumb_data_list_txt {
        padding: 24px 0 24px 25px;
    }
    .thumb_data_list_txt b {
        font-size: 15px;
        line-height: 25px;
    }
    .thumb_data_list_txt p {
        font-size: 14px;
        line-height: 1.6;
    }
    .thumb_data_list_txt>ul>li {
        /* padding-left: 64px; */
    }
    .thumb_data_list_txt>ul>li>span {
        font-size: 14px;
        line-height: 1.6;
    }

    .card_list_content {
        padding: 24px 20px 28px;
    }
    .card_list_content>b {
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 1.35;
    }
    .card_list_content>p {
        font-size: 14px;
        line-height: 1.6;
    }

    .icon_index_list_inner {
        padding: 20px 20px 35px;
    }
    .icon_index_list_inner img,
    .icon_index_list_inner svg {
        max-width: 66px;
    }
    .icon_index_list_inner figcaption {
        margin-top: 20px;
        font-size: 14px;
        line-height: 1.4;
    }
    .icon_index_list>li.empty_index .icon_index_list_inner {
        background-size: 135px auto;
    }
    .index_number {
        font-size: 30px;
    }

    .card_count_list_outer_gradient {
        height: auto;
        padding-top: 50%;
    }
    .card_count_list>li,
    .card_count_list>li.wide {
        width: 50%;
    }
    .card_count_list_content {
        padding: 22px 20px 28px;
    }
    .card_count_list_content:before {
        font-size: 25px;
    }
    .card_count_list_content>p {
        min-height: inherit;
        font-size: 14px;
        line-height: 1.6;
    }
    .card_count_list_content>p br {
        display: none;
    }

    /* 회사개요 */
    .about_irregular_grid_01,
    .about_irregular_grid_02,
    .about_irregular_grid_03 {
        padding: 0 0 7%;
    }

    .about_banner {
        height: 350px;
    }
    .about_banner_pic img {
        max-width: 510px;
    }

    .about_data {
        margin-top: -70px;
    }

    .about_history_gallery_item figcaption {
        padding: 16px 12px 18px;
    }
    .about_history_gallery_item p {
        font-size: 13px;
        line-height: 1.6;
    }
    .about_history_gallery_item time {
        font-size: 13px;
    }

    .about_history_list>li {
        padding: 30px 0;
    }
    .history_list_year {
        margin-top: 0;
        font-size: 25px;
    }
    .history_list_year>span {
        display: inline-block;
        vertical-align: top;
    }
    .history_list_content>li {
        margin-bottom: 6px;
        font-size: 14px;
        line-height: 1.6;
    }
    .about_history_list p {
        padding-left: 65px;
    }

    /* CEO인사말 */
    .ceo_typo.full_typo_banner {
        padding-bottom: 20%;
    }
    .ceo_typo.full_typo_banner strong {
        margin-left: 0;
        letter-spacing: 0;
        line-height: 1.35;
    }

    .ceo_outro {
        margin-top: 30px;
    }
    .ceo_outro .middle_grid_content {
        padding-top: 20px;
    }
    .ceo_sign {
        padding-top: 15px;
    }
    .ceo_sign img,
    .ceo_sign svg {
        max-width: 75px;
    }
    .ceo_name {
        margin-right: 15px;
    }
    .ceo_name>span {
        font-size: 14px;
    }
    .ceo_name>b {
        padding-left: 4px;
        font-size: 18px;
    }

    /* 채용공고 */
    .career_step {
        margin-bottom: 40px;
    }
    .career_count {
        padding-bottom: 20px;
        font-size: 14px;
    }
    .jt_career_list .jt_newsfeed_title h2 {
        max-width: -webkit-calc(100% - 100px);
        max-width: calc(100% - 100px);
    }
    .career_date p {
        font-size: 14px;
    }

    .single_view_info span.categories {
        width: 100%;
        padding-bottom: 4px;
    }
    .single_view_info span.categories+span {
        padding-left: 0;
    }

    /* CI소개 */
    .ci_intro_txt {
        padding: 20px 0 17px;
    }
    .ci_intro_title {
        width: 100%;
        padding-right: 0;
    }
    .ci_intro_title h2 {
        padding-bottom: 7px;
        font-size: 24px;
    }
    .ci_intro_title h2 br {
        display: none;
    }
    .ci_intro_desc {
        width: 100%;
        padding-left: 0;
    }
    .ci_intro_desc p {
        padding-bottom: 10px;
        font-size: 14px;
        line-height: 1.6;
    }

    .ci_information_list>li {
        padding: 22px 0 26px;
    }
    .ci_information_title {
        width: 100%;
        padding-right: 0;
    }
    .ci_information_title h3 {
        padding-bottom: 7px;
        font-size: 24px;
    }
    .ci_information_content {
        width: 100%;
    }
    .ci_information_content>p {
        padding-bottom: 10px;
        font-size: 14px;
        line-height: 1.6;
    }
    .ci_button_box {
        margin-top: 25px;
        text-align: center;
    }
    .ci_button_box .jt_btn {
        margin-right: 6px;
    }

    .motive_picture {
        padding: 8px 0 4px;
        font-size: 0;
        text-align: center;
    }
    .motive_picture figure {
        float: none;
        display: inline-block;
    }
    .motive_picture figcaption {
        padding-top: 8px;
        font-size: 14px;
    }

    .ci_color_board {
        padding: 20px;
        font-size: 22px;
    }
    .ci_color_info {
        margin-top: 10px;
    }
    .ci_color_info>li>b {
        padding: 14px 15px 14px 0;
        font-size: 16px;
    }
    .ci_color_info>li>p {
        padding: 16px 0 14px;
        font-size: 14px;
    }
    .ci_color_info>li>p>span {
        padding-right: 8px;
    }
    .ci_color_info>li>p>span>i {
        padding-right: 3px;
    }

    /* 제품문의 */
    .product_inquiry_group {
        padding-bottom: 40px;
    }
    .product_inquiry_group_title {
        padding-bottom: 15px;
        font-size: 19px;
    }

    .product_inquiry_link.jt_btn.primary {
        min-width: inherit;
        max-width: 100px;
        width: 100%;
        font-size: 12px;
    }

    /*
    .product_inquiry_table {display: block;margin-top: -2px;}
    .product_inquiry_table thead {display: none;}
    .product_inquiry_table tbody {display: block;}
    .product_inquiry_table tr {display: block;padding: 12px 59px 11px 10px;position: relative;border-top: 1px solid #ddd;}
    .product_inquiry_table tr:first-child, .product_inquiry_table tr.rowspan_child {border-top: none;}
    .product_inquiry_table tr:last-child {border-bottom: 1px solid #ddd;}
    .product_inquiry_table td {display: block;padding: 1px 0;position: relative;font-size: 14px;line-height: 1.4;text-align: left;border: none;}
    .product_inquiry_table tr.hover td:not(.category) {background: none;}
    .product_inquiry_table td.category {padding: 0;}
    .product_inquiry_table td.category:before {content: '제품분류 : ';}
    .product_inquiry_table td.tel:before {content: 'TEL : ';}
    .product_inquiry_table td.admin:before {content: '제품 및 업무담당자 : ';}
    .product_inquiry_table td.online {width: 34px;height: 34px;padding: 0;position: absolute;top: 50%;right: 10px;margin-top: -17px;border: 1px solid #ddd;}
    .product_inquiry_table td.online .jt_btn.primary {display: block;width: 100%;height: 100%;padding: 0;font-size: 0;border: none;}
    .product_inquiry_table td.online .jt_btn.primary:after {content: '';display: block;width: 100%;height: 100%;font-family: 'jt-font';content: '\e930';font-size: 12px;line-height: 34px;text-align: center;color: #222;}
    */
    .product_inquiry_department>li {
        width: 33.333%;
        padding: 3px;
    }
    .product_inquiry_department>li:nth-child(4n+1) {
        clear: none;
    }
    .product_inquiry_department>li:nth-child(3n+1) {
        clear: both;
    }
    .product_inquiry_department_info {
        padding: 15px 15px 18px;
    }
    .product_inquiry_department_info p {
        font-size: 14px;
        line-height: 1.4;
    }

    ul.jt_horizontal_form>li.contact_row_product_inquiry_type {
        padding: 17px 0 16px;
    }
    ul.jt_horizontal_form>li.contact_row_product_inquiry_type>div:first-child+div,
    ul.jt_horizontal_form>li.contact_row_product_inquiry_person>div:first-child+div {
        padding: 0;
    }
    .product_inquiry_type,
    .product_inquiry_person {
        margin-top: -5px;
        font-size: 14px;
    }

    /* 관계사 */
    .relational_intro {
        display: block;
    }
    .relational_intro_image {
        display: block;
        width: 100%;
    }
    .relational_intro_image img {
        width: 100%;
    }
    .relational_intro_content {
        display: block;
        width: 100%;
        padding: 25px 0 10px;
    }
    .relational_intro_content img {
        max-width: 90px;
        margin-bottom: 4px;
    }
    .relational_intro_content p {
        padding-top: 10px;
        font-size: 14px;
        line-height: 1.6;
    }
    .relational_control {
        margin-top: 15px;
    }
    .relational_control .jt_btn {
        margin-right: 6px;
    }

    .relational_table_group:before {
        height: 3px;
    }
    .relational_table_group>h2 {
        font-size: 22px;
    }
    .relational_table_group>p {
        padding: 5px 0 15px;
        font-size: 14px;
        line-height: 1.6;
    }

    .kcna_typo.full_typo_banner {
        padding-bottom: 30%;
    }
    .kcna_table {
        margin-top: -14%;
    }
    .enf_typo.full_typo_banner {
        padding-bottom: 30%;
    }
    .enf_table {
        margin-top: -13%;
    }

    .relational_popup {
        padding: 30px 20px;
    }
    .relational_popup_title {
        padding-bottom: 15px;
        font-size: 22px;
    }
    .relational_popup_table th {
        font-size: 18px;
    }
    .relational_popup_table td {
        font-size: 16px;
    }

    /* 사업장 */
    .network_intro {
        display: block;
    }
    .network_intro_txt {
        display: block;
        width: 100%;
        padding-bottom: 20px;
        padding-right: 0;
    }
    .network_intro h2 {
        font-size: 24px;
        line-height: 1.35;
    }
    .network_intro p {
        padding-top: 10px;
        font-size: 14px;
        line-height: 1.6;
    }
    .network_intro_pic {
        display: block;
        width: 100%;
    }
    .network_pic_map {
        max-width: 225px;
    }
    .network_pic_map_data>li {
        width: 100px;
    }
    .network_pic_map_data>li>span {
        font-size: 13px;
    }
    .network_pic_map_data>li.pic_point_giheung {
        margin-top: -88px;
        margin-left: -82px;
    }
    .network_pic_map_data>li.pic_point_giheung>i {
        width: 40px;
        height: 40px;
    }
    .network_pic_map_data>li.pic_point_ulsan {
        margin-top: 49px;
        margin-left: 44px;
    }
    .network_pic_map_data>li.pic_point_ulsan>i {
        width: 22px;
        height: 22px;
    }

    .location_item {
        padding: 50px 0 0;
    }
    .location_item_header {
        padding-bottom: 20px;
    }
    .location_banner_cell {
        padding-bottom: 65px;
    }
    .location_video_play span {
        padding-top: 9px;
        margin-left: 0;
        font-size: 15px;
        line-height: 1.6;
        letter-spacing: 0;
    }
    .location_video_play i {
        width: 54px;
        height: 54px;
    }
    .location_video_play i:after {
        padding-left: 3%;
        font-size: 12px;
        line-height: 54px;
    }
    .location_banner .slick-control {
        bottom: -18px;
    }
    .location_banner .slick-control .slick-arrows {
        margin: 0 4px;
    }
    .location_data {
        margin-top: -40px;
    }
    .location_data .data_table_list_outer {
        padding: 80px 5% 8%;
    }
    .location_data .data_table_list>li>b {
        padding-left: 0;
        text-align: left;
    }
    .location_map_box {
        height: 340px;
    }

    /* 경영정보 */
    .investment_section #page_tabs_nav {
        margin-top: -14px;
        overflow: hidden;
    }
    .investment_section .page_tabs {
        display: block;
        width: 100%;
        margin-top: 0;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        font-size: 0;
        line-height: 1;
    }
    .investment_section .page_tabs li {
        display: inline-block;
        width: auto;
        min-width: 120px;
        vertical-align: top;
    }
    .investment_section .page_tabs li a {
        padding: 14px 20px;
    }

    /* BUSINESS (주정, 화학, COLOR PASTE) */
    .business_content:before {
        display: none;
    }
    .business_content_inner {
        padding-top: 22px;
    }

    .business_content_head {
        width: 100%;
        padding-right: 0;
    }
    .business_content_head h2 {
        padding-bottom: 7px;
        font-size: 24px;
    }

    .business_child_category {
        display: table;
        width: 100%;
        margin-top: -6px;
        margin-bottom: 20px;
        padding-right: 0;
    }
    .business_child_category>li {
        display: table-cell;
        width: 33.33%;
    }
    .business_child_category>li>a {
        padding: 0 0 12px;
        text-align: center;
    }

    .business_content_body {
        width: 100%;
    }
    .business_content_desc p {
        font-size: 14px;
        line-height: 1.6;
    }

    .business_predata {
        margin-top: 19px;
    }
    .business_predata_info b {
        font-size: 16px;
    }
    .business_predata_info p {
        padding: 4px 0 10px;
        font-size: 14px;
        line-height: 1.6;
    }

    .business_detail {
        margin-top: 10px;
    }
    .business_detail_title {
        padding: 10px 0 8px;
    }
    .business_detail_title b {
        font-size: 14px;
    }
    .business_detail_content {
        padding: 10px 0 30px;
    }
    .business_detail_content p {
        font-size: 14px;
        line-height: 1.6;
    }
    .business_detail_content .jt_btn {
        margin-top: 20px;
    }

    /* 주가정보 */
    .jtstock_icon {
        padding-right: 6px;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }

    .jtstock_price_time {
        margin-bottom: 12px;
    }
    .jtstock_price_time time {
        font-size: 13px;
    }
    .jtstock_price_time time:before {
        width: 12px;
        height: 12px;
        left: -20px;
        margin-top: -6px;
        font-size: 12px;
    }

    .jtstock_price_table {
        display: block;
    }
    .jtstock_price_cell {
        display: block;
        width: 100%;
    }
    .jtstock_price_cell:nth-child(1) {
        padding-right: 0;
        border-right: none;
    }
    .jtstock_price_cell:nth-child(2) {
        padding-left: 0;
    }

    .jtstock_value {
        padding-right: 16px;
    }
    .jtstock_value b {
        font-size: 40px;
    }
    .jtstock_value .jtstock_icon {
        padding-right: 5px;
    }

    .jtstock_horizontal_list>li>b {
        padding: 10px 0;
        font-size: 14px;
        line-height: 15px;
    }
    .jtstock_horizontal_list>li>span {
        padding: 10px 0;
        font-size: 15px;
        line-height: 1;
    }
    .jtstock_horizontal_list>li:first-child>b,
    .jtstock_horizontal_list>li:first-child>span {
        padding-top: 0;
    }
    .jtstock_horizontal_list>li:last-child>b,
    .jtstock_horizontal_list>li:last-child>span {
        padding-bottom: 0;
    }

    .jtstock_vertical_list>li>b {
        padding-bottom: 7px;
        font-size: 14px;
    }
    .jtstock_vertical_list>li>span {
        padding-top: 4px;
        font-size: 15px;
    }

    .jtstock_chart {
        margin: 50px 0 40px;
    }

    .jtstock_table_column {
        width: 100%;
    }
    .jtstock_table_column:first-child {
        margin-right: 0;
        margin-bottom: 35px;
    }
    .jtstock_table th {
        padding: 12px 16px;
        font-size: 15px;
    }
    .jtstock_table td {
        padding: 13px 16px;
        font-size: 14px;
    }
    .jtstock_info_table td:first-child {
        padding: 13px 16px;
    }

    .jtstock_error i:after {
        font-size: 40px;
    }
    .jtstock_error p {
        padding-top: 12px;
        padding-left: 0;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 1.6;
    }

    /* 재무정보 */
    .financial_chart {
        height: 350px;
    }
    .financial_data_wrap {
        padding-top: 44px;
    }
    .financial_data_wrap:before {
        display: none;
    }
    .financial_table th {
        padding: 12px 16px;
        font-size: 15px;
    }
    .financial_table td {
        padding: 13px 16px;
        font-size: 14px;
    }
    .financial_table td:first-child {
        padding: 13px 16px;
    }
    .financial_table_unit {
        padding-bottom: 10px;
        font-size: 12px;
    }

    /* 제품정보 */
    .products_category>li:nth-child(1),
    .products_category>li:nth-child(2),
    .products_category>li:nth-child(3) {
        width: 48%;
    }
    .products_category_info {
        padding: 20px 0;
    }
    .products_category_info h3 {
        font-size: 24px;
    }
    .products_category_info b {
        padding: 4px 0 5px;
        font-size: 17px;
    }
    .products_category_info p {
        font-size: 14px;
        line-height: 1.6;
    }
    .products_category_info .jt_btn {
        margin-top: 16px;
    }

    .products_data {
        padding-top: 35px;
    }
    .products_data:before {
        display: none;
    }

    /* 채용문의 */
    .recruit_inquiry_form .jt_agree_check>label+label {
        margin-left: 20px;
    }
    .inquiry_file_wrap {
        padding-bottom: 10px;
    }
    .inquiry_file_wrap p {
        font-size: 14px;
        line-height: 1.6;
    }
    .inquiry_file_wrap p>span {
        padding-left: 22px;
    }
    .inquiry_file_wrap p>span:before {
        margin-top: -7px;
        font-size: 15px;
    }
    .inquiry_file_wrap a {
        margin-left: 8px;
        padding: 0;
        font-size: 0;
        background: none;
    }
    .inquiry_file_wrap a:after {
        font-family: 'jt-font';
        content: '\e946';
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        color: #666;
    }

    .jt_inquiry_list .jt_newsfeed_item:first-child div.jt_newsfeed_content {
        padding-top: 20px;
    }
    .jt_inquiry_list .jt_newsfeed_title h2 {
        max-width: -webkit-calc(100% - 83px);
        max-width: calc(100% - 83px);
    }
    .inquiry_author p {
        font-size: 14px;
    }

    .inquirye_single_detail .single_view_content {
        padding: 0;
    }
    .inquiry_defult_data {
        margin-bottom: 30px;
        padding: 15px 0;
    }
    .inquiry_defult_data span {
        padding: 0 10px;
        font-size: 13px;
        line-height: 1.4;
    }
    .inquiry_defult_data span a {
        font-size: 13px;
    }
    .inquiry_defult_data>div>*:after {
        height: 11px;
        margin-top: -6px;
    }
    .inquiry_content {
        font-size: 14px;
        line-height: 1.6;
    }

    /* 연구소개 */
    .rnd_info {
        padding-bottom: 55px;
    }
    .rnd_info_box {
        margin-bottom: 45px;
    }
    .rnd_info_box h2 {
        font-size: 30px;
    }
    .rnd_info_box p {
        padding-top: 10px;
        font-size: 14px;
        line-height: 1.6;
    }
    .rnd_info_box b {
        padding-top: 10px;
        font-size: 22px;
        line-height: 1.35;
    }
    .rnd_info_box span {
        font-size: 34px;
    }
    .rnd_info_box span i:last-child {
        padding-left: 50%;
    }
    .rnd_info_first_box div.rnd_info_box_inner {
        padding-left: 20px;
    }
    .rnd_info_second_box div.rnd_info_box_inner {
        padding-right: 20px;
    }
    figure.rnd_info_box_inner {
        width: 45%;
    }

    .rnd_facility_data {
        margin-top: -85px;
    }
    .rnd_facility_data .sub_section_title {
        padding-bottom: 25px;
        font-size: 26px;
    }
    .rnd_facility_data .data_table_list_outer {
        padding: 4% 5% 0 5%;
    }
    .rnd_facility_data .data_table_list>li>span {
        padding-left: 0;
        padding-top: 0;
    }

    /* 정도경영 */
    .competent_intro {
        padding-bottom: 50px;
    }
    .competent_outro {
        padding-top: 50px;
    }

    .competent_card_count_list>li:nth-child(4),
    .competent_card_count_list>li:nth-child(6) {
        clear: none;
    }
    .competent_card_count_list>li:nth-child(odd) {
        clear: both;
    }

    /* 환경경영 */
    .environment_irregular_grid_01,
    .environment_irregular_grid_02,
    .environment_irregular_grid_03 {
        padding: 0 0 7%;
    }

    .environment_banner {
        margin-top: 20px;
        padding: 15% 0 18%;
        overflow: hidden;
    }
    .environment_banner:after {
        display: none;
    }
    .environment_banner_pic {
        left: 0;
    }
    .environment_banner_pic img {
        width: 740px;
        max-width: inherit;
        left: -270px;
        top: 290px;
    }
    .environment_banner span {
        font-size: 38px;
        margin-left: 0.3em;
        letter-spacing: 0.3em;
    }

    .environment_task {
        margin-top: -50px;
    }
    .environment_task>li {
        float: none;
        width: 100%;
        margin-right: 0;
        padding: 0 5% 25px;
    }
    .environment_task>li:first-child {
        padding-top: 30px;
    }
    .environment_task b {
        padding-bottom: 8px;
        font-size: 18px;
    }
    .environment_task_sub {
        max-width: inherit;
        padding: 12px 0;
    }
    .environment_task_sub>li {
        padding-left: 10px;
        padding-bottom: 3px;
        font-size: 14px;
        line-height: 1.6;
    }
    .environment_task_sub>li:before {
        top: 8px;
    }

    .environment_system {
        padding-top: 30px;
    }
    .environment_system_title {
        padding-bottom: 10px;
        font-size: 24px;
        line-height: 1.35;
    }

    /* 품질경영 */
    .quality_stair {
        padding-top: 40px;
    }
    .quality_stair_text p {
        font-size: 14px;
        line-height: 1.6;
    }

    .quality_banner {
        padding-top: 0;
    }
    .quality_banner_inner b {
        font-size: 22px;
    }
    .quality_banner_inner p {
        padding-top: 14px;
        font-size: 14px;
        line-height: 1.6;
    }
    .quality_banner_inner p br {
        display: none;
    }

    /* 사회공헌 */
    .csr_intro .middle_grid_content>p {
        padding-top: 10px;
    }

    .csr_project {
        padding: 60px 0;
    }
    .csr_project_header h2 {
        font-size: 26px;
    }
    .csr_project_header b {
        padding: 14px 0 12px;
        font-size: 18px;
    }
    .csr_project_header p {
        font-size: 14px;
        line-height: 1.6;
    }

    .csr_project_list {
        padding: 45px 0 85px;
    }
    .csr_project_info>h3 {
        font-size: 20px;
    }
    .csr_project_info>p {
        font-size: 14px;
        line-height: 1.6;
    }
    .csr_project_circle_item {
        width: 120px;
        height: 120px;
    }
    .csr_project_circle_item>p>span {
        font-size: 15px;
    }
    .csr_project_img:before {
        width: 20px;
    }
    .csr_project_item_odd {
        padding-right: 20px;
    }
    .csr_project_item_even {
        padding-left: 20px;
    }
    .csr_project_item_01 .csr_project_img:before {
        right: -20px;
    }
    .csr_project_item_01 .csr_project_img:after {
        right: -25px;
    }
    .csr_project_item_02 .csr_project_img:before {
        left: -20px;
    }
    .csr_project_item_02 .csr_project_img:after {
        left: -25px;
    }

    .csr_project_bg {
        height: inherit;
        padding-top: 48%;
        background-size: 100% auto;
    }
    .csr_project_bg,
    .csr_project_bg.fixed,
    .csr_project_bg.clear {
        position: absolute;
        top: inherit;
        bottom: -30px;
    }

    .csr_activity .slick-control {
        display: none
    }

    /* 가치체계 */
    .value_mission {
        padding-bottom: 40px;
    }

    .vision_banner {
        padding: 20px 0;
    }
    .vision_banner_inner .value_banner_title {
        font-size: 35px;
    }
    .vision_banner_inner p {
        padding-top: 8px;
        font-size: 14px;
        line-height: 1.28;
    }
    .vision_banner_inner p span {
        font-size: 14px;
    }

    .value_strategy {
        padding-top: 40px;
    }
    .strategy_plan span {
        font-size: 24px;
    }
    .strategy_plan p {
        font-size: 14px;
    }

    .value_core {
        padding-top: 100px;
    }
    .value_core_list>li>b {
        font-size: 26px;
    }
    .value_core_list>li>p {
        font-size: 18px;
    }
    .value_core_typo_bg {
        margin-top: -5%;
        padding: 17% 0 12%;
    }
    .value_core_typo {
        font-size: 48px;
        letter-spacing: 0.25em;
        margin-left: 0.25em;
    }

    .strategy_plan li img {
        opacity: 0
    }
    .strategy_plan li {
        background: center top no-repeat;
        background-size: cover;
    }
    .strategy_plan li:nth-child(1) {
        background-image: url(../images/strategy-01.jpg)
    }
    .strategy_plan li:nth-child(2) {
        background-image: url(../images/strategy-02.jpg)
    }
    .strategy_plan li:nth-child(3) {
        background-image: url(../images/strategy-03.jpg)
    }
    .strategy_plan li:nth-child(4) {
        background-image: url(../images/strategy-04.jpg)
    }
    .strategy_plan>li {
        width: 49%;
        margin-right: 2%;
        height: 0;
        padding-top: 60%;
        margin-bottom: 2%;
    }
    .strategy_plan>li:nth-child(2n) {
        margin-right: 0%;
    }

    /* 홍보자료 */
    .pr_video_txt {
        padding-right: 95px;
    }
    .pr_video_txt b {
        font-size: 16px;
        line-height: 1.35;
    }
    .pr_video_txt p {
        font-size: 14px;
        line-height: 1.6;
    }
    .pr_video_poster_overlay_btn {
        width: 54px;
        height: 54px;
        margin-left: -27px;
        margin-top: -27px;
    }
    .pr_video_poster_overlay_btn:after {
        padding-left: 3%;
        font-size: 12px;
        line-height: 54px;
    }

    .pr_brochure_info {
        padding-left: 20px;
        padding-right: 100px;
    }
    .pr_brochure_info b {
        font-size: 16px;
        line-height: 1.35;
    }
    .pr_brochure_info p {
        font-size: 14px;
        line-height: 1.6;
    }

    /* 인사제도 */
    .people_education {
        padding-top: 30px;
    }
    .people_organization {
        padding-bottom: 50px;
    }
    .organization_map_group_category {
        width: 250px;
    }
    .organization_map_group_category p {
        font-size: 22px;
    }
    .organization_map_group_content {
        width: 950px;
    }
    .organization_map_item {
        width: 156px;
        height: 156px;
    }
    .organization_map_item>span {
        font-size: 22px;
    }

    .reward_list_content p {
        font-size: 14px;
        line-height: 1.6;
    }
    .reward_list_img {
        height: 260px;
    }
    .reward_list_content {
        height: 260px;
    }
    .reward_list>li:nth-child(1) img {
        top: -90px;
    }
    .reward_list>li:nth-child(2) img {
        top: -130px;
    }

    .people_benefit {
        padding-top: 40px;
        padding-bottom: 53px;
    }
    .people_benefit_gradient {
        height: 200px;
    }
    .benefit_list_group {
        margin-bottom: 45px;
    }
    .benefit_list_title span {
        display: inline-block;
        padding-right: 5px;
        font-size: 22px;
        line-height: 22px;
    }
    .benefit_list_title p {
        display: inline-block;
        font-size: 18px;
        line-height: 22px;
    }
    .ios .benefit_list_title p {
        padding-top: 4px;
    }
    .benefit_list_inner img,
    .benefit_list_inner svg {
        max-width: 66px;
    }
    .benefit_list_inner figcaption {
        margin-top: 20px;
    }
    .benefit_list_inner figcaption b {
        font-size: 15px;
    }
    .benefit_list_inner figcaption p {
        padding-top: 8px;
        font-size: 14px;
        line-height: 1.6;
    }

    /* SITEMAP */
    .sitemap_menu {
        margin: 0 -5px;
    }
    .sitemap_menu>li {
        width: 33.33%;
        padding: 0 5px;
    }
    .sitemap_menu>li:nth-child(4n+1) {
        clear: none;
    }
    .sitemap_menu>li:nth-child(3n+1) {
        clear: both;
    }
    .sitemap_menu>li>a {
        margin-bottom: 6px;
        padding-bottom: 8px;
        font-size: 16px;
        border-bottom-width: 1px;
    }
    .sitemap_menu>li>ul>li>a {
        padding: 2px 0 2px 10px;
        font-size: 14px;
        line-height: 1.6;
    }
    .sitemap_menu>li>ul>li>a:before {
        width: 3px;
        height: 3px;
        top: 10px;
    }

    /* 개인정보 취급(처리)방침 */
    .privacy_intro {
        padding: 15px 15px;
    }
    .privacy_box_title {
        padding-bottom: 8px;
        font-size: 16px;
        line-height: 1.35;
    }
    .privacy_box {
        margin-bottom: 30px;
    }
    .privacy_box p {
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 1.6;
    }
    .privacy_box b {
        font-size: 14px;
        line-height: 1.6;
    }
    .privacy_box li {
        font-size: 14px;
        line-height: 1.6;
    }
    .privacy_box>ul>li {
        padding-left: 9px;
    }
    .privacy_box>ul>li:before {
        width: 3px;
        height: 3px;
        top: 8px;
    }
    .privacy_box>ul>li>ul {
        margin-bottom: 12px;
    }

    /* 404 */
    .error_404 {
        padding: 160px 0;
    }
    .error_404_container {
        padding: 0 15px;
    }
    .error_404_container h1 {
        font-size: 32px;
    }
    .error_404_container p {
        padding: 5px 0 15px;
        font-size: 14px;
        line-height: 1.6;
    }

    /* COMING SOON */
    .incoming_popup {
        width: 90%;
    }
    .incoming_popup_inner:after {
        right: 25px;
        bottom: 25px;
    }
    .incoming_popup_close {
        right: 30px;
        top: 30px;
    }
    .incoming_popup_content b {
        font-size: 30px;
    }
    .incoming_popup_content p {
        font-size: 14px;
        line-height: 1.6;
    }

    /* 게시물 템플릿 */
    .single_view_content .jt_posting_template p {
        line-height: 1.6;
    }
    .single_view_content .jt_posting_header b {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .single_view_content .jt_posting_content b {
        font-size: 15px;
    }
    .single_view_content .jt_posting_content ul li {
        padding: 18px 0;
    }
    .single_view_content .jt_posting_content .jt_posting_list_inset p {
        padding-left: 8px;
    }
    .single_view_content .jt_posting_content .jt_posting_list_inset p:before {
        width: 3px;
        height: 3px;
        left: 0;
        top: 8px;
    }
    .jt_posting_list_inset .jt_posting_table {
        margin: 10px 0;
    }
    .jt_posting_list_inset th {
        padding: 12px 10px;
        font-size: 14px;
    }
    .jt_posting_list_inset th:before {
        height: 12px;
        margin-top: -6px;
    }
    .jt_posting_list_inset td {
        padding: 12px 10px;
        font-size: 13px;
    }

    .career_info>li {
        margin-bottom: 32px;
    }
    .career_info li>b {
        padding-bottom: 12px;
        font-size: 16px;
        line-height: 1.4;
    }
    .career_info th {
        font-size: 14px;
        line-height: 1.6;
    }
    .career_info td {
        font-size: 14px;
        line-height: 1.6;
    }
    .single_view_content .career_info td ul li {
        padding-left: 8px;
        line-height: 1.6;
    }
    .single_view_content .career_info td ul li:before {
        width: 3px;
        height: 3px;
        left: 0;
        top: 8px;
    }
    .single_view_content ul.career_info li>p {
        padding-top: 14px;
    }
    .career_info table,
    .career_info tbody,
    .career_info tr {
        display: block;
    }
    .career_info tr {
        padding: 14px 0;
        border-bottom: 1px solid #ddd;
    }
    .career_info th {
        display: block;
        padding: 0 0 2px 0;
        width: 100%;
        border-bottom: none;
    }
    .career_info td {
        display: block;
        padding: 0;
        width: 100%;
        border-bottom: none;
    }
    .career_info td ul {
        margin-bottom: 10px;
    }
}


/* 767px */


/* **************************************** *
 * 600px
 * **************************************** */

@media (max-width: 600px) {
    /* SEARCH */
    .search_list>li {
        width: 49%;
        height: 240px;
        box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, .05);
    }
    .search_list>li:nth-child(3n) {
        margin-right: 2%;
    }
    .search_list>li:nth-child(3n+1) {
        clear: none;
    }
    .search_list>li:nth-child(even) {
        margin-right: 0;
    }
    .footer_menu li {
        width: 20%;
    }
    /* STRAP */
    .contact_row_name .wpcf7-form-control-wrap {
        width: 100%;
    }

    .contact_row_tel .wpcf7-form-control-wrap {
        width: -webkit-calc(33% - 12px);
        width: calc(33% - 12px);
    }
    .tel_desinence {
        width: 18px;
    }

    .contact_row_mail .wpcf7-form-control-wrap {
        width: -webkit-calc(33% - 8px);
        width: calc(33% - 8px);
    }
    .jt_horizontal_select_wrap {
        width: -webkit-calc(33% - 8px);
        width: calc(33% - 8px);
    }
    .contact_row_mail .jt_horizontal_select_wrap .wpcf7-form-control-wrap {
        width: 100%;
    }
    .mail_desinence {
        width: 19px;
        padding: 0;
    }

    /* MAIN */
    .main_visual {
        height: -webkit-calc(50vh + 40px);
        height: calc(50vh + 40px);
    }
    .main_visual .scroll_down {
        bottom: 30px;
    }

    .main_business.main_section {
        padding: 7% 0 0;
    }
    .main_business_products .wrap {
        margin: 0 20px;
    }
    .main_business_box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .main_business_img {
        display: block;
        /* -ms-flex-order: 1;
        -webkit-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1; */
        height: 0;
        padding-top: 60%;
        overflow: hidden;
    }
    .main_business img {
        position: absolute;
        top: -20%;
        left: 0;
    }
    .main_business_txt {
        display: block;
        position: static;
        /* -ms-flex-order: 2;
        -webkit-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2; */
    }
    .main_business p br {
        display: none;
    }
    .main_business strong {
        width: 100%;
        padding-bottom: 0;
        position: inherit;
        left: 0;
        top: -60px;
        text-align: left;
    }
    .main_banner.main_section{
        display: none;
    }
    .culture_hc strong {
        position: inherit;
        text-align: left;
    }
    .main_chemical_txt {
        width: calc(100% - 10px);
    }
    .main_section_title i {
        line-height: 22px;
        letter-spacing: 5px;
    }
    .main_info_container>div {
        margin: 0;
    }

    .main_visual_controler {
        margin-top: -40px;
    }
    .main_business_box_01 {
        margin-top: 0;
    }
    .main_business_box_02 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .main_business_box_01 .main_business_txt {
        padding: 0;
    }
    .main_business_box_02 .main_business_txt{
        padding: 14px 0 0;
    }
    .main_business_box_01 .main_business_txt,
    .main_business_box_01 .main_business_img,
    .main_business_box_02 .main_business_txt,
    .main_business_box_02 .main_business_img {
        width: 100%;
    }
    .main_business_colorpaste {
        margin-top: 0;
        padding-top: 12%;
    }

    .main_chemical_list li {
        width: 100%;
        margin-bottom: 30px;
    }
    .main_chemical_list li:last-child {
        margin-bottom: 0;
    }
    /* .main_chemical_img {width: 100%;height: 0;padding-top: 60%;overflow: hidden;}
    .main_chemical_img img {width: 100%;position: absolute;bottom: -10%;}*/
    .main_about.main_section {
        padding-bottom: 100px;
    }
    .main_about_list {
        display: block;
        padding: 0 15px;
    }
    .main_about_list>li {
        display: block;
        width: 100%;
        padding: 0 0 35px 0;
        border-right: none;
    }
    .main_about_list>li:first-child {
        padding-top: 0;
    }
    .main_about_list figure {
        width: 60px;
    }
    .main_about_txt {
        padding-top: 16px;
    }
    .main_about_txt p {
        padding-top: 8px;
    }
    .main_about_txt p br {
        display: block;
    }

    .main_info {
        margin-top: -50px;
    }
    .main_info_container {
        height: auto;
    }
    .main_info_container>div {
        width: 100%;
        margin-bottom: 10px;
    }
    div.main_info_recruit {
        height: 420px;
    }
    .main_info_recruit_man {
        width: 185px;
        height: 450px;
    }
    .main_info_recruit h3 {
        top: 88px;
        left: 20px;
    }
    .main_recruit_cell {
        padding: 20px;
    }
    div.main_info_corporate {
        height: 420px;
    }

    /* SUB */
    .icon_step_list>li {
        width: 49.25%;
    }
    .icon_step_list>li:nth-child(3) {
        margin-right: 1.5%;
    }
    .icon_step_list>li:nth-child(even) {
        margin-right: 0;
    }
    .icon_step_list>li:nth-child(5) {
        width: 100%;
    }

    .icon_index_list>li {
        width: 50%;
    }
    .icon_index_list>li.primary:nth-child(n) .icon_index_list_inner,
    .icon_index_list>li.primary:nth-child(n) .icon_index_list_inner,
    .icon_index_list>li.secondary:nth-child(n) .icon_index_list_inner,
    .icon_index_list>li.secondary:nth-child(n) .icon_index_list_inner {
        background: #fff;
    }
    .icon_index_list>li.primary:nth-child(4n) .icon_index_list_inner,
    .icon_index_list>li.primary:nth-child(4n+1) .icon_index_list_inner,
    .icon_index_list>li.secondary:nth-child(4n) .icon_index_list_inner,
    .icon_index_list>li.secondary:nth-child(4n+1) .icon_index_list_inner {
        background: #fafafa;
    }

    /* 회사개요 */
    .about_banner {
        height: 280px;
    }
    .about_banner_pic img {
        max-width: 410px;
    }

    .about_history_gallery_item {
        width: -webkit-calc(50% - 0.5px);
        width: calc(50% - 0.5px);
        margin-bottom: 1px;
    }
    .about_history_gallery_item:nth-child(even) {
        margin-right: 0;
    }

    /* 사업장 */
    .location_map.leaflet-container img.leaflet-marker-icon {
        width: 77px !important;
        height: auto !important;
        margin-left: -38.5px !important;
    }
    #location_map_01.leaflet-container img.leaflet-marker-icon {
        margin-top: -84px !important;
    }
    #location_map_02.leaflet-container img.leaflet-marker-icon {
        margin-top: -48px !important;
    }

    /* BUSINESS (주정, 화학, COLOR PASTE) */
    .business_predata>li {
        width: 100%;
    }
    .business_predata>li:nth-child(odd) {
        margin-right: 0;
    }
    .business_predata_img {
        width: 180px;
    }
    .business_predata_info {
        width: -webkit-calc(100% - 180px);
        width: calc(100% - 180px);
    }

    /* 채용문의 */
    .contact_row_name .form_control_wrap {
        width: 100%;
    }
    .contact_row_pw .form_control_wrap {
        width: 100%;
    }
    .contact_row_tel .form_control_wrap {
        width: -webkit-calc(33% - 12px);
        width: calc(33% - 12px);
    }
    .contact_row_mail .form_control_wrap {
        width: -webkit-calc(33% - 8px);
        width: calc(33% - 8px);
    }

    /* 연구소개 */
    figure.rnd_info_box_inner {
        display: none;
    }
    .rnd_info {
        padding-bottom: 45px;
    }
    .rnd_info_box {
        display: block;
        margin-bottom: 25px;
    }
    .rnd_info_box_inner {
        display: block;
    }
    .rnd_info_first_box div.rnd_info_box_inner {
        padding-left: 0;
    }
    .rnd_info_second_box div.rnd_info_box_inner {
        padding-right: 0;
    }
    .rnd_info_box h2 {
        margin-left: 0;
        padding-bottom: 0;
    }
    .rnd_info_box span {
        margin-left: 0;
        margin-bottom: 12px;
    }
    .rnd_info_box span i:last-child {
        padding-left: 0;
        text-align: right;
    }

    /* 가치체계 */
    .value_core_typo_bg {
        padding-bottom: 11%;
    }
    .value_core_typo {
        font-size: 42px;
    }

    /* 홍보자료 */
    .pr_brochure_table {
        display: block;
    }
    .pr_brochure_thumb {
        display: block;
        width: 100%;
    }
    .pr_brochure_info {
        display: block;
        width: 100%;
        padding: 0;
        margin-top: 64px;
    }
    .pr_brochure_info .jt_btn {
        margin-top: 12px;
    }
    .pr_brochure_container .slick-control {
        width: 100%;
        text-align: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}


/* 600px */


/* **************************************** *
 * 580px
 * **************************************** */

@media (max-width: 580px) {
    /* 품질경영 */
    .quality_stair_figure {
        width: 100%;
        height: 170px;
    }
    .quality_stair_text {
        width: 100%;
        height: inherit;
        padding: 25px 0;
        border-top: none;
        border-left: 2px solid #ddd;
        border-width: 2px;
    }

    /* 인사제도 */
    .reward_list>li {
        margin-bottom: 22px;
    }
    .reward_list_img {
        width: 100%;
        height: 170px;
    }
    .reward_list_content {
        width: 100%;
        height: inherit;
        padding: 25px 0;
        border-top: none;
        border-left: 2px solid #ddd;
        border-width: 2px;
    }
    .reward_list>li:nth-child(1) img {
        top: -230px;
    }
    .reward_list>li:nth-child(3) img {
        top: -90px;
    }
}


/* 580px */


/* **************************************** *
 * 480px
 * **************************************** */

@media (max-width: 480px) {
    /* LAYOUT */
    .wrap {
        margin: 0 15px;
    }
    .home .main_container {
        padding-top: 53px;
    }
    .main_container {
        padding-bottom: 15%;
    }

    /* HEADER*/

    #logo {
        width: 105px;
        height: 19px;
        left: 15px;
        top: 4px;
    }

    #small_menu_btn {
        /*height: 15px;
        top: 19px;
        right: 15px;*/
        height: 20px;
        top: 35%;
        right: 6%;
    }
    .small_menu_btn_line {
        height: 1px;
    }
    .small_menu_btn_line_02 {
        top: 10px;
    }


    .lang_container {
        width: 300px;
        height: 53px;
    }
    .search_container {
        top: 19.5px;
    }

    .small_menu_container {
        width: 300px;
        right: -331px;
        padding-top: 14px;
        padding-bottom: 56px;
    }
    #small_menu>li>a>span {
        width: 44%;
    }
    .small_depth_menu_nav {
        width: 56%;
        right: -56%;
    }
    .addition_menu_nav {
        width: 300px;
    }

    #small_menu_close {
        top: 11.5px;
    }

    .minimize#header {
        height: 53px;
    }
    .minimize #logo {
        top: 4px;
    }
    .minimize #small_menu_btn {
        top: 19px;
    }
    .minimize .search_container {
        top: 19.5px;
    }

    /* FOOTER */
    #footer {
        padding: 9% 0;
    }
    .footer_inner {
        margin: 0 15px;
    }
    .footer_small_br {
        display: block;
    }

    .footer_menu_nav {
        padding-bottom: 7px;
    }
    .footer_menu li a {
        margin-right: 12px;
        font-size: 13px;
    }

    .family_link {
        padding-top: 0;
    }
    .family_link img.family_link_pic {
        height: 15px;
    }

    .footer_info p span,
    .footer_info p span a {
        font-size: 12px;
    }
    .footer_info p.copyright {
        padding-top: 5px;
        font-size: 10px;
    }

    /* SCROLL DOWN */
    .scroll_down {
        width: 43px;
        height: 43px;
        bottom: 20px;
        margin-left: -21.5px;
    }
    .scroll_down>svg {
        width: 43px;
        height: 43px;
    }
    .scroll_down>span:after {
        width: 11px;
        height: 11px;
        font-size: 11px;
    }

    /* PAGE */
    .article_header_table .wrap {
        margin: 0 15px;
    }

    .article_sub_title {
        margin-left: 0.1em;
        letter-spacing: 0.1em;
    }
    .article_sub_title.secondary {
        font-size: 33px;
    }
    .article_desc br {
        display: none;
    }

    .article_basic_header {
        padding: 78px 0 25px;
    }
    .article_basic_header h1 {
        font-size: 30px;
    }
    .breadcrumb {
        padding: 15px 0 13px;
    }
    .breadcrumb li a,
    .breadcrumb li span {
        font-size: 13px;
    }
    .breadcrumb li.separator span:after {
        line-height: 18px;
    }
    .breadcrumb li.home a:after {
        font-size: 12px;
        line-height: 16.5px;
    }

    /* SEARCH */
    #search_popup {
        width: 300px;
        top: 53px;
    }

    .search_info {
        padding-bottom: 12px;
    }

    .search_list>li {
        height: 210px;
    }
    .search_list>li>a {
        padding: 20px 15px;
    }

    .search_nodata {
        padding: 16% 15px;
    }

    /* SINGLE */
    .single_view_header {
        padding-bottom: 12px;
    }
    .jt_single_title h2 {
        font-size: 17px;
    }
    .jt_single_notice .jt_single_notice_mark {
        width: 38px;
        height: 20px;
        line-height: 20px;
    }
    .jt_single_state .jt_single_state_mark {
        width: 58px;
        height: 20px;
        line-height: 20px;
    }
    .single_view_info {
        padding: 12px 0;
        margin-bottom: 25px;
    }
    .single_view_info b {
        padding-right: 4px;
    }
    .single_view_info span,
    .single_view_info time {
        padding: 0 8px;
    }

    .single_view_body {
        padding-bottom: 13%;
    }
    .single_view_content img {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .single_view_content h1,
    .single_view_content h2,
    .single_view_content h3 {
        margin-bottom: 10px;
    }
    .single_view_content p,
    .single_view_content blockquote,
    .single_view_content ul,
    .single_view_content ol,
    .single_view_content hr {
        margin-bottom: 18px;
    }
    .single_view_content a.jt_btn {
        min-width: 100px;
        padding: 9px 12px;
    }

    .single_btn_wrap {
        margin-bottom: 25px;
    }

    .jt_video_wrap {
        margin-bottom: 25px;
    }
    .jt_video_poster_overlay_btn {
        width: 46px;
        height: 46px;
        margin-left: -23px;
        margin-top: -23px;
    }
    .jt_video_poster_overlay_btn:after {
        font-size: 10px;
        line-height: 46px;
    }

    .single_pagination {
        height: 58px;
    }
    .single_pagination_list {
        width: 58px;
        margin-left: -29px;
    }
    .single_pagination_link,
    .single_pagination_title {
        font-size: 12px;
    }
    .single_pagination_link b {
        font-size: 15px;
    }
    .single_pagination_prev,
    .single_pagination_title_prev {
        padding-right: 29px;
    }
    .single_pagination_next,
    .single_pagination_title_next {
        padding-left: 29px;
    }

    .single_comments .comment-list {
        margin-top: 30px;
        padding: 25px 20px 30px;
    }

    /* STRAP */
    .jt_btn {
        min-width: 130px;
    }
    .jt_btn,
    .jt_btn[lang="en"] {
        padding: 14px;
        font-size: 13px;
    }

    .jt_pagination {
        margin-top: 25px;
    }

    .jt_search {
        padding: 24px 15px;
        margin-bottom: 35px;
    }
    .jt_search_category {
        width: 75px;
    }
    .jt_search_field {
        width: -webkit-calc(100% - 75px);
        width: calc(100% - 75px);
        padding-left: 4px;
    }
    .jt_search_input.jt_form_field {
        width: 100%;
        margin: 0;
        padding-right: 38px;
    }
    .jt_search_button {
        width: 38px;
        height: 38px;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 0;
        background: none;
        border: none;
    }
    .jt_search_button:after {
        display: block;
        width: 100%;
        height: 100%;
        font-family: 'jt-font';
        content: '\e932';
        font-size: 12px;
        font-weight: normal;
        line-height: 38px;
        color: #1c9ad6;
    }

    .nicescroll_area_outer {
        padding: 20px 15px;
    }

    div[class^="icheckbox"]+span,
    div[class^="iradio"]+span {
        padding-left: 4px;
    }

    .jt_form_control {
        padding-top: 22px;
    }
    .jt_form_control_btn_wrap input[type="submit"] {
        min-width: 130px;
        padding: 14px;
        font-size: 13px;
    }

    .jt_file_upload_input {
        width: -webkit-calc(100% - 95px);
        width: calc(100% - 95px);
    }
    .jt_file_upload_button {
        width: 90px;
    }

    .jt_agree_rule h2 {
        padding-bottom: 10px;
    }
    .jt_agree_rule .nicescroll_area_outer {
        height: 200px;
    }
    .jt_agree_check {
        padding-top: 12px;
    }
    .jt_agree_check>b {
        padding-right: 15px;
        font-size: 13px;
    }
    .jt_agree_check div[class^="icheckbox"]+span,
    .jt_agree_check div[class^="iradio"]+span {
        font-size: 13px;
        line-height: 18px;
    }

    .jt_list_nothing_found {
        padding: 15% 15px;
    }
    .jt_list_nothing_found b {
        font-size: 20px;
    }

    .jt_board_control {
        padding-top: 22px;
    }
    .jt_board_control.jt_inquiry_list_control {
        padding-top: 22px;
    }
    .jt_board_control .jt_btn {
        margin-left: 4px;
    }

    /* COMPONENT */
    span.wpcf7-not-valid-tip {
        font-size: 12px;
    }
    div.wpcf7-mail-sent-ok,
    div.wpcf7-validation-errors {
        font-size: 12px;
    }

    span.wpcf7-list-item {
        margin-left: 15px;
    }

    button.mfp-close,
    .mfp-iframe-holder button.mfp-close {
        width: 18px;
        height: 18px;
        top: -24px;
    }
    button.mfp-close:after {
        font-size: 18px;
    }
    button.mfp-close:active {
        top: -24px;
    }

    .slick-dots {
        margin-top: 24px;
    }
    .slick-dots>li {
        width: 14px;
        height: 14px;
        margin: 0 4px;
    }

    /* MAIN */
    .main_section {
        padding: 10% 0 6%;
    }
    .main_section_title {
        font-size: 23px;
    }

    .main_visual_cell {
        padding-bottom: 20px;
    }
    .main_visual_item h2 {
        font-size: 30px;
    }
    .main_visual_item span {
        padding-bottom: 0;
        font-size: 16px;
    }

    .main_business_products .wrap {
        margin: 0 ;
    }
    .main_business h3 {
        padding: 15px 0 5px;
        font-size: 23px;
    }
    .main_business b {
        font-size: 15px;
    }
    .main_business .jt_btn {
        margin-top: 15px;
    }
    .main_business strong {
        font-size: 12px;
        color: #000 !important;
        letter-spacing: -0.5px;
        font-weight: 500;
    }

    .main_about.main_section {
        padding-bottom: 60px;
    }
    .main_about_txt p br {
        display: none;
    }

    div.main_info_recruit {
        height: 400px;
    }
    .main_info_recruit_man {
        width: 178px;
        height: 425px;
    }
    .main_recruit_data>p {
        margin-top: 6px;
    }
    .main_recruit_data>span {
        padding-bottom: 12px;
    }
    div.main_info_corporate {
        height: 400px;
    }
    .main_info_corporate span {
        font-size: 15px;
    }

    .main_news_more {
        padding-top: 20px;
    }

    .main_stock_list b {
        font-size: 28px;
    }
    .main_stock_list p {
        font-size: 13px;
    }
    .main_stock_icon {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }
    .main_stock_error {
        margin-top: 0;
    }
    .main_stock_error p {
        padding-left: 19px;
        font-size: 12px;
        line-height: 42px;
    }
    .main_stock_error p:before {
        margin-top: -7px;
        font-size: 14px;
    }

    .main_banner_container {
        height: 125px;
    }
    .main_banner_item b {
        padding-top: 4px;
        font-size: 18px;
    }
    .main_banner_item b:after {
        padding-top: 5px;
    }

    /* SUB */
    .sub_section_title {
        margin-left: 0em;
        letter-spacing: 0em;
        padding-bottom: 18px;
        font-size: 26px;
    }
    .sub_section_title[lang="en"] {
        padding-bottom: 18px;
        font-size: 26px;
    }
    .sub_section_desc {
        padding: 8px 0 22px;
    }

    .page_tabs {
        margin-top: -15px;
        margin-bottom: 26px;
    }
    .page_tabs li:before {
        height: 15px;
    }
    .page_tabs li a {
        padding: 15px 10px;
        font-size: 15px;
    }

    .middle_grid_content>h2 {
        font-size: 20px;
    }
    .middle_grid_content>h2[lang="en"] {
        font-size: 23px;
    }

    .full_typo_banner strong {
        font-size: 20px;
    }

    .irregular_grid_txt b {
        padding-bottom: 3px;
    }
    .irregular_grid_txt h2 {
        padding-bottom: 8px;
    }

    .data_table_list_outer.wrap {
        margin: 0;
    }
    .data_table_list_outer {
        padding: 30px 15px;
    }

    .icon_step_list>li {
        padding: 8px 15px 20px 15px;
    }
    .icon_step_list>li:before {
        font-size: 22px;
    }
    .icon_step_list img,
    .icon_step_list svg {
        max-width: 40px;
    }
    .icon_step_list b {
        font-size: 16px;
    }

    .thumb_data_list_img {
        width: 36%;
        padding: 20px 0;
    }
    .thumb_data_list_txt {
        width: 64%;
        padding: 20px 0 20px 14px;
    }
    .thumb_data_list_txt b {
        padding-bottom: 7px;
    }
    .thumb_data_list_txt>ul>li {
        padding-left: 0;
    }
    .thumb_data_list_txt>ul>li>span {
        position: static;
    }

    .card_list {
        margin: -5px;
    }
    .card_list>li {
        width: 100%;
        padding: 5px;
    }
    .card_list_img {
        height: 0px;
        padding-top: 60%;
        overflow: hidden;
        position: relative;
    }
    .card_list_img img {
        width: 100%;
        position: absolute;
        top: -20%;
    }
    .card_list_content>b {
        padding-bottom: 8px;
    }

    .icon_index_list {
        margin: -3px;
    }
    .icon_index_list>li {
        padding: 3px;
    }
    .icon_index_list_inner {
        padding: 18px 15px 28px;
    }
    .icon_index_list_inner img,
    .icon_index_list_inner svg {
        max-width: 56px;
    }
    .icon_index_list_inner figcaption {
        margin-top: 16px;
    }
    .icon_index_list>li.empty_index .icon_index_list_inner {
        background-size: 100px auto;
    }
    .index_number {
        padding-bottom: 4px;
        font-size: 24px;
    }

    .card_count_list {
        margin: -5px;
    }
    .card_count_list>li {
        padding: 5px;
    }
    .card_count_list>li,
    .card_count_list>li.wide {
        width: 100%;
    }
    /*.card_count_list > li:not(.wide) .card_count_list_img {height: 0;padding-top: 40.4%;position: relative;overflow: hidden;}*/
    /*.card_count_list > li:not(.wide) .card_count_list_img img {position: absolute;top: -70%;}*/
    .card_count_list_content {
        padding: 18px 20px 24px;
    }
    .card_count_list_content:before {
        font-size: 23px;
    }

    /* 회사개요 */
    .about_intro {
        padding-bottom: 50px;
    }
    .about_irregular_grid_01,
    .about_irregular_grid_02,
    .about_irregular_grid_03 {
        padding-bottom: 30px;
    }

    .about_banner {
        height: 240px;
    }
    .about_banner_pic img {
        max-width: 360px;
    }

    .about_data {
        margin-top: 0;
    }

    .about_history_gallery_item figcaption {
        padding: 13px 12px 14px;
    }
    .about_history_list>li {
        padding: 20px 0;
    }
    .history_list_year {
        font-size: 20px;
    }

    /* CEO인사말 */
    .ceo_outro {
        margin-top: 24px;
    }
    .ceo_sign img,
    .ceo_sign svg {
        max-width: 60px;
    }
    .ceo_name {
        margin-right: 12px;
    }
    .ceo_name>span {
        font-size: 12px;
    }
    .ceo_name>b {
        font-size: 16px;
    }

    /* 채용공고 */
    .career_step {
        margin-bottom: 35px;
    }

    /* CI소개 */
    .ci_intro_title h2 {
        font-size: 20px;
    }

    .ci_information_title h3 {
        font-size: 20px;
    }
    .ci_button_box .jt_btn {
        margin-right: 4px;
    }

    .ci_color_board {
        padding: 14px 10px;
        font-size: 16px;
    }
    .ci_color>li {
        width: 49%;
        margin-right: 2%;
    }
    .ci_color_info {
        display: block;
        margin-top: 0;
    }
    .ci_color_info>li {
        display: block;
        padding: 10px 0 12px;
        border-bottom: 1px solid #dadada;
    }
    .ci_color_info>li>b {
        display: block;
        width: 100%;
        padding: 0;
        border-bottom: none;
    }
    .ci_color_info>li>p {
        display: block;
        width: 100%;
        padding: 2px 0 0;
        border-bottom: none;
    }
    .ci_color_info>li>p>span {
        padding-right: 6px;
    }
    .ci_color_info>li>p>span>i {
        padding-right: 2px;
    }

    /* 제품문의 */
    .product_inquiry_group_title {
        padding-bottom: 12px;
        font-size: 17px;
    }

    .product_inquiry_table th {
        padding: 14px 10px;
        font-size: 16px;
    }
    .product_inquiry_table td {
        font-size: 16px;
        padding: 14px 12px;
    }
    /*
    .product_inquiry_table tr {padding-right: 53px;}
    .product_inquiry_table td.online {width: 28px;height: 28px;margin-top: -14px;}
    .product_inquiry_table td.online .jt_btn.primary:after {font-size: 10px;line-height: 28px;}
    */
    .product_inquiry_department>li {
        width: 50%;
    }
    .product_inquiry_department>li:nth-child(3n+1) {
        clear: none;
    }
    .product_inquiry_department>li:nth-child(odd) {
        clear: both;
    }
    .product_inquiry_department_info b {
        font-size: 15px;
    }
    .product_inquiry_department_info p {
        padding-bottom: 8px;
    }

    /* 관계사 */
    .relational_control {
        margin-top: 12px;
    }
    .relational_control .jt_btn {
        margin-right: 4px;
    }

    .relational_table_group>h2 {
        font-size: 20px;
    }

    .kcna_typo.full_typo_banner {
        padding-bottom: 32%;
    }
    .kcna_table {
        margin-top: -2%;
    }
    .enf_typo.full_typo_banner {
        padding-bottom: 26%;
    }
    .enf_table {
        margin-top: 0;
    }

    .relational_popup {
        width: 96%;
        padding: 20px 15px;
    }
    .relational_popup_title {
        padding-bottom: 6px;
        font-size: 18px;
    }

    /* 사업장 */
    .network_intro h2 {
        font-size: 20px;
    }

    .location_item_header {
        padding-bottom: 14px;
    }
    .location_banner_cell {
        padding-bottom: 0;
    }
    .location_video_play span {
        padding-top: 8px;
        font-size: 14px;
    }
    .location_video_play i {
        width: 46px;
        height: 46px;
    }
    .location_video_play i:after {
        font-size: 10px;
        line-height: 46px;
    }
    .location_banner .slick-control {
        bottom: -53px;
    }
    .location_data {
        margin-top: 0;
    }
    .location_data .data_table_list_outer {
        padding: 70px 0 30px;
    }

    .location_map_box {
        height: 260px;
    }
    .location_map.leaflet-container img.leaflet-marker-icon {
        width: 57px !important;
        margin-left: -28.5px !important;
    }
    #location_map_01.leaflet-container img.leaflet-marker-icon {
        margin-top: -60px !important;
    }
    #location_map_02.leaflet-container img.leaflet-marker-icon {
        margin-top: -38px !important;
    }

    /* BUSINESS (주정, 화학, COLOR PASTE) */
    .business_predata>li {
        width: -webkit-calc(50% - 5px);
        width: calc(50% - 5px);
        margin-bottom: 20px;
    }
    .business_predata>li:nth-child(odd) {
        margin-right: 10px;
    }
    .business_predata_inner {
        display: block;
    }
    .business_predata_img {
        display: block;
        width: 100%;
    }
    .business_predata_img img {
        width: 100%;
    }
    .business_predata_info {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }
    .business_predata_info .jt_btn {
        padding: 14px;
    }
    .business_predata_info .jt_btn[lang="en"] {
        padding: 14px;
    }

    .numList li {
        width: calc(33.33% - 1%);
        text-align: center;
    }

    /* 주가정보 */
    .jtstock_price_time {
        margin-bottom: 6px;
    }

    .jtstock_value {
        width: 56%;
    }
    .jtstock_value b {
        font-size: 33px;
    }

    .jtstock_horizontal_list {
        width: 44%;
    }

    /* 재무정보 */
    .financial_chart {
        height: 300px;
    }
    .financial_data_wrap {
        padding-top: 30px;
    }
    .financial_table_unit {
        padding-bottom: 6px;
    }

    /* 제품정보 */
    .products_category {
        margin-top: -1px;
    }
    .products_category>li:nth-child(1) {
        width: 100%;
    }
    .products_category>li:nth-child(2) {
        width: 100%;
        margin-top: 0;
    }
    .products_category>li:nth-child(3) {
        width: 100%;
        margin-top: 0;
    }
    .products_category_info {
        padding: 17px 0 34px;
    }
    .products_category_info h3 {
        font-size: 22px;
    }
    .products_category_info b {
        padding: 4px 0;
        font-size: 16px;
    }
    .products_category_info .jt_btn {
        margin-top: 12px;
    }

    .products_category>li:nth-child(2) figure,
    .products_category>li:nth-child(3) figure {
        height: 0;
        padding-top: 60%;
        overflow: hidden;
    }
    .products_category>li:nth-child(2) img,
    .products_category>li:nth-child(3) img {
        position: absolute;
        top: -50%;
    }

    .products_data {
        padding-top: 15px;
    }

    /* 채용문의 */
    .recruit_inquiry_form .jt_agree_check>label+label {
        margin-left: 15px;
    }

    .inquiry_defult_data {
        padding: 12px 0;
        margin-bottom: 25px;
    }
    .inquiry_defult_data span {
        width: 100%;
        padding: 0;
    }
    .inquiry_defult_data span b {
        padding-right: 4px;
    }
    .inquiry_defult_data>div>*:after {
        display: none;
    }

    /* 연구소개 */
    .rnd_info {
        padding-bottom: 30px;
    }
    .rnd_info_box {
        margin-bottom: 20px;
    }
    .rnd_info_box h2 {
        font-size: 22px;
    }
    .rnd_info_box b {
        font-size: 18px;
    }
    .rnd_info_box span {
        font-size: 27px;
    }

    .rnd_facility_data {
        margin-top: 0;
    }
    .rnd_facility_data .sub_section_title {
        padding-bottom: 17px;
    }
    .rnd_facility_data .data_table_list_outer {
        padding: 23px 15px 0;
    }

    /* 경영정보 */
    .investment_section #page_tabs_nav .page_tabs li {
        min-width: 100px;
    }
    .investment_section .page_tabs li a {
        padding: 12px 10px;
        font-size: 15px;
    }

    /* 정도경영 */
    .competent_intro {
        padding-bottom: 35px;
    }
    .competent_outro {
        padding-top: 40px;
    }

    /* 환경경영 */
    .environment_banner {
        padding: 20% 0 22%;
    }
    .environment_banner span {
        margin-left: 0.2em;
        font-size: 28px;
        letter-spacing: 0.2em;
    }
    .environment_banner_pic img {
        width: 550px;
        left: -170px;
        top: 240px;
    }
    .environment_task {
        margin-top: -30px;
    }
    .environment_task>li {
        padding-bottom: 15px;
    }

    .environment_system {
        padding-top: 20px;
    }
    .environment_system_title {
        font-size: 20px;
    }
    .environment_system_title br {
        display: block;
    }

    /* 품질경영 */
    .quality_stair_list>li {
        margin-bottom: 20px;
    }
    .quality_stair_text b {
        padding-bottom: 5px;
        font-size: 17px;
    }

    .quality_banner {
        padding-bottom: 15%;
    }
    .quality_banner_inner {
        padding: 12% 20px 8%;
    }
    .quality_banner_inner b {
        margin-left: 0;
        font-size: 20px;
        letter-spacing: 0;
        line-height: 1.35;
    }
    .quality_banner_inner p {
        padding-top: 10px;
    }

    /* 사회공헌 */
    .csr_project {
        padding: 40px 0 50px;
    }
    .csr_project_header {
        padding-bottom: 22px;
    }
    .csr_project_header h2 {
        font-size: 23px;
    }
    .csr_project_header b {
        padding: 12px 0 8px;
        font-size: 17px;
    }
    .csr_project_list {
        padding: 28px 0;
    }
    .csr_project_info {
        padding: 18px 0;
    }
    .csr_project_info>h3 {
        font-size: 17px;
    }

    .csr_activity_slider {
        margin: -3px;
    }
    .csr_activity_item {
        padding: 0 3px;
    }

    /* 가치체계 */
    .mission_banner_square {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
    }

    .value_mission {
        padding-bottom: 30px;
    }
    .vision_banner_inner {
        padding: 10% 20px;
    }
    .vision_banner_inner p br.small_br {
        display: block;
    }

    .vision_banner_inner .value_banner_title {
        font-size: 25px;
    }

    .value_strategy {
        padding-top: 30px;
    }
    .strategy_plan {
        margin-bottom: 0px;
    }
    .strategy_plan span {
        left: 12px;
        top: 4px;
    }
    .strategy_plan p {
        bottom: 13px;
    }

    .value_core .sub_section_title {
        padding-bottom: 2px;
    }
    .value_core_list>li>b {
        font-size: 27px;
    }
    .value_core_list>li>p {
        font-size: 19px;
    }
    .value_core_typo_bg {
        margin-top: -7%;
        padding: 21% 0 8%;
    }
    .value_core_typo {
        font-size: 29px;
    }

    /* 홍보자료 */
    .pr_video_txt {
        margin-top: 64px;
        padding-right: 0;
    }
    .pr_video_poster_overlay_btn {
        width: 46px;
        height: 46px;
        margin-left: -23px;
        margin-top: -23px;
    }
    .pr_video_poster_overlay_btn:after {
        font-size: 10px;
        line-height: 46px;
    }
    .pr_video_wrap .slick-control {
        width: 100%;
        text-align: center;
    }

    /* BUSINESS (주정, 화학, COLOR PASTE) */
    .business_child_category>li>a {
        font-size: 16px;
    }

    /* 인사제도 */
    .reward_list_content b {
        padding-bottom: 5px;
        font-size: 17px;
    }
    .reward_list>li:nth-child(1) img {
        top: -120px;
    }
    .reward_list>li:nth-child(2) img {
        top: -180px;
    }
    .reward_list>li:nth-child(3) img {
        top: -40px;
    }

    .benefit_list {
        margin: -3px;
    }
    .benefit_list>li {
        padding: 3px;
    }
    .benefit_list_inner {
        padding: 22px 12px 24px;
    }
    .benefit_list_inner figcaption p {
        padding-top: 5px;
    }

    /* SITEMAP */
    .sitemap_menu>li {
        width: 50%;
        margin-bottom: 25px;
    }
    .sitemap_menu>li:nth-child(3n+1) {
        clear: none;
    }
    .sitemap_menu>li:nth-child(odd) {
        clear: both;
    }

    /* 개인정보 취급(처리)방침 */
    .page-template-privacy .article_basic_header h1 {
        font-size: 26px;
    }

    /* 404 */
    .error_404_container h1 {
        margin-left: 0.2em;
        letter-spacing: 0.2em;
        font-size: 24px;
    }
    .error_404_container p br {
        display: none;
    }

    /* COMING SOON */
    .incoming_popup {
        width: 95%;
        height: 290px;
        padding: 6px;
    }
    .incoming_popup_inner:after {
        width: 90px;
        height: 16px;
        right: 20px;
        bottom: 20px;
        background-size: cover;
    }
    .incoming_popup_close {
        width: 18px;
        height: 18px;
        right: 20px;
        top: 20px;
    }
    .incoming_popup_close span:after {
        font-size: 18px;
    }
    .incoming_popup_content b {
        font-size: 28px;
    }
    .incoming_popup_content p {
        font-size: 13px;
    }

    /* 게시물 템플릿 */
    .single_view_content .jt_posting_content ul li {
        padding: 15px 0;
    }
    .single_view_content .jt_posting_header b {
        font-size: 16px;
    }
    .single_view_content .jt_posting_header p br {
        display: none;
    }
    .jt_posting_logo {
        margin-top: 20px;
    }
    .single_view_content .jt_posting_logo img {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    .main_corporate_cell {
        bottom: 22px;
    }
    .content-thumb{
        padding-right: 22px;
        padding-bottom: 22px;
    }
    .content-row:nth-child(even) .content-thumb{
        padding-left: 22px;
        padding-bottom: 22px;
    }
    .lh-news-ul li,.lh-news-ul li.newsBig{
        width: 100%;
    }
    #dituContent {
        height: 350px;
    }
    .middle_grid.primary .middle_grid_content{
        margin-bottom: 30px;
    }
    .title_ab{
        padding-top: 25px;
    }
    .staff_tab li a{
        font-size: 13px;
    }
    .lh-newsRes-h1{
        font-size: 18px;
    }
    .lh-newsRes p{
        font-size: 14px;
    }
    .lh-page li a{
        font-size: 15px;
    }
    .listc .add{
        right: 0px;
    }
    .listc li{
        padding: 0 6.5%;
    }
    .listc .joins a{
        line-height: 25px;
    }
    .listc .jointop{
        padding: 10px 0;
    }
    .listc .jints p{
        font-size: 15px;
    }
    .listc .joins{
        padding: 15px 0 25px;
    }
    .fashion-item{
        margin: 0 15px;
    }
    .lh-news-ul li .text h2{
        font-size: 16px;
        /* margin: 0; */
    }
    .staff_inner .lh-news-ul li .text h2{
        margin: 0;
    }
    .lh-load{
        height: 75px;
        line-height: 75px;
    }
    .lh-news{
        padding-bottom: 30px;
    }

}


/* 480px */


/* **************************************** *
 * 420px
 * **************************************** */

@media (max-width: 420px) {
    /*  */
    .inquirye_single_detail .jt_board_control_right .jt_btn {
        min-width: inherit;
    }
    .contact-dl .mico{
        /* float: none; */
        width: 30px;
    }
    .contact-dl .mt20{
        padding-top: 10px;
        font-size: 13px;
    }
    .contact-dl .vertical-inner{
        padding: 10px 5%;
        font-size: 13px;
    }
    .contact-dl dt .t{
        font-size: 22px;
    }
}


/* 420px */


/* **************************************** *
 * 414px
 * **************************************** */

/*@media (max-width: 414px) {
    !* SUB *!
    .thumb_data_list {
        display: block;
    }
    .thumb_data_list>li {
        display: block;
        padding: 20px 0 14px;
        border-bottom: 1px solid #ddd;
    }
    .thumb_data_list_img {
        display: block;
        width: 100%;
        padding: 0;
        border-bottom: none;
    }
    .thumb_data_list_img img {
        width: 100%;
    }
    .thumb_data_list_txt {
        display: block;
        width: 100%;
        padding: 15px 0 0;
        border-bottom: none;
    }
}*/
@media (max-width: 414px) {
    .menu_container,
    .menu_container_bg {
        display: none;
    }
  .about_2{
        margin-top: 30px;
  }
    .float-box{
        display: none;
    }

    /* HEADER */
    .nav_top-wrap{
        display: none;
    }
    #phone_header {
        display: block;
        height: 73px;
        top: 0;
        width: 100%;
        position: fixed;
        background: #fff;
        z-index: 999;
    }
    .header_wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .header_wrap:before {
        display: none;
    }
    .header_inner {}

    #logo {
        width: 130px;
        height: 23px;
        left: 3%;
        top: 7.5px;
    }
    #logo a svg path {
        fill: #fff;
        -webkit-transition: fill 300ms;
        transition: fill 300ms;
    }

    .lang_container {
        width: 320px;
        height: 51px;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 651;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: none;
        transition: none;
        background: #fff;
    }
    .lang_menu {
        width: 100%;
        height: 100%;
        margin-left: 15px;
    }
    .lang_menu li a {
        line-height: 65px;
        color: #aaa;
    }
    .lang_menu li:last-child a {
        padding-right: 10.5px;
    }
    .lang_menu li:last-child a:after {
        display: block;
    }
    html:not([lang="ko"]) .lang_container {
        right: 0;
    }
    html:not([lang="ko"]) .lang_menu li:last-child a:after {
        display: none;
    }

    .search_container {
        position: fixed;
        top: 18px;
        right: 161px;
        z-index: 652;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: none;
        transition: none;
    }
    .search_btn {
        width: 14px;
        height: 14px;
    }
    .search_btn:after {
        font-size: 14px;
    }
    .search_btn:hover:after {
        color: #000;
    }
    .main_visual {
        height: 600px;
    }
    #small_menu_btn {
        display: block;
        width: 25px;
        height: 16px;
        position: absolute;
        top: 25px;
        right: 6%;
        z-index: 550;
        cursor: pointer;
        -webkit-transition: top 300ms;
        transition: top 300ms;
    }
    .small_menu_btn_line {
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        background: #000000;
        -webkit-transition: background 300ms;
        transition: background 300ms;
    }
    .small_menu_btn_line_01 {
        top: 0;
    }
    .small_menu_btn_line_02 {
        top: 7px;
    }
    .small_menu_btn_line_03 {
        bottom: 0;
    }

    .small_menu_container {
        display: none;
        width: 320px;
        height: 100%;
        margin: 0;
        padding: 10px 15px 60px;
        position: fixed;
        top: 0;
        bottom: 0;
        left: inherit;
        right: -353px;
        z-index: 650;
        background: #fff;
    }
    .small_menu_container_inner {
        width: 100%;
        height: 100%;
        position: relative;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        overflow: hidden;
    }

    .small_menu_nav {
        width: 100%;
        height: 100%;
        position: relative;
    }
    #small_menu {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: -1px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
    }
    #small_menu>li {
        display: block;
        width: 100%;
    }
    #small_menu>li>a {
        display: block;
        width: 100%;
        padding: 15px 0;
        position: relative;
        font-size: 15px;
        line-height: 1.38;
        font-weight: 600;
        color: #222;
        border-bottom: 1px solid #eee;
    }
    #small_menu>li>a:after {
        display: block;
        width: 14px;
        height: 20px;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -7px;
        font-family: 'jt-font';
        content: '';
        font-size: 10px;
        font-weight: normal;
        line-height: 14px;
        color: #444;
    }
    #small_menu>li.current-page-ancestor>a {
        color: #1c9ad6;
    }
    #small_menu>li>a>span {
        display: block;
        width: 125px;
        padding-right: 28px;
        position: relative;
    }
    #small_menu>li.open>a>span:after {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        position: absolute;
        right: 12px;
        top: 50%;
        margin-top: -3.5px;
        background: #1c9ad6;
        border-radius: 50%;
    }
    .single-notice #small_menu>li.menu-item-promote>a,
    .single-career #small_menu>li.menu-item-career>a,
    .single-inquiry #small_menu>li.menu-item-career>a {
        color: #1c9ad6;
    }

    .small_depth_menu_nav {
        width: 165px;
        height: 100%;
        position: absolute;
        top: 0;
        right: -165px;
        background: #f6f6f6;
    }
    #small_depth_menu {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    #small_depth_menu>li {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        opacity: 0;
        visibility: hidden;
        -ms-overflow-style: none;
    }
    #small_depth_menu .sub-menu {
        display: block;
        width: 100%;
        padding: 0 20px;
    }
    #small_depth_menu .sub-menu>li {
        display: block;
        width: 100%;
    }
    #small_depth_menu .sub-menu>li>a {
        display: block;
        padding: 16px 0;
        font-size: 14px;
        line-height: 1.38;
        font-weight: 600;
        color: #888;
    }
    #small_depth_menu .sub-menu>li.current-menu-item>a,
    #small_depth_menu .sub-menu>li.current-page-ancestor>a {
        color: #1c9ad6;
    }
    .single-notice #small_depth_menu .sub-menu>li.menu-item-news>a,
    .single-career #small_depth_menu .sub-menu>li.menu-item-employment>a,
    .single-inquiry #small_depth_menu .sub-menu>li.menu-item-career-inquiry>a {
        color: #1c9ad6;
    }

    .addition_menu_nav {
        width: 320px;
        padding: 0 15px;
        position: absolute;
        bottom: 20px;
        right: 0;
        z-index: 652;
    }
    .addition_menu li {
        float: left;
    }
    .addition_menu li a {
        display: block;
        padding: 0 10px;
        position: relative;
        font-size: 13px;
        font-weight: 400;
        color: #222;
    }
    .addition_menu li a:after {
        content: '';
        display: block;
        width: 1px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -6px;
        background: #ddd;
    }
    .addition_menu li:first-child a {
        padding-left: 0;
    }
    .addition_menu li:last-child a {
        padding-right: 0;
    }
    .addition_menu li:last-child a:after {
        display: none;
    }
    .addition_menu li a span {
        display: block;
        position: relative;
    }
    .addition_menu li.competent a span {
        padding-right: 16px;
    }
    .addition_menu li.competent a span:after {
        display: block;
        width: 12px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -6px;
        font-family: 'jt-font';
        content: '\e945';
        font-size: 12px;
        font-weight: normal;
        line-height: 1;
        color: #222;
    }

    #small_menu_close {
        display: block;
        width: 30px;
        height: 30px;
        position: fixed;
        top: 10.5px;
        right: -30px;
        z-index: 650;
        cursor: pointer;
        background-image: url("../images/close.png");
        background-repeat: no-repeat;
    }

    #small_menu_overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #000000;
        background: rgba(0, 0, 0, .8);
        z-index: 600;
    }
    .fashion-item{
        margin: 0 34px;
    }


    .banne-list li.on .en{ visibility: visible; opacity: 1; margin: 10px;font-size: 10px;}
    .banne-list li.on .ch{ visibility: visible; opacity: 1; font-size: 35px}
    .banner-phone .flex-control-nav { position: absolute; left: 46%; bottom:5%; z-index: 20; overflow:hidden; }
    .banner-phone .flex-control-nav li { float:left; margin-right:8px; width:8px; height:8px;  }
    .banner-phone .flex-control-nav li:last-child { margin-right: 0; }
    .banner-phone .flex-control-nav li a{ display:block; width:100%; height:100%; position:relative; }
    .banner-phone .flex-control-nav li a span { display: block; width: 8px; height: 14px; background:#fff; position:absolute; top:50%; margin-top:-7px; left:0; font-size:0; transition: 400ms; -webkit-transition: 400ms;  }
    .banner-phone .flex-control-nav li a.flex-active span { height:26px; margin-top:-13px; }

    .banner-phone .slides li { height: 100%; line-height: 0; opacity: 0; transition: opacity 2000ms linear; -webkit-transition: opacity 2000ms linear; overflow: hidden; }
    .banner-phone .slides .bimg {height:360px;line-height: 0; width: 100%; position: relative; transition: transform 4s ease; -webkit-transition: transform 4s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
    .banner-phone .slides li.imgIn { opacity: 1; }
    .banner-phone .slides li.imgIn a > img { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }

    .about{
        display: none;
    }
    .about_1{
        display: none;
    }
    .about_2{
        display: block;
    }

    .about_course_content_detail{margin:0 40px;width:calc(100% / 3);padding:20px 0 20px 0;text-align: center;float: left;}
    .about_course_content_detail p:nth-child(1){font-size: 30px;font-weight: 700;}
    .about_course_content_detail p:nth-child(2){font-size: 20px;}

    .about_title{
        font-size: 24px;
        font-weight: 800;
        color: #000;
        position: relative;
        height: 30px;
        margin: 10px;
    }
    .about_title span{font-size: 18px;}
    .about_title img{position:absolute;clip:rect(0px,40px,40px,0px);}
    .about_title img:hover{clip: rect(40px,40px,80px,0px);top: 15px;}
    .warps{width:100%;margin:0 auto;/*width: 100%*/}

    .about_course_content_video{
        width: 100%;
        height: auto;
        position: relative;
        margin-bottom: 85px;
    }
    .about_course_content_video  video{width: 100%;height: 270px;object-fit: fill;}
    .about_course_content_video .video_text{
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        height: auto;
        background-color: #fff;
    }
    .about_course_content_video .video_text img{
        height: 245px;
    }
    .about_course_content_video .video_text .video_button{
        padding: 10px 15px;
        border: 1px solid #c39e0d;
        color: #c39e0d;
        background-color: #ccc0;
        cursor: pointer;
        position: absolute;
        bottom: 26px;
        left: 50%;
        display: inline-block;
        overflow: hidden;
        transform:translateX(-50%);
    }
    .about_course_content_video .video_text .video_button .more_btn_span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #c39e0d;transform: translateX(-100%);transition: .6s;}
    .more_btn_text {position: relative;z-index: 999;}
    .about_course_content_video .video_text .video_button:hover{color: #fff;}
    .about_course_content_video .video_text .video_button:hover .more_btn_span {transform: translateX(0);}

    .commercial_facilities .pic{height:auto;width: 100%;overflow: hidden;margin:0.2vh 0 ;height: 57.8vh;background: url(../images/index.jpg)no-repeat;position: relative;}
    .about_nub{padding:0; height:auto;}
    .about_nub li{width:50%;float: left;text-align: center;margin-top: 15px}
    .about_nub p:nth-child(2){font-size: 1.2rem;font-weight: 700;}
    .about_nub p:nth-child(3){font-size: 1.1rem;}
    .timer{
        font-size: 2.3rem;
        color: #444;
        line-height: 55px;
        margin-bottom: 5px;
        font-weight: bold;
        margin-right: 12px;
        letter-spacing: -1px;
    }

    .i-wrap4 .left{
        width: 29.7%;
        float: left;
        position: relative;
        top: 16%;
        margin-top: -190px;
        margin-left: -50px;
    }
    .i-wrap4 .right{
        float: right;
        width: 63%;
        overflow: hidden;
        height: auto;
    }
    .i-wrap4 .right li{
        float: left;
        border-left: 1px solid #eaeaea;
        height: 40%;
        box-sizing: border-box;
        position: relative;

    }
    .i-wrap4 .right a{
        display: block;
        width: 92%;
        padding: 38.7% 4% 0;
    }

    .index_foot{
        margin-top: 229px;
        width: 100%;
        background-color: #aeaeae;
        padding: 40px 0;
        font-family: "思源黑体";
        height: 40vh;
    }
    section.news{height: 40vh;width:100%;}

    .flexlist{
       display: none;
    }
    .commercial_facilities{
        display: none;
    }
    .commercial_facilities_1{
        display: block;
        margin-bottom: 20px;
    }

    /* commercial_facilities */
    section.commercial_facilities{padding:10px 0 50px 0;}
    .commercial_tilte{width: 100%; height:auto;text-align: center;margin-bottom: 20px;}
    .commercial_tilte p.ch{font-size:24px;}
    .commercial_tilte p.en{font-size:15px;}
    .commercial_facilities .pic{height:auto;width: 100%;overflow: hidden;margin:0.2vh 0 ;height: 81.8vh;background: url(../images/index.jpg)no-repeat;position: relative;}
    /* .commercial_facilities .pic{height:auto;width: 100%;overflow: hidden;padding:8.2vh 0 ;background: url(../img/bg_sy.jpg)no-repeat;} */
    .commercial_facilities .pic .pic_detail{width: calc(100% / 3);height: 100%;float: left;position: relative;cursor: pointer;}
    .commercial_facilities .pic .pic_detail .item{    position: absolute;width: 100%;top: 65%;z-index: 11;}
    .commercial_facilities .pic .pic_detail  .chumb {opacity: 0;width: 100%;}
    .commercial_facilities .pic .pic_detail .item h4 {display: block;font-size: 21px;color: #fff;padding: 0 0 0 10px;line-height: 46px;}
    .commercial_facilities .pic .pic_detail .item span {display: block;font-size: 18px;color: #fff;padding: 0 0 0 10px;line-height: 22px;height: 25px;}
    .commercial_facilities .pic .pic_detail .item  em {display: block;background: #fff;height: 1px;width: 85%;margin: 15px 10px;}
    .commercial_facilities .pic .pic_detail .item a {font-size: 18px;color: #fff;padding: 0 10px;display: none;}
    .commercial_facilities .pic .pic_detail:hover .item a {display: block;}
    .commercial_facilities .warps{padding-bottom: 20px;}

    .news{
        display:none;
    }
    .news_2{
        display: none;
    }
    .news_1{
        display: block;
    }


    .phone-pic{
        width: 100%;
        overflow: hidden;
        height: 100%;
    }

    .phone-pic img{
        width: 80%;
    }
    .phone-pic .data{
        font-size: 17px;
        color: #333333;
        line-height: 33px;
        margin-bottom: 7px;
    }
    .phone-pic h2{
        font-size: 18px;
        color: #333;
        line-height: 25px;
        height: 35px;
        overflow: hidden;
      /*  margin-bottom: 6%;*/
        transition:color 0.3s;
    }

    .phone-pic .pic{
        margin-bottom: 7%;
    }
    .phone-pic img{
        transition:all 0.3s;
    }
    .phone-pic .font{
        font-size: 15px;
        color: #888888;
        line-height: 20px;
        height: 134px;
        overflow: hidden;
        text-align: justify;
        padding: 10px;
    }

    .phone-pic .pic{
        overflow: hidden;
    }
    .phone-pic li.on .bg{
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        /* background: url(../images/wel11.png) no-repeat right center; */
        background-size: 100% 100%;
        height: 100%;
    }
    .phone-pic li:hover h2 {
        color: #c39e0d;
    }
    .phone-pic li:hover img {
        transform: scale(1.1);
    }
    .phone-pic .more{
        margin-bottom: 10%;
        margin-left: 30%;
        width: 34.5%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        color: #ffffff;
        background: #aeaeae;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .phone-pic .more_btn_span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #c39e0d;
        transform: translateX(-100%);
        transition: .6s;
    }
    .index_foot{
        display: none;
    }

    .index_foot_1{
        display: block;
    }
    .index_foot_1{
        width: 100%;
        background-color:#aeaeae;
        padding:25px 0;
        font-family: "思源黑体";
    }

    .add {
        margin-left: 0;
    }
    .technical_support {
        margin-left: 0;
    }



}

/* 414px */


/* **************************************** *
 * 380px
 * **************************************** */

 @media (max-width: 375px) {
    .menu_container,
    .menu_container_bg {
        display: none;
    }
    .float-box{
        display: none;
    }

    /* HEADER */
    .nav_top-wrap{
        display: none;
    }
    #phone_header {
        display: block;
        height: 73px;
        top: 0;
        width: 100%;
        position: fixed;
        background: #fff;
        z-index: 999;
    }
    .header_wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .header_wrap:before {
        display: none;
    }
    .header_inner {}

    #logo {
        width: 120px;
        height: 23px;
        left: 3%;
        top: 7.5px;
    }
    #logo a svg path {
        fill: #fff;
        -webkit-transition: fill 300ms;
        transition: fill 300ms;
    }

    .lang_container {
        width: 320px;
        height: 51px;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 651;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: none;
        transition: none;
        background: #fff;
    }
    .lang_menu {
        width: 100%;
        height: 100%;
        margin-left: 15px;
    }
    .lang_menu li a {
        line-height: 65px;
        color: #aaa;
    }
    .lang_menu li:last-child a {
        padding-right: 10.5px;
    }
    .lang_menu li:last-child a:after {
        display: block;
    }
    html:not([lang="ko"]) .lang_container {
        right: 0;
    }
    html:not([lang="ko"]) .lang_menu li:last-child a:after {
        display: none;
    }

    .search_container {
        position: fixed;
        top: 18px;
        right: 161px;
        z-index: 652;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: none;
        transition: none;
    }
    .search_btn {
        width: 14px;
        height: 14px;
    }
    .search_btn:after {
        font-size: 14px;
    }
    .search_btn:hover:after {
        color: #000;
    }
    .main_visual {
        height: 600px;
    }
    #small_menu_btn {
        display: block;
        width: 25px;
        height: 16px;
        position: absolute;
        top: 28px;
        right: 5%;
        z-index: 550;
        cursor: pointer;
        -webkit-transition: top 300ms;
        transition: top 300ms;
    }
    .small_menu_btn_line {
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        background: #000000;
        -webkit-transition: background 300ms;
        transition: background 300ms;
    }
    .small_menu_btn_line_01 {
        top: 0;
    }
    .small_menu_btn_line_02 {
        top: 7px;
    }
    .small_menu_btn_line_03 {
        bottom: 0;
    }

    .small_menu_container {
        display: none;
        width: 320px;
        height: 100%;
        margin: 0;
        padding: 10px 15px 60px;
        position: fixed;
        top: 0;
        bottom: 0;
        left: inherit;
        right: -350px;
        z-index: 650;
        background: #fff;
    }

    .small_menu_container_inner {
        width: 89%;
        height: 100%;
        position: relative;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        overflow: hidden;
    }

    .small_menu_nav {
        width: 100%;
        height: 100%;
        position: relative;
    }
    #small_menu {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: -1px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
    }
    #small_menu>li {
        display: block;
        width: 100%;
    }
    #small_menu>li>a {
        display: block;
        width: 100%;
        padding: 15px 0;
        position: relative;
        font-size: 15px;
        line-height: 1.38;
        font-weight: 600;
        color: #222;
        border-bottom: 1px solid #eee;
    }
    #small_menu>li>a:after {
        display: block;
        width: 14px;
        height: 20px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -7px;
        font-family: 'jt-font';
        content: '';
        font-size: 10px;
        font-weight: normal;
        line-height: 14px;
        color: #444;
    }
    #small_menu>li.current-page-ancestor>a {
        color: #1c9ad6;
    }
    #small_menu>li>a>span {
        display: block;
        width: 125px;
        padding-right: 28px;
        position: relative;
    }
    #small_menu>li.open>a>span:after {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        position: absolute;
        right: 30px;
        top: 50%;
        margin-top: -3.5px;
        background: #1c9ad6;
        border-radius: 50%;
    }
    .single-notice #small_menu>li.menu-item-promote>a,
    .single-career #small_menu>li.menu-item-career>a,
    .single-inquiry #small_menu>li.menu-item-career>a {
        color: #1c9ad6;
    }

    .small_depth_menu_nav {
        width: 150px;
        height: 100%;
        position: absolute;
        top: 0;
        right: -165px;
        background: #f6f6f6;
    }
    #small_depth_menu {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    #small_depth_menu>li {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        opacity: 0;
        visibility: hidden;
        -ms-overflow-style: none;
    }
    #small_depth_menu .sub-menu {
        display: block;
        width: 100%;
        padding: 0 20px;
    }
    #small_depth_menu .sub-menu>li {
        display: block;
        width: 100%;
    }
    #small_depth_menu .sub-menu>li>a {
        display: block;
        padding: 16px 0;
        font-size: 14px;
        line-height: 1.38;
        font-weight: 600;
        color: #888;
    }
    #small_depth_menu .sub-menu>li.current-menu-item>a,
    #small_depth_menu .sub-menu>li.current-page-ancestor>a {
        color: #1c9ad6;
    }
    .single-notice #small_depth_menu .sub-menu>li.menu-item-news>a,
    .single-career #small_depth_menu .sub-menu>li.menu-item-employment>a,
    .single-inquiry #small_depth_menu .sub-menu>li.menu-item-career-inquiry>a {
        color: #1c9ad6;
    }

    .addition_menu_nav {
        width: 320px;
        padding: 0 15px;
        position: absolute;
        bottom: 20px;
        right: 0;
        z-index: 652;
    }
    .addition_menu li {
        float: left;
    }
    .addition_menu li a {
        display: block;
        padding: 0 10px;
        position: relative;
        font-size: 13px;
        font-weight: 400;
        color: #222;
    }
    .addition_menu li a:after {
        content: '';
        display: block;
        width: 1px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -6px;
        background: #ddd;
    }
    .addition_menu li:first-child a {
        padding-left: 0;
    }
    .addition_menu li:last-child a {
        padding-right: 0;
    }
    .addition_menu li:last-child a:after {
        display: none;
    }
    .addition_menu li a span {
        display: block;
        position: relative;
    }
    .addition_menu li.competent a span {
        padding-right: 16px;
    }
    .addition_menu li.competent a span:after {
        display: block;
        width: 12px;
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -6px;
        font-family: 'jt-font';
        content: '\e945';
        font-size: 12px;
        font-weight: normal;
        line-height: 1;
        color: #222;
    }
    #small_menu_container {
        width: 80%;
        z-index: 999;
    }

    #small_menu_close {
        display: block;
        width: 30px;
        height: 30px;
        position: fixed;
        top: 10.5px;
        right: -50px;
        z-index: 650;
        cursor: poiwidth: 89%;nter;
        background-image: url("../images/close.png");
        background-repeat: no-repeat;
    }

    #small_menu_overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #000000;
        background: rgba(0, 0, 0, .8);
        z-index: 600;
    }
    .fashion-item{
        margin: 0 34px;
    }


    .banner .bannerfix >li { height: 450px; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
    .banner .bannerfix >li .bimg {height: 450px; line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
    .banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
    .banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
    .banner .bannerfix >li.imgIn .bbox small{ opacity:1; visibility:visible; top:0; transition:420ms 0ms;}
    .banner .bannerfix >li.imgIn .bbox h1{ opacity:1; visibility:visible; top:0; transition:420ms 120ms;}
    .banner .bannerfix >li.imgIn .bbox b{ opacity:1; visibility:visible; top:0; transition:420ms 240ms;}
    .banner .bannerfix >li.imgIn .bbox p{ opacity:1; visibility:visible; top:0; transition:420ms 460ms;}
    .banner .bannerfix >li.imgIn .bbox .details{ opacity:1; visibility:visible; top:0; transition:420ms 580ms;}

    .banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:24px; text-align:center; z-index:20;}
    .banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:5px; height:20px;}
    .banner .flex-control-nav li:last-child{ margin-right:0;}
    .banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:7px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
    .banner .flex-control-nav li a.flex-active span{ height:20px; top:0;}
    .bbox{
        width:692px;
        margin:auto;
        position:absolute;
        left:50%;
        margin-left:-346px;
        top:65%;
        text-align:center;
        margin-top:-173px;
    }
    .bbox small{
        display:block;
        text-align:center;
        color:#fff;
        font-size:14px;
        margin-bottom:5px;
        line-height:1;
        letter-spacing:10px;
        opacity:0;
        visibility:hidden;
        position:relative;
        top:30px;
    }
    .bbox h1{
        line-height:1;
        color:#fff;
        font-size:35px;
        text-align:center;
        opacity:0;
        visibility:hidden;
        position:relative;
        top:30px;
    }
    .bbox b{
        display:block;
        line-height:1.8;
        text-align:center;
        color:#fff;
        font-size:20px;
        margin-bottom:20px;
        opacity:0;
        visibility:hidden;
        position:relative;
        top:30px;
        min-height:36px;
    }
    .bbox p{
        width:440px;
        text-align:center;
        height:132px;
        color:#fff;
        font-size:14px;
        line-height:2;
        margin:auto;
        opacity:0;
        visibility:hidden;
        position:relative;
        top:30px;
    }
    .details{ width:180px; height:51px; margin:auto; position:relative; opacity:0; visibility:hidden; position:relative; top:30px;}
    .details:before{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transition:320ms ease-in-out;  transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); opacity:0; visibility:hidden;}
    .details a{ display:block; border:2px solid #fff; padding-left:39px; line-height:47px;  position:relative; color:#fff; font-size:14px; text-align:left; background:url(../images/arrow1.png) 106px center no-repeat;bottom: 77%;}
    .details:hover:before{ opacity:1; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); visibility:visible;}
    .details:hover a{ color:#774c1d; background:url(../images/arrow2.png) 112px center no-repeat;}

    .bamnline {
        width: 270px;
        left: 94%;
        margin-left: -300px;
        top: 51%;
        margin-top: -30px;
        background: #fff;
        z-index: 20;
        position: absolute;
    }
    .bamnline span { display: block; width: 0; height: 1px; background: #e0ae37; }
    .bamnline.load span { width: 100%; transition: 5.8s 0s linear; -webkit-transition: 5.8s 0s linear; -moz-transition: 5.8s 0s linear; }

    .about{
        display: none;
    }
    .about_1{
        display: none;
    }
    .about_2{
        display: block;
    }

    .about_course_content_detail{margin:0 40px;width:calc(100% / 3);padding:20px 0 20px 0;text-align: center;float: left;}
    .about_course_content_detail p:nth-child(1){font-size: 30px;font-weight: 700;}
    .about_course_content_detail p:nth-child(2){font-size: 20px;}

    .about_title{
        font-size: 24px;
        font-weight: 800;
        color: #000;
        position: relative;
        height: 30px;
        margin: 10px;
    }
    .about_title span{font-size: 18px;}
    .about_title img{position:absolute;clip:rect(0px,40px,40px,0px);}
    .about_title img:hover{clip: rect(40px,40px,80px,0px);top: 15px;}
    .warps{width:100%;margin:0 auto;/*width: 100%*/}
     .about_nub li {
         padding: 10px;
         width: 40%;
         float: left;
         text-align: center;
         margin-top: 15px;
     }
    .about_course_content_video{
        width: 100%;
        height: auto;
        position: relative;
        margin-bottom: 85px;
    }
    .about_course_content_video  video{width: 100%;height: 270px;object-fit: fill;}
   /* .about_course_content_video .video_text{
        position: absolute;
        top: 75px;
        right: 20px;
        width: 245px;
        height: 259px;
        background-color: #fff;
    }*/
    .about_course_content_video .video_text img{
        height: 245px;
    }
    .about_course_content_video .video_text .video_button{
        padding: 10px 15px;
        border: 1px solid #c39e0d;
        color: #c39e0d;
        background-color: #ccc0;
        cursor: pointer;
        position: absolute;
        bottom: 26px;
        left: 50%;
        display: inline-block;
        overflow: hidden;
      	transform:translateX(-50%);
    }
    .about_course_content_video .video_text .video_button .more_btn_span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #c39e0d;transform: translateX(-100%);transition: .6s;}
    .more_btn_text {position: relative;z-index: 999;}
    .about_course_content_video .video_text .video_button:hover{color: #fff;}
    .about_course_content_video .video_text .video_button:hover .more_btn_span {transform: translateX(0);}

    .commercial_facilities .pic{height:auto;width: 100%;overflow: hidden;margin:0.2vh 0 ;height: 57.8vh;background: url(../images/index.jpg)no-repeat;position: relative;}

    .i-wrap4 .left{
        width: 29.7%;
        float: left;
        position: relative;
        top: 16%;
        margin-top: -190px;
        margin-left: -50px;
    }
    .i-wrap4 .right{
        float: right;
        width: 63%;
        overflow: hidden;
        height: auto;
    }
    .i-wrap4 .right li{
        float: left;
        border-left: 1px solid #eaeaea;
        height: 40%;
        box-sizing: border-box;
        position: relative;

    }
    .i-wrap4 .right a{
        display: block;
        width: 92%;
        padding: 38.7% 4% 0;
    }

    .index_foot{
        margin-top: 229px;
        width: 100%;
        background-color: #aeaeae;
        padding: 40px 0;
        font-family: "思源黑体";
        height: 40vh;
    }
    section.news{height: 40vh;width:100%;}


    .commercial_facilities{
        display: none;
    }
    .commercial_facilities_1{
        display: block;
    }

    /* commercial_facilities */
    section.commercial_facilities{padding:10px 0 50px 0;}
    .commercial_tilte{margin-bottom: 20px;width: 100%; height:auto;text-align: center;}
    .commercial_tilte p.ch{font-size:24px;}
    .commercial_tilte p.en{font-size:15px;}
    .commercial_facilities .pic{height:auto;width: 100%;overflow: hidden;margin:0.2vh 0 ;height: 81.8vh;background: url(../images/index.jpg)no-repeat;position: relative;}
    /* .commercial_facilities .pic{height:auto;width: 100%;overflow: hidden;padding:8.2vh 0 ;background: url(../img/bg_sy.jpg)no-repeat;} */
    .commercial_facilities .pic .pic_detail{width: calc(100% / 3);height: 100%;float: left;position: relative;cursor: pointer;}
    .commercial_facilities .pic .pic_detail .item{    position: absolute;width: 100%;top: 65%;z-index: 11;}
    .commercial_facilities .pic .pic_detail  .chumb {opacity: 0;width: 100%;}
    .commercial_facilities .pic .pic_detail .item h4 {display: block;font-size: 21px;color: #fff;padding: 0 0 0 10px;line-height: 46px;}
    .commercial_facilities .pic .pic_detail .item span {display: block;font-size: 18px;color: #fff;padding: 0 0 0 10px;line-height: 22px;height: 25px;}
    .commercial_facilities .pic .pic_detail .item  em {display: block;background: #fff;height: 1px;width: 85%;margin: 15px 10px;}
    .commercial_facilities .pic .pic_detail .item a {font-size: 18px;color: #fff;padding: 0 10px;display: none;}
    .commercial_facilities .pic .pic_detail:hover .item a {display: block;}
    .commercial_facilities .warps{padding-bottom: 20px;}

    .news{
        display:none;
    }
    .news_1{
        display: block;
    }


    .phone-pic{
        width: 100%;
        overflow: hidden;
        height: 100%;
    }

    .phone-pic img{
        width: 80%;
    }
    .phone-pic .data{
        font-size: 17px;
        color: #333333;
        line-height: 33px;
        margin-bottom: 7px;
    }
    .phone-pic h2{
        padding: 10px;
        font-size: 18px;
        color: #333;
        line-height: 25px;
        height: 35px;
        overflow: hidden;
        /*  margin-bottom: 6%;*/
        transition:color 0.3s;
    }

    .phone-pic .pic{
        margin-bottom: 7%;
    }
    .phone-pic img{
        transition:all 0.3s;
    }
    .phone-pic .font{
        font-size: 17px;
        color: #888888;
        line-height: 20px;
        height: 134px;
        overflow: hidden;
        text-align: justify;
        padding: 10px;
    }

    .phone-pic .pic{
        overflow: hidden;
    }
    .phone-pic li.on .bg{
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        /* background: url(../images/wel11.png) no-repeat right center; */
        background-size: 100% 100%;
        height: 100%;
    }
    .phone-pic li:hover h2 {
        color: #c39e0d;
    }
    .phone-pic li:hover img {
        transform: scale(1.1);
    }
    .phone-pic .more{
        margin-bottom: 10%;
        margin-left: 30%;
        width: 34.5%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        color: #ffffff;
        background: #aeaeae;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .phone-pic .more_btn_span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #c39e0d;
        transform: translateX(-100%);
        transition: .6s;
    }
    .index_foot{
        display: none;
    }

    .index_foot_1{
        display: block;
    }
    .index_foot_1{
        width: 100%;
        background-color:#aeaeae;
     /*   padding:40px 0;*/
        font-family: "思源黑体";
    }


    .swiper-slide img {
       /* width: 80%;*/
        position: absolute;
    }
     footer .foot_website {
        /* margin-right: 45px;*/
         padding: 0;
         text-align: center;
         color: #000;
         font-family: "思源黑体";
         font-size: 15px;
     }
	 footer .foot_website p:first-child{
	 	display: none;
	 }

}


/* 375px */


/* **************************************** *
* 345px
* **************************************** */

@media (max-width: 360px) {

        #small_menu_close {
            display: block;
            width: 30px;
            height: 30px;
            position: fixed;
            top: 10.5px;
            right: -60px;
            z-index: 650;
            background-image: url(../images/close.png);
            background-repeat: no-repeat;
        }

    #small_menu>li.open>a>span:after {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        position: absolute;
        right: 40px;
        top: 50%;
        margin-top: -3.5px;
        background: #1c9ad6;
        border-radius: 50%;
    }


}



/* 345px */





/* **************************************** *
 * 345px
 * **************************************** */

@media (max-width: 320px) {

     #phone_header {
            display: block;
            height: 73px;
            top: 0;
            width: 100%;
            position: fixed;
            background: #fff;
            z-index: 999;
     }
    .small_menu_container {
        display: none;
        width: 320px;
        height: 100%;
        margin: 0;
        padding: 10px 15px 60px;
        position: fixed;
        top: 0;
        bottom: 0;
        left: inherit;
        right: -316px;
        z-index: 650;
        background: #fff;
    }
    #small_menu_container {
        width: 82%;
        z-index: 999;
    }
    #small_menu_close {
        display: block;
        width: 30px;
        height: 30px;
        position: fixed;
        top: 10.5px;
        right: -45px;
        z-index: 650;
        background-image: url(../images/close.png);
        background-repeat: no-repeat;
    }
    .about_course_content_detail p:nth-child(1) {
        font-size: 25px;
        font-weight: 700;
    }
    .about_course_content_detail p:nth-child(2) {
        font-size: 15px;
    }
    .about_course_content_detail {
        margin: 0 32px;
        width: calc(100% / 3);
        padding: 20px 0 20px 0;
        text-align: center;
        float: left;
    }
    /*.about_course_content_video .video_text {
        position: absolute;
        top: 75px;
        right: 12px;
        width: 245px;
        height: 259px;
        background-color: #fff;
    }*/
    .bamnline {
        width: 230px;
        left: 105%;
        margin-left: -300px;
        top: 51%;
        margin-top: -30px;
        background: #fff;
        z-index: 20;
        position: absolute;
    }
    .commercial_tilte p.ch {
        font-size: 20px;

    }
    .commercial_tilte p.en {
        font-size: 13px;

    }
    .swiper-slide img {
       /* width: 77%;*/

    }

    .commercial_tilte {
        margin-bottom: 40px;
        width: 100%;
        height: auto;
        text-align: center;
    }
    .phone-pic .font {
        font-size: 15px;
        color: #888888;
        line-height: 20px;
        height: 134px;
        overflow: hidden;
        text-align: justify;
        padding: 10px;
    }
    footer .foot_website {
        /*margin-right: 85px;*/
        padding: 0;
        text-align: center;
        color: #000;
        font-family: "思源黑体";
        font-size: 15px;
    }

    #small_menu>li>a:after {
        display: block;
        width: 14px;
        height: 20px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -7px;
        font-family: 'jt-font';
        content: '';
        font-size: 10px;
        font-weight: normal;
        line-height: 14px;
        color: #444;
    }

    #small_menu>li.open>a>span:after {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        position: absolute;
        right: 60px;
        top: 50%;
        margin-top: -3.5px;
        background: #1c9ad6;
        border-radius: 50%;
    }
    .banner-phone .flex-control-nav {
        position: absolute;
        left: 44%;
        bottom: 5%;
        z-index: 20;
        overflow: hidden;
    }
    .about_nub {
        padding: 15px 0;
        height: auto;
    }
    .about_nub li {
        padding: 10px;
        width: 42%;
        float: left;
        text-align: center;
        margin-top: 15px;
    }
    .timer {
        font-size: 2rem;
        color: #444;
        line-height: 55px;
        margin-bottom: 5px;
        font-weight: bold;
        margin-right: 12px;
        letter-spacing: -1px;
    }
    .about_nub p:nth-child(2) {
        font-size: 1.1rem;
        font-weight: 700;
    }





}



/* 345px */