﻿@charset "utf-8";
/* 2021.06.18 강송희 : 지원자 모집공고에서 사용 */
/* noto-sans-sc-v12-latin_chinese-simplified-regular */
@font-face {
    font-family: 'Noto Sans SC';
    font-weight: 400;
    src: url('../font/NotoSansSC-Regular.eot');
    src: url('../font/NotoSansSC-Regular.eot?#iefix') format('embedded-opentype'), url('../font/NotoSansSC-Regular.woff2') format('woff2'), url('../font/NotoSansSC-Regular.woff') format('woff');
}


/* noto-sans-jp-v28-latin_japanese-reqular */
@font-face {
    font-family: 'Noto Sans JP';
    font-weight: 400;
    src: url('../font/NotoSansJP-Regular.eot');
    src: url('../font/NotoSansJP-Regular.eot?#iefix') format('embedded-opentype'), url('../font/NotoSansJP-Regular.woff2') format('woff2'), url('../font/NotoSansJP-Regular.woff') format('woff');
}

/* 초기화 */
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(../font/NanumSquareL.eot);
 src: url(../font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareL.woff) format('woff'),
      url(../font/NanumSquareL.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(../font/NanumSquareR.eot);
 src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareR.woff) format('woff'),
      url(../font/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(../font/NanumSquareB.eot);
 src: url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareB.woff) format('woff'),
      url(../font/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(../font/NanumSquareEB.eot);
 src: url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareEB.woff) format('woff'),
      url(../font/NanumSquareEB.ttf) format('truetype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../font/NotoSansKR-Thin.woff2) format('woff2'),
       url(../font/NotoSansKR-Thin.woff) format('woff'),
       url(../font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../font/NotoSansKR-Light.woff2) format('woff2'),
       url(../font/NotoSansKR-Light.woff) format('woff'),
       url(../font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../font/NotoSansKR-Regular.woff2) format('woff2'),
        url(../font/NotoSansKR-Regular.woff) format('woff'),
        url(../font/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../font/NotoSansKR-Medium.woff2) format('woff2'),
        url(../font/NotoSansKR-Medium.woff) format('woff'),
        url(../font/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../font/NotoSansKR-Bold.woff2) format('woff2'),
        url(../font/NotoSansKR-Bold.woff) format('woff'),
        url(../font/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../font/NotoSansKR-Black.woff2) format('woff2'),
        url(../font/NotoSansKR-Black.woff) format('woff'),
        url(../font/NotoSansKR-Black.otf) format('opentype');
 }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-text-size-adjust: 100%;      -ms-text-size-adjust: 100%;}

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, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    vertical-align: top;
    font-family: 'Noto Sans KR','Noto Sans JP','Noto Sans SC','NanumSquare',Dotum, Arial, sans-serif; /* 2021.06.18 강송희 */
    font-weight: 400;
}
/*2020-5-26 폰트 추가 */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:block;position:relative;
}
header {z-index:100;}
body {
    line-height: 1;
    /*DEL font-family: 'Noto Sans KR','Noto Sans JP','Noto Sans SC','NanumSquare',Dotum, Arial, sans-serif;  2021.06.18 강송희 */
    /*DEL font-weight: 400; */
    font-size: 16px;
    color: #757575;
    background: #fff;
}
/*2020-5-26 폰트 추가 */
 ul {
    list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img, fieldset {
	border:0;
}
input, textarea {
	line-height:1.2px; vertical-align:middle;border:1px solid #d1d1d1;
}
select {vertical-align:middle;border:1px solid #d1d1d1;}
input:focus {border:1px solid #b37d26;-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}


input, textarea, button, select {
    font-family: 'Noto Sans KR','Noto Sans JP','Noto Sans SC','NanumSquare',Dotum, Arial, sans-serif; /* 2021.06.18 강송희 */
    font-weight: 400;
}
/*2020-5-26 폰트 추가 */
select, input {padding:3px 0;}

a { color:#666; text-decoration:none;-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
a:active, a:hover, a:focus { text-decoration:none; }
a:hover { color:#333; }
:hover, :focus, :active {-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}

hr.sec {margin:20px 0;border:none;}

.clear {clear:both;}
.fl_l {float:left !important;}
.fl_r {float:right !important}
.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}
.line_h15 {line-height:1.5em;}
.f_green {color: #009559;}
.f_orange {color: #eb8500;}
.f_red {color: #df1a00;}
.f_black {color: #000;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt50 {margin-top:50px !important;}
.mt80 {margin-top:80px !important;}
.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.ml20 {margin-left:20px !important;}

.bo3 {border:3px solid #e7e7e7;}

.f_13 {font-size:12px}
.f_14 {font-size:12px}
.f_18 {font-size:16px}

.display {display:block;}
.block {display:inline-block;}
.blueicon {color:#426dca;}
.pv {display:block!important;margin:0 auto;}
.mv {display:none!important;}

@media screen and (max-width:768px){
.f_13 {font-size:13px}
.f_14 {font-size:14px}
.f_18 {font-size:18px}
.mt30 {margin-top:50px !important;}
.mt50 {margin-top:50px !important;}
.mt80 {margin-top:30px !important;}
.mb50 {margin-bottom:50px !important;}
.display {display:inline-block;}
.block {display:block;}
.pv {display:none!important;}
.mv {display:inline-block!important;}
}
.blind {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}
.maximage {max-width:100%;}
