/*
font-family:"Pretendard", sans-serif;
font-family:"MP";
*/
.w1600{width:1600px;margin:0 auto;position:relative;}
.mv{position:relative;}
.mv a.scroll-down{display:block;width:110px;text-align:center;font-family:"MP";font-size:16px;font-weight:400;color:#fff;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);bottom:50px;z-index:88888;}
.mv a.scroll-down img{display:block;margin:0 auto;margin-bottom:15px;}
.mv ul li{height:800px;background-size:cover !important;}
.mv ul li.bg01{background:url("../img/main/mv01.jpg")no-repeat center;}
.mv ul li.bg02{background:url("../img/main/mv03.jpg")no-repeat center;}

.mv ul li .w1600 p{font-family:"MP", "Pretendard" ;font-size:25px;color:#fff000;line-height:1;position:relative;top:350px;}
.mv ul li .w1600 .bar{width:100%;height:1px;background-color:rgba(255,255,255,0.6);position:relative;top:370px;}
.mv ul li .w1600 span{display: block;font-family:"MP", "Pretendard";font-size:50px;font-weight:bold;color:#fff;letter-spacing:-0.02em;line-height:1;position:relative;top:400px;word-break:keep-all;}
.mv ul li .w1600 em{display: block;font-size:20px;line-height:1.4;letter-spacing:-0.02em;font-weight:300;color:#fff;position:relative;top:430px;word-break:keep-all;}
.mv ul li .w1600 a{display:inline-block;vertical-align:top;width:200px;height:50px;box-sizing:border-box;border-radius:30px;border:1px solid #e1e1e1;font-size:18px;font-weight:400;color:#fff;text-align:center;font-family:"MP";line-height:50px;position:relative;top:500px;transition:all 0.3s;}
.mv ul li .w1600 a:hover{color:#fff;background-color:#0055ff;border-color:#0055ff;}
.mv .bx-wrapper{position:relative;}
.mv .bx-controls-direction{display: none;}
.mv .bx-controls-direction{position:absolute;z-index:55555;width:1600px;top:500px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);height:0;}
.mv .bx-controls-direction a{display:block;width:16px;height:29px;box-sizing:border-box;font-size:0;text-indent:-999999px;right:0;position:absolute;}
.mv .bx-controls-direction a.bx-prev{background:url("../img/main/mv-prev.png")no-repeat center top;top:0;right:25px;}
.mv .bx-controls-direction a.bx-next{background:url("../img/main/mv-next.png")no-repeat center; }
/* 애니메이션 */
.mv ul li.bg01 .sb01{animation-name:mv01_sb01;-webkit-animation-name:mv01_sb01; animation-duration:1.5s; -webkit-animation-duration:1.5s;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.bg01 .sb02{animation-name:mv01_sb02;-webkit-animation-name:mv01_sb02; animation-duration:1.5s; -webkit-animation-duration:1.5s;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.bg01 .sb03{animation-name:mv01_sb03;-webkit-animation-name:mv01_sb03; animation-duration:2s; -webkit-animation-duration:2s;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.bg02 .sb01{animation-name:mv02_sb01;-webkit-animation-name:mv02_sb01; 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.bg02 .sb02{animation-name:mv02_sb02;-webkit-animation-name:mv02_sb02; animation-duration:1.5s; -webkit-animation-duration:1.5s;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;}
.mv ul li.bg02 .sb03{animation-name:mv02_sb03;-webkit-animation-name:mv02_sb03; animation-duration:2s; -webkit-animation-duration:2s;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.bg03 .sb01{animation-name:mv03_sb01;-webkit-animation-name:mv03_sb01; 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.bg03 .sb02{animation-name:mv03_sb02;-webkit-animation-name:mv03_sb02; animation-duration:1.5s; -webkit-animation-duration:1.5s;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.bg03 .sb03{animation-name:mv03_sb03;-webkit-animation-name:mv03_sb03; animation-duration:1.5s; -webkit-animation-duration:1.5s;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: 1s;-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-ms-animation-delay: 1s;-o-animation-delay: 1s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.mv ul li.bg04 .sb01{animation-name:mv04_sb01;-webkit-animation-name:mv04_sb01; 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.bg04 .sb02{animation-name:mv04_sb02;-webkit-animation-name:mv04_sb02; animation-duration:1.5s; -webkit-animation-duration:1.5s;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.bg04 .sb03{animation-name:mv04_sb03;-webkit-animation-name:mv04_sb03; animation-duration:1.5s; -webkit-animation-duration:1.5s;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: 1s;-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-ms-animation-delay: 1s;-o-animation-delay: 1s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}

.mv ul li .w1600 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 .w1600 .bar{animation-name:mv_bar;-webkit-animation-name:mv_bar; animation-duration:1.5s; -webkit-animation-duration:1.5s;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 .w1600 span{animation-name:mv_span;-webkit-animation-name:mv_span; animation-duration:2s; -webkit-animation-duration:2s;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 .w1600 em{animation-name:mv_em;-webkit-animation-name:mv_em; animation-duration:2.2s; -webkit-animation-duration:2.2s;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 .w1600 a{animation-name:mv_a;-webkit-animation-name:mv_a; animation-duration:2.5s; -webkit-animation-duration:2.5s;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;}
@keyframes mv01_sb01{
	0%{width:0;opacity:0;}
	70%{width:120px;opacity:0.5;}
	100%{width:100px;opacity:1;}
}
@keyframes mv01_sb02{
	0%{width:0;opacity:0;}
	50%{width:0;opacity:0;}
	100%{width:20px;opacity:1;}
}
@keyframes mv01_sb03{
	0%{width:0;opacity:0;}
	50%{width:0;opacity:0;}
	100%{width:20px;opacity:1;}
}

@keyframes mv02_sb01{
	0%{width:0;opacity:0;}
	50%{width:0;opacity:0;}
	100%{width:20px;opacity:1;}
}
@keyframes mv02_sb02{
	0%{width:0;opacity:0;}
	70%{width:120px;opacity:0.5;}
	100%{width:100px;opacity:1;}
}
@keyframes mv02_sb03{
	0%{width:0;opacity:0;}
	50%{width:0;opacity:0;}
	100%{width:20px;opacity:1;}
}
@keyframes mv03_sb01{
	0%{width:0;opacity:0;}
	50%{width:0;opacity:0;}
	100%{width:20px;opacity:1;}
}
@keyframes mv03_sb02{
	0%{width:0;opacity:0;}
	50%{width:0;opacity:0;}
	100%{width:20px;opacity:1;}
}
@keyframes mv03_sb03{
	0%{width:0;opacity:0;}
	70%{width:120px;opacity:0.5;}
	100%{width:100px;opacity:1;}
}

@keyframes mv04_sb01{
	0%{width:0;opacity:0;}
	50%{width:0;opacity:0;}
	100%{width:20px;opacity:1;}
}
@keyframes mv04_sb02{
	0%{width:0;opacity:0;}
	50%{width:0;opacity:0;}
	100%{width:20px;opacity:1;}
}
@keyframes mv04_sb03{
	0%{width:0;opacity:0;}
	70%{width:120px;opacity:0.5;}
	100%{width:100px;opacity:1;}
}

@keyframes mv_p{
	0%{top:400px;opacity:0;}
	100%{top:350px;opacity:1;}
}
@keyframes mv_bar{
	0%{width:0;opacity:0;}
	20%{width:0;opacity:0;}
	100%{width:100%;opacity:1;}
}
@keyframes mv_span{
	0%{top:430px;opacity:0;}
	50%{top:430px;opacity:0;}
	100%{top:400px;opacity:1;}
}
@keyframes mv_em{
	0%{top:460px;opacity:0;}
	70%{top:460px;opacity:0;}
	100%{top:430px;opacity:1;}
}
@keyframes mv_a{
	0%{top:530px;opacity:0;}
	70%{top:530px;opacity:0;}
	100%{top:500px;opacity:1;}
}
@media all and (max-width:1920px){
	.mv ul li .w1600{width:80%;}
	.mv .bx-controls-direction{width:100%;left:auto;transform:none;-webkit-transform:none;-o-transform:none;-ms-transform:none;-moz-transform:none;right:11%;}
}

@media all and (max-width:1200px){
	.mv{height:auto !important;}
	.mv a.scroll-down{display:none;}
	.mv ul li{height:600px;background-position:50% !important;}
	.mv ul li .w1600 p{top:180px;}
	.mv ul li .w1600 .bar{top:205px;}
	.mv ul li .w1600 span{top:240px;}
	.mv ul li .w1600 em{top:265px;}
	.mv ul li .w1600 a{top:320px;}
	.mv ul li .sb01{height:2px;top:185px;}
	.mv ul li .sb02{height:2px;top:210px;}
	.mv ul li .sb03{height:2px;top:235px;}
	@keyframes mv_p{
		0%{top:150px;opacity:0;}
		100%{top:180px;opacity:1;}
	}
	@keyframes mv_bar{
		0%{width:0;opacity:0;}
		20%{width:0;opacity:0;}
		100%{width:100%;opacity:1;}
	}
	@keyframes mv_span{
		0%{top:270px;opacity:0;}
		50%{top:270px;opacity:0;}
		100%{top:240px;opacity:1;}
	}
	@keyframes mv_em{
		0%{top:295px;opacity:0;}
		70%{top:295px;opacity:0;}
		100%{top:265px;opacity:1;}
	}
	@keyframes mv_a{
		0%{top:350px;opacity:0;}
		70%{top:350px;opacity:0;}
		100%{top:320px;opacity:1;}
	}
	.mv .bx-controls-direction{top:200px;}
	.mv ul li .sb{display:none;}
}
@media all and (max-width:640px){
	.mv ul li .w1600 p{font-size:24px;}
	.mv ul li .w1600 span{font-size:34px;}
	.mv ul li .w1600 em{font-size:16px;}
	.mv ul li .w1600 a{width:150px;height:35px;line-height:35px;font-size:18px;}
	.mv .bx-controls-direction a.bx-next{top:43px;}
}

.mmw1400{width:1400px;margin:0 auto;position:relative;}

@media all and (max-width:1500px){
	.mmw1400{width:95%;}
}

.mcon01{width:1400px; ;margin: 0 auto; box-sizing:border-box; padding-top:70px;}
.mcon-title{width:100%; position: relative;}
.mcon-title h2{ color: #111d68;font-size: 26px;line-height: 41px;font-weight: 700;display: inline-block; letter-spacing: -1px;}
.mcon-title p {color: #0055ff;font-family:"MP"; display: inline-block; letter-spacing: -1px;}
.mcon-title span{position:absolute; top:25px; right:0;width:78%;height:1px;background-color:#ddd; display: inline-block;}

.mcon01 .service {margin-top:20px;margin-bottom:80px;}
.mcon01 .service ul{width:100%;display: flex; justify-content: space-between;}
.mcon01 .service li {width:31%; background-color: #335cf4; padding:20px; box-sizing: border-box; border-radius: 15px; box-shadow: 19px 38px 30px 0 rgb(25 53 116 / 12%);cursor: pointer; }
.mcon01 .service li:first-child {background-color: #1f2353;}
.mcon01 .service li:last-child {background-color: #00c6f8;}

.mcon01 .service li:hover { box-shadow:19px 38px 30px 0 rgba(0, 45, 150, 0.24); transition-duration:0.25s;transition-timing-function:ease-in-out; }
.mcon01 .service li div {margin:10px; display:flex;}
.mcon01 .service li div p {padding-left:40px;font-size:15px; color:#fff; font-weight:300;  text-align: left;  display: inline-block; }
.mcon01 .service li div p span {font-size:22px; color:#fff; font-weight:700;  text-align: left;  line-height: 1.4; padding-bottom:5px;}
.mcon01 .service li div img{ max-width:100%; height:100%; vertical-align: middle; }
.mcon01 .service li div a{ background-color: #ff7575;color:#fff;font-size:13px; text-align: center; display: inline-block; padding:5px 20px; border-radius: 4px;margin-top:10px;;}


@media all and (max-width:1600px){
	.mcon01{width:95%;}
}
@media all and (max-width:1200px){
	.mcon01 .service li {width:32%;  }
	.mcon01 .service li div p {padding-left:20px; }
	.mcon01 .service li div p span {font-size:20px; color:#fff;;}
}
@media all and (max-width:840px){
	.mcon01 .service li div p {padding-left:0px; }
	.mcon01 .service li div img{ display: none;;}
	.mcon-title span{display: none;;}
}

@media all and (max-width:640px){
	.mcon01 .service ul {display: block;}
	.mcon01 .service li {width:100%; margin-bottom:10px; }
}

.m-full{width:100%; background-color: #f5f5fa;}

.mmcon04{width:1400px; margin:0 auto;;padding-top:70px;padding-bottom:70px; display: flex; justify-content: space-between; background-color: #f5f5fa;}
.mmcon04 .mcon-banner{width:20%;}
.mmcon04 .mcon-banner li{width:100%; height:100px; display: table; background-color: #7c47ff;border-radius: 15px; padding:10px; box-sizing: border-box; text-align: center;box-shadow: 19px 38px 30px 0 rgb(25 53 116 / 12%);cursor: pointer;}
.mmcon04 .mcon-banner li:hover{box-shadow:19px 38px 30px 0 rgba(25, 53, 116, 0.24); transition-duration:0.25s;transition-timing-function:ease-in-out;}
.mmcon04 .mcon-banner li p{color:#fff;font-weight:700; display: table-cell; vertical-align: middle; text-align: center;}
.mmcon04 .mcon-banner li:last-child{ background-color: #0055ff;margin-top:15px;}
.mmcon04 .mcon-banner li img{padding-right:10px; vertical-align: middle;}

.mmcon04 .mcon-faq{width:35%;}
.mmcon04 .mcon-faq .mcon-title{width:100%; position: relative;}
.mmcon04 .mcon-faq .mcon-title h2{ color: #111d68;font-size: 26px;line-height: 41px;font-weight: 700;display: inline-block; letter-spacing: -1px;}
.mmcon04 .mcon-faq .mcon-title p {color: #0055ff;font-family:"MP"; display: inline-block; letter-spacing: -1px;}

.mmcon04 .mcon-faq ul{margin-top:10px;}
.mmcon04 .mcon-faq ul li{ font-weight: 400; border-bottom:1px solid #ddd; padding-bottom:5px; padding-top:10px; cursor: pointer;}
.mmcon04 .mcon-faq ul li:hover{color: #0055ff;transition-duration:0.25s;transition-timing-function:ease-in-out;}
.mmcon04 .mcon-faq ul li:last-child{ border-bottom:0px;}

.mmcon04 .mcon-faq ul li span{border:1px solid #9d9d9d; font-weight: 300; margin-right:5px; border-radius: 30px; padding:0px 10px 0px 10px; box-sizing:border-box; font-size:13px; color:#9d9d9d; display: inline-block;}

.mmcon04 .databbs{width:35%;}
.mmcon04 .databbs .mcon-title{width:100%; position: relative;}
.mmcon04 .databbs .mcon-title h2{ color: #111d68;font-size: 26px;line-height: 41px;font-weight: 700;display: inline-block; letter-spacing: -1px;}
.mmcon04 .databbs .mcon-title p {color: #0055ff;font-family:"MP"; display: inline-block; letter-spacing: -1px;}
.mmcon04 .databbs ul{margin-top:10px;}
.mmcon04 .databbs ul li{ font-weight: 400; border-bottom:1px solid #ddd; padding-bottom:5px; padding-top:10px; cursor: pointer;letter-spacing: -1px;}
.mmcon04 .databbs ul li:hover{color: #0055ff;transition-duration:0.25s;transition-timing-function:ease-in-out;}
.mmcon04 .databbs ul li:last-child{ border-bottom:0px;}

.mmcon04 .databbs ul li span{border:1px solid #9d9d9d; font-weight: 300; margin-right:5px; border-radius: 30px; padding:0px 10px 0px 10px; box-sizing:border-box; font-size:13px; color:#9d9d9d; display: inline-block;}

@media all and (max-width:1500px){
    .mmcon04{width:95%;}
}
@media all and (max-width:1200px){
    .mmcon04 .mcon-banner{width:11%;}
    .mmcon04 .mcon-banner li p{display: inline-block; padding-top:10px;}
    .mmcon04 .mcon-faq{width:44%;}
    .mmcon04 .mcon-faq ul li{font-size:14px;color: #111d68; }
    .mmcon04 .databbs ul li{font-size:14px;color: #111d68; }

}

@media all and (max-width:989px){
    .mmcon04{display: block;}
    .mmcon04 .mcon-banner{width:100%;display: inline-block;margin-bottom:40px;}
    .mmcon04 .mcon-banner li{width:48%; margin-right:2%; height:70px; display: inline-block;}
    .mmcon04 .mcon-banner li:last-child{margin-right:0; }
    .mmcon04 .mcon-faq{width:100%; margin-bottom:50px;}
    .mmcon04 .databbs{width:100%;margin-bottom:0px;}

}
@media all and (max-width:580px){
    .mmcon04{padding-top:30px;padding-bottom:30px;}
}


.news-more {font-size:15px;display: inline-block; background-color: #fff; position: absolute; top: 7px; right: 0; height: 30px; padding-right: 30px; padding-left: 30px; border-width: 1px; border-style: solid;border-color: #e5e7ee;border-radius: 18px;line-height: 30px;}
.news-more img {vertical-align: middle;}

.news-more:hover{border-color:#437dea; color:#437dea;transition-duration:0.25s;transition-timing-function:ease-in-out;}

.mcon05{width:100%;background:url("../img/main/withbg.jpg")no-repeat center top; background-size: cover; height:600px;}
.mcon05 p.tit{padding-top:70px;font-size:40px;font-weight:bold;color:#fff;text-align:center;}
.mcon05 p.subtxt{color:#ccc; font-size:14px; text-align:center;padding:20px;; line-height: 1.4;}
.mcon05 .merit04{width:1200px; margin:0 auto; padding-top:80px;padding-bottom:80px;}

.mcon05 .merit04 ul{display: flex; justify-content: space-between; position: relative;}
.mcon05 .merit04 ul li{width:23%;color:#fff;text-align: center;font-size:16px;}
.mcon05 .merit04 ul li:first-child{width:27%;}

.mcon05 .merit04 ul p{font-family: 'MP'; font-size:20px; font-weight:800; margin-top:10px;margin-bottom:10px;}



@media all and (max-width:1225px){
	.mcon05{height:auto;background-size:cover;}
	.mcon05 ul.list{width:100%;}
	.mcon05 ul.list > li{width:20%;}
}
@media all and (max-width:1200px){
	.mcon05 .merit04{width:95%;}
	.mcon05 p.tit{padding-top:60px;}
	.mcon05 .merit04{padding-top:60px;}
	.mcon05 .merit04 ul li{font-size:15px;}

}
@media all and (max-width:1024px){
	.mcon05{padding-bottom:0px;}

}
@media all and (max-width:640px){
	.mcon05{padding-bottom:50px;}
	.mcon05 p.tit{font-size:28px;}
	.mcon05 .merit04 ul{width:100%;display: inline-block;}
	.mcon05 .merit04 ul li{width:100%; margin-bottom:30px;}
	.mcon05 .merit04 ul li:first-child{width:100%;}

	
}


/* 사파리 */
body:first-of-type .mv ul li.bg02 .sb02{width:100px;}
body:first-of-type .mv ul li.bg03 .sb03{width:100px;}

/* 9 HACK */
.mv ul li.bg02 .sb02{width:100px \0/IE9 !important;}
.mv ul li.bg03 .sb03{width:100px \0/IE9 !important;}



/*
start popup
*/
.modal { position: fixed; top:11%; left: 35%; display:none;z-index: 99999999; overflow: hidden; outline: 0;background-color: #05152c;}
.modal.start_pop {}
.modal.start_pop .modal-footer{width:auto; background-color: #05152c; color:#ddd; padding:7px 15px; box-sizing: border-box;font-size:12px;}
.modal.start_pop .modal-footer .pop-close { cursor: pointer; display: inline-block;color:#ddd; float: right;}
.modal.start_pop .modal-footer .check-area {display: inline-block;}
.modal.start_pop .modal-footer .check-area label{ cursor: pointer; color:#ddd;display: inline-block;}
.modal.start_pop .modal-footer .check-area input { width:10px; height:10px;cursor: pointer; color:#ddd;display: inline-block;
    -webkit-border-radius: 0;
    -webkit-appearance:auto ;
    -moz-appearance: auto;
    appearance: auto;}

.modal.start_pop .modal-body{margin:0;}
.modal.start_pop .modal-body img{width:auto;border:1px solid #05152c;}

@media screen and (max-width: 1200px) {
  .floating_banner, .modal {
      top: 10%;
      left: 8%;
  }
  .floating_banner .floating_banner_close {
      top: 19px;
      right: 20px;
  }
}
@media screen and (max-width: 900px) {
  .floating_banner {
    top: 10%;
    left: 5%;
    margin-left: 100px;
  }
}
@media screen and (max-width: 600px) {
  .floating_banner {
    top: 10%;
    left: 5%;
    margin-left: 10px;
  }
  .floating_banner a img{
      width:320px!important;
  }
  .modal.start_pop .modal-body img{width:320px!important;}

}

@media screen and (max-width: 400px) {
  .floating_banner, .modal {
    top: 10%;
    left: 1.5%;
    margin-left: 30px;
  }
  .floating_banner a img{
      border:0;
      width:270px!important;
  }
  .modal.start_pop .modal-body img{width:270px!important;}

}