/* 而щ윭 */
:root{
    --mainColor : #5cb1fd;
    --subColor : #ff576e;
    --Color01 : #00a1e7;
    --Color02 : #0d74f2;
}

/* �듯빀寃��� */
.totalSearch { position:relative; width: 11rem; height: 2rem; padding-right: 2rem; overflow: hidden; background:#e9e9e9; border-radius: 0.95rem 0.45rem 0.45rem 0.95rem; }
.totalSearch input { padding: 0 10px; width: 100%; height: 2rem; line-height: 2rem; font-size: 0.6rem; border: none; font-family: '�뗭�', Dotum; background:#eaeaea; border-radius: 19px;}
.totalSearch button { position: absolute; top: 0; right: 0; padding: 0; width: 2rem; height: 2rem; line-height:2rem; color:#fff; background: var(--mainColor); border: none; border-radius: 0.45rem; 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::before{height: 2px; background:var(--mainColor); }/* gnb �섎떒�쇱씤 諛곌꼍�� : �섎떒�쇱씤 �됱긽 �덉쓣寃쎌슦 background �쒖꽦�� */
#gnb .depth01 > ul > li.on > a{ color:#000; } /* 1李⑤찓�� active �띿뒪�� �됱긽 */
#gnb .depth01 > ul > li > a{ color:#333; }/* 1李⑤찓�� �띿뒪�� �됱긽 */
#gnb .depth01 > ul > li > a:before{ background:var(--mainColor);} /* 1李⑤찓�� active underline �됱긽*/
#gnb .depth01 > ul > li > a > span:before{background:#dae7f8; } /* 1李⑤찓�� active 洹몃┝�� �됱긽 */
#gnb .depth02 > ul > li > a{ color:#111; }/* 2李⑤찓�� �띿뒪�� �됱긽 */
#gnb .depth01 > ul > li > a > .dotBox .dot{ background:var(--Color02);} /* 1李⑤찓�� active 遺덈┸ �됱긽 */
#gnb .depth01 > ul > li > a > .dotBox .dot.md{ background:var(--Color02);} /* 1李⑤찓�� active 遺덈┸ �쇳꽣 �됱긽 */
/* gnb : fullDown */
#nav.fullDown .depth02:before{background: var(--mainColor);}/* 2李⑤찓�� active 諛곌꼍�� >> 紐낅룄 �믪쓣�� 湲��� color 蹂�寃� */
#nav.fullDown .depth01 > ul > li.on > .depth02 > ul > li > a{ color: #fff;}/* 2李⑤찓�� active �띿뒪�� �④낵 */
#nav.fullDown .depth01 > ul > li .depth02 > ul > li > a:hover,
#nav.fullDown .depth01 > ul > li .depth02 > ul > li > a:focus,
#nav.fullDown .depth01 > ul > li .depth02 > ul > li.active > a{ background:var(--mainColor); color: #fff;}/* 2李⑤찓�� active �④낵 */
/* gnb : oneDown */
#nav.oneDown .depth02 > ul > li > a:hover,
#nav.oneDown .depth02 > ul > li > a:focus,
#nav.oneDown .depth02 > ul > li.dep.active > a{ color:var(--mainColor);  }/* 2李⑤찓�� active �띿뒪�� �됱긽 */
/* gnb : oneFull */
#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:var(--mainColor); }/* 2李⑤찓�� active 諛곌꼍�� */
#nav.oneFull .depth02>ul>li.dep>a:hover>span:before,
#nav.oneFull .depth02>ul>li.dep>a:hover>span:after,
#nav.oneFull .depth02>ul>li.dep>a:focus>span:before,
#nav.oneFull .depth02>ul>li.dep>a:focus>span:after,
#nav.oneFull .depth02>ul>li.dep.active>a>span:before,
#nav.oneFull .depth02>ul>li.dep.active>a>span:after{background: #fff;} /* 2李⑤찓�� +, - �쒖떆 �됱긽 */
#nav.oneFull .depth03 > ul > li > a:before{background:var(--mainColor);}/* 3李⑤찓�� 釉붾┸ �됱긽 */

/* footer */
#footer { border-top:1px solid #ddd; background: #f5f5f5; }/* footer 諛곌꼍, �고듃�됱긽, border */
.footer_link li a:before{ border-left:1px solid #ccc; }/* footer link �곸뿭 �쇱씤�됱긽 */
.footer_link li a strong { color: var(--Color02); }/* footer link 媛뺤“ �고듃�됱긽 */
#footer .copyright { color:#999; }/* copyright �고듃�됱긽 */
#footer .btn_top{ background:var(--subColor); color:#fff;}/* footer �곷떒�대룞 踰꾪듉 �됱긽 */

/* 紐⑤컮�� : 硫붾돱  */
#header .mBtn.mNav{ background: var(--Color01); color:#fff; border-radius: 50%; }/* 紐⑤컮�� 硫붾돱 踰꾪듉 */
#mNav #mNavClose { border-radius:50%;}/* 紐⑤컮�� 硫붾돱 �リ린 踰꾪듉 */
#mgnb li.dep.active > .depth02 { border-color:var(--Color01); }/* 2李⑤찓�� active border �됱긽 */
#mgnb .depth02:before { background:var(--Color01); }/* 2李⑤찓�� backgound �됱긽 */

/* 紐⑤컮�� : 寃��� */
#header .mBtn.mSearch{ background: var(--subColor); color:#fff; border-radius: 50%;}/* 紐⑤컮�� 寃��� 踰꾪듉 */
#mSearch .btnSearch { background: var(--subColor); }
#mSearch .btnClose {border-radius: 50%; } /* 紐⑤컮�� 寃��� �リ린 踰꾪듉 */

/* �쒕툕�섏씠吏� : lnb */
#lnb h2{ color:#fff; background: var(--Color01);} /* �덊봽�몃찓�� ���댄� */
/* �쒕툕�섏씠吏� : lnb:active */
#lnb .dep01 > li.active > a{ border-color: var(--Color01);}

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

@media (max-width:1024px){
    /* header */
    #header { border-bottom: 2px solid var(--Color01); } /* 紐⑤컮�� �ㅻ뜑 �섎떒 �쇱씤 */
}