@import url('style.css');

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR|Roboto');

@font-face {
  font-family: 'Noto Sans KR';
  font-style: 'thin';
  font-weight: 100;
  src: url(/fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(/fonts/NotoSansKR-Thin.woff) format('woff'),
       url(/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: 'light';
  font-weight: 300;
  src: url(/fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(/fonts/NotoSansKR-Light.woff) format('woff'),
       url(/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: 'regular';
   font-weight: 400;
   src: url(/fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(/fonts/NotoSansKR-Regular.woff) format('woff'),
        url(/fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: 'medium';
   font-weight: 500;
   src: url(/fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(/fonts/NotoSansKR-Medium.woff) format('woff'),
        url(/fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: 'bold';
   font-weight: 700;
   src: url(/fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(/fonts/NotoSansKR-Bold.woff) format('woff'),
        url(/fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: 'black';
   font-weight: 900;
   src: url(/fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(/fonts/NotoSansKR-Black.woff) format('woff'),
        url(/fonts/NotoSansKR-Black.otf) format('opentype');
 } 

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


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

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,table,caption,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:400; font-family:'Noto Sans KR', Arial, sans-serif; } /* delete vertical-align,font:inherit; */

body,html {width:100%; height:100%; font-size:16px; color:#444; line-height:150%; word-break:break-all; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
* {font-family:'Noto Sans KR',  Arial, sans-serif; font-weight:400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: -.3pt;}
ol,ul,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:15px;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#444;}
a:hover, a:active, a:visited, a:link{text-decoration:none;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
.hide {display:none;}
.ls0 { letter-spacing:0 !important; }
h1, h2, h3, h4, h5 {font-weight: 400;}
input:focus, select:focus, option:focus, textarea:focus{outline: none;}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
select:focus {border-color: none; box-shadow: none;  outline: 0 none;}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#wrap {position: relative; width: 100%; min-width: 1200px;}
.container {width:1200px; margin:0 auto; position: relative; }
.subCon {padding:60px 0;}
.subCon p.s_tit {padding-bottom:10px;font-size:16px;font-family: 'Recipekorea';font-weight:none;}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#main-footer {background:#f9f9f9; text-align: center; border-top:1px solid #ddd; padding:30px 0; clear: both;}
#main-footer h2 {padding-bottom:20px;}
#main-footer .copy {color:#888}

#login-footer {background:none; text-align: center; padding:30px 0}
#login-footer h2 {padding-bottom:20px;}
#login-footer .copy {color:#885f10}


#footer {background: #f9f9f9; color: #666;  font-weight:300; border-top:1px solid #eee; font-size:15px; padding:30px 0;}
#footer h2 {float:left;}
#footer .copy {color:#888; padding-top:10px; margin-left:200px}
#footer .copy span {color:#444;}