@charset "utf-8";
.ui-carte{position:relative;}
.ui-topbox.type1.carte-top {padding:3px; background-color:#f3f3f3; position:relative; border:0;min-height:auto;}
.ui-topbox.type1.carte-top:before{ content:""; position:absolute; top:0; left:0; width:186px; height:30px; background-color:#1c4982;}
.ui-topbox.type1.carte-top .inner{position:relative;padding:25px;min-height:auto;background-color:#fff;}
.ui-topbox.type1.carte-top .inner strong{display:block;margin:0;padding:10px 0;background:none;font-size:20px;text-align:center;}
.ui-topbox.type1.carte-top .inner strong span{display:block;margin:0 auto 10px;color:#063988;font-size:15px;line-height:30px;text-align:center;}
.ui-topbox.type1.carte-top .inner strong em{color:#063988;font-weight:bold;}
.cartetable th strong{display:block;font-size:16px;color:#333;line-height:1.2}
.cartetable th span{display:block;margin-top:5px;font-size:12px;color:#a0a0a0;font-family: Lato, sans-serif;}
.arrow-svg{height:35px;overflow:hidden;}
.arrow-svg svg{width:35px;height:auto;overflow:visible;cursor:pointer;opacity: 0.5;}
.arrow-svg svg polygon, 
.arrow-svg svg path{transition:all 0.5s cubic-bezier(0.2, 1, 0.3, 1);}
.arrow-svg:hover svg{opacity:1}
.arrow-svg:hover svg polygon, 
.arrow-svg:hover svg path{transition:all 1s cubic-bezier(0.2, 1, 0.3, 1);fill:#1c4982;}
.arrow-svg:hover svg .arrow{animation:arrow-anim 2.5s cubic-bezier(0.2, 1, 0.3, 1) infinite;}
.arrow-svg:hover svg .arrow-fixed{animation:arrow-fixed-anim 2.5s cubic-bezier(0.2, 1, 0.3, 1) infinite;}
@keyframes arrow-anim{
  0%{opacity:1;transform:translateX(0);}
  5%{transform:translateX(-0.1rem);}
  100%{opacity:0;transform:translateX(1rem);}
}
@keyframes arrow-fixed-anim{
  5%{opacity:0;}
  20%{opacity:0.4;}
  100%{opacity:1;}
}	
.control{position:absolute;top:0;left:0;width:100%;}
.control button{position:absolute;top:50px;height:35px;vertical-align:middle;background-color: transparent;overflow:hidden;}
.control button.prev{left:5%;}
.control button.next{right:5%;}
.control button *{vertical-align: middle;}
.control button span{display:inline-block;color:#888;font-size:14px;}
.control button.prev{padding-left:15px;}	
.control button.next{padding-right:15px;}	

.ui-menus{width:100%;margin-top:20px;}
.ui-menus table{width:100%;}
.ui-menus table thead th{border: 5px solid transparent;border-bottom:15px solid transparent;}
.ui-menus table tbody tr{min-height:120px;}
.ui-menus table tbody th,
.ui-menus table tbody td{border-bottom: 1px dashed #ddd;min-height:120px;}
.ui-menus table tbody td .obj{padding:15px 12px;color:#777;font-size:14px;line-height:1.4;min-height:120px;}
.ui-menus table tbody th{text-align:center;vertical-align:middle}
.ui-menus table tbody th strong{display:block;background:none;color:#222;font-size:16px;text-align:center;line-height:1.2;vertical-align: middle;padding-top: 50px;}
.ui-menus table tbody th strong i{display:block;margin-top:5px;color:#666;font-size:11px;line-height:1.2;font-style: normal;}
.ui-menus table thead th .week{position:relative;width:100%;min-height:64px;border:1px solid #e1e2e4;color:#232323;font-size:20px;font-weight:normal;line-height:44px;text-align:center;}
.ui-menus table thead th .week:before{content:"";display:block;position:absolute;bottom:-10px;left:-1px;width:100%;height:6px;background:#0a3d8e;border:1px solid #0a3d8e;}
.ui-menus table thead th .week span{display:inline-block;margin-left: 5px;color:#aaa;font-size: 11px;font-weight: normal;line-height: 18px;}
.ui-menus table thead th .week em{display:block;color:#777;font-size:12px;font-weight: bold;line-height: 18px;margin-top:-10px;padding-bottom:10px;}	
.ui-topbox.type2{ border:0; background-color:#fafafa;}	
.ui-topbox.type2 .inner{ padding-left:215px;min-height:150px;}
.ui-topbox.type2 .inner .h-box{ position:absolute; top:50%; left:0; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);padding-top:60px;width:215px;font-size:18px;text-align:center;color:#000;line-height:21px;font-weight:700;}
.ui-topbox.type2 .inner .h-box:before{ position:absolute; top:0; left:50%; margin-left:-26px; width:53px; height:46px; background:url(/images/kor/common/skin_ir.png) no-repeat -1px -154px; content:"";}
.ui-topbox.type2 .inner>div{ padding-left:62px; margin:0; border-left:1px dashed #c4c4c4;color:#666}
.ui-topbox.type2{min-height:auto;}




@media only screen and (max-width:800px){
	
    .ui-menus.flip-scroll .cf:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
 	.ui-menus.flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }   
 	.ui-menus.flip-scroll table thead th{min-width:100px;height: 148px;border-left:none;border-bottom:none;padding: 5px 0;}
 	.ui-menus.flip-scroll table thead th .week{min-height: 100%;}
 	.ui-menus.flip-scroll table tbody th,
 	.ui-menus.flip-scroll table tbody td{height: 400px;min-width:200px;}
 	
 	
 	.flip-scroll tbody{overflow-y:hidden}
 	.ui-topbox.type2 .inner{position:relative;padding-left:25px;padding-top: 80px;}
 	
 	.ui-topbox.type2 .inner .h-box{position:relative;top:0;left:0;}
 	.ui-topbox.type2 .inner>div{padding-left: 0;border:none;}
 	
 	.flip-scroll tbody tr{border-left:none;border-right:1px dashed #ddd}
 	.ui-menus.flip-scroll table thead th{border-bottom:none;height: 400px;}
 	.ui-menus.flip-scroll td:last-child{border-bottom:1px dashed #ddd;}

}






@media only screen and (max-width:640px){
.control button span{font-size:0}
.control button.prev{padding-left:0;}
.control button.next{padding-right:0;}
}