@charset "utf-8";

@import 'https://fonts.googleapis.com/css?family=Roboto';

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 800;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}



/* default */
html { }
body,select,input,textarea,a {font-size:15px;line-height:1.6;font-family: "Noto Sans KR", "Roboto", sans-serif;color:#000; } 

body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table,  ul, dd, dt, li, 
tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn,
em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, input,textarea {margin:0px; padding:0px;}

figure{margin:15px 0px; padding:0px; word-wrap:break-word; }

select {padding:0 1px;}
em {font-style:normal}
p, td, li, dd, dt, .block, th {word-break:keep-all; /*word-wrap:break-word;*/} 
th, td {word-break:break-all;}
img, fieldset {border:0 none;}
img {vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;} 
dl, ul, ol, li {list-style:none;}
legend, .hide {position:absolute; width: 0; line-height:0; height: 0; font-size: 0; top:0; left:-10000px; overflow:hidden;}
.hidden {position:absolute; left:-10000px;}

caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; position:static;}
select { border:1px solid #d5d5d5;}
a {color: #161616;  text-decoration: none; cursor: pointer; }
a:hover,a:active,a:focus { text-decoration:none; font-weight:normal;}
iframe {border:none; overflow:hidden;}
strong {font-weight:bold;}
/* * {box-sizing:border-box;} */
html {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
*, *:before, *:after {box-sizing: inherit;}
img { box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box; max-width:100%;}
* {box-sizing:border-box;}
article, aside, canvas, video, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block;}

/* 숨김텍스트처리 */
.skip { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

address,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal}
ol,ul,nav{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;line-height:18px}
caption,hr,legend{width:0;height:0;text-indent:-9999em;font-size:1px;line-height:0}
a,a:active,a:focus,a:hover,a:link,a:visited{color:#555555;text-decoration:none;font-size:100%}


.clearfix:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.clearfix {display: block;}

.hand,button, .over{cursor:pointer;}



/* Button a */
.button a { position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; white-space:nowrap; background:#757575; overflow:visible; color:#fff; border-radius:0px;}
.button a { height:35px; padding:0 20px 0 18px; font-weight:600; line-height:35px;}
/*
.white a {background:#ffffff; color:#333; border:1px solid #ccc; }

*/


/*서식*/
form { margin: 0; padding: 0; }
input, select, textarea, button {} 

input.image {  vertical-align:top; border:0px; }

input[type=text], 
input[type=password], 
input[type=number],
input[type=file]{border:1px solid #c1c1c1; height:34px; line-height:34px; padding:0px 15px; font-size:18px; font-weight:400; color:#fff; }
input[type=checkbox], 
input[type=radio]{vertical-align:middle;padding:0; margin:0 5px 0 0; border:0px solid #c1c1c1; font-size:90%; }
input[type=text],
input[type=password]{ padding:0px 15px; }
textarea{border:1px solid #c1c1c1; line-height:34px; padding:0px 0px; font-size:18px; font-weight:400; color:#fff;  }
select{vertical-align:middle; border:1px solid #c1c1c1; height:34px; padding-left:5px; line-height:34px; font-size:90%; }

input:hover, 
input:focus, 
select:hover, 
select:focus, 
textarea:hover, 
textarea:focus { border: 1px solid #88898d;}
input[type=file]:hover, 
input[type=file]:focus { border:0px solid #88898d;}
input[type=image]:hover, 
input[type=image]:focus { border:0px solid #88898d;}
/*a[target="_blank"] { background:url(/hsedu/gmi/cni/new_ico.png) no-repeat right 45%; padding-right:20px;  }*/




/***************** 1040이하******************************************/
@media all and (max-width:1040px){

input[type=text], 
input[type=password], 
input[type=number],
input[type=file]{border:1px solid #c1c1c1; height:34px; line-height:34px; padding:0px 10px; font-size:16px; font-weight:400; color:#fff; }
input[type=checkbox], 
input[type=radio]{vertical-align:middle;padding:0; margin:0 5px 0 0; border:0px solid #c1c1c1; font-size:90%; }
input[type=text],
input[type=password]{ padding:0px 10px; }
textarea{border:1px solid #c1c1c1; line-height:34px; padding:0px 0px; font-size:16px; font-weight:400; color:#fff;  }
select{vertical-align:middle; border:1px solid #c1c1c1; height:34px; padding-left:5px; line-height:34px; font-size:90%; }

}



/***************** 767이하******************************************/
@media all and (max-width:767px){

input[type=text], 
input[type=password], 
input[type=number],
input[type=file]{border:1px solid #c1c1c1; height:34px; line-height:34px; padding:0px 10px; font-size:14px; font-weight:400; color:#fff; }
input[type=checkbox], 
input[type=radio]{vertical-align:middle;padding:0; margin:0 5px 0 0; border:0px solid #c1c1c1; font-size:90%; }
input[type=text],
input[type=password]{ padding:0px 10px; }
textarea{border:1px solid #c1c1c1; line-height:34px; padding:0px 0px; font-size:14px; font-weight:400; color:#fff;  }
select{vertical-align:middle; border:1px solid #c1c1c1; height:34px; padding-left:5px; line-height:34px; font-size:90%; }

}


@media all and (max-width:400px){

input[type=text], 
input[type=password], 
input[type=number],
input[type=file]{border:1px solid #c1c1c1; height:34px; line-height:34px; padding:0px 10px; font-size:14px; font-weight:400; color:#fff; }
input[type=checkbox], 
input[type=radio]{vertical-align:middle;padding:0; margin:0 5px 0 0; border:0px solid #c1c1c1; font-size:90%; }
input[type=text],
input[type=password]{ padding:0px 15px;  font-size:14px; }
textarea{border:1px solid #c1c1c1; line-height:34px; padding:0px 0px; font-size:14px; font-weight:400; color:#fff;  }
select{vertical-align:middle; border:1px solid #c1c1c1; height:34px; padding-left:5px; line-height:34px; font-size:90%; }



}