/* CSS reset  */
/*******************************************************************************************************************************************/
@charset "EUC-KR";

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+Kr');
@import url('https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,700,800');

@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css");

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

@import url('https://fonts.googleapis.com/css2?family=Vidaloka&display=swap');




* { box-sizing:border-box; }

html,body, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;font-family:'Noto Sans Kr','nanum Gothic'; font-size:0.9em}
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;;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-family: 'Noto Sans Kr','nanum Gothic','Malgun Gothic', dotum, sans-serif;}
input[type="submit"]{cursor:pointer}

img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }

textarea, select {font-family: 'Noto Sans Kr','nanum Gothic','Malgun Gothic', dotum, sans-serif;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;}
a {color:#222;text-decoration:none}
a:hover { text-decoration:none; }
a:active { text-decoration:none; }

h1, h2, h3, h4, h5, h6 { font-weight:500; }

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


a, div { -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

select{
   -webkit-border-radius: 0;
   border:0;
}


.ls1 { letter-spacing:1px; }
.fs10 { font-size:10px; }
.fs12 { font-size:12px; }
.fs14 { font-size:14px; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }

.fc7 { color:#777; }
.fc5 { color:#555; }
.fc3 { color:#222; }
.fcf { color:#fff; }


input:focus {outline:none;}


.banner_area { text-align:center; margin:0 auto; width:100%; }
.banner_area img { text-align:center; margin:0 auto; max-width:100%; }

body { min-width:1400px; }

@media(max-width:1400px){
body { min-width:auto; }
}



.div_table { display:table;  margin:20px auto; width:90%; }
.div_table .left { display:table-cell;  background:#f5f5f5;   padding: 5px 10px;  width:110px;  vertical-align:top;  line-height:25px; border-bottom:10px solid #fff; }
.div_table .right { display:table-cell;  padding-left:10px;  border-bottom:10px solid #fff; }
.div_table .div_table_row  { display:table-row;}
.div_table .blank { background:#fff; }

.div_table .right input.inputTypeText { width:100%; border:0; border-bottom:1px solid #ccc;  line-height:35px; height:35px; }
.div_table .right input.inputTypeNo { width:92px; border:0; border-bottom:1px solid #ccc;  line-height:35px; margin:0 5px; }
.div_table .right input.inputTypeNo:last-child { margin-right:0; }
.div_table .right select { border:1px solid #aaa; }
.div_table .right select.phone { margin:0 5px 0 0; width:68px; }
.div_table .right input.address { width:215px; }
.div_table .right input.percent { width:100px; }
.div_table .right button { background:#555; color:#fff; width:80px;  line-height:32px; }
.div_table .right textarea { width:100%; height:50px; border:1px solid #ccc; }
.div_table .right span { font-size:13px; color:#aaa; margin-left:10px; }

button.btn_ok { width:100%; background:#555; color:#fff; line-height:60px; text-align:center;  font-size:20px; }
button.btn_ok:hover { background:#333; }

.article { margin:0 auto 20px; width:90%; }
.article ul { font-size:0;  }
.article ul li {  border-top:1px solid #ddd; padding:20px 0; text-align:right; }
.article ul li:first-child { margin-top:20px;  border-top:0; padding-top:0; }
.article ul li p { font-size:15px; line-height:1.2em; text-align:justify;  margin:0 0 30px 0;  }
.article ul li p .red { color:#ff0000; font-size:14px; }
input.btn_agreement[type="checkbox"] {position: absolute; clip: rect(0,0,0,0); }
input.btn_agreement[type="checkbox"] + label{ line-height: 20px; font-size: 18px; color:#999; }
input.btn_agreement[type="checkbox"] + label:before {content: '\2713';display: inline-block;  width: 20px;height: 20px;margin-right: 10px; border-radius: 50%; background: #fff;color:#ddd; line-height:20px;  text-align:center; border:1px solid #ddd; }
input.btn_agreement[type="checkbox"]:checked + label:before {content: '\2713';  background: #ff6c00; color:#fff; border:1px solid #ff6c00; }
input.btn_agreement[type="checkbox"]:checked + label{ color:#222; }

hr.line { width:100%; height:1px; color:#ddd; background-color:#ddd; border:0; margin:20px 0; }

.article_2 { margin:0 auto; width:90%; }
.article_2 h2 { font-size:20px; }


.article3 { width:80%; margin:30px auto 50px; }
.article3 h2 { color:#555; text-align:center; font-size:30px; padding:30px 0; font-weight:500; }
.article3 h3 { color:#555; text-align:center; font-size:25px; padding:30px 0; font-weight:500; }
.article3 .qrcode { width:150px; margin:0px auto; border:1px solid #ccc; padding:10px; }
.article3 .qrcode img { width:100%; }
.article3 p { text-align:center; margin:40px 0; font-size:20px; }
.article3 ul {  width:90%; margin:40px auto 0; }
.article3 li {  font-size:18px; margin-top:10px; }
.article3 strong { color:#ff0000; font-weight:normal; }


.store_top_menu { width:90%; margin:20px  auto; }
.store_top_menu ul { font-size:0; }
.store_top_menu ul li { display:inline-block; width:33.3%;  background:#eee; text-align:center; line-height:50px; border:1px solid #fff; margin-left:-2px; }
.store_top_menu ul li a { font-size:20px; display:block; width:100%; }

.article4 { border:2px solid #aaa; width:70%; padding:20px; margin:30px auto; font-size:25px;  }
.article4 { font-size:20px; }

.payment { margin:0 auto; text-align:center; }
.payment ul { margin-bottom:10px; font-size:0; }
.payment ul li { display:inline-block; line-height:50px; font-size:18px; }
.payment ul li.left { width:170px; background:#fffae7;  text-align:center; margin-right:10px; }
.payment ul li.middle { width:250px;  border:1px solid #aaa; border-right:0; height:50px; vertical-align:top ;}
.payment ul li.right { width:30px; border:1px solid#aaa; border-left:0; height:50px;  }
.payment input.inputTypeText { background:#fff; border:0; line-height:50px; height:50px; width:230px; padding:0 10px; font-size:22px; }

.guide { width:90%; margin:0 auto; padding:40px 0 60px; text-align:center; font-size:18px; }