@media (max-width: 768px){.menu2 span {color:#06aed2;border-bottom:3px solid #06aed2;display:inline-block;padding:0 5px;line-height: 56px;}}
.wrap {padding:50px;}

.top_nav {margin-top:90px;height:125px;padding:27px 0;background:#f2f2f2;position:relative;text-align:center;min-width:1200px;}
.background_bar {background:#b8edf7;position:absolute;left:0;top:0;height:125px;border-top-right-radius:63px;border-bottom-right-radius:63px;}
.background_bar_2 {background:linear-gradient(to right,#30b4cd, #307ecd);position:absolute;left:0;top:0;height:125px;border-top-right-radius:63px;border-bottom-right-radius:63px;}
.top_nav .col-xs-2 {position:relative;color:#545454;}
.top_nav .col-xs-2:after {content:'';position:absolute;right:0;top:10px;width:1px;height:50px;background:#d8d8d8;}
.top_nav .col-xs-2.active:after {content:unset;}
.top_nav .col-xs-2:last-child:after {content:unset;}
.top_nav h3{font-size:28px;}
.top_nav p{font-size:11px;padding:0 10px;line-height:28px;border:1px solid #545454;border-radius:15px;display:inline-block;margin-bottom:10px;}
.top_nav .col-xs-2.active {color:#fff;}
.top_nav .col-xs-2.active p {color:#fff;border:1px solid #fff;}
.top_nav .col-xs-2.active h3 {text-decoration:line-through;}
.top_nav .col-xs-2.active.now {color:#545454;}
.top_nav .col-xs-2.active.now p {color:#545454;border:0;}
.top_nav .col-xs-2.active.now h3 {text-decoration:none;}
.top_nav_item {min-width:1200px;position:relative;}
.top_nav_item .container .bottom_bar {content:'';display:block;height:10px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to right,#30b4cd, #307ecd);}


.select_item {width:100%;overflow:hidden;text-align:center;margin:11px auto 16px;max-width:125px;}
.select_item .arrow {max-width:100%;margin-bottom:20px;}
.select_item p {display:block;position:relative;width:100%;border-radius:10px;overflow:hidden;}
.select_item p:before {content:'';display:block;padding-top:100%;}
.select_item p span {position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;background:rgba(0,0,0,0.6);}
.select_item p span:after{vertical-align:middle;content:"";display:inline-block;height:100%;}
.select_item p span b{color:#fff;display:inline-block;vertical-align:middle;font-size:18px;}

.ganpan {background:#fafafa;padding:50px 0 180px;}
.guide_info {width:100%;margin:0 0 80px;}
.guide_info h3 {font-size:32px;line-height:40px;margin-bottom:10px;}
.guide_info p {font-size:20px;line-height:35px;letter-spacing:-1px;}


._step {display:none;height:auto;}
._step.step01 {display:block;}
._step .btn_ {text-align:center;padding:15px;}
._step .parts {min-width:550px;max-width:600px;margin:0 auto 30px;background:#fff;box-shadow:4px 4px 4px 1px #e0e0e0;position:relative;}
._step .parts:after {content:'';display:block;clear:both;}
._step .parts.selected {outline:3px solid #333;}
._step .parts .p_image {width:50%;float:left;position:relative;}
._step .parts .p_image .more_view {position:absolute;bottom:0px;right:0px;z-index:1;cursor:pointer;padding:10px;background:#000;border-top-left-radius:10px;}
._step .parts .p_images {position:relative;}
._step .parts .p_images div.images:before {content:'';display:block;padding-top:100%;}
._step .parts .p_images div.images div {position:absolute;top:0;left:0;right:0;bottom:0;}

._step .parts .p_description {width:50%;float:left;padding:30px 25px 0;}
._step .parts .p_title {line-height:30px;font-size:22px;font-weight:500;margin-bottom:10px;}
._step .parts .p_explain {padding:0;line-height:20px;font-size:13px;word-break:keep-all;font-weight:400;}

._step .select_btn {width:120px;line-height:33px;font-size:17px;background:#545454;color:#fff;padding:0;border:0;border-radius:0;position:absolute;bottom:20px;}
._step .select_btn:hover {background:linear-gradient(to right,#30b4cd, #307ecd);}


.part_image_view {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:1001;}
.image_slide {position:absolute;top:50%;left:50%;margin:-280px 0 0 -550px;width:1100px;height:550px;}
.image_slide > div {width:50%;float:left;background:#fff;height:100%;}
.part_image_view .close_btn {position:absolute;top:50%;left:50%;width:50px;margin-top:-340px;margin-left:500px;cursor:pointer;}

.part_image_view .image_slide .sitem:before {content:'';display:block;padding-top:100%;}
.part_image_view .image_slide .sitem div {position:absolute;top:0;left:0;right:0;bottom:0;}
.part_image_view .text_wrap {padding:45px;}
.part_image_view .text_wrap h2 {font-size:40px;line-height:60px;margin-bottom:40px;}
.part_image_view .text_wrap p {font-size:25px;line-height:40px;}

.popup {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:1001;}
.popup .close_btn {position:absolute;top:50%;left:50%;width:50px;margin-top:-170px;margin-left:250px;cursor:pointer;}
.popup .guide_text {position:absolute;top:50%;left:50%;margin:-100px 0 0 -300px;width:600px;height:200px;background:#fff;padding:40px;border-radius:20px;}
.popup .guide_text h3 {font-size:30px;line-height:40px;margin-bottom:20px;}
.popup .guide_text p {font-size:25px;line-height:30px;font-weight:400;}


span.guide {display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;background:#e1e1e1;border-radius:15px;cursor:pointer;}
#popup {
	display:none;
	width:100%;max-width:350px;height:auto;
	background:#fff;border-radius:5px;box-shadow:3px 3px 5px 1px #e1e1e1;
	position:fixed;top:50%;left:50%;z-index:9;margin:-200px 0 0 -175px;
	padding:30px;font-size:20px;text-align:center;
}
#popup h4 {font-size:25px;margin-bottom:10px;line-height:30px;text-align:left;}
#popup span{display:inline-block;width:40px;float:left;}
#popup .info_label {padding:0 15px;background:#000;color:#fff;line-height:40px;}
#popup .info_wrap {padding:15px;border:1px solid #e1e1e1;height:260px;overflow-y:scroll;}
#popup .info_list > div {cursor:pointer;line-height:30px;}
#popup .info_list > div:hover {background:#e1e1e1;}

#popup_login, #popup_info {
	display:none;
	width:100%;max-width:350px;min-height:150px;
	background:#fff;border-radius:5px;box-shadow:3px 3px 5px 1px #e1e1e1;
	position:fixed;top:50%;left:50%;z-index:9;margin:-200px 0 0 -175px;
	padding:30px;font-size:20px;text-align:center;
}

#guide_popup {
	display:none;overflow:visible;
	width:100%;max-width:320px;height:auto;padding:15px;font-size:13px;text-align:left;
	background:#fff;border-radius:5px;box-shadow:2px 2px 3px 2px #c7c7c7;z-index:9;
}
#popup .close_btn, #guide_popup .close_btn {border:1px solid #555;padding:5px 15px;cursor:pointer;}
#popup_login .btn_wrap {width:100%;margin-top:50px;}
#popup_login .btn_wrap div {float:left;border:1px solid #555;padding:5px 15px;cursor:pointer;width:48%;}
#popup_login .join_btn {margin-right:4%;}
#popup_info .close_btn {border:1px solid #555;padding:5px 15px;cursor:pointer;margin-top:30px;}


#error_popup {
	display:none;
	position:fixed;top:50%;left:50%;z-index:9;margin:-60px 0 0 -150px;
	width:100%;max-width:300px;height:auto;padding:20px;text-align:center;
	background:#fff;border-radius:5px;box-shadow:2px 2px 3px 2px #c7c7c7;z-index:9;
}
#error_popup .error_text {font-size:20px;}
#error_popup .close_btn {border:1px solid #555;padding:5px 15px;cursor:pointer;margin-top:20px;font-size:13px;}


.bx-wrapper {position:relative;}
.bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:50%;
    margin-top:-7px;
    outline:0;
    width:30px;
    height:30px;
    text-indent:-9999px;
    z-index:999;
}
.bx-wrapper .bx-prev {
    left:10px;
    background:url(/uploads/images/arrow_left.png) no-repeat 0 0;background-size:30px 30px;
}
.bx-wrapper .bx-next {
    right:10px;
    background:url(/uploads/images/arrow_right.png) no-repeat 0 0;background-size:30px 30px;
}



.item_step {display:block;}
.item_step .parts {min-height:400px;}

.btn_list {text-align:center;margin-top:80px;}
.btn_list .btn {width:300px;line-height:50px;border-radius:10px;border:0;font-size:20px;}
.btn_list .btn_before {background:#d3d3d3;border-radius:30px;color:#000;font-weight:800;}
.btn_list .btn_before:hover {background:#666;}
.btn_list .btn_next {background:#2dbcda;}
.btn_list .btn_next:hover {background:#20a2bd;}

.pred {background:#fafafa;letter-spacing:-1px;overflow:unset;padding-bottom:100px;}
.pred .row {padding:10px 15px;}
.pred .pred_intro {height:200px;text-align:left;}
.pred .pred_intro.pred_intro_01 {background:url('/uploads/images/ganpan/pred_intro_title.png') left 100px top 30px no-repeat; background-size:230px 230px;}
.pred .pred_intro.pred_intro_02 {background:url('/uploads/images/ganpan/pred_intro_title2.png') left 100px top 30px no-repeat; background-size:230px 230px;}
.pred .pred_intro.pred_intro_03 {background:url('/uploads/images/ganpan/pred_intro_title3.png') left 100px top 30px no-repeat; background-size:230px 230px;}
.pred .pred_intro p {font-size:25px;}
.pred .pred_intro .middle-wrap {height:100%;}
.pred .pred_intro .middle-text {width:90%;color:#000;padding-top:50px;padding-left:350px;}
.pred .pred_intro .middle-text h2 {margin-bottom:30px;}
.pred > section { max-width:1200px;width:100%;margin:0 auto 50px;padding:40px 30px;background:#fff;box-shadow:3px 3px 5px 1px #e1e1e1;border-radius:5px;line-height:60px;}
.pred > section > h3 {font-size:23px;}
.pred > section > h3:after {content:'';display:block;border-bottom:2px solid #30b4cd;padding-top:20px;}
.pred_info .row {padding:30px 5px 0;}
.pred_info .info_item {padding:0 10px;}
.pred_info .info_item > div {position:relative;border:2px solid #9a9a9a;border-radius:5px;}
.pred_info .info_item > div:before {content:'';display:block;padding-top:125%;}
.pred_info .info_item > div > p {position:absolute;top:0;left:0;right:0;bottom:20%;}
.pred_info .info_item > div .overwrap{
	font-size:17px;overflow:hidden;cursor:pointer;line-height:40px;
	position:absolute;top:80%;left:0;right:0;bottom:0;text-align:center;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
.pred_info .info_item > div .overwrap:after{vertical-align:middle;content:"";display:inline-block;height:100%;}
.pred_info .info_item > div .overwrap .info_wrap {vertical-align:middle;display: inline-block;}
.pred_info .info_item > div .overwrap .info_wrap br {display:none;}
.pred_info .info_item > div .overwrap .info_title {display:none;color:#fff;}
.pred_info .info_item > div .overwrap .info_title:after {content:'';display:block;background:#fff;height:2px;width:100%;}
.pred_info .info_item > div .overwrap .info_name {font-size:13px;letter-spacing:-1px;}
.pred_info .info_item > div .overwrap .info_name img {margin-right:5px;width:17px}
.pred_info .info_item > div .overwrap .more_img {line-height:30px;}
.pred_info .info_item > div .overwrap .more_img img {width:30px;}
.pred_info .info_item > div:hover .overwrap{top:0;background:linear-gradient(to right,rgba(48, 180, 205, 0.8), rgba(48, 126, 205, 0.8));line-height:50px;}
.pred_info .info_item > div:hover .overwrap .info_title {display:inline-block;}
.pred_info .info_item > div:hover .overwrap .info_wrap br {display:block;}
.pred_info .info_item > div:hover .overwrap span {color:#fff;}
.pred_info .info_item > div:hover .overwrap .info_name img {content: url('/uploads/images/ganpan/white_icon.png');}


.part_image_view {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:1001;}
.part_image_view .image_slide {position:absolute;top:50%;left:50%;margin:-280px 0 0 -550px;width:1100px;height:550px;}
.part_image_view .image_slide > div {width:50%;float:left;background:#fff;height:100%;}
.part_image_view .close_btn {position:absolute;top:50%;left:50%;width:50px;margin-top:-340px;margin-left:500px;cursor:pointer;}
.part_image_view .image_slide .sitem:before {content:'';display:block;padding-top:100%;}
.part_image_view .image_slide .sitem div {position:absolute;top:0;left:0;right:0;bottom:0;}
.part_image_view .text_wrap {padding:45px;}
.part_image_view .text_wrap h2 {font-size:40px;line-height:60px;margin-bottom:40px;}
.part_image_view .text_wrap p {font-size:25px;line-height:40px;}


.pred_style .img_view {padding:30px 0;}
.pred_style .img_view .col-xs-12 {margin-bottom:15px;}
.pred_style .img_view div {position:relative;overflow:hidden;}
.pred_style .img_view div:before {content:'';display:block;padding-top:56.25%;}
.pred_style .img_view div a {position:absolute;top:0;left:15px;right:15px;bottom:0;}


.pred_standard  > h3{font-size:18px;}
.pred_standard .container {width:100%;padding:0;text-align:center;}
.pred_standard .container > div {width:50%;float:left;box-sizing:border-box;}
.pred_standard .container .standard_left {border-right:1px solid #a4a4a4;}
.pred_standard .container .standard_right {border-left:1px solid #a4a4a4;}
.pred_standard .container > div p {line-height:30px;font-weight:500;font-size:20px;padding:10px 0;}
.pred_standard .table {border-collapse:collapse;}
.pred_standard .table>tbody>tr>th {text-align:right;padding:10px 40px;border-bottom:1px solid #ddd;border-top:0;}
.pred_standard .table>tbody>tr>td {text-align:left;padding:10px 40px;color:#30b4cd;border-bottom:1px solid #ddd;border-top:0;}
.pred_standard .table>tbody>tr:last-child>th {border-bottom:1px solid #a4a4a4;}
.pred_standard .table>tbody>tr:last-child>td {border-bottom:1px solid #a4a4a4;}
.pred_standard .table p {font-size:20px;line-height:30px;font-weight:500;}

.pred_company_info {overflow:unset;}
.pred_company_info .table {margin:15px 0;border-spacing:20px 10px;border-collapse:unset;}
.pred_company_info .table th, .pred_company_info .table td {padding:0;border:0;vertical-align:middle;}
.pred_company_info .table>thead>tr>th {font-size:20px;color:#fff;background:#000;margin:0;display:block;padding:5px 0 5px 10px;line-height:30px;}
.pred_company_info .table>thead>tr>td {font-size:20px;color:#fff;background:#31b5ce;padding:5px 15px;line-height:30px;}
.pred_company_info .table>tbody>tr>th {font-size:22px;margin:0;border-bottom:1px solid #000;line-height:40px;font-weight:400;color:#292929;}
.pred_company_info .table>tbody>tr>td {font-size:22px;padding:15px;border-top:0;border-bottom:1px solid #000;line-height:40px;font-weight:500;}
.pred_company_info .table.table_ th p, .pred_company_info .table.table_ td p {border:0;}
.pred_company_info .table .none_bottom {border-bottom:0;}
.pred_company_info .table .standard_type_img {padding-bottom:30px;}
.pred_company_info .table .standard_type_img p {width:50%;float:left;}	
.pred_company_info .table .standard_type_img p img {width:100%;max-width:100%;}

.pred_company_info .required_dot {padding:0 15px 0 5px;color:#f00;}

.pred .pred_price {max-width:800px;border-radius:10px;padding:0;line-height:190px;font-size:38px;text-align:center;font-weight:500;}
.pred .pred_price > div:first-child {padding:60px 0;color:#fff;border-radius:10px;background:linear-gradient(to right,rgba(48, 180, 205, 1), rgba(48, 126, 205, 1));}
.pred .pred_price > div:last-child {font-size:42px;font-weight:800;text-decoration:underline;text-underline-position:under;}
.pred .pred_price h3 {font-size:38px;line-height:40px;margin-bottom:5px;}
.pred .pred_price p {font-size:25px;line-height:25px;}

.pred .pred_btn {max-width:800px;width:100%;margin:0 auto;}
.pred .pred_btn p {font-size:20px;line-height:30px;letter-spacing:-1.1px;}
.pred .pred_btn div {text-align:center;margin:50px auto 0;} 
.pred .pred_btn .btn {width:162px;height:74px;line-height:74px;border-radius:37px;padding:0;font-size:25px;}

.pred .pred_guide {max-width:800px;width:100%;border:10px solid #ccc;padding:15px;background:#f5f5f5;border-radius:5px;}
.pred .pred_guide p {font-size:20px;line-height:25px;letter-spacing:-1.1px;font-weight:500;margin-bottom:10px;}
.pred .pred_guide p:last-child{margin:0;}

.pred .btn  {width:300px;line-height:50px;border-radius:10px;border:0;font-size:20px;}
.pred .btn_save {background:linear-gradient(to right,rgba(48, 180, 205, 1), rgba(48, 126, 205, 1));border-radius:30px;}
.pred .pred_intro .btn {width:250px;line-height:40px;position:absolute;top:50%;right:0;}
.btn_call {background:#c6c6c6;margin-right:30px;}
.btn_call:hover {background:#a0a0a0;}
.btn_messenger {background:#2dbcda;}
.btn_messenger:hover {background:#20a2bd;}

.pred_calc_bottom {width:100%;text-align:center;background:#e6e6e6;padding:80px 0;}
.pred_calc_bottom .middle-text {color:#333;width:99%;}
.pred_calc_bottom .middle-text div {
	width:40%;text-align:center;
	margin:0 auto;padding:50px 0;
    background: #fafafa;
    border-radius: 20px;
    box-shadow: 2px 2px 2px 1px #aaa;
}
.pred_calc_bottom .middle-text div:after {content:'';clear:both;display:block;}
.pred_calc_bottom .middle-text h3 {font-size:30px;line-height:45px;margin-bottom:40px;}
.pred_calc_bottom .btn_main {
	width:60%;height:80px;line-height:80px;font-size:28px;margin:0 auto;padding:0;border-radius:20px;font-weight:600;
	position:relative;display:block;	box-shadow:3px 3px 3px 1px #4494cd;
}
.pred_calc_bottom .btn_main:hover {margin:-8px auto 8px;}
.pred_calc_bottom2 {padding:50px 0;}
.pred_calc_bottom2 .nav_btn_wrap {text-align:center;}
.pred_calc_bottom2 .nav_btn_wrap .btn {width:162px;height:74px;line-height:74px;border-radius:37px;padding:0;font-size:25px;margin:0 20px;}
.pred_calc_bottom2 .nav_btn_wrap .btn_before {background:#a3a3a3;}
.pred_calc_bottom2 .nav_btn_wrap .btn_re {background:#5b5b5b;}
.pred_calc_bottom2 .nav_btn_wrap .btn:hover {margin:-8px 20px 8px;}

.pred .pred_price .btn {
	width:180px;line-height:25px;font-size:15px;
	position:absolute;bottom:15px;left:50%;margin-left:-90px;
	box-shadow: 1px 1px 1px 1px #4494cd;
}

.pred_call_bottom {width:100%;height:400px;background: #fafafa;padding:50px 0 180px;}
.pred_call_bottom .container {height:100%;max-width:900px;}
.pred_call_bottom .container .row {height:100%;}
.pred_call_bottom .container .row .middle-wrap {height:100%;}
.pred_call_bottom .middle-text {color:#333;width:99%;}
.pred_call_bottom h3 {font-size:32px;line-height:40px;margin-bottom:20px;}
.pred_call_bottom p {font-size:22px;line-height:35px;color:#666;}
.pred_call_bottom .btn_call {float:right;
	width:300px;height:70px;line-height:70px;font-size:25px;margin:0 0 30px;padding:0;border-radius:20px;font-weight:600;
	position:relative;display:block;	background:#555;box-shadow:3px 3px 3px 1px #999;
}
.pred_call_bottom .btn_messenger {float:right;
	width:300px;height:70px;line-height:70px;font-size:25px;margin:0 0;padding:0;border-radius:20px;font-weight:600;
	position:relative;display:block;	box-shadow:3px 3px 3px 1px #4494cd;
	background: linear-gradient(to right,rgba(48, 180, 205, 1), rgba(48, 126, 205, 1));
}


#ganpan_addinfo {margin:30px auto;max-width:800px;}
#ganpan_addinfo input, #ganpan_addinfo textarea{width:100%;font-size:18px;}
#ganpan_addinfo input::placeholder, #ganpan_addinfo textarea::placeholder {color:#acacac;font-weight:400;}
#ganpan_addinfo input {border:0;}
#ganpan_addinfo textarea {resize:none;}
#ganpan_addinfo button {width:120px;background:#5f5f5f;color:#fff;border-radius:0;line-height:22px;}
#ganpan_addinfo button:hover {background:#333;}
#ganpan_addinfo .store input {width:75%;border-bottom:1px solid #5f5f5f;}
#ganpan_addinfo .store input[type='checkbox'] {width:20%;}
#ganpan_addinfo .store label {width:20%;float:right;font-size:17px;letter-spacing:-2px;}
#ganpan_addinfo .guide_info input{margin-bottom:10px;border-bottom:1px solid #5f5f5f;}
#ganpan_addinfo .size {color:#5f5f5f;}
#ganpan_addinfo .size input {width:50%;border:1px solid #5f5f5f;margin:0 10px;line-height:30px;border-radius:0;}
#ganpan_addinfo .size label {width:20%;}
#ganpan_addinfo .address td {position:relative;}
#ganpan_addinfo .address p {height:150px;}
#ganpan_addinfo .address p:after {content:'';clear:both;display:block;}
#ganpan_addinfo .address td p {padding:15px;}
#ganpan_addinfo .address input {width:100%;border:1px solid #5f5f5f;line-height:30px;border-radius:0;margin-bottom:8px;padding:0 5px;}
#ganpan_addinfo .address #g_postcode {width:40%;float:left;}
#ganpan_addinfo .address #g_getcode {width:40%;float:left;}
#ganpan_addinfo .address button {float:right;}
#ganpan_addinfo .logo_upload input {width:50%;border:1px solid #5f5f5f;line-height:30px;border-radius:0;}
#ganpan_addinfo .logo_upload button {margin-left:10px;}
#address_wrap {display:none;border:1px solid;width:500px;height:300px;margin:5px 0;position:absolute;z-index:999;top:0;}
#address_wrap img {cursor:pointer;position:absolute;right:0px;top:-1px;z-index:1}
#ganpan_addinfo select {line-height:30px;padding:5px 15px;background:#fff;}

#g_comment {height:150px;}


@media (max-width: 1024px){
	.pred_info .row {padding:15px 0;margin:0;}
	.pred_info .info_item {padding:0 5px;margin-bottom:20px;}
	
	.pred_info .info_item > div:before {padding-top:180%;}
	.pred_info .info_item > div p {bottom:45%;}
	.pred_info .info_item > div .overwrap {top:55%;line-height:20px;}
	.pred_info .info_item > div .overwrap .info_name {font-size:11px;letter-spacing:-2px;}
	.pred_info .info_item > div .overwrap img {margin-right:3px;width:12px;}
	.pred_info .info_item > div .overwrap .info_title {display:block;color:#000;font-size:10px;letter-spacing:-2px;}
	.pred_info .info_item > div .overwrap .info_title:after {background:#000;height:1px;}
	.pred_info .info_item > div .overwrap .info_wrap br {display:none;}
	.pred_info .info_item > div .overwrap .more_img {line-height:25px;}
	.pred_info .info_item > div .overwrap .more_img img {width:20px;margin:0;content: url('/uploads/images/more_icon_b.png');}
	.pred_info .info_item > div:hover .overwrap {background:#fff;line-height:20px;}
	.pred_info .info_item > div:hover .overwrap span {color:#000;}
	.pred_info .info_item > div:hover .overwrap .info_name img {content: url('/uploads/images/ganpan/black_icon.png');}
}

@media (max-width:768px){
	.top_nav, .top_nav_item {min-width:unset;}
	.top_nav {height:10vh;padding:0;}
	.background_bar, .background_bar_2 {height:100%;}
	.top_nav .col-xs-2 {padding:12px 0;}
	.top_nav h3 {font-size:11px;}
	.top_nav p {font-size:10px;padding:0 5px;line-height:20px;margin-bottom:5px;}
	.top_nav_item .select_item p span b {display:none;}

	.ganpan {padding:50px 0 100px;}
	._step .container {padding:0 8vw;}
	._step .parts .p_title {font-size:18px;}
	._step .parts .p_explain {display:none;}
	.guide_info {margin-bottom:50px;}
	.guide_info img {max-width:20vw;}
	.guide_info h3 {font-size:22px;line-height:30px;margin-bottom:20px;}
	.guide_info p {font-size:15px;line-height:25px;}
	._step .parts {min-width:0;}
	._step .select_btn {width:100%;border-radius:5px;position:unset;margin-top:15px;}
	._step .parts .p_image .more_view {max-width:10vw;}
	._step .parts .p_description {padding:50px 25px 0;text-align:center;}

	.part_image_view .close_btn {top:5vw;right:5vw;left:unset;width:30px;margin:0;}
	.part_image_view > .image_slide{width:90vw;top:25vw;left:5vw;right:5vw;margin:0;height:auto;}
	.part_image_view .image_slide > div {width:100%;}
	.part_image_view .text_wrap {padding:5vw;min-height:30vh;height:auto;}
	.part_image_view .text_wrap h2 {font-size:30px;line-height:40px;margin-bottom:20px;}	
	.part_image_view .text_wrap p {font-size:15px;line-height:20px;}


	.btn_list .btn {width:40vw;}

	#back_ganpan .middle-text h2 {margin-bottom:10px;}
	#back_ganpan .middle-text p {font-size:20px;font-weight:300;}

	.pred {padding:20px 15px 50px;}
	.pred > section {top:unset;padding:20px;}

	.pred .pred_intro {height:20vh;}
	.pred .pred_intro .middle-wrap {display:none;}
	.pred .pred_intro.pred_intro_01 {background-position:center top;}
	.pred .pred_intro.pred_intro_02 {background-position:center top;}
	.pred .pred_intro.pred_intro_03 {background-position:center top;}

	.pred_company_info .table {border-spacing:10px;}
	.pred_company_info .table>tbody>tr>td {padding:15px 0;}

	.pred_standard .container > div {width:100%;}
	.pred_standard .container > div img {max-width:100%;}
	.pred_standard .container .standard_left {border:0;}
	.pred_standard .container .standard_right {border:0;border-top:1px solid #333;}

	.pred .table>tbody>tr>th p, .pred .table>tbody>tr>td p {padding:0 5px;font-size:16px;line-height:25px;letter-spacing:-1px;text-align:center;}
	.pred .table>tbody>tr>td p span {display:block;}
	.pred .pred_price {font-size:25px;line-height:100px;}
	.pred .pred_price > div:last-child {font-size:25px;}
	.pred .pred_price > div:first-child {padding:22px 0;}
	.pred .pred_price h3 {font-size:28px;line-height:30px;margin-bottom:6px;}
	.pred .pred_price p {font-size:18px;line-height:20px;}

	.pred .pred_btn {padding:0;}
	.pred .pred_btn p {font-size:12px;}
	.pred .pred_btn .btn {width:25vw;height:13vw;line-height:13vw;margin:0;font-size:20px;}
	.pred .pred_btn .btn.btn_re {margin:0 3vw;}


	.pred_calc_bottom {height:auto;}
	.pred_calc_bottom .middle-text {padding:0;}
	.pred_calc_bottom p {font-size:13px;}
	.pred_calc_bottom .middle-text div {width:90%;}
	.pred_calc_bottom .middle-text div:first-child {margin-bottom:30px;}
	.pred_calc_bottom .middle-text h3 {font-size:24px;word-break:keep-all;line-height:40px;margin-bottom:20px;}
	.pred_calc_bottom .btn.btn_main {width:50vw;font-size:23px;height:15vw;line-height:15vw;border-radius:5vw;}
	.pred_calc_bottom .nav_btn_wrap {text-align:center;}
	.pred_calc_bottom .nav_btn_wrap .btn {width:130px;height:50px;line-height:50px;font-size:20px;}
	.pred_calc_bottom .nav_btn_wrap .btn_before {margin:0;}

	.pred_call_bottom {height:auto;padding:50px 0 100px;}
	.pred_call_bottom .middle-text {padding:0;text-align:center;}	
	.pred_call_bottom h3 {font-size:23px;letter-spacing:-3px;margin-bottom:10px;}
	.pred_call_bottom p {font-size:18px;line-height:25px;}
	.pred_call_bottom .btn {width:70vw;height:15vw;line-height:15vw;border-radius:5vw;margin:20px auto 0;font-size:22px;}
	.pred_call_bottom .btn_call, .pred_call_bottom .btn_messenger {float:unset;}
	
	.pred_calc_bottom2 .nav_btn_wrap .btn {width:35vw;height:60px;line-height:60px;font-size:22px;margin:0 2vw;}	
	.pred_calc_bottom2 .nav_btn_wrap .btn:hover {margin:-8px 2vw 8px;}
	.m_table th, .m_table td{display:block;}
	.pred .m_table.table > thead {display:none;}
	.pred .m_table.table>tbody>tr>th {padding:0;font-size:18px;}
	.pred .m_table.table>tbody>tr>td {margin-bottom:15px;}
	.pred .m_table.table>tbody>tr>td p {padding:0;}
	.pred .m_table.table>tbody>tr>td p.m5 {margin-bottom:5px;}
	
	span.guide {width:20px;height:20px;line-height:20px;font-size:15px;}
	#ganpan_addinfo {margin:0;}
	#ganpan_addinfo .store input {width:60%;border-bottom:1px solid #5f5f5f;}
	#ganpan_addinfo .store input[type='checkbox'] {width:20%;}
	#ganpan_addinfo .store label {width:40%;}
	#ganpan_addinfo .size input {margin:0 5px;}
	#ganpan_addinfo .size span:nth-child(2) {display:block;padding:0 10px;}
	#ganpan_addinfo .address input {margin:0;}
	#ganpan_addinfo .address p {height:auto;}
	#ganpan_addinfo .address td p {padding:10px 5px;}
	#ganpan_addinfo button {margin:0;font-size:15px;}
	#ganpan_addinfo input, #ganpan_addinfo textarea {font-size:16px;}
	#ganpan_addinfo select {width:100%;padding:10px 15px;}

	.popup .guide_text {top:20%;left:7%;margin:0;width:86%;height:300px;background:#fff;padding:20px;border-radius:20px;}
	.popup .close_btn {top:5%;left:80%;width:50px;margin-top:0;margin-left:0;cursor:pointer;}

	#popup_login, #popup_info {
		top:40vh;left:0;right:0;z-index:9;margin:0 auto 0;
		padding:30px;font-size:20px;text-align:center;
	}
}




#ganpan_addinfo .agree_wrap {line-height:30px;font-size:16px;padding:20px;}
#ganpan_addinfo .agree_wrap input[type=checkbox] {width:20px;margin-top:8px;margin-left:-25px;}
#ganpan_addinfo .agree_wrap label {width:100%;padding-left:25px;font-weight:400;margin:0;}
#ganpan_addinfo .agree_wrap a {width:100%;}


#agree_popup {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:1002;}
#agree_popup .close_btn {position:absolute;top:5%;left:50%;width:50px;margin-top:0;margin-left:250px;cursor:pointer;}
#agree_popup .agree_text {
	position:absolute;top:15%;left:50%;margin:0 0 0 -300px;background:#fff;
	width:90%;max-width:600px;height:600px;padding:40px;border-radius:20px;
	overflow-y:scroll;
	-ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
#agree_popup .agree_text::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
#agree_popup .agree_text p {font-size:25px;line-height:30px;margin-bottom:15px;font-weight:400;}
#agree_popup .agree_text textarea {height:200px;}

@media (max-width:768px){
	#agree_popup .close_btn {margin:0;left:80%;}
	#agree_popup .agree_text {left:0;margin:0 auto;right:0;}
}