@charset 'utf-8';

@font-face {
    font-family: NotoSansCjk;
    src: url(../font/NotoSansKR-Thin.otf);
    font-weight: 100;
}

@font-face {
    font-family: NotoSansCjk;
    src: url(../font/NotoSansKR-Light.otf);
    font-weight: 200;
}


@font-face {
    font-family: NotoSansCjk;
    src: url(../font/NotoSansKR-Regular.otf);
    font-weight: 400;
}

@font-face {
    font-family: NotoSansCjk;
    src: url(../font/NotoSansKR-Medium.otf);
    font-weight: 500;
}

@font-face {
    font-family: NotoSansCjk;
    src: url(../font/NotoSansKR-Bold.otf);
    font-weight: 700;
}

@font-face {
    font-family: NotoSansCjk;
    src: url(../font/NotoSansKR-Black.otf);
    font-weight: 900;
}


* {
    font-family: 'NotoSansCjk', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

.exp {
    color: #1845ff;
}

#pro_select {
    font-weight: 500;
}

#text img {
    width:100%;
    margin-top:70px;
}

@media (min-width: 1300px) {

    #main_text_m {
        display: none;
    }
    .com_drop {
        width: 100%;
        position: absolute;
        top: 140px;
        left: 0;
        height: 180px;
        background: #fff;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
        z-index: 999;
        display:none;
    }
    .com_drop >h3 {
        font-weight:500;
        color:#333;
        font-size:20px;
        display:block;
        margin-top:20px;
    }
    #american_intro {
        text-align:center;
        font-weight:500;
        font-size:40px;
        margin:50px auto;
    }
    #american_intro i {
        font-size:20px;
        font-style: normal;
        display:block;
    }
    .american_company {
        border:1px solid #ccc;
        padding:30px;
        background:#fdfdfd;
        margin-top:30px;
    }
    .american_company h3 {
        font-weight:500;
        font-size:27px;
        margin-bottom:20px;
        color:#00479d;

    }
    .american_company h3 span {
        display:inline-block;
        background:#00479d;
        width:5px;
        height:5px;
        vertical-align: top;
        margin-top:17px;
        margin-right:12px;
    }

    .american_company p {
        font-size:17px;
    }
    .american_company p  span {
        display:block;
        width:100%;
        height:1px;
        background:#eee;
        margin-bottom:20px;
    }
    #m_banner {
        display: none;
    }

    .drop_menu {
        width: 100%;
        position: absolute;
        top: 140px;
        left: 0;
        height: 410px;
        background: #fff;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
        display: none;
        z-index: 999;

    }

    .drop_wrap {
        margin: 0 auto;
        width: 1300px;
        overflow: hidden;
    }

    .menu_standard, .menu_polluted {
        width: 650px;
        float: left;
    }

    .section {
        width: 50%;
        float: left;
        padding: 10px;
        border-left: 1px solid #eee;
    }

    .section h3 {
        font-size: 20px;
        font-weight: 500;
        padding: 10px 0px;

    }

    .section p {
        height: 77px;
    }

    .section a {
        text-align: left;
        color: #333;
        display: block;
        margin-bottom: 5px;
        margin-top: 5px;
        position: relative;
        padding-left: 10px;
    }

    .section> a:hover {
        background: #eee;
    }

    .section a:before {
        content: "";
        display: inline-block;
        width: 6px;
        height: 1px;
        background: #ccc;
        position: absolute;
        left: -10px;
        top: 12px;

    }

    .section span {
        display: block;
        width: 20px;
        height: 3px;
        background: #00479d;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #m_top {
        display: none !important;
    }

    .result_correct {
        background: #f1f1f1;
        padding: 20px;
        margin: 30px 0px;
        font-size: 17px;
    }

    #search_result_none h2 {
        text-align: center;
        font-weight: 400;
    }

    #search_result h2 {
        font-weight: 400;
        margin-bottom: 30px;
        text-align: center;
    }


    .result_list {
        padding: 10px;
        border-bottom: 1px dotted #333;

    }

    .result_list span {
        display: block;
    }

    .result_list > a {
        color: #555;
        font-size: 14px;
    }

    #result_box {
        padding: 20px;
        background: #f1f1f1;
    }

    .result_list a:hover {
        color: #00479d;
        text-decoration: underline;
    }

    .standard_table {
        border-collapse: collapse;
        margin-bottom: 30px;
        border-top: 2px solid #333;
        width: 100%;
        font-size: 15px;
    }

    .product_contents > span {
        opacity: 0;

    }

    .product_contents > p {
        background: #3e56b9;
        color: #fff;
    }

    .standard_table th {
        background: #eee;

    }

    .standard_table td, .standard_table th {
        padding: 5px 7px;
        border: 1px solid #ccc;

    }

    .sec > p {
        height: 35px;
    }

    .two_line {
        height: 59px !important;
    }

    .three_line {
        height: 83px !important;
    }

    .table_aatcc {
        border: 1px solid #ccc;
    }

    .pro_row {
        overflow: hidden;
    }

    .table_aatcc .div > div {
        padding: 5px 10px;
    }

    .pro_row p {
        padding: 5px 10px;
        border-top: 1px solid #ccc;
    }

    .pro_row > div {
        float: left;
        text-align: center;

    }

    .exp {
        width: 300px;
    }

    .sec {
        width: 198px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

    .rec {
        width: 800px;
    }

    .sec p {
        text-align: left;

    }

    .rec p {
        text-align: left;
    }

    .sample_box {
        overflow: hidden;
        margin-top: 50px;
        border-top: 1px solid #ccc;
    }

    .pro_sample {
        border-left: 1px solid #ccc;
        width: 25%;
        height: 250px;
        float: left;
        text-align: center;
        position: relative;
        overflow: hidden;
    }

    .pro_sample div {
        position: relative;
        height: 210px;
        overflow: hidden;
    }

    .pro_sample div img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }


    .margin {
        margin-right: 0px;
        border-right: 1px solid #ccc;
    }

    .pro_sample h3 {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background: #eee;
        font-weight: 400;
        font-size: 16px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px;
        line-height: 40px;
    }

    .table_img {
        display: none;
    }

    #mff {
        border: 1px solid #ccc;
        margin-top: 30px;
        padding: 15px;
        background: #ffeebf;
    }

    #mff li div b {
        color: #de3e00;
    }

    #mff li p {
        display: inline-block;
    }

    .row_width {
        width: 300px;
        text-align: center;
    }

    .organize {
        width: 100%;
        border-collapse: collapse;
        border-top: 2px solid #333;
        margin-top: 30px;
    }

    .organize th {
        background: #eee;
    }

    .organize td, .organize th {
        border: 1px solid #ccc;
        padding: 10px;
    }

    .organize td ul {
        margin-left: 40px;
    }

    .organize td li {
        list-style: square;
    }


    #type_btn {
        text-align: center;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    #type_btn a {
        display: inline-block;
        padding: 10px 20px;
        background: #00479d;
        border-radius: 50px;
        color: #fff;
        font-size: 24px;
        border: 2px solid #00479d;
        margin: 10px;
    }

    #product_title {
        padding: 20px;
        background: #eee;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    #product_title h2 {
        display: inline-block;
        font-weight: 500;
        font-size: 30px;
    }

    #product_title select {
        float: right;
        padding: 4px;
        font-size: 16px;
        background: #fff;
        width: 500px;
    }

    .div .style, .div .summary {
        border-right: 1px solid #ccc;
    }

    .product_contents > p {
        padding: 10px 20px;
        margin-top: 20px;
        font-size: 18px;
    }

    .product_contents > i {
        font-size: 14px;
        color: #fff;
        padding: 10px 20px;
        display: block;
        background: #3e56b9;

    }


    .line {
        overflow: hidden;
        border-bottom: 1px solid #ccc;
    }

    .pro_table {

        border: 1px solid #ccc;
        border-bottom: none;
    }

    .line > div {
        float: left;

        padding: 5px 10px;
    }

    .style div {
        height: 30px;
    }

    .style div span {
        display: inline-block;
        width: 20px;
        height: 100%;
        line-height: 30px;
    }

    .style div p {
        display: inline-block;
        height: 100%;
        vertical-align: top;
        line-height: 30px;
    }

    .unit p {
        height: 30px;
        line-height: 30px;
    }


    .style {
        width: 298px;
        text-align: left;

    }

    .summary {
        width: 700px;

    }

    .line {
        background-image: url(../img/dot.png);
        background-repeat: repeat-y;
        background-position: 295px 0;
    }

    .pro_table {
        background-image: url(../img/dot.png);
        background-repeat: repeat-y;
        background-position: 995px 0;
    }

    .div {
        background: #eee;
    }

    .div .summary {
        text-align: center;
    }

    .summary p {
        text-align: left;
        line-height: 28px;
    }

    .unit {
        width: 300px;
        text-align: center;

    }


    #title_bar {
        margin-top: 100px;
        border-bottom: 2px solid #00479d;
        height: 60px;
    }

    #title_bar h2 {
        background: #00479d;
        color: #fff;
        height: 60px;
        line-height: 60px;
        width: 320px;
        text-align: center;
        display: inline-block;
    }

    #title_bar p br {
        display: none;
    }

    #title_bar p {
        display: inline-block;
        float: right;
        margin-top: 20px;
    }

    #title_bar p span {
        color: #ee4900;
    }

    .del_inform {
        padding: 40px;
        border-bottom: 1px solid #ccc;
    }

    .del_inform h3 {
        font-size: 25px;
        display: inline-block;
        margin-bottom: 10px;
    }

    .del_inform i {
        font-style: normal;
        color: #555;
        display: inline-block;
        margin-left: 20px;
    }

    .element {
        padding-top: 20px;
        padding-bottom: 20px;

    }

    .element span {
        display: inline-block;
        background: #00479d;
        color: #fff;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        border-radius: 50%;
        vertical-align: top;
    }

    .ele_title {
        width: 120px;
        padding-left: 20px;
        vertical-align: top;
    }

    .element i {
        vertical-align: top;
    }


    .element p {
        display: inline-block;
    }


    #com_content .wrap > img {
        display: block;
        margin: 80px auto;
    }

    .decoimg {
        overflow: hidden;
    }

    .decoimg img {
        width: 33.333%;
        float: left;
        padding: 10px;
    }

    .information {
        margin-top: 50px;
        margin-left: 10px;
        font-size: 20px;
    }

    .information p b {
        color: #ff6c00;
    }

    .information img {
        margin-bottom: 10px;
    }

    #com_content .wrap > p {
        font-size: 20px;
        margin-left: 10px;
        margin-top: 30px;
    }

    #com_content .wrap > h3 {
        font-weight: 400;
        padding: 50px 0px 10px 10px;
        font-size: 25px;
    }

    #com_content ul {
        margin-top: 10px;
        display: inline-block;
        width: 600px;
        vertical-align: top;
        padding: 20px;
    }

    #com_content ul li {
        list-style: square;
        margin-left: 30px;
        font-size: 18px;
        padding-bottom: 10px;
    }


    #m_header, #m_menu, #m_search {
        display: none;
    }

    #header {
        height: 140px;
        border-bottom: 2px solid #00479d;
    }

    .wrap {
        width: 1300px;
        margin: 0 auto;
    }

    #logo {
        margin-top: 37px;
        width: 370px;
        display: inline-block;
    }

    #logo a {
        display: block;
        height: 100%;
    }

    #menu {
        width: 500px;
        display: inline-block;
        height: 140px;
        vertical-align: top;


    }

    #menu > div {
        float: left;
        width: 33.3333%;
        height: 100%;
    }

    #menu > div > a {
        color: #333;
        font-size: 20px;
        display: block;
        height: 100%;
        text-align: center;
        line-height: 140px;
    }

    #menu > div > a:hover {
        color: #00479d;
        font-weight: 700;
    }

    #search {
        width: 380px;
        display: inline-block;
        vertical-align: top;
        margin-top: 55px;
        margin-left: 40px;
    }

    #search input {
        height: 40px;
        width: 250px;
        border: 2px solid #00479d;
        border-radius: 20px;
        color: #aaa;
        padding: 10px 20px;
        vertical-align: top;
    }

    #search button {
        width: 110px;
        background: #00479d;
        border: 2px solid #00479d;
        height: 40px;
        border-radius: 20px;
        text-align: center;
        padding-top: 6px;
        transform: translateX(-50px);
    }

    .main-slide {
        width: 100%;

    }

    #main .wrap {
        width: 1300px;
        height: 650px;
    }


    #main {
        width: 100%;
        background: url(../img/back.png) repeat-x;
    }

    #main p {
        color: #fff;
        font-size: 20px;
        margin-bottom: 70px;
    }

    #quick_link {
        width: 330px;
        display: inline-block;
        vertical-align: top;
        margin-top: 50px;
    }

    #quick_link a {
        color: #fff;
        font-size: 20px;
        vertical-align: top;
        display: inline-block;
    }

    #link_txt {
        width: 200px;
    }

    #link_img {
        width: 100px;
        margin-top: 10px;
    }

    #banner_img {
        width: 960px;
        display: inline-block;
    }

    #content_box {
        overflow: hidden;
    }

    #content {
        margin-top: 120px;
    }

    .content_link {
        width: 33%;
        float: left;
        text-align: center;
    }

    .content_link:last-of-type {
        border: none;
    }

    #content_box span {
        font-size: 20px;
        color: #ccc;
        float: left;
        height: 70px;
        line-height: 70px;
        display: block;
    }

    .content_link a {
        color: #333;
        font-size: 20px;
        vertical-align: top;
        height: 70px;
        line-height: 70px;
        margin-left: 80px;
        display: inline-block;
    }

    .content_link div {
        display: inline-block;
        height: 70px;
        position: relative;
    }

    .content_link div img {
        position: absolute;
        top: 0;
        left: 0;

    }

    .content_link div {
        cursor: pointer;
    }

    .opacity {
        opacity: 0;
    }

    .content_link:hover img.opacity {
        opacity: 1;
    }

    .content_link:hover a {
        color: #00479d;
        font-weight: 700;
    }

    #partners {
        margin-top: 80px;
        width: 100%;
        border: 1px solid #ccc;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .partners_li {
        padding-left: 20px;
        padding-right: 20px;
    }

    #footer {
        background: #535353;
        margin-top: 70px;
    }

    #top_footer {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    #foot_logo {
        margin-right: 20px;
        margin-top: 10px;
    }

    #foot_logo, .footer_info {
        display: inline-block;

    }

    .footer_info {
        color: #fff;
        width: 500px;
        vertical-align: top;
        padding-left: 30px;
    }

    .footer_info h4 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    #bottom_footer {
        background: #434343;
        color: #fff;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #bottom_footer p a {
        margin-top: 10px;
		display:block;
    }

    #erase {
        display: none;
    }

}

@media (min-width: 800px) and (max-width: 1299px) {

     #main_text_m {
        display: none;
    }
    .com_drop {
        display:none!important;
    }
     #american_intro {
        text-align:center;
        font-weight:500;
        font-size:40px;
        margin:50px auto;
    }
    #american_intro i {
        font-size:20px;
        font-style: normal;
        display:block;
    }
    .american_company {
        border:1px solid #ccc;
        padding:30px;
        background:#fdfdfd;
        margin-top:30px;
    }
    .american_company h3 {
        font-weight:500;
        font-size:27px;
        margin-bottom:20px;
        color:#00479d;

    }
    .american_company h3 span {
        display:inline-block;
        background:#00479d;
        width:5px;
        height:5px;
        vertical-align: top;
        margin-top:17px;
        margin-right:12px;
    }

    .american_company p {
        font-size:17px;
    }
    .american_company p  span {
        display:block;
        width:100%;
        height:1px;
        background:#eee;
        margin-bottom:20px;
    }
    #m_banner {
        display: none;
    }

    .div .style, .div .summary {
        border-right: 1px solid #ccc;
    }

    .line {
        background-image: url(../img/dot.png);
        background-repeat: repeat-y;
        background-position: 245px 0;
    }

    .pro_table {
        background-image: url(../img/dot.png);
        background-repeat: repeat-y;
        background-position: 645px 0;
    }

    .drop_menu {
        display: none !important;
    }

    #m_top {
        display: none !important;
    }

    .result_correct {
        background: #f1f1f1;
        padding: 20px;
        margin: 30px 0px;
        font-size: 17px;
    }

    #search_result_none h2 {
        text-align: center;
        font-weight: 400;
    }

    #search_result h2 {
        font-weight: 400;
        margin-bottom: 30px;
        text-align: center;
    }


    .result_list {
        padding: 10px;
        border-bottom: 1px dotted #333;

    }

    .result_list span {
        display: block;
    }

    .result_list > a {
        color: #555;
        font-size: 14px;
    }

    #result_box {
        padding: 20px;
        background: #f1f1f1;
    }

    .result_list a:hover {
        color: #00479d;
        text-decoration: underline;
    }

    .table_wrap {
        width: 800px;
        overflow-x: scroll;
        margin-bottom: 30px;
    }

    .standard_table {
        border-collapse: collapse;
        width: 1300px;
        border-top: 2px solid #333;
    }

    .standard_table th {
        background: #eee;

    }

    .standard_table td, .standard_table th {
        padding: 5px 7px;
        border: 1px solid #ccc;

    }

    .space br {
        display: none;
    }

    .sec > p {
        height: 35px;
    }

    .two_line {
        height: 59px !important;
    }

    .three_line {
        height: 83px !important;
    }

    .tablet_two_line {
        height: 59px !important;
    }

    .table_aatcc {
        border: 1px solid #ccc;
    }

    .pro_row {
        overflow: hidden;
    }

    .table_aatcc .div > div {
        padding: 5px 10px;
    }

    .pro_row p {
        padding: 5px 10px;
        border-top: 1px solid #ccc;

    }

    .pro_row > div {
        float: left;
        text-align: center;

    }

    .exp {
        width: 140px;

    }

    .sec {
        width: 158px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

    .rec {
        width: 500px;
    }

    .sec p {
        text-align: left;

    }

    .rec p {
        text-align: left;
    }

    .sample_box {
        overflow: hidden;
        margin-top: 50px;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

    .pro_sample {
        border-left: 1px solid #ccc;
        width: 50%;
        height: 250px;
        float: left;
        text-align: center;
        position: relative;
    }

    .pro_sample div {
        position: relative;
        height: 210px;
        overflow: hidden;
    }

    .pro_sample div img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }


    .pro_sample h3 {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background: #eee;
        font-weight: 400;
        font-size: 16px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px;
        line-height: 40px;
    }


    .table_img {
        display: none;
    }

    #mff {
        border: 1px solid #ccc;
        padding: 15px;
        background: #ffeebf;
        margin-top: 30px;
    }

    #mff li div b {
        color: #de3e00;
    }

    #mff li p {
        display: inline-block;

    }

    .row_width {
        width: 300px;
        text-align: center;
    }

    .organize {
        border-collapse: collapse;
        border-top: 2px solid #333;
        width: 100%;
        margin-top: 30px;
    }

    .organize th {
        background: #eee;
    }

    .organize td, .organize th {
        border: 1px solid #ccc;
        padding: 10px;
    }

    .organize td ul {
        margin-left: 40px;
    }

    .organize td li {
        list-style: square;
    }


    #pro_content .wrap > img {
        display: none;
    }

    #type_btn {
        text-align: center;
        margin-top: 40px;
        margin-bottom: 40px;

    }

    #type_btn a {
        display: inline-block;
        padding: 10px 20px;
        background: #00479d;
        border-radius: 50px;
        color: #fff;
        font-size: 18px;
        border: 2px solid #00479d;
        margin: 10px;
    }

    #product_title {
        padding: 20px;
        background: #eee;
        margin-bottom: 30px;
    }

    #product_title h2 {
        display: inline-block;
        font-weight: 500;
        font-size: 28px;
    }

    #product_title select {
        display: block;
        margin-top: 10px;
        padding: 4px;
        font-size: 16px;
        background: #fff;

    }


    .product_contents > p {
        padding: 10px 0px;
        margin-top: 20px;
        font-size: 17px;
    }

    .product_contents > i {
        font-size: 14px;
        color: #555;
        padding-bottom: 10px;
        display: block;

    }


    .line {
        overflow: hidden;
        border-bottom: 1px solid #ccc;


    }

    .pro_table {

        border: 1px solid #ccc;
        border-bottom: none;
    }

    .line > div {
        float: left;
        text-align: center;
        padding: 5px 10px;
    }

    .style div {
        height: 30px;
    }

    .style div span {
        display: inline-block;
        width: 20px;
        height: 100%;
        line-height: 30px;
    }

    .style div p {
        display: inline-block;
        height: 100%;
        vertical-align: top;
        line-height: 30px;
    }

    .unit p {
        height: 30px;
        line-height: 30px;
    }

    .div {
        background: #eee;
    }

    .style {
        width: 248px;

    }

    .summary {
        width: 400px;

    }

    .summary p {
        text-align: left;
        line-height: 30px;
    }

    .unit {
        width: 150px;
    }


    #title_bar p br {
        display: none;
    }


    #title_bar {
        margin-top: 100px;
        border-bottom: 2px solid #00479d;
        height: 60px;
    }

    #title_bar h2 {
        background: #00479d;
        color: #fff;
        height: 60px;
        line-height: 60px;
        width: 320px;
        text-align: center;
        display: inline-block;
    }

    #title_bar p {
        display: inline-block;
        float: right;
        margin-top: 20px;
    }

    #title_bar p span {
        color: #ee4900;
    }

    .del_inform {
        padding: 40px;
        border-bottom: 1px solid #ccc;
    }

    .del_inform h3 {
        font-size: 25px;
        display: inline-block;
        margin-bottom: 10px;
    }

    .del_inform i {
        font-style: normal;
        color: #555;
        display: inline-block;
        margin-left: 20px;
    }

    .element {
        padding-top: 20px;
        padding-bottom: 20px;

    }

    .element span {
        display: inline-block;
        background: #00479d;
        color: #fff;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        border-radius: 50%;
        vertical-align: top;
    }

    .ele_title {
        width: 100px;
        padding-left: 20px;
        vertical-align: top;
    }

    .ele_txt {
        width: 530px;
    }

    .element i {
        vertical-align: top;
    }

    .text_info {
        width: 700px;


    }

    .element p {
        display: inline-block;
    }

    .information img {
        margin-bottom: 20px;
    }

    #com_content .wrap > img {
        display: block;
        margin: 150px auto 100px;
    }

    #com_content .wrap > h3 {
        font-weight: 400;
        padding: 50px 0px 10px 10px;
        font-size: 25px;
    }

    .decoimg {
        overflow: hidden;
    }

    .decoimg img {
        width: 33.333%;
        float: left;
        padding: 10px;
    }

    .information {
        margin-top: 80px;
        margin-left: 10px;
        font-size: 20px;
    }

    .information p br {
        display: none;
    }

    .information p b {
        color: #ff6c00;
    }

    #com_content .wrap > p {
        font-size: 20px;
        margin-left: 10px;
        margin-top: 30px;
    }

    .relate {
        padding: 20px;
    }

    #com_content ul {
    }

    #com_content ul li {
        list-style: square;
        margin-left: 30px;
        font-size: 18px;
        padding: 10px 0px 0px 0px;
    }


    #m_header, #m_menu, #m_search {
        display: none;
    }

    #header {
        height: 100px;
        border-bottom: 2px solid #00479d;
    }

    .wrap {
        width: 800px;
        margin: 0 auto;
    }

    #logo {
        margin-top: 27px;
        width: 160px;
        display: inline-block;
    }

    #logo a {
        display: block;
        height: 100%;
        text-align: center;
    }

    #logo a img {
        width: 160px;
    }

    #menu {
        width: 300px;
        display: inline-block;
        height: 40px;
        vertical-align: top;
        margin-left: 20px;

    }

    #menu > div {

        display: block;
        float: left;
        width: 33.3333%;
        text-align: center;
        height: 100px;
        line-height: 100px;
        font-weight:500
    }
    #menu>div > a {
        color: #333;
        font-size: 16px;
        width:100%;
        display:block;
    }

    #search {
        width: 300px;
        display: inline-block;
        vertical-align: top;
        margin-top: 35px;
        margin-left: 10px;

    }

    #search input {
        height: 40px;
        width: 180px;
        border: 2px solid #00479d;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        color: #aaa;
        padding: 10px 20px;
        vertical-align: top;
        float: left;
    }

    #search button {
        width: 100px;
        background: #00479d;
        border: 2px solid #00479d;
        height: 40px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        text-align: center;
        padding-top: 6px;
        float: left;
    }

    #main .wrap {
        height: 100%;
		width:100%;
    }

    .main-slide {
        width: 100%;
        height: 100%;
    }

    #main {
        width: 100%;


    }

    #main p {
        color: #fff;
        font-size: 20px;
        margin-bottom: 30px;
    }

    #quick_link {
        width: 230px;
        display: inline-block;
        vertical-align: top;
        margin-top: 50px;
    }

    #quick_link a {
        color: #fff;
        font-size: 20px;
        vertical-align: top;
        display: inline-block;
    }

    #link_txt {
        width: 200px;
    }

    #link_img {
        width: 100px;
        margin-top: 10px;
    }

    #banner_img {
        width: 500px;
        display: inline-block;
    }

    #banner_img img {
        width: 150%;
    }

    #content_box {
        overflow: hidden;
    }

    #content {
        margin-top: 120px;
    }

    .content_link {
        width: 32%;
        float: left;
        text-align: center;
        vertical-align: top;
    }

    .content_link:last-of-type {
        border: none;
    }

    #content_box span {
        font-size: 20px;
        color: #ccc;
        float: left;
        height: 70px;
        line-height: 70px;
        display: block;
    }

    .content_link a {
        color: #333;
        font-size: 18px;
        vertical-align: top;
        height: 70px;
        line-height: 70px;
        margin-left: 20px;
        display: inline-block;
    }

    .content_link div {
        position: relative;
        width: 50px;
        height: 70px;
        display: inline-block;
        margin-top: 10px;
    }

    .content_link div img {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
    }

    .content_link div {
        cursor: pointer;
    }

    .opacity {
        opacity: 0;
    }

    .content_link:hover img.opacity {
        opacity: 1;
    }

    #partners {
        margin-top: 80px;
        width: 100%;
        border: 1px solid #ccc;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #footer {
        background: #535353;
        margin-top: 100px;
    }

    #top_footer {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #foot_logo {
        margin-right: 10px;
        margin-top: 10px;
        width: 170px;
    }

    #foot_logo img {
        width: 100%;
        margin-top: 22px;
    }

    #foot_logo, .footer_info {
        display: inline-block;

    }

    .footer_info {
        color: #fff;
        width: 300px;
        vertical-align: top;
        padding-left: 30px;
    }

    .footer_info h4 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    #bottom_footer {
        background: #434343;
        color: #fff;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #bottom_footer p a {
        margin-top: 10px;
		display:block;
    }


    #erase {
        display: none;
    }
}

@media (max-width: 799px) {
     #main_text_pc {
        display: none;
    }
    .drop_menu {
        display: none !important;
    }

    .result_correct {
        background: #f1f1f1;
        padding: 20px;
        margin: 30px 0px;
        font-size: 17px;
    }

    #search_result_none h2 {
        text-align: center;
        font-weight: 400;
    }

    #search_result h2 {
        font-weight: 400;
        margin-bottom: 30px;
        text-align: center;
    }

    #search_result {
        margin-top: 70px;
    }


    .result_list {
        padding: 10px;
        border-bottom: 1px dotted #333;

    }

    .result_list span {
        display: block;
    }

    .result_list> a {
        color: #555;
        font-size: 14px;
    }

    #result_box {
        padding: 20px;
        background: #f1f1f1;
    }

    .result_list a:hover {
        color: #00479d;
        text-decoration: underline;
    }


    .table_wrap {
        width: 300px;
        overflow-x: scroll;
        margin: 0px auto 30px;

    }

    .standard_table {
        border-collapse: collapse;
        width: 1300px;
        border-top: 2px solid #333;
    }

    .standard_table th {
        background: #eee;

    }

    .standard_table td, .standard_table th {
        padding: 5px 7px;
        border: 1px solid #ccc;

    }

    .sample_box {
        overflow: hidden;
        margin-top: 50px;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

    .pro_sample {
        border-left: 1px solid #ccc;
        height: 250px;
        text-align: center;
        position: relative;
        overflow: hidden;
        z-index: -1;
    }

    .pro_sample:last-of-type {
        display: none;
    }

    .pro_sample div {
        position: relative;
        height: 210px;
        overflow: hidden;
        z-index: -1;
    }

    .pro_sample div img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
    }


    .pro_sample h3 {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background: #eee;
        font-weight: 400;
        font-size: 16px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px;
        line-height: 40px;
    }


    #mff {
        border: 1px solid #ccc;
        margin: 30px auto;
        width: 300px;
        padding: 15px;
        background: #ffeebf;
    }

    #mff li div b {
        color: #de3e00;
    }

    #mff li p {
        display: inline-block;

    }

    .table_img {
        text-align: center;
    }

    .row_width {
        display: none
    }

    .organize {
        width: 300px;
        margin: 30px auto;
        border-collapse: collapse;
        border-top: 2px solid #333;

    }

    .organize th {
        background: #eee;
    }

    .organize td, .organize th {
        border: 1px solid #ccc;
        padding: 10px;
    }

    .organize td ul {
        margin-left: 40px;
    }

    .organize td li {
        list-style: square;
    }

    #pro_content, #com_content {
        margin-top: 70px;
    }


    #pro_content .wrap > img {
        display: none;
    }

    #pro_content .wrap {
        overflow: hidden;
    }


    #type_btn {
        text-align: center;
        margin-top: 10px;
        display: none;
        margin-bottom: 10px;
    }

    #type_btn a {
        display: inline-block;
        padding: 10px 20px;
        width: 300px;
        background: #00479d;
        border-radius: 50px;
        color: #fff;
        font-size: 18px;
        border: 2px solid #00479d;
        margin: 10px;
    }

    #product_title {
        padding: 15px;
        background: #eee;
        width: 300px;
        margin: 20px auto 30px;
    }

    #product_title h2 {
        font-weight: 400;
        text-align: center;
    }

    #product_title select {
        width: 270px;
        margin: 0 auto;

        padding: 4px;
        font-size: 16px;
        background: #fff;
        display: none;
    }

    .product_contents > p {
        width: 300px;
        margin: 30px auto 10px;
    }

    .product_contents > i {
        font-size: 14px;
        color: #555;
        display: block;
        width: 300px;
        margin: 0 auto 10px;
    }

    .pro_row {
        overflow: hidden;

        margin-bottom: 10px;
        border: 1px solid #ccc;
        border-top: none;
        border-bottom: none;
    }

    .pro_row > div {
        text-align: center;

    }

    .pro_row > div p {
        padding: 5px 10px;

    }

    .div .sec {
        border-bottom: 1px solid #ccc;
    }


    .line {
        overflow: hidden;

        margin-bottom: 10px;
        border: 1px solid #ccc;
        border-top: none;
    }

    .table_aatcc {
        width: 300px;
        margin: 0 auto;
    }

    .pro_table {
        width: 300px;
        margin: 0 auto;
    }

    .line > div {
        text-align: center;
        padding: 5px 10px;

    }

    .sec p, .rec p {
        border-bottom: 1px solid #ccc;
        text-align: left;
    }

    .table_aatcc .div .exp {
        padding: 5px 10px;
        background: #f5f8f8;
    }

    .table_aatcc .div .sec {

        padding: 5px 10px;
        background: #dce1f2;
    }

    .table_aatcc .div .rec {

        padding: 5px 10px;
        background: #ffdfdf;
    }

    .exp {
        border-top: 1px solid #ccc;
        background: #f5f8f8;
        border-bottom: 1px solid #ccc;
    }

    .sec {
        background: #dce1f2;
    }

    .rec {
        background: #ffdfdf;

    }

    .style div {
        height: 30px;
    }

    .style div span {
        display: inline-block;
        width: 20px;
        height: 100%;
        line-height: 30px;
    }

    .style div p {
        display: inline-block;
        height: 100%;
        vertical-align: top;
        line-height: 30px;
    }

    .unit p {
        height: 30px;
        line-height: 30px;
    }


    .style {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        background: #f5f8f8;
    }

    .summary {
        border-bottom: 1px solid #ccc;
        background: #dce1f2;
    }


    .summary p {
        line-height: 30px;
    }

    .unit {
        background: #ffdfdf;
    }


    #title_bar {
        margin-top: 60px;
    }

    #title_bar h2 {
        background: #00479d;
        color: #fff;
        height: 60px;
        line-height: 60px;
        width: 320px;
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    #title_bar p {
        width: 320px;
        margin: 20px auto;
        text-align: center;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #title_bar p span {
        color: #ee4900;
    }

    .del_inform {
        border-bottom: 1px solid #ccc;
        width: 300px;
        margin: 0 auto;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .del_inform h3 {
        font-size: 25px;
        display: inline-block;
        margin-bottom: 10px;
    }

    .del_inform i {
        font-style: normal;
        color: #555;
        display: inline-block;
    }

    .element {
        padding-top: 20px;
        padding-bottom: 20px;

    }

    .element span {
        display: inline-block;
        background: #00479d;
        color: #fff;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        border-radius: 50%;
        vertical-align: top;
    }

    .ele_title {
        width: 100px;
        padding-left: 10px;
        vertical-align: top;
    }

    .ele_txt {
        width: 320px;
        margin-top: 10px;
    }

    .element i {
        display: none;
    }

    .text_info {
        width: 320px;
        margin-top: 10px;

    }

    .element p {
        display: inline-block;
    }

    .information img {
        margin-bottom: 20px;
    }

    #com_content .wrap > img {
        display: block;
        width: 300px;
        margin: 60px auto 50px;
    }

    #com_content .wrap {
        overflow: hidden;
    }

    .decoimg {
        text-align: center;

    }

    .decoimg img {
        width: 300px;
    }

    .information {
        width: 300px;
        margin: 0 auto;
        margin-top: 50px;
        font-size: 16px;
    }

    .information p br {
        display: none;
    }

    .information p b {
        color: #ff6c00;
    }

    #com_content .wrap > h3 {
        font-weight: 400;
        padding: 50px 0px 10px 10px;
        font-size: 25px;
    }

    #com_content .wrap > p {
        font-size: 16px;
        width: 300px;
        margin: 30px auto;
    }

    #com_content ul {
        width: 300px;
        margin: 10px auto 0;
    }

    .relate {
        padding: 10px;
    }

    #com_content ul li {
        list-style: square;
        margin-left: 20px;
        font-size: 15px;
        padding-bottom: 10px;
    }

    #content .wrap {
        overflow: hidden;
    }

    #header {
        display: none;
    }

    .wrap {
        width: 320px;
        margin: 0 auto;
    }

    #m_top {
        background: #fff;
        border-bottom: 2px solid #00479d;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
    }

    #icon_menu {
        position: fixed;
        bottom: 10px;
        right: 10px;
    }

    #icon_menu a {
        display: block;
        width: 50px;
        height: 50px;
        background: rgba(0, 0, 0, 0.5);
        text-align: center;
        margin-bottom: 10px;
        border-radius: 10px;
    }

    #m_header {
        height: 70px;
        overflow: hidden;

    }

    #search_close {
        display: none;
    }

    #search_close img {
        width: 30px;
        padding-top: 5px;
    }

    #ham {
        width: 70px;
        padding: 20px;
        float: left;
    }

    #ham img {
        width: 100%;
    }

    #m_logo {
        width: 180px;
        float: left;
    }

    #m_logo img {
        width: 100%;
        margin-top: 16px;
    }

    #m_search_btn {
        width: 70px;
        padding: 15px;
        float: left;
        height: 70px;
    }

    #m_search_btn > img {
        width: 100%;
    }

    #m_menu {
        overflow-y: scroll;
    }

    #scroll_box {
        height: 1000px;
    }

    #m_menu {
        background: #fff;
        border: 1px solid #ccc;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
        width: 300px;
        position: fixed;
        top: 0;
        left: 0;
        min-height: 600px;
        height: 100%;
        z-index: 99;
        display: none;
    }

    #drop_top {
        background: #00479d;
        padding-top: 5px;
        padding-bottom: 5px;
        overflow: hidden;
    }

    #drop_top * {
        color: #fff;

    }

    #drop_top h3 {
        font-weight: 400;
        padding: 10px 20px;
        display: inline-block;
        font-size: 20px;
    }

    #drop_top a {
        display: inline-block;
        padding: 10px;
        font-size: 15px;
        float: right;
        margin-top: 3px;
    }


    #drop_top p {
        display: inline-block;
        padding: 10px 10px 10px 5px;
        font-size: 15px;
        float: right;
        margin-top: 3px;
    }

    .menu_name {
        border-bottom: 1px solid #ccc;
        border-top: 2px solid #333;
        overflow: hidden;
        background: #efefef;
    }

    .menu_name a {
        font-size: 17px;
        color: #000;
        display: block;
        height: 50px;
        float: left;
        width: 231px;
        line-height: 50px;
        padding-left: 10px;

    }

    .menu_name span {
        width: 50px;
        height: 50px;
        float: left;
        border-left: 1px solid #ccc;
        text-align: center;
        line-height: 50px;
    }

    .drop > a {
        color: #555;
        padding: 5px;
        border-bottom: 1px solid #eee;
        display: block;
    }

    #m_search {

        position: fixed;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 100;
        padding-top: 30px;
        padding-bottom: 30px;
        display: none;


    }

    #m_search div {
        overflow: hidden;
        margin: 0 auto;
        width: 290px;
    }

    #m_search p {
        text-align: center;
        margin-top: 17px;
        font-weight: 700;
        color: #fff;
        background: #00479d;
        padding: 10px;
    }

    #m_search input {
        height: 50px;
        width: 200px;
        border: 2px solid #00479d;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        color: #aaa;
        padding: 10px 20px;
        vertical-align: top;
        float: left;
    }

    #m_search button {
        width: 90px;
        background: #00479d;
        border: 2px solid #00479d;
        height: 50px;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
        text-align: center;
        padding-top: 6px;
        float: left;
    }


    .main-slide {
        width: 320px;
        height: 100%;
    }

    #main {
        width: 100%;

        margin: 70px auto 0;
    }

    #main .wrap h3 {
        padding: 40px 20px 0px 20px;
    }

    #main .wrap h3 img {
        width: 280px;
    }

    #main p {
        color: #fff;
        font-size: 16px;

        width: 280px;
        margin: 0px auto 20px;
    }

    #quick_link {
        width: 280px;
        display: block;
        vertical-align: top;
        margin: 10px auto;
    }

    #quick_link a {
        color: #fff;
        font-size: 16px;
        vertical-align: top;
        display: inline-block;
    }

    #link_txt {
        width: 160px;
        display: inline-block;
    }

    #link_img {
        width: 90px;
        display: inline-block;

    }

    #banner_img {
        display: none;
    }

    #content_box {
        width: 320px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #partners {
        margin-top: 60px;

    }

    #content_box span {
        display: none;
    }

    .content_link {
        width: 260px;
        margin: 0 auto;
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: 1px solid #ccc;
    }

    .content_link img {
        vertical-align: bottom;
        width: 50px;
    }

    .content_link > div {
        display: inline-block;
        vertical-align: bottom
    }

    .grey {
        display: none;
    }

    .content_link a {
        color: #333;
        font-size: 18px;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        margin-left: 20px;
    }

    #footer {
        background: #535353;
        margin-top: 80px;
    }

    #footer .wrap {
        width: 290px;
        margin: 0 auto;
    }

    .footer_info {
        padding: 10px 0px;
    }


    #top_footer {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #foot_logo {
        width: 170px;
        margin-top: 10px;
    }

    #foot_logo img {
        width: 100%;

    }

    .footer_info {
        color: #fff;
        width: 300px;
        vertical-align: top;
    }

    .footer_info h4 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    #bottom_footer {
        background: #434343;
        color: #fff;
        padding: 20px;
    }

    #bottom_footer p a {
        display: block;
        margin-top: 10px;
    }

    body {
        position: relative;
        z-index: -99;
    }

    #content {
        position: relative;
        z-index: -1;
    }

    #board_contents {
        margin-top: 70px;
        position: relative;
        z-index: -9;
    }

    .main-slide {
        display: none !important;
    }

    #m_banner {
        width: 100%
    }

    #m_banner img {
        width: 100%;

    }

    #icon_menu {
        display:none;
    }

     #american_intro {
        text-align:center;
        font-weight:500;
        font-size:40px;
        margin:50px auto;
    }
    #american_intro i {
        font-size:20px;
        font-style: normal;
        display:block;
    }
    .american_company {
        border:1px solid #ccc;
        padding:30px;
        background:#fdfdfd;
        margin-top:30px;
    }
    .american_company h3 {
        font-weight:500;
        font-size:27px;
        margin-bottom:20px;
        color:#00479d;

    }
    .american_company h3 span {
        display:inline-block;
        background:#00479d;
        width:5px;
        height:5px;
        vertical-align: top;
        margin-top:17px;
        margin-right:12px;
    }

    .american_company p {
        font-size:17px;
    }
    .american_company p  span {
        display:block;
        width:100%;
        height:1px;
        background:#eee;
        margin-bottom:20px;
    }
}