/*********** 회사소개 ***********/ #info .full_img_w {margin-bottom: 0;} #info .info_txt {margin: 75px 0 150px; text-align: center;} #info .info_txt h1 {font-size: 3.4375em; line-height: 145%;} #info .info_txt ul {margin: 25px 0 80px; display: flex; align-items: center; justify-content: center;} #info .info_txt ul li {font-size: 1.375em; font-weight: 500; display: flex; align-items: center;} #info .info_txt ul li:not(:last-child)::after {content: ""; display: block; width: 1px; height: 13px; background: #ccc; margin: 0 15px;} #info .info_txt .desc {font-size: 1.0625em; color: #666; line-height: 165%;} #info .info_box_wrap .box {display: flex; align-items: center; justify-content: space-between; column-gap: 50px;} #info .info_box_wrap .box:not(:last-child) {margin-bottom: 100px;} #info .info_box_wrap .box .txt_box {max-width: calc(100% - 572px);} #info .info_box_wrap .box .txt_box .mont {font-size: 2.25em; font-weight: 700; margin-bottom: 30px;} #info .info_box_wrap .box .txt_box .color_6 {font-size: 1.0625em; line-height: 165%;} /*********** 연혁 ***********/ #history .history_gif {margin-bottom: 150px;} #history .history_gif img {width: 100%;} #history .history_list {color: #222;} #history .history_list > li {display: flex; align-items: flex-start; position: relative; overflow: visible;} #history .history_list > li:not(:last-child) {margin-bottom: 150px;} #history .history_list > li h1.year_fixed {width: 470px; font-size: 4.0625em; display: block; position: -webkit-sticky; position: sticky; top: 150px;} #history .history_list > li .rt {width: calc(100% - 470px);} #history .history_list > li .rt .img_box {max-width: 690px; margin-bottom: 50px;} #history .history_list > li .rt .history_cont > li {padding-left: 30px; position: relative;} #history .history_list > li .rt .history_cont > li:not(:last-child):before {content: ""; display: block; width: 1px; height: 100%; background: #ccc; position: absolute; top: 20px; left: 0;} #history .history_list > li .rt .history_cont > li:not(:last-child) {padding-bottom: 50px;} #history .history_list > li .rt .history_cont > li .year {font-size: 2.25em; font-weight: 600; margin-bottom: 20px; position: relative;} #history .history_list > li .rt .history_cont > li .year::before {content: ""; display: inline-block; width: 13px; height: 13px; background: #111; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: -36px;} #history .history_list > li .rt .history_cont > li:first-child .year::before {background: #fff; box-shadow: 0 0 0 3px #111 inset;} #history .history_list > li .rt .history_cont > li .dot_p {font-size: 1.0625em; line-height: 194%;} #history .history_list > li .rt .history_cont > li .dot_p span.mont {font-weight: 500;} /*********** 핵심가치 ***********/ #corevalue .corevalue_wrap {position: relative; text-align: center;} #corevalue .corevalue_wrap .center_core {position: relative; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3.4375em; color: #222B64; line-height: 127%;} #corevalue .corevalue_circle {position: relative;} #corevalue .corevalue_circle li {display: flex;} #corevalue .corevalue_circle li.hexagon_line1 {justify-content: center;} #corevalue .corevalue_circle li.hexagon_line2 {justify-content: space-between; margin: -20px 0 60px 0;} #corevalue .corevalue_circle li.hexagon_line3 {justify-content: center; column-gap: 115px;} #corevalue .corevalue_circle::before {content: ""; display: block; width: 860px; height: 860px; background: #F7F8FA; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; border-radius: 50%;} #corevalue .corevalue_circle .hexagon {width: 388px; height: 380px; display: flex; align-items: center; justify-content: center; flex-direction: column;} #corevalue .corevalue_circle .hexagon1 {background: url(/img/sub01/core1.png) no-repeat center center; background-size: 100%;} #corevalue .corevalue_circle .hexagon2 {background: url(/img/sub01/core2.png) no-repeat center center; background-size: 100%;} #corevalue .corevalue_circle .hexagon3 {background: url(/img/sub01/core3.png) no-repeat center center; background-size: 100%;} #corevalue .corevalue_circle .hexagon4 {background: url(/img/sub01/core4.png) no-repeat center center; background-size: 100%;} #corevalue .corevalue_circle .hexagon5 {background: url(/img/sub01/core5.png) no-repeat center center; background-size: 100%;} #corevalue .corevalue_circle .hexagon .mont {font-size: 2.25em; font-weight: 700; line-height: 128%;} #corevalue .corevalue_circle .hexagon p {font-size: 1.0625em; font-weight: 700; opacity: 0.5; margin-top: 20px;} /*********** 네트워크 ***********/ #network .gallery_list li .title_wrap.flex {align-items: flex-start;} #network .network_section:not(:last-child) {margin-bottom: 250px;} #network .icon_wrap {margin-top: 25px;} #network .icon_wrap li {display: flex; align-items: center; column-gap: 10px;} #network .icon_wrap li:not(:last-child) {margin-bottom: 15px;} #network .icon_wrap li img {width: 24px;} #network .icon_wrap li p {font-size: 1.0625em;} #network .map_wrap {position: relative; z-index: 3;} #network .map_wrap .map img.map_ta {display: none;} #network .map_wrap .map_pin_wrap {position: absolute; width: 100%; height: 100%; top: 0; left: 0;} #network .map_pin {cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)} #network .map_pin.show {z-index: 2;} #network .map_pin1 {margin-left: -11.8%; margin-top: -4.5%;} #network .map_pin2 {margin-left: -16%; margin-top: -3.5%;} #network .map_pin3 {margin-left: -17.5%; margin-top: 0.75%;} #network .map_pin4 {margin-left: -18%; margin-top: 6%;} #network .map_pin5 {margin-left: 26.5%; margin-top: -3.25%;} #network .map_pin.show .pin_img img.hover {opacity: 1;} #network .map_pin.show .pin_img img.org {opacity: 0;} #network .map_pin.show .pin_cont {display: block;} #network .map_pin .pin_cont {padding: 0 30px 50px; background: #fff; box-shadow: 3px 10px 20px rgba(0, 0, 0, 0.1); width: fit-content; min-width: max-content; display: none; position: absolute; left: 10px; top: calc(100% + 10px); z-index: 2;} #network .map_pin5 .pin_cont {left: auto; right: 10px;} #network .map_pin .pin_img {position: relative;} #network .map_pin .pin_img img.hover {position: absolute; top: 0; left: 0; opacity: 0;} #network .map_pin .flag {margin-top: -12px;} #network .map_pin .flag img {width: 63px;} #network .map_pin .txt_video_wrap {display: flex; column-gap: 20px;} #network .map_pin .nation {font-size: 1.625em; margin: 20px 0 30px;} #network .map_pin .icon_wrap li:first-child {align-items: flex-start; margin-bottom: 30px;} @media screen and (max-width: 1400px) { #history .history_list > li h1.year_fixed {width: 40%;} #history .history_list > li .rt {width: 60%;} #history .sub_title_wrap .title_flex .sub_title br.br_1400 {display: block;} #greeting .sub_title_wrap .title_flex .sub_title br {display: none;} #greeting .sub_title_wrap .title_flex .sub_title br.br_1400 {display: block;} #corevalue .sub_title_wrap .title_flex .sub_title br {display: none;} #corevalue .sub_title_wrap .title_flex .sub_title br.br_1400 {display: block;} #corevalue .corevalue_circle .hexagon {width: 28vw; height: 27.5vw;} #corevalue .corevalue_circle .hexagon .mont {font-size: 2.625vw;} #corevalue .corevalue_circle .hexagon p {font-size: 1.25vw;} #corevalue .corevalue_circle::before {width: 62vw; height: 62vw;} #corevalue .corevalue_wrap .center_core {font-size: 4vw;} #network .sub_title_wrap .title_flex .sub_title br {display: none;} } @media screen and (max-width: 1240px) { #info .info_box_wrap .box .img_box {width: 40%;} #info .info_box_wrap .box .txt_box {max-width: calc(60% - 50px);} #info .info_box_wrap .box .txt_box br {display: none;} #info .info_txt ul {margin:1.25em 0 3.5em} #network .map_pin .txt_video_wrap {flex-direction: column; column-gap: 0;} } @media screen and (max-width: 1024px) { #info .info_box_wrap .box {column-gap: 40px;} #info .info_box_wrap .box .txt_box {max-width: calc(60% - 40px);} #info .info_box_wrap .box:not(:last-child) {margin-bottom: 10%;} #info .info_box_wrap .box .txt_box .mont {font-size: 3.5vw; margin-bottom: 30px;} #info .info_box_wrap .box .txt_box .color_6 {font-size: 1.625vw;} #info .info_txt {margin:75px 50px 150px} #info .info_txt h1 {font-size:2.5em} #info .info_txt ul li {font-size:1.25em} #history .history_gif {margin-bottom: 15%;} #history .history_list > li:not(:last-child) {margin-bottom: 15%;} #history .history_list > li h1.year_fixed {width: 35%; font-size: 6.25vw;} #history .history_list > li .rt {width: 65%;} #history .history_list > li .rt .img_box {max-width: none; margin-bottom: 6%;} #history .history_list > li .rt .history_cont > li .year {font-size: 2em; margin-bottom: 2%;} #history .history_list > li .rt .history_cont > li:not(:last-child) {padding-bottom: 8%;} #corevalue .corevalue_circle .hexagon {width: 32vw; height: 31.5vw;} #corevalue .corevalue_circle .hexagon .mont {font-size: 3vw;} #corevalue .corevalue_circle .hexagon p {font-size: 1.5vw; margin-top: 10px;} #corevalue .corevalue_circle::before {width: 67vw; height: 67vw;} #corevalue .corevalue_wrap .center_core {font-size: 4.5vw;} #corevalue .corevalue_circle li.hexagon_line2 {margin: -2vw 0 4vw;} #corevalue .corevalue_circle li.hexagon_line3 {column-gap: 7vw;} #network .gallery_list li .title_wrap.flex .map_btn span {display: none;} #network .network_section:not(:last-child) {margin-bottom: 25%;} #network .icon_wrap {margin-top: 2.5%;} #network .icon_wrap li img {width: 20px;} #network .icon_wrap li:not(:last-child) {margin-bottom: 12px;} #network .map_pin .pin_cont {padding: 0 25px 35px;} #network .map_pin .flag {margin-top: -15px;} #network .map_pin .flag img {width: 50px;} #network .map_pin .nation {font-size: 1.4em; margin: 15px 0 20px;} #network .map_pin .icon_wrap li:first-child {margin-bottom: 20px;} #network .map_pin .pin_img img {width: 20px;} } @media screen and (max-width: 768px) { #info .info_box_wrap .box {column-gap: 30px;} #info .info_box_wrap .box .img_box {width: 45%;} #info .info_box_wrap .box .txt_box {max-width: calc(55% - 30px);} #info .info_box_wrap .box:not(:last-child) {margin-bottom: 12%;} #info .info_box_wrap .box .txt_box .mont {font-size: 4vw; margin-bottom: 3.25vw;} #info .info_box_wrap .box .txt_box .color_6 {font-size: 2.25vw;} #info .info_txt h1 {font-size:2em} #history .history_gif {margin-bottom: 20%;} #history .history_list > li .rt .history_cont > li {padding-left: 20px;} #history .history_list > li .rt .history_cont > li .year::before {width: 10px; height: 10px; left: -24px;} #history .history_list > li .rt .history_cont > li:first-child .year::before {box-shadow: 0 0 0 2px #111 inset;} #history .history_list > li:not(:last-child) {margin-bottom: 20%;} #history .history_list > li h1.year_fixed {top: 120px; width: 30%; font-size: 2.5em;} #history .history_list > li .rt {width: 70%;} #history .history_list > li .rt .img_box {margin-bottom: 8%;} #history .history_list > li .rt .history_cont > li .year {font-size: 1.75em; margin-bottom: 3%;} #history .history_list > li .rt .history_cont > li .dot_p {font-size: 1em; line-height: 185%;} #history .history_list > li .rt .history_cont > li:not(:last-child) {padding-bottom: 10%;} #network .sub_title_wrap .title_flex .sub_title br.br_768 {display: block;} #network .gallery_list li .title_wrap .bold span.badge.desc_badge {font-size: 1rem;} #network .network_section:not(:last-child) {margin-bottom: 30%;} #network .icon_wrap li p {font-size: 1em;} #network .icon_wrap li img {width: 17px;} #network .icon_wrap li:not(:last-child) {margin-bottom: 10px;} #network .map_wrap .map {width: calc(100% + 40px); margin-left: -20px;} #network .map_wrap .map img.map_pc {display: none;} #network .map_wrap .map img.map_ta {display: block;} #network .map_pin1 {margin-left: -31%; margin-top: -9%;} #network .map_pin2 {margin-left: -38%; margin-top: -7%;} #network .map_pin3 {margin-left: -41%; margin-top: 2%;} #network .map_pin4 {margin-left: -42%; margin-top: 12%;} #network .map_pin5 {margin-left: 42%; margin-top: -6%;} #network .map_pin .pin_img img {width: 18px;} #network .map_pin .pin_cont {padding: 0 20px 30px;} #network .map_pin .flag {margin-top: -10px;} #network .map_pin .flag img {width: 45px;} #network .map_pin .nation {font-size: 1.325em; margin: 10px 0 15px;} #network .map_pin .icon_wrap li:first-child {margin-bottom: 15px;} } @media screen and (max-width: 540px) { #info .info_box_wrap .box {flex-direction: column;} #info .info_box_wrap .box:last-child {flex-direction: column-reverse;} #info .info_box_wrap .box:not(:last-child) {margin-bottom: 80px;} #info .info_box_wrap .box .img_box {width: 100%; margin-bottom: 25px;} #info .info_box_wrap .box .txt_box {max-width: 100%;} #info .info_box_wrap .box .txt_box .mont {font-size: 20px; margin-bottom: 12px;} #info .info_box_wrap .box .txt_box .color_6 {font-size: 14px;} #info .info_txt {margin:100px 20px;} #info .info_txt h1 {font-size:1.715em} #info .info_txt .desc .br_1024 {display: none;} #history .history_list > li {display: block;} #history .history_list > li:not(:last-child) {margin-bottom: 30%;} #history .history_list > li .rt {width: 100%;} #history .history_list > li h1.year_fixed {margin-bottom: 5%; position: static;} #history .history_list > li .rt .history_cont > li .year {font-size: 1.625em; margin-bottom: 2.5%;} #history .history_list > li .rt .img_box {margin-bottom: 10%;} #greeting .sub_title_wrap .title_flex .sub_title br {display: none;} #greeting .sub_title_wrap .title_flex .sub_title br.br_540 {display: block;} #corevalue .sub_title_wrap .title_flex .sub_title br.br_1400 {display: none;} #corevalue .sub_title_wrap .title_flex .sub_title br.br_540 {display: block;} #corevalue .corevalue_circle {width: calc(100% + 30px); margin-left: -15px;} #corevalue .corevalue_circle .hexagon {width: 40vw; height: 39.5vw;} #corevalue .corevalue_circle .hexagon .mont {font-size: 4.25vw; line-height: 115%;} #corevalue .corevalue_circle .hexagon p {font-size: 2.875vw; margin-top: 5px;} #corevalue .corevalue_circle::before {width: 80vw; height: 80vw;} #corevalue .corevalue_wrap .center_core {opacity: 0.3;} #corevalue .corevalue_circle li.hexagon_line2 {margin: -3vw 0 3vw;} #corevalue .corevalue_circle li.hexagon_line3 {column-gap: 3vw;} #network .gallery_list li .title_wrap .bold span.badge.desc_badge {margin-top: 8px;} #network .network_section:not(:last-child) {margin-bottom: 35%;} #network .icon_wrap li {column-gap: 7px;} #network .sub_title_wrap .title_flex .sub_title br.br_768 {display: none;} #network .sub_title_wrap .title_flex .sub_title br.br_540 {display: block;} #network .map_pin .pin_cont {max-width: calc(100vw - 40px); min-width: calc(100vw - 40px);} #network .map_pin .icon_wrap li:first-child span {display: block;} #network .map_pin .icon_wrap li:first-child p br {display: none;} #network .map_pin .pin_img img {width: 15px;} #network .map_pin1 .pin_cont {left: -50px;} #network .map_pin2 .pin_cont {left: -25px;} #network .map_pin3 .pin_cont {left: -17px;} #network .map_pin4 .pin_cont {left: -15px;} #network .map_pin5 .pin_cont {right: -20px;} } @media screen and (max-width: 414px) { }