@charset "utf-8";


/* Common ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* PrdDetail */
.PrdDetail {margin:0; padding:0; zoom:1; }
.PrdDetail .ContentsArea {width:95%; margin:0 auto; padding:0; zoom:1; }
.PrdDetail .footerBtnArea {display:inline-block; width:100%; margin-top:20px; padding-top:20px; border-top:1px #e5e5e5 solid; }
.PrdDetail .footerBtnArea .icoSns {float:left; display:inline-block; width:60%;}
.PrdDetail .footerBtnArea .icoSns .ico {float:left; display:inline-block; margin-right:5px; }
.PrdDetail .footerBtnArea .btn {float:right; display:inline-block; width:40%; }


/* 프리킹 배너 영역*/
.flickingArea {position:relative; margin:0; padding:0; -margin-bottom:20px;}
#flicking_wrapper {width:320px; height:160px; margin:0; padding:0; overflow:hidden; background-color:#fff; margin:0 auto; clear:both;}
#flicking_wrapScroll {width:960px;; height:100%; float:left; padding:0;}
#flicking_wrapScroll ul {list-style:none; display:block; margin:0; padding:0; top:0; left:0; width:100%; height:100%; }
#flicking_wrapScroll li {display:block; float:left; width:320px; height:160px; text-align:center;}

#indicator_area {position:relative; display:inline-block; width:100%; margin:0; padding:0; margin-bottom:20px; height:28px; line-height:28px; text-align:center; background:#666666;}
#indicator {display:block; width:100%; margin:0; padding:0; text-align:center;}
#indicator span {display:inline-block; list-style:none; -float:left; padding:0; margin:0; text-align:center; }
#indicator span {text-indent:-9999em; width:8px; height:8px; background:#ffffff; overflow:hidden; margin:0 4px; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#indicator span.active {background:#c1f45e; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

.SeasonPassRolling {position:relative; margin:0; padding:0; -margin-bottom:20px;}
#SeasonPassRolling_wrapper {width:220px; height:360px; margin:0; padding:0; overflow:hidden; background-color:#fff; margin:0 auto; clear:both; background:url('/img/paymentColplete/background.png') repeat-x center top;}
#SeasonPassRolling_wrapScroll {width:960px;; height:100%; float:left; padding:0;}
#SeasonPassRolling_wrapScroll ul {list-style:none; display:block; margin:0; padding:0; top:0; left:0; width:100%; height:100%; }
#SeasonPassRolling_wrapScroll li {display:block; float:left; width:220px; height:340px; text-align:center; background:url('/img/paymentColplete/background.png') repeat-x center top;}

#SeasonPassRolling_area {position:relative; display:inline-block; width:100%; margin:0; padding:0; margin-bottom:20px; height:28px; line-height:28px; text-align:center; background:#666666;}
#SeasonPassRolling {display:block; width:100%; margin:0; padding:0; text-align:center;}
#SeasonPassRolling span {display:inline-block; list-style:none; -float:left; padding:0; margin:0; text-align:center; }
#SeasonPassRolling span {text-indent:-9999em; width:8px; height:8px; background:#ffffff; overflow:hidden; margin:0 4px; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#SeasonPassRolling span.active {background:#c1f45e; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

.MemberShipRolling {position:relative; margin:0; padding:0; -margin-bottom:20px;}
#MemberShipRolling_wrapper {width:300px; height:205px; margin:0; padding:0; overflow:hidden; background-color:#fff; margin:0 auto; clear:both; background:url('/img/paymentColplete/background.png') repeat-x center top;}
#MemberShipRolling_wrapScroll {width:300px; height:100%; float:left; padding:0;}
#MemberShipRolling_wrapScroll ul {list-style:none; display:block; margin:0; padding:0; top:0; left:0; width:100%; height:100%; }
#MemberShipRolling_wrapScroll li {display:block; float:left; width:300px; height:205px; text-align:center; background:url('/img/paymentColplete/background.png') repeat-x center top;}

/*
.flickingArea {position:relative; margin:0; padding:0; margin-bottom:20px;}
#flicking_wrapper {width:100%; height:auto; margin:0; padding:0; overflow:hidden; background-color:#fff; margin:0 auto; clear:both; }
#flicking_wrapScroll {width:100%; height:auto; float:left; }
#flicking_wrapScroll ul {list-style:none; display:block; margin:0; padding:0; top:0; left:0; width:100%; height:100%; }
#flicking_wrapScroll li {display:block; float:left; width:100%; height:auto; text-align:center;}
#indicator {height:10px; width:100%; padding:10px 0; background:#666666; text-align:center;}
#indicator .cl {display:inline-block; width:10px; height:10px; margin:0 5px; background:url('/Img/Common/slider_off.png') no-repeat; }
#indicator .cl.active {background:url('/Img/Common/slider_on.png') no-repeat; }
#indicator .cl span {display:none; }
*/

/*
#indicator ul {margin:0 auto; text-align:center; }
#indicator li {width:10px; height:10px; margin:0 5px; float:left; background:url('/Img/Common/slider_off.png') no-repeat; }
#indicator li.active {background:url('/Img/Common/slider_on.png') no-repeat; }
#indicator li span {display:none; }

*/
/*
#flicking_wrapper {width:100%; height:170px; margin:0; padding:0; overflow:hidden; background-color:#fff; margin:0 auto; clear:both; }
#flicking_wrapScroll {position:relative; top:0; left:0; width:100%;  height:170px; float:left; }
#flicking_wrapScroll ul {list-style:none; position:relative; display:block; margin:0; padding:0; top:0; left:0; width:100%; height:100%; }
#flicking_wrapScroll li {display:block; float:left; width:100%; height:170px; text-align:center;}
#indicator {position:absolute; height:15px; width:100%; padding:7px 0; background:url('/Img/Common/indicatorBg.png') repeat-x; text-align:center; top:141px;}
#indicator ul {width:75px; margin:0 auto;}
#indicator li {width:15px; height:15px; margin:0 5px; float:left; background:url('/Img/Common/slider_off.png') no-repeat; }
#indicator li.active {background:url('/Img/Common/slider_on.png') no-repeat; }
#indicator li span {display:none; }
*/


/* NoCntents */
.NoCntents1 {display:block; width:100%; background:#f9f9f9; border:1px #d6d6d6 solid; padding:0; margin:0; text-align:center;-webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}



/* 멀티박스 */
.multibox {height:40px; padding:0; margin:0; background:url('/Img/Common/mutiboxBG.jpg') repeat-x; border-right:1px #424654 solid;}
.multibox .ttlBox {height:40px; line-height:40px; float:left; color:#ffffff; font-weight:bold; font-size:14px; background:url('/Img/Common/mutiboxttl.jpg') repeat-x; }
.multibox .ttlBox .text {display:inline-block; }
.multibox .ttlBox img {display:inline-block; float:right;}
.multibox .textBox {height:40px; line-height:40px; float:left; margin-left:10px; color:#4a4a4a; font-weight:bold; font-size:14px;  }
.multibox .totalPrice {width:100%; height:40px; line-height:40px; float:left; color:#ffffff; font-weight:bold; font-size:14px; background:url('/Img/Common/mutiboxttl.jpg') repeat-x; }
.multibox .totalPrice .pricebox {float:right; margin:8px; padding:2px 10px 0 10px; text-align:right; font-size:14px; font-weight:bold; color:#ec5d56; height:20px;  line-height:20px;
-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.multibox .StayDayBox {margin:0 5px 0 10px; height:22px; min-width:50px;  border:1px #707070 solid; background:#ffffff; -webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }

/* 예약 단계*/
.ReservationCont {margin:0; padding:0; zoom:1; }
.ReservationCont .ContentsArea {width:95%; margin:0 auto; padding:0; zoom:1; }
.ReservationCont section:after {content:""; display:block; clear:both;}
.ReservationCont section:before, .ReservationCont section:after {content:""; display:table; }
.ReservationCont section:after {clear:both; }

.ReservationCont .color01 {color:#9475b6; }
.ReservationCont .color02 {color:#7f7f7f; }
.ReservationCont .color03 {color:#ec5d56; }
.ReservationCont .color04 {color:#576fb5; }

.ReservationCont .stepArea {margin:0; padding:0; zoom:1; }

.ReservationCont .stepBar {-height:40px;}

.ReservationCont .stepInfo {height:50px; -margin-top:10px; padding-bottom:12px; border-bottom:2px #7f7f7f solid; margin-bottom:10px; }
.ReservationCont .stepInfo table tr td {vertical-align:middle; }
.ReservationCont .stepInfo .ico {width:50px; }
.ReservationCont .stepInfo .txtArea {padding-left:15px; }
.ReservationCont .stepInfo .txtArea h3 {font-size:14px; font-weight:bold; color:#555555; margin-bottom:8px; }

.ReservationCont .CalendarArea {margin-top:20px; padding-bottom:20px; border-bottom:1px #cccccc solid; }
.ReservationCont .CalendarArea .dateArea {position:relative; height:27px; width:186px; margin:0 auto; padding:0; line-height:27px; text-align:center; font-weight:bold; color:#393939; font-size:14px;
background:url('/Img/ReservationRoom/Calendar_Month.jpg') repeat-x; 
-webkit-border-radius:13px; -khtml-border-radius:13px; -moz-border-radius:13px; border-radius:13px; overflow:hidden;}



.ReservationCont .CalendarArea .dateArea .btn {position:relative; margin:0; padding:0; width:27px; height:27px; top:-1px; z-index:888; -background:blue; }
.ReservationCont .CalendarArea .calendar {margin-top:10px; 
border:1px #262831 solid;
-webkit-border-radius:3px 3px 0 0; -khtml-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;
}
.ReservationCont .CalendarArea .calendar table {-border:1px #e8e8e8 solid; -border:1px #cccccc solid; }
.ReservationCont .CalendarArea .calendar table tr th {background:#30333e; text-align:center; font-weight:bold; color:white; border:0; -border-top:1px #959dbd solid; border-left:1px #515461 solid; height:30px; line-height:30px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#585d70), to(#30333e));
background:-moz-linear-gradient(top, #585d70, #30333e);
background:-o-linear-gradient(top, #585d70, #30333e);
border-bottom:2px #cbc3c3 solid;}
.ReservationCont .CalendarArea .calendar table tr td {background:#fbdfdd; color:#4c4c4c; font-size:12px; vertical-align:middle; font-weight:bold; text-align:center; height:30px; border:0; border-top:1px #e8e8e8 solid; border-left:1px #e8e8e8 solid;  background:url('/Img/ReservationRoom/date_impsb.png') no-repeat middle center;}
.ReservationCont .CalendarArea .calendar table tr td .date{margin:5px;}
.ReservationCont .CalendarArea .calendar .sun {color:#ec5d56;}
.ReservationCont .CalendarArea .calendar table tr th .sat {color:#80c0f6;}
.ReservationCont .CalendarArea .calendar .sat {color:#4c7fcd;}

.ReservationCont .CalendarArea .calendar .possible {background:#e5e8f7; -border:1px #687ad6 solid; background:url('/Img/ReservationRoom/date_psb.png') no-repeat middle center;}
.ReservationCont .CalendarArea .calendar .impossible {background:#fbdfdd; -border:1px #ec5d56 solid; background:url('/Img/ReservationRoom/date_impsb.png') no-repeat middle center;}


.ReservationCont .CalendarArea .calendar .psb {background:#e5e8f7; background:url('/Img/ReservationRoom/date_psb.png') no-repeat middle center; border-top:1px #e8e8e8 solid; border-left:1px #e8e8e8 solid; }
.ReservationCont .CalendarArea .calendar .blank {background:#ffffff; border-top:1px #e8e8e8 solid; border-left:1px #e8e8e8 solid; }
.ReservationCont .CalendarArea .calendar .gray {background:#D5D5D5; border-top:1px #e8e8e8 solid; border-left:1px #e8e8e8 solid; }
.ReservationCont .CalendarArea .calendar .golf {background:#ffffff; border-top:1px #e8e8e8 solid; border-left:1px #e8e8e8 solid; height:50px; }
.ReservationCont .CalendarArea .calendar .golfcheck {background:#ffffff; border-top:1px #e8e8e8 solid; border-left:1px #e8e8e8 solid; height:50px; }

.ReservationCont .CalendarArea .datecheck {margin-top:10px; height:20px; line-height:20px;  }
.ReservationCont .CalendarArea .datecheck .psb {font-weight:bold; color:#687ad6; margin-right:20px;}
.ReservationCont .CalendarArea .datecheck .impsb {font-weight:bold; color:#ec5d56;}




.ReservationCont .RoomArea {margin-top:20px;}
.ReservationCont .RoomArea .typeList {display:block; height:38px; line-height:38px; font-size:14px; font-weight:bold; color:#393939; text-align:center; margin:0; margin-bottom:10px; padding:0;
border:1px #93ba47 solid; -background:#ffff00;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f7f7f7));
background:-moz-linear-gradient(top, #ffffff, #f7f7f7);
background:-o-linear-gradient(top, #ffffff, #f7f7f7);
-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}

.ReservationCont .inputArea {}
.ReservationCont .ContArea {margin-top:20px;}
.ReservationCont .ContArea .br {border-bottom:1px #e5e5e5 solid; padding-bottom:10px;}

.ReservationCont .stepBar {height:40px;}
.ReservationCont .stepBar .box {height:38px; padding:0; margin:0; border:1px #8fb546 solid; background:url('/Img/Condo/stepBarBG.jpg') repeat-x; -webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; border-radius:2px; overflow:hidden;}
.ReservationCont .stepBar .steps {width:20%; float:left; line-height:38px; color:#afafaf; font-weight:bold; }
.ReservationCont .stepBar .on {background:#8fb546; color:#ffffff; }

/* 정보*/
.ReservationCont .inforArea {margin-top:20px;}
.ReservationCont .inforArea .br {border-bottom:1px #e5e5e5 solid; padding-bottom:10px;}

/*Calendar*/
/*
.CalendarBox .Month {float:left;display:inline-block; width:100%; height:34px; line-height:34px; font-size:14px; font-weight:bold; color:#525d66; text-align:center; margin:0; padding:0;
border-bottom:1px #979b9f solid; background:#ffff00;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#dce3e7), to(#afb5b8));
background:-moz-linear-gradient(top, #dce3e7, #afb5b8);
background:-o-linear-gradient(top, #dce3e7, #afb5b8);
-webkit-border-radius:3px 3px 0px 0px; -khtml-border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; border-radius:3px 3px 0px 0px;
}
.CalendarBox .Month .btnPrev {display:inline-block; }
.CalendarBox .Month .currentDay {display:inline-block; }
.CalendarBox .Month .btnNext {display:inline-block; }


.CalendarBox .Week {float:left;display:inline-block; width:100%; height:27px; line-height:27px; font-size:12px; font-weight:bold; color:#525d66; text-align:center; margin:0 auto; padding:0;
border-top:1px #ffffff solid; border-bottom:1px #d3d3d3 solid; background:#eeeeee;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#e2e2e2));
background:-moz-linear-gradient(top, #eeeeee, #e2e2e2);
background:-o-linear-gradient(top, #eeeeee, #e2e2e2);
}
.CalendarBox .Week ul li {float:left; display:inline-block; width:14.28%;}

.CalendarBox .Day {float:left;display:inline-block; width:100%; margin:0 auto; padding:0;}
.CalendarBox .Day ul li {float:left; display:inline-block; width:14%; height:30px; line-height:30px; font-size:12px; font-weight:bold; color:#525d66; text-align:center; 
border-bottom:1px #d3d3d3 solid; border-right:1px #d3d3d3 solid; background:#fbfbfb;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbfbfb), to(#e2e2e2));
background:-moz-linear-gradient(top, #fbfbfb, #e2e2e2);
background:-o-linear-gradient(top, #fbfbfb, #e2e2e2);
}

.CalendarBox .Day ul li.on {color:#ffffff;
background:#5298e4;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#5298e4), to(#63a2e7));
background:-moz-linear-gradient(top, #5298e4, #63a2e7);
background:-o-linear-gradient(top, #5298e4, #63a2e7);
}

.CalendarBox .Day ul li.no {color:#ffffff;
background:#ec5d56;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d9564f, to(#ec5d56));
background:-moz-linear-gradient(top, #d9564f, #ec5d56);
background:-o-linear-gradient(top, #d9564f, #ec5d56);
}
.CalendarBox .Day .b_no {border-right:0;}

*/

/*게시판 */
.PageArea {position:relative; display:inline-block; width:100%; margin:20px auto; margin-bottom:0; height:26px; line-height:26px; text-align:center; vertical-align:middle; }
.PageArea img {margin:0; padding:0; border:0; }
.PageArea .p_prev {position:relative; top:-2px; display:inline-block; margin-right:2px; }
.PageArea .p_next {position:relative; top:-2px; display:inline-block; margin-left:2px; }
.PageArea .p_num {display:inline-block; }
.PageArea .p_num .num {display:inline-block; min-width:22px; color:#8a8a8a; height:22px; line-height:22px; font-weight:bold; font-size:14px; padding:0 2px;
background:#e5e5e5; overflow:hidden; 
-webkit-border-radius:2px;
-khtml-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.PageArea .p_num .on {color:#ffffff; background:#515567; }




/*게시판 01 */
.Board01 {}
.Board01 .topTitle {margin:0; padding:0; padding-bottom:12px; border-bottom:2px #7f7f7f solid; }
.Board01 .topTitle .tblTtl {margin:0; padding:0; }
.Board01 .BoardList {zoom:1; width:100%; overflow:hidden; border-bottom:1px #e5e5e5 solid; height:52px; }
.Board01 .BoardList:after {content:""; display:block; clear:both;  }
.Board01 .sbj {position:relative; float:left; width:80%; margin:10px 0 0 10px; word-wrap:break-word; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.Board01 .btn {position:relative; float:right; width:29px; height:52px; line-height:52px; }
.Board01 .sbj h3 {color:#2f2f2f; font-weight:bold; font-size:12px; margin-bottom:5px;}
.Board01 .sbj p {color:#6d6d6d; font-size:11px;}
.Board01 .notice {color:#ec5d56; margin-right:5px; }
.Board01 .reply {color:#ec5d56; }
.Board01 .boardinfo {color:#6d6d6d; font-size:11px;}
.Board01 .boardinfo dd {display:inline-block; }
.Board01 .boardinfo dd.line {color:#cccccc; padding:0 10px;}
.Board01 .BoardView {display:block; background:#f9f9f9; padding:20px 10px; border-bottom:1px #e5e5e5 solid;}
.Board01 .repleArea {display:inline-block; width:100%; margin-top:20px; padding:20px 0; border-top:2px #cccccc solid; }
.Board01 .BoardPageArea {display:inline-block; width:100%; margin:0; padding:0; border-top:1px #cccccc solid; }
.Board01 .BoardPageArea .bPageUP {display:inline-block; width:100%; height:31px; line-height:31px; margin:0; padding:0; border-bottom:1px #ededed solid; }
.Board01 .BoardPageArea .bPageDOWN {display:inline-block; width:100%; height:31px; line-height:31px; margin:0; padding:0; border-bottom:1px #cccccc solid; }
.Board01 .BoardPageArea dd {display:inline-block; float:left; }
.Board01 .BoardPageArea .icoimg {width:25px; text-align:center; }
.Board01 .BoardPageArea .pttl {width:57px; color:#acacac; font-weight:bold; text-align:left; }
.Board01 .BoardPageArea .sbjt {width:190px; color:#2f2f2f; font-weight:bold; overflow:hidden;  }
.Board01 .footerBtnArea {display:inline-block; width:100%; margin-top:20px; padding-top:20px; border-top:1px #e5e5e5 solid; }
.Board01 .footerBtnArea .icoSns {float:left; display:inline-block; width:60%;}
.Board01 .footerBtnArea .icoSns .ico {float:left; display:inline-block; margin-right:5px; }
.Board01 .footerBtnArea .btn {float:right; display:inline-block; width:40%; }


/*게시판 02 */
.Board02 {}
.Board02 .topTitle {margin:0; padding:0; padding-bottom:12px; border-bottom:2px #7f7f7f solid; }
.Board02 .topTitle .tblTtl {margin:0; padding:0; }
.Board02 .BoardList {zoom:1; width:100%; overflow:hidden; border-bottom:1px #e5e5e5 solid; height:52px; }
.Board02 .BoardList:after {content:""; display:block; clear:both;  }
.Board02 .sbj {position:relative; float:left; width:80%; margin:10px 0 0 10px; word-wrap:break-word; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.Board02 .btn {position:relative; float:right; width:29px; height:52px; line-height:52px; }
.Board02 .sbj h3 {color:#2f2f2f; font-weight:bold; font-size:12px; margin-bottom:5px;}
.Board02 .sbj p {color:#6d6d6d; font-size:11px;}
.Board02 .notice {color:#ec5d56; margin-right:5px; }
.Board02 .reply {color:#ec5d56; }
.Board02 .boardinfo {color:#6d6d6d; font-size:11px;}
.Board02 .boardinfo dd {display:inline-block; }
.Board02 .boardinfo dd.line {color:#cccccc; padding:0 10px;}
.Board02 .BoardView {display:block; margin:0; padding:5px 0 5px 0; -border-bottom:1px #d3d3d3 solid;}

.Board02 .BoardView .img {display:block; }
.Board02 .BoardView .textA {display:block; -background:#f9f9f9; padding:0; -padding:20px 10px}

.Board02 .repleArea {display:inline-block; width:100%; margin-top:20px; padding:20px 0; border-top:2px #cccccc solid; }
.Board02 .BoardPageArea {display:inline-block; width:100%; margin:0; padding:0; border-top:1px #cccccc solid; }
.Board02 .BoardPageArea .bPageUP {display:inline-block; width:100%; height:31px; line-height:31px; margin:0; padding:0; border-bottom:1px #ededed solid; }
.Board02 .BoardPageArea .bPageDOWN {display:inline-block; width:100%; height:31px; line-height:31px; margin:0; padding:0; border-bottom:1px #cccccc solid; }
.Board02 .BoardPageArea dd {display:inline-block; float:left; }
.Board02 .BoardPageArea .icoimg {width:25px; text-align:center; }
.Board02 .BoardPageArea .pttl {width:57px; color:#acacac; font-weight:bold; text-align:left; }
.Board02 .BoardPageArea .sbjt {width:190px; color:#2f2f2f; font-weight:bold; overflow:hidden;  }
.Board02 .footerBtnArea{display:inline-block; width:100%;margin-top:20px; padding-top:20px; border-top:1px #e5e5e5 solid; }
.Board02 .footerBtnArea .icoSns {display:inline-block; float:left; margin:0; padding:0; width:60%; }
.Board02 .footerBtnArea .icoSns .ico {float:left; display:inline-block; margin-right:5px; }
.Board02 .footerBtnArea .btnTop {display:inline-block; float:right; margin:0; padding:0; width:40%; height:22px; text-align:right; }


/*게시판 03 */
.Board03 {}
.Board03 .topTitle {margin:0; padding:0; padding-bottom:12px; border-bottom:2px #7f7f7f solid; }
.Board03 .topTitle .tblTtl {margin:0; padding:0; }
.Board03 .BoardList {zoom:1; width:100%; overflow:hidden; border-bottom:1px #e5e5e5 solid; height:74px; }
.Board03 .BoardList:after {content:""; display:block; clear:both;  }
/*

.Board03 .ThumbBoardList {position:relative; float:left; width:80%; margin:10px 0 0 10px; word-wrap:break-word; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.Board03 .btn {position:relative; float:right; width:29px; height:74px; line-height:74px; }
.Board03 .ThumbBoardList .thumbNail {position:relative; float:left; }
.Board03 .ThumbBoardList .sbj {position:relative; float:left; margin-left:10px;}
.Board03 .ThumbBoardList .sbj h3 {color:#2f2f2f; font-weight:bold; font-size:12px; margin-bottom:5px;}
.Board03 .ThumbBoardList .sbj p {color:#6d6d6d; font-size:11px;}
*/




.Board03 .notice {color:#ec5d56; margin-right:5px; }
.Board03 .reply {color:#ec5d56; }
.Board03 .BoardView {display:block; margin:20px 0; padding:0 0 20px 0; border-bottom:1px #d3d3d3 solid;}
.Board03 .repleArea {display:inline-block; width:100%; margin-top:20px; padding:20px 0; border-top:2px #cccccc solid; }
.Board03 .BoardPageArea {display:inline-block; width:100%; margin:0; padding:0; border-top:1px #cccccc solid; }
.Board03 .BoardPageArea .bPageUP {display:inline-block; width:100%; height:31px; line-height:31px; margin:0; padding:0; border-bottom:1px #ededed solid; }
.Board03 .BoardPageArea .bPageDOWN {display:inline-block; width:100%; height:31px; line-height:31px; margin:0; padding:0; border-bottom:1px #cccccc solid; }
.Board03 .BoardPageArea dd {display:inline-block; float:left; }
.Board03 .BoardPageArea .icoimg {width:25px; text-align:center; }
.Board03 .BoardPageArea .pttl {width:57px; color:#acacac; font-weight:bold; text-align:left; }
.Board03 .BoardPageArea .sbjt {width:190px; color:#2f2f2f; font-weight:bold; overflow:hidden;  }
.Board03 .footerBtnArea{display:inline-block; width:100%;margin-top:20px; padding-top:20px; border-top:1px #e5e5e5 solid; }
.Board03 .footerBtnArea .icoSns {display:inline-block; float:left; margin:0; padding:0; width:60%; }
.Board03 .footerBtnArea .icoSns .ico {float:left; display:inline-block; margin-right:5px; }
.Board03 .footerBtnArea .btnTop {display:inline-block; float:right; margin:0; padding:0; width:40%; height:22px; text-align:right; }

.Board03 .ThumbBoardList {margin:0; padding:0; zoom:1; }
.Board03 .ThumbBoardList table {margin:0; padding:0; border:0;}
.Board03 .ThumbBoardList table tr td {margin:0; padding:10px 0; border:0; vertical-align:middle; border-bottom:1px #e5e5e5 solid;}
.Board03 .ThumbBoardList .thumb {width:100px;-padding-right:10px; -max-width:100px;}
.Board03 .ThumbBoardList .thumb img{ }
.Board03 .ThumbBoardList .info {}
.Board03 .ThumbBoardList .info .text {}
.Board03 .ThumbBoardList .info .text h3{font-weight:bold; font-size:12px; color:#2f2f2f; word-wrap:break-word; text-overflow:ellipsis; line-height:140%; margin-bottom:6px;}
.Board03 .ThumbBoardList .info dd {display:inline-block; }
.Board03 .ThumbBoardList .info dd.line {color:#cccccc; padding:0 10px;}

.Board03 .boardinfo {color:#6d6d6d; font-size:11px; font-weight:normal;}
.Board03 .boardinfo dd {display:inline-block; }
.Board03 .boardinfo dd.line {color:#cccccc; padding:0 10px;}


.Board03 .ThumbBoardList .btn {width:32px;margin-right:10px; }



/*
.ThumbBoardList {margin:0; padding:0; zoom:1; }
.Board03 .ThumbBoardList table {margin:0; padding:0; border:0;}
.Board03 .ThumbBoardList table tr td {margin:0; padding:10px 0; border:0; vertical-align:middle; border-bottom:1px #e5e5e5 solid;}
.Board03 .ThumbBoardList .thumb {width:100px;-padding-right:10px; -max-width:100px;}
.Board03 .ThumbBoardList .thumb img{ }
.Board03 .ThumbBoardList .info {}
.Board03 .ThumbBoardList .info .text {}
.Board03 .ThumbBoardList .info .text h3{font-weight:bold; font-size:12px; color:#2f2f2f; word-wrap:break-word; text-overflow:ellipsis; line-height:140%; margin-bottom:6px;}
.Board03 .ThumbBoardList .info dd {display:inline-block; }
.Board03 .ThumbBoardList .info dd.line {color:#cccccc; padding:0 10px;}

.Board03 .boardinfo {color:#6d6d6d; font-size:11px; font-weight:normal;}
.Board03 .boardinfo dd {display:inline-block; }
.Board03 .boardinfo dd.line {color:#cccccc; padding:0 10px;}


.Board03 .ThumbBoardList .btn {width:32px;margin-right:10px; }
*/



/*.SketchBoardList*/
.SketchBoardList {margin:0; padding:0; zoom:1; }
.SketchBoardList .topTitle {margin:0; padding:0; padding-bottom:0px; border-bottom:2px #7f7f7f solid; }
.SketchBoardList table {margin:0; padding:0; border:0;}
.SketchBoardList table tr td {margin:0; padding:10px 0; border:0; vertical-align:middle; -border:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; text-align:left; }
.SketchBoardList .thumb {width:100px;}
.SketchBoardList .thumb img{width:90px; height:54px;}
.SketchBoardList .info {width:auto; }
.SketchBoardList .info .text {margin:0 10px 0 0; }
.SketchBoardList .info .text h3{font-weight:bold; font-size:12px; color:#2f2f2f; word-wrap:break-word; text-overflow:ellipsis; line-height:140%; margin-bottom:6px;}
.SketchBoardList .info dd {display:inline-block; }
.SketchBoardList .info dd.line {color:#cccccc; padding:0 10px;}

.boardinfo {color:#6d6d6d; font-size:11px; font-weight:normal;}
.boardinfo dd {display:inline-block; }
.boardinfo dd.line {color:#cccccc; padding:0 10px;}

.SketchBoardList .Nextbtn {width:29px; }
.SketchBoardList .Nextbtn img {width:19px; margin-right:10px; }



.BoardViewImg {z-index:1; }
#PagingsArea {position:absolute; top:132px; display:inline-block; width:100%; margin:0; padding:0; height:28px; line-height:28px; text-align:center; background:#666666; opacity:.7; z-index:900;  font-size:12px; font-weight:bold; color:white; }
#Pagings {display:block; width:100%; margin:0; padding:0; text-align:center; height:28px; line-height:28px; opacity:1;}
#Pagings span {display:inline-block; list-style:none; padding:0; text-align:center; text-indent:-9999em; margin:0 4px; font-size:12px; font-weight:bold; color:white; z-index:991; }
.btnP {position:relative; top:-2px; width:16px; height:16px;  z-index:991; margin:0 5px; }
.ps {margin:0 5px; }
.thelist {z-index:1; }
#thelist {z-index:1; }


/*
#pagings span {text-indent:-9999em; width:8px; height:8px; background:#ffffff; overflow:hidden; margin:0 4px; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#pagings span.active {background:#c1f45e; -webkit-border-radius:4px; -khtml-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#c1f45e}
*/











/*
.ThumbBoardList {margin:0; padding:0; zoom:1; }
.ThumbBoardList table {margin:0; padding:0; border:0;}
.ThumbBoardList table tr td {margin:0; padding:10px 0; border:0; vertical-align:middle; -border:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; background:pink; }
.ThumbBoardList .thumb {width:100px;-padding-right:10px; -max-width:100px;}
.ThumbBoardList .thumb img{width:90px; height:54px; }
.ThumbBoardList .info { }
.ThumbBoardList .info .text {margin:0 10px;}
.ThumbBoardList .info .text h3{font-weight:bold; font-size:12px; color:#2f2f2f; word-wrap:break-word; text-overflow:ellipsis; line-height:140%; margin-bottom:6px;}
.ThumbBoardList .info dd {display:inline-block; }
.ThumbBoardList .info dd.line {color:#cccccc; padding:0 10px;}

.boardinfo {color:#6d6d6d; font-size:11px; font-weight:normal;}
.boardinfo dd {display:inline-block; }
.boardinfo dd.line {color:#cccccc; padding:0 10px;}


.ThumbBoardList .btn {-width:32px; }
.ThumbBoardList .btn img {width:19px; margin-right:10px; }

*/

/* CONDO ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#CONDO {position:relative; width:100%; margin:0; padding:0;}

/* CondoList */
#CONDO .CondoList {margin:0; padding:0; zoom:1; }
#CONDO .CondoList .Roomlist table {margin:0; padding:0; border:0;}
#CONDO .CondoList .Roomlist table tr td {margin:0; padding:0; border:0; vertical-align:middle; border-bottom:1px #e5e5e5 solid;
background:#f7f7f7;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f7f7f7));
background:-moz-linear-gradient(top, #ffffff, #f7f7f7);
background:-o-linear-gradient(top, #ffffff, #f7f7f7);
}
#CONDO .CondoList .Roomlist .thumb {width:120px;}
#CONDO .CondoList .Roomlist .thumb img{width:120px; height:80px;}
#CONDO .CondoList .Roomlist .info {}
#CONDO .CondoList .Roomlist .info .text {margin:0 10px; font-weight:bold; font-size:14px; color:#2f2f2f; word-wrap:break-word; text-overflow:ellipsis; line-height:140%; }
#CONDO .CondoList .Roomlist .btn {width:22px;margin-right:10px; }

/*
#CONDO .CondoList .listview {zoom:1; width:100%; overflow:hidden;}
#CONDO .CondoList .listview:after {content:""; display:block; clear:both;  }
#CONDO .CondoList .infoArea {position:relative; float:left; width:100%; margin-right:-100%; height:79px; line-height:79px; border-bottom:1px #e5e5e5 solid; left:120px; } 
#CONDO .CondoList .thumbArea {position:absolute; float:left; width:120px; left:0px; height:80px;}
#CONDO .CondoList .btnArea {position:relative; float:right; width:22px; left:0px; height:80px; line-height:80px;}
#CONDO .CondoList .infoArea .info {height:79px; display:inline-block; width:50%; font-weight:bold; font-size:14px; color:#2f2f2f; word-wrap:break-word; text-overflow:ellipsis; line-height:140%; }
*/
/*
#CONDO .CondoList .listview {padding:0 -130px 0 0; zoom:1;}
#CONDO .CondoList .listview:after {content:""; display:block; clear:both;  }
#CONDO .CondoList .infoArea {float:left; width:100%; margin-right:-100%; height:79px; line-height:79px; border-bottom:1px #e5e5e5 solid; } 
#CONDO .CondoList .thumbArea {float:left; width:120px; position:relative; padding-left:-120px; left:0px; height:80px;}
#CONDO .CondoList .btnArea {float:right; width:12px; position:relative; left:0px; height:80px; line-height:80px; -padding-left:120px; -padding-right:-120px;}
#CONDO .CondoList .infoArea .info {display:inline-block; width:50%; margin-left:10px; font-weight:bold; color:#2f2f2f; word-wrap:break-word; text-overflow:ellipsis; line-height:140%; }
*/




/* 숙박일수*/
#CONDO .Reservation_step .stayArea {height:40px; padding:0; margin:0; background:url('/Img/Condo/stayBG.jpg') repeat-x; border-right:1px #d6d6d6 solid;}
#CONDO .Reservation_step .stayArea .stayttl {height:40px; line-height:40px; float:left; color:#ffffff; font-weight:bold; font-size:14px; background:#515567;}
#CONDO .Reservation_step .stayArea .staydate {height:40px; line-height:40px; float:left; margin-left:10px; color:#4a4a4a;font-weight:bold; font-size:14px;  }

/* 달력*/
/*
#CONDO .Reservation_step .calendarArea {margin-top:20px; padding-bottom:20px; border-bottom:1px #cccccc solid; }
#CONDO .Reservation_step .calendarArea .dateArea {height:25px; line-height:25px; text-align:center; font-weight:bold; color:#393939; font-weight:bold; font-size:14px; }
#CONDO .Reservation_step .calendarArea .dateArea .btn {margin:0 20px; }
#CONDO .Reservation_step .calendarArea .calendar {margin-top:10px; }
#CONDO .Reservation_step .calendarArea .calendar table {border:1px #e8e8e8 solid; -border:1px #cccccc solid; }
#CONDO .Reservation_step .calendarArea .calendar table tr th {background:#f7f7f7; text-align:center; font-weight:bold; color:#575757; border:0; border-top:1px #e8e8e8 solid; border-left:1px #e8e8e8 solid; height:30px; line-height:30px; }
#CONDO .Reservation_step .calendarArea .calendar table tr td {color:#868686; font-size:11px; vertical-align:top; text-align:left; height:30px; border:0; border-top:1px #e8e8e8 solid; border-left:1px #e8e8e8 solid; }
#CONDO .Reservation_step .calendarArea .calendar table tr td .date{margin:5px;}
#CONDO .Reservation_step .calendarArea .calendar .holi {color:#ec5d56;}
#CONDO .Reservation_step .calendarArea .calendar .possible {background:#e5e8f7; border:1px #687ad6 solid; }
#CONDO .Reservation_step .calendarArea .calendar .impossible {background:#fbdfdd; border:1px #ec5d56 solid; }
#CONDO .Reservation_step .calendarArea .datecheck {margin-top:10px; height:20px; line-height:20px;  }
#CONDO .Reservation_step .calendarArea .datecheck .psb {font-weight:bold; color:#687ad6; margin-right:20px;}
#CONDO .Reservation_step .calendarArea .datecheck .impsb {font-weight:bold; color:#ec5d56;}
*/
/* 정보*/
#CONDO .Reservation_step .inforArea {margin-top:20px;}
#CONDO .Reservation_step .inforArea .br {border-bottom:1px #e5e5e5 solid; padding-bottom:10px;}

/* 객실정보*/
#CONDO .Reservation_step .roomArea {margin-top:20px;}
#CONDO .Reservation_step .roomArea .typeList {display:block; height:38px; line-height:38px; font-size:14px; font-weight:bold; color:#393939; text-align:center; margin:0; margin-bottom:10px; padding:0;
border:1px #93ba47 solid; background:#ffff00;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f7f7f7));
background:-moz-linear-gradient(top, #ffffff, #f7f7f7);
background:-o-linear-gradient(top, #ffffff, #f7f7f7);
-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}







/* MYZONE ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#MYZONE {position:relative; width:100%; margin:0; padding:0;}

/* 예약현황 */
#MYZONE .myBooking {}
#MYZONE .myBooking .btnDate {display:inline-block; width:100%; margin:0; padding:0;}
#MYZONE .myBooking .btnDate .btn {display:inline-block; float:left; font-size:12px; color:#ffffff; font-weight:bold; text-align:center; margin:0; margin-right:1px; padding:0; width:42px;
height:34px; line-height:34px; background:#999999;
background:url('/Img/Myzone/btnDate_nor.jpg') no-repeat;
}
#MYZONE .myBooking .btnDate .btn_on {display:inline-block; float:left; font-size:12px; color:#ffffff; font-weight:bold; text-align:center; margin:0; margin-right:1px; padding:0; width:42px;
height:34px; line-height:34px; background:#85b13e;
background:url('/Img/Myzone/btnDate_select.jpg') no-repeat;
}
#MYZONE .myBooking .searchResult .resultList {margin-bottom:10px; }


#MYZONE .myBooking .Bbtn1 {display:inline-block; font-size:11px; color:#ffffff; text-align:center; margin:0; padding:0; 
height:25px; line-height:25px; background:#ec5d56; overflow:hidden; 
-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}

#MYZONE .myBooking .Bbtn2 {display:inline-block; font-size:11px; color:#ffffff; text-align:center; margin:0; padding:0; 
height:25px; line-height:25px; background:#4e4e4e; overflow:hidden; 
-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}

#MYZONE .myBooking .Bbtn3 {display:inline-block; font-size:11px; color:#ffffff; text-align:center; margin:0; padding:0; 
height:25px; line-height:25px; background:#5e6ec1; overflow:hidden; 
-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}










#MYZONE .myBookingView {}
#MYZONE .myBookingView .tag {position:absolute; width:33px; height:30px; background:url('/Img/Myzone/tag.png') no-repeat; z-index:200;}
#MYZONE .myBookingView .tag .num {margin:3px;  font-size:11px; font-weight:bold; color:#ffffff;}
#MYZONE .myBookingView .text {margin-left:30px; padding:10px; }
#MYZONE .myBookingView .text h4 {font-weight:bold; margin-bottom:4px;}




/*주문예약현황*/
#MYZONE .myBookingPass {position:relative; display:inline-block; width:100%; margin:0; padding:0; margin-top:10px;}

#MYZONE .CouponComplete{position:absolute; display:block; width:100%; height:100%; margin:0; -border:1px #b3b3b3 solid; z-index:980; -background:#ffffff; -opacity:.8;
background:url('/img/Common/CouponComplete.png') no-repeat left top;}
#MYZONE .CouponComplete img {z-index:999; }

#MYZONE .myBookings {display:block; height:auto; margin:0; padding:15px 15px 70px 15px; border:1px #94cac0 solid;
background:#ccedea;
background:url('/img/Myzone/obj_road.png') no-repeat right bottom, url('/img/Myzone/obj_cloud.png') no-repeat center top, 
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6f2f3), to(#ccedea));
}
#MYZONE .myBookings .Couponinfo {position:relative; display:block; height:auto; margin:0; padding:20px 0 15px 0; border:1px #00d7ec solid; background:#ffffff; overflow:hidden; 
-webkit-border-radius:6px; -khtml-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -opacity:.2;
}
#MYZONE .myBookingView .CouponTag {position:absolute; z-index:900; }
#MYZONE .myBookings .CouponType {display:block; min-width:230px; width:88%; text-align:left; padding:0; margin:0 0 10px 22px; }
#MYZONE .myBookings .types {display:block; min-height:24px; line-height:150%; margin-bottom:10px; font-weight:bold; }
#MYZONE .myBookings .Couponinfo p {margin-bottom:3px; color:#4f4f4f; }
#MYZONE .myBookings .barCodeArea {display:inline-block; width:264px; margin:0 auto; text-align:center;}
#MYZONE .myBookings .barCodeArea .barCode {background:#ffffff; width:264px; }
#MYZONE .myBookings .barCodeArea .barCode img {width:264px; height:99px; }
#MYZONE .myBookings .barCodeNum {margin-top:5px; }
#MYZONE .myBookings .f_num {color:#ec5d56; }


/*주문예약현황 버튼*/
#MYZONE .myBookingView .bookingBtn1 {display:inline-block; float:right;  font-size:11px; color:#dd3e36; font-weight:bold; text-align:center; margin:0; margin-right:8px; padding:0 3px;
height:26px; line-height:26px; border:1px #dd3e36 solid; overflow:hidden; 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3));
-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
#MYZONE .myBookingView .bookingBtn2 {display:inline-block; float:right;  font-size:11px; color:#82b226; font-weight:bold; text-align:center; margin:0; margin-right:8px; padding:0 3px;
height:26px; line-height:26px; border:1px #95be44 solid; overflow:hidden; 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3));
-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
#MYZONE .myBookingView .bookingBtn3 {display:inline-block; float:right;  font-size:11px; color:#2f67c0; font-weight:bold; text-align:center; margin:0; margin-right:8px; padding:0 3px;
height:26px; line-height:26px; border:1px #2f67c0 solid; overflow:hidden; 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3));
-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}


/* 스키시즌권*/
#MYZONE .SeasonPass .btnAdd {position:absolute; z-index:999; left:185px; top:5px; width:30px; height:30px;}
#MYZONE .SeasonPass {position:relative; width:220px; height:360px;margin:0 auto; padding:0px; text-align:center;}
#MYZONE .SeasonPass01 {position:relative; width:220px; height:360px;margin:0 auto; padding:0px; text-align:center;
background:url('/img/Myzone/SeasonPass09.png') no-repeat; 
}
#MYZONE .SeasonPass02 {position:relative; width:220px; height:360px;margin:0 auto; padding:0px; text-align:center;
background:url('/img/Myzone/SeasonPass08.png') no-repeat; 
}
#MYZONE .SeasonPass03 {position:relative; width:220px; height:360px;margin:0 auto; padding:0px; text-align:center;
background:url('/img/Myzone/SeasonPass10.png') no-repeat; 
}


#MYZONE .SeasonPass .Season {display:none; position:relative; top:70px; color:#93ba47; font-weight:bold; font-size:16px; }
#MYZONE .SeasonPass .idArea {position:relative; top:56px; margin:0 auto; margin-bottom:15px; padding-right:10px; width:146px; }
#MYZONE .SeasonPass .idArea .photo {width:146px; height:202px; margin-bottom:10px; background:url('/img/Myzone/default_id.jpg') no-repeat;}
#MYZONE .SeasonPass .idArea .photo img {width:100%; height:100%;}
/*#MYZONE .SeasonPass .idArea .memberName {position:relative; top:190px; left:22px; width:100px; height:20px; line-height:20px; border:1px #c1bfbf solid; background:#ffffff; color:#000000; font-weight:bold; z-index:555;}*/
#MYZONE .SeasonPass .idArea .memberName {position:relative; top:197px; left:5px; width:135px; height:44px; padding-top:2px; line-height:120%; background:#ffffff; color:#000000; font-weight:bold; z-index:555; letter-spacing:-1px;}/*2013-11-13 김소연수정*/
#MYZONE .SeasonPass .barCodeArea {position:relative; top:50px; }
#MYZONE .SeasonPass .barCodeArea .barCode {margin-bottom:5px;}
#MYZONE .SeasonPass .barCodeArea .barCode img{width:164px; height:34px; }
#MYZONE .SeasonPass .barCodeArea .codeNum {position:relative; top:10px; color:#000000; }

/* 모바일카드 */
#MYZONE .mobileMembership {margin:0; padding:0; width:300px; margin:0 auto; }
#MYZONE .mobileMembership .topImg {height:104px; margin:0; padding:0; }
#MYZONE .mobileMembership .topImg .img1 {position:absolute; display:inline-block; float:left; margin:0; height:104px; padding:0; z-index:80;}
#MYZONE .mobileMembership .topImg .img1 .tblTtl {margin-top:20px; margin-bottom:10px; font-size:20px;}
#MYZONE .mobileMembership .topImg .img1 .memName {color:#000000; margin-bottom:10px; font-size:16px;}
#MYZONE .mobileMembership .topImg .img2 {position:relative; display:inline-block; float:right; margin:0; height:104px; padding:0; z-index:78;}
#MYZONE .mobileMembership .topImg .img2 img {height:104px; width:118px;}

#MYZONE .memCard {display:block; height:auto; margin:0; padding:0; border:1px #b7b7b7 solid; overflow:hidden;
background:#d6d6d6;
background:url('/img/Myzone/obj_bird.png') no-repeat center bottom, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#d5d5d5));
-webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
}

#MYZONE .memCard .memTitle {display:block; height:31px; line-height:31px; padding:10px; background:#0a827b;
background:url('/img/Myzone/memCardTitle.png') no-repeat left top, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0d9e94), to(#0a7a73));
}
#MYZONE .memCard .memTitle img {width:285px; height:20px; }
#MYZONE .memCard .memConts {width:100%; margin:15px 0; text-align:center;}


#MYZONE .memCard .memConts .barcodeArea {display:inline-block; width:264px; margin:0 auto; background:#ffffff; padding:10px 0;
-webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border:1px #797979 solid; overflow:hidden;
}
#MYZONE .memCard .memConts .BarcodeImg {width:264px; text-align:center; }
#MYZONE .memCard .memConts .BarcodeImg img {width:264px; height:99px; }
#MYZONE .memCard .memConts .BarcodeNum {width:264px; text-align:center; margin-top:5px;}
#MYZONE .memCard .memConts .BarcodeNum2 {letter-spacing:1px; width:264px; text-align:center; margin-top:2px; margin-bottom:-10px;}
#MYZONE .memCard .memConts .userData {text-align:left; margin:0 16px; height:70px;}
#MYZONE .memCard .memConts .userData .photo {display:inline-block; width:60px; height:60px; float:left; background:url('/img/Myzone/userPhoto.jpg') 0 0 no-repeat; background-size:100%; border:2px solid #e4e4e4; border-radius:5px; margin-right:10px; overflow:hidden;}
#MYZONE .memCard .memConts .userData .photo img {width:60px;}
#MYZONE .memCard .memConts .userData .name {font-weight:bold; color:#000; padding-top:10px;}



/* 마이쿠폰-할인쿠폰*/
#MYZONE .myCoupon {margin:0; padding:0;  }
#MYZONE .myCoupon .BoardArea {position:relative; margin:0; padding:0; border-top:1px #e5e5e5 solid;  }
#MYZONE .myCoupon .BoardArea .BoardList {zoom:1; width:100%; overflow:hidden; border-bottom:1px #e5e5e5 solid; height:72px; 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f7f7f7));
}
#MYZONE .myCoupon .BoardArea .BoardList:after {content:""; display:block; clear:both;  }
#MYZONE .myCoupon .BoardArea .bg1 {background:#ffffff; }
#MYZONE .myCoupon .BoardArea .bg2 {background:#f9f9f9; }
#MYZONE .myCoupon .BoardArea .sbj {position:relative; float:left; width:80%; margin:20px 0 0 10px; word-wrap:break-word; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#MYZONE .myCoupon .BoardArea .btn {position:relative; float:right; width:22px; height:72px; line-height:72px; }
#MYZONE .myCoupon .BoardArea .sbj h3 {color:#2f2f2f; font-weight:bold; font-size:14px; margin-bottom:9px;}
#MYZONE .myCoupon .BoardArea .sbj p {color:#6d6d6d; font-size:11px;}



/* 마이쿠폰-할인쿠폰-보기*/
#MYZONE .myCoupon .BoardArea_view {position:relative; }
#MYZONE .myCoupon .Boardtitle {zoom:1; width:100%; overflow:hidden; border-bottom:1px #e5e5e5 solid; height:72px; }
#MYZONE .myCoupon .Boardtitle .sbj {float:left; width:80%; margin:20px 0 0 10px; word-wrap:break-word; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#MYZONE .myCoupon .Boardtitle .sbj h3 {color:#2f2f2f; font-weight:bold; font-size:14px; margin-bottom:9px;}
#MYZONE .myCoupon .Boardtitle .sbj p {color:#6d6d6d; font-size:11px;}


#MYZONE .myCouponArea {position:relative; display:inline-block; width:100%; margin:0; padding:0; margin-top:10px;}
#MYZONE .myCouponArea .CouponTag {position:absolute; z-index:999; }
#MYZONE .myCouponArea .myCoupons {display:block; height:auto; margin:0; padding:12px; border:1px #195f65 solid;
background:#3e8a95;
background:url('/img/Myzone/obj_couponPattern_01.png') no-repeat left bottom, url('/img/Myzone/obj_couponPattern_02.png') no-repeat right bottom, url('/img/Myzone/obj_CouponBG.png') no-repeat right top,
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#56bcc3), to(#3e8a95));
}
#MYZONE .myCouponArea .Couponinfo {position:relative; display:block; width:100%; height:auto; margin:0; padding:20px 0 15px 0;
border:1px #00d7ec solid; background:#ffffff; overflow:hidden; -webkit-border-radius:6px; -khtml-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -opacity:.2;}
#MYZONE .myCouponArea .Couponinfo .CouponType {display:block; min-width:230px; width:88%; text-align:left; padding:0; margin:0 0 10px 22px; }
#MYZONE .myCouponArea .percent {display:block; min-height:45px; line-height:45px; color:#c61733; font-size:50px; font-weight:bold; font-family:Verdana; margin-bottom:5px;}
#MYZONE .myCouponArea .percent_1 {display:inline-block; color:#000000; font-size:12px; font-weight:bold; margin-bottom:8px;}
#MYZONE .myCouponArea .types {display:block; min-height:28px; line-height:28px; color:#2e2e2e; font-size:24px; font-weight:bold; margin-bottom:10px;}
#MYZONE .myCouponArea .mems {color:#2e2e2e; font-size:18px; font-weight:bold; }
#MYZONE .myCouponArea .Couponinfo .CouponType p {margin-bottom:3px; color:#4f4f4f; }
#MYZONE .myCouponArea .barCodeArea {display:inline-block; width:100%; margin:0 auto; }
#MYZONE .myCouponArea .barCodeArea .barCode {background:#ffffff; width:264px; }
#MYZONE .myCouponArea .barCodeArea .barCode img {width:264px; height:99px; }
#MYZONE .myCouponArea .howTo {}



/* 마이쿠폰-쿠폰등록*/
#MYZONE .couponEnroll {margin:0; padding:0; margin-top:10px;}
#MYZONE .EnrollBox {border:1px #e5e5e5 solid; padding:20px; text-align:center;}
#MYZONE .EnrollBox h3 {color:#191919; font-size:16px; font-weight:bold; margin-bottom:10px;  }
#MYZONE .EnrollBox .input {margin:20px 0; }
#MYZONE .EnrollBox .input input {background:#f7f7f7;  border:1px #acacac solid; text-align:center;}
#MYZONE .Enroll_notice {margin-top:20px; }

/* 메세지 */
#MYZONE .Message {}
#MYZONE .Message .topImg {height:35px; margin:0; padding:0; border-bottom:2px #7f7f7f solid; }
#MYZONE .Message .topImg .img1 {position:absolute; display:inline-block; float:left; margin:0; height:35px; line-height:35px; padding:0; z-index:80;}
#MYZONE .Message .topImg .img2 {position:relative; display:inline-block; float:right; margin:0; height:35px; padding:0; z-index:78;}
#MYZONE .Message .topImg .img2 img {height:31px; width:52px;}

#MYZONE .Message .listview {zoom:1; width:100%; overflow:hidden; border-bottom:1px #e5e5e5 solid; height:52px; }
#MYZONE .Message .listview:after {content:""; display:block; clear:both;  }
#MYZONE .Message .sbj {position:relative; float:left; width:80%; margin:10px 0 0 10px; word-wrap:break-word; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#MYZONE .Message .btn {position:relative; float:right; width:29px; height:52px; line-height:52px; }
#MYZONE .Message .sbj h3 {color:#2f2f2f; font-weight:bold; font-size:14px; margin-bottom:5px;}
#MYZONE .Message .sbj p {color:#6d6d6d; font-size:11px;}

#MYZONE .Message .messageView {background:#f9f9f9; padding:20px 10px; border-bottom:1px #e5e5e5 solid;}


/* 로그인 */
#MYZONE .MyzoneLogin {margin:0; padding:0; margin-top:30px; }
#MYZONE .MyzoneLogin .topImg {height:65px; margin:0; padding:0;}
#MYZONE .MyzoneLogin .topImg .img1 {position:absolute; display:inline-block; float:left; margin:0; padding:0; z-index:80;}
#MYZONE .MyzoneLogin .topImg .img2 {position:relative; display:inline-block; float:right; margin:0; padding:0; z-index:78;}
#MYZONE .MyzoneLogin .LoginBox {border-top:2px #585858 solid; border-bottom:2px #585858 solid; padding:30px 0; }
#MYZONE .MyzoneLogin .LoginForm {width:294px; margin:0 auto; }
#MYZONE .MyzoneLogin .loginBtn {display:inline-block; width:64px; height:64px;}
#MYZONE .MyzoneLogin .LoginForm table tr td {vertical-align:middle; padding:3px 0; }
#MYZONE .MyzoneLogin .LoginForm .Linput {width:138px; height:28px; line-height:28px; background:#f7f7f7; border:1px #acacac solid; }
#MYZONE .MyzoneLogin .LoginForm .Logintxt {width:50px; }




/* SKIBOARD ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#SKIBOARD {position:relative; width:100%; margin:0; padding:0;}

/* SkiBoardDetail */
#SKIBOARD .CondoDetail {margin:0; padding:0; zoom:1; }
#SKIBOARD .CondoDetail .roomView {height:auto; }
#SKIBOARD .CondoDetail .roomTypes {width:95%; margin:0 auto;margin-top:20px;}
#SKIBOARD .CondoDetail .roomTypes .f01{color:#5a5a5a; font-size:16px; font-weight:bold; text-align:center; }
#SKIBOARD .CondoDetail .roomInfo {width:95%; margin:0 auto;margin-top:20px; -background:#fdffde; }
#SKIBOARD .CondoDetail .f01 {color:#ec5d56;  font-size:11px; }
#SKIBOARD .CondoDetail .roomInfo .tbl {margin:0; padding:0; border:0;}
#SKIBOARD .CondoDetail .roomInfo .tbl table{border:1px #d3d3d3 solid; border-bottom:0;}
#SKIBOARD .CondoDetail .roomInfo .tbl table tr th {background:#f7f7f7; text-align:center; padding:7px 0px; border-bottom:1px #dddddd solid; border-right:1px #dddddd solid; color:#5a5a5a; font-weight:normal; vertical-align:middle; font-size:11px; }
#SKIBOARD .CondoDetail .roomInfo .tbl table tr td {text-align:center; padding:7px 0px; border-bottom:1px #dedede solid; border-right:1px #dddddd solid; color:#6b6b6b; font-size:12px; vertical-align:middle; font-size:11px; }
#SKIBOARD .CondoDetail .roomInfo .tbl .bg1{background:#f7f7f1l; }
#SKIBOARD .CondoDetail .roomInfo .dot_list {width:100%; margin:0; overflow:hidden;}
#SKIBOARD .CondoDetail .roomInfo .dot_list ul li {list-style-image:url('/Img/Members/bullet_green.jpg'); list-style-position:outside; vertical-align:middle; margin:0 0 8px 11px; padding:0;}
#SKIBOARD .CondoDetail .roomInfo .tblTtl {margin:0 0 10px 0; padding:0; }
#SKIBOARD .CondoDetail .roomInfo h3 {margin:0; padding:0; }



#SKIBOARD .paymentOK {display:inline-block; -background:url('/img/SkiBoard/paymentOK.jpg') no-repeat; width:100%; -height:365px; }






/* 슬로프속보 */
#SKIBOARD .SlopeNews {}
#SKIBOARD .SlopeNews .topImg {height:35px; margin:0; padding:0; border-bottom:2px #7f7f7f solid; }
#SKIBOARD .SlopeNews .topImg .img1 {position:absolute; display:inline-block; float:left; margin:0; height:35px; line-height:35px; padding:0; z-index:80;}
#SKIBOARD .SlopeNews .topImg .img2 {position:relative; display:inline-block; float:right; margin:0; height:35px; padding:0; z-index:78;}
#SKIBOARD .SlopeNews .topImg .img2 img {height:31px; width:52px;}

#SKIBOARD .SlopeNews .listview {zoom:1; width:100%; overflow:hidden; border-bottom:1px #e5e5e5 solid; height:52px; }
#SKIBOARD .SlopeNews .listview:after {content:""; display:block; clear:both;  }
#SKIBOARD .SlopeNews .sbj {position:relative; float:left; width:80%; margin:10px 0 0 10px; word-wrap:break-word; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#SKIBOARD .SlopeNews .btn {position:relative; float:right; width:29px; height:52px; line-height:52px; }
#SKIBOARD .SlopeNews .sbj h3 {color:#2f2f2f; font-weight:bold; font-size:12px; margin-bottom:5px;}
#SKIBOARD .SlopeNews .SlopeNewsView {background:#f9f9f9; padding:10px; border-bottom:1px #e5e5e5 solid;}

#SKIBOARD .SlopeNews .sbj p {color:#6d6d6d; font-size:11px;}
#SKIBOARD .SlopeNews .sbj dd {display:inline-block; float:left; }
#SKIBOARD .SlopeNews .sbj dd.line {color:#cccccc; padding:0 10px;}
#SKIBOARD .weatheriCons {border:1px #dedede solid; text-align:center; }
#SKIBOARD .SlopeCondition table tr td{font-size:11px; }
#SKIBOARD .SlopeCondition {line-height:110%;}





/* GOLF ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 예약접수안내 */
#GOLF {position:relative; width:100%; margin:0; padding:0;}
#GOLF .ReservationGuide {margin:0; padding:0;}
#GOLF .ReservationGuide .topBox {position:relative;  margin:0; padding:0; height:48px; text-align:center; }
#GOLF .ReservationGuide .greenBox {position:relative; display:inline-block; float:left; width:100%; height:43px; line-height:43px; margin:0; padding:0; text-align:center; background:#93ba47; color:#e8ff2a; font-size:16px; font-weight:bold; }
#GOLF .ReservationGuide .boxPoint {position:relative; display:inline-block; float:left; top:-6px; width:100%; height:5px; margin:0; padding:0; }
#GOLF .ReservationGuide .boxPoint .img {height:5px; width:11px; margin:0; padding:0; border:0; }
#GOLF .ReservationGuide .tblTtl {margin-bottom:5px; }

/* 계열사 소개 */
#GOLF .subsidiaryDetail {}
#GOLF .subsidiaryDetail .ContentsArea {}

#GOLF .holeTtl {font-weight:bold; font-family:Verdana; font-size:14px; margin-bottom:5px; }


#GOLF .time dd {display:inline-block; float:left; margin-right:10px; }
#GOLF .time li {display:inline-block; float:left; margin-right:10px; }
#GOLF .time_bold li {display:inline-block; float:left; margin-right:10px; font-weight:bold; font-size:13px; color:#0066ff;}



/* ADDFACILITIES ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 부대시설 찾기(AR) */
#AR {position:relative; width:100%; margin:0; padding:0;}
#AR .ARArea {display:inline-block; width:100%; border-top:1px #e5e5e5 solid; }
#AR .ARArea .ARList {display:inline-block; width:100%; zoom:1; width:100%; border-bottom:1px #e5e5e5 solid; height:63px; }
#AR .ARArea .ARList:after {content:""; display:block; clear:both;  }
#AR .ARArea .ARList .sbj {position:relative; float:left; width:70%; margin:0 0 0 10px; word-wrap:break-word; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:63px; line-height:63px; }
#AR .ARArea .ARList .btn {position:relative; float:right; width:29px; height:63px; line-height:63px; }
#AR .ARArea .ARList .sbj h3 {color:#2f2f2f; font-weight:bold; font-size:12px;}



/* ARList */
#AR .ARSlopImg {position:relative;}
#AR .ARSlopImg .ico_zoom {position:absolute; z-index:999; width:30px; height:30px;margin:10px;}
AR .ARSlopImg .SlopImg {position:relative;}
#AR .listTitle{margin:0; padding:0; color:white; font-weight:bold; height:30px; line-height:30px; font-size:14px;
background:#051c37;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#113561), to(#051c37));
background:-moz-linear-gradient(top, #113561, #051c37);
background:-o-linear-gradient(top, #113561, #051c37);
}
#AR .ARList {margin:0; padding:0; zoom:1; }
#AR .ARList .Roomlist table {margin:0; padding:0; border:0;}
#AR .ARList .Roomlist table tr td {margin:0; padding:0; border:0; vertical-align:middle; border-bottom:1px #e5e5e5 solid;
background:#f7f7f7;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f7f7f7));
background:-moz-linear-gradient(top, #ffffff, #f7f7f7);
background:-o-linear-gradient(top, #ffffff, #f7f7f7);
}
#AR .ARList .Roomlist .thumb {width:120px;}
#AR .ARList .Roomlist .thumb img{width:120px; height:80px;}
#AR .ARList .Roomlist .info {}
#AR .ARList .Roomlist .info .text {margin:0 10px; font-weight:bold; font-size:14px; color:#2f2f2f; word-wrap:break-word; text-overflow:ellipsis; line-height:140%; }
#AR .ARList .Roomlist .btn {width:22px;margin-right:10px; }


/* GUIDE ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#GUIDE {position:relative; width:100%; margin:0; padding:0;}
#GUIDE .EventPackage {}
#GUIDE .EventPackage .eventList {display:inline-block; width:100%; margin-bottom:10px; }


#GUIDE .Package .btn_package {display:inline-block; width:100%; text-align:center; }
#GUIDE .btn_shuttle img {-width:32%; -max-width:150px; -margin:20px 0; }


#GUIDE .btn_package .Btn1 {display:inline-block; text-align:center; margin:0; padding:0;
background:url('/img/Common/btnBG_blue.jpg') repeat; overflow:hidden; 
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
#GUIDE .btn_package .Btn2 {display:inline-block; text-align:center; margin:0; padding:0;
background:url('/img/Common/btnBG_orange.jpg') repeat; overflow:hidden; 
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}#GUIDE .btn_package .Btn3 {display:inline-block; text-align:center; margin:0; padding:0;
background:url('/img/Common/btnBG_green.jpg') repeat; overflow:hidden; 
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}






#GUIDE .packageBuy {display:inline-block; width:100%; border-top:2px #d1d1d1 solid; padding-top:20px; margin-top:20px; }

#GUIDE .BoardNewsList article{display:inline-block; width:100%; margin-bottom:25px; }

#GUIDE .busStation {display:inline-block; width:100%; border:1px #d3d3d3 solid; background:#f7f7f7; padding:20px 0 10px 0; margin-top:5px;}
#GUIDE .busStation .busTtl {font-weight:bold; text-align:center; font-size:14px;width:90%; margin:0 auto; }
#GUIDE .busStation .busLine {margin:20px 0 10px 0; }
#GUIDE .busStation .busLine table {width:90%; margin:0 auto; padding:0;}
#GUIDE .busStation .busLine table tr td.line {height:15px;  background:url('/img/Guide/shttleLine.png') repeat-x; }
#GUIDE .busStation .busLine table tr td {vertical-align:middle; text-align:center;}
#GUIDE .busStation .busSelect {margin:0; float:right; margin-right:5%;}
#GUIDE .busStation .busSelect select {background:#ffffff; }


#GUIDE .shttleList table tr {border:1px #dddddd solid;}
#GUIDE .shttleList table tr td p {font-size:11px; line-height:160%; color:#5a5a5a; }
#GUIDE .shttleList .ticketinfo {padding:10px;}
#GUIDE .shttleList .checkbox {width:26px; padding:10px 10px 10px 0;}
#GUIDE .locationImg {border:1px #d3d3d3 solid; }

#GUIDE .imgAreas {width:300px; height:160px; }
#GUIDE .pagings {width:300px; height:30px; background:#000000;}
#GUIDE .btn_shuttle {display:inline-block; width:100%; text-align:center; }
#GUIDE .btn_shuttle img {-width:32%; -max-width:150px; -margin:20px 0; }


#GUIDE .btn_shuttle .Btn1 {display:inline-block; text-align:center; margin:0; padding:0;
background:url('/img/Common/btnBG_blue.jpg') repeat; overflow:hidden; 
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
#GUIDE .btn_shuttle .Btn2 {display:inline-block; text-align:center; margin:0; padding:0;
background:url('/img/Common/btnBG_orange.jpg') repeat; overflow:hidden; 
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}#GUIDE .btn_shuttle .Btn3 {display:inline-block; text-align:center; margin:0; padding:0;
background:url('/img/Common/btnBG_green.jpg') repeat; overflow:hidden; 
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}


#GUIDE .shuttleBusNotice {}
#GUIDE .shuttleBusNotice p {display:block; -text-align:justify;}
#GUIDE .shuttleBusNotice .tp1 {font-size:23px; font-weight:bold; text-align:center; color:#000000; line-height:135%; margin-bottom:20px;}
#GUIDE .shuttleBusNotice .tp2 {font-size:14px; font-weight:bold; color:#93ba47; line-height:125%; margin-bottom:2px;}

#GUIDE .f_ty1 {font-weight:bold; font-size:14px; color:#639402; }
#GUIDE .f_ty2 {font-weight:bold; font-size:14px; color:#ec5d56; }
#GUIDE .f_ty3 {font-weight:bold; font-size:14px; color:#2f67c0; }





/* 마이쿠폰-쿠폰등록*/
#GUIDE .couponEnroll {padding:0; width:90%; margin:10px auto; }
#GUIDE .EnrollBox {border:1px #e5e5e5 solid; padding:8%; text-align:center; background:white; margin:0 auto; }
#GUIDE .EnrollBox h3 {color:#191919; font-size:16px; font-weight:bold; margin-bottom:10px;  }
#GUIDE .EnrollBox .input {margin:20px 0; }
#GUIDE .EnrollBox .input input {background:#f7f7f7;  border:1px #acacac solid; text-align:center;}
#GUIDE .Enroll_notice {margin-top:20px; }




/* MEMBERS ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#MEMBERS {position:relative; width:100%; margin:0; padding:0;}

/* 회원가입 Step1 */
#MEMBERS .membersJoinStep1 {margin:0; padding:0;}
#MEMBERS .membersJoinStep1 .topImg {height:65px; margin:0; padding:0;}
#MEMBERS .membersJoinStep1 .topImg .img1 {position:absolute; display:inline-block; float:left; margin:0; padding:0; z-index:80;}
#MEMBERS .membersJoinStep1 .topImg .img2 {position:relative; display:inline-block; float:right; margin:0; padding:0; z-index:78;}

/* 회원가입 Step2 */
#MEMBERS .membersJoinStep2 {margin:0; padding:0;}
#MEMBERS .membersJoinStep2 .topText {width:100%; height:auto; margin:0; padding:0; font-size:14px; line-height:20px; font-weight:bold; color:#555555; padding-bottom:20px; border-bottom:2px #bfbfbf solid; }
#MEMBERS .membersJoinStep2 .topText .point {color:#9ec159; }
#MEMBERS .membersJoinStep2 .raws {margin-top:20px; }
#MEMBERS .membersJoinStep2 .raws .ttl {display:inline-block; width:100%; }
#MEMBERS .membersJoinStep2 .raws .ttl .txt {display:inline-block; width:75%; float:left; margin-right:-65px; font-size:14px; line-height:20px; font-weight:bold; color:#9ec159; }
#MEMBERS .membersJoinStep2 .raws .ttl .btn{display:inline-block; width:63px; float:right; }
#MEMBERS .membersJoinStep2 .raws .ttl .btn .btn_rawAll {height:20px;  float:right; }
#MEMBERS .membersJoinStep2 .box01 {border:1px #acacac solid; font-size:12px; }
#MEMBERS .membersJoinStep2 .raws .check {width:100%; margin-top:10px; color:#474747; }
/*#MEMBERS .membersJoinStep2 .box01 {border:1px #dedede solid; padding:10px; height:140px; overflow:hidden; overflow-y:auto; font-size:12px; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#c3c3c3; scrollbar-face-color:#ffffff; scrollbar-shadow-color:#c3c3c3; scrollbar-darkshadow-color:#ffffff; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#c3c3c3;}*/
#MEMBERS .membersJoinStep2 .box01 p {color:#7f7f7f; }
#MEMBERS .membersJoinStep2 .box01 .rules {height:120px; overflow:hidden; margin:10px; color:#7f7f7f; }
#MEMBERS .membersJoinStep2 section {margin-bottom:30px; }

/* 회원가입 Step3 */
#MEMBERS .membersJoinStep3 {margin:0; padding:0;}
#MEMBERS .membersJoinStep3 .ttl {display:inline-block; width:100%;  font-size:14px; line-height:20px; font-weight:bold; color:#93ba47; }
#MEMBERS .membersJoinStep3 .infutForm {}
#MEMBERS .membersJoinStep3 .infutForm table{border:1px #dedede solid; border-bottom:0;}
#MEMBERS .membersJoinStep3 .infutForm table tr th {background:#f7f7f7; text-align:left; padding:8px 3px 8px 10px; border-bottom:1px #dedede solid; border-right:1px #dedede solid; color:#525252; font-weight:bold; vertical-align:middle;}
#MEMBERS .membersJoinStep3 .infutForm table tr td {text-align:left; padding:8px 3px 8px 10px; border-bottom:1px #dedede solid; color:#4c4c4c; font-size:12px; vertical-align:middle; }
#MEMBERS .membersJoinStep3 .infutForm table tr td.line-top {padding:8px 3px 0px 10px;}
#MEMBERS .membersJoinStep3 .infutForm table tr td.line-mdl {padding:0px 3px 0px 10px;}
#MEMBERS .membersJoinStep3 .infutForm table tr td.line-btm {padding:8px 3px 8px 10px;}
#MEMBERS .membersJoinStep3 .infutForm .bor_bn { border-bottom:0;}
#MEMBERS .membersJoinStep3 .noti {margin-top:20px; font-size:11px; color:#777777; }
#MEMBERS .membersJoinStep3 .font01 {color:#666666; font-size:11px; }
#MEMBERS .membersJoinStep3 input {background:#f7f7f7; border:1px #acacac solid; padding:0 5px; color:#000000; height:23px;  line-height:23px;}
#MEMBERS .membersJoinStep3 select {background:#f7f7f7; border:1px #acacac solid; padding:0; color:#000000; height:23px;  line-height:23px;}

/* ID/비밀번호 찾기 */
#MEMBERS .searchMem {}
#MEMBERS .searchMem .noti {color:#a8a8a8; font-size:11px; }
#MEMBERS .searchMem .tbl03 {}
#MEMBERS .searchMem .tbl03 .infutForm {border:1px #e5e5e5 solid;}
#MEMBERS .searchMem .tbl03 .infutForm table {}
#MEMBERS .searchMem .tbl03 .infutForm table tr th {text-align:left; padding:10px 10px 0px 10px; color:#525252; font-weight:bold; vertical-align:middle;}
#MEMBERS .searchMem .tbl03 .infutForm table tr td {text-align:left; padding:10px; color:#4c4c4c; font-size:12px; vertical-align:middle; }







/* FACILITIE ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#FACILITIE {position:relative; width:100%; margin:0; padding:0;}
#FACILITIE .img {margin-bottom:10px; }
#FACILITIE .list1 {width:90%; margin:0px 10px 0px 12px;}
#FACILITIE .list1 ul li {list-style-image:url('/Img/Members/bullet_green.jpg'); list-style-position:outside; vertical-align:middle; margin:3px 0; padding:0;}



/* FOODSPACE ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#FOODSPACE{position:relative; width:100%; margin:0; padding:0;}
#FOODSPACE .img img {border:1px #d0dede solid; margin:2px 0 15px 0; text-align:center;}



/* paymentComplete ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.paymentComplete {width:182px; padding:26px; margin:0 auto; text-align:center;}
.paymentComplete .CopleteLogo {width:182px; margin:0 auto;}
.paymentComplete .CopleteText {width:160px; margin:23px auto;}
.paymentComplete .btnConfirm {width:56px; margin:23px auto;}


.paymentCompletet_Join {width:220px; padding:26px; margin:0 auto; text-align:center;}
.paymentCompletet_Join .CopleteLogo {width:182px; margin:0 auto;}
.paymentCompletet_Join .CopleteText_Join {width:220px; margin:23px auto;}




















/* 2015-10-19 */
.contents-in									{margin:0; padding:0; width:auto; height:auto;}
.contents-in h1									{margin-bottom:5px; padding:0; font-size:12px; font-weight:bold; color:#93ba47; line-height:18px;}
.contents-in h2									{margin-bottom:5px; padding:0; font-size:11px; font-weight:bold; color:#444; line-height:14px;}

.wp-text										{margin:0; padding:20px 0; width:auto; height:auto;}
.wp-text dt										{margin-bottom:5px; padding:0; font-family:Nanum Gothic; font-size:19px; font-weight:bold; color:#000; line-height:24px; letter-spacing:-1px;}
.wp-text dd										{margin:0; padding:0; font-family:Nanum Gothic; font-size:12px; font-weight:bold; color:#909090; line-height:18px;}

.basic-text										{display:block; margin-bottom:20px; padding:0; font-size:12px; color:#666; line-height:18px;}
.basic-text strong								{display:block; padding:10px 0 5px; font-size:14px; color:#000; line-height:16px;}

.f-information									{margin:0; padding-top:20px; width:auto; height:auto;}
.f-information > li								{margin-bottom:20px; padding:0; width:auto; height:auto;}
.f-information > li > span						{display:block; margin-bottom:8px; font-size:12px; font-weight:bold; color:#333;}
.f-information > li > .door						{margin:0; padding-left:5px; width:auto; height:auto;}
.f-information > li > .door > dl				{margin-bottom:3px; padding:0; width:auto; height:auto;}
.f-information > li > .door > dl:after			{content:""; display:block; float:none; clear:both;}
.f-information > li > .door > dl > dt			{float:left; margin:0; padding:0; width:5%; height:auto;}
.f-information > li > .door > dl > dd			{float:left; margin:0; padding:0; width:95%; height:auto;}
.f-information > li:first-child span,
.f-information > li:first-child > .door > dl > dt{color:#d70000;}
.f-information > li:last-child span,
.f-information > li:last-child > .door > dl > dt{color:#006ad7;}

.box-text										{margin:0; padding:15px; width:auto; height:auto; border:1px solid #ddd; background-color:#f5f5f5; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; border-radius:6px;}
.box-text li									{margin:0; padding:3px 0; width:auto; height:auto; font-size:12px; color:#666;}

.stl-text										{display:block; padding:20px 0 15px; font-family:Nanum Gothic; font-size:13px; font-weight:bold; color:#000; line-height:18px; letter-spacing:-1px;}
.pco-text										{display:block; padding:20px 0 5px; font-family:Nanum Gothic; font-size:16px; font-weight:bold; color:#48b59e; line-height:20px; letter-spacing:-1px;}

.font10											{font-size:10px !important;}

.depth-tab										{margin:20px 0; padding:0; width:auto; height:auto; border:1px solid #48b59e;}
.depth-tab:after								{content:""; display:block; float:none; clear:both;}
.depth-tab li									{display:table; float:left; margin:0; padding:0; width:33.333333%; cursor:pointer;}
.depth-tab li span								{display:table-cell; vertical-align:middle; width:auto; height:30px; font-size:12px; color:#48b59e; text-align:center;}
.depth-tab li:nth-child(2) span					{border-left:1px solid #48b59e; border-right:1px solid #48b59e;}
.depth-tab li.on span							{color:#fff; background-color:#48b59e;}

.parcelout-con									{display:none;}
.parcelout-con h2,
.parcelout h2									{position:relative; margin-bottom:5px; padding:0; font-size:12px; font-weight:bold; color:#333;}
.parcelout-con h2 i,
.parcelout h2 i									{position:absolute; top:2px; right:0; font-style:normal; font-size:10px; font-weight:normal; color:#808080;}

.mem-st											{margin:5px 0 20px; padding:0; width:auto; height:auto;}
.mem-st	li										{margin:0; padding:2px; font-size:10px; color:#777; line-height:14px;}

.table-dl										{margin:0; padding:0 5px; width:auto; height:auto; text-align:left;}
.table-dl dd									{margin:0; padding:5px 0; width:auto; height:auto; font-size:10px; color:#666; line-height:14px;}

.table-write									{margin-bottom:20px; padding:0; width:auto;}
.table-write table								{margin:0; padding:0; width:100%; height:auto; border-top:1px solid #eaeaea; text-align:left;}
.table-write table tr							{border-bottom:1px solid #eaeaea;}
.table-write table th,
.table-write table td							{padding:5px 10px; height:30px; font-size:1em;}
.table-write table th							{font-weight:normal; color:#151515; background-color:#f9f9f9;}
.table-write table td							{color:#333; line-height:1.2em;}
.table-write table td label						{display:block; padding:3px 0;}
.table-write table td input						{margin:0; padding:0; text-indent:5px; width:100%;}
.table-write table td input[type="radio"],
.table-write table td input[type="checkbox"] {
	-webkit-appearance:radio;
	box-sizing border-box;
	background:none !important;
	border:none !important;
	cursor:pointer;
	vertical-align:middle;
	margin:0 0 1.5px;
	padding:0;
	width:auto;
}
.agree											{margin-top:5px; padding:10px; width:auto; height:100px; font-size:10px; color:#666; line-height:14px; border:1px solid #eaeaea; background-color:#f9f9f9; overflow-y:scroll;}
.agree-ok										{display:block; margin-top:20px; padding:0; width:auto; font-size:13px; color:#333; text-align:center;}

.btn-form										{display:block; border:0; cursor:pointer; margin-top:20px; padding:0; width:100%; font:16px/50px Nanum Gothic; color:#fff; background-color:#48b59e; text-align:center; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;}


.choice-number									{margin:0; padding:0; width:auto; height:auto;}
.choice-number:after							{content:""; display:block; float:none; clear:both;}
.choice-number dt,
.choice-number dd								{float:left; margin:0; padding:0;}
.choice-number dt								{display:table; width:30%;}
.choice-number dd								{width:70%; text-align:right;}
.choice-number dt span							{display:table-cell; vertical-align:middle; height:40px;font-weight:bold; font-size:14px; color:#4a4a4a; }


.shuttle-total									{position:relative; margin-bottom:20px; padding:10px; width:auto; height:auto; border:1px solid #c7c7c7; background-color:#f0f0f0; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px;}
.shuttle-total ul								{margin:0; padding:0; width:auto; height:auto;}
.shuttle-total ul li							{margin:0; padding:3px 0; width:auto; height:auto; color:#333;}
.shuttle-total ul li strong						{color:#000;}
.shuttle-total p								{position:absolute; bottom:15px; right:10px; font-weight:bold; font-size:18px; color:#c70000; text-align:right;}


.alignLeft										{padding:5px !important; text-align:left !important;}
.remark											{display:block; margin-top:5px; font-size:11px; color:#da7979; letter-spacing:-1px; line-height:14px;}

.remark-dl										{margin-top:5px; padding:0; width:auto; height:auto; text-align:left;}
.remark-dl dd									{margin:0; padding:1px 0; width:auto; height:auto; font-size:10px; color:#555; line-height:14px;}

.shuttle-text									{margin-bottom:15px; padding:0; width:auto; height:auto; text-align:left;}
.shuttle-text dt								{margin-bottom:8px; padding:0; font-size:13px; font-weight:bold; color:#277b76; line-height:16px; letter-spacing:-1px;}
.shuttle-text dd								{margin-bottom:3px; padding-left:5px; font-size:11px; color:#83a6a4; line-height:14px;}


/* 2015-12-21 */
.contents										{margin:0; padding:10px; width:auto; height:auto; background-color:#ededed;}

.shop-board										{margin:0; padding:0; width:auto; height:auto;}
.shop-board li									{margin-bottom:10px; padding:15px; width:auto; height:auto; border:1px solid #d5d5d5; background-color:#fff; cursor:pointer;}
.shop-board li h1								{margin:0 0 20px 0; padding:; font-size:1.25em; font-weight:bold; color:#277b76; line-height:1.125em;}
.shop-board li img								{display:block; margin-bottom:15px; width:100%; height:auto;}
.shop-board li .text-contents					{margin-bottom:15px; font-size:1em; color:#333; line-height:1.4em;}
.shop-board dl									{margin:0 -15px -15px; padding:0; width:auto; height:auto; border-top:1px solid #ededed; background-color:#fafafa;}
.shop-board dl:after							{content:""; display:block; float:none; clear:both;}
.shop-board dl dt,
.shop-board dl dd								{display:table; float:left;}
.shop-board dl dt								{width:50%;}
.shop-board dl dd								{width:50%;}
.shop-board dl dt span,
.shop-board dl dd span							{display:table-cell; vertical-align:middle; padding:0 15px; height:30px; font-size:1em; color:#6c6c6c;}
.shop-board dl dd span							{text-align:right;}


/* 게시글 더보기 */
.btn-more										{display:block; vertical-align:middle; margin:0; padding:0; width:auto; font:bold 1.3em/50px Nanum Gothic; color:rgba(0,0,0,.15); background-color:rgba(255,255,255,.7); cursor:pointer; text-align:center;}


/* 게시판 읽기 */
.board-view										{margin:10px; padding-bottom:10px; width:auto; height:auto; border-bottom:1px solid #eee;}
.board-view > dt								{margin-bottom:5px; padding:; font-size:1.25em; font-weight:bold; color:#277b76; line-height:1.125em;}
.board-view > dd								{font-size:1em; color:#6c6c6c;}
.board-view > dd span							{display:inline-block; margin:0 5px; padding:0; font-size:0.8em; color:#ccc;}
.board-content									{margin:0; padding:10px 10px 20px; width:auto; height:auto; font-size:1.125em; color:#333; line-height:1.5em; border-bottom:1px solid #eee;}
.board-content img								{width:100%; height:auto;}

.board-ctl										{margin:0; padding:0; width:auto; height:auto;}
.board-ctl > dl									{margin:0; padding:0; width:auto; height:auto; border-bottom:1px solid #eee;}
.board-ctl > dl:after							{content:""; display:block; float:none; clear:both;}
.board-ctl > dl > dt,
.board-ctl > dl > dd							{float:left; margin:0; padding:5px 0; font-size:1em; line-height:30px;}
.board-ctl > dl > dt							{width:25%; background-color:#fafafa;}
.board-ctl > dl > dd							{width:75%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-ctl > dl > dt span,
.board-ctl > dl > dd span						{display:block; padding:0 10px; width:auto;}


/* Btn Style */
.btn-style01									{display:block; vertical-align:middle; margin:20px auto 40px; padding:0 20px; width:50%; font:bold 1.3em/40px Nanum Gothic; cursor:pointer; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.btn-style02									{display:block; vertical-align:middle; margin:20px; padding:0; width:auto; font:bold 1.3em/40px Nanum Gothic; cursor:pointer; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}


/* Btn Color */
.btn-color01									{color:#fff; background-color:#93ba47;}
.btn-color02									{color:#fff; background-color:#ec5c5b;}
.btn-color03									{color:#fff; background-color:#5b9bd5;}


/* 시즌권 등록정보 */
hr												{display:block; margin:20px 0; padding:0; width:auto; border-top:1px dashed #ccc; border-bottom:none; border-left:none; border-right:none;}
.mem-info										{position:relative; margin:0; padding:5px 5px 0; width:auto; height:auto; background-color:#f3941e;}
.mem-info > p									{position:absolute; top:5px; left:5px; z-index:10; display:block; width:80px; height:90px;}
.mem-info > p img								{width:100%; height:100%;}
.mem-info > dl									{margin:0 0 5px 90px; padding-bottom:5px; width:auto; height:auto; border-bottom:1px solid #fff;}
.mem-info > dl:last-child						{border-bottom:none;}
.mem-info > dl:after							{content:""; display:block; float:none; clear:both;}
.mem-info > dl > dt,
.mem-info > dl > dd								{float:left; margin:0; padding:0; font-size:0.875em; color:#fff; line-height:1em;}
.mem-info > dl > dt								{width:30%;}
.mem-info > dl > dd								{width:70%;}

.rank-info										{margin:0; padding:5px 5px 0; width:auto; height:auto; background-color:#1b99a8;}
.rank-info > dl									{margin-bottom:5px; padding-bottom:5px; width:auto; height:auto; border-bottom:1px solid #fff;}
.rank-info > dl:last-child						{border-bottom:none;}
.rank-info > dl:after							{content:""; display:block; float:none; clear:both;}
.rank-info > dl > dt,
.rank-info > dl > dd							{float:left; margin:0; padding:0; font-size:0.875em; color:#fff; line-height:1.2em;}
.rank-info > dl > dt							{width:40%;}
.rank-info > dl > dd							{width:60%;}

.st-graph										{margin:5px 0 15px; padding:0; width:auto; height:auto; border:1px solid #333;}

.total-visit									{margin-bottom:20px; padding:5px 10px; width:auto; height:auto; background-color:#f39801;}
.total-visit > dl								{margin:0; padding:5px; width:auto; height:auto;}
.total-visit > dl:last-child					{border-bottom:none;}
.total-visit > dl:after							{content:""; display:block; float:none; clear:both;}
.total-visit > dl > dt,
.total-visit > dl > dd							{float:left; margin:0; padding:0; font-size:0.875em; color:#fff; line-height:1.2em;}
.total-visit > dl > dt							{width:55%;}
.total-visit > dl > dd							{width:45%;}
.total-visit > dl > dd > span					{display:inline-block; margin-right:10px; color:rgba(255,255,255,.4);}


/* Table Type00 */
.table-type00									{margin:0; padding:5px; width:auto; height:auto;}
.table-type00 > span							{display:block; margin-top:3px; font-size:0.875em; color:#fff; text-align:right;}
.table-type00 table								{margin:0; padding:0; width:100%; height:auto; text-align:center;}
.table-type00 table th,
.table-type00 table td							{padding:5px; height:24px; font-size:1em; color:#fff; line-height:1.2em; border:1px solid #efefef;}
.table-type00 table.td-left td					{vertical-align:top; text-align:left;}

.table-bg01										{background-color:#b22873;}
.table-bg02										{background-color:#134288;}
.table-bg03										{background-color:#1e99a9;}
.table-bg04										{background-color:#930784;}
.table-bg05										{background-color:#134288;}


/* Table Calendar */
.statement										{margin:0; padding:0; width:auto; height:auto;}
table.calendar									{margin:0; padding:0; width:100%; height:auto; font-size:0.875em; color:#333;}
table.calendar th								{padding:5px 0; border:1px solid #f39800; text-align:center;}
table.calendar th.sunday						{color:#be2f11;}
table.calendar td								{vertical-align:top; padding:0; height:40px; border:1px solid #f39800; text-align:right;}
table.calendar td span							{display:block; padding:3px; width:auto; height:100%;}
table.calendar td.sunday span					{color:#be2f11 !important;}
table.calendar td.on							{background:url('/img/Myzone/cleander_check.jpg') no-repeat; background-size:100% auto;}

.date-selection									{margin:15px 0 5px; padding:0; width:auto; height:auto; text-align:center;}
.date-selection P								{display:inline-block; vertical-align:middle; margin:0 10px; font:bold 1.2em/30px Nanum Gothic; color:#000;}
.date-selection a								{display:inline-block; vertical-align:middle; width:15px; height:15px; text-indent:-9999px; cursor:pointer; background:url('/img/Myzone/month-arrow.png') no-repeat; background-size:cover;}
.date-selection a.prev							{background-position:left 0;}
.date-selection a.next							{background-position:right 0;}

/*운영일정 캘린더 (2017-12-13)*/
#SKIBOARD .SlopeCondition .cal-head tr td						 {height:40px; padding-bottom:10px;}
#SKIBOARD .SlopeCondition .cal-head tr td span					 {font-size:17px; font-weight:bold;}
#SKIBOARD .SlopeCondition .cal-head tr td button.cal-prev		 {border:none; text-indent:-9999px; background:url(/img/skiboard/btn-prev.png) no-repeat; width:12px; height:20px;}
#SKIBOARD .SlopeCondition .cal-head tr td button.cal-next		 {border:none; text-indent:-9999px; background:url(/img/skiboard/btn-next.png) no-repeat; width:12px; height:20px;}
.cal-data .allday												 {border-bottom:2px solid #408984;}
.cal-data .allday td											 {padding-bottom:6px; padding-left:4px;}
.cal-data .allday .sunday										 {color:#ec5d56;}
.cal-data .caltd												 {width:14.2%; height:68px; padding:6px 4px 0px 4px; text-align:left; border:1px solid #eaeaea; vertical-align:top; font-size:1.5em; color:#010101; position:relative;}
.cal-data span.today											 {background:#408984; color:#fff; padding:2px; border-radius:200px;}
.cal-data .nottm												 {color:#ccc;}
.cal-data .sunday												 {color:#ec5d56;}
.cal-data tr td .schedule										 {position:absolute; top:26px;}
.cal-data .schedule span										 {font-size:11px; padding:2px; color:#fff; display:inline-block; margin-bottom:3px;}
.cal-data .schedule span.s-day									 {background:#ee923f;}
.cal-data .schedule span.s-night								 {background:#c9ce6a;}
.cal-data .schedule span.s-dawn									 {background:#df5a49;}
.cal-data .schedule span.s-all									 {background:#59c0c1;}

.time-table														 {padding:30px 0;}
.time-table p													 {padding-bottom:6px; font-size:13px; font-weight:bold;}
.time-table table tr th											 {border-top:2px solid #408984; border-bottom:1px solid #eaeaea; padding:8px 0; text-align:center; background:#fefefe;}
.time-table table tr td											 {border-bottom:1px solid #eaeaea; padding:8px 0; text-align:center;}
.time-table table tr td	span									 {font-size:12px; padding:2px; color:#fff;}
.time-table table tr td	span.s-day								 {background:#ee923f;}
.time-table table tr td	span.s-night							 {background:#c9ce6a;}
.time-table table tr td	span.s-dawn								 {background:#df5a49;}
.time-table table tr td	span.s-all								 {background:#59c0c1;}

/*아이디,비밀번호 찾기 (2017-12-18)*/
.login-box{width:100%;height:100%;}
.login-box > .find-tab{width:100%; height:50px;}
.login-box > .find-tab > ul:after{display:block; clear:both; content:'';}
.login-box > .find-tab > ul > li{width:50%; float:left; height:50px; text-align:center; line-height:50px; border-bottom:2px solid #ccc; color:#ccc; font-size:15px;}
.login-box > .find-tab > ul > li.on{color:#296b68; border-bottom:2px solid #296b68; font-weight:bold;}
.login-box > p{text-align:center; font:14px; color:#fff;}
.login-box > p.login-logo{padding:35px 0 10px 0;}
.login-input{margin:20px auto; width:90%; padding:10px;}
.login-input div{width:100%; text-align:center;}

.login-input > .login-id{text-align:center; width:100%; height:100%; position:relative;  margin:0 auto; background:#fff; border-bottom:1px solid #ddd;}
.login-input > .login-id dl:after{display:block; clear:both; content:'';}
.login-input > .login-id dt {width:18%; float:left; height:30px; line-height:30px; text-align:left; color:#555; font-weight:bold; padding:8px 0;}
.login-input > .login-id dd {width:82%; float:left; text-align:left; padding:8px 0;}
.login-input > .login-id dd > input{height:30px; border:1px solid #ccc; color:#444; font-size:15px; background:#fff; line-height:30px; box-sizing:border-box;}
.login-input > .login-pw{text-align:center; width:100%; height:100%; position:relative;  margin:0 auto; background:#fff; border-bottom:1px solid #ddd;}
.login-input > .login-pw dl:after{display:block; clear:both; content:'';}
.login-input > .login-pw dt {width:18%; float:left; height:30px; line-height:30px; text-align:left; color:#555; font-weight:bold; padding:8px 0;}
.login-input > .login-pw dd {width:82%; float:left; text-align:left; vertical-align:middle; padding:8px 0;}
.login-input > .login-pw dd > span{display:inline-block; height:30px; line-height:30px;}
.login-input > .login-pw dd > #select_box {display:inline-block; vertical-align:middle; position:relative; height:28px; border:1px solid #ccc; background:#fff url('/img/members/selectbox-arrow.png')right center no-repeat; background-size:25px 28px;}
.login-input > .login-pw dd > #select_box label{position:absolute; top:0; left:5px; padding:0; color:#333; line-height:28px;}
.login-input > .login-pw dd > #select_box .selectBox{margin:0; padding-left:5px; width:100%; height:30px; opacity:0;}
.login-input > .login-pw dd > input{height:30px; border:1px solid #ccc; color:#444; font-size:15px; background:#fff; line-height:30px; box-sizing:border-box;}
.login-input > .login-pw > button {position: absolute; right:0px; top:2px; z-index: 10; padding:10px 6px; background:#bbb; border:none; color:#fff; border-radius:3px;}
.login-input > .login-pw > button.confirm {position: absolute; right:0px; top:7px; z-index: 10; padding:8px 4px; background:#296b68; border:none; color:#fff; border-radius:3px; font-size:12px;}
.login-input > p {text-align:center;}
.login-box > p > button{padding:15px; width:90%; color:#fff; font-weight:bold; background:#123b50; border-radius:3px; border:none; font-size:14px;}
.login-box > p.agree-check{color:#444; margin:0 10px 10px 0; text-align:center; font-size:14px;}
.login-box > p.agree-check input[type="checkbox"]{	
	-webkit-appearance:checkbox;
	box-sizing border-box;
	color:#ccc;
	margin-right:10px;
	width:20px;
	height:20px;
	background:#fff; 
	border:2px solid #cccccc;
}

.login-disc{text-align:left; padding:0px 30px; margin-bottom:30px;}
.login-disc > p{color:#555; font-size:13px; margin-bottom:5px; margin:0 auto; width:90%; line-height:20px;}

.wrap-confirm		{width:90%; margin:40px auto;}
.wrap-confirm p		{text-align:center;}
.wrap-confirm p	> img	{width:152px;}
.wrap-confirm dl		{margin:0px auto; margin-top:40px; width:90%;}
.wrap-confirm dl > dt	{color:#123b50; margin-bottom:10px; text-align:center; font-size:15px; font-weight:bold;}
.wrap-confirm dl > dd	{color:#999; margin-bottom:20px; text-align:center; font-size:13px;}
.wrap-confirm div.confirm-id		{width:80%; background:#f5f5f5; margin:0 auto; margin-top:30px; padding:20px;} 
.wrap-confirm div.confirm-id p		{background:#296b68; border-radius:3px; padding:10px; color:#fff; font-size:15px; font-weight:bold; margin-bottom:5px; text-align:center;}
.wrap-confirm div.confirm-id button	{width:100%; padding:15px; color:#fff; font-weight:bold; background:#123b50; border-radius:3px; border:none; font-size:14px; margin-top:20px;}
.wrap-confirm div.confirm-id button.btn1	{background:#bbb; margin-top:5px;}
.wrap-confirm div.confirm-id dl	{border-bottom:1px solid #f1f1f1; background:#fff; margin-top:0px; width:100%;}
.wrap-confirm div.confirm-id dl:after{display:block; clear:both; content:'';}
.wrap-confirm div.confirm-id dt	{width:50%; float:left; height:40px; line-height:40px; text-align:left; color:#555; font-weight:bold; margin-bottom:0px; font-size:13px; text-indent:10px;}
.wrap-confirm div.confirm-id dd {width:50%; float:left; text-align:left; vertical-align:middle; margin-bottom:0px;}
.wrap-confirm div.confirm-id dd input{width:90%; height:40px; border:none; color:#444; font-size:15px; background:#fff; vertical-align:middle; line-height:40px;}
.wrap-confirm div.confirm-id p input{border:none; color:#444; font-size:15px; background:#fff; vertical-align:middle; line-height:40px;}