@charset "utf-8";

/* Common
-----------------------------*/
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
		color:#fff; 
}


body { 
		/*background-color: #1b1b1b; */
		background: url('../img/body.jpg'); border:0px solid #f00; 
		color:#fff; 
}

/* Layout
-----------------------------*/
.container {
		min-width: 1200px;
		background: url('../img/body.jpg'); border:0px solid #f00; 
}

/* Header
-----------------------------*/
.header > h1 {
    float: left;
    padding: 10px 0 10px;
    margin-right: 32px;
    line-height: 80px;
}
.header > h1 img {
    vertical-align: middle;
    max-height: 80px;
}

.header_wrap:before {
		background-color: #1b1b1b;
		height:30px;
		display:block;
		z-index:-1;
		content:'';
}
.header_wrap {
		background-color: #131313; border:0px solid #f00; 
}
.fixed_header .header_wrap {
		background-color: #131313;
}
.fixed_header .header_wrap.shrink {
		border-bottom: 1px solid #e1e1e1;
		background-color: #131313;
}

/* Logo */


/* Login */

/* GNB */
.gnb {
    max-width: 782px;
    max-width: 822px;
}
.gnb > ul > li > a {
    color: #fff; 
		padding: 0 12px;
		padding: 0 10px;
}
.gnb > ul > li > a:hover,
.gnb > ul > li > a:focus,
.gnb > ul > li > a:focus,
.gnb > ul > li.on > a {
		color: #eee; 
}

/*
-----------------------------*/
.body {
    position: relative;
    padding: 30px 0
}
.body.fixed-width {
    width: 1200px;
    margin: 0 auto
}
.body.fixed-width.left .content {
    float: right;
    width: 900px;
    min-height: 400px;
    padding: 40px 0 100px
}
.body.fixed-width.right .content {
    float: left;
    width: 900px;
    min-height: 400px;
    padding: 0px 0 100px; border:0px solid #fff; 
}
.body.fixed-width.left .lnb {
}
.body.fixed-width.right .lnb {
    float: right;
    width: 260px;
    padding: 0 0 16px;
}

.sub .sub_title h1 {
    font-weight: 700;
    font-size: 20px;
		padding:0px 0px 10px 0px; 
}

/* LNB */

/*
-----------------------------*/
.footer {
    border-top: 0px solid #e4e4e4;
    border-bottom: 3px solid #CDA25A;
    background-color: #1B1B1B;
    font-family: 'Open Sans', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif
}
.footer .f_info_area {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    padding: 48px 0 40px
}
.footer .f_cr_area {
    padding: 19px;
    background-color: #1B1B1B;
}
.footer .copyright {
    width: 1200px;
    margin: 0 auto;
    font-size: 13px;
    color: #727272;
    line-height: 16px
}
.footer .copyright a {
    color: #727272;
}
.footer .copyright a:hover,
.footer .copyright a:focus,
.footer .copyright a:active {
    color: #727272;
}
.footer .sub_desc {
    margin-bottom: 16px;
    font-size: 13px;
    color: #727272;
    line-height: 22px
}
.footer .f_info {
    float: left;
    width: 240px;
    margin-right: 65px
    color: #727272;
}
.footer .f_logo {
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 16px;
    font-size: 24px;
    color: #727272;
}
.footer .f_logo.log_txt a {
    font-size: 24px;
    font-weight: bold;
    color: #727272;
}
.footer .site_map > ul {
    display: inline-block;
    overflow: hidden;
    background: url(../img/bg_sitemap.png) repeat-y;
    /*background: url('') repeat-y;*/
}
.footer .site_map > ul li {
    float: left;
    width: 282px;
    margin: 0 0 0 24px
}
.footer .site_map > ul li:first-child, .footer .site_map > ul li.clear {
    clear: both;
    margin-left: 0
}
.footer .site_map > ul li a {
    display: inline-block;
    margin: 0 0 20px;
    padding: 0 23px;
    font-size: 15px;
    font-weight: bold;
    color: #727272;
}
.footer .site_map > ul ul {
    overflow: hidden;
    margin: 0 0 10px
}
.footer .site_map > ul ul li {
    margin-left: 0
}
.footer .site_map > ul ul a {
    margin: 0 0 13px;
    font-size: 13px;
    font-weight: normal;
    color: #727272;
    line-height: 18px
}
.footer .site_map > ul ul a:hover,
.footer .site_map > ul ul a:focus,
.footer .site_map > ul ul a:active {
    color: #727272;
}

/*
-----------------------------*/
.visual.sub {
}

.swiper-container {
    height: 420px;
}
.swiper-container > div > div {
    height: 420px;
    color: #fff;
}
.swiper-container > div > div > div {
}
.swiper-container > div > div > div > div {
}
.swiper-slide {
	cursor:pointer; }

/* Scroll to top link */
.btn_top {
}
.btn_top:hover {
}
.btn_top i {
}


/*
-----------------------------*/
.welcomeXE {
}
.welcomeXE section {
		width: 990px; border:0px solid #00f; 
}
.welcomeXE .features {
    width: 990px;
    margin: 0 auto;
    height: auto;
    padding-top: 80px;
    background-color:transparent;
}
.welcomeXE .features .noti,
.welcomeXE .features .tit,
.welcomeXE .features .cont {
    width: 990px;
    margin-left: auto;
    margin-right: auto
}

/*
-----------------------------*/
.c_wrapper { 
	display:block; vertical-align:top; 
	width:100%; height:100%; margin:0px auto; padding:0px; }
.c_wrapper_1 { width:33.0%; border:0px solid #00f; }
.c_wrapper_2 { width:23.0%; margin-left:2.28%; }
.c_wrapper_3 { width:32%; }
.c_wrapper_4 { width:32%; margin-left:1.2%; border-left:1px solid #cbcbcb; }
.c_wrapper_5 { width:1200px; height:100%; margin:0 auto; border:0px solid #fff; }
.c_block_1 { width:92%; margin:0 auto; }
.c_block_2 { width:92%; float:left; }
.c_block_3 { width:92%; float:right; }
.c_block_4 { width:92%; float:left; }
.c_block_5 { width:100%; }

/*
-----------------------------*/
.widgetGalleryR { width:100%; }
.widgetGalleryR { position:relative; }
.widgetGalleryR:after { content:''; display:table; clear:both; }
.widgetGalleryR li { float:left; list-style:none; position:relative; margin-bottom:20px; text-align:center; }
@media screen and (min-width:783px) { 
	.widgetGalleryR li { width:32.33333%; margin-right:0.22222%; }
	.widgetGalleryR li:nth-child(2n+1) { clear:none; }
	.widgetGalleryR li:nth-child(2n) { margin-right:0.22222%; }
	.widgetGalleryR li:nth-child(3n+1) { clear:left; }
	.widgetGalleryR li:nth-child(3n) { margin-right:0; }
}
.widgetGalleryR li:after { content:''; display:table; clear:both; }
.widgetGalleryR li a.thumb { width:100%; height:100%; margin-bottom:5px; }
.widgetGalleryR li a.thumb img { width:100%; height:auto; }
.widgetGalleryR li .title{ color:#fff;} 
.widgetGalleryR li a { font-size:14px; }

/*
-----------------------------*/
ul.magazine { width:100%; }
ul.magazine li { float:left; list-style:none; position:relative; margin-bottom:20px; text-align:left; }
ul.magazine li { width:32.33333%; margin-right:0.22222%; }
ul.magazine li:nth-child(2n+1) { clear:none; }
ul.magazine li:nth-child(2n) { margin-right:0.22222%; }
ul.magazine li:nth-child(3n+1) { clear:left; }
ul.magazine li:nth-child(3n) { margin-right:0; }
ul.magazine li img { width:100%;}
ul.magazine li a { color:#fff;  }

/* slide 
-----------------------------*/
.slide { 
	width:1260px; margin:0px auto 0px; padding:0px; clear:both; 
	background:#f9f9f9; 
	border:0px solid #000; }
.slide:after, 
.slide .slide_container:after { 
	content:""; display:block; clear:both; }


div.pp_default .pp_gallery {
	display:none; }


/*
-----------------------------*/
.xm .agreement {
	background:#000; }


html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
    font-family: 'Open Sans', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif;
    font-size: 14px;
}



.xpress-editor .fileUploader{clear:both;padding-top:5px;margin-bottom:10px}
.xpress-editor .fileUploader:after{content:"";display:block;clear:both}
.xpress-editor .fileUploader .preview{float:left;width:64px;height:64px;border:1px solid #ccc;;padding:2px;margin:0 10px 5px 0}
.xpress-editor .fileUploader .preview.black {background-color:#000;border:1px solid #666}
.xpress-editor .fileUploader .preview img{display:block;width:64px;height:64px}
.xpress-editor .fileUploader .fileListArea{float:left;width:260px;margin:0 10px 5px 0}
.xpress-editor .fileUploader .fileListArea select{width:100%;height:70px;overflow:auto;margin:0;padding:0;float:none}
.xpress-editor .fileUploader .fileListArea select option{font-size:11px}
.xpress-editor .fileUploader .fileListArea.black select {background-color:#000;border:1px solid #666}
.xpress-editor .fileUploader .fileListArea.black select option {color:#fff}
.xpress-editor .fileUploader .fileUploadControl{clear:right}
.xpress-editor .fileUploader .fileUploadControl .text{margin:0 0 5px 0;font-size:11px;text-decoration:none; color:#fff; font-size:14px; padding:2px 10px; }
.xpress-editor .fileUploader .file_attach_info{clear:right;margin:5px 0;font-size:11px;color:#fff}