@charset "utf-8";

@import url("base.css");
@import url("layout.css");
@import url("common.css");
@import url("board.css");
@import url("popup.css");


div.main_left_cont { float:left;width:178px; margin-top:4px; overflow:hidden; border:1px solid #C7C7C7; /*margin-top:10px;*/} /*20121017 수정*/
/*div.main_left_cont div.guide {border-bottom:1px solid #C7C7C7; padding:8px 0 0 11px; width:166px; height:21px;}*/
div.main_left_cont div.guide {border-bottom:1px solid #C7C7C7;} /* 120308 수정 */
div.main_left_cont div.guide img {vertical-align:top;}



div.main_left_banner {width:178px; border-bottom:1px solid #C7C7C7;}
div.main_left_banner img {vertical-align:top;}
div.left_banner_list {width:178px; height:31px;border-bottom:1px solid #C7C7C7;}
div.left_banner_list ul {width:178px; }
div.left_banner_list ul li {float:left; margin-top:8px;}
div.left_banner_list ul li img {margin-left:2px;}
div.left_banner_list ul li.mleft_bannertxt {width:120px; margin-left:10px; margin-top:10px;font-size:11px;}
div.left_banner_list ul li.mleft_bannernum { margin-top:10px;font-size:11px;}


div.main_left_ticket {width:178px; height:45px;border-bottom:1px solid #C7C7C7;}/* 20121017 수정 */
div.main_left_ticket ul {width:170px; height:40px;margin-left:4px}/* 20121017 수정 */
div.main_left_ticket ul.last {width:170px; height:40px;margin-left:4px;border-bottom:0px}
div.main_left_ticket ul li {float:left;font-size:11px; color:#747474;}
div.main_left_ticket ul li.mticket01 { margin:13px 8px 0 7px;}/* 20121017 수정 */
div.main_left_ticket ul li.mticket02 { margin:7px 16px 0 12px;}
div.main_left_ticket ul li.mtickettxt { font-size:11px;margin-top:16px;}/* 20121017 수정 */


div.main_left_mdevice {width:178px;border-top:1px solid #C7C7C7;} /* 120322 수정 */
div.main_left_mdevice dd {float:left;} /* 120322 수정 */
div.main_left_mdevice dd.last { float:left; margin-left:4px;border-top:1px solid #e5e5e5;}


div.left_corpbtn {height:54px;} /* 120308 수정 */


div.main_top_banner {width:505px; height:98px; margin-bottom:12px;}
div.main_top_banner img {vertical-align:top;}


div.main_quickbtn {width:503px; height:76px;border:1px solid #f26122;}
div.main_quickbtn dd {float:left;}


div.notice_sline {width:505px; height:34px;}
div.notice_sline dd {float:left; }
div.notice_sline dd.tit {padding-top:12px; padding-left:3px;}
div.notice_sline dd.txt {padding-top:12px; margin-left:15px; width:431px;}
div.notice_sline dd.arrow {width:10px; margin-top:8px; margin-bottom:2px;}


div.main_center_banner {width:503px; height:192px;border:1px solid #e1e1e1;}
div.main_center_banner img {vertical-align:top;}
div.main_center_btn {width:505px; height:20px;}
div.main_center_btn dd {float:left; margin-top:3px; margin-left:2px;}
div.main_center_btn dd.tit {float:left; margin:3px 5px 0 412px;}


div.benefit_menu {width:505px; height:18px; border-bottom:1px solid #c7c7c7; margin-bottom:11px; margin-top:10px;}
div.benefit_menu dd {float:left; padding:0 14px; border-right:1px solid #cbcbcb; font-size:11px;}
div.benefit_menu dd.tit {padding-left:3px; border-right:0px;}
div.benefit_con {width:505px; height:120px;}
div.benefit_con dd {float:left;}
div.benefit_con dd.leftarrow { margin:16px 8px 0 3px;}
div.benefit_con dd.rightarrow { margin:16px 3px 0 8px;}
div.benefit_con dd.benefit_box {width:455px; overflow:hidden;}
div.benefit_scroll {width:7440px;}
div.benefit_con ul {float:left;width:143px; margin-right:12px;}
div.benefit_con ul li.tit {font-size:12px; color:#7777777; padding-top:6px; font-weight:bold;}
div.benefit_con ul li img { border:1px solid #e1e1e1;}
div.benefit_con ul li.textcon {font-size:11px; color:#8e8e8e; line-height:13px; padding-top:5px;}


div.benefit_hlotto {width:505px; height:73px; margin-top:10px;}
div.benefit_hlotto dd {float:left;}
div.benefit_hlotto dd.membenfit {width:253px; height:73px; background-image:url(../../images/main/img_bg_membenefit.jpg); background-repeat:no-repeat;}
div.benefit_hlotto dd.membenfit p {margin-top:47px; margin-left:89px; font-size:11px; color:#7b7b7b}
div.benefit_hlotto dd.hlotto {width:252px; height:73px; background-image:url(../../images/main/img_bg_hlotto.jpg); background-repeat:no-repeat;}
div.benefit_hlotto dd.hlotto p {margin-top:47px; margin-left:88px; font-size:11px; color:#7b7b7b}


div.happysns {width:505px; height:36px; margin-top:10px;}
div.happysns dd {float:left;}
div.happysns dd.tit { padding:15px 22px 0 3px;}
div.happysns dd.snsbtn img {margin:10px 0 0 16px;}
div.happysns dd.snsbtn02 img {margin:10px 9px 0 5px ;}


div.main_right_cont {width:263px; border:1px solid #C7C7C7; height:728px;}


div.right_storetab {width:265px; margin:-1px 0 0 -1px; height:39px;}
div.right_storetab dd {float:left;}
div.right_storeboxall {float:left;width:263px;height:315px; border-bottom:1px solid #C7C7C7;}
div.right_storeboxbg01 {width:243px;height:140px; background-image:url(../../images/main/bg_storelogo.gif); background-repeat:no-repeat; margin:10px 0 0 10px; padding-bottom:7px; border-bottom:1px solid #e5e5e5;}
div.right_storeboxbg02 {width:243px;height:140px; background-image:url(../../images/main/bg_storelogo.gif); background-repeat:no-repeat; margin:7px 0 0 10px; }
ul.right_instore {width:243px}
ul.right_instore li {float:left; margin-right:1px; margin-bottom:1px; width:80px;}


div.right_ecoupon {float:left;width:263px;height:60px;border-bottom:1px solid #C7C7C7;}
div.right_ecoupon dd {float:left;}
div.right_ecoupon dd.leftarrow { margin:18px 5px 0 10px; width:15px;}
div.right_ecoupon dd.rightarrow { margin:18px 10px 0 5px;width:15px;}
div.right_ecoupon dd.ecuopon_con { margin-top:7px; width:203px; overflow:hidden;}
div.ecuopon_scroll {width:2436px;}
ul.ecuoponbox {float:left;width:203px;}
ul.ecuoponbox li {float:left;}
ul.ecuoponbox li.txt { width:150px;margin-top:8px;}
ul.ecuoponbox li.cash { width:150px;margin-top:5px;}
ul.ecuoponbox li.cash span {color:#ff0404; font-weight:bold;}


div.happyucc_tab {float:left;width:263px; height:28px;}
div.happyucc_tab dd {float:left;}
div.happyucc {float:left;width:263px;height:144px;border-bottom:1px solid #C7C7C7;}
div.happyucc dd {float:left;}
div.happyucc dd.imagebox { width:241px;margin:10px 0 8px 10px; border:1px solid #e5e5e5;}
div.happyucc dd.txt { width:241px;margin-left:11px; font-size:11px; color:#747474;}


div.hm_changebox {float:left;width:253px; padding-left:10px}
div.hm_changebox div.ti_hmchange {float:left;margin-top:15px; margin-bottom:13px;width:253px;}
div.hm_changebox ul {float:left;width:253px; margin-top:2px;}
div.hm_changebox ul li {float:left;}
div.hm_changebox ul li.hm_arrowpoint { padding:3px 6px 0 4px;}
div.hm_changebox ul li.hm_arrowpoint img {vertical-align:top;}
div.hm_changebox ul li.hm_txt { font-size:11px; width:160px;}
div.hm_changebox ul li.price {font-size:11px;width:65px; text-align:right;}
div.hm_changebox ul li.clear { clear:both;}


/* 120322 수정 */
div.coupon_change {width:178px; height:134px;position:relative;}/* 120831 수정 */
div.coupon_change dl.title { height:29px; border-bottom:1px solid #e5e5e5; background-color:#f5f5f5; text-align:center;}
div.coupon_change dl.title img { margin-top:9px;}
div.coupon_change dl.changecoupon_list {}
div.coupon_change dl.changecoupon_list dd {float:left; width:89px; height:34px;}/* 120423 수정 */
div.coupon_change dl.changecoupon_list dd.rline {border-right:1px solid #e5e5e5;}
div.coupon_change dl.changecoupon_list dd.rightcon {width:88px;}
div.coupon_change dl.changecoupon_list dd.bottomline {border-bottom:1px solid #e5e5e5;}
div.coupon_change img.reposition { float:left;position:absolute; top:-1px; left:-1px;z-index:1001;}/* 120831 추가 */



/* 121017 수정 */
div.coupon_change02 {width:174px;overflow:hidden; position:relative; left:-1px; top:-1px; border:3px solid #79c043;}/* 120423 수정 */
div.coupon_change02 dl.title { height:26px; border-bottom:1px solid #e5e5e5; background-color:#79c043; text-align:center;}
div.coupon_change02 dl.title img { margin-top:5px;}
div.coupon_change02 dl.changecoupon_list {}
div.coupon_change02 dl.changecoupon_list dd {float:left;}
div.coupon_change02 dl.changecoupon_list dd.rline {border-right:1px solid #e5e5e5;}
div.coupon_change02 dl.changecoupon_list dd.rightcon {;}
div.coupon_change02 dl.changecoupon_list dd.bottomline {border-bottom:1px solid #e5e5e5;}




/* IPHONE ANIMATION API CLASSES */
.flickRtC {
	-webkit-animation-name: 'RtC';
	-webkit-animation-duration: 1s;
}
.flickCtL {
	-webkit-animation-name: 'CtL';
	-webkit-animation-duration: 1s;
}
.flickLtC {
	-webkit-animation-name: 'LtC';
	-webkit-animation-duration: 1s;
}
.flickCtR {
	-webkit-animation-name: 'CtR';
	-webkit-animation-duration: 1s;
}
@-webkit-keyframes 'RtC' {
	from { margin-left: 460px; }
	to { margin-left: 0px; }
}
@-webkit-keyframes 'CtL' {
	from { margin-left: 0px; }
	to { margin-left: -460px; }
}
@-webkit-keyframes 'LtC' {
	from { margin-left: -460px; }
	to { margin-left: 0px; }
}
@-webkit-keyframes 'CtR' {
	from { margin-left: 0px; }
	to { margin-left: 460px; }
}
/* IPHONE ANIMATION API CLASSES */