@charset "utf-8";

/* ======================================================
 * slick.css
 * ------------------------------------------------------
 * SETTING **********************************************
 * Default
 * Custom
 * SLICK *********************************************
 * Layout
 * Module
 * MEDIA ************************************************
 * Responsive
 * - width <= 1920px
 * Smartphone
 * - width <= 736px
 * Print
 * ClearFix
====================================================== */

/********************************************************

  SETTING

********************************************************/

/* Default
------------------------------------------------------ */
/* Slider */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}


/* Common
------------------------------------------------------ */
/* transition */
.slick-arrow {
	-webkit-transition: opacity 0.2s ease-out 0s;
	   -moz-transition: opacity 0.2s ease-out 0s;
	    -ms-transition: opacity 0.2s ease-out 0s;
	        transition: opacity 0.2s ease-out 0s;
}

/* sprite */
.slick-arrow.slick-prev,
.slick-arrow.slick-next {
	display: inline-block;
	background-image: url(/cn/common/img/cmn_sprite_ic01.png);
	background-repeat: no-repeat;
}
.slick-arrow.slick-prev { width: 48px; height: 48px; background-position: -80px -400px; }
.slick-arrow.slick-next { width: 48px; height: 48px; background-position: -130px -400px; }


/* Custom
------------------------------------------------------ */
.slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 2;
	margin: -24px 0 0 0;
	padding: 0;
	border: none;
	text-indent: -9999px;
	outline: none;
	opacity: 0.8;
	cursor: pointer;
}
.hisotrySlider .historyList .slick-arrow {
	top: 46px;
	margin-top: 0;
}
.slick-arrow.slick-prev { left:  0; }
.slick-arrow.slick-next { right: 0; }
.prodBannerSlider .bannerList .slick-arrow.slick-prev { left:  -3px; }
.prodBannerSlider .bannerList .slick-arrow.slick-next { right: -3px; }
.hisotrySlider .historyList .slick-arrow.slick-prev { left:  -30px; }
.hisotrySlider .historyList .slick-arrow.slick-next { right: -30px; }
.slick-arrow:not(.slick-disabled):hover {
	opacity: 1;
}
.slick-arrow.slick-disabled {
	opacity: 0;
}
.slick-dots {
	margin: 20px 0 0 0;
	text-align: center;
	letter-spacing: -0.4em;
}
.slick-dots > li {
	display: inline-block;
	padding: 0 7px;
	line-height: 0;
	letter-spacing: normal;
}
.slick-dots > li button {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background-color: #bcbcbc;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
}
.slick-dots > li button:after {
	content: "";
	position: absolute;
	left: 1px;
	top: 1px;
	display: inline-block;
	width: 10px;
	height: 10px;
	border: none;
	border-radius: 50%;
	background-color: #fff;
}
.slick-dots > li.slick-active button {
	border-color: #0077bb;
	background-color: #0077bb;
}
.slick-dots > li.slick-active button:after {
	background-color: #0077bb;
}


/********************************************************

  COLORBOX

********************************************************/

/* Layout
------------------------------------------------------ */


/* Module
------------------------------------------------------ */



/********************************************************

  MEDIA

********************************************************/

/* Resposive
------------------------------------------------------ */
@media screen and (max-width: 768px) {
	.slick-arrow.slick-prev,
	.slick-arrow.slick-next {
		content: "";
		display: inline-block;
		background-image: url(/cn/common/img/cmn_sprite_ic01-r2x.png) !important;
		background-repeat: no-repeat;
		background-size: 200px 400px;
	}
	.slick-arrow.slick-prev { width: 36px; height: 36px; background-position: -120px -350px; }
	.slick-arrow.slick-next { width: 36px; height: 36px; background-position: -160px -350px; }
	.relBannerSlider .bannerList .slick-arrow.slick-prev { width: 10px; height: 17px; background-position: -95px -350px; }
	.relBannerSlider .bannerList .slick-arrow.slick-next { width: 10px; height: 17px; background-position: -105px -350px; }
	
	.relBannerSlider .bannerList .slick-arrow {
		top: 25px;
		margin-top: 0;
		background-color: transparent;
	}
	.hisotrySlider .historyList .slick-arrow {
		top: 27px;
	}
	.prodBannerSlider .bannerList .slick-arrow.slick-prev { left:  -5px; }
	.prodBannerSlider .bannerList .slick-arrow.slick-next { right: -5px; }
	.relBannerSlider .bannerList .slick-arrow.slick-prev { left:  -24px; }
	.relBannerSlider .bannerList .slick-arrow.slick-next { right: -24px; }
	.hisotrySlider .historyList .slick-arrow.slick-prev { left:  -15px; }
	.hisotrySlider .historyList .slick-arrow.slick-next { right: -15px; }
}

/* Print
------------------------------------------------------ */
@media print {
}


/* ClearFix
------------------------------------------------------ */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.clearfix {
	zoom: 1;
}