@charset "utf-8";

:root {
    --point-color:#f84f28;
    --point-hover:#d84624;
}


#header h1 a span { color:var(--point-color);}
#header .headerIcon .btnCart .count { background:var(--point-color);}
.headerMenu .allMenu { background:var(--point-color); }
.headerMenu .allMenuBox .depth1 {background:var(--point-color);}
.headerMenu .allMenuBox .depth1 a:hover,
.headerMenu .allMenuBox .depth1 a.on { color:var(--point-color);}
.formBox .successText { color:var(--point-color);}
.success .inputBox { border-color:var(--point-color);}
.button { background:var(--point-color);}
.button:disabled:hover { background:var(--point-color)}
.button.line2 { color:var(--point-color); border:1px solid var(--point-color);}
.mypageWrap .leftGnb li.on a{ color:var(--point-color);}
.mypageWrap .leftGnb li:hover a { color:var(--point-color);}
.mypageCont .myInfoBox .userInfo .text .label { background:var(--point-color);}
.customerWrap .leftGnb li.on a{ color:var(--point-color);}
.customerWrap .leftGnb li:hover a { color:var(--point-color);}
.eventQuizBox > .quizBox .quiz { color:var(--point-color);}
.imgStepBox2 .textBox .number { color:var(--point-color);}

/* 
html.color1 #header h1 a span { color:red;}
html.color1 #header .headerSearch { background:rgba(255,0,0,0.1);}
html.color1 #header .headerSearch .btnSearch i:after { border:2px solid red;}
html.color1 #header .headerSearch .btnSearch i:before { background:red;}
html.color1 #header .headerIcon .btnCart .count { background:red;}
html.color1 .headerMenu .allMenu { background:red; }
html.color1 .headerMenu .allMenuBox .depth1 {background:red;}
html.color1 .headerMenu .allMenuBox .depth1 a:hover,
html.color1 .headerMenu .allMenuBox .depth1 a.on { color:red;}
html.color1 .formBox .successText { color:red;}
html.color1 .success .inputBox { border-color:red;}
html.color1 .button { background:red;}
html.color1 .button:disabled:hover { background:red}
html.color1 .button.line2 { color:red; border:1px solid red;}
html.color1 .mypageWrap .leftGnb li.on a{ color:red;}
html.color1 .mypageWrap .leftGnb li:hover a { color:red;}
html.color1 .mypageCont .myInfoBox .userInfo .text .label { background:red;}
html.color1 .customerWrap .leftGnb li.on a{ color:red;}
html.color1 .customerWrap .leftGnb li:hover a { color:red;}
html.color1 .eventQuizBox > .quizBox .quiz { color:red;}
html.color1 .imgStepBox2 .textBox .number { color:red;} */