@charset "UTF-8";

/* -- slider ----------------------------------------------------------------*/
.slide-out .bx-wrapper { box-shadow: none !important; border: none !important; }
@media screen and (max-width: 767px) {
	.slide-out .bx-wrapper { width: 100%; margin: 0 auto 10px !important; }
	
	#content section#anch00 { background: none; padding: 0 !important; }
	
	#content section#anch03 { background: #f4f4f4; margin-bottom: 0px !important;}
	#content section#anch03 .in { background: #f4f4f4; padding: 0px !important; margin-bottom: 0px !important; }
	
	#content section#anch04 { background: url("../img/common/world-map.png") top center no-repeat; background-size: cover; height: 400px; padding: 40px 0;  }
	#content section#anch04 .in { background: none; margin: 0 6%; }
	
	.map-list { display: flex; justify-content: flex-start; flex-wrap:wrap;}
	.map-list li { width: 48%; margin-right: 2%; font-size: 0.8rem; margin-bottom: 10px; }
	.map-list li:before { content:"\f10c"; font-family:FontAwesome; margin-right:10px; color:#e60012; font-weight:bold; font-size:1.0em; margin-right: 10px; }
}
@media screen and (min-width: 768px) {
	#content #anch03 { background: #f4f4f4; margin-bottom: 0px !important; }
	#content #anch03 .in { padding: 40px 0; }
}
@media screen and (min-width: 768px) and (max-width: 960px)  {
	.slide-out .bx-wrapper { width: 100%; margin: 0 auto 10px !important; }	
	#anch04 { /*background: url("../img/common/world-map.png") top center no-repeat; background-size: cover; height: 480px; padding: 40px 0;*/ background: #dcf8f7; padding: 0 !important;  }
	#anch04 .in { width: 750px !important; margin: 0 auto !important; position: relative; padding: 0 !important;}
	#anch04 .in h2 { position: absolute; top: 40px; left: 0; right: 0; z-index: 10; }
}
@media screen and (min-width: 961px) and (max-width: 1024px)  {
	.slide-out .bx-wrapper { width: 100%; margin: 0 auto 20px !important; }	
	#anch04 { /*background: url("../img/common/world-map.png") top center no-repeat; background-size: cover; height: 480px; padding: 40px 0;*/ background: #dcf8f7; padding: 0 !important; }
	#anch04 .in { width: 900px !important; margin: 0 auto !important; position: relative; padding: 0 !important;}
	#anch04 .in h2 { position: absolute; top: 50px; left: 0; right: 0; z-index: 10; }
}
@media screen and (min-width: 1025px) and (max-width: 1279px)  {
	.slide-out .bx-wrapper { width: 100%; margin: 0 auto 20px !important; }	
	#anch04 { /*background: url("../img/common/world-map.png") top center no-repeat; background-size: cover; height: 480px; padding: 40px 0;*/ background: #dcf8f7; padding: 0 !important; }
	#anch04 .in { width: 1000px !important; margin: 0 auto !important; position: relative; padding: 0 !important;}
	#anch04 .in h2 { position: absolute; top: 60px; left: 0; right: 0; z-index: 10; }
}
@media screen and (min-width: 1280px) and (max-width: 1479px)  {
	.slide-out .bx-wrapper { width: 1200px; margin: 0 auto 20px !important; }	
	#anch04 { /*background: url("../img/common/world-map.png") top center no-repeat; background-size: cover; height: 480px;*/ background: #dcf8f7; padding: 0 !important; }
	#anch04 .in { width: 1200px !important; margin: 0 auto !important; position: relative; padding: 0 !important;}
	#anch04 .in h2 { position: absolute; top: 70px; left: 0; right: 0; z-index: 10; }
}
@media screen and (min-width: 1480px) {
	.slide-out .bx-wrapper { width: 1260px; margin: 0 auto 20px !important; }

	#anch04 .in { width: 1482px !important; margin: 0 auto !important; position: relative; padding: 0 !important;}
	#anch04 { /*background: url("../img/common/world-map.png") top center no-repeat; background-size: cover; height: 480px;*/ background: #dcf8f7; padding: 0 !important; }
	#anch04 .in h2 { position: absolute; top: 80px; left: 0; right: 0; z-index: 10; }
}

@media screen and (max-width: 767px) {	
	.top-bnr-over li { margin-bottom: 10px; }
	.top-bnr-over li:nth-child(2) { margin-bottom: 0px; }
	
	.cate-list { }
	.cate-list li { width: 48%; margin-right: 4%; margin-bottom: 20px; float: left; }
	.cate-list li:nth-child(2n) { margin-right: 0px;}
	.cate-list li h5 { background: #D71418; width: 92%; padding: 4%; color: #fff; font-size: 0.9rem;}
	.cate-list li h5 span { font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size: 0.6rem; opacity: 0.7; display: block; }
	
	.movie_list { width: 80%; margin: 0 10%; }
	.movie_list li { margin: 0 0% 20px; }
	
	.sec_L { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #dedede; }
	.sec_R { }
	
	.f_bnr { margin: 0 10%; width: 80%;  }
	.f_bnr li { margin-bottom: 10px; }
	.f_bnr li:nth-child(2) { margin-bottom: 0px; }
	
	.catalog_list { width: 80%; margin: 0 auto; }
	.catalog_list li { margin: 0 0% 20px; justify-content: center; display: flex; align-items: center; }
	.cata_L { float: left; width: 34%; margin-right: 6%; }
	.cata_R { float: left; width: 60%; }
	.cata_R h4 { font-size: 0.9rem; font-weight: bold; margin-bottom: 10px; }
	.cata_R p { font-size: 0.9rem; }
	
	.cate-dl { margin-bottom: 10px;}
	.cate-dl dt { float: left; font-size: 10px; color: #fff; padding: 1px 3px; background: #000; }
	.cate-dl dd { float: left; font-size: 10px; color: #fff; padding: 1px 3px; background: #D71418; }
	
	.newsList li { margin-bottom: 10px; background: #f4f4f4; padding: 10px; }
	.newsDl { margin-bottom: 5px; }
	.newsDl dt { background: #333; color: #fff; padding: 1px 3px; font-size: 10px; font-family: 'Roboto', sans-serif; font-weight: bold; float: left; }
	.newsDl dd { background: #D71418; color: #fff; padding: 1px 3px; font-size: 10px; font-family: 'Roboto', sans-serif; font-weight: bold; float: left; }
	.newsList li p { margin-bottom: 0px; }
	
	.search_list li { width: 80%; margin:0 10% 10px; position: relative; float: left; }
	.search_list li:nth-child(2) { margin-bottom: 0px; }
	.search-L { width: 95%; padding: 0 2%; height: 30px; line-height: 30px; border: 2px solid #9f9f9f; }
	.searchBtn { position: absolute; top: 0; right: 0; width: 34px; }
}
@media screen and (min-width: 768px) {	
	.top-bnr-over { display: flex; justify-content: center; padding: 4% 4% 0; }
	.top-bnr-over li { width: 48%; margin: 0 1%; }
	
	.cate-list { display: flex; justify-content: center; flex-wrap: wrap; }
	.cate-list li { width: 20%; margin: 0 1% 30px; }
	.cate-list li h5 { background: #D71418; width: 92%; padding: 4%; color: #fff;}
	.cate-list li h5 span { font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-size: 0.7rem; opacity: 0.7; display: block; }
	
	.movie_list { display: flex; flex-wrap: wrap; margin-bottom: 40px;  }
	.movie_list li { width: 18%; margin: 0 1% 20px; }
	
	.sec_L { float: left; width: 48%; margin-right: 4%; }
	.sec_R { float: left; width: 48%; }
	
	.f_bnr { display: flex; justify-content: center; width: 540px; margin: 0 auto; }
	.f_bnr li { width: 49%; margin-right: 2%; }
	.f_bnr li:nth-child(2) { margin-right: 0px; }
	
	.catalog_list { display: flex; justify-content: center; width: 80%; margin: 0 auto; }
	.catalog_list li { width: 29%; margin: 0 2% 20px; display: flex; justify-content: center; align-items: center; }
	.cata_L { float: left; width: 44%; margin-right: 8%; }
	.cata_R { float: left; width: 48%; }
	.cata_R h4 { font-size: 1.1rem; font-weight: bold; margin-bottom: 10px; }
	
	.cate-dl { margin-bottom: 10px;}
	.cate-dl dt { float: left; font-size: 10px; color: #fff; padding: 1px 5px; background: #000; }
	.cate-dl dd { float: left; font-size: 10px; color: #fff; padding: 1px 5px; background: #D71418; }
	
	.newsList li { margin-bottom: 10px; background: #f4f4f4; padding: 10px; }
	.newsDl { margin-bottom: 5px; }
	.newsDl dt { background: #333; color: #fff; padding: 1px 5px; font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: bold; float: left; }
	.newsDl dd { background: #D71418; color: #fff; padding: 1px 5px; font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: bold; float: left; }
	.newsList li p { margin-bottom: 0px; }
	
	.search_list li { width: 48%; margin-right: 4%; position: relative; float: left; }
	.search_list li:nth-child(2) { margin-right: 0px; }
	.search-L { width: 95%; padding: 0 2%; height: 40px; line-height: 40px; border: 2px solid #9f9f9f; }
	.searchBtn { position: absolute; top: 0; right: 0; width: 44px; }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	.search_list { margin: 0 2%; }
	
	.catalog_list { display: flex; justify-content: center; width: 100%; margin: 0 auto; }
	.catalog_list li { width: 29%; margin: 0 2% 20px; }
	.cata_L { float: left; width: 44%; margin-right: 8%; }
	.cata_R { float: left; width: 48%; }
	.cata_R h4 { font-size: 0.9rem; font-weight: bold; margin-bottom: 10px; }
	.cata_R p { font-size: 0.9rem;}
}
@media screen and (min-width: 961px) {
	.search_list { width: 900px; margin: 0 auto; }
}
/* -- APPEND ----------------------------------------------------------------*/
#loading{
position: absolute;
left: 45%;
top: 40%;
}
#loader-bg {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #fff;
z-index: 1111;
}
body{
background-color: #fff;
}
@media screen and (max-width: 767px) {
	#loading{
	position: absolute;
	left: 45%;
	top: 40%;
	}
	#loading img { width:40px; }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	#loading{
	position: absolute;
	left: 45%;
	top: 40%;
	}
	#loading img { width:50px; }
}
@media screen and (min-width: 961px) {
	#loading{
	position: absolute;
	left: 48%;
	top: 40%;
	}
	#loading img { width:60px; }
}

.spinner {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #e60012;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


/* DIRECTION CONTROLS (NEXT / PREV) */
@media screen and (max-width: 767px) {
	.bx-wrapper .bx-prev { display: none !important; }
	.bx-wrapper .bx-next { display: none !important; }
	
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
	  position: absolute;
	  bottom: -20px;
	  width: 100%;
	}
}
@media screen and (min-width: 768px) {
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
	  position: absolute;
	  bottom: 15px;
	  width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	.bx-wrapper .bx-prev {
		position: absolute;
		top: 42% !important;
		width: 42px !important;
		height: 50px !important;
		left: 10px !important;
		background: url(./bxslider/arrow_L.png) no-repeat 0 0px !important;
		background-size: 100% !important;
	}
	.bx-wrapper .bx-next {
		position: absolute;
		top: 42% !important;
		width: 42px !important;
		height: 50px !important;
		right: 10px !important;
		background:url("./bxslider/arrow_R.png") no-repeat 0px 0px !important;
		background-size: 100% !important;
	}
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
	.bx-wrapper .bx-prev {
		position: absolute;
		top: 42% !important;
		width: 50px !important;
		height: 65px !important;
		left: 10px !important;
		background: url(./bxslider/arrow_L.png) no-repeat 0 0px !important;
		background-size: 100% !important;
	}
	.bx-wrapper .bx-next {
		position: absolute;
		top: 42% !important;
		width: 50px !important;
		height: 65px !important;
		right: 10px !important;
		background:url("./bxslider/arrow_R.png") no-repeat 0px 0px !important;
		background-size: 100% !important;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
	.bx-wrapper .bx-prev {
		position: absolute;
		top: 42% !important;
		width: 50px !important;
		height: 65px !important;
		left: 10px !important;
		background: url(./bxslider/arrow_L.png) no-repeat 0 0px !important;
		background-size: 100% !important;
	}

	.bx-wrapper .bx-next {
		position: absolute;
		top: 42% !important;
		width: 50px !important;
		height: 65px !important;
		right: 10px !important;
		background:url("./bxslider/arrow_R.png") no-repeat 0px 0px !important;
		background-size: 100% !important;
	}
}
@media screen and (min-width: 1280px) and (max-width: 1479px) {
	.bx-wrapper .bx-prev {
		position: absolute;
		top: 42% !important;
		width: 50px !important;
		height: 65px !important;
		left: -65px !important;
		background: url(./bxslider/arrow_L.png) no-repeat 0 0px !important;
		background-size: 100% !important;
	}

	.bx-wrapper .bx-next {
		position: absolute;
		top: 42% !important;
		width: 50px !important;
		height: 65px !important;
		right: -65px !important;
		background:url("./bxslider/arrow_R.png") no-repeat 0px 0px !important;
		background-size: 100% !important;
	}
}
@media screen and (min-width: 1480px) {
	.bx-wrapper .bx-prev {
		position: absolute;
		top: 40% !important;
		width: 64px !important;
		height: 76px !important;
		left: -80px !important;
		background: url(./bxslider/arrow_L.png) no-repeat 0 0px !important;
		background-size: 100% !important;
	}

	.bx-wrapper .bx-next {
		position: absolute;
		top: 40% !important;
		width: 64px !important;
		height: 76px !important;
		right: -80px !important;
		background:url("./bxslider/arrow_R.png") no-repeat 0px 0px !important;
		background-size: 100% !important;
	}
}