@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 */
.headerFake {width:100%; height:100px; position:relative;}
.headerFake.fixed {height:100px;}
.headerWrap {width:100%; position:fixed; top:0; left:0; z-index:100; background:#fff url('/public/images/cm_header_bg_1.gif') right top no-repeat;}
.headerWrap .header {width:100%; max-width:1600px; position:relative; margin:0 auto; box-sizing:border-box; padding:20px 15px;}
.headerWrap.fixed .header {padding:20px 15px;}
.headerWrap .header .inner {width:100%; position:relative;}

.headerWrap .header .logo {width:288px; height:61px; position:absolute; top:-1px; left:0; margin:0; z-index:10;}
.headerWrap .header .logo a {display:block; width:100%; height:100%; position:relative; font-size:30px; line-height:32px; font-weight:700; color:#222;}
.headerWrap .header .logo a img {max-width:100%; vertical-align:top;}

.headerWrap .header .gnbWrap {width:100%; height:60px; position:relative; margin:0 auto; text-align:center; overflow:hidden; z-index:5;}
.headerWrap .header .gnbWrap.active {height:220px;}
.headerWrap .header .gnbWrap .gnb {display:inline-block; position:relative; text-align:center; margin:0; padding:0;}
.headerWrap .header .gnbWrap .dep1 {display:inline-block; position:relative; margin:0; padding:0;}
.headerWrap .header .gnbWrap .dep1_btn {display:block; font-size:20px; font-weight:700; color:#454545; height:60px; line-height:60px; position:relative; margin:0; padding:0 40px; box-sizing:border-box;}
.headerWrap .header .gnbWrap .dep1_btn:after {display:block; content:''; width:8px; height:8px; border-radius:50%; background:#c6c6c6; position:absolute; bottom:0; left:50%; margin:0 0 0 -4px;}
.headerWrap .header .gnbWrap .dep1_btn:hover {color:#1c9de1;}
.headerWrap .header .gnbWrap .dep1_btn:hover:after {background:#1c9de1;}

.headerWrap .header .gnbWrap .dep1_sub {display:block; width:100%; position:absolute; top:60px; left:0; margin:0; padding:10px 0 0 0;}
.headerWrap .header .gnbWrap .dep1_sub .dep2 {display:block; width:100%; position:relative; margin:0; padding:0;}
.headerWrap .header .gnbWrap .dep1_sub .dep2_btn {display:block; width:100%; font-size:17px; text-align:center; line-height:36px; color:#6c6c6c;}
.headerWrap .header .gnbWrap .dep1_sub .dep2_btn:hover {color:#222;}

.headerWrap .header .right {width:200px; height:41px; position:absolute; top:9.5px; right:0; overflow:hidden; margin:0; z-index:10;}
.headerWrap .header .right a {display:block; float:left; position:relative; margin:0 30px 0 0;}
.headerWrap .header .right a:last-child {margin:0;}
.headerWrap .header .right a.contact {width:130px; height:41px; line-height:37px; font-size:15px; text-align:center; font-weight:500; color:#000; border:2px solid #000;}
.headerWrap .header .right a.toggleBtn {width:39px; height:41px; position:relative;}
.headerWrap .header .right a.toggleBtn img {max-width:100%;}


.headerWrap .header .moHamburger {display:block; width:30px; height:32px; position:absolute; top:5px; right:0; margin:0; padding:0; box-sizing:border-box;}
.headerWrap .header .moHamburger img {width:100%;}

.headerWrap .header .moGnbWrap {width:320px; height:100%; position:fixed; top:0; right:-320px; background:rgba(0,0,0,0.9); z-index:10;}
.headerWrap .header .moGnbWrap.active {right:0;}
.headerWrap .header .moGnbWrap .inner {width:100%; height:100%; padding:60px 20px 20px 20px; box-sizing:border-box; position:relative;}

.headerWrap .header .moGnbWrap .closeBtn {display:block; width:20px; height:20px; padding:0; box-sizing:border-box; position:absolute; top:20px; right:20px;}
.headerWrap .header .moGnbWrap .closeBtn img {width:100%; vertical-align:top;}

.headerWrap .header .moGnbWrap .inner > ul {display:block; width:100%; height:100%; max-height:100%; overflow-y:auto; margin:0; padding:0; position:relative;}
.headerWrap .header .moGnbWrap .dep1 {display:block; width:100%; position:relative; margin:0 auto 15px; padding:0;}
.headerWrap .header .moGnbWrap .dep1:last-child {margin:0 auto;}
.headerWrap .header .moGnbWrap .dep1_btn {display:block; font-size:15px; line-height:30px; color:#fff; font-weight:400; position:relative; margin:0; padding:0;}
.headerWrap .header .moGnbWrap .dep1.dropdown .dep1_btn:after {display:block; content:'+'; width:20px; height:20px; font-size:20px; line-height:20px; text-align:center; font-weight:300; color:#fff; position:absolute; top:50%; right:5px; margin:-10px 0 0 0;}
.headerWrap .header .moGnbWrap .dep1.dropdown.active .dep1_btn:after {content:'-';}

.headerWrap .header .moGnbWrap .dep1_sub {display:block; width:100%; margin:0; padding:0 0 0 10px; box-sizing:border-box; position:relative; display:none;}
.headerWrap .header .moGnbWrap .dep1.dropdown.active .dep1_sub {display:block;}
.headerWrap .header .moGnbWrap .dep2 {display:block; width:100%; position:relative; margin:0; padding:0;}
.headerWrap .header .moGnbWrap .dep2_btn {display:block; font-size:12px; line-height:24px; color:#ececec; font-weight:300; position:relative; margin:0; padding:0;}

.headerWrap .header .moHamburger,
.headerWrap .header .moGnbWrap {display:none;}


@media screen and (max-width:1080px){
  .headerWrap .header .gnbWrap .dep1_btn {padding:0 20px;}
}

@media screen and (max-width:960px){
  .headerFake {height:65.5px;}
  .headerFake.fixed {height:55.5px;}

  .headerWrap {background:#fff;}
  .headerWrap .header {padding:15px 15px;}
  .headerWrap.fixed .header {padding:15px 15px;}

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

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

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

  .headerWrap .header .moHamburger,
  .headerWrap .header .moGnbWrap {display:block;}
}
/* 헤더 관련 스타일 :: e */



/* 푸터 관련 스타일 :: s */
.footerWrap {width:100%; position:relative; background:#020202;}
.footerWrap .inner {width:100%; max-width:1730px; position:relative; margin:0 auto; padding:50px 15px; box-sizing:border-box;}
.footerWrap .area {width:100%; position:relative; box-sizing:border-box; overflow:hidden;}

.footerWrap .area.top {padding:0 0 30px 0; margin:0 auto 30px; border-bottom:1px solid #454545;}
.footerWrap .area.top .logo {display:block; float:left; width:170px; height:32px; position:relative; font-size:30px; line-height:32px; font-weight:700; color:#fff;}
.footerWrap .area.top .logo img {max-width:100%;}
.footerWrap .area.top .socials {float:right; position:relative; overflow:hidden;}
.footerWrap .area.top .socials a {display:block; float:left; width:24px; height:24px; position:relative; margin:0 25px 0 0;}
.footerWrap .area.top .socials a img {max-width:100%;}
.footerWrap .area.top .socials a:last-child {margin:0;}

.footerWrap .area.bottom .links {position:relative; overflow:hidden;}
.footerWrap .area.bottom .links a {display:block; float:left; font-size:15px; line-height:15px; position:relative; color:#999; font-weight:400; margin:0 20px 0 0; padding:0 20px 0 0;}
.footerWrap .area.bottom .links a:after {display:block; content:''; width:1px; height:15px; background:#222; position:absolute; top:0; right:0;}
.footerWrap .area.bottom .links a:last-child {margin:0; padding:0;}
.footerWrap .area.bottom .links a:last-child:after {display:none;}
.footerWrap .area.bottom p {display:block; text-align:left; position:relative; margin:0;}
.footerWrap .area.bottom .t1 {font-size:13px; line-height:20px; color:#999; margin:15px auto;}


.footerWrap .area.bottom .util {position:absolute; top:0; right:0;}
.footerWrap .area.bottom .util .certi {position:relative; overflow:hidden;}
.footerWrap .area.bottom .util .certi a,
.footerWrap .area.bottom .util .certi select {display:block; float:left; height:38px; margin:0 20px 0 0; position:relative;}
.footerWrap .area.bottom .util .certi a img {max-width:100%;}
.footerWrap .area.bottom .util .certi select {width:200px; line-height:38px; font-size:14px; padding:0 10px; box-sizing:border-box; border:1px solid #999; color:#999; border-radius:0; background:transparent; margin:0;}
.footerWrap .area.bottom .util .copyright {font-size:12px; line-height:14px; color:#777; margin:20px auto 0; text-align:right;}


@media screen and (max-width:960px){
  .footerWrap .area.bottom .util {position:relative; top:auto; right:auto;}
  .footerWrap .area.bottom .util .copyright {text-align:left;}
}

@media screen and (max-width:560px){
  .footerWrap .area.top .logo {float:none;}
  .footerWrap .area.top .socials {float:none; margin:15px auto 0;}

  .footerWrap .area.bottom .util .certi {}
  .footerWrap .area.bottom .util .certi a {display:inline-block; float:none;}
  .footerWrap .area.bottom .util .certi select {display:block; float:none; margin:10px 0 0 0;}
}
/* 푸터 관련 스타일 :: e */