@charset "utf-8";

* {letter-spacing:-0.05em;word-spacing:-0.05em;word-break:keep-all;}
#wrap { max-width:1920px;padding:0px;background-color:#fff; margin:0 auto; margin-bottom:-20px; position:relative; }
::-webkit-scrollbar {
display:none;
}


#header {background:url('../img/dot_line.png') left 86px repeat-x #fff;opacity:1;position:absolute;left:50%; margin-left:-960px;top:0;width:1920px;z-index:700; }
#header:before {
	content:"";
	position:absolute;
	left:0;
	top:75px;
	height:1px; display:none;
	width:100%;
	background:#aa8a58; 
	z-index:0;
}
.pull-right {position:absolute;right:15px;top:7px;font-size:22px;color:#fff;}

#header .inner {width:1100px;height:87px;margin:0 auto;position:relative;z-index:10; }
#header .logo {position:absolute;left:0;top:15px;font-size:0; left:0px;}
#header .logo2 {float:right;margin-top:15px;font-size:0;}
#header .cs {float:right;margin-top:20px;margin-right:25px;letter-spacing:-1px;font-size:20px;color:#95060a}
#header .cs .redt1 {font-size:13px;font-weight:800}
#header .cs .redt2 {font-size:25px;font-weight:800}

#header .gnb {position:absolute;left:120px;}
#header .gnb > li {float:left;position:relative;width:100px;background:none}
#header .gnb > li > a {display:block;height:87px;line-height:87px;color:#000;font-size:14px;padding:0 23px;letter-spacing:-0.075em; font-weight:700;}
#header .gnb li ul {padding:0;position:relative;left:0;top:40px;width:100px;float:left; display:none}
#header .gnb li ul li {margin-top:10px;text-align:left;}
#header .gnb li ul li:first-child {margin-top:0;}
#header .gnb li ul li a {display:block;line-height:14px;font-size:12px;color:#95060a; white-space:nowrap;text-align:center;padding:2px}
#header .gnb > li:hover > a,
#header .gnb > li.active > a {color:#95060a; opacity:1;}
#header .gnb li ul li:hover a,
#header .gnb li ul li.active a {color:#fff;background:#95060a; opacity:1;}
#header .bg {position:absolute; opacity:.8;background:#fff;}

#top-visual{background-attachment: fixed; background-image:url(../img/sub_v.png); height:305px;}
#mv-txt img {margin-bottom:10px}
#mv-txt{ text-align:center;padding:160px 0 0 0;color:#fff;font-size:20px}
#mv-txt b {font-size:38px;margin-top:5px;display:inline-block}

.content_body {text-align:center;}
#quick {position:fixed;right:30px;top:250px}
#quick img {margin:10px 0}
#snb {border:0px solid #cbcbcb;width:1100px;margin:0 auto 55px;position:relative;z-index:200; height:48px; margin-top:30px; background-color:#ebebeb;}
#snb:after {content:"";display:block;clear:both;}
#snb > li {float:left;position:relative;}
#snb > li:first-child + li > a {background:url(../img/snb-arr.png) no-repeat 100% 50%;}
#snb > li:first-child + li + li > a {background:url(../img/snb-menu.png) no-repeat 100% 50%;}
#snb > li:first-child + .ov {margin-left:0;}
#snb .ov {margin-left:-1px;}
#snb .ov > a {
	display:block;
	height:48px;
	line-height:48px;
	padding:0 35px 0 15px;
	font-size:14px;
	color:#555;
	letter-spacing:-0.075em;
	border-right:0px solid #cbcbcb;
	border-left:0px solid #cbcbcb;
	min-width:160px;
}
#snb .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#fff;display:none;}
#snb .ov ul li {border:1px solid #cbcbcb;margin-top:-1px;}
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a {display:block;font-size:12px;color:#555;padding:9px 15px;white-space:nowrap;letter-spacing:-0.075em;}

#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover {background:#f3f3f3;color:#333;}




#sub {width:1100px;;margin:0 auto; position:relative;}

#sub-title{position:absolute; left:50%; margin-left:-301px; width:600px; height:100px;}
#sub-title h1{font-size:50px; font-weight:600; color:#101010; text-align:center; letter-spacing:-0.1em;}
#sub-title .line{position:absolute; left:50%; margin-left:-60px; top:90px; width:60px; height:30px;} 

.board_area {width:1100px;margin:0 auto;padding-bottom:50px}


/* mmmm */
#mmmm ul {position: absolute;  margin:0px; margin-left:0px; left:0%; z-index:1000;}
#mmmm li {display:inline-block; zoom:1; *display:inline; width:243px  margin-left:0px; padding-top:15px; }
#mmmm li:first-child { margin-left:0}
#mmmm li a {display:block;  }
#mmmm li a span {display:block; position:relative; overflow:hidden; width:243px; height:64px;  margin-bottom:0px;}
#mmmm li a span .off {position:absolute; top:0px; left:0px; opacity:1; filter:alpha(opacity=0); }
#mmmm li a span .on {position:absolute; top:0px; left:0px; opacity:0; filter:alpha(opacity=0); transition:all 0.1s ease-in-out 0s;  }
#mmmm li a:hover span .off {opacity:0; filter:alpha(opacity=0); transition:all 0s ease-in-out 0s;  }
#mmmm li a:hover span .on {opacity:1; filter:alpha(opacity=0); transition:all 0.1s ease-in-out 0s;  }
#mmmm li img:nth-child(2):hover {
position:relative; animation:ddd.1s; animation-duration:0.2s; 
}
@keyframes ddd { from {left:-100px}
                    to{letf:0px;} }


.menu_contents{ position:fixed; top:50%; margin-top:-170px; margin-left:0px; padding-bottom:0px;  z-index:80; width:243px; }





#container{ padding-left:0px; padding:5px 0 100px 0;} 

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:16px;
	border-left: 1px solid #ddd;
	height:40px;
}
ul.tabs li { margin-bottom:-1px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 39px;
    line-height: 39px;
    border: 1px solid #ccc;
    border-left: none;
    font-weight: bold;
    background: #eee;
    overflow: hidden;
    position: relative;
	padding-top:1px;
}
ul.tabs li.active { color:#99796a;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content { position: absolute;
    margin:40px 0px 0px 0px; margin-left:0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none;
}
 #container {
    width: 1100px;
    margin: 0 auto;
}








#ft2{width:100%; text-align:center; background:#f3efe6; height:200px;}


#footer2{width:1100px; text-align:center; }
#footer .img{width:1100px;}


.goto-blog{position:absolute; top:87px; right:20px; z-index:100;}
.goto-1st{position:absolute; top:87px; right:130px; z-index:100;}

.contents{position:absolute; top:730px; z-index:60; width:1100px; left:50%; margin-left:-550px; }



#vis .vis .info1 {position:absolute; top:50%; margin-top:-310px; left:50%; margin-left:-960px;  z-index:9;}


#vis,
#vis .vis {width:1920px; height:1000px;position:relative;z-index:0;overflow:hidden; left:50%; margin-left:-960px;}
#vis .vis .bg {position:relative;left:50%;margin-left:-1010px;z-index:0;transition:7s;transform:scale(1.2,1.2); }
#vis .vis .info {font-size:0;position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;text-align:center;}
#vis .vis .info:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#vis .vis .info dl {display:inline-block;vertical-align:middle;position:relative;z-index:10; top:23px;}
#vis .vis .info dl dt {font-size:80px;color:#fff;line-height:72px;letter-spacing:-0.055em;}
#vis .vis .info dl dd {font-size:25px;color:#fff; opacity:0.7; font-weight:400;margin-top:10px;letter-spacing:-0.005em;}
#vis .vis .info:after { 
	content:"";
	display:block;
	z-index:0;
	width:825px;
	height:316px;
	position:absolute;
	left:50%;
	top:54%;
	margin:-163px 0 0 -417.5px;
	border:1px solid rgba(255,255,255,0.5);;
	transform:scale(1.35,1.35);
	transition:5s;
}
#vis .vis.active .bg {transform:scale(1,1);}
#vis .vis.active .info:after {transform:scale(1,1);}





#vis .bx-pager {position:absolute;z-index:100; top:50%; margin-top:330px;left:50%;margin-left:-20px;width:200px; }
#vis .bx-pager .bx-pager-item {display:inline;}
#vis .bx-pager .bx-pager-item a {
	display:inline-block;
	margin:0 5px;
	width:10px;
	height:10px;
	border:1px solid #fff;
	text-indent:-9999px;
	text-align:left;
	overflow:hidden;
	border-radius:50%;
	transition:0.3s;
}
#vis .bx-pager .bx-pager-item a.active {background:#fff;}




#mv {padding:70px 0 85px;overflow:hidden;position:relative; background-color:#fff;}
#mv .tit h3 {text-align:center;font-size:40px;font-weight:600;color:#333;letter-spacing:0;}
#mv .area {width:3000px;position:relative;left:50%;margin-left:-550px;margin-top:35px;}

.content_body {padding-bottom:50px;padding-top:50px}

.content_body .con_title {font-size:50px;font-weight:600;color:#000;margin-bottom:30px;position:relative;padding-bottom:30px}
.content_body .con_title .line {display:block;margin:20px auto;width:40px;border-bottom:4px solid #000;left:0}
.board_area .con_title {font-size:50px;font-weight:600;color:#000;margin-bottom:30px;position:relative;padding-bottom:30px;text-align:center}
.board_area .con_title .line {display:block;margin:20px auto;width:40px;border-bottom:4px solid #000;left:0}

.subt2 {padding-top:10px;font-size:11px;text-align:left;width:1100px;margin:0 auto}
.table2 {width:1100px;margin:0 auto}
.table2 th {background:#efefef;border:1px solid #ccc;font-size:14px;color:#333;font-weight:800}
.table2 td {border:1px solid #ccc;padding:15px;text-align:left;color:#888;font-size:13px}
.wc-1100 {width:1100px;margin:0 auto}
#footer{width:1920px; background-color:#fff; height:100px; z-index:10; position: absolute;left:50%; margin-left:-960px;}
#footer .img{width:1100px;position: absolute;z-index:10;left:50%; margin-left:-550px; }
#footer .line{width:1100px; height:1px; background-color:#dedede; position:absolute; left:50%; margin-left:-550px; margin-top:-5px;}

#footer2 .line{width:1100px; height:1px; background-color:#dedede; position:absolute; left:50%; margin-left:-580px; margin-top:-5px;}