img {
image-rendering: -moz-crisp-edges; /* Firefox */ 
image-rendering: -o-crisp-edges; /* Opera */ 
image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ 
image-rendering: crisp-edges; 

}


body{width:100%;height:100%; min-width:1200px;background:url('../images/sub/ebooth_bg.jpg') center 0 no-repeat #eeeff0;}
#wrapper {width:100%;height:100%;margin:0 auto; }
#subwrapper {width:100%;height:100%;margin:0 auto;}

#header {width:100%; height:70px;position:fixed;z-index:1000;background-color:rgba(255,255,255,0.8);
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 10px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 10px rgba(0,0,0,0.2);
}
.header_content {width:1200px; margin:0 auto;position:relative;}
.header_content .logo {position:absolute; top:10px; left:0; }
.header_content .logo a {display:block;}
.header_content .logo a img{height:45px;}
.header_content p{position:Absolute; right:0;top:18px; font-size:19px;font-weight:600;color:#232323;letter-spacing:-0.05em;}
.header_content p a{color:#1373ea;font-weight:900;}

.sidebar {position:fixed;width:50px;bottom:50px;right:30px;text-align:center;font-weight:600; 
	animation-name:aniani; animation-iteration-count:infinite;  animation-duration:0.6s; animation-direction:alternate;
}
.sidebar a{color:red;}

	@keyframes aniani {
	  from {
		bottom:50px;
	  }

	  to {
		bottom:60px;
	  }
	}


#menu {position:fixed; right:0;top:10%;z-index:1000;}
#menu li{margin:0 0 5px 0;overflow:hidden;}
#menu li a{display:block;float:right;width:150px; height:45px; line-height:45px;text-align:center; background-color:#005482;color:#fff; font-weight:600;font-size:15px;
	transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; /* Firefox 4 */
	-webkit-transition: all 0.2s ease; /* Safari and Chrome */
	-o-transition: all 0.2s ease; /* Opera */

}

#menu li.dia a{
	background: #bc4e9c;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #f80759, #bc4e9c);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #f80759, #bc4e9c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
#menu li.pla a{ 
	background: #0575E6;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #021B79, #0575E6);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #021B79, #0575E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#menu li.gold a{ 
	background: #F2994A;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #F2C94C, #F2994A);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #F2C94C, #F2994A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
#menu li.silver a{ 
	background: #8e9eab;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #eef2f3, #8e9eab);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #eef2f3, #8e9eab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#menu li.bron a{ 
	background: #b3664b;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ddbaae, #b3664b);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ddbaae, #b3664b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#menu li.spon a{
	background: #7182a5;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #b8c0d2, #7182a5);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #b8c0d2, #7182a5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#menu li.stamp_v a{
	background: #df3b0a;  
}

#menu li a:hover, #menu li a:focus {padding-right:20px;}


.flag {text-align:center;}
.section {PADDING:210px 0 0 0;text-align:center;}
#platinum {PADDING:100px 0 0 0;}
.section a {display:inline-block;}
.section a  img{ 
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; /* Firefox 4 */
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-o-transition: all 0.5s ease; /* Opera */
}
.section a:hover img {transform:translate(0,-10px);}

.section .tit {width:313px; height:61px; line-height:61px;margin:40px auto 0; font-size:22px; font-weight:900; color:#fff;}

#platinum .tit {background:url('../images/sub/pla_tit.png') 0 0 no-repeat;}
#gold .tit {background:url('../images/sub/gold_tit.png') 0 0 no-repeat;}
#silver .tit {background:url('../images/sub/silver_tit.png') 0 0 no-repeat;}
#bronze .tit {background:url('../images/sub/bron_tit.png') 0 0 no-repeat;}
#sponsor .tit {background:url('../images/sub/spon_tit.png') 0 0 no-repeat;}


#container {width:100%; margin:0 auto;}
#container #con_area {width:1200px; margin:0 auto;min-height:500px;padding:0 0 100px 0;} 
#container #con_area  h2.title{width:360px;height:70px;line-height:70px;text-align:center;font-size:40px;font-weight:600;color:#4c4f53;border:1px solid #ddd;margin:0 auto 60px;letter-spacing:-0.03em;}

#footer {padding:100px 0 40px; text-align:center; font-size:15px; line-height:27px;}
#footer strong{display:block;}


/* 온라인 전시관  ebooth  뷰페이지 */
.ebooth_view {padding:100px 0 0 0;width:1300px; margin:0 auto;}
.ebooth_view  .ebooth_top .top{width:100%;height:400px;position:relative;overflow:hidden;}
.ebooth_view  .ebooth_top .top img{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;height:90%;}
.ebooth_view  .ebooth_top .tit {width:313px; height:61px; line-height:61px;margin:10px auto; font-size:22px; font-weight:900; color:#fff;text-align:center;}
.ebooth_view  .ebooth_top .pla_tit {background:url('../images/sub/pla_tit.png') 0 0 no-repeat;}
.ebooth_view  .ebooth_top .gold_tit {background:url('../images/sub/gold_tit.png') 0 0 no-repeat;}
.ebooth_view  .ebooth_top .silver_tit  {background:url('../images/sub/silver_tit.png') 0 0 no-repeat;}
.ebooth_view  .ebooth_top .bron_tit  {background:url('../images/sub/bron_tit.png') 0 0 no-repeat;}
.ebooth_view  .ebooth_top .spon_tit {background:url('../images/sub/spon_tit.png') 0 0 no-repeat;}


.ebooth_view  .com_info{padding:30px ;text-align:center;}
.ebooth_view   .com_info h4{font-size:35px;font-weight:900;color:#006cba;margin:0 0 10px 0;letter-spacing:-0.04em;}
.ebooth_view   .com_info p{font-size:20px;line-height:30px;color:#111111;font-weight:600; margin:0 0 50px 0;}
.ebooth_view   .com_info p b{display:inline-block; width:110px; color:#006cba;}


.ebooth_view .com_content {width:1300px; margin:0 auto 150px;}
.ebooth_view .com_content:after{ content:"";display:block;clear:both;}
.ebooth_view .com_content .leftbox {float:left;width:340px;margin-right:80px;}
.ebooth_view .com_content .leftbox .namecard {overflow:hidden; height:auto;margin:0 0 10px 0;}
.ebooth_view .com_content .leftbox .namecard  img {width:100%; height:auto;}
.ebooth_view .com_content .leftbox .btn {display:block; width:100%; height:60px; line-height:60px; box-sizing:border-box; padding:0 20px;  color:#fff; font-size:18px;font-weight:600;
	margin:0 0 10px 0;position:relative;
	}
.ebooth_view .com_content .leftbox .btn01 { background-color:#006cba;}
.ebooth_view .com_content .leftbox .btn02 { background-color:#3099e5; }
.ebooth_view .com_content .leftbox .btn img{position:absolute; top:23px; right:25px;

	transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; /* Firefox 4 */
	-webkit-transition: all 0.2s ease; /* Safari and Chrome */
	-o-transition: all 0.2s ease; /* Opera */
}
.ebooth_view .com_content .leftbox .btn:hover img {right:21px;}


.ebooth_view .com_content .leftbox .guestbook {height:200px; box-sizing:border-box; padding:15px; background-color:#fff;margin:0 0 5px 0;}
.ebooth_view .com_content .leftbox .guestbook p {font-size:16px; color:#474d5a; font-weight:600; letter-spacing:-0.04em; margin:0 0 10px 0;}
.ebooth_view .com_content .leftbox .guestbook textarea{border:none; outline:none; font-size:16px; width:100%; height:150px;color:#666;font-family:inherit;resize:none;}
.ebooth_view .com_content .leftbox  input[type="button"].g_btn {font-family:inherit;width:100%; height:60px; line-height:60px; outline:none;border:none;
	text-align:center;background-color:#939ea7; color:#fff;font-size:18px;font-weight:600; cursor:pointer;margin:0 0 10px 0;
}

.ebooth_view .com_content .leftbox  input[type="button"].g_btn:hover {background-color:#606975;}
.ebooth_view .com_content .leftbox  .paperadd:after{content:"";display:block;clear:both;}
.ebooth_view .com_content .leftbox  .paperadd a{ width:48%; height:230px; float:left;overflow:hidden;}
.ebooth_view .com_content .leftbox  .paperadd a:first-child{margin-right:4%;}
.ebooth_view .com_content .leftbox  .paperadd a img{width:100%;height:100%;}

.ebooth_view .com_content .rightbox {float:left;width:880px;}
.ebooth_view .com_content .rightbox .intro {font-size:16px; line-height:30px; text-align:justify; letter-spacing:-0.04em; margin:0 0 60px 0;color:#222; font-weight:600;}


.ebooth_view  .videobox {width:100%; height:500px;}


.ebooth_view .back_box{text-align:center;margin:100px 0 0;}
.ebooth_view .back_box a{display:inline-block;width:220px;height:50px;line-height:50px;font-size:20px;font-weight:600;color:#333;border:2px solid #333;}
.ebooth_view .back_box a:hover, .ebooth_view .back_box a:focus {background-color:#333;color:#fff;}

.ebooth_view .stampbox {padding:30px 30px 30px 180px; border:3px solid #f97553;position:relative;margin:60px 0;background-color:#fff;}
.ebooth_view .stampbox .stamp_img {position:absolute; top:-40px; left:20px;}
.ebooth_view .stampbox h4{font-size:22px; font-weight:600; color:#fb4312; letter-spacing:-0.03em;}
.ebooth_view .stampbox h3{font-size:33px; font-weight:900; color:#fb4312; letter-spacing:-0.03em;}
.ebooth_view .stampbox p{font-size:17px; font-weight:600; color:#333333; letter-spacing:-0.03em;margin:10px 0 15px;}
.ebooth_view .stampbox .stamp_btn {display:block; width:265px;height:60px;line-height:60px; text-align:center; color:#fff; font-size:22px; font-weight:900;border-radius:10px;background-color:#ee5931;}
.ebooth_view .stampbox .stamp_btn:hover, .ebooth_view .stampbox .stamp_btn:focus{background-color:#fb4312;}
.ebooth_view .stampbox .stamp_show {position:absolute;top:20px; right:20px; height:200px;width:200px;border:1px solid #ddd;text-align:center;}
.ebooth_view .stampbox .stamp_show img{position:relative;top:30px;left:10px;}






/*Quick Menu */
#quick_menu {position:fixed; bottom:100px;width:65px; right:2%;
	transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; /* Firefox 4 */
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-o-transition: all 0.5s ease; /* Opera */
}
#quick_menu a {display:block;}






@media screen and (max-width:640px) {

	#subwrapper {width:100%;height:100%;margin:0 auto;}
	body{width:100%;height:100%; min-width:auto;background-size:cover;}
	#quick_menu {display:none !important;}


	#header {position:absolute;height:90px;}
	.header_content {width:auto; }
	.header_content .logo {top:15px; left:50%;margin-left:-60px; }
	.header_content .logo  a img{height:32px;}
	.header_content p{position:static;padding:50px 0 0 0;font-size:14px;letter-spacing:-0.09em;text-align:center;}
	.flag img{ max-width:98%;padding-top:90px;}
		

	#container #con_area {width:auto;padding:0 10px 100px;} 
	#container #con_area  h2.title{width:170px;height:35px;line-height:35px;font-size:20px;margin:0 auto 60px;border-radius:5px;}

	#footer  {width:auto;padding:80px 10px 40px;font-size:12px; line-height:22px; }

	#menu {top:15%;position:fixed;}
	#menu li a{width:65px; height:30px; line-height:30px;font-size:10px;}


	.section {padding:70px 0 0 0;}
	.section a {margin:20px 0;}
	.section a  img{ max-width:90%;	}
	.section .tit {width:220px; height:40px; line-height:40px;margin:30px auto 0; font-size:15px;}

	#platinum .tit {background-size:100% 100%;}
	#gold .tit {background-size:100% 100%;}
	#silver .tit {background-size:100% 100%;}
	#bronze .tit {background-size:100% 100%;}
	#sponsor .tit {background-size:100% 100%;}




	/* 온라인 전시관  ebooth  뷰페이지 */
	.sidebar  {display:none;}
	.ebooth_view {padding:80px 15px 0;width:auto;}
	.ebooth_view  .ebooth_top .top{height:250px;}
	.ebooth_view  .ebooth_top .top img{max-width:90%;}
	.ebooth_view  .ebooth_top .tit {width:200px; height:40px; line-height:40px;margin:20px auto; font-size:15px;}
	.ebooth_view  .ebooth_top .pla_tit {background-size:100% 100%;}
	.ebooth_view  .ebooth_top .gold_tit {background-size:100% 100%;}
	.ebooth_view  .ebooth_top .silver_tit {background-size:100% 100%;}
	.ebooth_view  .ebooth_top .bron_tit {background-size:100% 100%;}
	.ebooth_view  .ebooth_top .spon_tit {background-size:100% 100%;}

	.ebooth_view  .com_info{padding:0;text-align:center;}
	.ebooth_view   .com_info h4{font-size:25px;}
	.ebooth_view   .com_info p{font-size:15px;line-height:25px; margin:0 0 30px 0;}
	.ebooth_view   .com_info p b{display:block; width:auto; margin: 0 auto; }


	.ebooth_view .com_content {width:auto; margin:0 auto 50px;}
	.ebooth_view .com_content .leftbox {float:none;width:auto;margin-right:0;}
	.ebooth_view .com_content .leftbox .namecard {text-align:center;}
	.ebooth_view .com_content .leftbox .namecard  img {width:60%; height:auto;}
	.ebooth_view .com_content .leftbox .btn {width:60%; height:40px; line-height:40px;  font-size:15px;margin:0 auto 10px;}
	.ebooth_view .com_content .leftbox .btn img{top:12.5px; right:20px;}

	.ebooth_view .com_content .leftbox .guestbook {height:150px;}
	.ebooth_view .com_content .leftbox .guestbook textarea{font-size:14px; height:95px;}
	.ebooth_view .com_content .leftbox  input[type="button"].g_btn {display:block;width:60%; height:40px; line-height:40px; font-size:16px; margin:0 auto 20px;}
	.ebooth_view .com_content .leftbox  .paperadd {text-align:center;margin:0 0 30px 0;}
	.ebooth_view .com_content .leftbox  .paperadd a{display:inline-block;width:47.5%; height:200px; float:none;overflow:hidden;margin:0 1%;}
	.ebooth_view .com_content .leftbox  .paperadd a:first-child{margin:0 1%;}

	.ebooth_view .com_content .rightbox {float:none;width:auto;}
	.ebooth_view .com_content .rightbox .intro {font-size:15px;}

	.ebooth_view  .videobox {width:100%; height:220px;}

	.ebooth_view .back_box{text-align:center;margin:50px 0 0;}
	.ebooth_view .back_box a{width:220px;height:45px;line-height:45px;font-size:16px;}

	.ebooth_view .stampbox {padding:80px 20px 20px; }
	.ebooth_view .stampbox .stamp_img {position:absolute; top:-30px; left:50%;margin-left:-40px;}
	.ebooth_view .stampbox .stamp_img img {width:80px;}
	.ebooth_view .stampbox h4{font-size:15px;text-align:center;margin:0 0 5px 0;}
	.ebooth_view .stampbox h3{font-size:18px;line-height:24px;text-align:center;word-break:keep-all;}
	.ebooth_view .stampbox p{font-size:15px;margin:5px 0 10px;text-align:center;word-break:keep-all;}
	.ebooth_view .stampbox .stamp_btn {width:150px;height:40px;line-height:40px;font-size:16px; border-radius:5px;margin:15px auto;}	
	.ebooth_view .stampbox .stamp_show {position:static;height:150px;width:150px;margin:0 auto;}
	.ebooth_view .stampbox .stamp_show img{position:relative;top:25px;left:10px; width:120px;}





}