@charset "utf-8";
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@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');

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");


/* 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:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, 'GmarketSans', 'Noto Sans KR', sans-serif, "Nanum Gothic";font-weight:400;min-width:320px;background-color:#FFF;}
div{outline:0}
img {vertical-align:middle;}

::selection {background-color:#2ba3d4;color:#fff;}


.gnb {position:fixed;top:0;left:0;width:100%;background-color:#0e2f8e;z-index:100;}
.gnb .menu {position:relative;width:940px;margin:0 auto;text-align:center;}
.gnb .menu a {color:white;font-size:18px;padding:24px 20px;}
.gnb .menu .on, .gnb .menu a:hover {color:#01bcf3;font-weight:700;}

.detail {position:relative;width:940px;margin:0 auto;padding:65px 0 100px 0;}
.detail li {position:relative;text-align:center;}
.detail .vod01 {background-color:#ecf0f5;text-align:center;padding:20px 0;}
.detail .vod02 {background-color:#e9f3fa;text-align:center;padding:20px 0;}
.detail .vod03 {background-color:#fafafa;text-align:center;padding:20px 0;}
.detail .haringtonvod {width:94%;height:500px;border-radius:20px;}

.qna li {padding:10px 0;}
.qna .hide {display:none;}

.detail li .bigimg {display:none;}

.detail li .moreview {position:absolute;bottom:0px;left:0;width:100%;border-bottom:solid 5px #000;}
.detail li .moreview a {background-color:#000;color:#ffd800;font-size:20px;padding:18px 70px 12px 70px;border-top-left-radius:30px;border-top-right-radius:30px;font-weight:700;}



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

.detail {position:relative;width:940px;margin:0 auto;}
.detail {width:100%;padding:60px 0 50px 0;}
.detail img {width:100%;}
.detail .haringtonvod {width:100%;height:auto;border-radius:10px;}

.gnb .menu {width:auto;padding:0 10px;}
.gnb .menu a {color:white;font-size:18px;padding:24px 10px;}

.detail li .moreview {border-bottom:solid 3px #000;}
.detail li .moreview a {font-size:15px;padding:15px 50px 10px 50px;border-top-left-radius:20px;border-top-right-radius:20px;}


}

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

.gnb .menu a {color:white;font-size:14px;padding:20px 4px;}
.detail {padding:50px 0 30px 0;}
.detail .haringtonvod {border-radius:0px;}
.qna li {padding:3px 0;}

.detail li .moreview {border-bottom:solid 2px #000;}
.detail li .moreview a {font-size:14px;padding:11px 25px 7px 25px;border-top-left-radius:15px;border-top-right-radius:15px;}



}