#wrapper { width:100%; }

#header { width:100%;  	box-shadow: -0.2em 0 0.3em 0 rgba(0,0,0,0.2)  }
#header .top_area_1 { width:100%; margin:0 auto; background:#aaa; }
#header .top_area_1 ul { max-width:1300px; margin:0 auto; display:flex; justify-content:right; }
#header .top_area_1 ul li a { color:#fff; font-size:14px; padding:0 10px; line-height:35px; display:block; }
#header .top_area_2 { max-width:1300px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:0px 0; }
#header .top_area_2 .top_logo { padding:0px 0; max-height:80px; max-width:320px; }
#header .top_area_2 .top_logo img { max-height:100%; max-width:100%; }

#nav { }
#nav > ul { display:flex; }
#nav > ul > li { padding:20px 10px; position:relative; }
#nav > ul > li > a { font-size:20px; color:#222; display:block; padding:10px 10px; line-height:40px; white-space:nowrap; }
#nav > ul > li > a:hover { color:#999; }
#nav > ul > li .sub { display:none; position:absolute; top:100px; left:50%; z-index:2; background:#f5f5f5; width:160px; margin-left:-80px; }
#nav > ul > li:hover .sub { display:block; }
#nav > ul > li .sub a { font-size:18px; color:#222; display:block; padding:10px 15px; text-align:center; }
#nav > ul > li .sub li:first-child { padding-top:10px; }
#nav > ul > li .sub li:last-child { padding-bottom:10px; }

#nav ul:nth-child(1) { order:2; position:relative; padding-left:30px; }
#nav ul:nth-child(1) > li > a { font-size:16px; }
#nav ul:nth-child(1)::after { content:""; display:block; width:1px; height:15px; background:#ccc; position:absolute; left:0; top:43px; }
#nav ul:nth-child(2) { order:1; padding-right:30px; }


.page_toparea { height:200px; position:relative;overflow:hidden; margin-bottom:100px; }
.page_toparea .page_title_image { height:100%; width:100%; overflow:hidden; text-align:center;  }
.page_toparea .page_title_image img { max-width:100%; min-height:100%; object-fit:cover; }
.page_toparea h1 { position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; text-align:center; font-size:30px;
display:flex; align-items:center; justify-content:center; }

#footer { width:100%; padding:35px 0; background:#f5f5f5; margin-top:100px; }
#footer .footer_inner { max-width:1300px; padding:15px 0; margin:0 auto; display:flex; align-items:center; position:relative; }
#footer .bottom_logo { margin-right:30px; max-width:380px;  }
#footer .bottom_info { flex-grow:1; }
#footer .bottom_info ul.bottom_cscenter {   border-bottom:1px solid #ddd; padding-bottom:15px; width:100%; display:flex; }
#footer .bottom_info ul.bottom_cscenter li { }
#footer .bottom_info ul.bottom_menu { display:flex; padding:15px 0 0px; width:100%; }
#footer .bottom_info ul.bottom_menu li { margin-right:15px; }
#footer .bottom_info ul.bottom_menu li a { line-height:20px; font-size:16px; }
#footer .bottom_info ul.bottom_address { display:flex; flex-wrap:wrap; padding:10px 0; margin-left:-10px; }
#footer .bottom_info ul.bottom_address li { padding:0 11px 0 10px; line-height:1.5em; position:relative;font-size:16px;  }
#footer .bottom_info ul.bottom_address li:after { position:absolute; right:0; top:7px; content:""; width:1px; height:10px; background:#aaa; }
#footer .bottom_info ul.bottom_address li:last-child:after { background:none; }
#footer .bottom_snslink { position:absolute; right:0; top:0; display:flex; z-index:2; }
#footer .bottom_snslink li { width:38px; height:38px; border-radius:19px; overflow:hidden; margin-right:7px; border:1px solid #ddd; }
#footer .bottom_snslink img { width:100%; }


@media(max-width:1000px){
#header { border-bottom:1px solid #ddd; }
#header .top_area_1 ul { max-width:100%; }
#header .top_area_2 { max-width:100%; }
#header .top_area_2 .top_logo { padding:10px; height:50px; }
#header .top_area_2 .top_logo img { max-height:100%; }
#footer .footer_inner { max-width:90%; display:block; margin:0 auto; } 
#footer .bottom_snslink { position:static; } 
#footer .bottom_logo { margin:0 0 10px 0; }
#footer .bottom_logo img { max-width:50%; }
#footer { width:100%; padding:20px 0; background:#f5f5f5; }
#footer .bottom_info ul.bottom_cscenter {  flex-wrap:wrap; }
#footer .bottom_info ul.bottom_cscenter li { font-size:14px;  }
#footer .bottom_info ul.bottom_menu { flex-wrap:wrap; }
#footer .bottom_info ul.bottom_menu li:last-child { margin-right:0; }
#footer .bottom_info ul.bottom_menu li a { line-height:17px; font-size:12px; }
#footer .bottom_info ul.bottom_address { margin-left:-5px; }
#footer .bottom_info ul.bottom_address li { padding:0 6px 0 5px; font-size:11px;  }
#footer .bottom_info ul.bottom_address li:after { display:none; }
#footer .bottom_info ul.bottom_address li:last-child:after { background:none; }
#footer .bottom_snslink li { width:30px; height:30px; border-radius:15px; overflow:hidden; margin-right:7px; border:1px solid #ddd; }

.page_toparea {/* display:none; */ height:80px; margin-bottom:10px; }
.page_toparea h1 { font-size:20px; }


}


#nav { color:#222; display:-moz-flex; display:-webkit-flex; display:-ms-flex; display:flex; /* overflow:hidden; */ position: relative; z-index: 2; }


#navPanelToggle { text-decoration: none; display: none; position: fixed; top: 0; right: 0;  z-index: 10001; text-indent:-2000px; 
background:url('../image/btn_hammenu.png') no-repeat; background-position:center center; width:50px; height:50px; }
#navPanel { -moz-transform: translateX(20rem); -webkit-transform: translateX(20rem); -ms-transform: translateX(20rem); 
transform: translateX(20rem); -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; 
-webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;	
-ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;	
transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;	
display: none;	-webkit-overflow-scrolling: touch;	background: #ffffff; box-shadow: none; color: #212931; height: 100%; max-width: 80%;
overflow-y: auto; padding: 3rem 2rem; position: fixed; right: 0; top: 0; visibility: hidden; width: 20rem; z-index: 10002; }
#navPanel .close { cursor: pointer;	display: block;	position: absolute;	right: 0px; top: 0; text-indent:-2000px; 
background:url('../image/btn_hammenu_close.png') no-repeat; background-position:center center; width:50px; height:50px; }
#navPanel .close:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal;
font-variant: normal; text-rendering: auto; line-height: 1; text-transform: none !important; font-family: 'Font Awesome 5 Free'; 
font-weight: 900; }
#navPanel .close:before { content: '\f00d';	font-size: 1.25rem;}
#navPanel .close:hover { color: #212931; }

@media screen and (max-width: 1000px) {
#navPanel { padding: 2.5rem 1.75rem; }
.panel_nav {  }
.panel_nav > ul { }
.panel_nav > ul > li { padding:10px 0px; position:relative; border-bottom:1px solid #eee; }
.panel_nav > ul > li > a { font-size:20px; color:#222; display:block; padding:0px 10px; line-height:30px; }
.panel_nav > ul > li > a:hover { color:#999; }
.panel_nav > ul > li .sub { display:none; background:#f5f5f5;}
.panel_nav > ul > li:hover .sub { display:block; }
.panel_nav > ul > li .sub a { font-size:18px; color:#222; display:block; padding:5px 15px;  }
.panel_nav > ul > li .sub li:first-child { padding-top:10px; margin-top:10px; }
.panel_nav > ul > li .sub li:last-child { padding-bottom:10px; }
}

@media screen and (max-width: 1000px) {
#navPanelToggle {display: block;}
#navPanel { display: block; }
#header .top_area_1 { display:none; }
#nav {display: none;}
body.is-navPanel-visible #wrapper { opacity: 0.5; }
body.is-navPanel-visible #navPanel {-moz-transform: translateX(0);-webkit-transform: translateX(0);	-ms-transform: translateX(0);
transform: translateX(0); box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);visibility: visible; }
}




#wrapper > .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: auto,	auto, 100% auto;
background-position: center, center, top center; background-repeat: repeat,	no-repeat,	no-repeat; 
background-attachment: scroll, scroll,scroll; z-index: -1;}
#wrapper > .bg.fixed { position: fixed;	width: 100vw; height: 100vh;}









.main_contact { position:relative; width:100%; height:700px; background-position: center;  text-align:center; margin-top:100px }
.main_contact .main_contact_image { height:100%; text-align:center; }
.main_contact .main_contact_image img { width:100%; object-fit:cover; min-height:100% }

.contact_form { position:absolute; top:0; z-index:2; width:100%; padding:90px 0 }
.contact_form .inner { color:#222;  width:900px; margin:0px auto; }

.contact_form h3 { font-size:35px;  color:#fff; letter-spacing:-1px; margin-bottom:30px }
.contact_form .input_box { width:100%; text-align:left; display:flex; align-items:center;  padding:10px 0; }
.contact_form .input_box .label { display:block; margin-bottom:5px;  font-size:22px; width:180px; flex-shrink:0; padding-left:20px; color:#fff; }
.contact_form .input_box input[type="text"], .contact_form .input_box select
{ border:0px solid #ddd;  line-height:45px; height:45px; font-size:18px; color:#222; padding:0 5px; 
box-sizing:border-box; background:#fff !important;  width:100%; }
.contact_form .input_box .required_i { display:inline-block; color:#dd0000; margin-left:5px; }
.contact_form .input_box .flex3 { display:flex; align-items:center;  flex-grow:1; }
.contact_form .input_box .add2 { width:100%; }
.contact_form .input_box .add2 input { margin-bottom:7px; width:350px; }
.contact_form .input_box .add2 input:last-child { margin:0; }
.contact_form .input_box .add2 .add2_flex2 { display:flex; }
.contact_form .input_box .add2 > input { margin-bottom:7px; width:405px; }
.search_add { background:#eee;  border-radius:5px; white-space:nowrap; height:40px; line-height:40px; margin-left:5px; padding:0 10px; font-size:16px; }
.contact_form .phone input,
.contact_form .phone select { margin:0 0 0 5px; }
.contact_form .phone select:first-child { margin-left:0; }
.contact_form .sangdam_title1 input { width:100%; }
.contact_form .memo textarea { border:1px solid #ddd;  line-height:30px; height:140px; font-size:18px; color:#222; padding:5px; box-sizing:border-box; background:#fff; width:100%; }
.contact_form .btn_area { text-align:center; }
.contact_form .btn_area .button { background:#0091a2; border:none; width:300px; height:50px; font-size:20px; border-radius:10px; cursor:pointer; margin:0 auto; }
.contact_form .agree_check { display:flex; justify-content:center; align-items:center; color:#fff; width:90%; margin:20px auto;}
.contact_form .agree_check [type="checkbox"] { width:22px; height:22px; }
.contact_form .agree_check label { font-size:16px; margin-left:5px; }
.contact_form .agree_check .btn_detail { background:#222; border-radius:10px; color:#fff; padding:2px 10px 4px; margin-left:10px; font-size:14px; }

.btn_submit { display:inline-block;  margin:20px auto; background:#e40000; color:#fff; font-size:22px; 
 padding:10px 30px 11px; width:200px; border-radius:10px; border:0; font-weight:500; cursor:pointer; }

.sub_main_contact  { margin-top:100px; }







@media(max-width:1000px){

.sub_main_contact  { margin-top:50px; }
.main_contact { position:relative; width:100%; height:340px; background-position: center;  text-align:center; margin-top:30px }
.main_contact .main_contact_image { height:100%; }
.main_contact .main_contact_image img { height:100%; object-fit:cover; }

.contact_form { position:absolute; top:0; left:5%; z-index:2; width:90%; padding:30px 0 }
.contact_form .inner { color:#222;  width:100%; margin:0px auto; }

.contact_form h3 { font-size:18px;  color:#fff; letter-spacing:-1px; margin-bottom:10px }
.contact_form .input_box { width:100%;  text-align:left; display:flex; align-items:center;  padding:5px 0; }
.contact_form .input_box .label { display:block; margin-bottom:5px;  font-size:15px; width:100px; flex-shrink:0; padding-left:0px; color:#fff; }
.contact_form .input_box input[type="text"], 
.contact_form .input_box select
{ border:0px solid #ddd;  line-height:30px; height:30px !important; font-size:15px !important; color:#222; padding:0 5px; box-sizing:border-box; background:#fff !important; width:100%; border:0; }

.contact_form .input_box .required_i { display:inline-block; color:#dd0000; margin-left:5px; }
.contact_form .input_box .flex3 { display:flex; align-items:center;  flex-grow:1; }
.contact_form .input_box .add2 { width:100%; }
.contact_form .input_box .add2 input { margin-bottom:7px; width:350px; max-width:100%; }
.contact_form .input_box .add2 input:last-child { margin:0; }
.contact_form .input_box .add2 .add2_flex2 { display:flex; }
.contact_form .input_box .add2 > input { margin-bottom:7px; width:405px;max-width:100%;  }
.search_add { background:#eee;  border-radius:5px; white-space:nowrap; height:40px; line-height:40px; margin-left:5px; padding:0 10px; font-size:16px; }
.contact_form .phone input,
.contact_form .phone select { margin:0 0 0 5px; height:30px; line-height:30px;font-size:15px; padding:0; }
.contact_form .phone select:first-child { margin-left:0; }
.contact_form .sangdam_title1 input { width:100%; }
.contact_form .memo textarea { border:1px solid #ddd;  line-height:30px; height:70px; font-size:15px; color:#222; padding:5px; box-sizing:border-box; background:#fff; width:100%; }
.contact_form .btn_area { text-align:center; }
.contact_form .btn_area .button { background:#0091a2; border:none; width:300px; height:50px; font-size:16px; border-radius:10px; cursor:pointer; margin:0 auto; }
.contact_form .agree_check { display:flex; justify-content:center; align-items:center; color:#fff; width:90%; margin:10px auto;}
.contact_form .agree_check [type="checkbox"] { width:18px; height:18px; }
.contact_form .agree_check label { font-size:14px; margin-left:5px; }
.contact_form .agree_check .btn_detail { background:rgba(255,255,255,0.3); border-radius:10px; color:#fff; padding:2px 10px 2px; margin-left:10px; font-size:12px; }

.btn_submit { display:inline-block;  margin:0px auto; background:#e40000; color:#fff; font-size:16px; 
 padding:10px 20px 11px; width:170px; border-radius:10px; border:0; font-weight:500; cursor:pointer; }


}



/*

.dsrentacar_con { margin-top:100px; }
.dsrentacar_con h3 { text-align:center; font-size:40px; font-weight:bold; margin-bottom:50px }

.dsrentacar_sel { width:calc(100% - 20px); margin:20px auto; max-width:800px; text-align:center; font-size:25px; background:#e2efda; border-radius:10px; padding:15px 0; cursor:pointer }
.dsrentacar_sel br { display:none; }

.dsrentacar_div { width:calc(100% - 20px); margin:0 auto; max-width:800px; display:none; }
.dsrentacar_div h4 { background:#ddebf7; display:block; text-align:center; padding:20px 0; font-size:20px; margin-top:40px; }
.dsrentacar_table { width:100%; }
.dsrentacar_table th, td { font-weight:normal; font-size:18px; padding:15px; border:1px solid #ccc; }
.dsrentacar_table td { text-align:right; }

.dsrentacar_div2 h4 { background:#ededed; }


@media(max-width:1000px){

.dsrentacar_con { margin-top:30px; }
.dsrentacar_con h3 { font-size:25px; margin-bottom:30px }
.dsrentacar_sel { font-size:16px }
.dsrentacar_sel br { display:block; }

.dsrentacar_div h4 { padding:10px 0; font-size:16px; margin-top:30px; }
.dsrentacar_table { width:100%; }
.dsrentacar_table th, td { font-weight:normal; font-size:14px; padding:10px; border:1px solid #ccc; }
.dsrentacar_table td { text-align:right; }

}
*/

#contents { width:100%; max-width:100%; margin-top:50px; }
@media(max-width:1000px){
#contents { width:100%; max-width:100%; margin-top:20px; }
}

.mo_menu { width:100%; overflow-x:auto; margin:10px auto; 0 }
.mo_menu ul { display:flex; padding:0 10px; justify-content:space-between; }
.mo_menu li a { padding:5px 10px; white-space:nowrap; display:block; }

.mo_menu_member { margin-right:40px; }
.mo_menu_member ul { display:flex; }
.mo_menu_member li:first-child { margin-right:10px; }
.mo_menu_member li a { display:flex; align-items:center; white-space:nowrap; font-size:12px; position:relative; border:1px solid #ccc; border-radius:20px; padding:3px 10px 3px 5px; font-weight:bold; }
.mo_menu_member li a span {  display:block;  color:#555; font-size:25px; width:25px; height:25px; overflow:hidden; }
.mo_menu_member li a.logout span { font-size:20px; padding:2px 0 0 3px}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24
}