@charset "utf-8";



body, input, button, select, textarea {font-family:"Noto Sans Korean", "RobotoDraft", "Dotum", 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 */
.headerWrap {width:100%; position:fixed; top:0; left:0; margin:0; padding:30px 15px; background:rgba(255,255,255,0.8); border-bottom:1px solid #dbdbdb; box-sizing:border-box; z-index:100;}
.headerWrap .header {width:100%; max-width:1330px; position:relative; margin:0 auto; padding:0 0; box-sizing:border-box; text-align:right;}

.headerWrap .header .logo {width:280px; height:25px; position:absolute; top:50%; left:0; margin:-12.5px 0 0 0; z-index:5;}
.headerWrap .header .logo a {display:block; width:100%; height:100%; position:relative; margin:0; padding:0;}
.headerWrap .header .logo a img {display:block; width:100%; position:relative; margin:0; padding:0; z-index:1;}
.headerWrap .header .logo a img.white {position:absolute; top:0; left:0; z-index:5; opacity:0;}

.headerWrap .header .gnb {display:inline-block; width:auto; position:relative; vertical-align:middle; margin:0; padding:0;}
.headerWrap .header .gnb > ul {display:block; position:relative; margin:0; padding:0; text-align:right;}
.headerWrap .header .gnb .dep1 {display:inline-block; position:relative; margin:0 15px 0 0; padding:0;}
.headerWrap .header .gnb .dep1:last-child {margin:0;}
.headerWrap .header .gnb .dep1_btn {display:block; position:relative; margin:0; padding:0;}
.headerWrap .header .gnb .dep1_btn:before {display:block; content:''; width:100%; height:6px; position:absolute; top:50%; left:0; margin:-3px 0 0 0; background:#e0e0e0; opacity:0; z-index:1; display:none !important;}
.headerWrap .header .gnb .dep1_btn,
.headerWrap .header .gnb .dep1_btn * {font-family:"Noto Sans Korean", "RobotoDraft", "Dotum", Sans-serif !important;}
.headerWrap .header .gnb .dep1_btn span {display:block; width:75px; text-align:center; position:relative; margin:0; padding:0; z-index:3;}
.headerWrap .header .gnb .dep1_btn,
.headerWrap .header .gnb .dep1_btn span {font-size:16px; line-height:30px; font-weight:500; color:#333;}
.headerWrap .header .gnb .dep1_btn:before,
.headerWrap .header .gnb .dep1_btn span {
transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
}
.headerWrap .header .gnb .dep1_btn span.out {opacity:1;}
.headerWrap .header .gnb .dep1_btn span.in {width:100%; height:100%; text-align:center; position:absolute; top:0; left:0; opacity:0; z-index:5;}

.headerWrap .header .gnb .dep1_btn:hover:before {opacity:1;}
.headerWrap .header .gnb .dep1_btn:hover span.out {opacity:0;}
.headerWrap .header .gnb .dep1_btn:hover span.in {opacity:1;}

.headerWrap .header .rights {display:inline-block; position:relative; vertical-align:middle; margin:0 0 0 50px; padding:0; text-align:center;}
.headerWrap .header .rights a {display:inline-block; position:relative; vertical-align:middle; width:35px; height:35px; margin:0 10px 0 0; padding:0;}
.headerWrap .header .rights a:last-child {margin:0;}
.headerWrap .header .rights a.hamburger {width:18px; height:18px; display:none;}
.headerWrap .header .rights a.hamburger span {display:block; width:100%; height:2px; position:absolute; left:0; background:#202020;}
.headerWrap .header .rights a.hamburger span:nth-child(1) {top:0;}
.headerWrap .header .rights a.hamburger span:nth-child(2) {top:calc(50% - 1px);}
.headerWrap .header .rights a.hamburger span:nth-child(3) {bottom:0;}
.headerWrap .header .rights a img {display:block; width:100%; position:relative; margin:0; padding:0; z-index:1;}
.headerWrap .header .rights a img.white {position:absolute; top:0; left:0; z-index:5; opacity:0;}


.headerWrap.fixed {padding:20px 15px; background:rgba(0,0,0,0.8);}
.headerWrap.fixed .header .logo a img.black {opacity:0;}
.headerWrap.fixed .header .logo a img.white {opacity:1;}
.headerWrap.fixed .header .gnb .dep1_btn,
.headerWrap.fixed .header .gnb .dep1_btn span {color:#f0f0f0;}
.headerWrap.fixed .header .rights a img.black {opacity:0;}
.headerWrap.fixed .header .rights a img.white {opacity:1;}
.headerWrap.fixed .header .rights a.hamburger span {background:#f0f0f0;}


.gnbWrap {width:300px; height:100%; position:fixed; top:0; right:-305px; background:#fff; z-index:200;}
.gnbWrap.active {right:0; box-shadow:0 0 10px 10px rgba(0,0,0,0.08);}
.gnbWrap .closeBtn {display:block; width:20px; height:20px; position:absolute; top:10px; right:10px; z-index:5;}
.gnbWrap .closeBtn img {width:100%; vertical-align:top;}
.gnbWrap > div:not(.disT) {width:100%; height:100%; position:relative; margin:0; padding:35px 15px 15px 15px; box-sizing:border-box; z-index:1; overflow-y:auto;}
.gnbWrap .gnb {width:100%; position:relative; margin:0; padding:0;}
.gnbWrap .gnb > ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.gnbWrap .gnb .dep1 {display:block; width:100%; position:relative; margin:0 auto 10px; padding:0 0 10px 0; border-bottom:1px solid #c4c4c4;}
.gnbWrap .gnb .dep1:last-child {margin:0 auto; border-bottom:0;}
.gnbWrap .gnb .dep1_btn {display:block; width:100%; position:relative; margin:0; padding:0; font-size:15px; line-height:40px; font-weight:600; color:#333;}
.gnbWrap .socials {width:100%; position:relative; margin:30px auto 0; padding:0;}
.gnbWrap .socials a {display:inline-block; width:25px; height:25px; position:relative; vertical-align:top; margin:0 10px 0 0; padding:0;}
.gnbWrap .socials a:last-child {margin:0;}
.gnbWrap .socials a img {max-width:100%; vertical-align;top;}

/* Mobile GMB 스타일 재변경 :: 202305 */
.gnbWrap {width:100%; height:100%; background:rgba(0,0,0,0.6); box-shadow:none; display:none; opacity:0;}
.gnbWrap.active {display:block;}
.gnbWrap.active.view {opacity:1;}
.gnbWrap .disT {}
.gnbWrap .disTC {text-align:center; vertical-align:middle;}
.gnbWrap ._in {width:300px; height:auto; position:relative; margin:0 auto; padding:40px 10px 30px 10px; box-sizing:border-box; background:rgba(255,255,255,0.95); box-shadow:0 0 10px 10px rgba(0,0,0,0.1);}
.gnbWrap .logo {width:200px; height:18px; position:relative; margin:0 auto 20px; padding:0;}
.gnbWrap .logo a {display:block; position:relative;}
.gnbWrap .logo a img {width:100%; vertical-align:top;}


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

}

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

}

@media screen and (max-width:960px){
  .headerWrap {padding:20px 15px;}
  .headerWrap.fixed {padding:15px 15px;}

  .headerWrap .header .logo {width:240px; height:22px; position:relative; top:auto; left:auto; margin:0;}

  .headerWrap .header .gnb {display:none;}

  .headerWrap .header .rights {display:block; height:24px; position:absolute; top:50%; right:0; margin:-12px 0 0 0; z-index:10;}
  .headerWrap .header .rights a {width:24px; height:24px;}
  .headerWrap .header .rights a.hamburger {display:inline-block;}
}

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

}

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

}

@media screen and (max-width:480px){
  .headerWrap .header .logo {width:200px; height:18px;}
}

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

}

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

}
/* 헤더 영역 :: E */



/* 푸터 영역 :: S */
.footerWrap {width:100%; position:relative; margin:0 auto; padding:80px 15px; box-sizing:border-box;}
.footerWrap .footer {width:100%; max-width:1330px; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.footerWrap .footer p {display:block; text-align:center; position:relative; margin:0; padding:0; font-size:13px; line-height:24px; font-weight:400; color:#777;}

.footerWrap .footer .logo {width:280px; height:25px; position:relative; margin:0 auto; padding:0;}
.footerWrap .footer .logo a {display:block; width:100%; height:100%; position:relative; margin:0; padding:0;}
.footerWrap .footer .logo a img {width:100%;}

.footerWrap .footer .typo {margin:60px auto 30px;}


html body .loading-overlay {display:none !important;}


#loadingBar {display:none !important; width:100%; height:100%; position:fixed; top:0; left:0; margin:0 auto; padding:0; box-sizing:border-box; background:rgba(255,255,255,0.7); opacity:0; z-index:99999999;}
#loadingBar.active {display:block !important;}
#loadingBar.active.view {top:0; opacity:1;}
#loadingBar > div {width:100%; height:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
#loadingBar .disT {}
#loadingBar .disTC {text-align:center; vertical-align:middle;}
#loadingBar .loading {display:block; width:250px; height:250px; margin:0 auto; padding:0; box-sizing:border-box;}


.quickWrap {position:fixed; bottom:50px; right:10px; z-index:200;}
.quickWrap .kakaoChat {display:block; width:60px; height:60px; position:relative; margin:0; padding:0;}
.quickWrap .kakaoChat img {width:100%;}


html body .scroll-to-top {display:none !important;}

html body .magnify-wrap {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:300;}

html body .magnify-modal {background:transparent; box-shadow:none;}
html body .magnify-modal .magnify-header {}
html body .magnify-modal .magnify-header .magnify-toolbar {display:block; float:none; text-align:center;}
html body .magnify-modal .magnify-header .magnify-toolbar .magnify-button-close {}
html body .magnify-modal .magnify-stage {border:0; left:0; left:0;}


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

}

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

}

@media screen and (max-width:960px){
  .footerWrap {padding:60px 0;}
  .footerWrap .footer p {font-size:12px; line-height:22px;}
  .footerWrap .footer .logo {width:240px; height:22px;}

  .footerWrap .footer .typo {margin:50px auto 20px;}
}

@media screen and (max-width:768px){
	#loadingBar .loading {width:125px; height:125px;}
}

@media screen and (max-width:640px){
  .footerWrap {padding:50px 0;}
  .footerWrap .footer p {font-size:12px; line-height:20px;}

  .footerWrap .footer .typo {margin:40px auto 15px;}
}

@media screen and (max-width:480px){
  .footerWrap .footer .logo {width:200px; height:18px;}
}

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

}

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

}
/* 푸터 영역 :: E */