@charset "utf-8";

/* UXFACTORY (http://www.uxfactory.co.kr) */
/* Site Layout - HESTIA */
/* design@uxfactory.co.kr */

/* ----------------------------------------------------------------------------------------------------------------------------
Reset Code
----------------------------------------------------------------------------------------------------------------------------*/
* { padding:0; margin:0;  font-size:14px; font-family:'나눔고딕',NanumGothic,Malgun Gothic,AppleSDGothicNeo,Apple Gothic,dotum,Tahoma,Geneva,Helvetica,sans-serif;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,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;padding: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 */
body,html{width:100%;}
ol,ul{list-style:none;}
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:#000;text-decoration:none;} 
a:hover{color:#000;text-decoration:none;}
input.text{padding:2px;height:18px;border:1px solid #000;}
select.select{height:22px;border:1px solid #000;}
textarea.textarea{width:98%;border:1px solid #000;}

/* ----------------------------------------------
WRAPS
------------------------------------------------*/
#wraps { height:100%;}
#full_wrap {width:100%; margin:0 auto; background:#FFF;}
#box_wrap {width:980px; margin:0 auto; padding:0 20px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); background:#FFF; }

/* ----------------------------------------------
HEADER
------------------------------------------------*/


#header {}

#header .gnb {width:100%; height:32px; line-height:32px; border-bottom:1px solid #ffffff; background:#5b4fff;}   /* joon    background:#ffffff;  */
#header .gnb .gnbWrap {width:980px; margin:0 auto; position:relative;}
#header .gnb .gnbWrap .wedget_a1 {float:left; line-height:22px; margin:3px;}
#header .gnb .gnbWrap .wedget_login {float:right;}

#header .head {width:100%; height:110px;}    /* joon    헤더(로고) 영역 세로 높이 */
#header .headWrap {width:980px; margin:0 auto; overflow:hidden;}
#header .headWrap h1 a{float:left; font-size:30px; font-weight:normal;}
#header .headWrap .search {float:right; width:190px; height:33px; border:1px solid #e4e2e2; background:#fff; margin:51px 0 0 30px;}
#header .headWrap .search input {background:#fff; border:0px; width:140px; height:15px; padding:5px; margin:4px 0 0 4px; vertical-align:top; display:inline-block;}
#header .headWrap .search input.submit{width:15px !important; height:15px !important;}
#header:after{content:"";display:block;clear:both}

/*gnb_widgt*/
.gnb_widgt {position:absolute; top:0px; left:0px; color:#FFF;}

/*account*/
.account {float:right; }
.account ul{color:#fff; font-size:11px; float:left; }
.account li {display:block; float:left;}
.account li strong {color:#fff; font-weight:normal;}
.account li a{color:#fff; font-size:11px; padding:2px 0 4px 14px;}
.account li a:hover {}
.account li a.gnb_login {background:url(../img/bul_login.png) no-repeat 0px 1px; padding-left:20px}
.account li a.gnb_setting {background:url(../img/bul_setting_a.png) no-repeat 14px 2px; padding-left:30px}

/*search_account*/
.scxy { margin:44px 10px 0 0;}

/* lnb */
.lnb {background:#444444; height:39px;}
.lnbWrap {width:980px; margin:0 auto; clear:both; font-size:12px; white-space:nowrap; z-index:10; display:block; border-bottom:0px solid #e4e2e2;}
.lnbWrap ul{list-style:none; margin:0; padding:0; zoom:1}
.lnbWrap ul:after{content:""; display:block; clear:both;}
.lnbWrap li {list-style:none; float:left; position:relative; white-space:nowrap}
.lnbWrap li a {display:block; font-size:15px; font-weight:normal; color:#FFF; padding:8px 20px 8px 20px; white-space:nowrap;}  /* joon     padding:9px 30px 9px 5px;     padding:10px 20px;  */
.lnbWrap li a:hover {}
.lnbWrap li.active a{}
.lnbWrap ul li ul{display:none; position:absolute; left:0px; top:39px; width:155px; background:#fff !important; z-index:99999;}
.lnbWrap ul li ul li{float:none; padding:0 !important; zoom:1}
.lnbWrap ul li ul li a{float:none; display:block; border:0px !important; padding:6px !important; margin:0px !important; font-size:13px !important; background:#FFF; color:#333 ; font-weight:normal !important; border-radius:0px !important; -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);}
.lnbWrap ul li ul li a:hover {}
.lnbWrap ul li ul li.active a{}

/*LNB_bottom_WIDGET     joon 내가 추가하였음 */
.LNB_bottom_WIDGET {margin-top:0px; text-align:center;}


/* ----------------------------------------------
BODY
------------------------------------------------*/
#body {overflow:hidden; zoom:1; }
#body .snb{width:180px;}
#body .snb h2 {display:block; font-size:24px; font-weight:normal; padding-top:21px; border-left:1px solid #fff; border-right:1px solid #fff;}
#body .snb .snb_navi {}
#body .snb .snb_navi li a{display:block; font-size:14px ; padding:9px; border-bottom:1px solid #F8F8F8;}
#body .snb .snb_navi li:hover a{}
#body .snb .snb_navi li.active a{color:#FFF;}
#body .snb .widget_a3 {border:1px solid #e8e8e8; background:#fafafa; text-align:center; margin:10px 6px 0 6px;}

/*snb_widgt*/
.snb_widgt {margin-top:20px;}

#body .content_set{width:980px; margin:0 auto; padding-bottom:50px;}
#body .content_set:after{content:"";display:block;clear:both}
#body .content {position:relative; overflow:hidden;}
#body .content .title_set {margin:10px 0 30px 0; border-bottom:1px solid #e2e2e2; overflow:hidden; padding:10px 0;}
#body .content .title_set h2{float:left; background:url(../img/bul_h2.png) no-repeat 0 7px; padding-left:26px; font-size:18px; font-weight:normal; color:#3a3a3a;}
#body .content .title_set ul{float:right; margin-top:4px;}
#body .content .title_set li{float:left; color:#b2b2b2; padding-left:14px; font-size:11px; background:url(../img/bul_location_arrow.png) no-repeat 1px 4px;}
#body .content .title_set li:first-child {background:url(../img/bul_location_home.png) no-repeat 1px 4px;}

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


/* ----------------------------------------------
FOOTER
------------------------------------------------*/
.footer_menu {border-top:1px solid #e7e7e7; font-size:12px; color:#909090; line-height:36px; background:#fafafa;}
.footer_menu ul{overflow:hidden; width:980px; margin:0 auto;}
.footer_menu li {float:left; display:block; padding:0 0 0 30px;}   /*  joon      background:url(../img/footer_line.png) no-repeat 16px 14px;}     */
.footer_menu li a{color:#666;}
.footer_menu li a:hover{color:#333;}
.footer_menu li:first-child { background:none !important; padding-left:20px;}

#footer {border-top:1px solid #e7e7e7; font-size:12px; color:#909090; line-height:20px; background:none;}       /*  joon      background: 추가  */
#footerWrapA {width:980px; margin:0 auto; text-align:center; padding-bottom:20px;}
#footerWrapA .address {color:#333; margin:20px 0 0 50px;}
#footerWrapB {width:980px; margin:0 auto; overflow:hidden;  padding-bottom:20px;}
#footerWrapB .footerLogo {float:left;}
#footerWrapB .address {float:left; color:#333; margin:20px 0 0 50px;}

#footerWrap:after{content:"";display:block;clear:both}


/* scroll top */
.nav_up{position:fixed; bottom:30px; right:30px; width:46px; height:46px; background:url(../img/btn_scroll_top.png) no-repeat; cursor: pointer;}

/* ----------------------------------------------
vr1.1 컬러셋 추가
------------------------------------------------*/
/*PINK*/
.pink #counter strong {color:#ff5875 }
.pink .lnbWrap li a {color:#ffffff;}
.pink .lnbWrap li a.hover {color:#ffffff; background:#ff5875;}
.pink .lnbWrap li a:hover {color:#ffffff; background:#ff5875;}
.pink .lnbWrap li.active a{color:#ffffff; background:#ff5875;}
.pink .lnbWrap ul li ul li a {color:#444444 !important; background:#ffffff !important;}
.pink .lnbWrap ul li ul li a:hover {color:#ffffff !important; background:#ff5875 !important;}
.pink .lnbWrap ul li ul li.active a{color:#ffffff !important; background:#ff5875 !important;}
.pink .snb h2 {color:#ff5875; border-bottom:1px solid #cdcdcd;}
.pink .snb .snb_navi li a {color:#444444;}
.pink .snb .snb_navi li:hover a{background:#ff5875; color:#FFF;}
.pink .snb .snb_navi li.active a{background:#ff5875; color:#FFF; border-bottom:1px solid #e7e7e7;}
.pink .copyright strong {color:#ff5875;}

/*PINK 02*/
.pink02 #counter strong {color:#ffffff }
.pink02 .lnbWrap li a {color:#333333;}
.pink02 .lnbWrap li a.hover {color:#ffffff; background:#af5592; border-radius:3px;}
.pink02 .lnbWrap li a:hover {color:#ffffff; background:#af5592; border-radius:3px;}
.pink02 .lnbWrap li.active a{color:#ffffff; background:#af5592; border-radius:3px;}
.pink02 .lnbWrap ul li ul li a {color:#444444 !important; background:#ffffff !important;}
.pink02 .lnbWrap ul li ul li a:hover {color:#fc4128 !important;}
.pink02 .lnbWrap ul li ul li.active a{color:#fc4128 !important;}
.pink02 .snb h2 {color:transparent; border-bottom:1px solid #cdcdcd;}
.pink02 .snb .snb_navi li a {color:#444444;}
.pink02 .snb .snb_navi li:hover a{color:#af5592 !important;}
.pink02 .snb .snb_navi li.active a{color:#af5592 !important; border-bottom:1px solid #e7e7e7;}
.pink02 .copyright strong {color:#af5592;}

/*RED*/
.red #counter strong {color:#f75c48 }
.red .lnbWrap li a {color:#ffffff;}
.red .lnbWrap li a.hover {color:#ffffff; background:#f75c48;}
.red .lnbWrap li a:hover {color:#ffffff; background:#f75c48;}
.red .lnbWrap li.active a{color:#ffffff; background:#f75c48;}
.red .lnbWrap ul li ul li a {color:#444444 !important; background:#ffffff !important;}
.red .lnbWrap ul li ul li a:hover {color:#ffffff !important; background:#f75c48 !important;}
.red .lnbWrap ul li ul li.active a{color:#ffffff !important; background:#f75c48 !important;}
.red .snb h2 {color:#f75c48; border-bottom:1px solid #cdcdcd;}
.red .snb .snb_navi li a {color:#444444;}
.red .snb .snb_navi li:hover a{background:#f75c48; color:#FFF;}
.red .snb .snb_navi li.active a{background:#f75c48; color:#FFF; border-bottom:1px solid #e7e7e7;}
.red .copyright strong {color:#f75c48;}

/*RED 02*/
.red02 #counter strong {color:#ffffff }
.red02 .lnbWrap li a {color:#333333;}
.red02 .lnbWrap li a.hover {color:#fc4128;}
.red02 .lnbWrap li a:hover {color:#fc4128;}
.red02 .lnbWrap li.active a{color:#fc4128;}
.red02 .lnbWrap ul li ul li a {color:#444444 !important; background:#ffffff !important;}
.red02 .lnbWrap ul li ul li a:hover {color:#fc4128 !important;}
.red02 .lnbWrap ul li ul li.active a{color:#fc4128 !important;}
.red02 .snb h2 {color:transparent; border-bottom:1px solid #cdcdcd;}
.red02 .snb .snb_navi li a {color:#444444;}
.red02 .snb .snb_navi li:hover a{color:#fc4128 !important;}
.red02 .snb .snb_navi li.active a{color:#fc4128 !important; border-bottom:1px solid #e7e7e7;}
.red02 .copyright strong {color:#fc4128;}

/*YELLOW*/
.yellow #counter strong {color:#ffb000 }
.yellow .lnbWrap li a {color:#ffffff;}
.yellow .lnbWrap li a.hover {color:#ffffff; background:#ffb000;}
.yellow .lnbWrap li a:hover {color:#ffffff; background:#ffb000;}
.yellow .lnbWrap li.active a{color:#ffffff; background:#ffb000;}
.yellow .lnbWrap ul li ul li a {color:#444444 !important; background:#ffffff !important;}
.yellow .lnbWrap ul li ul li a:hover {color:#ffffff !important; background:#ffb000 !important;}
.yellow .lnbWrap ul li ul li.active a{color:#ffffff !important; background:#ffb000 !important;}
.yellow .snb h2 {color:#ffb000; border-bottom:1px solid #cdcdcd;}
.yellow .snb .snb_navi li a {color:#444444;}
.yellow .snb .snb_navi li:hover a{background:#ffb000; color:#FFF;}
.yellow .snb .snb_navi li.active a{background:#ffb000; color:#FFF; border-bottom:1px solid #e7e7e7;}
.yellow .copyright strong {color:#ffb000;}

/*PURPLE*/
.purple #counter strong {color:#a58bd6 }
.purple .lnbWrap li a {color:#ffffff;}
.purple .lnbWrap li a.hover {color:#ffffff; background:#a58bd6;}
.purple .lnbWrap li a:hover {color:#ffffff; background:#a58bd6;}
.purple .lnbWrap li.active a{color:#ffffff; background:#a58bd6;}
.purple .lnbWrap ul li ul li a {color:#444444 !important; background:#ffffff !important;}
.purple .lnbWrap ul li ul li a:hover {color:#ffffff !important; background:#a58bd6 !important;}
.purple .lnbWrap ul li ul li.active a{color:#ffffff !important; background:#a58bd6 !important;}
.purple .snb h2 {color:#a58bd6; border-bottom:1px solid #cdcdcd;}
.purple .snb .snb_navi li a {color:#444444;}
.purple .snb .snb_navi li:hover a{background:#a58bd6; color:#FFF;}
.purple .snb .snb_navi li.active a{background:#a58bd6; color:#FFF; border-bottom:1px solid #e7e7e7;}
.purple .copyright strong {color:#a58bd6;}

/*PURPLE 02*/
.purple02 #counter strong {color:#ffffff }
.purple02 .lnbWrap li a {color:#333333;}
.purple02 .lnbWrap li a.hover {color:#5b4fff;}
.purple02 .lnbWrap li a:hover {color:#5b4fff;}
.purple02 .lnbWrap li.active a{color:#5b4fff;}
.purple02 .lnbWrap ul li ul li a {color:#444444 !important; background:#ffffff !important;}
.purple02 .lnbWrap ul li ul li a:hover {color:#5b4fff !important;}
.purple02 .lnbWrap ul li ul li.active a{color:#5b4fff !important;}
.purple02 .snb h2 {color:transparent; border-bottom:1px solid #cdcdcd;}
.purple02 .snb .snb_navi li a {color:#444444;}
.purple02 .snb .snb_navi li:hover a{color:#5b4fff !important;}
.purple02 .snb .snb_navi li.active a{color:#5b4fff !important; border-bottom:1px solid #e7e7e7;}
.purple02 .copyright strong {color:#5b4fff;}

/*GREEN*/
.green #counter strong {color:#88b620 }
.green .lnbWrap li a {color:#ffffff;}
.green .lnbWrap li a.hover {color:#ffffff; background:#88b620;}
.green .lnbWrap li a:hover {color:#ffffff; background:#88b620;}
.green .lnbWrap li.active a{color:#ffffff; background:#88b620;}
.green .lnbWrap ul li ul li a {color:#444444 !important; background:#ffffff !important;}
.green .lnbWrap ul li ul li a:hover {color:#ffffff !important; background:#88b620 !important;}
.green .lnbWrap ul li ul li.active a{color:#ffffff !important; background:#88b620 !important;}
.green .snb h2 {color:#88b620; border-bottom:1px solid #cdcdcd;}
.green .snb .snb_navi li a {color:#444444;}
.green .snb .snb_navi li:hover a{background:#88b620; color:#FFF;}
.green .snb .snb_navi li.active a{background:#88b620; color:#FFF; border-bottom:1px solid #e7e7e7;}
.green .copyright strong {color:#88b620;}

/*GREEN 02 - bg */   
.green02 #counter strong {color:#ffffff }
.green02 .lnbWrap li a {color:#333333;}
.green02 .lnbWrap li a.hover {color:#ffffff; background:#5db217; border-radius:3px;}
.green02 .lnbWrap li a:hover {color:#ffffff; background:#5db217; border-radius:3px;}
.green02 .lnbWrap li.active a{color:#ffffff; background:#5db217; border-radius:3px;}
.green02 .lnbWrap ul li ul li a {color:#444444 !important; background:#ffffff !important;}
.green02 .lnbWrap ul li ul li a:hover {color:#fc4128 !important;}
.green02 .lnbWrap ul li ul li.active a{color:#fc4128 !important;}
.green02 .snb h2 {color:#5db217; border-bottom:1px solid #cdcdcd;}
.green02 .snb .snb_navi li a {color:#444444;}
.green02 .snb .snb_navi li:hover a{background:#5db217; color:#FFF; border-radius:3px;}
.green02 .snb .snb_navi li.active a{background:#5db217; color:#FFF; border-bottom:1px solid #e7e7e7; border-radius:3px;}
.green02 .copyright strong {color:#5db217;}

/*BLUE*/
.blue #counter strong {color:#09a4e0 }
.blue .lnbWrap li a {color:#ffffff;}
.blue .lnbWrap li a.hover {color:#ffffff; background:#09a4e0;}
.blue .lnbWrap li a:hover {color:#ffffff; background:#09a4e0;}
.blue .lnbWrap li.active a{color:#ffffff; background:#09a4e0;}
.blue .lnbWrap ul li ul li a {color:#444444 !important; background:#ffffff !important;}
.blue .lnbWrap ul li ul li a:hover {color:#ffffff !important; background:#09a4e0 !important;}
.blue .lnbWrap ul li ul li.active a{color:#ffffff !important; background:#09a4e0 !important;}
.blue .snb h2 {color:#09a4e0; border-bottom:1px solid #cdcdcd;}
.blue .snb .snb_navi li a {color:#444444;}
.blue .snb .snb_navi li:hover a{background:#09a4e0; color:#FFF;}
.blue .snb .snb_navi li.active a{background:#09a4e0; color:#FFF; border-bottom:1px solid #e7e7e7;}
.blue .copyright strong {color:#09a4e0;}

/*DARK BLUE - bg */   
.darkblue #counter strong {color:#ffffff }
.darkblue .lnbWrap li a {color:#333333;}
.darkblue .lnbWrap li a.hover {color:#ffffff; background:#404fa9; border-radius:3px;}
.darkblue .lnbWrap li a:hover {color:#ffffff; background:#404fa9; border-radius:3px;}
.darkblue .lnbWrap li.active a{color:#ffffff; background:#404fa9; border-radius:3px;}
.darkblue .lnbWrap ul li ul li a {color:#444444 !important; background:#ffffff !important;}
.darkblue .lnbWrap ul li ul li a:hover {color:#fc4128 !important;}
.darkblue .lnbWrap ul li ul li.active a{color:#fc4128 !important;}
.darkblue .snb h2 {color:#404fa9; border-bottom:1px solid #cdcdcd;}
.darkblue .snb .snb_navi li a {color:#444444;}
.darkblue .snb .snb_navi li:hover a{background:#404fa9; color:#FFF;}
.darkblue .snb .snb_navi li.active a{background:#404fa9; color:#FFF; border-bottom:1px solid #e7e7e7;}
.darkblue .copyright strong {color:#404fa9;}

/*CUSTOM*/
.custom #counter strong {color:#3dafff }
.custom .lnbWrap li a {color:#ffffff;}
.custom .lnbWrap li a.hover {color:#ffffff; background:#3dafff;}
.custom .lnbWrap li a:hover {color:#ffffff; background:#3dafff;}
.custom .lnbWrap li.active a{color:#ffffff; background:#3dafff;}
.custom .lnbWrap ul li ul li a {color:#444444 !important; background:#ffffff !important;}
.custom .lnbWrap ul li ul li a:hover {color:#fc4128 !important;}
.custom .lnbWrap ul li ul li.active a{color:#fc4128 !important;}
.custom .snb h2 {color:#3dafff; border-bottom:1px solid #cdcdcd;}
.custom .snb .snb_navi li a {color:#444444;}
.custom .snb .snb_navi li:hover a{background:#3dafff; color:#FFF;}
.custom .snb .snb_navi li.active a{background:#3dafff; color:#FFF; border-bottom:1px solid #e7e7e7;}
.custom .copyright strong {color:#3dafff;}

/*CUSTOM - bg */
.custom_bg #counter strong {color:#3dafff }
.custom_bg .lnbWrap li a {color:#333333;}
.custom_bg .lnbWrap li a.hover {color:#ffffff; background:#3dafff;}
.custom_bg .lnbWrap li a:hover {color:#ffffff; background:#3dafff;}
.custom_bg .lnbWrap li.active a{color:#ffffff; background:#3dafff;}
.custom_bg .lnbWrap ul li ul li a {color:#444444 !important; background:#ffffff !important;}
.custom_bg .lnbWrap ul li ul li a:hover {color:#fc4128 !important;}
.custom_bg .lnbWrap ul li ul li.active a{color:#fc4128 !important;}
.custom_bg .snb h2 {color:#3dafff; border-bottom:1px solid #cdcdcd;}
.custom_bg .snb .snb_navi li a {color:#444444;}
.custom_bg .snb .snb_navi li:hover a{background:#3dafff; color:#FFF;}
.custom_bg .snb .snb_navi li.active a{background:#3dafff; color:#FFF; border-bottom:1px solid #e7e7e7;}
.custom_bg .copyright strong {color:#3dafff;}