@charset "utf-8";


/* for styles */
@import url("default.css");

/* layout */
html, body {/* min-width:1200px; */ width:100%; overflow-x:hidden; word-break:keep-all; position: relative;}
input.text,
select.text {height:60px; border:#EBEBEB 1px solid; border-radius:3px;}
input.text::placeholder {color: #bbb;}
body.ie select.text {padding:0 0 0 20px !important; background:none;}
textarea.text {border-radius:3px; height: 240px;}
textarea:focus {outline: none;}
button,a {transition:.2s linear; -webkit-tap-highlight-color:transparent;}
a.smoth_link {scroll-behavior:smooth;}
.imgfit img {width:100%; height:100%; object-fit:cover;}

.inner {width:100%; max-width:1640px; margin:0 auto;padding: 0 20px;}
span.br {display:block;}
.mo_vw {display:none !important;}
.mo_vw1 {display: none !important;}
.mo_vw2 {display: none !important;}
.d_flex {display: flex;}

::-webkit-scrollbar {width:10px; height:10px;}
::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:10px; background-clip:padding-box; border:2px solid #fff;}
::-webkit-scrollbar-track {background-color:#f5f5f5; border-radius:10px; box-shadow:inset 0px 0px 5px white;}

/* color */
.c_blue {color: #009CDE !important;}

/* btn */
.btn_link {font-size: 16px; font-weight: 600; letter-spacing: -.4px; color: #fff; border-radius: 30px; display: flex; justify-content: center; align-items: center; }
.btn_link i {width: 16px; height: 9px; display:inline-block; background: url('/pub/images/btn_link.svg') no-repeat center center / 16px;}

/* overflow:hidden; ios 스크롤 막기 설정 */
html.over_h,body.over_h,
html.fancybox-lock, html.fancybox-lock body {touch-action:none; overflow-scrolling:none; -webkit-overflow-scrolling:none; overscroll-behavior:none;}

/* 높이값 설정 */
.height_vh {height:100vh; max-height:calc(var(--vh, 1vh) * 100);}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px;}
.ie_wrap .link a:hover {opacity:.7;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	body {overflow:hidden;}
	body .ie_wrap {display:block;}
}

.blind_link {display:none !important;}

/* 게시판 목록 */
.board_list {border-top:#ddd 2px solid;}
.board_list col.w1 {width:80px;}
.board_list col.w2 {width:100px;}
.board_list col.w3 {width:100px;}
.board_list col.w4 {width:80px;}
.board_list th,
.board_list td {height:40px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {background:#f5f5f5; color:#333;}
.board_list td {color:#666;}
.board_list td.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.board_bottom .btns {overflow:hidden; margin-top:20px;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center; border:0; border-radius:4px; vertical-align:top;}
.board_bottom .btns .btn:hover {background:#04427b; color:#eee;}
.board_bottom .paging {text-align:center;}
.board_bottom .paging a {display:inline-block; width:30px; height:30px; line-height:28px; text-align:center; border:#ddd 1px solid; border-radius:4px; font-size:13px; color:#666; vertical-align:top;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {background:#0e5ba2; color:#fff; font-weight:bold; border-color:#0e5ba2;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {letter-spacing:-2px; font-family:'nanum gothic'; font-size:12px;}
.board_bottom .search_wrap {background:#f5f5f5; padding:10px; text-align:center; margin-top:20px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top;}
.board_bottom .search_wrap select.text {width:100px;}
.board_bottom .search_wrap input.text {width:240px;}
.board_bottom .search_wrap .btn {width:80px; height:30px; line-height:30px; border:0; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center; border-radius:4px;}

/* 게시판 상세 */
.board_in {border-top:#ddd 2px solid;}
.board_in th,
.board_in td {text-align:left; padding:10px; border-bottom:#ddd 1px solid;}
.board_in th {color:#333;}
.board_in td {color:#666;}
.board_write col.w1 {width:200px;}

/* 갤러리 목록 */
.gall_list {overflow:hidden; margin-top:-10px;}
.gall_list li {float:left; width:calc((100% - 30px)/4); margin:10px 0 0 10px;}
.gall_list li:nth-child(4n-3) {margin-left:0; clear:both;}
.gall_list li a {display:block;}
.gall_list li .img {width:100%; height:200px; overflow:hidden;}
.gall_list li p {display:block; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; transition:.2s linear; border-bottom:1px solid rgba(255,255,255,0.1);}
.header .inner {position:relative; height:100px; max-width: 1960px;}
.header .logo {position:absolute; top:50%; left:50px; line-height:100px; transform: translate(0,-50%);font-size:0; z-index:10;}
.header .logo .htop_logo {display: block;}
.header .fixed_logo {display: none;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .gnb {position: absolute; height: 100px; left:50%; top:50%; transform:translate(-50%,-50%);}
.header .gnb ul {display: flex;}
.header .gnb li {height: 100%; margin-right: 150px;}
.header .gnb li:last-child {margin-right: 0;}
.header .gnb li > a {display: block; font-size:16px; font-weight: 700; line-height: 100px; color: #222;}
.header .gnb li:hover > a,
.header .gnb li.on > a {}
.header .gnb .snb {}
.header .gnb .snb a {}
.header .gnb .snb a:hover,
.header .gnb .snb a.on {}
.header .lang {width: 100%; max-width: 70px; position: absolute; top:0; right:50px; height: 100px;}
.header .lang button { transition:unset; position: absolute; transform: translate(0,-50%); top: 50%; right:0px; font-size:14px; font-weight: 600; color: #fff; height: 35px;background:#009CDE; border-radius:30px; width: 100%;}
.header .lang button i {margin-left: 8px; transition:.2s linear; display: inline-block; width: 8px; height: 8px; background: url('/pub/images/lang_arrow.svg') no-repeat center center / contain;}
.header .lang .lang_list {display: none; width: 100%; position: absolute; bottom:-2px; background:#009CDE; border-radius:0 0 20px 20px;}
.header .lang .lang_list li a{height: 35px; line-height: 35px; padding-left: 18px;font-size:14px; font-weight: 500; color: #fff; display: block; width: 100%;}
.header .lang.on button {border-radius:20px 20px 0 0;}
.header .lang.on button i {transform:rotate(180deg);}
.header .lang.on .lang_list {display: block; height: auto;}
.header.fixed {background: #fff; }
.fp-viewing-6 .header.gmain{background: #fff; border-bottom:1px solid #ebebeb;}
.header .btn_menu {display: none;}
/* .header.fixed .logo .htop_logo {display: none;}
.header.fixed .fixed_logo {display: block;}
.header.fixed .gnb li > a {color: #000;}
.header.fixed .contact {color: #000;}
.header.fixed .lang button {color: #000;}
.header.fixed .lang button i {background-image: url('/pub/images/lang_arrow_b.svg')}
.header.fixed .lang .lang_list li a {color: #000;} */

/* footer */
.footer .gotop {z-index: 999;display: none; font-size:0; position: fixed; bottom:40px; right:40px; width:60px; height:60px; border-radius:50%;background: #009CDE url('/pub/images/go_top_arrow_w.svg') no-repeat center center / 18px; box-shadow:0 0 30px rgba(0,40,75,0.25);}
.footer.go_on .gotop {display: block;}

.footer_more_con {position: relative;background: url('/pub/images/bg_footer.svg') no-repeat center center / cover; width: 100%; height: 600px;}
.footer_more_con:after {content:''; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 1920px; max-width: 100%; height: 100%; background: url('/pub/images/icon_footer.svg') no-repeat center center / cover; }
.footer_more_con .inner {z-index: 1; position: relative;padding: 200px 20px; max-width: 1400px; height: 100%;}
.footer_more_con .inner strong{display: block; margin-top: 27px; margin-bottom: 51px; color: #fff; font-size:32px; font-weight: 700; line-height: 48px;}
.footer_more_con .inner .btn_link {font-weight: 400;background: rgba(16,49,230,0.58); width: 230px; height: 60px; line-height: 60px;}
.footer_more_con .inner .btn_link i {margin-left: 25px;}
.footer_btm {background: #F7F7F7; padding: 80px 0;}
.footer_btm .inner {display: flex;  justify-content:space-between; position: relative;}
.footer_btm .fcon_left .fcon_left_con {margin-top: 45px;}
.footer_btm .fcon_left .fcon_left_con .txt_box .brand_name {font-size:14px; font-weight: 500; line-height: 30px; color: #222;}
.footer_btm .fcon_left .fcon_left_con .txt_box .fcon_left_info {display: flex; gap:25px; margin-bottom: 40px;}
.footer_btm .fcon_left .fcon_left_con .txt_box .fcon_left_info p {position: relative;font-size:14px; font-weight: 400; line-height: 30px; color: #222; opacity: 0.6;}
.footer_btm .fcon_left .fcon_left_con .txt_box .fcon_left_info p:after {position: absolute; content:''; width: 1px; height: 10px; background: #BBB; top:50%; right:-12.5px; transform:translate(0, -50%);}
.footer_btm .fcon_left .fcon_left_con .txt_box .fcon_left_info p:last-child:after {content:unset;}
.footer_btm .fcon_left .fcon_left_con .txt_box .copy {font-size:14px; font-weight: 400; line-height: 18px; color: #222; opacity: 0.5;}
.footer_btm .fcon_right {position: absolute; right:20px; top:-14px;}
.footer_btm .fcon_right .family_wrap {cursor:pointer; width:240px; height:50px; background:#fff; border-radius:40px; position:relative; z-index:1;}
.footer_btm .fcon_right .family_wrap button {transition:none; border:1px solid #EBEBEB; border-radius:40px;width:100%; display:flex; align-items:center; justify-content:space-between; font-size:16px; font-weight:500; color:#222; opacity:0.8; line-height:50px; padding:0 43px;}
.footer_btm .fcon_right .family_wrap button i {transition:.2s linear; display:inline-block; width:13px; height:13px; background:url('/pub/images/btn_select.svg') no-repeat center center / contain;}
.footer_btm .fcon_right .family_wrap .family_list {height:0;position:absolute; top:47px; left:0; width:100%; border-radius:0 0 24px 24px; background:#fff; padding:0 43px;}
.footer_btm .fcon_right .family_wrap .family_list li a {display:none; font-size:16px; font-weight:500; color:#222; opacity:0.8; line-height:50px; height: 50px; word-break:break-word;}
.footer_btm .fcon_right .family_wrap.on,
.footer_btm .fcon_right .family_wrap.on button {border-radius:24px 24px 0 0; -webkit-tap-highlight-color : transparent !important;}
.footer_btm .fcon_right .family_wrap.on button i {transform:rotate(180deg);}
.footer_btm .fcon_right .family_wrap.on .family_list {height:auto;border: 1px solid #ebebeb;}
.footer_btm .fcon_right .family_wrap.on .family_list li a {display:block;}
.footer_btm .fcon_right .family_wrap.zero.on {border-radius:24px;}
.footer_btm .fcon_right .family_wrap.zero.on .family_list {border-top:0;}

.footer_btm .fcon_left .fcon_left_con .txt_box .fcon_left_info .finfo {gap:25px;}

.f_logo {height: 20px;}

/* main */
.main_container .title {font-size:32px; font-weight: 700; color: #000; text-align: center;}
.main_container .dl_half dl{display:flex; align-items:center;}
.main_container .dl_half dt {padding-left: 90px; width: 100%; max-width: 750px;}
.main_container .dl_half dd {padding-left: 216px;}
.main_container .dl_half dd .s_top {font-size:24px; line-height: 40px; font-weight: 600; margin-bottom: 170px; color: #000;}
.main_container .dl_half dd .s_btm .num { text-align: center;width: 130px;color: #fff; background: #009CDE; padding:5px;border-radius:3px;font-size:14px; font-weight: 700; line-height:16px;}
.main_container .dl_half dd .s_btm .st {font-size:42px; font-weight: 700; line-height: 60px; color: #000;margin: 40px 0;}
.main_container .dl_half dd .s_btm .stt {font-size:22px; line-height: 40px; color: #666;}

.main_container .section1 {background: linear-gradient(to bottom, rgba(245,250,255,1), rgba(245,250,255,0));}
.main_container .section1 .mv {height: 100vh; width: 100%; max-width: 1600px;position: relative; left:50%; transform:translate(-50%,0); overflow: hidden;}
.main_container .section1 .mv .mv_txt {z-index: 2;position: absolute; left:120px; top:50%; transform:translate(0,-50%);}
.main_container .section1 .mv .mv_txt .f_nsr {font-size:32px; font-weight: 800; position: relative;}
/* .main_container .section1 .mv .mv_txt .f_nsr.top_c:after {content:''; position: absolute; top:50%; right:-60px; transform:translate(0,-110%); background:url('/pub/images/bg_mvisual_top.svg') no-repeat 50% 50% / contain; width: 56px; height: 43px;} */
.main_container .section1 .mv .mv_txt .brand {margin: 30px 0 60px;}
.main_container .section1 .mv .mv_txt .brand .f_nsr {font-size:90px; line-height: 90px; font-weight: 800;color: #3872e0;}
.main_container .section1 .mv .mv_txt .btn_more {display: flex; justify-content:center; background: #009CDE; color: #fff; font-size:16px; line-height: 45px; font-weight: 500; letter-spacing: -0.4px; width: 150px; height: 45px; border-radius:44px;}
.main_container .section1 .mv .mv_txt .btn_more i {display: inline-block; width: 16px; height: 45px; background:url('/pub/images/btn_link.svg') no-repeat center center / contain; margin-left: 10px;}
.main_container .section1 .mv  .mv_bg {position: absolute; right:0; top:50%; transform:translate(0,-50%);}
.main_container .section1 .navi {display: flex;width: 100%; max-width: 1600px;position: absolute; bottom:23%;left:50%; transform:translate(-50%,0); padding-left: 120px;}
.main_container .section1 .navi .slick-dots {display: flex; gap:20px;}
.main_container .section1 .navi .slick-dots li {font-size:0;border-radius:50%; border:1px solid #BBBBBB; width: 11px; height: 11px; cursor:pointer;}
.main_container .section1 .navi .slick-dots .slick-active{border-radius:30px; background:#009CDE; border:1px solid #009CDE; width: 33px;}
.main_container .section1 .navi .play_pause {width:10px; height:11px; margin-left:20px;}
.main_container .section1 .navi .play_pause button{width:100%; height:100%; display:none;}
.main_container .section1 .navi .play_pause .play{background:#BBBBBB; mask:url('/pub/images/btn_play.svg') no-repeat 50% 50% / 9px; -webkit-mask:url('/pub/images/btn_play.svg') no-repeat 50% 50% / 9px;}
.main_container .section1 .navi .play_pause .pause {background:url('/pub/images/btn_pause.svg') no-repeat 50% 50% / 9px;}
.main_container .section1 .navi .play_pause .on {display:block;}

/* .main_container .section2 .inner{padding: 200px 20px 240px;} */
.main_container .section2 .title {margin-bottom: 60px; line-height: 56px;}
.main_container .section2 .con {width: 100%; display: flex; gap:7px;}
.main_container .section2 .con li {width: calc((100% - 14px) / 3); background: #009CDE; display: flex; flex-direction: column; align-items:center; justify-content:center; padding: 67px 20px 51px;}
.main_container .section2 .con li:nth-child(1) {border-radius:120px 0 0 0;}
.main_container .section2 .con li:nth-child(2) {border-radius:0 0 120px 0;}
.main_container .section2 .con li:nth-child(3) {border-radius:0 120px 0 120px;}
.main_container .section2 .con li .stitle {color: #fff; font-size:32px; line-height: 40px; margin-bottom: 35px;}
.main_container .section2 .con li .stxt {color: #fff; font-size:16px;  margin-top: 45px;}

.main_container .section3 {background: linear-gradient(to bottom, #F8F8F8, #FFFFFF);}
.main_container .section4 {background: #F7FBFF;}
.main_container .section5 {background: #fff;}

/* sub */
.container {padding-bottom: 200px;}
.container.g03 {padding-top: 240px;}
.container .con_tlt {font-size:32px; font-weight: 700; line-height: 60px; color: #000;}
.container .con_stt {font-size:16px; font-weight: 600; line-height: 40px; color: #222; letter-spacing:-.4px;}
.container input.text,
.container textarea.text {width: 100%; padding: 20px; font-size:16px; font-weight: 300; line-height: 30px; letter-spacing: -.4px; color: #222;}
.container textarea.text {border:unset;}
.container .dl_half dl{display:flex; align-items:center;}
.container .mv_title {font-size:42px; font-weight: 700; line-height: 60px; }

/* about */
.about_section .title {font-size:32px; line-height: 56px; font-weight: 700; color: #222; text-align: center;}
.about_section01 {width: 100%; max-width: 1920px;position: relative; left:50%; transform:translate(-50%,0); height: 100vh;}
.about_section01 .mv_title {z-index: 2;position: absolute; left:50%; top:10.5vw; transform:translate(-50%,0%); font-size:32px; line-height: 56px;}
.about_section01 > div {/* padding-top: 5.2vw;  */position: absolute; top:50%; left:50%; width: 100%; max-width: 1920px; transform:translate(-50%,-50%); text-align: center;}
.about_section01 > div img {max-height: 100%;}
.about_section02 {position:relative;/*  background:linear-gradient(to bottom, rgba(245,250,255,1), rgba(245,250,255,0));  */padding: 210px 0 100px;}
.about_section02:after {content:''; position: absolute; background: url('/pub/images/about_bg.svg') no-repeat center center / contain; height: 191px; width: 1505px; top:52px; left:50%; transform:translate(-50%,0);}
.about_section02_bg {position: absolute; top:0; width: 100vw; height: 100%; max-height: 260px; background:linear-gradient(to bottom, rgba(245,250,255,1), rgba(245,250,255,0.7), rgba(245,250,255,0));}
.about_section02 .dl_half {padding: 0 120px; margin-top: 130px;}
.about_section02 .dl_half  dl{justify-content: space-between;}
.about_section02 .dl_half .title {text-align: left; font-size:32px; line-height: 32px; margin-bottom: 30px;}
.about_section02 .dl_half .s_title {font-size:18px; line-height: 26px; color: #000;}
.about_section02 .dl_half dt {min-width: 335px;}
.about_section02 .dl_half dd {margin-right: -90px; min-width: 906px;}
.about_section03 {padding: 150px 0 200px; border-bottom:1px solid rgba(34,34,34,0.11);}
.about_section03 .top_dl_half {padding: 0 120px; margin-bottom: 268px;}
.about_section03 .top_dl_half dl {justify-content: space-between; align-items: center;}
.about_section03 .top_dl_half dt {min-width: 300px;}
.about_section03 .dl_half dt .title {margin-bottom: 30px; text-align: left; font-size:32px; line-height: 32px;}
.about_section03 .dl_half dt .s_title {font-size:18px; line-height: 26px; color: #000;}
/* .about_section03 .top_dl_half dd {padding-right: 10px;} */
.about_section03 .top_dl_half dd {min-width: 766px;}
.about_section03 .btm_dl_half {padding-left: 120px;}
.about_section03 .btm_dl_half dl {justify-content: space-between; align-items: flex-start;}
.about_section03 .btm_dl_half.as3 dl{justify-content: unset;}
.about_section03 .btm_dl_half dt {margin-top: 120px;}
.about_section03 .btm_dl_half.as3 dt {min-width: 300px; max-width: 300px;}
/* .about_section03 .btm_dl_half dd {padding-right: 10px;} */
.about_section03 .btm_dl_half.as3 dd {padding-left:350px;}
.about_section03 .btm_dl_half .box {display: flex; justify-content: center; align-items: center;height:670px; width: 600px; margin-bottom:50px; background: #E2F0FD; border-radius:50px; padding:90px 80px; box-shadow:10px 10px 10px rgba(0,0,0,0.15);}
.about_section03 .btm_dl_half .box:last-child {margin-bottom: 0;}
.about_section03 .btm_dl_half .box:nth-child(2n) {background: #E5E9FC;}
.about_section03 .btm_dl_half .box .txt_box {display: flex; flex-direction:column; justify-content: center; width: 100%;}
.about_section03 .btm_dl_half .box .txt_box .tt {font-size:34px;  line-height: 40px; color: #222; margin-bottom: 52px;}
.about_section03 .btm_dl_half .box .txt_box .stt {font-size:18px; line-height: 40px; color: #222;}
.about_section03 .btm_dl_half .box .txt_box .icon {margin: 0 0 50px 0; text-align: right;}
.about_section03 .as3 {position: relative;}
.about_section03 .as3 .about_section03_start {position: absolute; top:-120px;}
.about_section03 .as3 .about_section03_end {position: absolute; bottom:280px;}
.about_section03 .as3.fix dt {position:fixed; top:120px; left:50%; margin-left:-680px;}
.about_section03 .as3.fix dd {padding-left:650px;}
.about_section03 .as3.btm dt {position:absolute; top:auto; bottom:0; left:120px;}
.about_section03 .as3.btm dd {padding-left:650px;}

.about_section04 {padding-top: 194px;}
.about_section04 .inner {padding: 0 140px;}
.about_section04 .con {margin-top: 160px; display: flex; justify-content: space-between; padding: 0 120px 0 78px;}
.about_section04 .con .icon {text-align: center; display: flex;align-items: center; justify-content: center; height: 145px;}
.about_section04 .con .icon1 > img {height: 120px;}
.about_section04 .con .icon2 > img {height: 128px;}
.about_section04 .con .stitle {margin: 43px 0 34px; font-size:26px; line-height: 32px; color: #222; text-align: center;}
.about_section04 .con .stxt p {font-size:16px; font-weight: 500; line-height: 30px; color: #222; display: flex; align-items:center;  justify-content: center;}
.about_section04 .con .stxt i {display: inline-block; width: 3px; height: 3px; background: #222; border-radius:50%; margin-right: 10px;}

/* company */
.container.g02.s01 {padding-bottom: 0;}
.company_section .title {font-size:36px; line-height: 41px; font-weight: 700; color: #000;}
.company_section .s_title {font-size:19px; line-height: 26px; color: #000;}

.company_section01 {height: 100vh;}
.company_section01 .mvisual {height: 100%;max-height: calc(var(--vh, 1vh) * 100) !important;width: 100%; max-width: 1920px;position: relative; margin: 0 auto;/*  left:50%; transform:translate(-50%,0); */}
.company_section01 .mvisual .mv_txt {position: absolute; left:280px; top:50%; transform:translate(0,-50%);}
.company_section01 .mvisual .mv_txt .mv_title {font-size:36px; left: 50px; color: #003753; margin-bottom: 50px;}
.company_section01 .mvisual .mv_txt .fw600 {font-weight: 600; font-size:22px; line-height: 40px; letter-spacing: -.4px;}
.company_section01 .mvisual:before {content:''; position: absolute; top:50%; left:50%; transform:translate(-82vw,-19vw); width: 44vw; height: 44vw; background: url('/pub/images/company_mv_left.svg') no-repeat center center / contain;}
.company_section01 .mvisual:after {content:''; position: absolute; top:50%; right:50%; transform:translate(65vw,-10vw);  width: 25vw; height: 25vw; background: url('/pub/images/company_mv_right.svg') no-repeat center center / contain;}

.company_section02 {background: #3648DA; padding: 140px 0 145px;}
.company_section02 .title {color: #fff; margin-bottom: 28px;  text-align: center;}
.company_section02 .s_title {color: #fff; text-align: center; margin-bottom: 140px;}
.company_section02 .con {width: 100%; display: flex; justify-content: space-between; padding: 0 120px;}
.company_section02 .con li {display: flex; justify-content: center; align-items:center; flex-direction:column;}
.company_section02 .con li i {height: 100%; max-height: 105px; display: flex; align-items:center; justify-content:center;}
.company_section02 .con li:nth-child(2) i { align-items:baseline;}
.company_section02 .con li .stitle {margin-top: 20px;margin-bottom: 30px;text-align: center; color: #fff; font-size:26px; font-weight: 700; line-height: 40px;}
.company_section02 .con li .stxt {text-align: center; color: #fff; font-size:16px; font-weight: 600; line-height: 24px;}
.company_section03 {padding: 170px 0 200px;}
.company_section03 .s_top {margin-bottom: 28px; text-align: center;}
.company_section03 .s_title {text-align: center; margin-bottom: 45px;}
.company_section03 dd {text-align: center; padding-top: 40px;}

.company_section04 {padding-bottom: 55px;}
.company_section04 .marquee {position:relative; overflow:hidden; width:100%;}
.company_section04 .marquee ul {/* overflow:hidden; position:relative; */ display:flex; align-items: center;}
.company_section04 .marquee li {width:auto; padding:0 20px;}

/* contact */
.header.g03 {border-bottom:1px solid #EBEBEB}
.contact_wrap {position: relative;}
.contact_wrap:after {position: absolute; top:0; left:50%; transform:translate(-50%,0); content:''; background: url('/pub/images/bg_contact.svg') no-repeat 50% 50% /contain; width: 1920px; max-width: 100%; height: 180px;}
.contact_wrap .con_tlt,
.contact_wrap .con_stt {text-align: center;}
.contact_wrap .contact_con {max-width: 680px; margin: 0 auto; margin-top: 80px; margin-bottom: 80px;}
.contact_wrap .contact_con li {margin-bottom: 40px;}
.contact_wrap .contact_con li:last-child {margin-bottom: 0;}
.contact_wrap .contact_con .th {font-size:18px; line-height: 20px; letter-spacing: -.4px; margin-bottom: 10px;}
.contact_wrap .contact_con .th .necessary {font-size:14px; vertical-align: super;}
.contact_wrap .contact_con .td.textarea {padding-right: 10px; border:1px solid #ebebeb;}
.contact_wrap .contact_con textarea::placeholder {color: #bbb;}
.contact_wrap .contact_con textarea::-webkit-scrollbar {width:10px; height:10px;}
.contact_wrap .contact_con textarea::-webkit-scrollbar-thumb {background-color:#023770; border-radius:10px; background-clip:padding-box; border:2px solid #fff;}
.contact_wrap .contact_con textarea::-webkit-scrollbar-track {margin: 20px 0 15px; background-color:transparent; border-radius:10px; box-shadow:inset 0px 0px 5px white;}

.contact_wrap .contact_con .code_wrap .td {gap:10px;}
.contact_wrap .contact_con .code_wrap .code_img {width: 180px; height: 60px; border-radius:3px;}
.contact_wrap .contact_con .code_wrap .code_img img {width: 100%; height: 100%;}
.contact_wrap .contact_con .code_wrap button {width: 60px;height: 60px; border-radius:3px; border:1px solid #EBEBEB; background: url('/pub/images/code_return.svg') no-repeat 50% 50% / 23px;}
.contact_wrap .contact_con .code_wrap .text {width: calc(100% - 260px);}
.contact_wrap .btn_link {font-size: 16px; font-weight: 400; letter-spacing: -.4px; color: #fff; border-radius: 30px; display: flex; justify-content: center; align-items: center; background:#009CDE; margin: 0 auto;width: 174px; height: 50px; line-height: 50px;}
.contact_wrap .btn_link i {margin-left: 10px;}