﻿@charset "utf-8";
/* location */
.locationWrap {overflow:hidden;height:46px;}
.location {list-style:none;height:20px;padding-top:10px;float:right;}
.location li {float:left; background:url(/resources/images/oldimages/common/location-arrow.gif) left 3px no-repeat; padding:0 6px 0 10px; font-size:11px; line-height:13px; color:#555;}
.location li.home {background:none; padding:0 6px 0 0;}
.location li a {color:#999;}

.contentsBG1 {background:url("/resources/images/oldimages/common/cont-topBg1.gif") no-repeat right 46px;}
.contentsBG2 {background:url("/resources/images/oldimages/common/cont-topBg2.jpg") no-repeat right 46px;}
.camEpBG {background:url("/resources/images/oldimages/campaign/tit_campEpilogue_img.jpg") no-repeat right 46px;}
.camRunBG {background:url("/resources/images/oldimages/campaign/tit_camRunningList_img.jpg") no-repeat right 46px;}
.camFinBG {background:url("/resources/images/oldimages/campaign/camFinBg.gif") no-repeat right 46px;}

/* popup */
.popWrapper {height:100%;background:#02B551;width:100%;min-width:556px;}
.popWrap {min-width:556px; line-height:16px;}
.popWrap .popTit {overflow:hidden; height:43px; padding:0 33px; background-color:#02b551;}
.popWrap .popTit h1 {float:left; margin-top:13px;}
.popWrap .popTit span {float:right; margin-top:15px;}


/* box */
.box01 {background:#F9F8F4 url("/resources/images/oldimages/common/box01-btrt.gif") right bottom no-repeat;}
.box01Wrap {background:url("/resources/images/oldimages/common/box01-tplt.gif") left top no-repeat; position:relative; width:100%;}
.box01Inner {background:url("/resources/images/oldimages/common/box01-tprt.gif") right top no-repeat; padding:5px 10px 9px;}
.box01BtmLt {background:url("/resources/images/oldimages/common/box01-btlt.gif") left bottom no-repeat; width:10px; height:18px; position:absolute; left:0; bottom:0;}

.box01-1 {background:url("/resources/images/oldimages/common/pop-boxBR.gif") no-repeat right bottom;}
.box01-1Wrap {position:relative; width:100%; background:url("/resources/images/oldimages/common/pop-boxTL.gif") no-repeat left top;}
.box01-1Inner {padding:25px 31px 35px 32px; background:url("/resources/images/oldimages/common/pop-boxTR.gif") no-repeat right top;}
.box01-1BtmLt {background:url("/resources/images/oldimages/common/pop-boxBL.gif") no-repeat left bottom; width:18px; height:18px; position:absolute; left:0; bottom:0;}

.box02 {background:url("/resources/images/oldimages/common/pop-contBoxBR.gif") no-repeat right bottom;}
.box02Wrap {position:relative; width:100%; background:url("/resources/images/oldimages/common/pop-contBoxTL.gif") no-repeat left top;}
.box02Inner {padding:25px; background:url("/resources/images/oldimages/common/pop-contBoxTR.gif") no-repeat right top; color:#888;}
.box02BtmLt {background:url("/resources/images/oldimages/common/pop-contBoxBL.gif") no-repeat left bottom; width:10px; height:10px; position:absolute; left:0; bottom:0;}

.box02Inner label {display:inline-block;}
.box02Inner img, .box02Inner input {vertical-align:middle;}
.box02Inner .loginBtn {position:absolute; right:0; top:0;}
.box02Inner .loginBtn2 {position:absolute; right:0; bottom:0;}
.box02Inner .loginBtn3 {position:absolute; right:0; top:50%; margin-top:-25px;}

.sTitBlt {background:url(/resources/images/oldimages/common/blt03.gif) no-repeat left center;padding-left:13px;}
.snsWrap {overflow:hidden;border-top:1px solid #e3e3e3;padding:20px 13px 15px;}
.snsWrap .snsList {overflow:hidden;float:left;margin-right:15px;}
.snsWrap .snsList li {float:left;margin-right:4px;}

/*국내사업 > 참여게시판*/
.searchArea {overflow:hidden;font-size:11px;color:#969696; padding-bottom:10px; margin-bottom:20px; border-bottom: 1px dashed #C0C0C0}
.searchArea .searchTxt {vertical-align:top;}
.searchArea label {display:none;}
.pwInput dl {overflow:hidden;width:370px;margin:0 auto;}
.pwInput dt, .pwInput dd {float:left;}
.pwInput dt {margin-right:8px;}
.pwInput dt img {display:inline-block;margin-top:2px;}

/* 캠페인 후기>리스트 */
.camp_btmBd{clear:both;border-bottom:solid 2px #15a364; margin-bottom:20px;}
.colChange{border-color:#e3e3e3;}
.camp_listSection{margin:24px 0 0 0;display:inline-block;}
.camp_firstList{float:left;margin:0 0 10px 14px;display:inline;}
.camp_firstList, .camp_secList{background-image:url(/resources/images/oldimages/campaign/camp_Listbg.gif); width:344px;height:214px;position:relative;}
.camp_firstList dt, .camp_secList dt{padding-left:2px;height:120px;}
.camp_secList{float:left;margin-left:19px;display:inline;}
.camp_goBtn{position:absolute;right:2px;bottom:5px;height:26px;}
.camp_listTit{font:16px/1.5 Dotum, "돋움", sans-serif;font-weight:bold;color:#fff;width:300px;height:48px;letter-spacing:-1px;word-spacing:-1px;padding:12px 0 0 20px;overflow:hidden;}
.camp_listDate{color:#a9e2ce;padding:2px 0 0 20px;}
img.campList{width:340px;height:120px;}

/*캠페인 후기 > 보기*/
.campSns_area{padding:20px 0 20px 0;display:inline-block;border-top:solid 1px #e3e3e3;width:730px;}
.campSns_list{margin-left:11px;}
.campSns_list li{display:inline;float:left;margin-left:3px;}
.campSns_txt{margin-left:12px !important;}

/* 지난 캠페인 보기 */
.section-camp-support{padding-bottom:25px; background:url("/resources/images/oldimages/campaign/bg-dotted.gif") repeat-x left bottom;}
/*.section-camp-support .date{width:168px; padding:6px 9px; background:url("/resources/images/oldimages/campaign/day_bg.gif") no-repeat; color:#fff; text-align:right; margin-bottom:20px;}*/
.section-camp-support .date{width:191px; padding:6px 0px; background:url("/resources/images/oldimages/campaign/day_bg.gif") no-repeat; color:#fff; text-align:center; margin-bottom:20px;}
.section-camp-support p span {margin-left: 15px;}
.section-camp-support .area-camp-printView{position:relative;}
/*.section-camp-support .area-camp-printView a{position:absolute; left:557px; top:162px;}*/
.section-camp-support .area-play-camp{position:absolute; left:54px; top:742px; width:326px; height:184px; background-color:red;}
.section-camp-support .btn-support{margin-top:24px; text-align:center;}
.section-btns{overflow:hidden; width:100%; padding:10px 0;}
.section-btns a, .section-btns a:hover{color:#888;}
.section-btns span{display:inline-block; float:left;}
.section-btns .bg-right{height:20px; padding:2px 12px 0 9px; background:url("/resources/images/oldimages/campaign/bg-right.gif") no-repeat top right;}
.section-insert{overflow:hidden; padding:23px 0 23px 36px; background:#f9f9f9; border:1px solid #dadada;}
.section-insert input, .section-insert textarea{border:1px solid #dadada;}
.section-insert input{width:115px; height:18px;}
.section-insert textarea{width:449px; height:48px; overflow-x:hidden; overflow-y:auto;}
.section-insert .area-meToo{float:left; width:88px; margin-right:25px;}
.section-insert .area-meToo img{margin-top:10px;}
.section-insert .area-inp-insert{float:left; position:relative; width:550px;}
.area-inp-insert .countNum{position:absolute; top:5px; left:458px;}
.tbl-campList{border-bottom:2px solid #e3e3e3;}
.tbl-campList td{padding:10px 0; border-bottom:1px solid #e3e3e3;}
.tbl-campList .txt{padding-left:20px;}
.tbl-campList .btn{padding-left:15px;}
.popPrintWaperH {height:497px;}
.popPrintInner {overflow-y:auto;height:450px;}
	

/* 친구에게 추천하기 팝업 */
.recom-friend {width:100%; border-top:3px solid #02b57e; }
.recom-friend table{border-bottom:3px solid #edeef0;}
.recom-friend td{padding:10px 0; padding-left:8px; border-bottom:1px solid #edeef0;}
.recom-friend .subjec{padding-left:18px; font-weight:bold; color:#666; border-right:1px solid #eddef0; background-color:#f5f5f5;}
.recom-friend  span{color:#e63600;}
.recom-friend input, .recom-friend select, .recom-friend textarea{border:1px solid #ccc; vertical-align:middle;}
.recom-friend textarea{width:380px; height:150px; overflow-x:hidden; overflow-y:auto;}


/*siteMap*/
#CommContainer h1 {text-align:center;margin:50px 0;}
.CommInner {overflow:hidden;}
.siteMapWrapper {background:url("/resources/images/oldimages/global/siteMap-bg.jpg") no-repeat left 261px;padding-bottom:40px;}
.CommInner .siteMapWrap {float:left;margin-left:20px;width:180px;}
.CommInner .siteMapWrap.first {margin-left:0;}
.CommInner .siteMapWrap h2 {border-bottom:1px solid #EBEBEB;padding-bottom:11px;margin-bottom:12px;}
.CommInner .siteMapWrap li {font-weight:bold;color:#01AC6A;background:url("/resources/images/oldimages/global/sitemap-blt.gif") no-repeat left 4px;padding:0 0 25px 8px;font-size:12px;line-height:12px;}
.CommInner .siteMapWrap li a {color:#01AC6A;}
.CommInner .siteMapWrap li a:hover {color:#EF8303;}
.CommInner .siteMapWrap .subList {}
.CommInner .siteMapWrap .subList li {font-weight:normal;color:#888;background:none;padding:0 0 9px 0;font-size:12px;line-height:12px;}
.CommInner .siteMapWrap .subList li a {color:#888;}
.CommInner .siteMapWrap .subList li a:hover {color:#EF8303;}
.CommInner .siteMapWrap .subList li.first {padding-top:9px;}

/*errorSystem*/
.errorSy {background:url(/resources/images/oldimages/global/errorS-img.gif) no-repeat 112px 0; padding-left:279px; color:#888;position:relative;border-bottom:1px solid #EDEEF0;margin-bottom:20px;padding-bottom:30px;}
.errorSy .btnInquiry {position:absolute;top:93px;right:150px;}
.errorSy .btnInquiry2 {position:absolute;top:93px;right:90px;}

/*캠페인 라이브리*/
.beforeRepply {border:1px solid #d2d2d2;background:#f6f6f6;width:728px;padding:12px 0;text-align:center;margin:15px auto 0;}
.beforeRepply span {cursor:pointer;}
#commentDiv {display:none;}

/*이벤트 참여 댓글*/
.eventParticipantRepply {border:1px solid #d2d2d2;background:#f6f6f6;width:728px;padding:12px 0;text-align:center;margin:15px auto 0;}
.eventParticipantRepply span {cursor:pointer;}

/*제휴컨텐츠*/
#chosun365 {width:700px;}

.listA {display:block; padding:14px 20px 10px 0px; cursor:pointer;}
.listA .thumImg {float:left; width:150px; height:82px; padding:0 1px 4px; background:url("/resources/images/oldimages/support/img-thumBg.gif") no-repeat left top;}
.listA .thumImg img {width:150px; height:82px;}
.listA .content {float:left; width:500px; margin:10px 0 0 20px;}
.listA .content strong, .listA .content strong {display:block; width:500px;}
.listA:hover .content strong, .listA:hover .content span {color:#3a9000 !important;}

/*캠페인 게시판*/
.listA .content2 {float:left; width:450px; margin:10px 0 0 20px; text-align: left;}
.listA .content2 strong, .listA .content2 strong {display:block; width:450px; text-align: left; }
.listA .content2 span {line-height:20px;}
.photoList {padding-top:30px; border-top:2px solid #15A364; border-bottom:2px solid #e3e3e3;}
.photoList ul li, .toonList ul li {float:left; width:140px; padding:0 11px 25px 11px;}
.photoList ul li a, .toonList ul li a {display:block; width:140px; padding:6px 0px 0; }
.photoList ul li span, .toonList ul li span {display:block;}


/* layout style */

#counting_new {
	border:1px solid #ddd;
	width:726px;
	padding:0px 0;
	margin-bottom:20px;
	margin-top:10px;
}
#counting_new div.count_new {
	width:720px;
	margin:0 auto;
}
#counting_new div.count_new p.left {
	text-align:left;
}
#counting_new div.count_new p.right {
	text-align:right;
}
#counting_new div.count_new div.number_new {
	width:100%;
	margin:15px 0;
	text-align:center;
}
#counting_new div.count_new div.number_new img {
	vertical-align:bottom;
}




/* 20121025 추가 css*/

.hubMainETC_new {margin-top: 50px;}


/* 진행중인 캠페인*/
.bannerwrap {margin-top: -6px; min-width: 980px; position: relative; text-align: center; width: 100%; z-index: 10; margin-bottom: 60px;}
.slides{position:relative; width:900px; margin: 0 40px 0 40px;}
.slides .slide{position:relative; margin:auto; overflow:hidden; width:900px; height:416px; padding: 0;}
.slides .slide li{float:left; display:block; width:900px; height:416px; }
.slides .slide li div{float:left; width:282px; height:416px; background: url("/resources/images/oldimages/campaign/border_out.jpg") no-repeat; margin: 0 9px 0 9px; padding: 10px 0 10px 0;}
.slides .slide li div:hover{background: url("/resources/images/oldimages/campaign/border_over.jpg") no-repeat;}
.slides .slide li a{display:block}
.slides  a.mainPrev{display:inline-block; z-index:100; overflow:hidden; position:absolute; top:160px; left:-40px; width:36px; height:58px; background:url(/resources/images/oldimages/campaign/btn_banner_left.gif) no-repeat; line-height:999px; vertical-align:top}
.slides  a.mainNext{display:inline-block; z-index:100; overflow:hidden; position:absolute; top:160px; right:-40px; width:36px; height:58px; background:url(/resources/images/oldimages/campaign/btn_banner_right.gif) no-repeat; line-height:999px; vertical-align:top}
.slides .page{width: 100%; margin:5px 0; left: 0; list-style: none outside none; position: absolute; text-align: center; top: 420px; z-index: 999;}
.slides .page li{display: inline;}
.slides .page img{margin: 0 15px;}


#tabmenu {overflow: hidden; width: 980px; margin-top: 20px;}
.tab_con {background: url("/resources/images/oldimages/campaign/tabLine.png") no-repeat scroll left 35px transparent; width: 100%;}
.tab_con ul {height: 50px; left: 15px;position: relative;}
.tab_con ul li {display: inline; float: left;}
.tab_con li img {margin-left: -12px; vertical-align: top;}
#tab_list {margin-left: 7px; width: 973px;}
.overbg {background: url("/resources/images/oldimages/campaign/list_box.gif") no-repeat scroll 0 0 transparent; display: block; height: 170px; margin-top: 20px; border-bottom: 1px dashed #C6C6C6;}
.overbg:hover {background: url("/resources/images/oldimages/campaign/list_box_ov.gif") no-repeat scroll 0 0 transparent;}
.overbg p.list_l {background: url("/resources/images/oldimages/campaign/boxLine.gif") no-repeat scroll right 10px transparent; padding: 15px 20px; top:30px; height: 120px; float:left;}
.overbg p.list_r {background: url("/resources/images/oldimages/campaign/boxNext.gif") no-repeat scroll right 60px transparent;width: 500px; top:30px; padding:30px; height: 90px; float:left;}
.overbg p.list_r img {margin: 0 20px;}
.overbg p.list_r span.list_r_title {font-size: 16px; font-weight: bold; word-spacing: -1px;}
.overbg p.list_r span.list_r_date {font-weight: bold; margin-left: 80px;}
.overbg p.list_r span.list_r_title:hover {color: #02b57e; font-size: 16px; font-weight: bold; word-spacing: -1px;}


/* 이전글 다음글 보기 */
#board_prevnext {background: url("/resources/images/oldimages/campaign/boxrLine.gif") no-repeat scroll 350px center transparent; border-bottom: 1px solid #e3e3e3; width: 730px; height: 210px;}
.boardlist_prevnext:after {clear: both; content: ""; display: block;}
.page_prev {background: url("/resources/images/oldimages/board/arrowDown.gif") no-repeat 20px 7px transparent; float: left; padding: 0 20px 20px; width: 320px;}
.page_next {background: url("/resources/images/oldimages/board/arrowUp.gif") no-repeat 20px 7px transparent; float: right; padding: 0 20px 20px; width: 320px;} 
#board_prevnext img {margin-top: 10px; vertical-align:middle; }
#board_prevnext span{width: 270px; padding-left: 10px;}


/* 문자, 나눔 리스트 */
#view_support {background: url("/resources/images/oldimages/campaign/view_supBG.gif") no-repeat scroll left top transparent; width: 730px; height: 200px; margin-top:15px;}
#view_support:after {clear: both; content: ""; display: block;}
#view_support dt {margin: 10px 0; height: 30px; border-bottom: 1px dashed #C0C0C0; }
.view_sns {float: left; padding: 0 20px 20px; width: 320px;}
.view_sns dl dt span{padding-left: 30px;}
.view_sns dd {background: url("/resources/images/oldimages/campaign/view_icon01.gif") no-repeat scroll left 3px transparent; width: 250px; padding-left: 15px; margin-left:30px;}
#view_support .snsArea {overflow-y: hidden; height: 70px; position: absolute;}
#view_support .snsArea dl {position: relative;}
.view_nanum {float: right; padding: 0 20px 20px; width: 320px;}
.view_nanum dl dt span{padding-left: 15px;}
.view_nanum dd {background: url("/resources/images/oldimages/campaign/view_icon02.gif") no-repeat scroll left 3px transparent; width: 250px; padding-left: 15px; margin-left:30px;}
#view_support .nanumArea {overflow-y: hidden; height: 70px; position: absolute;}
#view_support .nanumArea dl {position: relative;}

/* 캠페인 후기 */
#camEpilogu {width: 980px; margin-top: 50px;}
#camEpilogue:after {clear: both; content: ""; display: block;}
.camEpilogue_l {float: left; height: 450px; position: relative; width: 650px;}
.camEpilogue_l p {display: block;}
.camEpilogue_r {float: right; height: 450px; width: 330px;}
.camEpilogue_r:after { clear: both; content: ""; display: block;}
.camEpilogue_photo {height: 100px; margin: 16px auto 28px; position: relative; width: 330px; border-bottom: 1px dashed #C0C0C0}
.camEpilogue_photo p {float: left; width: 150px;}
.camEpilogue_photo p a img {border: 1px solid #DDDDDD;}
/*.camEpilogue_photo dl {width: 330px;}*/
.camEpilogue_photo dt {margin-bottom: 8px;}




