@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Archivo+Black&family=Bungee&family=Monoton&family=Quantico:ital,wght@0,400;0,700;1,400;1,700&family=Teko:wght@300..700&display=swap');

@font-face {
    font-family:'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight:500;
    font-style:normal;
}

@font-face {
    font-family:'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight:300;
    font-style:normal;
}

@font-face {
    font-family:'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight:800;
    font-style:normal;
}

/* CSS Reset */
body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* Block Element */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* Inline Block Element */
a,label,output,dialog, /* Inline Element */
address,blockquote, /* Text Block Element */
p,pre,/* Text Inline Block Element */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* Text Inline Element */
acronym,big,frame,frameset,noframes,tt, /* Not HTML5 Used Element */
map,option,hr,*{border:0;padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block} /* HTML5 Block Element */
applet,basefont,center,dir,font,strike{display:none} /* XHTML4, HTML5 Element Not Used Remove */
q,blockquote{quotes:none;content:none}
li,menu{list-style:none;word-break:break-all}

table{width:100%;border-spacing:0;border-collapse:separate;} /* Table Border (separate) */
caption{text-align:left}
th,td{text-align:center;vertical-align:middle}

address{font-style:normal}
label{display:inline-block;}
a{text-decoration:none;display:inline-block;} /* A Attribute  */

/* Common Setting */
html{overflow-y:auto;}
html,body{height:100%;} /* Horizen Scroll */
body{color:#333;font-size:15px;font-family:'GmarketSans', "Montserrat", 'Noto Sans KR', sans-serif, "Nanum Gothic";font-weight:500;min-width:320px;background-color:#FFF;}
div{outline:0}
img {vertical-align:middle;}

::selection {background-color:#1659a0;color:#fff;}

.detail {position:relative;width:900px;margin:0 auto;text-align:center;}
.detail img {width:100%;}
.detail iframe {width:calc(100% - 40px);height:480px;margin-bottom:30px;border-radius:70px;}

.btn {position:fixed;width:860px;bottom:0;left:50%;margin-left:-430px;background-color:white;text-align:center;padding:10px 0;}
.btn a {font-size:17px;padding:16px 0 14px 0;border-radius:10px;width:48.5%;margin:0 2px;}
.btn a span {vertical-align:middle;font-size:24px;margin:0 4px 2px 0;}
.btn .info {background-color:#fabc00;color:#333;}
.btn .shop {background-color:#333;color:white;}




/* =========================================================================================== */
@media only screen and (max-width:920px) { 

.detail {width:auto;}
.detail iframe {width:calc(100% - 20px);height:300px;margin-bottom:20px;border-radius:40px;}

.btn {width:calc(100% - 20px);left:0;margin-left:0;padding:7px 10px;}
.btn a {font-size:14px;padding:12px 0 10px 0;width:calc(50% - 7px);margin:0 1px;}
.btn a span {font-size:20px;}


}