@charset "utf-8";html {font-size: 62.5%;}@media all and (max-width: 400px){    html {font-size: 9px;}}/* common */body {font-size: 1rem; font-family: 'NotoSans', sans-serif; font-weight:400; color:#333; line-height:1; letter-spacing: -0.07em; }.wrap {position: relative;}.container {width:100%; max-width:1200px; margin:0 auto;}@media all and (max-width:1240px){    .container {width:100%; padding:0 6%;-webkit-box-sizing: border-box; box-sizing: border-box;}}@media all and (max-width:1024px){    .container {padding:0 3%;}}@media all and (max-width:640px){    .container {padding:0 6%;}}/* header */.header { position: absolute; top:0; left:0; width:100%; height:0; padding-top:1.8rem; box-sizing: border-box; z-index:2; transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; }.header:hover { height:11rem; background: #fff; }/* .header.bgcol {background: #fff;} */.header-container {position: relative; width:100%; padding:0 3.2%; box-sizing: border-box;}.header .logo {float:left; height:8.2rem; }.header .logo a {display: inline-block;padding-top: 2.1rem; width:100%; height:100%; box-sizing: border-box;}.header .logo a img {vertical-align: middle;}.header .header__right {float:right;}.header .header__top__gnb, .header__btm__gnb {text-align: right; font-size: 0; height: 32px; padding: 0 30px 0 0; box-sizing: border-box;}.header__top__gnb a {display: inline-block; vertical-align:middle; font-size: 16px; color:rgba(255,255,255,.6); letter-spacing: 0; font-family: inherit; font-weight: 400; font-family: 'NotoSans';}.header__top__gnb a:before { content:'';display: inline-block;margin:0 20px;width:1px; height:13px; background:rgba(255,255,255,.3); }.header__top__gnb a:first-child:before {content: initial;}.header:hover .header__top__gnb a  {color:#a1a1a1;}.header:hover .header__top__gnb a:before  {background: #a1a1a1;}.header__btm__gnb > li {display: inline-block; position: relative;}.header__btm__gnb > li:last-child > a{padding-right:0;}.header__btm__gnb > li > a {display: inline-block; position: relative; padding:0 2.9rem; line-height: 5.4rem;font-family: 'NotoSans'; font-size:2rem; font-weight:500; color:#fff; }.header__btm__gnb > li > a:before{ content:''; position: absolute; top:6px; left:23%; width:0; height:3px; background:#223568; z-index: 10; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }.header__btm__gnb > li:last-child a:before {left:30%; }.header__btm__gnb > li > a:hover:before { right:0; width:56%;}.header__btm__gnb > li:last-child a:hover:before {width:70%; }.header:hover .header__btm__gnb > li > a {color:#333;}.header .header__btm__gnb > li:hover > a {color:#223568;}.header__btm__gnb .main__nav__dpth2 { position: absolute; top:100%; left:-1.6rem; padding:0; width:16rem; background: #fff; text-align: center; box-sizing: border-box; transition:.3s linear; -webkit-transition:.3s linear; -moz-transition:.3s linear; -ms-transition:.3s linear; -o-transition:.3s linear; height:0; border:0; }.header__btm__gnb li:hover .main__nav__dpth2 {height:auto;  padding:1rem 0;border-top:2px solid #223568;}/* .header:hover .header__btm__gnb > li:hover .main__nav__dpth2 {opacity: 1;} */.header__btm__gnb .main__nav__dpth2 li a {line-height: 30px; font-size:1.5rem ; color: #333;}.header__btm__gnb .main__nav__dpth2 li a {line-height: 30px; font-size:0 ; color: #333; opacity: 0;}.header__btm__gnb .main__nav__dpth2 li:hover a {color:#223568;}.header__btm__gnb li:hover .main__nav__dpth2 li a{font-size:1.5rem ; opacity: 1;}@media all and (max-width:1240px){    .header__btm__gnb > li > a {font-size: 1.8rem; padding:0 2rem;}    .header__btm__gnb .main__nav__dpth2 {width:14rem;}    .header__btm__gnb .main__nav__dpth2 li a {font-size: 1.4rem;}}@media all and (max-width:1024px){    .header:hover {background: transparent;}    .header__btm__gnb > li > a {font-size: 1.8rem;}    .header .logo a {padding: 0;}    .header .logo a img {width:16rem; height: auto;}    .header .header__right {display:none;}}@media all and (max-width: 450px) {    .header-container {padding:0 6%;}    .header .logo a img {width: 12.3rem; height: auto;}}/* mobile menubar */.nav__ham-btn {display:none; position: absolute; top: 0; right: 3.2%; width:5.8rem; height:5.8rem; background:url(/img/icon/ham_btn.png)no-repeat;background-position: center; -webkit-background-size: 35px 25px;    background-size: 35px 25px;}.respon__nav-box {display: none; position: absolute; top: 0; right:0;padding:5rem 4rem 0 4rem; width:60rem; height:100%; background: #fff; z-index:200; -webkit-box-sizing: border-box;    box-sizing: border-box;}.respon__nav-box .respon__top__gnb {text-align: right; font-size: 0; padding: 4.8rem 0 0; box-sizing: border-box;}.respon__top__gnb li {display: inline-block; vertical-align: middle; padding: 0 2rem 0 0; box-sizing: border-box; position: relative; }.respon__top__gnb li a { display: inline-block; height:5.6rem; background-repeat:no-repeat; background-position: center; line-height: 5.6rem; font-size: 2.2rem; color:#9a9a9a;vertical-align: middle;}.respon__top__gnb li:last-of-type {padding: 0;}.respon__top__gnb li:after {content: ''; display: block; width: 1px; height: 1.2rem; background: #9a9a9a; position: absolute; top: 50%; transform: translateY(-50%); right: 1rem;}.respon__top__gnb li:last-of-type:after {content: initial;}.respon__menu-cls {position: absolute; right: 3.2%; top: 1.8rem; font-size: 0; width:5.8rem; height:5.8rem;background: url(/img/icon/nav_clos_btn.png)no-repeat;    background-position: center ; -webkit-background-size: 32px 32px;    background-size:32px 32px; }.respon__btm__gnb {padding: 3.8rem 0 7.8rem;}.respon__btm__gnb > li > a {display: inline-block;width:100%; line-height: 9.4rem; padding-left:3.4rem; font-size:2.8rem; font-weight:500; color:#333;    -webkit-box-sizing: border-box; box-sizing: border-box;}.respon__btm__gnb > li.depthmenu > a {background: url(/img/icon/nav_arr.png) right center no-repeat; background-size:11px 18px;}.respon__btm__gnb > li.depthmenu > a.active {background-image: url(/img/icon/nav_btmarr.png); background-size:18px 11px;}.respon__btm__gnb .main__m__dpth2 {display: none;}.respon__btm__gnb .main__m__dpth2.active {display: block;}.respon__btm__gnb .main__m__dpth2 li a {display:block; padding-left: 5.8rem;line-height: 6.3rem; font-size: 2.4rem; color:#555;}@media all and (max-width: 1024px) {    .nav__ham-btn {display: block;background-size: 100% auto;}}@media all and (max-width: 767px) {    .respon__nav-box {width:58%; padding:3.7rem 3rem 0 3rem;}    .respon__btm__gnb {padding:2.8rem 0 5.8rem;}    .respon__btm__gnb > li > a {font-size: 2.4rem; line-height: 7rem; padding-left: 2.4rem; }    .respon__btm__gnb .main__m__dpth2 li a {font-size: 2rem; line-height: 5rem;}    .header .logo a img {width: 16.4rem; height: auto;}    .nav__ham-btn {}    .respon__top__gnb {display: flex; justify-content: flex-end; align-items: center; position: relative; padding: 0 4.2rem 0 0; box-sizing: border-box;}    .respon__top__gnb li {display: block; padding: 0 1.4rem 0 0;}    .respon__top__gnb li:after {right: 0.7rem;}    .respon__top__gnb li a { height:4.2rem; line-height: 4.2rem; font-size: 1.5rem; }    .respon__menu-cls {width:4.2rem; height:4.2rem;}}@media all and (max-width: 640px) {    .nav__ham-btn {width:4rem; height:4rem; background-size: 100% auto;}    .respon__nav-box {width:100%; padding:5.2rem 4.3rem 0 4.3rem;}    .respon__top__gnb li a {font-size: 1.9rem;}    .respon__btm__gnb {padding:2.8rem 0 5.8rem;}    .respon__btm__gnb > li > a {padding-left: 1.4rem;line-height: 10rem;}}@media all and (max-width: 480px) {    .respon__top__gnb li a {font-size: 1.7rem;}}@media all and (max-width: 450px) {    .nav__ham-btn {right:6%; width: 3.2rem; height: 3.2rem;}    .respon__nav-box {width:100%; padding:3.4rem 3rem 0 3rem;}    .respon__btm__gnb {padding:1rem 0 2rem;}    .respon__btm__gnb > li > a {padding-left: 1rem;line-height: 6.6rem;}    .respon__menu-cls {-webkit-background-size: 22px 22px; background-size: 22px 22px;}}@media all and (max-width: 375px) {    .respon__top__gnb li a {font-size: 1.5rem;}}@media all and (max-width: 320px) {    .respon__top__gnb li a {font-size: 1.2rem;}}/* footer */.footer {padding: 5.7rem 4.2%; background: #0e172e;-webkit-box-sizing: border-box; box-sizing: border-box;}.footer .footer__left {float:left;}.footer .footer__right {float:right;}.footer .footer__nav {margin-bottom: 2.4rem; font-size: 0;}.footer .footer__nav li {display: inline-block;}.footer .footer__nav li a {display: inline-block; padding:0 1.4rem; line-height: 2.5rem; font-size: 1.7rem; color: rgba(255,255,255,.68);}.footer .footer__nav li:first-child a{padding-left:0;}.footer__cpmp-info{font-size:1.5rem; color:rgba(255,255,255,.5);}.footer__cpmp-info span{padding-right: 2.2rem;}.footer__cpmp-info .address {display: inline-block;}.footer__cpmp-info .tel {margin: 1.6rem 0 3rem; letter-spacing: 0; display: inline-block;}.footer__cpmp-info .email {letter-spacing: 0; display: inline-block;}.footer__cpmp-info .copyright {letter-spacing: 0; display: block;}.footer__right {padding-top: 3.5rem;}.footer__right .footer__sns {text-align: right; height: 48px;}.footer__right .footer__sns a {display: inline-block;height:3.9rem;  font-size: 0;}.footer__right .footer__sns .linkedin {width:4.2rem; background:url(/img/icon/linkedin.png)no-repeat;-webkit-background-size: 18px 18px; background-size:18px 18px; background-position:center;}.footer__right .footer__sns .youtube {width:3.7rem; background:url(/img/icon/youtube.png)no-repeat;-webkit-background-size: 21px 21px; background-size:21px 21px; background-position: right center;}.footer__right .languagesite { margin-top: 1.7rem;}.languagesite .language__cont {position: relative; display: inline-block;}.languagesite .language__cont span {display: inline-block; width: 29.8rem; padding: 2rem 0 2rem 2.3rem;background: #272f43 url(/img/icon/foot_arr.png)no-repeat;background-position: right 2.4rem center; -webkit-background-size:16px 9px; background-size:16px 9px; font-size: 1.5rem; color:#fff; letter-spacing: 0;    box-sizing: border-box; cursor: pointer;}.languagesite .language__cont span.active {background-image: url(/img/icon/foot_arr-click.png);}.language__cont ul {display: none; position:absolute; bottom:100%; left:0; width:100%;}.language__cont ul.active {display:block;}.language__cont ul li {background: #484848; text-align: left;}.language__cont ul .engsite {border-bottom:2px solid #999;}.language__cont ul li:hover {background: #213568;}.language__cont ul li > a {display: inline-block;padding: 2rem 0 2rem 2.3rem;width:100%; font-size:1.5rem; color:#fff;-webkit-box-sizing: border-box; box-sizing: border-box;}/* go-top button */.top__btn {position:absolute;right:7.8rem; bottom:22rem; width: 5.9rem; height:5.9rem; z-index: 20;}.top__btn img {width:100%; height:auto;}@media all and (max-width: 1024px) {    /* footer */    .footer {padding:8rem 3.9% 12rem; }    .footer .footer__left, .footer .footer__right {float:none;}    .footer .footer__left {text-align: center; }    .footer .footer__nav li a {font-size: 1.9rem;  }    .footer .footer__nav {margin-bottom: 3.8rem;}    .footer__cpmp-info .tel {margin:2.4rem 0 4rem; }    .footer__right {margin-top: 5.2rem; padding-top: 3.7rem; border-top:1px solid rgba(255,255,255,0.05); text-align: center;}    .footer__right .footer__sns {text-align: center; line-height: 3.9rem;}    .footer__right .footer__sns .instagram {background-position: center center;}    .footer__right .languagesite {margin-top: 2.5rem;}    .languagesite .language__cont span {padding:2.2rem 0 2.2rem 3rem; width: 39.8rem; text-align: left;}    .language__cont ul li > a {padding-left:3rem;}    .footer__right .footer__sns {display: none;}    .top__btn {position: fixed; bottom: 0; right: 0;}}@media all and (max-width: 767px) {    .footer {padding:6rem 0 9rem;}    .footer .footer__nav {margin-bottom: 2.6rem;}    .footer .footer__nav li a {font-size: 1.6rem;}    .footer__cpmp-info {font-size: 1.4rem;}    .footer__cpmp-info .tel {margin:1.6rem 0 3rem;}    /* .header .logo a img {width: 16.} */    .footer__right .footer__sns a {height:3.9rem;}    .footer__right .footer__sns .linkedin {width:3.9rem; margin-right: 6px; -webkit-background-size: 20px 20px;        background-size: 20px 20px;}    .footer__right {padding-top:2.2rem;}    .footer__right .footer__sns .instagram {width:3.9rem;-webkit-background-size: 25px 25px;        background-size: 25px 25px;}    .footer__right .languagesite {margin-top: 1.6rem;}    .languagesite .language__cont span {font-size: 1.5rem; width:29.8rem; padding:1.8rem 0 1.8rem 2.3rem; }    .language__cont ul li > a {font-size: 2rem;}}@media all and (max-width: 480px) {    .footer .footer__nav li a {font-size: 1.4rem;}    .footer {padding:5.4rem 0 6rem;}    .footer .footer__nav {margin-bottom: 2.4rem;}    .footer__cpmp-info {font-size: 1.2rem;}    .footer__cpmp-info .petername {margin-bottom: 1rem;}    .footer__cpmp-info .tel {margin:1rem 0 1rem;}    .footer__cpmp-info .email {margin-bottom: 3.2rem;}    .footer__right {margin-top: 3.8rem; padding-top:2.4rem;}    .footer__right .languagesite {margin-top: 1.4rem;}    .languagesite .language__cont span {padding:1.8rem 0 1.8rem 2.2rem; font-size: 1.5rem;}    .language__cont ul li > a {font-size: 1.5rem;}}@media all and (max-width: 450px) {}@media all and (max-width: 400px) {    .languagesite .language__cont span {width:20rem;}}