@charset "utf-8";

.pagecommon{font-size:17px;color:#777;line-height:26px;letter-spacing:-0.3px;font-family:'notokr-regular'}
.pagecommon .cont_wrap{width:1200px;margin:0 auto}
.pagecommon{font-size:15px;line-height:25px;color:#555;letter-spacing:-0.3px;font-family:notokr-regular}

#Page6{text-align:center}
#Page6 .eng{padding-bottom:15px;font-size:20px;color:#fd9493;font-weight:700;font-family:'nunito'}
#Page6 .tit{font-size:32px;line-height:44px;color:#333;font-family:'notokr-lignt'}
#Page6 .tit span{font-family:'notokr-bold'}
#Page6 .bg_wrap{padding:90px 0;margin:40px 0;color:#fff;background:url(/sh_page/img/6p_bg.jpg) no-repeat}
#Page6 .bg_wrap .bg_tit{padding-bottom:25px;font-size:32px;font-style:italic;font-family:'notokr-bold'}
#Page6 .bg_wrap ul{display:table;margin:0 auto;padding-top:40px;overflow:hidden}
#Page6 .bg_wrap ul li{position:relative;float:left;width:190px;height:47px;font-size:15px;line-height:47px;border-radius:30px;background:rgba(255, 255, 255, 0.1607843137254902)}
#Page6 .bg_wrap ul li{margin-right:42px}
#Page6 .bg_wrap ul li:after{display:block;position:absolute;top:4px;right:-30px;content:url('/sh_page/img/plus.png');color:#222}
#Page6 .bg_wrap ul li:last-child{margin-right:0}
#Page6 .bg_wrap ul li:last-child:after{display:none}
#Page6 .bg_wrap ul li span{font-size:22px;font-family:'notokr-medium'}
#Page6 .sign{padding-top:30px;color:#333}
#Page6 .sign span{font-size:18px;font-family:'notokr-medium'}

#Page55 .tit_area{font-size:16px;text-align:center}
#Page55 .tit_area .e_logo{font-size:16px;font-weight:bold;color:#ff9e9e;letter-spacing:1px;font-family:nunito}
#Page55 .tit_area .tit{padding:11px 0 27px;font-size:30px;color:#333;font-family:notokr-demilight}
#Page55 .insur_area{position:relative;margin-top:35px}
#Page55 .insur_area:after{display:block;visibility:hidden;clear:both;content:""}
#Page55 .insur_area:before{display:block;position:absolute;top:-140px;left:22px;content:url('/sh_page/img/55p_il.png')}
#Page55 .insur_area > li{float:left;position:relative;width:48%;min-height:350px;padding:30px 25px;border:solid 1px #dbdbdb;background-color:#fff;box-sizing:border-box;transition:all 0.2s}
#Page55 .insur_area > li:first-child:after{display:block;position:absolute;right:20px;top:20px;content:url('/sh_page/img/55p_icon01.png')}
#Page55 .insur_area > li:last-child:after{display:block;position:absolute;right:20px;top:20px;content:url('/sh_page/img/55p_icon02.png')}
#Page55 .insur_area > li:last-child{float:right}
#Page55 .insur_area > li .num{font-size:13px;color:#ff9e9e;letter-spacing:2px;font-family:nunito}
#Page55 .insur_area > li .in_tit{padding:6px 0 25px;font-size:19px;color:#333;font-family:notokr-bold}
#Page55 .insur_area > li ul > li{padding-bottom:5px}
#Page55 .insur_area > li ul > li:before{display:inline-block;width:2px;height:2px;margin:0 5px 5px 0;background-color:#999;content:''}
#Page55 .insur_area > li em {display:block;position:absolute;background-color:#ffb9b9;z-index:10}
#Page55 .insur_area > li .emL{left:-1px;bottom:-1px;width:2px;height:0}
#Page55 .insur_area > li .emT{left:-1px;top:-1px;width:0;height:2px}
#Page55 .insur_area > li .emR{right:-1px;top:-1px;width:2px;height:0}
#Page55 .insur_area > li .emB {right:-1px;bottom:-1px;width:0;height:2px}
#Page55 .insur_area > li:hover .emL{-webkit-animation:lineAniL 0.8s 0.1s forwards;animation:lineAniL 0.8s 0.1s forwards}
#Page55 .insur_area > li:hover .emT{-webkit-animation:lineAniT 0.8s 0.3s forwards;animation:lineAniT 0.8s 0.3s forwards}
#Page55 .insur_area > li:hover .emR{-webkit-animation:lineAniR 0.8s 0.5s forwards;animation:lineAniR 0.8s 0.5s forwards}
#Page55 .insur_area > li:hover .emB{-webkit-animation:lineAniB 0.5s forwards;animation:lineAniB 0.5s forwards}
@-webkit-keyframes lineAniL{0%{height:0}25%{height:100%}48%{height:100%}49%{height:100%}100%{height:100%}}
@-webkit-keyframes lineAniT{0%{width:0}25%{width:100%}48%{width:100%}49%{width:100%}100%{width:100%}}
@-webkit-keyframes lineAniR{0%{height:0}25%{height:100%}50%{height:100%}51%{height:100%}100%{height:100%}}
@-webkit-keyframes lineAniB{0%{width:0}25%{width:100%}50%{width:100%}51%{width:100%}100%{width:100%}}
@keyframes lineAniL{0%{height:0}25%{height:100%}48%{height:100%}49%{height:100%}100%{height:100%}}
@keyframes lineAniT{0%{width:0}25%{width:100%}48%{width:100%}49%{width:100%}100%{width:100%}}
@keyframes lineAniR{0%{height:0}25%{height:100%}50%{height:100%}51%{height:100%}100%{height:100%}}
@keyframes lineAniB{0%{width:0}25%{width:100%}50%{width:100%}51%{width:100%}100%{width:100%}}


/* 실시간예약 스타일 */
.res_step_list{display:table;margin:0 auto 45px}
.res_step_list:after{display:block;visibility:hidden;clear:both;content:""}
.res_step_list li{float:left;width:246px;height:66px;padding:0 13px;border:solid 1px #e6e6e6;margin-right:10px;font-size:17px;color:#e6e6e6;line-height:66px;box-sizing:border-box}
.res_step_list li:last-child{margin-right:0}
.res_step_list li span{padding:10px 13px;margin-right:15px;font-size:15px;color:#fff;background-color:#e6e6e6}
#res_step_submit input[type=submit]{display:block;width:246px;height:52px;margin:35px auto 0;border:none;font-size:16px;line-height:52px;color:#fff;background-color:#393c40;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;font-family:notokr-medium}

#reserve_step_01 .res_step_list li:nth-child(1){border:solid 1px #393c40;color:#393c40;box-shadow:0 3px 8px 1px rgba(0, 0, 0, 0.11)}
#reserve_step_01 .res_step_list li:nth-child(1) span{background-color:#393c40}
#reserve_step_01 .reserve_agree{padding:45px 224px;background-color:#f7f7f7;box-sizing:border-box}
#reserve_step_01 .reserve_agree > div.agree_box{position:relative;padding:25px 28px;font-size:16px;color:#333;background-color:#fff}
#reserve_step_01 .reserve_agree > div.agree_box:first-child{margin-bottom:15px}
#reserve_step_01 .reserve_agree > div.agree_box a{display:block;position:absolute;right:62px;top:13px;width:200px;height:40px;border:solid 1px #eee;font-size:14px;color:#777;line-height:40px;text-align:center;background-color:#f4f4f4}

#reserve_step_02 .res_step_list li:nth-child(1){border:solid 1px #393c40;color:#393c40}
#reserve_step_02 .res_step_list li:nth-child(1) span{background-color:#393c40}
#reserve_step_02 .res_step_list li:nth-child(2){border:solid 1px #393c40;color:#393c40;box-shadow:0 3px 8px 1px rgba(0, 0, 0, 0.11)}
#reserve_step_02 .res_step_list li:nth-child(2) span{background-color:#393c40}
#reserve_step_02 .reserve_write{padding:45px 50px;background-color:#f7f7f7}
#reserve_step_02 .rent_info{overflow:hidden}
#reserve_step_02 .rent_info .rent_info_tbl{width:100%;border-collapse:collapse;border-top:solid 1px #333;font-size:15px}
#reserve_step_02 .rent_info .rent_info_tbl thead th{border-bottom:solid 1px #dbdbdb;background-color:#fff}
#reserve_step_02 .rent_info .rent_info_tbl tbody td{border-bottom:dotted 1px #ccc;line-height:26px;text-align:center;background-color:#fff}
#reserve_step_02 .rent_info .rent_info_tbl tbody td.info_car{text-align:left}
#reserve_step_02 .rent_info .rent_info_tbl tbody td .select_car_img{display:inline-block;width:150px;padding-right:15px}
#reserve_step_02 .rent_info .rent_info_tbl tbody td .car_name{display:inline-block;color:#333;font-family:notokr-medium}
#reserve_step_02 .rent_info .rent_info_tbl tbody td.info_pay{font-size:17px;color:#333;font-family:notokr-medium}
#reserve_step_02 .rent_info .totla_pay{float:right;margin-top:20px;font-size:16px;color:#333;font-family:notokr-medium}
#reserve_step_02 .rent_info .totla_pay .pink{color:#fd9493}
#reserve_step_02 .rent_info .totla_pay .big{font-size:22px;font-family:notokr-bold}
#reserve_step_02 .rent_content{margin-top:45px;padding:20px 30px;background:#fff}
#reserve_step_02 .rent_content .reserve_cont{overflow:hidden}
#reserve_step_02 .rent_content .reserve_cont li{float:left;width:50%;padding:14px 0;border-bottom:dotted 1px #ddd;font-size:14px}
#reserve_step_02 .rent_content .reserve_cont li.memo_area{width:100%;border-bottom:none}
#reserve_step_02 .rent_content .reserve_cont li.memo_area label{padding-top:46px;vertical-align:top}
#reserve_step_02 .rent_content .reserve_cont li.flights select{width:200px}
#reserve_step_02 .rent_content .reserve_cont li label{display:inline-block;width:90px;margin-right:10px;font-size:15px;color:#333;font-family:notokr-medium}
#reserve_step_02 .rent_content .reserve_cont li input[type=text]{width:200px;height:33px;line-height:33px;outline:none;box-sizing:border-box}
#reserve_step_02 .rent_content .reserve_cont li select{display:inline-block;width:65px;height:33px;padding:3px;line-height:33px;outline:none}
#reserve_step_02 .rent_content .reserve_cont li textarea{width:862px;height:110px;padding:10px;outline:none;box-sizing:border-box}
#reserve_step_02 .rent_content .reserve_cont li #day01, #reserve_step_02 .rent_content .reserve_cont li #day02{cursor:pointer;background:url(/sh_img/make24/rent_search_form/calender.png) 94% no-repeat}