@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%; max-width:240px; height:100%; position:fixed; top:0; left:0; z-index:100; box-sizing:border-box;}
.headerWrap:before {display:block; content:''; width:1px; height:100%; position:absolute; top:0; right:0; background:#ababab; opacity:0.3;}
.headerWrap .header {width:100%; height:100%; position:relative; padding:40px 30px; box-sizing:border-box;}

.headerWrap .header .logo {display:block; position:relative; margin:0 auto; padding:0; display:none; text-align:center;}
.headerWrap .header .logo.main {width:152px; height:130px;}
.headerWrap .header .logo.primrose {width:129px; height:163px;}
.headerWrap .header .logo img {width:auto !important; height:auto !important; max-width:100% !important;}

.headerWrap .header .hamburger {display:block; width:40px; height:40px; position:absolute; bottom:40px; left:50%; margin:0 0 0 -20px; box-sizing:border-box;}
.headerWrap .header .hamburger span {display:block; width:40px; height:3px; background:#fff; position:absolute; left:0;
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;
}
.headerWrap .header .hamburger span._1 {top:12px;}
.headerWrap .header .hamburger span._2 {top:27px;}
.headerWrap .header .hamburger.active span._1 {transform:rotate(45deg); top:50%; left:50%; margin:0 0 0 -20px;}
.headerWrap .header .hamburger.active span._2 {transform:rotate(-45deg); top:50%; left:50%; margin:0 0 0 -20px;}


.sitemapWrap {display:none; width:100%; height:100%; position:fixed; top:0; left:-240px; z-index:90; opacity:0; background:#000; padding:0 0 0 240px; box-sizing:border-box;
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;
}
.sitemapWrap:before {display:block; content:''; width:677px; height:519px; background:url('/public/images/cm_logo_color_1.png') center center no-repeat; position:absolute; top:50%; left:50%; margin:-259.5px 0 0 0; opacity:0.12;}
.sitemapWrap.active {display:block;}
.sitemapWrap.view {left:0; opacity:1;}
.sitemapWrap .sitemap {width:100%; height:100%; position:relative; padding:0 0 120px 0; box-sizing:border-box;}

.sitemapWrap .sitemap .gnb {width:100%; height:100%; position:relative; padding:30px 90px; box-sizing:border-box;}
.sitemapWrap .sitemap .gnb .disT {}
.sitemapWrap .sitemap .gnb .disTC {text-align:left; vertical-align:middle;}
.sitemapWrap .sitemap .gnb .disTC > ul {display:block; width:100%; height:auto; position:relative; margin:0; padding:0;}
.sitemapWrap .sitemap .gnb .dep1 {display:block; position:relative; margin:0 auto 35px; padding:0;}
.sitemapWrap .sitemap .gnb .dep1:last-child {margin:0 auto;}
.sitemapWrap .sitemap .gnb .dep1_btn {display:inline-block; position:relative; margin:0; padding:0;}
.sitemapWrap .sitemap .gnb .dep1_btn > * {display:inline-block; position:relative; margin:0; padding:0; vertical-align:bottom; color:#fff;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.sitemapWrap .sitemap .gnb .dep1_btn b {font-size:46px; line-height:50px; font-weight:900; color:#333;}
.sitemapWrap .sitemap .gnb .dep1_btn span {font-size:18px; line-height:30px; font-weight:400; margin:0 0 0 20px; opacity:0;}
.sitemapWrap .sitemap .gnb .dep1_btn:hover b {color:#fff;}
.sitemapWrap .sitemap .gnb .dep1_btn:hover span {opacity:1;}

.sitemapWrap .sitemap .language {width:100%; height:120px; position:absolute; bottom:0; left:0; padding:30px 90px; box-sizing:border-box;}
.sitemapWrap .sitemap .language:before {display:block; content:''; width:100%; height:1px; position:absolute; top:0; left:0; background:#ababab; opacity:0.3;}
.sitemapWrap .sitemap .language ul {display:block; width:100%; position:relative; margin:0; padding:0; text-align:left;}
.sitemapWrap .sitemap .language ul li {display:inline-block; position:relative; vertical-align:middle; margin:0 15px 0 0; padding:0;}
.sitemapWrap .sitemap .language ul li a {display:block; height:60px; position:relative; font-size:24px; line-height:60px; font-weight:700; color:#333;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.sitemapWrap .sitemap .language ul li a.active,
.sitemapWrap .sitemap .language ul li a:hover {color:#fff;}


@media screen and (max-width:1600px){
  .headerWrap {max-width:200px;}
  .headerWrap .header {padding:35px 25px;}


  .sitemapWrap {padding:0 0 0 200px;}
  .sitemapWrap .sitemap {padding:0 0 100px 0;}
  .sitemapWrap .sitemap .gnb {padding:25px 70px;}

  .sitemapWrap .sitemap .language {height:100px; padding:20px 70px;}
  .sitemapWrap .sitemap .language ul li a {font-size:20px;}
}

@media screen and (max-width:1280px){
  .headerWrap {max-width:180px;}
  .headerWrap .header {padding:30px 20px;}


  .sitemapWrap {padding:0 0 0 180px;}
  .sitemapWrap .sitemap {padding:0 0 80px 0;}
  .sitemapWrap .sitemap .gnb {padding:20px 50px;}
  .sitemapWrap .sitemap .gnb .dep1 {margin:0 auto 30px;}
  .sitemapWrap .sitemap .gnb .dep1:last-child {margin:0 auto;}
  .sitemapWrap .sitemap .gnb .dep1_btn b {font-size:38px; line-height:42px;}
  .sitemapWrap .sitemap .gnb .dep1_btn span {font-size:15px; line-height:26px; margin:0 0 0 15px;}

  .sitemapWrap .sitemap .language {height:80px; padding:10px 50px;}
  .sitemapWrap .sitemap .language ul li a {font-size:18px;}
}

@media screen and (max-width:1080px){
  .headerWrap {max-width:10000px; height:auto;}
  .headerWrap:before {width:100%; height:1px; top:auto; bottom:0;}
  .headerWrap .header {height:auto; padding:10px 15px;}

  .headerWrap .header .logo {width:auto !important; height:auto !important; max-width:80px; margin:0;}

  .headerWrap .header .hamburger {width:30px; height:30px; top:50%; left:auto; right:15px; bottom:auto; margin:-15px 0 0 0;}
  .headerWrap .header .hamburger span {width:30px; height:3px;}
  .headerWrap .header .hamburger span._1 {top:8px;}
  .headerWrap .header .hamburger span._2 {top:20px;}


  .sitemapWrap {padding:90px 0 0 0;}
  .sitemapWrap .sitemap {padding:0 0 60px 0;}
  .sitemapWrap .sitemap .gnb {padding:10px 30px;}
  .sitemapWrap .sitemap .gnb .dep1 {margin:0 auto 20px;}
  .sitemapWrap .sitemap .gnb .dep1:last-child {margin:0 auto;}
  .sitemapWrap .sitemap .gnb .dep1_btn b {font-size:30px; line-height:36px;}
  .sitemapWrap .sitemap .gnb .dep1_btn span {font-size:13px; line-height:24px; margin:0 0 0 10px; opacity:1; color:#333;}
  .sitemapWrap .sitemap .gnb .dep1_btn:hover span {color:#fff;}

  .sitemapWrap .sitemap .language {height:60px; padding:0 30px;}
  .sitemapWrap .sitemap .language ul li a {font-size:16px;}
}

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

}

@media screen and (max-width:768px){
  .headerWrap .header .logo {max-width:60px;}
}

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

}

@media screen and (max-width:480px){
  .sitemapWrap .sitemap .gnb .dep1 {margin:0 auto 15px;}
  .sitemapWrap .sitemap .gnb .dep1:last-child {margin:0 auto;}
  .sitemapWrap .sitemap .gnb .dep1_btn b {font-size:26px; line-height:30px;}
  .sitemapWrap .sitemap .gnb .dep1_btn span {font-size:11px; line-height:22px; margin:0 0 0 5px;}
}

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

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



/* 푸터 영역 관련 :: S */
.footerWrap {width:100%; position:relative; padding:0 0 0 240px; box-sizing:border-box; background:#000;}
.footerWrap .footer {width:100%; position:relative; padding:60px 90px; box-sizing:border-box;}
.footerWrap .footer:before {display:block; content:''; width:100%; height:1px; position:absolute; top:0; left:0; background:#ababab; opacity:0.3;}

.footerWrap .footer p {display:block; position:relative; text-align:left; margin:0; padding:0; font-size:18px; line-height:20px; font-weight:700; color:#fff;}


@media screen and (max-width:1600px){
  .footerWrap {padding:0 0 0 200px;}
  .footerWrap .footer {padding:40px 70px;}
}

@media screen and (max-width:1280px){
  .footerWrap {padding:0 0 0 180px;}
  .footerWrap .footer {padding:30px 50px;}
}

@media screen and (max-width:1080px){
  .footerWrap {padding:0;}
  .footerWrap .footer {padding:30px 30px;}

  .footerWrap .footer p {font-size:16px;}
}

@media screen and (max-width:960px){
  .footerWrap .footer p {font-size:15px; text-align:right;}
}

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

}

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

}

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

}

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

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