@charset "utf-8";



body, input, button, select, textarea {font-family:'Quicksand', 'Nanum Gothic', sans-serif !important;}
a:hover, a:active, a:focus {text-decoration:none;}



/* 연혁 관련 스타일 */
.history-default {width:100%; position:relative;}
.history-default .title {display:block; width:100%; text-align:center; font-size:30px; line-height:30px; font-weight:bold;}
.history-default .items {width:100%; position:relative; padding:80px 0 20px; margin:30px auto 0; overflow:hidden;}
.history-default .items:before {display:block; content:''; width:1px; height:100%; position:absolute; top:0; left:50%; background:#000;}
.history-default .history-item {position:relative; width:calc(50% - 30px); padding:20px 30px; box-sizing:border-box; border:2px solid #d4d4d4; border-radius:10px; margin:0; margin-bottom:60px;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
}
.history-default .history-item:before {display:block; content:''; width:15px; height:15px; border-radius:50%; background:#000; position:absolute; top:20px;}
.history-default .history-item.right:before {left:-39.5px;}
.history-default .history-item.left:before {right:-39.5px;}

.history-default .history-item:after {display:block; content:''; width:15px; height:28px; background:#fff; position:absolute; top:14px; background-position:center center;}
.history-default .history-item.right:after {left:-15px; background-image:url('/public/images/history_arrow_left_d4d4d4.png');}
.history-default .history-item.left:after {right:-15px; background-image:url('/public/images/history_arrow_right_d4d4d4.png');}

.history-default .history-item.right {float:right;}
.history-default .history-item.left {float:left;}
.history-default .history-item:nth-child(even) {margin-top:60px;}

.history-default .history-item p {display:block; text-align:left; margin:0;}
.history-default .history-item .year {font-size:20px; line-height:20px; font-weight:bold; margin-bottom:15px;}
.history-default .history-item .desc {font-size:15px; line-height:30px;}



/* 복합 검색 영역 관련 CSS */
#multiSearchWrap {width:100%; position:relative; margin:0 auto 30px; padding:0; background:#fff; border:0; border-radius:0; overflow:hidden;}
#multiSearchWrap .searchInp {width:280px; height:36px; float:right; background:#f0f0f0; overflow:hidden;}
#multiSearchWrap .searchInp input[type="text"] {display:block; float:left; width:244px; height:36px; line-height:36px; font-size:15px; padding:0 10px; box-sizing:border-box; background:none; border:0;}
#multiSearchWrap .searchInp a {display:block; width:36px; height:36px; float:right; text-align:center;}
#multiSearchWrap .searchInp a i {line-height:36px; vertical-align:middle; color:#333;}
#multiSearchWrap .s-ele {display:none !important;}
#multiSearchWrap .s-ele.active {display:block !important;}



/* 헤더 관련 :: S */
.headerFake {width:100%; height:145px; position:relative;}

.headerWrap {width:100%; position:fixed; top:0; left:0; background:rgba(255,255,255,0.0); z-index:100;}
.headerWrap .header {width:100%; max-width:1230px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box; text-align:right;}

.headerWrap .topAdsWrap {width:100%; max-width:1230px; position:relative; margin:15px auto 0; padding:0 15px; box-sizing:border-box;}
.headerWrap .topAdsWrap a {display:block; width:100%; height:60px; text-align:center; font-size:15px; line-height:60px; font-weight:500; color:#fff; background:linear-gradient(90deg,rgba(51,103,186,1) 0%,rgba(86,211,169,1) 100%); border-radius:10px;}

/*
.headerWrap .header .logo {display:inline-block; width:142px; height:28px; position:relative; vertical-align:middle; margin:0 60px 0 0; padding:0; z-index:10;}
*/
.headerWrap .header .logo {display:block; width:142px; height:28px; position:absolute; top:50%; left:15px; margin:-14px 0 0 0; padding:0; z-index:5;}
.headerWrap .header .logo img {max-width:100%; vertical-align:top;}

.headerWrap .header .gnb {display:inline-block; width:auto; position:relative; text-align:left; margin:0; padding:0; z-index:5;}
.headerWrap .header .gnb > ul {display:inline-block; position:relative; margin:0; padding:0; text-align:right;}
.headerWrap .header .gnb .dep1 {display:inline-block; position:relative; margin:0 20px 0 0; padding:0; vertical-align:middle;}
.headerWrap .header .gnb .dep1:last-child {margin:0;}
.headerWrap .header .gnb .dep1_btn {display:block; height:70px; font-size:16px; line-height:70px; font-weight:400; color:#555; position:relative; margin:0; padding:0 20px; box-sizing:border-box;}
.headerWrap .header .gnb .dep1:hover .dep1_btn,
.headerWrap .header .gnb .dep1 .dep1_btn.active {font-weight:500; color:#333;}
.headerWrap .header .gnb .dep1:hover .dep1_btn:before,
.headerWrap .header .gnb .dep1 .dep1_btn.active:before {display:block; content:''; width:100%; height:3px; background:#159fe0; position:absolute; bottom:0; left:0;}
.headerWrap .header .gnb .dep1_sub {display:none; width:160px; position:absolute; top:100%; left:50%; background:#fff; margin:0 0 0 -80px; padding:15px; box-sizing:border-box;}
.headerWrap .header .gnb .dep1.dropdown:hover .dep1_sub {display:block;}
.headerWrap .header .gnb .dep2 {display:block; width:100%; position:relative; margin:0; padding:0; border-bottom:1px solid #ececec;}
.headerWrap .header .gnb .dep2:last-child {border-bottom:0;}
.headerWrap .header .gnb .dep2_btn {display:block; width:100%; position:relative; text-align:center; font-size:14px; line-height:40px; font-weight:400; color:#555;}
.headerWrap .header .gnb .dep2_btn:hover {color:#000;}

/*
.headerWrap .header .right {display:block; position:absolute; top:50%; right:15px; margin:-23px 0 0 0; padding:0; z-index:5;}
*/
.headerWrap .header .right {display:inline-block; position:relative; vertical-align:middle; margin:0 0 0 35px; padding:0; z-index:10;}
.headerWrap .header .right a {display:inline-block; height:32px; line-height:32px; position:relative; font-size:18px; font-weight:700; color:#000; margin:0 0 0 20px; padding:0; box-sizing:border-box; vertical-align:middle;}
.headerWrap .header .right a:first-child {margin:0;}
.headerWrap .header .right a img {vertical-align:top;}
.headerWrap .header .right .call {height:46px; line-height:46px; border-radius:18px; padding:0 20px; border-radius:5px; box-sizing:border-box; background:#18a0dc;}
.headerWrap .header .right .call > * {display:inline-block; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0; font-size:14px; line-height:20px; font-weight:500; color:#fff;}
.headerWrap .header .right .call > *:last-child {margin:0;}
.headerWrap .header .right .hamburger {display:none;}


.headerFake.fixed {height:90px;}
.headerWrap.fixed {background:rgba(255,255,255,1.0);}
.headerWrap.fixed .header {padding:0 15px;}
.headerWrap.fixed .topAdsWrap {margin:0 auto;}
.headerWrap.fixed .topAdsWrap a {height:40px; line-height:40px;}
.headerWrap.fixed .header .gnb .dep1_btn {height:50px; line-height:50px;}
.headerWrap.fixed .header .right {margin:0 0 0 35px;}
.headerWrap.fixed .header .right .call {height:36px; line-height:36px;}


.sitemapWrap {width:100%; height:100%; position:fixed; top:0; right:-100px; z-index:150; display:none; opacity:0; background-size:cover !important; background:#fff;}
.sitemapWrap.active {display:block;}
.sitemapWrap.active.view {right:0; opacity:1;}
.sitemapWrap .sitemap {width:100%; height:100%; position:relative; padding:60px; box-sizing:border-box;}

.sitemapWrap .sitemap .area {width:100%; height:23px; position:relative; margin:0 auto; z-index:10;}
.sitemapWrap .sitemap .area .logo {display:block; width:117px; height:23px; position:relative; margin:0;}
.sitemapWrap .sitemap .area .logo img {width:100%; vertical-align:top;}
.sitemapWrap .sitemap .area .closeBtn {display:block; width:32px; height:32px; position:absolute; top:0; right:0;}
.sitemapWrap .sitemap .area .closeBtn img {width:100%; vertical-align:top;}

.sitemapWrap .sitemap .link {width:100%; height:calc(100% - 50px); max-height:calc(100% - 50px); position:relative; padding:30px 0 15px 0; box-sizing:border-box; overflow-y:auto;}
.sitemapWrap .sitemap .link .disT {}
.sitemapWrap .sitemap .link .disTC {text-align:left; vertical-align:top;}

.sitemapWrap .sitemap .link .dep1 {width:100%; position:relative; margin:0 0 35px 0; text-align:left;}
.sitemapWrap .sitemap .link .dep1:last-child {margin:0;}
.sitemapWrap .sitemap .link .dep1_btn {display:inline-block; font-size:28px; line-height:30px; font-weight:600; color:#454545; margin:0; padding:0;}
.sitemapWrap .sitemap .link .dep1_btn:hover,
.sitemapWrap .sitemap .link .dep1_btn.active {color:#222;}
.sitemapWrap .sitemap .link .dep1_sub {display:block; width:100%; height:auto; position:relative; margin:0; padding:10px; box-sizing:border-box; display:none;}
.sitemapWrap .sitemap .link .dep1.dropdown:hover .dep1_sub {display:block;}
.sitemapWrap .sitemap .link .dep1_sub .dep2 {display:block; width:100%; position:relative; margin:0 auto 10px; padding:0; text-align:left;}
.sitemapWrap .sitemap .link .dep1_sub .dep2:last-child {margin:0 auto;}
.sitemapWrap .sitemap .link .dep1_sub .dep2_btn {display:inline-block; font-size:15px; line-height:30px; font-weight:300; color:#555; margin:0; padding:0;}
.sitemapWrap .sitemap .link .dep1_sub .dep2_btn:hover,
.sitemapWrap .sitemap .link .dep1_sub .dep2_btn.active {color:#303030;}

.sitemapWrap .sitemap .socials {width:100%; height:31px; text-align:left;}
.sitemapWrap .sitemap .socials ._b {display:inline-block; position:relative; width:31px; height:31px; vertical-align:top; margin:0 3px 0 0; box-sizing:border-box; border-radius:50%; background:#00b8ff;}
.sitemapWrap .sitemap .socials ._b:last-child {margin:0;}
.sitemapWrap .sitemap .socials ._b img {width:100%; vertical-align:top;}


@media screen and (max-width:1280px){
  .headerWrap .header .gnb .dep1 {margin:0 50px 0 0;}
  .headerWrap .header .gnb .dep1:last-child {margin:0;}
}

@media screen and (max-width:1080px){
  .headerFake {height:102px;}

  .headerWrap .topAdsWrap {margin:5px auto 0;}
  .headerWrap .topAdsWrap a {height:40px; line-height:40px; font-size:14px;}
  .headerWrap.fixed .topAdsWrap a {height:30px; line-height:30px;}

  .headerWrap .header {padding:15px 15px;}
  .headerWrap.fixed .header {padding:10px 15px;}
  .headerWrap .header .logo {width:117px; height:23px; /* position:relative; top:auto; left:auto; margin:0; */ margin:-11.5px 0 0 0;}
  .headerWrap .header .gnb {display:none;}
  /* .headerWrap .header .gnb {opacity:0; visibility:hidden;} */

  .headerWrap .header .right,
  .headerWrap.fixed .header .right {height:24px; /* margin:-12px 0 0 0; */ margin:-2px 0 0 0;}
  .headerWrap .header .right a {margin:0 0 0 10px; vertical-align:top;}
  .headerWrap .header .right a:first-child {margin:0;}
  .headerWrap .header .right .call,
  .headerWrap.fixed .header .right .call {height:24px; line-height:24px; padding:0 10px;}
  .headerWrap .header .right .call > * {font-size:12px; line-height:14px; margin-top:-2px !important;}
  .headerWrap .header .right .call img {max-width:14px;}

  .headerWrap .header .right .hamburger {display:inline-block; width:20px; height:15px; margin:4px 0 0 10px;}
  .headerWrap .header .right .hamburger img {width:100%;}
}

@media screen and (max-width:960px){
  .headerWrap .topAdsWrap a {font-size:13px;}
}

@media screen and (max-width:768px){
  .headerFake {/* height:71px; */}

  .headerWrap .topAdsWrap a {font-size:12px;}

  .headerWrap .header {padding:15px 15px;}
  .headerWrap.fixed .header {padding:12px 15px;}
  /* .headerWrap .header .logo {width:90px; height:44px;} */

  .headerWrap .header .gnb .dep1_btn {height:31px; line-height:31px;}

  .headerWrap .header .hamburger {width:24px; height:20px; margin:-10px 0 0 0;}
  /*
  .headerWrap .header .right a {font-size:14px; margin:0 15px 0 0;}
  .headerWrap .header .right a:last-child {margin:0; }
  */

  .sitemapWrap .sitemap {padding:20px;}
  .sitemapWrap .sitemap .area .closeBtn {width:20px; height:20px;}
  .sitemapWrap .sitemap .link {padding:30px 0 10px 0;}
  .sitemapWrap .sitemap .link .dep1 {margin:0 0 25px 0;}
  .sitemapWrap .sitemap .link .dep1_btn {font-size:20px;}
  .sitemapWrap .sitemap .link .dep1:last-child {margin:0;}
  .sitemapWrap .sitemap .link .dep1_sub .dep2 {margin:0 auto 8px;}
  .sitemapWrap .sitemap .link .dep1_sub .dep2:last-child {margin:0 auto;}
  .sitemapWrap .sitemap .link .dep1_sub .dep2_btn {font-size:14px; line-height:20px;}

  .headerWrap .header .right .call > * {margin-top:-2px !important;}
}

@media screen and (max-width:640px){
  .headerWrap .topAdsWrap a {font-size:11px;}
}
/* 헤더 관련 :: E */



/* 푸터 관련 :: S */
.footerWrap {width:100%; position:relative; margin:0 auto; padding:60px 0 80px 0; position:relative;}
.footerWrap .footer {width:100%; max-width:1230px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}
.footerWrap .footer p {display:block; position:relative; margin:0; padding:0; color:#000;}

.footerWrap .footer .t1 {font-size:15px; line-height:30px; font-weight:400;}
.footerWrap .footer .copyright {font-size:15px; line-height:20px; font-weight:600; margin:30px auto 0; color:#000;}
.footerWrap .footer .copyright .links {display:inline-block; position:relative; text-align:left; margin:-3px 0 0 30px; vertical-align:middle;}
.footerWrap .footer .copyright .links a {display:inline-block; position:relative; vertical-align:middle; margin:0 20px 0 0; font-size:15px; line-height:20px; font-weight:600; color:#000;}
.footerWrap .footer .copyright .links a:last-child {margin:0;}


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
  .footerWrap .footer .t1 {font-size:14px; line-height:28px;}
  .footerWrap .footer .copyright {font-size:14px; margin:20px auto 0;}
  .footerWrap .footer .copyright .links a {font-size:14px; margin:0 15px 0 0;}
  .footerWrap .footer .copyright .links a:last-child {margin:0;}
}

@media screen and (max-width:768px){
  .footerWrap .footer p {text-align:center;}
  .footerWrap .footer .t1 {font-size:13px; line-height:24px;}
  .footerWrap .footer .copyright {font-size:13px; margin:15px auto 0; text-align:center;}
  .footerWrap .footer .copyright .links {display:block; text-align:center; margin:15px auto 0;}
  .footerWrap .footer .copyright .links a {font-size:13px; margin:0 10px 0 0;}
  .footerWrap .footer .copyright .links a:last-child {margin:0;}
}

@media screen and (max-width:640px){

}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* 푸터 관련 :: E */



/* 퀵메뉴 영역 :: S */
html body a.scroll-to-top {display:none !important;}

.quickWrap {width:0; height:100%; position:fixed; top:0; right:-60px; z-index:90;}
.quickWrap.active {right:60px;}
.quickWrap .quick {width:100%; height:100%; position:relative;}
.quickWrap .quick .disT {}
.quickWrap .quick .disTC {text-align:right; vertical-align:middle; padding:10px 0; box-sizing:border-box;}

.quickWrap .quick ._b {display:block; width:48px; height:48px; position:relative; margin:0 auto 10px; border-radius:50%; overflow:hidden; background:#00b8ff;}
.quickWrap .quick ._b img {width:100%; vertical-align:top;}
.quickWrap .quick ._b:last-child {margin:0 auto; background:transparent;}

@media screen and (max-width:768px){
  .quickWrap {right:-50px;}
  .quickWrap.active {right:45px;}
  .quickWrap .quick .disTC {vertical-align:bottom;}
  .quickWrap .quick ._b {width:40px; height:40px; margin:0 auto 4px;}
  .quickWrap .quick ._b:last-child {margin:0 auto;}
}
/* 퀵메뉴 영역 :: E */