@charset "utf-8";



body, input, button, select, textarea {/* font-family:"Montserrat", "Noto Sans", "Noto Sans KR", "Dotum", Sans-serif !important; */ font-family:"Noto Sans", "Noto Sans KR", "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:122px; position:relative; margin:0 auto; padding:0;}
.headerWrap {width:100%; position:absolute; top:0; left:0; z-index:100; background:rgba(255,255,255,0);}
.headerWrap .header {width:100%; max-width:1840px; position:relative; margin:0 auto; padding:20px 10px 20px 10px; box-sizing:border-box; /* overflow:hidden; */}

.headerWrap .header .logo {display:inline-block; vertical-align:middle; width:185px; height:auto; position:relative; margin:0 50px 0 0;}
.headerWrap .header .logo a {display:block; width:100%; height:100%; position:relative;}
.headerWrap .header .logo a img {width:100%; vertical-align:top;}

.headerWrap .header .gnb {display:inline-block; vertical-align:middle; position:relative;}
.headerWrap .header .gnb > ul {display:flex; flex-direction:row; align-items:center; justify-content:flex-end; position:relative; text-align:left; margin:0; padding:0; box-sizing:border-box;}
.headerWrap .header .gnb .dep1 {display:inline-block; vertical-align:top; position:relative; margin:0 40px 0 0;}
.headerWrap .header .gnb .dep1:last-child {margin:0;}
.headerWrap .header .gnb .dep1_btn {display:block; font-size:18px; line-height:20px; font-weight:600; color:#000; position:relative; margin:0; padding:0; text-transform:uppercase;}

.headerWrap .header .right {position:absolute; top:50%; right:15px; margin:-10px 0 0 0;}
.headerWrap .header .right > * {display:inline-block; position:relative; vertical-align:middle; margin:0 15px 0 0; font-size:12px; line-height:20px; font-weight:500; color:#000;}
.headerWrap .header .right a:last-child {margin:0;}
.headerWrap .header .right a img {max-width:100%; vertical-align:top;}
.headerWrap .header .right .language {z-index:10;}
.headerWrap .header .right .language .cur {display:block; width:20px; height:20px; position:relative; margin:0; padding:0;}
.headerWrap .header .right .language .cur img {max-width:100%; vertical-align:top;}
.headerWrap .header .right .language ul {display:block; width:100px; height:0; position:absolute; top:100%; left:50%; margin:0 0 0 -50px; padding:0 0; box-sizing:border-box; background:#fff; overflow:hidden;}
.headerWrap .header .right .language.open ul {height:auto; padding:10px 0;}
.headerWrap .header .right .language ul li {display:block; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.headerWrap .header .right .language ul li a {display:block; position:relative; text-align:center; font-size:12px; line-height:20px; font-weight:500; color:#454545;}
.headerWrap .header .right .language ul li a.active,
.headerWrap .header .right .language ul li a:hover {font-weight:700; color:#111;}
.headerWrap .header .right .langs {height:20px;}
.headerWrap .header .right .langs a {display:inline-block; position:relative; vertical-align:middle; margin:0 3px 0 0; padding:0; box-sizing:border-box; font-size:12px; line-height:20px; font-weight:500; color:#000;}
.headerWrap .header .right .langs a:after {display:block; content:'/'; width:20px; height:20px; text-align:center; font-size:12px; line-height:20px; font-weight:500 !important; color:#333; position:absolute; top:0; right:-13.5px; text-decoration:none !important;}
.headerWrap .header .right .langs a:last-child {margin:0;}
.headerWrap .header .right .langs a:last-child:after {display:none;}
.headerWrap .header .right .langs a.active {font-weight:700; text-decoration:underline;}

.headerWrap.fixed {position:fixed; background:rgba(255,255,255,1.0);}
.headerWrap.fixed .header {padding:10px 10px;}


.sitemapWrap {width:100%; height:100%; position:fixed; top:0; left:-100px; z-index:150; display:none; opacity:0; background-size:cover !important; background:url('/public/renew202512/images/cm_header_gnb_bg_1.jpg') center center no-repeat;}
.sitemapWrap.active {display:block;}
.sitemapWrap.active.view {left:0; opacity:1;}

.sitemapWrap .closeBtn {display:block; width:60px; height:60px; position:absolute; top:0; right:0; padding:15px; box-sizing:border-box; background:#000; z-index:10;}
.sitemapWrap .closeBtn img {width:100%; vertical-align:top;}

.sitemapWrap .sitemap {width:50%; height:100%; position:relative; padding:0; box-sizing:border-box; background:rgba(0,0,0,0.7); z-index:5;}
/*
.sitemapWrap .sitemap:before {display:block; content:''; width:50%; height:100%; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0;}
*/

/*
.sitemapWrap .sitemap .area {width:100%; position:relative; margin:0 auto; z-index:10;}
.sitemapWrap .sitemap .area .logo {display:block; width:254px; height:61px; position:relative; margin:0 auto; display:none !important;}
.sitemapWrap .sitemap .area .logo img {width:100%; vertical-align:top;}
*/

.sitemapWrap .sitemap .link {width:100%; height:100%; position:relative; padding:30px 10%; box-sizing:border-box;}
.sitemapWrap .sitemap .link .disT {}
.sitemapWrap .sitemap .link .disTC {text-align:left; vertical-align:middle;}

.sitemapWrap .sitemap .link .logo {display:block; width:150px; height:65px; position:relative; margin:0 0 70px 0;}
.sitemapWrap .sitemap .link .logo img {width:100%; vertical-align:top;}

.sitemapWrap .sitemap .link .dep1 {width:50%; position:relative; margin:0 0 30px 0; text-align:left;}
.sitemapWrap .sitemap .link .dep1:last-child {margin:0;}
.sitemapWrap .sitemap .link .dep1_btn {display:inline-block; font-size:22px; line-height:26px; font-weight:400; color:#fff; margin:0; padding:0; text-align:left; text-transform:uppercase;}
.sitemapWrap .sitemap .link .dep1_btn:hover,
.sitemapWrap .sitemap .link .dep1_btn.active {color:#e0e0e0;}
.sitemapWrap .sitemap .link .dep1_sub {display:block; width:50%; height:auto; position:absolute; top:0; left:100%; margin:0; padding:0; 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 20px; 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:16px; line-height:20px; font-weight:300; color:#fff; margin:0; padding:0;}
.sitemapWrap .sitemap .link .dep1_sub .dep2_btn:hover,
.sitemapWrap .sitemap .link .dep1_sub .dep2_btn.active {color:#e0e0e0;}
.sitemapWrap .sitemap .link .dep1_sub .dep2_btn:hover:before {display:block; content:''; width:50%; height:1px; background:#6d6d6d; position:absolute; top:50%; left:-60%;}

.sitemapWrap .sitemap .socials {width:30px; position:relative; margin:70px 0 0 0;}
.sitemapWrap .sitemap .socials a {display:block; width:30px; height:30px; position:relative; margin:0 0 5px 0;}
.sitemapWrap .sitemap .socials a:last-child {margin:0;}
.sitemapWrap .sitemap .socials a img {width:100%; vertical-align:top;}


.searchWrap {width:100%; height:100%; position:fixed; top:0; left:-100px; z-index:150; display:none; opacity:0; background-size:cover !important; background:rgba(0,0,0,0.85);}
.searchWrap.active {display:block;}
.searchWrap.active.view {left:0; opacity:1;}
.searchWrap ._in {width:100%; height:100%; position:relative; padding:60px; box-sizing:border-box;}

.searchWrap ._in .area {width:100%; position:relative; margin:0 auto; z-index:10;}
.searchWrap ._in .area .logo {display:block; width:158px; height:27px; position:relative; margin:0 auto;}
.searchWrap ._in .area .logo img {width:100%; vertical-align:top;}
.searchWrap ._in .area .closeBtn {display:block; width:32px; height:32px; position:absolute; top:0; right:0;}
.searchWrap ._in .area .closeBtn img {width:100%; vertical-align:top;}

.searchWrap ._in .search {width:100%; height:100%; position:absolute; top:0; left:0;}
.searchWrap ._in .search .disT {}
.searchWrap ._in .search .disTC {text-align:left; vertical-align:middle;}
.searchWrap ._in .search .t1 {display:block; width:100%; text-align:center; position:relative; font-size:30px; line-height:40px; font-weight:600; color:#fff; margin:0 0 100px 0;}
.searchWrap ._in .search .inputs {width:500px; height:70px; position:relative; margin:0 auto; overflow:hidden; border-bottom:1px solid #fff;}
.searchWrap ._in .search .inputs input {display:block; width:calc(100% - 70px); height:70px; line-height:70px; float:left; position:relative; padding:0 15px; box-sizing:border-box; font-size:16px; font-weight:400; color:#fff; background:transparent; border:0; box-shadow:none;}
.searchWrap ._in .search .inputs a {display:block; float:left; width:70px; height:70px; position:relative; padding:22.5px; box-sizing:border-box;}
.searchWrap ._in .search .hotwords {width:500px; position:relative; margin:40px auto 0; text-align:left;}
.searchWrap ._in .search .hotwords > * {display:inline-block; height:20px; line-height:20px; position:relative; vertical-align:top; margin:3px 16px 3px 0; padding:0; color:#fff; text-align:left;}
.searchWrap ._in .search .hotwords p {font-size:18px; font-weight:600;}
.searchWrap ._in .search .hotwords a {font-size:13px; font-weight:300;}
.searchWrap ._in .search .hotwords a:hover {font-weight:400;}


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

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

	.headerWrap .header {padding:30px 15px 20px 15px;}
	.headerWrap .header .logo {width:118px; height:15px; margin:0 30px 0 0; vertical-align:middle;}

	.headerWrap .header .gnb {height:16px;}
	.headerWrap .header .gnb > ul {height:16px;}
	.headerWrap .header .gnb .dep1 {margin:0 20px 0 0;}
	.headerWrap .header .gnb .dep1:last-child {margin:0;}
	.headerWrap .header .gnb .dep1_btn {font-size:16px; line-height:16px;}

	.headerWrap .header .right {margin:-5px 0 0 0;}


	.sitemapWrap .sitemap {padding:40px 15px;}
	.sitemapWrap .sitemap .link .logo {margin:0 0 40px 0;}

	.sitemapWrap .sitemap .link .dep1 {margin:0 0 20px 0;}
	.sitemapWrap .sitemap .link .dep1_btn {font-size:18px; line-height:24px;}
	.sitemapWrap .sitemap .link .dep1_sub .dep2 {margin:0 auto 15px;}
	.sitemapWrap .sitemap .link .dep1_sub .dep2:last-child {margin:0 auto;}
	.sitemapWrap .sitemap .link .dep1_sub .dep2_btn {font-size:14px;}

	.sitemapWrap .sitemap .socials {margin:40px 0 0 0;}


	.searchWrap ._in {padding:40px 15px;}
	.searchWrap ._in .search .t1 {font-size:24px; line-height:30px; margin:0 0 50px 0;}
}

@media screen and (max-width:960px){
	.sitemapWrap .sitemap {padding:20px 20px;}
	.sitemapWrap .closeBtn {width:40px; height:40px; padding:10px;}

	.searchWrap ._in {padding:20px 20px;}
	.searchWrap ._in .search .t1 {font-size:20px; line-height:30px; margin:0 0 30px 0;}
	.searchWrap ._in .area .closeBtn {width:20px; height:20px;}
}

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

	.headerWrap .header {padding:20px 15px;}

	.headerWrap .header .logo {margin:0;}

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

	.headerWrap .header .right {margin:-13px 0 0 0;}
	.headerWrap .header .right > * {font-size:11px; letter-spacing:-0.5px; margin:0 4px 0 0;}
	.headerWrap .header .right a:last-child {margin:0;}


	.sitemapWrap .sitemap {width:100%; padding:30px 10%;}
	.sitemapWrap .sitemap .link {padding:0;}
	.sitemapWrap .sitemap .link .logo {margin:0 0 30px 0;}
	.sitemapWrap .sitemap .link .dep1 {margin:0 0 15px 0;}
	.sitemapWrap .sitemap .link .dep1_btn {font-size:16px; line-height:20px;}
	.sitemapWrap .sitemap .link .dep1_sub .dep2 {margin:0 auto 10px;}
	.sitemapWrap .sitemap .link .dep1_sub .dep2_btn {font-size:13px; line-height:16px;}
	.sitemapWrap .sitemap .socials {margin:30px 0 0 0;}


	.searchWrap ._in .search .inputs {width:300px; height:60px;}
	.searchWrap ._in .search .inputs input {height:60px; line-height:60px; font-size:15px;}
	.searchWrap ._in .search .inputs a {width:60px; height:60px; padding:17.5px;}
	.searchWrap ._in .search .hotwords {width:300px; margin:30px auto 0;}
}

@media screen and (max-width:480px){
	.headerWrap .header .right > * {font-size:9px; letter-spacing:-1px; margin:0 1.5px 0 0;}

	.searchWrap ._in .search .t1 {font-size:20px; line-height:24px; margin:0 0 30px 0;}
}
/* 헤더 영역 관련 :: E */



/* 푸터 영역 관련 :: S */
.footerWrap {width:100%; height:auto; position:relative; margin:120px auto 0; padding:80px 0; background:#1c1c1c;}
.footerWrap .footer {display:flex; flex-wrap:wrap; align-items:center; width:100%; max-width:1840px; position:relative; margin:0 auto; padding:0 10px; box-sizing:border-box;}

.footerWrap .footer ._area {display:flex; flex-direction:column; width:50%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.footerWrap .footer ._area p,
.footerWrap .footer ._area a {display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:15px; line-height:24px; font-weight:400; color:#fff;}
.footerWrap .footer ._area .logo {width:160px;}
.footerWrap .footer ._area .t1 {margin:20px 0;}
.footerWrap .footer ._area .copyright {font-size:14px; color:#999;}
.footerWrap .footer ._area .cs {font-size:18px; font-weight:500;}
.footerWrap .footer ._area .cs a {display:inline; font-size:24px; font-weight:700;}
.footerWrap .footer ._area .download {display:block; width:140px; height:32px; position:relative; text-align:center; margin:20px 0 0 0; background:#fff;
display:none !important;}
.footerWrap .footer ._area .download > * {display:inline-block; position:relative; vertical-align:middle; margin:0 25px 0 0; padding:0; box-sizing:border-box; font-size:13px; line-height:16px; font-weight:500; color:#000;}
.footerWrap .footer ._area .download > *:last-child {margin:0;}
.footerWrap .footer ._area .download img {width:16px; height:16px;}

.footerWrap .footer ._area._left {align-items:flex-start; text-align:left;}
.footerWrap .footer ._area._left p {text-align:left;}

.footerWrap .footer ._area._right {align-items:flex-end; text-align:right;}


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


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

  .footerWrap .footer ._col._left .t1 {font-size:13px; line-height:20px; margin:15px auto;}
  .footerWrap .footer ._col._left .copyright {font-size:12px; line-height:18px;}

  .footerWrap .footer ._col._right {margin:30px 0 0 0;}
  .footerWrap .footer ._col._right .t2 {font-size:16px; line-height:24px;}
  .footerWrap .footer ._col._right .t2 b {font-size:24px;}
}

@media screen and (max-width:960px){
  .footerWrap .footer ._col {float:none;}

  .footerWrap .footer ._col._right {float:none;}
}

@media screen and (max-width:768px){
  .footerWrap .footer ._col._left .logo {width:105px; height:13px; margin:0 auto;}
  .footerWrap .footer ._col p {text-align:center;}

  .footerWrap .footer ._col._right .t2 {font-size:14px; line-height:22px;}
  .footerWrap .footer ._col._right .t2 b {font-size:20px;}
}

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

}

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

}

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

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