@charset "utf-8";

html, body, *{font-family: 'NotoSansKR','Nanum Gothic','NanumGothic','나눔고딕','돋움','돋움체','굴림','굴림체',dotum,gulim,Verdana,Arial,'Apple SD Gothic Neo',Sans-serif;}
body{overflow-x:hidden;}
a, button, label, .top_btn img{-webkit-tap-highlight-color: transparent !important;}
a{color:inherit;}
textarea{resize:none;}
input, textarea{outline:none;}
.wrap{min-width:unset; max-width:unset; width:100%; height:100%; min-height:unset;}
.contents{margin-bottom:0;}
.contents section{box-sizing:border-box;}

.thin{font-weight:100 !important;}
.light{font-weight:300 !important;}
.regular{font-weight:400 !important;}
.medium{font-weight:500 !important;}

.fc_gray{color:#999 !important;}
.v_p, .v_nm{display:block !important;}
.v_t, .v_m{display:none !important;}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 100;
  src: url('../font/NotoSansKR-Thin.ttf') format('truetype');
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 300;
  src: url('../font/NotoSansKR-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NotoSansKR-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 500;
  src: url('../font/NotoSansKR-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NotoSansKR-Bold.ttf') format('truetype');
}

#header{position: fixed; z-index:100; top: 0; left: 0; width: 100%; height: 100px; background: rgba(255,255,255,.9);}
#header .inner{display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; max-width: 1440px; margin: 0 auto;}
#header .inner .lt{display: flex; align-items: center; font-size:0;}
#header .inner .lt .logo{padding-left:20px;}
#header .inner .lt .logo img{cursor:pointer;}
#header .inner .lt .loc{opacity:0; font-size:24px; color:#000; letter-spacing:-.3px; font-weight:100;}
#header .inner .lt .loc::before{content:'>'; display:inline-block; font-size:inherit; color:inherit; margin-left:10px; margin-right:10px;}
#header .inner .lt.on .loc{opacity:1;}
#header .inner .rt{font-size: 0; white-space: nowrap;}
#header .inner .rt > *{vertical-align:middle;}
#header .inner .rt .lang{display: inline-block; font-size: 24px; color: #000; font-weight: 100;}
#header .inner .rt .lang ~ .lang::before{content:''; display:inline-block; width:1px; height:20px; background:#a2a2a2; margin-left:16px; margin-right:16px; vertical-align:middle;}
#header .inner .rt .lang:last-of-type{margin-right:40px;}
#header .inner .rt .lang a{display:inline-block; vertical-align:middle;}
#header .inner .rt .lang.on a{color: #011b58; font-weight: 500; border-bottom:2px solid #011b58;}
#header .inner .rt .btn_gnb{display:inline-block; width:60px; height:60px; font-size:0; color:transparent; background:url('../images/re/ico_menu.png') no-repeat center / 24px auto;}

#gnb{display:none; opacity:0; transform:scale(1.2); position: fixed; z-index: 9000; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgb(48, 55, 83, .97); box-sizing: border-box; transition: 1s ease all;}
#gnb.on{opacity:1; transform:scale(1);}
#gnb .btn_gnb_close{position: absolute; top: 80px; right: 80px; width: 83px; height: 83px;}
#gnb .btn_gnb_close img{display: block; width: 100%;}
#gnb ul{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1440px; display: flex; justify-content: center; gap: 0 100px; margin: 0 auto;}
#gnb ul li .tit{display: block; font-size: 60px; font-weight:700; margin-bottom: 8px; animation: .5s linear .4s ani_gnb_01; animation-fill-mode: forwards; opacity:0; transform: translateY(-40px);}
#gnb ul li:nth-of-type(2) .tit{animation-delay: .4s;}
#gnb ul li:nth-of-type(3) .tit{animation-delay: .6s;}
#gnb ul li:nth-of-type(4) .tit{animation-delay: .8s;}
#gnb ul li .tit img{opacity:1; display: inline-block; width: 19px; vertical-align: 38px; margin-right: -8px;}
#gnb ul li .sub{animation: .5s linear 1.4s ani_gnb_02; animation-fill-mode: forwards; opacity:0;}
#gnb ul li .sub div ~ div{margin-top: 14px;}
#gnb ul li .sub div a{font-size: 25px; border-bottom:2px solid transparent;}

#gnb ul li .tit, #gnb ul li .sub a{color: rgb(255,255,255,1);}
#gnb ul li .tit, #gnb ul li .sub a, #gnb ul li .tit img{transition:.4s ease all;}
#gnb ul:hover li .tit, #gnb ul:hover li .sub a{color: rgb(255,255,255,.2);}
#gnb ul:hover li .tit img{opacity:.2;}
#gnb ul li:hover .tit, #gnb ul li:hover .sub a{color: rgb(255,255,255,1);}
#gnb ul li:hover .tit img{opacity:1;}
#gnb ul li .sub div:hover a{border-bottom-color: #fff;}

.top_btn{display:none; position:fixed; z-index:90; bottom:20px; right:20px;}
.top_btn img{width: 45px; transform: rotate(180deg); cursor:pointer;}

.contents > section, 
.contents > section .inner,
.footer .inner{width:100%; max-width:1440px; margin:0 auto;}

.contents > section#business, 
.contents > section#global-experience, 
.contents > section#e-bi,
.contents > section#distribution, 
.contents > section#contact, 
.footer{width:100%; max-width:100%;}

.contents > section .title{display: block; font-size: 60px; color: #011b58; font-weight: 700; letter-spacing: -3px; line-height:1.33; margin-bottom: 30px;}

.contents > section#intro{width:100%; max-width:100%; height:911px; border-bottom: 1px solid #cfcfcf;}
.contents > section#intro .inner{display:flex; justify-content: center; align-items: center; height:100%;}
.contents > section#intro .inner .tit{height: 180px; font-size:0; overflow: hidden;}
.contents > section#intro .inner .tit img{opacity:0; transform: translateY(200px); display:inline-block; animation: .8s linear 0s ani_intro_02; animation-fill-mode: forwards;}
.contents > section#intro .inner .tit img:nth-of-type(1){width:124px; animation-delay:0s;}
.contents > section#intro .inner .tit img:nth-of-type(2){width:99px; animation-delay:.1s;}
.contents > section#intro .inner .tit img:nth-of-type(3){width:94px; animation-delay:.2s;}
.contents > section#intro .inner .tit img:nth-of-type(4){width:139px; animation-delay:.3s;}
.contents > section#intro .inner .tit img:nth-of-type(5){width:121px; animation-delay:.4s;}
.contents > section#intro .inner .tit img:nth-of-type(6){width:99px; animation-delay:.5s;}
.contents > section#intro .inner .tit img:nth-of-type(7){width:107px; animation-delay:.6s;}
.contents > section#intro .inner .tit img:nth-of-type(8){width:101px; animation-delay:.7s;}
.contents > section#intro .inner .tit img:nth-of-type(9){width:90px; animation-delay:.8s;}
.contents > section#intro .img_btm{opacity:0; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); display: inline-block; width: auto; animation: 2s ease 0s infinite ani_intro_01;}
.contents > section#intro .img_btm.on{opacity:1; transition:.5s ease all;}

.contents > section#company{padding-top:250px; padding-bottom:220px;}
.contents > section#company .tit{position:relative; display: block; font-size: 80px; color: #011b58; letter-spacing: -5px; font-weight:700; line-height:1.3; text-align:center; margin-bottom: 60px;}
.contents > section#company .tit .img_q{display:inline-block; width:24px; height:24px; background:url('../images/re/img_logo_q.png') no-repeat 0 / 24px auto; vertical-align: 52px; margin-right: 6px;}
.contents > section#company .tit .light{font-weight:300; vertical-align: baseline;}
.contents > section#company .tit .regular{font-weight:400;}
.contents > section#company .tit .bor_btm{position:relative; vertical-align: baseline;}
.contents > section#company .tit .bor_btm::before{position:absolute; bottom:10px; left:0; content:''; display:block; width:100%; height:28px; background:rgba(0,0,0,.1);}
.contents > section#company .tit ~ .tit{margin-top: 150px; font-size:95px; margin-bottom:0;}
.contents > section#company p{font-size: 24px; color: #000; font-weight: 100; text-align: center; line-height: 1.35; letter-spacing: -.3px;}
.contents > section#company p strong{font-size:34px; color:#011b58; font-weight:500; letter-spacing: inherit;}
.contents > section#company .btm{font-size: 49px; color: #011b58; text-align: center; line-height: 1; letter-spacing: -.3px; font-weight: 500; margin-top: 80px;}
.contents > section#company .btm .line{display: inline-block; width: 0; height: 2px; background: rgba(0, 0, 0, .5); vertical-align: middle; margin-right: 20px; margin-left: 20px; transition: 1s ease all;}
.contents > section#company .btm .line.on{width: calc(100% - 850px);}
.contents > section#company .btm .v_t div{line-height:1.4;}
.contents > section#company .btm .v_t div:nth-of-type(1){text-align:right;}
.contents > section#company .btm .v_t div:nth-of-type(2){text-align:left;}
.contents > section#company .btm .v_t div .line{margin-left:0; margin-right:0;}
.contents > section#company .btm .v_t div:nth-of-type(1) .line.on{width: 47vw; margin-left:3vw;}
.contents > section#company .btm .v_t div:nth-of-type(2) .line.on{width: 32vw; margin-right:3vw;}
.en .contents > section#company .btm{font-size: 40px;}
.en .contents > section#company .btm .line.on{width: calc(100% - 1070px);}
.en .contents > section#company .btm .v_t div:nth-of-type(1) .line.on{width:32vw;}

.contents > section#organization{padding-top:160px; padding-bottom: 130px;}
.contents > section#organization dl{width: 780px; font-size: 0; margin: 0 auto;}
.contents > section#organization dl dt, .contents > section#organization dl dd{display: inline-block; font-size: 40px; letter-spacing: -.9px;line-height:1.6; padding: 0 10px; box-sizing: border-box;}
.contents > section#organization dl dt{width: 160px; color: #011b58; font-weight: 700;}
.contents > section#organization dl dd{width: calc(100% - 160px); color: #303753;}
.contents > section#organization dl dt ~ dt, .contents > section#organization dl dd ~ dd{margin-top:25px;}
.contents > section#organization .img_chart{display: block; width: auto; margin: 120px auto 0 auto;}
.en .contents > section#organization dl{width: 850px;}
.en .contents > section#organization dl dt{width: 260px;}
.en .contents > section#organization dl dd{width: calc(100% - 260px);}

.contents > section#business{background:#303753; padding:160px 0;}
.contents > section#business .inner, 
.contents > section#e-bi .inner, 
.contents > section#distribution .inner, 
.contents > section#contact .inner{display: flex; align-items: center; gap: 0 80px;}
.contents > section#business .inner .lt, 
.contents > section#global-experience .inner .lt, 
.contents > section#e-bi .inner .lt, 
.contents > section#distribution .inner .lt{width:675px; font-size:20px; color:#aeaeae; line-height:1;}
.contents > section#business .inner .lt .tit, 
.contents > section#global-experience .inner .lt .tit,
.contents > section#e-bi .inner .lt .tit, 
.contents > section#distribution .inner .lt .tit{display: block; font-size:80px; color:#fff; font-weight:700; line-height:1; letter-spacing:-3px; white-space: nowrap;}
.contents > section#business .inner .lt p, 
.contents > section#global-experience .inner .lt p, 
.contents > section#e-bi .inner .lt p,
.contents > section#distribution .inner .lt p{display: block; line-height: 1.5; letter-spacing: -1px; margin-top: 40px; padding: 0 4px; box-sizing: border-box;}
.contents > section#business .inner .rt, 
.contents > section#e-bi .inner .rt, 
.contents > section#distribution .inner .rt{width:calc(100% - 755px);}
.contents > section#business .inner .rt ul li, 
.contents > section#e-bi .inner .rt ul li, 
.contents > section#distribution .inner .rt ul li{font-size:36px; color:#a4a4a4; line-height:1.3; letter-spacing: -1px; border-bottom: 1px solid rgba(255, 255, 255, .33); padding:40px 25px; box-sizing:border-box;}
.contents > section#business .inner .rt ul li:nth-of-type(1), 
.contents > section#e-bi .inner .rt ul li:nth-of-type(1), 
.contents > section#distribution .inner .rt ul li:nth-of-type(1){border-top: 1px solid rgba(255, 255, 255, .33);}
.contents > section#business .inner .rt ul li .tit, 
.contents > section#e-bi .inner .rt ul li .tit, 
.contents > section#distribution .inner .rt ul li .tit{display:block; font-size:39px; color:#e4e4e4; font-weight:700;}

.contents > section#global-experience{background:#303753; padding-top: 440px; padding-bottom: 270px;}
.contents > section#global-experience .inner{font-size:0;}
.contents > section#global-experience .inner .lt{position: relative; z-index: 1;}
.contents > section#global-experience .inner .lt, .contents > section#global-experience .inner .rt{display: inline-block; width: 50%;}
.contents > section#global-experience .inner .lt .btn_pop{display: inline-block; height: 56px; line-height: 54px; font-size: 20px; color: #fff; border-radius: 28px; border: 1px solid #fff; padding: 0 38px; box-sizing: border-box; margin-top: 45px;}
.contents > section#global-experience .inner .lt .btn_pop:hover{color:#303753; background:#fff; border-color:#fff;}
.contents > section#global-experience .inner .rt{position: relative;}
.contents > section#global-experience .inner .rt img.bg{position: absolute; right: -140px; top: -96px;}
.contents > section#global-experience .inner .rt img.bg.mo{display:none;}
.contents > section#global-experience .inner .rt span{position: absolute; animation: 1.6s ease 0s infinite ani_ge_01;}
.contents > section#global-experience .inner .rt span:nth-of-type(1){top: 66px; right: 588px; animation-delay:.3s;}
.contents > section#global-experience .inner .rt span:nth-of-type(2){top: 120px; right: 588px; animation-delay:.2s;}
.contents > section#global-experience .inner .rt span:nth-of-type(3){top: -39px; right: 436px; animation-delay:.05s;}
.contents > section#global-experience .inner .rt span:nth-of-type(4){top: 96px; right: 375px; animation-delay:.2s;}
.contents > section#global-experience .inner .rt span:nth-of-type(5){top: 150px; right: 375px; animation-delay:.3s;}
.contents > section#global-experience .inner .rt span:nth-of-type(6){top: 204px; right: 375px; animation-delay:0s;}
.contents > section#global-experience .inner .rt span:nth-of-type(7){top: -96px; right: 225px; animation-delay:.25s;}
.contents > section#global-experience .inner .rt span:nth-of-type(8){top: 24px; right: 184px; animation-delay:.2s;}
.contents > section#global-experience .inner .rt span:nth-of-type(9){top: 78px; right: 184px; animation-delay:0s;}
.contents > section#global-experience .inner .rt span:nth-of-type(10){top: 133px; right: 184px; animation-delay:.35s;}
.contents > section#global-experience .inner .rt span:nth-of-type(11){top: -51px; right: -71px;animation-delay:.1s;}
.contents > section#global-experience .inner .rt span:nth-of-type(12){top: 5px; right: -71px; animation-delay:.5s;}

.contents > section#e-bi{background:#303753; padding-top:160px;}

.contents > section#distribution{background:#303753; padding-top:140px; padding-bottom:70px;}

.contents > section#clients{padding-top:160px; padding-bottom:100px;}
.contents > section#clients .title{width:100%;}
.contents > section#clients .scr{display: flex; flex-wrap: wrap;}
.contents > section#clients .scr aside{position: sticky; top: 100px; z-index: 1; width: 280px; height: 240px; padding-left:4px; box-sizing: border-box;}
.contents > section#clients .scr aside div{font-size:0; line-height:1.3;}
.contents > section#clients .scr aside div ~ div{margin-top:15px;}
.contents > section#clients .scr aside div a{display:inline-block; font-size: 20px; color: #aeaeae; font-weight: 100;}
.contents > section#clients .scr aside div a .arrow{opacity:0; margin-right: 4px;}
.contents > section#clients .scr aside div a .arrow, .contents > section#clients aside div a span{display:inline-block; vertical-align: middle;}
.contents > section#clients .scr aside div.on a{color: #011b58; font-weight: 400;}
.contents > section#clients .scr aside div.on a .arrow{opacity:1;}
.contents > section#clients .scr aside div.on a span{border-bottom: 1px solid #011b58;}
.contents > section#clients .scr .rt{width: calc(100% - 280px);}
.contents > section#clients .scr .list{padding-top:115px;}
.contents > section#clients .scr .list div{display:flex; flex-wrap: wrap; gap: 20px;}
.contents > section#clients .scr .list div ~ div{margin-top:20px;}
.contents > section#clients .scr .list div span img{display: block; width: 100%; border:1px solid #ebebeb; box-sizing: border-box;}

.contents > section#contact{background:#fafafa; padding-top:160px; padding-bottom:120px;}
.contents > section#contact .inner{flex-wrap: wrap; align-items: flex-start;}
.contents > section#contact .inner .title{width: 100%;}
.contents > section#contact .inner .lt{width:200px;}
.contents > section#contact .inner .lt > ul > li{letter-spacing: -.3px; line-height: 1.3;}
.contents > section#contact .inner .lt > ul > li ~ li{margin-top: 25px;}
.contents > section#contact .inner .lt > ul > li .tit{font-size: 18px; color: #707070; margin-bottom: 5px;}
.contents > section#contact .inner .lt > ul > li .con{font-size: 20px; color: #011b58;}
.contents > section#contact .inner .lt > ul > li .con .ul_li > li{font-size:0; line-height:1.6;}
.contents > section#contact .inner .lt > ul > li .con .ul_li > li img, .contents > section#contact .lt ul > li .con .ul_li > li.on a{vertical-align:middle;}
.contents > section#contact .inner .lt > ul > li .con .ul_li > li img{opacity:0; margin-right:4px;}
.contents > section#contact .inner .lt > ul > li .con .ul_li > li a{font-size:20px; color:#011b58; font-weight:400;}
.contents > section#contact .inner .lt > ul > li .con .ul_li > li:hover img, .contents > section#contact .inner .lt ul > li .con .ul_li > li:hover a{vertical-align: middle;}
.contents > section#contact .inner .lt > ul > li .con .ul_li > li:hover img{opacity:1; transition:.2s ease all;}
.contents > section#contact .inner .rt{width:calc(100% - 280px);}
.contents > section#contact .inner .rt .inp_cover ~ .inp_cover{margin-top:40px;}
.contents > section#contact .inner .rt .inp_cover .inline{display:inline-block;}
.contents > section#contact .inner .rt .col_2{display: flex; gap: 0 40px;}
.contents > section#contact .inner .rt .col_2 > *{width:100%;}
.contents > section#contact .inner .rt textarea{display:block; width:100%; height:300px; font-size: 18px; color: #444; background:#fff; border: 1px solid #a6a6a6; border-radius:0; padding:20px; box-sizing:border-box;}
.contents > section#contact .inner .rt label{display: block; font-size:20px; color:#000; line-height: 2.1;}
.contents > section#contact .inner .rt input[type="text"]{display: block; width: 100%; height: 60px; font-size: 18px; color: #444; line-height: 60px; background: transparent; border: none; border-radius:0; border-bottom: 1px solid #a6a6a6; box-sizing: border-box;}
.contents > section#contact .inner .rt input[type="checkbox"]{position:relative; clip: rect(0, 0, 0, 0); clip-path: polygon(0 0, 0 0, 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
.contents > section#contact .inner .rt input[type="checkbox"] + label{cursor:pointer;}
.contents > section#contact .inner .rt input[type="checkbox"] + label::before{content:''; display:inline-block; width:30px; height:30px; border:1px solid #a6a6a6; background:#fff; vertical-align: middle; margin-right: 8px;}
.contents > section#contact .inner .rt input[type="checkbox"] + label span{display:inline-block; line-height:1; border-bottom:1px solid #000; vertical-align: middle; padding-bottom: 3px;}
.contents > section#contact .inner .rt input[type="checkbox"]:checked + label::before{background:#303753 url('../images/re/ico_chk_w.png') no-repeat 0 / cover;}
.contents > section#contact .inner .rt .btn_submit{display:block; width:100%; height:58px; font-size:20px; color:#000; line-height:1; text-align:center; border-radius:28px; border:1px solid #000; box-sizing:border-box; margin-top:50px;}
.contents > section#contact .inner .rt .btn_submit:hover{color:#fff; border-color:#303753; background:#303753; transition:.2s ease all;}
.en .contents > section#contact .inner .rt .inp_cover .inline{white-space: nowrap;}
.en .contents > section#contact .inner .rt input[type="checkbox"] + label span{width: calc(100% - 27px); white-space: normal; border-bottom: 0; text-decoration: underline; line-height: 1.3;}

.footer{background:#303753; padding:40px 0;}
.footer .inner{position: relative; font-size: 12px; color: rgba(255, 255, 255, .5); font-weight: 100; line-height:1.5;}
.footer .inner .logo{display:block; margin-bottom:20px;}
.footer .inner .logo img{display: inline-block; width: auto;}
.footer .inner p{color:rgba(255, 255, 255, .8);}
.footer .inner .ul_info{font-size: 0; margin-top: 5px;}
.footer .inner .ul_info li{display: inline-block; font-size: 12px; color:inherit; font-weight: 100;}
.footer .inner .ul_info li ~ li{margin-left: 20px;}
.footer .inner ~ .inner{border-top:1px solid rgba(255, 255, 255, .5); padding-top:20px; margin-top:25px;}

/* popup */
.dim {display: none; position: fixed; top: 0; left: 0; z-index: 9100; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.pop_wrap {display: none; position: fixed; top: 50%; left: 50%; z-index: 9200; transform: translate(-50%, -50%); width: calc(100% - 40px); min-width:300px; max-width:1400px; letter-spacing:-1px; background: #fff;}
.pop_wrap .btn_close {position: absolute; top: 50px; right: 50px; display: inline-block; width: 83px; height: 83px; font-size: 0; color: transparent;}
.pop_wrap .btn_close img{display:block; width:100%;}
.pop_wrap .pop_header {letter-spacing:-1px; padding-top:70px; box-sizing: border-box;}
.pop_wrap .pop_header .tit{display:block; font-size:60px; color:#000; font-weight:500; text-align: center; margin-bottom:20px;}
.pop_wrap .pop_header p{display:block; font-size:24px; color:#000; font-weight:500; text-align: center; margin-bottom:45px;}
.pop_wrap .pop_body {font-size: 24px; font-weight:500; padding-bottom:120px; box-sizing: border-box;}
.pop_wrap .pop_body ul{display: flex; justify-content: space-around; text-align: center; max-width: 1400px; margin: 0 auto; padding: 0 50px; box-sizing: border-box;}
.pop_wrap .pop_body ul li{line-height:2;}
.pop_wrap .pop_body ul li .tit{display:block; font-weight: 500; margin-bottom: 10px;}
.pop_wrap .pop_body ul li div{font-weight: 100;}

.pop_wrap.pop_contact .pop_body{padding: 20px 100px 90px 100px;}
.pop_wrap.pop_contact .pop_body dl{display:flex;}
.pop_wrap.pop_contact .pop_body dl dt, .pop_wrap.pop_contact .pop_body dl dd{display: inline-block; line-height:2; letter-spacing: -.3px;}
.pop_wrap.pop_contact .pop_body dl dt{width: 80px; font-size: 18px; color: #707070;}
.pop_wrap.pop_contact .pop_body dl dd{font-size: 20px; color: #011b58;}
.pop_wrap.pop_contact .pop_body .map_area{width:100%; height:460px; margin-top:20px;}
.pop_wrap.pop_contact .pop_body .map_area iframe{display:block; width:100%; height:100%;}


@keyframes ani_gnb_01 {
	0% { opacity:0; transform: translateY(-40px); }
	100% { opacity:1; transform: translateY(0); }
}

@keyframes ani_gnb_02 {
	0% { opacity:0; }
	100% { opacity:1; }
}

@keyframes ani_intro_01 {
	0% {transform:translateX(-50%) translateY(0);}
	50% {transform:translateX(-50%) translateY(20px);}
	100% {transform:translateX(-50%) translateY(0);}
}

@keyframes ani_intro_02 {
	0% {opacity:0; transform:translateY(200px);}
	50% {opacity:.2; transform:translateY(50px);}
	100% {opacity:1; transform:translateY(0px);}
}

@keyframes ani_ge_01 {
	0% {opacity:.5;}
	50% {opacity:1;}
	100% {opacity:.5;}
}

@media ( max-width : 1440px) {
	.contents > section .inner, 
	.contents > section#clients{padding-left:20px; padding-right:20px; box-sizing:border-box;}
	.contents > section#intro .inner, 
	.contents > section#company .inner{padding-left:0; padding-right:0;}
    #header{height: 6.945vw; min-height: 70px;}
	#header .inner .lt{white-space: nowrap;}
	#header .inner .lt span img{display: block; width: 12.014vw; min-width: 116px;}
	#header .inner .lt .loc, #header .inner .rt .lang{font-size: 1.667vw;}
	#header .inner .lt .loc::before{margin-left: 0.694vw; margin-right: 0.694vw;}
	#header .inner .rt .lang ~ .lang::before{height: 1.372vw; margin-left: 1.11vw; margin-right: 1.11vw;}
	#header .inner .rt .lang:last-of-type{margin-right: 2.778vw;}
	#header .inner .rt .btn_gnb{width:6vw; background-size: 1.66vw auto;}

	#gnb .btn_gnb_close{top: 5.5vw; right: 5.5vw; width: 5.7638vw; height: 5.7638vw;}
	#gnb ul{gap: 0 6.94vw;}
	#gnb ul li .tit{font-size: 4.16vw; margin-bottom: .5vw;}
	#gnb ul li .tit img{width: 1.3194vw; vertical-align: 2.638vw; margin-right: -.5vw;}
	#gnb ul li .sub div ~ div{margin-top: .972vw;}
	#gnb ul li .sub div a{font-size: 1.7361vw;}

	.contents > section .title{font-size: 4.16vw; margin-bottom: 2.083vw;}
	.contents > section#intro .tit img{width: 67.639vw;}
	.contents > section#intro .img_btm{width: 4.306vw; min-width:40px;}
	.contents > section#intro .inner .tit{height: 12.5vw;}
	.contents > section#intro .inner .tit img:nth-of-type(1){width:8.61vw;}
	.contents > section#intro .inner .tit img:nth-of-type(2){width:6.875vw;}
	.contents > section#intro .inner .tit img:nth-of-type(3){width:6.527vw;}
	.contents > section#intro .inner .tit img:nth-of-type(4){width:9.6527vw;}
	.contents > section#intro .inner .tit img:nth-of-type(5){width:8.4027vw;}
	.contents > section#intro .inner .tit img:nth-of-type(6){width:6.875vw;}
	.contents > section#intro .inner .tit img:nth-of-type(7){width:7.4305vw;}
	.contents > section#intro .inner .tit img:nth-of-type(8){width:7.0138vw;}
	.contents > section#intro .inner .tit img:nth-of-type(9){width:6.25vw;}

	.contents > section#company{padding-top: 17.361vw; padding-bottom: 15.27vw;}
	.contents > section#company .tit{font-size: 5.556vw; margin-bottom: 4.16vw;}
	.contents > section#company .tit ~ .tit{font-size: 6.597vw; margin-top: 10.416vw;}
	.contents > section#company .tit .img_q{width: 1.667vw; height: 1.667vw; background-size: 1.667vw auto; vertical-align: 3.61vw;}
	.contents > section#company .tit .bor_btm::before{bottom:0.694vw; height:1.94vw;}
	.contents > section#company p{font-size: 1.66vw;}
	.contents > section#company p strong{font-size: 2.361vw;}
	.contents > section#company .btm{font-size: 3.41vw; margin-top:5.55vw;}
	.contents > section#organization{padding-top: 11.1vw; padding-bottom: 9.027vw;}
	.contents > section#organization dl{width: 54.16vw;}
	.contents > section#organization dl dt, .contents > section#organization dl dd{font-size: 2.7vw; padding: 0 0.694vw;}
	.contents > section#organization dl dt{width: 11.1vw;}
	.contents > section#organization dl dd{width: calc(100% - 11.1vw);}
	.contents > section#organization .img_chart{width: 72.916vw; margin-top: 8.33vw;}
	.en .contents > section#organization dl{width: 59.027vw;}
	.en .contents > section#organization dl dt{width: 18.05vw;}
	.en .contents > section#organization dl dd{width: calc(100% - 18.05vw);}

	.contents > section#business{padding:11.1vw 0;}
	.contents > section#business .inner, 
	.contents > section#e-bi .inner, 
	.contents > section#distribution .inner, 
	.contents > section#contact .inner{gap: 0 5.55vw;}
	.contents > section#business .inner .lt, 
	.contents > section#global-experience .inner .lt, 
	.contents > section#e-bi .inner .lt, 
	.contents > section#distribution .inner .lt{width: 46.875vw; font-size: 1.388vw;}
	.contents > section#business .inner .lt .tit, 
	.contents > section#global-experience .inner .lt .tit,
	.contents > section#e-bi .inner .lt .tit, 
	.contents > section#distribution .inner .lt .tit{font-size: 5.55vw;}
	.contents > section#business .inner .lt p, 
	.contents > section#global-experience .inner .lt p, 
	.contents > section#e-bi .inner .lt p,
	.contents > section#distribution .inner .lt p{margin-top: 2.77vw; padding: 0 .277vw;}
	.contents > section#business .inner .rt, 
	.contents > section#e-bi .inner .rt, 
	.contents > section#distribution .inner .rt{width: calc(100% - 46.875vw);}
	.contents > section#business .inner .rt ul li, 
	.contents > section#e-bi .inner .rt ul li, 
	.contents > section#distribution .inner .rt ul li{font-size: 2.5vw; padding: 2.777vw 1.736vw;}
	.contents > section#business .inner .rt ul li .tit, 
	.contents > section#e-bi .inner .rt ul li .tit, 
	.contents > section#distribution .inner .rt ul li .tit{font-size: 2.71vw;}
	.contents > section#global-experience{padding-top: 30.55vw; padding-bottom: 18.75vw;}
	.contents > section#global-experience .inner{display:flex;}
	.contents > section#global-experience .inner .lt .btn_pop{height: 3.88vw; line-height: 3.6vw; font-size: 1.38vw; border-radius: 1.94vw; padding: 0 2.638vw; margin-top: 3.125vw;}
	.contents > section#global-experience .inner .rt img.bg{right: -14.2vw; top: -6.66vw; width:70.694vw;}
	.contents > section#global-experience .inner .rt span img{width: 10.416vw; height: unset;}
	.contents > section#global-experience .inner .rt span:nth-of-type(1){top: 4.583vw; right: 36.38vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(2){top: 8.3vw; right: 36.38vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(3){top: -2.71vw; right: 25.83vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(4){top: 6.6vw; right: 21.6vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(5){top: 10.41vw; right: 21.6vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(6){top: 14.16vw; right: 21.6vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(7){top: -6.6vw; right: 11.2vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(8){top: 1.6vw; right: 8.3vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(9){top: 5.416vw; right: 8.3vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(10){top: 9.236vw; right: 8.3vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(11){top: -3.54vw; right: -3.2vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(12){top: .347vw; right: -3.2vw;}

	.contents > section#e-bi{padding-top:11.1vw;}

	.contents > section#distribution{padding-top:9.72vw; padding-bottom:4.86vw;}

	.contents > section#clients{padding-top:11.1vw; padding-bottom:6.94vw;}
	.contents > section#clients .scr aside{top: 6.94vw; width: 19.4vw; height: 16.6vw; padding-left: .27vw;}
	.contents > section#clients .scr aside div ~ div{margin-top:1.0416vw;}
	.contents > section#clients .scr aside div a{font-size: 1.38vw;}
	.contents > section#clients .scr aside div a .arrow{width:1.458vw; margin-right: .27vw;}
	.contents > section#clients .scr .rt{width: calc(100% - 19.4vw);}
	.contents > section#clients .scr .list{padding-top:7.986vw;}
	.contents > section#clients .scr .list div{gap: 1.38vw;}
	.contents > section#clients .scr .list div span{width:calc((100% / 3) - 0.92vw);}

	.contents > section#contact{padding-top:11.1vw; padding-bottom:8.3vw;}
	.contents > section#contact .inner .lt{width: 13.8vw;}
	.contents > section#contact .inner .lt > ul > li ~ li{margin-top: 1.736vw;}
	.contents > section#contact .inner .lt > ul > li .tit{font-size: 1.25vw; margin-bottom: .3472vw;}
	.contents > section#contact .inner .lt > ul > li .con{font-size: 1.38vw;}
	.contents > section#contact .inner .lt > ul > li .con .ul_li > li img{width:1.4583vw; margin-right:.27vw;}
	.contents > section#contact .inner .lt > ul > li .con .ul_li > li a{font-size:1.38vw;}
	.contents > section#contact .inner .rt{width:calc(100% - 19.35vw);}
	.contents > section#contact .inner .rt .inp_cover ~ .inp_cover{margin-top:2.7vw;}
	.contents > section#contact .inner .rt .col_2{gap: 0 2.7vw;}
	.contents > section#contact .inner .rt textarea{height:20.83vw; font-size: 1.25vw; padding:1.38vw;}
	.contents > section#contact .inner .rt label{font-size:1.38vw;}
	.contents > section#contact .inner .rt input[type="text"]{height: 4.16vw; font-size: 1.25vw; line-height: 4.16vw;}
	.contents > section#contact .inner .rt input[type="checkbox"] + label::before{width:2.083vw; height:2.083vw; margin-right: .5vw;}
	.contents > section#contact .inner .rt input[type="checkbox"] + label span{padding-bottom: .2083vw;}
	.contents > section#contact .inner .rt .btn_submit{height:4.027vw; font-size:1.38vw; border-radius:1.94vw; margin-top:3.472vw;}

	.footer{padding:2.7vw 0;}
	.footer .inner{width: calc(100% - 40px); margin-left:20px; margin-right:20px;}
	.footer .inner .logo{margin-bottom:1.38vw;}
	.footer .inner .logo img{width: 12.0138vw;}
	.footer .inner .ul_info{margin-top: .3472vw;}
	.footer .inner .ul_info li ~ li{margin-left: 1.38vw;}
	.footer .inner ~ .inner{padding-top:1.38vw; margin-top:1.736vw;}

	/* popup */
	.pop_wrap .btn_close {top: 3.472vw; right: 3.472vw; width: 5.7638vw; height: 5.7638vw;}
	.pop_wrap .pop_header {padding-top:4.861vw;}
	.pop_wrap .pop_header .tit{font-size:4.16vw; margin-bottom:20px;}
	.pop_wrap .pop_header p{font-size:1.6vw; margin-bottom:3.125vw;}
	.pop_wrap .pop_body {font-size: 1.6vw; padding-bottom:8.3vw;}
	.pop_wrap .pop_body ul{padding: 0 3.472vw;}
	.pop_wrap .pop_body ul li .tit{margin-bottom: .694vw;}
	
	.pop_wrap.pop_contact .pop_body{padding: 1.38vw 6.94vw 6.25vw 6.94vw;}
	.pop_wrap.pop_contact .pop_body dl dt{width: 5.5vw; font-size: 1.25vw;}
	.pop_wrap.pop_contact .pop_body dl dd{font-size: 1.38vw;}
	.pop_wrap.pop_contact .pop_body .map_area{height:31.94vw; margin-top:1.38vw;}
}


@media ( max-width : 1200px) {
	.en .contents > section#company .btm{font-size: 2.9vw;}
	.en .contents > section#company .btm .line.on{width: calc(100% - 920px);}
}

@media ( max-width : 1000px) {
	.v_t{display:block !important;}
	.v_p{display:none !important;}

	#header .inner .lt .loc, #header .inner .rt .lang{font-size: 15px; line-height: 1.2;}
	#header .inner .lt .loc::before{margin-left: 5px; margin-right: 5px;}
	#header .inner .rt .lang ~ .lang::before{height: 12px; margin-left: 10px; margin-right: 10px;}
	#header .inner .rt .lang:last-of-type{margin-right: 0;}
	#header .inner .rt .btn_gnb{background-size: 15px auto;}
	.en .contents > section#company .btm .v_t div:nth-of-type(2) .line.on{width: 37vw;}
	.contents > section#organization .img_chart{width:calc(100% - 20px);}
	.contents > section#clients .scr aside{top:70px;}

	.footer{padding:30px 0;}
}


@media ( max-width : 720px) {
	.v_m{display:block !important;}
	.v_nm{display:none !important;}
	#header .inner .rt .lang.on{border-bottom-width:1px;}
	#header .inner .rt .btn_gnb{width: 45px;}
	
	#gnb .btn_gnb_close{top: 30px; right: 25px; width: 55px; height: 55px;}
	#gnb ul{flex-wrap: wrap; gap: 25px 0; padding: 0 18px; box-sizing: border-box;}
	#gnb ul li{width: 100%;}
	#gnb ul li .tit{font-size: 36px; margin-bottom: 4px;}
	#gnb ul li .tit img{width: 11px; vertical-align: 23px; margin-right: -4px;}
	#gnb ul li .sub div ~ div{margin-top: 2px;}
	#gnb ul li .sub div a{font-size: 15px; border-bottom:none;}

	#gnb ul li .tit, #gnb ul li .sub a{color: rgb(255,255,255,1);}
	#gnb ul:hover li .tit, #gnb ul:hover li .sub a{color: rgb(255,255,255,1);}
	#gnb ul:hover li .tit img{opacity:1;}
	#gnb ul li:hover .tit, #gnb ul li:hover .sub a{color: rgb(255,255,255,1);}
	#gnb ul li:hover .tit img{opacity:1;}

	.contents > section .title{font-size: 31px; margin-bottom:15px;}
	.contents > section#company{padding-top: 125px; padding-bottom: 230px;}
	.contents > section#company .tit{font-size: 40px; letter-spacing: -3px; margin-bottom:30px;}
	.contents > section#company .tit ~ .tit{font-size: 27px; line-height:1.6; margin-top: 75px;}
	.en .contents > section#company .tit ~ .tit{margin-top: 50px;}
	.contents > section#company .tit .fc_gray{color:#707070 !important;}
	.contents > section#company .tit .img_q{width: 12px; height: 12px; background-size: 12px auto; vertical-align: 26px;}
	.contents > section#company .tit .bor_btm::before{bottom: 5px; height:13px;}
	.contents > section#company .tit ~ .tit .bor_btm::before{bottom: 2px;}
	.contents > section#company p{font-size: 13px; font-weight: 300; line-height:1.8; letter-spacing:-.7px;}
	.contents > section#company p strong{font-size: 20px; font-weight:600;}
	.contents > section#company .btm{font-size: 26px; margin-top:40px;}
	.en .contents > section#company .btm{font-size: 23px;}
	.en .contents > section#company .btm .v_t div:nth-of-type(1) .line.on{width:12vw;}
	.contents > section#organization{padding-top: 120px; padding-bottom: 280px;}
	.contents > section#organization dl{width: 305px;}
	.contents > section#organization dl dt, .contents > section#organization dl dd{font-size: 16px; padding: 0 5px;}
	.contents > section#organization dl dt{width: 60px;}
	.contents > section#organization dl dd{width: calc(100% - 60px);}
	.contents > section#organization dl dt ~ dt, .contents > section#organization dl dd ~ dd{margin-top:10px;}
	.contents > section#organization .img_chart{margin-top:75px;}
	.en .contents > section#organization dl{width: 330px;}
	.en .contents > section#organization dl dt{width: 100px;}
	.en .contents > section#organization dl dd{width: calc(100% - 100px);}

	.contents > section#business{padding:55px 0;}
	.contents > section#business .inner, 
	.contents > section#e-bi .inner, 
	.contents > section#distribution .inner, 
	.contents > section#contact .inner{display:block;}
	.contents > section#business .inner .lt, 
	.contents > section#global-experience .inner .lt, 
	.contents > section#e-bi .inner .lt, 
	.contents > section#distribution .inner .lt{width: 100%; font-size: 12px;}
	.contents > section#business .inner .lt .tit, 
	.contents > section#global-experience .inner .lt .tit,
	.contents > section#e-bi .inner .lt .tit, 
	.contents > section#distribution .inner .lt .tit{font-size: 31px;}
	.contents > section#business .inner .lt p, 
	.contents > section#global-experience .inner .lt p, 
	.contents > section#e-bi .inner .lt p,
	.contents > section#distribution .inner .lt p{line-height: 1.6; margin-top: 12px; padding: 0;}
	.contents > section#business .inner .rt, 
	.contents > section#e-bi .inner .rt, 
	.contents > section#distribution .inner .rt{width: 100%; margin-top: 30px;}
	.contents > section#business .inner .rt ul li, 
	.contents > section#e-bi .inner .rt ul li, 
	.contents > section#distribution .inner .rt ul li{font-size: 11px; padding: 25px 15px;}
	.contents > section#business .inner .rt ul li .tit, 
	.contents > section#e-bi .inner .rt ul li .tit, 
	.contents > section#distribution .inner .rt ul li .tit{font-size: 16px; margin-bottom: 4px;}
	.contents > section#global-experience{padding-top: 150px; padding-bottom: 150px;}
	.contents > section#global-experience .inner{display:block;}
	.contents > section#global-experience .inner .lt{margin-bottom:50px;}
	.contents > section#global-experience .inner .lt .btn_pop{height: 38px; line-height: 36px; font-size: 12.5px; border-radius: 19px; padding: 0 30px; margin-top: 35px;}
	.contents > section#global-experience .inner .lt .btn_pop:hover{color:#fff; background:transparent; border-color:#fff;}
	.contents > section#global-experience .inner .rt{display: block; width: 100%;}
	.contents > section#global-experience .inner .rt img.bg{position: unset; width: calc(100% + 40px); margin: 0 -20px;}
	.contents > section#global-experience .inner .rt img.bg.web{display:none;}
	.contents > section#global-experience .inner .rt img.bg.mo{display:block;}
	.contents > section#global-experience .inner .rt span img{width: 16.5vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(1){top: 18.3vw; right: 74.1vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(2){top: 24.3vw; right: 74.1vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(3){top: 6vw; right: 57.2vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(4){top: 20.6vw; right: 50.9vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(5){top: 26.6vw; right: 50.9vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(6){top: 32.6vw; right: 50.9vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(7){top: -0.9vw; right: 34.6vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(8){top: 12.7vw; right: 29.8vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(9){top: 18.7vw; right: 29.8vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(10){top: 24.7vw; right: 29.8vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(11){top: 5vw; right: 1vw;}
	.contents > section#global-experience .inner .rt span:nth-of-type(12){top: 11vw; right: 1vw;}

	.contents > section#e-bi, .contents > section#distribution{padding-top:80px; padding-bottom:30px;}
	.contents > section#clients, .contents > section#contact{padding-top:100px; padding-bottom:70px;}
	.contents > section#clients{padding-top:100px; padding-bottom:70px;}
	.contents > section#clients .scr aside{top: 70px; width: 120px; height: 120px; padding-left:0;}
	.contents > section#clients .scr aside div ~ div{margin-top:6px;}
	.contents > section#clients .scr aside div a{font-size: 12px;}
	.contents > section#clients .scr aside div a .arrow{width: 11px; margin-right: 2.5px;}
	.contents > section#clients .scr .rt{width: calc(100% - 120px);}
	.contents > section#clients .scr .list{padding-top:58px;}

	.contents > section#contact{padding-top:100px; padding-bottom:70px;}
	.contents > section#contact .title{margin-bottom:25px;}
	.contents > section#contact .inner .lt{width:100%;}
	.contents > section#contact .inner .lt > ul > li ~ li{margin-top: 20px;}
	.contents > section#contact .inner .lt > ul > li .tit{font-size: 12px; margin-bottom: 4px;}
	.contents > section#contact .inner .lt > ul > li .con{font-size: 13px;}
	.contents > section#contact .inner .lt > ul > li .con .ul_li > li img, .contents > section#contact .inner .lt ul > li .con .ul_li > li a{vertical-align: middle;}
	.contents > section#contact .inner .lt > ul > li .con .ul_li > li img{opacity:1; width:11px; margin-right:2px;}
	.contents > section#contact .inner .lt > ul > li .con .ul_li > li a{font-size:13px;}
	.contents > section#contact .inner .rt{width:100%; margin-top:40px;}
	.contents > section#contact .inner .rt .inp_cover ~ .inp_cover{margin-top:30px;}
	.contents > section#contact .inner .rt .col_2{flex-wrap: wrap; gap: 30px 0;}
	.contents > section#contact .inner .rt textarea{height:200px; font-size: 12px; padding:10px;}
	.contents > section#contact .inner .rt label{font-size:13px;}
	.contents > section#contact .inner .rt input[type="text"]{height: 38px; font-size: 12px; line-height: 38px;}
	.contents > section#contact .inner .rt input[type="checkbox"] + label::before{width: 20px; height: 20px; margin-right: 5px;}
	.contents > section#contact .inner .rt input[type="checkbox"] + label span{padding-bottom: 3px;}
	.contents > section#contact .inner .rt .btn_submit{height: 40px; font-size: 13px; border-radius: 19px; margin-top: 35px;}
	.contents > section#contact .inner .rt .btn_submit:hover{color:#000; border-color:#000; background:transparent;}
	
	.footer .inner .logo{margin-bottom:14px;}
	.footer .inner .logo img{width: 116px;}
	.footer .inner .ul_info{margin-top: 4px;}
	.footer .inner .ul_info li ~ li{margin-left: 20px;}
	.footer .inner ~ .inner{padding-top:15px; margin-top:15px;}

	/* popup */
	.pop_wrap .btn_close {top: 15px; right: 15px; width: 40px; height: 40px;}
	.pop_wrap .pop_header {padding-top:45px;}
	.pop_wrap .pop_header .tit{font-size:34px; margin-bottom:10px;}
	.pop_wrap .pop_header p{font-size:16px; max-width: 260px; margin: 0 auto 20px auto;}
	.pop_wrap .pop_body {font-size: 14px; padding-left:20px; padding-right:20px; padding-bottom:50px;}
	.pop_wrap .pop_body ul{flex-wrap: wrap; width: 260px; padding: 0;}
	.pop_wrap .pop_body ul li{position: relative; width: 100%; line-height: 1.8; padding-left: 75px;}
	.pop_wrap .pop_body ul li .tit{position: absolute; left: 0; margin-bottom:0;}
	.pop_wrap .pop_body ul li div{text-align: left;}
	.pop_wrap .pop_body ul li ~ li{margin-top: 15px;}
	
	.pop_wrap.pop_contact .pop_body{padding: 10px 20px 40px 20px;}
	.pop_wrap.pop_contact .pop_body dl dt{width: 55px; font-size: 12px;}
	.pop_wrap.pop_contact .pop_body dl dd{font-size: 12px;}
	.pop_wrap.pop_contact .pop_body .map_area{height:300px; margin-top:12px;}
}


@media ( max-width : 450px) {
	.contents > section#company .btm .v_t div:nth-of-type(2) .line.on{width: 17vw;}
	.en .contents > section#company .btm .v_t div:nth-of-type(2) .line.on{width: 21vw;}
}