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

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

#wrapper {position:relative; overflow:hidden;}

#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 {position:relative; width:100%; max-width:1260px; padding-left:30px;padding-right:30px; margin:0 auto;}
.contain:after {content:" "; display:block; clear:both;}


/* header */
#header {position:absolute; width:100%; left:0; top:0; z-index:99; transition:all 0.2s ease;}
#header:before {content:""; position:absolute; width:100%; height:1px; bottom:0; left:0; background:rgba(255,255,255,0.3);}
#header .contain {position:relative; height:100px; max-width:1460px;}
#header .sitelogo {position:absolute; top:50%;  margin-top:-25.5px;left:30px; z-index:10}
#header .sitelogo a {display:block; width:211px; height:51px; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; background-image:url("../images/common/logo_w.png");}
#header.header-hover  .sitelogo a {background-image:url("../images/common/logo_b.png");}
#header.header-hover {background:#fff;}
#header.header-hover:before {background:#ddd;}
#header.header-hover #gnb > ul > li > a {color:#242424;}
#header.header-hover .btn-m-menu span {background:#242424;}
#header.header-hover .btn-m-menu span:before,
#header.header-hover .btn-m-menu span:after {background:#242424;}
#header.header-hover .language ul li a {color:#999; background:#fff;}
#header.header-hover .language ul li.on a {background:#122780; border:1px solid #122780; color:#fff;}

#gnb {position:absolute; top:0; right:280px; z-index:20;}
#gnb > ul {display:flex;}
#gnb > ul > li {position:relative; padding:0 55px; text-align:center;}
#gnb > ul > li > a {font-family:'NanumSquare',sans-serif; display:block; position:relative; color:#fff; font-size:20px; font-weight:800; line-height:100px; letter-spacing:-.04em; transition:all 0.2s ease;}
#gnb > ul > li:hover > a ,
#gnb > ul > li.active > a{color:#122780 !important;}

#gnb .submenu {height:0; position:absolute; left:0; width:100%; z-index:102; overflow:hidden;}
#gnb .submenu ul {padding:15px 0;}
#gnb .submenu ul li {padding:10px 0; color:#505050; font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-.03em;}
#gnb .submenu ul li a {display:inline-block; vertical-align:middle; position:relative; }
#gnb .submenu ul li a:hover {color:#122780;}
#gnb .submenu ul li a:after {content:""; position:absolute;  bottom:0; left:0; width:0; height:1px; background:#122780; transition:.2s ease-in-out;}
#gnb .submenu ul li a:hover::after {width:100%;}

#header .submenu-bg {display:none; position:absolute; left:0; width:100%; background:rgba(255,255,255,0.9);}
#header .submenu-bg2 {width:100%; margin:0 auto; max-width:1200px; height:100%; background:url("../images/common/submenu_bg.png") no-repeat left center;}

.language {position:absolute; right:108px; top:50%; transform:translateY(-50%);}
.language ul {display:flex;}
.language ul li:first-child {margin-right:2px;}
.language ul li a {display:block; line-height:18px; height:20px; border:1px solid #a9a79f; color:#fff; font-size:13px; font-weight:700; letter-spacing:-0.03em; padding:0 12px;}
.language ul li.on a {background:#000; border-color:#000;}

/* for mobile */
.btn-m-menu {position:absolute; top:50%; margin-top:-12px; right:30px; width:27px; height:24px; text-align:center; text-indent:-9999em; z-index:92; transition: all 0.5s ease-in-out;}
.btn-m-menu span {position:absolute; left:0; top:13px; height:3px; width:27px;background:#fff;}
.btn-m-menu span:before,
.btn-m-menu span:after {content:" "; position:absolute; right:0; width:27px; height:3px; background:#fff; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s;}
.btn-m-menu span:before {top:-10px; transition-property:top, transform;}
.btn-m-menu span:after {bottom:-10px; transition-property:bottom, transform;}

.m-lang ul {display:flex;}
.m-lang ul li {flex:1; border-bottom:1px solid #ddd; }
.m-lang ul li.on {background:#122780; color:#fff; border-color:#122780;}
.m-lang ul li:first-child {border-right:1px solid #ddd;}
.m-lang ul li a {display:flex; align-items: center; justify-content: center; text-align:center; min-height:40px;}


.mobile-navigation {position:fixed; top:0; right:0; padding:20px 0; width:300px; height:100%; overflow:auto; transition:.3s ease-in-out; -ms-transform:translateX(100%); transform:translateX(100%); background:#ffffff; z-index:101;}
.mobile-navigation .home {padding-bottom:20px; padding-left:15px; border-bottom:1px solid #ddd;}
.mobile-navigation .home img {height:34px; width:auto;}
.mobile-navigation .nav-menu>ul>li {border-bottom:1px solid #ddd;}
.mobile-navigation .nav-menu>ul>li>a {position:relative; padding:14px 15px; display:block; color:#242424; font-size:1.3em; font-weight:500; line-height:1.3em;}
.mobile-navigation .nav-menu>ul>li.active>a {color:#122780;}
.mobile-navigation .nav-menu>ul>li>a:after {content:""; position:absolute; top:50%; right:15px; transform:translateY(-75%) rotate(45deg); width:10px; height:10px; border-right:2px solid #122780; border-bottom:2px solid #122780;}
.mobile-navigation .nav-menu>ul>li.active>a:after{transform: translateY(-35%) rotate(-135deg); border-color: #122780;}
.mobile-navigation .nav-menu .submenu {display:none; position:static; transform: translateX(0); margin:-1px 0 0 0; width:100%;  padding:10px 0;background:#122780; padding-bottom:10px;}
.mobile-navigation .nav-menu .submenu>ul {display:block; width:100%;}
.mobile-navigation .nav-menu .submenu>ul>li {text-align:left; padding:0;}
.mobile-navigation .nav-menu .submenu>ul>li>a {display:block; position:relative; padding:5px 0 5px 25px; color:#fff; font-size:16px; font-weight:400; line-height:1.3em;}
.mobile-navigation .nav-menu .submenu>ul>li>a:after {content:"";position:absolute; top:14px; left:15px; width:4px; height:4px; border-radius:100%; background:#fff; transition:.2s ease-in-out;}
.mobile-navigation .nav-menu .submenu>ul>li>a:hover {color:#fff}
.mobile-navigation .nav-menu .submenu>ul>li>a:hover:after {background:#fff}
.mobile-navigation .close {position:absolute; top:20px; right:18px; width:24px; height:24px; text-indent:-9999em; overflow:hidden;}
.mobile-navigation .close:before,
.mobile-navigation .close:after {content:" "; position:absolute; top:12px; left:0; width:100%; height:2px; background:#242424;}
.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:.76; z-index:98;} 

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

.fp-viewing-Business #header .sitelogo a {background-image:url("../images/common/logo_b.png");}
.fp-viewing-Business #header {background:#fff;}
.fp-viewing-Business #header:before {background:#ddd;}
.fp-viewing-Business #header #gnb > ul > li > a {color:#242424;}
.fp-viewing-Business #header .btn-m-menu span {background:#242424;}
.fp-viewing-Business #header .btn-m-menu span:before,
.fp-viewing-Business #header .btn-m-menu span:after {background:#242424;}
.fp-viewing-Business #header .language ul li a {color:#999; background:#fff;}
.fp-viewing-Business #header .language ul li.on a {background:#122780; border:1px solid #122780; color:#fff;}
.fp-viewing-Business #fp-nav ul li a span, .fp-slidesNav ul li a span {background-color:#5bb12f !important;}
.fp-viewing-Business #fp-nav ul li a.active:before {border-color:#5bb12f !important;}
.fp-viewing-Business #fp-nav ul li .fp-tooltip {color:#242424 !important;}

.fp-viewing-Noice #header .sitelogo a {background-image:url("../images/common/logo_b.png");}
.fp-viewing-Noice #header {background:#fff;}
.fp-viewing-Noice #header:before {background:#ddd;}
.fp-viewing-Noice #header #gnb > ul > li > a {color:#242424;}
.fp-viewing-Noice #header .btn-m-menu span {background:#242424;}
.fp-viewing-Noice #header .btn-m-menu span:before,
.fp-viewing-Noice #header .btn-m-menu span:after {background:#242424;}
.fp-viewing-Noice #header .language ul li a {color:#999; background:#fff;}
.fp-viewing-Noice #header .language ul li.on a {background:#122780; border:1px solid #122780; color:#fff;}
.fp-viewing-Noice #fp-nav ul li a span, .fp-slidesNav ul li a span {background-color:#5bb12f !important;}
.fp-viewing-Noice #fp-nav ul li a.active:before {border-color:#5bb12f !important;}
.fp-viewing-Noice #fp-nav ul li .fp-tooltip {color:#242424 !important;}

.fp-viewing-RnD #header .sitelogo a {background-image:url("../images/common/logo_b.png");}
.fp-viewing-RnD #header {background:#fff;}
.fp-viewing-RnD #header:before {background:#ddd;}
.fp-viewing-RnD #header #gnb > ul > li > a {color:#242424;}
.fp-viewing-RnD #header .btn-m-menu span {background:#242424;}
.fp-viewing-RnD #header .btn-m-menu span:before,
.fp-viewing-RnD #header .btn-m-menu span:after {background:#242424;}
.fp-viewing-RnD #header .language ul li a {color:#999; background:#fff;}
.fp-viewing-RnD #header .language ul li.on a {background:#122780; border:1px solid #122780; color:#fff;}
.fp-viewing-RnD #fp-nav ul li a span, .fp-slidesNav ul li a span {background-color:#5bb12f !important;}
.fp-viewing-RnD #fp-nav ul li a.active:before {border-color:#5bb12f !important;}
.fp-viewing-RnD #fp-nav ul li .fp-tooltip {color:#242424 !important;}


.fp-viewing-Outro #header .sitelogo a {background-image:url("../images/common/logo_b.png");}
.fp-viewing-Outro #header {background:#fff;}
.fp-viewing-Outro #header:before {background:#ddd;}
.fp-viewing-Outro #header #gnb > ul > li > a {color:#242424;}
.fp-viewing-Outro #header .btn-m-menu span {background:#242424;}
.fp-viewing-Outro #header .btn-m-menu span:before,
.fp-viewing-Outro #header .btn-m-menu span:after {background:#242424;}
.fp-viewing-Outro #header .language ul li a {color:#999; background:#fff;}
.fp-viewing-Outro #header .language ul li.on a {background:#122780; border:1px solid #122780; color:#fff;}
.fp-viewing-Outro #fp-nav ul li a span, .fp-slidesNav ul li a span {background-color:#5bb12f !important;}
.fp-viewing-Outro #fp-nav ul li a.active:before {border-color:#5bb12f !important;}
.fp-viewing-Outro #fp-nav ul li .fp-tooltip {color:#242424 !important;}


/* main */ 
#fp-nav {left:60px !important; margin-top:100px !important;}
#fp-nav ul, .fp-slidesNav ul {margin:-17px 0 !important;}
#fp-nav ul li, .fp-slidesNav ul li {position:relative; margin:17px 0 !important; height:20px !important; width:30px !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {right:auto !important; left:50%; margin:-3.5px 0 0 -3.5px !important; width:7px !important; height:7px !important; opacity:0.6;}
#fp-nav ul li .fp-tooltip {position:static !important; font-size:16px !important; margin-left:20px !important;}
#fp-nav ul li a.active span {opacity:1; margin:-3.5px 0 0 -3.5px !important; }
#fp-nav ul li a.active:before{content:""; position:absolute; width:30px; height:30px ; border:4px solid #fff; border-radius:100%; left:50%; top:50%; margin:-15px 0 0 -15px;}
#fp-nav ul li:last-child {display:none !important;}
#fp-nav ul li, .fp-slidesNav ul li {flex-direction: row !important;}

.fp-viewing-Outro #fp-nav {display:none;}
.main-visual {position:relative;}


.main-control {display:flex; justify-content: flex-end;align-items: center; position:absolute; bottom:120px; width:100%; max-width:1400px; left:50%; transform:translateX(-50%); color:#fff;}
.main-visual .item {height:100vh; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; display:flex !important; align-items:center;}
.main-visual .contain {max-width:1460px;}
.main-visual .contain .tt {font-family:'Montserrat'; font-size:50px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#fff; text-shadow:3px 3px 5px rgba(255,255,255,0.3); margin-bottom:20px;}

.main-visual .contain .font_effect {width:0; transition:width 2s ease; overflow:hidden; opacity:0;}
.main-visual .contain .font_effect0 {transition-delay:1.2s}
.main-visual .contain .font_effect1 {transition-delay:1.4s}
.main-visual .contain .font_effect2 {transition-delay:1.6s}

.main-visual .slick-active .contain .font_effect span { display:block; width:900px;}
.main-visual .slick-active .font_effect {width:900px; opacity:1;}
.main-visual .reset-animation .font_effect {width:0; transition:width 2s ease; overflow:hidden; opacity:0;}

.main-visual .contain .tit {font-family:'Montserrat'; font-size:40px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#fff; text-shadow:3px 3px 5px rgba(255,255,255,0.3); margin-bottom:20px;}
.main-visual .contain .txt {font-family:'NanumSquare',sans-serif; font-size:23px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#fff; text-shadow:3px 3px 5px rgba(255,255,255,0.3); margin-bottom:55px;}
.main-visual .contain .more a {display:inline-block; padding:20px 65px 20px 30px; border:1px solid rgba(255,255,255,0.6); border-radius:60px; position:relative; font-size:16px; font-weight:500; line-height:1em; letter-spacing:-0.03em; color:#fff; transition:0.2s all ease;}
.main-visual .contain .more a:before {content:""; position:absolute; width:6px; height:11px; background-image:url("../images/main/main_more.png"); background-repeat:no-repeat; background-position:50% 50%; right:30px; top:50%; margin-top:-5.5px; transition:0.2s all ease;}
.main-visual .contain .more a:hover {border-color:#fff; background:#fff; color:#122780;}
.main-visual .contain .more a:hover:before {background-image:url("../images/main/main_more_h.png");}
.main-visual .paging {font-size:16px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#fff; margin:0 80px;}
.main-visual .paging .current {font-size:20px; font-weight:700;}
.main-visual .paging span:last-child {margin:0 8px;}
.main-visual .slick-arrow {display:block; width:20px; height:36px; text-indent:-999em; overflow:hidden; border:0; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%;}
.main-visual .prevArrow {background-image:url("../images/main/visual_prev.png");}
.main-visual .nextArrow {background-image:url("../images/main/visual_next.png");}
.scroll {position:absolute; bottom:77px; width:49px; height:64px; left:50%; margin-left:-24.5px; text-align:center; z-index:50; animation:move_up_down 2s linear infinite;}
.scroll img {display:block;}
@keyframes move_up_down {
  0%,100%{
    transform:translateY(0);
  }
  50% {
    transform:translateY(15px);
  }
}

.main-tit {font-family:'Montserrat'; font-size:45px; font-weight:700; line-height:1em; letter-spacing:-0.03em;}
.sec1 .fp-tableCell {vertical-align: bottom; background:url("../images/main/about_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.sec1 .contain {text-align:right; max-width:1460px;}
.sec1 .cont {display:inline-block;  padding:100px 60px; text-align:left;  background:linear-gradient(-45deg, #122780, #2da296);}
.sec1 .main-tit {color:#fff; position:relative; margin-bottom:55px;}
.sec1 .main-tit:before {content:""; position:absolute; width:calc(100% - 285px); height:1px; right:0; bottom:0; background:#8fb7bf;}
.sec1 .cont p {font-size:16px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#fff;}
.sec1 .cont2 {text-align:right;}
.sec1 .cont2 ul {display:inline-flex; padding:60px 100px 100px 140px; background:#fff; justify-content: flex-end;}
.sec1 .cont2 ul li {text-align:left;}
.sec1 .cont2 ul li:first-child {min-width:415px; margin-right:100px; border-right:1px solid #ddd;}
.sec1 .cont2 ul li a {display:block; position:relative; min-height:280px; padding-bottom:36px;}
.sec1 .cont2 ul li a .icon {margin-bottom:30px;}
.sec1 .cont2 ul li a .tit {font-family:'NanumSquare',sans-serif; font-size:26px; font-weight:800; line-height:1em; letter-spacing:-0.03em; color:#242424; margin-bottom:10px;}
.sec1 .cont2 ul li a .txt {font-size:16px; font-weight:500; line-height:1.6em; letter-spacing:-0.03em; color:#454545;} 
.sec1 .cont2 ul li a .more {position:absolute;  bottom:0;  display:inline-block; font-size:16px; font-weight:400; line-height:29px; height:36px;letter-spacing:-0.03em; color:#454545; padding:0 44px 0 20px; border:1px solid #ddd; border-radius:60px; transition:0.2s all ease;}
.sec1 .cont2 ul li a .more:before {content:""; position:absolute;width:6px; height:11px;right:20px; top:50%; margin-top:-5.5px; background-image:url("../images/main/main_more_b.png"); background-repeat:no-repeat; background-position:50% 50%; transition:0.2s all ease;}
.sec1 .cont2 ul li a:hover .more {background:#122780; color:#fff; border-color:#122780;}
.sec1 .cont2 ul li a:hover .more:before {background-image:url("../images/main/main_more.png");}

.sec2 .fp-tableCell {position:relative; background:url("../images/main/biz_bg.png") no-repeat 100px 93%; vertical-align:top;  padding-top:200px;}
.sec2 .contain {max-width:1460px;}
.sec2 .main-tit {margin-bottom:36px;}
.sec2 .tit-wrap {padding-top:100px;}
.sec2 .tit-wrap p {font-family:'NanumSquare',sans-serif; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:60px;}
.sec2 .biz-dots li {margin-bottom:30px; line-height:1.2em;;}
.sec2 .biz-dots li button {position:relative;display:inline-block; text-align:left; padding-left:9px; min-width:234px; padding-right:20px; font-size:20px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#686868; background:0; border:0; transition:0.2s color ease;}
.sec2 .biz-dots li.slick-active button {background:url("../images/main/biz_arrow.png") no-repeat right center; color:#122780;}
.sec2 .biz-dots li.slick-active button:before {content:""; position:absolute; left:0; bottom:-8px; width:100%; height:2px; background:#122780; font-weight:700;}
.sec2 .biz-dots li:last-child {margin-bottom:0;}
.sec2 .biz-ctrl {display:flex; margin-top:50px;}
.sec2 .slick-arrow {display:block; width:40px; height:40px; border-radius:100%; border:1px solid #ddd; background-color:#fff; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%;}
.sec2 .slick-prev {background-image:url("../images/main/biz_prev.png"); margin-right:10px;}
.sec2 .slick-next {background-image:url("../images/main/biz_next.png");}
.sec2 .slideWrap {position:absolute; top:195px; right:0; width:68%; max-width:1252px; padding-bottom:60px;}
.sec2 .slideWrap .img-slide {padding-right:170px;  overflow:hidden;}
.sec2 .slideWrap .img-slide .slick-list {overflow:visible;}
.sec2 .slideWrap .img-slide .slick-slide {opacity:0.3;}
.sec2 .slideWrap .img-slide .slick-current {opacity:1;}
.sec2 .slideWrap .info-slide {position:absolute; left:-60px; bottom:0; z-index:2;  width:340px; background:linear-gradient(135deg, #122780, #2da296);}
.sec2 .slideWrap .info-slide .item {width:325px;}
.sec2 .slideWrap .info-slide .item a {display:block; color:#fff;padding:40px;}
.sec2 .slideWrap .info-slide .item a .tit {font-family:'NanumSquare',sans-serif; font-size:23px; font-weight:800; line-height:1.2em; letter-spacing:-0.03em; margin-bottom:24px;}
.sec2 .slideWrap .info-slide .item a ul {margin-bottom:30px;}
.sec2 .slideWrap .info-slide .item a ul li {position:relative; padding-left:13px; font-size:16px; font-weight:400; line-height:1.8em;}
.sec2 .slideWrap .info-slide .item a ul li:before {content:""; position:absolute; width:5px; height:5px; background:#fff; border-radius:100%; left:0; top:14px;}
.sec2 .slideWrap .info-slide .item a .more {text-align:right;position:relative; margin-right:-40px;}
.sec2 .slideWrap .info-slide .item a .more span {display:inline-block; padding-bottom:15px; padding-right:40px; border-bottom:1px solid #5eabab; opacity:0.6;}
.sec2 .slideWrap .info-slide .item a:hover .more span {opacity:1;}

.sec3 .fp-tableCell {position:relative; background:url("../images/main/rnd_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.sec3 .contain {max-width:1460px;}
.sec3 .tit span {display:block; font-family:'Montserrat'; font-size:18px; font-weight:700; line-height:1em; margin-bottom:15px; color:#40a02c;}
.sec3 .tit {font-family:'NanumSquare',sans-serif; font-size:45px; font-weight:800; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:30px;}
.sec3 p {font-family:'NanumSquare',sans-serif; font-size:18px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545; margin-bottom:50px;}
.sec3 .more a {display:inline-block; padding:20px 56px 20px 30px; border:1px solid #ddd; border-radius:60px; font-size:16px; font-weight:500; line-height:1em; letter-spacing:-0.03em; color:#454545; position:relative; transition:0.2s all ease;}
.sec3 .more a:before {content:""; position:absolute; width:7px; height:11px; top:50%; right:30px; margin-top:-5.5px; background-image:url("../images/main/main_more_b.png"); background-repeat:no-repeat; background-position:50% 50%; background-size:contain; transition:0.2s all ease;}
.sec3 .more a:hover {color:#fff; background:#122780; border-color:#122780;}
.sec3 .more a:hover:before {background-image:url("../images/main/main_more.png")}

.sec4 .fp-tableCell {background:url("../images/main/notice_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.sec4 .contain {display:flex; max-width:1460px;}
.sec4 .tit-wrap {min-width:415px; padding-right:30px;}
.sec4 .tab-cont-wrap {background:#fff;flex: 1 1 auto; min-width: 0; width: 1%; padding:70px 50px;}
.sec4 .tit-wrap .tit {font-family:'NanumSquare',sans-serif; font-size:40px; font-weight:800; letter-spacing:-0.03em; color:#242424; line-height:1.5em; margin-bottom:113px;}
.sec4 .tit-wrap .tit .navy-txt {color:#122780 !important;}
.sec4 .tit-wrap .tit .green-txt {color:#5bb12f !important;}

.sec4 .tabs li.active a {color:#242424;}
.sec4 .tabs li.active a:before {opacity:1;}
.sec4 .tabs li:last-child {margin-bottom:0;}
.sec4 .tabs li a {font-family:'NanumSquare',sans-serif; display:inline-block; position:relative; padding:15px 0 15px 26px; border-bottom:1px solid #ddd; min-width:200px; font-size:20px; font-weight:800; line-height:1em; letter-spacing:-0.03em; color:#989898;}
.sec4 .tabs li a:before {content:""; position:absolute; width:7px; height:11px; background:url("../images/main/main_more_b.png") no-repeat 50% 50%; left:8px; top:50%; margin-top:-5.5px; opacity:0.6;}
.sec4 .tab-content h3 {display:flex; justify-content: space-between; font-family:'NanumSquare',sans-serif; font-size:28px; font-weight:800; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:20px;}
.sec4 .tab-content h3 a {display:block; width:35px; height:35px; border:1px solid #ddd; text-indent:-999em; overflow:hidden; background:url("../images/main/main_more2.png") no-repeat 50% 50%;}
.sec4 .tab-content ul {border-top:2px solid #8d8d8d;}
.sec4 .tab-content li {border-bottom:1px solid #ddd;}
.sec4 .tab-content li a {display:flex; justify-content: space-between; padding:25px 0;}
.sec4 .tab-content li a .tit {padding-right:30px; font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.sec4 .tab-content li a:hover .tit {text-decoration:underline;}
.sec4 .tab-content li a .date {font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545}

/* sub page */ 
.sub-visual {position:relative; width:100%; height:480px; padding-top:100px; padding-bottom:60px; display:flex; align-items:center; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sub-visual .content {color:#fff; width:100%; max-width:1260px; padding:0 30px; margin:0 auto;}
.sub-visual .content h2 span {font-family:'Montserrat'; display:block; line-height:1em; font-size:20px; font-weight:600; margin-bottom:20px;}
.sub-visual .content h2 {font-family:'NanumSquare',sans-serif; font-size:40px;line-height:1em; font-weight:800; letter-spacing:-0.03em; text-shadow:3px 3px 5px rgba(0,0,0,0.3);}

.sv1 {background-image:url("../images/common/sv1.jpg");}
.sv2 {background-image:url("../images/common/sv2.jpg");}
.sv3 {background-image:url("../images/common/sv3.jpg");}
.sv4 {background-image:url("../images/common/sv4.jpg");}

.sub-title {margin:55px 0 60px; text-align:center;}
.sub-title h2 {font-family:'NanumSquare',sans-serif; position:relative; color:#242424; font-size:30px; line-height:1.2em; font-weight:700;letter-spacing:-.40px; padding-bottom:30px;}
.sub-title h2:before {content:""; position:absolute; width:50px; height:3px; background:#242424; left:50%; bottom:0; margin-left:-25px;}


#lnb {position:relative; margin-top:-60px; border-bottom:1px solid #dfdfdf;}
.lnb {max-width:1200px; margin:0 auto;}
.lnb ul {display:flex;}
.lnb ul li {flex:1; position:relative; width:auto; text-align:center; letter-spacing:-.04em; background:rgba(0,0,0,0.5); border-right:1px solid #8b8a88;}
.lnb ul li:last-child {border-right:0;}
.lnb ul li a {font-family:'NanumSquare',sans-serif; display:flex; align-items:center; justify-content:center; height:60px; color:#fff; font-weight:700; font-size:20px; line-height:1.4em; padding:0 20px; }
.lnb ul li.active {background:#2da296; border-color:#2da296;}

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

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



/* footer */

#footer {position:relative; background:#040b27;color:#b8b9bd; font-size:14px; line-height:1.7em;}
#footer address {font-style:normal; font-weight:400; letter-spacing:-0.02em; margin-bottom:10px; width:50%;}
#footer address span {display:inline-block; margin-right:24px; opacity:0.6;}
#footer address strong {font-weight:500;}
#footer .contain {position:relative; max-width:1260px;}
.f-menu {border-bottom:1px solid #262c45; padding:22px 0;}
.f-menu ul {display:flex; justify-content: center;}
.f-menu ul li {position:relative; opacity:0.5; color:#fff;}
.f-menu ul li:first-child {margin-right:18px; padding-right:18px;}
.f-menu ul li:first-child:before {content:""; position:absolute; width:1px; height:14px; background:#fff; opacity:0.3; right:0; top:50%; margin-top:-7px;} 
.f-info {display:flex; padding:40px 0 90px 0;}
.f-logo {padding-left:67px; margin-right:55px;}
.f-info .add-wrap {flex: 1 1 auto; min-width: 0; width: 1%;}
.f-info .add-wrap .wrap1 {display:flex; margin-bottom:15px;}
.f-info .add-wrap .wrap2 {display:flex; flex-direction: row-reverse;}
.f-info .add-wrap dl {display:flex; flex-wrap:wrap; padding-right:45px; width:50%; line-height:1.6em;}
.f-info .add-wrap dt {margin-right:5px;}
.f-info .add-wrap dd {padding-right:24px; opacity:0.6;}