/** 웹 **/


@media all and (min-width:641px) {
#mobile{display:none;}
html,body{
	height:100%;
}
body{
	font-family:'나눔고딕',sans-serif;
	font-size:12px;
}
html,body,div,h1,h2,h3,h4,h5,p,dl,dt,dd,ul,ol,li,table,tr,td,th,form,fieldset,button,input,select,hr,textarea{
	margin:0;
	padding:0
}
a{
	text-decoration:none
}
li{
	list-style:none
}
input[type="text"],input[type="password"]{
}
input,select,button,label{
	vertical-align:middle;
}
input[type="submit"]{
	background:#999;
	border:0;
	cursor:pointer
}
img{
	border:0;
}
address{
	font-style:normal;
}
.clear{
	float:none !important;
	width:0 !important;
	height:0 !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	clear:both;
}





.new_title {width:740px; padding:10px; background:#1a79e0; margin:0 auto; color:#fff; font:bold 16px dotum,Arial;}
.new_title_rw3 {width:740px; padding:10px; background:#ff9000; margin:0 auto; color:#fff; font:bold 16px dotum,Arial;}

.old_title {width:740px; padding:10px; background:#0147b1; margin:0 auto; color:#fff; font:bold 16px dotum,Arial;}

INPUT.in_box {border:1px solid #ccc; height:25px; font:bold 14px dotum,Arial; text-indent:5px;}



/* step01 */
header {margin:0 auto; text-align:center;}
#wrap { width:100%; margin:0 auto; text-align:center;}
#wrap img {margin:0; padding:0}
#wrap div.step01 {width:760px; height:368px; background:url('/2014/images/sm_stepbg.jpg') no-repeat center 0 ;  margin:0 auto; text-align:center;} 
#wrap div.step01_rw3 {width:760px; height:401px; background:url('/2014/images3/sm_stepbg.jpg') no-repeat center 0 ;  margin:0 auto; text-align:center; margin-top:-5px;} 



.step01_box {width:70%; margin:0 auto; padding-top:220px; overflow:hidden;}
.01_left {float:left;}
.01_right {float:right;} 



/* step02 */
.step02 {width:760px; border:0px solid #ccc; margin:0 auto;}


.s2_table {border-top:3px solid #9eb2c9; overflow:hidden; text-align:left; } 
.s2_table ul {border-bottom:1px solid #ccc; padding:5px 0; height:30px; line-height:30px;}
.s2_table li.s2_text {font:bold 14px dotum,Arial; padding:10px; width:30%; float:left; }

.s2_table_rw3 {border-top:3px solid #ffcc89; overflow:hidden; text-align:left; } 
.s2_table_rw3 ul {border-bottom:1px solid #ccc; padding:5px 0; height:30px; line-height:30px;}
.s2_table_rw3 li.s2_text_rw3 {font:bold 14px dotum,Arial; padding:10px; width:30%; float:left; }


.s2_box { padding:10px; text-align:left; background:#e6f2ff; border:1px solid #b5d5f8; margin-top:10px;}
.s2_box li {padding:5px 0;}
.s2_box span {color:#1a79e0;}


.s2_box_rw3 { padding:10px; text-align:left; background:#ffedda; border:1px solid #fccf9f; margin-top:10px;}
.s2_box_rw3 li {padding:5px 0;}
.s2_box_rw3 span {color:#ef820e;}


.s2_box2 {text-align:left; padding:10px;}
.s2_box2 h2 {font:bold 14px doum.Arial; padding:5px 0;}
.s2_box2 li {padding:3px 0;}

.bottom_box {width:100%; margin:o auto;}
.button {width:60%; padding-top:20px; border:0px solid #ccc; overflow:hidden; margin:0 auto; text-align:center;}
.button li {float:left; padding:0 1px;}

.button2 {width:44%; padding-top:20px; border:0px solid #ccc; overflow:hidden; margin:0 auto; text-align:center;}
.button2 li {float:left; padding:0 1px;}





/* step3 */

 /*
	코멘트 , 탭
 */
#product_detail #detail_bottom_tab{
	margin-top:30px;
}
#detail_bottom_tab li{
	float:left;
}
#detail_bottom_tab li:first-child a{
	border-left-width:1px;
}
#detail_bottom_tab li a{
	display:block;
	width:377px;
	height:32px;
	border:1px solid #ddd;
	border-left-width:0;
	border-bottom:1px solid #7c7070;
	line-height:29px;
	color:#fff;
	background:#0c46af;
	font-size:12px;
	text-align:center;
}

#detail_bottom_tab li.left a{
	display:block;
	width:377px;
	height:32px;
	border:1px solid #ddd;
	border-left-width:0;
	border-bottom:1px solid #7c7070;
	line-height:29px;
	color:#fff;
	background:#0c70af;
	font-size:12px;
	text-align:center;
}

#detail_bottom_tab li.active a{
	background:white;
	border-bottom:0;
	font-weight:bold;
	border-color:#7c7070;
	color:#313131;

}


 /*
	코멘트 , 탭
 */
#detail_bottom_tab_rw3{
	margin-top:30px;
}
#detail_bottom_tab_rw3 li{
	float:left;
}
#detail_bottom_tab_rw3 li:first-child a{
	border-left-width:1px;
}
#detail_bottom_tab_rw3 li a{
	display:block;
	width:377px;
	height:32px;
	border:1px solid #ddd;
	border-left-width:0;
	border-bottom:1px solid #7c7070;
	line-height:29px;
	color:#fff;
	background:#f79100;
	font-size:12px;
	text-align:center;
}

#detail_bottom_tab_rw3 li.left a{
	display:block;
	width:377px;
	height:32px;
	border:1px solid #ddd;
	border-left-width:0;
	border-bottom:1px solid #7c7070;
	line-height:29px;
	color:#fff;
	background:#f57900;
	font-size:12px;
	text-align:center;
}

#detail_bottom_tab_rw3 li.active a{
	background:white;
	border-bottom:0;
	font-weight:bold;
	border-color:#7c7070;
	color:#313131;

}


.s3_box01 {border:2px solid #73b2f9; margin:10px 0; padding:10px; font:12px dotum,Arial;}
.s3_box01 li {padding:5px 0;}



.s3_box01_rw3 {border:2px solid #f57900; margin:10px 0; padding:10px; font:12px dotum,Arial;}
.s3_box01_rw3 li {padding:5px 0;}



.s3_box02 {border:2px solid #73b2f9; margin:10px 0; padding:10px; font:12px dotum,Arial;}
.s3_box02 h3 {font:bold 14px dotum,Arial; color:#1056a5; padding:5px 0;}



.s3_box02_rw3 {border:2px solid #f57900; margin:10px 0; padding:10px; font:12px dotum,Arial;}
.s3_box02_rw3 h3 {font:bold 14px dotum,Arial; color:#f57900; padding:5px 0;}


.s3_box03 {border:2px solid #73b2f9; margin:10px 0; padding:10px; font:12px dotum,Arial;}
.s3_box03 h3 {font:bold 14px dotum,Arial; color:#1056a5; padding:5px 0;}

.s3_box03_rw3 {border:2px solid #f57900; margin:10px 0; padding:10px; font:12px dotum,Arial;}
.s3_box03_rw3 h3 {font:bold 14px dotum,Arial; color:#f57900; padding:5px 0;}



.s3_table {overflow:hidden; border-top:2px solid #8f8f8f; margin-top:10px; text-align:left; text-indent:10px;}
.s3_table ul {border-bottom:1px solid #ccc; height:30px; line-height:30px;}
.s3_table li.left {float:left; width:30%; font-weight:bold;}

.s3_table_text {text-align:left; color:#686868; margin-top:10px;}
.s3_table_text li {padding:3px 0;}






/* step4 */

.s4_table {border-top:3px solid #9eb2c9; overflow:hidden; text-align:left; } 
.s4_table ul {border-bottom:1px solid #ccc; padding:5px 0; }
.s4_table li.s2_text {font:bold 14px dotum,Arial; padding:10px; width:30%; float:left; }



.s4_table_rw3 {border-top:3px solid #ffcc89; overflow:hidden; text-align:left; } 
.s4_table_rw3 ul {border-bottom:1px solid #ccc; padding:5px 0; }
.s4_table_rw3 li.s4_text_rw3 {font:bold 14px dotum,Arial; padding:10px; width:30%; float:left; }





.calendar_box {overflow:hidden; margin:20px 0; width:100%; text-align:center; border:0px solid #ccc;}
.calendar_left {float:left; width:45%; border:0px solid #ccc; padding:10px;}
.calendar_right {float:right;  width:49%; border:0px solid #ccc; padding:10px;}

/* new step02 */
.n_step02_bg {width:900px; height:600px; margin:0 auto; background:url(/2014/images/nst_02.gif) no-repeat center top;}
.n_step02_bg div {float:left;}

/* new step03 */
.step03_left {text-align:left; margin:10px 5px;}
.step03_right {text-align:left; margin:10px 5px;}

.reser03_text { margin:14px 0 30px 0;}
.reser03 { overflow:hidden; height:100%;}
.reser03 .left { float:left; width:285px; margin-right:13px;}
.reser03 .left h3 { margin-top:30px}
.reser03 .left .p01 { margin:13px 0 0 77px;}
.reser03 .left .p01 strong { display:inline-block; padding:1px 9px 0 9px; color:#283753;}
.reser03 .left .p01 img { vertical-align:top;}
.reser03 .left .p02 { margin-top:10px; color:#5d6c70; font-size:12px;}
.reser03 .right { float:left; width:500px;}
.reser03 .right h3 { color:#008ecf; margin-top:30px; }
.reser03 .right .p01 { margin:0 0 20px 3px; color:#ff0012; font-size:11px;}
.reser03 .right textarea { width:400px; height:36px; margin:10px 0; border:1px solid #c6c7c6; }
.reser03_tbl { width:300px; margin-top:7px; color:#fff;}
.reser03_tbl th { padding:5px 0;}
.reser03_tbl td { height:25px; background:url(../images/bg01_reservation03.gif) no-repeat left top; text-align:center; font-weight:bold;}
.reser03_tbl td.on { background:url(../images/bg01_reservation03_on.gif) no-repeat left top;}
.reser03_tbl td a { color:#fff;}
.reser03_tbl td a:hover { text-decoration:none;}
.reser03_tbl02 { margin:11px 0 9px 0; }
.reser03_tbl02 td { background:url(../images/bg_reservation03.gif) no-repeat left top; text-align:left; color:#4b4b4b;padding-left:4px}
.reser03_tbl02 td.bg_none { background:none; vertical-align:top;}
.reser03_tbl02 td.choose { text-align:left; color:#0e4259;}
.reser03_tbl02 td.choose input { margin:-2px -1px 0 0;}
.reser03 .right ul{margin-top:10px;}
.reser03 .right ul li{ padding-left:9px; background:url(../images/ico03_reservation01.gif) no-repeat left 4px; line-height:1.5em; font-size:11px;}
.reser03 .step2{width:350px; height:50px; border:2px solid #519EC5; text-align:center; font-size:11px;
                      padding-top:30px;}












}
















/** 모바일 **/





@media screen and (max-width: 640px){
#desktop{display:none; margin:0; padding:0;}
html,body{
	height:100%;
}
body{
	font-family:'돋음',sans-serif;
	font-size:12px;
}
html,body,div,h1,h2,h3,h4,h5,p,dl,dt,dd,ul,ol,li,table,tr,td,th,form,fieldset,button,input,select,hr,textarea{
	margin:0;
	padding:0
}
a{
	text-decoration:none
}
li{
	list-style:none
}
input[type="text"],input[type="password"]{
}
input,select,button,label{
	vertical-align:middle;
}
input[type="submit"]{
	background:#999;
	border:0;
	cursor:pointer
}


img{
	border:0;
}
address{
	font-style:normal;
}

INPUT.radio_bt {width:10px; height:10px;}

.clear{
	float:none !important;
	width:0 !important;
	height:0 !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	clear:both;
}



.stepbox01 { background:#0147b1; padding:15px; color:#fff; font:bold 14px dotum,Arial}
.m_step01 { margin:0 auto; padding:10px; text-align:center;}
.m_step01 ul {padding:20px 0;}









/* step02 */

.m_step02 {width:100%; border:0px solid #ccc; margin:0 auto;}

.m_s2_table {border-top:3px solid #9eb2c9; overflow:hidden; text-align:left; } 
.m_s2_table ul {border-bottom:1px solid #ccc; clear:both;}
.m_s2_table li {padding:10px;}
.m_s2_table li.s2_text {font:bold 14px dotum,Arial; float:left; }
.m_s2_table li.s2_input {float:right; text-align:left;  width:59%;}

.m_s2_table_rw3 {border-top:3px solid #ff9600; overflow:hidden; text-align:left; } 
.m_s2_table_rw3 ul {border-bottom:1px solid #ccc; clear:both;}
.m_s2_table_rw3 li {padding:10px;}
.m_s2_table_rw3 li.s2_text_rw3 {font:bold 14px dotum,Arial; float:left; }
.m_s2_table_rw3 li.s2_input_rw3 {float:right; text-align:left;  width:59%;}


.m_s2_box { padding:10px; text-align:left; background:#e6f2ff; border:1px solid #b5d5f8; margin-top:10px;}
.m_s2_box li {padding:5px 0;}
.m_s2_box span {color:#1a79e0;}


.m_s2_box_rw3 { padding:10px; text-align:left; background:#ffefd8; border:1px solid #ffc067; margin-top:10px;}
.m_s2_box_rw3 li {padding:5px 0;}
.m_s2_box_rw3 span {color:#ff9600;}




.m_s2_box2 {text-align:left; padding:10px;}
.m_s2_box2 h2 {font:bold 14px doum.Arial; padding:5px 0;}
.m_s2_box2 li {padding:3px 0;}


#list_btn{
	display:block;
	width:220px;
	height:33px;
	line-height:33px;
	margin:15px auto;
	border:1px solid #cbcbcb;
	border-radius:4px;
	font-size:15px;
	text-align:center;
	color:#fff;
	background: -moz-linear-gradient(top, #03379d 0%, #1441b6 2%, #1441b6 98%, #03379d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#03379d), color-stop(2%,#1441b6), color-stop(98%,#1441b6), color-stop(100%,#03379d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #03379d 0%,#1441b6 2%,#1441b6 98%,#03379d 100%); /* Chrome10+,Safari5.1+ */
}

#list_btn_rw3{
	display:block;
	width:220px;
	height:33px;
	line-height:33px;
	margin:15px auto;
	border:1px solid #cbcbcb;
	border-radius:4px;
	font-size:15px;
	text-align:center;
	color:#fff;
	background:#ff9600;
}





/* step03 */
#product_detail #m_detail_bottom_tab{
	margin-top:30px;
}
#m_detail_bottom_tab li{
	float:left;
	width:50%;
}
#m_detail_bottom_tab li:first-child a{
	border-left-width:1px;
}
#m_detail_bottom_tab li a{
	display:block;
	height:32px;
	border:1px solid #ddd;
	border-left-width:0;
	border-bottom:1px solid #7c7070;
	line-height:29px;
	color:#fff;
	background:#0c46af;
	font-size:12px;
	text-align:center;
}
#m_detail_bottom_tab li.active a{
	background:white;
	border-bottom:0;
	font-weight:bold;
	border-color:#7c7070;
	color:#313131;

}




#product_detail #m_detail_bottom_tab_rw3{
	margin-top:30px;
}
#m_detail_bottom_tab_rw3 li{
	float:left;
	width:50%;
}
#m_detail_bottom_tab_rw3 li:first-child a{
	border-left-width:1px;
}
#m_detail_bottom_tab_rw3 li a{
	display:block;
	height:32px;
	border:1px solid #ddd;
	border-left-width:0;
	border-bottom:1px solid #7c7070;
	line-height:29px;
	color:#fff;
	background:#ffb400;
	font-size:12px;
	text-align:center;
}

#m_detail_bottom_tab_rw3 li.left a{
	display:block;
	height:32px;
	border:1px solid #ddd;
	border-left-width:0;
	border-bottom:1px solid #7c7070;
	line-height:29px;
	color:#fff;
	background:#ff7200;
	font-size:12px;
	text-align:center;
}


#m_detail_bottom_tab_rw3 li.active a{
	background:white;
	border-bottom:0;
	font-weight:bold;
	border-color:#7c7070;
	color:#313131;

}







.m_s3_box01 {border:2px solid #73b2f9; margin:10px 0; padding:10px; font:12px dotum,Arial;}
.m_s3_box01 li {padding:5px 0;}


.m_s3_box01_rw3 {border:2px solid #f57900; margin:10px 0; padding:10px; font:12px dotum,Arial;}
.m_s3_box01_rw3 li {padding:5px 0;}





.m_s3_box02 {border:2px solid #73b2f9; margin:10px 0; padding:10px; font:12px dotum,Arial;}
.m_s3_box02 h3 {font:bold 14px dotum,Arial; color:#1056a5; padding:5px 0;}

.m_s3_box02_rw3 {border:2px solid #ffcc84; margin:10px 0; padding:10px; font:12px dotum,Arial;}
.m_s3_box02_rw3 h3 {font:bold 14px dotum,Arial; color:#ff9600; padding:5px 0;}

.m_s3_box03 {border:2px solid #73b2f9; margin:10px 0; padding:10px; font:12px dotum,Arial;}
.m_s3_box03 h3 {font:bold 14px dotum,Arial; color:#1056a5; padding:5px 0;}

.m_s3_box03_rw3 {border:2px solid #ffcc84; margin:10px 0; padding:10px; font:12px dotum,Arial;}
.m_s3_box03_rw3 h3 {font:bold 14px dotum,Arial; color:#ff9600; padding:5px 0;}

.m_s3_table {overflow:hidden; border-top:2px solid #8f8f8f; margin-top:10px; text-align:left; text-indent:10px;}
.m_s3_table ul {border-bottom:1px solid #ccc; height:35px; line-height:35px;}
.m_s3_table li.left {float:left; width:30%; font-weight:bold;}

.m_s3_table_text {text-align:left; color:#686868; margin-top:10px;}
.m_s3_table_text li {padding:3px 0;}



.button {margin-top:20px; margin:0 auto; text-align:center; padding-top:10px; vertical-align: middle;}
.button2 {margin-bottom:20px; margin:0 auto; text-align:center; padding-top:10px; vertical-align: middle;}



/* step4 */

.m_s4_table {border-top:3px solid #9eb2c9; overflow:hidden; text-align:left; } 
.m_s4_table ul {border-bottom:1px solid #ccc; padding:5px 0; }
.m_s4_table li.s4_text {font:bold 14px dotum,Arial; padding:10px; width:30%; float:left; }

.m_s4_table_rw3 {border-top:3px solid #ff9600; overflow:hidden; text-align:left; } 
.m_s4_table_rw3 ul {border-bottom:1px solid #ccc; padding:5px 0; }
.m_s4_table_rw3 li.s4_text_rw3 {font:bold 14px dotum,Arial; padding:10px; width:30%; float:left; }



.m_calendar {border:1px solid #ccc; padding:5px; margin:0 auto; text-align:center;}
.m_check {border:1px solid #ccc; padding:5px; margin:0 auto; text-align:center;}






/* reservation */

.s5_table_h {height:25px; line-height:25px;}

.m_reservation_table {border-top:3px solid #9eb2c9; overflow:hidden; text-align:left; } 
.m_reservation_table ul {border-bottom:1px solid #ccc; padding:10px 0;  clear:both;}
.m_reservation_table li.m_reservation_table_text {font:bold 14px dotum,Arial; padding:10px; width:35%; float:left; }

/* new step03 */
.step03_left {text-align:left; margin:10px 5px;}
.step03_right {text-align:left; margin:10px 5px;}

.reser03_text { margin:14px 0 30px 0;}
.reser03 { overflow:hidden; height:100%;}
.reser03 .left { float:left; width:285px; margin-right:13px;}
.reser03 .left h3 { margin-top:30px}
.reser03 .left .p01 { margin:13px 0 0 77px;}
.reser03 .left .p01 strong { display:inline-block; padding:1px 9px 0 9px; color:#283753;}
.reser03 .left .p01 img { vertical-align:top;}
.reser03 .left .p02 { margin-top:10px; color:#5d6c70; font-size:11px;}
.reser03 .right { float:left; width:500px;}
.reser03 .right h3 { color:#008ecf; margin-top:30px;}
.reser03 .right .p01 { margin:0 0 20px 3px; color:#ff0012; font-size:11px;}
.reser03 .right textarea { width:400px; height:36px; margin:10px 0; border:1px solid #c6c7c6; }
.reser03_tbl { width:300px; margin-top:7px;color:#fff; text-align:center; margin:0 auto;}
.reser03_tbl th { padding:5px 0;}
.reser03_tbl td { height:25px; background:url(../images/bg01_reservation03.gif) no-repeat left top; text-align:center; font-weight:bold;}
.reser03_tbl td.on { background:url(../images/bg01_reservation03_on.gif) no-repeat left top;}
.reser03_tbl td a { color:#fff;}
.reser03_tbl td a:hover { text-decoration:none;}
.reser03_tbl02 { margin:11px 0 9px 0;}
.reser03_tbl02 td { background:url(../images/bg_reservation03.gif) no-repeat left top; text-align:left; color:#4b4b4b;padding-left:4px}
.reser03_tbl02 td.bg_none { background:none; vertical-align:top;}
.reser03_tbl02 td.choose { text-align:left; color:#0e4259;}
.reser03_tbl02 td.choose input { margin:-2px -1px 0 0;}
.reser03 .right ul{margin-top:10px;}
.reser03 .right ul li{ padding-left:9px; background:url(../images/ico03_reservation01.gif) no-repeat left 4px; line-height:1.5em; font-size:11px;}
.reser03 .step2{width:350px; height:50px; border:2px solid #519EC5; text-align:center; font-size:11px;
                      padding-top:30px;}






/* rw3 */


.stepbox01_rw3 { background:#ff9000; padding:15px; color:#fff; font:bold 14px dotum,Arial}





input[type=radio].css-checkbox {
	
}

input[type=radio].css-checkbox + label.css-label {
	padding-left:10px;
	height:22px; 
	display:inline-block;
	line-height:22px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;

}

input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -22px;
}
label.css-label {
	background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_b3610106b0a745efe1fc0cfb4be08c2e.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}



input[type=checkbox].css-checkbox2 {
							display:none;
						}

						input[type=checkbox].css-checkbox2 + label.css-label2 {
							padding-left:35px;
							height:30px; 
							display:inline-block;
							line-height:30px;
							background-repeat:no-repeat;
							background-position: 0 0;
							
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=checkbox].css-checkbox2:checked + label.css-label2 {
							background-position: 0 -30px;
						}
						label.css-label2 {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_748b63f258e840201ab47e5da3266299.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}



input[type=radio].css-checkbox3 {
							display:none;
						}

						input[type=radio].css-checkbox3 + label.css-label3 {
							padding-left:29px;
							height:24px; 
							display:inline-block;
							line-height:24px;
							background-repeat:no-repeat;
							background-position: 0 0;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox3:checked + label.css-label3 {
							background-position: 0 -24px;
						}
						label.css-label3 {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_b09574c7f20fae744b4e27a6554776c7.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}















}