/*--------sub Contents Area--------*/
.subContents .Contents {}
.subContents .Contents .ctop { position:relative}
.subContents .Contents .ctop .ListWriteBtn { text-align:right; margin-bottom:10px; position:absolute; top:0px; right:0px}
.subContents .Contents h3 { margin-bottom:10px}
.subContents .Contents .navi { float:right; font-size:11px; color:#999; padding-top:17px}

/*-sub EzoneCalendar-*/
.Contents .EzoneCalendarMem .coment { background:url(/Images/sub/EzoneCalendarGoal_bg.gif) no-repeat top left; min-height:170px; _min-height:170px; color:#000; font-size:16px; font-weight:bold; line-height:28px}
.Contents .EzoneCalendarMem .coment .percent{ text-align:center;width:180px}
.Contents .EzoneCalendarMem .coment .percent span { font-size:25px; color:#fcff00; font-family:Arial; font-weight:normal}
.Contents .EzoneCalendarMem .coment .percent div {color:#fcff00; font-family:Tahoma; font-weight:bold; font-size:30px;  margin-top:105px}
.Contents .EzoneCalendarMem .coment .percent p { color:#f70163; font-family:dotum; font-size:11px; font-weight:normal; margin-top:30px}
.Contents .EzoneCalendarMem .coment .con {}
.Contents .EzoneCalendarMem .coment .con .goalTxt { margin-top:30px; padding-left:55px; background:url(/Images/Sub/EzoneCalendar_goal.gif) no-repeat 5px 5px}
.Contents .EzoneCalendarMem .coment .con .goalTxt span{ color:#f70163}
.Contents .EzoneCalendarMem .coment .con .graph { margin-top:10px; position:relative; height:10px; font-size:11px; background-color:#e2e2e2; margin-bottom:20px; color:#997cff; font-weight:bold}
.Contents .EzoneCalendarMem .coment .con .graph span { font-weight:normal; color:#a0a0a}
.Contents .EzoneCalendarMem .coment .con .graph span.left{ position:absolute; left:0; top:10px; font-size:11px}
.Contents .EzoneCalendarMem .coment .con .graph span.right{position:absolute; right:0; top:10px; font-size:11px}
.Contents .EzoneCalendarMem .coment .con .Method { font-size:12px; color:#5e5e5e; padding-left:55px; background:url(/Images/Sub/EzoneCalendar_method.gif) no-repeat 5px 5px; margin-top:40px; width:450px; margin-bottom:20px}


.Contents .EzoneCalendarMem .calendar{background:url(/Images/sub/EzoneCalendar_bg_body.gif) left top repeat-y}
.Contents .EzoneCalendarMem .calendar .SCalendar{background:url(/Images/sub/EzoneCalendar_bg_top.gif) left top no-repeat;  text-align:center; padding:70px 29px 50px 29px}
.Contents .EzoneCalendarMem .calendar .SCalendar table{ width:100%}
.Contents .EzoneCalendarMem .calendar .SCalendar table td{width:13%; vertical-align:top; border-bottom:1px #e9e9e9 solid; padding:12px 0 10px 0}
.Contents .EzoneCalendarMem .calendar .SCalendar table td.bot{border-bottom:none}
.Contents .EzoneCalendarMem .calendar .SCalendar table td.left{padding-left:30px; width:17%}
.Contents .EzoneCalendarMem .calendar .SCalendar table td.right{padding-right:30px; width:18%}
.Contents .EzoneCalendarMem .calendar .BCalendar{background:url(/Images/sub/EzoneCalendar_bg_bottom.gif) left bottom no-repeat; height:115px}
.Contents .EzoneCalendar { margin-top:10px }


/*-popup 힐링뮤직-*/
.HMusicBg {background:none; background-color:#f8f8f8}
.HMusicpopup {width:412px; padding:8px}
.HMusicplay {background:url(/Images/Sub/HealingMusic_playBg.jpg) no-repeat; width:412; height:83px; position:relative}
.HMusicwave {position:absolute; left:18px; top:20px}
.HMusicplaytitle {position:absolute; font-size:16px; color:#FFF; left: 61px; top: 29px; width: 323px; height: 21px;font-weight:bold}
.HMusicplaysound { position:absolute; left: 330px; width: 74px; top: 44px;height: 22px}
.HMusictitle dl{margin-top:14px}
.HMusictitle dd {margin-bottom:4px; margin-left:5px; padding-left:5px;  background:url(/Images/Sub/icon_01.gif) no-repeat 0 3px}
.HMusictitle dd a {font-family:"돋움",dotum,sans-serif;font-size:12px;color:#2f2f2f}
.HMusictitle dd span {font-family:"돋움",dotum,sans-serif;font-size:12px;color:#7851ff; font-weight:bold}
.HMusichealing { background:url(/Images/Sub/HealingMusic_healingBg.jpg) no-repeat; width:372; height:56px; padding:23px 20px; font-family:"바탕체",dotum ;font-size:14px; line-height:23px; font-weight:bold; color:#525353;letter-spacing:-1px}

/*-Layerpopup-*/
.popupLayer{ background:#f3feff; border:5px solid #00c2ce; position:relative}
.popupLayer .popupLayerCon { padding:30px 20px 0px 30px; font-size:16px; color:#000; line-height:30px; font-weight:bold; }
.popupLayer .popupLayerCon .Con01{ background:url(/Images/sub/EzonePopupBG01.gif) no-repeat bottom right; padding:0 0 70px 0}
.popupLayer .popupLayerCon .Con02{ background:url(/Images/sub/EzonePopupBG02.gif) no-repeat bottom right; padding:0 0 70px 0}
.popupLayer .popupLayerCon .Con03{ background:url(/Images/sub/EzonePopupBG03.gif) no-repeat bottom right; padding:5px 0 70px 0}
.popupLayer .popupLayerCon .Conoverlap{ background:url(/Images/sub/MemPopupBG_overlap.gif) no-repeat bottom center; padding:5px 0 100px 0}
.popupLayer .popupLayerCon .ConoverlapR{ background:url(/Images/sub/MemPopupBG_overlap.gif) no-repeat bottom right; padding:5px 0 30px 0}
.popupLayer .popupLayerCon .purpletext {color:#b119ff; line-height:26px}
.popupLayer .popupLayerCon .ConBWoverlap{ background:url(/Images/sub/MemPopupBG_Bwoverlap.gif) no-repeat bottom right; padding:5px 0 30px 0}
.popupLayer .popupLayerCon .OnlineCourse{ background:url(/Images/sub/OnlineCourse_Pop.gif) no-repeat top right;  margin:-30px -20px 0 -30px; padding-top:100px}
.popupLayer .popupLayerCon .ConMemGuide{ background:url(/Images/sub/MemPopupBG_membershipGuide.gif) no-repeat top left; margin:-30px -50px 0 -30px; padding-bottom:70px}
.popupLayer .popupLayerCon .ConMemGuide .name { font-size:14px; padding:110px 0 0 60px}
.popupLayer .popupLayerCon .ConMemGuide .con { font-size:12px; font-weight:normal; line-height:20px;  padding:10px 0 0 60px}
.popupLayer .popupLayerCon .btn{ margin-top:10px}
.popupLayer .popupLayerCon .bgID {background:url(/Images/sub/input_bgID.gif) no-repeat top left; padding-bottom:2px}
.popupLayer .popupLayerCon .bgPW {background:url(/Images/sub/input_bgPW.gif) no-repeat top left; padding-bottom:2px}
.popupLayer .popupLayerCon .IDPW { font-size:11px; color:#c7c7c7; font-weight:normal}
.popupLayer .popupLayerCon .IDPW a { font-size:12px; font-weight:bold; color:#c000ff}
.popupLayer .popupLayerCon .bgloginNotice {background:url(/Images/sub/MemPopupBG_iconNotice.gif) no-repeat top left; margin-top:20px; padding-left:25px; font-size:12px; line-height:18px; font-weight:normal; color:#838383}
.popupLayer .popupLayerClose { background:#00c2ce; padding:5px; text-align:center; position:absolute; bottom:-1px; left:0; width:98%}
.popupLayer .popupLayerCon1  { padding:30px 40px 0px 40px; font-size:16px; color:#000; line-height:30px; font-weight:bold; }
.popupLayer .popupLayerCon1 .Htime{ background:url(/Images/sub/MemPopupBG_overlap.gif) no-repeat bottom right; padding:5px 0 53px 0; }
.popupLayer .popupLayerCon1 .Htime .timg {background:url(/Images/Sub/HealingTimeTimg.jpg) no-repeat 0 0px; padding-left:70px; padding-top:15px; height:45px; color:#b119ff; margin-bottom:24px}
.popupLayer .popupLayerCon1 .Htime .stext{ font-size:12px; color:#4e4e4e; letter-spacing:-1px}
.popupLayer .popupLayerCon2  { padding:30px 30px 0px 30px; font-size:16px; color:#000; line-height:30px; font-weight:bold; }


/*-Layerpopup-  힐링레터신청팝업 */
.popupLayer .popupLayeretter { padding:30px 20px 0px 30px; background:url(/Images/sub/HealingLetter_ListPOpBg.gif) no-repeat bottom right; height:250px}
.popupLayer .popupLayeretter .Mail {font-size:16px; color:#000; line-height:30px; font-weight:bold}
.popupLayer .popupLayeretter .Mail span {color:#ff00e4; text-decoration:underline} 

/*-Layerpopup-  나눔전환하기 */
.popupLayer .popupLayerCon .namebox { width:446px; border:1px solid #d7d7d7; padding:1px}
.popupLayer .popupLayerCon .namebox .nametxtbox { width:426px; border:1px soild #fff; padding:10px; line-height:18px; text-align:left; font-size:12px; font-weight:normal; background-color:#f4f4f4}
.popupLayer .popupLayerCon textarea { width:426px; color:#000000; background-color:#f8f8f8; border:2px #dbdcdc solid; text-align:left; padding:10px; font-size:12px; line-height:20px}



.popupLayerEZone { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/sub/EzoneTitResult_BG.png',sizingMethod='crop')}
.popupLayerEZone .celebration{ position:relative; padding:55px 80px 0 60px; color:#ffffff; font-size:12px; text-align:center; font-weight:bold; line-height:20px}
.popupLayerEZone .celebration h4 { margin-bottom:30px}
.popupLayerEZone .celebration p.box{ position:absolute; top:400px; left:0; _left:-80px; text-align:center; color:#000; font-size:14px}
.popupLayerEZone .popupLayerClose { position:absolute; top:475px; left:260px}

.popupLayer2{ border:5px solid #00c2ce; position:relative}
.popupLayer2 .popupLayerClose2 {background:#00c2ce;padding:5px;text-align: right;position:absolute;top:0;left:-3px;width:99%}


/*-Layerpopup-  힐링타임시간설정 */
.THtime{ text-align:center;  background:#ffffff}
.THtime th{ background-color:#f9f9f9; border-bottom:1px #c9c9c9 solid; border-top:2px #9a9a9a solid; border-right:1px #e2e0e0 solid; font-size:12px; color:#000;  padding:0 0}
.THtime th.no { border-right:none}
.THtime td{ border-bottom:1px #e2e0e0 solid; border-right:1px #e2e0e0 solid; padding:0px 25px; text-align:left; color:#202021; font-size:12px}
.THtime td.no {border-right:none}


/* 힐링타임분류 */
.THtimeSort { width:656px; height:48px; background:url(/Images/Sub/HealingTime_sortBg.gif) no-repeat bottom ; padding:20px 27px ; line-height:25px}
.THtimeSort .line { color:#c4c4c4; margin-left:15px; margin-right:15px}

.THtimelist  { margin-bottom:20px}
.THtimelist  th { background-color:#f8f8f8; border-top:solid 3px #585857; border-bottom:solid 1px #e0e0e0; padding:13px; color:#30004c; text-align:left; font-size:14px}
.THtimelist  td { font-size:12px; color:#0e0e0e; padding:15px 20px; border-bottom:1px solid #d9d9d9; height:35px; background:url(/Images/Sub/HealingTime_sortBg2.gif) repeat }


/*popup*/
.popWrap{padding:10px}
.popWrap.type02 {padding:0} /*2017-04-14 서비스해지요청 팝업 style 수정 */
.popWrap input {border-top:solid 1px #808080; border-right:solid 1px #d4d0c8; border-left:solid 1px #808080; border-bottom:solid 1px #d4d0c8; font-size:12px; font-family:dotum; background-color:#fff}
.popWrapBG{padding:15px; background-color:#fff; border:1px solid #e1e1eb}
.popWrap .popPointtxt { color:#cc00ff}
.popWrap .popPointtxtN { color:#cc00ff; letter-spacing:-1px}
.popTit {background:#555; height:60px; font-size:16px; font-weight:bold; color:#fff; position:relative}
.popTit h3 { padding:20px 0 0 20px; letter-spacing:-1px}
.popTit img { position:absolute; top:20px; right:20px}
.popList01 th { background-color:#f1f1f1; font-size:12px; color:#030303; font-weight:bold; padding:7px}
.popList01 td { border-bottom:1px solid #f0f0f0; padding:5px 5px 5px 13px}
.popList01 .name a { font-weight:bold; color:#7a46dc}
.popList01 .name a:hover { background-color:#fffd41; padding:2px}

.popList02 th { background-color:#f1f1f1; font-size:12px; color:#636063; border-bottom:1px solid #dfdfdf; font-weight:bold; padding:7px}
.popList02 td { border-bottom:1px solid #dfdfdf; padding:5px 5px 5px 13px; letter-spacing:0px}

.postSearch { width:520px; height:240px; overflow-y:auto; padding:6px; border:1px solid #e3e3e3}
.postSearch ul { margin-top:5px}
.postSearch li { border-bottom:1px solid #f0f0f0; padding:7px}
.postSearch li a:hover { color:#dd3400; font-weight:bold}

.scrollBox { overflow-y:auto; border:1px solid #e3e3e3}
.scrollBox ul { margin-top:5px}
.scrollBox li { border-bottom:1px solid #f0f0f0; padding:7px}
.scrollBox li a:hover { color:#dd3400; font-weight:bold}
.scrollBox .scrollTit {background:#f1f1f1; font-weight:bold; padding:5px 0 5px 10px}

.popRecommendList th { background-color:#8eafbf; font-size:11px; color:#fff; font-weight:bold; padding:4px}
.popRecommendList td { border-bottom:1px solid #f0f0f0; padding:5px; text-align:center}
.popRecommendList td input { border:none}

.RecommendList th { background-color:#9ab0dc; font-size:11px; color:#fff; font-weight:bold; padding:4px}
.RecommendList td { border-bottom:1px solid #f0f0f0; padding:5px; text-align:center}

.popCommentBG { background:#f2e8ff;  text-align:center; padding:20px 0}

.popmovieView {width:745px; height:580px; background:url(/images/Sub/pop_movieBg.gif) no-repeat top left; position:relative}
.popmovieView .movie { position:absolute; top:20px; left:17px}
.popmovieView .btnClose { position:absolute; bottom:25px; left:320px}

/*popup_style02*/
.popupGrayWrap { border:1px solid #8b99a9}
.popupGrayWrap .topline {border-top:1px solid #fff}
.popupGrayWrap .popPointtxt { color:#cc00ff; letter-spacing:0px}
.popupGrayTit { position:relative}
.popupGrayTit h3 { padding:10px; font-size:14px; font-weight:bold; letter-spacing:-1px}
.popupGrayTit img { position:absolute; top:10px; right:10px}
.popupGrayTit .btn_cls {display:block; position:absolute; top:10px; right:10px; width:20px; height:20px; background:url(/images/Sub/btn_popup_close2.gif) no-repeat 0 0; font-size:0}
.popupGrayP { padding:0 7px 7px 7px}
.popupGrayWrapBG { border:1px solid #c1cad4; background:#fff; padding:25px 20px; color:#666; letter-spacing:-1px}
.popupGrayWrapBG2 { border:1px solid #c1cad4; background:#fff; padding:25px 30px; color:#666; letter-spacing:-1px}
.popupGrayWrapBG3 { border:1px solid #c1cad4; background:#fff; padding:25px 25px; color:#666; }

/* 2016-09-29 팝업 스타일 수정 */
.popupNewWrap {width:380px;position: absolute;top: 0px;left: 50%;margin-left: -190px;background: #fff;z-index: 10000}
.popupNewTit {height:50px;background:#36405b;position:relative}
.popupNewTit h3 {line-height:50px;color:#fff;font-size:15px;font-weight:600;text-indent:25px}
.popupNewTit .btn_cls {display:block; position:absolute; top:15px; right:20px; width:20px; height:20px;font-size:0}
.popupNewTit .btn_cls img {width:20px; height:20px}
.popupNewP {background:#f8f8f8}
.popupNewWrapBG {background:#fff; padding:25px 20px; color:#666; letter-spacing:-1px}
.popNewBtn {display:inline-block;margin:0 3px;padding:0 15px;text-align:center;line-height:30px;font-size:13px;background:#d86b6b;color:#fff}
.popNewBtn2 {display:inline-block;margin:0 3px;padding:0 15px;text-align:center;line-height:30px;font-size:13px;background:#f1f1f1;border:1px solid #d5d5d5;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

/*프로그램 전체보기 팝업*/
.programAll { border-left:1px solid #e3e3e3}
.programAll{*zoom:1} 
.programAll:after {content:" "; display:block; clear:both} 
.programAll dl { border:1px solid #e3e3e3; border-left:none; width:178px; float:left; min-height:200px}
.programAll dl dt { background:url(/images/Sub/icon_folder2.gif) no-repeat 20px 8px #f1f1f1; padding-left:35px; padding-top:3px; padding-bottom:3px; font-weight:bold; margin-bottom:20px}
.programAll dl dd { background:url(/images/Sub/icon_bulletRed.gif) no-repeat 25px 7px; padding-left:35px; margin-bottom:5px}


.scrollBox {border:1px solid #d3d3d3; height:80px; overflow:auto; padding:5px 0; color:#be2723; font-size:11px} /*popup_컨텐츠 퍼가기*/
.emailAWrite { border:1px solid #ffcb99; background-color:#fffbb5;font-weight:bold; color:#C03}
.replyBox {background:#fbfbb0; padding:15px 10px; color:#e74c08; font-size:13px} /*popup_응모댓글쓰기*/

.inputBox {background:url(/images/sub/pop_boxBg01.gif) no-repeat top left;  padding:10px 5px 12px 15px; _padding:10px 15px 12px 15px}
.inputBox50 {background:url(/images/sub/pop_boxBg50.gif) no-repeat top left; padding:15px 0 15px 20px}
.inputBox95 {background:url(/images/sub/pop_boxBg95.gif) no-repeat top left;  padding:18px 5px 23px 20px; _padding:18px 15px 23px 20px}
.inputBox548 {background:url(/images/sub/pop_boxBg548.gif) no-repeat top left; padding:20px 0 20px 20px}
.inputBox548N {background:url(/images/sub/pop_boxBg548N.gif) no-repeat top left; padding:20px 0 20px 10px; }
.inputBox655 {background:url(/images/sub/pop_boxBg655.gif) no-repeat top left; padding:20px 0 20px 20px}
.inputBox655 .sorting { font-weight:bold; color:#336fac; text-align:center; margin-bottom:10px}
.inputBox655 .sorting input { border-style:none;  background:none}
.inputBox705s {background:url(/images/sub/boxBg705_85.gif) no-repeat top left;  padding:30px 0 40px 0;  text-align:center; }
.inputBox705s .con { font-size:14px; font-weight:bold}
.inputBox705L {background:url(/images/sub/boxBg705_145.gif) no-repeat top left}
.inputBox705L .con { text-align:center; font-size:14px; font-weight:bold;   padding:40px 0}
.inputBox705C {background:url(/images/sub/boxBg705_130.gif) no-repeat top left}
.inputBox705C .sh { text-align: center; margin-bottom:17px}
.inputBox705C .con { text-align: left; font-size:14px; font-weight:bold;   padding:35px 0}

.inputBox710 {background:url(/images/sub/boxBg710_85.gif) no-repeat top left;  padding:30px 0 40px 0;  text-align:center; }

.inputBox548N2 {background:#f7f7f7; border:1px solid #ddd; height: 150px; padding: 10px 0; overflow-y:scroll; font-size: 12px; }/* 2017-03-16 css 추가 */
.inputBox548N2 p {margin:0 0 0 15px; } /* 2017-03-16 css 추가 */


/*-회원가입-*/
.MemWrap {width:940px; margin-bottom:50px; margin-top:30px}
.MemWraptop {background:url(/Images/Layout/memWrap_top.gif) no-repeat top left; padding:70px 0 0 115px}
.MemWrapbot {background:url(/Images/Layout/memWrap_bot.gif) no-repeat top left; width:940px; height:70px}
.MemWrapAgeCheck {background:url(/Images/Sub/Mem_AgeCheck.jpg) no-repeat top left; padding:680px 0 20px 115px}
.MemWrapAgeCheck2 {background:url(/Images/Sub/Mem_AgeCheck2.jpg) no-repeat top left; padding:345px 0 20px 115px}
.MemWrapAgeCheck3 {background:url(/Images/Sub/Mem_AgeCheck3Bg.jpg) no-repeat top left; padding:59px 0 20px 115px; }
.MemWrap .MemCon { width:705px}
.MemWrap .MemCon .titArea { width:705px; height:20px; background:url(/Images/sub/Mem_titLineBg.gif) no-repeat bottom left; padding-bottom:5px; position:relative; margin-bottom:40px}
.MemWrap .MemCon .titArea .order { position:absolute; right:0; top:3px; font-size:11px; color:#979797}
.MemWrap .MemCon .titArea .order strong { color:#9a7dee}
.MemWrap .MemCon .titArea .order span { color:#cecece}
.MemWrap .MemCon .titArea2 { width:705px; height:20px; background:url(/Images/sub/Mem_titLineBg2.gif) no-repeat bottom left; padding-bottom:5px; position:relative; margin-bottom:40px}
.MemWrap .MemCon .titAreaM { width:705px; height:20px; background:url(/Images/sub/Mem_titLineBg3.gif) no-repeat bottom left; padding-bottom:5px; position:relative; margin-bottom:40px}
.MemWrap .MemCon .titAreaM .order { position:absolute; right:0; top:3px; font-size:11px; color:#979797}
.MemWrap .MemCon .titAreaM .order strong { color:#9a7dee}
.MemWrap .MemCon .titAreaM .order span { color:#cecece}
.MemWrap .MemCon .memBox { background-color:#f5f5f5; border-top:4px solid #525252; border-bottom:1px solid #c9c9c9; padding:35px; margin-top:20px}
.MemWrap .MemCon .memBox table th { text-align:left; color:#333}
.MemWrap .MemCon .memBox table td { padding:4px}
.MemWrap .MemCon .point { font-size:11px; color:#a632ff; font-weight:bold; letter-spacing:-1px}
.MemWrap .MemCon select { border:2px solid #ccc; height:22px}
.MemWrap .MemCon .commemt02 { background:url(/Images/sub/MemCommentbg2.gif) no-repeat bottom left; width:705px; height:88px}
.MemWrap .MemCon .commemt02 p { font-size:14px; color:#ffff00; padding:20px 0 0 150px; line-height:25px; font-weight:bold}
.MemWrap .MemCon .layerBox01 { border:3px solid #d2d2d2; margin:0 0 30px 0}
.MemWrap .MemCon .layerBox01 .close {  background-color:#d2d2d2; padding:5px 0; text-align:center}
.MemWrap .MemCon .layerBox01 .memberiframe01{width:687px; height:210px; padding-left:10px; overflow-x:hidden}
.MemWrap .MemCon .checkComment {color:#9c00ff; padding-left:10px; font-size:11px; font-weight:bold; padding:3px}
.memBtn { text-align:center; margin-top:15px; position:relative}
.memBtn .comment { background:url(/Images/sub/MemCommentbg.gif) no-repeat bottom left; width:342px; height:235px; position:absolute; bottom:25px; right:-70px}
.memBtn .comment p { font-size:11px; color:#fff; text-align:left; padding:25px 0 0 30px}
.memBtn .comment p a {color:#00f6ff; font-weight:bold}



.LoginContents { width:705px; margin:0 auto}
.LoginContents .loginBox { background:url(/images/sub/MemLoginBg.jpg) no-repeat left top; height:254px; padding:50px 0 0 345px}
.LoginContents .loginBox input { font-weight:bold; padding:5px 5px 3px 10px; vertical-align:middle}
.LoginContents .loginBox input:focus { font-weight:bold; padding:5px 5px 3px 10px;color:#56009f;  vertical-align:middle}
.LoginContents .loginBox td { padding:3px 0}
.LoginContents .loginBox .searchIDPW { font-size:11px; color:#cbcbcb;  padding-top:10px; padding-bottom:20px}
.LoginContents .loginBox .searchIDPW input { display:inline}
.LoginContents .loginBox .searchIDPW a { font-weight:bold; color:#ff576b}
.LoginContents .loginBox .searchIDPW a:hover { font-weight:bold; color:#ff576b; text-decoration:underline}



/*개인회원 아이디 찾기*/
.idinquiry { margin:30px 34px}
.idinquiryBox01 { background:url(/images/sub/idinquiryboxbg01.gif) no-repeat left top; width:405px; height:98px; margin-top:10px; padding: 45px 150px}
.idinquiryBox02 { background:url(/images/sub/idinquiryboxbg02.gif) no-repeat left top; width:405px; height:18px; margin-top:10px; padding: 61px 150px}
.idinquiryBox03 { background:url(/images/sub/idinquiryboxbg03.gif) no-repeat left top; width:705px; height:205px; margin-top:10px}
.idinquiryBox03 input { font-size:11px}
.idinquiryBox04 { position:relative; background:url(/images/sub/idinquiryboxbg04.gif) no-repeat left top; width:505px; height:26px; padding:40px 100px}
.idviw {font-size:24px; font-weight:bold; color:#009cff}
.certification01 { width:133px; padding:70px 20px 37px 20px; float:left; font-size:11px; letter-spacing:-0.1em}
.certification02 { width:134px; padding:70px 20px 37px 20px; float:left; font-size:11px; letter-spacing:-0.1em}
.certification03 { width:138px; padding:70px 20px 37px 20px; float:left; font-size:11px; letter-spacing:-0.1em}
.certification04 { width:140px; padding:70px 20px 37px 20px; float:left; font-size:11px; font-weight:bold}
.bullet04{color:#1f81f0; font-size:12px; position:absolute; right:3px;top:116px; text-decoration:underline}


/*마이페이지*/
.MysecedeCon { padding:20px 0 25px 150px; margin-bottom:40px}
.MysecedeCon p { margin-top:3px; color:#505050}
.InfoAdjustCon { padding:20px 0 25px 30px; margin-bottom:20px; text-align:left}

.MysecedeCon2 {background:#fcfcfc; border:3px solid #e5e5e5; padding:40px 50px 40px 50px}
.MysecedeCon2 h4 { font-size:14px}
.MysecedeCon2 .co_out {border-top:1px solid #e5e5e5; padding-top:40px}
.MysecedeCon2 .co_out .pointd {color:#ef3030}
.MysecedeCon2 .co_out .pointd span {text-decoration:underline}

/*.SignConmment { background:url(/Images/Sub/SignUpBG.jpg) no-repeat right bottom; }*/
.SignConmment span {font-size:12px; color:#696969}
.SignConmment  strong {color:#ff1689}
.Signbox th { background-color:#f4f4f4; border-bottom:1px solid #d4d4d4; padding:10px 20px 10px 20px; font-weight:bold; color:#242424; font-size:11px; text-align:center; letter-spacing:-1px}
.Signbox td { background-color:#fafafa; border-bottom:1px solid #dadada;  padding:10px 0 10px 30px; font-size:12px}
.applicationList {border-top:1px solid #dcbef5; border-bottom:1px solid #dcbef5; padding-top:10px; margin-top:20px}
.applicationList input { color:#6c6a6e; padding:4px; border:1px solid #e1d0f0}
.applicationList select { color:#6c6a6e; padding:4px; border:1px solid #e1d0f0}
.applicationList li { padding:5px 20px}
.applicationList li .num { width:50px; font-weight:bold; color:#8002f6; float:left}
.applicationList li.write input { color:#4b1965; padding:4px; border:1px solid #d9cae1; background-color:#f5e1ff; font-weight:bold}
.applicationList li.write input.spurplePlus2 { color:#fff; border:none; text-align:left; padding-left:9px}
.applicationList li.write input.spurpleMinus { color:#5e5e5e; border:none; text-align:left; padding-left:9px}
.applicationList li.write select {color:#4b1965; padding:4px; border:1px solid #d9cae1; background-color:#f5e1ff; font-weight:bold}
.applicationList li.notice input { color:#6c6a6e; padding:4px; border:1px solid #e1d0f0; background-color:#f6ff00; font-weight:bold}
.applicationList li.notice select {color:#6c6a6e; padding:4px; border:1px solid #e1d0f0; background-color:#f6ff00}
.applicationList li.notice input.spurplePlus2 { color:#fff; border:none; text-align:left; padding-left:9px}
.applicationList li.notice input.spurpleMinus { color:#5e5e5e; border:none; text-align:left; padding-left:9px}
.Recomm { background:url(/Images/Sub/MemBg_detailBox02.gif) no-repeat; height:39px; width:326px}
.Recomm p { padding:12px 0 0 10px; font-weight:bold; font-size:11px; color:#ff286a}


/* 에너지 방송 On Air : 방송일정 */
.OnAirdaily { text-align:center; border-bottom:1px #e2e0e0 solid}
.OnAirdaily th{ background-color:#f9f9f9; border-bottom:1px #c9c9c9 solid; border-top:2px #9a9a9a solid; border-right:1px #e2e0e0 solid; font-size:12px; color:#000;  padding:6px 0}
.OnAirdaily th.no { border-right:none}
.OnAirdaily td{ border-bottom:1px #e2e0e0 solid; border-right:1px #e2e0e0 solid; padding:6px 30px; text-align:left; color:#666666}
.OnAirdaily td.no {border-right:none}
.OnAirdaily td.date {font-size:12px; color:#1e1e1e; background-color:#f1f2ff; font-weight:bold}
.OnAirdaily tr.notice{ border-bottom:1px #ededed solid; padding:6px 0; background-color:#fcf4e3}
.OnAirdaily td.contents{ text-align:left}





/*-My에너지존-*/
.EnergyZone { margin-top:-20px}
.EnergyZone .goal{background:url(/Images/sub/EzoneGoal_bg.jpg) left top no-repeat; padding:110px 45px 20px 45px}
.EnergyZone .healingTime{background:url(/Images/sub/EzoneHealingTime_bg.jpg) left top no-repeat; padding:120px 95px 50px 350px; color:#3f3c72; font-weight:bold; font-size:12px}
.EnergyZone .healingTime table { margin-top:10px}
.EnergyZone .healingTime table tr th { color:#fff; font-size:14px; font-weight:bold; text-align:center; padding-bottom:7px}
.EnergyZone .healingTime table tr td input{ margin-bottom:3px}
.EnergyZone .healingTime table.time tr td { line-height:28px}
.EnergyZone .healingTime table.time tr td.on { color:#fb1b74; font-weight:bold}


/*-My에너지존 :  설정하기--*/
.wComment {width:25px;position:relative; margin-left:5px; float:right} 
.wComment .box {position:absolute; top:30px; left:-100px}
.wComment .box .boxin {position:relative}
.wComment .box .boxin .arrow {position:absolute; top:-8px; left:103px}
.wComment .box .boxin .con {border:1px solid #f8e966; background-color:#fffed2; width:200px; padding:20px; font-size:11px}
.wCommentMethod {width:530px; float:left}
.wCommentMethod input { margin-bottom:5px}

dl.htDate {}
dl.htDate dt { width:80px; float:left; font-weight:bold; color:#88888a}
dl.htDate .date { position:relative}
dl.htDate .date input.on{ color:#fb1b74; font-weight:bold; width:51px; height:24px; background:url(/images/sub/btn_input_on.gif) no-repeat top left; border:none; cursor:pointer; color:#fff; text-align:center; font-weight:bold}
dl.htDate .date input{ color:#2f2f2f; padding:0 0 5px 0; width:51px; height:24px; background:url(/images/sub/btn_input_off.gif) no-repeat top left; border:none; cursor:pointer; color:#2f2f2f; text-align:center; font-weight:bold}
dl.htDate .date .wCommentBlue {width:25px; margin-left:80px; margin-top:10px; position:relative}
dl.htDate .date .wCommentBlue .arrow7 {position:absolute; top:-6px; left:20px}
dl.htDate .date .wCommentBlue .arrow21 {position:absolute; top:-6px; left:75px}
dl.htDate .date .wCommentBlue .arrow30 {position:absolute; top:-6px; left:130px}
dl.htDate .date .wCommentBlue .arrow60 {position:absolute; top:-6px; left:184px}
dl.htDate .date .wCommentBlue .arrow90 {position:absolute; top:-6px; left:240px}
dl.htDate .date .wCommentBlue .arrow100 {position:absolute; top:-6px; left:295px}
dl.htDate .date .wCommentBlue .con {background:url(/Images/Sub/boxBg_wComment01.gif) no-repeat; width:481px; height:43px; font-weight:bold}
dl.htDate .date .wCommentBlue .con p {padding:10px}
.noticeMeno { background:url(/Images/Sub/icon_notice5.gif) 0 4px no-repeat; padding-left:20px; color:#a2a0a0; margin-top:20px}
.noticeMeno strong {color:#ff0099}
.noticeMeno2 { padding-left:15px; background:url(/Images/Sub/dot_line.gif) 15px 0 no-repeat; margin:15px 0; padding-top:10px; color:#3b3b3b; font-size:11px}
.noticeMeno2 strong {color:#ff1589}
.noticeHP { font-size:11px; text-align:left; margin-left:360px; margin-top:10px}



/*-에너지 충전-*/
.ERtab {}
.ERcon { margin-top:60px}



/*-LPCoupon-*/
#LPCouponBox {margin:0px 0 50px 0; background:url(/Images/sub/lpcouponBg_body.gif) left top repeat-y}
#LPCouponBox .top{background:url(/Images/sub/lpcouponBg_top.jpg) top center no-repeat; height:374px}
#LPCouponBox .body{background:url(/Images/sub/lpcouponBg_bot.gif) left bottom no-repeat; padding:40px 45px 100px 45px}
#LPCouponBox .body .section{background:url(/Images/sub/LPcouponZone_bg.gif) no-repeat left bottom; padding:0 45px 45px 45px}
#LPCouponBox .body .sectionNo{ padding:0 45px}
#LPCouponBox .body .sectionHow{background:url(/Images/sub/LPcouponZone_bg.gif) no-repeat left bottom; padding:0 75px 45px 75px}
#LPCouponBox .body .heed{ background-color:#f8fafb; border:1px #cdcdcd solid;  overflow:auto; height:130px; padding:20px 25px; font-size:11px; color:#666666; line-height:19px; font-family:굴림}
#LPCouponBox .body .heed > strong{ color:#4e4e4c}
#LPCouponBox .body .btn{ padding:11px 20px; border-bottom:1px #e9e9e9 solid}
#LPCouponBox .body .txt{ text-align:right; color:#8b7eb1; padding-top:7px}
#LPCouponBox .body .txt2{ font-size:14px; font-weight:bold; color:#000000; padding-bottom:7px; letter-spacing:-0.05em}
#LPCouponBox .body .txt2 strong{ color:#6633cc}
#LPCouponBox .body .title{ margin-bottom:22px}
.moneyTV { float:left; width:158px; height:45px; padding-top:15px; font-size:15px; letter-spacing:-1px; font-weight:bold; color:#0098d1; background:url(/images/sub/btn_payselect.gif) no-repeat; margin:0 15px 10px 0; text-align:center}
.moneyTV input {border:0}
#LPCouponBox table.lp{ font-size:14px;  line-height:22px}
#LPCouponBox table.lp td.color{ color:#000; font-weight:bold}
#LPCouponBox table.lp td.bg{  background-color:#f9f9f9;  padding-top:10px; padding-bottom:20px}

#LPCouponBox table.gift{ margin-top:20px}
#LPCouponBox table.gift td .coupon{}
#LPCouponBox table.gift td div{width:233px}
#LPCouponBox .body textarea.message{ color:#000000 ; background-color:#f8f8f8; border:2px #dbdcdc solid; width:97%; text-align:left; padding:10px; font-size:14px; line-height:20px}


/*에너지이웃나눔 */
.nanum { background:url('/Images/NanumCampain/page_bg.jpg') no-repeat center; height:704px; margin-top:30px;  z-index:-1}
.nanum .box { position:absolute; right:29px; top:200px; background:url('/Images/nanumCampain/box_bg.png') no-repeat; width:338px; height:259px}
.nanum .box .date {padding-right:22px; padding-top:32px; text-align:right; color:#919191}
.nanum .box .count1 { text-align:right; padding-right:37px; padding-top:67px}
.nanum .box .count2 { text-align:right; padding-right:37px; padding-top:32px}



/*-my LP쿠폰: 꼭알아두세요-*/
.myLPcoupon ul.notice { background:url(/Images/Sub/LPcoupon_notice.gif) 0 0 no-repeat; padding: 17px 0 0 112px; color:#858585; font-size:11px; }
.myLPcoupon ul.notice li {line-height:16px; padding-bottom:5px}
.myLPcoupon ul.notice li a { color:#6e49c8}
.myLPcoupon ul.notice li a:hover { color:#000}
.myLPcoupon div.noticebottom { height:20px; background:url(/Images/Sub/LPcoupon_noticebottom.gif) no-repeat 0 0}


/*-my LP쿠폰: 제목과 검색폼-*/
.myLPcoupon .boardtit { position:relative; height:36px} 
.myLPcoupon .boardtit h4 { position:absolute; left:0; top:0; display:inline}
.myLPcoupon .boardtit .boardSearch2 { position:absolute; right:0; top:0; text-align:right; width:350px; background-color:#f6f7f9}
.myLPcoupon .boardtit .boardSearch2 div { padding:10px 0 10px 0px}
.myLPcoupon .boardtit .boardSearch2 * { vertical-align:top}
.myLPcoupon .boardtit .boardSearch2 input.text { padding:3px 3px 2px 3px}


/*-my LP쿠폰등록 이미지부분-*/
.myLPcoupon .LPcoupon_bg { position:relative; width:100%; height:300px; background:url("/Images/Sub/LPcoupon_img.jpg") no-repeat 32px top}
.myLPcoupon .LPcoupon_numform { width:530px; position:absolute; left:106px; top:90px; text-align:left}
.myLPcoupon input.line04 { height:23px; border-top:1px solid #abadb3;  border-left:1px solid #e2e3ea; border-right:1px solid #dbdfe6; border-bottom:1px solid #e3e9ef; padding:3px 0 0 3px; vertical-align:middle; font-size:15px; font-weight:bold}
.myLPcoupon input.purple_couponbtn{ width:85px; height:28px; background:url(/images/sub/btn_input_purpleCoupon.gif) no-repeat top left; border:none; cursor:pointer}


/*-my LP포인트 QnA리스트-*/
.myLPcoupon .qnaList { color:#595959}
.myLPcoupon .qnaList th { background-color:#f9f9f9; border-top:3px solid #7963ae; border-bottom:2px solid #d9d9d9; padding:8px 0; color:#000}
.myLPcoupon .qnaList tr.recommend td { background-color:#f5ebff; border-bottom:1px solid #dccbed}
.myLPcoupon .qnaList td { border-bottom:1px solid #ececec; padding:18px 0; }
.myLPcoupon .qnaList span { font-size:11px; line-height:16px; padding-bottom:5px; width:700px}


/*-my LP포인트 마이포인트-*/
.myLPcoupon .mypoint { position:relative; height:52px; background:url(/Images/Sub/LPpoint_mypointbg.gif) no-repeat left top}
.myLPcoupon .mypoint_possible { position:absolute; left:41px; top:0; margin-top:17px}
.myLPcoupon .mypoint_vanish { position:absolute; left:377px; top:0; margin-top:17px}
.myLPcoupon .mypoint span { color:#858585; font-size:11px}


/*-my LP쿠폰: 출력하기-*/
.myLPcouponPrint {width:543px} 
.myLPcouponPrint .BoX{ padding-left:3px; position:relative}
.myLPcouponPrint .BoXNumber{position: absolute;left:198px;top:94px;width: 234px;font-size:15px;font-weight:bold;color:#ff0000} 
.myLPcouponPrint .BoXDay{position: absolute;left:196px;top:130px;width: 207px;font-weight:bold;color:#300d9b} 

/*-my LP쿠폰: 포인트마일리지 사용안내-*/
.myLPcoupon .pTit {margin-left:25px; font-size:13px; font-weight:bold; color:#ff5502; line-height:25px}
.myLPcoupon .pScript {margin-left:25px; font-size:12px; color:#454545; line-height:25px} 
.myLPcoupon .pScript_f11 {margin-left:25px; font-size:11px; color:#454545}
.myLPcoupon .blue {color:#0066ff}
.myLPcoupon .qna {width:629px; height:31px; background:url(/Images/sub/LPpnm_qna_bg.gif) no-repeat; margin:20px 0 10px 25px; padding-left:10px; line-height:30px; font-size:13px; font-weight:bold; color:#237fc0}
.myLPcoupon .orange {color:#ff5502}

/*-즐겨찾기-*/
.BookmarkTit { background:url(/Images/Sub/subImg_BookMarkImg.jpg) no-repeat; width:710px; height:99px}
.BookmarkTit p { padding:30px 0 0 30px}
.BookmarkSearch { position:relative; font-size:14px; font-weight:bold; text-align:left; padding-left:30px}

/*-편성표-*/
.contents_Schedule { border:8px solid #e6eaeb; margin-top:15px}

/*--프로그램 목록--*/
.programList {}
.programList .banner{ float:left}
.programList .programList { float:right}
.programList .List{border:1px solid #d8d8d8; width:290px}
.programList .List h6 {font-size:15px; font-family:Gulim; font-weight:bold; color:#1e69ca; border-bottom:1px solid #d8d8d8; padding:15px 10px 10px 19px}
.programList .List .detail {overflow:auto; height:158px; background-color:#f5f5f5; border-top:2px solid #eeeeee;  padding:15px 10px 10px 20px; scrollbar-face-color:#f1f5f6;scrollbar-highlight-color:#f1f5f6;scrollbar-shadow-color:#bfcbd1;scrollbar-3dlight-color:#dde3e6;scrollbar-darkshadow-color:#fff;scrollbar-track-color:#f9fafb;scrollbar-arrow-color:#60717a}
.programList .List li { background:url(/Images/Sub/program_ListBg.gif) repeat-x left bottom; border:1px solid #eaeaea; padding:10px 10px 10px 30px; font-size:14px; font-weight:bold}
.programList .List li a { width:225px; display:block; cursor:pointer}
.programList .List li a span {}
.programList .List li a:hover span {  color:#ff1064}
.programList .List li.On{ border:1px solid #ff1064;  background:url(/Images/Sub/icon_arrowProgram.gif) no-repeat 10px 13px}
.programList .List li.On a span { color:#ff1064}


.programList .btn {}
.programList .btn span { display:none}
.programList .btn .Up { background:url(/Images/Sub/program_btnUpOff.gif) no-repeat; width:146px; height:38px;  float:left}
.programList .btn .Down { background:url(/Images/Sub/program_btnDownOff.gif) no-repeat; width:147px; height:38px;  float:right}
.programList .btn a { width:146px; height:38px; display:block; cursor:pointer}
.programList .btn .Up a:hover { background:url(/Images/Sub/program_btnUpOn.gif) no-repeat;  width:146px}
.programList .btn .Down a:hover { background:url(/Images/Sub/program_btnDownOn.gif) no-repeat; width:147px}

.ProgramTabDetail  { margin-top:15px; position:relative}
/*.ProgramTabDetail ul { background:url(/Images/Sub/program_btnBg.gif) no-repeat; width:710px}
.ProgramTabDetail ul li {  height:48px; float:left; font-size:14px; font-weight:bold; background:url(/Images/Sub/program_ListTabBg.gif) no-repeat right top; padding:0 25px}
.ProgramTabDetail ul li div { padding-top:13px}
.ProgramTabDetail ul li a { color:#888}
.ProgramTabDetail ul li a:hover { color:#f56156}
.ProgramTabDetail ul li.On a { color:#f56156}
.ProgramTabDetail .guid { position:absolute; top:14px; right:20px} */
.ProgramTabDetail ul { background:#f9f9f9; border:1px solid #e1e1e1; width:708px}
.ProgramTabDetail ul li {  height:48px; float:left; font-size:14px; font-weight:bold; background:url(/Images/Sub/program_ListTabBg.gif) no-repeat right top; padding:0 25px}
.ProgramTabDetail ul li div { padding-top:13px}
.ProgramTabDetail ul li a { color:#888}
.ProgramTabDetail ul li a:hover { color:#f56156}
.ProgramTabDetail ul li.On a { color:#f56156}
.ProgramTabDetail .guid { position:absolute; top:14px; right:20px; color:#f67070}

/*힐링뉴스 : Tab*/

.wrap_tabtype {overflow:hidden;width:100%; height:47px; background:url(/Images/Sub/News_BgTab.gif) repeat-x; margin-bottom:40px}
.wrap_tabtype ul {background:url(/Images/Sub/News_BgTab2.gif) no-repeat top left}
.wrap_tabtype li {width:265px; _width:264px; font-weight:bold; line-height:15px; float:left; overflow:hidden; background:url(/Images/Sub/News_BgTab2.gif) no-repeat top right}
.wrap_tabtype li.fstOn { background:url(/Images/Sub/News_BgTabOnR2.gif) no-repeat top left}
.wrap_tabtype li.last { width:264px} /*3번째li만 적용*/
.wrap_tabtype li a { width:264px; height:47px; display:block; cursor:pointer;  font-size:16px; text-align:center; font-family:dotum; padding-top:15px}
.wrap_tabtype li a:hover {color:#ff1064}
.wrap_tabtype li.on { background:url(/Images/Sub/News_BgTabOnR.gif) no-repeat top right}


/*힐링뮤직 : 금주의테마 상단부분*/

.MusicWeeklyList { border-top:2px solid #4e555f}
.MusicWeeklyList .theme{ width:475px; height:234px; float:left; background:url(/Images/Sub/Hm_weeklyThemeBG.gif) no-repeat;  border-bottom:1px solid #4e555f}
.MusicWeeklyList .theme dl { padding:35px 30px 33px 33px; position:relative}
.MusicWeeklyList .theme dt { font-size:16px; color:#ff1064; font-weight:bold}
.MusicWeeklyList .theme dd.thumbMain { position:relative; background:url(/Images/Sub/Hm_weeklythumbbg.gif) no-repeat; height:136px; padding:1px; float:left; margin-right:15px}
.MusicWeeklyList .theme dd.thumbMain input { margin-top:5px}
.MusicWeeklyList .theme dd.thumbMain .icon { position:absolute; top:0; left:0}
.MusicWeeklyList .theme dd.con { font-size:11px; letter-spacing:-1px; line-height:16px; color:#444; margin-top:18px}
.MusicWeeklyList .theme dd.btn { position:absolute; top:173px; left:184px; _left:5px; width:260px}
.MusicWeeklyList .theme dd.btn {*zoom:1} 
.MusicWeeklyList .theme dd.btn:after {content:" "; display:block; clear:both} 
.MusicWeeklyList .theme dd.btn .vote { float:right}
.MusicWeeklyList .theme dd.btn .num { float:left; padding-top:7px; color:#959595; letter-spacing:-1px}
.MusicWeeklyList .theme dd.btn .num strong { color:#000}

.muListIcon { background:url(/Images/Sub/Hm_scrapicon.gif) no-repeat; padding:2px 0 3px 15px}
.voteListIcon { background:url(/Images/Sub/Hm_nvoteicon.gif) no-repeat; padding:2px 0 3px 15px}

.MusicWeeklyList .HmWprogramList { float:right}
.MusicWeeklyList .HmWList{width:235px; background-color:#4e555f}
.MusicWeeklyList .HmWList h6 {}
.MusicWeeklyList .HmWList .wList {overflow:auto; height:201px; scrollbar-face-color:#f1f5f6;scrollbar-highlight-color:#f1f5f6;scrollbar-shadow-color:#bfcbd1;scrollbar-3dlight-color:#dde3e6;scrollbar-darkshadow-color:#fff;scrollbar-track-color:#f9fafb;scrollbar-arrow-color:#60717a}
.MusicWeeklyList .HmWList dl { background:url(/Images/Sub/Hm_ProgramListbar.gif) repeat-x left bottom; padding:10px 15px; font-size:12px; font-weight:bold}
.MusicWeeklyList .HmWList dd.Wthumb { float:left; margin-right:10px}
.MusicWeeklyList .HmWList dt {width:200px; _width:140px}
*:first-child+html .MusicWeeklyList .HmWList dt { width:140px} /*IE7*/
.MusicWeeklyList .HmWList dt a { color:#ccc; font-weight:normal}
.MusicWeeklyList .HmWList dt a:hover { color:#ff9999}
.MusicWeeklyList .HmWList dl.On dt a{ color:#ff9999; font-weight:bold}
.MusicWeeklyList .HmWList dl.On dt a:hover { color:#ff9999}
.MusicWeeklyList .HmWList dl.On dd.date { font-size:11px; color:#fff; font-weight:bold}
.MusicWeeklyList .HmWList dl dd.date { font-size:11px; color:#999; font-weight:normal}
.MusicWeeklyList .HmWList dl dd.date a:hover { text-decoration:underline}


/*힐링뮤직 : 플레이어부분*/
.MusicPwrap { width:650px}
.MusicPside { float:left; background:#2f2f2f; width:215px}
.MusicPside .logo { background:url(/Images/Sub/Hm_PlayerTopBg.gif) repeat-x; padding:6px 25px 6px 25px; }
.MusicPside .logo h1 { background:url(/Images/Sub/Hm_PlayerLogo.gif) no-repeat; text-indent:-10000000px; height:18px; width:140px}
.MusicPside .logo .join { font-size:11px; margin-top:10px; letter-spacing:-1px}
.MusicPside .logo .join span { color:#000; padding:0 3px}
.MusicPside .logo .join strong  a { color:#00fff0}
.MusicPside .logo .join a {color:#8b8b8b}
.MusicPside .logo .join a:hover { color:#00fff0}

.MusicPside .musicBox { padding:10px 0 10px 25px}
.MusicPside .musicBox .Album { position:relative; border:1px solid #000; width:163px; height:163px}
.MusicPside .musicBox .Album p { font-size:12px; line-height:14px; letter-spacing:-1px; position:absolute; top:133px; left:8px; width:157px}
.MusicPside .musicBox .Album p strong { color:#19f1ff}
.MusicPside .musicBox .Album p span { color:#c4c4c4; font-size:11px}
.MusicPside .musicBox .titbar {position:absolute; top:126px; left:0;width:165px; height:37px; background:#000; -ms-filter:"alpha(opacity=60)"; opacity:0.6; filter:alpha(opacity=60)}

.MusicPside .musicBox .musicProgress { position:relative; padding-bottom:10px; margin-top:10px; margin-bottom:10px} 
.MusicPside .musicBox .musicProgress .pwrap  {position:absolute;top:0px;left:0px;_top:-2px;width:165px;font-family:tahoma;font-size:9px}
.MusicPside .musicBox .musicProgress .pwrap .bar{position:relative;display:block;width:165px; height:4px;background:#000;cursor:pointer}
.MusicPside .musicBox .musicProgress .pwrap .bar .play_value{display:block;height:4px; background:#2dfffd}
.MusicPside .musicBox .musicProgress .pwrap .bar .ico{display:block;overflow:hidden;position:absolute;top:-3px; _top:0px; width:12px;height:11px;margin-left:-4px; background:url(/Images/Sub/Hm_PlayerPbtn.png) no-repeat 0 0}
.MusicPside .musicBox .musicProgress .pwrap .play_time{float:left;margin-top:2px;color:#2dfffd}
.MusicPside .musicBox .musicProgress .pwrap .total_time{float:right;margin-top:2px;color:#515061}

.MusicPside .musicController { position:relative; background:url(/Images/Sub/Hm_PlayerBotBg.gif) repeat-x}
.MusicPside .musicController {*zoom:1} 
.MusicPside .musicController:after {content:" "; display:block; clear:both} 
.play_controller { padding:8px 20px 6px 20px}
.play_controller button,.play_controller span{float:left;width:31px;height:31px; margin-right:8px; margin-left:8px}
.play_controller .prev,.play_controller span.prev:hover{margin-top:3px; width:38px;height:37px; background:url(/Images/Sub/Hm_PlayerPbtn_Pre.png) no-repeat 0 0; cursor:pointer}
.play_controller .prev:hover{background:url(/Images/Sub/Hm_PlayerPbtn_PreOn.png) no-repeat 0 0; cursor:pointer}
.play_controller .next,.play_controller span.next:hover{margin-top:3px; width:38px;height:37px;background:url(/Images/Sub/Hm_PlayerPbtn_Next.png) no-repeat 0 0; cursor:pointer}
.play_controller .next:hover{background:url(/Images/Sub/Hm_PlayerPbtn_NextOn.png) no-repeat 0 0}
.play_controller .play,.play_controller span.play:hover{width:48px;height:48px; background:url(/Images/Sub/Hm_PlayerPbtn_play.png) no-repeat 0 0; cursor:pointer}
.play_controller .play:hover{background:url(/Images/Sub/Hm_PlayerPbtn_PlayOn.png) no-repeat 0 0}
.play_controller .pause{width:48px;height:48px;background:url(/Images/Sub/Hm_PlayerPbtn_Pause.png) no-repeat 0 0; cursor:pointer}
.play_controller .pause:hover{background:url(/Images/Sub/Hm_PlayerPbtn_PauseOn.png) no-repeat 0 0}
.volume_controller{ float:left;  padding:8px 5px 6px 35px; _padding:0px 5px 6px 35px}
.volume_controller{*zoom:1} 
.volume_controller:after {content:" "; display:block; clear:both} 
.volume_controller button{float:left}
.volume_controller .volume{width:13px;height:13px}
.volume_controller .vOn{ background:url(/Images/Sub/Hm_soundOnicon.gif) no-repeat 0 0; cursor:pointer}
.volume_controller .vMute{background:url(/Images/Sub/Hm_soundMuteicon.gif) no-repeat 0 0; cursor:pointer}
.volume_controller .bar{float:left;position:relative;width:70px;height:3px;margin:3px 0 0 3px; _margin-top:0px; background:#7d7d7d;cursor:pointer}
.volume_controller .bar .play_value{display:block;height:3px;background:#2dfffd}
.volume_controller .bar .ico{display:block;overflow:hidden;position:absolute;top:-3px; _top:1px; width:11px;height:11px;margin-left:-4px; background:url(/Images/Sub/Hm_PlayerPsbtn.png) no-repeat 0 0; cursor:pointer}

.play_type { margin-top:5px; _margin-top:-2px}
.play_type button { margin-left:2px}
.play_type .repeat {width:26px;height:19px;background:url(/Images/Sub/Hm_PlayerPbtn_Repeat.png) no-repeat 0 0; cursor:pointer}
.play_type .repeatOn {width:26px;height:19px;background:url(/Images/Sub/Hm_PlayerPbtn_RepeatOn.png) no-repeat 0 0; cursor:pointer}
.play_type .repeatOn1 {width:26px;height:19px;background:url(/Images/Sub/Hm_PlayerPbtn_RepeatOn1.png) no-repeat 0 0; cursor:pointer}
.play_type .random {width:26px;height:19px;background:url(/Images/Sub/Hm_PlayerPbtn_Random.png) no-repeat 0 0; cursor:pointer}
.play_type .randomOn {width:26px;height:19px;background:url(/Images/Sub/Hm_PlayerPbtn_RandomOn.png) no-repeat 0 0; cursor:pointer}

.MusicPList {}

/*힐링뮤직 플레이어 : Tab*/
.MusicPList .tabControl {}
.tab{overflow:hidden;position:relative;width:432px; height:35px;border:1px solid #bababa;border-width:1px 1px 0 0; _float:left}
.tab li{overflow:hidden;position:absolute;top:0;width:216px;border-left:1px solid #bababa; font-size:12px;text-align:center}
.tab li.t1{left:0}
.tab li.t2{left:216px}
.tab li a{display:block;height:34px;padding-top:8px;border-bottom:1px solid #bababa; border-left:1px solid #f3f3f3; border-top:1px solid #f3f3f3; background-color:#d8d8d8;color:#707070; font-weight:bold; text-align:center}
.tab li a:hover{text-decoration:none; color:#000}
.tabon1 .t1 a,.tabon2 .t2 a,.tabon3 .t3 a{z-index:1;border-bottom:1px solid #fff;border-right:1px solid #bababa; background:#fff;font-weight:bold;color:#333}

/*힐링뮤직 플레이어 : 재생목록*/
.MusicPtrack{width:432px; _position:absolute}
.MusicPtrack td { border-bottom:1px solid #e5e5e5; font-size:11px; padding:8px 0 0 15px}
.MusicPtrack td.rank{font-size:9px;  font-family:Verdana;  color:#444; padding-left:0px; text-align:center}
.MusicPtrack td.mucon { padding-left:12px}
.MusicPtrack td.play { padding-left:3px}
.MusicPtrack td.time { padding-left:6px; color:#aaa}
.MusicPtrack td.voteNum { padding-left:13px; font-weight:bold}
.MusicPtrack td.con .tit { color:#000; font-size:12px}
.MusicPtrack td.con a:hover { text-decoration:underline; color:#000}
.MusicPtrack td.con { font-size:11px; color:#666}
.MusicPtrack td.con .name {color:#989797}
.MusicPtrack td.con .line {color:#c2c1c1}

.MusicPtrack td.conPlay .tit { font-weight:bold; color:#ff0072; font-size:12px}
.MusicPtrack td.conPlay a:hover { text-decoration:underline; color:#ff0072}
.MusicPtrack td.conPlay { font-size:11px; color:#ff0072}
.MusicPtrack td.conPlay .name { color:#ff0072}
.MusicPtrack td.conPlay .line { color:#ff0072}

.MusicPList .trackScroll { overflow:auto; overflow-x:hidden;  height:228px; _height:252px; _position:relative; }
.MusicPList .btnCheck { background:url(/Images/Sub/Hm_trackBotBg.gif) repeat-x; height:37px;  _position:relative}
.MusicPList .btnCheck .ch { padding:10px  16px 0 18px; float:left}
.MusicPList .btnCheck .chbtn { padding-top:7px}
.MusicPList .btnCheck .chbtn input { margin-right:2px; float:left}
.MusicPList .btnCheck .chbtn span { display:block; margin-top:3px; margin-right:20px; font-size:11px; text-align:right; font-weight:bold; text-decoration:underline}
.MusicPList .banner { _position:absolute; _margin-top:-10px}


/*힐링뮤직 플레이어 : 마이앨범,금주의테마앨범*/
.MusicPListthumb {_position:absolute}
.MusicPListthumb td { border-bottom:1px solid #e5e5e5; font-size:11px}
.MusicPListthumb dl { padding-bottom:13px}
*:first-child+html.MusicPListthumb dl { position:relative}
.MusicPListthumb dt { font-size:12px; color:#000;padding-top:15px; font-weight:bold}
.MusicPListthumb dd.thumb { background:url(/Images/Sub/Hm_ListmusicPBg.jpg) no-repeat; width:78px; height:73px; float:left; margin:15px}
.MusicPListthumb dd.thumb img { margin:1px 1px 1px 6px}
.MusicPListthumb dd.thumb .open { position:absolute; top:-1px; left:-6px}
.MusicPListthumb dd.con { margin-top:5px; }
.MusicPListthumb dd.con a { font-size:11px; color:#999; line-height:12px}
.MusicPListthumb dd.num { font-size:11px; color:#959595; margin-top:5px}
.MusicPListthumb dd.num .ber { color:#999;  margin-right:8px; font-weight:bold; letter-spacing:-1px}
.MusicPListthumb dd.num .nvoteicon { background:url(/Images/sub/Hm_nvoteicon.gif) no-repeat 0px 0px; padding-left:13px}
.MusicPListthumb dd.num .clippingicon { background:url(/Images/sub/Hm_clippingicon.gif) no-repeat 0px 0px; padding-left:13px}

.MusicAbout { border:2px solid #e4e4e4}
.MusicAbout .main01 { background:url(/Images/Sub/Hm_About02_main.jpg) no-repeat; padding:0 65px 65px 65px}
.MusicAbout .main01 h5 { padding-top:190px; font-size:16px; font-weight:bold; color:#17bb2f; padding-left:5px}
.MusicAbout .main01 ol { margin-top:20px; margin-left:5px}
.MusicAbout .main01 ol li { line-height:24px}
.MusicAbout .conP { padding:0 30px 30px 30px}
.MusicAbout .conP h5 { background:url(/Images/Sub/Hm_About_bullet.jpg) no-repeat; padding-left:40px; padding-top:5px; margin-bottom:25px; font-size:16px; font-weight:bold; color:#17bb2f}
.MusicAbout .conP dl { margin:0 0 15px 10px; height:110px}
.MusicAbout .conP dl dd.thumb { float:left; margin-right:20px}
.MusicAbout .conP dl dt { font-weight:bold; color:#000}
.MusicAbout .conP dl dt button { width:78px; height:17px; background:url(/Images/Sub/Hm_BtnAboutMore.gif) no-repeat 0 0; cursor:pointer; text-indent:-99999px; margin-left:10px}
.MusicAbout .conP dl dd.con { color:#909090; margin-top:10px}
.MusicAbout .conP .sound {background:url(/Images/Sub/Hm_about_img01.gif) no-repeat 25px 0; height:240px; padding:20px 0 0 285px}
.MusicAbout .conP .pot {color:#f76652}
.MusicAbout .conP .sound02 {background:url(/Images/Sub/Hm_about_img02.gif) no-repeat 18px 0; height:300px; padding:20px 0 0 285px}
.MusicAbout .main02 { margin-top:40px}


/*온라인체험코스 메인 버튼위치*/
.CourseMeditation { position:relative}
.CourseMeditation  .bt01 {position: absolute; left:140px; top:94px; cursor:pointer}
.CourseMeditation  .bt02 {position: absolute; left:140px; top:141px; cursor:pointer}
.CourseMeditation  .bt03 {position: absolute; left:140px; top:185px; cursor:pointer}
.CourseMeditation  .bt04 {position: absolute; left:140px; top:248px; cursor:pointer}
.CourseMeditation  .bt05 {position: absolute; left:140px; top:312px; cursor:pointer}
.CourseMeditation  .bt06 {position: absolute; left:140px; top:363px; cursor:pointer}
.CourseMeditation  .bt07 {position: absolute; left:140px; top:412px;cursor:pointer}
.CourseMeditation  .bt08 {position: absolute; left:140px; top:460px;cursor:pointer}
.CourseMeditation  .bt09 {position: absolute; left:140px; top:504px;cursor:pointer}
.CourseMeditation  .bt10 {position: absolute; left:140px; top:554px;cursor:pointer}

/*온라인체험코스 단월드 호흡 명상 코스 체크포인트 */
.CheckPoint { width:710px; float:left}
.CheckPoint dl { margin-top:27px; width:710px;  float:left}
.CheckPoint dt { font-size:14px; font-weight:bold; margin-bottom:10px; color:#ff1287}
.CheckPoint dd.thumb { float:left; width:264px; height:140px; margin-right:12px}
.CheckPoint dd  { float:right; width:434px}
.CheckPoint dd p.Ck01{ background:url(/Images/Sub/Course_ReserveCheck01.gif) no-repeat 0 0;  padding-left:50px; padding-bottom:5px; color:#666666; font-size:14px}
.CheckPoint dd p.Ck02{ background:url(/Images/Sub/Course_ReserveCheck02.gif) no-repeat 0 0;  padding-left:50px; padding-bottom:5px; color:#666666; font-size:14px}
.CheckPoint dd p.Ck03{ background:url(/Images/Sub/Course_ReserveCheck03.gif) no-repeat 0 0;  padding-left:50px; padding-bottom:5px; color:#666666; font-size:14px}
.CheckBline { padding-bottom:20px; border-bottom:1px solid #e0e0e0}


/*온라인체험코스 단월드 호흡 명상 코스 체크포인트 : 개편된 css */
.CheckPoint2 { width:710px; float:left}
.CheckPoint2 dl { margin-top:10px; margin-bottom:20px; margin-right:25px; width:220px;  float:left}
.CheckPoint2 dl.last {  margin-right:0px} 
.CheckPoint2 dt { font-size:12px; padding-left:10px}
.CheckPoint2 dd  { margin-bottom:7px}
.CheckPoint2 p { font-size:14px; margin-top:20px; padding-left:0px}
.CheckPoint2 p strong { font-weight:bold; color:#4e4e4c}
.CheckPoint2 p.con { font-size:12px;  font-weight:normal; margin-top:7px}
.CheckPoint2 p.txts { background:url(/Images/Sub/icon_notice7.gif) no-repeat 0 2px;  padding-left:15px; font-weight:bold; clear:both; font-size:12px; margin-left:10px; margin-bottom:5px}
 
/*온에어 팝업*/
.onairWrap { background:#141c28}
.onairWrap .pdbox { padding:20px}
.onairWrap .pdbox h6 { color:#9fabb6; font-weight:bold; font-size:12px; margin-bottom:10px; margin-top:20px}
.onairWrap .pdbox p { color:#dadee2; font-weight:bold; font-size:16px; margin-bottom:20px}

/*멘탈헬스방송국이란*/
.MHintro {}
.MHintro .movieWrap { border:5px solid #efefef; padding:17px; height:315px; position:relative; margin-bottom:30px}
.MHintro .movieWrap .video { position:relative; float:left}
.MHintro .movieWrap .videoBt {position:absolute;left:235px; top:108px}
.MHintro .movieWrap .List { position:absolute; top:6px; right:13px; width:90px}
.MHintro .movieWrap .List h4 { font-weight:bold; font-size:14px; color:#ff0f8b; width:190px; margin-top:15px}
.MHintro .movieWrap .List .dllsit { position:absolute; top:160px; right:0px;  width:90px}
.MHintro .movieWrap .List .dllsit .playBtn01{position:absolute;top:22px; right:8px}
.MHintro .movieWrap .List .dllsit .playBtn02{position:absolute;top:80px;right:8px}
.MHintro .movieWrap .List .dllsit .playBtn03{position:absolute;top:138px;right:8px}
.MHintro .movieWrap .List .dllsit dl { float:left; width:84px; height:51px; margin-bottom:7px}
.MHintro .movieWrap .List .dllsit dl.none { margin-right:0px}
.MHintro .movieWrap .List .dllsit dl dt { font-size:11px; line-height:16px; letter-spacing:-1px; margin-top:10px}
.MHintro .movieWrap .List .dllsit dl dt a {color:#a7a7a7}
.MHintro .movieWrap .List .dllsit dl dd {border:1px solid #d2d2d2}
.MHintro .movieWrap .List .numbtn { clear:both;  position:absolute;  top:230px; right:10px}
.MHintro .movieWrap .List .num { margin-top:15px; float:left; margin-bottom:3px; margin-right:15px}
.MHintro .movieWrap .List .num img {margin-right:5px; margin-bottom:3px; vertical-align:center}
.MHintro .movieWrap .List .num a { }
.MHintro .movieWrap .List .btn { float:right}
.MHintro dl.conList  { position:relative; margin-top:45px}
.MHintro dl.conList dt { margin-bottom:10px}
.MHintro dl.conList dd.con { width:400px; margin-left:40px; margin-top:20px}
.MHintro dl.conList dd.thumb { position:absolute; top:0; right:0}
.MHintro dl.conList dd.thumb05 { position:absolute; top:60px; right:0}

/*서비스 소개*/
.MHService { margin-bottom:50px}
.MHService .Tab { margin-bottom:30px}
.MHService .HMC h5 { text-indent:-100000px}
.MHService p { color:#878787}
.MHService .HMC img.btn { margin-top:10px}
.MHService .HMC .con01 { background:url(/Images/Sub/MHService_img11.jpg) no-repeat; width:710px; height:295px; border-bottom:1px solid #e1e1e1; margin-top:30px}
.MHService .HMC .con01 p { margin-top:90px}
.MHService .HMC .con01 p strong{ color:#8cbfff}
.MHService .HMC .con02 { background:url(/Images/Sub/MHService_img12.jpg) no-repeat; width:710px; height:295px; border-bottom:1px solid #e1e1e1}
.MHService .HMC .con02 p { margin-top:110px; margin-left:263px}
.MHService .HMC .con02 p strong{ color:#ff81bf}
.MHService .HMC .con03 { background:url(/Images/Sub/MHService_img13.jpg) no-repeat; width:710px; height:295px; border-bottom:1px solid #e1e1e1}
.MHService .HMC .con03 p { margin-top:105px}
.MHService .HMC .con03 p strong{ color:#00c605}
.MHService .HMC .con04 { background:url(/Images/Sub/MHService_img14.jpg) no-repeat; width:710px; height:295px; border-bottom:1px solid #e1e1e1}
.MHService .HMC .con04 p {  margin-top:110px; margin-left:263px}
.MHService .HMC .con04 p strong{ color:#ff8a01}

/* 2016-12-30 회원등급안내 s */
.memeberLevel {display: block}
.MHService .HMC h4 {color: #37477d; font-size: 16px; line-height: 1.7; font-weight: 600; padding-bottom: 25px}
.memeberLevel .mbLevelTb {border-left: 1px solid #dcdcdc; border-top: 2px solid #37477d; font-size: 14px; line-height: 1.5} 
.mbLevelTb th {padding: 9px; background: #f4f8fc; color: #333; font-weight: 600; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; letter-spacing: -0.05em }
.mbLevelTb thead td {padding: 9px; background: #fff; color: #333; font-weight: 600; text-align: center}
.mbLevelTb thead td, .color {padding: 9px; background: #fafafa; color: #333; font-weight: 600; text-align: center}

.mbLevelTb tbody th {background: #e6f0f9}
.mbLevelTb td {padding: 15px; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; letter-spacing: -0.075em }
.mbLevelTb .txt2 {color: #f65e5e; margin-top: 5px }
.mbLevelTb td a {display:inline-block; color: #37477d; font-weight: 600; line-height: 1.2; border-bottom: 1px solid #37477d; padding-right: 15px; margin: 3px 0; background: url(/m/Images/bt_view2.png) right center no-repeat; background-size: 7px auto}
.mbLevelTb .beLine td, .mbLevelTb .beLine th { border-bottom: 2px solid #dcdcdc }

/* 회원등급안내 s */
.memeberLevel_dahn {display: block;margin-top:30px;}
.MHService_dahn .HMC h4 {color: #37477d; font-size: 16px; line-height: 1.7; font-weight: 600; padding-bottom: 25px}
.memeberLevel_dahn .mbLevelTb_dahn {border-left: 1px solid #dcdcdc; border-top: 2px solid #37477d; font-size: 14px; line-height: 1.5} 
.mbLevelTb_dahn th {padding: 9px; background: #f4f8fc; color: #333; font-weight: 600; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; letter-spacing: -0.05em }
.mbLevelTb_dahn thead td {padding: 9px; background: #fff; color: #333; font-weight: 600; text-align: center}
.mbLevelTb_dahn thead td, .color {padding: 9px; background: #fafafa; color: #333; font-weight: 600; text-align: center}

.mbLevelTb_dahn tbody th {background: #e6f0f9}
.mbLevelTb_dahn td {padding: 15px; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; letter-spacing: -0.075em }
.mbLevelTb_dahn .txt2 {color: #f65e5e; margin-top: 5px }
.mbLevelTb_dahn td a {}
.mbLevelTb_dahn .beLine td, .mbLevelTb .beLine th { border-bottom: 2px solid #dcdcdc }
/* 2016-12-30 회원등급안내 e */

.MHService .member {}
.MHService .member .con01 { border:3px solid #e6e6e6; padding:20px 30px 0px 35px; position:relative}
.MHService .member .con01 h5 { background:url(/Images/Sub/MHService_memtit01.gif) no-repeat; width:251px; height:40px; text-indent:-100000px}
.MHService .member .con01 p { margin-top:20px; margin-bottom:10px}
.MHService .member .con01 .btnCon01 { position:absolute; top:30px; right:50px}
.MHService .member .con02 {}
.MHService .member .con02 h5 { background:url(/Images/Sub/MHService_memtit02.gif) no-repeat; width:455px; height:40px; text-indent:-100000px; margin-bottom:15px}
.MHService .member .con02 .box {  border:3px solid #e6e6e6; border-top:none; margin-top:-2px}
.MHService .member .con02 .box .benefit01 { border-bottom:1px solid #e6e6e6; padding:20px 30px 0px 35px}
.MHService .member .con02 .box .benefit01 p { background:url(/Images/Sub/MHService_memIcon01.gif) no-repeat 0 0px; margin:25px 0 25px 25px; padding-left:70px}
.MHService .member .con02 .box strong { color:#1e1e1e}
.MHService .member .con02 .box .benefit02 { border-bottom:1px solid #e6e6e6; padding:20px 30px 0px 35px; position:relative}
.MHService .member .con02 .box .benefit02 p { background:url(/Images/Sub/MHService_memIcon02.gif) no-repeat 0 0px; margin:15px 0 25px 25px; padding-left:70px}
.MHService .member .con02 .box .benefit02 .btn { position:absolute; top:25px; right:70px}
.MHService .member .con02 .box .benefit03 { border-bottom:1px solid #e6e6e6; padding:20px 30px 0px 35px; position:relative}
.MHService .member .con02 .box .benefit03 p { background:url(/Images/Sub/MHService_memIcon03.gif) no-repeat 0 0px; margin:15px 0 25px 25px; padding-left:70px}
.MHService .member .con02 .box .benefit03 .btn { position:absolute; top:25px; right:70px}
.MHService .member .con02 .box .benefit04 { padding:20px 30px 0px 35px}
.MHService .member .con02 .box .benefit04 p { background:url(/Images/Sub/MHService_memIcon04.gif) no-repeat 30px 0px; height:35px; margin:15px 0 0 25px; padding-left:95px; padding-top:5px}
.MHService .member .con02 .box .benefit04 table { margin-left:95px; margin-bottom:30px}
.MHService .member .con02 .box .benefit04 table th { background:#c5c5c5; color:#fff; font-size:11px; padding:3px 0}
.MHService .member .con02 .box .benefit04 table th.bar { border-right:1px solid #b2b2b2}
.MHService .member .con02 .box .benefit04 table td { background:url(/Images/Sub/MHService_memIcon041.gif) 15px 20px no-repeat #f0f0f0;  padding:19px 15px 15px 39px; font-size:11px; vertical-align:text-top; color:#666}
.MHService .member .con02 .box .benefit04 table td.bar { border-right:1px solid #d8d8d8}
.MHService .member .con02 .box .benefit04 table td.barBot {border-bottom:1px solid #d8d8d8}
.MHService .member .con02 .box .benefit04 table td a { color:#38a6d0; text-decoration:underline}

.MHService .Pass .con01 h5 { margin-bottom:20px} 
.MHService .Pass .con02 h5 { margin-top:40px}
.MHService .Pass .con02 .Package {}
.MHService .Pass .con02 .Package dl { width:352px; height:145px; background:url(/Images/Sub/PackageBg.gif) no-repeat 0 0px; position:relative;  float:left; margin-top:25px} 
.MHService .Pass .con02 .Package dt { text-align:center; padding-top:19px} 
.MHService .Pass .con02 .Package dd.price {position:absolute; top:162px; left:25px}
.MHService .Pass .con02 .Package dd.price .day { font-size:16px; font-weight:bold}
.MHService .Pass .con02 .Package dd.price  del { font-size:14px; letter-spacing:-1px}
.MHService .Pass .con02 .Package dd.price .won {font-size:22px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#ff3c00; letter-spacing:-1px}
.MHService .Pass .con02 .Package dd.price .wont { font-size:18px; font-weight:bold; color:#ff3c00}
.MHService .Pass .con02 .Package dd.price .line { color:#e0e0e0}
.MHService .Pass .con02 .Package dd.btn01 {position:absolute; top:163px; right:25px}

/*사이트 이용안내*/
.MHService .HMC .newTit {width:710px;text-align:center;background:url('/Images/Sub/MHService_bar.gif') no-repeat center bottom;padding-bottom:50px}
.MHService .HMC .newcon01 {width:710px;height:305px;background:url('/Images/Sub/MHService_bar.gif') no-repeat center bottom}
.MHService .HMC .newcon01 .area {height:305px;background:url('/Images/Sub/MHService_Newimg02.jpg') no-repeat left top;padding:30px 0 0 350px}
.MHService .HMC .area .script {font-size:13px;font-family:Gulim;line-height:20px;margin-top:25px}
.MHService .HMC .newcon01 .area .script span {color:#1e8bcc;font-weight:bold}
.MHService .HMC .newcon02 {width:710px;height:320px;background:url('/Images/Sub/MHService_bar.gif') no-repeat center bottom}
.MHService .HMC .newcon02 .area {width:710px;height:310px;background:url('/Images/Sub/MHService_Newimg03.jpg') no-repeat left top;padding:30px 0 0 350px}
.MHService .HMC .newcon02 .area .script span {color:#f52962;font-weight:bold}
.MHService .HMC .newcon03 {width:710px;height:365px;background:url('/Images/Sub/MHService_bar.gif') no-repeat center bottom}
.MHService .HMC .newcon03 .area {width:710px;height:330px;background:url('/Images/Sub/MHService_Newimg04.jpg') no-repeat left top;padding:30px 0 0 350px}
.MHService .HMC .newcon03 .area .script span {color:#26b029;font-weight:bold}

/*명상에 들어가기 전에*/
.MHService .Before .newTit {width:710px;text-align:center;background:url('/Images/Sub/MHService_bar.gif') no-repeat center bottom;padding-bottom:50px}
.MHService .Before .newcon01 {width:710px;height:280px;background:url('/Images/Sub/MHService_bar.gif') no-repeat center bottom}
.MHService .Before .newcon01 .area {width:710px;height:280px;background:url('/Images/Sub/BeforeMeditation_img02.jpg') no-repeat left top;padding:30px 0 0 320px}
.MHService .Before .area .script {font-size:13px;font-family:Gulim;line-height:20px;margin-top:25px}
.MHService .Before .newcon02 {width:710px;height:313px;background:url('/Images/Sub/MHService_bar.gif') no-repeat center bottom}
.MHService .Before .newcon02 .area {width:710px;height:330px;background:url('/Images/Sub/BeforeMeditation_img03.jpg') no-repeat left 50%;padding:30px 0 0 320px}
.MHService .Before .newcon03 {width:710px;height:290px;background:url('/Images/Sub/MHService_bar.gif') no-repeat center bottom}
.MHService .Before .newcon03 .area {width:710px;height:272px;background:url('/Images/Sub/BeforeMeditation_img04.jpg') no-repeat left 50%;padding:30px 0 0 320px}
.MHService .Before .newcon04 {width:710px;height:290px;background:url('/Images/Sub/MHService_bar.gif') no-repeat center bottom}
.MHService .Before .newcon04 .area {width:710px;height:286px;background:url('/Images/Sub/BeforeMeditation_img05.jpg') no-repeat left 50%;padding:30px 0 0 320px}
.MHService .Before .newcon05 {font-family:Gulim;font-size:13px;color:#666;line-height:20px;background:url('/Images/Sub/BeforeMeditation_img07.jpg') no-repeat right top;padding-top:30px}
.MHService .Before .newcon05 span {color:#ff4c4c;font-weight:bold}


/*멘탈헬스자가테스트 */
.MHTest {}
.MHTest .Physical { width:590px; height:1054px;  background:url(/Images/Sub/MH_TestPhysicalBg.jpg) no-repeat; padding-left:60px; padding-top:5px; padding-right:60px}
.MHTest .Physical .question { width:470px; padding-left:60px; padding-right:60px}
.MHTest .Physical .question p { font-size:16px; line-height:23px; font-weight:bold; color:#000000; margin-bottom:10px}
.MHTest .Physical .question .number { font-family:Verdana, Geneva, sans-serif;  font-weight:bold; font-size:20px; color:#ff6e17} 
.MHTest .Physical .question .check { font-size:14px; height:23px}



/*다시 보는 힐링 레터 */
.HLLetterListTop { width:710px; height:auto; background:url(/Images/Sub/HealingLetter_ListTopBg.gif) no-repeat; float:left; margin-bottom:35px}
.HLLetterListTop dl { padding:28px 30px; width:650px; height:174px; position:relative; line-height:23px}
.HLLetterListTop dt { font-size:14px; font-weight:bold; margin-bottom:20px; color:#9338f8}
.HLLetterListTop dt a {color:#9338f8}
.HLLetterListTop dt con a { color:#2e2e2e}
.HLLetterListTop dd con a:hover { color:#828282; text-decoration:underline}
.HLLetterListTop dd.thumb { position:relative; float:left; width:245px; height:162px; border:1px solid #dedede; margin-right:25px}
.HLLetterListTop dd.thumb .Nicon {position:absolute; top:0px; left:0px}
.HLLetterListTop dd.btn { position:absolute; right:28px; bottom:27px}


.energyBg { background:url(/Images/Sub/Energy_img02.jpg) no-repeat}
.energyBg p { margin-left:40px; margin-bottom:20px}

/* 2017-03-08 레터신청 배너 */
.HLLetterListTop .btn .btn_goDetail { width: 145px; height: 29px; line-height: 29px; padding: 0; background: #aa5d19; color: #fff; font-size: 14px; font-family: Malgun Gothic, '맑은 고딕', dotum; cursor: pointer}
.banner_subscribe { position: relative; width: 710px; height: 180px; margin-top: 10px; background: url(/Images/banner/170308_subscribe.jpg) left top no-repeat}
.banner_subscribe .btn_goEvent { position: absolute; top: 140px; display: block; height: 29px; overflow: hidden; text-indent: -9999px; left: 427px; width: 120px  }
.banner_subscribe .btn_sbscrb { position: absolute; top: 140px; display: block; height: 29px; overflow: hidden; text-indent: -9999px; left: 561px; width: 138px; background: none; cursor: pointer }


/*콘텐츠 제휴 안내*/
.MHB2B {}
.MHB2B .tit { background:url(/Images/Sub/MH_B2B_tit.gif) no-repeat; height:141px; text-indent:-100000000px}
.MHB2B .work h5 { text-indent:-100000000px}
.MHB2B .work .tv {background:url(/Images/Sub/MH_B2B_tv.jpg) no-repeat; height:192px; margin-bottom:5px}
.MHB2B .work .bw {background:url(/Images/Sub/MH_B2B_bw.jpg) no-repeat; height:192px}
.MHB2B .work p { padding:60px 0 0 253px}
.MHB2B h4 { background:url(/Images/Sub/MH_B2B_bar01.gif) no-repeat; height:45px; position:relative}
.MHB2B h4 strong { display:block; padding:15px 0 0 15px; font-size:14px; font-weight:bold; color:#636363}
.MHB2B h4 img { position:absolute; right:15px; top:15px}
.MHB2B .con .txt01 {background:url(/Images/Sub/MH_B2B_txt01.gif) no-repeat; height:16px; text-indent:-100000000px; margin:45px 0 15px 0}
.MHB2B .con ul { margin:10px 0 10px 0; height:210px}
.MHB2B .con li { float:left; margin-right:16px}
.MHB2B .con li.last { margin-right:0px}
.MHB2B .con li span { display:block; text-indent:-100000000px}
.MHB2B .guide {background:url(/Images/Sub/MH_B2B_guideBg.jpg) no-repeat left bottom; padding-bottom:30px}
.MHB2B .guide h4 { background:url(/Images/Sub/MH_B2B_bar02.gif) no-repeat; height:45px; position:relative}
.MHB2B .guide h4 strong { display:block; padding:15px 0 0 15px;  font-size:14px; font-weight:bold; color:#fff}
.MHB2B .guide p { margin:30px 0 0 30px; line-height:25px}
.MHB2B .guide p span { color:#2777ec}
.MHB2B .history { margin-top:15px}
.MHB2B .history .y2013 { background:url(/Images/Sub/MH_intro_B2B2013.gif) no-repeat; height:20px; line-height:9999px; margin-bottom:10px; overflow:hidden}
.MHB2B .history .y2012 { background:url(/Images/Sub/MH_intro_B2B2012.gif) no-repeat; height:20px; line-height:9999px; margin-bottom:10px; margin-top:30px; overflow:hidden}
.MHB2B .history .tvhis { background:url(/Images/Sub/MH_B2B_history.jpg) no-repeat;  padding:38px 30px 50px 305px}
.MHB2B .history .tvhis ul {}
.MHB2B .history .tvhis li { border-bottom:1px solid #ededee; padding:10px 0}
.MHB2B .history .tvhis li strong { display:inline-block; width:35px; color:#6db2ff}
.MHB2B .history .tvhis li span { font-weight:bold; color:#9dc1e9}
.MHB2B .history .tvhis li .pal { padding-left:35px}
.MHB2B .history .tvhis li img {vertical-align:top}
.MHB2B .topimg { margin-top:-25px; margin-bottom:10px}
.MHB2B .guide01 {background:url(/Images/Sub/MHB2B_BGimg.jpg) no-repeat left bottom; padding-bottom:30px; height:200px}
.MHB2B .guide01 p { margin-left:20px; line-height:25px}
.MHB2B .guide01 h5 { margin-bottom:23px}
.MHB2B .guide02 {}
.MHB2B .guide02 p { margin-left:20px; line-height:25px}
.MHB2B .guide02 h5 { margin-top:45px; margin-bottom:23px}
.MHB2B .guide03 {padding-bottom:10px}
.MHB2B .guide03 p { margin-left:20px; line-height:25px}
.MHB2B .guide03 h5 { margin-top:45px; margin-bottom:23px}
.MHB2B .guide04 {background:url(/Images/Sub/MHB2B_BGimg3.jpg) no-repeat left bottom; padding-bottom:30px; height:111px}
.MHB2B .guide04 p { font-size:14px; font-weight:bold; margin-left:32px; padding-top:90px; line-height:25px; color:#424242}





/*율려힐링 : 개편 후 삭제할 것.*/
.YHmovie { background:url(/Images/Sub/CourseYH_MainBg.jpg) no-repeat; height:549px; margin-top:40px; padding:55px 35px 0 35px; position:relative}
.YHmovie p {color:#c4c3c3; letter-spacing:-1px}
.YHmovie .more { position:absolute; top:60px; right:35px}
.YHmovie .movie {  position:absolute; top:115px; left:35px}
.YHmovie .movie .time {  position:absolute; top:15px; right:0px; font-size:11px; color:#859fbb; font-weight:bold}
.YHView .sfont { font-size:11px; color:#a09fa1; padding:7px 7px 7px 15px; border-bottom:1px solid #d9d9d9; position:relative; height:20px}
.YHView .sfont .rightNum { position:absolute; right:10px; top:7px}
.YHView .recommend {font-size:11px; color:#ff3276}
.YHView .line { color:#e0e0e0; font-size:11px; padding:0 5px}
.YHView .name { color:#636363; font-size:11px; font-weight:bold}
.YHView .reply { font-size:11px; color:#7f54fd}
.YHViewMovie { margin:20px 0 50px 0}
.YHpreview { position:relative}
.YHpreview .premovie {}
.YHpreview .memberShip { position:absolute; right:0; top:0}


/*행복한 데이트 메인 */
.HDate { width:710px}
.HDate .ongoing { width:586px; height:282px;  border-right: 1px solid #e6e7e9; float:left}
.HDate .ongoing dl { position:relative} 
.HDate .ongoing dt {font-size:14px; color:#f64b01; font-weight:bold; padding-top:5px; margin-right:10px}
.HDate .ongoing dt a {font-size:14px; color:#f64b01; font-weight:bold; padding-top:5px; margin-right:10px}
.HDate .ongoing dd.thumbMain { width:236px; height:236px; border: 1px solid #d8d8d8; text-align:center; float:left; margin-right:18px; padding:23px; }
.HDate .ongoing dd.thumbMain.icon { position:absolute; top:0; left:0}
.HDate .ongoing dd.con01  { padding-left:300px; font-size:12px; color:#000000;line-height:24px; margin-top:20px}
.HDate .ongoing dd.con02 { font-size:12px; color:#5e5e5e;line-height:18px; margin-top:20px; margin-right:10px}
.HDate .ongoing dd.con02 a { font-size:12px; color:#5e5e5e;line-height:18px; margin-top:20px; margin-right:10px}
.HDate .ongoing dd.btn01 {position:absolute; top:241px; left:300px}
.HDate .ongoing dd.btn02 {position:absolute; top:278px; left:0px}
.HDate .ongoing dd.btn02 img { margin-right:2px}
.HDate .ongoing dd.btn03 {position:absolute;top:295px; left:164px}

.boardSearchYR { text-align:center; width:100%; background-color:#f8cd48; padding:13px 0}
.boardSearchYR div { padding:10px 0 10px 0px}
.boardSearchYR * { vertical-align:top}
.boardSearchYR input.text { padding:3px 3px 2px 3px}

.HDate .level { width:93px; padding:6px 15px; text-align:center; float:right}
.HDate .level p { font-size:24px; font-family:Verdana, Geneva, sans-serif; color:#000000; margin-top:10px; margin-left:10px; font-weight:bold}
.HDate .experience { margin-top:45px; width:113px; margin-left:10px; float:right}
.HDate .experience dl {}
.HDate .experience dd {background:url(/Images/Sub/HDMexperienceBg.gif) no-repeat; height:103px; padding:13px 10px; font-size:11px; letter-spacing:-1px}

.HDbest { margin-top:39px; width:684px; height:96px; background:#f6f6f6; border-top:2px solid #e6e7e9; padding:19px 13px} 
.HDbest dl { margin-top:3px; width:204px; position:relative; float:left}
.HDbest dt { margin-bottom:5px; font-size:11px; line-height:16px}
.HDbest dt a { color:#333}
.HDbest dd.thumb { width:120px; height:76px; text-align:center; float:left; background:url(/Images/Sub/HDMex_thumbBg.gif) no-repeat; margin-right:11px}
.HDbest dd.star { position:absolute; left:131px; top:60px}

.HDBox { margin-top:21px}
.HDwin {  width:214px; float:left}
.HDwin ul {padding:13px 0}
.HDwin ul li { background:url(/Images/sub/dotcon.gif) no-repeat 0px 8px;  padding-left:10px; font-size:12px; line-height:20px; color:#838383}
.HDwin ul li a {overflow:hidden;display:inline-block;width:210px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');color:#838383 !important;vertical-align:middle;*vertical-align:top} /*말줄임 스타일*/

/*행복한데이트 텝*/
.HDlist_tabtype {overflow:hidden;width:100%; height:47px; background:url(/Images/Sub/News_BgTab.gif) repeat-x; margin-bottom:40px}
.HDlist_tabtype ul {background:url(/Images/Sub/News_BgTab2.gif) no-repeat top left}
.HDlist_tabtype li {width:237px; _width:237px; font-weight:bold; line-height:15px; float:left; overflow:hidden; background:url(/Images/Sub/News_BgTab2.gif) no-repeat top right}
.HDlist_tabtype li.fstOn { background:url(/Images/Sub/HD_BgTabOnR2.gif) no-repeat top left; border-right:1px solid #c9c9c9}
.HDlist_tabtype li.last { width:236px} /*3번째li만 적용*/
.HDlist_tabtype li a { width:236px; height:47px; display:block; cursor:pointer;  font-size:16px; text-align:center; font-family:dotum; padding-top:15px}
.HDlist_tabtype li a:hover {color:#ff1064}
.HDlist_tabtype li.on { background:url(/Images/Sub/News_BgTabOnR.gif) no-repeat top right}

/*행복한데이트상품 목록*/
.HDCon .Goods00 { padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #e6e7e9} /*행데상품목록 그룹핑*/
:root .HDCon .Goods00 { padding-bottom:25px; margin-bottom:25px} /*행데상품목록 그룹핑 - 파이어폭스,사파리 지원*/
.HDCon .Goods00 {*zoom:1}  
.HDCon .Goods00:after {content:" "; display:block; clear:both}

.HDCon .listgoods dt {font-size:14px; line-height:20px; font-weight:bold;  margin-bottom:5px;margin-top:-3px; _margin-top:0px} /*행데상품목록  썸네일 목록*/
.HDCon .listgoods dt a{color:#000}
.HDCon .listgoods dt a:hover{ text-decoration:underline}
.HDCon .listgoods dd a { line-height:18px; color:#555}
.HDCon .listgoods dd.thumb { float:left; margin-right:24px; width:175px; height:111px; text-align:center; border:1px solid #e5e5e5; position:relative}
.HDCon .listgoods .thumb .mber {position:absolute; top:0; left:0; z-index:50}
.HDCon .listgoods dd.con01 { float:right; width:507px}
.HDCon .listgoods dd.con01 a{ line-height:18px; color:#555}
.HDCon .listgoods dd.con01 a:hover{ text-decoration:underline}
.HDCon .listgoods dd.con02 { float:right; width:507px; margin-top:7px}
.HDCon .listgoods dd.con02 a{ line-height:16px; color:#999999}
.HDCon .listgoods dd.con02 a:hover{ text-decoration:underline}
.HDCon .listgoods dd.bnt { float:right; width:507px; margin-top:10px}

/*지금은데이트중: 꼭알아두세요*/
.HDnt ul.notice { background:url(/Images/Sub/LPcoupon_notice.gif) 0 0 no-repeat; padding: 17px 0 0 112px; color:#858585; font-size:11px; margin-top:50px}
.HDnt ul.notice li {line-height:16px; padding-bottom:5px}
.HDnt ul.notice li a { color:#6e49c8}
.HDnt ul.notice li a:hover { color:#000}
.HDnt div.noticebottom { height:20px; background:url(/Images/Sub/LPcoupon_noticebottom.gif) no-repeat 0 0}

/*지금은데이트중: 상세설명*/
.HDView { margin-top:30px}
.HDView .goods { margin:25px 0}

/*지금은데이트중: 당첨확인*/
.HDwincheck { margin:25px 0}
.HDwincheck ul{  padding:20px 20px; border: 1px solid #e2e2e2; margin-top:13px;  background:url(/Images/Sub/HDwincheckBG.jpg) no-repeat bottom right}
.HDwincheck ul li { font-size:12px; line-height:20px}

.QABox table.lp{ font-size:14px;  line-height:22px}
.QABox table.lp td.color{ color:#000; font-weight:bold}
.QABox table.lp td.bg{  background-color:#f9f9f9;  padding-top:10px; padding-bottom:20px}

/*HOT 추천데이트*/
.HDbest2 { margin-top:25px; width:680px; height:96px; background:#f6f6f6; border-top:2px solid #e6e7e9; padding:15px 15px 19px 15px} 
.HDbest2 dl { margin-top:3px; width:204px; position:relative; float:left}
.HDbest2 dt { margin-bottom:5px; font-size:11px; line-height:16px}
.HDbest2 dt a { color:#333}
.HDbest2 dd.thumb { width:120px; height:76px; text-align:center; float:left; background:url(/Images/Sub/HDMex_thumbBg.gif) no-repeat; margin-right:11px}
.HDbest2 dd.review { position:absolute; left:131px; top:45px;  font-size:11px; color:#7253cf}
.HDbest2 dd.star { position:absolute; left:131px; top:60px}

/*HOT 추천데이트*/
.HDexperience { background-color:#f7f7f7; padding:20px 20px; margin:-10px 0}
.HDexperience .goodsgo a { font-weight:bold; color:#6e46e5; text-decoration:underline}

/*구매 확인*/
.MemWrap2 {width:940px; margin:30px 0 50px 0}
.MemWraptop2 {background:url(/Images/Layout/memWrap_top.gif) no-repeat top left; padding:40px 0 0 115px}
.MemWrapbot2 {background:url(/Images/Layout/memWrap_bot.gif) no-repeat top left; width:940px; height:70px}
.MemWrap2 .MemCon { width:710px}
.MemWrap2 .Corporatejoinimg { margin-top:-25px; margin-left:-100px; margin-bottom:23px} 
.MemWrap2 .MemCon .checkComment {color:#7b49ff; padding-left:10px; font-size:11px; font-weight:bold; padding:3px}

.PHList { margin-top:20px; font-size: 12px }
.PHList th { background-color:#f2f2f2; border-top:2px solid #000; border-bottom:2px solid #e0e0e0; padding:8px 0; color:#000}
.PHList td { border-bottom:1px solid #ececec; padding:10px 0 10px 12px; }
.PHList td.enter  { font-size:12px; line-height:180%; text-align:center}
.PHList td.sum  { font-size:12px; font-weight:bold; color:#c91818; text-align:center}
.PHList td.orange { color:#ff5502; text-align:center}
.PHList.type02 td { border-bottom: none; padding:10px 0 } /* 2017-03-15 css 추가 */
.PHList.type02 tr:last-child td { border-bottom:1px solid #ececec } /* 2017-03-15 css 추가 */
.PHWrite {font-size: 12px}
.PHWrite tr th{ padding:9px 0; border-bottom:solid 1px #e3e3e3; border-right:solid 1px #e3e3e3; background-color:#f2f2f2; color:#000}
.PHWrite tr td{ padding:12px 0; border-bottom:solid 1px #e3e3e3; padding-left:15px; background-color:#fff}
.PHWrite tr th.subTitle{ background-color:#f7f7f7; border-bottom:solid 1px #e3e3e3; color:#333 }

/* 2017-04-28 css 추가 */
.PHWrite tr td textarea { padding: 10px; box-sizing: border-box; -webdit-box-sizing: border-box; -o-box-sizing: border-box }
.PHWrite tr td .txtNtc { text-align: right; color:#2698e0; font-size: 11px }
.PHWrite tr td .prdtLink {text-decoration:underline;color:#1c67cd;font-weight:600}

.PHTit { margin-top:40px; position:relative}
.PHTit  h4 { margin-bottom: 15px; font-size:  15px; color: #000; letter-spacing: -0.07em } /* 2017-03-22 css 추가 */
h4.tbeTitle {font-size:  15px; color: #000; letter-spacing: -0.07em}
.PHstep { position:absolute; top:-20px; right:0px}

.sptable {border:1px solid #e1e1e1; border-right:0}
.sptable th {background:#eff3f5; text-align:center; padding:6px 0; font-size:11px; font-weight:normal; border-right:1px solid #d0dae1}
.sptable td {text-align:center; padding:6px; border-right:1px solid #e1e1e1; font-size:11px}

/*구매 확인: 적립혜택*/
.PHnt ul.notice { background:url(/Images/Sub/PH_notice.gif) 0 0 no-repeat; padding: 20px 0 0 75px; color:#858585; font-size:11px; margin-top:30px}
.PHnt ul.notice li {line-height:16px; padding-bottom:5px}
.PHnt ul.notice li a { color:#6e49c8}
.PHnt ul.notice li a:hover { color:#000}
.PHnt div.noticebottom { height:15px; background:url(/Images/Sub/PH_noticebottom.gif) no-repeat 0 0}

/*결제완료*/
.complete_txt {text-align:center}
.complete_txt .ctit {font-size:18px; font-weight:bold; color:#0e9a95}
.complete_txt .ctxt {color:#888}

.PHnt ul.notice2 { background:url(/Images/Sub/PH_notice2.gif) 0 0 no-repeat; padding:20px 0 0 20px; color:#444; font-size:11px; margin-top:30px}
.PHnt ul.notice2 li {line-height:16px; padding-bottom:5px}
.PHnt ul.notice2 li a { color:#6e49c8}
.PHnt ul.notice2 li a:hover { color:#000}
.PHnt ul.notice2 .btxt {color:#222}
.PHnt ul.notice2 .btxt a {color:#4873ee}
.PHnt ul.notice2 .btxt a:hover {text-decoration:underline}
.tgray {color:#858585}

.PHnt div.noticebottom { height:15px; background:url(/Images/Sub/PH_noticebottom.gif) no-repeat 0 0}

.reco_list {overflow:hidden}
.reco_list .recocon {width:225px; float:left; margin-right:16px}
.reco_list .recocon dd {margin-top:15px; padding:0 0px}
.reco_list .recocon dd .rtit {font-weight:bold; font-size: 13px}
.reco_list .recocon dd .rcon {display: none; margin-top:5px; color:#888}
.reco_list .recocon dd .sblue {margin-top:5px; color:#39b3bb; font-size:11px}


/*프로그램 패키지 구매*/
.PHBox { width:662px; height:64px; background:url(/Images/Sub/PH_BoxBg.gif) no-repeat; padding:15px 24px ; margin-top:25px; position:relative}
.PHBox dt { font-size:14px; font-weight:bold}
.PHBox ul {padding:13px 0}
.PHBox ul li { background:url(/Images/sub/dotconP.gif) no-repeat 0px 6px;  padding-left:7px; font-size:12px; line-height:20px; float:left; margin-right:15px; margin-top:10px}
.PHBox .won { color:#ff2400}
.PHBox .Pbt01 {position:absolute;left:280px;top:13px}
.PHBox .Pbt02 {position:absolute; right:20px; top:12px}
.PHBox .Pbt04 {position:absolute; right:23px; top:12px}
.PHBox .Ptt {position:absolute;left:265px;top:15px; font-size:11px; color:#8c888c}

/*기간제 이용건 구매*/
.PHMhBox { width:662px; height:15px; background:url(/Images/Sub/PH_BoxMhBg.gif) no-repeat; padding:20px 24px 22px 24px; margin-top:25px; position:relative}
.PHMhBox ul {}
.PHMhBox ul li {background:url(/Images/sub/icon_notice3.gif) no-repeat 0px 2px; font-size:12px; padding-left:20px; line-height:18px}
.PHMhBox .Pbt03 { position:absolute; right:18px; top:15px}

.PassBox: {}
.Pass01 { width:352px; float:left; margin-bottom:17px}
.Pass02 { width:352px; float:right; margin-bottom:17px}
.Pass03 { width:710px; margin-bottom:15px}
.passinfo01 {display:block; margin-bottom:30px; background:url(/Images/Sub/icon_info.gif) no-repeat 0 2px; padding-left:22px}
.passinfo01 strong{color:#f77269; font-weight:bold}
.passinfo02 {height:100px;background:url(/Images/Sub/icon_speaker.gif) no-repeat 0 2px; padding:18px 0 0 110px}
.passinfo02 .tit{display:block; margin-bottom:6px; font-size:14px; font-weight:bold; color:#333}
.passinfo02 .text01 {display:block; background:url(/Images/Sub/icon_dot.gif) no-repeat 0 8px; padding-left:10px; color:#555}
.passinfo02 .text01 strong{color:#2f7fd1}

/*힐링스토리뷰*/
.healingstory { width:710px; background:url(/Images/Sub/healingstoryBg01.jpg) repeat-y; border-bottom:1px solid #bfe6dd; margin-top:14px}
.healingstory div.top { background:url('/Images/Sub/healingstorytop01.jpg') no-repeat 0 100%; height:8px}
.healingstory .Box { width:625px; background-color:#ffffff; margin:15px 43px 35px 42px}
.healingstory .Box  div.inner01 { background:url('/Images/Sub/healingstorytop02.jpg') no-repeat 0 100%; height:10px}
.healingstory .Box  div.inner02 { background:url('/Images/Sub/healingstorybottom01.jpg') no-repeat 0 100%; height:10px}
.healingstory .tit {width:577px; margin:28px 25px; line-height:24px; position:relative; font-size:13px; }
.healingstory .img { position:absolute; right:0px; top:0px}
.healingstory .con { width:625px; margin:15px 43px 35px 42px; font-size:13px}
.healingstory .con dl {height:123px; line-height:23px}
.healingstory .con dt {font-size:20px; font-weight:bold;letter-spacing:-1px; margin-bottom:12px; color:#2f2f2f}
.healingstory .con dt  a {color:#2f2f2f; text-decoration:none}
.healingstory .con dt  a:hover { color:#2f2f2f; text-decoration:none}
.healingstory .con dd a {color:#4b4e4d; line-height:18px; text-decoration:none; letter-spacing:-1px}
.healingstory .con dd a:hover { color:#4b4e4d2; text-decoration:none; letter-spacing:-1px}
.healingstory .con dd.thumb {  float:left; width:220px; height:123px; margin-right:28px}
.healingstory .con dd.hit {color:#919191; margin-bottom:7px; font-family:dotum,verdana; letter-spacing:-1px}

/*Change*/
.Chscore { background:url(/Images/Sub/change_MainNumbg.jpg) no-repeat; font-weight:bold; font-size:14px; padding:30px 0 20px 270px; color:#4b4b4b}
.Chscore strong { color:#ff551a; font-family:Verdana; font-size:16px}
.ChList {}
.ChList .chBox { border:1px solid #d7dce3; width:343px; float:left; margin-right:20px; margin-bottom:20px}
.ChList .chBox {*zoom:1} 
.ChList .chBox:after {content:" "; display:block; clear:both} 
.ChList .chBox .chtable { margin:10px}
.ChList .chBox .chtable table { margin-top:15px}
.ChList .chBox .chtable table td { padding:3px 0}
.ChList .chBox .chtable table td.con { color:#3e4852; padding-left:26px; background:url(/Images/Sub/change_MainListicon.gif) 8px 6px no-repeat}
.ChList .chBox .chtable table td.con span { color:#0aa7bc}
.ChList .chBox .chtable table td.con a:hover { text-decoration:underline}
.ChList .chBox .chtable table td.name { font-size:11px; color:#9194a1; text-align:right}
.ChList .chBox .detailNum { background-color:#f9fafb; border-top:1px solid #edf0f3; color:#979fa6; text-align:center; padding:10px 0}
.ChList .chBox .detailNum p strong {color:#46bbcb}
.ChList .chtitleWrap { background:#f9fafb; border-bottom:1px solid #edf0f3; padding:10px}
.ChList .chtitleWrap .chtitle { font-weight:bold;  width:323px; height:44px; }
.ChList .chtitleWrap .chtitle h5 {font-size:14px; padding:15px 0 0 20px}
.ChList .chtitleWrap .chtitle h5 a { font-size:14px; color:#fff}
.ChList .chtitleWrap .chtitle span { color:#fcff00}
.ChList .chtitleWrap .theme01 { background:url(/Images/Sub/change_MainList01.jpg) no-repeat}
.ChList .chtitleWrap .theme02 { background:url(/Images/Sub/change_MainList02.jpg) no-repeat}
.ChList .chtitleWrap .theme03 { background:url(/Images/Sub/change_MainList03.jpg) no-repeat}
.ChList .chtitleWrap .theme04 { background:url(/Images/Sub/change_MainList04.jpg) no-repeat}
.ChList .chtitleWrap .theme05 { background:url(/Images/Sub/change_MainList05.jpg) no-repeat}
.ChList .chtitleWrap .theme06 { background:url(/Images/Sub/change_MainList06.jpg) no-repeat}

/*도통스쿨회원이 회원가입 완료*/
.Memcontainer { margin:10px 0}
.Memcomplete { background:url(/Images/Sub/MemCompleteN.jpg) no-repeat 0 0; min-height:228px; _height:228px}
.Memcomplete h4 { padding-top:112px;  font-size:16px; font-weight:bold; color:#084f9a;line-height:24px}
.Memcomplete p { margin-top:11px; color:#858585; font-size:12px; line-height:20px}

.RecommendN { margin-left:68px; margin-top:15px; position:relative}
.RecommendN label { width:90px; display:block; font-weight:bold; color:#3888dc; float:left}
.RecommendN input.Re2 { background:url(/Images/Sub/input_bgRecommend.gif) no-repeat #f4f8ff}
.RecommendN .notice { background:url(/Images/Sub/MemBg_detailBox02.gif) no-repeat; height:39px; width:326px; position:absolute; top:25px; left:90px; _left:0px}
.RecommendN .notice p { padding:12px 5px 0 10px; font-size:11px; font-weight:bold; color:#ff286a}

.MemjoinStep { margin-top:35px; margin-bottom:40px}
.MemjoinStep ul {}
.MemjoinStep li { display:inline; margin-right:-4px}
.Membtn { margin:50px 0; text-align:center}
.Memicon { background:url(/Images/Sub/MemIcon_bullet.gif) no-repeat 0 2px; font-size:11px; padding-left:18px; color:#4d59a3}
.MemnoticeSubTxt {font-size:11px; color:#a9a9a9}
.noicontxt {font-size:11px; color:#dd2a00; letter-spacing:-1px; margin-left:100px}
.MemconBox { background:url(/Images/Sub/MemBg_conBoxC.gif) no-repeat top left; margin-top:20px}
.MemconBox .bot { background:url(/Images/Sub/MemBg_conBoxB.gif) no-repeat bottom left; height:5px}
.MemconBox .con {padding:40px 10px}

/*추천 콘텐츠 : 이럴 땐 이렇게 */
.keywordTipBox { width:668px; min-height:100px; background-color:#f4f9fd; border: solid 1px #d9dee2; padding:20px 20px 17px 20px}
.keywordTipBox dl {} 
.keywordTipBox dt {font-size:14px; font-weight:bold; color:#2f2f2f}
.keywordTipBox dd.thumbMain { width:65px; margin-right:10px; float:left}
.keywordTipBox dd.con01  { padding-left:70px; width:596; font-size:12px; color:#000000;line-height:20px; margin-top:15px}

.keywordTipBox2 { width:668px; min-height:45px; background-color:#f4f9fd; border: solid 1px #d9dee2; padding:15px 20px}
.keywordTipBox2 dl {} 
.keywordTipBox2 dt {font-size:14px; font-weight:bold; color:#2f2f2f}
.keywordTipBox2 dd.thumbMain { width:65px; margin-left:5px; float:left}
.keywordTipBox2 dd.con01  { padding-left:70px; width:596; font-size:12px; color:#000000;line-height:24px}
.keywordTipBox2 dd div.innertop { background:url('/Images/Sub/keywordTiptop.gif') no-repeat 0 100%; height:15px}
.keywordTipBox2 dd div.con02 { background:url(/Images/Sub/keywordTipBg.gif) repeat-y ; padding-left:15px; padding-right:10px; font-size:14px; font-weight:bold; color:#2f2f2f}
.keywordTipBox2 dd div.innerbottom { background:url('/Images/Sub/keywordTipbottom.gif') no-repeat 0 100%; height:15px}

.keywordTipTit01 h4 { margin-top:40px; padding-bottom:10px; border-bottom:#a9a9a9 solid 2px}
.keywordTipTit02 h4 { margin-top:20px; padding-bottom:10px; border-bottom:#a9a9a9 solid 2px}
.Vnumber { position:relative}
.Vnumber .total00 {position:absolute;top:-27px;left:100px;font-size:14px;font-family:Verdana, Geneva, sans-serif}
.Vnumber .total01 {position:absolute;top:-29px;left:30px;font-size:14px;font-family:Verdana, Geneva, sans-serif}
.Vnumber .total02 {position:absolute;top:-29px;left:43px;font-size:14px;font-family:Verdana, Geneva, sans-serif}
.Vnumber .total03 {position:absolute;top:-29px;left:93px;font-size:14px;font-family:Verdana, Geneva, sans-serif}
.Vnumber .popular {position:absolute;top:-25px;right:0px}

.keywordrecommendBox {width:652px; border: solid 4px #e3e3e3; padding:20px 25px; font-size:14px; line-height:30px; color:#000000}
.keywordrecommendBox .line { color:#d3d3d3; padding-left:8px; padding-right:8px; font-size:14px}
.keywordrecommendBox .level01 { font-weight:bold; background-color:#ff3c73; color:#ffffff; padding:3px}
.keywordrecommendBox .level01 a { font-weight:bold; background-color:#ff3c73; color:#ffffff; padding:3px}
.keywordrecommendBox .level01 a:hover { font-weight:bold; background-color:#ff3c73; color:#ffffff; padding:3px; text-decoration:underline}
.keywordrecommendBox .level02 { font-weight:bold; color:#ff0048; }
.keywordrecommendBox .level02 a { font-weight:bold; color:#ff0048}
.keywordrecommendBox .level02 a:hover { font-weight:bold; color:#ff0048; text-decoration:underline}
.keywordrecommendBox .level03 {color:#000000}
.keywordrecommendBox .level03 a {color:#000000}
.keywordrecommendBox .level03 a:hover {  color:#000000; text-decoration:underline}

/*추천 콘텐츠 : 금주의 테마 영상 */
.WeekthemeBox {width:658px; min-height:105px; background-color:#f4f9fd; border: solid 1px #d9dee2; padding:20px 25px; position:relative}
.WeekthemeBox .tit { margin-left:32px;  padding-top:5px; color:#2f2f2f; font-size:14px}
.WeekthemeBox .staricon { position:absolute; top:-1px; left:20px}
.WeekthemeBox .con01  { font-size:12px; color:#000000;line-height:20px; margin-top:20px; padding-bottom:20px; border-bottom:#d9dee2 solid 1px}

.WeekthemeBox .Themenotice { position:relative; }
.WeekthemeBox .Themenotice h4 {}
.WeekthemeBox.Themenotice .commentN { text-align:right; font-size:11px; color:#b9b9b9; position:absolute; top:0px; right:0px}
.WeekthemeBox dl { float:left; margin-right:18px; padding-top:20px; border-top:#ffffff solid 1px}
.WeekthemeBox dl.last { margin-right:0px}
.WeekthemeBox dl dd.thumb { position:relative}
.WeekthemeBox dl dd.thumb .playBtn { position:absolute; top:80px; left:10px}
.WeekthemeBox dl dt { font-weight:bold; color:#303030; margin-top:7px}
.WeekthemeBox dl dt span { color:#52c2c4}
.WeekthemeBox dl dt strong { color:#ff9191}

.WeekthemeBox2 { background-color:#f7f7f7; padding:20px 25px; margin:-10px 0}
.WeekthemeBox2 .Themenotice { position:relative; }
.WeekthemeBox2 .Themenotice h4 {}
.WeekthemeBox2.Themenotice .commentN { text-align:right; font-size:11px; color:#b9b9b9; position:absolute; top:0px; right:0px}
.WeekthemeBox2 dl { float:left; margin-right:18px; padding-top:20px}
.WeekthemeBox2 dl.last { margin-right:0px}
.WeekthemeBox2 dl dd.thumb { position:relative}
.WeekthemeBox2 dl dd.thumb .playBtn { position:absolute; top:80px; left:10px}
.WeekthemeBox2 dl dt { font-weight:bold; color:#303030; margin-top:7px}
.WeekthemeBox2 dl dt span { color:#52c2c4}
.WeekthemeBox2 dl dt strong { color:#ff9191}

/*법인(단체) 회원 가입 */
.CorporatejoinBox { background:url(/Images/Sub/CorporateMem_joinBoxBg.gif) no-repeat; height:159px; width:254px; margin-right:21px; padding:77px 45px 27px 45px; float:left} 
.CorporateloginBox { background:url(/Images/Sub/CorporateMem_loginBoxBg.gif) no-repeat;  height:159px; width:254px; padding:77px 45px 27px 45px; float:left} 
.MemIframe {width:705px; height:210px; padding-left:10px; overflow-x:hidden;  border:2px solid #e2e1f4; margin:10px 0}
.Memborder4px { border:5px solid #e4e4e4; padding:30px; margin-top:20px}
.Corporatejoincompleteimg { background:url(/Images/Sub/CorporateMem_joincomplete.jpg) no-repeat; height:82px; width:710px; margin-top:45px; padding-top:90px; font-size:14px; font-weight:bolder; line-height:26px}
.CorporatejoincompleteBox {background:url(/Images/Sub/CorporateMem_joincompleteboxBg.gif) no-repeat;  height:60px; width:660px; padding:30px 25px; margin-bottom:15px}
.Corporatetopmenu {margin-top:35px; margin-bottom:40px}
.certificationBox { background:url(/Images/Sub/Corporate_MycertificationBg.gif) no-repeat; height:33px; width:560px; padding:35px 75px}
.choiceAdd { padding-bottom:18px}
.addList { height:127px; margin-top:5px; border:1px solid #d6d6d6; padding:6px; overflow:auto}
.addList li { padding:5px 5px 3px 5px; display:block; border-bottom:1px solid #d6d6d6}
.CorporateInfo { position:relative}
.CorporateInfo .right { position:absolute; right:0; top:3px; font-size:12px; color:#4e4e4c}
.CorporateInfo .subtitle { position:absolute; right:0; top:3px; font-size:11px; color:#7b49ff}

/* 앱 홍보 이벤트 팝업 : 20140317(디자인팀 이승엽) */
.AppEventPop {width:380px; color:#666666}
.AppEventPop h1 {background-color:#0047b5; padding:15px; margin:0}
.AppEventPop .topBox {padding:15px; background-color:#e8fcff}
.AppEventPop .topBox .txtArea {height:127px; width:320px; font-size:12px; margin:10px 0; background-color:#fff; padding:8px; border:1px solid #b3b3b3; overflow:auto}
.AppEventPop .topBox p {font-weight:bold; font-size:12px; margin-top:25px}
.AppEventPop .topBox span {font-size:11px; font-weight:normal; margin-left:10px}
.AppEventPop .topBox .list {border:1px solid #b3dfe6; background-color:#d0f3f8; padding:10px}
.AppEventPop .topBox .list p {font-weight:bold; font-size:12px; margin-left:10px; margin:3px 0}
.AppEventPop .topBox .list .name{width:100px; height:20px; margin:0 5px 0 15px; border:1px solid #ccc}
.AppEventPop .topBox .list .num{width:150px; height:20px; margin:0 5px; border:1px solid #ccc}
.AppEventPop .topBox .btnArea { text-align:center; margin-top:15px}
.AppEventPop .topBox .guide p {font-size:11px; border-top:1px solid #d0e9f7; margin-top:10px; font-weight:normal; line-height:16px; padding-top:10px}

.SpecialGuideWrap {  font-family:'Malgun Gothic', Dotum , '맑은 고딕', '돋움'; font-size:15px; line-height:25px; color:#222}
.SpecialGuideWrap .mainComment { background:url(/Images/Sub/SpecialPaymentGuide_bg.gif) no-repeat top right}
.SpecialGuideWrap .mainComment p { margin-top:25px}
.SpecialGuideWrap h5 { font-size:16px; font-weight:bold; margin:40px 0 15px 0}
.SpecialGuideWrap .state { background:#e4e8eb; padding:20px; margin:10px 0 20px 0; text-align:center; font-weight:bold}
.SpecialGuideWrap .btn { border-top:1px solid #eee; padding-top:30px; margin:30px auto; text-align:center}



/* 일시중지 안내 */
.SuspensionBox {position:relative; margin:0 auto; width:980px; height:460px; background:url(http://www.changetv.kr/Images/Individual/bg_suspension.gif) no-repeat 0 0; text-align:center; padding-top:235px}
.SuspensionBox .logoChange {position:absolute; right:10px; top:22px; width:130px; height:33px; background:url(http://www.changetv.kr/Images/Individual/suspension_logo.png) no-repeat 0 0}
.SuspensionBox .logoBrain {position:absolute; right:10px; top:22px; width:130px; height:33px; background:url(http://www.changetv.kr/Images/Individual/suspension_logo.png) no-repeat -146px 0}
.SuspensionBox .logoMedi {position:absolute; right:10px; top:22px; width:130px; height:33px; background:url(http://www.changetv.kr/Images/Individual/suspension_logo.png) no-repeat -286px 0}
.SuspensionBox .logoIichi {position:absolute; right:10px; top:22px; width:130px; height:33px; background:url(http://www.changetv.kr/Images/Individual/suspension_logo.png) no-repeat -424px 0}
.SuspensionBox .logodotong {position:absolute; right:10px; top:22px; width:130px; height:33px; background:url(http://www.changetv.kr/Images/Individual/suspension_logo.png) no-repeat -545px 0}
.SuspensionBox .conbox {position:relative; width:800px; background:#fff; border:1px solid #e2e2e2; margin:0 auto; padding:30px 0; font-size:14px; line-height:24px; text-align:center}
.SuspensionBox .conbox .susdate {width:522px; margin:28px auto; padding:25px 0; border-top:3px solid #e5e5e5; border-bottom:3px solid #e5e5e5}
.SuspensionBox .conbox .susdate .datetxt {font-size:20px; font-weight:bold}
.SuspensionBox .conbox .bullon {position:absolute; right:-52px; top:15px; width:152px; height:171px; background:url(http://www.changetv.kr/images/Individual/suspension_bullon.png) no-repeat 0 0}


.MemtabBtn { margin-bottom:-30px}
.MemtabBtn ul li { float:left; background:#f5f5f5; width:50%; text-align:center}
.MemtabBtn ul li a {text-align:center; padding:30px 0; display:block; color:#b3b3b3;  font-family:'Malgun Gothic', Dotum , '맑은 고딕', '돋움'; font-size:20px; font-weight:bold}
.MemtabBtn ul li.on { background:#e4e8eb}
.MemtabBtn ul li.on a { color:#2e3e4a}

.MemtabBtnS {}
.MemtabBtnS ul li { float:left; background:#f5f5f5; width:50%; text-align:center; border-top: 1px solid #e4e8eb; border-right: 2px solid #e4e8eb; border-left: 2px solid #e4e8eb; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box }
.MemtabBtnS ul li a {text-align:center; padding:10px 0; display:block; color:#b3b3b3;  font-family:'Malgun Gothic', Dotum , '맑은 고딕', '돋움'; font-size:14px; font-weight:bold}
.MemtabBtnS ul li.on { background:#e4e8eb}
.MemtabBtnS ul li.on a { color:#2e3e4a}


.Pcheckwrap { border:1px solid #eaeaea; background:#fafafa; padding:15px 30px}
.Pcheckwrap li { display:block;font-size:14px; line-height:30px; overflow:hidden}
.Pcheckwrap li span{float:left}
.Pcheckwrap li span input {margin-right:6px}
.Pcheckwrap li .lefttxt{width:400px}
.Pcheckwrap li .cagree {width:70px}
.Pcheckwrap li .cnoagree {width:90px}
.Pcheckwrap li all {width:80px}
.Pcheckwrap li a { text-decoration:underline; padding-left:7px;  background:url(/Images/Sub/icon_01.gif) no-repeat 0 3px; margin-left:10px}

.Pcheckwrap2 { border:2px solid #e4e8eb; padding:20px 10px}
.Pcheckwrap2 .con { height:130px; overflow:auto; padding:0 30px}


/*----------------추천 콘텐츠 - 접시돌리기 : 20141013 ----------------------*/
.RecommendWrap .ContentsWrap .rMain .Contentsp {width:710px}
.RecommendWrap .ContentsWrap .rMain .Contentsp .platebalancingexercise_content {background-color:#f8f6f7; letter-spacing:-0.3px}
.RecommendWrap .ContentsWrap .rMain .Contentsp .platebalancingexercise_content .platebalancingexercise_tit {padding-top:60px; padding-left:40px}
.RecommendWrap .ContentsWrap .rMain .Contentsp .platebalancingexercise_content .platebalancingexercise_txt {padding-left:60px}
.RecommendWrap .ContentsWrap .rMain .Contentsp .platebalancingexercise_content .platebalancingexercise_bg {width:710px; height:463px; background:url(/Images/Sub/platebalancingexercise_bg.gif) no-repeat; color:#464646}
.RecommendWrap .ContentsWrap .rMain .Contentsp .platebalancingexercise_content .platebalancingexercise_vlink {float:left; width:276px; padding-top:20px; padding-left:45px}
.RecommendWrap .ContentsWrap .rMain .Contentsp .platebalancingexercise_content .platebalancingexercise_vtit {float:left; padding-top:20px; padding-left:15px}
.RecommendWrap .ContentsWrap .rMain .Contentsp .platebalancingexercise_content .platebalancingexercise_vtxt {float:left; width:310px; height:120px; padding-top:20px; padding-left:25px}
.RecommendWrap .ContentsWrap .rMain .Contentsp .platebalancingexercise_content .platebalancingexercise_vtxte {float:left; width:310px; height:120px; padding:20px 0 100px 25px}
.RecommendWrap .ContentsWrap .rMain .Contentsp .platebalancingexercise_content .puple_b {font-weight:bold; color:#4f27ab}
.RecommendWrap .ContentsWrap .rMain .Contentsp .platebalancingexercise_content .platebalancingexercise_book {clear:both; width:710px; height:370px; background-color:#d3cfe4}
.RecommendWrap .ContentsWrap .rMain .Contentsp .platebalancingexercise_content .platebalancingexercise_book_l {float:left; padding-top:40px; padding-left:38px}
.RecommendWrap .ContentsWrap .rMain .Contentsp .platebalancingexercise_content .platebalancingexercise_book_r {float:left; width:350px; padding-top:40px; padding-left:10px}
.RecommendWrap .ContentsWrap .rMain .Contentsp .platebalancingexercise_content .platebalancingexercise_book_1 {clear:both; padding:30px 0 15px 0; font-weight:bold; color:#000}


/*----------------팝업창 - 단월드회원인증과정01 : 20141129 ----------------------*/
.popmb_wrap {position:relative; width:365px; height:483px; padding:10px; background:#eeeef2}
.popmb_wrap .mb_close{position:absolute; top:20px; right:20px}
.popmb_wrap .mb_wrap{width:365px; height:455px; border:solid 1px #e6e6e6; background:#fff}
.popmb_wrap .mb_wrap .box_top{padding:27px 0 0 29px; color:#504f52; background:url(/Images/Sub/bg_popup_mb.jpg) right no-repeat}
.popmb_wrap .mb_wrap .box_top p{line-height:-1px; padding-bottom:21px}
.popmb_wrap .mb_wrap .box_top span{color:#713fce; font-weight:bold}
.popmb_wrap .mb_wrap .box_bottom{background:#f8f8e4; border-top:solid 1px #ebebeb; padding:20px 0 0 26px; color:#656468}
.popmb_wrap .mb_wrap .box_bottom .mbpurple{color:#5847c4; margin:15px 0}
/*버튼 mbBtn02 -단월드회원인증과정02와 동일*/
.popmb_wrap .mb_wrap .box_top .mbBtn01{width:209px;height:50px;border:none;background:url(/Images/Sub/btn_mb_01.gif) bottom no-repeat;cursor:pointer; margin-left:51px; margin-bottom:21px; text-indent:-9999px}
.mbBtn02{width:209px;height:50px;border:none;background:url(/Images/Sub/btn_mb_02.gif) bottom no-repeat;cursor:pointer; margin-left:51px;margin-bottom:22px;text-indent:-9999px}


/*----------------팝업창 - 단월드회원인증과정02 : 20141129 ----------------------*/
.popmb02_wrap {position:relative; width:365px; padding:10px; background:#eeeef2}
.popmb02_wrap .mb_close{position:absolute; top:20px; right:20px}
.popmb02_wrap .mb02_wrap{width:365px; border:solid 1px #e6e6e6; background:#fff}
.popmb02_wrap .mb02_wrap .box_top{padding:30px 22px 0}
.popmb02_wrap .mb02_wrap .box_top dt{color:#6d3cc8; padding-bottom:10px; font-size:14px; letter-spacing:-1px; font-weight:bold}
.popmb02_wrap .mb02_wrap .box_bottom{background:#f8f8e4; border-top:solid 1px #ebebeb; padding:20px 0 0 26px; color:#656468}
.popmb02_wrap .mb02_wrap .box_bottom .mbpurple{color:#5847c4; margin:15px 0}
.popmb02_wrap .mb02_wrap .box_top .mbtable{width:319px; border-top:solid 1px #e4eaf2; border-bottom:solid 1px #e4eaf2;padding:20px 0; margin-bottom:20px}
.popmb02_wrap .mb02_wrap .box_top .mbtable th {width:80px; height:22px; text-align:left; vertical-align:top; font-weight:bold; color:#597499}
.popmb02_wrap .mb02_wrap .box_top .mbtable select{vertical-align:middle}
.popmb02_wrap .mb02_wrap .box_top iframe.mbIframe{width:317px; border:solid 1px #e4eaf2; margin-bottom:7px}
.popmb02_wrap .mb02_wrap .box_top .mbclear{overflow:hidden; margin-bottom:20px}
.popmb02_wrap .mb02_wrap .box_top .mbclear p{float:left}
.popmb02_wrap .mb02_wrap .box_top .mbBtn03{width:115px;height:43px;margin-left:38px;border:none;background:url(/Images/Sub/btn_mb_03.gif) bottom no-repeat;cursor:pointer; text-indent:-9999px}
.popmb02_wrap .mb02_wrap .box_top .mbBtn04{width:115px;height:43px;margin-left:13px;border:none;background:url(/Images/Sub/btn_mb_04.gif) bottom no-repeat;cursor:pointer;text-indent:-9999px}

/*----------------팝업창 - 단월드회원인증과정02 - iframe-개인정보 : 20141201 ----------------------*/
body.iframescr{width:300px; overflow-y:auto; overflow-x:hidden}
.popmbiframe_wrap{width:300px; padding:15px; letter-spacing:-0.8px}
 h5{font-size:12px; padding:5px 0}
.popmbiframe_wrap p{color:#888}
.popmbiframe_wrap .mbfs{font-size:11px}
.popmbiframe_wrap td {vertical-align:middle}
.popmbiframe_wrap input{height:24px}
/*----------------팝업창 - 단월드회원인증과정 - 센터찾기 : 20141201 ----------------------*/
.popmbcenter {max-height:127px; height:auto !important; height:127px; overflow-y:auto; overflow-x:hidden; border:1px solid #e4eaf2}
.popmbcenter table {width:275px; margin:15px; border-bottom:0; letter-spacing:-0.8px}
.popmbcenter table th{font-size:12px; padding:5px; text-align:left}
.popmbcenter table tr{background:url(/Images/Sub/mb_dot.png) center bottom repeat-x}
.popmbcenter table .trlast{background:none}
.popmbcenter table td{color:#888; padding:5px}
.popmbcenter table .mbname{width:80px}
.popmbcenter table .mbcenter{width:150px}
.popmbcenter table .mbradio{width:30px}

/* 추천콘텐츠 - 성교육웹툰 */
.title_wt {height:30px; background:#5a82ce; text-align:center; line-height:30px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:18px}
.webtoonlist {overflow:hidden}
.webtoonlist li {float:left; width:213px; height:244px; border:1px solid #d8d8d8; margin: 20px 0 0 15px}
.webtoonlist li .thumb {position:relative; display:block}
.webtoonlist li .thumb .rnew {position:absolute; left:-1px; top:-1px; width:57px; height:56px}
.webtoonlist li .tit {display:block; width:173px; height:40px; padding:13px 20px 0; font-size:14px; font-weight:bold}
.webtoonlist li .info {display:block; width:173px; height:29px; padding:12px 20px 0; color:#9c9c9c}
.webtoonlist li .info .r {color:#15afbf; margin-right:6px}
.webtoonlist li .info .c {color:#15afbf; margin:0 6px 0 8px; padding-left:8px; background:url(/Images/Sub/line11.gif) no-repeat 0 0}

/* 레터 수신거부 */
.letterUn { background:#fafafd; border:solid 1px #ebebeb; padding:60px 60px; height:280px}
.letterUn dl {} 
.letterUn dt {font-size:14px; line-height:20px; color:#000000; padding-top:50px}
.letterUn dd.mail { width:122px; float:left; margin:0 43px 0 36px; padding-top:50px}
.letterUn dd.btn { margin-top:27px; font-size:12px; color:#646464}
.letterUn dd.txt { width:385px; float:right; margin-top:27px; font-size:12px; color:#646464}
.borline { border-top:solid 1px #e8e8e8; margin-top:50px}

/* 이벤트 */
/*.eventyear { width:710px}
.num {background:url(http://www.changetv.kr/Event/20141231_NewYear/images/newyear_03.jpg) no-repeat}
.num span {font-size:1.1em; font-weight:bold; font-family:Verdana; color:#3e3325; display:block}
@media (min-width:360px) {
	.eventyear { width:100%}
	.num {background:url(http://www.changetv.kr/Event/20141231_NewYear/images/newyear_03.jpg) no-repeat;  background-size:100% 100%}
	.num span {padding:60% 0 20% 40%}
}
@media (min-width:950px) {
	.num span {padding:320px 0 170px 150px}
}
*/


/* 팝업 - 우편번호 찾기 */
.pop_postcode {width:500px; color:#222222}
.pop_postcode .popTit_c {width:500px; height:56px; position:relative}
.pop_postcode .popTit_c .close { position:absolute; top:20px; right:25px}
.pop_postcode .cont {padding:30px 30px; border:3px #b8bfd5 solid; border-top:0; overflow:hidden; font-size:12px; line-height:18px}
.pop_postcode .search {border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; padding:10px 13px}
.pop_postcode input.box {border:1px solid #b2b2b2; padding:2px; height:22px}
.pop_postcode .zipcode {max-height:269px; height:auto !important; height:269px; overflow-y:auto; overflow-x:hidden; border-bottom:1px solid #ccc}
.pop_postcode .zipcode table {border-bottom:0}
.pop_postcode .table_post01 {width:100%; text-align:center; border-bottom:1px solid #ccc}
.pop_postcode .table_post01 caption {display:none}
.pop_postcode .table_post01 thead th { border-top:1px solid #222222; border-bottom:1px solid #ccc;  font-size:11px; background-color:#f2f2f2}
.pop_postcode .table_post01 th {border-top:1px solid #ccc}
.pop_postcode .table_post01 td {border-top:1px solid #eee;  font-size:11px; color:#666; text-align:left}
.pop_postcode .table_post01 th {padding:9px 0; color:#555}
.pop_postcode .table_post01 td {padding:11px 5px 7px}
.pop_postcode .table_post01 td a {font-size:11px; color:#4f83a3}
.pop_postcode .table_post0td a:hover {color:#2b5a77;text-decoration:underline}


/* 정기결제 중지 알림 */

.paymentstop { background:#e3f6f7; padding:40px 30px; height:82px}
.paymentstop dl {} 
.paymentstop dt {font-size:16px; line-height:30px; color:#2b2a2a; font-weight:bold}
.paymentstop dd.icon { width:100px; float:left; margin:0 20px 0 5px}
.paymentstop dd.txt { margin-top:5px; font-size:14px; color:#666767}
.paybtn { text-align:center; margin-top:20px}
.paybtn .btn01 {width:325px;height:42px;background:#5e5e61;color:#fff;font-size:14px;cursor:pointer; font-weight:bold}
.paybtn .btn02 {width:154px;height:42px;background:#aca9a9;color:#fff;font-size:14px;cursor:pointer; font-weight:bold}


/* 소셜로그인 */
input.snsbtnf {width:202px; height:47px; background:url(/Images/sub/snsbtn_facebook.gif) no-repeat 0 0; border:none; font-size:0; cursor:pointer; text-align:center}
input.snsbtnk {width:202px; height:47px; background:url(/Images/sub/snsbtn_kakao.gif) no-repeat 0 0; border:none; font-size:0; cursor:pointer; text-align:center}
input.snsbtnn {width:202px; height:47px; background:url(/Images/sub/snsbtn_naver.gif) no-repeat 0 0; border:none; font-size:0; cursor:pointer; text-align:center}

/* 소셜약관동의 */
.snsMemwrap {width:720px; margin:0 auto; padding:10px 0 30px 0}
.snsMemwrap .txt_terms {position:relative; height:65px; padding-bottom:40px; background:url(/images/sub/line_dot.gif) repeat-x 0 bottom; font-size:14px; line-height:24px; color:#575757}
.snsMemwrap .txt_terms .allcheck {position:absolute; right:5px; bottom:30px; font-size:12px; font-weight:bold}
.snsMemwrap .tit_terms {font-size:14px; color:#333}
.snsMemwrap .tit_terms2 {font-size:14px; color:#333; background:url(/images/Individual/bullet.gif) no-repeat 0 3px; padding-left:16px}
.snsMemwrap .tit_terms2 .smalltit {font-size:11px; color:#656565; font-weight:normal}
.snsMemwrap .box_terms {width:710px; height:150px; background:#fafafa; border:1px solid #d2dce6; padding:0; line-height:1.5em; color:#555}
.snsMemwrap .box_terms2 {width:510px; height:580px; background:#fafafa; border:1px solid #d2dce6; padding:10px 0 0 10px; line-height:1.5em; color:#555}
.snsMemwrap .agree {font-size:11px; font-weight:normal; color:#333; text-align:center; padding:10px 0 0 0}
.snsMemwrap .agree input { width:13px; height:13px; border:1px solid #666; vertical-align:middle}

.table_member01 { border-top:2px solid #cfcfcf; font-size:12px}
.table_member01 caption {display:none}
.table_member01 tr { min-height:56px}
.table_member01 th { background:#f7f7f7; color:#575757; border-bottom:1px solid #dfdfdf; text-align:left; padding-left:15px}
.table_member01 td { border-bottom:1px solid #dfdfdf; padding:12px 0 12px 15px}
.table_member01 input{ height:16px; border:1px solid #bbb; padding-top:6px; padding-left:5px; vertical-align:middle}
.table_member01 select { height:30px; border:1px solid #bbb; padding:0 0 0 5px; vertical-align:middle; line-height:30px; font-size:12px}
.table_member01 select option {padding: 5px 5px 0 5px}
.table_member01 img {vertical-align:middle}
.table_member01 strong {color:inherit; font-size:inherit}
.table_member01 input.bor0 {border:0; width:14px; height:14px}
.table_member01 .exp {font-size:11px; line-height:16px}
.table_member01 .agree2 {font-size:11px; color:#656565}
.table_member01 .agree2 .check { width:14px; height:14px; vertical-align:middle; padding:0; border:0}
.table_member01 .cradio {width:14px; height:14px; padding:0; border:0; vertical-align:middle}
.table_member01 .recv {width:95px; display:block; font-size:12px}

.snsline { height:2px; background:url(/images/sub/line_dot.gif) repeat-x 0 bottom}
.btn_area {text-align:center; margin-top:40px}


/* 알람팝업(통합회원팝업디자인같음) */
.popupwrap {width:100%; margin:0 auto; border:1px solid #555; box-sizing:border-box}
.popupwrap .recom_con {padding:25px 30px 30px 30px}
.popupwrap .contxt {font-size:14px; text-align:center; line-height:1.6em}
.popupwrap .pop_btn {background:#f2f2f2; border-top:1px solid #e1e1e1; text-align:center; padding:15px 0 20px 0}


/* 문의하기(동의미동의체크) */
.subagree {margin-top:20px}
.subagree li {display:block; height:24px; overflow:hidden}
.subagree li span{float:left; vertical-align:bottom}
.subagree li input {margin-right:6px; width:14px; height:14px}
.subagree li .leftxt {width:240px}
.subagree li .agree {width:80px}
.subagree li .noagree {width:80px}
.subagree li a { text-decoration:underline; padding-left:8px;  background:url(/Images/Sub/icon_01.gif) no-repeat 0 3px}



/*----------------------- 체인지TV 개편 (신해인) -----------------------*/

.programInfo {float:left}
.programInfo .wrap_info { width:272px; height:169px; position:relative; padding:20px 0 0 20px; background:#fefbfc; border:1px solid #d8d8d8; border-left:0; border-bottom:0}
.programInfo .wrap_info h6 {font-size:18px; color:#222; width:225px}
.programInfo .wrap_info .btn_share {position:absolute; top:20px; right:18px; width:20px;height:20px;background:url(/Images/Layout/btn_share.png) no-repeat 0 0; font-size:0}
.programInfo .wrap_info .btn_share:hover {position:absolute; top:20px; right:18px; width:20px;height:20px;background:url(/Images/Layout/btn_share.png) no-repeat -20px 0; font-size:0}
.programInfo .wrap_info .infocon {padding-top:17px; overflow:hidden}
.programInfo .wrap_info .infocon ul.le {float:left; width:110px}
.programInfo .wrap_info .infocon ul.le li {background:url(/Images/Layout/bullet_red.gif) no-repeat 0 9px; padding-left:10px; font-weight:bold; margin-bottom:}
.programInfo .wrap_info .infocon ul.ri {float:left; width:140px; color:#666}
.programInfo .wrap_btn {overflow:hidden; overflow:hidden}
.programInfo .wrap_btn .buy01 {float:left; width:145px; height:43px; background:#fff; font-size:14px; text-align:center; line-height:43px; border:1px solid #c8ccd9; border-right:0}
.programInfo .wrap_btn .buy02 {float:left; width:145px; height:43px; background:#e8eaf3; color:#2b54a0; font-weight:bold; font-size:14px; text-align:center; line-height:43px; border:1px solid #c8ccd9}
.programInfo .wrap_btn a:hover {color:#f56156}
.programInfo .wrap_info .infocon .bluetxt {clear:both; padding:9px 0 0 6px; color:#247fdd; line-height:16px}
.programInfo .wrap_btn .buy03 {float:left; width:291px; height:43px; background:#e8eaf3; color:#2b54a0; font-weight:bold; font-size:14px; text-align:center; line-height:43px; border:1px solid #c8ccd9}
.programInfo .wrap_btn .buy04 {float:left; width:291px; height:43px; background:#159cbd; color:#fff; font-weight:bold; font-size:14px; text-align:center; line-height:43px; border:1px solid #138eaf}
.programInfo .wrap_btn .buy04:hover {color:#fcffb4}
.programInfo .wrap_btn .using01 {float:left; width:145px; height:43px; background:#b9b9b9; color:#fff; font-weight:bold; font-size:14px; text-align:center; line-height:43px; border:1px solid #a0a2a5; cursor:default}
.programInfo .wrap_btn .using01:hover {color:#fff}
.programInfo .wrap_btn .using02 {float:left; width:291px; height:43px; background:#b9b9b9; color:#fff; font-weight:bold; font-size:14px; text-align:center; line-height:43px; border:1px solid #a0a2a5; cursor:default}
.programInfo .wrap_btn .using02:hover {color:#fff}

/* 2016-12-19 회원분류개선 영상메인리스트 페이지 s */

.programList {overflow: hidden}
.programList > div {float: left}
.programGuide {width: 285px; height: 232px; margin-left: 8px; border-top: 2px solid #d2cece; border-bottom: 1px solid #d2cece;overflow:hidden}
.programGuide dl {padding: 0 15px; position: relative}
.programGuide dt {height: 45px; line-height:45px; margin-bottom: 7px; border-bottom: 1px solid #d2cece; font-size: 16px; color: #555; font-weight:600 }
.programGuide dd {line-height:19px; font-size: 12px; color:#666; letter-spacing:-0.05em; background: url(/Images/Layout/li_dot.png) no-repeat left 8px; padding-left: 7px; background-size: 2px }
.programGuide dd a {color:#5a82ce; text-decoration: underline}
.programGuide .btn_share {position:absolute; top:14px; right:18px; width:20px;height:20px;background:url(/Images/Layout/btn_share.png) no-repeat 0 0; font-size:0}
.programGuide .btn_share:hover {position:absolute; top:14px; right:18px; width:20px;height:20px;background:url(/Images/Layout/btn_share.png) no-repeat -20px 0; font-size:0}
.programInfo02 {width: 386px; height:149px; border: 1px solid #d2cece; border-right: 0; padding:0 15px; margin-top:10px }
.programInfo02 table { font-size: 12px }
.programInfo02 th, .programInfo02 td {border-top: 1px solid #d2cece; padding: 7px 0}
.programInfo02 tr:first-child th, .programInfo02 tr:first-child td {border-top: 0}
.programInfo02 th {width: 95px; text-align: left; color: #555}
.programInfo02 td {color: #666}
.programInfo02 td li {line-height: 16px; background: url(/Images/Layout/li_dot.png) no-repeat left center; text-indent: 8px; background-size: 2px} 
.payInfo {width: 261px; height: 149px; border: 1px solid #c4cadb; background: #f4f6fb; padding:0 15px; margin-top:10px}
.payInfo table {font-size: 12px}
.payInfo th {width: 78px; text-align: left; color: #555; letter-spacing: -0.05em }
.payInfo td {text-align: right; color: #555 }
.payInfo .pi_01 th, .payInfo .pi_01 td {height: 53px; border-bottom: 1px solid #c4cadb; overflow: hidden; letter-spacing: -0.05em}
.payInfo .pi_01 td > span:nth-of-type(1) {font-size: 16px; font-weight: 600}
.payInfo .pi_02 dl {padding: 6px 0}
.payInfo .pi_02 td dt, .pi_02 td dd {float: left; line-height: 16px }
.payInfo .pi_02 td dt {width: 65%; text-align: left; background: url(/Images/Layout/li_dot.png) no-repeat left center; text-indent: 8px; background-size: 2px}
.payInfo .pi_02 td dd {width: 35%; text-align: right}
.payInfo .pi_02 th {position: relative}
.payInfo .pi_02 th a {position: absolute; bottom: 0; left: 0; display:block; height: 11px; line-height: 11px; background: url(/Images/Layout/icon_arW.png) 92% center no-repeat, #969fa1; background-size: auto 10px; color: #fff; font-size: 11px; font-weight: normal; padding:5px 17px 5px 5px }
.payInfo .pi_03 th, .payInfo .pi_03 td {height: 42px; border-bottom: 1px solid #c4cadb; overflow: hidden; letter-spacing: -0.05em}
.payInfo .pi_03 td > span:nth-of-type(1) {font-size: 16px; font-weight: 600}
.payInfo .pi_04 .pi_txt {padding: 8px 0; font-weight: normal; line-height: 18px; }
.btnWrap {width: 100%; height: 45px; margin: 15px 0; overflow: hidden}
.btnWrap a {float:right; width: 230px; height: 45px; line-height: 45px;  font-size: 13px; font-weight: 600; text-align: center; margin-right: 10px}
.btnWrap a:first-child {margin-right:0}
.btnWrap .btn_type01 {color: #fff; background: #259dbf }
.btnWrap .btn_type02 {color: #fff; background: url(/Images/Sub/ico_present.png)  no-repeat 55px  center, #f29509; text-align: left; text-indent: 90px }
.btnWrap .btn_type03 {color: #fff; background: #f0685f }
.btnWrap .btn_type04 {color: #fff; background: #768292 }

.ProgramTitle { background:#f9f9f9; border:1px solid #e1e1e1; width:658px; height:48px; line-height:48px; font-size:14px; color:#888; font-weight:bold; padding:0 25px}
.ProgramReview {padding: 20px 15px}
.ProgramReview dl {margin-bottom: 20px; font-size: 13px}
.ProgramReview dd {color: #555; line-height: 20px; padding: 2px 0}
.ProgramReview dt {color: #5a82ce; line-height: 37px}
.ProgramReview .btn_vod {display:inline-block; height:15px; line-height:17px; font-family: "dotum"; font-size: 11px; color: #fff; padding: 0 15px 0 5px; border: 1px solid #7b90af; margin-left: 5px; border-radius: 1px;
background: url(/Images/Layout/icon_arW.png) 90% center no-repeat, #8da9d1; background-size: auto 10px}

/* 2018-07-04 회원전용 - 혜택 프로그램 페이지 */
.benefits_programs{
  padding: 15px 0;
}

.benefits_programs .program_free{
  padding: 15px 22px 0;
  margin-bottom: 35px;
  border: 1px solid #edc9f3;
  border-top: 2px solid #e096eb;
}

.benefits_programs h2{
  float: left;
  color: #ad0eb7;
  font-size: 21px;
  height: 33px;
  letter-spacing: -0.5px;
}

.benefits_programs .program_free > p{
  float: right;
  font-size: 13px;
  color: #666666;
  letter-spacing: -0.5px;
}

.benefits_programs ul{
  position: relative;
  clear: both;
  padding-top: 15px;
  border-top: 1px solid #eaedf0;
  box-sizing: border-box;
}

.benefits_programs ul li{
  position: relative;
  float: left;
  width: 322px;
  margin-right: 20px;
  margin-bottom: 30px;
}

.benefits_programs ul li:nth-child(even){
  margin-right: 0;
}

.benefits_programs ul li > a > img{
  width: 100%;
  border: 1px solid #dedede;
  box-sizing: border-box;
  margin-bottom: 11px;
}

.benefits_programs ul li a .icon{
  position: absolute;
  right: 12px;
  top: 129px;
}

.benefits_programs ul li h3{
  font-size: 16PX;
  margin-bottom: 5px !important;
}

.benefits_programs ul li h3 a{
  color: #333;
}

.benefits_programs ul li h3 a:hover{
  text-decoration: underline;
}

.benefits_programs ul li p{
  padding-right: 5px;
  font-size: 14px;
  line-height: 21px;
  color: #666;
  letter-spacing: -0.5px;
}

.benefits_programs .program_sale{
  padding: 15px 22px 0;
  border: 1px solid #c6e3cb;
  border-top: 2px solid #8ac694;
}

.benefits_programs .program_sale h2{
  color: #108623;
}

.benefits_programs ul li p.info{
  margin-top: 8px;
  padding-right: 0;
  font-size: 13px;
  color: #068119;
}

/* IE 8 */

.benefits_programs ul li+li{
  margin-right: 0;
}

.benefits_programs ul li+li+li{
  margin-right: 20px;
}

.benefits_programs ul li+li+li+li{
  margin-right: 0;
}

.benefits_programs ul li+li+li+li+li{
  margin-right: 20px;
}

.benefits_programs ul li+li+li+li+li+li{
  margin-right: 0;
}

.benefits_programs ul li+li+li+li+li+li+li{
  margin-right: 20px;
}

.benefits_programs ul li+li+li+li+li+li+li+li{
  margin-right: 0;
}


/* 2016-12-19 회원분류개선 영상메인리스트 페이지 e */

.ProgramTabDetail .pro_con { font-size:13px; line-height:20px; padding:26px 0 30px 0; position:relative}
.ProgramTabDetail .pro_con .txtcon {height:140px; overflow:hidden}
.ProgramTabDetail .pro_con .all {height:auto}
.ProgramTabDetail .pro_con .btnarea {overflow:hidden; position:absolute; right:0; bottom:0}
.ProgramTabDetail .pro_con .btnarea all {float:right; width:83px; height:26px; display:block; padding-right:7px; background:#fdfdfd url(/Images/Layout/bullet_open.png) no-repeat 64px 11px; border:1px solid #d5d5d5; text-align:center; line-height:26px; font-size:11px}
.ProgramTabDetail .pro_con .btnarea hide {float:right; width:83px; height:26px; display:block; padding-right:7px; background:#fdfdfd url(/Images/Layout/bullet_open.png) no-repeat 64px -15px; border:1px solid #d5d5d5; text-align:center; line-height:26px; font-size:11px}
.ProgramTabDetail .pro_con .btnarea a:hover {color:#f56156}

.ProgramTabDetail .pro_con table.comment {}
.ProgramTabDetail .pro_con table.comment td {height:60px;border-bottom:1px solid #e9e9e9; font-size:12px; line-height:1.4em}
.ProgramTabDetail .pro_con table.comment .name {width:90px; color:#247fdd; text-align:center}
.ProgramTabDetail .pro_con table.comment .cate {width:110px; padding:0 15px; color:#2b54a0; text-align:left}
.ProgramTabDetail .pro_con table.comment .cate img {margin-left:6px}
.ProgramTabDetail .pro_con table.comment .title {padding:0 15px; color:#555; text-align:left}
.ProgramTabDetail .pro_con table.comment .date {width:90px; color:#999; text-align:center}
.ProgramTabDetail .pro_con table.comment a:hover{color:#2b54a0}
.ProgramTabDetail .pro_con .paging {width:100px; height:21px; margin:20px auto 0 auto; overflow:hidden}
.ProgramTabDetail .pro_con .paging .order {height:21px;float:left;margin-right:10px;color:#999;line-height:21px}
.ProgramTabDetail .pro_con .paging .order .bl {color:#333; font-weight:bold}
.ProgramTabDetail .pro_con .paging .btn {float:left}
.ProgramTabDetail .pro_con .paging .btn .prev {display:inline-block;overflow:hidden;width:23px;height:21px;background:url(/Images/Layout/btn_next.gif) no-repeat 0 0; font-size:0}
.ProgramTabDetail .pro_con .paging .btn .prev:hover {background:url(/Images/Layout/btn_next.gif) no-repeat 0 -21px}
.ProgramTabDetail .pro_con .paging .btn .next {display:inline-block;overflow:hidden;width:24px;height:21px;background:url(/Images/Layout/btn_next.gif) no-repeat -23px 0; font-size:0}
.ProgramTabDetail .pro_con .paging .btn .next:hover {background:url(/Images/Layout/btn_next.gif) no-repeat -23px -21px}

.view_con {position:relative; padding-bottom:20px}
.view_con .viewtop {padding-bottom:7px; border-bottom:1px solid #e4e4e4; position:relative}
.view_con .viewtop h4 { line-height:28px; font-size:22px; font-weight:bold; color:#222; margin-bottom:16px}
.view_con .viewtop ul.vinfo {*zoom:1; overflow:auto}
.view_con .viewtop ul.vinfo:after {content:" "; display:block; clear:both}
.view_con .viewtop ul.vinfo .fst{padding-left:0; background:none}
.view_con .viewtop ul.vinfo li {float:left; padding:0 10px; height:20px; color:#999; background:url(/Images/Layout/line02.gif) no-repeat 0 5px; }
.view_con .viewtop .tuserbtn {position:absolute; right:0; top:15px}
.view_con .viewtop .tuserbtn a {display:inline-block; height:28px; padding:0 14px; text-align:center; line-height:30px; color:#fff}
.view_con .viewtop .tuserbtn .buy {background:#596477; border:1px solid #515b6c}
.view_con .viewtop .tuserbtn .buyone{background:#f77269; border:1px solid #e16860}
.view_con .viewtop .tuserbtn .buy:hover {background:#4b5566; border:1px solid #515b6c}
.view_con .viewtop .tuserbtn .buyone:hover {background:#ed665d; border:1px solid #e16860}
.view_con .viewcon { font-size:13px; line-height:20px; padding:26px 0 40px 0; position:relative}
.userbtn {display:block; margin:0 auto; text-align:center; overflow:hidden; position:relative}
.userbtn a{display:inline-block; width:38px; height:28px; background:#fdfdfd; border:1px solid #d5d5d5; text-align:left; line-height:28px; padding-left:35px; color:#555}
.userbtn a.save {width:63px;background:#fdfdfd url(/Images/Layout/btn_user_02.png) no-repeat 15px center}
.userbtn a.save:hover {background:#fdfdfd url(/Images/Layout/btn_user_02.png) no-repeat -72px center}
.userbtn a.save.on {background:#fdfdfd url(/Images/Layout/btn_user_02.png) no-repeat -72px center}
/* 추천 버튼 - 별
.userbtn a.reco {background:#fdfdfd url(/Images/Layout/btn_user.png) no-repeat 15px -15px}
.userbtn a.reco:hover {background:#fdfdfd url(/Images/Layout/btn_user.png) no-repeat -45px -15px}
.userbtn a.reco.on {background:#fdfdfd url(/Images/Layout/btn_user.png) no-repeat -45px -15px}*/

/* 추천 버튼 - 하트*/
.userbtn a.reco {background:#fdfdfd url(/Images/sub/icon_replybtn.png) no-repeat 14px 10px}
.userbtn a.reco:hover {background-position:14px -10px}
.userbtn a.reco.on {background-position:14px -10px}

.userbtn a.share {background:#fdfdfd url(/Images/Layout/btn_user.png) no-repeat 15px -41px}
.userbtn a.share:hover {background:#fdfdfd url(/Images/Layout/btn_user.png) no-repeat -45px -41px}
.userbtn a.share.on {background:#fdfdfd url(/Images/Layout/btn_user.png) no-repeat -45px -41px}
.userbtn a.list {background:#fdfdfd url(/Images/Layout/btn_user.png) no-repeat 15px -91px}
.userbtn a.list:hover {background:#fdfdfd url(/Images/Layout/btn_user.png) no-repeat -45px -91px}
.userbtn a.revise {background:#fdfdfd url(/Images/Layout/btn_user.png) no-repeat 15px -67px}
.userbtn a.revise:hover {background-position:-43px -67px}
.userbtn a:hover {color:#222}

/* 2016-12-19 회원분류개선 컨텐츠 뷰 페이지 S */
.payInfo02 {width: 208px; border-top: 2px solid #a0a6b0; border-bottom: 2px solid #a0a6b0; background: #f8f8f8; padding:0 12px;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box}
.payInfo02 li:first-child {height: 38px; line-height: 38px; border-bottom: 1px solid #c8cace; color: #666; font-size: 13px; font-weight: 600}
.payInfo02 .pi_01{height: 38px; line-height: 38px; border-bottom: 1px dotted #aaa; color: #f67070; font-size: 15px; font-weight: 600; letter-spacing: -0.05em}
.payInfo02 .pi_02 dl {padding: 10px 0}
.payInfo02 .pi_02 dt, .pi_02 dd {float: left; line-height: 17px; color: #555 }
.payInfo02 .pi_02 dt {width: 60%; text-align: left; background: url(/Images/Layout/li_dot.png) no-repeat left center; text-indent: 12px; background-size: 2px}
.payInfo02 .pi_02 dd {width: 40%; text-align: right}

.btnWrap02 {width: 100%; padding: 15px 0; overflow: hidden}
.btnWrap02 a {display:block; width: 100%; font-size: 14px; font-weight: 600; line-height: 16px; text-align: center; margin-top: 7px; padding: 12px 0}
.btnWrap02 a:first-child {margin-top:0}
.btnWrap02 .btn_type01 {color: #fff; background: #259dbf }
.btnWrap02 .btn_type02 {color: #fff; background: url(/Images/Sub/ico_present.png)  no-repeat 45px  center, #f29509; text-align: left; text-indent: 80px }
.btnWrap02 .btn_type03 {color: #fff; background: #f0685f}
.btnWrap02 .btn_type04 {color: #fff; background: #768292 }
.btnWrap02 .btn_type06 {color: #fff; background: #f0685f; padding: 10px; box-sizing: border-box; -webket-box-sizing: border-box; -moz-box-sizing: border-box }
.btnWrap02 .btn_type06 .stxt {margin-top: 5px; font-size: 12px}

.viewOthers {width: 208px; padding: 12px; margin: 20px 0; border: 1px solid #e0e0e0; background: #f8f8f8; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box}
.viewOthers h3 {font-size: 13px; color: #555}
.viewOthers select {width: 100%; height: 25px; line-height: 25px; color: #555; font-size: 13px; font-family: Malgun Gothic, '맑은 고딕'; padding-left: 7px; margin-top: 10px; border:1px solid #ccc; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box}
.viewOthers button {width: 100%; height: 38px; color: #fff; font-size: 13px; background: #7f8c9f; margin: 15px 0 3px}

.bannerArea {height: auto; background: #fafafa; margin-top: 30px}

/* 2016-12-19 회원분류개선 컨텐츠 뷰 페이지 E */

/*영상 뷰- 좌측*/
.n_movie {background:#1c2024}
.n_movie .wrap_mv {width:940px; height:498px; margin:0 auto; padding-top:30px; overflow:hidden}
.n_movie .wrap_mv .movie_l {float:left; width:710px; position:relative}
.n_movie .wrap_mv .movie_l .box_play {position:absolute; left:50%; top:134px; margin-left:-203px; width:406px; height:200px;}
.n_movie .wrap_mv .movie_l .box_play .top_con {position:absolute; width:355px; left:30px; top:20px; overflow:hidden; z-index:100}
.n_movie .wrap_mv .movie_l .box_play .top_con .sysbtn {height:48px; display:block; background:url(/Images/Layout/line_dot.png) repeat-x 0 47px; text-align:center}
.n_movie .wrap_mv .movie_l .box_play .top_con .sysbtn span{display:inline-block; width:75px; height:32px; line-height:32px; font-size:16px; color:#fff; font-weight:bold; vertical-align:middle}
.n_movie .wrap_mv .movie_l .box_play .top_con .sysbtn a.re_on {display:inline-block; width:64px; height:32px; background:url(/Images/Layout/btn_circle.png) no-repeat 0 0; color:#fff; line-height:32px; padding-left:20px; font-size:13px; text-align:left; vertical-align:middle}
.n_movie .wrap_mv .movie_l .box_play .top_con .sysbtn a.re_on:hover {background:url(/Images/Layout/btn_circle.png) no-repeat -96px 0}
.n_movie .wrap_mv .movie_l .box_play .top_con .sysbtn a.re_off {display:inline-block; width:64px; height:32px; background:url(/Images/Layout/btn_circle.png) no-repeat 0 -48px; color:#fff; line-height:32px; padding-right:20px; text-align:right; font-size:13px; vertical-align:middle}
.n_movie .wrap_mv .movie_l .box_play .top_con .sysbtn a.re_off:hover {background:url(/Images/Layout/btn_circle.png) no-repeat -96px -48px}
.n_movie .wrap_mv .movie_l .box_play .top_con a.play {display:block; width:70px; height:70px; margin:30px auto 0 auto; background:url(/Images/Layout/btn_play.png) no-repeat 0 0; font-size:0}
.n_movie .wrap_mv .movie_l .box_play .top_con a.play:hover {background:url(/Images/Layout/btn_play.png) no-repeat -70px 0}


/* 영상 뷰 play영역 리뉴얼 20170906 */
.n_movie .wrap_mv .movie_l .box_play .top_con .sysbtn2 {height:48px; display:block; background:url(/Images/Layout/bg_narrat.png) no-repeat center 0; text-align:center; margin-top:10px; border:0px #3F0 solid;}
.n_movie .wrap_mv .movie_l .box_play .top_con .sysbtn2 span{display:inline-block; width:72px; height:35px; line-height:38px; font-size:16px; color:#fff; font-weight:bold; vertical-align:middle; text-align:left;}
.n_movie .wrap_mv .movie_l .box_play .top_con .sysbtn2 a.re_on {display:inline-block; width:70px; height:35px; background:url(/Images/Layout/toggle_narrat.png) no-repeat 0 5px; color:#fff; line-height:32px; padding-left:20px; font-size:13px; text-align:left; vertical-align:middle;}
.n_movie .wrap_mv .movie_l .box_play .top_con .sysbtn2 a.re_on:hover {background:url(/Images/Layout/toggle_narrat.png) no-repeat -96px 5px}
.n_movie .wrap_mv .movie_l .box_play .top_con .sysbtn2 a.re_off {display:inline-block; width:70px; height:35px; background:url(/Images/Layout/toggle_narrat.png) no-repeat 0 -43px; color:#fff; line-height:32px; padding-right:20px; text-align:right; font-size:13px; vertical-align:middle}
.n_movie .wrap_mv .movie_l .box_play .top_con .sysbtn2 a.re_off:hover {background:url(/Images/Layout/toggle_narrat.png) no-repeat -96px -43px}

.n_movie .wrap_mv .movie_l .box_play .top_con a.playblack {display:block; width:116px; height:116px; margin:30px auto 0 auto; background:url(/Images/Layout/btn_playblack.png) no-repeat 0 0; font-size:0}
.n_movie .wrap_mv .movie_l .box_play .top_con a.playblack:hover {background:url(/Images/Layout/btn_playblack.png) no-repeat -116px 0}




.n_movie .wrap_mv .movie_l .box_play .bg {width:100%; height:100%; background:#000; opacity:0.6}
.n_movie .wrap_mv .movie_l .onebtn_play {position:absolute; left:50%; top:165px; margin-left:-65px;  width:130px; height:130px; background:url(/Images/Layout/btn_play02.png) repeat-x 0 0; font-size:0}
.n_movie .wrap_mv .movie_l .onebtn_play:hover {background:url(/Images/Layout/btn_play02.png) repeat-x -130px 0}

/*영상 리스트 - 우측*/
.n_movie .wrap_mv .movie_r {float:left; width:230px; position:relative}
.n_movie .wrap_mv .movie_r h4{padding:8px 0 0 15px; width:175px; height:50px; display:block; margin-bottom:15px; color:#fff; font-size:18px; font-weight:bold; line-height:22px}
.n_movie .wrap_mv .movie_r .btn_list {position:absolute; right:0; top:7px; width:90px; height:25px; background:url(/Images/Layout/btn_viewlist.png) no-repeat 0 0; color:#fff;  font-size:12px; text-align:center; line-height:25px}
.n_movie .wrap_mv .movie_r .btn_list:hover {background:url(/Images/Layout/btn_viewlist.png) no-repeat 0 -25px}
.n_movie .wrap_mv .movie_r .btn_list02 {position:absolute; right:0; top:12px; width:26px; height:26px; background:url(/Images/Layout/btn_viewlist02.png) no-repeat 0 0; color:#fff;  font-size:0}
.n_movie .wrap_mv .movie_r .btn_list02:hover {background:url(/Images/Layout/btn_viewlist02.png) no-repeat -26px 0}
.n_movie .wrap_mv .movie_r .movielist {max-height:395px; height:auto !important; overflow-y:auto; overflow-x:hidden;
/* IE용 스크롤 바 */
scrollbar-3dLight-Color: #111316; scrollbar-arrow-color: #4a4f54; scrollbar-base-color: #111316; scrollbar-Face-Color: #4a4f54; scrollbar-Track-Color: #111316; scrollbar-DarkShadow-Color: #4a4f54; scrollbar-Highlight-Color: #4a4f54; scrollbar-Shadow-Color: #4a4f54}
/* Chrome, Safari용 스크롤 바 */
.n_movie .wrap_mv .movie_r .movielist::-webkit-scrollbar {width:9px; height:9px; border:1px solid #1c2024}
.n_movie .wrap_mv .movie_r .movielist::-webkit-scrollbar-button:start:decrement, -webkit-scrollbar-button:end:increment {display:block; height:10px; background:#111316; display:none}
.n_movie .wrap_mv .movie_r .movielist::-webkit-scrollbar-track {background:#111316; -webkit-border-radius:0px; border-radius:0px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2)}
.n_movie .wrap_mv .movie_r .movielist::-webkit-scrollbar-thumb {height:10px; width:10px; background:rgba(74,79,84,1); -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}
/* 리스트디테일 */
.n_movie .wrap_mv .movie_r .movielist ul{}
.n_movie .wrap_mv .movie_r .movielist ul li {overflow:hidden; padding:10px 0 6px 15px; position:relative}
.n_movie .wrap_mv .movie_r .movielist ul .on {background:#303438}
.n_movie .wrap_mv .movie_r .movielist ul li a {color:#d7d7d7}
.n_movie .wrap_mv .movie_r .movielist ul li a:hover {color:#fff}
.n_movie .wrap_mv .movie_r .movielist ul li img {float:left; width:86px; height:57px}
.n_movie .wrap_mv .movie_r .movielist ul li .ri {float:left; margin-left:10px; width:95px}
.n_movie .wrap_mv .movie_r .movielist ul li .ri span {color:#fff; font-size:11px}
.n_movie .wrap_mv .movie_r .movielist ul li .ri .mtit {color:#d7d7d7; line-height:14px}
.n_movie .wrap_mv .movie_r .movielist ul li .ri .mtime {display:block; color:#9d9d9d}

.pop_share {width:324px; z-index:110}
.pop_share .pop_top {height:40px; background:#36405b; padding-left:20px}
.pop_share .pop_top h4 {color:#fff; font-size:15px; line-height:40px}
.pop_share .pop_top a {width:14px; height:14px; position:absolute; right:20px; top:13px; background:url(/Images/Layout/popbtn_close03.png) no-repeat 0 0; font-size:0; }
.pop_share .pop_top a:hover {background:url(/Images/Layout/popbtn_close03.png) no-repeat -14px 0; }
.pop_share .pop_con {background:#f8f8f8; border:1px solid #949aa8; border-top:0; padding:20px}
.pop_share .pop_con .btnarea {overflow:hidden; width:268px; margin:0 auto}
.pop_share .pop_con .btnarea a { float:left; width:84px; height:18px; display:block; padding-top:70px; text-align:center; letter-spacing:-1px; font-size:11px; color:#555}
.pop_share .pop_con .btnarea a.kakao {background:url(/Images/Layout/icon_share.png) no-repeat 12px 0}
.pop_share .pop_con .btnarea a.facebook {background:url(/Images/Layout/icon_share.png) no-repeat -81px 0; margin-left:8px}
.pop_share .pop_con .btnarea a.tweet {background:url(/Images/Layout/icon_share.png) no-repeat -172px 0; margin-left:8px}
.pop_share .pop_con .btnarea a.kakao:hover {background:url(/Images/Layout/icon_share.png) no-repeat 12px -100px}
.pop_share .pop_con .btnarea a.facebook:hover {background:url(/Images/Layout/icon_share.png) no-repeat -81px -100px}
.pop_share .pop_con .btnarea a.tweet:hover {background:url(/Images/Layout/icon_share.png) no-repeat -172px -100px}
.pop_share .pop_con .copy {margin-top:15px; border-top:solid #ededed 1px; padding-top:15px}
.pop_share .pop_con .copy p {font-size:13px; font-weight:bold; margin-bottom:8px}
.pop_share .pop_con .copy input {border:1px solid #dadada; width:265px; height:38px; padding:0; padding:0 0 0 12px; font-family:Malgun Gothic; font-size:13px; color:#666}


/* 두뇌사용설명서 */
.br_Wrap {padding:40px 0 70px 0}
.br_Wrap h3 {font-size:20px; font-weight:bold}

.br_Wrap .va_list {margin-top:30px}
.br_Wrap .va_list ul {*zoom:1} 
.br_Wrap .va_list ul:after {content:" "; display:block; clear:both}
.br_Wrap .va_list ul li {overflow:hidden; float:left; margin-bottom:30px}
.br_Wrap .va_list ul li .thumb {float:left; position:relative}
.br_Wrap .va_list ul li .thumb img {width:180px; height:119px}
.br_Wrap .va_list ul li .thumb .mask {position:absolute;top:0;left:0;width:178px;height:117px;border:1px solid #000;opacity:.1;filter:alpha(opacity=10)}
.br_Wrap .va_list ul li .info {float:left; width:220px; margin-left:15px}
.br_Wrap .va_list ul li .info .ti {display:block; height:40px; overflow:hidden; font-size:14px; color:#555; font-weight:bold; margin-bottom:12px}
.br_Wrap .va_list ul li .info .co {color:#888}

.br_bn {color:#0ab0a6}
.br_red {color:#f66868}

/* 에너지보내기 */
.br_Wrap .en_list {position:relative}
.br_Wrap .en_list ul {*zoom:1; padding-top:30px} 
.br_Wrap .en_list ul:after {content:" "; display:block; clear:both}
.br_Wrap .en_list ul li {width:214px; float:left; margin:0 28px 30px 0}  
.br_Wrap .en_list ul li.last {margin-right:0px}

.br_Wrap .en_list ul a {color:#333}
.br_Wrap .en_list ul a:hover .ti {color:#2b54a0; text-decoration:underline}

.br_Wrap .en_list ul li .thumb {position:relative}
.br_Wrap .en_list ul li .thumb img {width:214px; height:214px}
.br_Wrap .en_list ul li .thumb .mask {position:absolute;top:0;left:0;width:212px;height:212px;border:1px solid #000;opacity:.1;filter:alpha(opacity=10)}
.br_Wrap .en_list ul li .info {width:212px; background:#fefbfc; border:1px solid #d5d5d5; border-top:0; padding:11px 0 12px 0}
.br_Wrap .en_list ul li .info .ti {display:block; padding:0 15px 15px 13px; font-size:13px; font-weight:bold}
.br_Wrap .en_list ul li .info .co {display:block; padding:0 15px 0 15px; color:#666}
.br_Wrap .en_list ul li .info .co .name {padding-right:10px; background:url(/Images/Layout/headerTop_bar.gif) no-repeat 100% 3px; margin-right:10px}
.br_Wrap .en_list ul li .info .co .heart { width:13px; height:11px; padding-left:17px; background:url(/Images/Layout/icon_heart.png) no-repeat 0 3px}

.br_Wrap .vbtn_area {margin-top:15px; overflow:hidden; text-align:right}
.br_Wrap .vbtn_area a {float:right; height:28px; line-height:28px; display:block; color:#fff; font-size:13px; text-align:center}
.br_Wrap .vbtn_area a.re {width:57px; background:#596477; border:1px solid #4c5565; font-weight:bold}
.br_Wrap .vbtn_area a.re:hover {background:#434b5a}
.br_Wrap .vbtn_area a.list {width:77px; background:#f4f4f4; color:#333; font-weight:bold; margin-left:5px; border:1px solid #d0d0d0}
.br_Wrap .vbtn_area a.list:hover {background:#fcfcfc}

.br_Wrap .en_view {}
.br_Wrap .en_view ul {*zoom:1} 
.br_Wrap .en_view ul:after {content:" "; display:block; clear:both}

.br_Wrap .en_write {margin-top:20px}

/* 강연신청 */
.br_Wrap .apply {*zoom:1; margin-top:30px} 
.br_Wrap .apply:after {content:" "; display:block; clear:both}
.br_Wrap .apply ul li {float:left; width:284px; margin:0 30px 30px 0; position:relative}
/*.br_Wrap .apply ul li.on .bor2 {position:absolute; left:0; top:0; width:280px; height:283px; display:block; border:2px solid #f77269; z-index:100}*/
.br_Wrap .apply ul li.on {border:2px solid #f77269; margin:0 26px 26px 0; }
.br_Wrap .apply ul li .thumb {position:relative; width:284px}
.br_Wrap .apply ul li .thumb .on {position:absolute; top:9px; right:10px; padding:2px 7px 2px 7px; background:#f77269; border:1px solid #dd6450c; color:#fff; font-weight:bold}
.br_Wrap .apply ul li .thumb img {width:284px; height:188px}
.br_Wrap .apply ul li .thumb .mask {position:absolute;top:0;left:0;width:282px;height:186px;border:1px solid #000;opacity:.1;filter:alpha(opacity=10)}
.br_Wrap .apply ul li .info {width:282px; background:#fefbfc; border:1px solid #d5d5d5; border-top:0; padding:11px 0 12px 0}
.br_Wrap .apply ul li .info .ti {display:block; padding:0 15px 0 13px; height:42px; margin-bottom:15px; font-size:14px; font-weight:bold; line-height:20px; overflow:hidden}
.br_Wrap .apply ul li .info .co {display:block; padding:0 15px 0 15px; color:#666}
.br_Wrap .apply ul li .info .co .name {padding-right:10px; background:url(/Images/Layout/headerTop_bar.gif) no-repeat 100% 3px; margin-right:10px}
.br_Wrap .apply ul li .info .date {padding:0 15px 15px 13px; color:#2b54a0; font-size:13px}
.br_Wrap .apply ul a {color:#333}
.br_Wrap .apply ul a:hover .ti {color:#2b54a0; text-decoration:underline}
.br_Wrap .apply ul li.last {margin-right:0px}

.br_Wrap a.pwrite {position:absolute; right:0px; top:-75px; display:block; background:url(/Images/Layout/icon_write.png) no-repeat 12px 10px #f77269; border:1px solid #e16860; padding:6px 15px 6px 30px; color:#fff; cursor:pointer; z-index:1000; font-weight:bold}
.br_Wrap a.pwrite:hover {background:url(/Images/Layout/icon_write.png) no-repeat 12px 10px #e76259}


.br_Wrap .apply_view {border-top:3px solid #585857; margin-top:15px; padding:40px 20px 0 20px}
.br_Wrap .apply_view .aptop {overflow:hidden}
.br_Wrap .apply_view .aptop .thumb { float:left; position:relative; width:284px}
.br_Wrap .apply_view .aptop .thumb img {width:284px; height:284px}
.br_Wrap .apply_view .aptop .thumb .mask {position:absolute;top:0;left:0;width:282px;height:282px;border:1px solid #000;opacity:.1;filter:alpha(opacity=10)}
.br_Wrap .apply_view .aptop .info {float:left; margin-left:39px; padding-top:20px}
.br_Wrap .apply_view .aptop .info h5 {font-size:16px; font-weight:bold; color:#f56156; margin-bottom:26px}
.br_Wrap .apply_view .aptop .info .iflist {}
.br_Wrap .apply_view .aptop .info .iflist li {padding-left:10px; background:url(/Images/Layout/bullet_red.gif) no-repeat 0 10px; margin-bottom:5px; font-size:13px}
.br_Wrap .apply_view .aptop .info .iflist li .loca { margin-left:15px; padding-right:10px; color:#f56156; background:url(/Images/Layout/bullet_go.gif) no-repeat 100% 7px; text-decoration:underline}
.br_Wrap .apply_view .aptop .info .iflist li .loca:hover {color:#ab4bdc}

.br_Wrap .apply_view .aptop .info .apbtnarea {overflow:hidden; margin-top:23px}
.br_Wrap .apply_view .aptop .info .apbtnarea a{float:left; width:212px; height:43px; color:#fff; font-weight:bold; font-size:18px; text-align:center; line-height:43px;
		  -moz-border-radius:3px; /*IE에서는 테두리가 배경색이된다*/
		  -webkit-border-radius:3px; /*파이어폭스*/
		  border-radius:3px; /*웹킷기반 브라우저 구글크롬 사파리*/
		  behavior: url(ie-css3.htc); /* 오페라 10.5이상 *//*IE6이상 IE-CSS3 핵사용*/}
.br_Wrap .apply_view .aptop .info .apnotice { background:#f77269; border:1px solid #de665e; margin-right:10px}
.br_Wrap .apply_view .aptop .info .apnotice:hover {background:#e76259}
.br_Wrap .apply_view .aptop .info .apshare { background:#7f8ba0; border:1px solid #727d90}
.br_Wrap .apply_view .aptop .info .apshare:hover {background:#6b778f}
.br_Wrap .apply_view .aptop .info .aprq { background:#52b3c8; border:1px solid #4aa1b4; margin-right:10px}
.br_Wrap .apply_view .aptop .info .aprq:hover {background:#47a1bb}

.br_Wrap .HDnt ul.notice { background:url(/Images/Sub/bg_noticetop.gif) 0 0 no-repeat; padding:17px 0 0 128px; color:#858585; font-size:11px; margin-top:55px; font-size:12px; line-height:1.7em}
.br_Wrap .HDnt ul.notice li {line-height:16px; padding-bottom:7px}
.br_Wrap .HDnt ul.notice li a { color:#6e49c8}
.br_Wrap .HDnt ul.notice li a:hover { color:#000}
.br_Wrap .HDnt div.noticebottom { height:16px; background:url(/Images/Sub/bg_noticebot.gif) no-repeat 0 bottom}

.br_Wrap .va_view {overflow:hidden}
.br_Wrap .va_view .vacont {float:left; width:645px}
.br_Wrap .va_view .vacont .movie {position:relative}
.br_Wrap .va_view .vacont .movie .onebtn_play {position:absolute; left:50%; top:150px; margin-left:-65px;  width:130px; height:130px; background:url(/Images/Layout/btn_play02.png) repeat-x 0 0; font-size:0}
.br_Wrap .va_view .vacont .movie .onebtn_play:hover {background:url(/Images/Layout/btn_play02.png) repeat-x -130px 0}
.br_Wrap .va_view .vacont .movie img {width:645px; height:425px}
.br_Wrap .va_view .vacont .mvinfo {margin-top:30px}
.br_Wrap .va_view .vacont .mvinfo .infotop {position:relative; border-bottom:1px solid #e4e4e4; padding-bottom:8px}
.br_Wrap .va_view .vacont .mvinfo .infotop h4 {font-size:20px; font-weight:bold; color:#222}
.br_Wrap .va_view .vacont .mvinfo .infotop .time {display:block; margin-top:10px; background:url(/Images/Layout/icon_time.gif) no-repeat 0 4px; padding-left:20px; color:#666}
.br_Wrap .va_view .vacont .mvinfo .infotop .share {position:absolute; top:28px; right:12px; width:20px;height:20px;background:url(/Images/Layout/btn_share.png) no-repeat 0 0; font-size:0; cursor:pointer}
.br_Wrap .va_view .vacont .mvinfo .infotop .share:hover {background:url(/Images/Layout/btn_share.png) no-repeat -20px 0; font-size:0}
.br_Wrap .va_view .vacont .mvinfo .infocon {padding:25px 0; font-size:13px; line-height:1.7em}

.br_Wrap .va_view .valist h5 {color:#666; font-size:14px; padding-bottom:12px; border-bottom:1px solid #e4e4e4}
.br_Wrap .va_view .valist {width:275px; margin-left:20px; float:left; position:relative}
.br_Wrap .va_view .valist .prvnxt {position:absolute; right:0px; top:0px; font-size:11px}
.br_Wrap .va_view .valist .prvnxt .prev {display:inline-block;overflow:hidden;width:23px;height:21px;background:url(/Images/Layout/btn_next.gif) no-repeat 0 0; font-size:0}
.br_Wrap .va_view .valist .prvnxt .prev:hover {background:url(/Images/Layout/btn_next.gif) no-repeat 0 -21px}
.br_Wrap .va_view .valist .prvnxt .next {display:inline-block;overflow:hidden;width:24px;height:21px;background:url(/Images/Layout/btn_next.gif) no-repeat -23px 0; font-size:0}
.br_Wrap .va_view .valist .prvnxt .next:hover {background:url(/Images/Layout/btn_next.gif) no-repeat -23px -21px}
.br_Wrap .va_view .valist .movielist {margin-top:18px}
.br_Wrap .va_view .valist .movielist ul {}
.br_Wrap .va_view .valist .movielist li {overflow:hidden; margin-bottom:15px; position:relative}
.br_Wrap .va_view .valist .movielist li a {}
.br_Wrap .va_view .valist .movielist li a img {float:left; width:98px; height:65px}
.br_Wrap .va_view .valist .movielist li a .mask {position:absolute;top:0;left:0;width:96px;height:63px;border:1px solid #000;opacity:.1;filter:alpha(opacity=10)}
.br_Wrap .va_view .valist .movielist li .ri {float:left; margin-left:15px; width:152px}
.br_Wrap .va_view .valist .movielist li .ri .mtit {display:block; height:36px; overflow:hidden; line-height:18px; font-size:12px; margin-bottom:8px}
.br_Wrap .va_view .valist .movielist li .ri .mname {display:block; height:20px; overflow:hidden; color:#888; font-size:11px}

.br_Wrap .brain_intro {margin-top:20px}
.br_Wrap .brain_intro p {font-size:0}
.br_Wrap .brain_intro .introimg_01 {height:877px; background:url(/Images/Sub/brguide_intro01.jpg) no-repeat 0 0}
.br_Wrap .brain_intro .introimg_02 {height:1171px; background:url(/Images/Sub/brguide_intro02.jpg) no-repeat 0 0}
.br_Wrap .brain_intro .introimg_03 {height:1512px; background:url(/Images/Sub/brguide_intro03.jpg) no-repeat 0 0}
.br_Wrap .brain_intro .introimg_04 {height:944px; background:url(/Images/Sub/brguide_intro04.jpg) no-repeat 0 0}

/* 온에어 개편 */
ul.tab_air{ overflow:hidden}
ul.tab_air li {float:left; height:66px; font-size:0px}
ul.tab_air li a {float:left; height:66px}
ul.tab_air .le {width:294px; background:url(/Images/Sub/onair_tab.gif) no-repeat 0 -66px}
ul.tab_air .le.on {background:url(/Images/Sub/onair_tab.gif) no-repeat 0 0}
ul.tab_air .ce {width:393px; background:url(/Images/Sub/onair_tab.gif) no-repeat -294px -66px}
ul.tab_air .ce.on {background:url(/Images/Sub/onair_tab.gif) no-repeat -294px 0}
ul.tab_air .ri {width:253px; background:url(/Images/Sub/onair_tab.gif) no-repeat -687px -66px}
ul.tab_air .ri.on {width:253px; background:url(/Images/Sub/onair_tab.gif) no-repeat -687px 0}

.wrap_onair {border:3px solid #f1f1f1; border-top:0; padding:50px 0 70px 0; overflow:hidden}
.wrap_onair .air_con01 {width:732px; margin:auto}
.wrap_onair .air_con01 h4 {text-align:center; font-size:18px; font-weight:bold; margin-bottom:25px}
.wrap_onair .air_con01 h4 .tit_air {color:#f76262; padding-right:12px; background:url(/Images/Sub/onair_line01.gif) no-repeat right 5px}
.wrap_onair .air_con01 h4 .date_air {color:#333; padding-left:12px}
.wrap_onair .air_con01 .video {margin-bottom:12px}
.wrap_onair .air_con01 h5 {font-size:16px; color:#333; margin-bottom:18px}
.wrap_onair .air_con01 .prolist {width:100%; margin-bottom:10px; border-top:2px solid #5e5e5e; text-align:center}
.wrap_onair .air_con01 .prolist td {padding:10px 0 10px 12px; border-bottom:1px solid #dedede; text-align:left; font-size:13px}
.wrap_onair .air_con01 .prolist th {width:140px; border-bottom:1px solid #dedede; font-size:13px}
.wrap_onair .air_con01 .prolist th.am {background:#fef6f9}
.wrap_onair .air_con01 .prolist th.pm {background:#f0f8f8}
.wrap_onair .air_con01 .prolist th .part {margin-right:15px; font-weight:normal}
.wrap_onair .air_con01 .prolist th .tm {}
.wrap_onair .air_con01 .prolist .r_txt {padding-left:12px; text-align:left}
.wrap_onair .air_con01 .guidetxt {color:#f55b5b; text-align:right}
.wrap_onair .air_con01 .errguide {text-align:right}
.wrap_onair .air_con01 .errguide a {color:#777; background:url(/Images/Layout/icon_go.png) no-repeat right 4px; padding-right:11px; text-decoration:underline}
.wrap_onair .air_con01 .errguide a:hover {text-decoration:underline}
.wrap_onair .air_con01 .now_on {background:#fafafa; border:1px solid #d0dded; padding:18px 22px 18px; color:#2f5ec8; margin-top:30px; margin-bottom:45px; font-size:13px}
.wrap_onair .air_con01 .now_on strong {color:#555}
.wrap_onair .air_con01 .prolist th.am.now {font-weight:bold; background:#f9edf0}
.wrap_onair .air_con01 .prolist th.pm.now {font-weight:bold; background:#e7f2f2}
.wrap_onair .air_con01 .prolist td.now {font-weight:bold; color:#b0609c; background:#fafafa}
.wrap_onair .air_con02 {width:872px; float:right; }
.wrap_onair .air_con02 h4 {font-size:18px; font-weight:bold; margin-bottom:25px}
.wrap_onair .air_con02 h4 .abk {color:#333}
.wrap_onair .air_con02 h4 .ared {color:#f76363}
.wrap_onair .air_con02 .process {height:800px; background:url(/Images/sub/onair_process.jpg) no-repeat 0 0}



/* 전체보기 */
.wrap_vall { margin:30px 0 120px 0}
.wrap_vall h3.viewall {font-size:18px; height:31px; border-bottom:2px solid #a9a9a9}
.wrap_vall h4.cate {margin-top:40px; font-size:16px; margin-bottom:15px; position:relative}
.wrap_vall .allwrap {background:#f8f8f8; padding:25px 50px;  overflow:hidden}
.wrap_vall .allwrap ul {float:left; width:225px}
.wrap_vall .allwrap ul li { padding-left:20px; font-size:13px; margin-bottom:7px}
.wrap_vall .allwrap ul li a{color:#555; line-height:1.4em}
.wrap_vall .allwrap ul li a:hover{text-decoration:underline; color:#2b54a0}
.wrap_vall h4.cate .order {position:absolute; right:0; top:0; font-size:12px; color:#999999}

/* 나의 힐링타임 */
.top_mhtime {position:relative; border:1px solid #d8d8d8; padding:18px 30px 20px 30px; background:url(/Images/sub/bg_htimetop.gif) no-repeat 0 0}
.top_mhtime h3.myh { margin-bottom:16px}
.top_mhtime h3.myh .htit{font-size:18px; font-weight:bold; padding-right:11px; color:#333; background:url(/Images/sub/line17.gif) no-repeat 100% 4px}
.top_mhtime h3.myh .hdt{margin-left:11px; font-size:14px; color:#2fadc8}
.top_mhtime a.qstn {position:absolute; right:30px; top:22px; padding-left:20px; background:url(/Images/sub/icon_prm.png) no-repeat 0 3px; text-decoration:underline}
.top_mhtime a.qstn:hover {text-decoration:underline}
.top_mhtime .charic {position:absolute; left:30px; bottom:0; width:105px; height:111px; background:url(/Images/sub/bg_character.png) no-repeat 0 0}
.top_mhtime .balloon {margin-left:125px; width:525px}
.top_mhtime .balloon .bgtop { padding:22px 20px 20px 25px; background:url(/Images/sub/bg_bltop.png) no-repeat 0 0}
.top_mhtime .balloon .bgtop .qstn_txt {font-size:14px}
.top_mhtime .balloon .bgtop .qstn_txt .num {color:#2fadc8}
.top_mhtime .balloon .bgbot { padding:0 0 20px 0px; background:url(/Images/sub/bg_blbot.png) no-repeat 0 0}

.top_mhtime .balloon .bgbot .btnarea{overflow:hidden; position:relative; text-align:right; margin-right:15px; }
.top_mhtime .balloon .bgbot .btnarea a {display:block; float:right; height:28px; font-size:14px; color:#555; background:#fdfdfd; font-weight:bold; border:1px solid #d5d5d5; text-align:center; line-height:28px}
.top_mhtime .balloon .bgbot .btnarea a:hover {background:#f4f4f4}

.top_mhtime .balloon .bgbot .btnarea .btn_tsweek { position:absolute; left:27px; bottom:0; width:140px}
.top_mhtime .balloon .bgbot .btnarea .btn_reply{ width:120px; color:#ec5e5e}
.top_mhtime .balloon .bgbot .btnarea .btn_sns{ width:120px; margin-left:8px}

.h_reply {margin-bottom:90px}
.h_reply .replylist li {position:relative; border-bottom:1px solid #e9e9e9; padding:30px 20px; overflow:hidden}
.h_reply .replylist li .topinfo {overflow:hidden; margin-bottom:15px}
.h_reply .replylist li .topinfo .tbarea {float:left; position:relative;  display:block; width:20px; height:20px}
.h_reply .replylist li .topinfo .tbarea .tbcover {position:absolute; left:0; top:0; display:block; width:20px; height:20px; background:url(/Images/sub/reply_tbcover.png) no-repeat 0 0}
.h_reply .replylist li .topinfo .tbarea img {width:20px; height:20px}
.h_reply .replylist li .topinfo .nm {margin-left:7px; padding-right:10px; background:url(/Images/sub/line11.gif) no-repeat 100% 3px; color:#333}
.h_reply .replylist li .topinfo .dt {margin-left:10px; color:#2fadc8; margin-right:3px}
.h_reply .replylist li .conts {margin-bottom:20px}
.h_reply .replylist li .conts .contxt {width:570px; color:#555; margin-bottom:23px; font-size:14px; line-height:1.7em}

.addimage {}
.addimage .oneimg img {max-width:570px}

/* 레이어팝업과 페이지에 공동으로 쓰는 유튜브첨부박스 */
.linkarea {}
.h_reply .replylist .plink {width:570px; word-break:break-all}
.linkarea .plink {display:block; margin-bottom:10px}
.linkarea .plink a {color:#4f9aee}
.linkarea .plink a:hover {text-decoration:underline}
.h_reply .replylist .linkarea .ytubebox {width:568px} /* 본문사이즈 적용 */
.replybox .wrap_link .linkarea .ytubebox {width:382px; background:#fff} /* 팝업사이즈 적용 */
.linkarea .ytubebox { border:1px solid #d8d8d8; background:#fcf9fa}
.linkarea .ytubebox .yinfo {height:110px; padding:15px 12px 0 12px}
.linkarea .ytubebox .yinfo a:hover h5 {text-decoration:underline}
.linkarea .ytubebox .yinfo a:hover .ytxt {text-decoration:underline}
.linkarea .ytubebox .yinfo h5 {margin-bottom:5px; height:20px; color:#555; overflow:hidden}
.linkarea .ytubebox .yinfo .ytxt {font-size:11px; height:48px; overflow:hidden; line-height:1.4em; color:#888; margin-bottom:5px}
.linkarea .ytubebox .yinfo .site {display:block; color:#888; font-size:11px}
.linkarea .ytubebox .yinfo .site:hover {color:#888; text-decoration:underline}
.linkarea .urlbox {border-top:1px solid #efefef; padding:15px 0 0 0}
.linkarea .urlbox a {color:#4f9aee}
.linkarea .urlbox a:hover {text-decoration:underline}

.PDattImg {width:100%; margin-bottom:60px}
.PDattImg ul	{list-style:none}
.PDattImg li	{display:block}
.PDattImg img {max-width:680px; margin-bottom:10px}
.PDattImg embed {margin-bottom:10px}
.PDattImg .embedtxt {width:100%; background:url(/Images/sub/icon_embedinfo.png) no-repeat 0 1px; font-size:12px; color:#f55b5b; padding-left:20px; line-height:18px; margin-bottom:22px}
.PDattImg .embedtxt ul	{list-style:none}
.PDattImg .embedtxt ul li	{display:block}

.PDattImg-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%; /*border:1px solid #d5d5d5;*/ margin-bottom:8px}
.PDattImg-container iframe,
.PDattImg-container object,
.PDattImg-container embed{position:absolute;top:0;left:0;width:100%;height:100%; border:1px solid #d5d5d5}


/* 레이어팝업과 페이지에 공동으로 쓰는 웹페이지첨부박스 */
.h_reply .replylist li .conts .linkarea .wpagebox  {width:548px} /* 본문사이즈 적용 */
.h_reply .replylist li .conts .linkarea .wpagebox .winfo {width:420px}

.replybox .wrap_link .linkarea .wpagebox {width:362px; background:#fff}
.replybox .wrap_link .linkarea .wpagebox .winfo {width:232px}


.wpagebox {padding:10px; border:1px solid #d8d8d8; overflow:hidden}
.wpagebox .thumb {float:left; position:relative}
.wpagebox .thumb img{width:109px; height:109px}
.wpagebox .thumb .mask {position:absolute; top:0;left:0; display:block; width:107px;height:107px; border:1px solid #000;opacity:0.10;filter:alpha(opacity=10)}
.wpagebox .winfo {float:left; margin-left:14px; padding-top:4px}
.wpagebox .winfo a:hover h5{text-decoration:underline}
.wpagebox .winfo a:hover .wtxt{text-decoration:underline}
.wpagebox .winfo h5{margin-bottom:5px; height:20px; overflow:hidden; color:#555}
.wpagebox .winfo .wtxt {height:50px; overflow:hidden; font-size:11px; color:#888; line-height:1.5em; margin-bottom:10px}
.wpagebox .winfo .site {color:#888; font-size:11px}
.wpagebox .winfo .site:hover {text-decoration:underline}

.h_reply .replylist li .btn_bot {overflow:hidden}
.h_reply .replylist li .btn_bot a {float:left; display:block; width:40px; height:25px; background:#f1f1f1; border:1px solid #d5d5d5; text-align:center; line-height:25px}
.h_reply .replylist li .btn_bot a:hover {background:#fafafa}
.h_reply .replylist li .btn_bot .del {}
.h_reply .replylist li .btn_bot .ret {margin-left:5px}
.h_reply .replylist li .btn_rht {position:absolute; right:20px; top:30px}
.h_reply .replylist li .btn_rht a {display:block; width:38px; height:28px; padding-left:35px; line-height:28px; background:#fff; border:1px solid #d5d5d5}
.h_reply .replylist li .btn_rht .rcm {background:#fff url(/Images/sub/icon_replybtn.png) no-repeat 14px 10px; margin-bottom:8px}
.h_reply .replylist li .btn_rht .rcm.on {background-position:14px -10px; color:#f66060; font-weight:bold}
.h_reply .replylist li .btn_rht .rcm:hover {background-position:14px -10px; color:#f66060}
.h_reply .replylist li .btn_rht .rp.on {background-position:14px -53px; color:#f66060; font-weight:bold}
.h_reply .replylist li .btn_rht .rp {background:#fff url(/Images/sub/icon_replybtn.png) no-repeat 14px -31px}
.h_reply .replylist li .btn_rht .rp:hover {background-position:14px -53px; color:#f66060}

.h_reply .replylist .rrp {background:#fafafa url(/Images/sub/icon_reply.png) no-repeat 20px 21px; padding:20px 30px 20px 40px}
.h_reply .replylist .rrp .conts .contxt {width:560px}

.h_reply .tmtable {margin-top:30px}
.h_reply .tmtable th {height:37px; background:#f4f4f4; border-bottom:2px solid #e0e0e0; line-height:37px; text-align:center}
.h_reply .tmtable td {border-bottom:1px solid #ececec; padding:13px 0}
.h_reply .tmtable td a:hover {text-decoration:underline}
.h_reply .tmtable .num, .date, .coment {text-align:center; color:#999}

/* 궁금증 레이어팝업 */
.qstnbox {width:288px; padding:25px 25px 25px 25px; border:1px solid #d8d8d8; background:#fefbfc; z-index:1}
.qstnbox h4 {font-size:16px; color:#333; font-weight:bold; margin-bottom:20px}
.qstnbox p {line-height:1.5em}
.qstnbox .txt01 {color:#555; margin-bottom:10px}
.qstnbox .txt02 {color:#f67070; margin-bottom:22px}
.qstnbox .txtinput {width:262px; height:120px; padding:12px; border:1px solid #d8d8d8; line-height:1.5em; color:#333}
.qstnbox .btnqstn {display:block; overflow:hidden; margin-top:15px}
.qstnbox .btnqstn a{float:left; display:block;  color:#fff; height:40px; line-height:40px; text-align:center; font-weight:bold; font-size:13px}
.qstnbox .btnqstn .send {background:#2aa4be; width:160px}
.qstnbox .btnqstn .send:hover {background:#2899b1}
.qstnbox .btnqstn .close {background:#9f9f9f; width:120px; margin-left:8px}
.qstnbox .btnqstn .close:hover {background:#969696}

/* 준비중 레이어팝업 */
.readybox {width:240px; padding:25px 25px 30px 25px; text-align:center; border:1px solid #d8d8d8; background:#fefbfc; z-index:1}
.readybox h4 {font-size:16px; color:#333; font-weight:bold; margin-bottom:20px}
.readybox .guyimg {width:125px; height:40px; margin:0 auto; padding-top:120px; background:url(/Images/layout/img_ready.png) no-repeat 0 0px}
.readybox .guyimg a{display:block;color:#fff; height:40px; line-height:40px; text-align:center; font-weight:bold; font-size:14px}
.readybox .guyimg .ok{background:#2aa4be; width:120px}
.readybox .guyimg .ok:hover{background:#2899b1}

/* 댓글쓰기 레이어팝업 */
.replybox {width:424px}
.replybox h4 {position:relative; height:45px; padding-left:25px; line-height:45px; background:#36405b; font-size:16px; font-weight:bold; color:#fff}
.replybox h4 .close {display:block; position:absolute; right:20px; top:17px; width:14px; height:14px; background:url(/Images/sub/btn_popclose.png) no-repeat 0 0; font-size:0}
.replybox .contwrap {background:#fefbfc; padding:20px 20px 22px 20px; border:1px solid #93959e; border-top:0}
.replybox .contwrap .rpinput {width:360px; height:170px; padding:12px; border:1px solid #d8d8d8; line-height:1.5em; color:#333}
.replybox .contwrap .btnrp {overflow:hidden; margin-top:10px}
.replybox .contwrap .btnrp a {display:block; float:left; width:96px; height:40px; padding-left:90px; background:#f1f1f1 url(/Images/sub/icon_piclink.png) no-repeat; border:1px solid #d5d5d5; line-height:40px; font-size:14px; font-weight:bold; color:#555}
.replybox .contwrap .btnrp .pic {background-position:63px 14px}
.replybox .contwrap .btnrp .link {margin-left:6px; background-position:65px -22px}
.replybox .contwrap .btnrp .pic:hover {background:#f8f8f8 url(/Images/sub/icon_piclink.png) no-repeat 63px 14px}
.replybox .contwrap .btnrp .link:hover {background:#f8f8f8 url(/Images/sub/icon_piclink.png) no-repeat 65px -22px}

.replybox .contwrap .wrap_pic {margin-top:10px}
.replybox .contwrap .wrap_pic ul {overflow:hidden}
.replybox .contwrap .wrap_pic ul li {float:left; position:relative; width:70px; height:56px; margin-right:8px; background:#c6c6c6}
.replybox .contwrap .wrap_pic ul li img {width:70px; height:56px}
.replybox .contwrap .wrap_pic ul li a.del {position:absolute;top:4px;right:4px;display:block;width:15px;height:15px;background:url(/Images/sub/btn_picdel.png) no-repeat 0 0; font-size:0; z-index:1}
.replybox .contwrap .wrap_pic ul li a.del:hover {background-position:0 -16px}
.replybox .contwrap .wrap_pic ul li .mask {position:absolute;top:0;left:0;width:68px;height:54px;border:1px solid #000;opacity:.1;filter:alpha(opacity=10)}
.replybox .contwrap .wrap_pic ul li.last {margin:0}
.replybox .contwrap .wrap_pic ul li .add {display:block; width:70px; height:56px; background:url(/Images/sub/bg_addpic.gif) no-repeat 0 0; font-size:0}
.replybox .contwrap .wrap_pic ul li .add:hover {background-position:0 -56px}

.replybox .contwrap .wrap_link {margin-top:10px}
.replybox .contwrap .wrap_link .linkinput {width:340px; padding:0; padding-left:40px; height:40px; background:#fff url(/Images/sub/icon_link.png) no-repeat 14px 11px; border:1px solid #d8d8d8; color:#2fadc8}

.replybox .contwrap .celup {position:relative; margin-top:20px}
.replybox .contwrap .celup a {display:block; }
.replybox .contwrap .celup .emo {position:absolute; left:0; top:2px; width:60px; height:30px; padding-left:25px; background:url(/Images/sub/icon_smile.png) no-repeat 0 7px; line-height:30px; color:#555; font-weight:bold; font-size:13px}
.replybox .contwrap .celup .emo:hover {background-position:0 -25px; text-decoration:underline}
.replybox .contwrap .celup .cbarea {overflow:hidden; display:block}
.replybox .contwrap .celup .cbarea .ccel {float:right; width:73px; height:28px; background:#f1f1f1; border:1px solid #d5d5d5; line-height:30px; font-size:14px; text-align:center; color:#555}
.replybox .contwrap .celup .cbarea .upld {float:right; width:85px; height:30px; margin-left:6px; background:#e87272; line-height:30px; font-size:14px; color:#fff; text-align:center; font-weight:bold}
.replybox .contwrap .celup .cbarea .ccel:hover {background:#f8f8f8}
.replybox .contwrap .celup .cbarea .upld:hover {background:#d86b6b}


/* 나의 힐링용품 */
.Contents h3.nline {padding:10px 0 14px 0; border-bottom:2px solid #a9a9a9; font-size:18px; margin:0}
.Contents h3.noline {padding:10px 0 14px 0; font-size:18px; margin:0}
/* 나의 힐링용품 - 리스트 */
a.btn_write {position:absolute; right:0; top:-42px; display:block; width:55px; height:28px; line-height:28px; background:#fdfdfd url(/Images/sub/icon_replybtn.png) no-repeat 20px -31px ; border:1px solid #d5d5d5; text-align:left; color:#555; padding-left:40px}
a.btn_write:hover {background-position:20px -53px; color:#f66060}
.list_wrap {position:relative}
.list_wrap ul {}
.list_wrap ul li {overflow:hidden; padding:20px 15px 20px 15px; border-bottom:1px solid #e9e9e9}
.list_wrap ul li a:hover .hptxt .hptit {text-decoration:underline}
.list_wrap ul li a:hover .hptxt .hpcon {text-decoration:underline}
.list_wrap ul li .hpthumb {float:left; position:relative; width:155px}
.list_wrap ul li .hpthumb img {width:155px; height:102px}
.list_wrap ul li .hpthumb .mask {position:absolute;top:0;left:0;width:153px;height:100px;display:block; border:1px solid #000;opacity:.1;filter:alpha(opacity=10)}
.list_wrap ul li.viewpic .hptxt {float:left; margin-left:15px; width:510px; padding-top:5px}
.list_wrap ul li.nopic .hptxt {float:left; width:100%}
.list_wrap ul li .hptxt .hptit {display:block; margin-bottom:8px; font-size:15px; color:#333; font-weight:bold}
.list_wrap ul li .hptxt .hpcon {display:block; height:38px; overflow:hidden; margin-bottom:10px; font-size:13px; color:#555; line-height:1.4em}
.list_wrap ul li .hptxt .hpinfo {display:block}
.list_wrap ul li .hptxt .hpinfo .name {color:#2fadc8; font-size:12px; padding-right:10px; background:url(/Images/Layout/line02.gif) no-repeat 100% 3px}
.list_wrap ul li .hptxt .hpinfo .num {margin-left:9px; padding-left:16px; color:#999; font-size:12px; background:url(/Images/main/icon_heart.png) no-repeat 0 3px}

/* 나는 PD다 - 리스트 */
.list_wrap ul li a:hover .pdtxt .pdtit {text-decoration:/*underline*/ none}
.list_wrap ul li a:hover .pdtxt .pdcon {text-decoration:/*underline*/ none}
.list_wrap ul li .pdthumb {float:left; position:relative; width:155px}
.list_wrap ul li .pdthumb img {width:155px; height:102px}
.list_wrap ul li .pdthumb .mask {position:absolute;top:0;left:0;width:153px;height:100px;display:block; border:1px solid #000;opacity:.1;filter:alpha(opacity=10)}

.list_wrap ul li .pdthumb .ic {position:absolute; left:11px; display:block; width:30px; height:30px}
.list_wrap ul li .pdthumb .ic.video {background:url(/Images/main/icon_video.png) no-repeat 0 0; bottom:11px}
.list_wrap ul li .pdthumb .ic.sound {background:url(/Images/main/icon_sound.png) no-repeat 0 0; bottom:11px}
.list_wrap ul li .pdthumb .ic.text {background:url(/Images/main/icon_text.png) no-repeat 0 0; bottom:11px}
.list_wrap ul li .pdthumb .ic.img {background:url(/Images/main/icon_imgnum2.png) no-repeat 0 0; text-align:center; padding-top:6px; bottom:5px; font-size:11px; color:#FFFFFF}

.list_wrap ul li.viewpic .pdtxt {float:left; margin-left:15px; width:510px; padding-top:5px}
.list_wrap ul li.nopic .pdtxt {float:left; width:100%}
.list_wrap ul li .pdtxt .pdtit {display:block; /*margin-bottom:4px;*/ font-size:15px; color:#333; font-weight:bold}
.list_wrap ul li .pdtxt .pdcon {display:block; height:38px; overflow:hidden; font-size:13px; color:#555; line-height:1.4em}
.list_wrap ul li .pdtxt .pdinfo {display:block; margin-top:6px; margin-bottom:12px}
.list_wrap ul li .pdtxt .pdinfo .name {color:#2fadc8; font-size:12px; padding-right:10px; background:url(/Images/Layout/line02.gif) no-repeat 100% 3px}
.list_wrap ul li .pdtxt .pdinfo .date {color:#999999; font-size:12px; padding-right:10px; padding-left:10px; background:url(/Images/Layout/line02.gif) no-repeat 100% 3px}
.list_wrap ul li .pdtxt .pdinfo .num {margin-left:9px; padding-left:16px; color:#999; font-size:12px; background:url(/Images/main/icon_heart.png) no-repeat 0 3px}
.list_wrap ul li .pdtxt img.iconLock {vertical-align:middle; margin-top:-5px; margin-left:6px}

/* 보기*/ 
.view_wrap {}
.view_wrap .viewtable {width:100%}
.view_wrap .viewtable tr th {position:relative; border-bottom:1px solid #e9e9eb; padding:20px 15px 18px 15px; font-weight:normal}
/*_wrap table tr th h4 {width:500px; float:left; font-size:16px; font-weight:bold; color:#333; text-align:left}
_wrap table tr th .winfo {position:relative; float:left; width:210px}
_wrap table tr th .winfo .name {float:right; width:140px; color:#2fadc8; font-size:12px; padding-right:10px; background:url(/Images/Layout/line02.gif) no-repeat 100% 3px}
_wrap table tr th .winfo .num {float:right; margin-left:9px; padding-left:16px; color:#999; font-size:12px; background:url(/Images/main/icon_heart.png) no-repeat 0 5px}

_wrap table tr th .winfo .ntxt {float:right; width:140px; margin-left:10px; }
_wrap table tr th .winfo .tbarea {float:right; position:relative;  display:block; width:20px; height:20px}
_wrap table tr th .winfo .tbarea .tbcover {position:absolute; left:0; top:0; display:block; width:20px; height:20px; background:url(/Images/sub/reply_tbcover.png) no-repeat 0 0}
_wrap table tr th .winfo .tbarea img {width:20px; height:20px}
_wrap table tr td {border-bottom:1px solid #e9e9eb}*/

.view_wrap .viewtable tr th h4 {width:100%; font-size:16px; font-weight:bold; color:#333; text-align:left; margin-bottom:10px; line-height:1.4em}
.view_wrap .viewtable tr th img.iconLock {vertical-align:middle; margin-top:-3px; margin-left:2px}
.view_wrap .viewtable tr th img.encoding {vertical-align:middle; margin-top:-3px; margin-left:2px}
.view_wrap .viewtable tr th .winfo {text-align:left}
.view_wrap .viewtable tr th .winfo .name { color:#888; font-size:12px; padding-right:10px; background:url(/Images/Layout/line02.gif) no-repeat 100% 3px}
.view_wrap .viewtable tr th .winfo .num {margin-left:9px; padding-left:16px; color:#999; font-size:12px; background:url(/Images/main/icon_heart.png) no-repeat 0 3px}
.view_wrap .viewtable tr th .winfo .ntxt { float:left; margin-left:7px}
.view_wrap .viewtable tr th .winfo .tbarea {float:left; position:relative; display:block; width:20px; height:20px}
.view_wrap .viewtable tr th .winfo .tbarea .tbcover {position:absolute; left:0; top:0; display:block; width:20px; height:20px; background:url(/Images/sub/reply_tbcover.png) no-repeat 0 0}
.view_wrap .viewtable tr th .winfo .tbarea img {width:20px; height:20px}
.view_wrap .viewtable tr td {border-bottom:1px solid #e9e9eb; padding:15px}

.view_wrap .viewtable tr td.ctwrap {border-bottom:0; padding:20px 15px 30px}
.view_wrap .viewtable tr td.ctwrap .hviewcon {margin-bottom:40px}
.view_wrap .viewtable tr td.ctwrap .hviewcon .contxt {margin-bottom:23px; color:#555; line-height:1.7em; font-size:14px}


.postbtn {display:block; position:relative; margin:0 auto; text-align:right; overflow:hidden}
.postbtn a{display:inline-block; width:90px; height:35px; text-align:center; line-height:35px; color:#fff; font-size:14px; font-weight:bold}
.postbtn .post {background:#2aa4be}
.postbtn .post:hover {background:#2796ad; color:#fff}
.postbtn .cancel {background:#9f9f9f}
.postbtn .cancel:hover {background:#919191; color:#fff}
.postbtn .leftcs {position:absolute; left:0; top:0; background:#9f9f9f; color:#fff}
.postbtn .leftcs:hover {background:#919191}

.Contents .leftst {width:710px; margin:0; padding:0; !important}
.Contents .leftst .en_list ul li {margin-right:33px}
.Contents .leftst .en_list ul li.last {margin-right:0px}

.MHintro .text01 {height:422px; background:url(/Images/Sub/text_intro.gif) no-repeat 0 0; font-size:0}
.MHintro .tit02 {height:18px; border-bottom:3px solid #fdcac4; padding-bottom:14px; background:url(/Images/Sub/tit_intro.gif) no-repeat 0 0; font-size:0}
.MHintro .text02 {height:301px; background:url(/Images/Sub/img_together.jpg) no-repeat 0 0; font-size:0}
.MHintro .tit03 {height:18px; border-bottom:3px solid #fdcac4; padding-bottom:14px; background:url(/Images/Sub/tit_fam.gif) no-repeat 0 0; font-size:0}
/*-----지구시민 패밀리(170622)-----*/
.MHintro .fam{width:710px;}
.MHintro .fam ul li{float:left;width:228px;margin-right:13px;margin-bottom:45px;}
.MHintro .fam ul li.last {float:left;width:228px;margin-right:0px;}

.fam ul li .thumb img {width:228px; height:105px}
.fam ul li .name {width:228px;font-size:18px; font-weight:bold;padding-top:14px;padding-bottom:12px;}
.fam ul li .text {width:228px;font-size:13px;}
.fam ul li .url {width:228px;font-size:14px;}
.fam ul li .url a{width:228px;font-size:14px;color:#2b54a0;}

/*----------------------- 체인지TV 단월드 회원 전용 페이지 (이열희) -----------------------*/

.dahnworldmem					{float:left}
.dahnworldmem .info				{float:left; width:504px; height:43px; background:#fff; font-size:14px; text-align:center; line-height:43px; border:1px solid #c8ccd9; border-right:0}
.dahnworldmem .wrap_btn			{overflow:hidden; overflow:hidden}
.dahnworldmem .txtred			{color:#f75a5a}
.dahnworldmem .wrap_btn .buy01	{float:left; width:203px; height:43px; background:#f75a5a; color:#FFFFFF; font-weight:bold; font-size:14px; text-align:center; line-height:43px; border:1px solid #e16565}
.dahnworldmem .wrap_btn a:hover	{color:#fffca0}

.dahnworldmem_listarea  {margin-top:0px; position:relative}

/*----------------------- 체인지TV 단월드 회원 전용 인증후 페이지 (이현희) -----------------------*/
.dahnworldmem_after{float:left}
.dahnworldmem_after .zone{color:#fff;width:707px; height:43px; background:#5a82ce; font-size:14px; text-align:center; line-height:43px; border:1px solid #c8ccd9}
.dahnworldmem_after .txt_id{color:#feff02;font-weight:bold}
.dahnworldmem_after .txt_after{color:#feff02;font-weight:bold;font-size:15px}

/*  단월드 회원 전용 영상 : Thumbnail : List  */
.dahnworldmemList .borderTop { background:url(/Images/sub/thumbList_topBar.gif) repeat-x 0 0; height:9px; width:100%}
.dahnworldmemList dl { border-bottom:1px solid #e9e9e9; padding:30px 0}
.dahnworldmemList dt { height:20px; font-size:16px; color:#000; font-weight:bold}
.dahnworldmemList dt span {color:#379bc5}
.dahnworldmemList dt a { margin-left:4px}
.dahnworldmemList dd {}
.dahnworldmemList dd.thumb { float:left; margin-right:22px; background:#000; width:222px; height:145px; line-height:145px; position:relative}

.dahnworldmemList dd.thumb img { vertical-align:middle}
.dahnworldmemList dd.thumb .thumbPay {position:absolute; bottom:2px; left:10px; z-index:50}

.dahnworldmemList dd.thumb .free {position:absolute; bottom:0px; left:0px; width:222px; height:40px; z-index:1; background:url(/Images/sub/program_thumbFreebg2.png); _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/sub/program_thumbFreebg2.png',sizingMethod='crop')}/*ie6 png배경 hack*/
.dahnworldmemList dd.thumb .free p {display:none; font-size:0}

.dahnworldmemList dd.con {line-height:22px; font-size:13px; width:65%; float:right; background:url(/Images/Sub/dot_line2.gif) top left no-repeat; margin-top:18px; padding-top:12px}
.dahnworldmemList dd.con a { color:#625d5d}

.dahnworldmemList .time { float:right; height:22px; background:url(/Images/sub/dahnworld_timeicon.png) left 5px no-repeat; font-size:11px; color:#919396; padding-left:16px; margin-right:3px}

.Contents h3.subtit {padding:10px 0 14px 0; border-bottom:2px solid #a9a9a9; font-size:17px; margin:55px 0px 0px 0px}
.Contents h3.subtit_dahn {padding:10px 0 14px 0; border-bottom:2px solid #a9a9a9; font-size:17px; margin:.px 0px 0px 0px}


.PDbtn 		{float:left; position:relative; width:100%}
a.PDattfile {float:left;  position:relative; background:url(/Images/Sub/bt_PDattfile.png) #fdfdfd no-repeat 11px 8px; border:1px solid #d5d5d5; color: #222222; padding:4px 15px 6px 32px}
a:hover.PDattfile {background-position:11px -37px; color:#f55b5b}

.PDwriteAttTxt			{float:left; position:relative; width:100%; font-size:12px; color:#222222; line-height:18px; margin-top:8px}
.PDwriteAttTxt ul		{list-style:none}
.PDwriteAttTxt ul li	{display:block}

.PDPointTxt{color:#f55b5b}
.PDchebox		{display:inline-block}
.PDchebox input {margin-bottom:3px; margin-right:4px}
.PDspL15		{margin-left:15px}

.PDattImg_write {width:100%; margin-bottom:10px}
.PDattImg_write img {width:70px; height:55px; vertical-align:middle; margin-right:8px}
.PDattImg_write img.del {width:15px; height:15px; vertical-align:middle; margin-left:8px}
.PDattImg_write embed {/*width:100%; margin-bottom:10px;*/ width:150px; height:95px; vertical-align:middle}
.PDattImg_write ul		{list-style:none}
.PDattImg_write ul li	{display:block; margin-bottom:8px}


.dahnmem_freebnlist {float:left; width:710px; margin:0; overflow:hidden}
.dahnmem_freebnlist ul {list-style:none}
.dahnmem_freebnlist ul li {margin-top:20px}
.dahnmem_freebnlist .thumb {position:relative}
.dahnmem_freebnlist .thumb .ic {position:absolute; right:0px; bottom:0px; display:block; width:105px; height:83px}
.dahnmem_freebnlist .thumb .ic.new {background:url(/Images/sub/dahnMem_bn_iconnew.png) no-repeat 0 0}
.dahnmem_freebnlist .thumb .ic2 {position:absolute; left:44px; top:0px; display:block; width:54px; height:48px}
.dahnmem_freebnlist .thumb .ic2.ribbon {background:url(/Images/sub/dahnMem_bn_iconribbon.png) no-repeat 0 0}
.dahnmem_freebnlist .thumb .ic2.ribbon_blue {background:url(/Images/sub/dahnMem_bn_iconribbon_blue.png) no-repeat 0 0}
.dahnmem_freebnlist .thumb .mask {position:absolute;top:0;left:0;width:708px;height:248px; border:1px solid #FFFFFF;opacity:0.10;filter:alpha(opacity=10)}

.dahnmem_iconew { vertical-align:middle; margin:0px 0px 5px 5px} 

/* 2016-08-11 마이페이지 개편 */
.sideMenu .titBox_02 {height:33px; border:1px solid #4f5265; background-color:#4f5265; padding:15px 0 0 18px}
.sideMenu .menuTxt .bannerLink {padding:0 10px}
.bannerLink a {display:block;width:160px;min-height:40px;padding:12px;background:#fff;border:1px solid #eaeaea;margin-top:10px;position:relative}
.bannerLink span {letter-spacing:-1px}
.bannerLink .st {color:#4d4646;display:block}
.bannerLink .bt {color:#4d4646;font-size:16px;display:block;line-height:23px}
.bannerLink .lt {color:#ff4646;font-size:11px;display:block;position:absolute;bottom:12px;right:12px;line-height:13px;padding:0 1px;border-bottom:1px solid #ff4646}
.bannerLink .fc_blue {color:#1c67cd;font-weight:600}

.myInfoBox {width:700px;border:5px solid #b0b9d5;letter-spacing:-1px}
.myInfoTop {padding:25px;width:650px;height:100px;position:relative}
.myInfoTop > div {position:absolute}
.mi_pic {top:25px;left:30px;width:120px;height:100px}
.mi_tt {top:20px;left:165px;width:500px;height:100px}
.mi_modify {top:30px;right:25px;width:141px;height:35px;background:#f85555}
.mi_pic .pic {width:100px;height:100px; z-index:10;overflow:hidden;background:#ddd}
.mi_pic .pic img {width:100%;height:100%; max-width:100%;;border:1px solid #eaeaea}
.mi_pic .camera {position:absolute;top:60px;left:60px;z-index:20;width:40px;height:40px;overflow:hidden;background:url(/Images/Layout/icon_camera.png) center center no-repeat;background-size:40px 40px;cursor:pointer}
.mi_pic .camera .fm_camera {position:absolute;top:0;left:0;width:100%;height:100%}
.mi_tt .mi_tt1 {line-height:28px;font-size:14px;color:#333;font-weight:600}
.mi_tt .mi_tt2 {line-height:22px;font-size:14px;color:#395fa6;font-weight:600;letter-spacing:0}
.mi_tt .mi_tt3 {line-height:42px;font-size:16px;color:#f85555;letter-spacing:0}
.mi_tt3 a {font-size:12px;color:#666;height:14px;border-bottom:1px solid #666;margin:0 15px}
.mi_modify a {display:block;width:100%;height:100%;text-align:center;line-height:35px;font-size:14px;color:#fff}
.mi_modify a:hover {color:#eee}

.fc_red {color:#f85555 !important}
.fc_gray {color:#999 !important}
.fc_dsky {color:#2fadc8 !important}
.fc_fff {color:#fff !important}
.fc_blue {color:#1c67cd !important}
.fs_13 {font-size:13px !important}
.bd_b {border-bottom:1px solid #e1e1e1 !important}
.bg_red {background:#f85555 !important}
.txt_ul {text-decoration: underline }

.myInfoBottom {width:700px;height:124px}
.box_breakdown {width:100%;height:100%;border-top:1px solid #e1e1e1;background:#fafafa}
.box_breakdown th, .box_breakdown td {border-left:1px dashed #e1e1e1;text-align:center}
.box_breakdown th:first-child, .box_breakdown td;first-child {border-left:0px}
.box_breakdown th {height:35px;font-size:16px;color:#395fa6;font-weight:600;padding-top:14px}
.box_breakdown td {height:35px} 
.box_breakdown td .btn_breakdown {float:right;padding-right:10px;margin-right:15px;font-size:11px;color:#666;background:url(/Images/Layout/btn_go_r.png) right 5px no-repeat}
.box_breakdown td .fc_red {font-size:15px;font-weight:600}

/* 뇌콩 팝업 */
.light {width: 330px;border:1px solid #949aa8;position: absolute;top: 480px;left: 50%;margin-left: -165px;background: #fff;z-index: 10000}
.light .popup_wrap {width:100%;height:100%;background:#f8f8f8}
.popup_top {height:40px;background:#36405b;position:relative}
.popup_top h3 {line-height:40px;color:#fff;font-size:15px;font-weight:600;text-indent:25px; margin:0}
.popup_top .btn_st {position:absolute;top:10px;right:20px;display:block;width:20px;height:20px;overflow:hidden;text-indent:-9999px;background:url(/Images/Layout/btn_popclose2.png) center center no-repeat;background-size:20px auto}
.popup_contents {padding:25px 30px 10px}
.popup_contents p {font-size:13px;color:#36405b;margin-bottom:15px}
.popup_contents .wh_box {border:1px solid #d7d7d7;background:#fff;line-height:38px;text-indent:7px;font-size:13px}
.popup_bottom {margin:0 30px 0 10px;padding:15px 0;border-top:1px solid #ededed;text-align:right}
.popup_bottom a {display:inline-block;margin-left:15px;padding:0 25px;text-align:center;line-height:30px;font-size:13px}
.popup_bottom a:first-child {background:#d86b6b;color:#fff}
.popup_bottom a:last-child {background:#f1f1f1;border:1px solid #d5d5d5;color:#555;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

/* 쿠폰등록 팝업 */
.popupCP {width: 448px;border:1px solid #949aa8;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;z-index: 10000}
.popupCP .popup_wrap {width:100%;height:100%;background:#fff}
.popup_contents_02 {padding:30px}
.popup_contents_02 p {font-size:14px;color:#656565;line-height:23px;text-align:center}
.popup_bottom_02 {padding:15px 0;border-top:1px solid #e1e1e1;text-align:center;background:#f2f2f2}
.popup_bottom_02 a {display:inline-block;margin-left:15px;padding:0 40px;text-align:center;line-height:30px;font-size:14px;text-decoration:none;font-weight:600}
.popup_bottom_02 a.first {background:#1aa3b7;color:#fff}
.popup_bottom_02 a.second {background:#b3b3b3;color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.popup_contents_02 .fc_dsky {color:#1aa3b7}

.tit_nline {padding:10px 0 13px 0; border-bottom:1px solid #e1e1e1;margin:0;position:relative}
.tit_nline.nol {padding:10px 0 14px 0; margin:0}
.tit_nline h2 {font-size:18px;color:#000}
.tit_nline .btn_go {position:absolute;top:11px;right:0;color:#1c67cd;padding-right:15px;background:url(/Images/Layout/icon_go.png) right center no-repeat}


.mlist_02 {margin-top:30px}
.mlist_02 .listtop {padding-top:17px; *zoom:1;position:relative}
.mlist_02 .listtop.type02 {border-bottom:1px solid #e1e1e1}
.mlist_02 .listtop:after {content:" "; display:block; clear:both}
.mlist_02 .listtop h3 {font-size:17px; color:#333}
.mlist_02 .listtop .btn_go {position:absolute;top:20px;right:0;color:#2e5fba;font-size:12px;padding-right:15px;background:url(/Images/Layout/btn_go.png) right center no-repeat}
.mlist_02 .listcon {position:relative;top:15px}
.mlist_02 .listcon a {background:url(/Images/main/btn_prvnxt_02.gif) no-repeat 0 0 #fff; font-size:0}
.mlist_02 .listcon a.lprv {position:absolute; left:0; top:58px; display:block; width:16px; height:28px; background-position:0 5px}
.mlist_02 .listcon a.lprv:hover {background-position:0 -18px}
.mlist_02 .listcon a.rnxt {position:absolute; right:0; top:58px; display:block; width:16px; height:28px; background-position:-10px 5px}
.mlist_02 .listcon a.rnxt:hover {background-position:-10px -18px}
.mlist_02 .listcon ul.sglist {margin:10px 0 0 9px; overflow:hidden;height:230px}
.mlist_02 .listcon ul.sglist li {display:inline-block; width:212px; margin-left:13px;vertical-align:top}
.mlist_02 .listcon ul.sglist li .thumb {position:relative}
.mlist_02 .listcon ul.sglist li .thumb .ic {position:absolute; left:11px; bottom:11px; display:block; width:30px; height:30px}
.mlist_02 .listcon ul.sglist li .thumb .ic.video {background:url(/Images/main/icon_video.png) no-repeat 0 0}
.mlist_02 .listcon ul.sglist li .thumb .ic.sound {background:url(/Images/main/icon_sound.png) no-repeat 0 0}
.mlist_02 .listcon ul.sglist li .thumb .ic.text {background:url(/Images/main/icon_text.png) no-repeat 0 0}
.mlist_02 .listcon ul.sglist li .thumb .mask {position:absolute;top:0;left:0;width:210px;height:138px; border:1px solid #000;opacity:0.10;filter:alpha(opacity=10)}
.mlist_02 .listcon ul.sglist li .info {width:212px; margin-top:10px}
.mlist_02 .listcon ul.sglist li .info .ti {display:block; color:#333; font-weight:bold; font-size:13px; overflow:hidden}
.mlist_02 .listcon ul.sglist li a:hover .info .ti {text-decoration:underline}
.mlist_02 .listcon ul.sglist li .info .co {display:block; height:18px; color:#555; font-size:13px; overflow:hidden}
.mlist_02 .listcon ul.sglist li a:hover .info .co {text-decoration:underline}
.mlist_02 .listcon ul.sglist li .info .post {display:block; height:18px; overflow:hidden; font-size:11px; margin-top:6px; color:#f67070}

.mlist_02_dahn {margin-bottom:30px;}
.mlist_02_dahn .listtop {padding-top:17px; *zoom:1;position:relative}
.mlist_02_dahn .listtop.type02 {border-bottom:1px solid #e1e1e1}
.mlist_02_dahn .listtop:after {content:" "; display:block; clear:both}
.mlist_02_dahn .listtop h3 {font-size:17px; color:#333}

.mlist_02_dahn .listcon ul.sglist {margin:10px 0 0 9px; overflow:hidden;height:230px}
.mlist_02_dahn .listcon ul.sglist li {display:inline-block; width:212px; margin-left:13px;vertical-align:top}
.mlist_02_dahn .listcon ul.sglist li .thumb {position:relative}
.mlist_02_dahn .listcon ul.sglist li .thumb .ic {position:absolute; left:11px; bottom:11px; display:block; width:30px; height:30px}
.mlist_02_dahn .listcon ul.sglist li .thumb .ic.video {background:url(/Images/main/icon_video.png) no-repeat 0 0}
.mlist_02_dahn .listcon ul.sglist li .thumb .ic.sound {background:url(/Images/main/icon_sound.png) no-repeat 0 0}
.mlist_02_dahn .listcon ul.sglist li .thumb .ic.text {background:url(/Images/main/icon_text.png) no-repeat 0 0}
.mlist_02_dahn .listcon ul.sglist li .thumb .mask {position:absolute;top:0;left:0;width:210px;height:138px; border:1px solid #000;opacity:0.10;filter:alpha(opacity=10)}
.mlist_02_dahn .listcon ul.sglist li .info {width:212px; margin-top:10px}
.mlist_02_dahn .listcon ul.sglist li .info .ti {display:block; color:#333; font-weight:bold; font-size:13px; overflow:hidden}
.mlist_02_dahn .listcon ul.sglist li a:hover .info .ti {text-decoration:underline}
.mlist_02_dahn .listcon ul.sglist li .info .co {display:block; height:18px; color:#555; font-size:13px; overflow:hidden}
.mlist_02_dahn .listcon ul.sglist li a:hover .info .co {text-decoration:underline}
.mlist_02_dahn .listcon ul.sglist li .info .post {display:block; height:18px; overflow:hidden; font-size:11px; margin-top:6px; color:#f67070}


.mlist_02_dahn_newcomer {width:710px;margin-top:50px;margin-bottom:30px;}
.mlist_02_dahn_newcomer .listtop {padding-top:35px; *zoom:1;position:relative}
.mlist_02_dahn_newcomer .listtop.type02 {border-bottom:1px solid #e1e1e1}
.mlist_02_dahn_newcomer .listtop:after {content:" "; display:block; clear:both}
.mlist_02_dahn_newcomer .listtop h3 {font-size:17px; color:#333}

.mlist_02_dahn_newcomer .listcon ul.sglist {margin:0px 0 0 0px; overflow:hidden;height:210px;}
.mlist_02_dahn_newcomer .listcon ul.sglist li {display:inline-block; width:212px; margin-left:0px;vertical-align:top;}


.mlist_02_dahn_newcomer .listcon ul.sglist li .thumb {position:relative}
.mlist_02_dahn_newcomer .listcon ul.sglist li .thumb .ic {position:absolute; left:11px; bottom:11px; display:block; width:30px; height:30px}
.mlist_02_dahn_newcomer .listcon ul.sglist li .thumb .ic.video {background:url(/Images/main/icon_video.png) no-repeat 0 0}
.mlist_02_dahn_newcomer .listcon ul.sglist li .thumb .ic.sound {background:url(/Images/main/icon_sound.png) no-repeat 0 0}
.mlist_02_dahn_newcomer .listcon ul.sglist li .thumb .ic.text {background:url(/Images/main/icon_text.png) no-repeat 0 0}
.mlist_02_dahn_newcomer .listcon ul.sglist li .thumb .mask {position:absolute;top:0;left:0;width:210px;height:138px; border:1px solid #000;opacity:0.10;filter:alpha(opacity=10)}
.mlist_02_dahn_newcomer .listcon ul.sglist li .info {width:212px; margin-top:10px}
.mlist_02_dahn_newcomer .listcon ul.sglist li .info .ti {display:block; color:#333; font-weight:bold; font-size:13px; overflow:hidden}
.mlist_02_dahn_newcomer .listcon ul.sglist li a:hover .info .ti {text-decoration:underline}
.mlist_02_dahn_newcomer .listcon ul.sglist li .info .co {display:block; height:18px; color:#555; font-size:13px; overflow:hidden}
.mlist_02_dahn_newcomer .listcon ul.sglist li a:hover .info .co {text-decoration:underline}
.mlist_02_dah_newcomern .listcon ul.sglist li .info .post {display:block; height:18px; overflow:hidden; font-size:11px; margin-top:6px; color:#f67070}



.list_area table {border-top:1px solid #e1e1e1;border-bottom:1px solid #999;line-height:18px}
.list_area table th {color:#333;font-size:13px;border-bottom:1px solid #e1e1e1;background:#f4f4f4;padding:12px 0}
.list_area table td {color:#555;border-top:1px solid #e1e1e1;padding:10px 0;text-align:center}
.list_area .tdDbl td {padding:12px 0}
.list_area table .ta_l_10 {text-align:left;padding-left:10px}
.list_area .tdDbl_02 .ta_l_30 {text-align:left;padding-left:30px}
.list_area .tdDbl .ta_l_30 {text-align:left;padding-left:30px}
.noResult {display:block;text-align:center;font-size:15px;font-weight:600;line-height:140px}

/* 2017-03-16 css 추가 S */
.list_area .tdDbl_02 {font-size: 12px } 
.list_area .tdDbl_02.type02 {border-bottom:0}
.list_area .tdDbl_02.type02 td, .list_area .tdDbl_02.type02 th {background:#f7f7f7}
.list_area .tdDbl_02.type02 td {border-top: none; padding: 12px; border-bottom: 1px solid #eee }
.list_area .tdDbl_02 .fc_blue {cursor:pointer; text-decoration: underline }

/* 2017-03-16 css 추가 E */

/* 영상즐겨찾기 */
.listtop_b h3 {font-size:22px; color:#454545;font-family:"daum";height:22px}
.listtop_b .btn_go {position:absolute;top:20px;right:0;color:#2e5fba;font-size:12px;padding-right:15px;background:url(/Images/Layout/btn_go.png) right center no-repeat}

/* 마이앨범 */
.info_album {padding:30px 0;height:163px}
.info_album > div {float:left}
.album_img {width:163px;height:163px;margin-right:40px;background:url(/Images/Layout/bg_album2.gif) center center no-repeat;background-size:163px auto}
.album_img img {width:100%;height:100%}
.album_title {width:505px;height:100px}
.album_title .bt {padding-top:25px;font-size:18px;color:#333;font-weight:600}
.album_title .st {padding-top:7px;font-size:13px;color:#333}
.album_btn {width:505px;height:50px}
.album_btn a {display:inline-block;width:57px;line-height:30px;text-align:center;font-size:13px;margin-right:8px}
.album_btn a:first-child {color:#fff;background:#434b5a}
.album_btn a:last-child {color:#3d4452;background:#f8f8f8;border:1px solid #ddd;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

/* 나의 멘탈헬스 지수 */
.wrapBox {margin:10px 0}
/* .ProgramTabDetail .Mymhprogram {background:#f9f9f9; border:1px solid #e1e1e1;width:598px}  */

/* 내가 쓴 글 */
.list_area .tdDbl_02 {border-top:0;border-bottom:1px solid #999;line-height:18px}
.list_area .tdDbl_02 th {color:#333;font-size:13px;border-bottom:1px solid #e1e1e1;background:#fff;padding:12px 0}
.list_area .tdDbl_02 td {padding:12px 0;overflow:hidden}
.list_area .tdDbl_02 .ta_l_10 {text-align:left;padding-left:10px}

/* 구매내역 */
.listtop_b .btn_buy {position:absolute;top:0px;right:0;color:#fff;font-size:12px;line-height:12px;padding:10px 30px 10px 15px;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;background:url(/Images/Layout/bg_ar.gif) 88% center no-repeat, #f77269}
.list_area .tdDbl_02 .btn_table02 {background:#fcfcfc;border:1px solid #d1d1d1;color:#333;font-size:12px;line-height:27px;width:69px; padding: 0; font-weight: normal; cursor:pointer }
.list_area .tdDbl_02 .btn_detail {background: #Fff; border-bottom:1px solid #1c67cd;color:#1c67cd;font-size:11px;line-height:16px;margin-top: 6px; font-weight: normal }
.list_area .tdDbl_02 .txtbtn2 a {color:#0066ff;font-weight:600;text-decoration:underline }

/* 2017-03-20 버튼 수정 */
.btnWrap03 { margin: 30px 0 15px; text-align:center}
.btnWrap03 input[type="button"] { cursor: pointer }
.btnWrap03 .btn_pay {padding: 0; margin: 0; margin-right: 3px; width: 135px; height: 42px; background: #2aa4be; color: #fff; font-size: 14px; font-weight: 600 }
.btnWrap03 .btn_ccl {padding: 0; margin: 0; width: 120px; height: 42px; background: #9f9f9f; color: #fff; font-size: 14px; font-weight: 600 }
.btnWrap03 .btn_confirm {padding: 0; margin: 0; margin-right: 3px; width: 120px; height: 42px; background: #2aa4be; color: #fff; font-size: 14px; font-weight: 600 }
.tc .btn_tmnt {padding: 0; margin: 0; border: 0; width: 155px; height: 42px; background: #2aa4be; color: #fff; font-size: 13px; font-weight: 600 }

/* LP쿠폰관리 */
.lpcouponBox {width: 700px; border: 5px solid #b0b9d5;margin-top:15px}
.ipcTop {border-bottom:1px solid #efefef;background:#f7f7f7;height:56px}
.ipcTop p {line-height:56px;font-size:20px;color:#395fa6;font-weight:600;background:url(/Images/Layout/bg_ipcTop.gif) 20px center no-repeat;text-indent:75px;letter-spacing:-0.03em}
.ipcBottom {padding:0 20px}
.ipc_input {padding:22px 0;border-bottom:1px dashed #ddd}
.ipc_input p {color:#555;font-size:16px;font-weight:600;line-height:35px}
.ipc_input input[type="text"] {display:inline-block;width:78%;height:50px;font-size:15px;text-indent:15px;border:1px solid #ddd;padding:0;vertical-align:top;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.ipc_input button {display:inline-block;margin-left:2%;width:20%;height:50px;background:#567fc8;color:#fff;font-weight:600;font-size:15px;vertical-align:top}
.input_notice {padding:15px 0}
.input_notice dl {font-size:12px}
.input_notice dt {color:#ff4b56;text-decoration:underline;margin-bottom:10px}
.input_notice dd {color:#858585}
.ipcNotice {border:1px solid #efefef;background:#fbfbfb;margin:15px 0 50px}
.ipcNotice dl {padding:15px}
.ipcNotice dt {float:left;width:15%;font-size:14px;color:#424242;font-weight:600;text-align:center }
.ipcNotice dd {margin-left:15%;width:85%;font-size:11px;color:#858585;line-height:21px;border-left:1px solid #efefef;text-indent:15px;letter-spacing:-0.05em }
.ipcNotice .fc_blue {display:block}

/* 2017-04-11 쿠폰관리 */
.lpcouponBox.type02 { width: 640px; padding: 30px }
.Pcheckwrap3 { border:2px solid #e4e8eb; padding:25px }

.lpcouponGuide { } 
.lpcouponGuide dt { padding: 25px 15px 15px; font-size: 14px; color: #237fc0; font-weight: 600 }
.lpcouponGuide dd { padding: 0 15px 20px; font-size: 13px; color: #454545; border-bottom: 1px solid #e6e6e6; line-height: 24px }

.list_area .tdDbl_02 .btn_resend {background: #9f9f9f;color:#fff;font-size:11px;margin-top: 4px; line-height:20px;width:60px; padding: 0;font-weight: normal } /* 보낸선물내역 재발송 버튼 */
.list_area.type02 { border-top: 1px solid #e6e6e6 } /* 구매내역 테이블 보더 탑 */

/* 포인트 마일리지 관리 */
.managelist { height: 118px }
.managelist li {float: left; width:25%;height: 118px;border-left:1px dashed #e1e1e1;text-align:center;padding:10px 0 12px;background:#fafafa;
                box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box }
.managelist li p:first-child {color:#395fa6;font-size:14px;font-weight:600;line-height:20px;padding:10px 30px 5px;word-break:keep-all }
.managelist li p:last-child {Color:#f85555;font-size:16px;line-height:39px}
.managelist .std {color:#4b4f52;font-size:12px}
.ProgramTabDetail ul li.noLine {  height:48px; float:left; font-size:14px; font-weight:bold; background:none; padding:0 25px }

/* 내정보 */
.ipcTop2 {border-bottom:1px solid #efefef;background:#f7f7f7;height:35px}
.ipcTop2 p {line-height:35px;font-size:14px;color:#395fa6;font-weight:600;text-indent:15px}
.ipc_input2 {padding:25px 80px 10px;border-bottom:0}
.ipc_input2 p {color:#333;font-size:14px;font-weight:600;line-height:55px;text-align:Center}
.ipc_input2 input[type="text"] {display:inline-block;width:78%;height:35px;text-indent:15px;border:1px solid #ddd;padding:0;vertical-align:top;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.ipc_input2 button {display:inline-block;margin-left:2%;width:20%;height:35px;background:#f4f4f4;border:1px solid #ddd;color:#333;font-size:13px;vertical-align:top;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.pagingSit {margin:25px 0;position:relative}
.pagingSit table {font-size:12px;letter-spacing:-0.05em}
.pagingSit tr:first-child td {font-weight:600}
.pagingSit tr td {line-height:25px}
.pagingSit select {margin-left:10px;height:25px;width:60px}
.pagingSit button {position:absolute;bottom:0;right:0;background:#f85555;color:#fff;font-size:14px;width:181px;height:35px;line-height:35px}

.btn_link {text-align:right;height:35px;margin:8px 0;position:relative}
.btn_link dl {display:inline-block;width:143px;height:35px;margin-left:5px}
.btn_link dl:first-child {background:#3db2cb}
.btn_link dl:last-child {background:#5874d0}
.btn_link dt,
.btn_link dd {display:inline-block;line-height:35px;height:35px;text-align:center;vertical-align:top}
.btn_link dt {width:110px;border-right:1px;border-right-style: solid;border-right-color:rgba(0,0,0,0.2)}
.btn_link dd {width:32px}
.btn_link dl button {width:100%;height:100%;background:none;color:#fff;line-height:35px;font-size:13px}
.btn_link dd  button {font-size:16px}
 
/* 2016-08-30 로그인페이지 에러 */
.login_boxc { border:1px solid #d2dce6; background:url(/images/Individual/loginboxbg_chage.gif) no-repeat 458px bottom #fbfbfb;  padding:50px 0 40px 49px}
.login_boxc input.txt {border:1px solid #bbb; padding:14px 0 14px 15px; vertical-align:middle;font-size:14px;color:#9ca8b2}
/*.login_boxc input.txtbg {background:url(/Images/Individual/pw_txtbg.gif) no-repeat 15px 12px} */
.login_boxc img {vertical-align:middle}
.login_boxc .check { width:14px; height:14px; padding:0}
.login_boxc .record {font-size:13px}
.login_boxc .newjoin { position:relative; width:620px; padding:30px 0 0 0; background:url(/images/Individual/line_dot.gif) repeat-x 0 0}
.login_boxc .newjoin h4 { font-size:14px; background:url(/images/Individual/bullet2.gif) no-repeat 0 6px; padding-left:10px}
.login_boxc  .newjoin .btn_join {}
.ilchi_img { height:320px; background:url(/images/Individual/ilchi_lowerlogin.jpg) no-repeat 0 0}
.login_boxc .txt::-webkit-placeholder {color:#9ca8b2}

.login_boxc .newjoin_sns { position:relative; width:620px; padding:30px 0 0 0; /*background:url(/images/Individual/line_dot.gif) repeat-x 0 0;*/}
.login_boxc .newjoin_sns h4 { font-size:14px; background:url(/images/Individual/bullet2.gif) no-repeat 0 6px; padding-left:10px}
.login_boxc .newjoin_sns .btn_join { position:absolute; right:0; bottom:0}
.login_boxc .case {font-size:12px; margin-top:22px; overflow:hidden}
.login_boxc .case li { float:left; background:url(/images/Individual/bullet3.gif) no-repeat right 5px; color:#7a7a7a; padding-right:10px}
.login_boxc .case li a {color:#7a7a7a; text-decoration:underline}

input.joinbtn {width:188px; height:33px; background:url(/Images/Individual/btn_join.gif) no-repeat 0 0; border:none; cursor:pointer; text-align:center; color:#3c65bb; font-weight:bold; font-size:12px}

/* (개별) 로그인 */
.h2_login {position:relative}
.h2_login .find_idpw {position:absolute; top:10px; right:0}


/* 회원정보수정 정보동의 팝업 */
.popupwrap {width:100%; margin:0 auto; border:1px solid #555; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
.popupwrap .pop_top{position:relative; height:35px; background:#555; padding:15px 30px 0 30px; color:#fff}
.popupwrap .pop_top .pop_closebtn{position:absolute; right:30px; top:15px}
.popupwrap .pop_contxt{padding:28px 30px 28px 30px; font-size:14px; line-height:1.6em; letter-spacing:-1px}
.popupwrap .pop_btn {background:#f2f2f2; border-top:1px solid #e1e1e1; text-align:center; padding:15px 0 20px 0}
.popupwrap .pop_contxt .reinput_pw {background:#f5f5f5; padding:15px 0 20px 55px;  font-size:12px}
.popupwrap .contxt {font-size:14px; text-align:center; line-height:1.6em}

/* 2017-03-07 레터신청 팝업 */
#popup_letter {width: 420px;height:370px;border:1px solid #949aa8;background: #fff;
/*position: absolute;top: 50%;left: 50%; transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);z-index: 10000*/}
#popup_letter .popup_wrap {width: 100%; height: 100% }
#popup_letter .popup_contents {padding: 30px 20px}
.popup_contents .question01 { color: #555; font-size: 20px; text-align: center; line-height: 1.6; margin: 0 }
.notice_box { border: 1px solid #d5d5d5; background: #f7f7f7; padding: 20px 15px }
.notice_box p { color:#666; font-size: 14px; line-height: 1.4; text-align: left; margin: 0 }
.fc_pink { color: #d86b6b; font-weight: 600 }
.notice_box .btn_email {display: block; margin: 15px auto 0; width: 170px; height: 30px; overflow:hidden;text-indent:-9999px;background:url(/Images/Sub/btn_email.png) center center no-repeat}
.btn_subscribe {display: block; margin: 20px 0; width: 100%; height: 38px; background: #d86b6b; color: #fff; font-size: 16px; text-align: center; line-height: 38px; text-decoration: none }

/* 2017-05-16 후원회원 인증 */
.cmsWrap { background: url(/Images/cms/topImg_cms.jpg) left top no-repeat; padding: 235px 30px 100px }
.topImg_01 { height: 135px; overlfow: hidden }
.topImg_01 p {padding: 0 40px; color:#66757e; letter-spacing: -0.03em }
.topImg_01 .bTxt { font-size: 14px; line-height: 1.3; padding-top: 5px }
.topImg_01 .mTxt { padding-left: 60px; margin-top: 20px; font-size: 12px; line-height: 1.5; background: url(/Images/cms/ico_ar.png) 40px 2px no-repeat; background-size: 15px auto }
.topImg_01 .sTxt { color: #7c8a93; font-size: 11px; padding-bottom: 10px; line-height: 1.3 }
.co_orange {color:#f26520}
.co_black {color:#3d4950}
.fw_600 {font-weight: 600}

.cmsList li { margin-bottom: 15px; padding: 25px 40px; background: #fff; border: 1px solid #e2e5e7; border-bottom: 2px solid #e2e5e7; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box }
.cmsList dl { overflow: auto }
.cmsList dt, .cmsList dd { float: left; overflow: hidden }
.cmsList dt { width: 365px; margin-right: 30px }
.cmsList dd { width: 463px }
.cmsList .tit { color: #000; font-size: 18px; font-weight: 600; line-height: 30px; padding-bottom: 5px }
.cmsList .tit .fc_gray { color: #9da3ae; font-size: 16px; padding-left: 10px }
.cmsList .txt1 { color: #000; font-size: 13px; line-height: 20px; padding-bottom: 20px; letter-spacing: -0.08em }
.btnCms { width: 100%; height: 39px; overflow: hidden }
.btnCms a { float: right; width: 172px; height: 15px; line-height: 15px; margin-left: 10px; padding:12px 0; text-align: center; font-size: 14px }
.btnCms .btn_01 { background: #3ebbc2; color: #fff }
.btnCms .btn_02 { background: #f16860; color: #fff }
.btnCms .btn_03 { background: #596272; color: #fff }
.btnCms .btn_04 { background: #cfd7dc; color: #000 }
.btnCms .btn_05 { background: #f8d7d5; color: #ba0b01 }

/* 후원인증 팝업 */
.popUp_cms { width: 488px;height: 606px; border:1px solid #a1a1a1; position: fixed;top: 50%; left: 50%; margin: -104px 0 0 -171px; background: #fff; z-index: 10000}
.popUp_cms .popup_wrap { width:100%;height:100%; }
.popUp_cms .popup_top { height:55px;background:#2aa4be;position:relative }
.popUp_cms .popup_top h3 {line-height:55px;color:#fff;font-size:20px;font-weight:normal;text-indent:25px; margin:0 }
.popUp_cms .popup_top .btn_st {position:absolute;top:17px;right:20px;display:block;width:20px;height:20px;overflow:hidden;text-indent:-9999px;background:url(/Images/Layout/btn_popclose2.png) center center no-repeat;background-size:20px auto }
.popUp_cms .popup_contents {padding:15px 30px 5px }
.popUp_cms .popup_contents .txt {color:#2aa4be; font-family: dotum, "돋음"; font-size: 12px;margin-bottom: 10px }
.popUp_cms .popup_contents p {font-size:13px;color:#36405b;margin-bottom:15px }
.popUp_cms .popup_contents .wh_box {border:1px solid #d7d7d7;background:#fff;line-height:38px;text-indent:7px;font-size:13px }
.popUp_cms .popup_btn {padding:15px 0; text-align: center }
.popUp_cms .popup_btn a {display:inline-block;width: 114px; height: 14px; margin:0 5px; padding:14px 0;text-align:center;line-height:14px;font-size:14px }
.popUp_cms .popup_btn a:first-child {background:#2aa4be;color:#fff }
.popUp_cms .popup_btn a:last-child {background:#9f9f9f;color:#fff }

.popUpCmsTable {border-top: 2px solid #525252}
.popUpCmsTable th, .popUpCmsTable td {height: 23px; line-height: 23px; border-bottom: 1px solid #e3e3e3; padding: 7px 10px; text-align: left; font-size: 12px; font-family: dotum, '돋음'; }
.popUpCmsTable th { border-right: 1px solid #e3e3e3; background: #f2f2f2 }

.popUp_cms .terms { width: 100%; height: 200px; margin-top: 30px; overflow-y:scroll; border: 2px solid #e4e8eb; padding: 20px 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box }
.popUp_cms .terms p { font-family: dotum, "돋음"; font-size: 12px; }
.popUp_cms .chkBox { padding-top: 10px; font-family: dotum, "돋음"; font-size: 12px; }

/* 회원등급 변경안내 팝업 */
.popUp_cms.asso-member {
  width: 340px;
	height: auto;
  padding-bottom: 5px;
  font-size: 14px;
}
.popUp_cms.asso-member .popup_contents{
  letter-spacing: -0.4px;
}
.popUp_cms.asso-member .popup_contents .txt{
  color: #f67070;
  font-size: 14px;
  font-weight: bold;
  font-family: Malgun Gothic, '맑은 고딕', dotum;
}
.popUp_cms.asso-member .popup_btn a{
  width: 132px;
}

.Contents h3.subtit_dahn {padding:10px 0 14px 0; border-bottom:2px solid #a9a9a9; font-size:17px;margin-top:40px;}


/*단월드 전용 영상*/
.dahnMoveBox{width:710px;border-top:2px solid #37477d;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
.dahnMoveBox_subtit{width:710px;background:#f4f8fc;height:45px;border-bottom:1px solid #dcdcdc;font-size: 16px;color:#333333;font-weight:bold;}
.dahnMoveBox_sub{width:668px;height:135px;margin:20px;}
.dahnMoveBox_left{float:left;width:408px;line-height:35px;}
.dahnMoveBox_left li {font-size:14px;color:#333333;}
.dahnMoveBox_left li a{font-size:14px;color:#333333;}
.dahnMoveBox_left li.on a{font-weight:bold;font-size:14px;color:#567fc8;}
.dahnMoveBox_left li a:hover {color:#567fc8;}

.dahnMoveBox_right{float:left;width:260px;font-size:14px;color:#333333}
.dahnMoveBox_right li {font-size:14px;color:#333333;line-height:35px;}
.dahnMoveBox_right li a{font-size:14px;color:#333333;line-height:35px;}
.dahnMoveBox_right li.on a{font-weight:bold;font-size:14px;color:#567fc8;}
.dahnMoveBox_right li a:hover {color:#567fc8;}

.btn_play_DahnMember{padding-left:6px;padding-bottom:6px;vertical-align:middle;display: inline-block;}

.dahnMoveBox2{width:710px;border-top:2px solid #37477d;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
.dahnMoveBox2_subtit{width:710px;background:#f4f8fc;height:45px;border-bottom:1px solid #dcdcdc;font-size: 16px;color:#333333;font-weight:bold;}
.dahnMoveBox2_sub{width:668px;height:110px;margin:20px;}
.dahnMoveBox2_left{float:left;width:416px;line-height:35px;}
.dahnMoveBox2_left li {font-size:14px;color:#333333;}
.dahnMoveBox2_left li a{font-size:14px;color:#333333;}
.dahnMoveBox2_left li.on a{font-weight:bold;font-size:14px;color:#567fc8;}
.dahnMoveBox2_left li a:hover {color:#567fc8;}

.dahnMoveBox2_right{float:left;width:252px;font-size:14px;color:#333333}
.dahnMoveBox2_right li {font-size:14px;color:#333333;line-height:35px;}
.dahnMoveBox2_right li a{font-size:14px;color:#333333;line-height:35px;}
.dahnMoveBox2_right li.on a{font-weight:bold;font-size:14px;color:#567fc8;}
.dahnMoveBox2_right li a:hover {color:#567fc8;}

/*단월드 전용  : Tab*/
.DahnTab {overflow:hidden;width:710x; height:51px; background:url(/Images/Sub/Dahn_BgTab.gif) repeat-x;border-left:1px solid #e1e1e1;margin-top:30px;margin-bottom:15px}
.DahnTab ul {}
.DahnTab li {width:235px;font-weight:bold; line-height:15px; float:left; overflow:hidden;border-right:1px solid #e1e1e1;}
.DahnTab li.on {background:url(/Images/Sub/Dahn_BgTabOn.gif) repeat-x;border-right:1px solid #e1e1e1;color:#f75a5a}
.DahnTab li.on a{background:url(/Images/Sub/Dahn_BgTabOn.gif) repeat-x;border-right:1px solid #e1e1e1;color:#f75a5a}
.DahnTab li.last {width:236px;border-right:1px solid #e1e1e1;}

.DahnTab li.on_last{width:236px;background:url(/Images/Sub/Dahn_BgTabOn.gif) repeat-x;border-right:1px solid #e1e1e1;color:#f75a5a}
.DahnTab li.on_last a{width:236px;background:url(/Images/Sub/Dahn_BgTabOn.gif) repeat-x;border-right:1px solid #e1e1e1;color:#f75a5a}

.DahnTab li a { width:235px; height:51px; display:block; cursor:pointer;  font-size:14px; text-align:center; padding-top:15px}
.DahnTab li a:hover {color:#f75a5a}