header_box@charset "utf-8";

/* ---------------------------------------------------
POINTWEB.co.kr
Layout Markup ver1.0 2016-07-01
---------------------------------------------------- */

#piw_wrapper {width:100%;height:100%;min-width:320px}
::-webkit-scrollbar {display:none;}

/* ---- 상단영역 ---- */
#piw_header {height:110px}
#header_box {width:100%;position:relative}
#header_box .logo{width:175px;margin-top:34px;float:left}

.layout {width:100%;max-width:1200px;margin:0 auto;position:relative}

@media (min-width:1200px) {
/* 메뉴 */
#gnb {float:right;display:inline-block;margin-top:45px}
#gnb .mcd-menu {display:block}
#gnb .menu {display:inline-block;margin-left:84px;float:left;font-size:18px;font-weight:bold;color:#2a2a2a;position:relative}
#gnb .menu > a {color:#2a2a2a;font-weight:500;position:relative;padding-bottom:37px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}
#gnb .menu > a:hover,#gnb .menu > a.on {color:#e6001e}

.mcd-menu .sub_menu {width:125px;top:59px;height:40px;left:-25px;position: absolute;height: auto;visibility: hidden;z-index:1000;padding:15px 10px;background-color:#e6001e;opacity:0.5;
transition: all .45s;  -webkit-transition: all .45s;  -moz-transition: all .45s; -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.15)}

.mcd-menu .sub_menu:before {content: '';position: absolute; width:15px;height:15px;top:-8px;right:0;left:0;bottom:0;margin:0 auto;z-index:0;background-color:#e6001e;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.mcd-menu .sub_menu:after {content:"";display:block}
.mcd-menu li:hover > ul {display:block;visibility: visible;opacity:1}
.mcd-menu .sub_menu li {text-align:center;margin-bottom:13px}
.mcd-menu .sub_menu li:last-child {margin-bottom:0}
.mcd-menu .sub_menu li a {color:#fff;font-weight:300;font-size:15px}
.mcd-menu .sub_menu li a:hover, .mcd-menu .sub_menu li a.on {color:#fff;font-weight:600;opacity:1}

/* 모바일 일때 메뉴 적용X */
#full_menu_wrap,.sidebar,.overlay,.subhome {display:none}
[data-sidebar] {margin-right:0 !important}
.menu-tab2 {display:none}

}

/* 메인 레이이아웃 */
#container,#subtop {width:100%}
.maintop {width:100%;height:578px;position:relative}
.mainvs {width:100%;height:578px;background:url("/_public/images/main/mainvsss5.png") center no-repeat;background-size:cover;text-align:left;position:relative}
.mainvs .textarea {width:40%;position:absolute;top:12.1rem;right:0;text-align:right}
.mainvs h2, .mainvs p, .mainvs strong {color:#fff;}
.mainvs p.psp {font-size:2.250rem;font-weight:500}
.mainvs h2.vstxt {margin:0 auto;font-size:4.500rem;font-weight:700;margin:0.8rem 0 1.3rem 0}
.mainvs .vsstrong {font-weight:300;font-size:1.875rem;line-height:1.4;}
.mcontents {width:100%;display:inline-block;position:relative}

.input1 {border:1px solid #e1e1e1;color:#2a2a2a;background-color:#f3f3f3;padding:0.5rem;font-size:1.071rem}

/* 메인 컨텐츠 */
.rslayout {width:100%;max-width:1200px;top:0;left:0;right:0;bottom:0;margin:0 auto;position:absolute}
.mainrs {width:33.33%;max-width:400px;height:578px;background-color:#00a040;}
.mainrs .rsarea {position:relative;overflow:hidden;padding:3rem 2rem 0 2rem}
.mainrs .rsarea .rstarea {color:#fff;text-align:left}
.mainrs .rsarea .rstarea2 {display:none}
.mainrs .rsarea .rstarea p {font-size:2.071rem;font-weight:300;line-height: 1.3;color:#fff;}
.mainrs .rsarea .rstarea p strong {font-size:2.071rem;font-weight:700;color:#fff;}
.mainrs .rsarea .rsboxtitle {display:block;font-size:1.571rem;font-weight:500;margin-bottom:1rem;color:#fff;}
.mainrs .rstitle {font-size:1.786rem}
.mainrs .rsform .rsbox .rsbox-pbtn {display:inline-block;color:#fff;padding:5px 10px;font-size:1rem;margin-left:1rem;background:rgba(0,0,0,0.2);border-radius: 4px;position:absolute;top:0.1rem;left:5.5rem;}
.mainrs .rsform {width:100%;padding-top:2.3rem}
.mainrs .rsform .rsbox {position:relative;margin-bottom:2rem}
.mainrs .rsform .rsbox2 {margin-top:1.8rem}
.mainrs .rsbox .box {display:inline-block;float:left;position:relative;margin:0 2% 2% 0}
.mainrs .rsbox .box:last-child {margin-right:0}
.mainrs .rsbox .box:before,.step3 .table .slarea:before,.step3 .sltype:before,.step4 .sltype:before {content:"\f107";font-family:FontAwesome;position:absolute;font-size:1.429rem;right:1rem;top:0.7rem}
.mainrs .rsbox .input1 {border:1px solid #fff;background:transparent;height:40px;float:left}
.mainrs .rsbox .box select {width:100%;color:#2a2a2a;padding-left:0.5rem;text-align: left;cursor:pointer;background:url("") no-repeat #fff;-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;cursor:pointer}
.mainrs .rsbox .sl1 {width:48%}
.mainrs .rsbox .sl2 {width:48%}
.mainrs .rsbox .sl3 {width:48%}
.mainrs .rsbox .box.sl3:before {content:"\ "}
.mainrs .rsbox .sl3:after {content:"\f073";font-family:fontawesome;display:inline-block;font-size:1.286rem;color:#fff;position:absolute;top:10px;right:10px}
.mainrs .rsbox .cd1 {width:100%;background:transparent;color:#fff;}
.mainrs .rsbtn {width:100%;font-size:2.000rem;color:#fff;background-color:#008133;line-height:2;height:70px;border-radius:10px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}
.mainrs .rsbtn:hover {background-color:#e6001e;border:1px solid #fff;}

.mboxarea {width:100%;display:inline-block;background-color:#f3f3f3;padding:4.56rem 0}
.mboxarea .layout {max-width:1220px}
.mboxarea .layout:after {content:"";display:block;clear:both}
.items-container {width:100%;display:inline-block}
.mboxarea .mcontitle {text-align:center;color:#2a2a2a;font-weight:300;font-size:2.143rem;margin-bottom:2.5rem;line-height:1.6}
.mboxarea .mcontitle strong {font-size:2.857rem;font-weight:500;color:#2a2a2a;display:block}
.mboxarea .mb {width:100%}
.mboxarea .mb .boxarea {width:25%;padding:5px;float:left}
.mboxarea .mb .box {width:100%;min-height:230px;background-color:#fff;border:1px solid #e0e0e0;padding:2rem 1.5rem;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}
.mboxarea .mb .box:hover {box-shadow:0 0 6px rgba(0,0,0,0.15)}
.mboxarea .mb .box:after {content:"";display:block}
.mboxarea .mb .box .txtarea {width:100%;text-align:center}
.mboxarea .mb .btn1 {margin:0 auto;padding:8px 20px 10px 20px;margin-top:1.7rem;font-size:1.071rem}
.mboxarea .mb h3.tt1 {font-size:1.857rem;color:#2a2a2a;margin-bottom:2rem;font-weight:500}
.mboxarea .linebanner {text-align:center;margin-top:2.5rem}
.mboxarea .mb .box .img {display:block;margin-bottom:1rem}
.mboxarea .mb .box img {width:100%;margin:0 auto;max-width:250px}

.micon {width:100%;display:table;max-height:253px;background-color:#fff;padding:2rem 0;border-bottom:1px solid #e8e8e8}
.micon li {width:16.66%;float:left;text-align:center}
.micon li > a {display:inline-block;text-align:center}
.micon li > a:before {content:"";width:120px;height:120px;display:inline-block;border-radius:100px;background:url("/_public/images/main/main_icon.png") -32px center;opacity:0.9}
.micon li > a:hover:before {opacity:1}
.micon li > a.micon1:before {background-position:-40px center}
.micon li > a.micon2:before {background-position:-241px center}
.micon li > a.micon3:before {background-position:-438px center}
.micon li > a.micon4:before {background-position:-640px center}
.micon li > a.micon5:before {background-position:-840px center}
.micon li > a.micon6:before {background-position:-1045px center}
.micon li span {display:block;font-size:1.143rem;margin-top:0.9rem;color:#696969}

.mbbox4 {padding:4.56rem 0;width:100%;display:table}
.mbbox4 h3.tt1 {font-size:1.357rem;color:#2a2a2a;margin-bottom:2rem;font-weight:500;text-align:left}
.mbbox4 .boxarea {width:33.33%;float:left}
.mbbox4 .box {border:1px solid #e8e8e8;padding:2.5rem 2rem;position:relative;min-height:238px}
.mbbox4 .box1 .txt1 {font-size:1.143rem;margin:27px 0 26px 0}
.mbbox4 .box1 .img {display:block;margin:0 auto;max-width:52px;margin-bottom:23px}
.mbbox4 .btnarea {width:100%;display:table;margin:0 auto;margin-top:24px}
.mbbox4 .btn2 {width:48%;display:inline-block;float:left;font-size:1.143rem;padding:14px 0 15px 0;margin:0 1%}
.mbbox4 .box2 ul {margin-top:27px}
.mbbox4 .box2 li {margin-bottom:11px;position:relative}
.mbbox4 .box2 li:last-child {margin-bottom:0}
.mbbox4 .box2 li a {color:#555;}
.mbbox4 .box2 .btn3 {padding:1px 10px 3px 10px;position:absolute;right:2rem;top:2.3rem;color:#00a040;border: 1px solid #00a040;font-size:1.143rem;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}
.mbbox4 .box2 .btn3:hover {border:1px solid #ec9000;box-shadow:0 0 3px rgba(0,0,0,0.15)}
.mbbox4 .cscenter .number {font-size:2.571rem;color:#00a040;font-weight:600;display:block;margin-bottom:2.3rem}
.mbbox4 .cscenter .number .open {font-size:1.071rem}
.mbbox4 .cscenter {background-color:#f9f9f9}
.mbbox4 .cscenter p {font-size:1.143rem;font-weight:400;line-height:1.5}
.mbbox4 .cscenter .location {display:inline-block;padding:1rem 0.8rem;background-color:#00a040;border:1px solid #00a040;position:absolute;right:2rem;bottom:2rem;border-radius:5px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}
.mbbox4 .cscenter .location strong {color:#fff;display:inline-block;float:right;font-weight:500;margin-top:0.3rem}
.mbbox4 .cscenter .location:hover {box-shadow:0 0 6px rgba(0,0,0,0.15)}
.mbbox4 .cscenter .emergency {margin-top:10px;font-size:1.07rem;}
.mbbox4 .cscenter .emergency strong {display:inline-block;font-size:inherit;font-weight:700;color:#e6001e;}

.icon_location {height:26px; width:20px; display:block; position:relative;float:left;margin-right:0.3rem}
.icon_location:before{content:''; height:8px; width:8px; border:5px solid #fff; display:block; position:absolute; top:1px; left:0px; z-index:1; line-height:20px; border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px; color:#fff; text-align:center;}
.icon_location:after{content:''; height:0px; width:0px; display:block; position:absolute; bottom:0px; left:2px; border:0px transparent solid; border-top-color:#fff; border-width:10px 7px 0px 7px; }


/* 푸터 */
#footer {width:100%;}
#footer .ftarea1 {width:100%;display:table;background-color:#282828;max-height:50px;padding:0.9rem 0}
/* #footer .ftarea1 .layout {width:92%;max-width:1150px;margin:0 auto} */
#footer .ftarea1 ul {width:70%;float:left}
#footer .ftarea1 li {display:inline-block;float:left;margin-right:1.33rem;padding-right:1.33rem;position:relative;line-height:2rem}
#footer .ftarea1 li a {color:#fff;}
#footer .ftarea1 li a:hover {color:#d70102}
#footer .snsarea {display:inline-block;float:right}
#footer .snsarea img {width:50px;height:50px}

#footer .ftarea2 {width:100%;display:table;background-color:#353535;padding:2.45rem 0}
#footer .ftarea2 .address_area {width:60%;display: inline-block;float:left}
#footer .ftarea2 .address_area li {line-height:1.8rem;text-align:left;color:#ddd;font-weight:100;display:inline-block;padding-right:0.3rem;position:relative;padding-right:20px;}
#footer .ftarea2 .address_area li:before {content:"";display:inline-block;width:1px;height:12px;background:#787878;position:absolute;top:7px;right:7px;}
#footer .ftarea2 .address_area li:first-child {display:block;font-weight: 400;color:#fff;}
#footer .ftarea2 .address_area li:first-child:before,
#footer .ftarea2 .address_area li:last-child:before {display:none;}
#footer .ftarea2 .copyright {clear:both;font-size:0.929rem;margin-top:0.5rem;color:#fff;font-weight:100;}
#footer .ftarea2 a {font-size:0.929rem;color:#fff;display:inline-block;}
#footer .ftarea2 a + a {margin-left:5px;}

/* 서브 */
#subcontent {width:100%;display:inline-block}
#subtop {width:100%;height:300px;background:url("/_public/images/sub/subtop4.png") center no-repeat;background-size:cover;text-align:center}
#subtop h2.smtitle {display:inline-block;margin:0 auto;height:auto;font-size:3.750rem;color:#fff;padding-top:6.5rem; padding-bottom:1.8rem;font-weight:bold}
#subtop p {color:#fff; font-size:1.4rem;word-break:keep-all;}

#contents {width:100%;padding:5.5rem 0 2.24rem 0;display:inline-block} #contents
.titlearea {width:100%;display:table;padding-bottom:2.5rem;} #contents h3
{font-size:2.286rem;color:#2a2a2a;font-weight:500;letter-spacing:-1px;text-align
:center} #contents .subwrap
{width:100%;min-height:300px;display:inline-block;padding:5.18rem 0} #contents
.section
{width:100%;margin-top:5rem;position:relative;clear:both;display:inline-block}

.subwrap .txt,.subwrap .ltype li,.subwrap .textarea,.subwrap .txtarea span, .subwrap .txt2 {line-height:1.6}
.subwrap .txtarea {margin-top:2rem}
.subwrap i.mk {position:absolute;left:0;top:3%;font-style:normal}
.subwrap .txt2 {padding-left:1.26rem}
.org {color:#e6001e}
.red {color:#e6001e !important;font-weight:bold}
.blf {color:#2a2a2a;font-weight:500}
#contents h4, #contents h5 {font-size:1.429rem;color:#2a2a2a;margin-bottom:1.00rem;font-weight:500}
#contents h5 .org {font-weight:normal}
mark {color:#e6001e;background:none}

.table1,.pricelist .table, .step3 .table {width:100%;border-top:1px solid #acacac}
.table1 th,.table1 td {height:49px;border:1px solid #e0e0e0;border-width:0 0 1px 0}
.table1 th {text-align:left;font-weight:500;color:#2a2a2a;font-size:1.143rem;}
.table1 th:first-child /*,.table1 td:nth-last-child(even)*/ {border-left:0}
.table1 td:nth-last-child(even) {padding-left:10%}
.table1 td:nth-last-child(odd) {padding-left:5%}

.tabarea {width:100%;display:inline-block;border:0px solid #e1e1e1;}
.tabarea button {width:16.66%;float:left;text-align:center;position:relative;height:50px;font-size:1.286rem;color:#2a2a2a;border:1px solid #e0e0e0;border-width:1px 1px 1px 0;font-weight:400;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}
.tabarea button:first-child {border-left:1px solid #e0e0e0}
.tabarea button:nth-child(7n) {border-left:1px solid #e1e1e1 !important;}
.tabarea button:nth-child(n+7) {border-top:0;}
.tabarea button:hover {box-shadow:0 0 6px rgba(0,0,0,0.18)}
.tabarea button:hover,.tabarea button.on {background-color:#00a040;color:#fff;font-weight:500;border-color:#00a040}

.tabarea1 button {width:50%}

.tabarea2 button {width:25%}

/* 보험안내 */
#contents .subwrap.safety{padding-top:0}
#contents .safety h4, #contents .nocplan h4,#contents .cars h4,#contents .step1 h4 {width:100%;display:inline-block;font-size:2.714rem;text-align:center;padding:3.15rem 0 0 0}
#contents .safety .gb {width:90%;margin:0 auto}
#contents .safety .imgarea {position:absolute;display:inline-block;top:0;right:0;text-align:center}
#contents .safety .imgarea img {border:1px solid #e1e1e1}
#contents .safety .imgarea.img2 img {margin-bottom:5px}
#contents .safety .list {width:25%;float:left;text-align:center}
#contents .safety .list .listbgarea {width:90%;display:inline-block;position:relative;border:1px solid #e0e0e0;text-align:center;margin:0 auto;margin-bottom:1.05rem;text-align:center;}
#contents .safety .list .listbgarea strong,#contents .safety .list .listbgarea span {display:block;}
#contents .safety .list .listbgarea strong {background-color:#00a040;display:block;font-size:1.786rem;font-weight:500;padding:1.5rem 0;color:#fff;}
#contents .safety .list .listbgarea span {color:#00a040;padding:0.9rem 0;font-weight:500;font-size:1rem;background-color:#f9f9f9;}
#contents .safety .list .listbgarea span.bt1 {border-top:1px solid #eee;}
#contents .safety .listbgarea p {padding:1.2rem 0;line-height:1.3;border-bottom:1px solid #e0e0e0;}
#contents .safety .txt,#contents .safety .list p,#contents .safety .listtxt,#contents .nocplan .txt2,#contents .cars .txt2,#contents .step1 .txt2 {font-size:1.143rem;padding-left:0;word-break:keep-all;}
#contents .safety .listtxt {display:block;font-weight:bold;color:#2a2a2a;margin-top:0.7rem}
#contents .safety #gb02 .section {margin-top:4.48rem}
#contents .safety .notice {}
#contents .safety .notice .txt {font-weight:500;color:#2a2a2a;font-size:1.214rem}
#contents .safety .notice .noticearea {margin-top:2rem}
#contents .safety .notice .noticearea .org {font-size:1.214rem}
#contents .safety .notice .noticearea strong {display:block;font-weight:bold;margin-bottom:0.9rem}
#contents .safety .notice .noticearea p {font-size:1.071rem;line-height:1.6}

/* 이용안내 */
#contents .guide_info {width:65%;margin:0 auto}
#contents .guide_info h4 {font-weight:400}
#contents .guide_info h5 {text-align:center;padding-top:1rem;margin-bottom:1.5rem}
#contents .guide_info .pssbox {width:100%;display:inline-block;clear:both;position:relative}
#contents .guide_info .process {width:45.8%;float:left;margin:1rem;border:1px solid #e0e0e0;position:relative;padding-top:1.5rem;overflow:hidden}
#contents .guide_info .process h4, #contents .guide_info .process p {width:100%;display:block;line-height:1;padding:1rem 0;}
#contents .guide_info .process .num {width:30px;height:30px;display:block;position:absolute;left:-1px;top:-1px;text-align:center;background-color:#00a040;color:#fff;font-weight:500;font-size:1.143rem;line-height:1.8}
#contents .guide_info .process h4 {text-align:center;border-bottom:#e0e0e0}
#contents .guide_info .process .icon {display:block;text-align:center}
#contents .guide_info .process .txt, #contents .guide_info .process ul li {text-align:left;background-color:#f9f9f9;padding-left:1rem;border-top:1px solid #e0e0e0;font-size:1.071rem}
#contents .guide_info .process .txt {height:100%;}
#contents .guide_info .process ul {height:100%;border-top:1px solid #e0e0e0;padding:1rem 0;background-color:#f9f9f9;}
#contents .guide_info .process ul li {border-top:0;padding-bottom:0.7rem}
#contents .guide_info .process ul li:last-child {padding-bottom:0}
#contents .guide_info .pss1 .process {height:170px}

#contents .guide_info .pss0 .process,#contents .guide_info .pss2 .process,#contents .guide_info .pss4 .process,#contents .guide_info .pss5 .process {width:95%}
/* #contents .guide_info .pss3 .process {height:218px} */
#contents .guide_info .pss6 .process {height:265px}
#contents .guide_info .pss0.iconaw:after {content:"\f078";font-family:FontAwesome;position:absolute;left:25%;bottom:-0.5rem;color:#e6001e;z-index:9999;}
#contents .guide_info .pss1.iconaw:before {content:"\f054";font-family:FontAwesome;position:absolute;right:50%;top:45%;color:#e6001e;z-index:9999}
#contents .guide_info .pss2.iconaw:before {content:"\f078";font-family:FontAwesome;position:absolute;left:75%;top:-0.5rem;color:#e6001e;z-index:9999;    -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Chrome, Safari, Opera */ transform: rotate(30deg);}
#contents .guide_info .pss2.iconaw:after,#contents .guide_info .pss5.iconaw:after {content:"\f078";font-family:FontAwesome;position:absolute;left:48.5%;bottom:-0.5rem;color:#e6001e;z-index:9999}
#contents .guide_info .pss3 .process {width:95%;}
/* #contents .guide_info .pss3.iconaw:before,#contents .guide_info .pss6.iconaw:before {content:"\f078";font-family:FontAwesome;position:absolute;left:75%;top:-0.5rem;color:#ff9c00;z-index:9999} */
#contents .guide_info .pss3.iconaw:after,#contents .guide_info .pss4.iconaw:after {content:"\f078";font-family:FontAwesome;position:absolute;left:48.5%;bottom:-0.5rem;color:#e6001e;z-index:9999}
#contents .guide_info .pss6 .process {width:95%;}

#contents .guide .section {padding-top:3rem}
.guide2 {}
#contents .guide h4, #contents .license h4 {font-size:1.571rem}
#contents .guide h4 span {font-size:1.4rem;display:block;margin-top:0.5rem;font-weight:500;}
#contents .guide .g-p2 {clear:both;color:#e6001e;margin-top:2rem;word-break:keep-all;}
#contents .guide .sp-btn {display:inline-block;padding:0.6rem 1rem;border:1px solid #ccc;margin-top:1rem;color:#5b5b5b;transition: all 0.2s ease-in-out;font-size:1rem;}
#contents .guide .sp-btn:hover {border:1px solid #00a040;color:#00a040;box-shadow: 0 0 6px rgba(0,0,0,0.18);}

.guide2 .gdlist {width:25%;display:inline-block;float:left;padding:0.5rem}
.guide2 .gdlist .gdlistarea {border:1px solid #e0e0e0;text-align:center}
.guide2 .gdlist .gdlistarea .icon {display:block;padding:2rem 0;border-bottom:1px solid #e0e0e0}
.guide2 .gdlist .gdlistarea .txt {background-color:#f9f9f9;padding:1rem 0.5rem;min-height:138px}
.pickup {}
.pickup .picklist {position:relative; width:25%;display:inline-block;float:left;padding:1rem}
.pickup .picklist:after{content:"\f054";font-family:FontAwesome; position:absolute; top:45%; right:-5px;color:#e6001e}
.pickup .picklist:last-child:after{display:none;}
.pickup .picklist .picklistarea {border:1px solid #e0e0e0;text-align:center}
.pickup .picklist .picklistarea .picbg {display:block;border-bottom:1px solid #e0e0e0}
.pickup .picklist .picklistarea .picbg  img{width:100%; vertical-align:bottom}
.pickup .picklist .picklistarea .txt {background-color:#f9f9f9;padding:1rem 0.5rem;min-height:138px}
.guideul li {line-height:2;font-size:1.071rem}
.guideul3 li {width:12.5%;float:left;padding:0.8rem 0;text-align:center;border:1px solid #e0e0e0;margin-left:-1px}
.guideul3 li:last-child {border-right:1px solid #e0e0e0}


/* 이용안내 NOC 안심플랜 */
.nocbox { display: flex; margin-top: 30px; text-align: center; word-break: keep-all;}
.nocbox div { display:block; margin: auto;border-radius: 99%; width: 380px; height: 380px; padding: 40px; text-align: center; background-color: #ecfded; border: 2px solid #4caf50;margin-bottom: 30px}
.nocbox div:first-child { background-color: #e3f4ff; border: 2px solid #449fda;}
.nocbox div:last-child { background-color: #fff9e1; border: 2px solid #ffd407; }
.nocbox div span { font-size: 2.286rem; font-weight: 500; color: #000; margin: 5rem 0 3rem; display: block;}
.nocbox div p { }
.nocbox div p strong { display: block; font-weight: 500; font-size: 1.086rem; color: #202020; margin-bottom: 10px; line-height:1.6rem}
.nocbox div p em {display: block;  font-size: 14px;line-height:1.6rem}

@media screen and (max-width:1199px) {
.nocbox { display: block;}
.nocbox div { width: 320px; height: 320px; padding: 30px; }
.nocbox div span { margin: 3rem 0 2rem; display: block;}
}

/* 여행자보험 */

ul.skyul { margin-bottom: 40px;}
ul.skyul li { display: block; font-size: 16px;line-height:1.65rem;position:relative;padding-left: 10px; color: #555; word-break: keep-all; margin-bottom:0.5rem;}
ul.skyul li::before {content: "";position:absolute;width: 4px;height: 4px;border-radius: 99px;top: 11px;left: 0;background: #555}
ul.skyul li ul { margin-top: 10px}
ul.skyul li ul li { font-size: 1.0rem; line-height:1.25rem}

ul.skyul2 { margin:10px 0 30px}
ul.skyul2 li {font-size: 15px;line-height:1.6rem;position:relative; color: #555; word-break: keep-all;}
/* ul.skyul2 li::before {content: "";position:absolute;width: 4px;height: 4px;border-radius: 99px;top: 11px;left: 0;background: #555} */
ul.skyul3 { margin:0 }
ul.skyul3 li {font-size:1.0rem;line-height:1.7rem;position:relative; color: #555; word-break: keep-all;padding-left: 10px;}
ul.skyul3 li::before {content: "";position:absolute;width: 3px;height: 3px;border-radius: 99px;top: 11px;left: 0;background: #999}
ul.skyul3 li ul { margin-top: 0.313rem}
ul.skyul3 li ul li { font-size: 1.0rem; line-height: 20px}

#contents .license h4 { }
#contents .license h5 { font-size: 1.188rem; font-weight: 500; color: #004dbd; margin-top: 20px}
#contents .license .txt2 { font-size: 1.25rem}
#contents .license .tit-p { isplay: block; font-size: 16px;color: #555; font-weight: 500; margin:20px 0;}
#contents .license .tit-p span { display: block; margin: 10px 0}
#contents .license .org {font-size:1.143rem;margin-bottom:1rem}
#contents .license {font-size:1.071rem}
#contents .license .btn1 {padding:0.5rem 1rem;margin-left:0.5rem}
#contents .license .btn1:hover {border:1px solid #ec9000;box-shadow:0 0 6px rgba(0,0,0,0.18)}
/* #contents .license .license_table {width:100%;border-top:1px solid #e0e0e0}
#contents .license .license_table th,#contents .license .license_table td {border:1px solid #e0e0e0;border-width:0 1px 1px 1px;text-align:left;padding:1rem 1rem}
#contents .license .license_table th {font-weight:500}
#contents .license .license_table .ttitle {font-weight:500;background-color:#f3f3f3;color:#2a2a2a;font-size:1.214rem}
#contents .license .license_table td {border-left:0} */
.licensetxt2 {font-size: 1.25rem;padding: 30px;margin: 0;background: #f8f8f8;text-align: center; line-height:1.7rem }
#contents .license .license_table { width:100%;border-top:2px solid #202020; margin-top: 30px}
#contents .license .license_table thead th { background: #f5f7f9; border-bottom: solid 1px #ddd; border-left: solid 1px #ddd; padding: 15px; font-size: 1.214rem;  word-break: keep-all;font-weight:500; color: #202020;}
#contents .license .license_table thead th:first-child{border-left:0;}
#contents .license .license_table tbody td {border-bottom: solid 1px #ddd; border-left: solid 1px #ddd; padding: 1.2rem; line-height: 1.6rem; font-size: 1.0rem}
#contents .license .license_table tbody th {font-weight:500; border-bottom: solid 1px #ddd; font-size: 16px; color:#09a18e;padding: 1.2rem;}
#contents .license .license_table .ttitle {font-weight:500;background-color:#f3f3f3;color:#2a2a2a;font-size:1.214rem}
#contents .license .license_table td {border-left:0}
#contents .license .license_table td:first-child{border-left:0;}
#contents .license .license_table thead th.linebr { border-left: 1px solid #ddd}
#contents .license .license_table ul { margin-bottom: 0}

#contents .license .lisencebox {width:100%;margin-top:2rem;display:inline-block}
#contents .license .lcimgarea {width:40%;float:left;display:inline-block}
#contents .license .lcimgarea .area {width:50%;float:left}
#contents .license .lcimgarea .area p {font-size:1.0rem;margin-top:0.8rem;font-weight:500;color:#2a2a2a}
#contents .license .guideul2 {width:60%;float:right;}

#contents .license .hospitalslist {  }
#contents .license .hospitalslist p.tith4 { font-size: 18px; font-weight: 600; color: #004dbd; border-bottom: 1px solid #202020; padding-bottom: 20px}
#contents .license .hospitalslist ul { margin: 0 0 30px; background: #f9f9f9; padding: 20px; border-top: 1px solid #999;}
#contents .license .hospitalslist ul li { font-size: 15px; line-height: 28px; position:relative;padding-left: 10px; color: #555; word-break: keep-all;}
#contents .license .hospitalslist ul li::before {content: "";position:absolute;width: 4px;height: 4px;border-radius: 99px;top: 11px;left: 0;background: #999}

#contents .license span.skynote { display: block; font-size: 1.071rem; margin: 10px 0; position: relative;padding-left: 10px; color: #333}
#contents .license span.skynote::before {content: "";position:absolute;width: 5px;height: 1px; top: 8px;left: 0;background: #004dbd}
.pc_n { display: none;}

@media screen and (max-width:1199px) {
    #contents .license h5 { font-size: 1.188rem; font-weight: 500; color: #004dbd; margin-top: 20px}
    #contents .license .txt2 { font-size: 1.25rem}
    #contents .license .tit-p { display: block; font-size: 15px;color: #555; font-weight: 500; margin:20px 0;line-height: 1.6rem;}
    #contents .license .tit-p span { display: block; margin: 10px 0}
    #contents .license .org {font-size:1.143rem;margin-bottom:1rem}
    #contents .license {font-size:1.071rem}
    #contents .license .btn1 {padding:0.5rem 1rem;margin-left:0.5rem}
    #contents .license .btn1:hover {border:1px solid #ec9000;box-shadow:0 0 6px rgba(0,0,0,0.18)}
     .licensetxt2 {font-size: 1rem;padding: 17px;margin: 0;background: #f8f8f8;text-align: center;line-height: 1.41rem;word-break: keep-all;width: 100%;}
    #contents .license .license_table { width:100%;border-top:2px solid #202020; margin-top: 30px}
    #contents .license .license_table thead th { background: #f5f7f9; border-bottom: solid 1px #ddd; border-left: solid 1px #ddd; padding: 15px; font-size: 1rem;  word-break: keep-all;font-weight:500; color: #202020;}
    #contents .license .license_table thead th:first-child{border-left:0;}
    #contents .license .license_table tbody td {border-bottom: solid 1px #ddd; border-left: solid 1px #ddd; padding: 1.2rem; line-height: 1.6rem; font-size: 1.0rem}
    #contents .license .license_table tbody th {font-weight:500; border-bottom: solid 1px #ddd; font-size: 14px; color:#09a18e;padding: 1.2rem;}
    #contents .license .license_table .ttitle {font-weight:500;background-color:#f3f3f3;color:#2a2a2a;font-size:1.1rem}
    #contents .license .license_table td {border-left:0}
    #contents .license .license_table td:first-child{border-left:0;}
    #contents .license .license_table thead th.linebr { border-left: 1px solid #ddd}
    #contents .license .license_table ul { margin-bottom: 0}

    #contents .license .lisencebox {width:100%;margin-top:2rem;display:inline-block}
    #contents .license .lcimgarea {width:40%;float:left;display:inline-block}
    #contents .license .lcimgarea .area {width:50%;float:left}
    #contents .license .lcimgarea .area p {font-size:1.0rem;margin-top:0.8rem;font-weight:500;color:#2a2a2a}
    #contents .license .guideul2 {width:60%;float:right;}
    ul.skyul li { font-size: 15px;}
    .pc_n { display: block;}

    #contents .license .hospitalslist {  }
    #contents .license .hospitalslist p.tith4 { font-size: 18px; font-weight: 600; color: #004dbd; border-bottom: 1px solid #202020; padding-bottom: 20px}
    #contents .license .hospitalslist ul { margin: 0 0 30px; background: #f9f9f9; padding: 20px; border-top: 1px solid #999;}
    #contents .license .hospitalslist ul li { font-size: 14px; line-height: 26px; position:relative;padding-left: 10px; color: #555; word-break: keep-all;}
    #contents .license .hospitalslist ul li::before {content: "";position:absolute;width: 4px;height: 4px;border-radius: 99px;top: 11px;left: 0;background: #999}

    #contents .license span.skynote { display: block; font-size: 1.071rem; margin: 10px 0; position: relative;padding-left: 10px; color: #333}
    #contents .license span.skynote::before {content: "";position:absolute;width: 5px;height: 1px; top: 8px;left: 0;background: #004dbd}
}

/* 지점안내 */
#contents .spot .titlearea {border-bottom:0;}
#contents .spot.subwrap {padding:0}
#contents .spot h4 {font-size:2.143rem; margin-bottom:1.5rem;color:#00a040}

/* .spot .branch-tab {margin:0 auto 40px;display:flex;}
.spot .branch-tab a {display:inline-block;} */

.spot .imgarea {width:45.5%;float:right;display:inline-block;overflow:hidden;}
.spot .soptarea {width:51%;float:left;padding-bottom:5rem;}
.spot .soptarea dl {width:100%;display:inline-block;border-top:1px solid #2a2a2a;}
.spot .soptarea dt {width:20%;float:left;font-weight:500;color:#2a2a2a;}
.spot .soptarea dt, .spot .soptarea dd {padding:1.2rem}
.spot .soptarea dd {padding-left:22%;border-bottom:1px solid #e0e0e0;}
.spot .map {width:100%;display:inline-block;margin-top:3.5rem}


@media all and (max-width:1199px) {
  .spot .soptarea {padding-bottom:3rem;}
}

@media all and (max-width: 768px) {
  .spot .tabarea button {width:50%;font-size:1rem;border:1px solid #e0e0e0;}
}

/* NOC 안심플랜 */
#contents .nocplan h4 {padding-top:0 !important;font-weight:400;text-align:left}
#contents .nocplan h4 mark {font-weight:500}
#contents .nocplan .ptxt {font-size:1.857rem;text-align:center;color:#2a2a2a;padding:0.8rem 0 0.9rem 0}
#contents .nocplan.subwrap .ltype li {padding-left:0 !important}
#contents .nocplan .list {width:33.33%;float:left;text-align:center;margin:1.89rem 0;}
#contents .nocplan .list .listbg {width:50%;height:0;padding-bottom:50%;overflow: hidden;position:relative;background-color:#f8f8f8;border:1px solid #e1e1e1;border-radius:100%;text-align:center;margin:0 auto;margin-bottom:1.05rem}
#contents .nocplan .list .listtxt {display:block;font-weight:500;color:#2a2a2a;margin-top:0.7rem;margin-bottom:1.5rem;font-size:1.143rem;line-height:1.5rem;padding-left:0}
#contents .nocplan .list:nth-child(5) .listtxt,#contents .nocplan .list:nth-child(6) .listtxt {padding:10px 0;}
#contents .nocplan .list .listtxt span {line-height:1.3rem;}
#contents .nocplan .list .listbgarea {display:block;text-align:center;position:absolute;top:40%;left:0;right:0;bottom:0}
#contents .nocplan .list .listbg strong {color:#2a2a2a;display:block;font-size:2.286rem;font-weight:500;}
#contents .nocplan .table {width:100%;margin-bottom:1.857rem;}
#contents .nocplan .table th {height:90px;border-bottom:1px solid #e1e1e1;color:#fff;font-size:1.714rem;font-weight:500;word-break:keep-all;}
#contents .nocplan .table th span {display:block;color:#fff;font-weight:300;line-height:2}
#contents .nocplan .table th:nth-child(1) {background-color:#a2a2a2}
#contents .nocplan .table th:nth-child(2) {background-color:#00a040}
#contents .nocplan .table th:nth-child(3) {background-color:#449fda}
#contents .nocplan .table th:nth-child(4) {background-color:#449fda}
#contents .nocplan .table td {height:80px;border:1px solid #e1e1e1;border-width:0 1px 1px 0;font-size:1.286rem;position:relative;word-break:keep-all;}
#contents .nocplan .table td:nth-child(1) {background-color:#f8f8f8;font-weight:500;color:#2a2a2a;padding-left:3%;font-size:1.571rem;word-break:keep-all;}
#contents .nocplan .table td:nth-child(1) span {display:block;font-size:1.143rem;line-height:2rem;color:#2a2a2;}
#contents .nocplan .table td:nth-child(2n+2),#contents .nocplan .table td:nth-child(3n+3) {text-align:center}
#contents .nocplan .table td:nth-child(2n+2) i,#contents .nocplan .table td:nth-child(3n+3) i {display:inline-block;width:20px;height:20px;}
#contents .nocplan .table td:nth-child(2n+2) i {background:url(../../_public/images/sub/noc_nth3_o.png) no-repeat center;}
#contents .nocplan .table td:nth-child(3n+3) i {background:url(../../_public/images/sub/noc_nth2_o.png) no-repeat center;}
#contents .nocplan .table td:nth-child(3n+4) i {background:url(../../_public/images/sub/noc_nth2_o.png) no-repeat center;}

#contents .nocplan .table tr:nth-child(8) td:nth-child(4) i, #contents .nocplan .table tr:nth-child(9) td:nth-child(4) i {background:url(../../_public/images/sub/noc_nth2_x.png) no-repeat center;}

#contents .nocplan .table tr:nth-child(10) td:nth-child(3) i, #contents .nocplan .table tr:nth-child(10) td:nth-child(4) i {background:url(../../_public/images/sub/noc_nth2_x.png) no-repeat center;}
#contents .nocplan .table tr:nth-child(11) td:nth-child(3) i, #contents .nocplan .table tr:nth-child(11) td:nth-child(4) i {background:url(../../_public/images/sub/noc_nth2_x.png) no-repeat center;}



#contents .nocplan.subwrap i.mk {position:absolute;left:0;top:3%;}
#contents .nocplan h5,#contents .cars h5 {color:#2a2a2a;font-size:1.429rem;margin-top:1.89rem}
#contents .nocplan .last {padding-left:1.26rem;}
#contents .nocplan .txt3 {margin-top:1.89rem;line-height:1.6rem}
#contents .nocplan .txtarea {border-top:1px solid #e1e1e1}
#contents .nocplan .txtarea h5 {color:#fd4f19;font-size:1.857rem;margin-bottom:2rem}
#contents .nocplan .txtarea li {width:33.33%;float:left}
#contents .nocplan .txtarea li strong {display:block;font-size:1.429rem;color:#2a2a2a;margin-bottom:1rem;font-weight:500}
#contents .nocplan .txtarea li p {padding-left:1.60rem}

/* 차량소개 */
#contents .cars h5 {font-size:1.857rem}
#contents .cars.subwrap .txtarea {margin-top:0}
#contents .cars .table {width:25%;float:left;}
#contents .cars .table .tablearea {margin:5px;overflow:hidden;border:1px solid #e0e0e0;background-color:#f9f9f9;}
#contents .cars .table .tablearea:after {content:"";display:block;clear:both}
#contents .cars .table .carname {width:100%;text-align:center;font-weight:500;font-size:1.286rem;color:#2a2a2a;padding-bottom:1rem;margin:0.5rem 0 0 0;min-height:80px}
#contents .cars .table .imgarea {width:100%;height:100%;min-height:220px;padding:1.5rem 1.5rem 1rem 1.5rem;display:inline-block;float:none;display:block;border-bottom:1px dashed #e0e0e0;background-color:#fff;}
#contents .cars .table .imgarea .carimg {width:100%;height:200px;display:block;text-align:center;position:relative;overflow:hidden;}
#contents .cars .table .imgarea .carimg img {width:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#contents .cars .table .carinfo {width:100%;float:none;padding:1.5rem 2rem 1.5rem 2rem }
#contents .cars .table .carinfo .txtarea {width:100%;display:table}
#contents .cars .table .carinfo .txtarea dl {width:100%}
#contents .cars .table .carinfo .txtarea dt, #contents .cars .table .carinfo .txtarea dd {line-height:2.5;font-size:1rem}
#contents .cars .table .carinfo .txtarea dt {width:40%;float:left}
#contents .cars .table .carinfo .txtarea dd {padding-left:40%;text-align:right;border-bottom:1px dashed #e1e1e1}
#contents .cars .table .btn1 {width:30%;min-width:60px;display:block;padding:0.6rem 0 0.7rem 0;margin:0 auto;clear:both;margin-top:1.5rem}





/* 렌터카 상세보기 */
.carsview {display:inline-block;position:absolute;right:0;left:0;bottom:0;margin:0 auto;}
.carsview #contents {padding:1.96rem 2rem;display:block;background-color:#fff;position:relative}
.carsview #contents .subwrap {padding-top:0}
.carsview #contents h3 {font-size:2.000rem;text-align:left;font-weight:400;margin-bottom:1.8rem}
.carsview #contents h3 strong {font-size:2.000rem;color:#00a040}

.carsview .carimg {width:55%;display:inline-block;float:right}
.carsview .mainimg {width:100%;height:350px;overflow:hidden;border:0px solid #e1e1e1;display: -webkit-block;display:block}
.carsview .imgarea {width:100%;float:left;display:inline-block}
.carsview .mainimg img {object-fit:cover}
.carsview .smimg {width:100%;display:inline-block;position:relative;overflow:hidden;margin:0.7rem 0 0.9rem 0}
/*.carsview .smimg ul {width:100% !important;margin:0 auto}
.carsview .smimg li {width:25% !important;float:left;padding:0 2rem}*/
.carsview .smimg li img {width:100%;object-fit:cover}
.carsview .gallery-thumbs button {width:30px;height:100%;display:inline-block;max-height:30px;background-color:rgba(255,255,255,0.9);border:1px solid #e1e1e1;position:absolute;z-index:9999;top:20%}
.carsview .gallery-thumbs button.prev {left:0}
.carsview .gallery-thumbs button.next {right:0}
.carsview #contents .carimg .org {padding-left:0}
.carsview .cardetails {width:40%;float:right}
.carsview .table {width:100%;border-top:1px solid #e0e0e0}
.carsview .table th {color:#2a2a2a;border-right:1px solid #e0e0e0;font-weight:500}
.carsview .table th,.carsview .table td {border-bottom:1px solid #e0e0e0;padding-left:6%;padding:1rem;text-align:left}

/* 렌트카 요금표 */
.pricelist span.yen, .step4 .stxt {display:block;text-align:right;margin-bottom:1rem}
.pricelist .table {width:100%;}
.pricelist .table th, .pricelist .table td {border:1px solid #e2e2e2;border-width:0 1px 1px 0;padding:1rem 0;text-align:center}
.pricelist .table th {background-color:#f8f8f8;color:#2a2a2a;padding:1.5rem 0;font-size:1.143rem;font-weight:500}
.pricelist .table th:first-child, .pricelist .table td.bg {background-color:#f98717;color:#fff;text-align:center;font-size:1.143rem}
.pricelist .textarea {width:100%;padding-left:0 !important;margin-top:1.3rem}
.pricelist .textarea dt,.pricelist .textarea dd {display:inline;font-size:1.143rem}
.pricelist .textarea dd {padding-right:3rem}
 #contents .pricelist h4 {font-size: 2.286rem;width:100%;display:inline-block;margin-top:2.5rem}
.pricelist .tablesub td {text-align:left;padding-left:1.3rem}

/* 예약하기 */
	/* 예약하기 단계 */
.steptop {width:100%;display:inline-block;}
.steptop ul {width:100%;display:table}
.steptop li {width:20%;height:100%;float:left;text-align:center;position:relative;padding:0.5rem 0;border:1px solid #e0e0e0;border-width:1px 0px 1px 1px}
.steptop li:last-child {border-right:1px solid #e0e0e0}
.steptop li span,.steptop li strong {display:block}
.steptop li span {font-size:0.929rem;margin-bottom:0.3rem}
.steptop li strong {font-weight:500;font-size:1.571rem}
.steptop li.on {background-color: #00a040;border:1px solid #00a040}
.steptop li.on span {color:#fff;}
.steptop li.on strong {color:#fff}

	/* Step1 차량선택 */
.step1 {position:relative;word-break:keep-all;}
.step1 .mainrs {top:0}
.step1 .mainrs .rsarea {width:100%;border:1px solid #e1e1e1}
.step1 .maintxt,.step5 .maintxt {text-align:center;font-size:1.286rem;color:#2a2a2a;line-height:1.4}
.step5 .maintxt span {font-size:1.286rem; color:#fd4f19}
.step1 .carlist {width:100%;display:inline-block;margin-top:1rem}
.step1 .carlist .cararea {width:24%;float:left;display:inline-block;}
.step1 .carlist .cararea:before {content:"";display:block}
.step1 .carlist .list {width:96.5%;min-height:317px;padding:1.8rem 0 1.2rem 0;margin-bottom:0.7rem;float:left;text-align:center;border:1px solid #e0e0e0;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}
.step1 .carlist .list .img {display:block;height:240px;overflow:hidden;min-height:auto;}
.step1 .carlist .list .img img {vertical-align:middle;}
/*.step1 .carlist .list .img img {min-height:125px;}*/
.step1 .carlist .list:hover {box-shadow:0 0 6px rgba(0,0,0,0.18)}
#contents .step1 .carlist h5 {margin-bottom:0.4rem}
.step1 .subtxt {font-size:0.929rem;font-weight:300}
.step1 .img {display:block;margin:0 auto;width:65%;padding:1.8rem 0 1.3rem 0}
.step1 .img img {width:100%}
.step1 .price {font-size:1.143rem;color:#e6001e;font-weight:500}
.step1 .btnarea {width:80%;margin:0 auto;padding-top:1rem}
.reservation .step1 .btnarea button {width:40%;padding:0.5rem 0 0.6rem 0;margin:0 0.15rem;font-size:1rem;border-radius:0}
.reservation .step1 .btnarea .btn3 {background-color:#f8f8f8;color:#2a2a2a}
.reservation h5 {margin-top:2.5rem}

.step1 .remainrs {width:100%}
.step1 .remainrs .rsarea {width:100%;padding:0 2rem 2rem 2rem;max-width:1200px;margin:0 auto;display:block;background-color:#f9f9f9;position:relative;overflow:hidden;border:1px solid #e0e0e0}
.step1 .remainrs .rstitle {width:100%;font-size:1.429rem;color:#2f2f2f;display:block;line-height:3.5;border-bottom: 1px solid #e0e0e0}
.step1 .remainrs .rsform {width:100%;display:inline-block;padding-top:1.8rem}
.step1 .remainrs .rsform .rsbox {width:50%;float:left;position:relative}
.step1 .remainrs .rsbox .box {width:45%;display:inline-block;float:left;position:relative;margin:0 0.6rem 0.6rem 0}
.step1 .remainrs .rsbox .box:before,.step3 .table .slarea:before,.step3 .sltype:before,.step4 .sltype:before {content:"\f107";font-family:FontAwesome;position:absolute;font-size:1.429rem;right:10%;top:28%;color:#2a2a2a}
.step1 .remainrs .rsbox .input1 {height:40px;float:left}
.step1 .remainrs .rsbox strong {display:block;font-size:1.143rem;font-weight:500;margin-bottom:1rem;color:#2f2f2f}
.step1 .remainrs .rsbox .box select {width:100%;padding-left:0.5rem;text-align: left;cursor:pointer;background-color:#fff;-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;cursor:pointer}

.step1 .remainrs .rsbox .cd1:before {content:"\f073";position:absolute;font-family:fontawesome;color:#9b9b9b}
.step1 .remainrs .rsbox .cd1 input {width:100%;background-color:#fff;}
.step1 .remainrs .rsbtn {font-size:1.429rem;color:#fff;width:250px;background-color:#00a040;line-height:2.5;height:50px;margin:0 auto;clear:both;display:block;margin-top:2.5rem}
.step1 .remainrs .rsbtn i {padding-right:0.65rem}

.step1 .guide{margin-bottom:2rem}
.step1 .guide .btn4{color:#555;font-size:1rem;width:12%}

/* Step 2  약관 안내 및 동의*/
#contents .step2 h4,#contents .step3 h4,#contents .step4 h4,#contents .step5 h4 {font-size:1.857rem}
#contents .step2 .section,#contents .step3 .section,#contents .step4 .section,#contents .step5 .section {width:100%;display:inline-block;margin-top:3.5rem}
.provision {width:100%;max-height:390px;overflow:hidden;overflow-y: scroll;border:1px solid #e0e0e0;padding:2rem}
.step2 .checked {text-align:right;margin-top:0.5rem;position:absolute;right:0;top:0}
.reservation .btnarea {width:100%;margin:0 auto;clear:both;text-align:center;padding-top:3rem}
.reservation .btnarea button {min-width:90px;font-size:1.250rem;padding:0.93rem 0;margin:0 0.2rem}

/* Step 3 옵션선택 */
.step3 {word-break:keep-all;}
.step3 .table th, .step4 .table th {width:20%;word-break:keep-all;}
.step3 .table td, .step4 .table td {width:80%;}
.step3 .table th,.step4 .table th,.step5 .table th {font-weight:500;color:#2a2a2a;font-size:1.071rem;}
.step3 .table th,.step3 .table td {padding:1.4rem}
.step3 .table td label.rd {margin-right:4rem}
.step3 .table td .rd input {margin-right:0.5rem}
.step3 .table1 td:nth-last-child(odd),.step4 .table1 td:nth-last-child(odd) {padding-left:3%}
.step3 .table td .org {line-height:2rem}
.step3 .table td .org2 {margin-bottom:0.6rem}
.step3 .table td strong {font-weight:700;}
.step3 .table .option1 {width:50%;float:left;position:relative;margin-bottom:8px;}
.step3 .table .option1 label {width:43%;float:left;line-height:2;}
.step3 .table .option1 label.seat-option {position:relative;padding-left:10px;}
.step3 .table .option1 label.seat-option:before {content:"";display:block;width:5px;height:5px;border-radius:100%;background:#00a040;position:absolute;top:11px;left:0;}
.step3 .table .option1 label.seat-option strong {font-weight:700;color:#00a040;font-size:1.14rem;}
.step3 .table .sltype .input1,.step3 .sltype .input1 {width:70px;float:right;background:#fff;padding:0.5rem 0 0.6rem 0.5rem;font-size:1rem}
.step3 .table .slarea:before {font-size: 1.143rem;right: 5%;top: 25%}
.step3 .table2 th {width:20%;}
.step3 .table2 td {width:80%;}
.step3 .option2 {width:100%;padding-bottom:0.7rem}
.step3 .option2 label {width:32%;float:left;line-height:2}
.step3 .sltype {display:inline-block;position:relative}
.step3 .sltype:before {font-size: 1.143rem;right:10px;top: 25%}
.step3 .ava-lang {display:inline-block;line-height:1; margin:0.3rem 0;float:left;padding-right:60px;}
.step3 .color-red {color:#e6001e;}
.step3 .mt05 {margin-top:0.5rem;}

/* Step 4 정보입력/확인 */
#contents .step4 h4 {display:inline-block}
.step4 {word-break:keep-all;}
.step4 .tarea {width:100%;display:inline-block;position:relative}
.step4 .tarea .stxt {position:absolute;right:0;bottom:0}
.step4 .table {width:100%;float:left}
.step4 .table th,.step4 .table td,.step5 .table th,.step5 .table td {padding:1.2rem 2rem}
.step4 .table th strong {font-weight:500;color:#2a2a2a;padding-left:1rem}
.step4 .table strong {display:inline-block;position:relative}
.step4 .table strong:after {content:"\*";position:absolute;left:0;top:0;color:#e6001e;}
.step4 .table td label.rd {margin-right:2.8rem}
.step4 .table td .rd input {margin-left:0.5rem}
.step4 .input2 {border:1px solid #e1e1e1;height:35px;width:40%;padding-left:0.5rem}
.step4 .input2.ws {width:45.5%}
.step4 .input2.ws2 {width:90px;background-color:#fff;}
.step4 .input2.ws3 {width:26%}
.step4 .cd1{position: relative;}
.step4 .cd1 input{    color: #5b5b5b;}
.step4 .cd1:before {content:"\f073";position:absolute;font-family:fontawesome;color:#9b9b9b;    right: 15px;top: 3px;}
.step4 .table td p {font-size:0.929rem}
.step4 .table td .p1 {display:inline;padding-left:0.5rem}
.step4 .table td .p2 {display:block;padding-top:1rem !important}
.step4 .table td .org {padding:0.5rem 0}
.step4 .table td .sltype {width:90px;display:inline-block;position:relative}
.step4 .table td .sltype:before {font-size: 1.143rem;right:8%;top: 25%}
.step4 .table td .pickup {width:100%;padding-bottom:1rem}
.step4 .table td .fw700, .step5 .table td .fw700 {font-weight:700;}
.step4 .table td .std-option,
.step5 .table td .std-option {display:block;position: relative;padding-left:10px;}
.step4 .table td .std-option:before,
.step5 .table td .std-option:before {content:"";display:block;width:5px;height:5px;border-radius:100%;background:#00a040;position:absolute;top:7px;left:0;}
.step4 .table td .std-option + .std-option,
.step5 .table td .std-option + .std-option {margin-top:0.4rem;}

.step4 .charge {width:26%;float:right;border:1px solid #00a040;margin-top:49px;}
#contents .step4 .charge h4 {width:100%;padding:1rem 0;text-align:center;color:#fff;font-size:1.429rem;background-color:#00a040;margin-bottom:0}
.step4 .chargearea .cglist strong {display:block;padding:1rem 1rem;background-color:#f8f8f8;font-weight:500;color:#2a2a2a;border-bottom:1px solid #e2e2e2;clear:both}
.step4 .chargearea .cglist dl {width:100%;display:inline-block;padding:1.3rem 1rem;border-bottom:1px solid #e1e1e1}
.step4 .chargearea .cglist .dlt dt,.step4 .chargearea .cglist .dlt dd {height:39px}
.step4 .chargearea .cglist dt {width:70%;float:left}
.step4 .chargearea .cglist dd {text-align:right;color:#5b5b5b}
.step4 .chargearea .cgtotal {background-color:#00a040;text-align:center;font-size:1.571rem;color:#fff;padding:1.3rem 0}
.step4 .chargearea .cgtotal span {display:block;padding-top:0.4rem;font-size:1.143rem;color:#fff;}
.step4 .chargearea .cglist.type2 strong{border-color:#00a040;background-color: #00a040;color:#fff;}
.step4 .chargearea .cglist.type2 dt{font-size: 14px;font-weight: 500;color: #252525;}
.step4 .w100 {width:100%;float:none}
.step4 .chargearea .cglist.type2 dd {color:#e6001e}
.step4 .w100 td.sp,.step5 .table td.sp {line-height:1.5rem}
.step4 h5,.step5 h5 {width:100%;display:inline-block;margin-top:1rem;font-weight:400 !important;font-size:1.286rem  !important}
.step4 .mt3rem,.step5 .mt3rem {margin-top:2.5rem}
.step4 .flex-box{display:flex;}
.step4 .flex-box .left{width:65%;}
.step4 .flex-box .right{width:30%;padding-left:5%;padding-top:133px;}
.step4 .flex-box .right .charge{width:100%;float: none;}
.step4 .charge .chargein-p {padding:0 1rem 1.3rem;font-size:0.929rem;}

#contents .step4 .step-last > .section {width:65%;}



.dplist {display:inline-block;cursor:pointer;position:relative}
.dplist .departure {left:8rem;top:0;width:auto;min-width:200px;max-width:300px;height:auto;display:none;z-index:77;position:absolute;border:1px solid #00a040; background-color:#f3f3f3;padding-bottom:0.9rem}
.dplist .btn1 {padding:0.5rem 1rem}
.dplist strong:after {display:none}
.dplist .btn1 .fa {padding-left:0.5rem}
.dplist .dptitle {width:100%;display:block;background-color:#00a040;color:#fff;font-weight:500;padding:0.6rem}
.dplist ul {padding:0.5rem}
.dplist ul li {line-height:2}
.dplist p.org {padding:0 0.5rem !important}

/* 예약완료 */
.step5 {word-break:keep-all;}
.step5 .maintxt {border: 2px solid #00a040;padding: 3rem;font-weight: 700;color: #00a040;}
.step5 .st5-p2 {display:block;font-size:1.2rem;color:#e6001e;text-align:center;padding:30px;margin:20px 0;background:#f5f5f5;font-weight:700;line-height:1.6;word-break:keep-all;}
.step5 .st5-p2 span {font-size:1.2rem;font-weight:500;color:#202020;}
.step5 .table th {width:15%;}
.step5 .table td {width:35%;}
/* .step5 .table th {width:20%;}
.step5 .table td {width:80%;} */
/* .step5 .table td, .tsdbl1 {border-left:1px solid #e0e0e0 !important} */
.step5 .table td:first-child {border-left:0}
.step5 .table dl {width:80%;display:inline-block;text-align:left;margin:1.2rem 0}
.step5 .table dt,.step5 .table dd {padding-bottom:1rem}
.step5 .table dt {width:70%;float:left}
.step5 .table dd {text-align:right}
.step5 .table th.bl1 {border-left:1px solid #e0e0e0}
.step5 .table td.bl0 {border-left:0 !important}
.step5 .table td strong {font-weight:700;}
.step5 .table td .r-code {font-weight:700;color:#00a040;}
.step5 .table .total-p th {font-weight:700;color:#00a040;}
.step5 .table .total-p td {font-weight:500;color:#e6001e;}
.step5 .table2 th {width:25%;}
.step5 .table2 td {width:25%;}
.step5 .table2 tr:nth-child(n+2) {width:50%;}
.step5 .pick-btn {display: inline-block;padding: 12px 24px;border: 1px solid #00a040;}
.step5 p{margin-top:1rem}
.step5 p a{display:block; color:#5b5b5b;}
.step5 p:hover a{color:#00a040}
.step5 p a:after{content:"\f054"; margin-left:0.357rem; font-family:FontAwesome; color:#5b5b5b;z-index:100}
.step5 p:hover a:after{color:#00a040}


/* 이용약관 */
#contents .policy h5 {font-size:1.143rem;margin:2rem 0 0.8rem 0}
#contents .policy h6 {font-size:1.071rem;color:#2a2a2a;margin:2rem 0 0.8rem 0}
.policy p {margin-bottom:1rem}
.policy li {position:relative;margin-bottom:0.3rem;line-height:1.2 !important}
.policy li a, .step2 .policy a {color:#555;}
.policy li a:hover, .step2 .policy a:hover {color:#111;}
.policy ol,.policy ul {margin:1rem 0}
.policy ol > li {list-style-position:outside;list-style-type:decimal;margin-left:1rem}
.policy .ltype li {padding-left:0.3rem;list-style-type:none}
.policy .ltype i {position:absolute;left:-1rem;font-style:normal}
.policy .ltype2 {margin:0.7rem 0 0.8rem 0}
.policy ul.ltype2 > li {padding-left:0.7rem}
.policy ul.ltype2 > li:before {content: "\·"; position: absolute;top: 0px;left: 0}
.policy .table {width:100%;border:1px solid #e2e2e2;border-width:1px 0 0 1px;margin:0.7rem 0}
.policy .table th {background-color:#f8f8f8}
.policy .table th,.policy .table td {padding:0.5rem;border:1px solid #e2e2e2;border-width:0 1px 1px 0}

.company td a {color:#555;}
.company .sp {padding-left:5% !important;border-left:1px solid #e2e2e2 !important}

.bggray {background-color:#f3f3f3}

.wifi-policy{line-height: 1.6rem;}
.wifi-policy strong{display:block;    font-size: 1.143rem;margin:0 0 0.8rem 0;}
.wifi-policy .table-box{overflow-x: auto;}
.wifi-policy .table-box table{width: 100%;border-top: 2px solid #202020;margin-top: 30px;table-layout: fixed;}
.wifi-policy .table-box table thead tr th{background: #f5f7f9;border-bottom: solid 1px #ddd;border-left: solid 1px #ddd;padding: 15px;font-size: 1.214rem;word-break: keep-all;font-weight: 500;color: #202020;}
.wifi-policy .table-box table thead tr th:first-child{border-left:0;}
.wifi-policy .table-box table tbody tr td{border-bottom: solid 1px #ddd;border-left: solid 1px #ddd;padding: 1.2rem;line-height: 1.6rem;font-size: 1.0rem;text-align: center;}
.wifi-policy .table-box table tbody tr td:first-child{border-left:0;}


/* 로그인 */
.login {width:50%;border:1px solid #cdcdcd;background-color:#fff;margin:6rem auto}
.login #contents {padding:3rem 0 0 0}
.login #contents .subwrap {padding:3rem 0}
.login .loginarea {min-width:280px;max-width:500px;margin:0 auto}
.login #contents .loginarea h4 {color:#ff9c00;font-size:2.714rem;text-align:center;}
.login #contents .input1 {background-color:#fff;}
.login .loginarea p {font-size:1.071rem;text-align:center;line-height:1.3}
.login .loginarea dl {width:100%;display:inline-block;margin-top:2rem}
.login .loginarea dt {width:20%;font-size:1.071rem;float:left;line-height:2.2;color:#2a2a2a;text-align:right;padding-right:1rem;font-weight:500}
.login .loginarea dt,.login .loginarea dd {margin-bottom:0.7rem}
.login .loginarea dd {padding-left:20%;}
.login .loginarea dd .input1 {width:100%;padding:0.5rem 1rem}
.login .loginarea .conf-notice {text-align:center;font-size:1.14rem;color:#e6001e;padding:1rem;border:1px solid #ddd;background:#f5f5f5;margin-top: 1.44rem;font-weight:500;word-break:keep-all;}
.login .loginarea .conf-notice a {color:#e6001e;font-weight:700;text-decoration:underline;}
.login .btn1 {width:20%;margin:0 auto;min-width:70px;display:table;padding:1rem 0;font-size:1.071rem;margin-top:2rem}

/* 취소하기 */
.cancel .input1 {margin-top:1.5rem;padding:1rem}
#contents .cancel .loginarea h4 {color:#2a2a2a}

.search-box{display: flex;align-items: center;gap:86px; border: solid 1px #e0e0e0;background-color: #f9f9f9;padding:20px 40px;margin-bottom: 40px;}
.search-box p{font-size: 20px;font-weight: 500;letter-spacing: -1px;color: #2a2a2a;}
.search-box select{padding:0 60px 0 20px;width:100%;max-width:420px;height:50px; border: solid 1px #e6001e;background: #fff url(/_public/images/common/icon_select.svg) 95% 50% no-repeat;font-size: 18px;font-weight: 500;letter-spacing: -0.9px;color: #e6001e;}


@media screen and (max-width:1199px) {
  #piw_header {width:100%;height:60px;padding:0;margin:0}
  #header_box {width:100%;position:relative}
  #header_box .logo {position:absolute;left:1rem;top:1.4rem;width:52%;max-width:185px;padding:0;float:none;margin-top:0}

  /* 좌측 메뉴 */
  #full_menu_wrap {background:white; top:0;overflow-x:hidden; overflow-y:scroll; width:70%;height:100%; -webkit-overflow-scrolling:touch;right:0px; z-index:1000;display:none;right:0}
  [data-sidebar] {display:none; position: fixed; height: 100%; z-index:101}
  [data-sidebar-overlay] { display: none; position: fixed; top: 0; left: 0; opacity: 0.7 !important; width: 100%; min-height: inherit;height: 100%;background:black;z-index:101}

  .sidebar {width:100%;height:100%;z-index:1000003;display:inline-block;overflow-y: scroll;background-color:#fff;}
  .sidebar .subhome {width:100%;display:block;height:70px;background-color:#00a040;padding:10px 0 0 10px;font-weight:500}
  .sidebar .subhome .btnlink {display:inline-block;color:#fff;font-size:1.286rem;border:1px solid rgba(255,255,255,0.9);padding:0.8rem 2rem;border-radius:2rem}
  .sidebar .subhome .btnlink .fa {color:#fff;}

  .sidebar #leftside-navigation .nano-content li {text-align:left;}
  .sidebar #leftside-navigation .nano-content li a {padding-left:1.05rem}
  .sidebar #leftside-navigation .nano-content > li > a {color:#2a2a2a;border-bottom:1px solid #e1e1e1;font-size:1.143rem;font-weight:500;display:block;padding:1.33rem 1.12rem 1.05rem 1.12rem;position:relative}
  .sidebar #leftside-navigation .nano-content > li > a:hover,.sidebar #leftside-navigation .nano-content > li > a:active {background-color:#f8f8f8}
  .sidebar #leftside-navigation .nano-content > li.active ul {display:block}
  .sidebar #leftside-navigation .bm:after {content:"\f107";position: absolute;font-family: FontAwesome;font-size:1.429rem;right:2rem;top:36%;color:#a1a1a1;font-weight:500}

  .sidebar .list-hover-slide {display:none}
  .sidebar .list-hover-slide li {position: relative;overflow: hidden}
  .sidebar .list-hover-slide a {width:100%;padding-bottom:1.33rem;display: block;position: relative; z-index:1;transition: .35s ease color;color:#555555}
  .sidebar .list-hover-slide li:first-child a {padding-top:1.33rem}
  .sidebar .list-hover-slide li:last-child {border-bottom:1px solid #e1e1e1}
  .sidebar .list-hover-slide .on a {color:#d70102;font-weight:bold}

  .menu-tab2 {width: 28px;height:20px;position:absolute;z-index:90000000;top:1.6rem;right:1rem;cursor: pointer;-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
  .menu-tab2 div {width:25px;height:1px;background-color: #2a2a2a; display: block;margin:6px 0; -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out}
  .menu-tab2 div:nth-child(1) {margin-top:0}

  .menu-tab2.active {right:1rem;-webkit-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out}
  .menu-tab2.active #one {top:0;
  	-webkit-transform: translateY(9px) rotate(-135deg);
  	transform: translateY(9px) rotate(-135deg);
  	-webkit-transition: all .6s ease-in-out;
  	transition: all .6s ease-in-out;
  	background-color:#fff;}

  .menu-tab2.active #two {opacity: 0;-webkit-transition: .4s ease;transition: .4s ease}

  .menu-tab2.active #three {
    -webkit-transform: translateY(-5px) rotate(-45deg);
            transform: translateY(-5px) rotate(-45deg);
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    background-color: #fff;
  }

  /* 메인 비주얼 */
  .mainvs {height:236px}
  .mainvs .textarea {top:25%}
  .mainvs p.psp {font-size:1.786erem;font-size:300}
  .mainvs h2.vstxt {font-size:2.571rem;margin:0.3rem 0 4px 0}
  .mainvs .vsstrong {font-size:1.6rem;font-weight:500;}

  /* 메인 컨텐츠 */
  .maintop {width:100%;height:auto;position:relative}
  .mainvs {width:100%;height:338px;text-align:center}
  .mainvs .textarea {width:100%;top:5rem;right:0;text-align:center}
  .mainvs p.psp {font-size:2.250rem}
  .mainvs h2.vstxt {margin:0 auto;font-size:3.571rem;font-weight:700;margin:0.8rem 0 1rem 0}

.rslayout {position:relative}
.mainrs {width:100%;max-width:100%;height:auto}
.mainrs .rsarea {position:relative;padding:2rem 1rem 2rem 1rem}
.mainrs .rsarea .rstarea p {font-size:1.643rem;margin-bottom:2rem}
.mainrs .rsarea .rstarea .restitle {font-size:1.643rem}
.mainrs .rsform .rsbox .rsbox-pbtn {top:-0.1rem;left:4.5rem;}
.mainrs .rsarea .rsboxtitle {font-size:1.286rem}
.mainrs .rstitle {font-size:1.786rem}
.mainrs .rsform {padding-top:0rem}
.mainrs .rsform .rsbox {margin-bottom:1.5rem}
.mainrs .rsform .rsbox2 {margin-top:1rem}
.mainrs .rsbtn {width:48%;font-size:1.429rem;display:table;height:50px;margin:0 auto;clear:both;font-weight:500}

.mboxarea {padding:2.5rem 0.8rem 1rem 0.8rem}
.mboxarea .mcontitle {font-size:1.786rem;margin-bottom:1.5rem;line-height:1.6}
.mboxarea .mcontitle strong {font-size: 2.143rem}
.mboxarea .mb .box {display: inline-block;min-height:auto;padding:1.5rem 1.5rem;}
.mboxarea .mb .box .img {width:45%;float:left;display:block;margin-bottom:0}
.mboxarea .mb .box .txtarea {width:50%;float:right;text-align:left}

.mboxarea .boxarea {float:none}
.mboxarea .mbbox1 .boxarea {width:100%}
.mboxarea .mbbox1 .box h3.tt1 {height:30px;font-size:1.429rem;margin-bottom:0}
.mboxarea .mbbox1 .box h3.sm {font-size:1.214rem}
.mboxarea .mbbox1 .btn1 {padding:0.56rem 1rem}
.mboxarea .mbbox2 .boxarea,.mboxarea .mbbox3 .boxarea {padding:5px}

.micon {width:100%;display:table;max-height:253px;background-color:#fff;padding:2rem 0}
.micon li {width:33.33%;float:left;text-align:center;margin-bottom:1rem}
.micon li > a {display:inline-block;text-align:center}
.micon li > a:before {content:"";width:70px;height:70px;border-radius:0;background:url("/_public/images/main/main_icon.png") -32px center;background-size:cover}
.micon li > a.micon1:before {background-position:-23px center}
.micon li > a.micon2:before {background-position:-842px center}
.micon li > a.micon3:before {background-position:-258px center}
.micon li > a.micon4:before {background-position:-375px center}
.micon li > a.micon5:before {background-position:-490px center}
.micon li > a.micon6:before {background-position:-608px center}
.micon li span {font-size:1rem;margin-top:0}

.mboxarea .linebanner {width:96%;margin:0 auto;text-align: center;margin-top: 1.5rem}

.mbbox4 {padding:0}
.mbbox4 .boxarea {width:100%;float:none}
.mbbox4 .box {border:1px solid #e8e8e8;border-width:0 0 1px 0;padding:2rem 2rem;min-height:auto}

.mbbox4 .box1 .img {display:block;margin:0 auto;max-width:52px;margin-bottom:23px}
.mbbox4 .btnarea {width:100%;display:table;margin:0 auto;margin-top:2rem}
.mbbox4 .box2 ul {margin-top:2rem}
.mbbox4 .box2 li {overflow:hidden;margin-bottom:0.8rem;word-break:break-all;font-size:1.071rem}
.mbbox4 .box2 li a {font-size: 1.071rem}
.mbbox4 .box2 .btn3 {padding: 1px 10px 3px 10px;top: 1.5rem}

.mbbox4 .cscenter .box {border-bottom:0}
.mbbox4 .cscenter .number {font-size:2.143rem;margin-bottom:1.5rem}
.mbbox4 .cscenter .number .open {font-size:1.071rem}
.mbbox4 .cscenter p {font-size:1.071rem}
.mbbox4 .cscenter .location {display:inline-block;padding:0.5rem 0.8rem;right:2rem;bottom:2rem;border-radius:5px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}
.mbbox4 .cscenter .location strong {margin-top:0.3rem}

/* 푸터 */
#footer .ftarea1 {padding:0}
#footer .ftarea1 .layout,#footer .ftarea2 .layout {width:100%}
#footer .ftarea1 ul {width:100%;float:none}
#footer .ftarea1 li {width:50%;display:inline-block;margin:0;text-align:center;padding:1rem 0;line-height:1.2rem}
#footer .ftarea1 li:after,#footer .ftarea1 .snsarea,#footer .ftarea2 .ftlogo {display:none}
/* #footer .ftarea1 li:last-child {width:36%;border-right:0} */
#footer .ftarea2 {padding:1.4rem 1rem;border-top:0;text-align:left;position:relative}
#footer .ftarea2 .address_area {width:100%;display: inline-block;float:none}
#footer .ftarea2 .address_area li {display:block;padding-right:0}
#footer .ftarea2 .address_area li:before {display:none;}
#footer .ftarea2 .snsarea {position:absolute;top:0;right:1rem}
#footer .ftarea2 .snsarea img {width:40px;height:40px}
#footer .ftarea2 .copyright {margin-top:0.35rem}

/* 서브 */
#subtop {height:150px;padding:0 40px;}
#subtop .smsubtit {font-size:1.214rem; color:#fff;}
#subtop h2.smtitle,#subtop strong {font-size:1.643rem;color:#fff;padding-top:9.3%}
#subtop h2.smtitle {padding-bottom:0.9rem;}
#subtop s a{line-height:26px; color:#fff;}
.subwrap .txt, .subwrap .ltype li, .subwrap .textarea, .subwrap .txtarea span, .subwrap .txt2 {line-height:1.4;font-size:1.071rem}

#contents {padding:3rem 1rem 2rem 1rem;width:100%;margin:0 auto;display:table}
#contents .titlearea {padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0;width: /*calc(100% - 40px)*/ 100%;}
#contents h3 {font-size:1.714rem;width:100%;float:none;}
#contents .subwrap {padding:2.24rem 0}
#contents h4,#contents h5,#contents .nocplan h5,#contents .nocplan .txtarea li strong {font-size:1.214rem;margin-bottom:0.91rem}
#contents h5 {line-height:1.5}
#contents .section,.subwrap .txtarea,#contents .nocplan h5,#contents .step1 h4, #contents .step2 h4 {margin-top:1.56rem;font-size:1.643rem}
#contents .step2 h4 {margin-top:0}
#contents .ltype li {padding-left:0.5rem}

.subwrap i.mk {top:1.9%}
.none {display:none}

.table1 th,.table1 td {height:auto;border:1px solid #e1e1e1;border-width:0 0 1px 1px;padding:1rem 0.7rem}
.table1 td:nth-last-child(even),.table1 td:nth-last-child(odd) {padding-left:3%}
.tabarea button {height:40px;font-size:1.143rem}
.tabarea button {border-bottom:0}
.tabarea button:nth-child(3),.tabarea button:nth-child(5) {border-left:1px solid #e1e1e1}
.tabarea button:nth-child(5),.tabarea button:nth-child(6) {border-bottom:1px solid #e1e1e1}
.tabarea2 button {width:50%;border-bottom:1px solid #e1e1e1}
.tabarea2 button:first-child {border-bottom:0;}
.tabarea2 button:nth-child(2) {border-bottom:0;border-right:1px solid #e1e1e1}
.tabarea2 button:nth-child(3) {border-left:1px solid #e1e1e1}
.tabarea2 button:last-child {border-right:1px solid #e1e1e1}
.tabarea2 button:nth-child(2):hover,.tabarea2 button.on:nth-child(2), .tabarea2 button:last-child:hover,.tabarea2 button.on:last-child {border-color:#ff9c00}

/* 이용안내 */
#contents .safety h4, #contents .nocplan h4,#contents .spot h4,#contents .login .loginarea h4,#contents .cars h4 {font-size:2.000rem;padding:2rem 0 1rem 0;margin-bottom:0}
#contents .safety .gb {width:100%;margin:0 auto;}
#contents .safety .imgarea {width:100%;position:relative;display:block;margin-top:5px;text-align:center}
#contents .safety .imgarea img {width:80%;margin-bottom:5px}
#contents .safety #gb02 .section {margin-top:3rem}
#contents .safety .list {width:100%;margin-bottom:0.5rem}
#contents .safety .list .listbgarea {width:100%;}
#contents .safety .list .listbg {width:93%;padding-bottom:93%}
#contents .safety .list .listbg strong {font-size:1.857rem;letter-spacing:-1px}
#contents .safety .list .listbg span {font-size:0.929rem}
#contents .safety #gb02 .txt {margin-top:1.05rem}
#contents .safety #gb02 .txt,#contents .safety .list p,#contents .safety .listtxt,#contents .nocplan .txt2 {font-size:1rem}
#contents .safety .listtxt {margin-top:0.7rem}
#contents .safety .list .listbgarea strong {font-size:1.571rem; padding: 1rem 0}
#contents .safety .listbgarea p {padding:0.5rem}

/* 이용안내 */
#contents .guide_info {width:100%}
#contents .guide_info .process {width:45.8%;margin:0.5rem 0.5rem 0.9rem 0.5rem;border:1px solid #e0e0e0;position:relative;padding-top:1.8rem;overflow:hidden}
#contents .guide_info .process .txt, #contents .guide_info .process ul li {padding:0 0.5rem;font-size:1.071rem}
#contents .guide_info h4 {min-height:60px}
#contents .guide_info .process ul {padding:1rem 0;}
#contents .guide_info .process .txt {padding:1rem 0.5rem}
#contents .guide_info .process ul li {border-top:0;padding-bottom:0.7rem}
#contents .guide_info .process .icon img {width:40px}

#contents .guide_info .pss1 .process,#contents .guide_info .pss3 .process,#contents .guide_info .pss6 .process {height:auto}
#contents .guide_info .pss0 .process,#contents .guide_info .pss2 .process,#contents .guide_info .pss4 .process,#contents .guide_info .pss5 .process {width:95%}
#contents .guide_info .pss1 .process h5 {min-height:64px}Wnr
#contents .guide_info .pss0.iconaw:after {bottom:-0.4rem}
#contents .guide_info .pss1.iconaw:before {right:49%}
#contents .guide_info .pss2.iconaw:before {top:-0.8rem}
#contents .guide_info .pss2.iconaw:after,#contents .guide_info .pss5.iconaw:after {bottom:-0.4rem}
#contents .guide_info .pss3.iconaw:before,#contents .guide_info .pss6.iconaw:before {top:-0.7rem}
#contents .guide_info .pss3.iconaw:after,#contents .guide_info .pss4.iconaw:after {bottom:-0.4rem}
#contents .guide .section {padding-top:2rem}
#contents .guide_info .pss3 p {min-height:133px}
#contents .guide_info .pss6 ul {min-height:194px}
#contents .guide .sp-btn {font-size:1rem;}

.guide2 .gdlist {width:100%;float:none;padding:0.5rem}
.guide2 .gdlist img {width:85px}
.guide2 .gdlist .gdlistarea .icon {padding:1rem 0}
.guide2 .gdlist .gdlistarea .txt {background-color:#f9f9f9;min-height:auto}
.guideul li {line-height:1.5;margin-bottom:0.7rem}
.pickup {}
.pickup .picklist {width:100%;float:none;padding:1rem 0.5rem;}
.pickup .picklist:after{content:"\f078";font-family:FontAwesome; position:absolute; top:auto; bottom:-5px; right:47.5%;color:#ff9c00}
.pickup .picklist .picklistarea {border:1px solid #e0e0e0;text-align:center}
.pickup .picklist .picklistarea .picbg {display:block;border-bottom:1px solid #e0e0e0}
.pickup .picklist .picklistarea .picbg  img{width:100%; vertical-align:bottom}
.pickup .picklist .picklistarea .txt {background-color:#f9f9f9;min-height:100px}

#contents .license .lisencebox {width:100%;margin-top:1rem}
#contents .license .lcimgarea {width:100%;float:none}
#contents .license .lcimgarea .area {width:50%;float:left;padding:0.5rem}
#contents .license .lcimgarea .area img {border:1px solid #ddd;}
#contents .license .lcimgarea .area p {font-size:1.071rem;margin-top:0.8rem;font-weight:500;color:#2a2a2a}
#contents .license .guideul2 {width:100%;float:none;margin-top:1.8rem}

/* NOC 안심플랜 */
#contents .nocplan .ptxt {font-size:1.214rem;}
#contents .nocplan .table th {padding:0.5rem;font-size:1.286rem}
#contents .nocplan .table th span {line-height:1;margin-top:0.5rem}
#contents .nocplan .table td {padding:0.5rem;font-size:1.143rem}
#contents .nocplan .table td:nth-child(1) {font-size:1.286rem}
#contents .nocplan .table td:nth-child(1) span {font-size:1rem;line-height:1rem;margin-top:0.5rem}
#contents .nocplan .table td mark {position:relative;display:block;top:0;margin-left:0}
#contents .nocplan .fa-dot-circle-o {font-size:33px;color:#d70102}
#contents .nocplan .cc_cancel {width:20px;height:20px;border:4px solid #555555}
#contents .nocplan .css-cancel {width: 4px;height:24px;margin-top:-2px}
#contents .nocplan .css-cancel:before {top:10px;left:-10px;width:25px;height:4px}
#contents .nocplan .txt3 {margin-top:1.89rem}
#contents .nocplan .txtarea {border-top:1px solid #e1e1e1}
#contents .nocplan .txtarea h5 {margin-bottom:1.5rem}
#contents .nocplan .txtarea li {width:100%;float:none;margin-bottom:1.6rem}
#contents .nocplan .txtarea li p {padding-left:1.40rem}

.guideul3 li {width:25%;margin-bottom:-1px}
.guideul3 li img {width:80%}


#contents .license .btn1 {padding:0.5rem 1rem;margin-top:0.7rem;margin-left:0}

/* 차량소개 */
#contents .cars h5 {font-size:1.571rem}
#contents .cars.subwrap .txtarea {margin-top:0}
#contents .cars .table {width:50%}
#contents .cars .table .tablearea {margin:5px;min-height:auto;overflow:hidden;border:1px solid #e0e0e0;background-color:#f9f9f9;}
#contents .cars .table .carname {font-size:1.143rem;min-height:auto}
#contents .cars .table .imgarea {width:100%;min-height:auto;padding:1rem 0.8rem 1rem 0.8rem}
#contents .cars .table .imgarea .carimg {width:100%;height:320px;}
#contents .cars .table .carinfo {width:100%;padding:1rem 0.8rem 1rem 0.8rem}
#contents .cars .table .btn1 {width:50%;font-weight:500}

/* 렌트카 요금표 */
 #contents .pricelist h4 {margin-top:1rem}
.pricelist .textarea dt,.pricelist .textarea dd {display:block;padding-bottom:5px}
.pricelist .textarea dt {width:50px;float:left}
.pricelist .textarea dd {padding-right:0}

/* 예약하기 */
.reservation .btnarea {padding-top:1.2rem}
.reservation .step1 .btnarea button {width:47%;float:left}
.reservation .step1 .guide .btn4{width:15%}
.reservation h5 {margin-top:0}

	/* 예약하기 단계 */
#contents .step1 h4 {font-size:2.000rem}
.steptop ul { width: 100%;height:68px;display:inline-block;overflow:hidden}
.steptop li {width:100%;height:100%;float:none}
.steptop li:before {font-size:3.125rem;right:0}
.steptop li span {font-size:0.929rem;margin-bottom:0.3rem}
.steptop li strong {font-weight:500;font-size:1.571rem}
.step2 .steptop li:first-child {margin-top:-68px}
.step3 .steptop li:first-child, .step3 .steptop li:nth-child(2) {margin-top:-68px}
.step4 .steptop li:first-child, .step4 .steptop li:nth-child(2), .step4 .steptop li:nth-child(3) {margin-top:-68px}
.step5 .steptop li:first-child, .step5 .steptop li:nth-child(2), .step5 .steptop li:nth-child(3), .step5 .steptop li:nth-child(4) {margin-top:-68px}
.steptop li.on:after {width:90%;margin:0 auto;right:0;left:0;bottom:-1px}
.step1 .carlist {margin-top:1rem}

	/* Step1 차량선택 */
#contents .step1 h4 {padding-top:0}
.step1 .carlist .cararea {width:49.5%;float:none;vertical-align:top;}
.step1 .carlist .list {width:96.5%;padding:1.5rem 0 1.5rem 0;min-height:auto}
.step1 .btnarea {width:90%}
.step1 .remainrs .rstitle {padding-top:1rem;line-height:2.5;font-size:1.375em}
.step1 .remainrs .rsform {padding-top:1.2rem}
.step1 .remainrs .rsform .rsbox {width:100%;float:none}
.step1 .remainrs .rsbox .box {width:48%}
.step1 .remainrs .rsbox2 {margin-top:1.5rem}
.step1 .remainrs .rsbtn {width:100%;margin-top:1.5rem}
.step1 .maintxt, .step5 .maintxt {font-size:1.071rem !important}
.step1 .img {width:70%;padding:0.3rem 0 0.6rem 0}
.step1 .carlist .list .img img {min-height:auto}
.step1 .price {font-size:1.286rem}

/* Step 2  약관 안내 및 동의*/
#contents .step2 .section,#contents .step3 .section,#contents .step4 .section,#contents .step5 .section {margin-top:2.59rem;}
.provision {height:250px;max-height:none;padding:1rem;margin-bottom:10px;}

/* Step 3 옵션선택 */
.step3 .table th, .step4 .table th {width:25%;}
.step3 .table td, .step4 .table td {width:75%;}
.step3 .table th,.step3 .table td {height:auto;padding:0.7rem;}
.step3 .table td label.rd {display:block;margin-right:0;line-height:1.6}
.step3 .table td .rd input {margin:-0.3rem 0.5rem 0 0}
.step3 .table td .org {line-height:1.2rem}
.step3 .table td .org + .org {margin-top:0.4rem;}
.step3 .table td strong {display:block;margin-bottom:0.8rem;}
.step3 .table .option1 {width:100%;float:none;margin-bottom:1.2rem}
.step3 .table .option1 label {width:100%}
.step3 .table .option1 label.seat-option {display:block;line-height:1.5;}
.step3 .table .sltype .input1,.step3 .sltype .input1 {width:70px;float:right;background:#fff;padding:0.5rem 0 0.6rem 0.5rem;font-size:1rem}
.step3 .table .slarea:before {font-size: 1.143rem;right: 5%;top: 25%}
.step3 .table2 th {width:25%;}
.step3 .table2 td {width:75%;}
.step3 .option2 {width:100%;padding:0.35rem 0}
.step3 .option2 label {width:70%;float:left}
.step3 .sltype {margin-top:0.4rem;}
.step3 .table td .org2 {margin-bottom:0rem}

/* Step 4 정보입력/확인 */
#contents .step4 h4 {display:block}
.step4 .tarea {width:100%}
.step4 .tarea .stxt {position:relative;text-align:left}
.step4 .table {width:100%;float:none}
.step4 .table td label.rd {width:100%;display:block;margin-right:0;margin-bottom:0.6rem}
.step4 .table td label.rd:last-child {margin-bottom:0}
.step4 .table td .rd .input2 {width:100%;display:block;margin:0.4rem 0 0 0;}
.step4 .input2 {height:30px;width:100%}
.step4 .input2.ws {width:100%}
.step4 .input2.ws3 {width:55%}
.step4 .table td .p2 {display:block;padding-top:0.8rem !important}
.step4 .table td .pickup {width:100%;padding-bottom:0.6rem}
.step4 .table td .pickup input {margin-left:0}
.step4 .charge {width:100%;float:none;margin-top:1rem}
.step4 .table td .fw700 {display:block;}
.step4 .table td .std-option .fw700 {display:inline-block;}
#contents .step4 .charge h4 {padding:0.8rem 0;font-size:1.286rem}
.step4 .chargearea .cglist dl {padding:1rem 1rem}
.step4 .chargearea .cgtotal {font-size:1.571rem;padding:1.1rem 0}
.step4 .chargearea .cgtotal span {display:block;padding-top:0.4rem;font-size:1.143rem}
.step4 .w100 {width:100%;float:none}
.step4 h5,.step5 h5 {width:100%;display:inline-block;margin-top:1rem}
.step4 .mt3rem,.step5 .mt3rem {margin-top:2rem}
.step4 .table th, .step4 .table td,.step5 .table th, .step5 .table td {padding:1rem 0.5rem; word-break: break-word;}
.step4 .flex-box{display: block;}
.step4 .flex-box .left{width:100%;}
.step4 .flex-box .right{width:100%;padding:0;margin-top: 2.59rem;}

.step3 .table1 td:nth-last-child(odd), .step4 .table1 td:nth-last-child(odd) {padding-left:1rem;}

.dplist .departure {left:0;top:2.4rem}


/* 예약완료 */
.step5 .maintxt {padding:2rem 1rem;}
.step5 .st5-p2 {font-size:1.16rem;}
.step5 .st5-p2 span {font-size:1.16rem;}
/*.step5 .table th {padding:1rem 0;}*/
/* .step5 .table th {padding:1rem 0;width:25%;} */
/* .step5 .table td {width:75%;} */
.step5 .table td strong {display:block;}
.step5 .table td.step5-td1 strong {display:inline-block;}
.step5 .table dl {width:100%;margin:1rem 0}
.step5 .table dt,.step5 .table dd {padding-bottom:0.7rem}
.step5 .table dt {width:100%;float:none}
.step5 .table dd {text-align:left}
.step5 .pick-btn {display:block;width:100%;text-align:center;}

/* 지점안내 */
#contents .spot h4 {font-size:2.143rem; margin-bottom:1.5rem}
.spot .imgarea {width:100%;float:none}
.spot .soptarea {width:100%;float:none}
.spot .soptarea dt {width:25%;float:left}
.spot .soptarea dt, .spot .soptarea dd {padding:1rem 0 1rem 0.5rem}
.spot .soptarea dd {padding-left:27%}
.spot .map {margin-top:1.7rem}

/* 로그인 */
.login {width:90%;border:1px solid #cdcdcd;background-color:#fff;margin:4rem auto}
.login #contents {padding:2rem 0 0 0}
.login #contents .subwrap {padding:3rem 0}
.login .loginarea {min-width:280px;max-width:500px;margin:0 auto}
.login #contents .loginarea h4 {color:#ff9c00;font-size:2.000rem;text-align:center;}
.login #contents .input1 {background-color:#fff;}
.login .loginarea p {padding:0 2rem}
.login .loginarea dl {width:87%;display:block;margin:2rem auto 0 auto}
.login .loginarea dt {width:100%;float:none;text-align:left;padding-left:0}
.login .loginarea dt {margin-bottom:0}
.login .loginarea dd {padding-left:0;}
.login .loginarea dd .input1 {width:100%;padding:0.5rem 1rem}
.login .loginarea .conf-notice {width: calc(100% - 4rem);margin: 1.44rem auto 0;}
.login .loginarea .conf-notice br {display:none;}

#contents .cancel h4 {color:#2a2a2a !important}
#contents .cancel textarea {padding:0.7rem}

}


@media (min-width:442px) and (max-width:1199px) {
#piw_header {height:70px}
#header_box .logo{}

#contents .safety .list .listbg {width:50%;padding-bottom:50%}

#subtop {height: 300px}
}


@media screen and (max-width:1024px) {
    .wifi-policy .table-box table{}
    .wifi-policy .table-box table thead tr th{font-size:1rem;padding:10px 5px;}
    .wifi-policy .table-box table tbody tr td{padding:10px 5px;}

    #contents .nocplan .list {width:100%;margin:1rem 0;}
    /* #contents .nocplan .list .listbg {width:30%;padding-bottom:30%} */

}
/* 렌터카 상세보기 */
.carsview #contents {padding:1rem 1rem 2rem 1rem}
.carsview .carimg {width:100%;float:none}
#contents .carsview .carimg .txt {font-size:0.929rem}
.carsview .mainimg {width:100%;height:390px}
.carsview .smimg {width:100%}

.carsview .cardetails {width:100%;float:none;margin-top:3rem}
.carsview #contents h4 {font-size:1.571rem;margin-bottom:1rem;padding-left:0rem}

.tabarea1 button {width:50%;}

.reservation .step1 .guide .btn4{width:20%}


@media all and (max-width:768px) {
  .search-box{padding:20px;flex-direction: column;align-items: flex-start;gap:10px;}
  .search-box p{font-size:18px;}
  .search-box select{height:40px;font-size:14px;max-width:100%;}
}



@media all and (max-width:640px) {
.mainvs {background:url(/_public/images/main/mainvsss5.png) 80% 50% no-repeat;background-size: cover;}

#contents .cars .table {width:50%;}
#contents .cars .table .imgarea {height:240px;overflow:hidden;position:relative;}
#contents .cars .table .imgarea .carimg {width:100%;height:110px;position:absolute;top:50%;left:0;}

.reservation .step1 .btnarea button {width:98%;clear:both;}
.reservation .step1 .btnarea button + button {margin-top:0.5rem}

.step1 .carlist .list .img {width:90%;height:100px;}
.step1 .carlist .list .img img {vertical-align:middle;}
.step3 .color-red {display:block;margin-top:10px;}
.step5 .pick-btn {display:block;width:100%;text-align:center;}


#contents .step4 .step-last > .section {width:100%;}
}

@media screen and (max-width:503px) {
.tabarea button {width:50%;}

#contents .nocplan .list .listbg {width:50%;padding-bottom:50%}
}

@media screen and (max-width:545px) {
.step3 .option2 .sp {line-height:1}
.reservation .step1 .guide .btn4{width:100%;padding:0.5rem;margin-top:0.5rem;}
}

@media screen and (max-width:374px) {

.mainrs .rsbox .cd1 {margin:0 0.20rem}
.mainrs .rsbox .box select {padding-left:0.35rem}

.input1 { font-size:0.929rem}
.mboxarea .mbbox1 .box {padding: 17px 13px 10px 13px}
.mboxarea .mbbox1 .box h3.sm {font-size:1.071rem}
#contents .safety .list .listbg strong {font-size:1.714rem}
#contents .safety .list .listbg span 0{font-size:0.929rem}
#contents .guide_info .process {width:45%}

}
