﻿@charset "utf-8";

/** homeMain **/
#homeMain {
	position:relative;
	width:100%;
	margin:0 auto;
}
#homeMain .listshow {
	float:left;
	width:100%;
	background:#000;
	margin:0 auto;
}
#homeMain .listshow .item {
	position:relative;
	display:block;
	width:100%;
}
#homeMain .listshow a {
	float:left;
	width:100%;
	height:100%;
}
#homeMain .listshow .wd {
	position:absolute;
	bottom:0;
	width:100%;
	text-align:left;
	padding:20px 0;
	z-index:2;
}
#homeMain .listshow .wd h3 {
	color: #FFF;
    font-size: 2.1em;
    font-weight: bold;
	padding:0 15px;
	margin:0 auto;
	box-sizing:border-box;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	-webkit-text-shadow:0px 0px 5px rgba(0,0,0,.5);
	   -moz-text-shadow:0px 0px 5px rgba(0,0,0,.5);
        -ms-text-shadow:0px 0px 5px rgba(0,0,0,.5);
			text-shadow:0px 0px 5px rgba(0,0,0,.5);
}
#homeMain .listshow .wd:after {
	position:absolute;
	content: "";
    display: block;
	bottom:0;
	width:100%;
	height:100%;
	text-align:left;
	background: #f29500; /* Old browsers */
	background: -moz-linear-gradient(left, #f29500 0%, #e56d17 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f29500 0%,#e56d17 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f29500 0%,#e56d17 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29500', endColorstr='#e56d17',GradientType=1 ); /* IE6-9 */
	z-index:-1;
	opacity:.8;
}
#homeMain .listshow .pic {
	width:100%;
	height:0%;
	padding-bottom:29%;
	background-position:50% 0;
	background-size:cover;
	z-index:1;
}
#homeMain .listshow a:focus .pic {
	filter:alpha(opacity=50);
	opacity:0.5;
}
#homeMain .listshow .slick-prev,
#homeMain .listshow .slick-next {
	position:absolute;
	display:block;
	font-size:0;
	width:40px;
	height:40px;
	border:1px solid rgba(255,255,255,1);
	box-sizing:border-box;
	z-index:10;	
    -webkit-transition:all 0.8s;
            transition:all 0.8s;
}
#homeMain .listshow .slick-prev {
	left:15px;
}
#homeMain .listshow .slick-next {
	right:15px;
}
#homeMain .listshow .slick-prev span,
#homeMain .listshow .slick-next span {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	font-size:0;
}
#homeMain .listshow .slick-prev span:before,
#homeMain .listshow .slick-next span:before {
	position:absolute;
	content: "";
    display: block;   
    width: 16px;
    height: 16px;    
    z-index: 2;
}
#homeMain .listshow .slick-prev span:before {
	left: 50%;
    top: 50%;
	margin: -9px 0 0 -5px;
	border-left: 2px solid #FFF;
    border-top: 2px solid #FFF;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
#homeMain .listshow .slick-next span:before {
	right: 50%;
    top: 50%;
	margin: -9px -5px 0 0 ;
	border-right: 2px solid #FFF;
    border-top: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
#homeMain .listshow .slick-prev:hover,
#homeMain .listshow .slick-next:hover,
#homeMain .listshow .slick-prev:focus,
#homeMain .listshow .slick-next:focus {
	background-color:rgba(255,255,255,.5);
}
@media screen and (max-width:990px) {
	#homeMain .listshow .wd {
		padding:12px 0;
	}
	#homeMain .listshow .wd h3 {
		font-size: 1.7em;
	}
}
@media screen and (max-width:540px) {
	#homeMain .listshow .wd {
		display:none;
	}
}
@media screen and (min-width:991px) {
	#homeMain .listshow .wd h3 {
		max-width:990px;
		padding:0 50px;
	}
	#homeMain .listshow .slick-prev {
		left:50%;
		top:calc(100% - 30px);
		margin-left:-495px;
	}
	#homeMain .listshow .slick-next {
		right:50%;
		top:calc(100% - 30px);
		margin-right:-495px;
	}
}
@media screen and (min-width:1200px) {
	#homeMain .listshow .wd h3 {
		max-width:1200px;
	}
	#homeMain .listshow .slick-prev {
		margin-left:-600px;
	}
	#homeMain .listshow .slick-next {
		margin-right:-600px;
	}
}


/** tsearchSection **/
#tsearchSection {
	position:relative;
	width:100%;
	min-height:430px;
	margin:0 auto;
	background:#ebebeb;
}
#tsearchSection .acKey {
	position:absolute;
	left:10px;
	z-index:99;
}
@media screen and (max-width:540px) {
	#tsearchSection {
		min-height:530px;
	}
}
@media screen and (max-width:420px) {
	#tsearchSection {
		min-height:540px;
	}
}
@media screen and (min-width:991px) {
	#tsearchSection {
		min-height:225px;
	}
}

/* ----- tsearchBox ----- */
.tsearchBox {
	position:relative;
	float: left;
	width: 100%;
	box-sizing:border-box;
}
.tsearchBox > ul {
	position:relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style:none;
}
.tsearchBox > ul > li > a {
	float:left;
	width:50%;
}
.tsearchBox > ul > li a strong {
	display:block;	
	width: 100%;
	font-size: 2.1em;
	font-weight:bold;	
	text-align:center;
	padding:15px 0;	
}
.tsearchBox > ul > li a strong span {
	display:none;
}
.tsearchBox > ul > li a strong em.ticon1 { background-position:-30px 0;}
.tsearchBox > ul > li a strong em.ticon2 { background-position:-30px -30px;}
.tsearchBox > ul > li a strong em {
	display:inline-block;	
	width: 30px;
	height:30px;
	line-height:30px;
	background:url(../images/tsearchBox-icon.png) no-repeat 0 0;
	vertical-align:middle;
	margin-right:5px;
}
.tsearchBox > ul > li a.saTab {
	color:#FFF;
	background:#d94800;
}
.tsearchBox > ul > li a.saTab strong em.ticon1 { background-position:0 0;}
.tsearchBox > ul > li a.saTab strong em.ticon2 { background-position:0 -30px;}
.tsearchBox > ul > li a.saTabOn {
	color:#d94800;
	background:#ebebeb;
}
.tsearchBox > ul > li a.saTabOn strong em.ticon1 { background-position:-30px 0;}
.tsearchBox > ul > li a.saTabOn strong em.ticon2 { background-position:-30px -30px;}
.tsearchBox .saCont {
	display:block;
	width:100%;
	padding:15px;
	box-sizing:border-box;
	margin:0 auto;
}
.tsearchBox .saCont.mTop {
	position:absolute;
	left:0; 
	top:60px;	
}
.tsearchBox .tsearcTit {
	color:#434343;
	font-size: 2.5em;
	font-weight:bold;
}
.tsearchBox .tsearcCriteria {
	width:100%;
}
.tsearchBox .tsearcCriteria .ttbox {
	float:left;
	width:100%;
	margin:15px 0 0 0;
}
.tsearchBox .tsearcCriteria .sbox {
	position:relative;
	float:left;
	width:calc(50% - 75px);
	padding-left:70px;
}
.tsearchBox .tsearcCriteria .sbox.sb2 {
	float:right;
}
.tsearchBox .tsearcCriteria .sbox label {
	position:absolute;
	left:0;
	top:0;
}
.tsearchBox .tsearcCriteria .sbox label span {
	display:block;
	width:70px;
	height:40px;
	color:#FFF;
	font-size:1.7em;
	font-weight:bold;
	line-height:40px;
	text-align:center;
	background:#434343;
}
.tsearchBox .tsearcCriteria .listBar {
	width:100%;
	height:40px;
	padding:0px;	
	font-size: 1.7em;
	color: #000;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow:"";
	border: none;
	padding:0 0 0 10px;
	background:#FFF url(../images/select-bg.png) no-repeat right;
	-webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
	-moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
	-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
	appearance: none;
}
.tsearchBox .tsearcCriteria .listBar:focus {
	color:#d94800;
	border: none;
	background:#FFF url(../images/select-bg-on.png) no-repeat right;
}
.tsearchBox .tsearcCriteria .listBar option {
	color: #333;
	border: none;
	background:#FFF; /* style the dropdown bg color */
}
.tsearchBox .tsearcCriteria .listBar:-ms-expand {
	display: none; /* hide default arrow in IE10 */
}
.tsearchBox .tsearcCriteria .ttbtn {
	float:left;
	width:100%;
	margin:15px 0 0 0;
}
.tsearchBox .tsearcCriteria .search-btn {
	width:100%;
	height:40px;
	color: #FFF;
	font-size: 1.9em;
	font-weight:bold;
	text-align:center;
	border:none;
	background:#e66000;
	cursor:pointer;
}
.tsearchBox .tsearcCriteria .search-btn:hover,
.tsearchBox .tsearcCriteria .search-btn:focus {
	background:#F90;
}
.tsearchBox .tsearcCriteria .search-btn span {
	position:relative;
	display:inline-block;	
	padding-left:28px;
}
.tsearchBox .tsearcCriteria .search-btn span em {
	-webkit-backface-visibility:hidden;
			backface-visibility:hidden;
}
.tsearchBox .tsearcCriteria .search-btn span em::before {
	position:absolute;
	display:block;
	content:'';
	left:0px;
	top:1px;
	height:20px;
	width:20px;
	border:3px solid #FFF;
	box-sizing:border-box;
    -webkit-border-radius:100px;
       -moz-border-radius:100px;
            border-radius:100px;
}
.tsearchBox .tsearcCriteria .search-btn span em::after {
	position:absolute;
	display:block;
	content:'';
	left:14px;
	top:18px;
	width:9px;
	height:3px;	
	background:#FFF;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.tsearchBox .tsearcResults {
	float:left;
	width:100%;
	padding:5px 15px;
	box-sizing:border-box;
	background:#FFF;
	margin:15px 0;
}
.tsearchBox .tsearcResults dl {
	position:relative;
	display:block;
	width:100%;
	padding:0 0 0 120px;
	box-sizing:border-box;
	margin:15px 0;
}
.tsearchBox .tsearcResults dl dt {
	position:absolute;
	left:0;
	top:0;
}
.tsearchBox .tsearcResults dl dt span {
	display:block;
	width:100px;
	color: #FFF;
	font-size: 1.7em;
	text-align:center;
	font-weight:bold;
	padding:5px 0;
	background:#e66000;
}
.tsearchBox .tsearcResults dl dd {
	display:block;
	margin:-5px -10px;
}
.tsearchBox .tsearcResults dl dd span {
	display:inline-block;
	width:50%;
	color: #000;
	font-size: 1.7em;
	text-align:right;
	font-weight:bold;
	padding:5px 10px;
	box-sizing:border-box;
}
.tsearchBox .tsearcResults dl dd span em {
	float:left;
	display:block;
	font-style:normal;
	text-align:left;
}
@media screen and (max-width:640px) {
	.tsearchBox > ul > li a strong {		
		padding:10px 0;
	}
	.tsearchBox > ul > li a strong span {
		display:none;
	}
	.tsearchBox .tsearcTit {
		display:block;
	}
	.tsearchBox #LRTStrHtml dl:first-child dd span {
		width:100%;
	}
}
@media screen and (max-width:540px) {
	.tsearchBox .tsearcCriteria .sbox {
		width:calc(100% - 70px);
	}
	.tsearchBox .tsearcCriteria .sbox.sb2 {
		float:left;
		margin:15px 0 0 0;
	}
	.tsearchBox .tsearcResults dl {
		padding:0 0 0 90px;
	}
	.tsearchBox .tsearcResults dl dt span {
		width:80px;
	}
	.tsearchBox .tsearcResults dl dd span {
		width:100%;
	}
	.tsearchBox #LRTStrHtml dl:first-child dd span {
		width:100%;
		text-align:right;
	}
}
@media screen and (min-width:991px) {
	.tsearchBox > ul > li a strong {
		font-size: 2.3em;
	}
	.tsearchBox > ul > li a strong span {
		display:inline;
	}
	.tsearchBox > ul > li a.saTab strong,
	.tsearchBox > ul > li a.saTabOn strong {
		float:left;
		width: 495px;
	}
	.tsearchBox > ul > li:first-child a.saTab strong,
	.tsearchBox > ul > li:first-child a.saTabOn strong {
		float:right;
	}
	.tsearchBox .saCont {
		width:990px;
		padding:0;
	}
	.tsearchBox .saCont.mTop {
		left:calc((100% - 990px)/2);	
		margin:20px auto 0 auto;
	}
	.tsearchBox .tsearcTit {
		display:none;
	}
	.tsearchBox .tsearcCriteria {
		position:relative;
		float:left;
		width:565px;
	}
	.tsearchBox .tsearcCriteria .ttbox {
		float:left;
		width:455px;
	}
	.tsearchBox .tsearcCriteria .sbox {
		width:150px;
	}
	.tsearchBox .tsearcCriteria .ttbtn {
		position:absolute;
		right:0;
		top:0;
		width:95px;
	}
	.tsearchBox .tsearcCriteria .search-btn {		
		width:95px;
		height:95px;
	}
	.tsearchBox .tsearcCriteria .search-btn span {
		padding:25px 0 0 0;
	}
	.tsearchBox .tsearcCriteria .search-btn span em {
		-webkit-backface-visibility:hidden;
				backface-visibility:hidden;
	}
	.tsearchBox .tsearcCriteria .search-btn span em::before {
		left:5px;
		top:0;
	}
	.tsearchBox .tsearcCriteria .search-btn span em::after {
		left:19px;
		top:17px;
	}
	.tsearchBox .tsearcResults {
		float:right;
		width:405px;
		padding:5px 15px;
	}
	.tsearchBox .tsearcResults dl {
		padding:0 0 0 70px;
		margin: 10px 0;
	}
	.tsearchBox .tsearcResults dl dt span {
		width:60px;
		font-size: 1.5em;
	}
	.tsearchBox .tsearcResults dl dd {
		margin:-3.5px -10px;
	}
	.tsearchBox .tsearcResults dl dd span {
		font-size: 1.5em;
		padding:3.5px 10px;
	}
	.tsearchBox #LRTStrHtml dl:first-child dd span {
		width:100%;
		text-align:left;
	}
	.tsearchBox #LRTStrHtml dl:first-child dd span em {
		margin-right:4.4em;
	}
}
@media screen and (min-width:1200px) {
	.tsearchBox > ul > li a.saTab strong,
	.tsearchBox > ul > li a.saTabOn strong {
		width: 600px;
	}
	.tsearchBox .saCont {
		width:1200px;
	}
	.tsearchBox .saCont.mTop {	
		left:calc((100% - 1200px)/2);
	}
	.tsearchBox .tsearcCriteria {
		width:755px;
	}
	.tsearchBox .tsearcCriteria .ttbox {
		width:645px;
	}
	.tsearchBox .tsearcCriteria .sbox {
		width:245px;
	}
	.tsearchBox .tsearcResults {
		width:420px;
	}
}


/** quickSection **/
#quickSection {
	position:relative;
	width:100%;
	padding:30px 0;
	margin:0 auto;
}
#quickSection ul {
	list-style:none;
	margin:-10px;	
}
#quickSection ul li {
	display:inline-block;
	width:calc(100% / 4);
    font-size: 1.9em;
    font-weight: bold;
	line-height:125%;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
#quickSection ul li a {
	display:block;
	color: #000;
	margin:0 auto;
}
#quickSection ul li a:hover,
#quickSection ul li a:focus {
	color: #B20000;
}
#quickSection .icon {
	position:relative;
	display:block;
	width:150px;
	padding-bottom:150px;
	background:#aaaaaa;
	margin:0 auto 10px auto;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
			border-radius:15px;
}
#quickSection ul li a:hover .icon,
#quickSection ul li a:focus .icon {
	background:rgba(178,0,0,.2);
}
#quickSection .icon span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-size:cover;
}
@media screen and (max-width:680px) {
	#quickSection .icon {
		width:100%;
		padding-bottom:100%;
	}
}
@media screen and (max-width:420px) {
	#quickSection ul li {
		width:calc(100% / 2);
	}
	#quickSection .icon {
		width:100px;
		padding-bottom:100px;
	}
}
@media screen and (min-width:768px) {
	#quickSection ul li a {
		display:inline-block;
	}
}
@media screen and (min-width:991px) {
	#quickSection {
		padding:75px 0;
	}
	#quickSection ul {
		margin:-15px 0;
	}
	#quickSection ul > li {
		font-size: 2.3em;
		padding:15px 0;
	}
}


/** newsSection **/
#newsSection {
	position:relative;
	width:100%;
	padding:50px 0;
	margin:0 auto;
}
#newsSection:before {
	position:absolute;
	content: "";
	display: block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: rgb(235,188,47); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(235,188,47,1) 0%, rgba(229,99,34,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(235,188,47,1) 0%,rgba(229,99,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(235,188,47,1) 0%,rgba(229,99,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebbc2f', endColorstr='#e56322',GradientType=1 ); /* IE6-9 */
	z-index:-2;
}
#newsSection .sectionBg:before {
	position:absolute;
	content: "";
	display: block;
	right:-20px;
	top:50px;
	width:70%;
	padding-bottom:45%;
	background:url(../images/newsSection-bg.png) no-repeat right 0;
	background-size:cover;
	z-index:-1;
}
#newsSection .sectionBg:after {
	position:absolute;
	content: "";
	display:block;
	left:0;
	bottom:20px;
	width:70%;
	padding-bottom:62%;
	background:url(../images/newsSection-bg2.png) no-repeat 0 bottom;
	background-size:cover;
	z-index:-1;
}
#newsSection .container > h2 {
	color:#FFF;
    font-size: 4.7em;
    font-weight: bold;
	text-align:center;
	margin-top:10px;
}
#newsSection .container > span {
	display:block;
	text-align:center;
}
#newsSection .container > span > em {
	position:relative;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 2.7em;
    font-weight: bold;
	font-style:normal;
	padding-left:35px;
}
#newsSection .container > span > em:after {
	position:absolute;
	content: "";
    display: block;
	left:0;
	top:-3px;
	width:31px;
	height:28px;
	background:url(../images/Section-icon.png) no-repeat 0 0;
}
#newsSection .newsBox {
	width:100%;
	margin:0 auto;
}
@media screen and (min-width:991px) {
	#newsSection {		
		padding:80px 0;
	}
	#newsSection .container > h2 {
		font-size: 4.9em;
	}
	#newsSection .sectionBg:before {
		right:0;
		top:130px;
		width:770px;
		height:500px;
		padding:0;
	}
	#newsSection .sectionBg:after {
		width:900px;
		height:800px;
		padding:0;
	}
}


/* ----- qLink ----- */
.qLink {
	width:100%;
	margin:35px auto 0 auto;
}
.qLink ul {
	list-style:none;
	margin:-10px;	
}
.qLink ul li {
	display:inline-block;
	width:calc(100% / 3);
    font-size: 1.7em;
    font-weight: bold;
	line-height:125%;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.qLink ul.tot3 li {
	width:33.33%;
}
.qLink ul li a {
	display:block;
	width: 100%;
	color: #000;
	margin:0 auto;
}
.qLink .icon {
	position:relative;
	display:block;
	width: 100%;
	padding:10px;
	background:#FFF;
	box-sizing:border-box;
}
.qLink .icon span {
	display:block;
	width: 100%;
	padding-bottom:50%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
.qLink ul li a:hover .icon,
.qLink ul li a:focus .icon{
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);
	   -moz-box-shadow:0 0 5px rgba(0,0,0,0.5);
	        box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.qLink .icon em {
	position:absolute;
	left:10px;
	bottom:10px;
	display:block;
	width:calc(100% - 20px);
	color:#FFF;
	font-style:normal;
	padding:5px 0;
	background:rgba(0,0,0,.8);
}
.qLink ul li a:hover .icon em,
.qLink ul li a:focus .icon em{
	background:rgba(178,0,0,.8);
}
@media screen and (max-width:768px) {
	.qLink ul li {
		width:calc(100% / 2);
	}
	.qLink ul.tot3 li {
		width:calc(100% / 2);
	}
}
@media screen and (max-width:420px) {
	.qLink ul {
		margin:-5px;	
	}
	.qLink ul li {
		width:100%;
		padding:5px;
	}
	.qLink ul.tot3 li {
		width:100%;
	}
	.qLink .icon span {
		margin-bottom:5px;
	}
}
@media screen and (min-width:991px) {
	.qLink ul li {
		font-size:2.1em;
	}
}


/** eventAD **/
#eventAD {
	position:relative;
	width:100%;
	margin:40px auto 0 auto;
	overflow:hidden;
}
#eventAD .listshow {	
	display:block;
	padding:0;
	margin:0 -10px;
	box-sizing:border-box;
}
#eventAD .listshow .item {
	display:inline-block;
	padding:0;
	margin:0 10px;
	box-sizing:border-box;
}
#eventAD .listshow .item a {
	float:left;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
#eventAD .listshow .item a:focus img {
	filter:alpha(opacity=50);
	opacity:0.5;
}
#eventAD .listshow img {
	width:100%;
	height:auto;
	margin:0 auto;
}
#eventAD .slick-dots {
	position:initial;
	width:100%;
	text-align:center;
	margin:20px auto 0 auto;
}
#eventAD .slick-dots li {
    display:inline-block;
	width:15px;
	height:15px;
	margin:0 3px;
	padding:0;
}
#eventAD .slick-dots li button {
	width:15px;
	height:15px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
#eventAD .slick-dots li button:before {
	display:block;
	width:15px;
	height:15px;
	font-size:0;
	line-height:12px;
	filter:alpha(opacity=100);
	opacity:1;   
    background:rgba(0,0,0,.5);   
    transition:opacity .2s ease;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
#eventAD .slick-dots li.slick-active button:before {
    background:#FFF;
	box-sizing:border-box;
}


/** travelSection **/
#travelSection {
	position:relative;
	width:100%;
	padding:50px 0 100px 0;
	margin:0 auto;
	background:#f2f1e1 url(../images/travelSection-bg.png) 50% 50%;
	background-attachment: fixed;
}
#travelSection .container > h2 {
	color:#000;
    font-size: 4.7em;
    font-weight: bold;
	text-align:center;
	line-height:135%;
	margin-top:10px;
}
#travelSection .container > span {
	display:block;
	text-align:center;
}
#travelSection .container > span > em {
	position:relative;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 2.7em;
    font-weight: bold;
	font-style:normal;
	padding-left:35px;
}
#travelSection .container > span > em:after {
	position:absolute;
	content: "";
    display: block;
	left:0;
	top:0px;
	width:31px;
	height:28px;
	background:url(../images/Section-icon.png) no-repeat -31px 0;
}
#travelSection .container > p {
	color:#000;
    font-size: 2.5em;
    font-weight: bold;
	text-align:center;
	line-height:135%;
	margin-top:5px;
}
@media screen and (max-width:440px) {
	#travelSection {		
		padding:40px 0 60px 0;
	}
}
@media screen and (min-width:991px) {
	#travelSection {	
		padding:80px 0 150px 0;
	}
	#travelSection .container:before,
	#travelSection .container:after {
		position:absolute;
		content: "";
		display:block;
		width:120px;
		height:120px;
	}
	#travelSection .container:before {
		left:50%;
		bottom:150px;
		margin-left:-800px;
		background:url(../images/travelSection-person.png) no-repeat 50% 50%;
	}
	#travelSection .container:after {
		right:50%;
		top:300px;
		margin-right:-800px;
		background:url(../images/travelSection-person2.png) no-repeat 50% 50%;
	}
	#travelSection .container > h2 {
		font-size: 4.9em;
	}
}


/** travelBox **/
#travelBox {
	position:relative;
	width:100%;
	margin:25px auto 0 auto;
	z-index:1;
}
#travelBox .trackLeft {
	position:absolute;
	display:block;
	left:0;
	bottom:0;
    width:calc(50% - 270px);
	height:calc(100% - 120px);
	border:7px dashed #d1d1d1;
	border-top:none;
	border-right:none;
	z-index:-1;
	-webkit-border-radius:0 0 0 30px;
	   -moz-border-radius:0 0 0 30px;
	        border-radius:0 0 0 30px;
}
#travelBox .trackLeft ul {
	position:relative;
	display:block;
	height:100%;
}
#travelBox .trackLeft ul:after {
	position:absolute;
	left:80px;
	bottom:-15px;	
	content: "";
	display:block;
    width:23px;
	height:23px;
	border:7px solid #d1d1d1;
	background:#eeecdd;
	box-sizing:border-box;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	        border-radius:50px;
}
#travelBox .trackLeft li {
	display:block;
	height:25%;
	list-style:none;
}
#travelBox .trackLeft li:before {
	content: "";
	display:block;
    width:23px;
	height:23px;
	border:7px solid #d1d1d1;
	background:#eeecdd;
	margin-left:-15px;	
	box-sizing:border-box;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	        border-radius:50px;
}
#travelBox .trackRight {
	position:absolute;
	display:block;
	right:0;
	bottom:0;
    width:calc(50% - 270px);
	height:calc(100% - 85px);
	border:7px dashed #d1d1d1;
	border-left:none;
	z-index:-1;
	-webkit-border-radius:0 30px 30px 0;
	   -moz-border-radius:0 30px 30px 0;
	        border-radius:0 30px 30px 0;
}
#travelBox .trackRight ul {
	position:relative;	
	display:block;
	height:calc(100% - 35px);
	margin-top:35px;
}
#travelBox .trackRight ul:after {
	position:absolute;
	right:80px;
	bottom:-15px;
	content: "";
	display:block;
    width:23px;
	height:23px;
	border:7px solid #d1d1d1;
	background:#eeecdd;
	box-sizing:border-box;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	        border-radius:50px;
}
#travelBox .trackRight li {
	display:block;
	height:25%;
	list-style:none;
}
#travelBox .trackRight li:before {
	float:right;
	content: "";
	display:block;
    width:23px;
	height:23px;
	border:7px solid #d1d1d1;
	background:#eeecdd;
	margin-right:-15px;
	box-sizing:border-box;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
	        border-radius:50px;
}
#travelBox .klrt {
	position:relative;
	width:100%;
	height:50px;
	margin:25px auto 0 auto;
}
#travelBox .klrt:before {
	position:absolute;
	content: "";
	bottom:-50px;
	display:block;
    width:100%;
	height:94px;
	background:url(../images/travelBox-LRT.png) no-repeat 50% 50%;
	background-size:auto 100%;
}
#travelBox .listshow {
	padding:0 20px;
}
#travelBox .listshow .item {
	padding:0 10px;
}
#travelBox .slick-dots {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:150px;
	list-style:none;
	text-align: center;
	z-index:1;	
}
#travelBox .slick-dots:before {
	position:absolute;
	content: "";
	display:block;
	left:calc((100% - 300px) / 2);
	top:72px;
    width:300px;
	border-top:7px dashed #d1d1d1;
	z-index:-1;
}
#travelBox .slick-dots li {
    display: inline-block;
	width: 150px;
	height: 150px;	
	padding:0;
	margin:0 15px;
	vertical-align:middle;
}
#travelBox .slick-dots li:first-child { margin-left:0; }
#travelBox .slick-dots li:last-child { margin-right:0; }
#travelBox .slick-dots li a {
	position:relative;
	display: block;
    width: 150px;
	height: 150px;
	color:#FFF;
	font-size: 1.7em;
	font-weight:bold;    	
    text-align: center;
	padding:92px 5px 0 5px;
	filter:alpha(opacity=100);
	opacity: 1;
	z-index:1;
	background:#efeedf;
	border:7px solid #d1d1d1;
	box-sizing:border-box;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
#travelBox .slick-dots li a:before {
	position:absolute;
	content: "";
	display:block;
	left:7px;
    top:7px;
    width:122px;
	height:122px;
	z-index:-1;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
#travelBox .slick-dots li a:after {
	position:absolute;
	content: "";
	display:block;
	left:40px;
    top:27px;
    width:60px;
	height:60px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../images/icon-KRTC.svg);
	z-index:1;
}
#travelBox .slick-dots li:nth-of-type(3) a:after {	background-image:url(../images/icon-KLRT.svg); }
#travelBox .slick-dots li a:hover,
#travelBox .slick-dots li a:focus {
    outline:none;
}
#travelBox .slick-dots li a:hover:before,
#travelBox .slick-dots li a:focus:before {
	filter:alpha(opacity=100);
    opacity: 1;
}
#travelBox .slick-dots li:nth-of-type(1) a:before {	background:#e30964; }
#travelBox .slick-dots li:nth-of-type(2) a:before {	background:#ff9500; }
#travelBox .slick-dots li:nth-of-type(3) a:before {	background:#8fc31f; }

#travelBox .slick-dots li:nth-of-type(1).slick-active a { border-color:#e30964; }
#travelBox .slick-dots li:nth-of-type(2).slick-active a { border-color:#ff9500; }
#travelBox .slick-dots li:nth-of-type(3).slick-active a { border-color:#8fc31f; }
@media screen and (max-width:560px) {
	#travelBox .trackLeft {
		width:calc(50% - 200px);
		height:calc(100% - 120px);
		-webkit-border-radius:0 0 0 20px;
		   -moz-border-radius:0 0 0 20px;
				border-radius:0 0 0 20px;
	}
	#travelBox .trackRight {
		width:calc(50% - 200px);
		height:calc(100% - 70px);
		-webkit-border-radius:0 20px 20px 0;
		   -moz-border-radius:0 20px 20px 0;
				border-radius:0 20px 20px 0;
	}
	#travelBox .trackRight ul {
		height:calc(100% - 50px);
		margin-top:50px;
	}
	#travelBox .klrt {
		height:40px;
		margin:25px auto 0 auto;
	}
	#travelBox .klrt:before {
		bottom:-40px;
		height:72px;
	}
	#travelBox .slick-dots {
		height:120px;
	}
	#travelBox .slick-dots:before {
		left:calc((100% - 400px) / 2);
		top:58px;
		width:400px;
	}
	#travelBox .slick-dots li {
		width: 120px;
		height: 120px;
		margin:0 10px;
	}
	#travelBox .slick-dots li a {
		width: 120px;
		height: 120px;
		font-size:1.5em;
		padding-top:70px;
		border:5px solid #d1d1d1;
	}
	#travelBox .slick-dots li a:before {
		left:5px;
		top:5px;
		width:100px;
		height:100px;
	}
	#travelBox .slick-dots li a:after {
		left:31px;
		top:17px;
		width:48px;
		height:48px;
	}
}
@media screen and (max-width:440px) {
	#travelBox .trackLeft {
		width:calc(50% - 100px);
		height:calc(100% - 100px);
	}
	#travelBox .trackRight {
		width:calc(50% - 100px);
		height:calc(100% - 52px);
	}
	#travelBox .trackRight ul {
		height:calc(100% - 48px);
		margin-top:48px;
	}
	#travelBox .klrt {
		height:30px;
		margin:25px auto 0 auto;
	}
	#travelBox .klrt:before {
		bottom:-25px;
		height:51px;
	}
	#travelBox .slick-dots {
		height:90px;
	}
	#travelBox .slick-dots:before {
		left:calc((100% - 200px) / 2);
		top:40px;
		width:200px;
	}
	#travelBox .slick-dots li {
		width: 90px;
		height: 90px;
		margin:0 5px;
	}
	#travelBox .slick-dots li a {
		width: 90px;
		height: 90px;
		font-size:1.3em;
		padding-top:48px;
	}
	#travelBox .slick-dots li a:before {
		left:5px;
		top:5px;
		width:70px;
		height:70px;
	}
	#travelBox .slick-dots li a:after {
		left:27px;
		top:18px;
		width:26px;
		height:26px;
	}
}
@media screen and (min-width:991px) {
	#travelBox {
		margin-top:45px;
	}
	#travelBox:before {
		position:absolute;
		content: "";
		display:block;
		left:0px;
		top:0px;
		width:190px;
		height:180px;
		background:url(../images/travelBox-Gate.png) no-repeat 50% 50%;
		background-size:cover;
	}
	#travelBox .trackLeft {
		width:calc(50% - 300px);
		height:calc(100% - 210px);
		border-top:none;
		-webkit-border-radius:0 0 0 30px;
		   -moz-border-radius:0 0 0 30px;
				border-radius:0 0 0 30px;
	}
	#travelBox .trackLeft ul:before {
		position:absolute;
		left:30%;
		bottom:-15px;	
		content: "";
		display:block;
		width:23px;
		height:23px;
		border:7px solid #d1d1d1;
		background:#eeecdd;
		box-sizing:border-box;
		-webkit-border-radius:50px;
		   -moz-border-radius:50px;
				border-radius:50px;
	}
	#travelBox .trackLeft ul:after {
		left:80%;
	}
	#travelBox .trackRight {
		width:calc(50% - 300px);
		height:calc(100% - 100px);
	}
	#travelBox .trackRight:before {
		position:absolute;
		right:45%;
		top:-15px;	
		content: "";
		display:block;
		width:23px;
		height:23px;
		border:7px solid #d1d1d1;
		background:#eeecdd;
		box-sizing:border-box;
		-webkit-border-radius:50px;
		   -moz-border-radius:50px;
				border-radius:50px;
	}
	#travelBox .trackRight ul {
		height:calc(100% - 100px);
		margin-top:100px;
	}
	#travelBox .trackRight ul:before {
		position:absolute;
		right:30%;
		bottom:-15px;	
		content: "";
		display:block;
		width:23px;
		height:23px;
		border:7px solid #d1d1d1;
		background:#eeecdd;
		box-sizing:border-box;
		-webkit-border-radius:50px;
		   -moz-border-radius:50px;
				border-radius:50px;
	}
	#travelBox .trackRight ul:after {
		right:80%;
	}
	#travelBox .klrt {
		height:70px;
		margin:25px auto 0 auto;
	}
	#travelBox .klrt:before {
		bottom:-70px;
		height:127px;
	}
	#travelBox .slick-dots {
		height:200px;
	}
	#travelBox .slick-dots:before {
		left:calc((100% - 460px) / 2);
		top:88px;
		width:460px;
	}
	#travelBox .slick-dots li {
		width: 170px;
		height: 170px;
		margin:0 20px;
	}
	#travelBox .slick-dots li a {
		width: 170px;
		height: 170px;
		font-size: 1.9em;
		padding-top:105px;
	}
	#travelBox .slick-dots li a:before {
		left:8px;
		top:8px;
		width:140px;
		height:140px;
	}
	#travelBox .slick-dots li a:after {
		left:43px;
		top:33px;
		width:68px;
		height:68px;
	}
}
@media screen and (min-width:1200px) {
	#travelBox:before {
		left:30px;
		top:15px;
	}
	#travelBox .trackLeft {
		width:calc(50% - 340px);
		height:calc(100% - 220px);
	}
	#travelBox .trackRight {
		width:calc(50% - 340px);
		height:calc(100% - 110px);
	}
	#travelBox .trackRight ul {
		height:calc(100% - 110px);
		margin-top:110px;
	}
	#travelBox .slick-dots {
		height:200px;
	}
	#travelBox .slick-dots:before {
		left:calc((100% - 500px) / 2);
		top:98px;
		width:500px;
	}
	#travelBox .slick-dots li {
		width: 200px;
		height: 200px;
		margin:0 25px;
	}
	#travelBox .slick-dots li a {
		width: 200px;
		height: 200px;
		font-size: 2.1em;
		padding-top:130px;
	}
	#travelBox .slick-dots li a:before {
		left:8px;
		top:8px;
		width:170px;
		height:170px;
	}
	#travelBox .slick-dots li a:after {
		left:51px;
		top:40px;
		width:84px;
		height:84px;
	}
}


/* ----- travelList ----- */
.travelList {
	width:100%;
	margin-top:175px;
	overflow:hidden;
}
.travelList ul {
	list-style:none;
	margin:-10px;
}
.travelList ul li {
	display:inline-block;
	width:calc(100% / 3);
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
}
.travelList .photo {
	position:relative;
	width:100%;
	padding-bottom:67%;
	overflow:hidden;
	background:#000;
}
.travelList .photo .stationNO {
	position:absolute;
	left:10px;
	top:10px;
	width:50px;
	height:50px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:50px;
	text-align:center;
	font-style:normal;
	z-index:10;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
.travelList .photo .stationNO.line1 { background:#e30964; }
.travelList .photo .stationNO.line2 { background:#ff9500; }
.travelList .photo .stationNO.line3 { background:#8fc31f; }
.travelList .photo .img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.travelList .photo .img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.travelList a:hover .photo .img,
.travelList a:focus .photo .img {
	filter:alpha(opacity=50);
	opacity:0.5;
}
.travelList .word {
	width:100%;
	margin-top:10px;
}
.travelList h3 {
	color:#000;
	font-size:2.1em;
	line-height:135%;
	font-weight:bold;	
}
.travelList a p {
	color:#000;
	font-size:1.5em;
	line-height:155%;
	font-weight:bold;
}
.travelList a {
	display:block;
}
.travelList a:hover h3,
.travelList a:focus h3 {
	color:#A40000;
}
@media screen and (max-width:640px) {
	.travelList ul li {
		width:100%;
	}
	.travelList .photo {
		display:inline-block;
		width:40%;
		padding-bottom:27%;
		margin-right:10px;
		vertical-align:top;
	}
	.travelList .word {
		display:inline-block;
		width:calc(60% - 15px);
		vertical-align:top;
		margin:0;
	}
}
@media screen and (max-width:560px) {
	.travelList {
		margin-top:140px;
	}
}
@media screen and (max-width:440px) {
	.travelList {
		margin-top:110px;
	}
	.travelList .photo {
		width:100%;
		padding-bottom:67%;		
		margin:0;
	}
	.travelList .photo .stationNO {
		left:15px;
		top:15px;
		width:60px;
		height:60px;
		font-size:1.7em;
		line-height:60px;
	}
	.travelList .word {
		width:100%;
		margin-top:10px;
	}
}
@media screen and (min-width:991px) {
	.travelList {
		margin-top:220px;
	}
	.travelList .photo .stationNO {
		left:15px;
		top:15px;
		width:70px;
		height:70px;
		font-size:1.9em;
		line-height:70px;
	}
}
@media screen and (min-width:1200px) {
	.travelList {
		margin-top:250px;
	}
	.travelList ul {
		margin:-15px;
	}
	.travelList ul li {
		padding:15px;
	}
}


/* ----- travelList ----- */
.travelBtn {
	width:100%;
	text-align:center;
	margin-top:25px;
}
.travelBtn .btn-more {
	display:inline-block;
	width:80%;
	max-width:260px;
	padding:10px 0;
	border:1px solid #000;
}
.travelBtn .btn-more span {
	color:#000;
	font-size: 1.7em;
    line-height: 24px;
	font-weight:bold;
}
.travelBtn .btn-more:hover,
.travelBtn .btn-more:focus {
	border-color:#B20000;
}
.travelBtn .btn-more:hover span,
.travelBtn .btn-more:focus span {
	color:#B20000;
}
.travelBtn .btn-more span em {
	display:inline-block;
	width: 24px;
    height: 24px;
    margin: 0 5px 0 0;
	vertical-align:top;
	background:url(../images/icon-btn-more.svg) no-repeat 50% 50%;
	background-size:cover;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.travelBtn .btn-more:hover span em,
.travelBtn .btn-more:focus span em {
	background-image:url(../images/icon-btn-more-on.svg);
	-webkit-transform:rotate(180deg);
	   -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
         -o-transform:rotate(180deg);
            transform:rotate(180deg);
}
@media screen and (min-width:768px) {
	.travelBtn {
		margin-top:35px;
	}
	.travelBtn .btn-more {
		width:calc((100% / 3) - 20px);
		max-width:360px;
	}
}


/** socialSection **/
#socialSection {
	position:relative;
	width:100%;
	padding:50px 0 0 0;
	margin:0 auto;
	background:#f2f5f7 url(../images/socialSection-bg.gif);
}
#socialSection .container > h2 {
	color:#000;
    font-size: 4.7em;
    font-weight: bold;
	text-align:center;
	line-height:135%;
	margin-top:10px;
}
#socialSection .container > span {
	display:block;
	text-align:center;
}
#socialSection .container > span > em {
	position:relative;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 2.7em;
    font-weight: bold;
	font-style:normal;
	padding-left:35px;
}
#socialSection .container > span > em:after {
	position:absolute;
	content: "";
    display: block;
	left:0;
	top:0px;
	width:31px;
	height:28px;
	background:url(../images/Section-icon.png) no-repeat -62px 0;
}
#socialSection .container > p {
	color:#000;
    font-size: 2.5em;
    font-weight: bold;
	text-align:center;
	line-height:135%;
	margin-top:5px;
}
@media screen and (min-width:991px) {
	#socialSection {		
		padding:80px 0 0 0;
	}
	#socialSection .container > h2 {
		font-size: 4.9em;
	}
	#socialSection .container:before {
		position:absolute;
		content: "";
		display:block;
		width:263px;
		height:514px;
		left:50%;
		top:260px;
		margin-left:-850px;
		background:url(../images/socialSection-bg2.png) no-repeat 50% 50%;
	}
	#socialSection .container:after {
		position:absolute;
		content: "";
		display:block;
		width:223px;
		height:504px;
		right:50%;
		top:365px;
		margin-right:-840px;
		background:url(../images/socialSection-bg3.png) no-repeat 50% 50%;
	}
}


/** snsNews **/
#snsNews {
	position:relative;
	width:100%;
	margin:30px auto 0 auto;
	overflow:hidden;
}
#snsNews .listshow {	
	display:block;
	padding:0;
	margin:0 -10px;
	box-sizing:border-box;
}
#snsNews .listshow .item {
	display:inline-block;
	padding:0;
	margin:0 10px;
	box-sizing:border-box;
}
#snsNews .listshow .item a {
	float:left;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
#snsNews .listshow .box {
	position:relative;
	display:block;
	width:100%;
	padding-bottom:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
#snsNews .listshow .label {
	position:absolute;
	right:15px;
	top:15px;
	z-index:5;
	filter:alpha(opacity=70);
	opacity:.7;
}
#snsNews .listshow a:hover .label,
#snsNews .listshow a:focus .label {
	filter:alpha(opacity=90);
	opacity:.9;
}
#snsNews .listshow .label span {
	position:relative;
	display:block;
	width:50px;
	height:50px;
	background:rgb(0,0,0);
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#snsNews .listshow .label span:before {
	position:absolute;
	left:50%;
	bottom:-9px;	
	content: "";
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: rgb(0,0,0) transparent transparent transparent;
	margin-left:-9px;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#snsNews .listshow .label span em {
	position:absolute;
	left:9px;
	top:9px;
	display:block;
	width:32px;
	height:32px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	z-index:5;
	filter:alpha(opacity=100);
	opacity:1;
}
#snsNews .listshow .label.fb span em { background-image:url(../images/icon-FB.svg); }
#snsNews .listshow .label.youtube span em { background-image:url(../images/icon-youtube.svg); }
#snsNews .listshow .label.instagram span em { background-image:url(../images/icon-instagram.svg); }
#snsNews .listshow a:hover .label.fb span,
#snsNews .listshow a:focus .label.fb span {
	background:rgb(61,90,152);
}
#snsNews .listshow a:hover .label.fb span:before,
#snsNews .listshow a:focus .label.fb span:before {
	border-color:rgb(61,90,152) transparent transparent transparent;
}
#snsNews .listshow a:hover .label.youtube span,
#snsNews .listshow a:focus .label.youtube span {
	background:rgb(226,26,32);
}
#snsNews .listshow a:hover .label.youtube span:before,
#snsNews .listshow a:focus .label.youtube span:before {
	border-color:rgb(226,26,32) transparent transparent transparent;
}
#snsNews .listshow a:hover .label.instagram span,
#snsNews .listshow a:focus .label.instagram span {
	background: rgb(253,141,50); /* Old browsers */
}
#snsNews .listshow a:hover .label.instagram span:after,
#snsNews .listshow a:focus .label.instagram span:after {
	position:absolute;
	left:0;
	bottom:0;	
	content: "";
	display:block;
	width:100%;
	height:100%;
	background: rgb(253,141,50); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(253,141,50,0) 30%, rgba(239,78,52,1) 60%, rgba(163,7,186,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(253,141,50,0) 30%,rgba(239,78,52,1) 60%,rgba(163,7,186,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(253,141,50,0) 30%,rgba(239,78,52,1) 60%,rgba(163,7,186,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8d32', endColorstr='#a307ba',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}
#snsNews .listshow a:hover .label.instagram span:before,
#snsNews .listshow a:focus .label.instagram span:before {
	border-color:rgb(253,141,50) transparent transparent transparent;
}
#snsNews .listshow .wap {
	position:absolute;
	left:0;
	top:0;
	display:flex;
	width:100%;
	height: 100%;
	justify-content: space-around;
	background:rgba(0,0,0,.8);
	filter:alpha(opacity=0);
	opacity:0;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
#snsNews .listshow a:hover .wap,
#snsNews .listshow a:focus .wap {
	filter:alpha(opacity=100);
	opacity:1;
}
#snsNews .listshow .wap span {
	display: flex;
	width:100%;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;
	line-height:135%;
	justify-content: center;
	align-items: center;
	padding:0 15px;
	box-sizing:border-box;
}
#snsNews .slick-dots {
	position:initial;
	width:100%;
	text-align:center;
	margin:20px auto 0 auto;
}
#snsNews .slick-dots li {
    display:inline-block;
	width:15px;
	height:15px;
	margin:0 3px;
	padding:0;
}
#snsNews .slick-dots li button {
	width:15px;
	height:15px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
#snsNews .slick-dots li button:before {
	display:block;
	width:15px;
	height:15px;
	font-size:0;
	line-height:12px;
	filter:alpha(opacity=100);
	opacity:1;   
    background:rgba(0,0,0,.5);   
    transition:opacity .2s ease;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
#snsNews .slick-dots li.slick-active button:before {
    background:#ebb92f;/*background:#FFF;*/
	box-sizing:border-box;
}
@media screen and (min-width:991px) {
	#snsNews {
		margin-top:45px;
	}
	#snsNews .listshow .item {
		width:25%;
	}
}


/** snsBox **/
#snsBox {
	width:100%;	
	box-sizing:border-box;
	margin:30px auto 20px auto;
}
#snsBox .krtcApp {
	position:relative;
	width:100%;
	text-align:center;
	padding:30px 0;
	box-sizing:border-box;
	border:10px solid rgba(125,134,178,.5);
	background:rgba(125,134,178,.1);
	margin:0 auto;
}
#snsBox .krtcApp .app {
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-270px;
}
#snsBox .krtcApp dl {
	display:block;
	width:390px;
	text-align:left;
	padding-left:135px;
	margin:0 auto;
}
#snsBox .krtcApp dt {
	color:#404080;
	font-size:4.5em;
	font-weight:bold;
}
#snsBox .krtcApp dd {
	color:#556fb5;
	font-size:2.6em;
	font-weight:bold;
	margin-bottom:10px;
}
#snsBox .krtcApp .btn {
	display:block;
	width:390px;
	text-align:left;
	padding-left:135px;
	margin:15px auto;
}
#snsBox .krtcApp .btn a {
	float:left;
	display:block;	
	width: 175px;
	height:55px;
	font-size:0;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-color:#000;	
    -webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}
#snsBox .krtcApp .btn a.app1 {
	background-image:url(../images/krtcApp1.jpg);
}
#snsBox .krtcApp .btn a.app2 {
	margin-left:10px;
	background-image:url(../images/krtcApp2.jpg);
}
#snsBox .snsList {
	width:100%;
	box-sizing:border-box;
	margin:30px auto 0 auto;	
}
#snsBox .snsList ul {
	list-style:none;
	margin:-5px;
}
#snsBox .snsList ul li {
	display:inline-block;
	width:50%;
	padding:5px;
	box-sizing:border-box;
	vertical-align:top;
}
#snsBox .snsList ul li a {
	display: flex;
	height:55px;
	padding:0 0 0 10px;
	align-items: center;
    justify-content: flex-start;
	background:#FFF;
	box-sizing:border-box;
	-webkit-box-shadow:0 0 5px rgba(125,134,178,.3);
	   -moz-box-shadow:0 0 5px rgba(125,134,178,.3);
			box-shadow:0 0 5px rgba(125,134,178,.3);
}
	#snsBox .snsList ul li a span {
		position: relative;
		color: #000;
		font-size: 1.9em;
		font-weight: bold;
		line-height: 115%;
		/*padding-left:40px;*/
		padding-left: 50px;
	}
#snsBox .snsList ul li a span em {
	font-style:normal;
}
#snsBox .snsList ul li a span:before {
	position:absolute;	
	content: "";
	display:block;
	left:0;
	top:50%;
	width:35px;
	height:35px;
	margin-top:-17px;
	background-repeat:no-repeat;
	background-image:url(../images/snsList-icon.png);
	background-size:auto 35px;
}
#snsBox .snsList ul li a:hover span:before,
#snsBox .snsList ul li a:focus span:before {
	background-image:url(../images/snsList-icon-on.png);
}
#snsBox .snsList ul li a.fb span { color:#3d5a98; }
#snsBox .snsList ul li a.line span { color:#00b900; }
#snsBox .snsList ul li a.youtube span { color:#e21a20; }
#snsBox .snsList ul li a.instagram span { color:#da1854; }
#snsBox .snsList ul li a.fb span:before { background-position:0 0; }
#snsBox .snsList ul li a.line span:before { background-position:-35px 0; }
#snsBox .snsList ul li a.youtube span:before { background-position:-70px 0; }
#snsBox .snsList ul li a.instagram span:before { background-position:-105px 0; }
#snsBox .snsList ul li a:hover span,
#snsBox .snsList ul li a:focus span { color:#FFF; }

#snsBox .snsList ul li a.fb:hover,
#snsBox .snsList ul li a.fb:focus { background:#3d5a98; }
#snsBox .snsList ul li a.line:hover,
#snsBox .snsList ul li a.line:focus { background:#00b900; }
#snsBox .snsList ul li a.youtube:hover,
#snsBox .snsList ul li a.youtube:focus { background:#e21a20; }
#snsBox .snsList ul li a.instagram:hover,
#snsBox .snsList ul li a.instagram:focus { background:#da1854;  }
@media screen and (max-width:767px) {
	#snsBox .snsList ul li a span em {
		display:block;
	}
}
@media screen and (max-width:640px) {
	#snsBox .krtcApp {
		padding:20px 0;
	}
	#snsBox .krtcApp .app {
		margin-left:-205px;
	}
	#snsBox .krtcApp .app img {
		width:auto;
		height:165px;
	}
	#snsBox .krtcApp dl {
		width:310px;
		padding-left:115px;
	}
	#snsBox .krtcApp dt {
		font-size:3.7em;
	}
	#snsBox .krtcApp dd {
		font-size:2.2em;
	}
	#snsBox .krtcApp .btn {
		width:310px;
		padding-left:115px;
	}
	#snsBox .krtcApp .btn a {
		width:140px;
		height:50px;
		background-size:140px auto;
	}
}
@media screen and (max-width:560px) {
	#snsBox .snsList ul li a {
		padding:10px;
	}
	#snsBox .snsList ul li a span {
		font-size:1.7em;
	}
}
@media screen and (max-width:480px) {
	#snsBox .krtcApp {
		padding:15px;
	}
	#snsBox .krtcApp .app {
		top:10px;
		bottom:inherit;
		margin-left:-150px;
	}
	#snsBox .krtcApp .app img {
		width:auto;
		height:100px;
	}
	#snsBox .krtcApp dl {
		width:235px;		
		padding-left:67px;
		margin:15px auto;
	}
	#snsBox .krtcApp dt {
		font-size:3em;
	}
	#snsBox .krtcApp dd {
		font-size:1.7em;
	}
	#snsBox .krtcApp .btn {
		float:left;
		width:100%;
		padding:0;
		margin:15px 0 0 0;
	}
	#snsBox .krtcApp .btn a {
		width:calc(50% - 5px);
	}
	#snsBox .snsList ul li {
		width:100%;
	}
	#snsBox .snsList ul li a span {
		font-size:2em;
	}
	#snsBox .snsList ul li a span em {
		display:inline;
	}
}
@media screen and (max-width:380px) {
	#snsBox .krtcApp .app {
		display:none;
	}
	#snsBox .krtcApp dl {
		width:100%;
		padding:0;
		text-align:center;
		margin:0;
	}		
	#snsBox .krtcApp .btn a {
		width:100%;
	}
	#snsBox .krtcApp .btn a.app2 {
		margin:10px 0 0 0;
	}
}
@media screen and (min-width:991px) {
	#snsBox {
		border:10px solid rgba(125,134,178,.5);
		margin-bottom:40px;
	}
	#snsBox .krtcApp {
		float:left;
		width:calc(100% - 510px);
		padding:15px 0 0 15px;
		border:none;
		background:none;
	}
	#snsBox .krtcApp .app {
		position:relative;
		float:left;
		left:inherit;
		margin-left:0;
	}
	#snsBox .krtcApp .app img {
		width:auto;
		height:205px;
	}
	#snsBox .krtcApp dl {
		float:left;
		width:auto;
		padding:0;
		margin-top:25px;
		margin-left:10px;
	}
	#snsBox .krtcApp dt {
		font-size:3.7em;
	}
	#snsBox .krtcApp dd {
		font-size:2.2em;
	}
	#snsBox .krtcApp .btn {
		float:left;
		width:auto;
		padding:0;
		margin-left:10px;
	}
	#snsBox .krtcApp .btn a {
		width:140px;
		height:55px;
		background-size:145px auto;
	}
	#snsBox .snsList {
		float:right;
		width:510px;
		padding:15px;
		border:none;		
		margin:0;
	}
	#snsBox .snsList ul li a {
		padding:10px;
	}
	#snsBox .snsList ul li a span {
		font-size:1.8em;
	}
	#snsBox .snsList ul li a span em {
		display:block;
	}
}
@media screen and (min-width:1200px) {
	#snsBox .krtcApp {
		width:calc(100% - 610px);
		padding:20px 0 0 25px;
	}
	#snsBox .krtcApp dl {
		margin-top:15px;
		margin-left:25px;
	}
	#snsBox .krtcApp dt {
		font-size:4.5em;
	}
	#snsBox .krtcApp dd {
		font-size:2.7em;
	}
	#snsBox .krtcApp .btn {
		margin-left:25px;
	}
	#snsBox .krtcApp .btn a {
		width:175px;
		height:55px;	
		background-size:auto;	
	}
	#snsBox .snsList {
		width:610px;
		padding:20px;
	}
	#snsBox .snsList ul li a {
		padding:0 20px;
	}
	#snsBox .snsList ul li a span {
		font-size:2em;
	}
}


/** adLink **/
#adLink {
	position:relative;
	width:100%;
	padding:20px 0 0 0;
	margin:0 auto;
	background:#737373;
}
#adLink .listshow {	
	display:block;
	width:100%;
	padding:0 20px;
	margin:0 auto;
	box-sizing:border-box;
}
#adLink .listshow .item {
	display:inline-block;
	padding:5px;
	box-sizing:border-box;
}
#adLink .listshow .item a {
	float:left;
	width:100%;
	height:100%;	
}
#adLink .listshow .item a:focus {
	box-sizing:border-box;
	outline:1px dotted #FF0000;
	background:#000;
}
#adLink .listshow .item a:focus img {
	opacity:0.5;
}
#adLink .listshow img {
	width:100%;
	max-width:220px;
	height:auto;
	margin:0 auto;
}
#adLink .listshow .slick-prev,
#adLink .listshow .slick-next {	
	position:absolute;
	display:block;
	font-size:0;
	width:16px;
	height:30px;
	z-index:10;
	overflow:hidden;
    -webkit-transition:all 0.8s;
            transition:all 0.8s;
}
#adLink .listshow .slick-prev {
	left:0;	
}
#adLink .listshow .slick-next {
	right:0;
}
#adLink .listshow .slick-prev span,
#adLink .listshow .slick-next span {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	font-size:0;
}
#adLink .listshow .slick-prev span:before,
#adLink .listshow .slick-next span:before {
	position:absolute;
	content: "";
    display: block;   
    width:19px;
    height:19px;    
    z-index:2;
}
#adLink .listshow .slick-prev span:before {
	left:0;
    top:50%;
	margin: -10px 0 0 4px;
	border-left: 2px solid #FFF;
    border-top: 2px solid #FFF;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
#adLink .listshow .slick-next span:before {
	right:0;
    top:50%;
	margin: -10px 4px 0 0 ;
	border-right: 2px solid #FFF;
    border-top: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
#adLink .listshow .slick-prev:hover span:before,
#adLink .listshow .slick-next:hover span:before,
#adLink .listshow .slick-prev:focus span:before,
#adLink .listshow .slick-next:focus span:before {
	border-color:rgba(255,255,255,.5);
}
@media screen and (min-width:991px) {
	#adLink {
		padding:0;
	}
	#adLink .listshow {
		max-width:990px;
	}
}
@media screen and (min-width:1200px) {
	#adLink .listshow {
		max-width:1200px;
		padding:0 25px;
	}
}

/* ----- adlink-trigger ----- */
.adlink-trigger {
	width: 100%;
	text-align:center;
	margin:0 auto;
}
.adlink-trigger .adlink-Panell {
	width: 100%;
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
}
.adlink-trigger a {
	display:none;
	width:190px;
	height:auto;
	color:rgba(255,255,255,.5);
	font-size:1.5em;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	padding:5px 0;
	border:1px solid rgba(255,255,255,.5);
    box-sizing: border-box;
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
	margin:0 auto;
}
.adlink-trigger a span {
	position:relative;
	display:inline-block;
	padding-left:20px;
}
.adlink-trigger a:hover,
.adlink-trigger a:focus {
	color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);
}
.adlink-trigger a span:before {
	content:"";
	position:absolute;
	display:block;
	width:14px;
	height:2px;
	top:6px;
	left:1px;
	background-color:rgba(255,255,255,.5);
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.adlink-trigger a span:after {
	content:"";
	position:absolute;
	display:block;
	width:2px;
	height:14px;
	top:0;
	left:7px;
	background-color:rgba(255,255,255,.5);
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.adlink-trigger a.adlink-close span:before {
	width:16px;
	left:0;
	top:7px;
	-webkit-transform:rotate(225deg);
	   -moz-transform:rotate(225deg);
        -ms-transform:rotate(225deg);
         -o-transform:rotate(225deg);
            transform:rotate(225deg);
}
.adlink-trigger a.adlink-close span:after {
	height:16px;
	left:7px;
	top:0;
	-webkit-transform:rotate(225deg);
	   -moz-transform:rotate(225deg);
        -ms-transform:rotate(225deg);
         -o-transform:rotate(225deg);
            transform:rotate(225deg);
}
.adlink-trigger a:hover span:before,
.adlink-trigger a:focus span:before, 
.adlink-trigger a:hover span:after,
.adlink-trigger a:focus span:after{
	background-color:rgba(255,255,255,1);
}

/* ----- adlink-box ----- */
.adlink-box {
	position:relative;
	width: 100%;
	height:inherit;
	visibility:visible;
	opacity: 1;
	padding:15px 0;
	margin:0 auto;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.adlink-box.noshow {
	height:0;
	padding:0;
	visibility:hidden;
	opacity:0;
}
@media screen and (min-width:991px) {
	.adlink-box {
		padding:25px 0;
	}
	.adlink-box:before {
		content:"";
		position:absolute;
		display:block;
		width:100%;
		height:1px;
		left:0;
		bottom:1px;
		background-color:rgba(0,0,0,.2);
	}
	.adlink-box:after {
		content:"";
		position:absolute;
		display:block;
		width:100%;
		height:1px;
		left:0;
		bottom:0;
		background-color:rgba(255,255,255,.5);
	}
}



@media print {
	#homeMain .listshow .item {
		width:720px;
		height:210px;
		padding-bottom:0;
	}
	#homeMain .listshow .wd {
		width:720px;
	}
	#homeMain .listshow .pic {
		background-size:auto 210px;
		background-position:0 0;
	}
	#eventAD .listshow {
		width:690px;
		text-align:left !important;
		margin:0 !important;
	}
	#eventAD .listshow .item {
		width:220px !important;
		margin:0 10px !important;
	}
	#eventAD .listshow img {
		width:220px !important;
	}
	.travelList ul li {
		width:215px;
	}
	.travelBtn {
		width:645px;
	}
	#snsNews .listshow {
		width:690px;
		text-align:left !important;
		margin:0 !important;
	}
	#snsNews .listshow .item {
		width:220px !important;
		margin:0 10px !important;
	}
	#adLink {
		display:none!important;
	}
}