
/* 통합검색 */
.totalSearch {position:relative; padding-left: 6rem; width: 15rem; height: 2rem;border-radius: 1rem;overflow: hidden;background: #fff;border: 2px solid #2a72d3;}
.totalSearch select { position: absolute; left: 0; top: 0; padding: 0 0.5rem; width: 6rem; height: 1.8rem; font-size: 0.65rem; background:transparent; border: none; }
.totalSearch input { padding: 0 2.25rem 0 0.5rem; width: 100%; height: 1.8rem; line-height: 1.8rem; font-size: 0.6rem; border: none; font-family: '돋움', Dotum; background:none;}
.totalSearch button {position: absolute;top: -2px;right: -2px;padding: 0;width: 2rem;height: 2rem;line-height:2rem;background: #2a72d3;color: #fff;border: none;border-radius: 50%;font-size:0.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:#0d7559; } /* 1차메뉴 active 텍스트 색상 */
#gnb .depth01 > ul > li > a{ color:#333; }/* 1차메뉴 텍스트 색상 */
#gnb .depth01 > ul > li > a:before{ background:#3ebb99;} /* 1차메뉴 active underline 색상*/
#gnb .depth01 > ul > li > a > span:before{background:#e5f8f3; } /* 1차메뉴 active 그림자 색상 */
#gnb .depth02 > ul > li > a{ color:#111; }/* 2차메뉴 텍스트 색상 */
/* gnb : fullDown */
#nav.fullDown #gnb:before { height:2px; background:#3ebb99; } /* 메뉴하단라인 */
#nav.fullDown .depth02 > ul > li > a:hover,
#nav.fullDown .depth02 > ul > li > a:focus,
#nav.fullDown .depth02 > ul > li.active > a{ color:#fff; background:#3ebb99; }/* 2차메뉴 active 효과 */
/* gnb : oneDown */
#nav.oneDown #gnb:before { height:2px; background:#3ebb99; }/* 메뉴하단라인 */
#nav.oneDown .depth02{ border:2px solid #3ebb99;}/* 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:#0d7559; font-weight:600; }/* 2차메뉴 active 텍스트 색상 */
/* gnb : oneFull */
#nav.oneFull #gnb:before { height:2px; background:#3ebb99; }/* 메뉴하단라인 */
#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:#3ebb99; }/* 2차메뉴 active 배경색 */
#nav.oneFull .depth03 > ul > li > a:before{background:#3ebb99;}/* 3차메뉴 블릿 색상 */

/* footer */
#footer {border-top: 1px solid #dad9de;color: #464646;background: #f7f7f7;}/* footer 배경, 폰트색상, border */
.footer_link li a:before{ border-left:1px solid #ccc; }/* footer link 영역 라인색상 */
.footer_link li a strong {color: #2a72d3;}/* footer link 강조 폰트색상 */
#footer .copyright {color: #464646;}/* copyright 폰트색상 */
#footer .btn_top{ background:#2a72d3; color:#fff;}/* footer 상단이동 버튼 색상 */

/* 방문자수 */
.visitant{background:#fff; }
.visitant ul li{ color:#000;}
.visitant ul li strong {color: #2a72d3;}
.visitant ul li + li:before{ border-left:1px solid #ccc;}

/* moblie  */
#header .mBtn.mSearch{background: #2a72d3;color:#fff;}/* 모바일 검색 버튼 */
#header .mBtn.mNav{background: #58990b;color:#fff;}/* 모바일 메뉴 버튼 */

/* moblie navigation  */
#mNav #mNavClose { border-radius:0.5rem; color:#fff; background:#58990b;}/* 모바일 메뉴 닫기 버튼 */
#mgnb .depth02{ background:#f7faff;}/* 2차메뉴 배경 */
#mgnb .depth02 > ul > li:before{ background:#58990b;}/* 2차메뉴 블릿 색상*/
#mgnb .depth03{ border-top:2px solid #58990b;}/* 3차메뉴 border 색상 */
#mgnb .depth01 > ul > li.active > a { color: #fff; background-color:#58990b; }/* 1차메뉴 active */
#mgnb .depth02 > ul > li.active > a { color: #58990b; }/* 2차메뉴 active */

/* moblie search  */
#mSearch .btnSearch { background: #2a72d3; }
#mSearch .btnClose { background:#2a72d3;  }

/* lnb */
#lnb h2{ color:#fff;background: #3ebb99;
    background: -moz-linear-gradient(90deg, #0c8463 0%, #3ebb99 100%);
    background: -webkit-linear-gradient(90deg, #0c8463 0%, #3ebb99 100%);
    background: linear-gradient(90deg, #0c8463 0%, #3ebb99 100%); }
/* lnb:active */
#lnb .dep01 > li > a:before{ background:#d9f8ef;}
#lnb .dep01 > li.active > a{ border-color:#3ebb99;}
#lnb .dep02 > li > a:before{ background:#3ebb99;}
#lnb .dep02 > li.active > a{ color:#3ebb99; }
#lnb .dep03 { border-top:2px solid #3ebb99;}
#lnb ul > li > a:hover,
#lnb ul > li > a:focus{color:#3ebb99;}

/* location : snsBox */
.snsBox button.active,
.snsBox button:hover,
.snsBox button:focus{ color:#fff; border-color:#3ebb99; background:#3ebb99;}