@charset "utf-8";

/* UXFACTORY (http://www.uxfactory.co.kr) */
/* Site Layout - UXFACTORY_CHRONOS */

@import url(http://fonts.googleapis.com/earlyaccess/Nanum Gothic.css);
/* ----------------------------------------------------------------------------------------------------------------------------
Reset Code
----------------------------------------------------------------------------------------------------------------------------*/
/* { padding:0; margin:0;}*/
html,body,div,span,applet,object,iframe,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{margin:0;border:0;font-size:100%;} /* delete vertical-align */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} /* HTML5 display-role reset for older browsers */

blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
dt{display:block;}
a{cursor:pointer;}
hr{display:none;}

/* ----------------------------------------------------------------------------------------------------------------------------
Setup Code // 1step - 웹사이트의 기본설정
----------------------------------------------------------------------------------------------------------------------------*/
body {font-family:'나눔고딕',NanumGothic,Malgun Gothic,AppleSDGothicNeo,Apple Gothic,dotum,Tahoma,Geneva,Helvetica,sans-serif;}
body,input,select,textarea{font:12px/1.5 '나눔고딕',NanumGothic,Malgun Gothic,AppleSDGothicNeo,Apple Gothic,dotum,Tahoma,Geneva,Helvetica,sans-serif;}
a{color:#666;text-decoration:none;} 
a:hover{color:#999;text-decoration:none;}

/* ----------------------------------------------
common
------------------------------------------------*/
/* common */
body {}

/* scroll top */
.scroll_top {position:fixed; cursor:pointer; bottom:1em; right:10px; width:50px; height:60px; padding-right: 1em; display: none; z-index: 999;}
.scroll_top span {text-align:center; width:40px; height:40px; line-height:34px; display:block; font-size:20px; border-radius:4px;}

/* ----------------------------------------------
WRAPS
------------------------------------------------*/
#wraps {width:1080px; margin:0 auto; background:none; }     /* joon _ box-shadow:0 0 4px rgba(0, 0, 0, 0.2); */

/* ----------------------------------------------
HEADER
------------------------------------------------*/
#header {width:100%;  height:70px; background:#FFFFFF;}     /* joon _ background:#FFFFFF; */
#header h1 {margin:0px; padding:0px; text-align:center; float:left; font-size:18px; width:220px;}
#header h1 a {display:block; font-weight:normal; color:#333;}
#header h1 a i { font-size:28px;}
#header .account {float:right; position:relative;}
#header .searchWraps {float:right; position:relative;}


/*------- navi -------*/
.navi {float:left; font-size:14px; white-space:nowrap; z-index:10; margin-left:100px;}     /* joon     margin-left: 내비와 로고의 간격 조정, height:70px; padding:10px 0px; 추가  */
.navi ul{list-style:none; margin:0; padding:0; zoom:1}
.navi ul:after{content:""; display:block; clear:both;}
.navi ul li {list-style:none; float:left; position:relative; white-space:nowrap}
.navi ul li a {display:block; padding:0 20px; height:70px; font-size:15px; font-weight:400; line-height:70px;}     /* joon     color:#666; 추가함(취소)  */
.navi ul li a i {font-size:20px;}
.navi ul li ul {display:none; position:absolute; left:0px; top:70px; width:160px; background:#fff; z-index:999; -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);}
.navi ul li ul li {float:none; padding:0; border-top:0px solid #F5F5F5; zoom:1;}
.navi ul li ul li:first-child {border-top:0px;}
.navi ul li ul li a {float:none; display:block; border:0px; margin:0px ; height:23px; font-weight:normal; line-height:23px; padding:5px 0px 5px 10px ; font-size:13px;}     /* joon    2차 메뉴 세로폭 조절   */


/*------- LOGIN STARTS HERE -------*/
/* Toggle Button */
#memberBtn {display:block; color:#666; float:left;}
#memberBtn i{display:block; width:60px; height:70px; text-align:center; line-height:70px; font-size:24px;}


/* Login Box */
#loginSide {position:absolute; top:70px; right:0; display:none; z-index:9999929; background:#fff; width:180px; -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);}

/* Login Form */
#loginForm {padding:14px 14px 0px 14px; overflow:hidden;}
#loginForm legend {display:none;}
#loginForm fieldset {margin:0 0 12px 0; display:block; border:0; padding:0;}
#loginForm label {color:#FFF;}
#loginForm input {padding:8px; font-size:12px; vertical-align:top;}
#loginForm .inputText {width:134px; height:20px; border:0px; background:#fff; color:#666; margin-bottom:10px;}
#loginForm .loginButton {float:left;}
#loginForm .loginButton input {border:0px; cursor:pointer;}
#loginForm .keep {float:left;}
#loginForm .logHide { display:none;}

/* help */
.help {margin:10px 0 10px 0; padding:0px; list-style:none;}
.help li {display:block; padding:4px 14px;}
.help li i {margin-right:4px;}

/* Profile */
.Profile { float:left; margin:15px 10px 0 0;}
.Profile img {border:0px; width:40px; height:40px; border-radius:50%;}

/* side_profile */
.side_profile {position:relative; text-align:center; padding:20px 0 0 0;}
.side_profile img {width:50px; height:50px; border-radius:50%;}
.side_profile p {position:absolute; top:4px; right:10px; }
.side_profile p a {color:#FFF; font-size:14px;}
.side_profile span { display:block; padding-bottom:10px; font-weight:bold; color:#FFF; font-size:14px;}

/* profile_list */
.profile_list {margin:0px; padding:0px;}
.profile_list li {display:block; float:left; width:50%; border-bottom:1px solid #E8E8E8; text-align:center; border-right:1px solid #E8E8E8; margin-right:-1px;}
.profile_list li:last-child {border-bottom:0px;}
.profile_list li a { display:block; text-decoration:none; color:#666; padding:14px 0; font-size:12px; }
.profile_list li i { display:block; font-size:17px;} 


/*------- SEARCH STARTS HERE -------*/

/* Toggle Button */
#searchBtn {display:block; color:#666; float:left;}
#searchBtn i{display:block; width:60px; height:70px; text-align:center; line-height:70px; font-size:24px;}


/* search Box */
#searchSide {position:absolute; top:70px; right:0; display:none; z-index:9999929; background:#fff; width:240px; -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2); box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);}

/* search Form */
#searchForm {padding:10px; overflow:hidden;}
#searchForm input {padding:8px; font-size:12px; vertical-align:top;}
#searchForm .inputText {width:164px; height:20px; border:0px; background:#fff; color:#666;}
#searchForm .submit {border:0px; width:36px; height:36px; cursor:pointer; font-size:18px;}


/* ----------------------------------------------
KV
------------------------------------------------*/
#kv {position:relative;}
#kv .breadcrumbs {text-align:left; position:absolute; top:50px; left:30px;}
#kv .breadcrumbs h1 {margin:0px; padding:0px; color:#FFF; font-weight:normal; margin-bottom:10px;}
#kv .breadcrumbs ul {margin:0px; padding:0px; list-style:none; overflow:hidden; color:#FFF;}
#kv .breadcrumbs ul li {display:inline-block; margin-right:10px;}

#kv .widget_tright {position:absolute; top:50px; right:30px;}              /*  joon   top:50px; right:30px;  */
#kv .widget_bleft  {position:absolute; bottom:50px; left:30px;}
#kv .widget_bright {position:absolute; bottom:50px; right:30px;}

/* ----------------------------------------------
SNB
------------------------------------------------*/
#snb {height:80px; line-height:80px; background:url("/image/bg_trans_black_07.png"); overflow:hidden; border-bottom:1px solid #f0f0f0;}     /* joon   background:#fff; border-bottom:1px solid #f0f0f0;   url("/image/bg_trans_black_07.png");  */
#snb h2 {margin:0 0 0 30px; padding:0px; float:left; font-weight:normal; color:transparent;}     /* joon  color:#666  transparent */
#snb ul {float:right; margin-right:30px;}
#snb ul li {float:left; list-style:none; margin-left:6px;}
#snb ul li a {padding:10px 20px; border:1px solid #666; border-radius:20px; color:#fff;}     /* joon */


/* ----------------------------------------------
BODY
------------------------------------------------*/
#container {width:100%; overflow:hidden;}
#container .content h2 {font-weight:normal; margin:0px; padding:0px;}

/*bottom_WIDGET     joon 내가 추가하였음   */
.bottom_WIDGET {margin:0 auto; padding:30px 0px; background:#fff;}
/*  .bottom_WIDGETWrap {width:980px; margin:0 auto; overflow:hidden;} */

/* ----------------------------------------------
FOOTER
------------------------------------------------*/
#footer {text-align:center; border-top:0px solid #f0f0f0; padding:30px 0 25px;}     /* joon  font-size:13px; 추가(취소) */

/* ----------------------------------------------
운영관련소스
------------------------------------------------*/
.link_banner {overflow:hidden; margin:0px; padding:0px;}
.link_banner li {float:left; list-style:none; margin:10px;}
.link_banner li a {display:block; border:1px solid #f2f2f2; width:233px; height:50px; line-height:50px; text-align:center; background:#FFF; text-indent:-999em;}

.link_banner .banner_tf a {background:url(../img/banner/banner_tf.png) no-repeat;}
.link_banner .banner_uxfa a {background:url(../img/banner/banner_uxfa.png) no-repeat;}
.link_banner .banner_chronos a {background:url(../img/banner/banner_chronos.png) no-repeat;}
.link_banner .banner_hestia a {background:url(../img/banner/banner_hestia.png) no-repeat;}



/* ----------------------------------------------------------------------------------------------------------------------------
Setup color // 2step - pushy 컬러셋
----------------------------------------------------------------------------------------------------------------------------*/
.pushy_black {background:#2c2c2c; color:#CCC;}
.pushy_black a {color:#CCC;}
.pushy_black a:hover {color:#CCC;}

.pushy_white {background:#fff; color:#333;}
.pushy_white a {color:#333;}

/* ----------------------------------------------------------------------------------------------------------------------------
Setup color // 2step - 웹사이트의 컬러셋
----------------------------------------------------------------------------------------------------------------------------*/

/* setBlue */
.setBlue .menu-btn {background:#22a6e6; color:#fff;}
.setBlue .menu-btn:hover{background:#22a6e6; color:#2c2c2c;}
.setBlue .sideBox .widget_box h2 {color:#22a6e6;}
.setBlue .navi ul li a {color:#666;}
.setBlue .navi ul li a.hover {color:#fff; background:#22a6e6;}
.setBlue .navi ul li a:hover {color:#fff; background:#22a6e6;}
.setBlue .navi ul li.active>a{color:#fff; background:#22a6e6;}
.setBlue .navi ul li ul li a {color:#666;}
.setBlue .navi ul li ul li a:hover {color:#22a6e6; background:#fff ;}
.setBlue .navi ul li ul li.active>a {color:#fff ; background:#22a6e6 ;}
.setBlue #memberBtn.active {color:#fff; background:#22a6e6;}
.setBlue #memberBtn.active:hover {color:#fff;}
.setBlue #memberBtn:hover {color:#22a6e6;}
.setBlue #loginForm {background:#22a6e6;}
.setBlue #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setBlue .help li i {color:#22a6e6;}

.setBlue #searchBtn.active {color:#fff; background:#22a6e6;}
.setBlue #searchBtn.active:hover {color:#fff;}
.setBlue #searchBtn:hover {color:#22a6e6;}
.setBlue #searchForm {background:#22a6e6;}
.setBlue #searchForm .submit {background:#0088cc; color:#fff;}
.setBlue .side_profile {background:#22a6e6;}
.setBlue .profile_list li i {color:#22a6e6;} 
.setBlue #snb ul li a:hover {border:1px solid #22a6e6;}
.setBlue #snb ul li.active a {border:1px solid #22a6e6; background:#22a6e6; color:#FFF;}
.setBlue .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setBlue02 */
.setBlue02 .menu-btn {background:#25a0e6; color:#fff;}
.setBlue02 .menu-btn:hover{background:#25a0e6; color:#2c2c2c;}
.setBlue02 .sideBox .widget_box h2 {color:#25a0e6;}
.setBlue02 .navi ul li a {color:#666;}
.setBlue02 .navi ul li a.hover {color:#fff; background:#25a0e6;}
.setBlue02 .navi ul li a:hover {color:#fff; background:#25a0e6;}
.setBlue02 .navi ul li.active>a{color:#fff; background:#25a0e6;}
.setBlue02 .navi ul li ul li a {color:#666;}
.setBlue02 .navi ul li ul li a:hover {color:#25a0e6; background:#fff ;}
.setBlue02 .navi ul li ul li.active>a {color:#fff ; background:#25a0e6 ;}
.setBlue02 #memberBtn.active {color:#fff; background:#25a0e6;}
.setBlue02 #memberBtn.active:hover {color:#fff;}
.setBlue02 #memberBtn:hover {color:#25a0e6;}
.setBlue02 #loginForm {background:#25a0e6;}
.setBlue02 #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setBlue02 .help li i {color:#25a0e6;}

.setBlue02 #searchBtn.active {color:#fff; background:#25a0e6;}
.setBlue02 #searchBtn.active:hover {color:#fff;}
.setBlue02 #searchBtn:hover {color:#25a0e6;}
.setBlue02 #searchForm {background:#25a0e6;}
.setBlue02 #searchForm .submit {background:#0088cc; color:#fff;}
.setBlue02 .side_profile {background:#25a0e6;}
.setBlue02 .profile_list li i {color:#25a0e6;} 
.setBlue02 #snb ul li a:hover {border:1px solid #25a0e6;}
.setBlue02 #snb ul li.active a {border:1px solid #25a0e6; background:#25a0e6; color:#FFF;}
.setBlue02 .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setBlue03 */
.setBlue03 .menu-btn {background:#03affe; color:#fff;}
.setBlue03 .menu-btn:hover{background:#03affe; color:#2c2c2c;}
.setBlue03 .sideBox .widget_box h2 {color:#03affe;}
.setBlue03 .navi ul li a {color:#666;}
.setBlue03 .navi ul li a.hover {color:#fff; background:#03affe;}
.setBlue03 .navi ul li a:hover {color:#fff; background:#03affe;}
.setBlue03 .navi ul li.active>a{color:#fff; background:#03affe;}
.setBlue03 .navi ul li ul li a {color:#666;}
.setBlue03 .navi ul li ul li a:hover {color:#03affe; background:#fff ;}
.setBlue03 .navi ul li ul li.active>a {color:#fff ; background:#03affe ;}
.setBlue03 #memberBtn.active {color:#fff; background:#03affe;}
.setBlue03 #memberBtn.active:hover {color:#fff;}
.setBlue03 #memberBtn:hover {color:#03affe;}
.setBlue03 #loginForm {background:#03affe;}
.setBlue03 #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setBlue03 .help li i {color:#03affe;}

.setBlue03 #searchBtn.active {color:#fff; background:#03affe;}
.setBlue03 #searchBtn.active:hover {color:#fff;}
.setBlue03 #searchBtn:hover {color:#03affe;}
.setBlue03 #searchForm {background:#03affe;}
.setBlue03 #searchForm .submit {background:#0088cc; color:#fff;}
.setBlue03 .side_profile {background:#03affe;}
.setBlue03 .profile_list li i {color:#03affe;} 
.setBlue03 #snb ul li a:hover {border:1px solid #03affe;}
.setBlue03 #snb ul li.active a {border:1px solid #03affe; background:#03affe; color:#FFF;}
.setBlue03 .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setBlue04 */
.setBlue04 .menu-btn {background:#3654fe; color:#fff;}
.setBlue04 .menu-btn:hover{background:#3654fe; color:#2c2c2c;}
.setBlue04 .sideBox .widget_box h2 {color:#3654fe;}
.setBlue04 .navi ul li a {color:#666;}
.setBlue04 .navi ul li a.hover {color:#fff; background:#3654fe;}
.setBlue04 .navi ul li a:hover {color:#fff; background:#3654fe;}
.setBlue04 .navi ul li.active>a{color:#fff; background:#3654fe;}
.setBlue04 .navi ul li ul li a {color:#666;}
.setBlue04 .navi ul li ul li a:hover {color:#3654fe; background:#fff ;}
.setBlue04 .navi ul li ul li.active>a {color:#fff ; background:#3654fe ;}
.setBlue04 #memberBtn.active {color:#fff; background:#3654fe;}
.setBlue04 #memberBtn.active:hover {color:#fff;}
.setBlue04 #memberBtn:hover {color:#3654fe;}
.setBlue04 #loginForm {background:#3654fe;}
.setBlue04 #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setBlue04 .help li i {color:#3654fe;}

.setBlue04 #searchBtn.active {color:#fff; background:#3654fe;}
.setBlue04 #searchBtn.active:hover {color:#fff;}
.setBlue04 #searchBtn:hover {color:#3654fe;}
.setBlue04 #searchForm {background:#3654fe;}
.setBlue04 #searchForm .submit {background:#0088cc; color:#fff;}
.setBlue04 .side_profile {background:#3654fe;}
.setBlue04 .profile_list li i {color:#3654fe;} 
.setBlue04 #snb ul li a:hover {border:1px solid #3654fe;}
.setBlue04 #snb ul li.active a {border:1px solid #3654fe; background:#3654fe; color:#FFF;}
.setBlue04 .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setBlue05 */
.setBlue05 .menu-btn {background:#435bfe; color:#fff;}
.setBlue05 .menu-btn:hover{background:#435bfe; color:#2c2c2c;}
.setBlue05 .sideBox .widget_box h2 {color:#435bfe;}
.setBlue05 .navi ul li a {color:#666;}
.setBlue05 .navi ul li a.hover {color:#fff; background:#435bfe;}
.setBlue05 .navi ul li a:hover {color:#fff; background:#435bfe;}
.setBlue05 .navi ul li.active>a{color:#fff; background:#435bfe;}
.setBlue05 .navi ul li ul li a {color:#666;}
.setBlue05 .navi ul li ul li a:hover {color:#435bfe; background:#fff ;}
.setBlue05 .navi ul li ul li.active>a {color:#fff ; background:#435bfe ;}
.setBlue05 #memberBtn.active {color:#fff; background:#435bfe;}
.setBlue05 #memberBtn.active:hover {color:#fff;}
.setBlue05 #memberBtn:hover {color:#435bfe;}
.setBlue05 #loginForm {background:#435bfe;}
.setBlue05 #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setBlue05 .help li i {color:#435bfe;}

.setBlue05 #searchBtn.active {color:#fff; background:#435bfe;}
.setBlue05 #searchBtn.active:hover {color:#fff;}
.setBlue05 #searchBtn:hover {color:#435bfe;}
.setBlue05 #searchForm {background:#435bfe;}
.setBlue05 #searchForm .submit {background:#0088cc; color:#fff;}
.setBlue05 .side_profile {background:#435bfe;}
.setBlue05 .profile_list li i {color:#435bfe;} 
.setBlue05 #snb ul li a:hover {border:1px solid #435bfe;}
.setBlue05 #snb ul li.active a {border:1px solid #435bfe; background:#435bfe; color:#FFF;}
.setBlue05 .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setBlue06 */
.setBlue06 .menu-btn {background:#5c5cff; color:#fff;}
.setBlue06 .menu-btn:hover{background:#5c5cff; color:#2c2c2c;}
.setBlue06 .sideBox .widget_box h2 {color:#5c5cff;}
.setBlue06 .navi ul li a {color:#666;}
.setBlue06 .navi ul li a.hover {color:#fff; background:#5c5cff;}
.setBlue06 .navi ul li a:hover {color:#fff; background:#5c5cff;}
.setBlue06 .navi ul li.active>a{color:#fff; background:#5c5cff;}
.setBlue06 .navi ul li ul li a {color:#666;}
.setBlue06 .navi ul li ul li a:hover {color:#5c5cff; background:#fff ;}
.setBlue06 .navi ul li ul li.active>a {color:#fff ; background:#5c5cff ;}
.setBlue06 #memberBtn.active {color:#fff; background:#5c5cff;}
.setBlue06 #memberBtn.active:hover {color:#fff;}
.setBlue06 #memberBtn:hover {color:#5c5cff;}
.setBlue06 #loginForm {background:#5c5cff;}
.setBlue06 #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setBlue06 .help li i {color:#5c5cff;}

.setBlue06 #searchBtn.active {color:#fff; background:#5c5cff;}
.setBlue06 #searchBtn.active:hover {color:#fff;}
.setBlue06 #searchBtn:hover {color:#5c5cff;}
.setBlue06 #searchForm {background:#5c5cff;}
.setBlue06 #searchForm .submit {background:#0088cc; color:#fff;}
.setBlue06 .side_profile {background:#5c5cff;}
.setBlue06 .profile_list li i {color:#5c5cff;} 
.setBlue06 #snb ul li a:hover {border:1px solid #5c5cff;}
.setBlue06 #snb ul li.active a {border:1px solid #5c5cff; background:#5c5cff; color:#FFF;}
.setBlue06 .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setBlue07 */
.setBlue07 .menu-btn {background:#5249ff; color:#fff;}
.setBlue07 .menu-btn:hover{background:#5249ff; color:#2c2c2c;}
.setBlue07 .sideBox .widget_box h2 {color:#5249ff;}
.setBlue07 .navi ul li a {color:#666;}
.setBlue07 .navi ul li a.hover {color:#fff; background:#5249ff;}
.setBlue07 .navi ul li a:hover {color:#fff; background:#5249ff;}
.setBlue07 .navi ul li.active>a{color:#fff; background:#5249ff;}
.setBlue07 .navi ul li ul li a {color:#666;}
.setBlue07 .navi ul li ul li a:hover {color:#5249ff; background:#fff ;}
.setBlue07 .navi ul li ul li.active>a {color:#fff ; background:#5249ff ;}
.setBlue07 #memberBtn.active {color:#fff; background:#5249ff;}
.setBlue07 #memberBtn.active:hover {color:#fff;}
.setBlue07 #memberBtn:hover {color:#5249ff;}
.setBlue07 #loginForm {background:#5249ff;}
.setBlue07 #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setBlue07 .help li i {color:#5249ff;}

.setBlue07 #searchBtn.active {color:#fff; background:#5249ff;}
.setBlue07 #searchBtn.active:hover {color:#fff;}
.setBlue07 #searchBtn:hover {color:#5249ff;}
.setBlue07 #searchForm {background:#5249ff;}
.setBlue07 #searchForm .submit {background:#0088cc; color:#fff;}
.setBlue07 .side_profile {background:#5249ff;}
.setBlue07 .profile_list li i {color:#5249ff;} 
.setBlue07 #snb ul li a:hover {border:1px solid #5249ff;}
.setBlue07 #snb ul li.active a {border:1px solid #5249ff; background:#5249ff; color:#FFF;}
.setBlue07 .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setBlue08 */
.setBlue08 .menu-btn {background:#6131fe; color:#fff;}
.setBlue08 .menu-btn:hover{background:#6131fe; color:#2c2c2c;}
.setBlue08 .sideBox .widget_box h2 {color:#6131fe;}
.setBlue08 .navi ul li a {color:#666;}
.setBlue08 .navi ul li a.hover {color:#fff; background:#6131fe;}
.setBlue08 .navi ul li a:hover {color:#fff; background:#6131fe;}
.setBlue08 .navi ul li.active>a{color:#fff; background:#6131fe;}
.setBlue08 .navi ul li ul li a {color:#666;}
.setBlue08 .navi ul li ul li a:hover {color:#6131fe; background:#fff ;}
.setBlue08 .navi ul li ul li.active>a {color:#fff ; background:#6131fe ;}
.setBlue08 #memberBtn.active {color:#fff; background:#6131fe;}
.setBlue08 #memberBtn.active:hover {color:#fff;}
.setBlue08 #memberBtn:hover {color:#6131fe;}
.setBlue08 #loginForm {background:#6131fe;}
.setBlue08 #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setBlue08 .help li i {color:#6131fe;}

.setBlue08 #searchBtn.active {color:#fff; background:#6131fe;}
.setBlue08 #searchBtn.active:hover {color:#fff;}
.setBlue08 #searchBtn:hover {color:#6131fe;}
.setBlue08 #searchForm {background:#6131fe;}
.setBlue08 #searchForm .submit {background:#0088cc; color:#fff;}
.setBlue08 .side_profile {background:#6131fe;}
.setBlue08 .profile_list li i {color:#6131fe;} 
.setBlue08 #snb ul li a:hover {border:1px solid #6131fe;}
.setBlue08 #snb ul li.active a {border:1px solid #6131fe; background:#6131fe; color:#FFF;}
.setBlue08 .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setBlue09 */
.setBlue09 .menu-btn {background:#6e42ff; color:#fff;}
.setBlue09 .menu-btn:hover{background:#6e42ff; color:#2c2c2c;}
.setBlue09 .sideBox .widget_box h2 {color:#6e42ff;}
.setBlue09 .navi ul li a {color:#666;}
.setBlue09 .navi ul li a.hover {color:#fff; background:#6e42ff;}
.setBlue09 .navi ul li a:hover {color:#fff; background:#6e42ff;}
.setBlue09 .navi ul li.active>a{color:#fff; background:#6e42ff;}
.setBlue09 .navi ul li ul li a {color:#666;}
.setBlue09 .navi ul li ul li a:hover {color:#6e42ff; background:#fff ;}
.setBlue09 .navi ul li ul li.active>a {color:#fff ; background:#6e42ff ;}
.setBlue09 #memberBtn.active {color:#fff; background:#6e42ff;}
.setBlue09 #memberBtn.active:hover {color:#fff;}
.setBlue09 #memberBtn:hover {color:#6e42ff;}
.setBlue09 #loginForm {background:#6e42ff;}
.setBlue09 #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setBlue09 .help li i {color:#6e42ff;}

.setBlue09 #searchBtn.active {color:#fff; background:#6e42ff;}
.setBlue09 #searchBtn.active:hover {color:#fff;}
.setBlue09 #searchBtn:hover {color:#6e42ff;}
.setBlue09 #searchForm {background:#6e42ff;}
.setBlue09 #searchForm .submit {background:#0088cc; color:#fff;}
.setBlue09 .side_profile {background:#6e42ff;}
.setBlue09 .profile_list li i {color:#6e42ff;} 
.setBlue09 #snb ul li a:hover {border:1px solid #6e42ff;}
.setBlue09 #snb ul li.active a {border:1px solid #6e42ff; background:#6e42ff; color:#FFF;}
.setBlue09 .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setBlue10 */
.setBlue10 .menu-btn {background:#7c54ff; color:#fff;}
.setBlue10 .menu-btn:hover{background:#7c54ff; color:#2c2c2c;}
.setBlue10 .sideBox .widget_box h2 {color:#7c54ff;}
.setBlue10 .navi ul li a {color:#666;}
.setBlue10 .navi ul li a.hover {color:#fff; background:#7c54ff;}
.setBlue10 .navi ul li a:hover {color:#fff; background:#7c54ff;}
.setBlue10 .navi ul li.active>a{color:#fff; background:#7c54ff;}
.setBlue10 .navi ul li ul li a {color:#666;}
.setBlue10 .navi ul li ul li a:hover {color:#fe2002; background:#fff ;}
.setBlue10 .navi ul li ul li.active>a {color:#fff ; background:#7c54ff ;}
.setBlue10 #memberBtn.active {color:#fff; background:#7c54ff;}
.setBlue10 #memberBtn.active:hover {color:#fff;}
.setBlue10 #memberBtn:hover {color:#7c54ff;}
.setBlue10 #loginForm {background:#7c54ff;}
.setBlue10 #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setBlue10 .help li i {color:#7c54ff;}

.setBlue10 #searchBtn.active {color:#fff; background:#7c54ff;}
.setBlue10 #searchBtn.active:hover {color:#fff;}
.setBlue10 #searchBtn:hover {color:#7c54ff;}
.setBlue10 #searchForm {background:#7c54ff;}
.setBlue10 #searchForm .submit {background:#0088cc; color:#fff;}
.setBlue10 .side_profile {background:#7c54ff;}
.setBlue10 .profile_list li i {color:#7c54ff;} 
.setBlue10 #snb ul li a:hover {border:1px solid #7c54ff;}
.setBlue10 #snb ul li.active a {border:1px solid #7c54ff; background:#7c54ff; color:#FFF;}
.setBlue10 .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setDarkblue */
.setDarkblue .menu-btn {background:#404fa9; color:#fff;}
.setDarkblue .menu-btn:hover{background:#404fa9; color:#2c2c2c;}
.setDarkblue .sideBox .widget_box h2 {color:#404fa9;}
.setDarkblue .navi ul li a {color:#666;}
.setDarkblue .navi ul li a.hover {color:#fff; background:#404fa9;}
.setDarkblue .navi ul li a:hover {color:#fff; background:#404fa9;}
.setDarkblue .navi ul li.active>a{color:#fff; background:#404fa9;}
.setDarkblue .navi ul li ul li a {color:#666;}
.setDarkblue .navi ul li ul li a:hover {color:#404fa9; background:#fff ;}
.setDarkblue .navi ul li ul li.active>a {color:#fff ; background:#404fa9 ;}
.setDarkblue #memberBtn.active {color:#fff; background:#404fa9;}
.setDarkblue #memberBtn.active:hover {color:#fff;}
.setDarkblue #memberBtn:hover {color:#404fa9;}
.setDarkblue #loginForm {background:#404fa9;}
.setDarkblue #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setDarkblue .help li i {color:#404fa9;}

.setDarkblue #searchBtn.active {color:#fff; background:#404fa9;}
.setDarkblue #searchBtn.active:hover {color:#fff;}
.setDarkblue #searchBtn:hover {color:#404fa9;}
.setDarkblue #searchForm {background:#404fa9;}
.setDarkblue #searchForm .submit {background:#0088cc; color:#fff;}
.setDarkblue .side_profile {background:#404fa9;}
.setDarkblue .profile_list li i {color:#404fa9;} 
.setDarkblue #snb ul li a:hover {border:1px solid #404fa9;}
.setDarkblue #snb ul li.active a {border:1px solid #404fa9; background:#404fa9; color:#FFF;}
.setDarkblue .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setDarkblue02 */
.setDarkblue02 .menu-btn {background:#323e86; color:#fff;}
.setDarkblue02 .menu-btn:hover{background:#323e86; color:#2c2c2c;}
.setDarkblue02 .sideBox .widget_box h2 {color:#323e86;}
.setDarkblue02 .navi ul li a {color:#666;}
.setDarkblue02 .navi ul li a.hover {color:#fff; background:#323e86;}
.setDarkblue02 .navi ul li a:hover {color:#fff; background:#323e86;}
.setDarkblue02 .navi ul li.active>a{color:#fff; background:#323e86;}
.setDarkblue02 .navi ul li ul li a {color:#666;}
.setDarkblue02 .navi ul li ul li a:hover {color:#323e86; background:#fff ;}
.setDarkblue02 .navi ul li ul li.active>a {color:#fff ; background:#323e86 ;}
.setDarkblue02 #memberBtn.active {color:#fff; background:#323e86;}
.setDarkblue02 #memberBtn.active:hover {color:#fff;}
.setDarkblue02 #memberBtn:hover {color:#323e86;}
.setDarkblue02 #loginForm {background:#323e86;}
.setDarkblue02 #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setDarkblue02 .help li i {color:#323e86;}

.setDarkblue02 #searchBtn.active {color:#fff; background:#323e86;}
.setDarkblue02 #searchBtn.active:hover {color:#fff;}
.setDarkblue02 #searchBtn:hover {color:#323e86;}
.setDarkblue02 #searchForm {background:#323e86;}
.setDarkblue02 #searchForm .submit {background:#0088cc; color:#fff;}
.setDarkblue02 .side_profile {background:#323e86;}
.setDarkblue02 .profile_list li i {color:#323e86;} 
.setDarkblue02 #snb ul li a:hover {border:1px solid #323e86;}
.setDarkblue02 #snb ul li.active a {border:1px solid #323e86; background:#323e86; color:#FFF;}
.setDarkblue02 .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setDark */
.setDark .menu-btn {background:#666; color:#fff;}
.setDark .menu-btn:hover{background:#666; color:#999;}
.setDark .sideBox .widget_box h2 {color:#CCC;}

.setDark .navi ul li a {color:#323232;}
.setDark .navi ul li a.hover {color:#fff; background:#333;}
.setDark .navi ul li a:hover {color:#fff; background:#333;}
.setDark .navi ul li.active>a{color:#fff; background:#333;}
.setDark .navi ul li ul li a {color:#7f859a;}
.setDark .navi ul li ul li a:hover {color:#333; background:#fff ;}
.setDark .navi ul li ul li.active>a {color:#fff ; background:#333 ;}

.setDark #memberBtn.active {color:#fff; background:#333;}
.setDark #memberBtn.active:hover {color:#fff;}
.setDark #memberBtn:hover {color:#333;}
.setDark #loginForm {background:#333;}
.setDark #loginForm .loginButton input {background:#666; color:#fff;}
.setDark .help li i {color:#333;}

.setDark #searchBtn.active {color:#fff; background:#333;}
.setDark #searchBtn.active:hover {color:#fff;}
.setDark #searchBtn:hover {color:#333;}
.setDark #searchForm {background:#333;}
.setDark #searchForm .submit {background:#666; color:#fff;}

.setDark .side_profile {background:#333;}
.setDark .profile_list li i {color:#333;} 

.setDark #snb ul li a:hover {border:1px solid #333;}
.setDark #snb ul li.active a {border:1px solid #333; background:#333; color:#FFF;}

.setDark .scroll_top span {color:#fc4128; background:#fff;}     /* joon */



/* setRed */
.setRed .menu-btn {background:#ff5b76; color:#fff;}
.setRed .menu-btn:hover{background:#ff5b76; color:#2c2c2c;}
.setRed .sideBox .widget_box h2 {color:#ff5b76;}
.setRed .navi ul li a {color:#212121;}     /* joon */
.setRed .navi ul li a.hover {color:#fff; background:#ff5b76;}
.setRed .navi ul li a:hover {color:#fff; background:#ff5b76;}
.setRed .navi ul li.active>a{color:#fff; background:#ff5b76;}
.setRed .navi ul li ul li a {color:#7f859a;}
.setRed .navi ul li ul li a:hover {color:#ff5b76; background:#fff ;}
.setRed .navi ul li ul li.active>a {color:#fff ; background:#ff5b76 ;}
.setRed #memberBtn.active {color:#fff; background:#ff5b76;}
.setRed #memberBtn.active:hover {color:#fff;}
.setRed #memberBtn:hover {color:#ff5b76;}
.setRed #loginForm {background:#ff5b76;}
.setRed #loginForm .loginButton input {background:#cc213d; color:#fff;}
.setRed .help li i {color:#ff5b76;}

.setRed #searchBtn.active {color:#fff; background:#ff5b76;}
.setRed #searchBtn.active:hover {color:#fff;}
.setRed #searchBtn:hover {color:#ff5b76;}
.setRed #searchForm {background:#ff5b76;}
.setRed #searchForm .submit {background:#333; color:#fff;}
.setRed .side_profile {background:#ff5b76;}
.setRed .profile_list li i {color:#ff5b76;} 
.setRed #snb ul li a:hover {border:1px solid #ff5b76;}
.setRed #snb ul li.active a {border:1px solid #ff5b76; background:#ff5b76; color:#FFF;}
.setRed .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setPurple */
.setPurple .menu-btn {background:#892ffe; color:#fff;}
.setPurple .menu-btn:hover{background:#892ffe; color:#2c2c2c;}
.setPurple .sideBox .widget_box h2 {color:#892ffe;}
.setPurple .navi ul li a {color:#212121;}     /* joon */
.setPurple .navi ul li a.hover {color:#fff; background:#892ffe;}
.setPurple .navi ul li a:hover {color:#fff; background:#892ffe;}
.setPurple .navi ul li.active>a{color:#fff; background:#892ffe;}
.setPurple .navi ul li ul li a {color:#7f859a;}
.setPurple .navi ul li ul li a:hover {color:#892ffe; background:#fff ;}
.setPurple .navi ul li ul li.active>a {color:#fff ; background:#892ffe ;}
.setPurple #memberBtn.active {color:#fff; background:#892ffe;}
.setPurple #memberBtn.active:hover {color:#fff;}
.setPurple #memberBtn:hover {color:#892ffe;}
.setPurple #loginForm {background:#892ffe;}
.setPurple #loginForm .loginButton input {background:#cc213d; color:#fff;}
.setPurple .help li i {color:#892ffe;}

.setPurple #searchBtn.active {color:#fff; background:#892ffe;}
.setPurple #searchBtn.active:hover {color:#fff;}
.setPurple #searchBtn:hover {color:#892ffe;}
.setPurple #searchForm {background:#892ffe;}
.setPurple #searchForm .submit {background:#333; color:#fff;}
.setPurple .side_profile {background:#892ffe;}
.setPurple .profile_list li i {color:#892ffe;} 
.setPurple #snb ul li a:hover {border:1px solid #892ffe;}
.setPurple #snb ul li.active a {border:1px solid #892ffe; background:#892ffe; color:#FFF;}
.setPurple .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setPurple02 */
.setPurple02 .menu-btn {background:#a04bff; color:#fff;}
.setPurple02 .menu-btn:hover{background:#a04bff; color:#2c2c2c;}
.setPurple02 .sideBox .widget_box h2 {color:#a04bff;}
.setPurple02 .navi ul li a {color:#212121;}     /* joon */
.setPurple02 .navi ul li a.hover {color:#fff; background:#a04bff;}
.setPurple02 .navi ul li a:hover {color:#fff; background:#a04bff;}
.setPurple02 .navi ul li.active>a{color:#fff; background:#a04bff;}
.setPurple02 .navi ul li ul li a {color:#7f859a;}
.setPurple02 .navi ul li ul li a:hover {color:#a04bff; background:#fff ;}
.setPurple02 .navi ul li ul li.active>a {color:#fff ; background:#a04bff ;}
.setPurple02 #memberBtn.active {color:#fff; background:#a04bff;}
.setPurple02 #memberBtn.active:hover {color:#fff;}
.setPurple02 #memberBtn:hover {color:#a04bff;}
.setPurple02 #loginForm {background:#a04bff;}
.setPurple02 #loginForm .loginButton input {background:#cc213d; color:#fff;}
.setPurple02 .help li i {color:#a04bff;}

.setPurple02 #searchBtn.active {color:#fff; background:#a04bff;}
.setPurple02 #searchBtn.active:hover {color:#fff;}
.setPurple02 #searchBtn:hover {color:#a04bff;}
.setPurple02 #searchForm {background:#a04bff;}
.setPurple02 #searchForm .submit {background:#333; color:#fff;}
.setPurple02 .side_profile {background:#a04bff;}
.setPurple02 .profile_list li i {color:#a04bff;} 
.setPurple02 #snb ul li a:hover {border:1px solid #a04bff;}
.setPurple02 #snb ul li.active a {border:1px solid #a04bff; background:#a04bff; color:#FFF;}
.setPurple02 .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setPurple03 */
.setPurple03 .menu-btn {background:#6f00ff; color:#fff;}
.setPurple03 .menu-btn:hover{background:#6f00ff; color:#2c2c2c;}
.setPurple03 .sideBox .widget_box h2 {color:#6f00ff;}
.setPurple03 .navi ul li a {color:#212121;}     /* joon */
.setPurple03 .navi ul li a.hover {color:#fff; background:#6f00ff;}
.setPurple03 .navi ul li a:hover {color:#fff; background:#6f00ff;}
.setPurple03 .navi ul li.active>a{color:#fff; background:#6f00ff;}
.setPurple03 .navi ul li ul li a {color:#7f859a;}
.setPurple03 .navi ul li ul li a:hover {color:#6f00ff; background:#fff ;}
.setPurple03 .navi ul li ul li.active>a {color:#fff ; background:#6f00ff ;}
.setPurple03 #memberBtn.active {color:#fff; background:#6f00ff;}
.setPurple03 #memberBtn.active:hover {color:#fff;}
.setPurple03 #memberBtn:hover {color:#6f00ff;}
.setPurple03 #loginForm {background:#6f00ff;}
.setPurple03 #loginForm .loginButton input {background:#cc213d; color:#fff;}
.setPurple03 .help li i {color:#6f00ff;}

.setPurple03 #searchBtn.active {color:#fff; background:#6f00ff;}
.setPurple03 #searchBtn.active:hover {color:#fff;}
.setPurple03 #searchBtn:hover {color:#6f00ff;}
.setPurple03 #searchForm {background:#6f00ff;}
.setPurple03 #searchForm .submit {background:#333; color:#fff;}
.setPurple03 .side_profile {background:#6f00ff;}
.setPurple03 .profile_list li i {color:#6f00ff;} 
.setPurple03 #snb ul li a:hover {border:1px solid #6f00ff;}
.setPurple03 #snb ul li.active a {border:1px solid #6f00ff; background:#6f00ff; color:#FFF;}
.setPurple03 .scroll_top span {color:#fc4128; background:#fff;}     /* joon */


/* setYellow */
.setYellow .menu-btn {background:#fed500; color:#fff;}
.setYellow .menu-btn:hover{background:#fed500; color:#381c02;}
.setYellow .sideBox .widget_box h2 {color:#fed500;}
.setYellow .navi ul li a {color:#381c02;}
.setYellow .navi ul li a.hover {color:#381c02; background:#fed500;}
.setYellow .navi ul li a:hover {color:#381c02; background:#fed500;}
.setYellow .navi ul li.active>a{color:#381c02; background:#fed500;}
.setYellow .navi ul li ul li a {color:#7f859a;}
.setYellow .navi ul li ul li a:hover {color:#381c02; background:#fff ;}
.setYellow .navi ul li ul li.active>a {color:#381c02 ; background:#fed500 ;}
.setYellow #memberBtn.active {color:#fff; background:#fed500;}
.setYellow #memberBtn.active:hover {color:#fff;}
.setYellow #memberBtn:hover {color:#fed500;}
.setYellow #loginForm {background:#fed500;}
.setYellow #loginForm .loginButton input {background:#381c02; color:#fff;}
.setYellow .help li i {color:#381c02;}

.setYellow #searchBtn.active {color:#fff; background:#fed500;}
.setYellow #searchBtn.active:hover {color:#fff;}
.setYellow #searchBtn:hover {color:#fed500;}
.setYellow #searchForm {background:#fed500;}
.setYellow #searchForm .submit {background:#381c02; color:#fff;}
.setYellow .side_profile {background:#fed500;}
.setYellow .side_profile span {color:#381c02;}
.setYellow .profile_list li i {color:#fed500;} 
.setYellow #snb ul li a:hover {border:1px solid #fed500;}
.setYellow #snb ul li.active a {border:1px solid #fed500; background:#fed500; color:#381c02;}
.setYellow .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setGreen */
.setGreen .menu-btn {background:#42a600; color:#fff;}
.setGreen .menu-btn:hover{background:#42a600; color:#2c2c2c;}
.setGreen .sideBox .widget_box h2 {color:#42a600;}
.setGreen .navi ul li a {color:#666;}
.setGreen .navi ul li a.hover {color:#fff; background:#42a600;}
.setGreen .navi ul li a:hover {color:#fff; background:#42a600;}
.setGreen .navi ul li.active>a{color:#fff; background:#42a600;}
.setGreen .navi ul li ul li a {color:#666;}
.setGreen .navi ul li ul li a:hover {color:#42a600; background:#fff ;}
.setGreen .navi ul li ul li.active>a {color:#fff ; background:#42a600 ;}
.setGreen #memberBtn.active {color:#fff; background:#42a600;}
.setGreen #memberBtn.active:hover {color:#fff;}
.setGreen #memberBtn:hover {color:#42a600;}
.setGreen #loginForm {background:#42a600;}
.setGreen #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setGreen .help li i {color:#42a600;}

.setGreen #searchBtn.active {color:#fff; background:#42a600;}
.setGreen #searchBtn.active:hover {color:#fff;}
.setGreen #searchBtn:hover {color:#42a600;}
.setGreen #searchForm {background:#42a600;}
.setGreen #searchForm .submit {background:#0088cc; color:#fff;}
.setGreen .side_profile {background:#42a600;}
.setGreen .profile_list li i {color:#42a600;} 
.setGreen #snb ul li a:hover {border:1px solid #42a600;}
.setGreen #snb ul li.active a {border:1px solid #42a600; background:#42a600; color:#FFF;}
.setGreen .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setGreen02 */
.setGreen02 .menu-btn {background:#5db217; color:#fff;}
.setGreen02 .menu-btn:hover{background:#5db217; color:#2c2c2c;}
.setGreen02 .sideBox .widget_box h2 {color:#5db217;}
.setGreen02 .navi ul li a {color:#666;}
.setGreen02 .navi ul li a.hover {color:#fff; background:#5db217;}
.setGreen02 .navi ul li a:hover {color:#fff; background:#5db217;}
.setGreen02 .navi ul li.active>a{color:#fff; background:#5db217;}
.setGreen02 .navi ul li ul li a {color:#666;}
.setGreen02 .navi ul li ul li a:hover {color:#5db217; background:#fff ;}
.setGreen02 .navi ul li ul li.active>a {color:#fff ; background:#5db217 ;}
.setGreen02 #memberBtn.active {color:#fff; background:#5db217;}
.setGreen02 #memberBtn.active:hover {color:#fff;}
.setGreen02 #memberBtn:hover {color:#5db217;}
.setGreen02 #loginForm {background:#5db217;}
.setGreen02 #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setGreen02 .help li i {color:#5db217;}

.setGreen02 #searchBtn.active {color:#fff; background:#5db217;}
.setGreen02 #searchBtn.active:hover {color:#fff;}
.setGreen02 #searchBtn:hover {color:#5db217;}
.setGreen02 #searchForm {background:#5db217;}
.setGreen02 #searchForm .submit {background:#0088cc; color:#fff;}
.setGreen02 .side_profile {background:#5db217;}
.setGreen02 .profile_list li i {color:#5db217;} 
.setGreen02 #snb ul li a:hover {border:1px solid #5db217;}
.setGreen02 #snb ul li.active a {border:1px solid #5db217; background:#5db217; color:#FFF;}
.setGreen02 .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setGreen03 */
.setGreen03 .menu-btn {background:#76ae00; color:#fff;}
.setGreen03 .menu-btn:hover{background:#76ae00; color:#2c2c2c;}
.setGreen03 .sideBox .widget_box h2 {color:#76ae00;}
.setGreen03 .navi ul li a {color:#666;}
.setGreen03 .navi ul li a.hover {color:#fff; background:#76ae00;}
.setGreen03 .navi ul li a:hover {color:#fff; background:#76ae00;}
.setGreen03 .navi ul li.active>a{color:#fff; background:#76ae00;}
.setGreen03 .navi ul li ul li a {color:#666;}
.setGreen03 .navi ul li ul li a:hover {color:#76ae00; background:#fff ;}
.setGreen03 .navi ul li ul li.active>a {color:#fff ; background:#76ae00 ;}
.setGreen03 #memberBtn.active {color:#fff; background:#76ae00;}
.setGreen03 #memberBtn.active:hover {color:#fff;}
.setGreen03 #memberBtn:hover {color:#76ae00;}
.setGreen03 #loginForm {background:#76ae00;}
.setGreen03 #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setGreen03 .help li i {color:#76ae00;}

.setGreen03 #searchBtn.active {color:#fff; background:#76ae00;}
.setGreen03 #searchBtn.active:hover {color:#fff;}
.setGreen03 #searchBtn:hover {color:#76ae00;}
.setGreen03 #searchForm {background:#76ae00;}
.setGreen03 #searchForm .submit {background:#0088cc; color:#fff;}
.setGreen03 .side_profile {background:#76ae00;}
.setGreen03 .profile_list li i {color:#76ae00;} 
.setGreen03 #snb ul li a:hover {border:1px solid #76ae00;}
.setGreen03 #snb ul li.active a {border:1px solid #76ae00; background:#76ae00; color:#FFF;}
.setGreen03 .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setBrown */
.setBrown .menu-btn {background:#736357; color:#fff;}
.setBrown .menu-btn:hover{background:#736357; color:#2c2c2c;}
.setBrown .sideBox .widget_box h2 {color:#736357;}
.setBrown .navi ul li a {color:#666;}
.setBrown .navi ul li a.hover {color:#fff; background:#736357;}
.setBrown .navi ul li a:hover {color:#fff; background:#736357;}
.setBrown .navi ul li.active>a{color:#fff; background:#736357;}
.setBrown .navi ul li ul li a {color:#666;}
.setBrown .navi ul li ul li a:hover {color:#736357; background:#fff ;}
.setBrown .navi ul li ul li.active>a {color:#fff ; background:#736357 ;}
.setBrown #memberBtn.active {color:#fff; background:#736357;}
.setBrown #memberBtn.active:hover {color:#fff;}
.setBrown #memberBtn:hover {color:#736357;}
.setBrown #loginForm {background:#736357;}
.setBrown #loginForm .loginButton input {background:#333333; color:#fff;}
.setBrown .help li i {color:#736357;}

.setBrown #searchBtn.active {color:#fff; background:#736357;}
.setBrown #searchBtn.active:hover {color:#fff;}
.setBrown #searchBtn:hover {color:#736357;}
.setBrown #searchForm {background:#736357;}
.setBrown #searchForm .submit {background:#333333; color:#fff;}
.setBrown .side_profile {background:#736357;}
.setBrown .profile_list li i {color:#736357;} 
.setBrown #snb ul li a:hover {border:1px solid #736357;}
.setBrown #snb ul li.active a {border:1px solid #736357; background:#736357; color:#FFF;}
.setBrown .scroll_top span {color:#fc4128; background:#fff;}     /* joon */

/* setBrown02 */
.setBrown02 .menu-btn {background:#874a37; color:#fff;}
.setBrown02 .menu-btn:hover{background:#874a37; color:#2c2c2c;}
.setBrown02 .sideBox .widget_box h2 {color:#874a37;}
.setBrown02 .navi ul li a {color:#666;}
.setBrown02 .navi ul li a.hover {color:#fff; background:#874a37;}
.setBrown02 .navi ul li a:hover {color:#fff; background:#874a37;}
.setBrown02 .navi ul li.active>a{color:#fff; background:#874a37;}
.setBrown02 .navi ul li ul li a {color:#666;}
.setBrown02 .navi ul li ul li a:hover {color:#874a37; background:#fff ;}
.setBrown02 .navi ul li ul li.active>a {color:#fff ; background:#874a37 ;}
.setBrown02 #memberBtn.active {color:#fff; background:#874a37;}
.setBrown02 #memberBtn.active:hover {color:#fff;}
.setBrown02 #memberBtn:hover {color:#874a37;}
.setBrown02 #loginForm {background:#874a37;}
.setBrown02 #loginForm .loginButton input {background:#0088cc; color:#fff;}
.setBrown02 .help li i {color:#874a37;}

.setBrown02 #searchBtn.active {color:#fff; background:#874a37;}
.setBrown02 #searchBtn.active:hover {color:#fff;}
.setBrown02 #searchBtn:hover {color:#874a37;}
.setBrown02 #searchForm {background:#874a37;}
.setBrown02 #searchForm .submit {background:#0088cc; color:#fff;}
.setBrown02 .side_profile {background:#874a37;}
.setBrown02 .profile_list li i {color:#874a37;} 
.setBrown02 #snb ul li a:hover {border:1px solid #874a37;}
.setBrown02 #snb ul li.active a {border:1px solid #874a37; background:#874a37; color:#FFF;}
.setBrown02 .scroll_top span {color:#fc4128; background:#fff;}     /* joon */