@charset "utf-8";

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/css/fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(/css/fonts/NotoSansKR-Thin.woff) format('woff'),
       url(/css/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/css/fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(/css/fonts/NotoSansKR-Light.woff) format('woff'),
       url(/css/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/css/fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(/css/fonts/NotoSansKR-Regular.woff) format('woff'),
        url(/css/fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/css/fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(/css/fonts/NotoSansKR-Medium.woff) format('woff'),
        url(/css/fonts/NotoSansKR-Medium.otf) format('opentype');
}
/* ROBOTO : latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(/css/fonts/roboto/Roboto-Light7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(/css/fonts/roboto/Roboto-Regular7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(/css/fonts/roboto/Roboto-Medium7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Daehan';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/DaehanR.woff2') format('woff2'), url('/css/fonts/DaehanR.woff') format('woff');
}

@font-face {
  font-family: 'Daehan';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/DaehanB.woff2') format('woff2'), url('/css/fonts/DaehanB.woff') format('woff');
}

*{ box-sizing:border-box; }
html { overflow-y:scroll; margin:0; padding:0; border:0; -webkit-text-size-adjust:none; }
body { min-width:320px; margin:0; padding:0; font-size:16px; font-family:'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; position:relative; }
div,span,object,iframe,p,
blockquote,pre,abbr,cite,code,del,dfn,img,h1, h2, h3, h4, h5, h6,html,body,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; outline:0; line-height:160%; font-family:'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:500; font-family:'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul, li {list-style:none}
li{ list-style-type:none; }
caption, legend { position:absolute; margin:0; padding:0; font-size: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:'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; font-size:16px; font-weight:400; }
input, textarea, select { margin:0; padding:0; background:#fff; }
button{ cursor:pointer; }
button,input[type=submit]{ margin:0; vertical-align:top; cursor:pointer; }
textarea { font-family:'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; min-height:43px; border:solid 1px #ccc; margin:5px auto 5px; background:#fff; }
textarea, select { margin:0; font-family:'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; font-size:16px; font-weight:300; }
p { margin:0; padding:0; word-break:keep-all; font:300 15px/25px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#444; }
hr { display:none; }
a{ text-decoration:none; color:#222; }
a:link, a:visited { text-decoration:none; }
a:hover, a:focus, a:active { color:#000; text-decoration:underline; }
a:hover, a:active, a:focus{ text-decoration:none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
img,fieldset,iframe{ border:0; vertical-align:top; }
img,fieldset { border:none; }
table{ width:100%; margin:0px auto; border-collapse:collapse; border-spacing:0; vertical-align:top; }
label{ cursor:pointer; }
label:hover{ color:#184ee8; }
label input[type=checkbox]{ vertical-align:middle; }


@media(max-width:1200px){

    body{ font-size:13px; }
    p{ font-size:14px; line-height:23px; }
    input, button{ font-size:13px; }
    textarea, select{ font-size:13px; }

}

@media(max-width:999px){

    body{ font-size:12px; }
    p{ font-size:12px; line-height:20px; }
    input, button{ font-size:12px; }
    textarea, select{ font-size:12px; }

    .language {margin-top: 15px !important; height: 34px !important;}


}

@media(min-width:1000px){
    .language {margin-top: 17px !important}
}


/* 다국어 버튼 슬라이드 */
.language{ position:relative; text-transform:uppercase;}
.language:hover{ background:#fcfcfc;}
.language{ -webkit-transition-duration:0.15s; -moz-transition-duration:0.15s; -o-transition-duration:0.15s; -ms-transition-duration:0.15s; transition-duration:0.15s; }
.language:hover{ border-radius:0; }
.language h2{ position:relative; padding:3px 25px 4px 12px; border-radius:5px; border:solid 1px #ddd; line-height:180%; font:400 14px 'Play','Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#000; cursor:pointer; }
.language h2{ -webkit-transition-duration:0.15s; -moz-transition-duration:0.15s; -o-transition-duration:0.15s; -ms-transition-duration:0.15s; transition-duration:0.15s; }
.language:hover h2{ padding-right:32px; color:#555; border-radius:0;}
.language h2:before{ display:inline-block; position:absolute; right:10px; top:1px; content:''; font:normal 12px/22px 'FontAwesome'; color:#555; }
.language h2:before{ -webkit-transition-duration:0.15s; -moz-transition-duration:0.15s; -o-transition-duration:0.15s; -ms-transition-duration:0.15s; transition-duration:0.15s; }
.language:hover h2:before{ right:16px; color:#666; }
.language ul{ overflow:hidden; position:absolute; left:0; top:100%; width:100%; padding:4px 0; height:0; background:#fcfcfc; border-radius:10px; opacity:0; }
.language ul{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.language:hover ul{ overflow:inherit; height:auto; border:solid 1px #ddd; background:#fff; border-top:none; border-radius:0; opacity:1; }
.language ul li{  }
/*.language ul li:before{ position:absolute; left:-1px; top:0; width:1px; height:101%; content:''; background:#ddd; }
.language ul li:after{ position:absolute; right:-1px; top:0; width:1px; height:101%; content:''; background:#ddd; }*/
.language ul li a{ position:relative; display:block; padding:0 17px; font:400 14px/14px 'Play','Roboto','Noto Sans KR','NanumGothic','Malgun Gothic',Sans-serif; color:#555; text-align:center; }
.language ul li a:hover{ color:#034ea2; }
.language ul li a:active{ color:#333; }
.language ul li a img{ display:none; /*max-width:14px; margin-right:3px; vertical-align:-2px;*/ }