@charset "utf-8";

/*
XE-ART layout template for XpressEngine
Markup : HYOUNG YEON KIM
Website: http://www.xe-art.com
Email : kimt8899@naver.com
*/

html,body,div,span,applet,object,iframe,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption {background:transparent;border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;vertical-align:baseline;}
table {border-spacing:0;}

/* Main Layout */
html {height:100%;margin-bottom:1px;}
body {font:62.5%/1.2 Helvetica, Arial, malgun gothic, sans-serif;color:#555;}
h1,h2,h3,h4 {margin:2em 0 1em;}
h1 {font-size:180%;}
h2 {font-size:150%;}
h3 {font-size:130%;}
h4 {font-size:110%;}
a {color:#0092D8;text-decoration:none;}
a:hover {text-decoration:none;color:#D03100;}
a.on {text-decoration:none;color:#D03100;}
ul {margin:1em;}
p {margin-top:10px;margin-bottom:10px;}
#main {font-size:1.3em;line-height:140%;}
.background {position:absolute;width:100%;height:130px;background:url(../images/light.png) 0 -384px repeat-x;}
#main .foreground, #message, #showcase, .leading, #page {position:relative;}
#message, #showcase {z-index:0;}
#main-content {border-bottom:1px solid #ddd;}

/* Sidebar A & Sidebar B Color */
.s-c-s .ctr-color1, .s-c-s .ckl-color1, .s-c-x .ckl-color1, .c-s .ckl-color1, .x-c-s .cdr-color1, .c-s .cdr-color1 {background:#eee;}
.s-c-s .ctr-color2, .s-c-s .ckl-color2, .s-c-x .ckl-color2, .c-s .ckl-color2, .x-c-s .cdr-color2, .c-s .cdr-color1 {background:#d1e0e7;}
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright, .c-s #colright, #wrapper, body {background:#fff;}

/* Header*/
#header {margin:0;position:relative;color:#000; height:130px; }
#header {overflow: hidden;}
#header .menu li {list-style: none;float: left; padding-left: 15px;font-weight: bold;}
#header .menu li a {color:#515151;}
#header .menu li a:hover,#header .menu li.on a {color:#ff1493;}

/* Top Menu */
#menutop {height:40px; background:#C8C8C8;position:relative;z-index:1;line-height:40px; }
#menutop li { border-right:1px solid #EDEDED; }
#menutop ul li { padding: 0px; border-bottom:1px solid #636fd4; border-right:1px solid #636fd4; border-left:1px solid #636fd4; background:#717ef0; }
#menutop li a, #menutop ul li a { color:#000000;} /* ?°íŠ¸ì»¬ëŸ¬ */
#menutop ul li.on a, #menutop ul li a:hover { color:#000000;outline:none;}  /* ?°íŠ¸ì»¬ëŸ¬ */
#menutop li.on, #menutop li.hover { background-color:#FAAFBA;}  
#menutop ul a:hover { background-color:#FAAFBA;} /*메뉴 ???¤ë²„ 배경컬러 */

/* Gnb menu */
#gnb .background {position:absolute;width:100%;height:30px;background:url(../images/light2.png) 0 -514px repeat-x;}
#gnb .foreground {border:1px solid #dfeaee;overflow:hidden;padding-bottom:15px;}
#gnb_sub li a {color:#515151;}
#gnb_sub li.on a:hover,
#gnb_sub li.on a {color:#ee6907;text-decoration:none;}

/* Lnb menu */
#lnb li.on a { background:url(../images/icons/icon-check.png) no-repeat 0 ;*zoom:1; }
#lnb li a { color:#fff; font-weight:bold;} /* ?°íŠ¸ì»¬ëŸ¬ */
#lnb li a:hover, #lnb li a:focus, #lnb li.on a { color:#e1ca06; font-weight:bold; }
#lnb li ul li a { color:#F3F3F3 ;background:none !important;} 
#lnb li ul li a:hover, #lnb li.on ul li.on a { color:#fff !important; background:none; }

/* Showcase */
#showcase {margin:2px 0 8px 0;position:relative;color:#000;}
#showcase .background {position:absolute;width:100%;height:130px;background:url(../images/light.png) 0 -514px repeat-x;}
#showcase .foreground {border:1px solid #dfeaee;overflow:hidden;padding-bottom:10px;}
#showcase h1 {font-weight:normal;font-size:1.8em;line-height:105%;margin:25px 55px 10px 25px;}
#showcase h3 {font-weight:normal;font-size:1.4em;font-weight:normal;margin:0 55px 20px 25px;}
#showcase b {font-weight:normal;color:#5F69CA;}
#showcase .pad {padding:0 50px 25px 25px;}
#showcase .pad h2 {font-size:1.4em;font-weight:bold;margin:0 0 5px 40px;}
#showcase .pad p {margin-left:40px;}

/* Content styles */
.component-pad {padding:0px 15px 15px; }
.component-pad { overflow:hidden; *zoom:1; }
.component-pad2 {padding:15px 15px 0px 15px;}

/* Modules */
.module {padding:1px;}
.module-title {font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;}
.module-body {padding:10px 15px 25px;}
.color1 .module-title {background:url(../images/light.png) 0 -204px repeat-x;border-bottom:1px solid #ddd;color:#777;}
.color1 .module-body {border-top:1px solid #fff;}
.color2 .module-title {background:url(../images/light.png) 0 -136px repeat-x;border-bottom:1px solid #c3d9e1;color:#50646d;}
.color2 .module-body {border-top:1px solid #dfeaef;}
#colmask .m_menu {background:#717ef0;color:#fff;}
#colmask .m_menu .module-title {background:url(../images/light.png) 0 -0px repeat-x;border-bottom:1px solid #636fd4;color:#fff;}
#colmask .m_menu .module-body {border-top:1px solid #545fbe;}
#colmask .m_menu a {color:#fff;}
#colmask .m_menu ul {margin:0 1em;}
#mainmods, #mainmods2, #mainmods3 {margin-bottom:0;overflow:hidden;padding-top:15px;}
#mainmods3 {background:#eee;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.spacer .module {float:left;}
.spacer.w99 .module {width:100%;}
.spacer.w49 .module {width:49.2%;}
.spacer.w33 .module {width:32.8%;}
#header .module {float:right;margin-left:325px; margin-top:45px;right:0px;}
#header .module-body {padding:10px 0px 10px 25px;}
#footer .module {float:none; margin-top:0px;right:0px;}
#utility .module {float:none; margin-top:0px;right:0px;}
#utility2 .module {float:none; margin-top:0px;right:0px;}
#main-content li .active a {font-weight: normal;}

/* utility */
#utility {background:#EEEEEE;border-top:1px solid #fff; margin-bottom:2px;}
.utility-pad {padding:8px 10px 5px 10px;overflow:hidden;}
.utility-pad2 {padding:0px 10px;overflow:hidden;}
#utility ul {margin:0;}
#utility li {list-style:none;float:left;padding:0;font-weight:bold;}

/* Footer */
#footer {background:#EEEEEE;border-top:1px solid #fff;}
#footer2 {background:transparent;border-top:1px solid #fff;}
#footer .menu li a {color:#515151;}
#footer .menu li a:hover, #footer .menu li.on a {color:#ff1493;}