@charset "utf-8";

.main_visual_slide { position: relative; }
.main_visual_slide img{
	width: 100%; display: block;
	-webkit-transition-delay:800ms;
	transition-delay:800ms;
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
}
.main_visual_slide h2 { position: absolute;line-height: 1.19;font-size: 1.75em;left: 5.8%;top: 65%;z-index: 3; }
.main_visual_slide h2 span {display: block;font-size: 60px;}
.main_visual_txt_container,.main_visual_slide:before {position: absolute;right: 0;top: 0;width: 0;padding-left: 0;bottom: 0;background: rgba(220, 55, 43, 0.8);/*padding-top: 18.2%;*/overflow:hidden;}
.main_visual_slide:before{content:"";background-color: rgba(220, 55, 43, 0.4);z-index: 6;width:0px;-webkit-transition:600ms width;transition: 600ms width;-webkit-transition-delay: 400ms;transition-delay: 400ms;}
p.main_visual_txt {display: table-cell;vertical-align: middle;font-size: 20px;font-weight: 200;line-height: 1.8;letter-spacing: -0.05em;}
p.main_visual_txt b		{font-weight: 200; }
p.main_visual_txt label {font-size:60px;line-height:1.0em}


.main_visual_txt_container a {
	font-size: 15px;letter-spacing: 0.41em;display: block;margin-top: 15%;padding-top: 20px;width: 27%;position: absolute;bottom: 40px;left: 8px;
	text-decoration:none
}
.main_visual_txt_container a:after { content: ""; position: absolute; bottom: 2px; left: 0; width: 100%; height: 1px; background: #dd756d; }
.main_visual_txt_container a:before { content: ""; position: absolute; display: block; bottom: 2px; right: -2px; height: 12px; width: 12px; }
.main_visual_txt_container a{-webkit-transform: translate3d(230px,0,0);transform: translate3d(230px,0,0);-webkit-transition:-webkit-transform 900ms;transition:-webkit-transform 900ms;transition:transform 900ms;transition:transform 900ms, -webkit-transform 900ms;-webkit-transition-delay:900ms;transition-delay:900ms;display: inline-block;}


.main_visual { position: relative;-webkit-touch-callout: none;  -webkit-user-select: none;-ms-user-select: none;}
.main_visual ul{ position: relative;    padding-top: 45.4%; height: 0; overflow: hidden; }

.visual_nav { position: absolute; top: 50%;  right: 39px; z-index: 230; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  width:80px; text-align:right;}
.visual_nav span {cursor:pointer;display: block;line-height: 1px;height: 6px;width: 25px;text-indent: 99px;background-color: #fff;margin-bottom: 15px;float: right;-webkit-transition:width 300ms;transition: width 300ms;clear: both;overflow: hidden;}
.visual_nav span.cycle-pager-active {width:77px;-webkit-transition:width 500ms;transition: width 500ms;}
.main_visual_txt_container{z-index: 7;-webkit-transition:width 800ms,  padding 800ms;transition: width 800ms,  padding 800ms;-webkit-transition-delay:1000ms;transition-delay:1000ms;}
.main_visual_slide:after{-webkit-transition:width 800ms;transition: width 800ms; width:0px;-webkit-transition-delay:1000ms;transition-delay:1000ms;}
.main_visual_txt_inner{display: table;width:800px;height: 100%;position: relative;-webkit-transform: translate3d(120px,0,0);transform: translate3d(120px,0,0);-webkit-transition:-webkit-transform 900ms;transition:-webkit-transform 900ms;transition:transform 900ms;transition:transform 900ms, -webkit-transform 900ms;-webkit-transition-delay:1100ms;transition-delay:1100ms;}

.main_visual_slide{ overflow:hidden}
p.main_visual_txt b{-webkit-transform: translate3d(120px,0,0);transform: translate3d(120px,0,0);-webkit-transition:-webkit-transform 900ms;transition:-webkit-transform 900ms;transition:transform 900ms;transition:transform 900ms, -webkit-transform 900ms;-webkit-transition-delay:900ms;transition-delay:900ms;display: inline-block;}

.main_visual_slide h2 span b { display: block; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);  -webkit-transition:-webkit-transform 500ms;  transition:-webkit-transform 500ms;  transition:transform 500ms;  transition: transform 500ms, -webkit-transform 500ms;-webkit-transition-delay:1000ms;transition-delay:1000ms;}
.main_visual_slide h2 span { overflow: hidden;}

.cycle-slide-active .main_visual_txt_container{width:38.8%; padding-left:4.5%; -webkit-transition-delay:600ms; transition-delay:600ms}
.cycle-slide-active .main_visual_slide:before{width: 38.5%; -webkit-transition-delay:500ms; transition-delay:500ms;}
.cycle-slide-active .main_visual_slide img{position:relative; z-index:2;-webkit-transition:-webkit-transform 1000ms ease;transition:-webkit-transform 1000ms ease;transition:transform 1000ms ease;transition: transform 1000ms ease, -webkit-transform 1000ms ease; -webkit-transition-delay:0ms; transition-delay:0ms;  -webkit-transform: scale(1.1) rotate(0.01deg) translate3d(0,0,0); transform: scale(1.1) rotate(0.01deg) translate3d(0,0,0);}
.cycle-slide-active .main_visual_txt_inner{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.cycle-slide-active p.main_visual_txt b,
.cycle-slide-active .main_visual_txt_container a{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.cycle-slide-active .main_visual_slide h2 span b{-webkit-transition-delay:300ms;transition-delay:300ms; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.cycle-slide-active .main_visual_slide h2 span + span b{ -webkit-transition-delay:450ms; transition-delay:450ms}
.cycle-slide-active .main_visual_slide h2 span + span + span b{ -webkit-transition-delay:600ms; transition-delay:600ms}


@media (max-width: 940px){
	p.main_visual_txt {font-size:25px}
   .menu_container{ border-bottom: #ddd 1px solid;}
}

@media (max-width:737px) {
	.main_visual_slide h2 { display:none; }
	.main_visual_txt_container { position: absolute; right: 0; top: 0; width: 100%; padding-left: 0; bottom: 0; background: rgba(220, 55, 43, 0.9); /*padding-top: 18.2%;*/ overflow:hidden }
	p.main_visual_txt {font-weight: 100;font-family:'Open Sans','Nanum SquareR';line-height: 1.2;letter-spacing: -0.04em;}


	.main_visual_txt_container a {font-size: 0.786em;letter-spacing: 0.3em;display: block;margin-top: 0;padding-top: 0;width: 200px;position: absolute;bottom: 3%;line-height: 2em;left: 8px;}
	.main_visual_txt_container a:after { content: ""; position: absolute; bottom: 5px; left: 0; width: 100%; height: 1px; background: #dd756d; }
	.main_visual_txt_container a:before {content: "";position: absolute;display: block;bottom: 5px;right: -1px;height: 12px;width: 12px;}

	.main_visual {position: relative;/* margin-top: 80px; */}
	.main_visual ul{position: relative;padding-top: 132.9%;height: 0;overflow: hidden;}
	.main_visual ul li{ height:100%}
	.visual_nav {top: auto;bottom: 18px;right: 0;z-index: 230;transform: translateY(0);width:100%;text-align:center;}
	.visual_nav span {display: inline-block;height: 12px;width: 12px;background: none;border: 1px solid #fff;float: none;margin:0 3px 10px;border-radius:50%;}
	.visual_nav span.cycle-pager-active {width: 12px;transition: background 300ms;background:#fff;}
	.cycle-slide-active .main_visual_txt_container{width:100%;padding-left: 2%;transition-delay:0ms;}
	.main_visual_txt_inner{display: table;width: 80%;height: 90%;position: relative;}
	.main_visual_slide img{transition-delay:0ms;height: 100%;width: auto;}
	.cycle-slide-active .main_visual_slide img{transition: none; transition-delay:0ms; transform:scale(1)}
	.main_visual_slide {  height: 100%;}
	.main_visual_slide br{ display:none}
	.main_visual_slide .br_small{ display:block}

	.main_visual_txt_inner { opacity: 0; transition: 900ms;}
	.cycle-slide-active .main_visual_txt_inner { opacity:1}

	.main_visual_txt_container a,
	p.main_visual_txt b{transition-delay: 0ms;}

}

@media (max-width:450px){
	p.main_visual_txt		{font-size:16px;}
	p.main_visual_txt label {font-size:45px;}
	.main_visual_txt_inner{width: 320px;}
}

	/*
a{text-decoration:none;selector-dummy:expression(this.hideFocus=true)}
	a:hover{}
	a:visited{text-decoration:none}
	*/
.main_visual_more:hover {color:#FFF !important;}