@media screen and (min-width:1921px) {
	body.index_body section.index_slogan,
	body.index_body .contents,
	body.index_body .section_gray,
	.contents,
	.contents_wrap {
		padding-left: calc((100% - 1440px)/2);
		padding-right: calc((100% - 1440px)/2);
	}
}

@media all and (min-width:1025px) and (max-width:1440px) {
    body.index_body section.index_slogan {
        padding: 145px 12% 175px;
    }
    body.index_body .contents {
        padding: 0 12%;
    }
    body.index_body .section_gray {
        padding: 110px 12%;
    }
    .contents_sub {
        padding: 80px 12% 0;
    }
    footer .foot {
        padding: 45px 12% 55px;
    }
    body.index_body .contents.index_fir {
        padding-bottom: 8%;
    }
    .index_col3 > div > ul {
        min-height: 600px;
    }
    .col2 > div:first-child {
        padding-right: 14px;
    }
    .col2 > div:last-child {
        padding-left: 14px;
    }
    .index_col3.col3 {
        column-gap: 28px;
    }
    footer .foot_slogan {
        padding: 160px 0 50px;
    }
    .slide_inquiry_wrap02 {
        font-size: 50px;
        line-height:1.1em;
    }
    .main_copy {
        margin-bottom: 10px;
    }
    .con_box .ti {
        margin-bottom: 16px;
    }
    #gnb .gnb_wrap {
        width: 45%;
        padding: 90px 70px 40px;
    }
    #accordion_wrap > ul > li > a {
        font-size: 31px;
    }
    .contents {
        padding: 0 12%;
    }
    .contents_wrap {
        padding: 70px 12%;
    }
    .contents_wrap.contents_last {
        padding-bottom: 0;
    }
    .page_menu {
        padding: 0 12%;
    }
    .tabs-nav li:first-child a.
    .tabs-nav li.tab-active a,
    .tabs-nav li a,
    .tabs-nav li:last-child a {
        font-size: 20px;
    }
    ul.tabs-nav {
        padding: 72px 0 80px;
    }
    .sti.table {
        font-size: 21px;
    }
    #modalpop_in01, #modalpop_in02, #modalpop_in03 {
        width: 80%;
    }
    .bti {
        font-size: 23px;
    }
    .col_press {
        column-gap: 34px;
        row-gap: 60px;
    }
    .col_press.fomul {
        row-gap: 40px;
    }
    .con_box.press .ti {
        font-size: 18px;
        line-height: 1.4em;
    }
    .wrap.manufacturing .font30 {
        font-size: 25px !important;
        line-height: 1.2em;
    }
    .micro_tech {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        column-gap: 15px;
        /* row-gap: 30px; */
    }
    .micro_img {
        width: 100%;
    }
    .wrap > div:first-child,
    .wrap_inner > div:first-child {
        width: 28%;
    }
    .wrap > div:last-child,
    .wrap_inner > div:last-child {
        width: 72%;
    }
    .sti {
        font-size: 19px;
        line-height: 1.5em;
    }
    img.organization {
        width: 100%;
        margin: 0 auto;
    }
    .txt_wrap .sti {
        font-size: 23px;
    }
    .manage_chapter .sti.table {
        font-size: 20px;
    }
    .manage_chapter {
        margin-bottom: 130px;
    }
    .manage_chapter > div {
        margin-bottom: 40px !important;
    }
    .col_press.happy .con_box .ti {
        font-size: 18px;
    }
    .col_press.happy {
        row-gap: 70px;
    }
    .contents_sub.list_style {
        padding-top: 80px;
    }
    .con_box.press.detail {
        width: 80%;
    }
    .step_ti {
        font-size: 32px;
        margin-bottom: 50px;
    }
    .left_en {
        font-size: 20px;
        line-height: 1.4em;
    }
}
/* min1025-max1440 */

@media screen and (min-width:1025px) {
}
/* min1025 */

@media screen and (max-width: 1024px){
    .sns_insta, .sns_you, .lang {
        display: none;
    }
    body {
        font-size: 17px;
        line-height: 1.65em;
    }
    .btn_more {
        height: 26px;
        font-size: 12px;
        line-height: 25px;
    }
    .btn_more::after {
        top: 7px;
    }
    footer .foot {
        flex-direction: column;
    }
    footer .foot .ti {
        margin-bottom: 7px;
    }
    footer .foot > div {
        width: 100%;
    }
    footer .foot > div:last-child {
        margin-top: 30px;
    }
    .btn_biz .biz {
        width: 96px;
        height: 96px;
    }
    .btn_biz .biz .biz_txt {
        font-size: 14px;
    }
    .btn_biz .biz .biz_txt .en {
        font-size: 10px;
    }
    .foot_logo {
        top:40px;
    }
    .btn_biz {
        right: 74px;
    }
    .index_news_list .ti {
        font-size: 18px;
    }
    .index_news_list .date {
        font-size: 15px;
    }
    .index_news_list:last-child {
        margin-bottom: 30px;
    }
    .re_wrap {
        padding-top: 30px;
    }
    .main_copy {
        margin-bottom: 0;
        font-size: 17px;
        line-height: 1.5em;
    }
    section.index_slogan {
        align-items: flex-start;
    }
    #accordion_wrap > ul > li > ul > li {
        font-size: 20px;
    }
    .page_menu > div:nth-child(2) .en05,
    section.page_menu a {
        font-size: 15px;
    }
    .menu_parti {
        margin: -2px 8px 0;
    }
    .menu_arrow {
        margin: 0 10px;
    }
    .menu_arrow img {
        width: auto;
        height: 16px;
    }
    .back_arrow {
        width: auto;
        height: 12px;
    }
    .con_box.press.detail {
        width: 100%;
    }
}
/* max1024 */

@media all and (min-width:768px) and (max-width:1024px) {
    select.foot_select {
        width:80%;
    }
    body.index_body section.index_slogan {
        padding: 120px 8% 120px;
    }
    body.index_body .contents {
        padding: 0 8%;
    }
    body.index_body .section_gray {
        padding: 90px 8%;
    }
    footer .foot {
        padding: 40px 8% 50px;
        background: #fff;
        position: relative;
        z-index: 10;
    }
    body.index_body .contents.index_fir {
        padding-bottom: 6%;
    }    
    .col2 > div:first-child {
        padding-right: 12px;
    }
    .col2 > div:last-child {
        padding-left: 12px;
    }
    .index_col3.col3 {
        column-gap: 24px;
    }
    .index_col3 > div > ul li.ti, .index_col3 > div > ul li.txt, .index_col3 > div > ul li.btn {
        padding-left: 25px;
        padding-right: 25px;
    }
    .index_col3 > div > ul {
        min-height: 540px;
    }
    .index_col3.col3 .con_box .ti {
        font-size: 20px;
        line-height: 1.2em;
    }
    .con_box .ti {
        font-size: 22px;
        line-height: 1.2em;
    }
    .index_col3 > div > ul li:last-child {
        padding-bottom: 40px;
    }
    footer .foot_slogan {
        padding: 130px 0 38px;
    } 
    .slide_inquiry_wrap02 {
        font-size: 44px;
        line-height:1.15em;        
    }
    .con_box .ti {
        margin-bottom: 12px;
    }
    .contents.index_last > div:first-child {
        padding-right: 35px;
    }
    .contents.index_last > div:last-child {
        padding-left: 35px;
    }
    #slide_inquiry .slide_inquiry_wrap {
        font-size: 32px;
    }
    #gnb .gnb_wrap {
        width: 60%;
        padding: 90px 60px 40px;
    }
    #accordion_wrap > ul > li > a {
        font-size: 31px;
    }
    .contents {
        padding: 0 8%;
    }
    .contents_wrap {
        padding: 60px 8%;
    }
    .contents_wrap.contents_last {
        padding-bottom: 0;
    }
    .left_en {
        font-size: 18px;
        line-height: 1.4em;
    }
    .sti {
        font-size: 18px;
        margin-bottom: 6px;
    }
    .wrap {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .area_button li {
        font-size: 15px;
    }
    .wrap > div:first-child,
    .wrap_inner > div:first-child {
        width: 25%;
        padding-top: 2px;
    }
    .wrap > div:last-child,
    .wrap_inner > div:last-child {
        width: 75%;
        line-height: 1.75em;
    }
    .wrap > div:last-child p, .wrap_inner > div:last-child p {
        margin-bottom: 25px;
    }
    .page_menu {
        padding: 0 8%;
        min-height: 52px;
    }
    #menunavi li {
        height: 52px;
        line-height: 52px;
    }
    .localNav {
        top: 52px;
        height: 52px;
        line-height: 52px;
    }
    section.second_menu {
        height: 52px;
    }
    .subtop_center .cate_ti {
        font-size: 16px;
        padding: 6px 20px 2px 20px;
        margin-bottom: 30px;
    }
    .subtop_center .subtop_slogan {
        font-size: 35px;
    }
    .wrap > div:last-child p.sti,
    .wrap_inner > div:last-child p.sti {
        margin-bottom: 10px;
    }
    .tabs-nav li:first-child a,
    .tabs-nav li.tab-active a,
    .tabs-nav li a,
    .tabs-nav li:last-child a {
        font-size: 18px;
    }
    ul.tabs-nav {
        padding: 65px 0 72px;
    }
    .sti.table {
        font-size: 19px;
    }
    #modalpop_in01, #modalpop_in02, #modalpop_in03 {
        width: 90%;
        height: 70%;
        max-height: 70%;
    }
    #modalpop_in01 #modalpop_wrap, #modalpop_in02 #modalpop_wrap, #modalpop_in03 #modalpop_wrap {
        height:100%;
    }
    .half.in_tech > div:last-child {
        padding: 20px 30px 30px 20px;
    }
    .bti {
        font-size: 21px;
        margin-bottom: 6px;
    }
    .col_press {
        column-gap: 24px;
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 60px;
    }
    .col_press.fomul {
        row-gap: 30px;
    }
    .con_box.press .ti {
        font-size: 17px;
        line-height: 1.3em;
    }
    .con_box.press .copy {
        font-size: 16px;
        line-height: 1.5em;
    }
    .con_box .img {
        margin-bottom: 15px;
    }
    .foot_logo {
        left: auto;
        right: 8%;
    }
    .btn_biz {
        right: 8%;
    }
    .btn_shop {
        right: 28px;
    }
    .micro_tech {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 30px;
        row-gap: 30px;
    }
    .micro_img {
        width: 100%;
    }
    .wrap_inner.history .year {
        font-weight: 400;
        font-size: 34px;
    }
    .txt_wrap .sti {
        font-size: 21px;
    }
    .cd-faq-trigger {
        font-size: 18px;
        padding: 15px 0 12px;
    }
    .cd-faq-content {
        padding: 0px 0 30px;
    }
    .cd-faq-trigger::after {
        width: 18px;
        height: 10px;
    }
    .policy_img_wrap, .policy_img_wrap img {
        width: 145px;
        height: 145px;
    }
    img.organization {
        width: 100%;
        margin: 0 auto;
    }
    .txt_wrap .sti {
        font-size: 20px;
    }
    .manage_chapter .sti.table {
        font-size: 18px;
    }
    .manage_chapter {
        margin-bottom: 120px;
    }
    .manage_chapter > div {
        margin-bottom: 35px !important;
    }
    .col_press.happy .con_box .ti {
        font-size: 17px;
    }
    .col_press.happy {
        row-gap: 60px;
    }
    .contents_sub {
        padding: 70px 8% 0;
    }
    .contents_sub.list_style {
        padding-top: 70px;
    }
    .btn_biz {
        right: auto;
        left: 4.5%;
    }
    .global_detail .sti.font25 {
        font-size: 20px !important;
    }    
    .global_detail .sti.font25 br {
        display: none;
    }
    .global_detail .sti.textright {
        padding-top: 0;
        font-size: 22px !important;
        line-height: 1.1em;
    }
    #cContents,
    #cContents div,
    #cContents p,
    #cContents span {
        font-size: 17px !important;
        line-height: 1.65em !important;
    }
    .con_box.press.notice {
        padding-top: 22px;
        padding-bottom: 14px;
    }
    .step_ti {
        font-size: 27px;
        margin-bottom: 40px;
    }
    input[type=checkbox]+label, input[type=radio]+label {
        font-size: 17px;
    }
}
/* min768-max1024 */


@media screen and (min-width: 768px){
    .pc_only {
        display: block;
    }
    .mo_only {
        display: none;
    }
}

@media screen and (max-width: 767px){
    .pc_only {
        display: none;
    }
    .mo_only {
        display: block;
    }
    body {
        font-size: 16px;
        line-height: 1.6em;
    }
    .foot_right > div:nth-child(2) {
        margin-left: 0;
    }
    footer .foot > div:last-child {
        margin-top: 0px;
    }
    .cursor { display:none}
    .foot_logo {
        width: 20px;
        height: 33px;
    }
    body.index_body section.index_slogan {
        padding: 60px 8% 60px;
    }
    .contents_wrap {
        padding: 50px 8%;
    }
    body.index_body .contents.index_fir,
    .contents.index_fir {
        padding-bottom: 50px;
    }
    body.index_body .section_gray {
        padding: 50px 8%;
    }
    body.index_body .contents,
    .contents {
        padding: 0 8%;
    }
    #gnb .gnb_wrap {
        width: 100%;
        padding: 10% 8%;
    }
    #gnb .menu_close {
        right: 8%;
    }
    #header .menu_close {
        top: 30px;
    }
    header, #gnb {
        min-height: 80px;
    }
    .head_cosmax {
        display: none;
    }
    header .head_logo {
        width: 185px;
        height: 24px;
    }    
    header {
        padding: 0 8%;
    }    
    #header .menu_open {
        width: 30px;
        height: 18px;
    }
    body.dark_body header.change .head_logo {
        margin-top: -7px;
    }
    #slide_inquiry {
        padding:0 8%;
    }
    #slide_inquiry .slide_inquiry_wrap {
        font-size: 28px;
        line-height: 1.12em;
    }
    #slide_inquiry .slide_inquiry_wrap .txt {
        padding-left: 8%;
        padding-right: 8%;
        font-size: 14px;
    }
    #slide_inquiry .slide_inquiry_wrap .txt br {
        display: none;
    }
    #slide_inquiry .slide_inquiry_wrap .line {
        margin: 16px auto;
    }
    .btn_biz {
        bottom: 20px;
        right: 4%;
    }
    .btn_biz .biz {
        width: 70px;
        height: 70px;
        border-radius: 70px;        
        margin-bottom: 6px;
    }
    .btn_biz .biz .biz_txt {
        transform: translate(-50%, -50%);
        font-size: 12px;
        line-height: 1.2em;
    }
    .btn_biz .biz .biz_txt span,
    .btn_biz .biz .biz_txt br {
        display: none;
    }
    .col2 {
        flex-direction: column;
    }
    .col2 > div {
        width: 100%;
        margin-bottom:30px;
    }
    .col2 > div:first-child {
        padding-right: 0;
    }
    .col2 > div:last-child {
        padding-left: 0;
        margin-bottom:0;
    }
    section.index_slogan {
        flex-direction: column;
    }
    #slide_inquiry02,
    .main_copy {
        width:100%;
    }
    .main_copy {
        font-size: 15px;
        line-height: 1.6em;
        letter-spacing: -0.02em;
    }
    #slide_inquiry02 {
        height: 110px
    }
    .slide_inquiry_wrap02 {
        font-size: 38px;
        line-height: 46px;
    }
    #slide_inquiry02 > div {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
    }
    .con_box .img {
        margin-bottom:16px;
    }
    .con_box .txt {
        margin-bottom: 12px;
    }
    .con_box .ti {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .index_col3.col3 {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 30px;
    }
    .index_col3 > div > ul {
        min-height: auto;
    }
    .index_col3 > div > ul li:last-child {
        padding-bottom: 50px;
    }
    .index_col3 > div > ul li.ti,
    .index_col3 > div > ul li.txt,
    .index_col3 > div > ul li.btn {
        padding-left: 25px;
        padding-right: 25px;
    }
    .contents.index_last {
        flex-direction: column;
    }
    .contents.index_last > div:first-child {
        width: 100%;
        padding-right: 0;
        border-right: 0;
        margin-bottom: 50px;
    }
    .contents.index_last > div:last-child {
        width: 100%;
        padding-left: 0px;
    }
    .foot_logo {
        position: absolute;
        top: 40px;
        left: auto;
        right: 8%;
    }
    footer .foot_slogan {
        font-size: 15px;
        line-height: 1.3em;
        letter-spacing: 0.06em;
        padding: 100px 8% 30px;
    }
    footer .foot {
        flex-direction: column;
        padding: 40px 8% 45px 8%;
        font-size: 15px;
        line-height: 1.6em;
    }
    footer .foot > div {
        width: 100%;
        margin-bottom: 20px;
    }
    footer .foot > div > ul {
        width: 90%;
    }    
    footer .foot > div:last-child {
        margin-bottom: 0;
    }
    footer .foot .ti {
        margin-bottom: 5px;
        font-size: 16px;
    }
    .foot_right {
        flex-direction: column;  
    }
    .foot_right > div {
        width: 100%;
        margin-bottom: 20px;
    }
    .foot_right > div ul li:last-child a {
        display: inline-block;
        margin-right: 10px;
    }
    .foot_right > div:first-child ul li:last-child a:nth-child(2) {
        display: none;
    }     
    .foot_right > div:first-child ul li:last-child a:last-child {
        margin-right: 0px;
    }    
    .foot_right > div:last-child {
        margin-bottom: 0;
    }
    select.foot_select {
        width:auto
    }
    #accordion_wrap > ul > li > a {
        font-size: 24px;
    }
    #accordion_wrap > ul > li > ul > li {
        font-size: 18px;
    }
    .subtop_center {
        position: absolute;
        left: 0;
        transform: translate(0, -50%);
        margin-top: 25px;
        padding: 0 8%;
        text-align:center;
        width:100%;
    }
    .subtop_center .cate_ti {
        font-size: 14px;
        padding: 9px 16px 6px 16px;
        border: 2px solid rgba(255,255,255,0.9);
        margin-bottom: 20px;
        line-height: 1.2em;
    }
    .subtop_center .subtop_slogan {
        font-size: 26px;
        line-height: 1.3em;
    }
    section.sub_top {
        height: 65vh;
    }
    .wrap {
        padding-top: 50px;
        padding-bottom: 50px;
        flex-direction: column;
    }
    .wrap_inner {
        flex-direction: column;
    }
    .wrap > div:first-child,
    .wrap > div:last-child,
    .wrap_inner > div:first-child,
    .wrap_inner > div:last-child {
        width: 100%;
    }
    .wrap > div:last-child,
    .wrap_inner > div:last-child {
        line-height: 1.7em;
    }
    .wrap > div:first-child,
    .wrap_inner > div:first-child {
        padding-right: 0;
        margin-bottom: 10px;
    }
    .wrap > div:first-child br,
    .wrap_inner > div:first-child br {
        display: none;
    }    
    .sti,
    .sti.biz {
        font-size: 17px;
        line-height: 1.55em;
    }
    .wrap > div:last-child p, .wrap_inner > div:last-child p {
        margin-bottom: 25px;
    }
    .left_en {
        font-size: 15px;
        line-height: 1.35em;
        font-weight:300;
    }
    select.foot_select {
        line-height: 32px;
        padding-left: 15px;
        background: url(../images/select_arrow.png) no-repeat 92% 50%;
        background-size: 10px;
        font-size: 14px;
        height: 32px;
        margin-left: -15px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .page_menu {
        padding: 0 3%;
        min-height: 40px;
        line-height: 40px;
        /* justify-content: flex-end; */
        justify-content: center;
    }
    .page_menu > div:first-child {
        display: none;
    }
    img.logo_cosmaxns {
        margin-bottom: 30px;
    }
    .wrap_inner.mb30 {
        margin-bottom: 40px !important;
    }
    .contents_wrap.contents_last {
        padding-bottom: 0;
    }
    .page_menu > div:nth-child(2) {
        padding: 9px 0 8px;
        line-height: 1.4em;
        text-align: center;
    }
    .menu_parti {
        margin: -2px 3px 0;
        height: 10px;
    }
    .page_menu > div:nth-child(2) .en05, section.page_menu a {
        font-size: 13px;
    }
    .menu_arrow {
        margin: 0 4px;
        margin-top: -3px;
    }
    .menu_arrow img {
        width: auto;
        height: 10px;
    }
    img.logo_cosmaxns {
        width: 50%;
        height: auto;
    }
    .tabs-nav li:first-child a,
    .tabs-nav li.tab-active a,
    .tabs-nav li a,
    .tabs-nav li:last-child a {
        font-size: 16px;
    }
    ul.tabs-nav {
        padding: 50px 0 60px;
    }
    .sti.table {
        font-size: 17px;
        margin-bottom: 6px;
    }
    .tabs-nav li {
        padding: 0 8px;
    }
    table th {
        padding: 10px 6px 7px;
        font-size: 15px;
        line-height: 1.4em;
    }
    table tr td {
        padding: 9px 8px 7px;
        font-size: 15px;
        line-height: 1.5em;
    }
    table.patent td {
        font-size: 16px;
        line-height: 1.4em;
    }
    .menu_arrow.floatright {
        margin-top: 6px;
    }
    body.result .modal_body {
        width: 80%;
    }
    #modalpop_in01, #modalpop_in02, #modalpop_in03 {
        width: 90%;
        height: 80%;
        max-height: 80%;
    }
    #modalpop_in01 #modalpop_wrap, #modalpop_in02 #modalpop_wrap, #modalpop_in03 #modalpop_wrap {
        height:100%;
    }
    .half.in_tech {
        display: block;
    }
    #modalpop_wrap section > div:first-child {
        height: 38vh !important;
        width: 100% !important;
    }
    .half.in_tech > div:last-child {
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 10px 10px 10px 10px;
    }
    table.in_tech td {
        font-size: 15px;
        padding: 7px 8px 4px;
    }
    .bti {
        font-size: 20px;
    }
    .col_press {
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
        row-gap: 40px;
    }
    .col_press.fomul {
        row-gap: 30px;
    }
    .col_press.fomul {
        row-gap: 30px;
    }
    .con_box.press .ti {
        font-size: 16px;
        line-height: 1.3em;
    }
    .con_box.press .copy {
        font-size: 15px;
        line-height: 1.5em;
    }
    img.epp {
        width: 24%;
        height: auto;
        margin-bottom: 20px;
    }
    img.micro {
        width: 49.5%;
        height: auto;
        margin-bottom: 20px;
    }    
    .en02.font30.f600.mb30.uppercase {
        font-size: 15px !important;
        line-height: 1.35em;
        font-weight: 300 !important;
        margin-bottom: 10px !important;
    }
    .epp_img {
        display: block;
    }
    .epp_img div:first-child {
        margin-bottom: 30px;
    }
    .wrap.manufacturing .mb80 {
        margin-bottom: 30px !important;
    }
    .wrap > div:last-child p.sti, .wrap_inner > div:last-child p.sti {
        margin-bottom: 10px;
    }
    .small {
        font-size: 13px !important;
        line-height: 1.5em;
    }
    .micro_tech {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 20px;
        row-gap: 30px;
    }
    .micro_img {
        width: 100%;
    }
    .micro_tech > div strong {
        font-size: 16px;
        margin-bottom: 0;
    }
    .contents_wrap.pb40 {
        padding-bottom: 20px !important;
    }
    .font30.f600.mb30 {
        font-size: 18px !important;
        line-height: 1.55em;
        margin-bottom: 15px !important;
    }
    img.ceo_sign {
        width: 80px;
    }
    .wrap.vision .left_en {
        font-size: 17px;
        line-height: 1.55em;
    }
    .wrap.vision.pb120 {
        padding-bottom: 60px !important;
    }
    .wrap_inner.history .year {
        width: 100%;
        padding-top: 16px;
        padding-bottom: 16px;
        font-size: 28px;
        font-weight: 600;
        border-top: 2px solid #000;
    }
    .wrap_inner.history {
        margin-bottom: 50px;
    }
    .wrap_inner.history > div:last-child p  {
        line-height: 1.6em;
    }
    #menunavi li {
        height: auto;
        line-height: 0;
        position: static;
    }
    .localNav {
        height: 40px;
        line-height: 40px;
        top: 40px;
        border-top:0
    }
    section.second_menu {
        width: 100%;
        height: 40px;
    }
    #menunavi {
        margin-left: 4px;
        position: static;
    }
    .first_menu {
        position: relative;
    }
    .first_menu .en05 {
        margin-right: 4px;
    }
    .first_menu .menu_arrow {
        margin-top: 0;
    }
    .contents_wrap.policy_business .wrap_inner {
        flex-direction: row;
    }
    .contents_wrap.policy_business .wrap_inner > div:first-child {
        width: 120px;
    }
    .contents_wrap.policy_business .wrap_inner > div:last-child {
        width: calc(100% - 120px);
    }
    .policy_img_wrap {
        width: 100px;
        height: 100px;        
        margin-left: 0;
        margin-right: 0;
    }
    .contents_wrap.policy_business .mt40 {
        margin-top: 10px !important;
    }
    .contents_wrap.policy_business .wrap_inner.mb10 {
        margin-bottom: 30px !important;
    }
    img.organization {
        width: 100%;
        margin: 0 auto;
    }
    .txt_wrap .sti {
        font-size: 20px;
    }
    .manage_chapter .sti.table {
        font-size: 17px;
        margin-bottom: 6px;
        line-height: 1.35em;
    }
    .manage_chapter {
        margin-bottom: 80px;
    }
    .manage_chapter > div {
        margin-bottom: 40px !important;
    }
    .manage_chapter > div.grid_col2 {
        display: block;
    }
    .manage_chapter > div.grid_col2 div:first-child {
        margin-bottom: 40px
    }
    .table_overflow table::before {
        content: '';
        width: 12px;
        height:10px;
        background: url('../images/btn_arrow_dark.svg') no-repeat 50% 50%;
        background-size: 100%;
        position: absolute;
        top:5px;
        right:0;
    }
    .col_press.happy {
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 30px;
    }
    .col_press.happy.fir {
        row-gap: 0;
    }
    .col_press.happy .con_box .ti {
        font-size: 17px;
        line-height: 1.35em;
    }
    .col_press.happy .con_box p {
        word-break: break-all;
    }
    .contents_sub {
        padding: 50px 8% 0;
    }
    .news_navigator a {
        font-size: 16px;
    }
    .font25.ethical_management {
        font-size: 21px !important;
    }
    .cd-faq-trigger {
        padding: 10px 0;
        font-size: 17px;
    }
    .cd-faq-trigger::after {
        width: 11px;
        height: 6px;
        right: 6px;
    }
    .cd-faq-content {
        display: none;
        padding: 0px 0 20px;
    }
    .contents_sub.list_style {
        padding-top: 50px;
    }
    strong.font22 {
        font-size: 18px !important;
        margin-bottom: 10px;
        display: inline-block;
    }
    .cd-faq-content.article {
        margin-top: 10px;
        font-size: 15px;
        line-height: 1.62em;
    }
    table.partners_table {
        margin-top: 10px;
    }
    .global_detail .sti.font25 {
        font-size: 20px !important;
        line-height: 1.45em;
    }    
    .global_detail .sti.font25 br {
        display: none;
    }
    .global_detail .sti.textright {
        padding-top: 0;
        font-size: 22px !important;
        line-height: 1.1em;
    }
    .global_wrap {
        padding: 45px 35px;
    }
    #modalpop_kr, #modalpop_usa, #modalpop_au, #modalpop_cn {
        width: 90%;
    }
    .modal_close {
        top: 12px;
        right: 12px;
        width: 16px;
        height: 16px;
        background-size: 16px;
    }
    .ssti {
        font-size: 16px;
        margin-bottom: 6px;
    }
    .con_box.press.detail .ti {
        font-size: 23px;
    }
    #cContents, #cContents div, #cContents p, #cContents span {
        font-size: 16px !important;
    }
    .con_box.press.detail .ti {
        font-size: 21px;
    }
    #cContents {
        margin-top: 50px;
    }
    .con_box.press .date {
        font-size: 14px;
    }
    .con_box.press.notice {
        padding-top: 20px;
        padding-bottom: 12px;
    }
    .news_navigator {
        margin-top: 40px;
    }
    .step_ti {
        font-size: 25px;
        margin-bottom: 30px;
    }
    input[type=checkbox]+label, input[type=radio]+label {
        font-size: 16px;
    }
    .forehead_txt {
        margin-bottom: 60px;
    }
    .btn_normal_white {
        font-size: 16px;
        padding: 11px 0 11px;
        min-width: 140px;
    }
    .biz_bottom_navi {
        margin-top: 60px;
    }
    #modalpop_email {
        width: 80%;
        height: auto;
    }
    .email_wrap {
        padding: 30px;
    }
    section#step2, section#step3, section#step4, section#step5, section#step6 {
        padding-top: 120px;
    }
    .side_lang {
        margin-top: 20px;
    }
    .side_lang > div {
        display: inline-block;
        padding-right: 10px;
        border-right: 1px solid #ccc;
        margin-right: 10px;
        line-height: 1em;
    }
    .side_lang > div a {
        font-size: 17px;
    }
    .side_lang > div:last-child {
        padding-right: 0;
        border-right: 0;
        margin-right: 0;
    }  
    
    /* ¿ø·áÀçÇü ¼öÁ¤ */
	/* content */
	.sub-sec {margin-bottom:50px;}

	.sub-tab ul li {padding:0 3px;}
	.sub-tab ul li a {height:40px; font-size:14px;}

	.doc-tit {font-size:19px;}

	.circle-tit {font-size:18px; margin-bottom:15px;}
	.circle-tit:before {width:17px; height:17px; margin-right:5px;}

	.doc-con dl dt {font-size:16px;}
	.doc-con dl dd {font-size:14px;}

	.txt-cnt h3 {font-size:17px; margin-bottom:15px;}
	.txt-cnt p {font-size:14px;}
	.txt-cnt p + p {margin-top:9px;}

	.table01 table {font-size:14px;}
	.table01 table th {padding:10px;}
	.table01 table td {padding:10px;}

	.outline .wrap {margin-bottom:50px;}
	.org {margin-top:20px;}
	.outline .wrap + .table01 {margin-bottom:50px;}

	.greeting .txt-cnt {padding:15px;}
	
	.vision .group + .group {margin-top:50px;}
	.vision .doc-con dl {margin-bottom:17px;}
	.vision .doc-tit {margin-bottom:20px;}

	.history .group {display:block;}
	.history .group .con {padding-left:0; width:100%;}
	.history .group h3 {padding-left:20px; width:100%; font-size:22px; margin-bottom:12px;}
	.history .group h3:before {right:auto; left:0; width:14px; height:14px; top:6px;}
	.history .group h3:after {display:none;}
	.history .group .con ul li {font-size:15px; margin-bottom:10px;}
	.history .group .con ul li strong {min-width:40px;}

	.table02 tr th {font-size:15px; padding:10px 8px;}
	.table02 tr td {font-size:14px; padding:10px 8px;}

	
	.pro-intro .top {margin-bottom:20px;}
	.pro-intro .list ul li {width:100%;}
	.pro-intro .list ul li .cnt {padding-top:15px;}
	.pro-intro .pro-box .cnt .txt {font-size:14px; margin: 7px 0 11px;}

	.pro-info .img {margin-bottom:15px;}
	.pro-info .con dl {font-size:14px; padding:6px;}

	.txt-list>ul>li {font-size:14px;}
	.pro-info .con dl dt {width:80px;}

	.pro-pic-list>ul {margin:-10px;}
	.pro-pic-list>ul>li {padding:10px;}
	.pro-pic-list>ul>li br {display:none;}
	.pro-pic-list>ul>li .img img {width:100px;}

	.pro-ico-cnt .cnt p {font-size:14px;}

	.pro-check .wrap {width:100%;}
	.check-list {padding:15px;}
	.check-list ul li {font-size:14px; padding-left:20px;}
	.check-list ul li:before {width:15px;}
	.check-list ul li + li {margin-top:7px;}

	.pro-test .imgs {margin-top:10px;}
	.pro-test .num-img img  {width:150px;}
	.pro-test .imgs ul li {width:100%;}

	.txt-list.type3>ul>li {font-size:14px;}
	.txt-list.square>ul>li:before {top:7px;}


	.pro-ico-cnt .cnt p.type2 {font-size:14px;}

	.txt-list.type4>ul>li {font-size:14px;}

	.pro-formula ul li {width:33.333%;}
	.pro-formula ul li p {font-size:14px;}

	 .root_daum_roughmap .wrap_map {height:250px !important;}
	.location-info {margin-top:20px;}
	.location-info .group {padding:15px;}
	.location-info .group .ico img {height:18px;}
	.location-info .group dl {margin-left:22px;}
	.location-info .group dl dt {font-size:15px;}
	.location-info .group dl dd {font-size:14px;}

	.pic-row .col .tit {font-size:15px; margin-bottom:6px;}
	.pic-row .col .tit .num {display:inline-block;}
	.pic-row.col-3 {margin:-5px;}
	.pic-row.col-3 .col {padding:5px;}

	.pic-row.col-5 .col {width:50%;}
	.pic-row.col-5 .col .arr{display:none;}

	.rnd .group + .group {margin-top:60px;}  
    /* 1. ¸ð´Þ Æ˾÷ ³»ºÎ ½ºÅ©·Ñ È°¼ºÈ­ ¹× ¿©¹é Á¶Á¤ */
    #modalpop_wrap {
      max-height: 85vh; /* È­¸é ³ôÀÌ¿¡ ¸ÂÃç Æ˾÷ ÃÖ´ë ³ôÀÌ Á¦ÇÑ */
      overflow-y: auto; /* ³»¿ëÀÌ ±æ¸é ¼¼·Î ½ºÅ©·Ñ »ý¼º */
      -webkit-overflow-scrolling: touch; /* ¸ð¹ÙÀÏ¿¡¼­ ºÎµå·¯¿î ½ºÅ©·Ñ */
      padding: 20px 15px; /* ¸ð¹ÙÀÏ È­¸é¿¡ ¸Â´Â ¾ÈÂÊ ¿©¹é */
    }
  
    /* 2. µ¥½ºÅ©Å¾ Àü¿ë ÁÙ¹Ù²Þ ÅÂ±× ¼û±è (ÀÚ¿¬½º·¯¿î ÅؽºÆ® È帧 À¯µµ) */
    .only-desktop {
      display: none !important;
    }
  
    /* 3. °øÅë ·¹À̾ƿô: °¡·Î ¹èÄ¡¸¦ ¼¼·Î(À§¾Æ·¡) ¹èÄ¡·Î Àüȯ */
    .pro-info,
    .pro-ico-cnt,
    .pro-check .wrap {
      display: flex;
      flex-direction: column; /* ¼¼·Î·Î ½×ÀÌ°Ô ¼³Á¤ */
      align-items: center;
      width: 100%;
      gap: 20px; /* À§¾Æ·¡ ¿ä¼Ò °£°Ý */
    }
  
    /* 4. °¢ ¼¼ºÎ ¿µ¿ª ³Êºñ 100% È®Àå */
    .pro-info .img, 
    .pro-info .con,
    .pro-check .img, 
    .pro-check .check-list {
      width: 100%;
    }
  
    /* 5. Ư¡ ¾ÆÀÌÄÜ ¸®½ºÆ® (4°³ Ç׸ñ) ¸ð¹ÙÀÏ ¼¼·Î Á¤·Ä */
    .pro-pic-list ul {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }
    .pro-pic-list ul li {
      width: 100%;
      display: flex;
      align-items: center; /* À̹ÌÁö¿Í ÅؽºÆ® °¡¿îµ¥ Á¤·Ä */
      gap: 10px;
    }
  
    /* 6. Á¦Çü(Formula) ¿µ¿ª: 2°³¾¿ ¶Ç´Â °¡·Î ½ºÅ©·Ñ/·¦ÇΠó¸® */
    .pro-formula ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 15px;
    }
    .pro-formula ul li {
      width: 45%; /* ¸ð¹ÙÀÏ¿¡¼­´Â 3°³°¡ ´Ù ¾È µé¾î°¡¹Ç·Î 2ÁÙ·Î ¹èÄ¡ */
      text-align: center;
    }
  
    /* 7. ¸ð¹ÙÀÏ °¡µ¶¼ºÀ» À§ÇÑ ÅؽºÆ® Á¶Á¤ */
    .pro-ico-cnt .cnt p,
    .check-list ul li,
    .pro-test .check-list ul li {
      font-size: 14px !important; /* ±Û¾¾ Å©±â ¸ð¹ÙÀÏ ÃÖÀûÈ­ */
      line-height: 1.6;
      word-break: keep-all; /* ´Ü¾î Áß°£¿¡¼­ ÁÙÀÌ ²÷¾îÁöÁö ¾Êµµ·Ï º¸È£ */
    }  
}
/* max767 */

@media screen and (max-width: 480px){
    .col_press.happy.fir {
        row-gap: 30px;
    }
    .col_press.happy {
        grid-template-columns: 1fr 1fr;
        row-gap: 30px;
        column-gap: 20px;
    }
    .df_con {
        display: block;
    }
    .df_con .pt30 {
        padding-top: 0 !important;
    }
    .wrap_inner > div:last-child div.df_con:last-child {
        margin-top: 30px;
    }
    .wrap_inner > div:last-child div.df_con div:first-child {
        margin-bottom: 25px;
    }
    .con_box .ti {
        margin-bottom: 8px;
    }
.modal-content-wrapper {
    flex-direction: column; /* À§¾Æ·¡·Î ½×ÀÌ°Ô º¯°æ */
  }

  /* 2. °¢ ¿µ¿ªÀÇ ³Êºñ¸¦ 100%·Î È®Àå */
  .modal-left, .modal-right {
    width: 100%;
  }

  /* 3. ¸ð¹ÙÀÏ È­¸é¿¡ ¸Â°Ô ¿©¹é Á¶Àý (¼±Åà »çÇ×) */
  .modal-right {
    padding-top: 0; /* À§ÂÊ ÄÜÅÙÃ÷(À̹ÌÁö)¿Í ³Ê¹« ¸Ö¾îÁöÁö ¾Ê°Ô °£°Ý Á¶Àý */
  }

  /* 4. ±ÛÀÚ Å©±â ¹Ì¼¼ Á¶Á¤ (ÇÊ¿ä ½Ã) */
  .modal-right table, 
  .modal-right p {
    font-size: 14px; /* ¸ð¹ÙÀÏ¿¡¼­ Àбâ ÆíÇÑ Å©±â·Î Á¶Á¤ */
  }
}    
}
/*max480*/

@media screen and (max-width: 400px){
    #slide_inquiry02 {
        height: 155px;
    }
    body.index_body section.index_slogan {
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 374px){
    body {
        font-size: 15px;
        line-height: 1.6em;
    }
    .wrap > div:last-child, .wrap_inner > div:last-child {
        line-height: 1.6em;
    }
    .sti.table {
        font-size: 17px;
        margin-bottom: 5px;
    }
    .page_menu .en05,
    .page_menu .menu_arrow {
        display:none;
    }
}