@charset "utf-8";
/* *******************************************************
 * filename : layout.css
 * description : 전체 레이아웃 CSS
******************************************************** */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* fallback */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 500;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v271/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}


/* ****************** LAYOUT ********************** */
body, table, th, td, button, select, input, textarea {
	font-family: "Noto Sans KR", sans-serif;
	color:#333333;
	-webkit-text-size-adjust:none;
}
body { background-color:#fff; }
body.lagn_kor{word-break:keep-all; -webkit-word-break:keep-all}
body.lagn_eng{word-break:break-word; -webkit-word-break:break-word}
#wrap {overflow:hidden; width:100%; min-width:320px; position:relative; }
.area { max-width:1524px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.area1400 { max-width:1400px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.area-box{ max-width:1680px; margin:0px auto; }
.font-teko {font-family: 'Teko', sans-serif !important;}
.blue {color: #1e7023 !important;} 
.bg_blue {background: #2875d4 !important; } 
.eng {font-family: "Poppins", sans-serif;}


/* -------- 공통 :: 버튼 -------- */
.cm-button-style04,
.cm-button-style04 strong,
.cm-button-style04 i{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; box-sizing:border-box; -webkit-box-sizing:border-box}
.cm-button-style04{position:relative; overflow:hidden; border:1px solid #222; text-align:left; background-color:#222; display:table; width:100%;  height:100%}
.cm-button-style04:before{
    display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#fff; /* opacity:0;filter:Alpha(opacity=0); */
    transform:skew(-20deg); 
    -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}
.cm-button-style04 strong{position:relative; left:0px; z-index:1; display:table-cell; color:#fff; font-size:16px; font-weight:600; text-indent:25px;  width:100%; height:100%; vertical-align:middle}
.cm-button-style04 i{position:absolute; top:0px; right:15px; line-height:55px; color:#333; font-size:24px;}
.cm-button-style04:hover{}
.cm-button-style04:hover strong{color:#333;}
.cm-button-style04:hover i{color:#333}
.cm-button-style04:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}
.type2 .cm-button-style04{ display:inline-block; width:calc(38% - 15px); }
.radius .cm-button-style04{ border-radius:30px;}
.transparent .cm-button-style04{background: transparent;}
.cm-button-style04.white{ border-color:#fff}
.cm-button-style04.white i {line-height: 42px; color: #fff}

.cm-button-style04.btn-ac strong{text-indent:0; text-align:center}
/*white btn*/
.cm-button-style04.btn_white{ background-color:#fff;}
.cm-button-style04.btn_white strong{ color:#222;}
.cm-button-style04.btn_white:before{ background-color:#222;}
.cm-button-style04:hover strong, .cm-button-style04:hover i {color:#111}
/* 버튼02 */
.business-btn-box{text-align:center; margin-top:85px;}
.business-btn-box a{display:inline-block; width: 350px; height:70px; margin:0 5px; background-color:#ed1d25;}
.business-btn-box a span {display:table; width: 100%; height:100%;}
.business-btn-box a em {display:table-cell; vertical-align:middle; color: #fff; font-size: 16px; letter-spacing:-0.25px; }
 
@media all and (max-width:800px){
.cm-button-style04 strong{ font-size:14px}
}

/*container*/
.header-container{width: 80%;margin: 0 auto;}
.common-container{width: 80%;max-width: 1440px;margin: 0 auto;}

/* ****************** HEADER ********************** */
#header{position: fixed;top: 0;left: 0;width: 100%;height: 100px;z-index: 1000;border-bottom: 1px solid transparent;transition: all .3s ease-out;}
#header.scrolled{background: #fff;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.header-container{display: flex;align-items: center;justify-content: space-between;height: 100%;position: relative;}

.hd-logo a{display: block;width: 100%;height: 100%;}
.hd-logo img{display: block;max-width: 283px; }
#header.scrolled .hd-logo.sub img, #header.gnb-on .hd-logo.sub img{display: block;max-width: 283px; -webkit-filter: none; filter: none;}
.hd-logo.sub img{display: block;max-width: 283px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

.hd-rgt{display: flex;align-items: center;gap: 190px;height: 100%;}

.hd-nav>ul{display: flex;}
.hd-nav>ul>li{position: relative;}
.hd-nav>ul>li>a{display: block;width: 100%;height: 100%;line-height: 100px;font-size: 2rem;font-weight: 500; padding: 0 70px;color: #131313;transition: color .2s ease;}
.hd-nav>ul>li:hover>a{color: #1a4890 !important;}
.hd-nav>ul>li>ul{position: absolute;left: -15px;min-width: 245px;z-index: 1;background: #fff;padding: 16px 0;border-radius: 0 0 10px 10px;overflow: hidden;display: none;
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);	
	box-shadow: 0px 10px 15px rgba(109, 171, 73, .2);
}
.hd-nav>ul>li>ul>li>a{display: block;width: 100%;height: 100%;padding: 8px 28px;font-size: 1.8rem; font-weight: 400;color: #666666;transition: color .2s ease;line-height: 150%;text-align: center;}
.hd-nav>ul>li>ul>li:hover>a{color: #151515;}
.hd-nav>ul>li>ul>li>ul>li>a{display: block;width: 100%;height: 100%;padding: 3px 42px;font-size: 1.4rem;color: rgba(255,255,255,.7);position: relative;transition: color .2s ease;}
.hd-nav>ul>li>ul>li>ul>li>a::before{content: "";position: absolute;top: 50%;left: 32px;transform: translateY(-50%);width: 3px;height: 3px;border-radius: 3px;background: #FFF;}
.hd-nav>ul>li>ul>li>ul>li:hover>a{color: #FFF;text-decoration: underline;}
.hd-nav>ul>li>ul>li>ul>li:hover>a::before{background: #FFF;}
.hd-nav>ul>li>ul>li:last-child>ul>li:last-child>a{padding-bottom: 7px;}

.hd-nav.sub>ul{display: flex;}
.hd-nav.sub>ul>li{position: relative;}
.hd-nav.sub>ul>li>a{display: block;width: 100%;height: 100%;line-height: 100px;font-size: 2rem;font-weight: 500; padding: 0 70px;color: #fff;transition: color .2s ease;}
#header.scrolled .hd-nav.sub>ul>li>a{display: block;width: 100%;height: 100%;line-height: 100px;font-size: 2rem;font-weight: 500; padding: 0 70px;color: #131313;transition: color .2s ease;}
.hd-nav.sub>ul>li:hover>a{color: #1a4890 !important;}
.hd-nav.sub>ul>li>ul{position: absolute;left: -15px;min-width: 245px;z-index: 1;background: #fff;padding: 16px 0;border-radius: 0 0 10px 10px;overflow: hidden;display: none;
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);	
	box-shadow: 0px 10px 15px rgba(109, 171, 73, .2);
}
.hd-nav.sub>ul>li>ul>li>a{display: block;width: 100%;height: 100%;padding: 8px 28px;font-size: 1.8rem; font-weight: 400;color: #666666;transition: color .2s ease;line-height: 150%;text-align: center;}
.hd-nav.sub>ul>li>ul>li:hover>a{color: #151515;}
.hd-nav.sub>ul>li>ul>li>ul>li>a{display: block;width: 100%;height: 100%;padding: 3px 42px;font-size: 1.4rem;color: rgba(255,255,255,.7);position: relative;transition: color .2s ease;}
.hd-nav.sub>ul>li>ul>li>ul>li>a::before{content: "";position: absolute;top: 50%;left: 32px;transform: translateY(-50%);width: 3px;height: 3px;border-radius: 3px;background: #FFF;}
.hd-nav.sub>ul>li>ul>li>ul>li:hover>a{color: #FFF;text-decoration: underline;}
.hd-nav.sub>ul>li>ul>li>ul>li:hover>a::before{background: #FFF;}
.hd-nav.sub>ul>li>ul>li:last-child>ul>li:last-child>a{padding-bottom: 7px;}

.hd-lang{display: flex;align-items: center;justify-content: center;gap: 17px;width: 120px;border-radius: 40px;border: 1px solid #FFF;position: relative;}
.hd-lang::before{content: "";position: absolute;top: calc( 50% - 6px );left: calc( 50% - 1px );width: 1px;height: 11px;background-color: #FFF;}
.hd-lang li a{display: block;width: 100%;height: 100%;font-size: 14px;font-weight: 600;line-height: 38px;color: rgba(255,255,255,.4);}
.hd-lang li.on a{color: #FFF;}

.hd-search{height: 100%;}
.hd-search button{display: flex;align-items: center;justify-content: center;height: 100%;}
.hd-search button img{display: block;}

.hd-btn{display: flex;align-items: center;width: 20px;height: 100%;}
.hd-btn-inner{width: 100%;height: 20px;position: relative;transition: transform .3s ease;}
.hd-btn-inner span{position: absolute;width: 4px;height: 4px;border-radius: 4px;background-color: #131313;z-index: 1;transition-delay: .3s !important;transition: top .3s ease, left .3s ease;}
#header.scrolled .hd-btn-inner span{position: absolute;width: 4px;height: 4px;border-radius: 4px;background-color: #131313;z-index: 1;transition-delay: .3s !important;transition: top .3s ease, left .3s ease;}
.hd-btn-inner.sub span{position: absolute;width: 4px;height: 4px;border-radius: 4px;background-color: #fff;z-index: 1;transition-delay: .3s !important;transition: top .3s ease, left .3s ease;}

.hd-btn-inner span:nth-child(1){top: 0;left: 0;}
.hd-btn-inner span:nth-child(2){top: 0;left: 8px;}
.hd-btn-inner span:nth-child(3){top: 0;left: 16px;}

.hd-btn-inner span:nth-child(4){top: 8px;left: 0;}
.hd-btn-inner span:nth-child(5){top: 8px;left: 8px;}
.hd-btn-inner span:nth-child(6){top: 8px;left: 16px;}

.hd-btn-inner span:nth-child(7){top: 16px;left: 0;}
.hd-btn-inner span:nth-child(8){top: 16px;left: 8px;}
.hd-btn-inner span:nth-child(9){top: 16px;left: 16px;}

/*hover*/
.hd-btn:hover .hd-btn-inner{transform: rotate(90deg);}
.hd-btn:hover .hd-btn-inner span:nth-child(1){left: 8px;}
.hd-btn:hover .hd-btn-inner span:nth-child(3){top: 8px;}
.hd-btn:hover .hd-btn-inner span:nth-child(7){top: 8px;}
.hd-btn:hover .hd-btn-inner span:nth-child(9){left: 8px;}

/*open*/
.hd-btn.open .hd-btn-inner span:nth-child(2){left: 16px;}
.hd-btn.open .hd-btn-inner span:nth-child(4){top: 0;}
.hd-btn.open .hd-btn-inner span:nth-child(6){top: 16px;}
.hd-btn.open .hd-btn-inner span:nth-child(8){left: 0;}

/*on*/
#header.on{height: 80px;background-color: #FFF;border-bottom-color: #ececec;}
#header.gnb-on{background-color: #FFF;border-bottom-color: #ececec;}

#header.on .hd-logo img, #header.gnb-on .hd-logo img{
	/*-webkit-filter: none;
	filter: none;*/
}

#header.on .hd-nav>ul>li>a{color: #000;line-height: 80px;}
#header.gnb-on .hd-nav>ul>li>a{color: #000;}

#header.on .hd-lang, #header.gnb-on .hd-lang{border-color: #ddd;}
#header.on .hd-lang::before, #header.gnb-on .hd-lang::before{background-color: #ccc;}
#header.on .hd-lang li a, #header.gnb-on .hd-lang li a{color: rgba(0,0,0,.3);}
#header.on .hd-lang li.on a, #header.gnb-on .hd-lang li.on a{color: var(--color-2);}

#header.on .hd-search button img, #header.gnb-on .hd-search button img{
	-webkit-filter: brightness(1) invert(1);
	filter: brightness(1) invert(1);
}

#header.on .hd-btn-inner span, #header.gnb-on .hd-btn-inner span{background-color: #000;}

/*siteMap-ing*/
#header.siteMap-ing{background-color: transparent;border-bottom-color: transparent;}
#header.siteMap-ing .hd-logo img{ 
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
#header.siteMap-ing .hd-nav{display: none !important;}
#header.siteMap-ing .hd-lang{border: 1px solid #FFF;}
#header.siteMap-ing .hd-lang::before{background-color: #FFF;}
#header.siteMap-ing .hd-lang li a{color: rgba(255, 255, 255, .4);}
#header.siteMap-ing .hd-lang li.on a{color: #FFF;}
#header.siteMap-ing .hd-search button img{ 
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);	 
}
#header.siteMap-ing .hd-btn-inner span{background-color: #FFF;}

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

    .header-container{width: 96%;margin: 0 auto;}
	.hd-nav>ul>li>a{padding: 0 60px;}
	.hd-nav>ul>li>ul>li>a{padding: 8px 20px;}
}

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

	.hd-nav>ul>li>ul{padding: 11px 0;min-width: 150px;}
	.hd-nav>ul>li>ul>li>a{padding: 7px 18px;}
	
	.hd-nav>ul>li>ul>li>ul>li>a{padding: 3px 36px;}
	.hd-nav>ul>li>ul>li>ul>li>a::before{left: 26px;}
	
	.hd-lang{gap: 15px;width: 105px;}
	.hd-lang::before{height: 10px;}
	.hd-lang li a{line-height: 36px;}
}

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

	.hd-nav>ul>li>a{padding: 0 40px;}
	.hd-nav>ul>li>ul>li>a{padding: 7px 15px;}
}

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

	.hd-nav{display: none;}
}

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

	.hd-logo img{max-width: 200px;}

	.hd-rgt{gap: 20px;}

	.hd-nav>ul>li>a{padding: 0 20px;}

	.hd-lang{width: 100px;}
	.hd-lang li a{line-height: 34px;}
	
	
	.hd-nav>ul>li>ul>li>a{padding: 5px 20px;}
	
	.hd-nav>ul>li>ul>li>ul>li>a{padding: 3px 30px;}
	.hd-nav>ul>li>ul>li>ul>li>a::before{left: 20px;}
}

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

	/*hd-nav{display: none;}*/

	.hd-logo img{max-width: 220px;}

	.hd-lang{width: 90px;gap: 11px;}
	.hd-lang li a{line-height: 32px;}
}

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

	.hd-lang{display: none;}

	#header{height: 60px;}
	#header.on{height: 60px;}

	.hd-logo img{max-width: 180px;}

	.hd-rgt{gap: 18px;}
}

/*site map wrap*/
.siteMap-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 900;padding-top: 100px;display: none;}

.siteMap-gnb{display: flex;align-items: center;width: 80%;height: 100%;margin: 0 auto;}
.siteMap-gnb>ul{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;row-gap: 70px;width: 100%;}
.siteMap-gnb>ul>li{width: 25%;text-align: center;}
.siteMap-gnb>ul>li>a{display: block;width: 100%;height: 100%;font-size: 30px;font-weight: 500;color: #FFF;position: relative;}
.siteMap-gnb>ul>li>a::after{position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%); font-size: 18px;font-weight: 400;z-index: 1;opacity: .4;font-family: "Poppins", sans-serif;}
.siteMap-gnb>ul>li:nth-child(1)>a::after{content: "01";}
.siteMap-gnb>ul>li:nth-child(2)>a::after{content: "02";}
.siteMap-gnb>ul>li:nth-child(3)>a::after{content: "03";}
.siteMap-gnb>ul>li:nth-child(4)>a::after{content: "04";}


.siteMap-gnb>ul>li>ul{margin-top: 15px;}
.siteMap-gnb>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-size: 18px;font-weight: 400;color: #FFF;opacity: .6;padding: 7px 0;transition: opacity .25s ease;}
/*.siteMap-gnb>ul>li>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-size: var(--fs-20);color: #FFF;opacity: .3;padding: 7px 27px;position: relative;transition: opacity .25s ease;}
.siteMap-gnb>ul>li>ul>li>ul>li>a::after{content: "";position: absolute;top: 50%;left: 0;width: 13px;height: 1px;background: #FFF;z-index: 1;opacity: .5;transition: opacity .25s ease;}*/

.siteMap-gnb>ul>li>ul:hover>li>a{opacity: .2;}
.siteMap-gnb>ul>li>ul>li:hover>a{opacity: 1;}
.siteMap-gnb>ul>li>ul>li>ul>li>a:hover{opacity: 1;}
.siteMap-gnb>ul>li>ul>li>ul>li>a:hover::after{opacity: 1;}

.siteMap-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;transform: translateY(-100%);z-index: 900;opacity: .4;transition: opacity .4s ease, transform .6s ease;
	background-color: rgba(0,0,0,.7);

	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.siteMap-overlay.on{transform: translateY(0);opacity: 1;}

@media screen and (max-width: 1680px){
    .siteMap-gnb{display: flex;align-items: center;width: 96%;height: 100%;margin: 0 auto;}
}

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

	.siteMap-wrap{padding-top: 80px;}
	
	.siteMap-gnb>ul{row-gap: 60px;}
	.siteMap-gnb>ul>li>ul{margin-top: 10px;}
	.siteMap-gnb>ul>li>ul>li>a{padding: 5px 0;}
}

@media screen and (max-width: 1080px){
	
	.siteMap-gnb>ul{row-gap: 50px;}
	.siteMap-gnb>ul>li>a{font-size: 22px;}
}


@media screen and (max-width: 860px){
	
	.siteMap-wrap{padding-top: 60px;}
	
	.siteMap-gnb{width: 90%;}
	
	.siteMap-gnb>ul{gap: 15px;}
	.siteMap-gnb>ul>li{width: 100%;}
	.siteMap-gnb>ul>li>a{font-size: 28px;}
	.siteMap-gnb>ul>li>a::after{display: none;}
	
	.siteMap-gnb>ul>li>ul{display: none;margin-top: 10px;}
	
	.siteMap-gnb>ul>li>ul>li>a{font-size: 16px;}
	
	.siteMap-gnb>ul>li>ul>li>ul>li>a{padding: 3px 20px;padding-left: 50px;}
	.siteMap-gnb>ul>li>ul>li>ul>li>a::after{left: 30px;}
}

/* ****************** FOOTER ********************** */
.footer_root {flex-shrink: 0;padding: 6rem 0;background-color: #222222;position: relative;}
.footer_area {max-width: 1524px; margin: 0 auto; width: 96%;}
.footer_logoImg {width: 283px;height: 40px;}
.footer_logoImgBox img{ 
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
@media (max-width: 1024px) {
    .footer_logoImg {width:120px;height: 17px}
}

.footer_logoImgBox {display: flex;flex-direction: column;gap: 40px}
@media (max-width: 1024px) {
    .footer_logoImgBox {gap:30px}
}

.footer_siteList.footer_show {max-height: 440px}
.footer_addressSection,.footer_logoSection {width: calc(100% - var(--spc-h)*2);margin-right: auto;margin-left: auto;display: flex;justify-content: space-between;align-items: flex-start}
@media (max-width: 1024px) {
    .footer_logoSection {flex-direction: column-reverse}
}

.footer_addressSection {margin-top: 50px;color: rgba(255,255,255,.5);font-size: 1.5rem;font-weight: 400;line-height: 1.6;letter-spacing: -.5px}
.footer_addressSection em {font-weight: 600; font-style: normal; padding-right: 20px;color: rgba(255,255,255,.7);}
.footer_addressSection em.footer_tit1 {font-weight: 600; font-style: normal; padding-right: 0px}
.footer_addressSection span {display: inline-block; word-break: keep-all;}
@media (max-width: 1024px) {
    .footer_addressSection {flex-direction:column;margin-top: 32px;line-height: 1.4}
    .footer_addressSection .footer_tit {display: block;}
}

.footer_cont {padding-bottom: 10px;}
.footer_cont span {display: inline-flex}

.footer_cont span:not(:last-child) {padding-right: 2rem}

.footer_line {display: inline-flex; align-items: center; height: 12px; padding-right: 2rem; margin-right: 2rem; border-right: 1px solid rgba(255,255,255,.3)}
.footer_center {margin-bottom: .5em}

@media (max-width: 1024px) {
    .footer_center {margin-bottom:1.2em}
}

.footer_license {text-align: right}
@media (max-width: 1024px) {
    .footer_license {text-align:unset;margin-top: 1.2em}
}

.footer_privacy {color: #fff;opacity: .5}

@media (max-width: 1024px) {
    .footer_privacy {display:block}
}

.footer_copyright {font-size: 1.5rem; padding-top: 30px;}

@media (max-width: 1024px) {
    .footer_copyright {padding-top: 0px;}
}



/* Footer :: TOP버튼 */
.to-top-btn{
	position:fixed; bottom:-100px; right:15px; display:block; width:46px; height:46px; background-color:#fff; text-align:center; color:#333; z-index:1000;
	border:1px solid #eee;
	box-sizing:border-box;
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s;
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.to-top-btn.bottom-fixed{bottom:15px; opacity:1.0;filter:Alpha(opacity=100);}
.to-top-btn i{display:inline-block; font-size:16px; line-height:46px; transition:all 0.3s}
.to-top-btn:hover i{transform:translateY(-3px)}

.footer-privacy-btn {display:inline-block; position:relative; font-size: 14px; color:#fff; opacity:0.4;filter:Alpha(opacity=40); padding-bottom:5px;}
.footer-privacy-btn:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color: #fff;}



/* ****************** SUB-FOOTER ********************** */
/* -------- FOOTER :: 레이아웃 -------- */
#sub_footer {background-color:#818285;}
#sub_footer .footer-area {max-width:1600px; margin:0 auto;}
#sub_footer .footer-area > div{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; position:relative; }
#footerInner{position:relative; }
.footer-left-con{float:left;}
.footer-right-con{float:right; }