#sub01 .sub_title .rt .title_bg {background: url(/img/title_bg_sub01.jpg) no-repeat center 60%; background-size: cover;}

#sub01.page_ceo .ceo_wrap {color: #05081a;}
#sub01.page_ceo .ceo_wrap > div {font-size: 1.25em; line-height: 180%;}
#sub01.page_ceo .ceo_wrap > div:not(:last-child) {margin-bottom: 45px;}
#sub01.page_ceo .ceo_wrap > div.ceo_name {font-size: 1.375em; width: 100%; text-align: right; margin-top: 70px;}

#sub01.page_ideo .ideo_wrap {display: flex; align-items: stretch;}
#sub01.page_ideo .ideo_wrap .lt {width: 60%; padding-right: 5%;}
#sub01.page_ideo .ideo_wrap .rt {width: 40%;}
#sub01.page_ideo .ideo_wrap .rt ul {border: 10px solid #f6f6f6; border-radius: 50px; padding: 0 30px 0 50px; display: flex; flex-direction: column; justify-content: center; height: 100%;}
#sub01.page_ideo .ideo_wrap .rt li:not(:last-child) {margin-bottom: 7%;}
#sub01.page_ideo .ideo_wrap .rt li .t_bold {font-size: 1.875em; margin-bottom: 7px; position: relative;}
#sub01.page_ideo .ideo_wrap .rt li .t_bold::before {content: ""; display: block; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%;}
#sub01.page_ideo .ideo_wrap .rt li .navy {font-size: 1.25em;}

#sub01.page_ideo .ideo_wrap .rt li.ideo1 .t_bold span.color {color: #2fb828;}
#sub01.page_ideo .ideo_wrap .rt li.ideo1 .t_bold::before {background: #2fb828;}
#sub01.page_ideo .ideo_wrap .rt li.ideo2 .t_bold span.color {color: #21811c;}
#sub01.page_ideo .ideo_wrap .rt li.ideo2 .t_bold::before {background: #21811c;}
#sub01.page_ideo .ideo_wrap .rt li.ideo3 .t_bold span.color {color: #b86d28;}
#sub01.page_ideo .ideo_wrap .rt li.ideo3 .t_bold::before {background: #b86d28;}
#sub01.page_ideo .ideo_wrap .rt li.ideo4 .t_bold span.color {color: #814d1c;}
#sub01.page_ideo .ideo_wrap .rt li.ideo4 .t_bold::before {background: #814d1c;}

#sub01.page_history .history_wrap {display: flex;}
#sub01.page_history .history_wrap .lt {width: 50%; padding-right: 50px; width: 50%; padding-right: 50px; display: flex; flex-direction: column; align-self: stretch; justify-content: space-between; align-items: baseline;}
#sub01.page_history .history_wrap .history_img {width: 80%;}
#sub01.page_history .history_wrap .history_img img.radius_img {border-radius: 50px;}
#sub01.page_history .history_wrap .history_img1 {position: relative; padding-top: 95px; display: inline-block;}
#sub01.page_history .history_wrap .history_img1.mo {display: none;}
#sub01.page_history .history_wrap .history_img1 .deco1 {position: absolute; top: 5%; right: 0; 
  -webkit-animation-name: keyBounce; 
	animation-name: keyBounce; 
	animation-duration: 2.5s; 
	animation-iteration-count: infinite; 
	animation-fill-mode: forwards;
}
#sub01.page_history .history_wrap .history_img1 .deco2 {position: absolute; top: 0; right: -18%; width: 55%; z-index: -1;}
#sub01.page_history .history_wrap .history_img2 {align-self: end; margin-top: 10%;}

#sub01.page_history .history_wrap .rt {width: 50%;}
#sub01.page_history .history_wrap .rt section.year_section {padding: 15px 0; /* border-bottom: 2px dotted #e6e6e6; */}
#sub01.page_history .history_wrap .rt section.year_section:last-child {border-bottom: 0;}
#sub01.page_history .history_wrap .rt ul li {padding: 15px 0; display: flex; align-items: baseline;}
#sub01.page_history .history_wrap .rt ul li .year {font-size: 1.375em; text-align: center; width: 15%;}
#sub01.page_history .history_wrap .rt ul li .txt {font-size: 1.25em; padding-left: 15px; line-height: 170%; width: 85%;}
#sub01.page_history .history_wrap .rt section.year_section.now .year {font-size: 2.25em; color: #b8282e;}
#sub01.page_history .history_wrap .rt section.year_section.now {padding-top: 0; border-bottom: 2px dotted #e6e6e6;}
#sub01.page_history .history_wrap .rt section.year_section.now ul li {padding: 0; align-items: center;}

#sub01.page_ci .brand_wrap {display: flex; align-items: flex-start}
#sub01.page_ci .brand_wrap .lt {width: 45%; margin-right: 5%; background: url(/img/ci1.png) no-repeat center center; background-size: contain; padding: 125px 0; position: relative; display: flex; align-items: center; justify-content: center;}
#sub01.page_ci .brand_wrap .lt img {max-width: 80%;}
#sub01.page_ci .brand_wrap .rt {width: 50%}
#sub01.page_ci .brand_wrap .rt .ci_box .title {font-size: 2.5em; margin-bottom: 35px;}
#sub01.page_ci .brand_wrap .rt .ci_box .desc {font-size: 1.25em; line-height: 160%;}
#sub01.page_ci .brand_wrap .rt .ci_box .cmyk_wrap {margin: 50px 0 80px 0; padding: 35px 40px; background: #f8f8f8;}
#sub01.page_ci .brand_wrap .rt .ci_box .cmyk.m10 {margin-bottom: 10px;}
#sub01.page_ci .brand_wrap .rt .ci_box .cmyk {display: flex; align-items: center;}
#sub01.page_ci .brand_wrap .rt .ci_box .cmyk .color_chip {display: flex; align-items: center;}
#sub01.page_ci .brand_wrap .rt .ci_box .cmyk .color_chip .color {width: 40px; height: 40px; border-radius: 50%;}
#sub01.page_ci .brand_wrap .rt .ci_box .cmyk .color_chip .name {font-size: 1.25em; margin: 0 25px 0 15px;}
#sub01.page_ci .brand_wrap .rt .ci_box .cmyk .percent {font-size: 1.125em;}
#sub01.page_ci .brand_wrap .rt .ci_box .total {color: #aaa; font-size: 1.125em; margin-top: 35px; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 10px; transform: rotate(-0.03deg);}
#sub01.page_ci .brand_wrap .rt .lt {display: none;}

#sub01.page_contri .top_txt {font-size: 1.25em; margin-bottom: 100px;}
#sub01.page_contri .board_wrap .pager {margin-top: 50px;}
#sub01.page_contri .board {margin-bottom: 30px;}
#sub01.page_contri .board:hover .lt img {transform: translate(-50%, -50%) scale(1.05);}
#sub01.page_contri .board:hover .rt .title {text-decoration: underline;}
#sub01.page_contri .board a {display: flex;}
#sub01.page_contri .board .lt {width: 30%; margin-right: 5%; border-radius: 15px; position: relative; height: 0; padding-bottom: 21%; overflow: hidden;}
#sub01.page_contri .board .lt img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; transition: all 0.7s;}
#sub01.page_contri .board .rt {width: 60%; padding-top: 20px;}
#sub01.page_contri .board .rt .title {font-size: 1.625em; transition: all 0.3s;}
#sub01.page_contri .board .rt .cont {
  font-size: 1.125em; margin: 20px 0 25px 0; white-space: normal;
  transform: rotate(-0.03deg);
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#sub01.page_contri .board .rt .date {font-size: 1.125em; color: #aaa;
transform: rotate(-0.03deg);}

#sub01.page_contact .contact_wrap #map {margin-bottom: 50px; height: 500px; background: #aaa;}
#sub01.page_contact .contact_wrap .map_info {display: flex;}
#sub01.page_contact .contact_wrap .map_info .lt {width: 37%; margin-right: 3%; padding-top: 45px; border-top: 3px solid #111;}
#sub01.page_contact .contact_wrap .map_info .rt {width: 60%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#sub01.page_contact .contact_wrap .map_info .rt .box {width: 49.5%; margin-bottom: 1%; background: #f6f6f6; padding: 50px;}
#sub01.page_contact .contact_wrap .map_info .rt .box.no_tel .tel,
#sub01.page_contact .contact_wrap .map_info .rt .box.no_tel .fax {/* opacity: 0; */ display: none;}
#sub01.page_contact .contact_wrap .location_name.sm {font-size: 1.375em; margin-bottom: 15px;}
#sub01.page_contact .contact_wrap .red {font-size: 1.125em; margin-top: 50px;}
#sub01.page_contact .contact_wrap .location_name.flex {margin-bottom: 25px; align-items: center;}
#sub01.page_contact .contact_wrap .location_name.flex .t_bold {font-size: 1.625em; margin-right: 20px;}
#sub01.page_contact .contact_wrap .location_name.flex .map_btn {background: #aaa; color: #fff; padding: 0 0 0 8px; font-size: 0.875em; border-radius: 5px; cursor: pointer; display: flex; align-items: center; transition: all 0.3s; border: 1px solid #aaa;}
#sub01.page_contact .contact_wrap .location_name.flex .map_btn i {font-size: 26px;}
#sub01.page_contact .contact_wrap .location_name.flex .map_btn:hover {border: 1px solid #b8282e; color: #fff; background: #b8282e; font-family: 'SpoqaHanSansNeo-Medium';}
#sub01.page_contact .contact_wrap .location_txt {font-size: 1.25em; line-height: 160%;}
#sub01.page_contact .contact_wrap .location_txt .tel {margin-top: 25px;}


@media screen and (max-width: 1400px) {
  #sub01.page_history .history_wrap .rt ul li {padding: 12px 0;}
  #sub01.page_history .history_wrap .rt ul li .txt {font-size: 1.111em; transform: rotate(-0.03deg); line-height: 160%;}
  #sub01.page_history .history_wrap .rt section.year_section {border-bottom: 0;}
  #sub01.page_history .history_wrap .rt section.year_section.now {border-bottom: 2px dotted #e6e6e6;}
  #sub01.page_history .history_wrap .rt section.year_section.now .year {font-size: 2em;}
  #sub01.page_history .history_wrap .rt ul li .year {font-size: 1.25em;}

  #sub01.page_contact .contact_wrap .map_info .rt .box {padding: 5%;}
  #sub01.page_contact .contact_wrap .location_txt {font-size: 1.111em; transform: rotate(-0.03deg);}
}

@media screen and (max-width: 1240px) {
  #sub01.page_ideo .ideo_wrap .lt {padding: 7% 5% 7% 0;}
  #sub01.page_ideo .ideo_wrap .rt li .t_bold {font-size: 1.625em;}
  #sub01.page_ideo .ideo_wrap .rt li .navy {font-size: 1em;}
  #sub01.page_ideo .ideo_wrap .rt ul {padding: 0 5% 0 10%;}

  #sub01.page_contact .contact_wrap #map {margin-bottom: 5%;}
  #sub01.page_contact .contact_wrap .location_txt {font-size: 1em;}
  #sub01.page_contact .contact_wrap .location_txt .tel {margin-top: 5%;}
  #sub01.page_contact .contact_wrap .map_info .lt {padding-top: 4.5%;}
  #sub01.page_contact .contact_wrap .location_name.sm {margin-bottom: 3.5%;}
  #sub01.page_contact .contact_wrap .location_name.flex {margin-bottom: 5%;}
  #sub01.page_contact .contact_wrap .location_name.flex .t_bold {font-size: 1.5em; margin-right: 6%;}
  #sub01.page_contact .contact_wrap .location_name.flex .map_btn {font-size: 0.75em; padding: 2px 0 3px 6px;}
  #sub01.page_contact .contact_wrap .location_name.flex .map_btn i {font-size: 24px; line-height: 21px; height: 17px;}
  #sub01.page_contact .contact_wrap .red {font-size: 1em; margin-top: 10%; transform: rotate(-0.03deg);}
  #sub01.page_contact .contact_wrap .location_txt br.br_pc {display: none;}
}

@media screen and (max-width: 1024px) {
  #sub01.page_ceo .ceo_wrap > div {font-size: 1.125em; line-height: 170%;}
  #sub01.page_ceo .ceo_wrap > div.ceo_name {font-size: 1.25em;}

  #sub01.page_history .history_wrap .lt {display: none;}
  #sub01.page_history .history_wrap .rt {width: 100%;}
  #sub01.page_history .history_wrap .history_img1.mo {display: block; width: 100%; margin: 0 0 5% 0; padding-top: 15%;}
  #sub01.page_history .history_wrap .history_img1.mo img:nth-child(1) {width: 87%;}
  #sub01.page_history .history_wrap .history_img1.mo .deco1 {width: 25%; top: 6%; right: 8%;}
  #sub01.page_history .history_wrap .history_img1.mo .deco2 {right: 0; width: 40%; max-width: 300px;}

  #sub01.page_ci .brand_wrap {display: block;}
  #sub01.page_ci .brand_wrap .lt {width: 100%; background-size: cover; margin-bottom: 7%; padding: 15% 0;}
  #sub01.page_ci .brand_wrap .lt img {max-width: 50%;}
  #sub01.page_ci .brand_wrap .rt {width: 100%;}
  #sub01.page_ci .brand_wrap .lt {display: none;}
  #sub01.page_ci .brand_wrap .rt .lt {display: flex;}

  #sub01.page_contri .top_txt {font-size: 1.111em; line-height: 160%;}
  #sub01.page_contri .board .lt {width: 32%; margin-right: 3%;}
  #sub01.page_contri .board .rt {padding-top: 2%;}
  #sub01.page_contri .board .rt .title {font-size: 1.35em; transform: rotate(-0.03deg);}
  #sub01.page_contri .board .rt .cont {font-size: 1em; margin: 3% 0 4% 0;}
  #sub01.page_contri .board .rt .date {font-size: 1em;}

  #sub01.page_contact .contact_wrap .map_info {display: block;}
  #sub01.page_contact .contact_wrap .map_info .lt {width: 100%; display: flex; margin-bottom: 4.5%;}
  #sub01.page_contact .contact_wrap .map_info .lt > div {width: 50%; padding: 0 5%;}
  #sub01.page_contact .contact_wrap .red {margin-top: 0;}
  #sub01.page_contact .contact_wrap .map_info .rt {width: 100%;}
  #sub01.page_contact .contact_wrap .map_info .rt .box {padding: 4% 5%;}
  #sub01.page_contact .contact_wrap .location_txt .tel {margin-top: 3%;}
  #sub01.page_contact .contact_wrap .location_name.flex .map_btn i {font-size: 21px; line-height: 17px; height: 15px;}
}


@media screen and (max-width: 768px) {
  #sub01.page_ceo .ceo_wrap > div:not(:last-child) {margin-bottom: 5%;}
  #sub01.page_ceo .ceo_wrap > div.ceo_name {margin-top: 8%;}
  #sub01.page_ceo .ceo_wrap > div .br_pc {display: none;}

  #sub01.page_ideo .ideo_wrap {display: block;}
  #sub01.page_ideo .ideo_wrap .lt {width: 100%; padding: 0; margin-bottom: 8%;}
  #sub01.page_ideo .ideo_wrap .rt {width: 100%;}
  #sub01.page_ideo .ideo_wrap .rt ul {padding: 7% 5% 7% 10%;}

  #sub01.page_history .history_wrap .rt section.year_section {padding: 3% 0;}
  #sub01.page_history .history_wrap .rt ul li {padding: 2.5% 0;}

  #sub01.page_ci .brand_wrap .rt .ci_box .title {font-size: 2.25em; margin-bottom: 3%;}
  #sub01.page_ci .brand_wrap .rt .ci_box .desc {font-size: 1.125em; transform: rotate(-0.03deg);}
  #sub01.page_ci .brand_wrap .rt .ci_box .desc p {margin-bottom: 2.5%;}
  #sub01.page_ci .brand_wrap .rt .ci_box .desc br.br_pc {display: none;}
  #sub01.page_ci .brand_wrap .rt .ci_box .cmyk_wrap {margin: 6% 0 8% 0; padding: 5% 6%;}
  #sub01.page_ci .brand_wrap .rt .lt {margin: 6% 0;}
  #sub01.page_ci .brand_wrap .rt .ci_box .total {margin-top: 5%;}
  #sub01.page_ci .brand_wrap .rt .ci_box .cmyk .color_chip .color {width: 35px; height: 35px;}

  #sub01.page_contri .top_txt {font-size: 1.05em; margin-bottom: 10%;}
  #sub01.page_contri .top_txt br.br_mo {display: block;}

  #sub01.page_contact .contact_wrap #map {height: 350px;}
  #sub01.page_contact .contact_wrap .location_txt {font-size: 0.9em;}
  #sub01.page_contact .contact_wrap .location_name.flex .t_bold {font-size: 1.35em; margin-right: 5%; transform: rotate(-0.03deg);}
  #sub01.page_contact .contact_wrap .location_name.sm {font-size: 1.25em; transform: rotate(-0.03deg);}
}

@media screen and (max-width: 540px) {
  #sub01.page_ceo .ceo_wrap > div {font-size: 1em;}
  #sub01.page_ceo .ceo_wrap > div.ceo_name {font-size: 1.125em;}
  #sub01.page_ceo .ceo_wrap > div:not(:last-child) {margin-bottom: 8%;}
  #sub01.page_ceo .ceo_wrap > div.ceo_name {margin-top: 12%;}
  #sub01.page_ceo .ceo_wrap > div .br_pc2 {display: none;}

  #sub01.page_ideo .ideo_wrap .rt ul {padding: 10% 5% 10% 11%; border: 7px solid #f6f6f6; border-radius: 30px;}

  #sub01.page_history .history_wrap .rt ul li .txt {font-size: 1em; padding-left: 3%; line-height: 165%;}
  #sub01.page_history .history_wrap .rt ul li {padding: 1.875% 0;}
  #sub01.page_history .history_wrap .rt ul li .year {font-size: 1.125em; width: ;}
  #sub01.page_history .history_wrap .rt section.year_section.now .year {font-size: 1.5em;}
  #sub01.page_history .history_wrap .history_img1.mo {margin: 0 0 3% 0; padding-top: 10%;}
  #sub01.page_history .history_wrap .history_img1.mo .deco2 {width: 35%;}
  #sub01.page_history .history_wrap .history_img img.radius_img {border-radius: 30px;}

  #sub01.page_ci .brand_wrap .rt .ci_box .title {font-size: 2em;}
  #sub01.page_ci .brand_wrap .rt .ci_box .desc {font-size: 1.05em;}
  #sub01.page_ci .brand_wrap .rt .ci_box .cmyk {display: block;}
  #sub01.page_ci .brand_wrap .rt .ci_box .cmyk .color_chip .name {margin: 0 0 0 12px;}
  #sub01.page_ci .brand_wrap .rt .ci_box .cmyk .percent {margin-left: 39px; font-size: 1em;}
  #sub01.page_ci .brand_wrap .rt .ci_box .cmyk .color_chip .color {width: 25px; height: 25px;}
  #sub01.page_ci .brand_wrap .rt .ci_box .cmyk.m10 {margin-bottom: 15px;}
  #sub01.page_ci .brand_wrap .rt .ci_box .total {margin-top: 3%; font-size: 1em;}

  #sub01.page_contri .top_txt {font-size: 1em; margin-bottom: 15%;}
  #sub01.page_contri .board {margin-bottom: 10%;}
  #sub01.page_contri .board a {display: block;}
  #sub01.page_contri .board .lt {width: 100%; margin-right: 0; padding-bottom: 67%; margin-bottom: 5%;}
  #sub01.page_contri .board .rt {width: 100%; padding-top: 0;}

  #sub01.page_contact .contact_wrap #map {height: 250px;}
  #sub01.page_contact .contact_wrap .map_info .lt {display: block; padding-top: 10%; margin-bottom: 10%;}
  #sub01.page_contact .contact_wrap .map_info .lt > div {width: 100%; padding: 0 3% 0 6%;}
  #sub01.page_contact .contact_wrap .map_info .rt .box {width: 100%; margin-bottom: 2%;}
  #sub01.page_contact .contact_wrap .location_name.flex .t_bold {margin-right: 3.5%;}
  #sub01.page_contact .contact_wrap .location_txt {font-size: 1em;}
  #sub01.page_contact .contact_wrap .location_txt .tel {margin-top: 1.5%;}
  #sub01.page_contact .contact_wrap .location_name.flex {margin-bottom: 3%;}
  #sub01.page_contact .contact_wrap .red {margin-top: 7%;}
  #sub01.page_contact .contact_wrap .location_name.sm {margin-bottom: 1.5%;}
  #sub01.page_contact .contact_wrap .red {font-size: 0.875em; margin-bottom: 3px;}
  #sub01.page_contact .contact_wrap .map_info .rt .box {padding: 6% 7%;}
  #sub01.page_contact .contact_wrap .location_txt br.br_pc {display: block;}
  
}

@media screen and (max-width: 414px) {
  #sub01.page_history .history_wrap .rt ul li {display: block;}
  #sub01.page_history .history_wrap .rt ul li .year {text-align: left; width: 100%; margin-bottom: 5px;}
  #sub01.page_history .history_wrap .rt ul li .txt {width: 100%; font-size: 0.9em; padding-left: 0;}

  #sub01.page_ci .brand_wrap .rt .ci_box .cmyk_wrap {margin: 5% 0 10% 0;}
  #sub01.page_ci .brand_wrap .rt .lt {margin: 5% 0;}

  #sub01.page_contri .board .rt .title {font-size: 1.25em;}
}