@font-face {
 font-family: 'NanumGothicWeb';
 src: url('NanumGothicCompact.eot') format('eot'), /* IE9 Compat Modes : ¶ó°í ³ª¿ÍÀÖ±ä ÇÏÁö¸¸ ~Àͽº8±îÁö ¸ðµÎ Àû¿ëµÊ */
      url('NanumGothic.woff') format('woff'), /* Modern Browsers : Ãֽźê¶ó¿ìÁ®¿¡ Àû¿ë. ÁÖ·Î Àͽº9 ÀÌ»ó ¹öÁ¯ÀÏ°æ¿ì Àû¿ëµÊ */
      url('NanumGothic.ttf')  format('truetype');  /* Safari, Android, iOS : ±× ¿Ü »çÆĸ®, ÆÄÀ̾îÆø½º, Å©·Ò µî¿¡¼­ Àû¿ëµÊ*/
 }
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html, body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
img{
border:none;
}

#fullpage{
top:0;
}


#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
h1{
	font-size: 5em;
	font-family: arial,helvetica;
	color: #fff;
	margin:0;
	padding:0;
}
.intro p{
	color: #fff;
}

.section{
	text-align:center;
}


#header{
	position:fixed;
    width:100%;
	max-width: 16.2%;
    height: 100%;
	display:block;
	background-color: #2a2a2a;
	z-index:9;
	text-align:center;
	margin:0;
	padding:0;
}

#header-inner {
    width: 100%; 
    height: 100%;
	margin:0;
	padding:0;
}
.inner1 {
margin:48px 0 0 0;
padding:0 4%;
text-align:center;
width:92%;
}
.inner2 {
width: 100%;
margin:187px 0 50px 0;
text-align:center;
padding:0;
}
.inner2 a  img{
width:92%;
max-width:234px;
padding:0 4%;
text-align:center;
}


/*
#header nav {
margin-top: 90px;
position: relative;
}
#header nav ul li a {
  display: inline-block;
  padding: 10px;
  font-weight: normal;
  color: #b5b5b5;
}
#header nav ul li a:visited, #header nav ul li a:active, #header nav ul li a:focus {
  color: #b5b5b5;
  outline: none;
}
#header nav ul li a:hover, #header nav ul li a.active {
  color: #fff;
  outline: none;
}
#header nav #nav-pointer {
  top: 16px;
  position: absolute;
}
#header nav #nav-pointer div {
  position: absolute;
  width: 4px;
  height: 4px;
  background: url('/img/title-decoration.png') no-repeat 0px -16px;
}
#header div#pointer-left {
  left: 87px;
}
#header div#pointer-right {
  left: 179px;
}
*/
#menu, .menu_inner{
  margin: 0;
  padding:0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
}

 .menu_inner > li { padding-bottom: 10%; }
.sub, li.active > ul {
  display: none;
}
.active.open ul{
margin:0;
padding:0;
}
#menu > ul > li.active > a {
  padding: 14px 0px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  width:0px;
  text-decoration: none;
  color: #ffffff;
}
.sub{
top:1px;
float:left;
width:0;
}
.sub li a{
padding:5% 0;
}
#menu ul > li.has-sub.open{
float:left;
margin:0 auto;
width:100%;
height:100%;
margin-bottom:2%;
}

li.has-sub.open > a img{
margin-right:0;
float:left;
padding-left: 71px;
}
/*--li.has-sub.open a.active{
background-color:white;
opacity:0.5;
display:block;
}
#menu ul ul ul li a.active > img{
background-color:white;
display:block;
}--*/

#menu ul ul ul li a {
  padding-left: 15px;
  padding-bottom:15px;
      display: block;
}
#section2{
margin-left:15.7%;
width:84.3%;
}
#section3{
margin-left:15.7%;
width:84.3%;
padding:0 20%;
}

/*----------------------main---------------------*/
#carousel {
  position: absolute;
  top: 0;
  left: 16.2%;
  z-index: 2;
  width: 100%;
  min-width: 700px;
  height: 100%;
  overflow: hidden;
  background-color:#1f1f1f;
}
#carousel #carousel-inner {
  position: absolute;
  z-index: 1;
  width: auto;
  height: 100%;
}
#carousel.transform .bar {
  -webkit-transform: translate3d(0, 0, 0);
}
#carousel .bar {
    display: block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    height: 100%;
    min-width: 14.28571428571429%;
    float: left;
    color: #1f1f1f;
    background-color: #1f1f1f;
    text-decoration: none;
    text-align: center;
}
#carousel .bar:hover,
#carousel .bar:active,
#carousel .bar:focus,
#carousel .bar:visited {
  color: #1f1f1f;
  text-decoration: none;
}
#carousel .bar img {
  position: absolute;
  z-index: 1;
  top: 0;
	width: auto;
  left: 0;
}
#carousel .bar .title {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-image:url('../img/title-mouseover2.png');
  background-size: cover;
  color:#fff;
}
#carousel .bar .title.selected {
  background-image:url('../img/title-mouseover.png');
  background-size: cover;
}

#carousel .bar .title.selected .title-inner{
  position: absolute;
  z-index: 3;
  width: 120px;
  height: 150px;
  left:95px;
  bottom:60px;
  opacity:1;
}

#carousel .bar .title.selected span,
#carousel .bar .title.selected h2 {
  color: #000;

}
#carousel .bar .title span {
  display: none;
  font-family: UniversLTStd57CnRegular;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  width: 35px;
  height: 30px;
  margin: 25px auto 0 auto;
  border-bottom: 1px solid #7c7c7c;
}
#carousel .bar .title h2 {
  display: none;

  font-family: UniversLTStd47CnLtRegular;
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 18px;
  width: 80px;
  margin: 5px auto 0 auto;
  padding: 0;
  background: none;
}

.menu1_sub1 {
    height: 100%;
}

.menu1_sub2 {
height: 100%;
display:table;
margin:0 auto;
padding:0;
text-align:center;
vertical-align:middle;

}


.menu1_sub2 img{
display:table-cell;
vertical-align:middle;
padding:0;
margin:0 auto;

}

.menu1_sub3 {
height: 100%;
display:table;
margin:0 auto;
padding:0;
text-align:center;
vertical-align:middle;

}
.menu1_sub3_inner {
width:100%;
height:100%;
display:table-cell;
margin:0;
padding:0;
vertical-align:middle;
}

.menu1_sub3 img{
padding:0;
margin:0 auto;
min-width:900px;
width:85%;
}

.fp-section {
	background-image:url('../img/bg.jpg');
	background-repeat:repeat;
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
	width:100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    table-layout:fixed;
    width: 100%;

}
.fp-tableCell {
    vertical-align: middle;
    width: 100%;
    height: 100%;

}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #333;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

/*-----------------------solution page------------------------------- */
.container-left img{
width:100%;
}
.container-center img{
width:100%;
}
.container-right img{
width:100%;
}

/* left */
.container-left{
padding:0;
width:28%;
height:100%;
float:left;
position:relative;
}
.container-left ul{
padding:0;
margin:0;
display:table;
}
.container-left ul:hover{
background:#104c7e;
margin:0;
display:table;
}
.container-left a{
display:table-cell;
padding:5%;
width:100%;
height:100%;
vertical-align:middle;
}

.container-left .one{
height:32%;
background: #fff;
text-align:center;
width:100%
}
.container-left  .two{
height:32%;
background: #f1f1f1;
text-align:left;
Width:100%

}
.container-left  .three{
height:36%;
background: #f4f4f4;
width:100%;
width:100%

}

/* center */
.container-center{
width:38%;
height:100%;
float:left;
position:relative;

}
.container-center ul{
padding:0;
margin:0;
display:table;
}
.container-center ul:hover{
padding:0;
background:#104c7e;
margin:0;
display:table;
}
.container-center ul a{
display:table-cell;
padding:5%;
width:100%;
height:100%;
vertical-align:middle;
}

.container-center .one{
height:51%;
background: #f9f9f9;
width:100%;
}
.container-center .two{
height:49%;
background: #eaeaea;
width:100%;
}



/* right */
.container-right{
width:34%;
height:100%;
float:left;
position:relative;

}
.container-right ul{
padding:0;
margin:0;
display:table;

}
.container-right ul:hover{
padding:0;
background:#104c7e;
margin:0;
display:table;
}
.container-right ul a{
display:table-cell;
padding:5%;
width:100%;
height:100%;
vertical-align:middle;
}

.container-right .one{
height:42%;
background: #e8e8e8;
text-align:left;
width:100%;

}
.container-right .two{
height:29%;
background: #f2f2f2;
text-align:left;
width:100%;

}
.container-right .three{
height:29%;
background: #dbdbdb;
text-align:left;
width:100%;

}

/*------------------------------- menu3------------------------------- */

.list_title{
  display:table;
  width:100%;
  height:30%;
    text-align: center;
margin:0 auto;
}
.list_title > ul > img{
  max-width:181px;
  width:100%;
}

.list_title ul{
	display:table-cell; 
		vertical-align: middle;
		padding:0;
		margin:0;

}

.list_bg{
    width: 100%;
	max-width:855px;
    text-align: Center;
    display: table;
    margin: 0 auto;
    padding: 0 0 58px 0;
    height: 100%;
		background-image:url('../img/bg.jpg');

}
.list{
display: table-cell;
vertical-align: middle;

margin:0 auto;
height: 100%;
padding:0;
}
.list_search{
		height:4%;
		display:table;
		margin:2% 0;
		padding:0;
		width:100%;
		text-align:right;

}
.list_search > input{
padding:0;
margin:0;
display:table-cell;
}
.list_search > select{
padding:0;
margin:0;
display:table-cell;

}

.list_search > ul{
		display:table;
		margin:0 auto;
		padding:0;
		width:100%;
		text-align:right;

}

.search_btn{
padding:0;
margin:0;
display:table-cell;height: 100%;
    vertical-align: middle;
}
.a_s_select{width:100px;height:25px;border:1px solid #e2e2e2;color:#959595;}

.a_s_input{width:182px;height:23px;margin:5px 3px 5px 5px;border:1px solid #e2e2e2;background-color:#fafafa;}

.a_list_search a{vertical-align:middle}
.list_search_select {
	margin: 0;
	vertical-align: middle;
	height:27px;
	margin:0 4px 0 2px;
	width:140px;
	font-size: 13px;
	color: #959595;
	border: 1px solid #eeeeee;
	font-family: 'NanumGothic',serif;

	}

.board_list {
		width:100%;

		margin: 0;
		border-bottom: 1px solid #bdbdbd;

	}
	.board_title {
		margin:0;
		padding:0;
		width:100%;
		display: table;
		background-image:url('../img/btn/board_inner_title.png');
		background-repeat:no-repeat;
		background-position:top;
		border-bottom:1px solid #999999;
	}
	.board_title li{
		font-size:12px;
		height:30px;
		font-weight:normal;
		letter-spacing: -0.5px;
		color:#4f4f4f;
		text-align:center;
		display: table-cell;
	vertical-align: middle;
		font-family:'NanumGothic' ,serif;
	}

	.board_view {
		margin:0;
		height:15px;
		width:100%;
		display: inline-block;
		padding: 1% 0;
		border-bottom:1px solid #e4e4e4;

	}

	.board_view li{
		font-size:12px;
		font-weight:normal;
		letter-spacing: -0.5px;
		color:#525252;
		float:left;
		font-family:'NanumGothic' ,serif;
	}

	.board_list li.num {margin:0;padding:0;text-align:center;width:8%;}
	.board_list li.subject {margin:0;padding:0;text-align:center; text-indent:20px;width:52%;}
	.board_list li.writer {margin:0;padding:0;text-align:center;width:15%;}
	.board_list li.date {margin:0;padding:0;text-align:center;width:15%;}
	.board_list li.reference {margin:0;padding:0;text-align:center;width:10%;}
	.board_list li > a {margin:0;padding:0;color:#525252;}
	.board_view  > a {margin:0;padding:0;color:#525252;text-decoration:underline;}
	.board_view li.subject {margin:0;padding:0;text-align:left; text-indent:20px;width:52%;}


/* pagination */
.pagination{
display:table;
margin:0 auto;
height:5%;
 text-align:center;
 color:#767676;
 font-size:13px;
 letter-spacing:-1px;
 -webkit-text-size-adjust:none;
 }
.pagination ul {
display:inline-block;
vertical-align:middle;
padding:0;
margin:20px 0;
}


.pagination ul > li {
display:inline-block;
vertical-align:middle;
padding:0;
height:28px;width:28px;
margin-right:5px;
}
.pagination ul > li > a{display:block}
.pagination ul > li.page_n > a{
height:28px;
line-height:28px;
color:#898989;
font-weight:normal;
background:#fff;
font-family:'NanumGothic';
}
.pagination ul > li.page_n > a:hover,
.pagination ul > li.actived > a{
color:#ffffff;
font-weight:normal;
background:#a4a5a7;
text-decoration:none;
line-height: 28px !important;
height:28px !important;
width:28px !important;
padding:0 !important;
font-family:'NanumGothic';
}

.pagination ul > li.prev > a,.pagination ul > li.next > a{height:28px;width:28px;line-height:28px;color:#555;font-weight:normal;}
.pagination ul > li.prev{margin-right:5px; padding:0;height:28px;width:28px;line-height:28px; background:url('/img/btn/btn_list_prev.png') left center no-repeat}
.pagination ul > li.next{margin-right:5px; padding:0;;height:28px;width:28px;line-height:28px;  background:url('/img/btn/btn_list_next.png') right center no-repeat}
.wbox{
width:10px;
}
.hbox{
height:25px;
}

.board_detai_footer{
background-color:#fcfcfc;
height:46px;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
  vertical-align:middle;
  text-align:right;
width:100%;

}

.board_detai_footer img{
	padding:1%;
}

.board_detail {
	width:100%;
    padding:0;
    margin: 0 auto;
	display: table;

	border-bottom: 1px solid #bdbdbd;

}


.board_detail_inner{
	width:100%;
    padding:0;
    margin: 0;
	display: inline-block;

}

.board_detail_title {
margin:0;
	height:17px;
	width:100%;
	display: inline-block;
	background-image:url('../img/btn/board_inner_title.png');
	background-repeat:no-repeat;
	background-position:top left;
	padding: 1% 0;
	list-style: none;

}
.board_detail_footer {
	margin:0;
	padding:0;
	height:17px;
	width:100% !important;
	display: inline-block;
	background-image:url('../img/btn/list.jpg');
	background-repeat:no-repeat;
	background-position:top;
	padding: 1% 0;
	text-align:right;
}

.board_detail_title li{
	font-size:12px;
	font-weight:normal;
	letter-spacing: -0.5px;
	color:#4f4f4f;
	font-family:'NanumGothic' ,serif;
		list-style: none;

	}
.board_detail_title2 {
	margin:0;
	padding:0;
	height:28px;
	width:100%;
	display: inline-flex;
	border-bottom:1px solid #999999;
}
.board_detail_title2 li{
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#2f6aa6;
	padding:0 4px;
	list-style: none;
	font-family:'NanumGothic' ,serif;
	}


.board_detail_view {
	padding:0;
	margin:0;
	height:100%;
	width:100%;
	display: inline-flex;
	border-bottom:1px solid #e4e4e4;
	font-family:'NanumGothic' ,serif;
	text-align:left;

}

.board_detail_view li{
	padding: 2%;
	list-style: none;

	font-size:13px;
	font-weight:normal;
	color:#525252;
	font-family:'NanumGothic' ,serif;
	}

.menu1_sub1 {
height: 100%;
display:table;
margin:0 auto;
padding:0;
text-align:center;
vertical-align:middle;

}
.menu1_sub1_inner {
width:100%;
height:100%;
display:table-cell;
margin:0;
padding:0;
vertical-align:middle;
}

.menu1_sub1 img{
padding:0;
margin:0 auto;
min-width:900px;
width:70%;
}




.menu1_sub2 {
height: 100%;
display:table;
margin:0 auto;
padding:0;
text-align:center;
vertical-align:middle;

}
.menu1_sub2_inner {
width:100%;
height:100%;
display:table-cell;
margin:0;
padding:0;
vertical-align:middle;
}

.menu1_sub2 img{
padding:0;
margin:0 auto;
min-width:900px;
width:100%;
}



.menu1_sub3 {
height: 100%;
display:table;
margin:0 auto;
padding:0;
text-align:center;
vertical-align:middle;

}
.menu1_sub3_inner {
width:100%;
height:100%;
display:table-cell;
margin:0;
padding:0;
vertical-align:middle;
}

.menu1_sub3 img{
padding:0;
margin:0 auto;
min-width:900px;
width:85%;
}


@media all and (max-width: 1735PX){
		#fullpage{
		top:0px;
		}

		#menu,#menu ul li a {
		  margin: 0;
		  border: 0;
		  padding:0;
		  list-style: none;
		  line-height: 1;
		  display: block;
		  position: relative;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		}
		#menu ul{
		  margin: 0 auto;
		  padding:0;
		  border: 0;
		  list-style: none;
		  line-height: 1;
		  display: block;
		  position: relative;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;

		}
		#menu ul li{
		padding-bottom: 10%;
		}
		#menu > ul > li.active > ul > li{

		padding-bottom: 0px;
		}

		#menu {
			margin:0 auto;
			padding:1%;
			text-align:center;
		  width: 100%;
		  font-family: Raleway, sans-serif;
		}
		#menu ul ul {
		  display: none;
		}
		#menu > ul > li.active > ul {
		  display: none;
		}
		#menu > ul > li.active{
			display: table;
			width: 100%;
		}
		#menu > ul > li.active > a {
		  padding: 14px 0px;
		  cursor: pointer;
		  z-index: 2;
		  font-size: 16px;
		  width:0px;
		  text-decoration: none;
		  color: #ffffff;
		}
		.sub{
		top:1px;
		float:left;
		width:0;
		}
		.sub li a{
		padding:5% 0;
		}
		#menu ul > li.has-sub > a:before {
		  -webkit-transition: all 0.1s ease-out;
		  -moz-transition: all 0.1s ease-out;
		  -ms-transition: all 0.1s ease-out;
		  -o-transition: all 0.1s ease-out;
		  transition: all 0.1s ease-out;
		}
		#menu ul > li.has-sub.open > a:after,
		#menu ul > li.has-sub.open > a:before {
		  -webkit-transform: rotate(45deg);
		  -moz-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
		  -o-transform: rotate(45deg);
		  transform: rotate(45deg);
		}
		#menu ul > li.has-sub.open > a img{
		margin-right:0;
		float:left;
		padding-right:4%;
		padding-left:1%;
		}

		#menu ul ul li a {
		  cursor: pointer;
		  z-index: 2;
		  font-size: 14px;
		  text-decoration: none;
		  color: #dddddd;
		}
		#menu ul ul ul li a {
		  padding-left: 1%;
		  padding-bottom:15px;
		}
		#section2{
		margin-left:15.7%;
		width:84.3%;
		}
		#section3{
		margin-left:15.7%;
		width:20%;
		padding:0 20%;
		}
		.menu1_sub1 img{
		width: 70%;
		min-width: 855px;
		vertical-align: middle;
		padding:0;
		margin:0 auto;
		}
		.menu1_sub2 img{
		display:table-cell;
			vertical-align:middle;
		padding:0;
		margin:0 auto;

		}

.menu1_sub3 {
height: 100%;
display:table;
margin:0 auto;
padding:0;
text-align:center;
vertical-align:middle;

}
.menu1_sub3_inner {
width:100%;
height:100%;
display:table-cell;
margin:0;
padding:0;
vertical-align:middle;
}

.menu1_sub3 img{
padding:0;
margin:0 auto;
min-width:900px;
width:85%;
}



		/*----------------------main---------------------*/
		#carousel {
		  position: absolute;
		  top: 0;
		  left: 15.7%;
		  z-index: 2;
		  width: 100%;
		  min-width: 700px;
		  height: 100%;
		  overflow: hidden;
		}
		#carousel #carousel-inner {
		  position: absolute;
		  z-index: 1;
		  width: auto;
		  height: 100%;
		}
		#carousel.transform .bar {
		  -webkit-transform: translate3d(0, 0, 0);
		}
		#carousel .bar {
			display: block;
			position: relative;
			cursor: pointer;
			overflow: hidden;
			width: 100%;
			max-width: 12%;
			height: 100%;
			min-width: 12.6%;
			float: left;
			color: #1f1f1f;
			background-color: #1f1f1f;
			text-decoration: none;
			text-align: center;
		}
		#carousel .bar:hover,
		#carousel .bar:active,
		#carousel .bar:focus,
		#carousel .bar:visited {
		  color: #1f1f1f;
		  text-decoration: none;
		}
		#carousel .bar img {
		  position: absolute;
		  z-index: 1;
		  top: 0;
			width: auto;
		  left: 0;
		}
		#carousel .bar .title {
		  position: absolute;
		  z-index: 3;
		  width: 100%;
		  height: 100%;
		  background-image:url('../img/title-mouseover2.png');
		  background-size: cover;
		  color:#fff;
		}
		#carousel .bar .title.selected {
		  background-image:url('../img/title-mouseover.png');
		  background-size: cover;
		}

		#carousel .bar .title.selected .title-inner{
		  position: absolute;
		  z-index: 3;
		  width: 120px;
		  height: 150px;
		  left:95px;
		  bottom:60px;
		  opacity:1;
		}

		#carousel .bar .title.selected span,
		#carousel .bar .title.selected h2 {
		  color: #000;

		}
		#carousel .bar .title span {
		  display: none;
		  font-family: UniversLTStd57CnRegular;
		  font-size: 20px;
		  font-weight: normal;
		  text-align: center;
		  width: 35px;
		  height: 30px;
		  margin: 25px auto 0 auto;
		  border-bottom: 1px solid #7c7c7c;
		}
		#carousel .bar .title h2 {
		  display: none;

		  font-family: UniversLTStd47CnLtRegular;
		  font-size: 15px;
		  font-weight: normal;
		  text-transform: uppercase;
		  line-height: 18px;
		  width: 80px;
		  margin: 5px auto 0 auto;
		  padding: 0;
		  background: none;
		}

}














@media all and (max-width: 1279PX){

		#fullpage{
		top:0;
		}

		#header{
		position:fixed;
		width: 100%;
		max-width: 100%;
		background: #2a2a2a;
		z-index:9;
		text-align:center;
		color: #f2f2f2;
		height:100%;
		max-height: 50px;
		display:block;
		}
		#header-inner {
		height:100%;
		width: 100%;
		max-height: 50px;

		margin: 0 auto;
		padding:0;
		display:table;

		}
		.inner1 {
		padding:0;
		margin: 0 auto;
		text-align: center;
		width: 15%;
		vertical-align:middle;
		float: right;
		display:table-cell;
		height:100%;
		}
		.inner1 span{
		padding:0;
		margin: 0 auto;
		width: 100%;
		display:table;
		height:100%;
		}

		.inner1 span a{
		padding:0;
		margin: 0 auto;
		width: 50%;
		display:table-cell;
		vertical-align:middle;
		height:100%;
		}


		.inner2 {
		width: 15%;
		float: left;
		text-align: center;
		padding:0;
		margin: 0;
		display:table;
		height:100%;

		}
		.inner2 a {
		width: auto;
		max-width: none;
		padding: 0;
		text-align: center;
		display:table-cell;
		height:100%;
		vertical-align:middle;

		}
		.inner2 a img{
		width:100%;margin:0; padding:0;
		}
		#menu,#menu ul li a {
		  margin: 0;
		  border: 0;
		  padding:0;
		  list-style: none;
		  line-height: 1;
		  display: block;
		  position: relative;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		}
		#menu ul{
		  margin: 0;
		  padding:0;
		  border: 0;
		  list-style: none;
		  line-height: 1;
		  display: table;
		  -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;

		}
		#menu ul li{
		padding-bottom: 0;
			width: 25%;
		display: table-cell;
			vertical-align:middle;

		}
		#menu {
		width: 70%;
		padding:0 5%;
		float: left;
		display: table;
		height:100%;
		}
		.menu_inner{
		display:table;
		width:100%;
		height:100%;
		text-align:center;
		margin:0 auto;
		}

		#menu ul ul {
		  display: none;
		}
		#menu > ul > li.active > ul {
		  display: none;
		}
		#menu > ul > li.active {
			display: table-cell;
			vertical-align:middle;
			text-align:center;
			margin:0 auto;
			padding:0;
			width: 25%;
		}
		#menu > ul > li.active > ul > li {
			display: table-cell;
			vertical-align:middle;
			text-align:center;
			height:100%;
			margin:0 auto;
			padding:0;
			width: 100%;
			float: left;
		}


		#menu > ul > li.active > a {
		  padding: 14px 0px;
		  cursor: pointer;
		  z-index: 2;
		  font-size: 16px;
		  width:0px;
		  text-decoration: none;
		  color: #ffffff;
		}
		#menu > ul > li.active > ul > li > a{

		padding-bottom: 0px;
		width: 100%;
		text-align: center;
		left: 0px;
		}
		#menu > ul > li.active > ul > li > a{
		width:100%;
		margin:0 auto;
		padding:0;
		text-align:center;

		}
		.sub{
		top:1px;
		float:left;
		width:0;
		display: table;
		padding:11% 0 0 3% ;
		height: 100%;
		width: 100%;

		}
		.sub li a{
		padding:5% 0;
		}
		#menu ul > li.has-sub.open{
		display: table;
		width: 100%;
		float: left;
		}
		#menu ul > li.has-sub.open > ul.sub{
		background: #2a2a2a;
		top:1px;
		float:left;
		width:0;
		display: table;
		padding:11% 0 0 3% ;
		height: 100%;
		width: 100%;
		}

		#menu ul > li.has-sub.open > ul.sub > li{
			padding-bottom: 0;
			width: 100%;
			float: left;
			text-align: left;
			}
		#menu ul > li.has-sub.open > ul.sub > li > a{
				padding-left: 0px;
		padding-bottom: 15px;
		}	

		#menu ul > li.has-sub > a:before {
		  -webkit-transition: all 0.1s ease-out;
		  -moz-transition: all 0.1s ease-out;
		  -ms-transition: all 0.1s ease-out;
		  -o-transition: all 0.1s ease-out;
		  transition: all 0.1s ease-out;
		}
		#menu ul > li.has-sub.open > a:after,
		#menu ul > li.has-sub.open > a:before {
		  -webkit-transform: rotate(45deg);
		  -moz-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
		  -o-transform: rotate(45deg);
		  transform: rotate(45deg);
		}
		#menu ul > li.has-sub.open > a img{
		margin-right:0;
		float:left;
		padding-left:0;
		}

		#menu ul ul li a {
		  cursor: pointer;
		  z-index: 2;
		  font-size: 14px;
		  text-decoration: none;
		  color: #dddddd;
		}
		#menu ul ul ul li a {
		  padding-left: 15px;
		  padding-bottom:15px;
		}
		#section2{
		margin-left:0;
		width:100%;
		top:0;
	    padding-top: 4%;
		}
		#section3{
		margin-left:0;
		width:100%;
		top:0;
	    padding-top: 5%;
		}
		#carousel {
		  position: absolute;
		  top: 0%;
		  left:0%;
		  z-index: 2;
		  width: 100%;
		  min-width: 700px;
		  height: 100%;
		  overflow: hidden;
		}


}



.toc-sub a{
font-family:"notokr-regular";
list-style:none;
font-size:12px;
letter-spacing:-1px;
color:#fff;
}