@charset "utf-8";
/* CSS Document */

/*************************** index_css 내용 여기부터 ***************************/
div.default_width{
	width:1100px;
	margin:0 auto;
}


div#body_contents{
	padding-top:100px;
}



div#header{
	background-color:#FFF;
	border-bottom:1px solid #CCC;
	position:fixed;
	width:100%;
	display:inline-block;
	z-index:500;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
}


div#header div#header_top{
	height:25px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00acd6+0,54ba52+100 */
	background: #5c8dd2; /* Old browsers */
	background: -moz-linear-gradient(top, #5c8dd2 0%, #66aee0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #5c8dd2 0%,#66aee0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #5c8dd2 0%,#66aee0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
div#header div#header_top *{font-size:0;}
div#header div#header_top a{font-size:12px; display:inline-block; background-color:white; border-right:1px solid #abd2ec; text-align:center; width:70px; height:24px; line-height:23px;}


div#header div#header_topmenu{height:75px;line-height:75px;
}
div#header div#header_topmenu span#header_topmenu_left{
}
div#header div#header_topmenu span#header_topmenu_right{
	float:right;
}
div#header div#header_topmenu span#header_topmenu_right a{
	font-family:'NanumSquareB';
	font-size:20px;
	margin-left:30px;
}



div#mainbanner_wrap{
	position:relative;
	margin-bottom: 30px;
}
div#mainbanner_search{
	width:100%;
	height:125px;
	position:absolute;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	z-index:50;
}

div#mainbanner_search div#search_form{margin-top:30px;}








#main_cuscenterbox{
	width:670px;
	height:280px;
	display:inline-block;
	border-radius:10px;
	-webkit-box-shadow: 0 3px 7px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    box-shadow: 0 3px 7px rgb(0 0 0 / 30%);
	margin-left: 10px;
	background-color:white;
}

#main_cuscenterbox #main_cuscenterbox_left, #main_cuscenterbox #main_cuscenterbox_right{
	width:auto;
	min-width:250px;
	/*margin:30px;*/
	margin: 15px;
	display:inline-block;
	float:left;
}

#main_cuscenterbox h3{
	font-family:'NanumSquareB';
	font-size:24px;
	font-weight:bold;
	margin:15px 0;
}
#main_cuscenterbox h3 small{font-size:12px; margin-left:5px; font-weight:normal;}


#main_cuscenterbox ul#main_cuscenter_faq li{
	font-size:18px;
	line-height:30px;
	color:#999;
}








div#search_form{
	font-size:0;
}
div#search_form *{
	font-size:14px;
}
div#search_form div#search_form_title{
	height:60px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	width:15%;
	display:inline-block;
	text-align:center;
	
	/*background:url(/img/searchbar/seachbar_title.png) no-repeat center center;
	background-color:#FFF;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00acd6+0,54ba52+100 */
	background: #5c8dd2; /* Old browsers */
	background: -moz-linear-gradient(top, #5c8dd2 0%, #66aee0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #5c8dd2 0%,#66aee0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #5c8dd2 0%,#66aee0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	border-right:1px solid #CCC;
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    box-shadow: 0 3px 7px rgba(0,0,0,0.2);
}

div#search_form div#search_form_title img{
	margin-top:20px;
}

div#search_form div#search_form_stimetxt{
	height:60px;
	line-height:60px;
	width:34.5%;
	display:inline-block;
	border-right:1px solid #CCC;
	text-align:center;
	background-color:#FFF;
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    box-shadow: 0 3px 7px rgba(0,0,0,0.2);
	color:#5c8dd2;
	font-weight:bold;
}



div#search_form div#search_form_etimetxt{
	height:60px;
	line-height:60px;
	width:34.5%;
	display:inline-block;
	border-right:1px solid #CCC;
	text-align:center;
	background-color:#FFF;
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    box-shadow: 0 3px 7px rgba(0,0,0,0.2);
	color:#5c8dd2;
	font-weight:bold;
}


div#search_form .date{
	height:60px;
	/*background:url(/img/searchbar/cal.png) no-repeat right center;*/
	background:url(/img/searchbar/arrow.png) no-repeat right center;
	border:0;
	width:150px;
	font-size:18px;
	text-align:center;
	display:inline-block;
	margin-right:20px;
}

div#search_form .hour{
	height:60px;
	background:url(/img/searchbar/arrow.png) no-repeat right center;
	border:0;
	width:80px;
	font-size:18px;
	cursor:pointer;
}

div#search_form .date:focus, div#search_form .hour:focus{
	background-color:#EEE;
}


div#search_form button#search_form_btn{
	height:60px;
	background-color:#FFF;
	width:15%;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	display:inline-block;
	line-height:inherit;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00acd6+0,54ba52+100 */
	background: #5c8dd2; /* Old browsers */
	background: -moz-linear-gradient(top, #5c8dd2 0%, #66aee0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #5c8dd2 0%,#66aee0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #5c8dd2 0%,#66aee0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c8dd2', endColorstr='#66aee0',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    box-shadow: 0 3px 7px rgba(0,0,0,0.2);
	color:#FFF;
	font-family:'NanumSquareB';
	font-size:20px;
	font-weight:bold;
}





#gotop{
    z-index: 10000;
    background-color: rgba(49,49,49,0.5);
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
}



/*********************팝업스타일****************************/
.pop{ display:none; position:absolute; min-width:400px; max-width:700px;}
.pop .header{ padding:15px 0;color:#FFF; font-size:16px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00acd6+0,54ba52+100 */
	background: #5c8dd2; /* Old browsers */
	background: -moz-linear-gradient(top, #5c8dd2 0%, #66aee0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #5c8dd2 0%,#66aee0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #5c8dd2 0%,#66aee0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00acd6', endColorstr='#54ba52',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    box-shadow: 0 3px 7px rgba(0,0,0,0.2);}
.pop .body{padding:20px; border-top:1px solid #999; border-bottom:1px solid #999; background-color:#FFF; text-align:left;max-height:500px; overflow:auto;}
.pop .footer{ padding:10px 0; background-color:#FFF;}



/************************하단*************************/
#footer{
	margin-top:70px;
	padding-top:50px;
	padding-bottom:50px;
	border-top: 1px solid #ccc;
}
#footer .link{
	font-size:16px;
}
#footer .term{margin:0 10px;}
#footer #copyright{font-size:12px; color:#666; word-break:keep-all; }


#mainbanner_copy{position:absolute; z-index:1000; text-align:center; width:100%; color:white; margin-top:130px; text-shadow: 1px 1px 1px rgba(0,0,0,.5);}
#mainbanner_copy *{font-size:18px;}
#mainbanner_copy h1{font-size:40px; font-family:'NanumSquareB'; font-weight:bold; margin-bottom:20px; text-shadow: 2px 2px 2px rgba(0,0,0,.5); padding: 0 20px;}

#mainbanner4{position:relative;}
#mainbanner4 .infobox{background-color:rgba(0,0,0,.5); bottom:0; position:absolute; padding:10px 20px 20px 20px; width: 100%;}
#mainbanner4 .infobox *{z-index:9999; color:white;}
#mainbanner4 .infobox h3{font-size:20px; font-weight:bold;}
#mainbanner4 .infobox div.infotxt1{}
#mainbanner4 .infobox div.infotxt2{font-size:11px; color:#CCC}
#mainbanner4 .infobox div.infotxt3{font-size:11px; color:#9F0}
/*************************** index_css 내용 여기까지 ***************************/


div#subtop{
	height:160px;
	background:url(../img/sub/subtop_back1.jpg) no-repeat center center;
	background-size:cover;
}

div#subtop h1{
	text-align:center;
	font-size:34px;
	font-weight:700;
	color:#fff;
	padding-top:55px;
	line-height: 30px;
}

div#subtop_menu{width:100%; margin-top:-30px;}
div#subtop_menu div#subtop_menu_roundbox{
	border-radius:5px;
	height:60px;
	line-height:60px;
	background-color:#fff;
	text-align:center;
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    box-shadow: 0 3px 7px rgba(0,0,0,0.2);
	font-size:0px;
	margin-bottom:20px;
}
div#subtop_menu div#subtop_menu_roundbox h3{
	font-size:14px;
	color:#00add2;
}
div#subtop_menu div#subtop_menu_roundbox a{
	height:inherit;
	margin:0 1px;
	padding:0 20px;
	font-size:16px;
	min-width:120px;
	display:inline-block;
	background-color:#FFF;
}
div#subtop_menu div#subtop_menu_roundbox a.active{
	color:#FFF;
	font-weight:500;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00acd6+0,54ba52+100 */
	background: #5c8dd2; /* Old browsers */
	background: -moz-linear-gradient(top, #5c8dd2 0%, #66aee0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #5c8dd2 0%,#66aee0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #5c8dd2 0%,#66aee0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c8dd2', endColorstr='#66aee0',GradientType=0 ); /* IE6-9 */
}


div#subtop_menu div#subtop_menu_roundbox p{
	font-size:14px;
}


div#model_category_select{
	margin-top:20px;
	margin-bottom:30px;
	text-align:center;
}
div#model_category_select select{
	width:200px;
	height:40px;
	line-height:40px;
	border-radius:3px;
	background-color:#fff;
	border:1px solid #aaa;
	font-size:16px;
	color:#666;
}



ul#modellist li{
	width:30%;
	float:left;
	display:inline-block;
}
ul#modellist li div.boxs{
	background-color:#FFF;
	width:95%;
	height:390px;
	margin:10px auto;
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
	border-bottom-left-radius:30px;
	-webkit-box-shadow: 0 5px lightgray;
    -moz-box-shadow: 0 5px lightgray;
    box-shadow: 0 5px lightgray;
}
ul#modellist li div.boxs table{
	width:100%;
	height:100%;
	background-color:transparent;
}
ul#modellist li div.boxs img.titleimg{width:320px;height:240px;}
ul#modellist li div.boxs table.close td{color:#999;}



ul#modellist li div.boxs button{
	width:70px;
	height:25px;
	line-height:25px;
	padding:0;
	border-radius:3px;
	letter-spacing:-1px;
	margin-top:5px;
}

ul#modellist li div.boxs button{
	width:100px;
	height:35px;
}

ul#modellist li div.boxs table.close button{
	background-color:#f9f9f9;
	border:1px solid #aaaaaa;
}


ul#modellist li div.boxs table.active button{
	border: 0;
    color: #FFF;
    background-color: #00acd6;
}



ul#modellist li div.boxs .modelnametxt{font-size:24px; font-weight:500;}
ul#modellist li div.boxs .bohumtxt{font-size:12px; color:#666; letter-spacing:-0.2px; margin:7px 0;}
ul#modellist li div.boxs .memotxt{font-size:12px;}
ul#modellist li div.boxs .memotxt img{vertical-align:middle;}

ul#modellist li div.boxs .feetitle{color:#999;}
ul#modellist li div.boxs .fee{font-size:20px;}








/*

table#detailtable{width:100%; background-color:transparent;}
table#detailtable td{vertical-align:top;}
table#detailtable td#left{width:50%;}
table#detailtable td#left img#mainimg{}
table#detailtable td#right{width:50%;}
table#detailtable h1#modelnametxt{font-size:34px; font-weight:500; padding:20px 0; border-top:3px solid #333; }
*/






div.boxstyle1{
	background-color:#FFF;
	margin:20px;
	border-radius:10px;
	-webkit-box-shadow: 0 3px 7px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    box-shadow: 0 3px 7px rgb(0 0 0 / 30%);
}
div.boxstyle1 h1{font-size:22px; font-weight:500; padding:20px 40px; border-bottom:1px solid #CCC; vertical-align:bottom; color:#5c8dd2;}
div.boxstyle1 table{width:100%; background-color:transparent;}
div.boxstyle1 table td{padding:10px; font-size:16px;}
div.boxstyle1 table td.tab{text-align:center; }
div.boxstyle1 table input, div.boxstyle1 table textarea{background-color:#F4F4F4; border-radius:3px;}

div.boxstyle1 div.innerbox{padding:20px;}



button.confirmbtn1{
	font-size:20px;
	font-weight:500;
	color:#FFF;
	padding:15px 30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00acd6+0,54ba52+100 */
	    background: #5c8dd2;
    background: -moz-linear-gradient(top, #5c8dd2 0%, #66aee0 100%);
    background: -webkit-linear-gradient(top, #5c8dd2 0%,#66aee0 100%);
    background: linear-gradient(to bottom, #5c8dd2 0%,#66aee0 100%);
}







table.tbldetail1 { width:100%; border-top: 2px solid #5689a9;border-bottom: 2px solid #5689a9;}
table.tbldetail1 tbody tr td { background-color: #F0F3F4; padding:8px; border-bottom: 1px solid #999;}
table.tbldetail1 tbody tr td.tab { text-align: center;   }

table.tbl1 { width:100%; }
table.tbl1 td, table.tbl1 th { border:1px solid #ccc; padding:5px;}
table.tbl1 td.tab, table.tbl1 th.tab{ background-color: #f7f7f7; white-space:nowrap; color: #666666; font-weight: bold; text-align: center;}

table.tbl2 { width:100%;}
table.tbl2 td, table.tbl2 th { border:1px solid #C4D6DF; padding:5px;}
table.tbl2 td.tab, table.tbl2 th.tab{ background-color: #E2EDED; white-space:nowrap; color: #4E6D81; font-weight: bold; text-align: center;}



table.tbl3 {width:100%;}
table.tbl3 tr:hover{background-color:#EAEEF0;}
table.tbl3 td {padding:10px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px dotted #CCCCCC; border-right:1px dotted #CCCCCC;}
table.tbl3 td.tab{ background-color:#5c8dd2;color:#FFF; white-space:nowrap; text-align:center; border-left:1px dotted #ccc; border-right:1px dotted #ccc;}



table.tbl4{width:100%; border-top:3px solid #069;}
table.tbl4 > tbody > tr > td{border-left:1px dashed #E8E8E8;border-right:1px dashed #E8E8E8;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;padding:15px 10px;}
table.tbl4 > tbody  > tr td.tab{background-color:#F0F3F4;font-weight:bold;text-align:center;}

/*
table.tbl5{width:100%; background-color:transparent; border-spacing:5px 20px; border-collapse:separate }
table.tbl5 td{padding:15px 10px; border:none; background-color:#FFF; border-radius:10px;-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    box-shadow: 0 3px 7px rgba(0,0,0,0.2);}
table.tbl5 td.tab{background-color:#6CC; color:#FFF; text-align:center; font-size:16px; width:20%;}
*/
table.tbl5{width:100%; background-color:transparent; border-spacing:3px; border-collapse:separate }
table.tbl5 > tbody > tr > td{padding:15px 10px; border:none; background-color:#FFF; line-height:20px;}
table.tbl5 > tbody  > tr > td.tab{background-color:#5c8dd2; color:#FFF; text-align:center; font-size:16px; width:20%;}


table.tbl6{width:100%; background-color:transparent;}
table.tbl6 td{padding:7px 5px; border:none;}
table.tbl6 td.tab{text-align:center; width:20%; color:#5c8dd2; font-size:14px; vertical-align: sub;}
table.tbl6 td i{font-size:22px;}


div.clearfix {clear:both;} 




/************ 페이징css *******************/
div.pagination{display:inline-block;margin:30px auto;border-radius:0; background-color:#369;}
div.pagination>li{display:inline;}
div.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:8px 12px;text-decoration:none;	color:#008cba;background-color:#cde6f2;	border:1px solid transparent;margin-left:-1px;}
div.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0;	border-top-left-radius:0;}
div.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0;	border-top-right-radius:0}
div.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:3;	color:#ffffff;	background-color:#49baf3;	border-color:transparent;}
div.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#ffffff;background-color:#49baf3; border-color:transparent;cursor:default}
div.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999999;background-color:#cde6f2;border-color:transparent;cursor:not-allowed}
div.pagination-lg>li>a,.pagination-lg>li>span{padding:16px 20px;font-size:19px;	line-height:1.3333333;}
div.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0;}
div.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0;}
div.pagination-sm>li>a,.pagination-sm>li>span{	padding:8px 12px; font-size:12px; line-height:1.5;}
div.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0;}
div.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0;}
/*******************************/


/************************** 페이징스타일 **********************************/
div.paging{background-color:#EEE; text-align:center; margin-bottom:15px;}
div.paging a{width:45px; height:45px; line-height:45px; text-align:center; display:inline-block;}
div.paging a:hover{background-color:#81c6e9; color:#FFF;}
div.paging a.active{background-color:#81c6e9; color:#FFF;}





#commondiv{
	background-color: #FFF;
	padding:30px;
	border:7px solid #c7d8e4;
}











h3.info_sub_title{font-size:20px; color: #5c8dd2; padding: 10px;}




div#goodsdiv div.items{float:left; text-align:center; width:33.3%;}
div#goodsdiv div.items div.items_innerbox{margin:5px; background-color:#fff; padding:20px;}
div#goodsdiv div.items div.mainimg{width:320px; height:240px; margin:0 auto; }
div#goodsdiv div.items h2{font-size:1.5em; text-align:center; font-weight:bold; padding-top:10px; height:40px;}
div#goodsdiv div.items span.tips{background-color:#5d90d3; color:#FFF; display:inline-block; width:70px; height:25px; line-height:25px; text-align:center; font-size:12px;}
div#goodsdiv div.items div.items_fee{font-size:1.5em; text-align:center; font-weight:bold; height:40px; padding-top:10px; }
div#goodsdiv div.items div.items_fee .items_defaultfee{font-weight:normal; color:#999; text-decoration:line-through;}
div#goodsdiv div.items div.items_fee .items_salefee{ color:#E81A1F; font-size:22px; letter-spacing:-0.7px}
div#goodsdiv div.items button.realtime{ background-color:#E81A1F; color:#FFF; width:90%; height:40px; font-size:16px; font-weight:bold; }
div#goodsdiv div.items button.close{ background-color:#c9d7e4; color:#FFF; width:90%; height:40px; font-size:16px; font-weight:bold; }


div#detailpage_wrap{ margin-top:70px;}
div#detailpage_wrap h1#modelnametxt{font-size:40px; font-weight:bold; font-family:'NanumSquareB';}
div#detailpage_wrap div#mainimg{width:320px; height:240px; background-repeat:no-repeat; background-position:center; background-size: cover; margin:0 auto; border-radius:30px;}

div#detailpage_wrap_title{text-align:center;}
div#detailpage_wrap_title h1{font-size:7em; color:#fff; font-weight:bold; margin-bottom: 10px; text-shadow: 4px 4px 4px rgb(0 0 0 / 30%);}
div#detailpage_wrap_title h2{font-size:2.5em; color:#fff; margin-bottom:10px; text-shadow: 2px 2px 2px rgb(0 0 0 / 30%);}

div#detailpage_wrap #insurance_select{width:90%; height:50px; font-size:26px;}


div#detailpage_wrap div#detailpage_wrap_goodsinfodiv{background-position:left; background-repeat:no-repeat; background-size: 45%;}
div#detailpage_wrap div#detailpage_wrap_goodsinfodiv div.tbl_div{width:50%; margin-left:45%;}

div#detailpage_wrap div.tbl_div{font-size:0; padding:20px;}
div#detailpage_wrap div.tbl_div div.row{display:inline-block; width:100%; margin-bottom:20px;}
div#detailpage_wrap div.tbl_div div.row:after{clear:both;}
div#detailpage_wrap div.tbl_div div.row_left{float:left; display:inline-block; width:30%; text-align:center; color: #5c8dd2;}
div#detailpage_wrap div.tbl_div div.row_right{float:left; display:inline-block; width:70%;}
div#detailpage_wrap div.tbl_div input[type=text],
div#detailpage_wrap div.tbl_div input[type=tel],
div#detailpage_wrap div.tbl_div input[type=email]{
	width:250px;
}
div#detailpage_wrap div.tbl_div textarea{width:95%;}

div#detailpage_wrap div.tbl_div div.row_half{display:inline-block; width:50%; margin-bottom:20px;}




/* checkbox */
.ck_box{width: 0; height: 0; opacity:0; display: none;filter:alpha(opacity=0);appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.ck_box_label{ padding: 0 0 0 25px; cursor: pointer; background: url(/img/checkbox_off.png) no-repeat left center; background-size: 20px; display: inline-block; height:40px; line-height: 40px; color: #3874ea; font-size: 18px;}
.ck_box:checked + label { background: url(/img/checkbox_on.png) no-repeat left center; background-size: 20px;}
/* ie8 */
@media \0screen {
.ck_box{width:18px; height:18px; opacity:1; filter:alpha(opacity=100); vertical-align: -5px; margin-right: 5px;appearance:inherit; -moz-appearance:inherit; -webkit-appearance:inherit;}
.ck_box_label{ padding: 0 0 0 0; cursor: pointer;background: inherit;}}


div.ulstyle1 > ul > li{margin-left:20px; list-style:circle; line-height:25px;}
div.olstyle1 > ol > li{margin-left:20px; line-height:25px;}

div#rental_steps > ol{display: inline-block; width: 100%;}
div#rental_steps > ol:after{clear:both;}
div#rental_steps > ol > li{ background-color:#FC0; list-style:none; float: left; text-align:center; width:150px; height:150px; margin:0 10px 10px 0; border-radius:10px;}
div#rental_steps > ol > li > .innerbox{margin:10px;}


div#rescheck_loginform{width:400px; line-height:40px; margin:30px auto; border-radius:10px; padding:40px; color:#333;}
div#rescheck_loginform label{font-size:16px; line-height:20px; margin-top:10px;}
div#rescheck_loginform button#btnconfirm{width:100%; margin:0; padding:0; height:60px; background-color:#168fd4; font-size:20px; color:#FFF; margin-top:30px;}



div#mainbanner4 {
	width: 410px;
	height: 280px;
	display:inline-block;
	border-radius:10px;
	-webkit-box-shadow: 0 3px 7px rgb(0 0 0 / 30%);
	-moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
	box-shadow: 0 3px 7px rgb(0 0 0 / 30%);
}
div#mainbanner4 .swiper-slide {
	background-position: center;
	background-size: cover;
	height:285px;
}
div#mainbanner4 h2 {
    position: absolute;
	text-align:center;
    left: -2px;
    top: -2px;
    font-weight: bold;
    background-color: #333;
    color: #fff;
    font-size: 20px;
	padding:10px;
    font-family: Play,Roboto;
    background: #5c8dd2;
    background: -moz-linear-gradient(top, #5c8dd2 0%, #66aee0 100%);
    background: -webkit-linear-gradient(top, #5c8dd2 0%,#66aee0 100%);
    background: linear-gradient(to bottom, #5c8dd2 0%,#66aee0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c8dd2', endColorstr='#66aee0',GradientType=0 );
    -webkit-box-shadow: 0 3px 7px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.2);
    box-shadow: 0 3px 7px rgb(0 0 0 / 20%);
	z-index:100000;
}