@charset "utf-8"; 
@import url('./common.css');
@import url('./layout.css');
@import url('./board.css');

div.header { background: url('../images/benefit/header_visual.jpg') no-repeat; }

/* div.page h4{ color:#484b91; font-weight:normal;} */

/*코리아plan
-------------------------------------------*/
div.wellcome{ background:url(../images/benefit/bg_wel.jpg) no-repeat; width:660px; height:335px;}
div.wellcome dl{ float:right; padding:50px 50px 0 0; width:300px;}
div.wellcome dl dt{ padding-bottom:10px;}

/*코리아그랜드세일
-------------------------------------------*/
div.grand{ padding-left:20px;}
div.grand dl dd{padding-bottom:10px;}
div.grand dl dd{ color:#888bca;}
.seoulgrand_bg {background:url('/japan/images/benefit/seoulgrandsale_bg.jpg') no-repeat; width:660px; height:243px; overflow:hidden; padding:78px 0 0 87px;}
.seoulgrand_bg a {float:left;} /* a태그안에 있는 것을 왼쪽으로 정렬 */
.seoulgrand_content_center_660 {width:660px; margin:0 auto; overflow:hidden; font-family:dotum;}

/*쿠폰
-------------------------------------------*/
div.coupon{ background:url(../images/benefit/bg_copon.gif) no-repeat; width:660px; height:223px; margin-top:40px;}
div.coupon dl{ padding:12px 0 0 250px;}
div.coupon_01{border:1px #e4e4e4 solid; width:564px; height:160px;margin:27px 0 0 70px;}
div.coupon_01 p{ float:left;}
div.coupon_01 dl{ float:left;padding:25px 0 0 20px;}
div.coupon_01 dl dt{ padding-bottom:10px;}
div.coupon_01 dl dd ul li{ background:url(../images/benefit/bl_dot.gif) no-repeat left 8px; padding-left:7px;}

/*tourism 장기투숙
-------------------------------------------*/
div.tourism{ margin-left:15px; }
div.tourism p img {margin-top:10px;}
div.tourism table{ width:100%; margin:10px 0 10px 0;  border: solid 1px #dbdbdb; font-size:0.95em;  table-layout: fixed; border-collapse: collapse; }
div.tourism table thead th		{ background: #fff;  text-align: center;  vertical-align:middle; padding:15px 0; color:#484b91; background: url('../images/benefit/bg_benefit_04_th.gif') repeat-x bottom;  }
div.tourism table p.thumb img	{ width: 61px; height: 41px; border: 1px solid #dadada;  padding:3px; }
div.tourism table tbody td{ border:1px solid #dbdbdb; background:#f7f7f7;  border-collapse:collapse;  border-bottom:solid 1px #e8e8e8; border-top:none;  border-right:none; border-left:none; padding:6px; text-align:center;}
div.tourism table tbody td.bg_color {background:#fff;}
div.tourism table tbody td strong {color:#6b6ea6;   font-weight:bold; }
div.tourism table tbody td.city {  padding:0 8px; text-align:center; }
div.tourism table tbody td.city  p { width: 100%; padding:15px 0; font-weight:bold;  border:1px solid #e5e5e5 ;   background:#fff; color:#ff6600;  text-align: center; vertical-align:middle;}
div.tourism table tbody td.city  p.row2 { height:30px; padding:40px 0;  ;  }  /*row 2  +coloum */
div.tourism  h5 { color:#484b91;padding-left:15px;}
div.tourism ul {font-size:0.95em; padding:0px 0 7px 6px; }



/*이용안내
-------------------------------------------*/
div.user dl{ background:url(../images/benefit/bg_user.gif) no-repeat; width:660px; height:909px;}
div.user dl ol{ list-style:none;}
div.user dl dt.list{ padding-top:30px;}
div.user dl .list{ padding-left:200px;}
div.user dl dd.list_1{ padding:100px 0 0 70px;}
div.user dl dd.list_1 ol li{ width:290px;height:110px;}
div.user dl dd.list_1 ol li ul{ padding:15px 0 0 120px;}
div.user dl dd.list_1 ol li ul li{height:20px;}
.clear{ clear:both;}
.pa10{ padding-left:10px;}

/*쿠폰서비스안내 benefit_03_01
-------------------------------------------*/
div.benefit_03_01{padding-left:20px;  }

div.benefit_03_01 div.bg{height:210px; margin-top:30px; background:url(../images/benefit/bg_benefit_03.gif) no-repeat bottom left;  vertical-align:top;} 
div.benefit_03_01 div.bg ul {margin:45px 0 0 10px;}
div.benefit_03_01 div.bg ul li {padding:0px 0 8px 6px; }

/*온라인쿠폰서비스
-------------------------------------------*/
#couponsrv .mgb15 {margin-bottom:15px;}
#couponsrv .mgb10 {margin-bottom:10px;}
#couponsrv .mgb20 {margin-bottom:20px;}
#couponsrv .fl_l {float:left;}
#couponsrv .fl_r {float:right;}
#couponsrv .clear {clear:both;}
#couponsrv div.h4bg {background: url(/japan/images/benefit/coupon/coupon_dt_bg.gif) no-repeat; height:51px; margin-bottom:20px;}
#couponsrv div.h4bg .rightlogo {float:right; margin-right:15px;}
#couponsrv div.h4bg .righttxt {float:right; margin-top:15px;} 
#couponsrv div.h4bg .h4tit {float:left; margin:5px 0 0 0;}
#couponsrv div.h4bg h4 {background:none;}
#couponsrv div.couponcont {margin-left:15px;}
#couponsrv div.couponcont .hdinfo {overflow:hidden; margin-bottom:20px;}
#couponsrv div.couponcont .hdinfo_r {float:left; margin-left:5px; width: 420px;}
#couponsrv div.couponcont .spc {background: url(/japan/images/benefit/coupon/coupon_list_sdcbg.gif) no-repeat; width:229px; height:100px; float:left; padding:27px 0 0 118px;}
#couponsrv div.couponcont .cpmap {background: url(/japan/images/benefit/coupon/coupon_dt_map_bg.gif) no-repeat; height:224px;margin-bottom:15px;}
#couponsrv div.couponcont .cpmap p.left {width:485px; text-align:center; float:left;}
#couponsrv div.couponcont .cpmap p.right {float:left; margin:10px 0 10px 10px; width:145px; text-align:left;}
#couponsrv div.couponcont .cppage {background: url(/japan/images/benefit/coupon/coupon_dt_pg_bg.gif) no-repeat; height:194px; margin-bottom:20px;}
#couponsrv div.couponcont .cppage div.left {width:260px; text-align:center;margin-top:22px; float:left;}
#couponsrv div.couponcont .cppage div.left p img{margin-bottom:10px;}
#couponsrv div.couponcont .cppage div.right {float:left;}
#couponsrv div.couponcont .notice {width:645px;}
#couponsrv div.couponcont .popprint {float:left; margin-top:20px; margin-left:215px;}
#couponsrv div.couponcont .listgo {border-top:1px solid #ececec; text-align:center; clear:both; padding-top:25px;}  
#couponsrv div.cate {background: url(/japan/images/benefit/coupon/coupon_list_catebg.gif) no-repeat; width:635px; height:45px; margin-bottom:10px; clear:both;}
#couponsrv div.cate ul {padding:12px 0 0 35px;}
#couponsrv div.cate ul li {float:left; padding-right:30px;}
#couponsrv div.cate ul li a { cursor: pointer; }
#couponsrv div.cate ul li a:hover {text-decoration: underline; color: #111;}
#couponsrv div.cate ul li.on a {color: #111; font-weight:bold;}
#couponsrv div.list {margin-bottom:10px; overflow:hidden;}
#couponsrv div.list div.list_bl {float:left; margin:0 10px 15px 0; overflow:hidden;}
#couponsrv div.list div.list_bl.end {float:left;: margin:0 0 15px 0; overflow:hidden;}
#couponsrv div.list div.list_bl dl {width:205px;}
#couponsrv div.list div.list_bl dl dd {text-align:center; margin-top:3px; overflow:hidden;}
#couponsrv div.list div.list_bl dl dd a {cursor: pointer; color: #111;}
#couponsrv div.list div.list_bl dl dd a:hover {text-decoration: underline; color: #111;}
#couponsrv div.couponcont dl.branch {margin:-10px 0 20px 0; clear:both; padding:0 0 20px;}
#couponsrv div.couponcont dl.branch dt {float:left;}
#couponsrv div.couponcont dl.branch dd {float:left;}
#couponsrv div.couponcont dl.branch dd img {padding-right:3px;}


/* 무료셔틀버스
-------------------------------------------*/
#freebus {margin-left:15px;}
#freebus .mgl10 {margin-left:10px;}
#freebus .mgb10 {margin-bottom:10px;}
#freebus .mgb20 {margin-bottom:20px;}
#freebus .mgb22 {margin-bottom:22px;}
#freebus .mgb28 {margin-bottom:28px;}
#freebus h4 {clear:both;   margin:  10px 0px 3px 0px;  background: url('../images/common/h4_bullet.gif') no-repeat left 5px;  color:#363636;	padding-left :15px;	font-size:1.1em; font-weight:bold;} 
#freebus ul li{padding:0px 0 3px 15px; clear:both; background: url('../images/common/bl_blackdot.gif')  no-repeat 6px 9px;}
#freebus div.freebus_cont {background:url('/japan/images/benefit/bg_bus.jpg') no-repeat; padding:45px 0 10px 30px; overflow:hidden;}  
#freebus div.freebus_cont p.wh {color:#fff;margin-bottom:25px;}  
#freebus div.freebus_left {width:300px; padding:15px 0 0 10px; float:left; margin-right:20px; overflow:hidden;}  
#freebus div.freebus_left p {padding:0 0 0 15px;}
#freebus div.freebus_left div.link {padding:0 0 0 15px; overflow:hidden;}
#freebus div.freebus_left div.link span {float:left; margin:0 10px 5px 0;}
#freebus div.freebus_right {width:285px; padding:15px 0 0 20px; float:left; position:relative;} 
#freebus table{ width:100%; margin:0 0 10px 0;  border: solid 1px #dbdbdb; table-layout: fixed; border-collapse: collapse; }
#freebus table thead th { background: #fff;  text-align: center;  vertical-align:middle; padding:7px 0; color:#484b91; background: url('../images/benefit/bg_benefit_04_th.gif') repeat-x bottom;  }
#freebus table tbody td{ border:1px solid #dbdbdb; background:#f9f9f9;  border-collapse:collapse;  border-bottom:solid 1px #e8e8e8; border-top:none;  border-right:none; border-left:none; padding:3px;}
#freebus table tbody td.bor_r {border-right:1px solid #d9d9d9;}
#freebus table tbody td.cen {text-align:center;}
#freebus table tbody td.blue_txt {color:#425285; font-weight:bold;}
#freebus table tbody td.pl22 {padding-left:19px;}
#freebus table tbody td ul li {background:url(../images/common/bl_blackdot.gif) no-repeat 3px 7px; padding-left:8px; font-size:1em; line-height:1.5em;}
#freebus table tbody td.bg {background-color:#fff;}
#layerPop1{position:absolute;display:none;}
#layerPop2{position:absolute;display:none;}
#layerPop3{position:absolute;display:none;}
#layerPop4{position:absolute;display:none;}
#layerPop5{position:absolute;display:none;}
#layerPop6{position:absolute;display:none;}	
#layerPop7{position:absolute;display:none;}
#layerPop8{position:absolute;display:none;}
#layerPop9{position:absolute;display:none;}
#layerPop10{position:absolute;display:none;}
#layerPop11{position:absolute;display:none;}



/* 무료셔틀버스
-------------------------------------------*/
#freebus2 {margin-left:15px;}
#freebus2  .mgl3 {margin-left:3px;}
#freebus2 .mgl10 {margin-left:10px;} 
#freebus2 .mgl20 {margin-left:20px;} 
#freebus2 .mgb10 {margin-bottom:10px;} 
#freebus2 .mgb17 {margin-bottom:17px;}
#freebus2 .mgb20 {margin-bottom:20px;}
#freebus2 .mgb22 {margin-bottom:22px;}
#freebus2 .mgb25 {margin-bottom:25px;}
#freebus2 .mgb28 {margin-bottom:28px;}
#freebus2 .mgb40 {margin-bottom:40px;}
#freebus2 h4 {clear:both;   margin:  10px 0px 3px 0px;  background: url('/japan/images/common/h4_bullet.gif') no-repeat left 5px;  color:#363636;	padding-left :15px;	font-size:1.1em; font-weight:bold;} 
#freebus2 ul li{padding:0px 0 3px 15px; clear:both; background: url('/japan/images/common/bl_blackdot.gif')  no-repeat 6px 9px;}
#freebus2 div.freebus_cont {background:url('/japan/images/benefit/bg_bus3.jpg') no-repeat; padding:20px 0 25px 20px; overflow:hidden;}  
#freebus2 div.freebus_cont p.wh {color:#fff;margin-bottom:15px;}  
#freebus2 div.freebus_left {width:280px; padding:15px 0 0 10px; float:left;position:relative;}  
#freebus2 div.freebus_left p {padding:0 0 0 15px;}
#freebus2 div.freebus_left div.link {padding:0 0 0 15px; overflow:hidden;}
#freebus2 div.freebus_left div.link span {float:left; margin:0 10px 5px 0;}
#freebus2 div.freebus_left div.link2 {padding:0 0 0 15px; overflow:hidden;}
#freebus2 div.freebus_left div.link2 span {float:left; margin:0 5px 5px 0;}
#freebus2 div.freebus_right {width:320px; padding:15px 0 0 20px; float:left; position:relative;} 
#freebus2 .freetour_sch {width:322px; border-collapse:collapse;float:left;}
#freebus2 .freetour_sch thead th {height:31px; background:url(/japan/images/benefit/freetour_th_bg.gif) repeat-x; color:#425285; padding:1px 0;}
#freebus2 .freetour_sch tbody th {height:30px; border-bottom:1px solid #d9d9d9; text-align:left; padding-left:5px; font-weight:normal; color:#767676;}
#freebus2 .freetour_sch td {height:30px; border-bottom:1px solid #d9d9d9; text-align:left; padding:9px 0 9px 5px;;}
#freebus2 .freetour_sch th.bor_r {border-right:1px solid #d9d9d9;}
#freebus2 .freetour_sch td.bor_r {border-right:1px solid #d9d9d9;}
#freebus2 .freetour_sch td.cen {text-align:center;}
#freebus2 .freetour_sch td ul li {background:url(../images/common/bl_blackdot.gif) no-repeat 3px 7px; padding-left:8px; font-size:1em; line-height:1.5em;}
#freebus2 .freetour_sch tr.bg {background-color:#fafafa;}
#freebus2 .freetour_sch td.pl5 {padding-left:5px;}
#freebus2 .freetour_sch .vtop {vertical-align:top;}
#freebus2 .freetour_sch td dl.loc dt {float:left; margin-right:5px; width:74px;}
#freebus2 .freetour_sch td dl.loc dd {float:left; width:135px;}
#TabMenu	{ position:relative; width:324px; margin:0; padding:0; overflow:hidden;}
#TabMenu .TabNoticeStyle	{ display:inline; margin-right:-3px; padding:0; width:107px;}
#TabMenu .TabNoticeStyle .padb2 {padding-bottom:1px;}

.popbn {z-index:90;position:absolute;top:250px;left:0; _left:-200px; width:200px;height:224px;background:#fff;}
.popbn2 {z-index:90;position:absolute;top:230px;left:0;width:200px;height:224px;background:#fff;}
.popbn3 {z-index:90;position:absolute;top:120px;left:240px;width:636px;height:324px; padding:0;}
.popbn4 {z-index:9010;position:absolute;top:980px;left:350px;width:636px;height:324px; padding:0 0 0 12px;}


/* margin */
.mgb20 {margin-bottom:20px;}



/*베니건스맵*/
.map {width:660px; height:30px; padding-bottom:10px; *float:right; *width:330px; *margin-top:-48px;}

.map_title {width:135px; padding-bottom:10px; float:left;}
.map_dot {float:left; height:30px; width:15px;}
.map ul {padding-bottom:10px;}
div.map ul li {background:url(/japan/images/benefit/coupon/map_tt_bg.jpg) left 0 repeat-x; width:105px; height:37px; padding:0 0 0 5px; margin-right:10px; float:left;}
.map ul li span.back_ri {background:url(/japan/images/benefit/coupon/map_tt_bg_ri.jpg) right 0 no-repeat; width:100%; height:37px; text-align:center; float:right; padding-right:5px; padding-top:2px;}


.map2 {width:660px; height:110px; *height:110px; padding-bottom:10px;}
.map_title2 {width:135px; padding-bottom:60px; float:left;}
.map_title3 {width:70px; float:left;}
.map_dot2 {float:left; height:80px; width:15px;}
.map2 ul {padding-bottom:10px;}
div.map2 ul li {background:url(/japan/images/benefit/coupon/map_tt_bg.jpg) left 0 repeat-x; width:105px; height:37px; padding:0 0 0 5px; margin-right:10px; float:left;}
.map2 ul li span.back_ri {background:url(/japan/images/benefit/coupon/map_tt_bg_ri.jpg) right 0 no-repeat; width:100%; height:37px; text-align:center; float:right; padding-right:5px; padding-top:2px; float:right;}


.map3 {width:660px; height:80px; *height:80px; padding-bottom:10px;}
.map3 ul {padding-bottom:10px;}
div.map3 ul li {background:url(/japan/images/benefit/coupon/map_tt_bg.jpg) left 0 repeat-x; width:105px; height:37px; padding:0 0 0 5px; margin-right:10px; float:left;}
.map3 ul li span.back_ri {background:url(/japan/images/benefit/coupon/map_tt_bg_ri.jpg) right 0 no-repeat; width:100%; height:37px; text-align:center; float:right; padding-right:5px; padding-top:2px; float:right;}


.benni330 {width:330px; float:left; *width:330px; *float:left;}
.benni330 ul {padding-bottom:10px; *float:left;}
div.benni330 ul li {background:url(/japan/images/benefit/coupon/map_tt_bg.jpg) left 0 repeat-x; width:105px; height:37px; padding:0 0 0 5px; margin-right:10px; float:left;}
.benni330 ul li span.back_ri {background:url(/japan/images/benefit/coupon/map_tt_bg_ri.jpg) right 0 no-repeat; width:100%; height:37px; text-align:center; float:right; padding-right:5px; padding-top:2px;}


.notice ul.cont01_1 li {padding:0px 0 3px 6px; clear:both; background: url('../images/common/bl_blackdot.gif')  no-repeat left 9px;}

#couponsrv div.couponcont .cpmap2 {position:absolute; left:0; top:0; background: url(/japan/images/benefit/coupon/coupon_dt_map_bg.gif) no-repeat; width:680px; height:224px; font-size:11px; color:#666;}
#couponsrv div.couponcont .cpmap2 p.left {width:485px; text-align:center; float:left;}
#couponsrv div.couponcont .cpmap2 p.right {float:left; margin:10px 0 10px 10px; width:145px; text-align:left;}


/*이벤트탭*/
div.tab { width:670px; height:35px; margin-bottom:30px; clear:both; background: url(/japan/images/community/bg.gif) 0 top repeat-x;}
div.tab ul li {width:150px; height:35px; float:left; background: url(/japan/images/community/event_tab.gif) 0 top no-repeat;}
div.tab ul li a { cursor: pointer;}
div.tab ul li a:hover {text-decoration: underline; color: #3ea2dd;}
div.tab ul li.on { background: url(/japan/images/community/event_tabon.gif) 0 top no-repeat; width:150px;}
div.tab ul li.on a {color: #3ea2dd; display: block; height: 25px; padding: 10px 0 0 30px; width: 120px;}
div.tab ul li.on2 { background: url(/japan/images/community/event_tabon.gif) 0 top no-repeat; width:150px;}
div.tab ul li.on2 a {color: #3ea2dd; display: block; height: 25px; padding: 10px 0 0 35px; width: 115px;}

div.tab ul li.off { background: url(/japan/images/community/event_tab.gif) 0 top no-repeat; width:150px;}
div.tab ul li.off a {color:#a8a8a8; display: block; height: 25px; padding: 10px 0 0 30px; width: 120px;}
div.tab ul li.off2 { background: url(/japan/images/community/event_tab.gif) 0 top no-repeat; width:150px;}
div.tab ul li.off2 a {color:#a8a8a8; display: block; height: 25px; padding: 10px 0 0 35px; width: 115px;}

div.event_title {padding:0 0 7px 10px; font-weight:bold; color:#3ea2dd; background: url(/japan/images/community/dot.gif) 0 6px no-repeat;}
