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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0; line-height:150%; letter-spacing:normal} /* delete vertical-align,font:inherit; */
html {overflow-x:hidden;}
body,html{width:100%; font-size:16px; color: #444; font-weight:400; font-family: 'Pretendard', 'Montserrat', Malgun Gothic,'Malgun Gothic', sans-serif; word-break: keep-all;}
*{font-family: 'Pretendard', 'Montserrat', Malgun Gothic,'Malgun Gothic', sans-serif; word-break: keep-all;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:0.9375rem;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:0.9375rem;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:160%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:inherit;}
a, a:hover{transition:all 0.7s cubic-bezier(0.215,0.61,0.355,1);}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;} 


span, b, strong, br {line-height:inherit; font-family:inherit;}


.w1200{max-width:1200px; padding:0 20px; margin: 0 auto;}
/** S::Menu **/

#header{position:relative; width:100%; left:0; top:0; padding:0 0; z-index:90000;transition:all .2s linear; box-shadow: 0 4px 4px rgba(0,0,0,0.05);}
#header .header-in {display: flex; justify-content: space-between; align-items: center; padding:20px;}

#header .btn a {position: relative; overflow: hidden; padding:10px 15px 10px 40px; border:1px solid #222; color:#222; font-size: 18px; border-radius: 40px; background: url('../../img/ico-crown.svg') 15px center no-repeat;}
#header .btn a:hover {background: #222 url('../../img/ico-crown-w.svg') 15px center no-repeat; color:#fff;}

/** S::Footer **/
#footer{height:auto !important; background:#36353D;  padding:25px; color:#C7C6CE; text-align: center;}



/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1240px){




}

/*******************************************************************************
    @media  ~980px                
*******************************************************************************/
@media all and (max-width:980px){

body,html{ font-size:16px; }

.w1200{padding:0 5%; }

}