@charset "utf-8"; /* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */
#skipToContent a { z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; } 
#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 } 

#wrapper { max-width:1920px; margin:0 auto; overflow:hidden; } 
.contain { width:100%; max-width:1400px; margin:0 auto; } 
.row { *zoom:1; } 
.row:after { content:""; display:block; clear:both; } 
.mobile { display:none !important; } 

/* header */
#header { position:relative; z-index:20; background:#fff; } 
#header:after { content:""; display:block; width:100%; height:3px; background:#0175ad; position:absolute; left:0; top:0; } 
#header .header-inner { display:flex; align-items:center; justify-content:space-between; } 

.sitelogo a { display:block; text-decoration:none; } 

.gnb { margin-right:-40px; } 
.gnb>ul>li { float:left; position:relative; } 
.gnb>ul>li>a { display:block; text-decoration:none; font-family: 'NanumSquare'; font-size:20px; font-weight:700; line-height:1.5em; padding:35px 40px; color:#242424; } 
.gnb>ul>li.active>a,
.gnb>ul>li:hover>a { color:#f9a01b; } 

.gnb .submenu { position:absolute; left:0; width:100%; height:0; overflow:hidden; z-index:11; text-align:center; } 
.gnb .submenu>ul { padding:35px 0; } 
.gnb .submenu>ul>li { margin:0 0 8px; } 
.gnb .submenu>ul>li:last-child { margin:0; } 
.gnb .submenu>ul>li>a { display:block; text-decoration:none; font-size:16px; font-weight:400; line-height:1.875em; letter-spacing:-0.03em; color:#fff; } 
.gnb .submenu>ul>li>a:hover { text-decoration:underline; } 

.submenu_bg { display:none; position:absolute; left:0; width:100%; background:url("../images/common/submenubg.jpg") 50% 100% no-repeat; background-size:cover;; z-index:1; } 


/* for mobile : s */
#menu-overlay { background:rgba(18,18,18,0.76); position:absolute; left:0; top:0; width:100%; height:100vh; display:none; z-index:10; } 
.mobile-gnbbtn { display:none; position:absolute; top:50%; right:0; text-indent:-9999em; z-index:21; transform:translate(0,-50%); } 
.open-m-menu { display:block; text-decoration:none; width:26px; height:23px; } 
.open-m-menu span { position:absolute; right:0; top:11px; height:2px; background:#0066b3; width:11px; } 
.open-m-menu span:before,
.open-m-menu span:after { content:""; position:absolute; right:0; width:26px; height:2px; background:#0066b3; } 
.open-m-menu span:before { top:-11px; } 
.open-m-menu span:after { bottom:-11px; } 

.mobile-navigation { display:none; position:fixed; right:-100%; top:0; width:100%; max-width:300px;; height:100%; background:#fff; z-index:17; z-index:25; padding-top:64px; } 
.mobile-navigation a { display:block; text-decoration:none; } 

.mobile-navigation a.navhome { text-align:center; font-size:15px; font-weight:400; line-height:45px; letter-spacing:-0.03em; background:#f5f5f5; color:#454545; border-top:1px solid #ddd; border-bottom:1px solid #ddd } 
.mobile-navigation .nav-menu { text-align:center; } 
.mobile-navigation .nav-menu > ul { border-top:1px solid #ddd; } 
.mobile-navigation .nav-menu > ul > li { position:relative; border-bottom:1px solid #ddd; } 
.mobile-navigation .nav-menu > ul > li > a { display:block; text-decoration:none; font-size:15px; font-weight:500; line-height:45px; padding:0; letter-spacing:-0.03em; color:#2c2c2c; position:relative; } 
/* .mobile-navigation .nav-menu > ul > li > a:after { content:""; display:block; width:15px; height:10px; background:url("../images/common/mobile_m_arrow.png") 50% 50% no-repeat; background-size:100%; position:absolute; right:10px; top:50%; transform:translate(0,-50%); } */
.mobile-navigation .nav-menu > ul > li.active > a { background:#0066b3; color:#fff; } 
/* .mobile-navigation .nav-menu > ul > li.active > a:after { background-image:url("../images/common/mobile_m_arrow_on.png"); } */

.nav-menu .submenu { display:none; padding:3px 15px; background:#fafafa; } 
.nav-menu .submenu>ul>li:last-child { border-bottom:0; } 
.nav-menu .submenu>ul>li>a { font-size:14px; font-weight:500; line-height:30px; letter-spacing:-0.03em; color:#525252; } 

.menu-close { width:30px; height:30px; border:0; text-indent:-9999em; overflow:hidden; position:absolute; top:10px; right:15px; background:transparent; } 
.menu-close span { position:absolute; left:0; right:0; top:50%; height:2px;; margin-top:-1px; background:#transparent; } 
.menu-close span:before,
.menu-close span:after { content:""; position:absolute; left:0; width:100%; height:2px; background:#0066b3; } 
.menu-close span:before { top:0px; transform:rotate(-45deg) } 
.menu-close span:after { bottom:0px; transform:rotate(45deg) } 
/* for mobile : e */

/* slick */

.slick-arrow { position:absolute; top:50%; transform:translate(0,-50%); display:block; width:45px; height:86px; text-indent:-999em; background-position:50% 50%; background-repeat:no-repeat; background-color:transparent; border:0; z-index:12; outline:0; overflow:hidden; } 

.slick-dots { position:absolute; width:100%; left:0; bottom:30px; text-align:center; line-height:0; } 
.slick-dots li { display:inline-block; vertical-align:middle; margin:0 3px; padding:0; position:relative; } 
/* .slick-dots li:after { content:""; display:block; width:20px; height:2px; background:#fff; position:absolute; right:-20px; top:50%; transform:translate(0,-50%); } 
.slick-dots li:last-child:after { display:none; } */
.slick-dots li button { display:block; text-indent:-999em; overflow:hidden; width:12px; height:12px; border:2px solid #fff; border-radius:100%; background-color:#fff; outline:0; } 
.slick-dots li.slick-active button { background:transparent; } 

/* main */

.slick-slide img { margin:auto; } 
#mainSlide .slick-arrow { width:37px; height:70px; } 
#mainSlide .slick-prev { background-image:url("../images/main/visual_prev.png"); left:50px; } 
#mainSlide .slick-next { background-image:url("../images/main/visual_next.png"); right:50px; } 

.visual-item { position:relative; } 

/* main-content */

.main-section-1 { padding:80px 7px; } 
.main-contents-1 { display:flex; justify-content:space-between; } 
.main-contents-1 .conbox { margin:0 20px 0 0; } 
.main-contents-1 .conbox:last-child { margin-right:0; } 
.main-contents-1 .conbox:nth-child(1) { flex:1 1 600px; max-width:600px; } 
.main-contents-1 .conbox:nth-child(2),
.main-contents-1 .conbox:nth-child(3) { flex:1 1 410px; max-width:410px; } 

.main-contents-1 .title-box { margin:0 0 10px; } 
.main-contents-1 .title-box h2 { font-family: 'NanumSquare'; font-size:22px; font-weight:700; line-height:1.5em; letter-spacing:-0.01em; color:#242424; } 
.main-board-zone { position:relative; } 
.main-board-list ul { border-top:1px solid #d1d1d1; } 
.main-board-list ul li { font-size:16px; font-weight:400; line-height:1.75em; letter-spacing:-0.03em; color:#454545; padding:20px 8px 21px; border-bottom:1px solid #d1d1d1; } 
.main-board-list ul li:after { content:""; display:block; clear:both; } 
.main-board-list ul li a { float:left; width:calc(100% - 90px); padding:0 0 0 10px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.main-board-list ul li a:hover { text-decoration:underline; } 
.main-board-list ul li a:before { content:""; display:block; width:5px; height:5px; background:#454545; border-radius:100%; position:absolute; left:0; top:12px; } 
.main-board-list ul li span.date { float:right; width:90px; text-align:right; color:#9e9e9e; } 
.main-board-zone a.moreplus { position:absolute; right:0; top:5px; display:block; width:45px; line-height:25px; text-align:center; background:#989898; border-radius:12.5px; } 
.main-board-zone a.moreplus img { vertical-align:middle; margin-top:-0.2em; } 
.main-board-zone a.moreplus:hover { background:#f9a01b; } 

.main-contents-1 .sbp-bnr-box { min-height:280px; background-position:50%; background-repeat:no-repeat; background-size:cover; padding:35px 40px 0; position:relative; } 
.main-contents-1 .sbp-bnr-box.bg1 { background-image:url("../images/main/img1.jpg"); } 
.main-contents-1 .sbp-bnr-box.bg2 { background-image:url("../images/main/img2.jpg"); } 
.main-contents-1 .sbp-bnr-box p { font-size:18px; font-weight:500; line-height:1.56em; letter-spacing:-0.03em; color:#fff; } 
.main-contents-1 .sbp-bnr-box a.go-sbp { display:block; width:140px; text-align:center; font-size:14px; font-weight:500; line-height:38px; letter-spacing:-0.03em; color:#fff; border:1px solid rgba(255,255,255,0.4); border-radius:20px; position:absolute; left:40px; bottom:40px;; } 
.main-contents-1 .sbp-bnr-box .tel { font-family: 'Roboto'; font-size:32px; font-weight:500; line-height:1.2em; color:#fff; margin:5px 0 0 0; } 
.main-contents-1 .sbp-bnr-box .icon { position:absolute; right:40px; bottom:40px; } 
.main-contents-1 .sbp-bnr-box .icon img { } 

.main-title-box { text-align:center; margin:0 0 30px; } 
.main-title-box h2 { font-family: 'NanumSquare'; font-size:30px; font-weight:700; line-height:1.3em; letter-spacing:-0.03em; color:#242424; } 
.main-title-box .txt { font-size:16px; font-weight:400; line-height:1.5em; letter-spacing:-0.02em; color:#686868; } 

.main-section-2 { background:#f2f1f1; padding:80px 7px; } 
.main-section-2 .contain { } 
.main-news-contents { } 
.mainNewsSlide { } 
.mainNewsSlide .slick-arrow { width:56px; height:56px; } 
.mainNewsSlide .slick-prev { background-image:url("../images/main/new_prev.png"); left:-115px; } 
.mainNewsSlide .slick-next { background-image:url("../images/main/new_next.png"); right:-115px; } 
.mainNewsSlide .slick-list { margin:0 -20px; } 
.mainNewsSlide .slick-slide { padding:0 20px; } 
.mainNewsSlide .item { } 
.mainNewsSlide .item a.newsSlide-con { display:block; } 
.mainNewsSlide .item a.newsSlide-con .imgbox { width:100%; height:0; padding-bottom:68.18181818%; position:relative; overflow:hidden; } 
.mainNewsSlide .item a.newsSlide-con .imgbox img { position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; } 
.mainNewsSlide .item a.newsSlide-con .info-box { background:#fff; border:1px solid #ddd; border-top:0; padding:22px 29px; } 
.mainNewsSlide .item a.newsSlide-con .info-box .tit { font-family: 'NanumSquare'; font-size:20px; font-weight:700; line-height:1.4em; letter-spacing:-0.01em; color:#242424; margin:0 0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.mainNewsSlide .item a.newsSlide-con .info-box .txt { font-size:16px; font-weight:400; line-height:1.5em; letter-spacing:-0.02em; color:#686868; margin:0 0 10px; } 
.mainNewsSlide .item a.newsSlide-con .info-box .date { font-size:16px; font-weight:400; line-height:1.5em; letter-spacing:-0.02em; color:#979797; } 
.mainNewsSlide .item a.newsSlide-con:hover .info-box .tit { text-decoration:underline; } 

.main-section-3 { padding:80px 7px; } 
.main-project-list-zone { } 
.main-project-list { } 
.main-project-list ul { margin:-20px; } 
.main-project-list ul:after { content:""; display:block; clear:both; } 
.main-project-list ul li { float:left; width:33.333333%; padding:20px; } 
.main-project-list ul li a { display:block; } 
.main-project-list ul li a.main-project-con { } 
.main-project-list a.main-project-con .imgbox { width:100%; height:0; padding-bottom:68.18181818%; position:relative; overflow:hidden; } 
.main-project-list a.main-project-con .imgbox img { position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; } 
.main-project-list-zone .sbp-go-btnbox { text-align:center; margin:40px 0 0 0; } 

.sbp-go-btnbox { text-align:center; } 
.sbp-go-btnbox a { display:inline-block; width:170px; font-size:16px; font-weight:500; line-height:48px; letter-spacing:-0.03em; color:#fff; background:#f9a01b; border-radius:25px; } 

.main-bot-bnr { background:url("../images/main/inqbnr_bg.jpg") 50% 50% no-repeat; background-size:cover; } 
.main-bot-bnr .dis-t { display:table; width:100%; height:340px; } 
.main-bot-bnr .dis-c { display:table-cell; vertical-align:middle; text-align:center; } 
.main-bot-bnr h3 { font-family: 'NanumSquare'; font-size:29px; font-weight:700; letter-spacing:-0.03em; color:#fff; margin:0 0 10px; } 
.main-bot-bnr p { font-size:16px; font-weight:400; line-height:1.5em; letter-spacing:-0.02em; color:#fff; margin:0 0 20px; } 
.main-bot-bnr .sbp-go-btnbox { } 
.main-bot-bnr .sbp-go-btnbox a.ty2 { background-color:transparent; border:1px solid rgba(255,255,255,0.4); } 

.partners-logo-section { padding:80px 7px; } 
.partners-logo-section .contain { } 
.partners-logo-section .partners-contents { } 
.partners-logo-section .partners-contents ul { margin:0 -3px; } 
.partners-logo-section .partners-contents ul:after { content:""; display:block; clear:both; } 
.partners-logo-section .partners-contents ul li { float:left; width:14.2857%; padding:0 3px; } 
.partners-logo-section .partners-contents .item { } 
.partners-logo-section .partners-contents .item .p-logobox { width:100%; height:0; padding-bottom:41.02564102%; position:relative; border:1px solid #ddd; border-radius:5px; } 
.partners-logo-section .partners-contents .item .p-logobox img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain; } 

/* footert */
#footer { clear:both;; padding:50px 7px 45px; background:#f1f1f1; position:relative; } 
#footer address { display:block; font-style:normal; } 
#footer .contain { } 
#footer .f-contents { padding:0 0 0 185px; position:relative; } 
#footer .f-logo { position:absolute; left:0; top:50%; transform:translate(0,-50%); } 
#footer .f-logo img { } 
#footer .fcomp-info { font-size:15px; font-weight:400; line-height:1.7em; color:#545454; } 
#footer .fcomp-info .links { margin:0 0 20px; } 
#footer .fcomp-info .links ul { } 
#footer .fcomp-info .links ul:after { content:""; display:block; clear:both; } 
#footer .fcomp-info .links ul li { float:left; margin:0 40px 0 0; } 
#footer .fcomp-info .links ul li:last-child { margin:0; } 
#footer .fcomp-info .links ul li a { display:block; font-size:16px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#454545; } 
#footer .fcomp-info .links ul li a img { vertical-align:middle; vertical-align:middle; margin:-0.2em 7px 0 0; } 
.topbtn { position:absolute; right:50px; top:50%; transform:translate(0,-50%); } 
.topbtn img { } 

/* sub page */
.sub-visual { background-position:50% 0; width:100%; background-repeat:no-repeat; position:relative; margin:0 0 60px; } 
.sub-visual.bg1 { background-image:url("../images/common/sub_visual1.jpg"); } 
.sub-visual.bg2 { background-image:url("../images/common/sub_visual2.jpg"); } 
.sub-visual.bg3 { background-image:url("../images/common/sub_visual3.jpg"); } 
.sub-visual.bg4 { background-image:url("../images/common/sub_visual4.jpg"); } 
.sub-visual.bg5 { background-image:url("../images/common/sub_visual5.jpg"); } 
.sub-visual.bg6 { background-image:url("../images/common/sub_visual6.jpg"); } 

.sub-visual .dis-t { display:table; width:100%; width:100%; margin:0 auto; height:330px; font-family: 'NanumSquare'; } 
.sub-visual .dis-c { display:table-cell; vertical-align:middle; text-align:center; font-size:36px; font-weight:700; line-height:1.3em; letter-spacing:-0.03em; color:#fff; } 
.sub-visual .dis-c .tit { } 
.sub-visual .dis-c .txt { font-size:26px; line-height:1.3em; } 

/* lnb */
.lnb-wrap { } 
.lnb-wrap .contain { max-width:1400px; padding: 0 28px; } 
.lnb-wrap .lnb { position:relative; } 
.lnb-wrap .lnb ul { display:flex; justify-content:center; } 
.lnb-wrap .lnb ul:after { } 
.lnb-wrap .lnb ul li { max-width:270px; } 
.lnb-wrap .lnb ul li a { display:block; font-family: 'NanumSquare'; text-align:center; font-size:20px; font-weight:700; line-height:1.4em; padding:15px 3px; color:#555; border:1px solid #ddd; border-right:0; } 
.lnb-wrap .lnb ul li:last-child a { border-right:1px solid #ddd;; } 
.lnb-wrap .lnb ul li.active a { background:#f9a01b; border-color:#f9a01b; color:#fff; z-index:2; } 


/* subtap */
.subtap-wrap { } 
.subtap-wrap .subtap { margin-bottom: 40px; } 
.subtap-wrap .subtap ul { display:flex; flex-wrap:wrap; margin: 0 -10px; justify-content: center; } 
.subtap-wrap .subtap ul li { flex:1; padding: 0 10px; } 
.subtap-wrap .subtap.type2 ul li { width: 100%; max-width: 180px; } 
.subtap-wrap .subtap ul li a { border:1px solid #ddd; border-radius:50px; display:block; font-family: 'NanumSquare'; text-align:center; font-size:18px; font-weight:400; line-height:50px; color:#555; } 
.subtap-wrap .subtap ul li:hover a , .subtap-wrap .subtap ul li.active a { background: #f9a01b; color: #fff; } 

.mobeil-lnb-wrap { position:relative; background:#0066b3; } 
.mobeil-lnb-wrap .contain { } 
.mobeil-lnb-wrap .mobile-lnb > a { display:block; text-decoration:none; position:relative; transition:none; font-size:15px; font-weight:500; line-height:1.5em; padding:7px 20px 7px 10px; letter-spacing:0.03em; color:#fff; } 
.mobeil-lnb-wrap .mobile-lnb > a:after { content:""; display:block; width:18px; height:10px; position:absolute; right:10px; top:50%; transform:translate(0,-50%); border-top:10px solid #fff; border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:0; } 
.mobeil-lnb-wrap .mobile-lnb.active > a:after { } 
.mobeil-lnb-wrap .mobile-lnb ul { display:none; position:absolute; left:0; width:100%; z-index:10; background:#fff; } 
.mobeil-lnb-wrap .mobile-lnb ul li { border:1px solid #ddd; margin:0 0 -1px; width:auto !important; } 
.mobeil-lnb-wrap .mobile-lnb ul li:first-child { } 
.mobeil-lnb-wrap .mobile-lnb ul li a { display:block; text-decoration:none; font-size:14px; font-weight:300; line-height:1.5em; padding:7px 10px; letter-spacing:-0.06em; color:#686868; position:relative; } 
.mobeil-lnb-wrap .mobile-lnb ul li a:hover { color:#0066b3; } 

#contArea { overflow:hidden; padding:60px 0 100px; } 

.sub-title { max-width:1400px; margin:0 auto 40px; text-align:center; padding:0 0 25px; position:relative; } 
.sub-title:after { content:""; width:50px; height:3px; background:#f9a01b; position:absolute; left:0; right:0; bottom:0; margin:auto; } 
.sub-title h2 { font-family: 'NanumSquare'; font-size:35px; font-weight:700; line-height:1.3em; letter-spacing:-0.03em; color:#333; } 

.real-cont { max-width:1400px; min-height:500px; margin:0 auto; padding: 0 30px; } 
.real-cont.w-ty-full { max-width:none; } 

.w-ty-full-inner-real-cont { max-width:1400px; margin:0 auto 75px; } 
.w-ty-full-inner-real-cont:last-child { margin-bottom:0; }