@charset "UTF-8";

/* GNB */
.wrap_gnb_menu {display:none; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background-color:#1c2e5e; opacity:0;}
.wrap_gnb_menu .inner {position:relative; width:100%; height:100%;}
.wrap_gnb_menu .gnb_header {position:relative; padding:0 20px; height:50px; line-height:50px; background-color:#fff;}
.wrap_gnb_menu .gnb_header .logo {width:135px; padding-top:20px;}
.wrap_gnb_menu .gnb_header .logo a {display:block; line-height:10px;}
.wrap_gnb_menu .gnb_header .logo a img {width:100%; vertical-align:top;}
.wrap_gnb_menu .gnb_header .btn_search {position:absolute; top:10px; right:50px;display:block; width:30px; height:30px; background:url(/en/mobile/assets/images/common/btn_search.png) no-repeat center center transparent; background-size:30px;}
.wrap_gnb_menu .gnb_header .btn_search.active {background:url(/en/mobile/assets/images/common/btn_search_active.png) no-repeat center center transparent; background-size:30px;}
.wrap_gnb_menu .gnb_header .btn_close {position:absolute; top:17px; right:20px; display:block; width:15px; height:15px; background:url(/en/mobile/assets/images/common/bg_gnb_close.png) no-repeat center center transparent; background-size:15px;}
.wrap_gnb_menu .wrap_search,
.integrate_search .wrap_search {overflow:hidden; padding:0 10px; height:0; font-size:0; border-bottom:0; background-color:#14244d; transition:height 0.3s;}
.wrap_gnb_menu .wrap_search.active,
.integrate_search .wrap_search.active {height:50px;}
.wrap_gnb_menu .wrap_search .ipt_sch,
.integrate_search .wrap_search .ipt_sch {overflow:hidden; margin:12px 0; padding:0 20px; width:80%; height:26px; vertical-align:middle; border-radius:15px;}
.wrap_gnb_menu .wrap_search .btn_sch,
.integrate_search .wrap_search .btn_sch {display:inline-block; margin-left:2%; padding:7px 0; width:18%; color:#fff; text-align:center; vertical-align:middle; border-radius:15px; background-color:#566587;}
.wrap_gnb_menu .wrap_lang {padding:0 20px; height:33px;}
.wrap_gnb_menu .wrap_lang ul {display:table; width:100%;}
.wrap_gnb_menu .wrap_lang ul li {display:table-cell;}
.wrap_gnb_menu .wrap_lang ul li a {display:block; padding:8px 0; font-family:"NotoSansKR Bold"; font-size:11px; color:#8395c5; text-align:center;}
.wrap_gnb_menu .wrap_lang ul li a.active {color:#fff; border-bottom:1px solid #fff;}
.wrap_gnb_menu .wrap_gnb {padding:0 20px 35px; height:calc(100% - 83px);}
.wrap_gnb_menu .wrap_gnb .nav {text-align:center;}
.wrap_gnb_menu .wrap_gnb .nav > li {}
.wrap_gnb_menu .wrap_gnb .nav > li > a {display:block; padding:15px 10px; font-family:"NotoSansKR Bold"; font-size:13px; color:#fff; border-bottom:1px solid #37466d;}
.wrap_gnb_menu .wrap_gnb .nav > li.open > a {border-bottom:1px solid #8393bd;}
.wrap_gnb_menu .wrap_gnb .nav > li > ul {}
.wrap_gnb_menu .wrap_gnb .nav > li.open > ul {border-bottom:1px solid #8393bd;}
.wrap_gnb_menu .wrap_gnb .nav > li > ul > li {padding:0; border-bottom:none;}
.wrap_gnb_menu .wrap_gnb .nav > li > ul > li > a {display:block; padding:12px 10px; font-size:12px; color:#fff;}
.wrap_gnb_menu .wrap_gnb .nav > li > ul > li:first-child > a {padding-top:20px;}
.wrap_gnb_menu .wrap_gnb .nav > li > ul > li:last-child > a {padding-bottom:20px;}
.wrap_gnb_menu .wrap_family {position:absolute; bottom:0; left:0; padding:0 20px; width:100%; height:35px; background-color:#14244d;}
.wrap_gnb_menu .wrap_family .btn_family {display:block; width:100%; height:100%; font-family:"NotoSansKR Bold"; font-size:10px; color:#fff; background-color:transparent;}
.wrap_gnb_menu .wrap_family .wrap_family_site {display:none; position:fixed; top:284px; left:0; width:100%; height:calc(100% - 84px); background-color:#14244d; opacity:0;}
.wrap_gnb_menu .wrap_family .wrap_family_site .header {position:relative;}
.wrap_gnb_menu .wrap_family .wrap_family_site .header .title {padding:18px 0; font-family:"NotoSansKR Extra Bold"; font-size:11px; color:#fff; text-align:center;}
.wrap_gnb_menu .wrap_family .wrap_family_site .header .btn_close {position:absolute; top:15px; right:20px; width:20px; height:20px; background:url('/ko/mobile/assets/images/common/bg_family_close.png') no-repeat; background-size:100% auto;}
.wrap_gnb_menu .wrap_family .wrap_family_site .cont {padding:20px 30px; height:calc(100% - 51px); border-top:1px solid #37466d;}
.wrap_gnb_menu .wrap_family .wrap_family_site .cont nav a {display:block; padding:10px 0; font-size:12px; color:#fffefe;}

/* Card Grid */
.wrap_card_grid {padding-top:20px;}
.card_grid {margin-left:-10px;}
.card_grid .item {float:left; display:block; padding-bottom:10px; width:50%;}
.card_grid .item .item_inner {border:1px solid #dddddd;}

/* main header */
.wrap_header.main {}
.wrap_header.main .btn_back {display:none;}
.wrap_header.main .title_box {padding:20px 0 0 0;}
.wrap_header.main .title_box h2 {line-height:10px; text-align:left; text-indent:-9999px; height:10px; width:135px; background:url('/en/mobile/assets/images/common/img_logo.png') no-repeat; background-size:135px auto;}
.wrap_header.main .logo {}
.wrap_header.main .logo h1 {position:absolute; top:17px; left:0; width:100%;}
.wrap_header.main .logo a {display:block; padding:5px 0; width:50%; height:20px;}
.wrap_header.main .logo a img {width:100%; vertical-align:top;}

/* main */
.wrap.main .container {padding:0 15px;}

.wrap.main .banner {}
.wrap.main .banner img {width:100%;}

.wrap.main .visual {position:relative;}
.wrap.main .visual .head_copy {position:absolute; top:57%; left:0; z-index:10; width:100%; text-align:center;}
.wrap.main .visual .head_copy .slogan {text-align:center; display:none;}
.wrap.main .visual .head_copy .slogan img {width:75%;}
.wrap.main .visual .head_copy .btn_view {position:absolute; top:0; left:50%; width:76px; margin-left:-38px; display:inline-block; padding:8px 24px; font-family:"NotoSansKR Bold"; font-size:11px; color:#fff; text-align:center; border:1px solid #fff;}
.wrap.main .visual .slider {position:relative; padding-bottom:30px;}
.wrap.main .visual .slider .swiper-wrapper {height:auto;}
.wrap.main .visual .slider .swiper-slide {height:auto;}
.wrap.main .visual .slider .swiper-slide img {width:100%;}
.wrap.main .visual .slider .swiper-pagination-bullet {display:inline-block; margin:0 1px; width:32px; height:3px; border-radius:0; background-color:#d5d5d5; opacity:1;}
.wrap.main .visual .slider .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#1b2e59;}

.wrap.main .visual .slider .slick-dots {margin-top:14px; width:100%; font-size:0; text-align:center;}
.wrap.main .visual .slider .slick-dots li {display:inline-block; margin-left:2px;}
.wrap.main .visual .slider .slick-dots li:first-child {margin-left:0;}
.wrap.main .visual .slider .slick-dots li button {display:block; width:32px; height:3px; text-indent:-9999em; background-color:#d5d5d5;}
.wrap.main .visual .slider .slick-dots li.slick-active button {background-color:#1b2e59;}

.wrap.main section .title {padding:36px 0 24px; font-size:20px; color:#333; text-align:center;}
.wrap.main .business {position:relative;}
.wrap.main .business .wrap_list_obj {position:absolute; top:37px; left:0; z-index:10; width:100%;}
.wrap.main .business .list_obj {}
.wrap.main .business .list_obj .swiper-wrapper {height:auto;}
.wrap.main .business .list_obj .obj {height:auto; opacity:0 !important;}
.wrap.main .business .list_obj .obj.swiper-slide-active {opacity:1 !important;}
.wrap.main .business .list_obj .obj img {width:100%;}
.wrap.main .business .slider {position:relative;}
.wrap.main .business .slider .parallax-bg {position:absolute; top:0; left:0; z-index: 10; width:200%; height:calc(100% - 255px); background-size:cover;}
.wrap.main .business .slider .swiper-wrapper {height:auto;}
.wrap.main .business .slider .swiper-slide {position:relative; height:auto; opacity:0 !important;}
.wrap.main .business .slider .swiper-slide.swiper-slide-active {opacity:1 !important;}
.wrap.main .business .slider .swiper-slide img {width:100%;}
.wrap.main .business .slider .swiper-slide .cont {text-align:center; background-color:#fff;}
.wrap.main .business .slider .swiper-slide .cont .tit {margin-top:40px; font-family:"NotoSansKR Bold"; font-size:17px; color:#333;}
.wrap.main .business .slider .swiper-slide .cont .txt {margin-top:15px; padding:0 50px; font-size:13px; color:#555;}
.wrap.main .business .slider .swiper-slide .cont .btn_view {display:inline-block; margin-top:20px; padding:7px 23px; font-family:"NotoSansKR Bold"; font-size:11px; color:#041427; border:1px solid #000;}
.wrap.main .business .slider .swiper-button-next {top:auto; bottom:130px; right:20px; width:12px; height:20px; background-size:8px; background-position:center center;}
.wrap.main .business .slider .swiper-button-prev {top:auto; bottom:130px; left:20px; width:20px; height:20px; background-size:8px; background-position:center center;}

.wrap.main .company {}
.wrap.main .company .about {background-color:#2c53af;}
.wrap.main .company .about ul {}
.wrap.main .company .about ul li {padding:20px; border-bottom:1px solid #4e6cb2; background:url(/en/mobile/assets/images/main/arrow.png) no-repeat right 20px center; background-size:10px;}
.wrap.main .company .about ul li:last-child {border-bottom:0;}
.wrap.main .company .about ul li a {display:block;}
.wrap.main .company .about ul li .bg {margin:-20px 0; padding:20px 0; background:url(/en/mobile/assets/images/main/about_bg.jpg) no-repeat 60% bottom; background-size:100px;}
.wrap.main .company .about ul li .year {display:inline-block; margin-bottom:15px; font-family:"NotoSansKR Black"; font-size:35px; color:#fff;}
.wrap.main .company .about ul li .tit {font-family:"NotoSansKR Bold"; font-size:14px; color:#fff;}
.wrap.main .company .about ul li .txt {margin-top:15px; font-size:12px; color:#ddd;}

.wrap.main .pr {background-color:#f8f8f8;}
.wrap.main .pr .list {padding:0 15px;}
.wrap.main .pr .list li {margin-top:15px;}
.wrap.main .pr .list li:first-child {margin-top:0;}
.wrap.main .pr .list li a {display:block; border:1px solid #ddd;}
.wrap.main .pr .list li .card {padding:18px 15px;}
.wrap.main .pr .list li .card .tit {font-family:"NotoSansKR Bold"; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap;}
.wrap.main .pr .list li .card .txt {margin-top:10px; font-size:12px; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.wrap.main .pr .list li .date {padding:12px 15px; border-top:1px dashed #ddd; background:url('/en/mobile/assets/images/main/cross.png') no-repeat right 15px center; background-size:11px; font-size:13px; color:#555;}
.wrap.main .pr .link {padding:27px 32px; font-size:0; text-align:center;}
.wrap.main .pr .link li {display:inline-block; width:33.3%;}
.wrap.main .pr .link li a {display:block; padding:45px 0 0;}
.wrap.main .pr .link li a.ico1 {background:url(/en/mobile/assets/images/main/ico1.png) no-repeat center top; background-size:35px;}
.wrap.main .pr .link li a.ico2 {background:url(/en/mobile/assets/images/main/ico2.png) no-repeat center top; background-size:35px;}
.wrap.main .pr .link li a.ico3 {background:url(/en/mobile/assets/images/main/ico3.png) no-repeat center top; background-size:35px;}

.wrap.main .people {padding:0 10px; text-align:center;}
.wrap.main .people .slider {}
.wrap.main .people .slider .inner {position:relative; padding:0 20px;}
.wrap.main .people .slider .inner .slide {height:auto;}
.wrap.main .people .slider .inner .slide a {display:block; padding:0 10px;}
.wrap.main .people .slider .inner .slide .img {overflow:hidden; border-radius:50%;}
.wrap.main .people .slider .inner .slide .img img {width:100%;}
.wrap.main .people .slider .inner .slide .team {margin-top:20px; font-family:"NotoSansKR Bold"; font-size:14px; color:#2c53b0; text-align:center;}
.wrap.main .people .slider .inner .slide .name {margin-top:8px; font-family:"NotoSansKR Bold"; font-size:14px; color:#333; text-align:center;}
.wrap.main .people .slider .inner button {display:block; position:absolute; top:25%; width:20px; height:40px; text-indent:-9999em;}
.wrap.main .people .slider .inner .slick-prev {left:0; background:url(/en/mobile/assets/images/main/btn_prev.png) no-repeat center center; background-size:10px;}
.wrap.main .people .slider .inner .slick-next {right:0; background:url(/en/mobile/assets/images/main/btn_next.png) no-repeat center center; background-size:10px;}
.wrap.main .people .btn_interview {display:inline-block; margin:27px auto 39px; padding:8px 13px; font-size:11px; color:#041427; border:1px solid #041427;}