@charset "utf-8"; /* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */

#wrapper { overflow:hidden; } 

.only-desktop { display:block; } 
.only-tablet { display:none; } 
.only-mobile { display:none; } 
.only-desktop-mobile { display:block; } 

#skipToContent a { z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden } 
#skipToContent a:focus, 
#skipToContent a:active { width:200px; height:50px; background:#21272e; color:#fff; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; line-height:50px } 

.contain { width:100%; max-width:1460px; padding-left:30px; padding-right:30px; margin:0 auto; } 
.contain:after { content:" "; display:block; clear:both; } 



/* header */
#header { position:fixed; top:0; left:0; width:100%; z-index:100; background:#fff; } 
#header .contain { position:relative; max-width:1870px; height:100px; } 
.sitelogo { position:absolute; top:50%; /* margin-top:-18px; */
 transform: translateY(-50%); left:100px; z-index:10 } 
/* .sitelogo a { display:block; width:273px; height:36px; overflow:hidden; text-indent:-9999em; background:url("../images/common/logo.png") 50% 50% no-repeat; background-size:contain; } */
.sitelogo a { display:block; } 


#gnb { position:absolute; height:100px; width:100%; text-align:center; z-index:2; } 
#gnb > ul { display:flex; justify-content:center; margin-right:-60px; } 
#gnb > ul:after { content:" "; display:block; clear:both; } 
#gnb > ul > li { height:100px; z-index:1; font-size:18px; } 
#gnb > ul > li:hover a,
#gnb > ul > li.active a { color:#1aa0f7; } 
#gnb > ul > li > a { padding:0 50px; display:block; position:relative; text-align:center; font-weight:600; font-size:22px; line-height:100px; color:#242424; position:relative; z-index:5; } 

.gnb .submenu { display:none; position:absolute; width:1 } 
.gnb .submenu ul { display:flex; margin-left:25px; } 
.gnb .submenu ul li a { position:relative; display:block; text-decoration:none; font-size:17px; font-weight:500; line-height:60px; letter-spacing:-.03em; color:#fff !important; white-space:nowrap; padding:0 25px; } 
.gnb .submenu ul li a:hover { text-decoration:underline; } 
.gnb .m5 .submenu { right:10%; } 
 
.submenu-bg { z-index:-1; display:none; position:absolute; top:100px; left:0; width:100%; background:#1aa0f7; } 


/* header */
#header { position:fixed; top:0; left:0; width:100%; z-index:100; } 
#sub #header { position:relative; } 
#sub .contain { max-width:1260px; } 
#header .contain { position:relative; max-width:100%; height:99px; } 
#header .logo { position:absolute; background:url("../images/main/logo.png") 50% 50% no-repeat; background-size:contain; width:103px; height:45px; right:170px; top:90px; } 
/* #header.header-active .logo { background-image:url("../images/main/logo_w.png"); } */

.top-links { position:absolute; top:90px; right:90px; display:flex; z-index:90 } 
.fp-viewing-Intro #header .logo { display:none; } 

.main-link { position:absolute; top:50%; margin-top:-26px; right:130px; } 

/* for mobile */
.btn-m-menu { position:absolute; top:50%; right:100px; width:40px; height:34px; margin-top:-17px; text-align:center; text-indent:-9999em; z-index:50; display:block; } 
.btn-m-menu span { position:absolute; left:20px; right:0; top:17px; height:2px; background:#000; } 
.btn-m-menu span:before,
.btn-m-menu span:after { content:""; position:absolute; left:-11px; right:0; height:2px; background:#000; } 
.btn-m-menu span:before { top:-15px; } 
.btn-m-menu span:after { bottom:-15px; } 

.mobile-navigation { position:fixed; top:0; right:0; width:300px; bottom:0; transition:.2s ease-out; -ms-transform:translateX(100%); transform:translateX(100%); background:#fff; z-index:102; } 
.mobile-navigation .inner { position:absolute; top:0; left:0; width:100%; height:100%; overflow:auto; } 
.mobile-navigation .brand-image { border-bottom:1px solid #d6dfd1; background-color:#e9ede7; height:128px; } 
.mobile-navigation .brand-image a { display:block; padding-top:40px; padding-left:40px; } 
.mobile-navigation .nav-menu .depth3 { display:block; margin-left:23px; padding-bottom:18px; } 
.mobile-navigation .nav-menu .depth3 ul li a { display:block; padding:4px 0; color:#fff; font-size:18px; font-weight:300; line-height:1.4em; letter-spacing:-.04em; } 
.mobile-navigation .close { position:absolute; top:18px; right:22px; width:26px; height:26px; text-indent:-9999em; overflow:hidden; } 
.mobile-navigation .close:before, 
.mobile-navigation .close:after { content:" "; position:absolute; top:12px; left:0; width:100%; height:3px; background:#2c2c2c; border-radius:3px; } 
.mobile-navigation .close:before { transform:rotate(45deg); } 
.mobile-navigation .close:after { transform:rotate(-45deg); } 
.mobile-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; z-index:101; } 

html.menu-opened { overflow:hidden; } 
html.menu-opened .mobile-navigation { -ms-transform:translateX(0); transform:translateX(0); } 
html.menu-opened .mobile-navigation .close { display:block; } 
html.menu-opened .mobile-overlay { display:block; } 

nav.nav-menu { position:relative; border-top:1px solid #ddd; } 
.mobile-navigation .nav-menu>ul>li { border-bottom:1px solid #dfdfdf; } 
.mobile-navigation .nav-menu>ul>li>a { position:relative; padding:10px 18px; display:block; color:#333; font-size:17px; font-weight:500; line-height:1.3em; } 
.mobile-navigation .nav-menu>ul>li.active { background:#f4f4f4 } 
.mobile-navigation .nav-menu>ul>li.active>a { color:#fff; background:#1aa0f7; } 
.mobile-navigation .nav-menu>ul>li.active>a:after { transform:translateY(-35%) rotate(-135deg); border-color:#fff } 
.mobile-navigation .nav-menu>ul>li.home>a { padding:19px 18px; } 
.mobile-navigation .nav-menu>ul>li.home>a:after { display:none; } 
.mobile-navigation .nav-menu .submenu { display:none; margin:-1px 0 0 0; padding:10px 0; } 
.mobile-navigation .nav-menu .submenu>ul>li>a { display:block; padding:5px 18px; color:#454545; font-size:15px; font-weight:400; line-height:1.4em; } 
.mobile-navigation .nav-menu .submenu>ul>li>a:hover { color:#1aa0f7; } 
.mobile-navigation .nav-menu>ul>li>a:after { content:""; position:absolute; top:50%; right:20px; transform:translateY(-75%) rotate(45deg); width:12px; height:12px; border-right:2px solid #242424; border-bottom:2px solid #242424; } 
.mobile-navigation img { width:40%; margin:17px; } 
.mobile-navigation .close { position:absolute; top:16px; right:10px; width:24px; height:24px; text-indent:-9999em; overflow:hidden; } 
.mobile-navigation .close:before,
.mobile-navigation .close:after { content:" "; position:absolute; top:11px; left:0; width:100%; height:2px; background:#242424; border-radius:3px; } 
.mobile-navigation .close:before { transform:rotate(45deg); } 
.mobile-navigation .close:after { transform:rotate(-45deg); } 


.btn-m-menu span:before, .btn-m-menu span:after { left:-10px; } 
.btn-m-menu span:before { top:-10px; } 
.btn-m-menu span:after { bottom:-10px; } 

/* main */ 
.main-visual { position:relative; line-height:0; } 
.main-visual .slick-slide .img img { width:100%; } 
.main-visual .caption { position:absolute; top:50%; transform:translateY(-50%); text-align:left; left:0; width:100%; padding:0 30px; text-align: center; z-index:45; color: #fff; } 
.main-visual h2 { font-size:60px; font-weight:700; color:#fff; line-height:1.3em; margin:10px 0 20px; text-shadow:3px 0 5px rgba(0, 0, 0, 0.4); } 
.main-visual p { /* font-size:16px; */ font-size: 22px; letter-spacing:0.2em; line-height:1.75em; opacity:0.6; text-shadow:3px 0 5px rgba(0, 0, 0, 0.4); } 
.main-visual h3 { font-size:28px; font-weight:500; letter-spacing:-.03em; color:#fff; line-height:1.357em; text-shadow:3px 0 5px rgba(0, 0, 0, 0.4); } 
.main-visual .slick-arrow { position:absolute; top:50%; margin-top:-35px; width:70px; height:70px; border:none; overflow:hidden; text-indent:-999em; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; z-index:50; background-size:contain; } 
.main-visual .slick-prev { left:100px; background-image:url("../images/main/main-prev.png"); } 
.main-visual .slick-prev:hover { background-image: url("../images/main/main-prev_w.png"); } 
.main-visual .slick-next { right:100px; background-image:url("../images/main/main-next.png"); } 
.main-visual .slick-next:hover { background-image: url("../images/main/main-next_w.png"); } 

.main-visual .auto-control { position:absolute; bottom:100px; display:flex; align-items:center; z-index:50; width:100%; max-width:100px; margin-left:-50px; left:50%; } 
.main-visual .paging { font-family:'pretendard'; font-size:20px; font-weight:600; color:rgba(255, 255, 255, 0.7); line-height:1.3em; letter-spacing:0; display: flex; white-space:nowrap; margin:0 15px; } 
.main-visual .paging .current { color:#fff; position:relative; padding-right:8px; margin-right:5px; } 
.main-visual .paging .current span { opacity:1; margin-right:-3px; } 
.main-visual .paging .current:before { position:absolute; content:""; width:2px; height:18px; background:#fff; top:50%; margin-top:-9px; right:0; transform:rotate(10deg); } 
.main-visual .prev { position:relative; width:13px; height:13px; border:0; background:0; border-left:2px solid #fff; border-top:2px solid #fff; transform:rotate(-45deg); } 
.main-visual .next { position:relative; width:13px; height:13px; border:0; background:0; border-right:2px solid #fff; border-top:2px solid #fff; transform:rotate(45deg); } 

.board-scroll { height:600px; overflow:auto } 
.main-visual { position:relative; width:100%; top:0; overflow:hidden; z-index:1; } 
.main-visual .item { position:relative; } 
.main-visual .video-area video { position:absolute; top:0; left:0; width:100%; height:100%; background-color: black; background-position: center center; background-size: contain; object-fit: cover; } 

 
.visual-scroll { position:absolute; width:98px; height:82px; margin-left:-41px; left:50%; animation:pulse 2s infinite; bottom:80px; color:#fff; font-size:16px; letter-spacing:0.2em; margin-left:-30px; } 
@-webkit-keyframes pulse { 
 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 
 50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); } 
 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 
 }

@keyframes pulse { 
 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 
 50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); } 
 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 
 }
 

/* main-service */
.main-service { position:relative; margin-top:-80px; z-index:99; } 
.main-service ul { display:flex; } 
.main-service ul li { display:flex; flex-direction:column; justify-content:center; width:14.2857%; text-align:center; color:#fff; min-height:160px; background:#0e76bc; border-left:1px solid rgba(255, 255, 255, 0.2); } 
.main-service ul li:first-child { position:relative; background:#1aa0f7; border-radius:20px 0 0 20px; } 
.main-service ul li:first-child:before { content:""; position:absolute; right:-29px; top:50%; transform:translate(-50%,-50%); width:0; height:0; display:inline-block; border-left:21px solid #1aa0f7; border-top:31px solid transparent; border-bottom:31px solid transparent; } 
.main-service ul li:last-child { border-radius:0 20px 20px 0; } 
.main-service ul li:last-child a:hover { border-radius:0 20px 20px 0; } 
.main-service ul li a { display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; } 
.main-service ul li .box { } 
.main-service ul li .box .s-tit { font-size:14px; color:rgba(255, 255, 255, 0.6); letter-spacing:0.1em; } 
.main-service ul li .box .tit { font-size:28px; font-weight:700; letter-spacing:-.03em; line-height:1.250em; margin:5px 0; } 
.main-service ul li .box .go-tt { font-size:24px; font-weight:500; letter-spacing:-.03em; line-height:1.458em; } 
.main-service ul li .img-wrap { position:relative; width:52px; height:52px; margin:0 auto; } 
.main-service ul li .img-wrap .img { position:absolute; top:0; left:0; } 
.main-service ul li .img-wrap .img.hover { display:none; } 
.main-service ul li .tt { font-size:20px; font-weight:500; margin-top:10px; letter-spacing:-.03em; } 
.main-service ul li a:hover .img-wrap .img.hover { display:block; } 
.main-service ul li a:hover .tt { color:#1aa0f7; } 
.main-service ul li a:hover { background:#fff; box-shadow:2px 0 15px rgba(0, 0, 0, 0.2); } 

/* .Strategy */
.Strategy { background-size:cover; background-repeat:no-repeat; background-position:50% 50%; } 

/* Strategy */
.main-business-flex ul { display:flex; } 
.main-business-flex ul li { width:50%; } 
.main-business-flex ul li p { font-size:30px; font-weight:600; text-align:center; margin-top:30px; } 

.Contact { position:relative; padding:130px 0; } 
.Contact:before { position:absolute; content:""; background:url('../images/main/Contact-tt.png')50% 50% no-repeat; background-size:contain; width:1477px; height:146px; top:40px; left:0; } 
.Contact .main-tit { text-align:center; color:#242424; padding-bottom:55px; } 
.Contact .main-tit h3 { font-size:45px; font-weight:700; letter-spacing:-.03em; line-height:1.3em; } 

.main-qna { position:relative; background:#f7fbfd; padding:130px 0; overflow:hidden; } 
.main-qna:before { position:absolute; content:""; width:562px; height:562px; background:url('../images/main/main-qna-tt.png')50% 50% no-repeat; background-size:contain; top:-30px; right:0; } 

 
/* contact */ 
.autoplay { width:100%; max-width:1360px; padding-left:30px; padding-right:30px; color:#fff; } 


.scroll-list { border-radius:20px; overflow:hidden; } 
.status-zone { position:relative; box-shadow:1px 4px 10px 9px rgba(0, 0, 0, 0.2); border-radius:20px; } 
.status-zone .col { display: flex !important; text-align: center; border-bottom: 1px solid #dfdfdf; } 
.status-zone .col > div { width:auto; padding: 0 5px; white-space: nowrap; } 
.status-zone .col .num { width:11%; } 
.status-zone .col .cate { width:22%; } 
.status-zone .col .translation { width:17%; } 
.status-zone .col .name { width:18%; } 
.status-zone .col .date { width:18%; } 
.status-zone .col .status { width:15%; } 
.status-zone .haed .col { border-radius:20px 20px 0 0; padding:20px 0; font-size:22px; font-weight:600; line-height: 1.75; letter-spacing:0; background:#1aa0f7; color:#fff; } 
.status-zone .haed .col.bg { border-top:2px solid #222; } 
.status-zone .body .col { font-size:18px; color:#454545; padding:20px 0; background:#fff; } 
.status-zone .body .col:hover { background:rgba(26, 160, 247, 0.05); } 
.status-zone .body .col.color { color:#0032a0; font-weight:500; } 
.status-zone .col .status span { display:block; margin:0 auto; width:56px; height:26px; font-size:18px; color:#454545; font-weight:600; line-height:26px; color:#5f5f5f; background:url('../images/bbs/bg_process.gif') no-repeat; } 
.status-zone .col .status.translate span { color:#0032a0; } 
.status-zone .col .status.application span { color:#0e76bc; } 
.status-zone .col .status.ing span { color:#fff; background:#ff5e6e; border-radius:5px; } 
.status-zone .slick-vertical .slick-slide { border:0; font-weight:500; } 
.status-more { display:block; margin:0 auto; margin-top:60px; width:230px; height:60px; line-height:58px; position:relative; padding:0 40px; border-radius:30px; font-size:18px; color:#686868; letter-spacing:-.03em; width:230px; height:60px; border:1px solid #686868; } 
.status-more:before { position:absolute; content:""; width:36px; height:20px; top:50%; margin-top:-10px; right:40px; background:url('../images/main/status-more.png')50% 50% no-repeat; background-size:contain; } 
.status-more:hover { background:#2aa4f4; color:#fff; border-color:#2aa4f4; } 
.status-more:hover:before { background-image: url('../images/main/status-more_w.png'); } 

.main-qna { } 
.main-qna .contain { max-width:1540px; overflow:hidden; min-height:520px; } 
.main-qna .content-wrap { max-width:1400px; margin:0 auto; } 
.main-qna .main-tit { position:relative; display:flex; margin-bottom:50px; justify-content:space-between; align-items:flex-end; } 
.main-qna .main-tit h3 { font-size:45px; color:#242424; letter-spacing:-.03em; line-height:1.222em; } 
.main-qna .main-tit .more { font-size:18px; color:#454545; letter-spacing:-.03em; line-height:1.556em; } 
.main-qna .main-tit .more:hover { color:#1aa0f7; text-decoration:underline; } 

.main-qna-list { } 
.main-qna-list .items { } 
.main-qna-list .items .item { background:#fff; border-radius:15px; } 
.main-qna-list .items .slick-slide { margin-right:70px; } 
.main-qna-list .items .slick-list { overflow:visible; margin-right:-70px; } 
.main-qna-list .items .item .box { transition: all 2s ease-out 0s; padding:40px 30px; } 
.main-qna-list .items .item .box .tit { display:flex; align-items:center; padding-bottom:35px; margin-bottom:30px; border-bottom:1px solid #ddd; font-size:22px; font-weight:600; color:#242424; letter-spacing:-.03em; font-weight:600; line-height:1.455em; } 
.main-qna-list .items .item .box .tit p { overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space: normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; } 
.main-qna-list .items .item .box .tit span { margin-right:15px; display:inline-block; min-width:45px; height:45px; line-height:45px; background:#0e76bc; border-radius:10px; text-align:center; color:#fff; font-size:30px; font-weight:500; } 
.main-qna-list .items .item .box .txt { display:flex; font-size:18px; color:#454545; letter-spacing:-.03em; line-height:1.778em; } 
.main-qna-list .items .item .box .txt p { overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space: normal; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; } 
.main-qna-list .items .item .box .txt span { margin-right:15px; display:inline-block; min-width:45px; height:45px; line-height:45px; background:#1aa0f7; border-radius:10px; text-align:center; color:#fff; font-size:30px; font-weight:500; } 
.main-qna-list .items .item a { display:block; } 
.main-qna-list .items .item a:hover { box-shadow:3px 1px 10px 2px rgba(0, 0, 0, 0.2); border-radius:15px; } 
.main-qna-list .slick-arrow { position:absolute; top:50%; margin-top:-22.5px; width:45px; height:45px; border:none; overflow:hidden; text-indent:-999em; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; z-index:50; background-size:contain; } 
.main-qna-list .slick-prev { left:-80px; background-image:url("../images/main/qna-prev.png"); } 
.main-qna-list .slick-prev:hover { background-image: url("../images/main/qna-prev_w.png"); } 
.main-qna-list .slick-next { right:-80px; background-image:url("../images/main/qna-next.png"); } 
.main-qna-list .slick-next:hover { background-image: url("../images/main/qna-next_w.png"); } 



/* sub page */
#sub #rightMenu { display:none; } 
.sub-visual { position:relative; width:100%; height:280px; overflow:hidden; } 
.sub-visual .content { position:absolute; top:50%; left:0; text-align:center; transform:translateY(-50%); width:100%; color:#fff; z-index:20 } 
.sub-visual .tit { font-size:40px; line-height:1.3em; font-weight:700; letter-spacing:-.40px; margin-bottom:80px; } 
.sub-visual .background { position:absolute; top:0; left:0; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; transform:scale(1.09); -ms-transform:scale(1.09); /* IE 9 */
 -moz-transform:scale(1.09); /* Firefox */
 -webkit-transform:scale(1.09); /* Safari and Chrome */
 -o-transform:scale(1.09); /* Opera */
transition: all 2s ease-out 0s; transition-delay: 0.1s; opacity: 0; z-index:0; } 
.sub-visual.load .background { transform:scale(1); -ms-transform:scale(1); /* IE 9 */
 -moz-transform:scale(1); /* Firefox */
 -webkit-transform:scale(1); /* Safari and Chrome */
 -o-transform:scale(1); /* Opera */
opacity: 1; } 
/* sub */
.sub-visual { display:flex; align-items:center; height:350px; text-align:center; color:#fff; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; overflow:hidden; } 
.sub-visual .inner { width:100%; } 
.sub-visual.none-lnb .inner { padding-bottom:0; } 
.sub-visual h2 { font-size:55px; font-weight:700; letter-spacing:-.03em; line-height:1.3em; } 
.sub-visual p { font-size:16px; opacity:0.6; letter-spacing:0.2em; line-height:1.75; margin-bottom:20px; } 
.sub-visual.bg1 { background-image:url("../images/common/sv1.jpg"); } 
.sub-visual.bg2 { background-image:url("../images/common/sv2.jpg"); } 
.sub-visual.bg2_2 { background-image:url("../images/common/sv2_2.jpg"); } 
.sub-visual.bg2_3 { background-image:url("../images/common/sv2_3.jpg"); } 
.sub-visual.bg2_4 { background-image:url("../images/common/sv2_4.jpg"); } 
.sub-visual.bg3 { background-image:url("../images/common/sv3.jpg"); } 
.sub-visual.bg3_5 { background-image:url("../images/common/sv3_5.jpg"); } 
.sub-visual.bg4 { background-image:url("../images/common/sv4.jpg"); } 
.sub-visual.bg5 { background-image:url("../images/common/sv5.jpg"); } 
.sub-visual.bg6 { background-image:url("../images/common/sv3.jpg"); } 

#contArea { width:100%; max-width:1260px; margin:0 auto; padding-left:30px; padding-right:30px; position:relative; } 
#contArea.wide { max-width:none; } 

.sub-title { padding:100px 0 60px; text-align:center; } 
.sub-title h2 { position:relative; font-size:35px; color:#242424; line-height:1.3em; font-weight:600; letter-spacing:-.03em; padding-bottom:20px; } 
.sub-title h2:before { position:absolute; content:""; width:60px; height:3px; background:#0e76bc; bottom:0; left:50%; margin-left:-30px; } 
.sub-title h2.color:before { background:#1aa0f7; } 

.tabmenu.width { width:100%; max-width:360px; margin:0 auto; } 
.tabmenu.width .lnb { overflow:visible; background:transparent; } 
.tabmenu.width .lnb ul { border:1px solid #0e76bc; border-radius:30px; } 
.tabmenu.width .lnb ul li { } 
.tabmenu.width .lnb ul li a { font-size:20px; font-weight:500; color:#0e76bc; letter-spacing:-.03em; height:50px; } 
.tabmenu.width .lnb ul li.active a { background:#0e76bc; color:#fff; border-radius:30px; } 
.lnb { margin-top:0; position:relative; z-index:2; background:#1aa0f7; } 
.lnb ul { display:flex; max-width:1200px; margin:0 auto; } 
.lnb ul li { flex:1; position:relative; font-size:18px; text-align:center; line-height:1.4em; letter-spacing:0; } 
.lnb ul li a { display:flex; align-items:center; justify-content:center; height:60px; padding:0 15px; font-weight:600; font-size:20px; color:#fff; line-height:58px; } 
.lnb ul li.active a { color:#1aa0f7; background:#fff; border-radius:15px 15px 0 0; } 

.real-cont { padding-bottom:100px; } 
.real-cont.none { padding-bottom:0; } 

/* footer */
.main-relation { overflow:hidden; padding:60px 0; background:#f8f8f8; } 
.main-relation .contain { max-width:1080px !important; } 
.main-relation .slick-slide { padding:0 10px; } 
.main-relation .slick-slide:hover .item span img { filter: drop-shadow(3px 0 5px rgba(0, 0, 0, 0.1)); } 
.main-relation .slick-list { overflow:visible; margin:0 -10px; } 

#footer { position:relative; font-size:15px; font-weight:400; line-height:1.571em; letter-spacing:0; border-top:1px solid #ddd; background:#091d2a; padding:0 0 30px 0; } 
.footer .fp-auto-height { height:auto !important; } 
#footer .contain { display:flex; max-width:1780px; } 
#footer address { color:#ccc; font-weight:400; font-style:normal; margin-left:30px; } 
#footer span { display:inline-block; position:relative; padding-right:25px; margin-right:15px; color:#ccc; line-height:1.867em; } 
#footer span:before { position:absolute; content:""; width:1px; height:10px; background:rgba(255, 255, 255, 0.2); top:50%; margin-top:-5px; right:0; } 
#footer span.none:before { display:none; } 
#footer span.s-txt { font-size:12px; color:#3e484f; letter-spacing:0; } 
 
.foot-links { padding:20px 0; border-bottom:1px solid rgba(255, 255, 255, 0.3); } 
.foot-links ul { display:flex; justify-content:center; } 
.foot-links ul li { position:relative; color:#f4f4f4; padding:0 12px; } 
.foot-links ul li:first-child { padding-left:0; } 
.foot-links ul li:first-child::before { display:none; } 
.foot-links ul li:last-child { padding-right:0; } 
.foot-links ul li a { font-size:16px; font-weight:400; line-height:1.4em; } 

.logo-img { padding:40px 0 30px 0; } 
.foot-info { padding:26px 0; } 
.foot-info .contain { display:flex; align-items:center; justify-content:space-between; } 
.foot-info .f-logo { } 
.foot-info .comp-name { font-size:16px; line-height:1.3em; margin-bottom:14px; } 
.foot-info address span { display:inline-block; margin-right:20px; } 


.side-cs .img-wrap { display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; width:50px; height:50px; top:0; left:-85px; margin:0 auto; background:#fff; border-bottom:1px solid #ddd; } 
.side-cs .img-wrap .img { position:absolute; } 
.side-cs .img-wrap .img.hover { display:none; } 
.side-cs .img-wrap:hover .img.hover { display:block; /* border-left:1px solid #ddd; */ } 
.side-cs .img-wrap:hover .img.hover img { min-width:50px !important; height:50px !important; } 
.side-cs .img-wrap:hover .img { display:none; } 
.side-cs { position:fixed; /* top:100px; */ top: 230px; right:0; z-index:100; transition:.6s; /* transform:translateX(100%); */
 transform:translateX(0); } 


.side-cs .toggle { position:absolute; top:0; left:-50px; width:50px; height:50px; overflow:hidden; background:#1c99d9; color:#fff; font-size:17px; line-height:1em; } 
.side-cs .wrap { width:240px; /* padding:20px; */ padding:12px; background:#fff; border:1px solid #ddd; } 
.side-cs .tit { color:#fff; font-size:20px; font-weight:500; line-height:1.4em; letter-spacing:-.04em; margin:-5px 0 15px; } 
.side-cs .txt { color:#b0e4fd; font-size:16px; font-weight:300; line-height:1.5em; letter-spacing:-.04em; margin-bottom:13px; } 
.side-cs .form { margin-top:10px; background:#fff; border-radius:12px; border:1px solid #ddd; } 
.side-cs .form .tt { height:50px; line-height:50px; border-radius:10px 10px 0 0; text-align:center; color:#fff; font-size:20px; font-weight:700; letter-spacing:-.04em; background:#0e76bc; margin-bottom:10px; } 
.side-cs .form .group { display:flex; align-items:center; padding:5px 10px; } 
.side-cs .form .group label { width:55px; color:#454545; font-size:16px; font-weight:500; line-height:1.3em; letter-spacing:-.04em; } 
.side-cs .form .group .input { flex:1 1 auto; min-width:0; width:1%; height:35px; padding:4px 10px; color:#686868; font-size:15px; font-weight:300; line-height:1.3em; letter-spacing:-.04em; border-radius:6px; } 
.side-cs .form .group select.input { background:url("../images/common/select.png") right 10px center no-repeat; } 
.side-cs .form .check { text-align:center; margin:13px 10px 15px; color:#686868; font-size:13px; font-weight:300; line-height:1.3em; letter-spacing:-.04em; } 
.side-cs .form .check a { color:#454545; margin-left:4px; } 
.side-cs .form .check a:hover { text-decoration:underline; } 
.side-cs .form .check .checkbox label:before { border-radius:4px; background-color:#fff; } 
.side-cs .form .check .checkbox input:checked + label:before { background-color:#1688e0; } 
.side-cs .form .submit { display:block; width:170px; margin:0 auto; height:35px; color:#fff; font-size:16px; font-weight:700; line-height:1.3em; letter-spacing:-.04em; border:0; border-radius:6px; background:#1aa0f7; margin-bottom:14px; } 
.side-cs .btns { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:11px; } 
.side-cs .btns a { display:block; padding:18px 0 15px; color:#fff; font-size:18px; font-weight:400; line-height:1.3em; letter-spacing:-.04em; text-align:center; border-radius:12px; } 
.side-cs .btns i { display:block; width:46px; height:46px; margin:0 auto 8px; background-position:50% 50%; background-repeat:no-repeat; } 
.side-cs .btns .s-cs { width:calc(50% - 5px); background:#421bd5; font-family:"Roboto",sans-serif; font-size:22px; font-weight:700; } 
.side-cs .btns .s-cs i { background-image:url("../images/common/s_cs.png"); } 
.side-cs .btns .s-inq { width:calc(50% - 5px); background:#254699; } 
.side-cs .btns .s-inq i { background-image:url("../images/common/s_inquiry.png"); } 
.side-cs .btns .s-demo { width:100%; height:60px; padding:0; margin-top:10px; display:flex; justify-content:center; align-items:center; background:#3263e6; } 
.side-cs .btns .s-demo i { flex:0 0 39px; width:39px; height:39px; margin:0 17px 0 0; background-image:url("../images/common/s_demo.png"); } 
/* .side-cs.hidden { transform:translateX(100%); } 
.side-cs.active { transform:translateX(0); } */
.side-cs.active { transform:translateX(100%); } 

/* 사이드메뉴 고객센터 */
.side-cs.type2 { left:0; width: fit-content; } 
.side-cs.type2 .toggle { left: 240px; transform: rotate(180deg); } 
/* .side-cs.type2.hidden { transform:translateX(0); } */
.side-cs.type2.on { transform:translateX(-100%); } 
.side-cs-list { position:absolute; top:50px; } 
/* .quick-info { } 
.quick-info .quick-info-box { margin-top:15px; } 
.quick-info .tits { position:relative; font-size:16px; color:#242424; letter-spacing:-.03em; font-weight:600; line-height:; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:10px; } 
.quick-info .tits:before { position:absolute; content:""; width:53px; background:#1aa0f7; height:1px; bottom:0; left:0; } 
.quick-info .list { } 
.quick-info .list p { font-size:14px; color:#454545; letter-spacing:-.03em; line-height:1.429em; } */
.side-cs.type2 .wrap { padding: 0; background: none; border: 0; } 

.quick-info .quick-info-box { position: relative; padding: 30px 10px; margin-bottom: 1px; background: #09132a; } 
.quick-info .quick-info-box .ico { position: absolute; top: 26px; right: 28px; background-repeat: no-repeat; background-size: contain; background-position: 100%; } 
.quick-info .quick-info-box .ico.cs { background-image: url(../images/common/ico_cs.png); width: 34px; height: 61px; } 
.quick-info .quick-info-box .ico.bank { background-image: url(../images/common/ico_bank.png); width: 64px; height: 41px; } 
.quick-info .tits { font-weight: 700; font-size: 18px; line-height: 1.3em; margin-bottom: 20px; } 
.quick-info .cs .tits { color: #66cccc; } 
.quick-info .bank .tits { color: #83cc66; } 
.quick-info .list { font-size: 15px; font-weight: 500; line-height: 1.6em; color: #fff; } 
.quick-info .list P {letter-spacing:-.01em;}

.foot-link-wrap { border-bottom:1px solid rgba(255, 255, 255, 0.2); margin-bottom:35px; padding:25px 0; } 
.foot-link-wrap ul { display:flex; width:100%; max-width:1780px; margin:0 auto; padding-left:30px; padding-right:30px; } 
.foot-link-wrap ul li { position:relative; font-size:16px; font-weight:500; color:#ccc; letter-spacing:0; padding-left:25px; margin-right:45px; } 
.foot-link-wrap ul li:before { position:absolute; content:""; width:16px; height:15px; background:url('../images/main/foot-link.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-8px; left:0; } 

/* quick */ 

.main-link-wrap { position:fixed; top:200px; right:100px; z-index:99; } 
.main-link-wrap ul li { margin-bottom:10px; clear:both; } 
.main-link-wrap ul li a { float:right; display:flex; align-items:center; justify-content:center; width:60px; color:#fff; height:60px; border-radius:10px; background:#88c64e; margin-bottom:10px; } 
.main-link-wrap ul li:last-child:hover a { width:60px; } 
.main-link-wrap ul li a p { display:none; padding-left:10px; } 
.main-link-wrap ul li a:hover p { display:block; } 
.main-link-wrap ul li a:hover { width:150px; } 
.quickmenu .inner .list ul li a:hover .img.hover { display:block; } 

/* quick-menu */

.quickmenu { position:absolute; right:240px; top:50px; z-index:90; /* overflow:hidden; */ border-left:1px solid #ddd; } 
/* .quick-inquiry-ico { margin-left:-14px; } */
.quickmenu .inner { position:relative; width:50px; transition:.3s ease-in-out; } 
.quickmenu .inner .list { width:220px; } 
.quickmenu .inner .list ul li { height:50px; /* border-bottom:1px solid #ddd; */ } 
.quickmenu .txt-box { opacity:0; border-radius:30px 0 0 30px; display:flex; align-items:center; background:#fff; position:absolute; left:-111px; height:50px; padding:0 25px; font-size:17px; font-weight:500; color:#454545; border:1px solid #ddd; border-right:0; } 
.quickmenu .inner .list ul li:nth-child(2) .txt-box { left:-140px; } 
.quickmenu .inner .list ul li:nth-child(4) .txt-box { left:-172px; background:#f8ef2c; border:0; } 
.quickmenu .inner .list ul li:nth-child(5) .txt-box { left:-191px; background:#00c63d; border:0; } 
.quickmenu .inner .list ul li:nth-child(6) .txt-box { left:-134px; } 
.quickmenu .inner .list ul li:nth-child(7) .txt-box { left:-148px; } 
.quickmenu .inner .list ul li:hover .txt-box { opacity:1; } 
.quickmenu .inner .list ul li:nth-child(5) .img-wrap { background:#f8ef2c; border-color:#f8ef2c; } 
.quickmenu .inner .list ul li a { display:table; table-layout:fixed; width:100%; height:50px; } 
.quickmenu .inner .list ul li a .icon { display:table-cell; vertical-align:middle; width:50px; line-height:0; } 
.quickmenu .inner .list ul li a .txt { display:table-cell; vertical-align:middle; width:100%; text-align:center; font-size:18px; line-height:30px; color:#555; font-weight:500; } 
/* .quickmenu .inner .list ul li.bg1 a .txt { color:#fff; } 
.quickmenu .inner .list ul li.bg2 { background:#f8f8f8; } 
.quickmenu .inner .list ul li.bg3 { background:#fff; } 
.quickmenu .inner .list ul li.bg3 a .txt { font-size:16px; line-height:22px; } 
.quickmenu .inner .list ul li.bg4 { background:#f8f8f8; } 
.quickmenu .inner .list ul li.bg5 { background:#60c373; } 
.quickmenu .inner .list ul li.bg5 a .txt { color:#fff; } */
.quickmenu .inner .quick-menu-btn { position:absolute; top:0; left:0; width:25px; height:50px; background-color:#1aa0f7; background-image:url('../images/common/arrow_off.png'); background-position:center center; background-repeat:no-repeat; } 
.quick-menu-opened .quickmenu .inner { width:245px; } 
.quick-menu-opened .quickmenu .inner .quick-menu-btn { background-image:url('../images/common/arrow_off.png'); } 

.toggle-wrap { position:relative; } 
.toggle-wrap .txt-box { opacity:0; border-radius:30px 0 0 30px; display:flex; align-items:center; background:#1aa0f7; position:absolute; left:-207px; height:50px; padding:0 25px; font-size:17px; font-weight:500; color:#fff; } 
.toggle-wrap:hover .txt-box { opacity:1; }