@media screen and (max-width:1560px) {

}
@media screen and (max-width:1350px) {

}
@media screen and (max-width:768px) {

}
/*basic-set*/
input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;‌​
    -moz-box-sizing :border-box;
    box-sizing :border-box;
	line-height:auto;
	vertical-align:top;
}
* { position:relative; word-break:keep-all; }
#wrap * { transition:all ease-in-out 0.3s; }
a.off { opacity:0.4; -webkit-opacity:0.4; pointer-events:none; cursor:default; }
.bt_ov { position:absolute; top:0; left:0; right:0; bottom:0; text-indent:-9999px; }
.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.86); z-index:98; display:none; transition:none; }
.pu { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:99; display:none; transition:none; }


/* layout */
#header { position: fixed; top: 0; left: 0; right: 0; z-index: 50; padding: 0 30px; border-bottom: 1px solid rgba(255,255,255,0.5); }
#header.sticky,
#header.ov { background: #fff; border-bottom-color: rgba(0,0,0,0.16); }
#header .wrap { margin: 0 auto; max-width: 1500px; height: 100px; z-index: 1; }
#header .wrap h1 { position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1; }
#header .wrap h1 a { display: block; width: 110px; height: 55px; text-indent: -9999px; background: url(../images/logo.png) 0/100% 100%; }
#header.sticky .wrap h1 a,
#header.ov .wrap h1 a,
#header.on .wrap h1 a { background-image: url(../images/logo_ov.png); }

#lang { position: absolute; top: 38px; right: 0; border: 1px solid #fff; border-radius: 13px; height: 23px; overflow: hidden; }
#header.sticky #lang,
#header.ov #lang,
#header.on #lang { border-color: #000; }
#lang.on { height: 46px; }
#lang::after { content: ''; position: absolute; top: 10px; right: 12px; width: 9px; height: 5px; background: url(../images/lang_arr.png) 0/100% 100%; transition: all 0.3s; }
#header.sticky #lang::after,
#header.ov #lang::after,
#header.on #lang::after { background-image: url(../images/lang_arr_on.png); }
#lang.on::after { transform: rotate(180deg); }
#lang li a { display: block; padding: 0 26px 0 16px; font-size: 15px; color: #fff; font-weight: 500; line-height: 23px; cursor: pointer; }
#lang.on li a,
#header.sticky #lang li a,
#header.ov #lang li a,
#header.on #lang li a { color: #000; }

#gnb { position: absolute; top: 0; left: 213px; right: 95px; display: flex; justify-content: space-between; }
#gnb>li>a { display: block; line-height: 100px; font-size: 20px; color: #fff; font-weight: 500; padding: 0 22px; }
#header.sticky #gnb>li>a,
#header.ov #gnb>li>a,
#header.on #gnb>li>a { color: #000; }
#header.ov #gnb>li:hover>a { color: #0052BF; }
#gnb>li>a::after { content: ''; position: absolute; bottom: 0; left: 50%; right: 50%; height: 3px; background: #0052BF; transition: all 0.3s; }
#gnb>li:hover>a::after { left: 0; right: 0; }
#gnb>li>ul { position: absolute; top: 100%; left: 0; width: 115%; height: 0; padding: 0 22px; overflow: hidden; }
#header.ov #gnb>li>ul { height: 330px; padding: 38px 22px; }
#gnb>li>ul>li { height: 60px; }
#gnb>li>ul>li>a { display: block; line-height: 1.2; padding: 8px 0; font-size: 18px; color: #fff; font-weight: 500; letter-spacing: -1.1px; }
#gnb>li>ul>li>a:hover { color: #6FADFF; }
.gnb_sub_bg { position: absolute; top: 100%; left: 0; right: 0; height: 0; background: rgba(0, 50, 116, 0.85); }
#header.ov .gnb_sub_bg { height: 420px; }

#bt_gnb { display: none; }

#footer { background: #000; padding: 0 30px; }
#footer .wrap { max-width: 1500px; margin: 0 auto; }
#footer .wrap .fm { display: flex; gap: 80px; border-bottom: 1px solid #282B31; }
#footer .wrap .fm li a { display: block; line-height: 100px; font-size: 18px; color: #fff; font-weight: 500; }
#footer .wrap .fm li.on a { color: #6FADFF; }
#footer .wrap .con { padding: 58px 0 73px; display: flex; gap: 42px; align-items: center; }
#footer .wrap .con .logo { width: 113px; }
#footer .wrap .con .logo img { width: 100%; }
#footer .wrap .con .tx { width: calc(100% - 155px); font-size: 17px; color: #fff; line-height: 176%; }
#footer .wrap .con .tx .info { display: flex; flex-wrap: wrap; gap: 0 30px; margin-bottom: 30px; }
#footer .wrap .con .tx .info dl { display: flex; gap: 10px; }
#footer .wrap .con .tx .info dl::after { content: ''; position: absolute; top: 50%; right: -21px; transform: translateY(-50%); width: 2px; height: 14px; background: #fff; }
#footer .wrap .con .tx .info dl:last-child:after { display: none; }
#footer .wrap .con .tx p { color: #646A72; }

#fixed_btns { position: fixed; bottom: 50px; right: 50px; width: 72px; z-index: 10; }
#fixed_btns a { display: block; height: 70px; text-indent: -9999px; background-size: 100%; border: 1px solid; box-shadow: 0 3px 6px rgba(0,0,0,0.16); margin-top: 10px; border-radius: 100%; }
#fixed_btns a.bt_customer_inquiry { border-color: #003274; background-image: url(../images/bt_c_inquiry.png); }
#fixed_btns a.bt_top { border-color: #D3D8E0; background-image: url(../images/bt_top.png); }
@media screen and (max-width:1560px) {
#gnb>li>a { padding: 0; }
#gnb>li>ul { width: 300%; padding: 0; }
#header.ov #gnb>li>ul { padding: 38px 0; }
#gnb>li>ul>li>a { font-size: 15px; }
}
@media screen and (max-width:1350px) {
#bt_gnb { position:absolute; text-indent: -9999px; top: 50%; right: 0; width: 20px; height: 16px; margin-top: -8px; z-index: 11; display: block; }
#bt_gnb i { position: absolute; left: 0; right: 0; height: 2px; background: #fff; }
#header.sticky #bt_gnb i,
#header.ov #bt_gnb i,
#header.on #bt_gnb i { background: #000; }
#bt_gnb i:nth-child(1) { top: 0; }
#bt_gnb i:nth-child(2),
#bt_gnb i:nth-child(3) { top: 7px; }
#bt_gnb i:nth-child(4) { top: 14px; }
#header.on #bt_gnb i:nth-child(1),
#header.on #bt_gnb i:nth-child(4) { opacity: 0; }
#header.on #bt_gnb i:nth-child(2),
#header.on #bt_gnb i:nth-child(3) { opacity: 0.7; }
#header.on #bt_gnb i:nth-child(2) { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); }
#header.on #bt_gnb i:nth-child(3) { transform: rotate(-495deg); -webkit-transform: rotate(-495deg); }
#header .wrap { height: 80px; }
#header .wrap h1 a { width: 88px; height: 44px; }

#lang { top: 28px; right: 40px; }

#gnb { position: fixed; top: 0; bottom: 0; left: 100%; right: -100%; background: #fff; display: block; padding: 100px 30px; overflow: auto; }
#header.on #gnb { left: 0; right: 0; }
#gnb>li { border-bottom: 1px solid #efefef; }
#gnb>li>a { line-height: 100%; padding: 25px 0; pointer-events: none; }
#gnb>li>a::before { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 12px; height: 7px; background: url(../images/lang_arr_on.png) 0/100% 100%; }
#gnb>li.active>a::before { transform: translateY(-50%) rotate(180deg); }
#gnb>li>a::after { display: none; }
#gnb>li>ul { position: relative; top: auto; left: auto; width: auto; height: auto; padding: 0 0 25px; display: none; }
#gnb>li.active>ul { display: block; }
#header.ov #gnb>li>ul { height: auto; padding: 0 0 25px; }
#gnb>li>ul>li>a { line-height: 180%; color: #888; }
.gnb_sub_bg { display: none; }

#footer .wrap .fm { gap: 40px; }
#footer .wrap .fm li a { line-height: 70px; font-size: 15px; }
#footer .wrap .con { padding: 40px 0; gap: 30px; }
#footer .wrap .con .logo { width: 100px; }
#footer .wrap .con .tx { font-size: 15px; }
#footer .wrap .con .tx .info { gap: 0 30px; }
#footer .wrap .con .tx .info dl { gap: 8px; }
#footer .wrap .con .tx .info dl::after { right: -16px; height: 12px; }

#fixed_btns { bottom: 30px; right: 30px; width: 70px; }
#fixed_btns a { height: 68px; margin-top: 8px; }
}
@media screen and (max-width:768px) {
#header { padding: 0 15px; }
#header .wrap { height: 65px; }
#header .wrap h1 a { width: 71px; height: 35px; }

#lang { top: 22px; right: 35px; border-radius: 11px; height: 20px; }
#lang.on { height: 40px; }
#lang::after { top: 8px; right: 9px; }
#lang li a { padding: 0 22px 0 12px; font-size: 13px; line-height: 20px; }

#gnb { padding: 75px 15px; }
#gnb.on { left: 0; right: 0; }
#gnb>li>a { padding: 20px 0; font-size: 16px; }
#gnb>li>ul { padding-bottom: 20px; }
#header.ov #gnb>li>ul { padding-bottom: 20px; }
#gnb>li>ul>li>a { font-size: 14px; }

#footer { padding: 0 15px; }
#footer .wrap .fm { flex-wrap: wrap; gap: 5px 4%; justify-content: center; padding: 15px 0; }
#footer .wrap .fm li a { line-height: 20px; font-size: 13px; }
#footer .wrap .con { padding: 25px 0; display: block; text-align: center; }
#footer .wrap .con .logo { width: 70px; margin: 0 auto 20px; }
#footer .wrap .con .tx { width: auto; font-size: 13px; display: block; }
#footer .wrap .con .tx .info { justify-content: center; padding: 0 30px; gap: 0 20px; margin-bottom: 5px; }
#footer .wrap .con .tx .info dl { gap: 5px; }
#footer .wrap .con .tx .info dl::after { display: none; }
#footer .wrap .con .tx .info dl::after { right: -16px; height: 12px; }

#fixed_btns { bottom: 15px; right: 15px; width: 50px; }
#fixed_btns a { height: 48px; margin-top: 5px; }
}


/* main */
.m_menu { position: fixed; top: 50%; left: 53px; transform: translateY(-50%); z-index: 20; }
.m_menu li { margin-bottom: 9px; }
.m_menu li:last-child { margin: 0; }
.m_menu li i { position: absolute; top: 0; left: 0; width: 22px; height: 22px; }
.m_menu li i::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 20px; height: 20px; background: #0052BF; border: 1px solid #fff; border-radius: 100%; animation: grow-shrink 2s infinite; display: none; }
.m_menu li.on i::before { display: block; }
.m_menu li i::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 7px; height: 7px; background: #D3D8E0; border-radius: 100%; }
.m_menu li a { display: block; padding-left: 27px; line-height: 22px; height: 22px; font-size: 18px; color: #0052BF; font-weight: 600; }
.m_menu li a span { opacity: 0; }
.m_menu li.on a span { opacity: 1; }
@media screen and (max-width:1560px) {
.m_menu { left: 30px; }
}
@media screen and (max-width:768px) {
.m_menu { left: 10px; }
.m_menu li { margin-bottom: 5px; }
.m_menu li a span { display: none; }
}

.m_sec01 { height: 100vh; background: url(../images/m_precision_bg.png) center center/cover; }
.m_sec01 .video_bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); }
.m_sec01 .video_bg video { height: 100%; width: 100%; object-fit: cover; opacity:0.8; }
.m_sec01::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom,#1058B7,#001736); opacity: 0.78; }
.m_sec01 .con { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% - 300px); max-width: 1500px; }
.m_sec01 .con h2 { font-size: 45px; color: #81B7FF; font-weight: 800; margin-bottom: 50px; }
.m_sec01 .con h3 { font-size: 70px; color: #fff; font-weight: 800; }
.m_sec01 .con .line { position: absolute; bottom: 12px; left: 325px; right: 0; height: 2px; background: #fff; }
.m_sec01 .con .bt_introduction { position: absolute; bottom: 24px; right: 0; font-size: 20px; color: #fff; font-weight: 800; padding-right: 41px; line-height: 24px; overflow: hidden; animation-name: bt_it; }
.m_sec01 .con .bt_introduction::after { content: ''; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url(../images/bt_introduction_ic.png) 0/100%; border-radius: 100%; }
.m_sec01 .scroll { position: absolute; bottom: 48px; left: 50%; transform: translateX(-50%); padding-bottom: 60px; font-size: 18px; color: #fff; }
.m_sec01 .scroll .ball { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 18px; height: 55px; }
.m_sec01 .scroll .ball::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 18px; height: 100%; background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.72)); border-radius: 9px; }
.m_sec01 .scroll .ball i { content: ''; position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); width: 16px; height: 16px; background: #003274; border-radius: 100%; animation: scroll_ball 1.8s infinite; }
.m_sec01 .scroll .ball i:nth-child(2) { bottom: 7px; opacity: 0.84; }
.m_sec01 .scroll .ball i:nth-child(3) { bottom: 12px; opacity: 0.75; }
.m_sec01 .scroll .ball i:nth-child(4) { bottom: 17px; opacity: 0.60; }
.m_sec01 .scroll .ball i:nth-child(5) { bottom: 22px; opacity: 0.45; }
.m_sec01 .scroll .ball i:nth-child(6) { bottom: 27px; opacity: 0.30; }
.m_sec01 .scroll .ball i:nth-child(7) { bottom: 32px; opacity: 0.15; }
.m_sec01 .scroll .ball i:nth-child(8) { bottom: 37px; opacity: 0.05; }
@media screen and (max-width:1560px) {
.m_sec01 .con { width: calc(100% - 260px); }
.m_sec01 .con h2 { font-size: 40px; margin-bottom: 40px; }
.m_sec01 .con h3 { font-size: 60px; }
.m_sec01 .con .line { bottom: 10px; left: 285px; }
.m_sec01 .con .bt_introduction { bottom: 20px; font-size: 18px; padding-right: 34px; line-height: 22px; }
.m_sec01 .con .bt_introduction::after { width: 22px; height: 22px; }
.m_sec01 .scroll { bottom: 30px; }
}
@media screen and (max-width:1200px) {
.m_sec01 .con { top: 48%; width: calc(100% - 100px); }
.m_sec01 .con h2 { font-size: 20px; margin-bottom: 20px; }
.m_sec01 .con h3 { font-size: 35px; }
.m_sec01 .con .line { bottom: -24px; left: 0; }
.m_sec01 .con .bt_introduction { bottom: -20px; font-size: 16px; padding-right: 28px; line-height: 20px; }
.m_sec01 .con .bt_introduction::after { width: 20px; height: 20px; }
.m_sec01 .scroll { bottom: 20px; font-size: 16px; }
}

.m_h2 { font-size: 28px; font-weight: 800; }
.m_h3 { font-size: 38px; line-height: 145%; }
@media screen and (max-width:1350px) {
.m_h2 { font-size: 24px; }
.m_h3 { font-size: 32px; }
}
@media screen and (max-width:768px) {
.m_h2 { font-size: 18px; }
.m_h3 { font-size: 24px; }
}

.m_sec02 { padding: 170px 0 130px; text-align: center; }
.m_sec02 .m_h2 { color: #0052BF; margin-bottom: 60px; }
.m_sec02 .m_h2 em { color: #003274; }
.m_sec02 .m_h3 { margin-bottom: 112px; }
.m_sec02 .slider::before { content: ''; position: absolute; top: -22px; left: 0; right: 0; height: 266px; background: url(../images/m_sec02_bg.png) no-repeat center 0/auto 100%; }
.m_sec02 .swiper-slide { width: calc(100% - 100px); max-width: 1500px; }
.m_sec02 .swiper-slide .con { font-family: 'Pretendard'; margin: 0 100px; }
.m_sec02 .swiper-slide .con .kw { font-size: 160px; color: #003274; font-weight: 800; letter-spacing: -5px; margin-bottom: 99px; }
.m_sec02 .swiper-slide .con .kw.sm { font-size: 120px; }
.m_sec02 .swiper-slide .con dt { font-size: 30px; color: #003274; font-weight: 800; margin-bottom: 20px; }
.m_sec02 .swiper-slide .con dd { font-size: 25px; color: #979A9F; font-weight: 500; }
.m_sec02 .swiper-slide .bar { margin-top: 126px; height: 2px; background: #EFF0F2; opacity: 0; }
.m_sec02 .swiper-slide .bar .on { position: absolute; top: 0; left: 0; bottom: 0; width: 0; background: #0052BF; transition: all 2s !important; transition-delay: 0.5s !important; }
.m_sec02 .swiper-slide-active .bar { opacity: 1; }
.m_sec02 .swiper-slide-active .bar .on { width: 100%; }
.m_sec02 .btns { position: absolute; bottom: 286px; left: 50%; transform: translateX(-50%); width: calc(100% - 200px); max-width: 55vw; z-index: 10; }
.m_sec02 .swiper-button-prev,
.m_sec02 .swiper-button-next { width: 151px; height: 16px; background-size: 100% 100%; text-indent: -9999px; }
.m_sec02 .swiper-button-prev { background-image: url(../images/m_sec_bt_prev_off.png); }
.m_sec02 .swiper-button-next { background-image: url(../images/m_sec_bt_next_off.png); }
.m_sec02 .swiper-button-prev:hover { background-image: url(../images/m_sec_bt_prev.png); }
.m_sec02 .swiper-button-next:hover { background-image: url(../images/m_sec_bt_next.png); }
@media screen and (max-width:1920px) {
.m_sec02 .slider::before { top: -1vw; height: 13.8vw; }
.m_sec02 .swiper-slide .con .kw { font-size: 9.8vw; letter-spacing: -0.3vw; }
}
@media screen and (max-width:1350px) {
.m_sec02 { padding: 130px 0 100px; }
.m_sec02 .m_h2 { margin-bottom: 45px; }
.m_sec02 .m_h3 { margin-bottom: 85px; }
.m_sec02 .swiper-slide { width: calc(100% - 60px); }
.m_sec02 .swiper-slide .con { margin: 0 30px; }
.m_sec02 .swiper-slide .con .kw { margin-bottom: 60px; }
.m_sec02 .swiper-slide .con dt { font-size: 24px; margin-bottom: 16px; }
.m_sec02 .swiper-slide .con dd { font-size: 20px; }
.m_sec02 .swiper-slide .bar { margin-top: 86px; }
.m_sec02 .btns { bottom: 186px; width: calc(100% - 100px); max-width: 58vw; }
.m_sec02 .swiper-button-prev,
.m_sec02 .swiper-button-next { width: 105px; height: 11px; }
}
@media screen and (max-width:1000px) {
.m_sec02 .m_h3 { margin: 0 45px 85px; }
.m_sec02 .m_h3 br { display: none; }
}
@media screen and (max-width:768px) {
.m_sec02 { padding: 100px 0; }
.m_sec02 .m_h2 { margin-bottom: 25px; }
.m_sec02 .m_h3 { margin-bottom: 65px; }
.m_sec02 .swiper-slide .con { margin: 0 20px; }
.m_sec02 .swiper-slide .con .kw { margin-bottom: 40px; }
.m_sec02 .swiper-slide .con dt { font-size: 20px; margin-bottom: 12px; }
.m_sec02 .swiper-slide .con dd { font-size: 16px; }
.m_sec02 .swiper-slide .bar { margin-top: 60px; }
.m_sec02 .btns { bottom: 126px; width: calc(100% - 160px); max-width: 80vw; }
.m_sec02 .swiper-button-prev,
.m_sec02 .swiper-button-next { width: 73px; height: 7px; }
}

.m_sec03 .bg { position: sticky; top: 0; left: 0; right: 0; height: 100vh; background: url(../images/m_sec03_bg.jpg) center center/cover; border-radius: 0 250px 0 0; }
.m_sec03 .wrap { padding: 230px 100px 148px; max-width: 1620px; margin: -100vh auto 0; }
.m_sec03 .wrap .m_h2 { color: #fff; margin: 0 85px 52px; }
.m_sec03 .wrap .m_h3 { color: #fff; margin: 0 85px 119px; }
.m_sec03 .wrap .card .unit { position: sticky; left: 0; height: 864px; margin-top: 94px; border-radius: 50px; background: center center/cover; color: #fff; overflow: hidden; }
.m_sec03 .wrap .card .unit.u1 { top: 120px; background-image: url(../images/m_sec03_card_bg01.png); }
.m_sec03 .wrap .card .unit.u2 { top: 160px; background-image: url(../images/m_sec03_card_bg02.png); }
.m_sec03 .wrap .card .unit.u3 { top: 200px; background-image: url(../images/m_sec03_card_bg03.png); }
.m_sec03 .wrap .card .unit.u4 { top: 240px; background-image: url(../images/m_sec03_card_bg04.png); }
.m_sec03 .wrap .card .unit.u5 { top: 280px; background-image: url(../images/m_sec03_card_bg05.png); }
.m_sec03 .wrap .card .unit.u6 { top: 320px; background-image: url(../images/m_sec03_card_bg06.png); }
.m_sec03 .wrap .card .unit::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.54); }
.m_sec03 .wrap .card .unit .t_tx { position: absolute; top: 25px; right: 40px; font-size: 27px; font-weight: 600; }
.m_sec03 .wrap .card .unit .c_tx { position: absolute; top: 45%; left: 85px; transform: translateY(-50%); }
.m_sec03 .wrap .card .unit .c_tx dt { font-size: 60px; font-weight: 700; margin-bottom: 45px; }
.m_sec03 .wrap .card .unit .c_tx dd { font-size: 30px; font-weight: 500; line-height: 140%; }
.m_sec03 .wrap .card .unit .c_tx dd .bt_m_more { margin-top: 59px; }

.bt_m_more { display: inline-block; padding: 0 50px 0 55px; line-height: 76px; border: 2px solid #fff; border-radius: 40px; font-size: 18px; color: #fff; font-weight: 700; }
.bt_m_more:hover { background: #fff; color: #003274; border-color: #003274; box-shadow: 0 3px 20px rgba(139, 171, 214, 0.5); }
.bt_m_more::after { content: ''; display: inline-block; width: 29px; height: 18px; background: url(../images/bt_more_arr.png) 0/100% 100%; vertical-align: middle; margin: -3px 0 0 16px; transition: all 0.3s; }
.bt_m_more:hover::after { background-image: url(../images/bt_more_arr_ov.png); }
.bt_m_more.wh { background: #fff; color: #003274; border-color: #003274; box-shadow: 0 3px 20px rgba(139, 171, 214, 0.5); }
.bt_m_more.wh::after { background-image: url(../images/bt_more_arr_ov.png); }
.bt_m_more.wh:hover { background: #003274; color: #fff; }
.bt_m_more.wh:hover::after { background-image: url(../images/bt_more_arr.png); }
.bt_m_more.blue { background: #003274; color: #fff; border-color: #fff; box-shadow: 0 3px 20px rgba(139, 171, 214, 0.5); }
.bt_m_more.blue:hover { background: #fff; color: #003274; }

.m_sec03 .wrap .card .navi { position: sticky; top: calc(100% - 105px); left: 50px; right: 50px; display: flex; z-index: 5; margin: 0 85px 90px; }
.m_sec03 .wrap .card .unit .navi { display: none; }
.m_sec03 .wrap .card .navi li { width: 20%; border-bottom: 3px solid rgba(255,255,255,0.2); padding-bottom: 29px; font-size: 22px; color: #979A9F; font-weight: 500; text-align: center; }
.m_sec03 .wrap .card .navi li.on { border-color: #fff; color: #fff; }
@media screen and (max-width:1350px) {
.m_sec03 .bg { border-radius: 0 150px 0 0; }
.m_sec03 .wrap { padding: 140px 80px 100px; }
.m_sec03 .wrap .m_h2 { margin: 0 50px 35px; }
.m_sec03 .wrap .m_h3 { margin: 0 50px 70px; }
.m_sec03 .wrap .card .unit { height: 650px; margin-bottom: 50px; border-radius: 30px; }
.m_sec03 .wrap .card .unit:nth-child(1) { top: 100px; }
.m_sec03 .wrap .card .unit:nth-child(2) { top: 130px; }
.m_sec03 .wrap .card .unit:nth-child(3) { top: 160px; }
.m_sec03 .wrap .card .unit:nth-child(4) { top: 190px; }
.m_sec03 .wrap .card .unit:nth-child(5) { top: 210px; }
.m_sec03 .wrap .card .unit .t_tx { top: 20px; right: 30px; font-size: 22px; }
.m_sec03 .wrap .card .unit .c_tx { left: 50px; }
.m_sec03 .wrap .card .unit .c_tx dt { font-size: 40px; margin-bottom: 30px; }
.m_sec03 .wrap .card .unit .c_tx dd { font-size: 24px; }
.m_sec03 .wrap .card .unit .c_tx dd .bt_m_more { margin-top: 40px; }
.bt_m_more { padding: 0 30px; line-height: 58px; font-size: 16px; }
.bt_m_more::after { width: 24px; height: 16px; margin-left: 12px; }
.m_sec03 .wrap .card .navi { top: calc(100% - 70px); left: 30px; right: 30px; margin: 0 50px 50px; }
.m_sec03 .wrap .card .navi li { border-bottom-width: 2px; padding-bottom: 20px; font-size: 16px; }
.m_sec03 .wrap .card .navi li:nth-child(1) { width: 28%; }
}
@media screen and (max-width:768px) {
.m_sec03 .bg { border-radius: 0 75px 0 0; }
.m_sec03 .wrap { padding: 70px 40px 40px; }
.m_sec03 .wrap .m_h2 { margin: 0 30px 25px; }
.m_sec03 .wrap .m_h3 { margin: 0 30px 60px; }
.m_sec03 .wrap .card .unit { height: 550px; margin-bottom: 30px; border-radius: 20px; }
.m_sec03 .wrap .card .unit:nth-child(1) { top: 80px; }
.m_sec03 .wrap .card .unit:nth-child(2) { top: 100px; }
.m_sec03 .wrap .card .unit:nth-child(3) { top: 120px; }
.m_sec03 .wrap .card .unit:nth-child(4) { top: 140px; }
.m_sec03 .wrap .card .unit:nth-child(5) { top: 160px; }
.m_sec03 .wrap .card .unit .t_tx { display: none; }
.m_sec03 .wrap .card .unit .c_tx { top: 40px; transform: none; left: 30px; right: 30px; }
.m_sec03 .wrap .card .unit .c_tx dt { font-size: 30px; margin-bottom: 20px; }
.m_sec03 .wrap .card .unit .c_tx dd { font-size: 16px; }
.m_sec03 .wrap .card .unit .c_tx dd .bt_m_more { margin-top: 25px; }
.bt_m_more { padding: 0 20px; line-height: 48px; font-size: 14px; }
.bt_m_more::after { width: 17px; height: 11px; margin-left: 10px; }
.m_sec03 .wrap .card .navi { top: calc(100% - 150px); left: 30px; right: 30px; display: block; }
.m_sec03 .wrap .card .navi li { border: 0; padding: 0; font-size: 14px; width: 100%; text-align: right; margin-top: 10px; }
.m_sec03 .wrap .card .navi li:nth-child(1) { width: 100%; }
}


.m_sec04 { padding: 180px 100px 130px; background: #EFF0F2; overflow: hidden; }
.m_sec04 .tx_bg { position: absolute; bottom: 0; left: 0; font-size: 120px; color: #D3D8E0; font-weight: 900; text-align: right; opacity: 0.22; line-height: 98%; }
.m_sec04 .wrap { max-width: 1500px; margin: 0 auto; display: flex; }
.m_sec04 .wrap .con_tx { width: 50%; z-index: 10; z-index: 12; }
.m_sec04 .wrap .con_tx .m_h2 { color: #0052BF; margin-bottom: 50px; }
.m_sec04 .wrap .con_tx .m_h2 em { color: #003274; }
.m_sec04 .wrap .con_tx .m_h3 { margin-bottom: 80px; }
.m_sec04 .wrap .slider { width: 1180px; margin-right: -590px; }
.m_sec04 .wrap .slider .swiper-slide { height: 790px; display: flex; justify-content: center; align-items: center; opacity: 0; }
.m_sec04 .wrap .slider .swiper-slide-next { opacity: 1; }
.m_sec04 .wrap .slider .swiper-slide-active { padding: 0; opacity: 1; }
.m_sec04 .wrap .slider .swiper-slide .box { box-sizing: border-box; width: 86%; height: 85%; background: #fff; border-radius: 275px 275px 30px 30px; padding: 36px; margin: 0 20px; }
.m_sec04 .wrap .slider .swiper-slide .box .ph { height: 343px; border-radius: 275px 275px 0 0; background: center center/cover; margin-bottom: 54px; }
.m_sec04 .wrap .slider .swiper-slide .box .tx .name { font-size: 30px; font-weight: 700; margin-bottom: 30px; }
.m_sec04 .wrap .slider .swiper-slide .box .tx .adr { font-size: 23px; font-weight: 600; margin-bottom: 20px; }
.m_sec04 .wrap .slider .swiper-slide .box .tx .phone { font-size: 20px; color: #979A9F; line-height: 150%; }
.m_sec04 .wrap .slider .swiper-slide-active .box { width: 100%; height: 100%; background: linear-gradient(to bottom,#2561B1,#003274); padding: 42px; box-shadow: 0 5px 70px rgba(90, 161, 255, 0.51); }
.m_sec04 .wrap .slider .swiper-slide-active .box .ph { height: 398px; margin-bottom: 68px; }
.m_sec04 .wrap .slider .swiper-slide-active .box .tx .name { color: #fff; margin-bottom: 40px; }
.m_sec04 .wrap .slider .swiper-slide-active .box .tx .adr { font-size: 25px; color: #fff; }
.m_sec04 .wrap .slider .swiper-slide-active .box .tx .phone { font-size: 25px; color: #D3D8E0; }
.m_sec04 .wrap .slider .swiper-pagination { position: relative; bottom: auto; left: auto; margin-top: 55px; width: 590px; }
.m_sec04 .wrap .slider .swiper-pagination-bullet { width: 18px; height: 18px; background: #fff; border: 1px solid #979A9F; opacity: 1; margin: 0 20px; }
.m_sec04 .wrap .slider .swiper-pagination-bullet-active { background: #003274; border-color: #003274; }
.m_sec04 .wrap .slider .swiper-pagination-bullet::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 16px; height: 16px; border: 2px solid transparent; border-radius: 100%; transition: all 0.3s; }
.m_sec04 .wrap .slider .swiper-pagination-bullet-active::before { width: 34px; height: 34px; border-color: #003274; }
@media screen and (max-width:1350px) {
.m_sec04 { padding: 150px 80px 110px; }
.m_sec04 .tx_bg { font-size: 80px; }
.m_sec04 .wrap .con_tx .m_h2 { margin-bottom: 35px; }
.m_sec04 .wrap .con_tx .m_h3 { margin-bottom: 60px; }
.m_sec04 .wrap .slider { width: 1000px; margin-right: -500px; }
.m_sec04 .wrap .slider .swiper-slide { height: 640px; }
.m_sec04 .wrap .slider .swiper-slide .box { border-radius: 225px 225px 20px 20px; padding: 24px; margin: 0 25px; }
.m_sec04 .wrap .slider .swiper-slide .box .ph { height: 0; padding-bottom: 85%; border-radius: 225px 225px 0 0; margin-bottom: 30px; }
.m_sec04 .wrap .slider .swiper-slide .box .tx .name { font-size: 24px; margin-bottom: 20px; }
.m_sec04 .wrap .slider .swiper-slide .box .tx .adr { font-size: 20px; margin-bottom: 15px; }
.m_sec04 .wrap .slider .swiper-slide .box .tx .phone { font-size: 16px; }
.m_sec04 .wrap .slider .swiper-slide-active .box { padding: 34px; }
.m_sec04 .wrap .slider .swiper-slide-active .box .ph { height: 0; margin-bottom: 35px; }
.m_sec04 .wrap .slider .swiper-slide-active .box .tx .name { margin-bottom: 30px; }
.m_sec04 .wrap .slider .swiper-slide-active .box .tx .adr { font-size: 24px; }
.m_sec04 .wrap .slider .swiper-slide-active .box .tx .phone { font-size: 20px; }
.m_sec04 .wrap .slider .swiper-pagination { margin-top: 35px; width: 500px; }
.m_sec04 .wrap .slider .swiper-pagination-bullet { width: 14px; height: 14px; margin: 0 15px; }
.m_sec04 .wrap .slider .swiper-pagination-bullet::before { width: 10px; height: 10px; }
.m_sec04 .wrap .slider .swiper-pagination-bullet-active::before { width: 28px; height: 28px; }
}
@media screen and (max-width:1100px) {
.m_sec04 { padding: 100px 80px 80px; }
.m_sec04 .wrap { display: block; }
.m_sec04 .wrap .con_tx { width: auto; margin-bottom: 30px; }
.m_sec04 .wrap .con_tx .m_h3 { margin-bottom: 40px; }
.m_sec04 .wrap .con_tx h3 br { display: none; }
}
@media screen and (max-width:768px) {
.m_sec04 { padding: 60px 40px 40px; }
.m_sec04 .wrap { display: block; }
.m_sec04 .wrap .con_tx { width: auto; margin-bottom: 25px; }
.m_sec04 .wrap .con_tx .m_h2 { margin-bottom: 25px; }
.m_sec04 .wrap .con_tx .m_h3 { margin-bottom: 30px; }
.m_sec04 .wrap .slider { width: 700px; margin-right: -350px; }
.m_sec04 .wrap .slider .swiper-slide { height: auto; min-height: 480px; }
.m_sec04 .wrap .slider .swiper-slide .box { border-radius: 175px 175px 15px 15px; height: auto; padding: 20px; margin: 0; }
.m_sec04 .wrap .slider .swiper-slide .box .ph { margin-bottom: 20px; }
.m_sec04 .wrap .slider .swiper-slide .box .tx .name { font-size: 20px; margin-bottom: 15px; }
.m_sec04 .wrap .slider .swiper-slide .box .tx .adr { font-size: 16px; margin-bottom: 10px; }
.m_sec04 .wrap .slider .swiper-slide .box .tx .phone { font-size: 14px; }
.m_sec04 .wrap .slider .swiper-slide-active .box { padding: 26px; }
.m_sec04 .wrap .slider .swiper-slide-active .box .ph { margin-bottom: 25px; }
.m_sec04 .wrap .slider .swiper-slide-active .box .tx .name { margin-bottom: 15px; }
.m_sec04 .wrap .slider .swiper-slide-active .box .tx .adr { font-size: 18px; }
.m_sec04 .wrap .slider .swiper-slide-active .box .tx .phone { font-size: 16px; }
.m_sec04 .wrap .slider .swiper-pagination { margin-top: 25px; width: 350px; }
.m_sec04 .wrap .slider .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px; }
.m_sec04 .wrap .slider .swiper-pagination-bullet::before { width: 6px; height: 6px; border-width: 1px; }
.m_sec04 .wrap .slider .swiper-pagination-bullet-active::before { width: 22px; height: 22px; }
}

.m_sec05 { height: 700px; background: #EFF0F2; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.m_sec05 .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/m_sec05_bg.png) center center/cover; }
.m_sec05 .m_h2 { color: #7BB3FF; margin-bottom: 43px; }
.m_sec05 .m_h2 em { color: #fff; }
.m_sec05 .m_h3 { color: #fff; margin-bottom: 60px; }
@keyframes m_sec05_bg {
    100% {
        border-radius: 240px 240px 0 0;
    }
}
@media screen and (max-width:1350px) {
.m_sec05 { height: 550px }
.m_sec05 .m_h2 { margin-bottom: 35px; }
.m_sec05 .m_h3 { margin-bottom: 50px; }
@keyframes m_sec05_bg {
    100% {
        border-radius: 150px 150px 0 0;
    }
}
}
@media screen and (max-width:768px) {
.m_sec05 { height: 450px }
.m_sec05 .m_h2 { margin-bottom: 25px; }
.m_sec05 .m_h3 { margin-bottom: 40px; }
@keyframes m_sec05_bg {
    100% {
        border-radius: 75px 75px 0 0;
    }
}
}


/* sub */
.st_area { padding: 0 30px; z-index: 1; overflow: hidden; }
.st_area::before { content: ''; position: absolute; top: -10%; left: -10%; right: -10%; bottom: -10%; background: center center/cover; animation: st_zoom_in 2.5s both; }
.st_area.s01::before { background-image: url(../images/st_img01.png); }
.st_area.s02::before { background-image: url(../images/st_img02.png); }
.st_area.s02_02::before { background-image: url(../images/st_img02_02.png); }
.st_area.s02_03::before { background-image: url(../images/st_img02_03.png); }
.st_area.s02_04::before { background-image: url(../images/st_img02_04.png); }
.st_area.s02_05::before { background-image: url(../images/st_img02_05.png); }
.st_area.s02_06::before { background-image: url(../images/st_img02_06.png); }
.st_area.s03::before { background-image: url(../images/st_img03.png); }
.st_area.s04::before { background-image: url(../images/st_img04.png); }
.st_area.s05::before { background-image: url(../images/st_img05.png); }
.st_area.s06::before { background-image: url(../images/st_img06.png); }
.st_area::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.38); }
.st_area .wrap { max-width: 1500px; height: 800px; padding-top: 100px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; z-index: 1; }
.st_area .wrap h2 { font-size: 25px; color: #fff; font-weight: 600; margin-bottom: 39px; }
.st_area .wrap h2 span::after { content: ''; position: absolute; bottom: 10%; left: calc(100% + 20px); width: 200px; height: 1px; background: rgba(255,255,255,0.5); }
.st_area .wrap .s_tx { font-size: 60px; color: #fff; font-weight: 800; margin-bottom: 130px; }
.st_area .wrap .p_location { display: flex; gap: 40px; }
.st_area .wrap .p_location a { color: #fff; }
.st_area .wrap .p_location>li>a { font-size: 20px; font-weight: 600; padding-right: 25px; }
.st_area .wrap .p_location>li:first-child>a { padding: 0; }
.st_area .wrap .p_location>li>a::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 12px; height: 7px; background: url(../images/location_arr.png) 0/100% 100%; }
.st_area .wrap .p_location>li.ns>a::after { display: none; }
.st_area .wrap .p_location>li.on>a::after { transform: translateY(-50%) rotate(180deg); }
.st_area .wrap .p_location>li:first-child>a::after { display: none; }
.st_area .wrap .p_location>li>ul { position: absolute; top: calc(100% + 10px); left: -15px; right: -15px; padding: 12px 15px; min-width: 75px; background: rgba(255,255,255,0.25); border-radius: 12px; display: none; }
.st_area.s02 .wrap .p_location>li:last-child>ul { min-width: 180px; }
.st_area.s03 .wrap .p_location>li:last-child>ul { min-width: 110px; }
.st_area .wrap .p_location>li.on>ul { display: block; }
.st_area .wrap .p_location>li>ul>li>a { font-size: 15px; font-weight: 500; line-height: 210%; letter-spacing: -0.5px; }
@media screen and (max-width:1350px) {
.st_area .wrap { height: 650px; padding-top: 80px; }
.st_area .wrap h2 { font-size: 22px; margin-bottom: 30px; }
.st_area .wrap h2 span::after { left: calc(100% + 15px); width: 150px; }
.st_area .wrap .s_tx { font-size: 45px; margin-bottom: 70px; }
.st_area .wrap .p_location { gap: 30px; }
.st_area .wrap .p_location>li>a { font-size: 17px; padding-right: 20px; }
.st_area .wrap .p_location>li>a::after { width: 10px; height: 6px; }
.st_area .wrap .p_location>li>ul { top: calc(100% + 8px); left: -13px; right: -13px; padding: 10px 15px; border-radius: 10px; }
.st_area .wrap .p_location>li>ul>li>a { font-size: 14px; }
}
@media screen and (max-width:768px) {
.st_area .wrap { height: 500px; padding-top: 65px; }
.st_area .wrap h2 { font-size: 18px; margin-bottom: 20px; }
.st_area .wrap h2 span::after { left: calc(100% + 10px); width: 100px; }
.st_area .wrap .s_tx { font-size: 30px; margin-bottom: 40px; }
.st_area .wrap .p_location { gap: 20px; }
.st_area .wrap .p_location>li>a { font-size: 15px; padding-right: 16px; }
.st_area .wrap .p_location>li>a::after { width: 8px; height: 4px; }
.st_area .wrap .p_location>li>ul { top: calc(100% + 5px); left: -12px; right: -12px; padding: 8px 12px; min-width: 70px; }
.st_area.s02 .wrap .p_location>li:last-child>ul { min-width: 130px; }
.st_area.s03 .wrap .p_location>li:last-child>ul { min-width: 105px; }
.st_area .wrap .p_location>li>ul>li>a { font-size: 13px; line-height: 200%; }
}


#lnb { padding: 130px 30px 160px; }
#lnb ul { max-width: 1500px; margin: 0 auto; display: flex; }
#lnb ul li { width: 33.3333%; }
#lnb ul li a { display: block; padding-bottom: 22px; border-bottom: 3px solid transparent; font-size: 18px; color: #979A9F; font-weight: 700; text-align: center; }
#lnb ul li.on a { color: #000; border-color: #000; }
@media screen and (max-width:1350px) {
#lnb { padding: 100px 30px 60px; overflow: hidden; overflow-x: auto; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none; }
#lnb::-webkit-scrollbar { display: none; }
#lnb.active { cursor: grab; }
#lnb ul { gap: 20px; }
#lnb ul li { width: auto; }
#lnb ul li:last-child { padding-right: 30px; }
#lnb ul li a { padding-bottom: 18px; border-bottom-width: 2px; font-size: 22px; }
}
@media screen and (max-width:768px) {
#lnb { padding: 70px 15px 30px; }
#lnb ul { gap: 15px; }
#lnb ul li:last-child { padding-right: 15px; }
#lnb ul li a { padding-bottom: 15px; font-size: 14px; }
}

#container .wrap { max-width: 1500px; margin: 0 auto; }
.ceo_message { padding: 0 30px 190px; overflow: hidden; }
.ceo_message .wrap { display: flex; gap: 50px; }
.ceo_message .wrap > div { width: 50%; }
.ceo_message .wrap .t_tx h4 { font-size: 30px; color: #0052BF; margin-bottom: 50px; }
.ceo_message .wrap .t_tx p { font-size: 65px; line-height: 138%; font-weight: 700; }
.ceo_message .wrap .c_tx p { font-size: 18px; line-height: 200%; font-weight: 500; text-wrap-style: balance; }
.ceo_message .wrap .c_tx .name { font-size: 30px; font-weight: 700; margin-top: 75px; }
@media screen and (max-width:1350px) {
.ceo_message { padding: 0 30px 150px; }
.ceo_message .wrap .t_tx h4 { font-size: 24px; margin-bottom: 30px; }
.ceo_message .wrap .t_tx p { font-size: 45px; }
.ceo_message .wrap .c_tx p { font-size: 16px; }
.ceo_message .wrap .c_tx .name { font-size: 24px; margin-top: 55px; }
}
@media screen and (max-width:768px) {
.ceo_message { padding: 0 15px 100px; }
.ceo_message .wrap { display: block; }
.ceo_message .wrap > div { width: auto; }
.ceo_message .wrap .t_tx { margin-bottom: 35px; }
.ceo_message .wrap .t_tx h4 { font-size: 20px; margin-bottom: 15px; }
.ceo_message .wrap .t_tx p { font-size: 30px; }
.ceo_message .wrap .c_tx p { font-size: 14px; }
.ceo_message .wrap .c_tx .name { font-size: 20px; margin-top: 35px; }
}

.dream { background: #EFF0F2; padding: 280px 0; text-align: center; }
.dream h4 { font-size: 65px; margin-bottom: 70px; }
.dream p { font-size: 30px; line-height: 165%; margin-bottom: 194px; }
.dream .dg .line { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); height: 10px; background: linear-gradient(to right, #EFF0F2 0%, #C9D2E0 40%, #C9D2E0 60%, #EFF0F2 100%); }
.dream .dg ul { display: flex; justify-content: center; gap: 150px; }
.dream .dg ul li { width: 260px; height: 260px; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 10px 20px 20px rgba(46, 93, 155, 0.42); }
.dream .dg ul li:nth-child(1) { background: #0052BF; }
.dream .dg ul li:nth-child(2) { background: #003274; }
.dream .dg ul li:nth-child(3) { background: #012048; }
.dream .dg.dg2 ul li:nth-child(1) { background: #0E4791; }
.dream .dg.dg2 ul li:nth-child(2) { background: #012048; }

.dream .dg ul li::before { content: ''; position: absolute; top: -9.2%; left: -9.2%; right: -9.2%; bottom: -9.2%; border: 2px dotted #C1C8D3; border-radius: 100%; }
.dream .dg ul li .ic { width: 60px; height: 60px; background: no-repeat center center; margin-bottom: 12px; }
.dream .dg ul li:nth-child(1) .ic {  background-image: url(../images/dream_ic01.png); background-size: 100% auto; }
.dream .dg ul li:nth-child(2) .ic {  background-image: url(../images/dream_ic02.png); background-size: 83% auto; }
.dream .dg ul li:nth-child(3) .ic {  background-image: url(../images/dream_ic03.png); background-size: 82% auto; }

.dream .dg ul li .tx { font-size: 22px; font-weight: 800; color: #fff; }
.dream .dg ul li .tx span { font-size: 20px; font-weight: 600; color: #6FADFF; display: block; margin-top: 5px; }
.dream .dg ul li::after { content: 'SEIL PRECISION MACHINERY'; position: absolute; bottom: 18px; left: 0; right: 0; font-size: 20px; font-weight: 900; color: rgba(255,255,255,0.03); text-align: center; }
.dream .dg ul li .dot { position: absolute; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; background: #fff; border: 3px solid #B8C4D6; border-radius: 100%; }
.dream .dg ul li .dot.pr { left: calc(109.2% - 9px); }
.dream .dg ul li .dot.pl { right: calc(109.2% - 9px); }
@media screen and (max-width:1350px) {
.dream { padding: 150px 30px; }
.dream h4 { font-size: 45px; margin-bottom: 40px; }
.dream p { font-size: 24px; margin-bottom: 100px; }
.dream .dg .line { height: 8px; }
.dream .dg ul { gap: 8%; }
.dream .dg ul li { width: 190px; height: 190px; }
.dream .dg ul li .ic { width: 50px; height: 50px; margin-bottom: 10px; }
.dream .dg ul li .tx { font-size: 18px; }
.dream .dg ul li .tx span { font-size: 16px; margin-top: 3px; }
.dream .dg ul li::after { bottom: 10px; font-size: 14px; }
.dream .dg ul li .dot { width: 10px; height: 10px; border-width: 2px; }
.dream .dg ul li .dot.pr { left: calc(109.2% - 6px); }
.dream .dg ul li .dot.pl { right: calc(109.2% - 6px); }
}
@media screen and (max-width:768px) {
.dream { padding: 100px 15px; }
.dream h4 { font-size: 26px; margin-bottom: 30px; }
.dream p { font-size: 18px; margin-bottom: 60px; }
.dream p br { display: none; }
.dream .dg .line { height: auto; width: 5px; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); background: linear-gradient(to bottom, #EFF0F2 0%, #C9D2E0 40%, #C9D2E0 60%, #EFF0F2 100%); }
.dream .dg ul { flex-direction: column; gap: 60px; align-items: center; }
.dream .dg ul li { box-shadow: 5px 10px 10px rgba(46, 93, 155, 0.42); }
.dream .dg ul li .dot { top: auto; left: 50% !important; transform: translateX(-50%); }
.dream .dg ul li .dot.pr { top: calc(109.2% - 6px); }
.dream .dg ul li .dot.pl { bottom: calc(109.2% - 6px); }
}
.history { padding: 0 30px 200px; }
.history .wrap { display: flex; }
.history .menu { width: 180px; padding-right: 90px; }
.history .menu .inner { position: sticky; top: 120px; left: 0; width: 100%; padding-top: 70px; }
.history .menu .inner li { margin-bottom: 30px; }
.history .menu .inner li a { display: block; line-height: 56px; border: 2px solid #D3D8E0; border-radius: 30px; font-size: 22px; color: #979A9F; font-weight: 700; text-align: center; background: #fff; box-shadow: 0 0 10px rgba(107, 133, 168, 0.33); }
.history .menu .inner li.on a { background: #003274; color: #fff; }
.history .menu_mo { display: none; }
.history .list { width: calc(100% - 360px); padding-top: 53px; border-left: 1px solid #D3D8E0; }
.history .list .line_on { position: absolute; top: 0; left: -1px; width: 1px; height: 0; background: #003274; opacity: 0; animation-name: line_on; }
.history .list .line_on.on { height: 92px; opacity: 1; display: none; }
.history .list dl { display: flex; margin-bottom: 68px; }
.history .list dl::before { content: ''; position: absolute; top: 35px; left: -1px; height: 0; width: 1px; background: #003274; transition: all 0.3s; transition-delay: 0.3s; }
.history .list dl.on::before { height: calc(100% + 68px); }
.history .list dl::after { content: ''; position: absolute; top: -53px; left: -1px; height: 0; width: 1px; background: #003274; transition: all 0.3s; }
.history .list dl:first-child.active:after { height: 88px; }
.history .list dl:last-child { margin: 0; }
.history .list dl dt { width: 390px; font-size: 70px; color: #D3D8E0; font-weight: 800; vertical-align: top; line-height: 100%; }
.history .list dl dt span { display: block; padding-left: 90px; }
.history .list dl dt span::before { content: ''; position: absolute; top: 50%; left: -4px; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 100%; background: #003274; box-shadow: 0 3px 6px rgba(111, 173, 255, 0.6); opacity: 0; }
.history .list dl.active dt span::before { opacity: 1; }
.history .list dl.active dt { color: #003274; }
.history .list dl dd { width: calc(100% - 390px); display: flex; align-items: center; }
.history .list dl dd ul { display: flex; flex-direction: column; justify-content: center; gap: 20px; }
.history .list dl dd ul li { font-size: 16px; line-height: 175%; font-weight: 600; display: flex; gap: 15px; }
@media screen and (max-width:1350px) {
.history { padding: 0 30px 150px; }
.history .menu { width: 150px; padding-right: 50px; }
.history .menu .inner { top: 100px; padding-top: 50px; }
.history .menu .inner li { margin-bottom: 20px; }
.history .menu .inner li a { line-height: 45px; font-size: 18px; }
.history .list { width: calc(100% - 200px); padding-top: 35px; }
.history .list .line_on { height: 80px; }
.history .list dl { margin-bottom: 40px; }
.history .list dl::before { top: 25px; }
.history .list dl.on::before { height: calc(100% + 40px); }
.history .list dl::after { top: -35px; }
.history .list dl:first-child.active:after { height: 60px; }
.history .list dl dt { width: 200px; font-size: 50px; }
.history .list dl dt span { padding-left: 50px; }
.history .list dl dd { width: calc(100% - 200px); }
.history .list dl dd ul { gap: 15px; }
.history .list dl dd ul li { font-size: 14px; gap: 12px; }
}
@media screen and (max-width:768px) {
.history { padding: 0 15px 100px; }
.history .wrap { display: block; }
.history .menu { display: none; }
.history .menu_mo { display: block; }
.history .menu_mo select { width: 100%; height: 45px; background: #003274; border: 0; color: #fff; appearance: none; padding: 0 15px; font-size: 18px; font-weight: 700; color: #fff; outline: 0; }
.history .menu_mo::after { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 12px; height: 7px; background: url(../images/location_arr.png) 0/100% 100%; }
.bt_m_more:hover::after { background-image: url(../images/bt_more_arr_ov.png); }
.history .list { width: auto; padding-top: 35px; border: 0; }
.history .list .line_on { display: none; }
.history .list dl { margin-bottom: 35px; display: block; }
.history .list dl::before,
.history .list dl::after { display: none; }
.history .list dl dt { width: auto; font-size: 38px; margin-bottom: 10px; }
.history .list dl dt span { padding-left: 0; }
.history .list dl dt span::before { display: none; }
.history .list dl dd { width: auto; }
.history .list dl dd ul { gap: 10px; }
.history .list dl dd ul li { gap: 10px; }
.history .list dl dd ul li em { font-weight: 800; }
}


.organization_chart { padding: 0 30px 300px; }
.organization_chart .wrap { width: 100%; height: 55vw; }
.organization_chart .wrap > div { width: 100%; height: 100%; background: url(../images/org_chart.png) no-repeat center center/100% auto; }
.organization_chart .wrap.en > div { width: 100%; height: 100%; background: url(../images/org_chart_en.png) no-repeat center center/100% auto; }

@media screen and (max-width:1000px) {
    .organization_chart .wrap { height: 60vw; }
    .organization_chart .wrap > div { background: url(../images/org_chart_t.png) no-repeat center center/100% auto; }
    .organization_chart .wrap.en > div { background-image: url(../images/org_chart_t_en.png) }
}
@media screen and (max-width:768px) {
    .organization_chart .wrap { height: 363vw; }
    .organization_chart .wrap > div { background: url(../images/org_chart_m.png) no-repeat center center/100% auto; }
    .organization_chart .wrap.en > div { background-image: url(../images/org_chart_m_en.png) }
}
.organization_chart .lv1 { margin-bottom: 47px; }
.organization_chart .lv1 span { display: block; width: 250px; height: 250px; background: #fff; border-radius: 100%; box-shadow: 5px 10px 30px rgba(111, 173, 255, 0.26); margin: 0 auto; text-indent: -9999px; }
.organization_chart .lv1 span::before { content: ''; position: absolute; top: 11%; left: 11%; right: 11%; bottom: 11%; border: 1px solid #AAC6EC; border-radius: 100%; box-shadow: 0 10px 45px rgba(111, 173, 255, 0.12); background: #fff url(../images/logo_ov.png) no-repeat center center/71% auto; }
.organization_chart .lv1 .line1 { position: absolute; top: 100%; left: 50%; height: 47px; width: 1px; background: #AAC6EC; }
.organization_chart .lv1 .line2 { position: absolute; top: 50%; left: 50%; right: 22.2222%; height: 172px; border: 1px solid #AAC6EC; border-width: 1px 1px 0 0; }
.organization_chart .lv2>ul { display: flex; gap: 35px; }
.organization_chart .lv2>ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 310px;
    height: 1px;
    background: #AAC6EC;
    right: 154px;
}
.organization_chart .lv2>ul>li { padding-top: 36px; }
.organization_chart .lv2>ul>li:nth-child(1) { width: 44.444%; }
.organization_chart .lv2>ul>li:nth-child(2) { width: 22.222%; }
.organization_chart .lv2>ul>li:nth-child(3) { width: 11.111%; }
.organization_chart .lv2>ul>li:nth-child(4) { width: 22.222%; }
.organization_chart .lv2>ul>li::before { content: ''; position: absolute; top: 0; height: 1px; background: #AAC6EC; }
.organization_chart .lv2>ul>li:nth-child(2n-1):before { left: 50%; right: -17px; }
.organization_chart .lv2>ul>li:nth-child(2n):before { right: 50%; left: -17px; }
.organization_chart .lv2>ul>li>span { display: block; width: 194px; line-height: 60px; background: #003274; border-radius: 30px; font-size: 18px; color: #fff; font-weight: 800; text-align: center; box-shadow: 0 0 10px rgba(107, 133, 168, 0.66); margin: 0 auto 36px; }
.organization_chart .lv2>ul>li>span::before { content: ''; position: absolute; bottom: 100%; left: 50%; height: 36px; width: 1px; background: #AAC6EC; }
.organization_chart .lv2>ul>li>span::after { content: ''; position: absolute; top: 100%; left: 50%; height: 36px; width: 1px; background: #AAC6EC; }
.organization_chart .lv2>ul>li:nth-child(3)>span { width: auto; margin: 0 -22px 36px; }
.organization_chart .lv2>ul>li>.lv3 { display: flex; gap: 30px; }
.organization_chart .lv2>ul>li>.lv3>ul { width: 100%; max-width: 136px; margin: 0 auto; }
.organization_chart .lv2>ul>li>.lv3>ul>li { padding-top: 36px; }
.organization_chart .lv2>ul>li>.lv3>ul>li::before { content: ''; position: absolute; top: 0; height: 1px; background: #AAC6EC; left: -42px; right: -42px; }
.organization_chart .lv2>ul>li>.lv3>ul:first-child>li::before { left: 50%; }
.organization_chart .lv2>ul>li>.lv3>ul:last-child>li::before { right: 50%; }
.organization_chart .lv2>ul>li>.lv3>ul>li>span { display: block; line-height: 47px; border: 1px solid #003274; border-radius: 25px; background: #fff; box-shadow: 0 5px 20px rgba(107, 133, 168, 0.3); font-size: 15px; color: #003274; font-weight: 700; text-align: center; margin-bottom: 32px; }
.organization_chart .lv2>ul>li>.lv3>ul>li>span::before { content: ''; position: absolute; bottom: 100%; left: 50%; height: 36px; width: 1px; background: #AAC6EC; }
.organization_chart .lv2>ul>li>.lv3>ul>li>span::after { content: ''; position: absolute; top: 100%; left: 50%; height: 36px; width: 1px; background: #AAC6EC; }
.organization_chart .lv2>ul>li:last-child>.lv3>ul>li>span::after,
.organization_chart .lv2>ul>li:nth-child(3)>.lv3>ul>li>span::after { display: none; }
.organization_chart .lv2>ul>li>.lv3>ul>li>span.empty { border-color: transparent; box-shadow: none; }
.organization_chart .lv2>ul>li>.lv3>ul>li>span.empty::after { top: 0; bottom: -36px; height: auto; }
.organization_chart .lv2>ul>li>.lv3>ul>li>ul>li { display: block; line-height: 49px; border-radius: 25px; box-shadow: 0 0px 15px rgba(107, 133, 168, 0.2); background: #fff; font-size: 15px; font-weight: 700; text-align: center; margin-bottom: 12px; }
.organization_chart .lv2>ul>li>.lv3>ul>li>ul>li::before { content: ''; position: absolute; bottom: 100%; left: 50%; height: 12px; width: 1px; background: #AAC6EC; }
.organization_chart .lv2>ul>li>.lv3>ul>li>ul>li:last-child { margin: 0; }
@media screen and (max-width:1350px) {
.organization_chart { padding: 0 30px 150px; }
.organization_chart .lv1 { margin-bottom: 30px; }
.organization_chart .lv1 span { width: 200px; height: 200px; }
.organization_chart .lv1 .line1 { height: 30px; }
.organization_chart .lv1 .line2 { height: 130px; }
.organization_chart .lv2>ul { gap: 10px; }
.organization_chart .lv2>ul>li { padding-top: 24px; }
.organization_chart .lv2>ul>li>span { width: 150px; line-height: 50px; font-size: 16px; margin-bottom: 24px; }
.organization_chart .lv2>ul>li>span::before { height: 24px; }
.organization_chart .lv2>ul>li>span::after { height: 24px; }
.organization_chart .lv2>ul>li:nth-child(3)>span { margin: 0 -5px; }
.organization_chart .lv2>ul>li>.lv3 { gap: 10px; }
.organization_chart .lv2>ul>li>.lv3>ul>li { padding-top: 24px; }
.organization_chart .lv2>ul>li>.lv3>ul>li>span { line-height: 40px; margin-bottom: 20px; font-size: 13px; }
.organization_chart .lv2>ul>li>.lv3>ul>li>span::before { height: 24px; }
.organization_chart .lv2>ul>li>.lv3>ul>li>span::after { height: 24px; }
.organization_chart .lv2>ul>li>.lv3>ul>li>span.empty::after { bottom: -24px; }
.organization_chart .lv2>ul>li>.lv3>ul>li>ul>li { line-height: 40px; margin-bottom: 8px; font-size: 13px; }
.organization_chart .lv2>ul>li>.lv3>ul>li>ul>li::before { height: 8px; }
}
@media screen and (max-width:1100px) {
.organization_chart { padding: 0 15px 150px; }
.organization_chart .lv1 span { width: 150px; height: 150px; }
.organization_chart .lv1 .line2 { height: 100px; }
.organization_chart .lv2>ul>li:nth-child(4) { width: 30%; }
.organization_chart .lv2>ul>li>span { width: 110px; font-size: 14px; letter-spacing: -0.5px; }
.organization_chart .lv2>ul>li:nth-child(3)>span { margin: 0 -20px; }
.organization_chart .lv2>ul>li>.lv3 { gap: 5px; }
.organization_chart .lv2>ul>li>.lv3>ul>li>span { font-size: 12px; }
.organization_chart .lv2>ul>li>.lv3>ul>li>ul>li { font-size: 11px; letter-spacing: -0.5px; }
}
@media screen and (max-width:768px) {
.organization_chart .wrap { padding-left: 20px; }
.organization_chart .wrap::before { content: ''; position: absolute; top: 75px; left: 0; bottom: 154px; border: 1px solid #FFFFFF; border-right: 0; }
.organization_chart .lv1 { margin-bottom: 30px; }
.organization_chart .lv1 .line1 { top: 50%; left: -20px; width: 50%; height: 1px; }
.organization_chart .lv1 .line2 { display: none; }
.organization_chart .lv2>ul { flex-wrap: wrap;  }
.organization_chart .lv2>ul>li { width: calc(100% - 5px) !important; padding-top: 0; margin-bottom: 20px; }
.organization_chart .lv2>ul>li::before { top: 25px; left: -20px !important; right: 50% !important; height: 1px; background: #AAC6EC; }
.organization_chart .lv2>ul>li>span { width: 150px; }
.organization_chart .lv2>ul>li:nth-child(3)>span { width: 150px; margin: 0 auto; }
.organization_chart .lv2>ul>li>span::before { display: none; }
.organization_chart .lv2>ul>li:nth-child(1)>span::after { height: 314px; }
.organization_chart .lv2>ul>li>.lv3 { flex-wrap: wrap; gap: 20px; }
.organization_chart .lv2>ul>li>.lv3>ul { width: calc(50% - 15px); max-width: 50%; }
.organization_chart .lv2>ul>li>.lv3>ul:nth-child(2n-1)>li::before { left: 50%; }
.organization_chart .lv2>ul>li>.lv3>ul:nth-child(2n)>li::before { right: 50%; }
.organization_chart .lv2>ul>li>.lv3>ul>li>span { font-size: 13px; }
.organization_chart .lv2>ul>li>.lv3>ul>li>ul>li { font-size: 12px; }
.organization_chart .lv2>ul>li>.lv3>ul>li>span.empty { display: none; }
}

.location { padding: 0 30px 240px; }
.location .unit { margin-bottom: 150px; }
.location .unit:last-child { margin: 0; }
.location .unit h4 { font-size: 45px; margin-bottom: 23px; }
.location .unit .adr { font-size: 20px; font-weight: 600; margin-bottom: 10px; }
.location .unit .phone { display: flex; gap: 35px; margin-bottom: 75px; }
.location .unit .phone dl { display: flex; gap: 10px; line-height: 28px; }
.location .unit .phone dl dt { width: 28px; border-radius: 100%; background: #003274; font-size: 15px; color: #fff; font-weight: 700; text-align: center; }
.location .unit .phone dl dd { font-size: 20px; color: #737A84; }
.location .unit .map { padding-bottom: 41.2%; }
.location .unit .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; outline: 0; }
@media screen and (max-width:1350px) {
.location { padding: 0 30px 150px; }
.location .unit { margin-bottom: 100px; }
.location .unit h4 { font-size: 30px; margin-bottom: 15px; }
.location .unit .adr { font-size: 16px; margin-bottom: 8px; }
.location .unit .phone { gap: 25px; margin-bottom: 40px; }
.location .unit .phone dl { line-height: 26px; }
.location .unit .phone dl dt { width: 26px; font-size: 14px; }
.location .unit .phone dl dd { font-size: 16px; }
}
@media screen and (max-width:768px) {
.location { padding: 0 15px 100px; }
.location .unit { margin-bottom: 50px; }
.location .unit h4 { font-size: 25px; margin-bottom: 12px; }
.location .unit .adr { font-size: 15px; margin-bottom: 6px; }
.location .unit .phone { gap: 20px; margin-bottom: 30px; }
.location .unit .phone dl { line-height: 24px; }
.location .unit .phone dl dt { width: 24px; font-size: 13px; }
.location .unit .phone dl dd { font-size: 15px; }
.location .unit .map { padding-bottom: 100%; }
}

.partners { padding: 0 30px 300px; }
.partners h4 { font-size: 50px; line-height: 140%; margin-bottom: 144px; }
.partners .slider { padding: 0 40px; }
.partners .slider::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 15%; background: linear-gradient(to right,rgba(255,255,255,0), rgba(255,255,255,1) 80%); z-index: 10; }
.partners .slider .swiper-slide { width: 385px; }
.partners .slider .swiper-slide .box { border: 1px solid #D3D8E0; margin-right: 17px; }
.partners .slider .swiper-slide .box img { width: 100%; }
.partners .swiper-button-prev,
.partners .swiper-button-next { top: 50%; transform: translateY(-50%); margin: 0; width: 71px; height: 71px; background-size: 100%; text-indent: -9999px; z-index: 11; }
.partners .swiper-button-prev { background-image: url(../images/partners_bt_prev.png); }
.partners .swiper-button-next { background-image: url(../images/partners_bt_next.png); }
@media screen and (max-width:1350px) {
.partners { padding: 0 30px 150px; }
.partners h4 { font-size: 40px; margin-bottom: 100px; }
.partners .slider { padding: 0 30px; }
.partners .slider .swiper-slide { width: 26.5%; }
.partners .slider .swiper-slide .box { margin-right: 12px; }
.partners .swiper-button-prev,
.partners .swiper-button-next { width: 55px; height: 55px; }
}
@media screen and (max-width:768px) {
.partners { padding: 0 15px 100px; }
.partners h4 { font-size: 26px; margin-bottom: 50px; text-align: center; }
.partners h4 br { display: none; }
.partners .slider { padding: 0 30px; }
.partners .slider .swiper-slide { width: 55%; }
.partners .slider .swiper-slide .box { margin-right: 10px; }
.partners .swiper-button-prev,
.partners .swiper-button-next { width: 45px; height: 45px; }
}

.business_field { padding: 0 30px 280px; }
.business_field .wrap { display: flex; gap: 150px; }
.business_field .wrap .b_menu { width: 295px; }
.business_field .wrap .b_menu ul { position: sticky; top: 120px; left: 0; }
.business_field .wrap .b_menu ul li { margin-bottom: 30px; }
.business_field .wrap .b_menu ul li a { display: block; background: #fff; box-shadow: 0 0 10px rgba(107, 134, 168, 0.65); font-size: 17px; color: #979A9F; font-weight: 700; text-align: center;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.business_field .wrap .target_pre {
    display: flex;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 50px;
}
.business_field .wrap .target_pre > div {
    line-height: 50px;
    padding: 0 20px;
    text-align: center;;
}
.business_field .wrap .target_pre > div > span {
    display: inline-block;
}
.business_field .wrap .target_pre .ic_next{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/ic_desc_next.png) no-repeat center center/100% auto;
    margin-left: 20px;
    margin-right: 20px;
}
.business_field .wrap .b_menu ul li.on a { background: #003274; color: #fff; }
.business_field .wrap .r_con { width: calc(100% - 445px); }
.business_field .wrap .f_con { width: calc(100% - 25px); }
/* .business_field .wrap .r_con .list { margin-bottom: 80px; } */
.business_field .wrap .r_con .t_tx { font-size: 22px; line-height: 168%; color: #000; font-weight: 500; padding-bottom: 47px; border-bottom: 1px solid #D3D8E0; margin-bottom: 50px; }
.business_field .wrap .r_con.f_con .t_tx { white-space: pre-line; }
.business_field .wrap .r_con .list h4 { font-size: 27px; color: #003274; font-weight: normal; text-align: center; margin-bottom: 50px; }
.business_field .wrap .r_con .list h5.bf_list_label { font-size: 22px; font-weight: 700; text-align: center; margin-top: -140px; margin-bottom: 140px; }
.business_field .wrap .r_con .list ul { display: flex; flex-wrap: wrap; gap: 70px 54px; margin-bottom: 170px; }
.business_field .wrap .r_con .list ul:last-child { margin: 0; }
.business_field .wrap .r_con .list ul li { width: calc(50% - 27px); opacity: 0; }
.business_field .wrap .r_con.f_con .list ul li { width: calc(100% - 27px); }
.business_field .wrap .r_con .list ul li.on { animation: bf_list 2s both; }
.business_field .wrap .r_con .list ul li .ph { padding-bottom: 61%; background: #E1E3E7 center center/cover; border-radius: 20px; }
.business_field .wrap .r_con.f_con .list ul li .ph { background-color:#fff; background-repeat:no-repeat; background-size: contain; }
.business_field .wrap .r_con.f_con .list ul li .ph.sm { width: 60%; }
.business_field .wrap .r_con .list ul li .tx { font-size: 22px; font-weight: 700; text-align: center; margin-top: 22px; }
.business_field .wrap .r_con .list ul
.business_field .wrap .r_con .list .b_guide { font-size: 18px; color: #003274; font-weight: 500; margin-top: -65px; }
.business_field .wrap .r_con .list dt,
.business_field .wrap .r_con .list dd { 
    display: inline-flex;
    width: 50%;
}
@media screen and (max-width:1350px) {
.business_field { padding: 0 30px 150px; }
.business_field .wrap { display: block; }
.business_field .wrap .b_menu { width: auto; overflow: hidden; overflow-x: auto; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none; margin-bottom: 30px; }
.business_field .wrap .b_menu::-webkit-scrollbar { display: none; }
.business_field .wrap .b_menu.active { cursor: grab; }
.business_field .wrap .b_menu ul { position: relative; top: auto; left: auto; display: flex; gap: 20px; padding: 5px; }
.business_field .wrap .b_menu ul li { margin-bottom: 0; }
.business_field .wrap .b_menu ul li a { line-height: 43px; font-size: 16px; padding: 0 20px; box-shadow: 0 0 5px rgba(107, 134, 168, 0.65); }
.business_field .wrap .r_con { width: auto; }
.business_field .wrap .r_con .t_tx { font-size: 18px; padding-bottom: 28px; margin-bottom: 30px; }
.business_field .wrap .r_con .list h4 { font-size: 22px; margin-bottom: 35px; }
.business_field .wrap .r_con .list ul { gap: 50px 20px; margin-bottom: 100px; }
.business_field .wrap .r_con .list ul li { width: calc(50% - 10px); }
.business_field .wrap .r_con .list ul li .ph { border-radius: 15px; }
.business_field .wrap .r_con .list ul li .tx { font-size: 18px; margin-top: 18px; }
}
@media screen and (max-width:768px) {
.business_field { padding: 0 15px 100px; }
.business_field .wrap .b_menu ul { gap: 12px; padding: 3px; }
.business_field .wrap .b_menu ul li a { line-height: 38px; font-size: 13px; padding: 0 15px; box-shadow: 0 0 3px rgba(107, 134, 168, 0.65); }
.business_field .wrap .r_con .t_tx { font-size: 16px; }
.business_field .wrap .r_con .list h4 { font-size: 18px; margin-bottom: 25px; }
.business_field .wrap .r_con .list ul { gap: 35px; margin-bottom: 70px; }
.business_field .wrap .r_con .list ul li { width: 100%; }
.business_field .wrap .r_con .list ul li .ph { border-radius: 12px; }
.business_field .wrap .r_con .list ul li .tx { font-size: 14px; margin-top: 10px; }
}

.logistics_system { padding: 0 30px 300px; }
.logistics_system h4 { font-size: 27px; font-weight: 800; color: #003274; text-align: center; margin-bottom: 120px; }
.logistics_system .video { max-width: 1270px; margin: 0 auto; }
.logistics_system .video::before { content: ''; display: block; padding-bottom: 56.34%; }
.logistics_system .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (max-width:1350px) {
.logistics_system { padding: 0 30px 150px; }
.logistics_system h4 { font-size: 22px; margin-bottom: 80px; }
}
@media screen and (max-width:768px) {
.logistics_system { padding: 0 15px 100px; }
.logistics_system h4 { font-size: 18px; margin-bottom: 40px; }
}

.rnd { padding: 0 30px 210px; }
.rnd ul { display: flex; flex-wrap: wrap; gap: 100px 60px; }
.rnd ul li { width: calc(25% - 45px); opacity: 0; }
.rnd ul li.on { animation: bf_list 2s both;}
.rnd ul li .ph { background: #E7E8EB; border-radius: 20px; margin-bottom: 40px; }
.rnd ul li .ph::before { content: ''; display: block; padding-bottom: 130%; }
.rnd ul li .ph .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 63%; box-shadow: 0 3px 20px rgba(0,0,0,0.16); background: center center/cover; }
.rnd ul li .ph .inner::before { content: ''; display: block; padding-bottom: 145%; }
.rnd ul li .ph a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-indent: -9999px; background: url(../images/ic_rnd_plus.png) no-repeat center center/30% auto; border: 3px solid #003274; border-radius: 20px; opacity: 0; }
.rnd ul li .ph a:hover { opacity: 1; }
.rnd ul li .tx { font-size: 20px; line-height: 150%; font-weight: 600; text-align: center; }

.pu_rnd { width: calc(100% - 30px); max-width: 460px; }
.pu_rnd img { width: 100%; }
.pu_rnd .bt_close { position: absolute; bottom: calc(100% + 15px); right: 0; width: 24px; height: 24px; background: url(../images/bt_pu_rnd_close.png) 0/100%; text-indent: -9999px; }
@media screen and (max-width:1350px) {
.rnd { padding: 0 30px 150px; }
.rnd ul { gap: 70px 30px; }
.rnd ul li { width: calc(33.3333% - 20px); }
.rnd ul li .ph { border-radius: 15px; margin-bottom: 30px; }
.rnd ul li .tx { font-size: 17px; }

.pu_rnd .bt_close { bottom: calc(100% + 12px); width: 20px; height: 20px; }
}
@media screen and (max-width:768px) {
.rnd { padding: 0 15px 150px; }
.rnd ul { gap: 50px 20px; }
.rnd ul li { width: calc(50% - 10px); }
.rnd ul li .ph { border-radius: 15px; margin-bottom: 20px; }
.rnd ul li .ph .inner { width: 70%; }
.rnd ul li .tx { font-size: 14px; }

.pu_rnd .bt_close { bottom: calc(100% + 10px); width: 18px; height: 18px; }
}

.media_list { padding: 135px 30px 160px; }
.media_list .card_news { margin-bottom: 110px; }
.media_list .card_news .swiper-slide { display: flex; height: 560px; background: #EFF0F2; }
.media_list .card_news .swiper-slide .ph { width: 50%; background: center center/cover; }
.media_list .card_news .swiper-slide .tx { width: 50%; box-sizing: border-box; padding: 30px 120px 30px 55px; display: flex; align-items: center; }
.media_list .card_news .swiper-slide .tx .date { font-size: 17px; color: #979A9F; font-weight: 500; margin-bottom: 20px; }
.media_list .card_news .swiper-slide .tx .tit { font-size: 40px; font-weight: 700; line-height: 137.5%; margin-bottom: 34px; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.media_list .card_news .swiper-slide .tx .c_tx { font-size: 18px; color: #464646; line-height: 166.66%; margin-bottom: 34px; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; }
.media_list .card_news .swiper-slide .tx .bt_m_more { padding: 0 30px; line-height: 48px; font-size: 15px; border-color: #003274; color: #003274; opacity: 0; bottom: -50px; transition: all 1s !important; }
.media_list .card_news .swiper-slide-active .tx .bt_m_more { opacity: 1; bottom: 0 !important; }
.media_list .card_news .swiper-slide .tx .bt_m_more:hover { background: #003274; color: #fff; }
.media_list .card_news .swiper-slide .tx .bt_m_more::after { width: 19px; height: 12px; background-image: url(../images/bt_more_arr_ov.png); margin-left: 6px; }
.media_list .card_news .swiper-slide .tx .bt_m_more:hover::after { background-image: url(../images/bt_more_arr.png); }
.media_list .card_news .swiper-button-prev,
.media_list .card_news .swiper-button-next { top: 50%; transform: translateY(-50%); margin: 0; width: 90px; height: 90px; background-size: 100%; text-indent: -9999px; z-index: 11; }
.media_list .card_news .swiper-button-prev { background-image: url(../images/partners_bt_prev.png); }
.media_list .card_news .swiper-button-next { background-image: url(../images/partners_bt_next.png); }

.media_list .list_t_area { border-bottom: 1px solid #707070; margin-bottom: 50px; }
.media_list .list_t_area .count { font-size: 15px; font-weight: 500; padding-bottom: 12px; }
.media_list .list_t_area .search { position: absolute; bottom: 0; right: 0; display: flex; gap: 35px; }
.media_list .list_t_area .search .sel_op { width: 170px; }
.media_list .list_t_area .search .sel_op select { width: 100%; height: 43px; border: 0; outline: 0; appearance: none; font-size: 15px; font-weight: 500; background: transparent; }
.media_list .list_t_area .search .sel_op::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 11px; height: 7px; background: url(../images/sel_arrow.png) 0/100% 100%; }
.media_list .list_t_area .search .kw { width: 340px; }
.media_list .list_t_area .search .kw input { width: 100%; height: 43px; border: 0; outline: 0; font-size: 15px; font-weight: 500; padding-right: 50px; }
.media_list .list_t_area .search .kw .bt_search { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 13px; height: 14px; background: url(../images/bt_search.png) 0/100% 100%; text-indent: -9999px; }
.media_list .list { display: flex; flex-wrap: wrap; gap: 135px 75px; margin-bottom: 180px; }
.media_list .list li { width: calc(33.3333% - 50px); opacity: 0; }
.media_list .list li.on { animation: bf_list 2s both; }
.media_list .list li .check { position: absolute; top: -25px; }
.media_list .list li .ph { margin-bottom: 45px; background: center center/cover; }
.media_list .list li .ph::before { content: ''; display: block; padding-bottom: 71.11%; }
.media_list .list li .tx .date { font-size: 18px; font-weight: 500; color: #606060; margin-bottom: 30px; }
.media_list .list li .tx .tit { font-size: 26px; line-height: 146%; font-weight: 700; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.pagination { text-align: center; }
.pagination a { display: inline-block; vertical-align: top; }
.pagination a.pn { width: 34px; height: 34px; text-indent: -9999px; background: no-repeat center center/auto 50%; }
.pagination a.pn.first { background-image: url(../images/pn_first.png); }
.pagination a.pn.prev { background-image: url(../images/pn_prev.png); }
.pagination a.pn.next { background-image: url(../images/pn_next.png); }
.pagination a.pn.last { background-image: url(../images/pn_last.png); }
.pagination span { margin: 0 5px; }
.pagination span a { display: inline-block; line-height: 34px; min-width: 24px; padding: 0 5px; font-size: 17px; color: #818181; font-weight: 600; border-radius: 100%; margin: 0 3px; }
.pagination span a:hover { text-decoration: none; }
.pagination span a.on { color:#fff; background: #003274; }
@media screen and (max-width:1350px) {
.media_list { padding: 70px 30px; }
.media_list .card_news { margin-bottom: 70px; }
.media_list .card_news .swiper-slide { height: 420px; }
.media_list .card_news .swiper-slide .tx { padding: 20px 90px 20px 30px; }
.media_list .card_news .swiper-slide .tx .date { font-size: 15px; margin-bottom: 15px; }
.media_list .card_news .swiper-slide .tx .tit { font-size: 30px; margin-bottom: 25px; }
.media_list .card_news .swiper-slide .tx .c_tx { font-size: 16px; margin-bottom: 25px; }
.media_list .card_news .swiper-slide .tx .bt_m_more { padding: 0 20px; line-height: 38px; font-size: 12px; bottom: -30px; }
.media_list .card_news .swiper-slide .tx .bt_m_more::after { width: 16px; height: 11px; margin-left: 5px; }
.media_list .card_news .swiper-button-prev,
.media_list .card_news .swiper-button-next { width: 60px; height: 60px; }

.media_list .list_t_area { margin-bottom: 30px; }
.media_list .list_t_area .count { font-size: 14px; padding-bottom: 10px; }
.media_list .list_t_area .search { gap: 25px; }
.media_list .list_t_area .search .sel_op { width: 130px; }
.media_list .list_t_area .search .sel_op select { height: 38px; font-size: 14px; }
.media_list .list_t_area .search .sel_op::after { width: 8px; height: 6px; }
.media_list .list_t_area .search .kw { width: 260px; }
.media_list .list_t_area .search .kw input { height: 38px; font-size: 14px; padding-right: 40px; }
.media_list .list_t_area .search .kw .bt_search { right: 10px; }
.media_list .list { gap: 80px 40px; margin-bottom: 100px; }
.media_list .list li { width: calc(50% - 20px); }
.media_list .list li .ph { margin-bottom: 25px; }
.media_list .list li .tx .date { font-size: 16px; margin-bottom: 15px; }
.media_list .list li .tx .tit { font-size: 22px; }
.pagination a.pn { width: 28px; height: 28px;}
.pagination span { margin: 0 4px; }
.pagination span a { line-height: 28px; min-width: 18px; font-size: 15px; }
}
@media screen and (max-width:768px) {
.media_list { padding: 40px 15px; }
.media_list .card_news { margin-bottom: 40px; }
.media_list .card_news .swiper-slide { display: block; height: auto; }
.media_list .card_news .swiper-slide .ph { width: auto; }
.media_list .card_news .swiper-slide .ph::after { content: ''; display: block; padding-bottom: 70%; }
.media_list .card_news .swiper-slide .tx { width: auto; padding: 15px 20px; }
.media_list .card_news .swiper-slide .tx .date { font-size: 13px; margin-bottom: 10px; }
.media_list .card_news .swiper-slide .tx .tit { font-size: 20px; margin-bottom: 15px; }
.media_list .card_news .swiper-slide .tx .c_tx { font-size: 13px; margin-bottom: 15px; }
.media_list .card_news .swiper-slide .tx .bt_m_more { bottom: -20px; }
.media_list .card_news .swiper-button-prev,
.media_list .card_news .swiper-button-next { width: 45px; height: 45px; }

.media_list .list_t_area { margin-bottom: 20px; }
.media_list .list_t_area .search { gap: 15px; }
.media_list .list_t_area .search .sel_op { width: 50px; }
.media_list .list_t_area .search .sel_op select { font-size: 13px; }
.media_list .list_t_area .search .kw { width: 160px; }
.media_list .list_t_area .search .kw input { font-size: 13px; }
.media_list .list { gap: 40px 10px; margin-bottom: 60px; }
.media_list .list li { width: calc(50% - 5px); }
.media_list .list li .ph { margin-bottom: 10px; }
.media_list .list li .tx .date { font-size: 13px; margin-bottom: 10px; }
.media_list .list li .tx .tit { font-size: 15px; }
.pagination a.pn { width: 23px; height: 23px;}
.pagination span { margin: 0 2px; }
.pagination span a { line-height: 23px; min-width: 13px; font-size: 13px; }
}

.media_view { padding: 136px 30px; }
.media_view .t_area { border-top: 2px solid #000; padding: 25px 0; display: flex; justify-content: space-between; gap: 50px; }
.media_view .t_area .tit { width: calc(100% - 160px); font-size: 23px; font-weight: 700; }
.media_view .t_area .date { width: 110px; font-size: 18px; color: #606060; font-weight: 500; text-align: right; }
.media_view .c_tx { border-top: 1px solid #C1C8D3; padding: 72px 0 130px; font-size: 18px; line-height: 177%; }
.media_view .c_tx img { max-width: 100%; }
.media_view .pn_list { border-top: 2px solid #000; }
.media_view .pn_list dl { border-bottom: 1px solid #C1C8D3; line-height: 80px; display: flex; font-size: 18px; }
.media_view .pn_list dl dt { width: 155px; font-weight: 700; text-align: center; }
.media_view .pn_list dl dt::before { content: ''; display: inline-block; width: 17px; height: 10px; background-size: 100% 100%; vertical-align: middle; margin: -3px 19px 0 0; }
.media_view .pn_list dl:nth-child(1) dt::before { background-image: url(../images/pn_list_prev.png); }
.media_view .pn_list dl:nth-child(2) dt::before { background-image: url(../images/pn_list_next.png); }
.media_view .pn_list dl dd { padding: 0 30px; width: calc(100% - 205px); display: flex; justify-content: space-between; gap: 50px; font-weight: 500; }
.media_view .pn_list dl dd .tit { width: calc(100% - 160px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.media_view .pn_list dl dd .date { width: 110px; text-align: right; color: #606060; }
.media_view .btns { margin-top: 75px; text-align: center; }
.media_view .btns .bt_list { display: inline-block; width: 188px; line-height: 58px; border: 2px solid #003274; border-radius: 31px; background: #fff; font-size: 18px; color: #003274; font-weight: 700; text-align: center; }
.media_view .btns .bt_list:hover { background: #003274; color: #fff; }
@media screen and (max-width:1350px) {
.media_view { padding: 70px 30px; }
.media_view .t_area { padding: 20px 0; gap: 40px; }
.media_view .t_area .tit { width: calc(100% - 140px); font-size: 20px; }
.media_view .t_area .date { width: 100px; font-size: 16px; }
.media_view .c_tx { padding: 40px 0 80px; font-size: 16px; }
.media_view .pn_list dl { line-height: 60px; font-size: 16px; }
.media_view .pn_list dl dt { width: 135px; }
.media_view .pn_list dl dt::before { width: 15px; height: 9px; margin-right: 14px; }
.media_view .pn_list dl dd { padding: 0 20px; width: calc(100% - 165px); gap: 40px; }
.media_view .pn_list dl dd .tit { width: calc(100% - 140px); }
.media_view .pn_list dl dd .date { width: 100px; }
.media_view .btns { margin-top: 55px; }
.media_view .btns .bt_list { width: 168px; line-height: 50px; font-size: 16px; }
}
@media screen and (max-width:768px) {
.media_view { padding: 40px 15px; }
.media_view .t_area { display: block; padding: 15px 0; gap: 0; }
.media_view .t_area .tit { width: auto; font-size: 18px; margin-bottom: 10px; }
.media_view .t_area .date { width: auto; font-size: 14px; text-align: left; }
.media_view .c_tx { padding: 30px 0 60px; font-size: 14px; }
.media_view .pn_list dl { line-height: 45px; font-size: 13px; }
.media_view .pn_list dl dt { width: 80px; }
.media_view .pn_list dl dt::before { display: none; }
.media_view .pn_list dl dd { padding: 0 10px; width: calc(100% - 80px); gap: 15px; }
.media_view .pn_list dl dd .tit { width: auto; }
.media_view .pn_list dl dd .date { display: none; }
.media_view .btns { margin-top: 35px; }
.media_view .btns .bt_list { width: 118px; line-height: 40px; font-size: 14px; }
}

.recruit > div { padding: 150px 30px; }
.recruit > div h3 { font-size: 30px; color: #0052BF; margin-bottom: 95px; }
.recruit > div h3 em { color: #003274; }
.recruit > div .t_tx { font-size: 50px; line-height: 136%; font-weight: 700; }
.recruit .culture { background: #EFF0F2; }
.recruit .culture .t_tx { margin-bottom: 88px; }
.recruit .culture .bt_download { position: absolute; bottom: 7%; right: 0; width: 265px; line-height: 76px; border: 2px solid #003274; border-radius: 40px; background: #fff; box-shadow: 0 3px 20px rgba(139, 171, 214, 0.5); font-size: 18px; color: #003274; font-weight: 600; text-align: center; }
.recruit .culture .bt_download:hover { background-color: #003274; color: #fff; }
.recruit .culture .bt_download::after { content: ''; display: inline-block; width: 23px; height: 25px; background: url(../images/ic_download.png) 0/100% 100%; vertical-align: middle; margin: -7px 0 0 12px; }
.recruit .culture .bt_download:hover::after { background-image: url(../images/ic_download_ov.png); }
.recruit .bt_apply { margin: 50px auto 0; display: block; width: 265px; line-height: 76px; border: 2px solid #003274; border-radius: 40px; background: #fff; box-shadow: 0 3px 20px rgba(139, 171, 214, 0.5); font-size: 18px; color: #003274; font-weight: 600; text-align: center; }
.recruit .bt_apply:hover { background-color: #003274; color: #fff; }
/* .recruit .bt_apply::after { content: ''; display: inline-block; width: 23px; height: 25px; background: url(../images/ic_download.png) 0/100% 100%; vertical-align: middle; margin: -7px 0 0 12px; } */
/* .recruit .bt_apply:hover::after { background-image: url(../images/ic_download_ov.png); } */
.recruit .culture .s_tx { font-size: 27px; line-height: 166%; margin-bottom: 135px; }
.recruit .culture .list { display: flex; justify-content: space-between; gap: 30px; }
.recruit .culture .list dl { box-sizing: border-box; width: 370px; border: 2px solid #fff; background: #fff; border-radius: 24px; box-shadow: 0 3px 20px rgb(180, 199, 229); text-align: center; padding-bottom: 5%; opacity: 0; }
.recruit .culture .list dl.on { animation: bf_list 2s both; }
.recruit .culture .list dl:hover { border-color: #0052BF; }
.recruit .culture .list dl::before { content: ''; display: block; padding-bottom: 73%; background: no-repeat center 0/100% auto; transition: all 0.3s; }
.recruit .culture .list dl:nth-child(1):before { background-image: url(../images/culture_list_ill01.png); }
.recruit .culture .list dl:nth-child(2):before { background-image: url(../images/culture_list_ill02.png); }
.recruit .culture .list dl:nth-child(3):before { background-image: url(../images/culture_list_ill03.png); }
.recruit .culture .list dl:nth-child(1):hover:before { background-image: url(../images/culture_list_ill01ov.png); }
.recruit .culture .list dl:nth-child(2):hover:before { background-image: url(../images/culture_list_ill02ov.png); }
.recruit .culture .list dl:nth-child(3):hover:before { background-image: url(../images/culture_list_ill03ov.png); }
.recruit .culture .list dl dt { font-size: 28px; color: #003274; font-weight: 800; margin-bottom: 34px; }
.recruit .culture .list dl:hover dt { color: #0052BF; }
.recruit .culture .list dl dt span { display: block; font-size: 20px; color: #979A9F; font-weight: 600; margin-top: 5px; }
.recruit .culture .list dl dd { font-size: 18px; font-weight: 500; padding: 0 20px; }

.step .t_tx { margin-bottom: 133px; }
.step .list { display: flex; padding-right: 5%; }
.step .list dl { width: 30%; border-radius: 100%; margin-right: -5%; text-align: center; opacity: 0; }
.step .list dl.on { animation: bf_list 2s both; }
.step .list dl:nth-child(1) { background-color: rgba(0, 82, 191, 0.06); }
.step .list dl:nth-child(2) { background-color: rgba(0, 82, 191, 0.1); }
.step .list dl:nth-child(3) { background-color: rgba(0, 82, 191, 0.2); z-index: 1; }
.step .list dl:nth-child(4) { background-color: rgba(0, 82, 191, 1); }
.step .list dl::before { content: ''; display: block; padding-bottom: 100%; }
.step .list dl::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 17%; background: url(../images/recruit_step_arr.png) no-repeat center center/20% auto; }
.step .list dl:nth-child(3):after { background-image: url(../images/recruit_step_arr_w.png); }
.step .list dl:nth-child(4):after { width: auto; top: 2.7%; left: 2.7%; right: 2.7%; bottom: 2.7%; border: 1px dashed #fff; border-radius: 100%; background: none; }
.step .list dl dt { position: absolute; top: 20%; left: 0; right: 0; font-size: 20px; font-weight: 800; color: #0052BF; }
.step .list dl:last-child dt { color: #fff; }
.step .list dl dd { position: absolute; top: 46%; left: 0; right: 0; font-size: 28px; font-weight: 700; }
.step .list dl:last-child dd { color: #fff; }
.step .list dl dd p { font-size: 20px; font-weight: 500; color: #979A9F; margin-top: 16px; }
.step .list dl:last-child dd p { color: #AAC5E8; }
@media screen and (max-width:1350px) {
.recruit > div { padding: 80px 30px; }
.recruit > div h3 { font-size: 24px; margin-bottom: 70px; }
.recruit > div .t_tx { font-size: 40px; }
.recruit .culture .t_tx { margin-bottom: 65px; }
.recruit .culture .bt_download { width: 205px; line-height: 63px; font-size: 15px; }
.recruit .culture .bt_download::after { width: 20px; height: 21px; }
.recruit .culture .s_tx { font-size: 22px; margin-bottom: 100px; }
.recruit .culture .s_tx br { display: none; }
.recruit .culture .list dl { border-radius: 20px; }
.recruit .culture .list dl dt { font-size: 24px; margin-bottom: 25px; }
.recruit .culture .list dl dt span { font-size: 16px; margin-top: 4px; }
.recruit .culture .list dl dd { font-size: 16px; }

.step .t_tx { margin-bottom: 90px; }
.step .list dl dt { font-size: 16px; }
.step .list dl dd { font-size: 18px; }
.step .list dl dd p { font-size: 14px; margin-top: 10px; }
}
@media screen and (max-width:768px) {
.recruit > div { padding: 40px 15px; }
.recruit > div h3 { font-size: 20px; margin-bottom: 45px; }
.recruit > div .t_tx { font-size: 25px; }
.recruit .culture .t_tx { margin-bottom: 45px; }
.recruit .culture .bt_download { position: relative; bottom: auto; right: auto; display: block; width: 185px; line-height: 48px; font-size: 14px; margin-top: 20px; }
.recruit .culture .bt_download::after { width: 17px; height: 18px; margin-left: 8px; }
.recruit .culture .s_tx { font-size: 18px; margin-bottom: 70px; }
.recruit .culture .s_tx br { display: none; }
.recruit .culture .list { display: block; }
.recruit .culture .list dl { border-radius: 20px; width: 250px; margin: 0 auto 30px; padding-bottom: 7%; }
.recruit .culture .list dl dt { font-size: 20px; margin-bottom: 20px; }
.recruit .culture .list dl dt span { font-size: 14px; margin-top: 3px; }
.recruit .culture .list dl dd { font-size: 14px; }

.step .t_tx { margin-bottom: 80px; }
.step .list { flex-wrap: wrap; max-width: 450px; margin: 0 auto; }
.step .list dl { width: 57.5%; margin: -10% -10% 0 0; } 
}

.online_inquiry { padding: 130px 30px; }
.online_inquiry .wrap { max-width: 1080px !important; }
.online_inquiry .wrap h3 { font-size: 30px; text-align: center; padding-bottom: 43px; border-bottom: 1px solid #D3D8E0; margin-bottom: 58px; }
.online_inquiry .wrap .form { display: flex; flex-wrap: wrap; gap: 40px; }
.online_inquiry .wrap .form dl { width: calc(50% - 20px); }
.online_inquiry .wrap .form dl.w100 { width: 100%; }
.online_inquiry .wrap .form dl dt { font-size: 20px; font-weight: 700; margin-bottom: 15px; }
.online_inquiry .wrap .form dl dd input[type=text] { width: 100%; height: 55px; border: 1px solid #D3D8E0; border-radius: 7px; padding: 0 25px; font-size: 18px; font-weight: 500; box-shadow: 0 3px 10px #EAEEF4; outline: 0; }
.online_inquiry .wrap .form dl dd input[type=text]::-webkit-input-placeholder { color: #BBC3CE; }
.online_inquiry .wrap .form dl dd select { width: 100%; height: 55px; border: 1px solid #D3D8E0; border-radius: 7px; padding: 0 25px; font-size: 18px; font-weight: 500; box-shadow: 0 3px 10px #EAEEF4; appearance: none; outline: 0; }
.online_inquiry .wrap .form dl dd.sel::after { content: ''; position: absolute; top: 50%; right: 22px; transform: translateY(-50%); width: 11px; height: 6px; background: url(../images/sel_arrow2.png) 0/100% 100%; }
.online_inquiry .wrap .form dl dd textarea { width: 100%; height: 300px; border: 1px solid #D3D8E0; border-radius: 7px; padding: 20px 25px; font-size: 18px; font-weight: 500; box-shadow: 0 3px 10px #EAEEF4; outline: 0; }

.attach { display: flex; gap: 18px; }
.attach input[type="file"] { position:absolute; top:0; left:0; width:100%; height:55px; filter:alpha(opacity=0); opacity:0; cursor:pointer; z-index:5; }
.attach a { position:absolute; top:0; right:0; background:#003274; color:#fff; display:block; width:160px; line-height:55px; text-align:center; border-radius:5px; font-size: 18px; font-weight: 500; }
.attach a::after { content: ''; display: inline-block; width: 12px; height: 12px; background: url(../images/ic_file_add.png) 0/100%; vertical-align: middle; margin: -3px 0 0 10px; }
.attach span { display:block; width: calc(100% - 228px);height: 55px; line-height:55px; padding:0 25px; border:1px solid #EAEEF4; border-radius:7px; box-shadow: 0 3px 10px #EAEEF4; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size: 18px; color: #BBC3CE; font-weight: 500; }
.attach.on span { color: #000; }

.online_inquiry .wrap .form .agree input { display: none; }
.online_inquiry .wrap .form .agree input + label { font-size: 18px; color: #55575A; font-weight: 500; }
.online_inquiry .wrap .form .agree input + label a { color: #0052BF; }
.online_inquiry .wrap .form .agree input + label::before { content: ''; display: inline-block; width: 21px; height: 21px; border: 1px solid #D3D8E0; vertical-align: middle; margin: -3px 12px 0 0; }
.online_inquiry .wrap .form .agree input:checked + label::before { background: url(../images/cb_on.png) no-repeat center center/61% auto; }
.online_inquiry .wrap .btns { margin-top: 155px; text-align: center; }
.online_inquiry .wrap .btns .bt_done { display: inline-block; width: 233px; line-height: 78px; border: 1px solid #fff; border-radius: 40px; background: #003274; font-size: 18px; color: #fff; font-weight: 700; text-align: center; box-shadow: 0 3px 20px #42628D; }
.online_inquiry .wrap .btns .bt_done:hover { border-color: #003274; background: #fff; color: #003274; }
@media screen and (max-width:1350px) {
.online_inquiry { padding: 80px 30px; }
.online_inquiry .wrap h3 { font-size: 24px; padding-bottom: 30px; margin-bottom: 40px; }
.online_inquiry .wrap .form { gap: 30px; }
.online_inquiry .wrap .form dl { width: calc(50% - 15px); }
.online_inquiry .wrap .form dl dt { font-size: 16px; margin-bottom: 10px; }
.online_inquiry .wrap .form dl dd input[type=text] { height: 45px; border-radius: 5px; padding: 0 15px; font-size: 16px; }
.online_inquiry .wrap .form dl dd select { height: 45px; border-radius: 5px; padding: 0 15px; font-size: 16px; }
.online_inquiry .wrap .form dl dd.sel::after { right: 17px; width: 9px; height: 5px; }
.online_inquiry .wrap .form dl dd textarea { height: 250px; border-radius: 5px; padding: 15px; font-size: 16px; }

.attach { gap: 15px; }
.attach input[type="file"] { height:45px; }
.attach a { width:120px; line-height:45px; font-size: 16px; }
.attach a::after { width: 10px; height: 10px; margin-left: 8px; }
.attach span { width: calc(100% - 165px);height: 45px; line-height:45px; padding:0 15px; border-radius: 5px; font-size: 16px; }

.online_inquiry .wrap .form .agree input + label { font-size: 16px; }
.online_inquiry .wrap .form .agree input + label::before { width: 19px; height: 19px; margin-right: 10px; }
.online_inquiry .wrap .btns { margin-top: 80px; }
.online_inquiry .wrap .btns .bt_done { width: 183px; line-height: 63px; font-size: 14px; }
}
@media screen and (max-width:768px) {
.online_inquiry { padding: 40px 15px; }
.online_inquiry .wrap h3 { font-size: 20px; padding-bottom: 20px; margin-bottom: 30px; }
.online_inquiry .wrap .form { display: block; }
.online_inquiry .wrap .form dl { width: auto; margin-bottom: 20px; }
.online_inquiry .wrap .form dl:last-child { margin: 0; }
.online_inquiry .wrap .form dl dt { font-size: 14px; margin-bottom: 8px; }
.online_inquiry .wrap .form dl dd input[type=text] { height: 40px; padding: 0 10px; font-size: 14px; }
.online_inquiry .wrap .form dl dd select { height: 40px; padding: 0 10px; font-size: 14px; }
.online_inquiry .wrap .form dl dd textarea { height: 200px; padding: 10px; font-size: 14px; }

.attach { gap: 10px; }
.attach input[type="file"] { height:40px; }
.attach a { width:100px; line-height:40px; font-size: 14px; }
.attach span { width: calc(100% - 130px);height: 40px; line-height:40px; padding:0 10px; font-size: 14px; }

.online_inquiry .wrap .form .agree input + label { font-size: 14px; }
.online_inquiry .wrap .btns { margin-top: 40px; }
.online_inquiry .wrap .btns .bt_done { width: 163px; line-height: 53px; }
}