@charset "utf-8";
/* reset */
body,div,dl,dt,dd,form,input,label,img,p,span,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,i{font-style:normal;}
img{border:none;}
a{color:#707070;text-decoration:none;outline:none;background:transparent;-webkit-tap-highlight-color:transparent;}
a:hover{color:#1e99f8;}
input,button,textarea,select,option{font-size:13px; font-family:'meiryo','Hiragino Kaku Gothic Pro', 'MS Gothic', 'MS PGothic', 'Kozuka','Osaka', sans-serif,'gothic','Dotum',Helvetica,Helvetica,Arial,Verdana,sans-serif;outline:none;color:#707070;}
body{font-size:13px; font-family:'meiryo','Hiragino Kaku Gothic Pro', 'MS Gothic', 'MS PGothic', 'Kozuka','Osaka', sans-serif,'gothic','Dotum',Helvetica,Helvetica,Arial,Verdana,sans-serif;word-wrap:break-word;word-break:normal;-webkit-text-size-adjust:none;color:#707070;}
.fl{float:left;}
.fr{float:right;}
.clear:after{clear:both;content:""
    /855;display:block;}
table{border-collapse:collapse;border-spacing:0;}



/*
select {
    font-family: helvetica,Meiryo,Gulim;
}

option {
    font-family: helvetica,Meiryo,Gulim,Pro W3, Hiragino Kaku Gothic Pro, Osaka, sans-serif;
}
*/



/*
h1,h2  {font-size:1.4em; margin:0px; line-height:1.6;}
h3,h4,h5,h6,h7  {font-size:1.2em; margin:0px; line-height:1.4;}
*/
p  { margin:0px; line-height:1.4;}
form  { margin:0px; padding:0;}
hr {color:#ccc; border:0; height:1px; background:#cc9;}
th {font-size:12px; line-height:1.4;}
td {font-size:12px; line-height:1.4;}


/*ALL*/
#all { width:1120px;
	margin:0 auto;
	position:relative;}
.contents { width:1050px; text-align:left; margin:auto;   }
.clear {clear:both;}
.wrap{
	width:1120px;
	margin:0 auto;
	position:relative;
}
.icon{background:url("/images/top/icon_jp.png") no-repeat;}
.sicon{background:url("/images/top/search.gif") no-repeat; float: left;
    width: 50px;
    height: 43px;
    border: none 0px;
    cursor: pointer;}
/*HEAD*/
/* #head_box {padding-bottom:10px;} */
/*.search_input{border:none; background-color:#FFF; width:82px; height:19px}*/
.top_m{font-size:11px; color:#FE0000}
.top-bar{height:31px;line-height:31px;border-bottom:1px solid #e6e6e6;background:#f6f6f6;text-align:right;font-size:0;}
.top-bar .wrap{width: 100%;}
.top-bar ul{display:inline-block;margin-right:37px;}
.top-bar li{display:inline-block;font-size:12px;margin-left:14px;}
.top-bar img{vertical-align:top;margin-top:3px;}
.logo-bar{height:101px;}
.logo{width:259px;height:56px;background-position:0 0;float:left;margin:30px 0 0 6px;}
.search{width:431px;height:43px;border:4px solid #B22222;float:left;margin:37px 0 0 38px;}
.btn-select{position:relative;width:96px;height:43px;float:left;}
.btn-select .cur-select{position:absolute;width:96px;height:43px;line-height:43px;background-position:0 -57px;text-indent:9px;}
.btn-select select{position:absolute;top:0;left:0;width:96px;height:43px;filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0;}
.search input[type=text]{float:left;margin-left:5px;margin-top: 10px; height:25px;line-height:12px;padding-left:100px ;border:none 0px;width:270px;}
.search input[type=submit]{background:url("/images/top/search.gif") no-repeat;float:left;width:50px;height:46px;border:none 0px;cursor:pointer;margin-top:8px  }
.top-banner{width:345px;height:51px;float:right;margin-top:36px;}
/* .top-nav{height:53px;line-height:53px;font-size:15px;font-weight:bold;background:#0072BB url("../images/nav_bg.gif") no-repeat center top;} */
.top-nav{height:53px;line-height:53px;font-size:15px;font-weight:bold;background:#dc143c url("/images/top/nav_bg.gif") no-repeat center top;}

.top-nav a{color:#fff;letter-spacing:-1px;}
.top-nav a:hover{color:#dbff2d;}
.top-nav .wrap{height:100%;background:#dc143c;}
.all-category{float:left;width:112px;background-position:0 -102px;color:#fff;background-color:#B22222;text-indent:40px;}
.top-nav ul{float:left;margin-left:7px;list-style:none;}
.top-nav li{float:left;}
.top-nav li a{padding:0 14px;display:block;}
.top-nav li a:hover{color:#d9f841;}
.top-nav-bottom{height:0; overflow:hidden;}
/* .top-nav-bottom{height:9px;background:url("../images2/nav_bottom.gif") repeat-x;} */

.right-nav{position:absolute; background-color:#B22222; left:845px;top:0;width:275px;height:53px;font-size:0;margin-left:19px; padding-left:10px;}
.right-nav a{font-size:15px;padding:0 17px;}


.head_m{background-color:#E40000; font-size:27px; font-style:bold; height:30;text-align:center; color:#FFFFFF}
A.b2:link {color:#ffffff; text-decoration:none} 
A.b2:visited {color:#ffffff; text-decoration:none} 
A.b2:active {color:#ffffff; text-decoration:none} 
A.b2:hover {color:#ffff00; text-decoration-color:none} 




/*TAB*/
#tab_box {border-bottom:5px solid #c00; overflow:hidden;}
#hm {width:750px; height:25px; padding:0px; margin:0px; list-style-type:none; line-height:1.0;}
#hm li {float:left; text-indent:-9999px;}
#hm li a {display:block; background-repeat:no-repeat; background-position:top left; text-decoration:none; width:100px; height:25px;}
#hm li a:hover { background-position:top right;}

#hmHome {background: url(917NEWHJ/www/image/hm_home02.gif); margin-right:2px;}
#hmOahu {background: url(917NEWHJ/www/image/hm_oahu01.gif); margin-right:2px;}
#hmHawaii {background: url(917NEWHJ/www/image/hm_hawaii01.gif); margin-right:2px;}
#hmMaui {background: url(917NEWHJ/www/image/hm_maui01.gif); margin-right:2px;}
#hmKauai {background: url(917NEWHJ/www/image/hm_kauai01.gif); margin-right:40px;}
#hmTourdesk {background: url(917NEWHJ/www/image/hm_tourdesk01.gif); margin-right:2px;}
#hmContact {background: url(917NEWHJ/www/image/hm_contact01.gif);}

#navi {margin-bottom:10px;}


/*LEFT*/
#left_box {float:left; width:198px; line-height:1.4; font-size:1.2em;}

.best5 {font-size:12px; color:FE0000; line-height:12px}

.left_b {background-color:#0174DF;font-size:1.1em; font-style:bold; color:000000; line-height:22px}
A.f:link {color:#ffffff; text-decoration:bold} 
A.f:visited {color:#ffffff; text-decoration:none} 
A.f:active {color:#ffffff; text-decoration:none} 
A.f:hover {color:#FE2E64; text-decoration:none} 

.left_c {font-size:14px; color:000000; line-height:25px}

/*left_area*/
.left_area{float:left; margin-right:10px; width:186px; overflow:hidden;}
.left_area h2{width:186px; height:46px; padding-top:29px; border-bottom:3px solid #242424; background:url(/images/sub/h2_bg.gif) no-repeat; text-align:center;}

/*submenu*/
.submenu{margin-bottom:20px; font-size:12px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.submenu li.depth{border-bottom:1px solid #e9e9e9;}
.submenu li.depth span.depth1_over{background:url(/images/sub/depth_icon.gif) no-repeat 18px 18px; padding-left:26px;}
.submenu li.depth span.depth2_over{background:url(/images/sub/depth_icon.gif) no-repeat 18px 18px; padding-left:26px;}
.submenu li.depth span{display:block; padding-left:18px; line-height:41px; height:41px; font-weight:bold;}		
.submenu li.depth ul{background:url(/images/sub/depth_ul_bg.gif) no-repeat left top; padding-top:14px; padding-bottom:14px; padding-left:12px;}
.submenu li.depth ul li{height:23px; overflow:hidden; line-height:23px; color:#5c5c5c;}
.submenu li.depth ul li.depth2_over{font-weight:bold;} 
.submenu li.depth ul li img{padding-right:8px; vertical-align:middle;}
.submenu li.depth ul.depth2_img li{height:30px; line-height:30px;}		

.submenu li.depth span a:link{color:#2a2a2a;}
.submenu li.depth span a:hover,
.submenu li.depth span a:active,
.submenu li.depth span a:visited{color:#2a2a2a;}
.submenu a:link{text-decoration:none;}
.submenu a:hover,.submenu a:active{font-weight:bold; text-decoration:none;}
.submenu a:visited{text-decoration:none;}

.left_area p{padding-bottom:12px;}
.quickbtn{width:183px; height:21px; background:url(/images/sub/quickbtn_bg.gif) no-repeat 94px top; padding-left:3px; padding-top:6px;}
.quickbtn li{float:left;}
.quickbtn li.pal{padding-left:29px;}

/*subm*/

.sub-left-nav ul{background-color: aliceblue;list-style-type: none;
  margin: 0; padding: 0;}
#bcat{height: 28px; background-color:white;font-size:14px;font-weight: bold;text-align: center;padding-top: 6px; }
.catlist li{padding-left:20px;padding-top:8px;font-size:13px;line-height: 1rem;} 


/* sub */
#ctb {background-color:#fff;}
.sub-container{margin-top:38px;}
.sub-left{width:198px;float:left;}
.sub-left-nav{border:3px solid #8B0000; background:rgb(250, 250, 250);color:#fff;overflow:hidden;position: relative;}
.sub-left-nav h2.title{color: white;font-size:20px;letter-spacing:-1px;padding:12px 13px 15px 21px;background-color: #B22222;}
.sub-left-nav h2.title span{font-size:15px;}
.sub-left-nav .item{width:188px;margin:0 auto 5px;background:#f7f8f9;overflow:hidden;position: relative;}
.sub-left-nav .item a{color:#546274;height:41px;line-height:39px;display:block;font-weight:bold;background:#f7f8f9 ;padding-left:24px;border-top:1px dotted #546274;margin-top:-1px;}
.sub-left-nav .item a:hover{color:#1e99f8;}
.sub-left-nav .item ul{margin-top:1px; padding-bottom:13px; background:#eee;list-style: none;}
.sub-left-nav .item ul li a{height:24px;line-height:24px;border-top:none;background:none;font-weight:normal;}
.sub-left .banner{margin-top:9px;}
.sub-left .banner img{display:block;margin-bottom:4px;}
.sub-right{width:885px;float:right; font-size:1.2em;}
.sub-right h1{font-size:15px;font-weight:normal;margin-bottom:11px;}
.sub-right h1 strong{font-size:23px;color:#000;margin-right:10px;}


/*item*/
.item-list{margin-top:26px;}
.item-list .menu { margin-bottom:20px;}
.item-list .menu ul{height:35px;border-bottom:3px solid #B22222;}
.item-list .menu li{float:left;}
.item-list .menu li a{width:164px;height:35px;line-height:33px;text-align:center;background:#e6e6e6;color:#494949;float:left;margin-right:2px;font-size:14px;font-weight:bold;border-bottom:3px solid #B22222;}
.item-list .menu li a.on{border-width:3px;border-style:solid;border-color:#B22222 #B22222 #fff #B22222;background:#fff;border-bottom:none;}
.item-list .content{background:#f9f9f9;padding:23px 0 7px;margin-top:18px;}
.item-list .content ul{margin-left:30px;}
.item-list .content li{width:263px;height:410px;margin:0 12px 33px 0;border:1px solid #d8d8d8;background:#fff;float:left;position:relative;}
.item-list .content li .img{width:263px;height:223px;overflow:hidden;background:#f2f2f2;}
.item-list .content li .img img{width:263px;height:223px;display:block;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;}
.item-list .content li:hover .img img{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}
.item-list .content li .mask-1,.item-list .content li .mask-2{width:100%;height:37px;line-height:35px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#ffc600;font-size:17px;position:absolute;background:url("../images2/item_mask_1.png") repeat-x;z-index:1;}
.item-list .content li .mask-1{left:0;top:186px;text-indent:15px;}
.item-list .content li .mask-2{width:100px;height:29px;line-height:27px;right:0;top:188px;text-align:center;}
.item-list .content li h2{height:22px;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:18px;color:#606060;margin:16px 0 0 15px;}
.item-list .content li p{height:86px;line-height:17px;margin:8px 0 0 15px;padding-right:10px;overflow:hidden;}
.item-list .content dl { margin:8px 0 0 15px; position:relative; padding-left:60px;}
.item-list .content dt { position:absolute; top:0; left:0;}
.item-list .content dd b {color: #de4681;}

.item-list .content li .score{margin:9px 0 0 15px;;}
.item-list .content li .score em{width:54px;height:20px;background-position:0 -157px;float:left;}
.item-list .content li .score .star{width:84px;height:14px;background:url("../images2/star.png") no-repeat;float:left;margin:2px 0 0 6px;}
.item-list .content li .score .star-1{background-position:0 0;}
.item-list .content li .score .star-2{background-position:0 -14px;}
.item-list .content li .score .star-3{background-position:0 -28px;}
.item-list .content li .score .star-4{background-position:0 -42px;}
.item-list .content li .score .star-5{background-position:0 -56px;}

.tour.item-list { border-top:3px solid #004b82; margin-top:40px; }

/*FONT*/
.font1{color:#5a5a5a; font-family:'meiryo','Hiragino Kaku Gothic Pro', 'MS Gothic', 'MS PGothic', 'Kozuka','Osaka'}
.font2{color:#ff2874; font-weight:bold;}
.font3{color:#c8c8c8; font-family:'meiryo','Hiragino Kaku Gothic Pro', 'MS Gothic', 'MS PGothic', 'Kozuka','Osaka'; font-size:12px}
.font4{color:#36a0f2; font-weight:bold;}
.font4 A:link {COLOR: #36a0f2; TEXT-DECORATION: none}
.font4 A:visited {COLOR: #36a0f2; TEXT-DECORATION: none}
.font4 A:hover {color:#999999;TEXT-DECORATION: none}
.font4 A:active {color:#999999; TEXT-DECORATION: none}

.font5{color:#0171c4; font-size:14px; font-weight:bold;}
.font5 A:link {COLOR: #0171c4; TEXT-DECORATION: none}
.font5 A:visited {COLOR: #0171c4; TEXT-DECORATION: none}
.font5 A:hover {color:#999999;TEXT-DECORATION: none}
.font5 A:active {color:#999999; TEXT-DECORATION: none}

.font6{color:#282828; font-weight:bold; font-size:14px;}

.font7{color:#8c5c4a; padding-left:6px;}
.font7 A:link {COLOR: #8c5c4a; TEXT-DECORATION: none}
.font7 A:visited {COLOR: #8c5c4a; TEXT-DECORATION: none}
.font7 A:hover {color:#999999;TEXT-DECORATION: none}
.font7 A:active {color:#999999; TEXT-DECORATION: none}
.font8{color:#1b1b1b; font-size:14px; font-weight:bold;}

A.notice:link {color:#040404; text-decoration:none} 
A.notice:visited {color:#040404; text-decoration:none} 
A.notice:active {color:#040404; text-decoration:none} 
A.notice:hover {color:#040404; text-decoration:underline} 
.note{padding-left:30px;}

/*RIGHT*/
#right_box {float:left; width:885px; line-height:1.4; font-size:1.2em;}
#mainimage {height:200px; margin-bottom:5px;}
#categoryhead {height:140px; margin-bottom:10px;}
.bn_area {padding:5px 0px; text-align: center;}

.index_title_box01 {width:560px; background:#c00 url(917NEWHJ/www/image/bg_title01.gif) no-repeat left top; margin-bottom:10px; color:#fff;}
.index_title_box02 { background: url(917NEWHJ/www/image/bg_title02.gif) no-repeat left bottom;}
.index_title {padding:5px 5px 4px 40px; font-size:1.4em; font-weight:bold; line-height:1.2; overflow:auto;}

.list_tour { margin:0px;  padding:0px; list-style-type:none;}
.list_tour li { padding:0px 0px 21px 0px; clear:both; background: url(917NEWHJ/www/image/line_dot2.gif) repeat-x  left bottom; overflow:auto;}

.li_box {padding:0px; margin:0px;}
.li_l_box {width:170px;}
.li_r_box {width:490px;}
/* .li_img {width:160px; height:120px; margin-right:10px; border:0px;} */
.li_img {width:160px; margin-right:10px; border:0px;}
.li_notice01 { margin-bottom:4px; padding:4px; background:#FFEFD5; color:#CA2525}
.li_notice02 { margin-bottom:4px; padding:4px; background:#CCFFFF; color:#CA2525}
.li_icon_box {padding-bottom:10px;}
.li_icon {float:left; margin-right:10px;}
.li_icon img {width: 64px; height: 20px; vertical-align: bottom; margin: 1px;}
.li_price {font-weight:bold; color:#FF800E; padding:2px 0px; white-space:nowrap;}
A.li_detail:link {color:#5F0000; text-decoration:bold; font-size:13px; font-family:'meiryo','Hiragino Kaku Gothic Pro', 'MS Gothic', 'MS PGothic', 'Kozuka','Osaka';} 
A.li_detail:visited {color:#5F0000; text-decoration:bold; font-size:13px; font-family:'meiryo','Hiragino Kaku Gothic Pro', 'MS Gothic', 'MS PGothic', 'Kozuka','Osaka';} 
A.li_detail:active {color:#5F0000; text-decoration:bold; font-size:13px; font-family:'meiryo','Hiragino Kaku Gothic Pro', 'MS Gothic', 'MS PGothic', 'Kozuka','Osaka';} 
A.li_detail:hover {color:#5F0000; text-decoration:underline; font-size:13px; font-family:'meiryo','Hiragino Kaku Gothic Pro', 'MS Gothic', 'MS PGothic', 'Kozuka','Osaka';} 

A.li_detail2:link {color:000000; text-decoration:bold; font-size:1.1em} 
A.li_detail2:visited {color:000000; text-decoration:bold; font-size:1.1em} 
A.li_detail2:active {color:000000; text-decoration:bold; font-size:1.1em} 
A.li_detail2:hover {color:#FE2E64; text-decoration:underline; font-size:1.1em} 

.paging {text-align:center; line-height:1.4; margin-bottom:10px;}

/*FOOT*/
#foot_box {padding:0 0 25 0;}
.foot_m{background-color:#58ACFA; height:40;text-align:center; color:#FFFFFF }
A.c:link {color:#ffffff; text-decoration:bold} 
A.c:visited {color:#ffffff; text-decoration:none} 
A.c:active {color:#ffffff; text-decoration:none} 
A.c:hover {color:#ffff00; text-decoration:none} 

.foot_n{background-color:#58ACFA; height:40;text-align:center; color:#FFFFFF;font-weight:bold ;font-size:1.2em  }
A.d:link {color:#ffffff; text-decoration:bold} 
A.d:visited {color:#ffffff; text-decoration:none} 
A.d:active {color:#ffffff; text-decoration:none} 
A.d:hover {color:#FE2E64; text-decoration:none} 

.copy{font-family:Arial; font-size:10px; color:#5F0000}

.sub_best {border:1 #47C1E3 solid; padding:3px}
.goods_p {  font-family: 'meiryo'; font-size: 13px; color:#FF800E; font-weight: bold}
.goods_B {  font-family: 'meiryo'; font-size: 16px; color: #ff0315; font-weight: bold}
.title_1 {  font-family: 'meiryo'; font-size: 14px; color: #ffffff; font-weight: bold}
.text_g {  font-family: 'meiryo'; font-size: 13px; color: #000000; padding:5 0 5 20;}

/* fix menu */
.fix-m{width:950px;margin:0 auto;position:relative;}
.fix-menu{width:100%;position:relative;z-index:1;}
.fix-menu-box{width:1120px;margin:0 auto;position:relative;}
.fix-menu-box .content{position:absolute;top:21px;right:-117px;width:105px;}
.fix-menu-box .content img{display:block;margin-bottom:2px;}

/*right_area*/
.right_area{float:right; width:877px; overflow:hidden;}

/*h3, navi*/
.title_area{height:26px; margin-top:3px; margin-bottom:21px;}
.title_area h3{float:left;}
.title_area ul{float:right; padding-top:15px;}
.title_area ul li{float:left; letter-spacing:-1px; color:#9d9d9d;}
.title_area ul li img{vertical-align:middle;}
.title_area ul li span{padding-left:4px;}
.title_area ul li p{display:inline; padding-left:6px; padding-right:6px;}

/* footer */
.footer-callcenter{height:224px;background:#545454;margin-top:83px;}
.footer-callcenter .call-center{width:466px;float:left;}
.footer-callcenter .call-center h2{font-size:24px;color:#fff;font-weight:normal;padding-top:19px;}
.footer-callcenter .call-center p{color:#b3b3b3;padding-bottom:2px;border-bottom:1px solid #818181;}
.footer-callcenter .call-center .content .tel{float:left;font-size:14px;color:#fff;}
.footer-callcenter .call-center .content h3{font-size:16px;font-weight:normal;margin-top:15px;color:#fff;}
.footer-callcenter .call-center .content .tel ul{margin-top:8px;}
.footer-callcenter .call-center .content .tel li{line-height:30px;}
.footer-callcenter .call-center .content .tel li span{width:81px;display:inline-block;}
.footer-callcenter .call-center .content .bank{float:right;}
.footer-callcenter .call-center .content .bank strong{font-size:24px;color:#fff;font-weight:normal;margin-top:9px;display:block;}
.footer-callcenter .call-center .content .bank span{width:208px;height:27px;line-height:25px;background:#fff;color:#545454;display:block;font-size:14px;text-align:center;letter-spacing:-1px;margin-top:4px;}
.footer-callcenter .service{width:138px;float:left;margin-left:103px;}
.footer-callcenter .service h2{font-size:20px;color:#fff;font-weight:normal;padding:19px 0 23px;border-bottom:1px solid #818181;letter-spacing:-1px;}
.footer-callcenter .service ul{margin-top:11px;}
.footer-callcenter .service li{height:30px;line-height:30px;font-size:14px;}
.footer-callcenter .service li span{width:10px;height:18px;background-position:-113px -155px;display:inline-block;vertical-align:middle;margin:6px 8px 0 0;}
.footer-callcenter .service li a{color:#fff;}
.footer-callcenter .service li a:hover{color:#a3a3a3;}
.footer-callcenter .news{width:270px;float:right;margin-right:40px;}
.footer-callcenter .news h2{font-size:22px;color:#fff;font-weight:normal;padding:19px 0 23px;letter-spacing:-1px;}
.footer-callcenter .news .news-menu{height:28px;line-height:26px;border-width:1px 0;border-style:solid;border-color:#818181;position:relative;}
.footer-callcenter .news .news-menu li{float:left;padding:0 17px;cursor:pointer;font-size:14px;color:#a3a3a3;overflow:hidden;}
.footer-callcenter .news .news-menu span.line{width:1px;height:12px;overflow:hidden;font-size:0;background:#818181;position:absolute;top:9px;left:90px;}
.footer-callcenter .news .news-list{margin-top:12px;display:none;}
.footer-callcenter .news .news-list li{height:22px;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#fff;}
.footer-callcenter .news .news-list li a{color:#fff;}
.footer-callcenter .news .news-list li a:hover{color:#a3a3a3;}
.footer-nav{margin-top:27px;font-size:14px;}
.footer-nav a{color:#3c3c3c;margin-right:35px;}
.footer-nav a:hover{color:#1e99f8;}
.footer-nav b a { color:#000;}
.footer-info{color:#8c8c8c;margin-top:27px;line-height:19px;position:relative;}
.footer-info span{width:30px;display:inline-block;text-align:center;}
.footer-info .qrcode{position:absolute;top:4px;right:61px;}
.footer-copy{height:49px;line-height:49px;background:#f1f1f1;color:#7d7d7d;margin-top:26px;}
.footer-menu{width:auto;line-height:225px;background:#545454;color:#ffffff;margin-top:26px;border:1px;border-color: #0072BB;font-size: 1.1rem;}

.xfooter-info{height:250px; color:#f1f1f1; padding-top: 35px;  margin: top 15px; position:relative;line-height:25px;text-align:center ; }
.xfooter-info span{width:30px;display:inline-block;text-align:center;}
.xfooter-info a{color:#f1f1f1;margin-right:35px;}
.xfooter-info a:hover{color:#1e99f8;}

/* gallery */
.gallerylist {
 max-width: 168px;
 width: 100%;
 margin: 0 auto;
}
.gallerylist ul{
 font-size:0 ;
}
.gallerylist ul li{
 display: inline-block;
 vertical-align: top;
 /* width:80% ; */
 width:100% ;
}
.gallerylist ul li a {
 display: block;
 width: auto;
 text-decoration: none;
 /* margin: 5px; */
 margin: 2px;
}
.gallerylist ul li a .screen{
position: relative;
overflow: hidden;
}
.gallerylist ul li a .screen .top{
position: absolute;
bottom: 150%;
left: 10px;
z-index: 2;
color: #fff;
font-size: 13px;
font-weight: 900;
transition: all .35s;
}
.gallerylist ul li a .screen .bottom{
  position: absolute;
  top: 150%;
  left: 10px;
  z-index: 2;
  color: #fff;
  font-size: 12px;
  transition: all .35s;
}
.gallerylist ul li a .screen img{
width: 100%;
}
.gallerylist ul li a h3{
font-size: 12px;
text-align: center;
padding: 5px;
color: #666;
}
.gallerylist ul li a:hover .top{
  bottom: 95%;
}
.gallerylist ul li a:hover .bottom{
  top:5%;

}

.gallerylist ul li a .screen::after{
content: "";
display: block;
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
z-index: 1;
opacity: 0;
transition: all .35s;
}
.gallerylist ul li a:hover .screen::after{

  opacity: 1;
}


.highlight{
display: inline-table;
position: relative;
overflow: hidden;
}

.highlight::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 200, 0, .5);
  position: absolute;
  top:0%;
  left: -100%;
  transition: all .35s;

  
}
.content:hover .highlight::before{
left:0;
}


/* bgallery */


.bgallerylist {
  max-width: 710px;
  width: 710px;
  /* margin-left: 30px; */
  margin: 0 auto;
 }
 .bgallerylist ul{
  font-size:0 ;
 }
 .bgallerylist ul li{
  display: inline-block;
  vertical-align: top;
  width:100% ;
  /* width:100% ; */
 }
 .bgallerylist ul li a {
  display: block;
  width: auto;
  text-decoration: none;
  margin: 2px;
  /* margin: 2px; */
 }
 .bgallerylist ul li a .screen{
 position: relative;
 overflow: hidden;
 }
 .bgallerylist ul li a .screen .top{
 position: absolute;
 bottom: 150%;
 left: 10px;
 z-index: 2;
 color: #fff;
 font-size: 20px;
 font-weight: 900;
 transition: all .35s;
 }
 .bgallerylist ul li a .screen .bottom{
   position: absolute;
   top: 150%;
   left: 10px;
   z-index: 2;
   color: #fff;
   font-size: 18px;
   transition: all .35s;
 }
 .bgallerylist ul li a .screen img{
 width: 100%;
 /* object-fit: cover; */
 }
 .bgallerylist ul li a h3{
 font-size: 15px;
 text-align: center;
 padding: 2px;
 color: #666;
 }
 .bgallerylist ul li a:hover .top{
   bottom: 52%;
 }
 .bgallerylist ul li a:hover .bottom{
   top:52%;
 
 }
 
 .bgallerylist ul li a .screen::after{
 content: "";
 display: block;
 position: absolute;
 top:0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, .5);
 z-index: 1;
 opacity: 0;
 transition: all .35s;
 }
 .bgallerylist ul li a:hover .screen::after{
 
   opacity: 1;
 }
/*  마우스 대면커지는 효과과*/
 .x {
  width: 400px;
  margin: 0px auto;
  overflow: hidden;
}
.x img {
  transition: all 0.2s linear;
}
.x:hover img {
  transform: scale(1.2);
}

/*  마우스 대면커지는 효과과*/
.mx {
  width: 400px;
  margin: 0px auto;
 
}
.mx img {
  transition: all 0.2s linear;
}
.mx:hover img {
  transform: scale(1.2);
}