@charset "utf-8";
/* *******************************************************
 * filename : layout.css
 * description : 전체 레이아웃 CSS
 * date : 2021-12-08
******************************************************** */

/* ========================================================
 * SETTING
======================================================== */
*::-webkit-scrollbar{width: 15px; height:15px;}
*::-webkit-scrollbar-thumb{background-color:#333; transition:all 0.5s;}
*::-webkit-scrollbar-track{background-color:#fff; background:rgba(100,100,100,0.1); border-radius:0;}
::selection {
    background: #333;   
    color: #fff;
}
::-moz-selection {
    background: #333;    
    color: #fff;
}

/* ========================================================
 * LAYOUT
======================================================== */
body, table, th, td, button, select, input, textarea {
	font-family:'Roboto','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	font-size:13px;
	color:#666;
	-webkit-text-size-adjust:none;
	word-break:keep-all;
}
body { background-color:#fff; }
table, th, td{word-break:break-word;}
/*.area{ max-width:1440px; margin:0px auto;} */
.area-box{ max-width:1600px; margin:0px auto; }
#wrap{overflow:hidden; width:100%; min-width:768px;}
.is-mobile #wrap{min-width:412px}
.area-mar120{margin:120px auto;}
.area-pad120{padding:120px 0;}

.cm-split-line{position:relative; }
.cm-split-line-item{display:block; overflow:hidden;}
.cm-split-line-item span{display:block; opacity:0; transform:translateY(100%)}
.font-nanumsqure{font-family:'NanumSquare','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.font-notosans{font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.font-w400{font-weight:400 !important;}

/* ========================================================
 * HEADER
======================================================== */
#header{position:fixed; top:0; left:0; width:100%; height:140px; z-index:9999; transition:height 0.3s ease-in-out, transform 0.3s ease-in-out;}
#header:before{position:absolute; top:0px; left:0px; width:100%; height:80px; content:""; background-color: rgba(255, 255, 255, 0.8);  -webkit-backdrop-filter: blur(3px);  backdrop-filter: blur(3px); opacity:0;filter:Alpha(opacity=0); /*transition:opacity 0.1s ease-in-out;  box-shadow:2px 2px 10px 0px rgb(0,0,0,0.08); */ }
#headerInner{position:relative; display:flex; justify-content:space-between; align-items:center; height:100%; margin:0px auto; z-index:100000}
#headerInner .left-line{position:absolute; top:0px; left:-70px; width:10px; height:250px; background-color:#92d050; transition:height 0.5s ease-in-out, transform 0.5s ease-in-out; transform:scaleY(0); transform-origin:0 0;}
.header-logo-box{position:relative; z-index:100; box-sizing:border-box; width:140px; height:45px; }
.header-logo-box .logo{display:inline-block; /* opacity:0; */}
.header-logo-box .none-intro-logo .logo{opacity:0; transition:opacity 0.8s ease-in-out 0.2s}
.header-logo-box .logo a{display:block; position:relative; }
.header-logo-box .logo .logo-svg{display:block; width:140px; height:45px; /* transition:height 0.1s ease-in-out, width 0.1s ease-in-out; */}
.header-logo-box .logo .logo-svg .st0{fill:#59ca47;} 
.header-logo-box .logo img{display:block; vertical-align:top;}
.header-logo-box .logo .logo-white{position:absolute; top:0px; left:0px; opacity:0;}
.header-logo-box .header-slogan-txt{position:absolute; bottom:-110px; color:#aaa; font-size:20px; letter-spacing:-0.25px; line-height:1.6; font-weight:300; margin-bottom:-0.3em}
#header .header-over-area{display:none; position:absolute; bottom:-30px; left:0; right:0; height:30px; cursor:pointer;  }
/* Header Active */
.is-loaded #headerInner .left-line{transform:scaleY(1);}
.is-loaded .header-logo-box .none-intro-logo .logo{opacity:1;}
 
/* -------- Header :: UTIL BOX -------- */
.header-util-box{/*position:absolute; top:50px; right:0px; z-index:100; */ position:relative; display:flex; align-items:center; margin-top:-2px; opacity:0; transition:opacity 0.8s ease-in-out 0.2s, transform 0.8s ease-in-out;}
.is-loaded .header-util-box{opacity:1;}
/* Header :: 언어선택(select) */
.header-lang {position:relative; width:62px; height:22px; z-index:100; margin-right:35px; padding-bottom:17px; margin-top:17px}
.header-lang .lang-open-btn {overflow:hidden; position:relative; display:block; width:100%; text-align:left; height:100%; font-size:24px; line-height: 22px; color:#adadad; }
.header-lang .lang-open-btn .global-icon{display:block; width:40px; height:100%; text-align:center;}
.header-lang .lang-open-btn .arrow{position:absolute; top:0px; right:0px;}
.header-lang #headerLangList {display:none; position:absolute; top:38px; left:-1px; z-index:10; width:40px; padding:6px 0; background-color:#f2f2f2;}
.header-lang  ul > li > a{display:block; padding:9px 10px; font-size:16px; color:#bbb; font-weight:600; transition:all 0.3s}
.header-lang  ul > li > a:hover{background-color:#fff; color:#252525}
.header-lang  ul > li.cur > a{color:#252525}
.header-lang.open .lang-open-btn .arrow i{transform:rotate(180deg); margin-top:-3px;}
/* Header :: 언어선택 */
.header-lang-list {position:relative; float:left; z-index:100; margin-top:1px;}
.header-lang-list li{float:left; position:relative; letter-spacing:-0.5px; font-weight:400; color:#000; margin-left:29px;}
.header-lang-list li:before{position:absolute; top:50%; left:-15px; width:1px; height:18px; margin-top:-9px; background-color:#c7c7c7; content:"";}
.header-lang-list li:first-child{margin-left:0}
.header-lang-list li:first-child:before{display:none;}
.header-lang-list li a{display:block; position:relative; color:#adadad; transition:all 0.2s;  font-size:24px; font-weight:500;}
.header-lang-list li a:after{
	position:absolute; bottom:-5px; left:0px; right:0px; 
	height:2px; 
	background-color:#000; 
	content:""; 
	transform:scaleX(0); 
	transition:transform 0.3s; 
	transform-origin:100% 0;
}
.header-lang-list li.cur a{color:#000;}
.header-lang-list li.cur a:after,
.header-lang-list li a:hover:after{transform:scaleX(1); transform-origin:0 0;}

/* Header :: 검색버튼 */
.header-search-box{position:relative; float:left; margin-left:30px; z-index:101; }
.header-search-box i{font-size:28px;}
.header-search-open-btn{color:#92d050; }

/* Header :: 메뉴 오픈 버튼 */
.menu-open-btn{float:left; margin-left:35px; }
.menu-open-btn .menu-icon{position:relative; width:25px; height:25px; transition: 0.3s cubic-bezier(.8, .5, .2, 1.4) 0s;  }
.menu-open-btn .square{display:block; position:absolute; width:5px; height:5px; background-color:#000; transition: 0.3s ease 0s;}
.menu-open-btn .square:nth-child(1){left:0; top:0; background-color:#92d050;}
.menu-open-btn .square:nth-child(2){left:10px; top:0;}
.menu-open-btn .square:nth-child(3){right:0px; top:0;}
.menu-open-btn .square:nth-child(4){left:0; top:10px;}
.menu-open-btn .square:nth-child(5){left:10px; top:10px;}
.menu-open-btn .square:nth-child(6){right:0px; top:10px;}
.menu-open-btn .square:nth-child(7){left:0px; bottom:0px;}
.menu-open-btn .square:nth-child(8){left:10px; bottom:0px;}
.menu-open-btn .square:nth-child(9){right:0px; bottom:0px;}
.menu-open-btn.open .menu-icon{transform: rotate(180deg);}
.menu-open-btn.open .square{background-color:#fff;}
.menu-open-btn.open .square:nth-child(2) {left: 5px; top: 5px;}
.menu-open-btn.open .square:nth-child(4) {left: 5px; top: 15px;}
.menu-open-btn.open .square:nth-child(6) {right: 5px; top: 5px;}
.menu-open-btn.open .square:nth-child(8) {left: 15px; bottom: 5px;}
.menu-open-btn .close-txt{position:absolute; right:47px; top:50%; font-size:15px; font-weight:500; color:#fff; margin-top:-7px; opacity:0; visibility:hidden; transform:translateX(10px)}
.menu-open-btn .close-txt em{display:inline-block;}

/* -------- Header :: White Style(Not Fixed) -------- */
#header.white-style:not(.top-fixed) .header-logo-box .logo .logo-svg *{fill:#fff; transition:fill 0.2s ease;} 
#header.white-style:not(.top-fixed) .header-lang .lang-open-btn{color:#fff;}
#header.white-style:not(.top-fixed) .header-lang #headerLangList{background-color:#fff;}
#header.white-style:not(.top-fixed) .header-lang  ul > li > a:hover{background-color:#f2f2f2;}
#header.white-style:not(.top-fixed) .header-lang-list li a{color:#fff; opacity:0.8}
#header.white-style:not(.top-fixed) .header-lang-list li.cur a{opacity:1.0}
#header.white-style:not(.top-fixed) .header-lang-list li a:after{background-color:#fff;}
#header.white-style:not(.top-fixed) .header-search-open-btn{color:#fff;}
#header.white-style:not(.top-fixed) .menu-open-btn .square:not(:first-child){background-color:#fff;}
#header.white-style:not(.top-fixed) .logo-basic{opacity:0;}
#header.white-style:not(.top-fixed) .logo-white{opacity:1.0;}
#header.white-style:not(.top-fixed) .header-logo-box .header-slogan-txt{color:rgba(255,255,255,0.6);}

/* -------- Header :: Fixed Style -------- */
#header.top-fixed{position:fixed; height:80px; transform:translateY(-80px); }
#header.top-fixed:before{opacity:1.0;filter:Alpha(opacity=100);}
#header.top-fixed #headerInner .left-line{height:0}
#header.top-fixed .header-logo-box .logo .logo-svg{width:120px; height:35px;}
#header.top-fixed .header-lang-list li a{font-size:18px}
#header.top-fixed .header-search-box i{font-size:24px;}
#header.top-fixed .header-over-area{display:block;}

/* -------- Header :: Fixed Up/Over Style -------- */
/* .scroll-down #header{ transform:translateY(-80px)} */
.scroll-up #header.top-fixed{ transform:translateY(0px)}
.scroll-over #header.top-fixed{transform:translateY(0px)}

/* ========================================================
 * MENU & SITEMAP
======================================================== */
/* -------- 사이트맵 :: 레이아웃 -------- */
#gnbMenuContent{	
	position:fixed; 
	top:0; left:0; right:0; bottom:0;
	visibility:hidden;
	opacity:0;filter:Alpha(opacity=0);
	z-index:-9999;
	display:none;
	overflow:hidden;
}
#gnbMenuContent .menu-bg-box{
	position:absolute; top:0px; left:0px; 
	width:100%; height:100vh; 
	display:flex;
}
#gnbMenuContent .menu-bg-box .menu-bg-split-item{
	position:absolute; 
	top:0px; width:0; 
	height:100%; 
	background-color:#92d050; 
	transition:all 0.6s cubic-bezier(0.86, 0, 0.07, 1) 0s;
}
#gnbMenuContent .menu-bg-box .menu-bg-split-item.split-item-2{left:-75%}
#gnbMenuContent .menu-bg-box .menu-bg-split-item.split-item-1{left:-50%}
#gnbMenuContent .menu-bg-box .menu-bg-split-item.split-item0{left:-25%}
#gnbMenuContent .menu-bg-box .menu-bg-split-item.split-item1{left:0}
#gnbMenuContent .menu-bg-box .menu-bg-split-item.split-item2{left:25%}
#gnbMenuContent .menu-bg-box .menu-bg-split-item.split-item3{left:50%}
#gnbMenuContent .menu-bg-box .menu-bg-split-item.split-item4{left:75%}
#gnbMenuContent .menu-bg-box .menu-bg-split-item.split-item5{left:100%}
#gnbMenuContent .menu-bg-box .menu-bg-split-item.split-item6{left:125%}
#gnbMenuContent .menu-bg-box .menu-bg-split-item.split-item7{left:150%}
#gnbMenuContent .sitemap-bg-box{
	position:absolute; top:0px; left:0px; 
	width:100%; height:100vh; 
	transform:translateX(-100%);
	background-color:#fff
}
#gnbMenuContentInnerCon{
	position:relative; width:100%; height:100vh; 
}

/* 메뉴 open */
#gnbMenuContent .menu-bg-box.open .menu-bg-split-item{width:calc(25% + 2px); transform:skewX(45deg); transition-delay:0s}
#gnbMenuContent.open{
	opacity:1.0;filter:Alpha(opacity=100); 
	visibility:visible; 
	z-index:9999;
	display:block;
}
/* -------- 사이트맵 :: 메뉴영역 -------- */
.gnb-menu-wrapper{position:relative; height:100%; font-size:20px; }
.gnb-menu-logo{position:absolute; left:0; top:0; height:140px; display:flex; align-items:center; opacity:0; z-index:1;}
.gnb-menu-logo a{display:block; width:140px; height:45px; transition:height 0.3s ease-in-out, width 0.3s ease-in-out;}
.gnb-menu-logo a svg{fill:#fff;} 
.gnb-menu-inner{position:relative; top:50%; transform:translateY(-50%)}
.gnb-menu-list{display:flex; justify-content:space-between; opacity:0;}
.gnb-menu-list > li{overflow:hidden;}
.gnb-menu-list > li > h2{margin-bottom:40px; font-size:1em;}
.gnb-menu-list > li > h2 > a{color:#fff; font-size:2.3em; letter-spacing:-1.0px; font-weight:900; transition:all 0.3s}
body:not(.ie-browser) .gnb-menu-list > li > h2 > a .char {
	display: inline-block;
	position: relative;
	visibility: hidden;
	overflow: hidden;
	vertical-align: bottom;
}
body:not(.ie-browser) .gnb-menu-list > li > h2 > a .char:before,
body:not(.ie-browser) .gnb-menu-list > li > h2 > a .char:after {
	content: attr(data-char);
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
       user-select: none;
	position: absolute;
	top: 0;
	left: 0;
	visibility: visible;
	transition: transform 0.6s cubic-bezier(0.37, 0.03, 0.09, 0.98);
	transition-delay: calc( 0.05s * var(--char-index) );
}
body:not(.ie-browser) .gnb-menu-list > li > h2 > a .char:after {
	transform: translateY(100%);
}
body:not(.ie-browser) .gnb-menu-list > li:hover > h2 > a .char:before {
	transform: translateY(-100%);
}
body:not(.ie-browser) .gnb-menu-list > li:hover  > h2 > a .char:after {
	transform: translateY(0);
}
/* 사이트맵 리스트 :: 2차 */
.gnb-menu-list > li > ul{opacity:0.70; transition:all 0.3s}
.gnb-menu-list > li > ul > li{position:relative; padding-bottom:1.5em;}
.gnb-menu-list > li > ul > li.has-3dep{/* padding-bottom:0.75em; */}
.gnb-menu-list > li > ul > li > a{position:relative; font-size:1.2em; letter-spacing:-0.3px; color:#fff; transition:all 0.3s}
.gnb-menu-list > li > ul > li > a:before{position:absolute; bottom:-4px; left:0px; width:100%; height:2px; content:""; background-color:#fff; transform:scaleX(0); transition:transform 0.3s; transform-origin: 100% 0}
.gnb-menu-list > li > ul > li > a:hover:before{transform:scaleX(1); transform-origin: 0 0}
.gnb-menu-list > li:hover > ul{opacity:1.0;}

/* 사이트맵 리스트 :: 3차 */
.gnb-menu-list > li > ul > li .sitemap-3dep{height:0; opacity:0; visibility:hidden; /* margin-top:20px; */}
.gnb-menu-list > li > ul > li .sitemap-3dep li{padding:8px 0;}
.gnb-menu-list > li > ul > li .sitemap-3dep li a{font-size:0.8em; color:#999; transition:all 0.3s}
.gnb-menu-list > li > ul > li .sitemap-3dep li a:before{content:"-"; margin-right:3px;}
.gnb-menu-list > li > ul > li .sitemap-3dep li a:hover{color:#000; }
.gnb-menu-list > li > ul > li .sitemap-3dep li:first-child a{padding-top:5px}

/* 사이트맵 리스트 :: Open */
.gnb-menu-list.sitemap-open-item > li{}
.gnb-menu-list.sitemap-open-item > li > h2 > a{color:#252525;}
.gnb-menu-list.sitemap-open-item > li > ul > li > a{color:#999;}
.gnb-menu-list.sitemap-open-item > li > ul > li > a:before{background-color:#999;}

/* -------- 사이트맵 :: 하단메뉴 -------- */
.gnb-menu-bottom-controls{position:absolute; bottom:120px; left:0px; right:0px; display:flex; justify-content:space-between;  opacity:0;}
.gnb-menu-bottom-controls .gnb-bottom-left-controls{display:flex; align-items:center;}
/* 하단메뉴 :: sns 메뉴 */
.gnb-bottom-left-controls .gnb-sns-list li {float:left; margin-left:1.75em;}
.gnb-bottom-left-controls .gnb-sns-list li:first-child{margin-left:0;}
.gnb-bottom-left-controls .gnb-sns-list li a{display:inline-block; color:#fff; font-size:1.9em; transition:all 0.3s}
.gnb-bottom-left-controls .gnb-sns-list:hover li a{opacity:0.5;}
.gnb-bottom-left-controls .gnb-sns-list li a:hover{opacity:1.0;}
/* 하단메뉴 :: map 메뉴 */
.gnb-bottom-left-controls .gnb-map-list{margin-left:1.75em;}
.gnb-bottom-left-controls .gnb-map-list li{float:left; margin-left:10px;}
.gnb-bottom-left-controls .gnb-map-list li:first-child{margin-left:0}
.gnb-bottom-left-controls .gnb-map-list li a{display:block; height:50px; display:flex; align-items:center; padding:0 30px 0 17px; color:#fff; font-size:1em; background-color:#000; background:rgba(0,0,0,0.1); border-radius:50px; transition:all 0.3s}
.gnb-bottom-left-controls .gnb-map-list li a i{font-size:1.1em; margin-right:0.625em}
.gnb-bottom-left-controls .gnb-map-list li a:hover{background-color:rgba(0,0,0,0.5);}
/* 하단메뉴 :: 사이트맵오픈 */
.gnb-bottom-right-controls .sitemap-open-btn{display:block; height:50px; display:flex; align-items:center; padding:0 28px 0 17px; color:#92d050; font-size:1em; background-color:#fff; border-radius:50px; transition:all 0.3s; box-sizing:border-box;}
.gnb-bottom-right-controls .sitemap-open-btn i{font-size:1.2em; margin-right:0.7em; transition:all 0.3s; }
.gnb-bottom-right-controls .sitemap-open-btn .sitemap-txt{transition:all 0.3s; }
.gnb-bottom-right-controls .sitemap-open-btn:hover{background-color:#92d050; color:#fff; border-color:#fff;}
.gnb-bottom-right-controls .sitemap-open-btn .on-icon{position:absolute; top:0px; right:0px; line-height:50px; transform:translateX(10px); opacity:0;}
.gnb-bottom-right-controls .sitemap-open-btn:hover .off-icon{transform:translateX(-20px); opacity:0;}
.gnb-bottom-right-controls .sitemap-open-btn:hover .on-icon{transform:translateX(0px); opacity:1;}
.gnb-bottom-right-controls .sitemap-open-btn:hover .sitemap-txt{transform:translateX(-30px);}
/* 하단메뉴 :: 사이트맵 Back 버튼 */
.to-menu-back-btn{position:absolute; bottom:120px; right:0px; display:block; height:50px; display:flex; align-items:center; padding:0 28px 0 17px; color:#fff; font-size:1em; background-color:#92d050; border-radius:50px; transition:all 0.3s; box-sizing:border-box; display:none; opacity:0;}
.to-menu-back-btn i{font-size:1.2em; margin-right:1.125em; transition:all 0.3s; }
.to-menu-back-btn .back-txt{transition:all 0.3s; }
.to-menu-back-btn:hover{box-shadow:3px 4px 7px rgb(0, 0, 0, 0.08)}
.to-menu-back-btn:hover .back-txt{transform:translateX(10px);}
/* 하단메뉴 :: 패밀리사이트 리스트 */
.gnb-bottom-right-controls{display:flex;}
.sitemap-family-sitemap-open-con{position:absolute; bottom:120px; right:9em; display:none; opacity:0}
.sitemap-family-site-con{margin-right:15px;}
.sitemap-family-site-con a,.sitemap-family-sitemap-open-con a{display:inline-block; margin-left:5px}
.sitemap-family-site-con a img,.sitemap-family-sitemap-open-con a img{height:2.5em}

/* -------- 사이트맵 텍스트 -------- */
.sitemap-bg-txt{display:none; position:absolute; overflow:hidden; bottom:83px; right:0px; font-size:250px; font-size:13.0208vw; color:#f7f7f7; letter-spacing:-1px; font-weight:900; }
.sitemap-bg-txt em{display:block; opacity:0; transform:translateY(100%); font-weight:inherit;}

/* ========================================================
 * FOOTER
======================================================== */
/* -------- FOOTER :: 레이아웃 -------- */
#footer{position:relative; background-color:#fff; font-size:20px; border-top:1px solid #eee; z-index:1}
#footerInner{position:relative; padding:62px 0; }
.footer-left-con{float:left; }
.footer-right-con{position:relative; float:right; width:610px;}

/* Footer :: TOP버튼 */
.to-top-btn{
	position:fixed; bottom:1vw; right:1vw; 
	width:40px; height:40px; 
	background-color:#92d050; 
	text-align:center; 
	color:#fff; z-index:99;
	box-sizing:border-box;
	transform:translateY(100%);
	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
}
.to-top-btn.bottom-fixed{transform:translateY(0%); opacity:1}
.to-top-btn i{display:inline-block; font-size:24px; line-height:40px; transition:all 0.3s}
.to-top-btn:hover i{transform:translateY(-3px)}

/* -------- FOOTER :: 상단 -------- */
#footerTop{display:flex; justify-content:space-between;}
/* Footer :: 정보  */
.foot-address-con .foot-address-tit{color:#92d050; font-size:1em; font-weight:700; margin-bottom:1.2em;}
.foot-address-con dl{display:flex; color:#aaa; font-size:1em; line-height:1.2; font-weight:300; margin-bottom:9px; }
.foot-address-con dl:last-child{margin-bottom:0;}
.foot-address-con dl dt{width:97px; }
.foot-address-con a{color:inherit}
.footer-right-con .foot-address-con{padding-left:23px;}
.footer-right-con .foot-address-con dl dt{width:175px;}

/* Footer :: SNS 리스트 */
.foot-sns-menu{position:absolute; top:-6px; right:0px;}
.foot-sns-menu li{float:left; margin-left:1em}
.foot-sns-menu li:first-child{margin-left:0}
.foot-sns-menu li a{display:block; color:#aaa; transition:color 0.3s}
.foot-sns-menu li a i{font-size:1.5em;}
.foot-sns-menu li a:hover{color:#92d050}
.foot-privacy-btns{margin-top:1em;  text-align:right;}
.foot-privacy-btns a{position:relative; display:inline-block; font-weight:300; color:#aaa; line-height:1.2}
.foot-privacy-btns a:after{
	position:absolute; bottom:-5px; left:0px; right:0px; 
	height:2px; 
	background-color:#92d050; 
	content:""; 
	transform:scaleX(0); 
	transition:transform 0.3s; 
	transform-origin:100% 0;
}
.foot-privacy-btns a:hover{color:#92d050;}
.foot-privacy-btns a:hover:after{transform:scaleX(1); transform-origin:0 0;}

/* -------- FOOTER :: 하단 -------- */
#footerBottom{ margin-top:1.75em; }
/* Footer :: Copyright */
.footer-copyright{font-size:1em; line-height:2.5; color:#000; font-weight:300;}
/* Footer :: 뉴스레터 */
/* .foot-newsletter-con{display:flex; align-items:center; justify-content:space-between; height:50px; padding:10px; box-sizing:border-box; background-color:#f7f7f7; border-radius:50px;}	 
.foot-newsletter-con .newsletter-tit{width:175px; padding-left:10px; font-size:1em; color:#92d050; }
.foot-newsletter-con .newsletter-tit i{display:inline-block; font-size:1.2em; vertical-align:middle; margin-right:0.375em; }
.foot-newsletter-con .newsletter-tit em{display:inline-block; vertical-align:middle; font-weight:700; letter-spacing:-0.35px;}
.foot-newsletter-con .newsletter-address{height:30px; width:calc(100% - 360px); border:0; background-color:transparent; color:#333; font-size:1em; font-weight:300; }
.foot-newsletter-con .newsletter-address::placeholder{color:#aaa;}
.foot-newsletter-con .application-btn{background-color:#92d050; width:160px; height:30px; color:#fff; border-radius:30px; font-weight:700; font-size:0.9em; transition:all 0.3s}
.foot-newsletter-con .application-btn:hover{color:#92d050; background-color:#fff; letter-spacing:0.05em;} */
.footer-newsletter-application-con{float:right; }
.footer-newsletter-application-btn{display:flex; height:2.5em; justify-content:space-between; align-items:center; background-color:#92d050; color:#fff; border-radius:30px; font-size:1em; font-weight:700; box-sizing:border-box; padding:0 1.75em 0 1.25em; border:2px solid #92d050;}
.footer-newsletter-application-btn i{position:relative; top:1px;}
.footer-newsletter-application-btn em{display:inline-block; letter-spacing:-0.0175em; margin-left:1.5em }
.footer-newsletter-application-btn:hover{background-color:#fff; color:#92d050}

/* -------- White mode / Black mode -------- */
#footer.white-mode{border-top-color:rgba(255,255,255,0.4);}
.white-mode .foot-address-con .foot-address-tit,
.white-mode .foot-address-con dl,
.white-mode .foot-sns-menu li a,
.white-mode .footer-copyright,
.white-mode .foot-privacy-btns a{color:#fff;}
.white-mode .footer-newsletter-application-btn{background-color:transparent; color:#fff; border-color:#fff;}
#footer.black-mode{border-top-color:rgba(50,50,50,0.4);}
.black-mode .foot-address-con .foot-address-tit,
.black-mode .foot-address-con dl,
.black-mode .foot-sns-menu li a,
.black-mode .footer-copyright,
.black-mode .foot-privacy-btns a{color:#252525;}
.black-mode .footer-newsletter-application-btn{background-color:transparent; color:#252525; border-color:#252525;}

/* ========================================================
 * MODAL LAYERPOPUP
======================================================== */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.85);}
.modal-fixed-pop-wrapper::-webkit-scrollbar-track{background:#424242}
.modal-fixed-pop-wrapper::-webkit-scrollbar-thumb{background:#777}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg);  }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; }
.footer-modal-content h1{font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0 50px 20px; color:#fff;}
.modal-close-btn{position:absolute; top:-6px; right:-6px; color:#fff; }
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; background-color:#fff; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }

/* ========================================================
 * SUB 상단 레이아웃
======================================================== */
/* ****************** SUB LAYOUT ********************** */
/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
#content{position:relative; font-size:15px; background-color:#fff; z-index:1; }

/* -------- 상단레이아웃 :: 공통 -------- */
#subVisual{position:relative; width:100%; height:100vh;}
#subVisual .sub-visual-txt-container{position:relative; height:100%; font-size:15px; z-index:12; box-sizing:border-box; padding-top:250px;}
.sub-visual-txt-container .sub-visual-tit-con{margin-bottom:125px}
.sub-visual-txt-container .sub-visual-tit-con .sub-dep1-tit{color:#ff8500; font-size:1em; letter-spacing:-0.25px; margin-bottom:1.8em; text-transform:uppercase;}
.sub-visual-txt-container .sub-visual-tit-con .sub-dep1-tit i{font-size:1.2em; position:relative; top:2px;}
.sub-visual-txt-container .sub-visual-tit-con .sub-dep2-tit{font-size:2em; color:#252525; letter-spacing:-0.25px; text-transform:capitalize;}
.sub-visual-txt-container .visual-sub-txt{font-size:100px; font-weight:600; /* letter-spacing:-3.5px; */ letter-spacing:-0.035em;word-spacing:-0.05em; line-height:1.11; color:#252525; opacity:0; }
.sub-visual-txt-container .visual-sub-txt.words{overflow:hidden; padding-top:0.01em}
.sub-visual-txt-container .visual-sub-txt .word{margin-top:-0.15em; padding-right:0.05em}
.sub-visual-txt-container .visual-sub-txt-small{overflow:hidden; font-size:2em; letter-spacing:-0.4px; font-weight:300; margin-bottom:1em;}
.sub-visual-txt-container .visual-sub-txt-small span{display:block; transform:translateY(100%); opacity:0;}
.sub-visual-txt-container .hidden-txt-con{overflow:hidden;}
.sub-visual-txt-container .hidden-txt-con .hidden-txt{display:inline-block; opacity:0;}
.sub-top-visual-none{/* margin-top:250px */ padding-top:250px;}

/* -------- 상단레이아웃 :: 서브상단비주얼 -------- */
#subTopContent{overflow:hidden; position:fixed; top:0; left:0; width:100%; height:100vh;}
#subTopContent .content-top-bg{position:absolute; top:0px; left:0px; width:100%; height:100vh; opacity:0; }
#subTopContent .content-top-bg-inner{position:absolute; top:0px; left:0px; width:100%; height:100vh; z-index:1;}
#subTopContent .content-top-bg-inner .content-top-area{position:relative; /* opacity:0; */} 
#subTopContent .content-top-bg-inner .content-top-area span{display:block;}

/* -------- 서브상단비주얼 :: 스타일 01 -------- */
/* Style01 :: BG */
.content-top-bg-style01{background:url(/images/layout/sub_visual_shape_bg1.jpg) no-repeat 100% 0; background-size:cover; transform:translateX(1.5vw)}
.content-top-bg-style01-01,
.content-top-bg-style01-02{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; }
.content-top-bg-style01-01{background:url(/images/layout/sub_visual_shape_bg1_1.png) no-repeat 100% 0; background-size:cover;}
.content-top-bg-style01-02{background:url(/images/layout/sub_visual_shape_bg1_2.png) no-repeat 100% 0; background-size:cover}
/* Style01 :: OBJECT */
.bg-style01-left-icons{position:absolute; top:362px; left:0px; margin-left:-76px }
.bg-style01-left-icon01{opacity:0;}
.bg-style01-left-icon02{position:absolute; top:50px; right:-13px; clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); transition:clip-path 0.5s ease-in-out;}
.bg-style01-left-icon02 img{height:16px;}
.bg-style01-right-icon{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); transition:clip-path 1s ease-in-out;}
.bg-style01-right-icon01{position:absolute; top:26.2963vh; right:135px}
.bg-style01-right-icon02{position:absolute; top:26.2963vh; right:82px; margin-top:35px; transition-delay:0.1s}
.bg-style01-right-icon03{position:absolute; top:50.3704vh; right:-58px; transition-delay:0.2s}
.bg-style01-right-icon03 img{height:13px;}
.active .bg-style01-left-icon02,
.active .bg-style01-right-icon{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}

/* -------- 서브상단비주얼 :: 스타일 02 -------- */
/* Style02 :: BG */
.content-top-bg-style02{background:url(../images/bg2.jpg) no-repeat 100% 0; background-size:cover;}
.content-top-bg-style02-01,
.content-top-bg-style02-02{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/bg2_1.png) no-repeat 100% 0;}
.content-top-bg-style02-02{background-image:url(../images/bg2_2.png)}
/* Style02 :: OBJECT */
.icon-group-item{opacity:0; transition:all 0.7s ease-in-out}
.bg-style02-left-group{position:absolute; top:362px; left:0px; margin-left:-76px; transition-delay:0.2s}
.bg-style02-left-group .bg-style02-left-icon02{position:absolute; top:57px; left:23px;}
.bg-style02-right-group01{position:absolute; top:26.48vh; right:16.5104vw; width:143px; height:124px; transform:translate(0,-10px)}
.bg-style02-right-group01 .bg-style02-right-icon02{position:absolute; bottom:28px; right:-10px;}
.bg-style02-right-group02{position:absolute; top:52.9444vh; right:-1.2500vw; width:79px; height:68px; transform:translate(0,10px)}
.bg-style02-right-group02 .bg-style02-right-icon02{position:absolute; top:-62px; left:-32px;}
.active .icon-group-item{opacity:1.0; transform:translate(0,0)}

/* -------- 서브상단비주얼 :: 스타일 03-------- */
/* Style03 :: BG */
#subTopContent .content-top-bg-style03{transform:scale(1.1); background-size:cover !important;}

/* -------- 서브상단비주얼 :: 스타일 04-------- */
/* Style03 :: BG */
.content-top-bg-style04{height:100%;}
.content-top-bg-style04 svg{width:1920px; height:912px; margin-top:-40px;}
.cover-icon-group .odd-row-group,
.cover-icon-group .even-row-group{opacity:0}

/* -------- 상단레이아웃 :: White Style -------- */
.white-style .sub-visual-txt-container .sub-visual-tit-con .sub-dep2-tit,
.white-style .sub-visual-txt-container .visual-sub-txt{color:#fff;}

/* ========================================================
 * 검색영역
======================================================== */
.search-dim-bg{position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(255,255,255,0.7); opacity:0; visibility:hidden; z-index:1111110}
#totalSearchContent{position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; box-sizing:border-box; font-size:15px; background-color:rgba(255,255,255,0.6); z-index:1111111; transform:translateX(100%); visibility:hidden;} 
.ie-browser #totalSearchContent{background-color:#fff;}
#totalSearchInnerContent{height:100%; overflow-y:auto; }
#totalSearchInnerCon{/* padding:200px 0; */ padding:90px 0 0px;}
.total-result-container{padding-bottom:10%;}
.total-search-close-btn{position:absolute; top:58px; right:6.2500vw; color:#252525; font-size:2.13em;}

/* -------- 검색 :: 상단 -------- */
/* Input */
.total-search-top-con .total-search-top-input{display:flex; align-items:center; margin-bottom:1.8em}
.total-search-top-con .total-search-top-input > span{display:block; width:90%}
.total-search-top-con .total-search-top-input .total-search-input{width:100%; height:1.38em; font-size:4.8em; padding:0 0.52em; border:0; border-left:1px solid #92d050; letter-spacing:-0.041em; color:#252525; box-sizing:border-box; background-color:transparent;}
.total-search-top-con .total-search-top-input .total-search-input::placeholder{color:inherit;}
.total-search-top-con .total-search-top-input .total-search-input:focus{outline:none;}
.total-search-top-con .total-search-top-input .total-search-btn{font-size:4em; color:#252525}
.total-search-top-con .total-search-top-input .total-search-btn:hover{color:#92d050}
/* 결과내 재검색 */
.result-re-search-checkbox{margin-bottom:3.5em;}
/* 키워드 */
.result-recommend-search-box{margin-top:3.5em; margin-bottom:4em;}
.result-recommend-search-box .recom-keword-tit{display:block; color:#252525; font-size:1.33em; font-weight:700; margin-bottom:0.7em; }
.result-recommend-search-box .recommend-keyword-list-con li a{height:2.9em;}
.result-recommend-search-box .recommend-keyword-list-con li a:hover{background-color:#f2f2f2; border-color:#f2f2f2; }
/* 결과 텍스트 */
.result-search-txt-con{font-size:2em; letter-spacing:-0.0133em; line-height:1.2; margin-bottom:1em; color:#252525; }
.result-search-txt-con .result-word-txt b{font-weight:400;}
.result-search-txt-con .result-word-txt .search-word{color:#ff8500;}
.result-search-txt-con .result-word-txt .result-num{color:#92d050;}
/* 카테고리 */
.search-category-wrapper{position:relative;}
.search-list-con{display:inline-block;}
.search-list-con .search-category-item{float:left; margin:3px}
.search-list-con .search-category-item .cm-sub-menu-btn{display:flex; align-items:center; position:relative; z-index:1; height:50px; padding:0 28.5px; font-size:1.8666em; letter-spacing:-0.25px; font-weight:400; color:#252525; transition:all 0.3s ease-in-out; background-color:#f7f7f7; border-radius:30px}
.search-list-con .search-category-item.selected .cm-sub-menu-btn{color:#fff; background-color:#92d050}
.search-list-con .search-category-item .cm-sub-menu-btn span{display:inline-block; position:relative; top:0px;}
/* 워드 클라우드 */
.word-cloud-box{position:relative; top:-30px; width:1440px; height:500px; margin:0px auto;}
.word-cloud-box svg{position:absolute; top:0px; left:0; width:100%; height:100%; overflow:visible; pointer-events:auto !important;}
.word-cloud-box svg a{cursor:pointer;}
.word-cloud-box svg > g > g{transition:all 0.3s ease;  }
.word-cloud-box svg > g > g:nth-child text(3n-1){transition}
.word-cloud-box svg > g > g:nth-child text(3n-2){animation-delay:2s}
.word-cloud-box svg text{letter-spacing:-0.04em; cursor:pointer; transition:filter 0.3s ease}
.word-cloud-box svg > g:hover > g{opacity:0.6;}
.word-cloud-box svg > g:hover > g:hover{opacity:1.0; animation:text_move_animation 1.5s ease-in-out infinite;   }
.word-cloud-box svg > g > g:hover > text{
	-webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .1));
	filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .1));
}
.word-cloud-txt{text-align:center; font-size:17px; letter-spacing:-0.3px; padding-bottom:1em}
@keyframes text_move_animation {
	0% {
		transform:  translateY(0px);
	}
	50% {
		transform: translateY(-5px);
	}
	100% {
		transform:  translateY(0px);
	}
}

/* -------- 검색 :: 리스트 -------- */
.total-search-result-item-con{margin-top:5.333em; }
/* 검색 :: 타이틀 */
.total-search-result-tit-box{display:flex; align-items:center; justify-content:space-between; padding-bottom:2em; border-bottom:1px solid #252525; }
.total-search-result-tit-box .total-search-item-tit{font-size:3.2em; letter-spacing:-0.0312em; color:#252525;}
.total-search-result-tit-box .total-search-more-btn{font-size:1.333em; color:#ff8500;}
.total-search-result-tit-box .total-search-more-btn i{position:relative; top:2px;}
.total-search-result-tit-box .total-search-more-btn .txt{position:relative; display:inline-block; transition:all 0.3s}
.total-search-result-tit-box .total-search-more-btn:hover .txt{transform:translateX(-5px)}
/* 검색 :: 리스트 */
.total-search-result-list{display:flex; flex-wrap:wrap; border-bottom:1px solid #e5e5e5; padding-bottom:2em;}
.total-search-result-item-con.no-thumb-list-con .total-search-result-list{padding-bottom:0; }
.total-search-result-list .result-item{width:50%; margin-top:2em;}
.total-search-result-list .result-item a{display:flex; padding-right:2em;}
.total-search-result-list .result-item .result-item-thumb{width:240px; }
.total-search-result-list .result-item .result-item-thumb span{display:block; height:0; overflow:hidden; padding-top:100%; position:relative; }
.total-search-result-list .result-item .result-item-thumb img{position:absolute; top:0px; left:0px; width:100%; height:100%; object-fit: cover; }
.total-search-result-list .result-item .result-item-thumb .result-item-category{position:absolute; top:0px; left:0px;display:flex; width:100%; height:100%; align-items:center; justify-content:center; color:#fff; font-size:2.66em; font-weight:500; letter-spacing:-0.00875em; text-transform:capitalize}
.total-search-result-list .result-item .result-item-thumb.font-black-style .result-item-category{color:#252525}
.total-search-result-list .result-item .result-item-info{width:calc(100% - 240px - 2.666em); margin-left:2.666em; padding:1.33em 0;}
.total-search-result-list .result-item .result-item-info .result-item-tit{height:4.5em; display:block; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:1.5; font-size:1.6em; letter-spacing:-0.016em; color:#252525; }
.total-search-result-list .result-item .result-item-info .result-item-date{display:block; margin-top:5em; color:#666; letter-spacing:-0.25px;}

/* 일반리스트 */
.no-thumb-list-con .total-search-result-list .result-item {border-top:1px solid #e5e5e5; box-sizing:border-box; margin-top:0}
.no-thumb-list-con .total-search-result-list .result-item:nth-child(even){border-left:1px solid #e5e5e5;}
.no-thumb-list-con .total-search-result-list .result-item:nth-child(1),
.no-thumb-list-con .total-search-result-list .result-item:nth-child(2){border-top:0; margin-top:0;}
.no-thumb-list-con .total-search-result-list .result-item a{position:relative;padding-right:100px;}
.no-thumb-list-con .total-search-result-list .result-item a:after{font-family:"xeicon"; content: "\e940"; position:absolute; top:50%; right:50px; transform:translateY(-50%); font-size:2em; }
.no-thumb-list-con .total-search-result-list .result-item .result-item-info{width:auto; }
.no-thumb-list-con .total-search-result-list .result-item .result-item-info .result-item-tit{max-height:1.5em; -webkit-line-clamp:1;}
/* @media all and (max-width:1920px){
	#totalSearchContent{font-size:15rem}
}
@media all and (max-width:1366px){
	html{font-size:0.0732vw;}
}
@media all and (max-width:1024px){
	html{font-size:0.0977vw;}
}
@media all and (max-width:800px){
	html{font-size:0.1250vw;}
}
@media all and (max-width:480px){
	html{font-size:0.2083vw;}
}
*/