/* 초기화! */
body,div,dl,dt,dd,ul,ol,menu,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p {margin:0; padding:0; font-size:100%; font-family:'Dotum','돋움';}
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary{display:block;}
dl,dt,dd,ul,ol,menu,li{list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0; padding:0;}
img {vertical-align:top;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
form {margin:0;}
a {text-decoration:none;}
/* 플롯 해제 */
.clearFix:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearFix {display:inline-block;}
* html .clearFix {height:1%;}
.clearFix {display:block;}
/* 플롯 해제 */
caption, legend, .skip, hr {display:none;}
input, textarea {outline-style:none; resize:none;}
body{background:url(/resource/images/btn_navbg.png) repeat-x;}
#container{width:100%; min-width:1180px; overflow:hidden;}
#gnb{width:1200px; margin:0 auto 0; position:relative; z-index:2;}
#gnb h1, #gnb .nav{float:left;}
#gnb .nav .depth1-item{position:relative; float:left;}
#gnb .nav .depth1-item .over{position:absolute; left:0; top:0; display:none;}
#gnb .nav .depth2-item{width:100%; position:absolute; left:0; top:110px; background-color:#fff; display:none;border:0px solid #FF0000;margin-left:10px;}
#gnb .nav .depth2-item a{display:block; height:22px; line-height:23px; font-size:12px; color:#8a8a8a; border-top:1px solid #e5e5e5; padding-left:10px;}
#gnb .nav .depth2-item a.fir{border-top:none;}
#gnb .nav .depth2-item a:hover{background-color:#f7ada9; color:#fff;}

#footer{height:451px; background:url('../images/ico_footer_bg_03.png') repeat-x;}
#footer .visual{height:536px; background:url('../images/bg_footer_visiaul.png') no-repeat center top;display:none;}
#footer .visual ul{width:1180px; height:536px; margin:0 auto 0; position:relative; overflow:hidden;}
#footer .visual ul li{position:absolute; top:287px;}
#footer .visual ul li.link1{left:3px;}
#footer .visual ul li.link2{left:155px;}
#footer .visual ul li.link3{left:310px;}

#footer .footer-banner{width:1180px; height:261px; margin:0 auto 0; padding-top:42px; overflow:hidden;}
#footer .footer-banner p{height:230px; float:left;}
#footer .footer-banner .before-after{float:left; width:213px; margin-left:38px;}
#footer .footer-banner .before-after .img-stage{width:213px; height:143px; position:relative; top:7px; overflow:hidden;}
#footer .footer-banner .before-after .img-stage li{display:none; position:absolute; left:0; top:0;}
#footer .footer-banner .before-after .img-stage li.sect{display:block;}
#footer .footer-banner .before-after .img-stage .move{position:absolute; top:57px;}
#footer .footer-banner .before-after .img-stage .prev{left:6px;}
#footer .footer-banner .before-after .img-stage .next{right:6px;}
#footer .etc{width:1180px; height:148px; margin:0 auto 0; overflow:hidden;}
#footer .etc p.cs, #footer .etc .unit{float:left;}
#footer .etc .unit{height:111px; margin-top:13px; padding-top:11px; border-left:1px solid #7e7e7e; overflow:hidden;}
#footer .etc .helpdesk{width:278px; padding-left:29px;}
#footer .etc .helpdesk p{padding-top:10px;}
#footer .etc .helpdesk p a{margin-right:7px;}
#footer .etc .experience{width:226px; padding-left:37px;}
#footer .etc .experience ul{padding-top:16px;}
#footer .etc .experience li{height:18px;}
#footer .etc .experience a{font-size:11px; padding-left:7px; color:#a1a19f; background:url('../images/ico_bul_w.png') no-repeat left 3px;}
#footer .etc .sns{width:340px; padding-left:27px;}
#footer .etc .sns p{padding-top:15px;}
#footer address{width:1180px; margin:0 auto 0;}

#sider-bar{position:absolute; right:0; top:110px;}
#sider-bar li a{display:block; position:relative; cursor:pointer;}
#sider-bar .shadow_icon{display:none; position:absolute; left:0; top:0;}
#sider-bar .side-unit{position:absolute; right:0; top:0;}

.bannerslide-wrap{height:255px;}
#main-banner-slider-container { width:100%; height:255px; background:#fff; overflow:hidden; position:absolute; }
#main-banner-slider-container .wrapper { width:100%; height:255px; position:absolute; }
#main-banner-slider-content { width:1180px; height:255px; top:0px; margin:0 auto; position:relative; }
#main-banner-slider { float:left; height:255px; cursor:pointer; position:relative; }
#main-banner-slider ul { margin:0; padding:0; height:255px; position:absolute; }
#main-banner-slider ul li { list-style:none; float:left; width:272px; height:255px; position:relative; }
#main-banner-slider ul li.depthUp { z-index:1; }
#main-banner-slider ul li img.photo { width:272px; height:255px; top:0px; left:0px; position:absolute; }

.main{height:692px; background:url('../images/bg_main_cts.png') repeat-x;}
.main .main-cts{width:1180px; height:692px; margin:0 auto 0; background-color:#fff;}
.main .main-cts .top{height:282px;}
.main .main-cts .unit{float:left;}
.main .main-cts .top .unit{padding:25px 0 0 20px; height:257px;}
.main .main-cts .top .unit1{width:370px;}
.main .main-cts .top .unit1 .cts{width:332px; overflow:hidden;}
.main .main-cts .top .unit1 .cts ul{width:332px; height:83px; overflow:hidden;}
.main .main-cts .top .unit1 .cts li{float:left;}
.main .main-cts .top .unit2{width:417px;}
.main .main-cts .top .unit2 .cts{width:375px; overflow:hidden;}
.main .main-cts .top .unit2 .cts ul{width:375px; height:187px; position:relative; overflow:hidden;}
.main .main-cts .top .unit2 .cts ul li{position:absolute; left:0; top:0; display:none;}
.main .main-cts .top .unit2 .cts ul li.sect{display:block;}
.main .main-cts .top .unit2 .cts ol{height:8px; padding:8px 0 0 0; overflow:hidden;}
.main .main-cts .top .unit2 .cts ol li{width:8px; height:8px; margin-right:10px; float:left; overflow:hidden;}
.main .main-cts .top .unit2 .cts ol li a{display:block;}
.main .main-cts .top .unit2 .cts ol li.sect a{margin-top:-8px;}

.main .main-cts .bottom{height:410px; overflow:hidden;}
.main .main-cts .bottom .unit{float:left; position:relative; overflow:hidden;}
.main .main-cts .bottom .unit a, .main .main-cts .bottom .unit img{display:block;}
.main .main-cts .bottom .unit .over{overflow:hidden; top:410px; height:0px; position:absolute;}
.main .main-cts .bottom .unit .over div{top:-410px; position:relative;}

.sub-main{width:1180px; margin:0 auto 0; padding:0 0 0px 0;}
.sub-main .visual{position:relative; height:495px}
.sub-main .visual span{display:block; position:absolute; left:0; top:0; margin-left:-364px;}
.sub-main h2{height:55px; padding:30px 0 0 10px;}
.sub-main .sub-contents{position:relative;}

.sub-side-container{position:absolute; right:0; top:0;}
.sub-side{position:relative;}
.sub-side a{display:block;}
.sub-contents .paging{width:870px;}

.view-cts{width:870px; overflow:hidden;}
.view-cts .dete, .view-cts .title{display:block;}
.view-cts .dete{height:18px; padding:2px 0 0 0; text-align:right; font-family:Tahoma; font-size:14px; color:#666;}
.view-cts .title{padding:10px 10px 7px; color:#666; font-size:16px; background-color:#e7e7e7; line-height:140%;}
.print-section{padding:40px 15px 30px; line-height:140%; font-size:14px; color:#666;}
.print-section p{padding-bottom:50px;}
.print-section p.img{text-align:center;}
.view-title{color:#680027; background-color:#ffd7e6;}

.board{width:870px;}
.board fieldset select, .board fieldset input, .board fieldset a, .board fieldset img{vertical-align:middle;}
.board fieldset{text-align:right; padding:0 0 15px 0;}
.board fieldset input{width:165px; border:1px solid #cecece; height:18px; line-height:20px;}
.board fieldset select{width:70px; height:20px;}
.board table{width:100%; border-top:2px solid #e77c76;}
.board table th, .board table td, .board table td a{font-size:13px; color:#797979; text-align:center; font-weight:normal;}
.board table th, .board table td{padding:13px 0 10px 0;}
.board table th{border-bottom:1px solid #c9c9c9; border-left:1px solid #c9c9c9;}
.board table td{border-bottom:1px solid #ddd; border-left:1px solid #fff;}
.board table .fir{border-left:none;}
.board table td.subject{text-align:left;}
.board table td.subject a{margin-left:20px;}

.paging{padding:30px 0; text-align:center;}
.paging span, .paging strong, .paging a, .paging img{vertical-align:middle;}
.paging span{position:relative; top:-3px; padding:0 5px;}
.paging a{font-size:12px; color:#6d6b69;}
.paging strong{font-size:12px; color:#e77c76; letter-spacing:-1px;}
.paging a.num{padding:0 2px;}
.paging a.num:hover{font-weight:bold; color:#e77c76; letter-spacing:-1px;}

.header-tab{padding:30px 0 0 0; height:55px; overflow:hidden;}
.header-tab a{float:left;}
.modify-section{width:820px; overflow:hidden;}
.modify-section .modify-tab{height:85px; overflow:hidden; margin-left:-8px;}
.modify-section .modify-tab li{float:left; margin-left:8px;}
.modify-section .modify-field{padding:30px; background-color:#fbfbfb;}
.modify-section .modify-field h4{padding:0 0 15px 0;}
.modify-section .modify-field h5{padding:0 0 10px 0;}
.modify-section .modify-field fieldset{padding:0 30px;}
.modify-section .modify-field fieldset table{width:100%; border-top:3px solid #8a8a8a; border-bottom:3px solid #8a8a8a;}
.modify-section .modify-field fieldset img{vertical-align:top;}
.modify-section .modify-field fieldset th, .modify-section .modify-field fieldset td{padding:15px 0 13px; background-color:#fff; border-bottom:1px solid #f0f0f0;}
.modify-section .modify-field fieldset th{text-align:center;}
.modify-section .modify-field fieldset th strong{display:block; padding-left:20px; text-align:left;}
.modify-section .modify-field fieldset td{color:#646464; font-size:13px;}
.modify-section .modify-field fieldset td img{vertical-align:middle;}
.modify-section .modify-field fieldset td em{color:#e46c6d;}
.modify-section .modify-field fieldset td input.text{border:1px solid #d3d3d3; height:18px; line-height:19px;}
.modify-section .modify-field fieldset td select{height:20px;}
.btn-cen{text-align:center; padding:30px 0;}

.find-tab{width:100%; height:57px; background-color:#fcc0c3; border-top:1px solid #fffbfb; overflow:hidden;}
.find-tab li{float:left;}
.find-section {width:820px; overflow:hidden;}
.find-section .find-field{padding:50px 0; background-color:#fbfbfb;}
.find-section .find-field fieldset{width:530px; margin:0 auto 0;}
.find-section .find-field fieldset div{padding:27px 0 7px 35px; border:1px solid #f8f8f8; background-color:#fff;}
.find-section .find-field fieldset th, .find-section .find-field fieldset td{padding:0 0 17px 0; color:#a3a3a3; font-size:12px;}
.find-section .find-field fieldset td select, .find-section .find-field fieldset td input{vertical-align:middle;}
.find-section .find-field fieldset td select{height:20px;}
.find-section .find-field fieldset td input{border:1px solid #ccc; height:18px;}

.join-section {width:820px; overflow:hidden;}
.join-section .join-field{padding:35px 30px; background-color:#fbfbfb;}
.join-section .rule-area{margin:0 30px; padding:30px 0 0; font-size:12px; color:#a2a2a2;}
.join-section .rule-area input{position:relative; top:2px;}
.join-section .rule-area .all-check{display:block; text-align:right;}
.join-section .rule-area li{padding:20px 0 10px;}
.join-section .rule-area h5{padding:0 0 7px 0;}
.join-section .rule-area .print{border:2px solid #f2f2f2; background-color:#fff; height:115px; padding:30px; overflow:auto;}
.join-section .rule-area .agreebox{padding:20px 0;}
.join-section .rule-area .commt{text-align:right; padding-bottom:20px;}

.join-section .join-field h4{padding:0 0 15px 0;}
.join-section .join-field h5{padding:0 0 10px 0;}
.join-section .join-field fieldset{padding:0 30px;}
.join-section .join-field fieldset table{width:100%; border-top:3px solid #8a8a8a; border-bottom:3px solid #8a8a8a;}
.join-section .join-field fieldset img{vertical-align:top;}
.join-section .join-field fieldset th, .join-section .join-field fieldset td{padding:15px 0 13px; background-color:#fff; border-bottom:1px solid #f0f0f0;}
.join-section .join-field fieldset th{text-align:center;}
.join-section .join-field fieldset th strong{display:block; padding-left:20px; text-align:left;}
.join-section .join-field fieldset td{color:#646464; font-size:13px;}
.join-section .join-field fieldset td img{vertical-align:middle;}
.join-section .join-field fieldset td em{color:#e46c6d;}
.join-section .join-field fieldset td input.text{border:1px solid #d3d3d3; height:18px; line-height:19px;}
.join-section .join-field fieldset td select{height:20px;}
.shadow{width:1px; height:1px; position:absolute; left:0; top:0; background:url('../images/ico_shadow.png') repeat; z-index:10; display:none;}
.pop-idcheck{width:327px; height:165px; position:fixed; top:50%; left:50%; margin:-83px 0 0 -163px; background:url('../images/bg_id_check.png') repeat; z-index:11; display:block; display:none;}
.pop-idcheck fieldset{padding:103px 0 0 45px; overflow:hidden;}
.pop-idcheck fieldset input, .pop-idcheck fieldset a{float:left;}
.pop-idcheck fieldset input{width:177px; height:20px; margin-top:2px; line-height:20px; border:transparent;}
.pop-idcheck fieldset a{width:65px; height:23px; margin-left:6px;}

.unit-close{position:absolute; right:7px; top:11px;}
.unit-pop-bg{width:1px; height:1px; position:absolute; left:0; top:0; background:url('../images/ico_unit_pop_bg.png') repeat; z-index:10; display:none;}
.side-unit-cts{width:0px; overflow:hidden;}
.agree-box{padding:25px 0 0 0; height:45px; font-size:14px;}
.agree-box label, .agree-box img, .agree-box a{vertical-align:middle; color:#8d8d8d;}
.agree-box label{margin-right:10px;}
.side-unit-cts .unit{padding:20px 40px 0;}
.side-unit-cts .unit fieldset{padding:30px 0 0 0;}
.side-unit-cts .unit fieldset table{width:100%;}
.side-unit-cts .unit fieldset th, .side-unit-cts .unit fieldset td{padding-bottom:20px; color:#696969; font-size:12px; vertical-align:top;}
.side-unit-cts .unit fieldset th{width:67px;}
.side-unit-cts .unit fieldset td .text{height:21px; border:1px solid #cacaca;}
.side-unit-cts .unit fieldset td select{height:23px;}
.side-unit-cts .unit fieldset td textarea{width:260px; height:110px; border:1px solid #cacaca; overflow:auto;}
.side-unit-cts{height:385px; background-color:#eee;}
.sms-pop{width:600px; height:700px; position:fixed; left:50%; top:50%;  margin:-350px 0 0 -300px; background-color:#fafafa; z-index:11;}
.sms-pop .sms-form{padding:20px 55px 0;}
.sms-pop .sms-form fieldset{padding:35px 0 0 0;}
.sms-pop .sms-form fieldset textarea{border:1px solid #cfcfcf; width:100%; height:175px; overflow:auto; font-size:12px; margin:10px 0 22px;}
.sms-pop .sms-form fieldset table{width:100%;}
.sms-pop .sms-form fieldset th, .sms-pop .sms-form fieldset td{padding-bottom:17px;}
.sms-pop .sms-form fieldset td input{height:41px; border:1px solid #cfcfcf;}
.sms-pop .sms-form fieldset th{width:105px;}
.sms-pop .sms-form fieldset .agree-box{height:80px;}

.sub-tab{overflow:hidden;}
.sub-tab a{float:left; padding:10px 10px 8px; margin-right:1px; font-weight:bold; color:#fff; background-color:#c0c0c0; font-size:13px;}
.sub-tab a:hover, .sub-tab a.sect{background-color:#e37a7a;}

.sub-main-header{width:870px; overflow:hidden;}
.sub-main-header h2{float:left;}
.sub-main-header fieldset{float:right; margin-top:40px;}
.sub-main-header fieldset select, .sub-main-header fieldset input, .sub-main-header fieldset a, .board fieldset img{vertical-align:middle;}
.sub-main-header fieldset{text-align:right; padding:0 0 15px 0;}
.sub-main-header fieldset input{width:165px; border:1px solid #cecece; height:18px; line-height:20px;}
.sub-main-header fieldset select{width:70px; height:20px;}

.write-board{width:870px;}
.write-board table{width:100%; border-top:2px solid #e77c76;}
.write-board table th, .write-board table td{font-size:13px; color:#797979; padding:13px 0 10px 0; border-bottom:1px solid #c9c9c9;}
.write-board table th{border-right:1px solid #c9c9c9; width:140px; text-align:center;}
.write-board table th.left{border-left:1px solid #c9c9c9;}
.write-board table td .label-check{margin-left:10px;}
.write-board table td .label-check input{position:relative; top:2px;}
.write-board table td .text{margin-left:10px; height:22px; border:1px solid #c9c9c9;}
.write-board table td .text-area{padding-left:10px;}
.write-board table td .write-view{padding:30px 20px; line-height:140%;}
.write-board .btn-box{text-align:right; padding:30px 0;}

.reservation-section{width:869px;}
.reservation-section .reservation-step{height:341px; padding:35px 0 0 0;}
.reservation-section .reservation-step .step1{float:left; width:468px;}
.reservation-section .reservation-step .step2{float:right; width:373px;}
.reservation-section .carenda{background-color:#fafafa;}
.reservation-section .carenda .carenda-header{text-align:center; border:1px solid #e6e6e6; padding:10px 0 10px;}
.reservation-section .carenda .carenda-header strong, .reservation-section .carenda .carenda-header a, .reservation-section .carenda .carenda-header img{vertical-align:middle;}
.reservation-section .carenda .carenda-header strong, .reservation-section .carenda .carenda-header a{display:inline-block; margin:0 -2px;}
.reservation-section .carenda .carenda-header strong{color:#303030;}
.reservation-section .carenda table{width:100%;border-left:1px solid #e6e6e6;}
.reservation-section .carenda th, .reservation-section .carenda td{border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.reservation-section .carenda th{padding:5px 0 3px;font-size:11px; color:#5b6075; text-align:center;}
.reservation-section .carenda td{height:42px; vertical-align:top; font-size:11px; font-weight:bold;}
.reservation-section .carenda td a{display:block; height:32px; padding:5px; color:#414141;}
.reservation-section .carenda .v{color:#ed1c24;}
.reservation-section .carenda .b{color:#c0c0bb;}

.reservation-section .time-select{border:1px solid #e6e6e6; height:256px; padding:20px 0 0 25px;}
.reservation-section .time-select .select-commt{font-size:12px; color:#6c6c6c; display:block; height:63px;}
.reservation-section .time-select table{width:100%;}
.reservation-section .time-select th, .reservation-section .time-select td{padding-bottom:25px; font-size:12px; color:#6c6c6c;}
.reservation-section .time-select th{width:75px;}

.reservation-section .step3 .rule-box{padding:25px 0; border:1px solid #e6e6e6;}
.reservation-section .step3 table{width:100%;}
.reservation-section .step3 th, .reservation-section .step3 td{padding:0 0 20px 0;}
.reservation-section .step3 th{width:142px; vertical-align:top; text-align:right;}
.reservation-section .step3 th img{margin:5px 15px 0 0;}
.reservation-section .step3 td{font-size:12px; color:#575757;}
.reservation-section .step3 .step3-unit{padding-right:45px;}
.reservation-section .step3 .step3-unit textarea{width:100%; height:75px; overflow:auto; border:1px solid #d4d4d4;}
.reservation-section .step3 .step3-unit select{height:21px;}
.reservation-section .step3 .step3-unit .text{height:19px; border:1px solid #d4d4d4;}
.reservation-section .step3 .step3-unit p{padding:15px 0 0; text-align:center; font-size:12px;}
.reservation-section .step3 .step3-unit p input{position:relative; top:2px;}
.reservation-section .step3 .step3-unit input, .reservation-section .step3 .step3-unit span, .reservation-section .step3 .step3-unit select{vertical-align:bottom;}
.reservation-section .step3 .step3-unit span{font-size:11px;}
.reservation-section .btn-box{text-align:center; padding:20px 0;}
.reservationok{width:585px; height:336px; position:fixed; left:50%; top:50%;  margin:-292px 0 0 -250px; z-index:11; display:none;}

.search-filter select, .search-filter input, .search-filter a, .search-filter img{vertical-align:middle;}
.search-filter{text-align:center; padding:0 0 15px 0;}
.search-filter input{width:165px; border:1px solid #cecece; height:18px; line-height:20px;}
.search-filter select{width:70px; height:20px;}

.print-rules{width:800px; height:600px; padding:15px; font-size:12px; border:1px solid #dedede; overflow:auto;}