@charset "utf-8";

/*=============================================
=                 MEDIA QUERY                 =
=============================================*/
@media all and (max-width: 1280px) {
    html, body {font-size:68px;}
}

@media all and (min-width: 750px) {
    html, body {font-size:22px;}

  .block_box {display:inline-block;}
    /* main */
    .contents.main .section.monomer .monomer_link ul li {height:18rem;}

    /* company */
    .contents.company .outline_box .outline_info .info01 {padding-top: 40.2%;}
    .contents.company .outline_box .outline_info .info02 {padding-top:32%; background-size:cover; background-position:65% 0;}
    .contents.company .outline_box .outline_info .info02 .sup {padding-top:1.5rem; padding-left:50%;}
    .contents.company .outline_box .outline_mov .mov {height:14rem;}
    .contents.company .vision_box .vision_list ul li {width:75%;}
    .contents.company .history_box .history_con ul li .tit {height:34vw;}
    .contents.company .ceo_box .ceo_info .info02 .tit {padding-right:23%;}
    .contents.company .ceo_box .ceo_info .info02 .sup {padding:12rem 0 0 50%;}
    .contents.company .ceo_box .ceo_info .info02 .sign {padding:2rem 0 0 50%;}
    .contents.company .mngp_box .mngp_list li {padding-top:30%;}
    .contents.company .mngp_box .mngp_list li .tit {top:56%;}
    .contents.company .cyber_box .cyber_list_inner {padding:1.75rem 1.25rem;}
    .contents.company .cyber_box .cyber_list ul li {width:49%; margin-bottom:2%; background-position:90% 3.5rem !important;}
    .contents.company .cyber_box .cyber_list ul li:nth-child(2n) {margin-left:2%;}
    .contents.company .philo_box .philo_info .title {height:55vw;}
    .contents.company .emng_box .emng_system .system_list .pic {width:40%;}
    .contents.company .emng_box .emng_cycle .cycle_img {width:50%;}
    .contents.company .emng_box .emng_cycle ul li .tit {width:20%;}
    .contents.company .emng_box .emng_rc .system_list .pic {width:40%;}
    .contents.company .health_box .health_system .grahp .grahp_circle {width:30%; height:28vw; line-height:28vw;}
    .contents.company .health_box .health_work ul li {width:70%;}
    .contents.company .env_box .env_news .news_list ul li {height:48vw;}
    .contents.company .award_box .awarded_visual {background-position:0 70%;}
    .contents.company .env_box .env_news .news_list ul li .thumbnail {height: 12rem;}

    /* product */
    .contents.product .product_intro .product_list ul li {height:auto;}
    .contents.polymer_color .color-type-navi .type_btn_box {display:inline-block; *display:inline-block; zoom:1;}
    .contents.monomer.mma .bg_intro:before {height:65%;}
    .contents.monomer.maa .bg_intro:before {height:65%;}
    .contents.monomer.bma .bg_intro:before {height:65%;}
    .contents.monomer .product_intro .num_tit .num {left:-.6rem;}
    .contents.monomer .product_intro .num_tit .tit {left:2.25rem;}
    .contents.monomer.mma .produce_process .process_box {width:51%; margin:0 auto; margin-top:1rem;}
    .contents.monomer.maa .produce_process .process_box {width:51%; margin:0 auto; margin-top:1rem;}
    .contents.monomer.bma .produce_process .process_box {width:51%; margin:0 auto; margin-top:1rem;}
    .contents.product.certify .certify_box ul li {position:relative;}
    .contents.product.certify .certify_box ul li .notice {position:absolute; bottom:1.25rem; right:1rem; width:54%;}
    .contents.product.certify .certify_box.standard ul li .notice {position:relative; bottom:auto; right:auto; width:100%;}
    .contents.application_lamp .grade_section .product_example ul li span.sum {left:44%;}
    .contents.application_auto .apply_part {margin-top:7rem;}
    .contents.application_lamp .grade_section:first-child {margin-top:5rem;}
    .contents.application_panel .conditions {margin-top:7rem;}
    .contents.application_panel .condition_list ul li i {width:6rem; height:6rem;}
    .contents.application_film .film_sheet {margin-top:7rem;}
    .contents.application_family .apply_part {margin-top:7rem;}
    .contents.application_binder .apply_part {margin-top:7rem;}
    .contents.new_product .con_tit span {display:inline-block;}

    /* cs */
    .contents.cs .inquiry_chk .chk_box:nth-child(4) {margin-left:1rem;}
    .contents.cs .pop_cover.pop_mng_search .con_box .mng_list ul {height:99vw;}
    .contents.cs .mng_box .profile_list li .profile .pic {height: 12rem;}

    /* commerce */
    .btnStyle_add a:before {left:50%;}
    .btnStyle_add a:after {left:49%;}
    .container .contents .tbl_content table tr td .sort_bar {left:5.65rem;}
    .container .contents.commerce .tbl_content table tr td .inquiry_box {display:inline-block; *display:inline-block; zoom:1;}
    .container .contents.commerce .tbl_content table tr td .inquiry_box:last-child {margin-left:1rem;}
    .container .contents.commerce .tbl_content table tr td .sort_bar.posiRight {left:9.6rem; right:auto;}

    /* recruit */
    .contents.recruit .talent_box ul li {width:80%;}
    .contents.recruit .recruit_box .step_box ul li:nth-child(4) {margin-left:1rem;}

    /* product search */
    .btnStyle_detail a {background-position:55% 53%; padding-left:44%;}


}

@media all and (min-width: 1024px) and (max-width: 1030px) {
    html, body {font-size:28px;}
    .contents.cs .pop_cover.pop_mng_search .con_box .mng_list ul {height:43vw;}
}

@media all and (max-width: 600px) {
    html, body {font-size:22px;}
}

@media all and (max-width: 414px) {
    html, body {font-size:22px;}
}

@media all and (max-width: 375px) {
    html, body {font-size:20px;}
}

@media all and (max-width: 360px) {
    html, body {font-size:19px;}
}