@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');

@font-face {
font-family: 'AppleSDGothicNeo';
font-weight:500;
src:url('../fonts/AppleSDGothicNeoL.eot') format('embedded-opentype');
src: url('../fonts/AppleSDGothicNeoL.ttf') format('truetype'), url('../fonts/AppleSDGothicNeoL.woff') format('woff'), url('../fonts/AppleSDGothicNeoL.woff2') format('woff2');
}
@font-face {
font-family: 'AppleSDGothicNeo';
font-weight:600;
src:url('../fonts/AppleSDGothicNeoM.eot') format('embedded-opentype');
src: url('../fonts/AppleSDGothicNeoM.ttf') format('truetype'), url('../fonts/AppleSDGothicNeoM.woff') format('woff'), url('../fonts/AppleSDGothicNeoM.woff2') format('woff2');
}
@font-face {
font-family: 'AppleSDGothicNeo';
font-weight:700;
src: url('../fonts/AppleSDGothicNeoB.eot') format('embedded-opentype');
src: url('../fonts/AppleSDGothicNeoB.ttf') format('truetype'), url('../fonts/AppleSDGothicNeoB.woff') format('woff'), url('../fonts/AppleSDGothicNeoB.woff2') format('woff2');
}
@font-face {
font-family: 'AppleSDGothicNeo';
font-weight:800;
src:url('../fonts/AppleSDGothicNeoEB.eot') format('embedded-opentype');
src: url('../fonts/AppleSDGothicNeoEB.ttf') format('truetype'), url('../fonts/AppleSDGothicNeoEB.woff') format('woff'), url('../fonts/AppleSDGothicNeoEB.woff2') format('woff2');
}
@font-face {
font-family: 'AppleSDGothicNeo';
font-weight:900;
src:url('../fonts/AppleSDGothicNeoH.eot') format('embedded-opentype');
src: url('../fonts/AppleSDGothicNeoH.ttf') format('truetype'), url('../fonts/AppleSDGothicNeoH.woff') format('woff'), url('../fonts/AppleSDGothicNeoH.woff2') format('woff2');
}


*{font-family: 'AppleSDGothicNeo', sans-serif; outline:none;}
html{font-family: 'AppleSDGothicNeo', sans-serif;}
body{font-family: 'AppleSDGothicNeo', sans-serif; font-size:1em; letter-spacing:-0.02em; color:#1e1e1e; outline:none; }
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,ul,li{margin:0; padding:0;}
table{border-collapse:collapse;}
ul,ol,li{list-style:none; margin:0;padding:0;}


html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family: 'AppleSDGothicNeo', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0; font-family: 'AppleSDGothicNeo', sans-serif; font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'AppleSDGothicNeo', sans-serif; font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
outline:none;
}

::-webkit-scrollbar-track {background-color: #e7e3db; border-radius:2px;}
::-webkit-scrollbar-thumb { background-color:#d3cec5;  border-radius:2px;}
::-webkit-scrollbar-button {display: none;}

input, input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}


.header_container{width:100%; max-width:1560px; padding:0 20px; margin:0 auto;}
#header {background:rgba(255,255,255,0.9); margin: 0; padding:22px 0; z-index:10; position:relative; transition:ease 0.5s;}
#header.sticky{position:fixed; top:0; left:0; right:0; /* border-bottom:1px solid #dcdcdc; */}
/* #header .logo{font-size: 25px;box-sizing: border-box;} */
#header .logo img{width:100px; transition:ease 0.5s;}
#header .header_container{display: flex;justify-content: space-between;align-items: center;}
#header .gnb{text-align: right;}
#header .nav .logo{display:flex;width:200px;flex-wrap:wrap;justify-content: center;align-items: center;text-transform:uppercase;cursor:pointer;}
#header .menu_btn{position:absolute;right:20px;top:20px;display:none; z-index:11;}
#header .menu_btn div { width: 25px;height: 2px;background-color:#000;margin: 6px 0px;position: relative;transition:all .8s ease;}
#header .menu_btn.lijo div{position:absolute;transition:all .8s ease;}
#header .menu_btn.lijo div:nth-child(1){transform: rotate(45deg);top: 7px;right: 0px;}
#header .menu_btn.lijo div:nth-child(2){width:0px;top: 7px;right: 0px;}
#header .menu_btn.lijo div:nth-child(3){transform: rotate(-45deg);top: 7px; right: 0px;}
#header .nav ul.gnb{margin-bottom:0px;padding-left:0px;display: flex;}
#header .nav ul.gnb li{margin-bottom:0px;color:#000;text-align: center;position: relative;}
#header .nav ul.gnb li a {box-sizing: border-box;display:block;transition:.8s ease;text-transform:uppercase;}
#header .nav ul.gnb > li > a {padding: 20px 40px; font-size:1.1em; font-weight:600;}
#header .nav ul.gnb li ul.sub{position:absolute;padding-left:0px;opacity:0;visibility: hidden;padding-top:40px;z-index: 3;width: 100%}
#header .nav ul.gnb li ul.sub li {display: block;position: relative;}
#header .nav ul.gnb li ul.sub li a{padding:10px;}
.hd_right{display:flex; justify-content:space-between; align-items: center;}
.main_login_btn{background:#2954e1; color:#fff; border-radius:25px; display:block; padding:0 14px;  height:32px; line-height:32px; margin-right:10px;}
.main_search_btn{border:2px solid #2954e1; background:#fff; color:#7b7b7b; border-radius:25px; display:block; padding:0 30px 0 10px; height:32px; line-height:32px; position:relative;}
.main_search_btn:after{display:block; content:''; background:url('../img/main_search_icon.png')no-repeat; width:13px; height:13px; position:absolute; right:8px; top:50%; transform:translateY(-50%)}
.mobile_login .hd_right{display:none !important;}

@media(min-width:1301px){
    #header .nav ul.gnb:hover li ul.sub{visibility:visible;opacity:1;transform:translateY(0px); /* transition-delay: .3s; */} 
    #header .nav ul.gnb li:hover{display:inline-block;margin-bottom:0px;}
	#header.open .hd_bg{position: absolute;width: 100%;background:rgba(255,255,255,0.9); z-index: 1; transition:height .5s;/* border-top:1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc */}
    #header .nav ul.gnb li ul.sub li a{text-align: center; transition:all .3s; font-weight:600;}
	 #header .nav ul.gnb li ul.sub li a:hover{color:#f17100}
	#header .nav ul.gnb li:after{content: '';display: block; width:0; height: 2px;background: #f0882d; position: absolute;left: 0;bottom: -24px; transition:width 0.45s;}
	#header .nav ul.gnb li.active:hover:after{width:100%; z-index:2;}
    #header .nav ul.gnb li ul.sub{display: block !important}
}

@media(max-width:1500px){
	.header_container{padding:0 30px;}
	#header .nav ul.gnb > li > a{padding:20px 40px;}
}

 
@media(max-width:1300px){
   body{overflow-x:hidden;}
   #header{position: relative;/* position: fixed;width: 100%;top: 0;left: 0;padding: 20px 0 */}
   #header .menu_btn{display:block;top:50%;transform: translateY(-50%)}
   #header .menu_btn.lijo{top: 30%}
   #header .nav ul.gnb{position: absolute;top:75px;transform: translateX(100%);left: 0;transition:.8s ease;width:100%; height: calc(100vh - 82px);background: #fff;overflow-y: auto;display: block}
   #header .nav ul.gnb li a{text-align: left}
   #header .nav ul.gnb > li > a{padding: 10px 20px}
   #header .nav ul.gnb.surya {transform: translateX(0%);}
   #header .nav ul.gnb li ul.sub{opacity: 1;visibility: visible;display:none;position:relative;padding-top:0px;width:100%;transition:0s;transform: translateY(0px);padding: 0 20px}
   #header .nav ul.gnb li ul.sub:after{display:none;}
  .hd_bg{display: none !important}
  .pc_login .hd_right{display:none !important;}
  .mobile_login .hd_right{display:flex !important; justify-content: flex-end; margin-bottom:10px; padding: 16px 20px 16px 20px;}
} 

@media(max-width:1024px){

}

@media(max-width:768px){
	.mobile_login .hd_right{justify-content: space-between;}
	.mobile_login .hd_right li{width:49%;}
	.mobile_login .hd_right li a{font-size:1.2em;}
	.main_login_btn{ height:40px; line-height:40px;}
	.main_search_btn{padding:0 10px;; height:40px; line-height:40px;}
	#header .nav ul.gnb li a.main_login_btn,  #header .nav ul.gnb li a.main_search_btn{text-align:Center;}
	.hd_right li a{font-size:0.95em;}
	#header .nav ul.gnb li ul.sub{margin:10px}
	#header .nav ul.gnb > li > a{font-size:1.2em;}
	#header .nav ul.gnb li ul.sub li a{font-size:1.1em;}
}

@media(max-width:600px){
	#header .nav ul.gnb{top:68px;}
	#header .logo img{width:80px}
	.header_container{padding:0 20px;}
}

.container{width:100%; max-width:1560px; padding:0 20px; margin:0 auto;}


.cont{width:100%; padding: 100px 0 150px 0;}
.sub_container{width:100%; max-width:1320px; padding:0 20px; margin:0 auto;}



.sub_visual{width: 96%; margin: 0 auto; border-radius:20px;
background-repeat:no-repeat; background-position:center center; background-size:cover; height:380px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.product_bg{background-image:url('../img/product_bg.png');}
.map_bg{background-image:url('../img/map_bg2.png');}
.loca_bg{background-image:url('../img/loca_bg.png');}
.fran_bg{background-image:url('../img/fran_bg2.png');}
.news_bg{background-image:url('../img/news_bg.png');}
.sub_visual_inner{width:100%; max-width:1320px; padding:0 20px; margin:0 auto;}
.sub_txt{color:#fff; font-size:3em; font-weight: 700;/* text-align: center; */}
.sub_txt span{color: #fff; font-size: 0.5em; display: block; padding-bottom: 5px;}

.sub_nav{padding:80px 0 50px 0;}
.sub_nav ul{text-align:center;}
.sub_nav ul li{display: inline-block;}
.sub_nav ul li a{display:block; position:relative; padding:10px 25px; font-weight:800; color:#888; margin-right: 4px; transition:all .2s; cursor:pointer; font-size:1.4em;}
.sub_nav ul li a:after{display:none; content:''; width:8px; height:8px; border-radius:4px; background:#e7691d; position:absolute; left:50%; bottom:-4px; transform:translateX(-50%); color:#e7691d;}
.sub_nav ul li a.active:after{display:block; }
.sub_nav ul li a.active{color:#e7691d;}
.sub_nav ul li a:hover{color:#e7691d;}



.con_tit{text-align:center; font-size:2.4em; color:#111; font-weight:600;}
.con_tit span{font-size:0.5em; display:block; padding-top:20px; font-weight:500;}

.flex{display:flex; justify-content: space-between;}
.flexsb{justify-content:space-between;}

.sch_top{padding:30px 50px; border-radius:25px;  text-align:center; margin-top:50px;}
.sch_top select, .sch_top input, .sch_top button{height: 54px; border: 1px solid #d5d5d5; color: #888; font-size: 1.1em; border-radius:4px; background-color:#fff;}
.sch_top select{width:18%; padding-left:20px; background: url('../img/select_arrow.png') no-repeat center right, #fff; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.sch_top input{width:30%; padding-left:20px;}
.sch_top button{background:#f0882d; padding:0 20px; border:0; color:#fff; font-weight:700;}

.sch_top input:focus, .sch_top select:focus {outline: none !important; box-shadow:0px 0px 0px 2px #f0882d;}

.store_wrap{}
#map{width:49.3%; height:600px; border:1px solid #d5d5d5;}

.store_info{padding:30px 40px;border:1px solid #ddd; background:url('../img/store_bg.png')no-repeat 95% 85%, #fff; margin-bottom:20px; }
.store_name{font-weight:700; font-size:1.3em; color:#111; width:100%;}
.store_add{font-size:1.1em; padding:20px 0 10px 0;}
.store_add:before{display:inline-block; content:'주소'; color:#f0882d; margin-right:10px; font-weight:700; /* background:url('../img/icon_loca.png')no-repeat; vertical-align:text-top; width:20px; height:20px; margin-right:5px; */}
.store_number{font-size:1.1em;}
.store_number:before{display:inline-block; content:'번호';  color:#f0882d; margin-right:10px; font-weight:700;/* background:url('../img/icon_num.png')no-repeat; vertical-align:text-top; width:20px; height:20px; margin-right:5px; */}


/* 레이어 팝업 */
.store_list{position: relative; width:49.3%; height:600px; overflow-y:scroll; padding:15px 10px; border:1px solid #ddd;}
.store_list::-webkit-scrollbar {width: 5px; }
.store_list::-webkit-scrollbar-track {background-color: #e7e3db; border-radius:2px;}
.store_list::-webkit-scrollbar-thumb { background-color:#d3cec5;  border-radius:2px;}
.store_list::-webkit-scrollbar-button {display: none;}

.store_info > .open_modal_btn{ border: 1px solid #dadada; padding: 15px 40px 15px; background: #f5f6f7; text-align: left; margin-bottom: 20px; box-shadow: 2px 2px 6px #dadada; font-weight: 600; font-size: 17px; position: relative; display: inline-block; width: 100%;}
.store_info > .open_modal_btn:last-child{margin-bottom: 0;}
.store_info > .open_modal_btn span.arrow_box{position: relative;}
.store_info > .open_modal_btn span.arrow_box{content: '';  position: absolute; width: 10px; height: 10px; border-top: 3px solid #cacaca; border-right: 3px solid #cacaca; display: inline-block; transform: rotate(45deg); top: 20px; right: 25px;}

.find_store{position: fixed; top: 0; left: 0; height: 100%; width: 100%; background:rgba(0,0,0,0.4); z-index: 9; display:none;	}
.find_store_popup{width: 450px; position: absolute; border: 1px solid #cacaca; background: #fff; top:50%; left: 50%; transform:translate(-50%,-50%); padding: 20px 25px;}
.store_popup_inner{}
.store_popup_inner h2{font-size:1.2em; padding:15px 0;}
.store_pop_list{height:300px; overflow-y:scroll; margin-top:25px; padding-right:15px;}
.store_pop_list::-webkit-scrollbar {width: 5px; }
.store_pop_list::-webkit-scrollbar-track {background-color: #e7e3db; border-radius:2px;}
.store_pop_list::-webkit-scrollbar-thumb { background-color:#d3cec5;  border-radius:2px;}
.store_pop_list::-webkit-scrollbar-button {display: none;}
.store_pop_list ul li{padding:15px 0; border-bottom:1px solid #d5d5d5;}
.store_pop_list ul li:first-child{padding:0 0 15px 0;}
.store_pop_list ul li a{font-size:1.1em; font-weight:600;}
.store_pop_list ul li p{font-size:0.9em; color:#555; padding-top:10px;}
.store_sch input.find_store_btn{cursor:pointer; text-align:center;  width: 18%; background:#2f3030; color:#fff; border:0; box-shadow:none !important;}

.close_btn_wrap{ text-align:center; margin:30px auto; margin-bottom:10px;}
.close_btn{min-width:150px; text-align:center; height:45px; line-height:45px; color: #000; border:0; box-shadow:none; border:1px solid #2f3030; background: #fff; font-size: 16px; border-radius: 5px;}


.form{width:100%; max-width:800px; padding:80px 50px; margin:0 auto; }

.form_inner{width: 100%; font-size:1em;}
.form_inner th{width:20%; padding-bottom:20px; white-space: nowrap; text-align: left; font-weight: 700; }
.form_inner td{width:80%; padding-bottom:20px; font-size: 1em; color: #555;}
.required{ color:#ff0000;}
.form_inner li{display: inline-block;}
.form_inner td > input, .form_inner td .form_email_code input, .store_sch input{ background-color: #f7f7f7; height: 50px; padding:5px 15px; color:#111; border:0; outline:none; /* box-shadow:0px 0px 0px 1px #d5d5d5; */border-radius: 4px; vertical-align: middle; font-size:1em;}
.form_email_code:nth-child(1){padding-bottom:10px;}
#email_submit, #email_code_submit{cursor:pointer; text-align:center; margin-left: 1.2%; width: 18%; background:#2f3030; color:#fff; border:0; box-shadow:none !important;}
#find_store_btn{display:inline-block;  height: 50px; line-height:50px; border-radius:4px; vertical-align:middle; color:#111;  cursor:pointer; text-align:center; margin-left: 1.2%; width: 38%; background:#2f3030; color:#fff; border:0; box-shadow:none !important;}
.form_inner input[type='text']{ border:0; outline:none; /* box-shadow:0px 0px 0px 1px #d5d5d5; */}
.form_inner select{height: 50px; width:100%; border:0; outline:none;   /* box-shadow:0px 0px 0px 1px #d5d5d5; */ border-radius: 4px; padding-left:15px; background: url('../img/select_arrow.png') no-repeat center right, #f7f7f7;
-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.form_inner input:focus, .form_inner select:focus {outline: none !important; box-shadow:0px 0px 0px 2px #f0882d;}

.form_inner select::-webkit-scrollbar-track {background-color: #e7e3db; border-radius:2px;}
.form_inner select::-webkit-scrollbar-thumb { background-color:#d3cec5;  border-radius:2px;}
.form_inner select::-webkit-scrollbar-button {display: none;}

.form_inner .w10, .store_sch.w10{width:100%;}
.form_inner .w8,  .store_sch .w8{width:80%}
.form_inner .w6{width:60%;}
.form_inner .w5{width:49.5%;}
.form_inner .w3{width: calc(33% - 2px);}
.mb10{margin-bottom:10px;}

.form_radio input, .form_radio label{cursor:pointer;}
.form_radio input[type='radio'] {-webkit-appearance: none; -moz-appearance: none;  appearance: none;  width: 18px;  height: 18px;  border: 2px solid #ccc;   border-radius: 50%; outline: none; cursor: pointer;
margin-bottom:2px;}
.form_radio input[type='radio']:checked { background-color: #f0882d;  border: 3px solid white;  box-shadow: 0 0 0 1.6px #f0882d; }
.form_radio_wrap{display:flex; flex-wrap:wrap}
.form_radio_wrap.radio2 > div{width:50%;}
.form_radio_wrap.radio5 > div{width:20%; margin-bottom:10px;}
.form_radio_wrap.radio5.mb0 > div{margin-bottom:0;}

.form_inner td.form_textarea textarea{ width: 100%;padding: 10px !important; color: #5b4c43 !important; outline: none !important;  background:#f7f7f7;border: 0px solid #ddd; border-radius: 4px !important; font-size:1em; resize: none;}

.agree_wrap{display: flex; justify-content: space-between; align-items: center; padding-bottom:20px;}
.agree_tit{width:20%; font-weight: 700;}
.agree_box{width:80%;}

.agree_txt{border:1px solid #d5d5d5; overflow:hidden; border-radius:4px; height:180px; overflow-y:scroll; padding:10px 15px; color:#555; font-size:0.9em; margin-bottom:20px;}
.agree_txt::-webkit-scrollbar {width: 5px; }
.agree_txt::-webkit-scrollbar-track {background-color: #e7e3db; border-radius:2px;}
.agree_txt::-webkit-scrollbar-thumb { background-color:#d3cec5;  border-radius:2px;}
.agree_txt::-webkit-scrollbar-button {display: none;}
.agree_txt_box{padding:10px 0;}
.agree_box label{padding-left: 5px; font-size:1em; vertical-align: middle; color: #5b4c43; cursor: pointer;}


.agree_chk, .agree_chk2{display: flex; align-items: center;}
.agree_chk [type='checkbox'], .agree_chk2 [type='checkbox'] {width:15px; height:15px;appearance: none;  border-radius: 1px; border:1px solid #ddd;  background-color: #fff;transition: ease 300ms; cursor: pointer; position:relative;
&::before {content: ''; display:block; color: transparent; display: block; width: inherit; height: inherit; border-radius: inherit; border: 0; background-color: transparent; background-size: contain;
position:absolute; left:0; top:0; }
&:checked::before {background: url('../img/check_on.png')no-repeat center center / cover; width:15px; height:15px; }
}
.agree_chk label, .agree_chk2 label {cursor: pointer; padding-left: 0.5rem;}
.agree_check .agree_txt{background:#f9f9f9;}

.form_file .upload_file, .form_file .upload_file2, .form_file .upload_file3 {display: inline-block; height: 50px; line-height:50px; padding: 0 10px; vertical-align: middle; border: 1px solid #ddd; width: 80%; color: #999; }
.form_file label {display: inline-block; padding: 0 20px; color: #fff; vertical-align: middle; border-radius:4px; background-color: #2f3030; cursor: pointer; text-align:center; height: 48px; line-height:48px; margin-left: 1.2%; width:18%;}
.form_file input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}


.submit_btn_wrap{width:100%;}
.submit_btn{border:0; width:100%; height:54px; line-height:54px; background:#f0882d; color:#fff; font-size:1.1em; font-weight:700; border-radius:4px; margin-top:60px; cursor:pointer;}


.footer{display:flex; justify-content:space-between; padding:40px 0 60px 0;}
.ft_wrap{display:flex;}
.ft_info{padding-left:80px;}
.ft_top{}
.ft_top a{font-size:1em; color:#000; display:inline-block; position:relative; margin-right:15px; font-weight:600;}
.ft_top a:after{display:blcok; position:absolute; right:-10px; top:50%; transform:translateY(-50%); content:''; width:1px; height:15px;  background:#000;}
.ft_top a:last-child:after{display:none;}
.ft_bt{padding: 20px 0 25px 0;}
.ft_bt p span{padding-right:10px;}

.quick_btn{position:fixed; z-index:3; right:30px; bottom:30px; background:#3c3c3c; padding:0 20px; box-shadow:0 0 4px 0 rgba(0,0,0,0.3)}
.quick_btn div:nth-child(1){border-bottom:1px solid #fff;}
.quick_btn a{display:block; color:#fff; font-size:1.1em; padding:30px 0;}


@media(max-width:1500px){
	.sub_visual_inner{padding: 0 40px}
	.sub_visual{height:280px;}

	.container{padding:0 50px;}
	.con_tit{font-size:1.6em;}
	.con_tit span{font-size:0.7em;}

	
}

@media(max-width:1200px){
	.container{padding:0 30px;}

	.board_menu{padding:0;	}
	.sub_tit_wrap{font-size:4em;min-height:0;	}
	.sub_des_bg{font-size:1.2em;}
	.sub_info{font-size:1em;	}

	
	.sub_txt {font-size: 2em; text-align:center;}
	.sub_txt span {font-size: 0.7em;font-weight: 500;}

	.sub_nav ul li a{font-size:1.2em;}
	.sub_nav ul li a{padding:10px 20px;}

	.footer{flex-direction: column;}
	.ft_wrap {flex-direction: column;}
	.ft_info{padding:40px 0 40px 0;}
	
	.ft_logo img{display: block; width: 80px;}
}
   
@media(max-width:998px){
	.store_wrap{flex-direction:column;}
	#map{width:100%; margin-bottom:20px; height:300px;}
	.store_list{width:100%; height:400px;}
	.store_info{padding:30px 30px;}
	.store_name{font-size:1.1em;}
	.store_add, .store_number{font-size:1em;}
}

@media(max-width:768px){
	.sub_visual {height: 200px;}
	.sub_txt {font-size: 1.4em;}

	.sub_nav { padding: 40px 0 20px 0;}
	.sub_nav ul li a{padding:10px 10px;}
	.sub_nav ul li a:after{bottom:0; width: 5px; height: 5px;}

	.cont{width:100%; padding:40px 0 60px 0;}
	.con_tit{font-size:1.4em;}
	.con_tit span{font-size:0.8em; word-break:keep-all;}

	.form{padding: 60px 20px;}
	.form_inner tr{display:block; padding-bottom:15px;}
	.form_inner th, .form_inner td {display: block; padding-bottom: 10px; width: 100%;}
	.form_label br{display:none;}

	.agree_wrap{flex-direction: column; align-items: flex-start;}
	.agree_tit{width:100%; padding-bottom:10px;}
	.agree_tit br{display:none;}
	.agree_box{width:100%;}

	.form_radio_wrap.radio5 > div{width: 25%;}


	.form_file .upload_file, .form_file .upload_file2, .form_file .upload_file3{width:70%;}
	.form_file label{width:27.4%;}

	.form_inner .w8, .store_sch .w8{width:70%;}
	#email_submit, #email_code_submit{width:27.4%;}
	#find_store_btn{width:37.5%;}

	.sch_top {padding: 30px 0; width: 100%; margin-top:0;}
	.sch_top:after{display:block; content:''; clear:both;}
	.sch_top select:nth-child(1){float:left; width:49%;}
	.sch_top select:nth-child(2){float:right; width:49%;}
	.sch_top input{float:left; margin-top:10px; width:70%;}
	.sch_top button{float:right; margin-top:10px; width:29%;}
	
	.quick_btn{bottom:12px; right:12px; padding:0 15px;}
	.quick_btn a {font-size: 0.85em; padding: 14px 0;}
}

@media(max-width:600px){

	.container{padding:0 20px;}
	
	.store_info {background: url('../img/store_bg.png') no-repeat 95% 85% / 50%, #fff;}

	.store_add:before{display:block;}
	.store_number:before{display:block;}
	
	.find_store_popup{width:90%;}
	.form_inner .w8, .store_sch .w8{width:80%;}


	.ft_logo img{width:70px;}

	.btn1{background-image:none;}
	.ft_bt p span{display:inline-block;}


	.ft_top a{font-size:0.9em;}
	.ft_bt p span{font-size:0.9em;}

	.form {padding: 40px 0;}
	.form_inner{font-size:0.9em;}

	.form_radio_wrap.radio5 > div{width: 30%;}
}