@charset "utf-8";

.campMainWrap {overflow:hidden;margin:30px 0;}
.campMainWrap h1 {display:none;}
.campVisual {float:left;position:relative;width:710px;height:600px;margin-right:30px;}
.campVisual .visualTab {position:absolute;top:1px;right:1px;overflow:hidden;z-index:99;}
.campVisual .visualTab li {float:left;text-indent:-9999px;background-repeat:no-repeat;background-position:left top;height:22px;}
.campVisual .visualTab li:hover, .campVisual .visualTab li.on {background-position:left bottom;}
.campVisual .visualTab li.campNum01 {background-image:url(/resources/images/oldimages/main/visualNum01.gif);width:54px;}
.campVisual .visualTab li.campNum02 {background-image:url(/resources/images/oldimages/main/visualNum02.gif);width:55px;}
.campVisual .visualTab li.campNum03 {background-image:url(/resources/images/oldimages/main/visualNum03.gif);width:54px;}
.campList {float:right;}
.campList h2 {margin-bottom:20px;}
.campList ul li {margin-bottom:13px;}
.campList ul li img {vertical-align:top;}
.campVInner {position:absolute;left:0;top:0;}

.mainETC {background:url(/resources/images/oldimages/main/main-footBg.png) no-repeat 0 0;width:933px;padding:0 20px 0 27px;height:100px;}
.mainETC dl {overflow:hidden;}
.mainETC dt {float:left;}
.mainETC dd {float:left;}
.mainETC .mainEtcInner {overflow:hidden;}
.mainETC .mainEtcInner .mainHappyStroy {float:left;margin-top:8px;width:495px;}
.mainETC .mainEtcInner .mainHappyStroy dt {margin-top:11px;margin-right:23px; }
.mainETC .mainEtcInner .mainHappyStroy dd {margin-right:17px; }
.mainETC .mainEtcInner .mainSns {float:left;margin-top:12px;}
.mainETC .mainEtcInner .mainSns dt {margin-top:7px;}
.mainETC .mainEtcInner .mainSns dd {margin-left:16px;}
.mainETC .mainEtcInner img {vertical-align:top;}
.mainETC .mainLolling {overflow:hidden;}
.mainETC .mainLolling .mainEtcNotice {margin-top:15px;float:left;}
.mainETC .mainLolling .mainEtcNotice dt {background:url(/resources/images/oldimages/main/main-line.gif) no-repeat right 3px;padding-right:12px;margin-right:8px;}
.mainETC .mainLolling .mainEtcNotice .mainEtcNoticeCont {width:370px;}
.mainETC .mainLolling .mainEtcNotice .mainEtcNoticeCont p {display:inline-block;margin-right:25px;width:370px;}

/* 메인컨텐츠 추가 */
.pointer {cursor:pointer;}
#GreMain img {border:none;}
#GrePhoto  img {border:none;}
#GreVod  img {border:none;}
.GreHea {width:790px; height:35px; padding-top:15px; margin:0 30px 0 30px;}
.GreTop {width:790px; height:30px; background:url(/resources/images/oldimages/main/layer/gre_bg_top.png) no-repeat top; margin:0 30px 0 30px;}
.GreTop div.SubM {float:left;}
.GreTop div.SubM table {width:211px; margin:0; padding:0;}
.GreTop div.Menu {float:right;}
.GreTop div.Menu table {margin:0; padding:0;}
#GreMain {position:relative; width:850px; height:690px; background:url(/resources/images/oldimages/main/layer/gre_bg_main.png) no-repeat top left;}
#GreMain div.GreTitle {clear:both; margin:10px 30px 0 30px;}
#GreMain div.GreHope {width:790px; height:145px; margin:20px 30px 0 30px;}
#GreMain div.GreHope div.HopeTit {width:130px; float:left;}
#GreMain div.GreHope div.HopeImg {width:340px; float:left;}
#GreMain div.GreHope div.HopeImg table {width:340px; margin:0; padding:0;}
#GreMain div.GreHope div.HopeImg div#icon1, #icon2 {position:absolute; top:245px; left:160px; display:none;}
#GreMain div.GreHope div.HopeVod {width:300px; float:left; margin-left:20px;}
#GreMain div.GrePic {width:790px; margin-top:40px;}
#GreMain div.GrePic div.GrePTit {width:790px; height:30px; margin-left:30px;}
#GreMain div.GrePic div.GrePImg ul {width:850px;}
#GreMain div.GrePic div.GrePImg ul li {display:inline;}
.GreArw {width:30px;}
.GrePP {width:790px;}
.GrePP ul li {display:inline;}
#GreVod {position:relative; width:850px; height:690px; background:url(/resources/images/oldimages/main/layer/gre_bg_vod.png) no-repeat top left;}
#GreVod div.GreMedia {width:790px; height:444px; margin:10px 30px 0 30px; z-index:0;}
#GreVod div.GreVTxt {margin:25px 30px 0 30px}
#GrePhoto {position:relative; width:850px; height:690px; background:url(/resources/images/oldimages/main/layer/gre_bg_pic.png) no-repeat top left;}
#GrePhoto div.GreGall {width:790px; margin:20px 30px 0 30px;}
#GrePhoto div.GreGall div#no1, #no2, #no3, #no4, #no5, #no6, #no7 {width:790px; display:none;}
#GrePhoto div.GreGall div.GreGallTit {width:790px; height:90px;}
#GrePhoto div.GreGall div.GreGallTit span {display:inline;}
#GrePhoto div.GreGall div.GreGallPic {margin-top:40px; width:790px; height: 445px; position:relative; overflow: hidden;}
#GrePhoto div.GreGall div.GreGallPic div.GreGallArw1 {position:absolute; top:80px; left:0px; z-index:2;}
#GrePhoto div.GreGall div.GreGallPic div.GreGallArw2 {position:absolute; top:80px; left:670px; z-index:2;}
#GrePhoto div.GreGall div.GreGallPic div.GreGallMImg {position:absolute; top:0px; left:120px;}
#GrePhoto div.GreGall div.GreGallPic div.ImgPrev {position:absolute; top:80px;}
#GrePhoto div.GreGall div.GreGallPic div.ImgPrev img {width: 333px; height: 245px;}
#GrePhoto div.GreGall div.GreGallPic div.ImgNext {position:absolute; top:80px;}
#GrePhoto div.GreGall div.GreGallPic div.ImgNext img {width: 333px; height: 245px;}
.GreFooter {position:absolute; top:635px; width:850px; height:55px; z-index:2;}
#GreHis1 {position:absolute; left:20px; top:80px; width:810px; height:610px; z-index:3; display:none; background:url(/resources/images/oldimages/main/layer/gre_history_bg.png) no-repeat bottom;}
#GreHis1 div.GreHistory {margin:20px 35px 20px 35px;}
#GreHis1 div.GreHistory div#con1, #con2, #con3, #con4, #con5, #con6 {width:740px; display:none; margin-top:45px;}

#GreHis2 {position:absolute; left:20px; top:80px; width:810px; height:610px; z-index:3; display:none; background:url(/resources/images/oldimages/main/layer/gre_history_bg.png) no-repeat bottom;}
#GreHis2 div.GreHistory {margin:20px 35px 20px 35px;}
#GreHis2 div.GreHistory div#gcon1, #gcon2, #gcon3, #gcon4, #gcon5, #gcon6 {width:740px; display:none; margin-top:45px;}

#GreHis3 {position:absolute; left:20px; top:80px; width:810px; height:610px; z-index:3; display:none; background:url(/resources/images/oldimages/main/layer/gre_history_bg.png) no-repeat bottom;}
#GreHis3 div.GreHistory {margin:20px 35px 20px 35px;}
#GreHis3 div.GreHistory div#vcon1, #vcon2, #vcon3, #vcon4, #vcon5, #vcon6 {width:740px; display:none; margin-top:45px;}

.con_txt {width:540px; vertical-align:top;}
.con_pic {vertical-align:top; text-align:right;}

.GrePop_Link {width:100%; height:20px; background-color:#333; text-align:right;}

.pt30 {padding-top:30px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.w360 {width:360px;}
.w270 {width:270px;}

#slideshow {margin:0 auto; width:790px; height:405px; background:transparent url(/resources/images/oldimages/main/layer/bg_slideshow.jpg) no-repeat 0 0; position:relative;}
#slideshow #slidesContainer {margin:0 auto; width:550px; height:405px; overflow:auto; position:relative;}
.slide {margin:0 auto; width:540px; height:263px;}
.control {display:block; width:30px; height:405px; text-indent:-10000px; position:absolute; cursor:pointer;}
#leftControl {top:0; left:0; background:transparent url(/resources/images/oldimages/main/layer/gre_arw_l.png) no-repeat center;}
#rightControl {top:0; right:0; background:transparent url(/resources/images/oldimages/main/layer/gre_arw_r.png) no-repeat center;}



/* 캠페인 모아보기 */
#wrapbox{position:relative;width:100%;height:100%;min-width:994px;margin:0 auto;background:#ffffff;z-index:200 ;}
#responcive{position:absolute;top:0;/* right:0;bottom:0; */left:0;min-width:560px;height:100%;margin:auto;background:#484848 url("/resources/images/oldimages/common/top_bg.gif") no-repeat 16px 40px;z-index:99;}
#responcive #popCampignAllBtn2{position:absolute;top:37px;right:32px;z-index:400;}

#res_con{display:none;position:relative;/* top:110px; */max-width:1400px;min-width:350px;margin:0 auto;border:1px solid #484848;background:#484848;}
#res_con .item{position:absolute;width:340px;height:120px;margin:0 0 15px 5px;} 

#res_hidden{overflow:hidden;position:relative;left:-50000px;}
#res_hidden .item{position:absolute;width:340px;height:120px;margin:0 0 15px 5px;}

#loading1{position:absolute; z-index:500; width:48px; height:1050px; margin-left: 48%;}
#loading1 img{position:absolute; top:50%;}
#loading2{position:absolute; z-index:500; width:48px; height:1050px; margin-left: 48%;}
#loading2 img{position:absolute; top:50%;}

/* Media Query */
@media screen and (max-width:1560px) {
	#res_con{max-width:1050px;margin:0 auto;}
}
@media screen and (max-width:1366px) {
	#res_con{max-width:1050px;margin:0 auto;}
}
@media screen and (max-width:1280px) {
	#res_con{max-width:700px;margin:0 auto;}
}
@media screen and (max-width:1049px) {
	#res_con{max-width:700px;margin:0 auto;}
}
@media screen and (max-width:760px) {
	#res_con{max-width:350px;margin:0 auto;}
}
@media screen and (max-width:685px) {
	#res_con{max-width:350px;margin:0 auto;}
}