@charset "UTF-8";
/*-------------------------------------------------
title       : 콘텐츠
Author      : MONI
Create date : 2020-11-09
-------------------------------------------------*/
/*-------------------------------------------------
title       : 콘텐츠 반응형
Author      : MONI
Create date : 2022-04-20
Last modification : 2022-05-24
-------------------------------------------------*/
@media (max-width: 1500px) { h3.title2 { font-size: 3.5rem; line-height: 1.5; }
  .t1 { font-size: 2rem; line-height: 1.5; }
  .agency .list .text_box { padding-left: 1rem; }
  .agency .list .text_box .ti { margin-left: -1rem; }
  .agency .list .item1 { padding-right: 25rem; }
  .agency .list .item2 { padding-left: 25rem; }
  .agency .list .item3 { padding-right: 25rem; }
  .agency .list .item4 { padding-left: 25rem; }
  .reflection .btn_box { top: -19rem; } }

@media (max-width: 1280px) { .table_wrap table thead tr th { padding: 2rem; }
  .table_wrap table tbody tr th, .table_wrap table tbody tr td { padding: 1.8rem 2rem; }
  .list_num.box_type { padding: 1.2rem 4rem; }
  .represent_img { margin-bottom: 6rem; height: 28rem; overflow: hidden; }
  .represent_img img { max-width: 1399px; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 100%; }
  .represent_p { margin-bottom: 8rem; }
  .cont_style1 .group_ti { -webkit-box-flex: 1; -ms-flex: 1 1 29rem; flex: 1 1 29rem; max-width: 29rem; }
  .cont_style1 .group_cont { -webkit-box-flex: 1; -ms-flex: 1 1 calc(100% - 29rem); flex: 1 1 calc(100% - 29rem); max-width: calc(100% - 29rem); }
  .agency .core_wrap { top: 26rem; }
  .agency .core { width: 20rem; height: 20rem; font-size: 2.8rem; line-height: 3.6rem; }
  .agency .core::before { width: 34.8rem; height: 34.8rem; top: -7.4rem; }
  .agency .core::after { width: 32rem; height: 32rem; top: -6rem; }
  .agency .list .item1 { padding-top: 0; padding-left: 0rem; padding-right: 18rem; }
  .agency .list .item1 .img_box { right: 8rem; bottom: 9rem; }
  .agency .list .item2 { padding-top: 0; padding-left: 20rem; padding-right: 0rem; }
  .agency .list .item2 .img_box { left: 8rem; bottom: 9rem; }
  .agency .list .item3 { padding-left: 0rem; padding-right: 18rem; }
  .agency .list .item3 .img_box { right: 8rem; top: 7rem; }
  .agency .list .item4 { padding-left: 20rem; padding-right: 0rem; }
  .agency .list .item4 .img_box { left: 8rem; top: 7rem; }
  .agency .list .text_box { padding-left: 0; }
  .agency .list .text_box .ti { width: 26rem; display: inline-block; margin-left: 0; font-size: 2.2rem; margin-bottom: 1.5rem; }
  .reflection .bul1 { padding: 3rem 4rem; }
  .patent_wrap .group1 .item { padding: 4.4rem 4rem 6rem; }
  .assembly_wrap .bul3::before { left: 62rem; } }

@media (max-width: 1024px) { .cont_style1 .group_ti { -webkit-box-flex: 1; -ms-flex: 1 1 20rem; flex: 1 1 20rem; max-width: 20rem; }
  .cont_style1 .group_cont { -webkit-box-flex: 1; -ms-flex: 1 1 calc(100% - 20rem); flex: 1 1 calc(100% - 20rem); max-width: calc(100% - 20rem); }
  .greeting { display: block; }
  .greeting .group1 { margin: 0 auto 4rem; }
  .greeting .group2 { padding-left: 0; }
  .vision_wrap .group2 .core_wrap { padding: 13rem 0rem; }
  .vision_wrap .group2 .core { width: 27rem; height: 27rem; padding-top: 7rem; font-size: 4rem; line-height: 4rem; }
  .vision_wrap .group2 .core::before { width: 52rem; height: 52rem; top: -13rem; }
  .vision_wrap .group2 .core::after { width: 37rem; height: 37rem; top: -5rem; }
  .vision_wrap .group2 .list li { width: 20rem; height: 20rem; padding: 2rem; }
  .vision_wrap .group2 .list li img { width: 5rem; }
  .vision_wrap .group2 .list .item1 { left: calc(50% - 31rem); }
  .vision_wrap .group2 .list .item2 { left: calc(50% - 17rem); bottom: -10rem; }
  .vision_wrap .group2 .list .item3 { left: calc(50% + 17rem); bottom: -10rem; }
  .vision_wrap .group2 .list .item4 { left: calc(50% + 31rem); }
  .prize::before { left: 1rem; }
  .prize::after { left: 1rem; }
  .prize .item { padding: 0 0 0 6rem !important; text-align: left !important; }
  .prize .item .year::before { width: 3rem; left: -5rem !important; }
  .prize .item .year::after { left: -6rem !important; }
  .prize .item + .item { margin-top: 4rem; }
  .prize .bul2 > li { text-align: left !important; padding: .2rem 0 .2rem 1.4rem !important; }
  .prize .bul2 > li::before { left: 0 !important; }
  .prize .img_box li { margin-right: 3rem !important; margin-left: 0 !important; }
  .patent_wrap .group1 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .patent_wrap .group1 .item { max-width: calc(50% - 2.6rem); margin-bottom: 2.6rem; }
  .patent_wrap .group1 .item img { margin-bottom: 2rem; }
  .ip_wrap .process1 { width: calc(100% + 5rem); }
  .ip_wrap .process1 .item { width: calc(50% - 5rem); margin-right: 5rem; float: left !important; }
  .ip_wrap .process1 .item::before { display: none; }
  .ip_wrap .process1 .item:nth-child(n+3) { margin-top: 5rem !important; }
  .ip_wrap .process2 { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .ip_wrap .process2 .item { -webkit-box-flex: 1; -ms-flex: 1 1 calc(50% - 5rem); flex: 1 1 calc(50% - 5rem); max-width: calc(50% - 5rem); }
  .ip_wrap .process2 .item:nth-child(n+3) { margin-top: 6rem; }
  .ip_wrap .process3 .part1 .item { padding: 2.5rem 2rem 3rem 9rem; }
  .ip_wrap .process3 .part1 .item::before { left: 2.5rem; }
  .assembly_wrap .bul3 { padding-right: calc(100% - 52rem); }
  .assembly_wrap .bul3::before { left: 40rem; }
  .assembly_wrap .result { width: calc(100% + 6rem); }
  .assembly_wrap .result .group { -webkit-box-flex: 1; -ms-flex: 1 1 calc(50% - 6rem); flex: 1 1 calc(50% - 6rem); margin-right: 6rem; } }

@media (max-width: 900px) { .contents_info { padding: 1.7rem 2.5rem; }
  .contents_info .title { width: 100%; margin-bottom: .5rem; }
  .agency { padding-top: 8rem; }
  .agency .core_wrap { position: relative; top: 0 !important; }
  .agency .list { display: block; padding-top: 10rem; }
  .agency .list li { padding: 3rem 0 0rem 9rem !important; width: 100%; max-width: 100%; height: auto !important; border: none !important; background: #fff !important; }
  .agency .list li + li { margin-top: 3rem; border-top: 1px solid #ddd !important; }
  .agency .list li .img_box { left: 0 !important; top: 2rem !important; right: inherit; width: 8rem; height: 8rem; padding: 1.5rem; border: none; }
  .patent_value_wrap .img_box img { max-width: 100rem; width: 100rem; padding-right: 4rem; }
  .patent_busi_wrap .img_box img { max-width: 100rem; width: 100rem; } }

@media (max-width: 768px) { .represent_p { margin-bottom: 5rem; }
  .represent_p br { display: none; }
  h3.title1 { font-size: 2.8rem; line-height: 1.5; margin-bottom: 1.5rem; }
  h3.title1 br { display: none; }
  h3.title2 { font-size: 3rem; margin-bottom: 1rem; }
  .list_num > li { padding: 1.5rem 0 1.5rem 4.4rem; }
  .list_num > li .num { top: 1.4rem; }
  .list_num.box_type { padding: 1.2rem 2rem; }
  .horizontal_scroll.mobile { display: block; text-align: center; color: #777; font-size: 2rem; }
  .table_wrap.responsive { overflow: hidden; overflow-x: auto; }
  .table_wrap.responsive table { min-width: 700px; }
  @-webkit-keyframes leftright { 0% { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
    100% { -webkit-transform: translateX(3px); transform: translateX(3px); } }
  @keyframes leftright { 0% { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
    100% { -webkit-transform: translateX(3px); transform: translateX(3px); } }
  #tab_wrap .tab { margin-bottom: 3rem; }
  #tab_wrap .tab li a { font-size: 2rem; }
  .represent_img { height: 20rem; }
  .cont_style1 { display: block; }
  .cont_style1 .group_ti { max-width: 100%; padding-right: 0; }
  .cont_style1 .group_cont { max-width: 100%; }
  .cont_style1 + .cont_style1 { margin-top: 5rem; }
  .vision_wrap .group1 { max-width: 100%; padding: 2.5rem 3.6rem; margin: 0 auto 5rem; }
  .vision_wrap .group1 .txt1 { font-size: 2.2rem; }
  .vision_wrap .group1 .txt2 { font-size: 3rem; line-height: 4rem; }
  .vision_wrap .group2 { margin-bottom: 25rem; }
  .vision_wrap .group2 .core_wrap { padding: 9rem 0; }
  .vision_wrap .group2 .core_wrap::before { width: 25rem; }
  .vision_wrap .group2 .core { width: 20rem; height: 20rem; padding-top: 5rem; font-size: 3rem; line-height: 3rem; }
  .vision_wrap .group2 .core::before { width: 38rem; height: 38rem; top: -9rem; }
  .vision_wrap .group2 .core::after { width: 28rem; height: 28rem; top: -4rem; }
  .vision_wrap .group2 .core img { width: 5.5rem; }
  .vision_wrap .group2 .list li { width: 13rem; height: 13rem; padding: 2rem; }
  .vision_wrap .group2 .list .ti { font-size: 2rem; }
  .vision_wrap .group2 .list .desc { display: none; }
  .vision_wrap .group2 .list .item1 { left: calc(50% - 22rem); }
  .vision_wrap .group2 .list .item2 { left: calc(50% - 12rem); bottom: -6rem; }
  .vision_wrap .group2 .list .item3 { left: calc(50% + 12rem); bottom: -6rem; }
  .vision_wrap .group2 .list .item4 { left: calc(50% + 22rem); }
  .vision_wrap .talent { display: block; width: 100%; }
  .vision_wrap .talent .item { margin-right: 0; margin-bottom: 4rem; }
  .vision_wrap .talent img { margin-bottom: 2rem; }
  .map_wrap { margin-bottom: 5rem; }
  .map_wrap .inner { text-align: right; display: block; padding: 2.5rem 3rem; }
  .map_wrap .inner .txt { text-align: left; margin-top: 0; margin-bottom: 1rem; }
  .map_wrap .inner .link { text-align: left; }
  .traffic { width: calc(100% + 2rem); }
  .traffic .item { -webkit-box-flex: 1; -ms-flex: 1 1 calc(33.33% - 2rem); flex: 1 1 calc(33.33% - 2rem); margin-right: 2rem; }
  .reflection .btn_box { top: 0rem; position: relative; text-align: right; left: 0; }
  .reflection .btn_box a { margin-right: 0; margin-left: 1rem; font-size: 1.6rem; padding: 0 2rem; }
  .reflection .bul1 { padding: 2rem 3rem; }
  .patent_wrap .group1 { display: block; width: 100%; }
  .patent_wrap .group1 .item { max-width: 100%; margin-bottom: 1rem; margin-right: 0; padding: 3.4rem 3rem 4rem; }
  .value .ipes { margin: 5rem 0 8rem; }
  .value .purpose_wrap { padding-bottom: 4rem; margin-bottom: 6rem; }
  .value .purpose_wrap::before { height: calc(100% + 25rem); top: -25rem; }
  .value .purpose { width: calc(100% + 4rem); }
  .value .purpose li { -webkit-box-flex: 1; -ms-flex: 1 1 calc(50% - 4rem); flex: 1 1 calc(50% - 4rem); max-width: calc(50% - 4rem); margin-right: 4rem; margin-bottom: 4rem; }
  .value .part1 .inner { padding: 3.4rem 2rem; }
  .value .part2 .inner { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .value .part2 .inner .item { -webkit-box-flex: 1; -ms-flex: 1 0 calc(50% - 1.4rem); flex: 1 0 calc(50% - 1.4rem); max-width: calc(50% - 1.4rem); padding: 3rem 1rem; }
  .value .part2 .inner .item:nth-child(n+3) { margin-top: 1.4rem; }
  .ip_wrap .process1 { width: calc(100% + 2rem); }
  .ip_wrap .process1 .item { width: calc(50% - 2rem); margin-right: 2rem; }
  .ip_wrap .process1 .item:nth-child(n+3) { margin-top: 2rem !important; }
  .ip_wrap .process1 .item .txt_box { padding: 2.5rem; }
  .ip_wrap .process2 { width: calc(100% + 2rem); }
  .ip_wrap .process2 .item { -webkit-box-flex: 1; -ms-flex: 1 1 calc(50% - 2rem); flex: 1 1 calc(50% - 2rem); max-width: calc(50% - 2rem); margin-right: 2rem; }
  .ip_wrap .process2 .icon { width: 7rem; margin: 0 auto 1rem; }
  .ip_wrap .process3 .part1 .inner { padding: 2.5rem 2rem; }
  .ip_wrap .process3 .part1 .inner .item { width: 100%; }
  .ip_wrap .process3 .part2 .inner { padding: 2.5rem 2rem; }
  .ip_wrap .process3 .part3 .item { padding: 1.7rem 2rem; }
  .assembly_wrap .bul3 { padding-right: 0; padding-top: 43rem; }
  .assembly_wrap .bul3::before { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; width: 40rem; height: 40rem; background-image: url(../img/contents/click_1.png); }
  .assembly_wrap .result { width: 100%; display: block; }
  .assembly_wrap .result .group { margin-right: 0rem; }
  .assembly_wrap .result .item { margin-bottom: 4rem; }
  .application_wrap .form_box { padding: 3.5rem 2.5rem 0; }
  .application_wrap .table_wrap.responsive { margin-bottom: 0; padding-bottom: 3rem; }
  .privacy_box .inner { padding: 4rem 0 4rem 3rem; }
  .privacy_box.type2 .inner { padding: 4rem 3rem; }
  .privacy_down_box { display: block; padding: 2.5rem 3rem; }
  .privacy_down_box::after { content: ''; display: block; clear: both; }
  .privacy_down_box a { float: right; margin-top: .5rem; } }

@media (max-width: 500px) { .vision_wrap .group2 { margin-bottom: 16rem; }
  .vision_wrap .group2::before { width: 100%; bottom: -35rem; }
  .vision_wrap .group2 .core_wrap { padding: 4rem 0; }
  .vision_wrap .group2 .core { width: 18rem; height: 18rem; padding-top: 4rem; }
  .vision_wrap .group2 .core::before { width: 26rem; height: 26rem; top: -4rem; }
  .vision_wrap .group2 .core::after { display: none; }
  .vision_wrap .group2 .list { font-size: 0; padding-top: 2rem; }
  .vision_wrap .group2 .list li { width: calc(50% - 1rem); height: 11rem; padding: 1.7rem; margin: .5rem; border-radius: 1rem; position: relative; display: inline-block; left: 0 !important; top: 0 !important; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; }
  .vision_wrap .group2 .list li img { width: 4rem; }
  .value .ipes .txt2 { font-size: 3.2rem; }
  .value .ipes .txt3 { font-size: 1.8rem; }
  .value .ipes .txt3 br { display: none; }
  .patent_value_wrap .img_box img { width: 80rem; }
  .patent_busi_wrap .img_box img { width: 80rem; }
  .application_wrap .info_box { padding: 2.5rem 2rem 2.5rem 5rem; }
  .application_wrap .info_box i { left: 2rem; top: 2.7rem; }
  .application_wrap .agree_box .inner { padding: 3rem; } }

@media (max-width: 400px) { #tab_wrap .tab li a { font-size: 1.8rem; }
  .value .ipes { padding: 7rem 2rem 4rem; } }

@media (max-width: 350px) { .vision_wrap .group2 .list .item1 { left: calc(50% - 12rem); }
  .vision_wrap .group2 .list .item4 { left: calc(50% + 12rem); }
  .agency .list li { padding: 3rem 0 0rem 0rem !important; }
  .agency .list li .img_box { display: none; }
  .prize .img_box li { max-width: calc(50% - 4rem); }
  .value .part1 .inner { font-size: 1.6rem; }
  .ip_wrap .process1 { width: calc(100% + 0rem); }
  .ip_wrap .process1 .item { width: 100%; margin-right: 02rem; }
  .ip_wrap .process1 .item:nth-child(n+2) { margin-top: 2rem !important; }
  .ip_wrap .process1 .item .txt_box { height: auto; } }