@charset "UTF-8";


/* CSS Document */
#wrap {width:1000px; margin:0 auto; }
/* haeder*/
#header {width:1000px; float:left;}
#logo {float:left; margin-left:385px; width:200px; margin-top:5px; height:100px; opacity:1; }
#logo:hover {float:left; margin-left:385px; width:200px; margin-top:5px; height:100px; opacity:0.8; }

/* #logo img {margin-left:39px; margin-bottom:2px; margin-top:1px;} position없애고 사용가능 */
#logo_back {float:left;  margin-top:80px; opacity:1; }
#logo_back:hover {float:left;  margin-top:80px; opacity:0.8; }

#twitter_face {float:left; margin-left:805px;   opacity:1; }
#twitter_face:hover {float:left; margin-left:805px; opacity:0.8; }

/* memo1 */
#memo1 { opacity:1;}
#memo1:hover { opacity:0.8;}

/* youtuberepeater */
#memo2 { opacity:0.7;}
#memo2:hover { opacity:0.5;}

/* chatting */
#memo3 { opacity:0.9;}
#memo3:hover { opacity:0.7;}



/* menu */
#cssmenu {float: left; width:600px;  margin-top:5px; margin-left: 185px; }
#cssmenu ul {  padding: 0 0 0 15px;  margin: 0;  line-height: 15px; z-index:1000;}
#cssmenu > ul { position: relative;  display: block; height: 32px; width: 100%; font-size:1.2em; }
#cssmenu > ul > li { display: block;  position: relative; float: left;  margin: 0;  padding: 0;  }
#cssmenu > ul > #menu-button { display: none; }
#cssmenu ul li a {display: block; text-decoration: none;}
/*일반 글귀 */
#cssmenu > ul > li > a {font-weight:bold; width:115px; height:50px; line-height:50px; text-align:center; color:#391717; font-size:1.2em;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
} 
#cssmenu > ul > li:hover > a { color: #03a050; font-size:1.4em; } /*롤오버 글귀*/

#cssmenu ul ul {  position: absolute;  left: -9999px;   top: 70px;   opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
}
#cssmenu ul ul ul { top: 37px; padding-left: 5px; }
#cssmenu ul ul li { position: relative;}
#cssmenu > ul > li:hover > ul { left: auto; top: 44px;  opacity: 1;}
#cssmenu ul ul li:hover > ul {left: 170px; top: 0; opacity: 1;}

/* 롤오버 메뉴 */
#cssmenu ul ul li a {width: 70px; border-bottom: 1px solid #eee; padding: 5px 10px; font-size: 17px; color: #666; background: #fff;
  text-align:center;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
} 
#cssmenu ul ul li:hover > a { background: #d3b894; color: #583200; }
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a { border-bottom: 0;}

/* slide */
.wrapper {float:left;}
.ei-slider{	position: relative; width: 100%; max-width: 1920px; height: 500px; margin: 0 auto; }
.ei-slider-loading{ width: 100%; height:100%; position: absolute; top: 0px; left: 0px; z-index:1; background: rgba(0,0,0,0.9);
	color: #fff; text-align: center; line-height: 400px; }
.ei-slider-large{ height: 100%; width: 100%; position:relative; overflow: hidden; text-align:center; }
.ei-slider-large li{ position: absolute; top: 0px; left: 0px; overflow: hidden; height: 100%; width: 100%; text-align:center;}
.ei-slider-large li img{ width: 100%; }
.ei-title{ position: absolute; right: 60%; margin-right: 13%; top: 30%; }
.ei-title h2, .ei-title h3{ text-align: right; }
.ei-title h2{ font-size: 30px; line-height: 35px; font-family: 'Open Sans Condensed', sans-serif;  color: #b5b5b5; }
.ei-title h3{ font-size: 50px; line-height: 50px; font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; color: #000; }
.ei-slider-thumbs{ height: 13px; margin-left: 230px; position: relative; }
.ei-slider-thumbs li{ position: relative; float: left; height: 100%;}
.ei-slider-thumbs li.ei-slider-element{ top: 0px; left: 0px; position: absolute; height: 100%; z-index: 10; text-indent: -9000px;
	background: #000; background: rgba(0,0,0,0.9); }
.ei-slider-thumbs li a{ display: block; text-indent: -9000px; background: #666 ; width: 100%; height: 100%; cursor: pointer;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease; transition: background 0.2s ease; }
.ei-slider-thumbs li a:hover{ background-color: #f0f0f0; }
.ei-slider-thumbs li img{ position: absolute; bottom: 50px; opacity: 0; z-index: 10; max-width: 100%; 
	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;  -ms-transition: all 0.4s ease;
    transition: all 0.4s ease; 	-webkit-box-reflect: 
        below 0px -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(50%, transparent),         to(rgba(255,255,255,0.3)));
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.ei-slider-thumbs li:hover img{ opacity: 1;	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
	
	
/* contents start*/


/* contents_3 start */
#contents_3 {float:left; margin-top:20px; margin-left:65px; width:1000px; height:200px;}
#contents_3 ul li {float:left; margin-left:5px;}

/* contents_4 start */

#contents_4 {float:left; margin-top:20px; margin-left:65px; width:1000px; height:150px;}
#contents_4 ul li {float:left; margin-left:5px;}


/* contents_5 start */

#contents_5 {float:left; margin-top:10px; margin-left:65px; width:1000px; height:auto;}
/* #contents_5 {float:left; margin-top:160px; margin-left:25px; width:1000px; height:auto;}*/
/*mid4~mid6을 올릴경우 */
#contents_5 ul li {float:left; margin-left:5px;}

/* footer start */
#footer {float:left; margin-top:20px; margin-left:80px;}
#footer .f_lofo {float:left; margin-left:130px;}
#footer .f_logo p {float:left; width:250px; height:50px; margin-top:20px; margin-left:100px; font-size:2em; letter-spacing:0.3em; line-height:25px; text-align:center;}
#footer .copyright {float:left; widt:650px; margin-left:130px; margin-top:20px;}
.copy_top ul li {float:left; margin-top:20px; margin-left:110px; font-size:1.5em;}
.copy_top a {font-weight:bold; letter-spacing:-1px;}
.copy_top a:hover {color:#cacaca;}
.copy_bottom {float:left; margin-left:110px; margin-top:5px;}
.copy_bottom {color:#888888; font-size:2.0em; line-height:100%;}

/* menu_banner */
#menu_banner {float:left; margin-top:10px;}


/* aroma_banner */
#aroma_banner {float:left; margin-top:10px;}

/* aroma_left */
#aroma_left {float:left;  margin-left:5px; width:150px; height:200px;}
#aroma_left li a.act {color:#C00; font-weight:bold;}
#aroma_left ul li {font-size:1.2em; margin-top:50px; text-align:center;}
#aroma_left ul li a:hover {font-size:1.3em; color:#963;}

/* aroma_center */
#aroma_center {float:left; margin-top:20px; margin-left:20px; width:1px; height:1200px; border-right:1px solid #aeaeae;}

/* aroma_center2 */
#aroma_center2 {float:left; margin-top:20px; margin-left:20px; width:1px; height:544px; border-right:1px solid #aeaeae;}


 /*aroma_right*/
#aroma_right {background:url(../images/aroma_right.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:544px; display:block;}
#aroma_right .write {float:left; margin:90px 0 0 140px; font-size:1.3em; width:360px; text-align:left;}


/* aroma_right 2*/

#aroma_right2 {background:url(../images/process12.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1200px; display:block;}
#aroma_right .write {float:left; margin:90px 0 0 140px; font-size:1.3em; width:360px; text-align:left;}

/* aroma_right 3*/

#aroma_right3 {background:url(../images/kl_cost1.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1200px; display:block;}
#aroma_right .write {float:left; margin:90px 0 0 140px; font-size:1.3em; width:360px; text-align:left;}

/* aroma_right 5*/

#aroma_right5 {background:url(../images/klpay1.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1200px; display:block;}
#aroma_right .write {float:left; margin:90px 0 0 140px; font-size:1.3em; width:360px; text-align:left;}


/* aroma_right 7*/
#aroma_right7 {background:url(../images/ba1_1.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1200px; display:block;}
.write {margin-top:120px;} 
/*#aroma_right7 {background:url(../images/ba1.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1200px; display:block;}*/
#aroma_right .write {float:left; margin:90px 0 0 140px; font-size:1.3em; width:360px; text-align:left;}


/* aroma_right 8*/
#aroma_right8 {background:url(../images/ba2_1.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1200px; display:block;}
.write {margin-top:120px;}
/*#aroma_right8 {background:url(../images/ba2.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1200px; display:block;}*/
#aroma_right .write {float:left; margin:90px 0 0 140px; font-size:1.3em; width:360px; text-align:left;}

/* aroma_right 9*/
#aroma_right9 {background:url(../images/ba4_1.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1200px; display:block;}
.write {margin-top:120px;}
/*#aroma_right9 {background:url(../images/ba3.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1200px; display:block;}*/
#aroma_right .write {float:left; margin:90px 0 0 140px; font-size:1.3em; width:360px; text-align:left;}

/* aroma_right 10*/
#aroma_right10 {background:url(../images/ba5_1.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1200px; display:block;}
.write {margin-top:120px;}
/*#aroma_right10 {background:url(../images/ba4.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1200px; display:block;}*/
#aroma_right .write {float:left; margin:90px 0 0 140px; font-size:1.3em; width:360px; text-align:left;}


/* aroma_right 11-논문3*/
#aroma_right11 {background:url(../images/ba3_1.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1200px; display:block;}
.write {margin-top:120px;}
/*#aroma_right11 {background:url(../images/ba5.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1200px; display:block;}*/
#aroma_right .write {float:left; margin:90px 0 0 140px; font-size:1.3em; width:360px; text-align:left;}


/* aroma_right 12-영한1*/
#aroma_right12 {background:url(../images/ba7_1.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1200px; display:block;}
.write {margin-top:120px;}
/*#aroma_right11 {background:url(../images/ba5.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1200px; display:block;}*/
#aroma_right .write {float:left; margin:90px 0 0 140px; font-size:1.3em; width:360px; text-align:left;}

/* klang_right */
#klang_right  {background:url(../images/klang_right.jpg) no-repeat; float:left; margin:20px 0 0 50px; width:722px; height:1000px; display:block;}
#klang_right .write {float:left; margin:90px 0 0 140px; font-size:8.9px; width:700px; text-align:left;}

/* aroma_map */
#aroma_map {float:left; margin:20px 0 0 60px; width:700px; height:544px;}
.map {font-size:1.2em;}
.map a:hover {color:#0f0;}
.act {color:#c00;} 

/* board */
#aroma_center1 {float:left; margin-top:20px; margin-left:20px; width:1px; height:750px; border-right:1px solid #aeaeae;}
#board {float:left; margin: 40px 0 20px 60px; width:722px; height:750px;}

/* event */
#event {float:left; margin:40px 0 20px 60px; width:722px; height:544px;}

/* gallery */
#gallery_main {float:left; margin-top:30px;}
#gallery_main a{color:#ff0000;}
#gallery_main a:hover{color:#888888;}
pre {font-size: 1.2em;line-height: 1.2em;overflow-x: auto;}
div#ads {clear: both; padding: 12px 0 12px 66px;}
div.content {display: none;	float: right;	width: 550px; margin-top:80px; margin-right:20px;} /* 우측 슬라이이드 */
div.content a, div.navigation a {text-decoration: none;	color: #777;}
div.content a:focus, div.content a:hover, div.content a:active {text-decoration: underline;}
div.controls {margin-top: 5px;height: 23px;}
div.controls a {padding: 5px;}
div.ss-controls {float: left;}
div.nav-controls {float: right;}
div.slideshow-container {position: relative;clear: both; height: 502px; }
div.loader {position: absolute;	top: 0;	left: 0; background-image: url('http://dothome.co.kr/pageControl/file_dir/404error.html'); background-repeat: no-repeat;	background-position: center; width: 550px; height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */}
div.slideshow {}
div.slideshow span.image-wrapper {display: block; position: absolute; top: 0; left: 0;}
div.slideshow a.advance-link {display: block; width: 550px;	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */text-align: center;}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {	text-decoration: none;}
div.slideshow img {	vertical-align: middle;	border: 1px solid #ccc;}
div.download {float: right;}
div.caption-container {	position: relative;	clear: left; height: 75px;}
span.image-caption {display: block;	position: absolute;	width: 550px;	top: 0;	left: 0;}
div.caption {padding: 12px;}
div.image-title {font-weight: bold;	font-size: 1.4em;}
div.image-desc {line-height: 1.3em;	padding-top: 12px;}
div.navigation {	marig-top:30px;/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */}
ul.thumbs {	clear: both;margin: 0;	padding: 0;}
ul.thumbs li {	float: left;	padding: 0;	margin: 5px 10px 5px 0;	list-style: none;}
a.thumb {padding: 2px;	display: block;	border: 1px solid #ccc;}
ul.thumbs li.selected a.thumb {background: #000;}
a.thumb:focus {	outline: none;}
ul.thumbs img {	border: none; display: block;}
div.pagination {clear: both; margin-top:5px;} /* 좌측 내비게이션 */
div.navigation div.top {margin-bottom: 12px;height: 11px;}
div.navigation div.bottom {	margin-top: 12px;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display: block; float: left; margin-right: 2px; 	padding: 4px 7px 2px 7px; border: 1px solid #ccc;}
div.pagination a:hover {background-color: #eee;	text-decoration: none;}
div.pagination span.current {font-weight: bold;	background-color: #000;	border-color: #000;	color: #fff;}
div.pagination span.ellipsis {border: none;	padding: 5px 0 3px 2px;}


/* footer start */
#footer {float:left; margin-top:20px;}
#footer .f_lofo {float:left; margin-left:70px;}
#footer .f_logo p {float:left; width:250px; height:50px; margin-top:20px; margin-left:40px; font-size:2em; letter-spacing:0.3em; line-height:25px; text-align:center;}
#footer .f_logo p span{float:left; width:250px; height:50px; margin-top:20px; margin-left:40px; font-size:2em; letter-spacing:0.3em; line-height:25px; text-align:center; color:red;}
#footer .copyright {float:left; widt:650px; margin-left:70px; margin-top:20px;}
.copy_top ul li {float:left; margin-top:20px; margin-left:50px; font-size:1.5em;}
.copy_top a {font-weight:bold; letter-spacing:-1px;}
.copy_top a:hover {color:#cacaca;}
.copy_bottom {float:left; margin-left:50px; margin-top:5px;}
.copy_bottom {color:#888888; font-size:1.2em; line-height:100%;}
.copy_bottom a {color:#888888;}
.copy_bottom a:hover {font-weight:bold; color:#7f7f7f;}
.copy_bottom span {color:#fff; font-size:1.2em; line-height:100%;}
.clear_link a {color:#888896; text-decoration:none}
.clear_link1 a {color:#FFFFFF; text-decoration:none; opacity:0.0;}
/*
a {color:#FFFFFF; text-decoration:none}
a:hover {color:#888896; text-decoration:none}
*/

@media screen and (max-width:600px) { 
	
}