@charset "utf-8";
/* ONLINEPOWERS FED */

html, body {margin: auto; /* width:100%; */ height:100%; min-width:320px; }
#wrap {position:relative; width:100%; height:100%; min-width:320px; }
#wrap img {width:100%; }

#container {width:100%; margin:0 auto; }

/* 추가부분 */

.error_top {width:100%; background-color:#000;  text-align:center;}
.error_top h1 {display:inline-block; width:270px; height:123px; margin-top:308px;  }
.error_top .txt {margin-top:65px; }
.error_top .txt .center {font-size:15px; font-weight:300; color:#fff; }
.error_top h1 {display:inline-block; width:205px; }
.error_main_top {width:100%; height:602px; background:url(../images/main_header_bg.png); no-repeat center top; background-size:cover; text-align:center; }
.error_main_top h1 {display:inline-block; width:160px; height:123px; margin-top:138px; }
.error_submit_btn { display:inline-block; width:100%; height:52px; line-height:52px; font-size:24px; font-weight:600; color:#fff; background:#0079ff; border-radius:8px; margin-top:8px; }
.main_con .btn_wrap .error_center_area {position:relative; width:100%; margin:0 auto; margin-top:10px;  }
.main_con .btn_wrap .error_center_area input{ font-size:20px;}
.error_container{  width: 80%; height:650px; margin: 100px auto; }
.error_outer { display: table; width: 100%; height: 100%;} 
.error_inner { display: table-cell; vertical-align: middle; text-align: center;} 
.error_inner .txt{font-size:25px; font-weight:300; color:#fff; line-height:1.7; padding-top:30px;  }
/* 추가부분 끝 */


.main_top {width:100%; height:502px; background:url(../images/main_header_bg.png); no-repeat center top; background-size:cover; text-align:center; }
.main_top h1 {display:inline-block; width:335px; height:123px; margin-top:138px; }
.main_top .txt {margin-top:100px; }
.main_top .txt .name {font-size:16px; color:#fff; }
.main_top .txt .center {font-size:60px; font-weight:600; color:#fff; }

.main_con {width:100%; text-align:center; padding:16.5% 16.1% 10%; }
.main_con .main_desc {font-size:20px; color:#333; margin-bottom:4%; }
.main_con .btn_wrap {max-width:520px; margin:0 auto; font-size:0; }
.main_con .btn_wrap a {display:inline-block; width:250px; height:100px; line-height:100px; font-size:30px; font-weight:600; color:#fff; background:#0079ff; border-radius:8px; }
.main_con .btn_wrap a:first-child {margin-right:20px; }
.main_con .btn_wrap .write_area {width:100%; margin:35px auto 0; }
.main_con .btn_wrap .write_area input {float:left; width:79.1%; font-size:20px; }
.main_con .btn_wrap .write_area .submit_btn {float:right; display:inline-block; width:19.2%; height:52px; line-height:52px; font-size:24px; font-weight:600; color:#fff; background:#0079ff; border-radius:8px; }
.main_con .btn_wrap .center_area {position:relative; width:100%; margin:0 auto; padding-right:21.1%; }
.main_con .btn_wrap .center_area input {width:100%; font-size:20px; }
.main_con .btn_wrap .center_area input:first-child {margin-bottom:10px; }
.main_con .btn_wrap .center_area .submit_btn {position:absolute; top:0; right:0; width:19.2%; height:114px; line-height:114px; font-size:24px; font-weight:600; color:#fff; background:#0079ff; border-radius:8px; }


.sub_top {width:100%; height:140.5px; background:url(../images/sub_header_bg.png) no-repeat center top; background-size:cover; text-align:center; padding-top:26px; }
.sub_top h1 {display:inline-block; width:171px; height:89px; }

.sub_con {padding:5.21% 7.81%; }
.sub_con .sub_tit {position:relative; }
.sub_con .sub_tit h2 {font-size:35px; font-weight:600; text-align:center; }
.sub_con .sub_tit .home_btn {position:absolute; top:4px; left:0; width:33px; height:32px; background:url(../images/home_ico.png) no-repeat left top; background-size:cover; display:block; overflow:hidden; font-size:0px; line-height:0; text-indent:-9999px; }
.sub_con .step_wrap {padding-top:6.32%; }
.sub_con .step01 {}
.sub_con .step01 .sub_desc {font-size:20px; color:#333; text-align:center; }
.sub_con .step01 .product_list {font-size:0; text-align:center; margin-top:49px; }

.sub_con .step02 {display:none; }
.sub_con .step02 .select_product {text-align:left; vertical-align:baseline; }
.sub_con .step02 .select_product p {display:inline-block; font-size:20px; vertical-align:text-bottom; }
.sub_con .step02 .select_product p span {color:#0079ff; vertical-align:bottom; }
.sub_con .step02 ul li {margin-top:15px; color:#b2b2b2; }
.sub_con .step02 ul li:first-child {margin-top:20px; }

/* add css 2017.05.25 */
.sub_con .step02 ul li .hidden_area {display:none;}
.sub_con .step02 ul li .top_title{border-bottom:1px solid #8b8b8b;width:100%;paddding-bottom:100px;height:65px;display:block}
.sub_con .step02 ul li .top_title .color_point{float:left;color:#cc3333;display:block;font-size:20px;line-height:20px;padding:13px 0;}
.sub_con .step02 ul li .top_title .btn_submit{float:right;width:150px; height:50px; font-size:24px; font-weight:600; color:#fff; background:#0079ff; border-radius:8px;text-align:center; }

.sub_con .step01 .product_list2 {font-size:0; text-align:center; margin-top:49px;}
.sub_con .step01 .product_list2 ul li{display:block; text-align:center;}


.reservation_tbl{width:100%;border-collapse:collapse;border-spacing:0px;empty-cells:show;clear:Both;table-layout:auto;display:table;}
.reservation_tbl th, td{display: table-cell;vertical-align: inherit;font-size:20px;}
.reservation_tbl th{text-align:right;letter-spacing:0;height:52px;color:#333;background:#f1f1f1;border-bottom:1px solid #d6d6d6;border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6;width:40%;padding-right:30px;}
.reservation_tbl td{text-align:left;font-weight:normal;color:#333;height:52px; cursor: pointer;border-bottom:1px solid #d6d6d6;border-top:1px solid #d6d6d6;width:60%;padding-left:30px;}
.reservation_tbl td.first{border-top:1px solid #d6d6d6}
.reservation_tbl tr.on{background:#e1f4ff;}

.reservation_tbl2{width:100%;border-collapse:collapse;border-spacing:0px;empty-cells:show;clear:Both;table-layout:auto;display:table;}
.reservation_tbl2 th, td{display: table-cell;vertical-align: inherit;font-size:20px;}
.reservation_tbl2 th{text-align:center;letter-spacing:0;height:52px;color:#333;background:#f1f1f1;border-bottom:1px solid #d6d6d6;border-top:1px solid #d6d6d6;}
.reservation_tbl2 td{text-align:center;font-weight:normal;color:#333;height:52px; cursor: pointer;border-bottom:1px solid #d6d6d6}
.reservation_tbl2 th.first{border-right:1px solid #d6d6d6;}
.reservation_tbl2 tr.on{background:#e1f4ff;}


.sub_con .step02 ul li .check_area {}
.sub_con .step02 ul li .check_area input {float:left; }
.sub_con .step02 ul li .check_area p {float:left; }
.sub_con .step02 ul li input {font-size:20px; color:#333; }
.sub_con .step02 ul li input.num {width:100%; }
.sub_con .step02 ul li input.first_name {width:45.2%; margin-right:1.5%; }
.sub_con .step02 ul li input.last_name {width:53.3%; }
.sub_con .step02 ul li input.tel {width:32.6%; margin-left:1.1%; }
.sub_con .step02 ul li input.tel:first-child {margin-left:0; }
.sub_con .step02 ul li input.tel {width:32.6%; margin-left:1.1%; }
.sub_con .step03 ul li input.tel {width:32.0%; margin-left:1.1%; }
.sub_con .step03 ul li input.tel:first-child {margin-left:0; }
.sub_con .step03 ul li input.tel {width:32.0%; margin-left:1.1%; }
.sub_con .step02 ul li input.first_email {width:32%; }
.sub_con .step02 ul li span.mid_email {display:inline-block; width:5%; font-size:20px; color:#b2b2b2; text-align:center; }
.sub_con .step02 ul li input.write_email {width:30.5%; margin-right:2%; display:none; }
.sub_con .step02 ul li select.last_email {width:63%; vertical-align:bottom; }
.sub_con .step02 .btn_wrap {text-align:center; margin-top:21px; }
.sub_con .step02 .btn_wrap .submit_btn{width:220px; height:65px; font-size:24px; font-weight:600; color:#fff; background:#0079ff; border-radius:8px; }
.txt_btn {display:inline-block; font-size:18px; color:#0079ff; border-bottom:1px solid #0079ff; /* padding:0 2px; */ margin-left:14px; margin-bottom:-1px; }
.input-hidden {position:absolute; left:-9999px; }

.apple_pop {position:absolute; top:102px; left:0; width:100%; height:100%; padding:0 7.8%; z-index:2010; display:none; }
.apple_pop .inner {height:100%; }
.policy_pop {position:absolute; top:102px; left:0; width:100%; height:74.9%; padding:0 7.8%; z-index:2010; display:none; }
.policy_pop .inner {background:#fff; height:100%; }
.policy_pop .pop_tit {position:relative; padding:35px; border-bottom:1px solid #333; }
.policy_pop .pop_tit h2 {font-size:35px; font-weight:600; color:#1a1a1a; }
.policy_pop .pop_tit .pop_close {position:absolute; top:35px; right:35px; width:32px; height:32px; background:url(../images/pop_close_btn.gif) no-repeat left top; background-size:cover; }
.policy_pop .pop_con {padding:25px 35px 40px; height:100%; }
.policy_pop .pop_con .pop_table {height:84.7%; overflow-y:scroll; }
.policy_pop .pop_con .pop_table .symptom {padding:0; position:relative; font-size:11px; }
.policy_pop .pop_con .pop_table .mt5 {margin-top:5px; }
.policy_pop .pop_con .pop_table .mt10 {margin-top:10px; }
.policy_pop .pop_con .pop_table .info_form {clear:both; width:100%; margin-top:5px; }
.policy_pop .pop_con .pop_table .info_form th, 
.policy_pop .pop_con .pop_table .info_form td {padding:0 5px; height:20px; line-height:20px; text-align:left; }
.policy_pop .pop_con .pop_table .info_list {width:100%; border:1px solid #1a1a1a; border-left:0; border-bottom:0; font-size:12px; }
.policy_pop .pop_con .pop_table .info_list th,
.policy_pop .pop_con .pop_table .info_list td {padding:1px 10px; border-left:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a; }
.policy_pop .pop_con .pop_table .info_list th {text-align:center; color:#000; font-weight:bold;  background:#ccc; }
.policy_pop .pop_con .pop_table .info_list td {text-align:left; }
.policy_pop .pop_con .pop_table .service_guide {margin-top:3px; padding:5px; border:1px solid #1a1a1a; letter-spacing:-1px; } 
.policy_pop .pop_con .pop_table .service_guide td {padding:5px; }
.policy_pop .pop_con .pop_table .conts {margin-bottom:15px; }
.policy_pop .pop_con .pop_table .title {margin:15px 0 10px; font-weight:bold; font-size:14px; }
.policy_pop .pop_con .pop_table .txt {font-size:12px; line-height:16px; }
.policy_pop .pop_con .pop_table .list {margin-top:3px; }
.policy_pop .pop_con .pop_table .list li {font-weight:bold; font-size:12px; line-height:16px; }
.policy_pop .pop_con .pop_table .bold {font-weight:bold; }
.policy_pop .pop_con .pop_table .conts_02 {padding-top:5px; border-top:1px solid #666; }
.policy_pop .pop_con .pop_table .conts_02 li{border:0; font-size:12px; line-height:16px; }
.policy_pop .pop_con .pop_table .line {text-decoration:underline; }
.policy_pop .pop_con .pop_table .pop_desc {font-size:14px; margin-top:10px; }

.layer_pop_bg {display:none; position:absolute; left:0; top:0px; width:100%; height:100%; z-index:2000; background:#000; opacity:0.7; }


input[type="text"], input[type="number"], input[type="tel"], input[type="password"] {width:100%; height:52px; border:1px solid #d6d6d6; border-radius:7px; padding-left:21px; }
input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus {color:#0079ff; border:1px solid #0079ff; }
input[type="radio"] + label {position:relative; display:inline-block; width:23.30%; margin:0 0 2.2% 2.2%; }
input[type="radio"] + label.none {margin-left:0; }
input[type="radio"] + label > div {width:100%; border:1px solid #d6d6d6; border-radius:5px; }
input[type="radio"] + label > div > p {font-size:15px; color:#333; padding:8% 0 9%; }
input[type="radio"]:checked + label > div {background:#0079ff; border:1px solid #0079ff; }
input[type="radio"]:checked + label > div > p {color:#fff; }
select {width:100%; height:52px; font-size:20px; color:#333; border:1px solid #d6d6d6; border-radius:7px; padding:0 10px 0 30px; }
select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	line-height: normal;
	position: relative;
	background:url(../images/select_arr.gif) no-repeat right 16px center;
	background-size:19px 11px; 
}
input[type="checkbox"] {display:none; }
input[type="checkbox"] + label {background:url(../images/checkbox_off.png) no-repeat; background-size:34px; height:34px; font-size:18px; line-height:34px; padding-left:44px; display: inline-block; }
input[type="checkbox"]:checked + label {background:url(../images/checkbox_on.png) no-repeat; background-size:34px; }

@media only screen and (orientation:landscape) {
	html, body {height:auto; }
	#wrap {height:auto; }
	.main_con {padding-top:12%; }
	input[type="radio"] + label {margin:0 0 2.2% 2.2%; }
	.layer_pop_bg {display:none; position:absolute; left:0; top:0px; width:100%; height:100%; z-index:2000; background:#000; opacity:0.7; }
}