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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0px none;font-family:"NanumBarunGothic",'돋움';}
table {border-collapse: separate; border-spacing: 0px;}
caption, th, td { text-align: left; font-weight: normal; border-collapse: collapse;}
blockquote:before, blockquote:after, q:before, q:after {}
blockquote, q {}
ul {list-style:none;}
li {list-style-type:none;list-style-image:none; font-size:15px;}
a{color: inherit; text-decoration:none; }
td, div {font-size: 100%;}
* {padding:0;margin:0;}
body {line-height:130%;margin:0;padding:0;height:100%;width:100%;}


/* ----------------------------------------------*/
/* B 00 - Body
/* ----------------------------------------------*/

body {background:white ;}
/* ----------------------------------------------*/
/* B 01 - Heading,links and titles
/* ----------------------------------------------*/
.contentheading {color:#FFF;}
.componentheading,.componentheadingnowrap,.pagetitle,span.subheading-category {color:#6B6B6B;}
a {text-decoration:none;}
a:hover,a:focus,a:active {text-decoration:none;}
h1 {color:#3E8EDE;}
h2 {color:#333333;}
h3 {color:#333333;}
h4 {color:#333333;}
h5 {color:#333333;}
h6 {color:#333333;}
/* ----------------------------------------------*/
/* B 02 - Titles
/* ----------------------------------------------*/
h1.pagetitle span {}
.pagetitle, .pagetitle a {color:#6B6B6B;}
.pagetitle span{}
.article_title {color:#FFF;}
.article_title a {color:#FFF;}
.article_title a:hover {color:#777777;}
h4.title{color:#333333;}
/* ----------------------------------------------*/
/* B 03 - Basecolor styles, used in JXTC Walls and 3rd party components
/* ----------------------------------------------*/
.basecolor_1 {color:#d06503;}
.basecolor_2 {color:#e9931a;}
.basecolor_2 a {color:#e9931a;}
.basecolor_3 {color:#1691be;}
.basecolor_4 {color:#166ba2;}
.basecolor_5 {color:#152836;}
.basecolor_6 {color:#1b3647;}
.basecolor_7 {color:#222;}
.basecolor_8 {color:#fff;}
/* ----------------------------------------------*/
/* L 00 - Header,logo,menu,inset,message,breadcrumb
/* ----------------------------------------------*/
#headerwrap{background:#000000 ;}
#header{background:#222 ; margin: 30px 0;}
.frontpage #headerwrap {
    opacity: 1;
    -webkit-animation: headerAnimation 12s ease-out 0s;
    -moz-animation: headerAnimation 12s ease-out 0s;
    -o-animation: headerAnimation 12s ease-out 0s;
    -ms-animation: headerAnimation 12s ease-out 0s;
    animation: headerAnimation 12s ease-out 0s;
}
@-webkit-keyframes headerAnimation { 
	0% {-webkit-transform: translateY(-180px);}
	10% { -webkit-transform: translateY(0px);}
}
@-moz-keyframes headerAnimation { 
	0% {-moz-transform: translateY(-180px);}
	10% {-moz-transform: translateY(0px);}
}
@-o-keyframes headerAnimation { 
	0% {-o-transform: translateY(-180px);}
	10% {-o-transform: translateY(0px);}
}
@-ms-keyframes headerAnimation { 
	0% {-ms-transform: translateY(-180px);}
	10% { -ms-transform: translateY(0px);}
}
@keyframes headerAnimation { 
	0% {transform: translateY(-180px);}
	10% {transform: translateY(0px);}
}

#logo a{background:url(/img/logo.gif) no-repeat 0 0;height: 73px;width:335px;margin:13px 0 0 32px;}

@media (max-width: 420px) {
#logo a{background:url(http://demo.joomlaxtc.com/mozaix/templates/mozaix/images/logos/mobile_logo.png) no-repeat 0 0;height: 11px;width:93px!important;margin:20px 0 20px 32px!important;}
}
*/

/* M 00 - XTC Menu
/* ----------------------------------------------*/
#menuwrap {background: none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
#menu {background: transparent; }
/* Top Level */
#menuwrap ul.menu > li > a {color:rgba(255,255,255,0.7); background-color: transparent;}
#menuwrap ul.menu > li > a:hover,#header ul.menu > li.xtcHover a {color:#fff;background-color: #fff; border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;}
#menuwrap ul.menu > li.active > a{color:#fff;background-color: #fff;border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;}
/* Dropdown Level */
#menuwrap ul.menu li.parent > ul {-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);box-shadow: 0 0 10px rgba(0,0,0,0.2);clip:rect(0px, 1000px, 1000px, -10px);border-radius: 0 0 1px 1px; -moz-border-radius: 0 0 1px 1px; -webkit-border-radius: 0 0 1px 1px;}

#menuwrap ul.menu li.parent > ul > li > a {color:#fff;background: transparent;}
#menuwrap ul.menu li.parent > ul > li.active > a {color:#f1f1f1;background: !important;}
#menuwrap ul.menu li.parent > ul > li > a:hover {color:#f1f1f1;background: rgba(0,0,0,0.05)!important;}
/* ----------------------------------------------*/
/* M 01 - Main Menu Icons & Custom Style
/* ----------------------------------------------*/
.mm-menu1  {background:#d06503 url(http://demo.joomlaxtc.com/mozaix/templates/mozaix/images/backgrounds/home-on.png) no-repeat 50% 18px !important;-moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);box-shadow: 0 0 15px rgba(0,0,0,0.2);clip:rect(0px, 1000px, 1000px, -10px);}
.menu-1 ul {background:#d06503; }
.menu-1 li {background:#d06503;}

.mm-menu2  {background: #d06503 url(/img/m1.png) no-repeat 50% 18px !important;-moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);box-shadow: 0 0 15px rgba(0,0,0,0.2);clip:rect(0px, 1000px, 1000px, -10px);}
.menu-2 ul {background:#d06503;}
.menu-2 li {background:#d06503;}

.mm-menu3 {background:#e9931a url(/img/m2.png) no-repeat 50% 18px !important;-moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);box-shadow: 0 0 15px rgba(0,0,0,0.2);clip:rect(0px, 1000px, 1000px, -10px);}
.menu-3 ul {background:#e9931a}
.menu-3 li {background:#e9931a;}

.mm-menu4 {background: #30bb93 url(/img/m3.png) no-repeat 50% 18px !important;-moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);box-shadow: 0 0 15px rgba(0,0,0,0.2);clip:rect(0px, 1000px, 1000px, -10px);}
.menu-4 ul {background:#30bb93}
.menu-4 li {background:#30bb93}

.mm-menu5 {background: #1691be url(/img/m4.png) no-repeat 50% 18px !important;-moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);box-shadow: 0 0 15px rgba(0,0,0,0.2);clip:rect(0px, 1000px, 1000px, -10px);}
.menu-5 ul {background:#1691be}
.menu-5 li {background:#1691be}

.mm-menu6 {background: #166ba2 url(/img/m5.png) no-repeat 50% 18px !important;-moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);box-shadow: 0 0 15px rgba(0,0,0,0.2);clip:rect(0px, 1000px, 1000px, -10px);}
.menu-6 ul {background: #166ba2 }
.menu-6 li {background: #166ba2 }

.mm-menu7 {background: #3f810a url(/img/m6.png) no-repeat 50% 18px !important;-moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);box-shadow: 0 0 15px rgba(0,0,0,0.2);clip:rect(0px, 1000px, 1000px, -10px);}
.menu-7 ul {background: #3f810a }
.menu-7 li {background: #3f810a }

/* ----Header---------------------------*/
#headerwrap .xtc-wrapperpad {width:auto!important;margin:0 auto;}
#headerwrap .xtc-wrapper {max-width:1300px;padding-top:0px!important;padding-bottom:0px!important;padding-left:0px!important;padding-right:0px!important;margin:0 auto;}
#header.row-fluid{width:auto;}
#headerwrap{ position:relative;}
/* ----Sticky Header ----------------------*/
body.sticky{margin-top:130px;}
body.innerpage.sticky{margin-top:130px;}
body.nosticky #headerwrap{z-index: 9999999;}
body.sticky #headerwrap {position:fixed;top: 0;width: 100%;z-index: 9999999;/*-webkit-transform: translate3d(0, 0, 0);*/}
body.sticky #region1wrap {}
/* ----Menu ----------------------*/
#menu .menu ul .xmenu{line-height:11px!important;}
#menuwrap.xtc-wrapper{max-width:1300px;}

/* ----------------------------------------------*/
/* G 02 - Header,logo,menu,top
/* ----------------------------------------------*/
#headerglobal{width:100%;padding:0;position:fixed;top:0;}
#header{position:relative;}
#logo{float:left;}
.logomobilewrap img {margin:0% 0 0; display: none!important;}
#messagewrap{padding:10px 0;}
/* ----------------------------------------------*/
/* G 03 - Menu
/* ----------------------------------------------*/
#menuwrap,#menu2{float:right;}
#menu2{margin-right:2px;}
#menu > ul.menu{float:left;}
#menu ul.menu > li:first-child > a,#menu ul.menu > li:first-child > a:hover,#menu ul.menu > li.current:first-child > a{}
#menu ul.menu > li > a{}
#menu ul.menu li.parent > ul{}
.suckerfish ul.menu > li > ul,.dualfish ul.menu > li > ul,.dropline ul.menu > li > ul {top:100px;}
#menuright1,#menuright2,#menuright1 .module,#menuright2 .module {float:right;padding:0px!important;margin:0!important;}
#menu > div:first-child{padding:16px 0 0 0;}


/* ----------------------------------------------*/
/* D 01 - CSS Clearfix
/* ----------------------------------------------*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
.clearBoth {clear:both;}

/* ----------------------------------------------*/
/* D 02 - CSS Float Classes
/* ----------------------------------------------*/
.floatLeft {float:left;}
.floatRight {float:right;}

/* ----------------------------------------------*/
/* D 03 - CSS Hide Text
/* ----------------------------------------------*/
a.hideTxt, span.hideTxt {display:block;}
.hideTxt {text-indent:-9999px;}

/* ----------------------------------------------*/
/* D 04 - XTC Menu Structure
/* ----------------------------------------------*/
#header ul.menu > li > a,#header ul.menu > li.active > a,#header ul.menu > li:hover > a{padding: 60px 0 20px; min-width:120px;text-align:center;z-index:999999999999999999;position:relative;display:inline-block;}
#header ul.menu > li.parent:hover > a {padding: 60px 0 20px;min-width:207px!important;text-align:center;z-index:999999999999999999;position:relative;display:inline-block;}
@media(max-width:1150px){
#header ul.menu > li > a,#header ul.menu > li.active > a,#header ul.menu > li:hover > a{padding: 60px 0 20px; min-width:110px;text-align:center;z-index:999999999999999999;position:relative;display:inline-block;}
#header ul.menu > li.parent:hover > a {padding: 60px 0 20px;min-width:110px!important;text-align:center;z-index:999999999999999999;position:relative;display:inline-block;}
}
#menuwrap ul.menu li.parent > ul > li > a,#menuwrap ul.menu li.parent > ul > li.active > a,
#menuwrap ul.menu li.parent > ul > li > a:hover {margin-bottom:4px!important;margin-top:4px!important;}
#menuwrap ul.menu li.parent > ul {padding:12px 8.5px 6px 8.5px;}
#menu ul.menu li.parent > ul ul{top:0;}
#menu li:last-child ul{}
/* Suckerfish - Dualfish - Dropline Common CSS */
.suckerfish ul.menu, .dropline ul.menu, .dualfish ul.menu {position:relative;list-style-type:none;z-index:999999;margin:0;padding:0;}
.suckerfish ul.menu > li, .dropline ul.menu > li, .dualfish ul.menu > li {display:block;float:left;padding:0;margin:0; }
.suckerfish ul.menu > li > a, .dropline ul.menu > li > a, .dualfish ul.menu > li > a {display:block;}
.suckerfish ul.menu > ul > li > a, .dropline ul.menu > ul > li > a, .dualfish ul.menu > ul > li > a {display:block;}
.suckerfish ul.menu li a img,.dualfish ul.menu li a img,.dropline ul.menu li a img {padding:0;float:left;}
.suckerfish ul.menu > li, .dualfish ul.menu > li, .dropline ul.menu > li {margin-right:0;background:none;}
.suckerfish ul.menu li ul li.xtcHover a, .dualfish ul.menu li ul li.xtcHover a, .dropline ul.menu li ul li.xtcHover a {padding:0;line-height:46px;}
.suckerfish ul.menu li.xtcHover > ul, .dropline ul.menu li.xtcHover > ul, .dualfish ul.menu li.xtcHover > ul,.suckerfish ul.menu li > ul:hover, .dropline ul.menu li > ul:hover, .dualfish ul.menu li > ul:hover {visibility:visible;}
.suckerfish ul.menu ul,.dropline ul.menu ul,  .dualfish ul.menu ul {display: block;visibility:hidden;overflow:hidden;position:absolute;z-index:9999999999!important;}
.suckerfish ul.menu ul:hover, .dropline ul.menu ul:hover, .dualfish ul.menu ul:hover {overflow:visible;}
.suckerfish ul.menu > li > ul > li:hover > a, .dualfish ul.menu > li > ul > li:hover > a, .dropline ul.menu > li > ul > li:hover > a {position:relative; z-index:9999999999!important;}
.dualfish ul.menu > li > ul li a,.suckerfish ul.menu > li > ul li a,.dropline ul.menu > li > ul li a,.dualfish ul.menu > li > ul li.active a,.suckerfish ul.menu > li > ul li.active a, .dropline ul.menu > li > ul li.active a {display:block;padding:0;line-height:46px;}
.dualfish ul.menu > li > ul > li a{}
.dualfish ul.menu > li > ul > li > a:hover,.suckerfish ul.menu > li > ul > li > a:hover,.dropline ul.menu > li > ul > li > a:hover {display:block;padding:0;line-height:46px;}
.dualfish ul.menu li a > span,.suckerfish ul.menu li a > span,.dropline ul.menu li a > span {padding:0;}
.dualfish ul.menu li a > span.image-title,.suckerfish ul.menu li a > span.image-title,.dropline ul.menu li a > span.image-title {margin:0 0 0 56px;padding:12px 0 0 0;display:block;}
.dualfish ul.menu li a > span.image-title span.xmenu,.suckerfish ul.menu li a > span.image-title span.xmenu,.dropline ul.menu li a > span.image-title span.xmenu {}
.dualfish ul.menu li a span.xmenu,.suckerfish ul.menu li a span.xmenu,.dropline ul.menu li a span.xmenu {padding:0;}
.dualfish ul.menu > li > ul li > ul,.suckerfish ul.menu > li > ul li > ul,.dropline ul.menu > li > ul li > ul {visibility:hidden;}
.dualfish ul.menu li li > a,  .dropline ul.menu li li > a{border-left:0px!important;}
/* Suckerfish */
div.suckerfish > ul li div.suckerfish > ul li a{padding:0px 12px 0px 15px!important;}
.suckerfish ul.menu li li > a {}
.suckerfish ul.menu ul > li {display:block;position:relative;float:none;padding-left:0px;}
.suckerfish ul.menu ul li:first-child{background:none!important;}
.suckerfish ul.menu > li ul li {min-width:190px;margin:0;text-align:center;position:relative;}
.suckerfish ul.menu > li ul li a {display:block;margin:0;  }
.suckerfish ul.menu > li ul li ul {margin:1px 0px 0px 192px;}
.suckerfish ul.menu > li > ul > li > ul {}
/* .dualfish */
div.dualfish > ul li div.dualfish > ul li a{padding:0px 15px 0px 15px;margin:0!important;}
.dualfish ul.menu > li > ul {width:468px;}
.dualfish ul.menu > li > ul > li {width:210px;margin:0 0px 0 16px;padding:0;text-align:center;display:block;position:relative;float:left;}
#menu > .dualfish ul.menu > li > ul > li:first-child + li{background:none!important;}
.dualfish ul.menu li ul li:first-child{background:none!important;}
.dualfish ul.menu > li > ul > li > ul {top:-8px;left:172px !important;padding:0;width:190px;}
/* Dropline */
div.dropline > ul li div.dropline > ul li a{padding:2px 15px 12px 15px!important;}