/* 통합검색 */
.totalSearch { position:relative; width: 11rem; height: 2rem; border-radius: 1rem; overflow: hidden; background:#f3f3f3; }
.totalSearch input { padding: 0 2.25rem 0 .5rem; width: 100%; height: 2rem; line-height: 2rem; font-size: 0.6rem; border: none; font-family: '돋움', Dotum; background:none;}
.totalSearch button { position: absolute; top: -1px; right: -1px; padding: 0; width: 2rem; height: 2rem; line-height:38px; background:#25b4b2; color:#fff; border: none; border-radius: 50%; font-size:.9rem; }
.totalSearch input::-webkit-input-placeholder { color: #555; }
.totalSearch input::placeholder { color: #555; }

/* gnb color */
/* gnb : default */
#gnb{ background:#fff; }/* gnb 배경색 */
#gnb .depth01 > ul > li.on > a{ color:#009994 !important; } /* 1차메뉴 active 텍스트 색상 */
#gnb .depth01 > ul > li > a{ color:#000001; }/* 1차메뉴 텍스트 색상 */
#gnb .depth01 > ul > li > a:before{ background:#009994;} /* 1차메뉴 active underline 색상*/
#gnb .depth01 > ul > li > a > span:before{background:#dafffe; } /* 1차메뉴 active 그림자 색상 */
#gnb .depth02 > ul > li > a{ color:#111; }/* 2차메뉴 텍스트 색상 */
/* gnb : fullDown */
#nav.fullDown #gnb:before { height:2px; background:#009994; }
#nav.fullDown .depth02 > ul > li > a:hover,
#nav.fullDown .depth02 > ul > li > a:focus,
#nav.fullDown .depth02 > ul > li.active > a{ color:#fff; background:#009994; }/* 2차메뉴 active 효과 */
/* gnb : oneDown */
#nav.oneDown #gnb:before { height:2px; background:#009994; }
#nav.oneDown .depth02{ border:2px solid #009994;}/* 2차메뉴 border-color */
#nav.oneDown .depth02 > ul > li > a:hover,
#nav.oneDown .depth02 > ul > li > a:focus,
#nav.oneDown .depth02 > ul > li.dep.active > a{ color:#009994; font-weight:600; }/* 2차메뉴 active 텍스트 색상 */
/* gnb : oneFull */
#nav.oneFull #gnb:before { height:2px; background:#009994; }
#nav.oneFull .depth02 > ul > li > a:hover,
#nav.oneFull .depth02 > ul > li > a:focus,
#nav.oneFull .depth02 > ul > li.dep.active > a{ color:#fff; background:#009994; }/* 2차메뉴 active 배경색 */
#nav.oneFull .depth03 > ul > li > a:before{background:#009994;}/* 3차메뉴 블릿 색상 */

 

/* footer */
#footer { border-top:1px solid #d1d7e3; color:#fff; background: #2f363e; }/* footer 배경, 폰트색상, border */
.footer_link li a:before{ border-left:1px solid #53565b; }/* footer link 영역 라인색상 */
.footer_link li a strong { color: #009994; }/* footer link 강조 폰트색상 */
#footer .copyright { color:#fff; }/* copyright 폰트색상 */
#footer .btn_top{ background:#009994; color:#fff;}/* footer 상단이동 버튼 색상 */

/* 방문자수 */
.visitant{background:#fff; }
.visitant ul li{ color:#000;}
.visitant ul li strong { color:#15b498;}
.visitant ul li + li:before{ border-left:1px solid #ccc;}

/* moblie  */
#header .mBtn.mSearch{ background: #23b5b5; color:#fff; border-radius: 1rem;}/* 모바일 검색 버튼 */
#header .mBtn.mNav{ background: #226fc9; color:#fff; border-radius: 1rem;}/* 모바일 메뉴 버튼 */

/* moblie navigation  */
#mNav #mNavClose { border-radius:.5rem; color:#fff; background:#226fc9; border-radius: 1rem;}/* 모바일 메뉴 닫기 버튼 */
#mgnb .depth02{ background:#f7faff;}/* 2차메뉴 배경 */
#mgnb .depth02 > ul > li:before{ background:#009994;}/* 2차메뉴 블릿 색상*/
#mgnb .depth03{ border-top:2px solid #009994;}/* 3차메뉴 border 색상 */
#mgnb .depth01 > ul > li.active > a { color: #fff; background-color:#009994; }/* 1차메뉴 active */
#mgnb .depth02 > ul > li.active > a { color: #009994; }/* 2차메뉴 active */

 

/* moblie search  */
#mSearch .btnSearch { background: #23b5b5; }
#mSearch .btnClose { background:#23b5b5;  border-radius: 1rem; }

/* lnb */
#lnb h2{ color:#fff;background: #008883;
    background: -moz-linear-gradient(90deg, #0aa09b 0%, #008883 100%);
    background: -webkit-linear-gradient(90deg, #0aa09b 0%, #008883 100%);
    background: linear-gradient(90deg, #0aa09b 0%, #008883 100%); }
/* lnb:active */
#lnb .dep01 > li > a:before{ background:#e5fffe;}
#lnb .dep01 > li.active > a{ border-color:#009994;}
#lnb .dep02 > li > a:before{ background:#009994;}
#lnb .dep02 > li.active > a{ color:#009994; }
#lnb .dep03 { border-top:2px solid #009994;}
#lnb ul > li > a:hover,
#lnb ul > li > a:focus{color:#009994;}

/* location : snsBox */
.snsBox button.active,
.snsBox button:hover,
.snsBox button:focus{ color:#fff; border-color:#009994; background:#009994;}

@media screen and (max-width:1240px){
   
	#gnb .depth01 > ul > li > h3 > a{ font-size:0.9rem;}
	/* oneDown */
	#nav.oneDown .depth02{ width:100%; left:0; }

	/* fullMenu_20230203 추가  */
	#fullMenuArea{ background:#f7fcff;}
	#fullMenuArea .snb h1{ display:flex; height:3.25rem; align-items:center; border-bottom:1px solid #ddd; background:#fff; padding:0 1rem;}
	#fullMenuArea .snb .fullMenu_tit{display: none;}
	#fullMenuArea .snb{ display:block; margin-bottom: 0; }
	#fullMenuArea .snb .link{ background:#e7eef5; padding:0.5rem 0;}
	#fullMenuArea .snb .link ul{ padding:0; overflow: hidden;}
	#fullMenuArea .snb .link li{ float:left; padding:0 0.75rem; font-size:0.7rem;}
	#fullMenuArea .snb .link li i{ vertical-align: middle; margin-right:0.25rem;}
	#fullMenuArea .inner{ height:100vh; margin:0; padding:0;}
	#fullMenuClose{ width:2.25rem; height:2.25rem; line-height:2.4rem; top:.5rem; font-size:1.1rem;}
	#fullMenu{ padding:0 0 3rem;}
	#fullMenu .depth01 > ul > li{ width:100%; margin:0; border-bottom:1px solid #ddd;}
	#fullMenu .depth01 > ul > li > h3 > a{ font-weight:400; font-size:1rem; padding:0.75rem 1rem 0.6rem;}
	#fullMenu .depth01 > ul > li > h3 > a > span:before{ display:none;}
	#fullMenu .depth01 > ul > li.dep > h3 > a{ padding-right:1.75rem; border-top:0;}
	#fullMenu .depth01 > ul > li > h3 > a:before{position:absolute; right:0.75rem; top:0.7rem; line-height:1.5rem; font-family:'xeicon'; font-weight:400; opacity: .7;}
	#fullMenu .depth01 > ul > li.dep > h3 > a:before{content:'\e913'; }
	#fullMenu .depth02,
	#fullMenu .depth03{ display:none;}
	#fullMenu .depth02 { margin:0; padding:0.5rem 1rem; background:#fff;}
	#fullMenu .depth02 > ul > li.dep > h4 > a{ padding-right:1.5rem;}
	#fullMenu .depth02 > ul > li.dep > h4 > a:before{right:0; top:.35rem; font-size:0.95rem;}
	#fullMenu .depth03 { margin:0.15rem 0 0.5rem; padding:0.75rem; background:#fef5e4;}

	#fullMenu .depth01 > ul > li > a[target='_blank']:before,
	#fullMenu .depth03 > ul > li > h5 > a[target='_blank']:after{content:"\e980";}
	#fullMenu .depth03 > ul > li > h5 > a[target='_blank']:after{ display:inline-block; padding-left:0.15rem;}
	#fullMenu .depth03 > ul > li + li{ margin-top:0.25rem;}
	#fullMenu li.active > .depth02,
	#fullMenu li.active > .depth03{ display:block;}
	#fullMenu .depth01 > ul > li.active > h3 > a{ color:#fff; background:#00a2ff;}
	#fullMenu .depth01 > ul > li.active > h3 > a:before{ content:"\e91a";}
	#fullMenu .depth02 > ul > li.active > h4 > a{ color:#e07a00;}
	
}