/*
font-family: 'Roboto', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

/*****************************
 COMMON 
*****************************/
.w1300{width:1300px;margin:0 auto;}
@media all and (max-width:1300px){
	.w1300{width:93.5%;}
}

/*****************************
MAIN VISUAL
*****************************/
.mv{position:relative;}
.mv ul{}
.mv ul li{width:100%;height:930px;box-sizing:border-box;text-align:center;}

.mv ul li .w1300 > p{font-size:70px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;color:#fff;font-family: 'Roboto', sans-serif;text-shadow:2px 2px 5px rgba(0,0,0,1);position:relative;top:400px;word-break:keep-all;}
.mv ul li .w1300 > span{display:block;font-size:38px;line-height:1.2;letter-spacing:-0.05em;font-weight:600;color:#fff;text-shadow:2px 2px 5px rgba(0,0,0,1);position:relative;top:405px;opacity:0;word-break:keep-all;}
/* 애니메이션 */
.mv ul li .w1300 > p{animation-name:mv_p;-webkit-animation-name:mv_p; animation-duration:1s; -webkit-animation-duration:1s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;}
.mv ul li .w1300 > span{animation-name:mv_span;-webkit-animation-name:mv_span; animation-duration:1s; -webkit-animation-duration:1s;animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-ms-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.bg01_px {text-align:right; margin-top:130px;}
@keyframes mv_p{
	0%{top:370px;opacity:0;}
	100%{top:400px;opacity:1;}
}
@keyframes mv_span{
	0%{top:435px;opacity:0;}
	100%{top:405px;opacity:1;}
}
.mv > .w1300{position:absolute;z-index:3333;left:47%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);top:570px;}
.mv > .w1300 .page-num{margin-left:-78px;}
.mv > .w1300 .page-num span{display:inline-block;vertical-align:top;font-family: 'Montserrat', sans-serif;font-size:16px;font-weight:700;letter-spacing:-0.025em;color:#fff;width:50px;text-align:center;}
.mv > .w1300 .page-num span.cur{color:#dc4747;position:relative;}
.mv > .w1300 .page-num span.cur:after{display:block;content:"";position:absolute;width:1px;height:77px;background-color:#fff;right:-2px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);}
.mv .bx-wrapper{position:relative;}
.mv .bx-wrapper .bx-pager{position: absolute;width:1300px;left:47%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);top:200px;z-index:66666;}
.mv .bx-wrapper .bx-pager .bx-pager-item:first-of-type{padding-top:0;}
.mv .bx-wrapper .bx-pager .bx-pager-item{padding-top:5px;margin-left:-28px;}
.mv .bx-wrapper .bx-pager .bx-pager-item a{width:3px;height:28px;background-color:#ffffff;display:block;font-size:0;text-indent:-99999px;transition:all 0.3s;}
.mv .bx-wrapper .bx-pager .bx-pager-item a.active{background-color:#dc4747;}
@media all and (max-width:1400px){
	.mv .bx-wrapper .bx-pager{top:auto;bottom:50px;left:0;transform:none;width:100%;font-size:0;text-align:center;}
	.mv .bx-wrapper .bx-pager .bx-pager-item:last-of-type{margin-right:0;}
	.mv .bx-wrapper .bx-pager .bx-pager-item{display:inline-block;vertical-align:top;margin-left:0;padding-top:0;margin-right:10px;}
	.mv .bx-wrapper .bx-pager .bx-pager-item a{width:28px;height:3px;}
	.mv > .w1300{top:auto;bottom:50px;right:0;}
	.mv > .w1300 .page-num{margin-left:auto;text-align:right;}
	.mv > .w1300 .page-num span.cur:after{height:55px;transform:none;top:-10px;right:0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);}
	.mv > .w1300 .page-num span.cur{top:-15px;}
	.mv > .w1300 .page-num span.max{bottom:-15px;}
}
@media all and (max-width:1300px){
	#header {height:75px;}
	.logo {width:164px;}
	.logo img {width:100%;}
	#header .w1300 .gnb > ul > li > a {font-size:16px; padding:30px 27px;}
	#header .w1300 .gnb > ul > li:nth-child(1){margin-left:410px;}
	#header .w1300 .country {margin-top: 8px; padding-bottom: 15px;}
}
@media all and (max-width:1024px){
	.mv ul li{height:650px}
	.mv ul li .w1300 > p{font-size:57px;top:275px;}
	.mv ul li .w1300 > span{top:280px;font-size:30px;}
	@keyframes mv_p{
		0%{top:225px;opacity:0;}
		100%{top:275px;opacity:1;}
	}
	@keyframes mv_span{
		0%{top:310px;opacity:0;}
		100%{top:280px;opacity:1;}
	}
}
@media all and (max-width:640px){
	.mv ul li{height:450px;}
	.mv ul li .w1300 > p{font-size:40px;top:210px;}
	.mv ul li .w1300 > span{font-size:23px;top:215px;}
	.mv > .w1300{display:none;}

	.bg01_px {text-align:right; margin-top:100px;}
	.bg01_px1 {color:#fff;font-family: 'Roboto', sans-serif; font-weight:bold; font-size:35px; text-shadow:1px 1px 5px rgba(94,94,91,0.5); line-height:1.2;}
	.bg01_px2 {color:#fff;font-family: 'Roboto', sans-serif; font-weight:bold; font-size:15px; text-shadow:1px 1px 5px rgba(94,94,91,0.75);line-height:1.5;}



	@keyframes mv_p{
		0%{top:170px;opacity:0;}
		100%{top:210px;opacity:1;}
	}
	@keyframes mv_span{
		0%{top:255px;opacity:0;}
		100%{top:215px;opacity:1;}
	}
}


/*레이어 팝업*/

.layer_pop_tutle {overflow:hidden; height:35px;background:#605b5b; width:100%; color:#fff;}
.layer_pop_tutle_L {float:left; padding-left:20px; line-height:34px; width:80%;}
.layer_pop_tutle_R {float:right;  padding-right:20px; line-height:40px;}
.layer_pop_tutle_R a {color:#fff;}

/*레이어 팝업*/



/*****************************
WOOJU INFORMATION
*****************************/
p.common{font-family: 'Roboto', sans-serif;font-size:36px;line-height:1.3;font-weight:bold;text-align:center;color:#252629;text-transform:uppercase;}
p.common2{font-family: 'Roboto', sans-serif;font-size:24px;line-height:1.3;font-weight:400;text-align:center;color:#252629;text-transform:uppercase;}
span.common{display:block;word-break:keep-all;font-size:18px;line-height:1.2;font-weight:300;letter-spacing:-0.025em;color:#6c6f78;text-align:center;padding-top:5px;}
.mcon01{padding:100px 0 40px 0;}
.mcon01 .w1300{}
.mcon01 .w1300 .info-box{padding-top:60px;}
.mcon01 .w1300 .info-box:after{display:block;content:"";clear:both;}
.mcon01 .w1300 .info-box .right ul{font-size:0;text-align:left;}
.mcon01 .w1300 .info-box .right ul li{display:inline-block;vertical-align:top;width:50%;height:219px;box-sizing:border-box;border:1px solid #c4c6c9;border-left:0;padding:55px 0 0 37px;position:relative;}
.mcon01 .w1300 .info-box .right ul li:nth-of-type(2n-1){border-left:1px solid #c4c6c9;}
.mcon01 .w1300 .info-box .right ul li:nth-of-type(-n+2){border-bottom:0;}
.mcon01 .w1300 .info-box .right ul li.gray{background-color:#f5f5f5;}
.mcon01 .w1300 .info-box .right ul li a{display:block;width:100%;height:100%;}
.mcon01 .w1300 .info-box .right ul li a b{display:block;font-size:26px;font-weight:bold;letter-spacing:-0.05em;line-height:1.2;color:#252629;}
.mcon01 .w1300 .info-box .right ul li a span{display:block;font-size:16px;line-height:24px;letter-spacing:-0.025em;font-weight:300;color:#6c6f78;padding-top:10px;position:relative;}
.mcon01 .w1300 .info-box .right ul li a span:after{display:block;content:"→";position:absolute;color:#dc4747;bottom:-40px;left:0;transition:all 0.3s;}
.mcon01 .w1300 .info-box .right ul li a img{display:block;position:absolute;right:45px;bottom:40px;transition:all 0.3s;width:80px;}
.mcon01 .w1300 .info-box .right ul li:hover a span:after{left:10px;}
.mcon01 .w1300 .info-box .right ul li:hover a img{width:88px;}
@media all and (min-width:1024px) and (max-width:1300px){
	.mcon01 .w1300 .info-box .left{width:calc(100% - 650px);width:-o-calc(100% - 650px);width:-moz-calc(100% - 650px);width:-ms-calc(100% - 650px);width:-webkit-calc(100% - 650px);padding: 55px 30px 15px;}
}
@media all and (max-width:1024px){
	.mcon01 .w1300 .info-box .right{float:none;margin:0 auto;}
	.mcon01 .w1300 .info-box .right ul li{padding:30px 0 0 37px;position:relative;height:188px}
}
@media all and (max-width:700px){
	.mcon01 .w1300 .info-box .right ul li{padding:35px 15px 0 15px;}
	.mcon01 .w1300 .info-box .right ul li a span{word-break:keep-all;}
	.mcon01 .w1300 .info-box .right ul li a span br{display:none;}

	p.common{font-size:24px;line-height:1.4;}
	p.common2{font-size:16px;line-height:1.5;}
}
@media all and (max-width:640px){
	.mcon01{padding:50px 0;}
	p.common{font-size:28px;}
	span.common{font-size:16px;}
	.mcon01 .w1300 .info-box .right ul li a b{font-size:20px;}
	.mcon01 .w1300 .info-box .right ul li a span{font-size:14px;}
	.mcon01 .w1300 .info-box{padding-top:30px;}
}






@keyframes circle01{
	0%{width:0;height:0;opacity:0;}
	50%{width:63px;height:63px;opacity:1;}
	100%{width:0;height:0;opacity:0;}
}
@-webkit-keyframes circle01{
	0%{width:0;height:0;opacity:0;}
	50%{width:63px;height:63px;opacity:1;}
	100%{width:0;height:0;opacity:0;}
}
@keyframes circle02{
	0%{width:0;height:0;opacity:0;}
	50%{width:37px;height:37px;opacity:1;}
	100%{width:0;height:0;opacity:0;}
}
@-webkit-keyframes circle02{
	0%{width:0;height:0;opacity:0;}
	50%{width:63px;height:63px;opacity:1;}
	100%{width:0;height:0;opacity:0;}
}
@keyframes circle03{
	0%{width:0;height:0;opacity:0;}
	50%{width:27px;height:27px;opacity:1;}
	100%{width:0;height:0;opacity:0;}
}
@-webkit-keyframes circle03{
	0%{width:0;height:0;opacity:0;}
	50%{width:27px;height:27px;opacity:1;}
	100%{width:0;height:0;opacity:0;}
}
@keyframes circle04{
	0%{width:0;height:0;opacity:0;}
	50%{width:14px;height:14px;opacity:1;}
	100%{width:0;height:0;opacity:0;}
}
@-webkit-keyframes circle04{
	0%{width:0;height:0;opacity:0;}
	50%{width:14px;height:14px;opacity:1;}
	100%{width:0;height:0;opacity:0;}
}
@keyframes country01{
	0%{margin-top:-5px;}
	50%{margin-top:0;}
	100%{margin-top:-5px;}
}
@-webkit-keyframes country01{
	0%{margin-top:-5px;}
	50%{margin-top:0;}
	100%{margin-top:-5px;}
}
@keyframes country02{
	0%{margin-top:-5px;}
	50%{margin-top:0;}
	100%{margin-top:-5px;}
}
@-webkit-keyframes country02{
	0%{margin-top:-5px;}
	50%{margin-top:0;}
	100%{margin-top:-5px;}
}
@keyframes country03{
	0%{margin-top:-5px;}
	50%{margin-top:0;}
	100%{margin-top:-5px;}
}
@-webkit-keyframes country03{
	0%{margin-top:-5px;}
	50%{margin-top:0;}
	100%{margin-top:-5px;}
}
@keyframes country04{
	0%{margin-top:-5px;}
	50%{margin-top:0;}
	100%{margin-top:-5px;}
}
@-webkit-keyframes country04{
	0%{margin-top:-5px;}
	50%{margin-top:0;}
	100%{margin-top:-5px;}
}