/*=================== 바디 속성===================*/
body{width:100%;
	height:100%; 
	background-color: #000; 
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
	line-height: 1.42857143; 
	color: #bebebe; 
	margin: 0 auto;
	overflow-y: auto;
	word-break:keep-all;
	}

a {text-decoration: none; color: #bebebe}

.br-space2{display: none;}

.bg_ani{overflow: hidden;
    position: fixed;
    z-index: -3;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    opacity: 0.25;
    }


.pv_ani{position: absolute;width: 2025px;height: 1139px; left: 50%; top: 50%;margin-left: -1012.5px; margin-top: -569.5px;}

.bg_dot{overflow: hidden;
    position: fixed;
    background-image: url('../img/BG_IMG_DOT.png'); 
    background-repeat: repeat;
    background-position: 0px 0px;
    z-index: -2;
    width: 100%;
    height: 100%;
    }

.bg_blood{height: 100%;     
	position: relative;
	background-image: url('../img/BG_IMG_LEFT.png'), url('../img/BG_IMG_RIGHT.png'); 
	background-repeat: no-repeat;
	background-position: -20px 0px, 100% 0px;
	z-index: 9999;
    width: 100%;
	position: relative;
	overflow: hidden;
	animation-duration: 2s;
  	animation-name: fade-in;
	}

.header{width:95%; 
	margin: 0 auto; 
	padding: 15px ; 
	position: fixed;
	background-image: url('../img/BG_header.png');
	background-repeat:repeat-x;
	z-index: 9999;
}

.ci {float:left; 
	width: 217px; 
	animation-duration: 2s; 
	animation-name: left-right;}

.ci img{width: 217px;}

.language{float:right; 
	font-size: 16px ; 
	border-radius: 5px; 
	border: 1px solid #ccc; 
	text-align: center; 
	padding: 4px 8px; 
	color: #ccc;
	cursor: pointer; 

	animation-duration: 2s;
  	animation-name: right-left;
	}


.language img{width: 20px; margin-top:-2px; margin-right: 4px; vertical-align: middle;}

	.toggle_button {color:#ccc; font-size:14px; font-weight:bold; cursor:pointer; display:block;  background:##797979;  text-align:center;  }
	#toggle_button, #toggle_contents {height:0; overflow:hidden; position:absolute; margin-top:10px; }
	#toggle_contents a{text-decoration:none; font-size:14px;color:#fff; }
	#toggle_contents img{width:20px; margin-right:10px; vertical-align:middle;}
	.toggle_btbox{ padding:5px;}
	#toggle_button:checked + #toggle_contents {height:auto; position:relative;  padding-bottom:6px;}

.toggle_button:hover, .toggle_button:focus, .toggle_btbox:hover, .toggle_btbox:focus{opacity: 0.6;}




.menu{width: 550px;
	padding:4px 0;
	text-align:center; 
	border-radius: 6px;
	margin: 0 auto;  
	margin-top: 4px;
	background-color: rgba(44, 74, 109, 0.5);
	background-size: 100%;
	display: block;
	font-size: 15px;
	animation-duration: 2s; 
	animation-name: updown;
	}

.menu span{padding: 0 7px;}

.menu a:hover, .menu a:focus {color:#2d93ff;}




.bi {height: 165px;
	padding-top: 180px; 
	background-image: url('../img/WI2_BI.png'); 
	background-size:380px;
	background-repeat: no-repeat;
	background-position: center bottom;

	}


.txt {text-align: center;
	margin-top: 95px; 
	font-size: 24px;
	font-weight: lighter;
	color: #fff;
	text-shadow: 0 0 0.9em #ec002d, 0 0 0.5em #ec002d;
	}


.qr {margin-top: 70px; text-align: center;}
.qr img{width: 120px}
.qr img:hover, .qr img:focus{opacity: 0.6;}


.d-btn{width: 450px;
	margin: 0 auto;
	background-color:rgba(45, 81, 122, 0.3); 
	border-radius: 7px;
	border: 2px solid rgba(255, 255, 255, 0.5);;
	padding:12px 15px;
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	cursor: pointer; 
	margin-top: 70px; 
	margin-bottom: 125px
	}

.d-btn img{float: right; margin-top: 8px ;}

.d-btn:hover, .d-btn:focus{opacity: 0.7;}


.info{margin: 0 auto;
	text-align: center;
	line-height: 1.9;
	font-size: 18px;
	padding: 125px 0;
	background-color: rgba(0, 0, 0, 0.6);
	
}



.info span{line-height: 5;
	font-weight: 600;
	font-size: 26px;
	text-shadow: 0 0 0.9em #ec002d, 0 0 0.5em #ec002d;
	    color: #fff;
}

.info img{margin: 20px 0 60px 0;}


.info_img{
	background-image: url('../img/img_info2.png');
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 760px;
}

.cha{margin: 0 auto;
	text-align: center;
	line-height: 1.9;
	font-size: 18px;
	padding: 100px 0 50px 0;

}


.cha_pn{
	width: 990px;
	height: 990px;
	margin: 0 auto;
	text-align: right;
	font-size: 16px;
	margin-bottom: 150px;
	animation-duration: 2s;
  	animation-name: fade-in;
	}

.cha_bg1{
	background-image: url('../img/cha_bg1.png');
	background-position: center;
	background-repeat: no-repeat;
	}
.cha_bg2{
	background-image: url('../img/cha_bg2.png');
	background-position: center;
	background-repeat: no-repeat;
	}
.cha_bg3{
	background-image: url('../img/cha_bg3.png');
	background-position: center;
	background-repeat: no-repeat;
	}	
.cha_bg4{
	background-image: url('../img/cha_bg4.png');
	background-position: center;
	background-repeat: no-repeat;
	}


.cha_img{float: left; position: absolute; margin: 120px 0 0 20px}

.arrow-left img{float: left; margin: 360px 0 0 30px; cursor: pointer; z-index: 9999; position: relative;}
.arrow-right img{float: right; margin: 360px 30px 0 0; cursor: pointer; z-index: 9999; position: relative;}



.arrow-left:hover, .arrow-left:focus, .arrow-right:hover, .arrow-right:focus{opacity: 0.5;z-index: 9999; position: relative;}

.cha_talk{z-index: 1; 
	position: relative; 
	padding: 370px 0 300px 0; 
	margin-right:40px;
	text-shadow: 0 0 0.9em #ec002d, 0 0 0.5em #ec002d;
	font-size: 22px;
	color: #fff;
}

.cha_info{
	padding: 80px 70px 0 0;
	text-align: right; 
	line-height: 1.7; 
	z-index: 1; position: 
	relative; 
	margin-top:-80px;
	margin-right:-30px;
	background-image: url('../img/bg_blood_s.png');
	background-position: right;
	background-size: 310px;
	background-repeat: no-repeat;

}

.cha_info strong{font-size: 30px;
	font-weight: 100; 
	line-height: 2.6; 
	text-shadow: 0 0 0.9em #ec002d, 0 0 0.5em #ec002d;color: #fff;
}

.cha_info span{font-size: 14px; 
	text-shadow: 0 0 0.9em #ec002d, 0 0 0.5em #ec002d;color: #fff;
}


.press_bg{margin: 0 auto;
	text-align: center;
	padding: 90px 0 100px;
	background-color: rgba(0, 0, 0, 0.6);
}

.press {
	padding: 105px 100px 0 100px ;
	width: 640px;
	margin-left: -100px;
	margin: 0 auto;
	text-align: left;
	line-height: 1.7;
	font-size: 16px;
	color: #969696;
	background-image: url('../img/bg_blood_s.png');
	background-position: left top;
	background-size: 400px;
	background-repeat: no-repeat;
	word-break:keep-all
}

.press span{color: #fff; font-size: 16px;line-height: 1.6;}
.press li{color: #fff;font-size: 30px;font-weight: bold; line-height: 1;display: inline;}
.press strong{color: #fff; line-height: 3;}



.icon{width:256px;}

.press_img { width:200px; height:309px; padding: 0 2px; background-position:center; background-repeat:no-repeat; background-size:200px; display:inline-block}
.img1{background-image: url('../img/press_img1.jpg'); }
.img2{background-image: url('../img/press_img2.jpg'); }
.img3{background-image: url('../img/press_img3.jpg'); }
.img4{width:616px; height:279px; background-image: url('../img/press_img4.jpg'); background-size:616px; display:block}

.d-btn2 {width: 616px;
	margin: 0 auto;
	background-color:rgba(130, 10, 30, 0.4); 
	border-radius: 7px;
	border: 2px solid rgba(255, 255, 255, 0.5);;
	padding:12px 0;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	cursor: pointer; 
	margin: 30px 0 50px 0; 
		}

.d-btn2:hover, .d-btn2:focus{opacity: 0.7;}


.bottom { position: absolute;
    bottom: 0;
    width: 100%;
    height:40px;
	background-color: #1f1f1f;
	border-top: 1px solid #404040;
	display: block;
	box-shadow: 3px 3px 3px 6px black;
	z-index: 9999;
}


.txt-left{text-align:center; font-size:14px;color:#a6a6a6; margin:9px 0 0 20px}

@keyframes fade-in {
	0% {opacity: 0}
    100% {opacity: 1}
}


@keyframes right-left {
	0% {margin-right: -10%; opacity: 0}
    100% {margin-right: 0%; opacity: 1}
}

@keyframes left-right {
	0% {margin-left: -20%; opacity: 0}
    100% {margin-left: 0%; opacity: 1}
}


@media only screen and (min-width : 1px) and (max-width : 1300px)  {
	.bg_blood {background-size: 32%, 26%;}
}


@media only screen and (min-width : 961px) and (max-width : 1300px) {
.menu {width:500px; margin-left: 30%; font-size: 14px}
.menu span {padding: 0 0px;}
.language{margin-top: 3px}


.cha {padding: 70px 0 0px 0;}
.cha_pn {width: 900px; height: 940px; }

.cha_bg1 { background-size: 90%;}
.cha_bg2 { background-size: 90%;}
.cha_bg3 { background-size: 90%;}
.cha_bg4 { background-size: 90%;}

.cha_img{margin: 100px 0 0 90px;}
.cha_talk{margin-right: 70px}
.cha_info{margin-right: 0px}
}




@media only screen and (min-width : 751px) and (max-width : 960px) {
.menu {width:350px; font-size: 12px; margin-left: 30%;}
.menu span{padding: 0; margin:0 -2px;}
.ci img {width: 200px;}
.language{margin-top: 3px}

.cha {padding: 70px 0 0px 0;}
.cha_pn {width: 731px; height: 800px; }

.cha_bg1 {background-size: 85%;}
.cha_bg2 {background-size: 85%;}
.cha_bg3 {background-size: 85%;}
.cha_bg4 {background-size: 85%;}

.cha_img{margin: 60px 0 0 75px; }
.cha_img img{width: 210px}
.cha_talk{margin-right: 70px; font-size: 19px;     padding: 355px 0 230px 0;}
.cha_info{margin-right: 0px}
.arrow-left img{ margin: 320px 0 0 18px;}
.arrow-right img{ margin: 320px 18px 0 0;}

.press_bg{padding: 80px 0 80px;}
.press {padding: 75px 60px 0 60px ;line-height: 1.5;font-size: 15px;background-size: 300px;}
.press li{font-size: 31px;}

}


@media only screen and (min-width : 641px) and (max-width : 750px) {
.menu {width:100%; font-size: 15px; margin-top: 40px; border-radius: 0;  position: absolute; margin-left: -15px;}
.menu span{padding: 0 2px; }
.ci {width: 160px;}
.ci img {width: 160px;}
.language{margin-top: 3px; font-size: 13px;padding: 2px 6px;}
.language img {
    width: 15px; margin-top: -2px;
    margin-right: 2px;
    vertical-align: middle;}

.bi {padding-top: 150px;background-size: 340px;}
.txt {font-size: 22px;}
.d-btn{font-size: 20px;margin-bottom:100px;padding: 10px 15px;}
.info {font-size: 16px; padding: 100px 0 50px;}
.info span{font-size: 22px;}
.info img {width: 100%;}
.info_img {height: 640px; background-size: 1200px; background-position: 54%}

.cha {padding: 0px 0 50px 0;}
.cha_pn {width: 100%; height: 800px; background-size: 100%; }

.cha_bg1 { background-size: 100%;}
.cha_bg2 { background-size: 100%;}
.cha_bg3 { background-size: 100%;}
.cha_bg4 { background-size: 100%;}

.cha_img{margin: 60px 0 0 75px; }
.cha_img img{width: 190px}
.cha_talk{margin-right: 70px; font-size: 19px;     padding: 315px 0 210px 0;}
.cha_info{margin-right: 0px}
.arrow-left img{ margin: 280px 0 0 18px;}
.arrow-right img{ margin: 280px 18px 0 0;}

.press_bg{padding: 90px 0 80px;}
.press {padding: 50px 0 0 45px ;width: 80%;margin-left:10px;line-height: 1.5;font-size: 14px;background-size: 200px;}
.press li{font-size: 29px;}
.icon {width: 200px;}
.press_img {width:160px}
.img4{width:496px;height:220px; background-position:center center; background-size:600px; }
.d-btn2{width:496px;font-size: 18px;padding: 12px 0;}

}


@media only screen and (min-width : 1px) and (max-width : 640px)  {
	.menu{background-color: rgba(36, 58, 84, 0.9);}
	.bg_ani{display: none;}

}
@media only screen and (min-width : 481px) and (max-width : 640px) {
   .br-space{display: none;}
.br-space2{display: block;}

.header {width: 100%; padding: 12px 0;}
.menu {width:100%; font-size: 15px; margin-top: 40px; border-radius: 0;  position: absolute;}
.menu span{padding: 0 2px; }
.ci {width: 160px; margin-left: 7px}
.ci img {width: 160px;}
.language{margin-top: 3px; font-size: 13px;padding: 2px 6px; margin-right: 10px; z-index: 9999; position:relative;}
.language img {
    width: 15px; margin-top: -2px;
    margin-right: 2px;
    vertical-align: middle;}

@keyframes right-left {
	0% {margin-right: -10%; opacity: 0}
    100% {margin-right: 10px; opacity: 1}
}

@keyframes left-right {
	0% {margin-left: -20%; opacity: 0}
    100% {margin-left: 7px; opacity: 1}


}



.bi {padding-top: 150px;background-size: 300px;}
.txt {font-size: 20px;}
.d-btn{width: 400px;font-size: 18px;margin-bottom:90px;padding: 8px 15px;}
.info {font-size: 14px; padding: 120px 0 30px;}
.info span{font-size: 22px; color: #fff}
.info img {width: 100%;}
.info_img {height: 540px; background-size: 900px; background-position: 54%}


.cha {padding: 0px 0 50px 0;}
.cha_pn {width: 95%; height: 600px; margin: 0 auto; margin-bottom: 100px; }

.cha_bg1 {background-size: 100%;}
.cha_bg2 {background-size: 100%;}
.cha_bg3 {background-size: 100%;}
.cha_bg4 {background-size: 100%;}

.cha_img{margin: 70px 0 0 60px; }
.cha_img img{width: 140px}
.cha_talk{margin-right: 55px; font-size: 17px;     padding: 240px 0 210px 0;}
.cha_info{margin-right: -10px; font-size: 15px}
.cha_info strong{font-size: 26px;
	font-weight: 100; 
	line-height: 2.2; 
	text-shadow: 0 0 0.9em #ec002d, 0 0 0.5em #ec002d;
}

.cha_info span{font-size: 14px; 
	text-shadow: 0 0 0.9em #ec002d, 0 0 0.5em #ec002d;
}


.arrow-left img{width: 30px; margin: 230px 0 0 18px;}
.arrow-right img{width: 30px; margin: 230px 18px 0 0;}

.press_bg{padding: 90px 0 50px;}
.press {padding: 50px 0 0 45px ;width: 80%;margin-left:10px;line-height: 1.5;font-size: 14px;background-size: 200px;}
.press li{font-size: 29px;}
.icon {width: 200px;}
.press_img {width:31%}
.img4{width:97%;height:220px; background-position:center center; background-size:500px; }
.d-btn2{width:97%;font-size: 16px;padding: 8px 0;}

}


@media only screen and (min-width : 360px) and (max-width : 480px) {
.header {width: 100%; padding: 12px 0 10px;}
.menu {width:100%; font-size: 12px; margin-top: 40px; border-radius: 0; position: absolute;}
.menu span{padding: 0; }
.ci {width: 120px; margin-left: 7px}
.ci img {width: 140px;}
.language{margin-top: -1px; font-size: 10px;padding: 2px 6px; margin-right: 10px; z-index: 9999; position:relative;}
.toggle_button{font-size: 12px;}
.language img {
    width: 15px; margin-top: -2px;
    margin-right: 2px;
    vertical-align: middle;}

@keyframes right-left {
	0% {margin-right: -10%; opacity: 0}
    100% {margin-right: 10px; opacity: 1}
}

@keyframes left-right {
	0% {margin-left: -20%; opacity: 0}
    100% {margin-left: 7px; opacity: 1}
}

.br-space{display: none;}
.br-space2{display: block;}

.bi {padding-top: 70px;background-size:68%;}
.txt {font-size: 16px;    margin-top: 50px;}
.qr{margin-top: 45px;}
.qr img {width: 100px; }
.d-btn{width: 80%;font-size: 18px;margin-bottom:40px;padding: 6px 8px;margin-top:45px;}
.d-btn img {margin-top: 5px; width: 12px}
.info {font-size: 13px; padding: 100px 0 30px; }
.info span{font-size: 18px;}
.info img {width: 100%;}
.info_img {height:330px; background-size: 600px; background-position: 54%}


.cha {padding: 0px 0 50px 0;}
.cha_pn {width: 100%; height: 400px; margin-bottom: 100px}

.cha_bg1 {background-size: 100%;}
.cha_bg2 {background-size: 100%;}
.cha_bg3 {background-size: 100%;}
.cha_bg4 {background-size: 100%;}

.cha_img{margin: 60px 0 0 50px; }
.cha_img img{width: 105px}
.cha_talk{margin-right: 45px; font-size: 14.5px;     padding: 165px 0 100px 0; }
.cha_info{margin-right: 15px; font-size: 11px;     background-size: 240px;     padding: 70px 0px 0 0; background-position: 80px ;}
.cha_info strong{font-size: 19px;

	font-weight: 100; 
	line-height: 2.2; 
	text-shadow: 0 0 0.9em #ec002d, 0 0 0.5em #ec002d;
}

.cha_info span{font-size: 11px; 
	text-shadow: 0 0 0.9em #ec002d, 0 0 0.5em #ec002d;
}


.arrow-left img{width: 16px; margin: 170px 0 0 10px;}
.arrow-right img{width: 16px; margin: 170px 10px 0 0;}


.txt-left{font-size: 12px;     margin: 9px 0 0 0px}

.press_bg{padding: 70px 0 50px;}
.press {padding: 50px 0 0 45px ;width: 90%;margin-left:-24px;line-height: 1.5;font-size: 12px;background-size: 200px;}
.press li{font-size: 27px;}
.icon {width: 200px;}
.press_img { width:95%; height:160px; padding: 0 2px; background-position:center -100px; background-size:100%; display:block; margin-bottom:20px}
.img4{width:95%;height:160px; background-position:center center; background-size:400px; }
.d-btn2{width:95%;font-size: 16px;padding: 8px 0;}
}



@media only screen and (min-width : 1px) and (max-width : 359px) {
.header {width: 100%; padding: 12px 0 10px;}
.menu {width:100%; font-size: 11px; margin-top: 40px; border-radius: 0; position: absolute;}
.menu span{padding: 0; margin: 0 -1px }
.ci {width: 120px; margin-left: 7px}
.ci img {width: 140px;}
.language{margin-top: -1px; font-size: 10px;padding: 2px 6px; margin-right: 10px; z-index: 9999; position:relative;}
.toggle_button{font-size: 12px;}
.language img {
    width: 15px; margin-top: -2px;
    margin-right: 2px;
    vertical-align: middle;}

@keyframes right-left {
	0% {margin-right: -10%; opacity: 0}
    100% {margin-right: 10px; opacity: 1}
}

@keyframes left-right {
	0% {margin-left: -20%; opacity: 0}
    100% {margin-left: 7px; opacity: 1}
}

.br-space{display: none;}
.br-space2{display: block;}

.bi {padding-top: 50px;background-size:72%;}
.txt {font-size: 15px;    margin-top: 35px;}
.qr{margin-top: 30px;}
.qr img {width: 100px; }
.d-btn{width: 90%;font-size: 18px;margin-bottom:40px;padding: 6px 8px;margin-top:30px;}
.d-btn img {margin-top: 5px; width: 12px}
.info {font-size: 13px; padding: 100px 0 30px; }
.info span{font-size: 15px;}
.info img {width: 100%;}
.info_img {height:330px; background-size: 600px; background-position: 54%}


.cha {padding: 0px 0 50px 0;}
.cha_pn {width: 100%; height: 400px;margin-bottom: 100px}

.cha_bg1 {background-size: 100%;}
.cha_bg2 {background-size: 100%;}
.cha_bg3 {background-size: 100%;}
.cha_bg4 {background-size: 100%;}

.cha_img{margin: 70px 0 0 30px; }
.cha_img img{width: 100px}
.cha_talk{margin-right: 45px; font-size: 14.5px;     padding: 165px 0 100px 0; }
.cha_info{margin-right: 15px; font-size: 11px;     background-size: 240px;     padding: 70px 0px 0 0; background-position: 80px ;}
.cha_info strong{font-size: 19px;

	font-weight: 100; 
	line-height: 2.2; 
	text-shadow: 0 0 0.9em #ec002d, 0 0 0.5em #ec002d;
}

.cha_info span{font-size: 11px; 
	text-shadow: 0 0 0.9em #ec002d, 0 0 0.5em #ec002d;
}


.arrow-left img{width: 16px; margin: 170px 0 0 10px;}
.arrow-right img{width: 16px; margin: 170px 10px 0 0;}


.txt-left{font-size: 12px;     margin: 9px 0 0 0px}

.press_bg{padding: 70px 0 50px;}
.press {padding: 50px 0 0 45px ;width: 93%;margin-left:-30px;line-height: 1.5;font-size: 11.5px;background-size: 200px;}
.press li{font-size: 27px;}
.icon {width: 200px;}
.press_img { width:95%; height:150px; padding: 0 2px; background-position:center -74px; background-size:100%; display:block; margin-bottom:20px}
.img4{width:95%;height:150px; background-position:center center; background-size:400px; }
.d-btn2{width:95%;font-size: 16px;padding: 8px 0;}
}