@charset "euc-kr";
@font-face {
    font-family: 'Noto Sans Light';
    font-style: normal;
    font-weight: 300;
    src: local("Noto Sans Light"), local("NotoSans-Light"), url(fonts/NotoSansKR-Light.eot), url(fonts/NotoSansKR-Light.eot?#iefix) format("embedded-opentype"), url(fonts/NotoSansKR-Light.woff) format("woff"), url(fonts/NotoSansKR-Light.otf) format("opentype");
}

@font-face {
    font-family: 'Noto Sans DemiLight';
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans DemiLight"), local("NotoSans-DemiLight"), url(fonts/NotoSansKR-DemiLight.eot), url(fonts/NotoSansKR-DemiLight.eot?#iefix) format("embedded-opentype"), url(fonts/NotoSansKR-DemiLight.woff) format("woff"), url(fonts/NotoSansKR-DemiLight.otf) format("opentype");
}

@font-face {
    font-family: 'Noto Sans Regular';
    font-style: normal;
    font-weight: 500;
    src: local("Noto Sans Regular"), local("NotoSans-Regular"), url(fonts/NotoSansKR-Regular.eot), url(fonts/NotoSansKR-Regular.eot?#iefix) format("embedded-opentype"), url(fonts/NotoSansKR-Regular.woff) format("woff"), url(fonts/NotoSansKR-Regular.otf) format("opentype");
}
@font-face {
    font-family: 'Noto Sans Bold';
    font-style: normal;
    font-weight: 800;
    src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(fonts/NotoSansKR-Bold.eot), url(fonts/NotoSansKR-Bold.eot?#iefix) format("embedded-opentype"), url(fonts/NotoSansKR-Bold.woff) format("woff"), url(fonts/NotoSansKR-Bold.otf) format("opentype");
}

@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 900;
    src: local("NanumBarunGothic"), local("NanumBarunGothic"), url(fonts/NanumBarunGothic.eot), url(fonts/NanumBarunGothic.eot?#iefix) format("embedded-opentype"), url(fonts/NanumBarunGothic.woff) format("woff"), url(fonts/NanumBarunGothic.otf) format("opentype");
}

@font-face {
    font-family: 'NanumBarunGothicBold';
    font-style: normal;
    font-weight: 900;
    src: local("NanumBarunGothicBold"), local("NanumBarunGothicBold"), url(fonts/NanumBarunGothicBold.eot), url(fonts/NanumBarunGothicBold.eot?#iefix) format("embedded-opentype"), url(fonts/NanumBarunGothicBold.woff) format("woff"), url(fonts/NanumBarunGothicBold.otf) format("opentype");
}


@font-face {
    font-family: 'BusanBada';
    src: url('fonts/BusanBada.eot');
    src: url('fonts/BusanBada.eot?#iefix') format('embedded-opentype'),
         url('fonts/BusanBada.woff') format('woff'),
         url('fonts/BusanBada.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


/* html5 reset add */
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, 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; border: 0; outline: 0;}
a{margin: 0; padding: 0;} 

/* default css */
html, body {height:100%;width:100%;margin: 0;padding: 0;font-family:'Noto Sans DemiLight';}
h1, h2, h3, h4, h5, h6 {text-align:left;font-weight:normal;margin:0; padding:0; border:0;font-family:'Noto Sans Bold'; font-smoothing:antialiased; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
table {table-layout:fixed; margin:0; padding:0; border:0; border-collapse:collapse;}
td, th {empty-cells:show;}
ul, ol, li {list-style:none;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:none;}
em, address {font-style:normal;}
textarea {overflow:auto;}
hr, legend, caption, .hide {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; font-size:0; line-height:0; margin-left:-55555px;}For Screen Reader
caption, th {text-align:left;}
td {vertical-align:middle;}
img {vertical-align:top;}


.hidden {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
}

.skip_list {
display:none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.skip_link {
    position: absolute;
    top: -100px;
    left: 0;
    z-index: 5000;
    width: 100%;
    padding: 10px 0;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 15px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    text-align: center;
    text-decoration: none;
}

.skip_link:focus, .skip_link:hover, .skip_link:active {top: 0;}

body {overflow-y: scroll; margin: 0;padding: 0; -webkit-text-size-adjust: none; text-size-adjust: none;} 
select.select_type {
border:1px solid #d7d7d7; color:#201f2d; vertical-align:top;
-webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ 
-moz-appearance: none; 
appearance: none; 
background:#fff url('/img/common/select_arrow.jpg') no-repeat 95% 50%; /* È­»ìÇ¥ ¸ð¾çÀÇ À̹ÌÁö */ 
padding: .6em 3.2em .6em .9em; /* ¿©¹éÀ¸·Î ³ôÀÌ ¼³Á¤ */
}
select::-ms-expand { display: none; }
input.input_type01 {height:33px; padding:0 10px; background:#fff; border:1px solid #d7d7d7; color:#201f2d; font-size:14px; line-height:33px; }
input.red_inptype {height:33px; padding:0 10px; background:#fff; border:1px solid #a51919; color:#201f2d; font-size:14px; line-height:33px; }
input.radio_type {width:15px; height:20px; vertical-align:top; *vertical-align:middle;}
input.checkbox_type {width:14px; height:14px; vertical-align:text-bottom;}
textarea {background:#fff; padding:5px; border:1px solid #c8c8c8; color:#555555; font-size:12px; width:100%;resize:none;}

/* ¼Õ°¡¶ô Ç¥½Ã */
.click {cursor:pointer;}


/* -- margin -- */
/* top */
.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

/* bottom */
.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb150 {margin-bottom:150px;}

/* left */
.ml0 {margin-left:0px;}
.ml5  {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}
.ml100 {margin-left:100px;}

/* right */
.mr5  {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr40 {margin-right:40px;}

.ms10 {margin-left:10px; margin-right:10px; font-size:14px;}

/* -- padding -- */
/* top */
.pt5  {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}

/* bottom */
.pb5  {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}

/* left */
.pl5  {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl70 {padding-left:70px;}
.pl100 {padding-left:100px;}
.pl120 {padding-left:120px;}
.pl140 {padding-left:140px;}
.pl160 {padding-left:160px;}
.pl180 {padding-left:180px;}

/* right */
.pr5  {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr60 {padding-right:60px;}


/* -- vertical-align -- */
.vtaT {vertical-align:top;}
.vtaM {vertical-align:middle;}
.vtaB {vertical-align:bottom;}
.mg_a {margin:0 auto; }

/* -- text-align  -- */
.tar {text-align:right;}
.tac {text-align:center;}
.tal {text-align:left;}


/* -- line-height -- */
.lh18 {line-height:18px;}
.lh20 {line-height:20px;}
.lh22 {line-height:22px;}
.lh24 {line-height:24px;}
.lh26 {line-height:26px;}
.lh28 {line-height:28px;}
.lh30 {line-height:30px;}


/* -- font -- */
.fs8 {font-size:8px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px; line-height:16px;}
.fs14_b {font-size:14px; line-height:16px; font-weight:bold;}
.fs15 {font-size:15px; line-height:16px;}
.fs15_b {font-size:15px; line-height:16px; font-weight:bold;}
.fs16 {font-size:16px; line-height:16px;}
.fs16_b {font-size:16px; line-height:16px; font-weight:bold;}
.fs18 {font-size:18px; line-height:18px;}
.fs18_b {font-size:18px; line-height:18px; font-weight:bold;}

.fwn {font-weight:normal;}
.fwb {font-weight:bold;}


/* -- letter-spacing --*/
.letspa {letter-spacing:-1px;}


/* -- border -- */
.bdrT {border-top:0px; }
.bdrL {border-left:0px; }
.bdrR {border-right:0px; }
.bdrB {border-bottom:0px; }

.b_none {background:none }

/* -- clear -- */
.clear:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clear {clear:both;}

/* -- float -- */
.fl_l {float:left;}
.fl_r {float:right;}
.ov_h {overflow:hidden;}

/* -- display -- */
.dpib {display:inline-block;}
.dpb {display:block;}
.dpn {display:none;}

.tdu {text-decoration:underline;}

/* °Ë»ö */
.con_search {float:right; width:215px;height:41px;position: relative;}
.search_box1 label span {white-space:nowrap; text-overflow:ellipsis; word-break:break-all;display:block; cursor:default;width:160px;overflow:hidden; color:#7a7a7a} 
.con_search input {
  width: 95%;
  border-radius:6px 6px 0px 0px;
  height: 70px;
  border-bottom:solid 1px #7b7b7b;
  padding: 10px;
  padding: 20px 0 0 5%;
  /* font-size: 0; */
  background: #fff;
  transition: background .3s ease;
  color: #333;
}

.con_search input:focus {
  border-radius:6px;
  background: #fff;
  font-size: 14px;
  letter-spacing:0.5px;
  color:#000;
  outline:none;
  border:solid 2px #e31839;
}
.con_search input::-ms-clear{display: none;}
.con_search input:focus::-moz-selection {
  background: rgba(188, 232, 255, 0.5);
}
.con_search input:focus::selection {
  background: rgba(188, 232, 255, 0.5);
}
.con_search input.active {
  background: #065CB7;
  font-size: 23px;
  color:#000;
  display:none;
}
.con_search input,
.con_search button {
  position: absolute;
  height: 50px;
}
.con_search button {
  background:#fff url('/img/common/sbtn1.gif') 50% 50% no-repeat;
  right:15px;
  bottom:-2px;
  border:none;
  width:40px;
  height:40px;
  border-radius: 6px;
  font-size: 22px;
  cursor: pointer;
  transition: width .3s ease, background .3s ease, opacity .3s ease;
  opacity:1;
  color: #065CB7;
  text-transform: uppercae;
}
.con_search button.active {
  color: #ffffff;
  background: #639EDB;
  opacity: 1;
  pointer-events: auto;
  display:block;
}
.con_search button.active:hover {
  background: #5E99D6;
}
.con_search button.full {
  width: 100%;
}
.con_search input:focus + label {
  font-size: 12px;
  -webkit-transform: translate(16px, -2px);
          transform: translate(16px, -2px);
  color: rgba(41, 100, 221, 0.7);
}
.con_search label {
  position: absolute;
  color:#333;
  -webkit-transform: translate(16px, 10px);
          transform: translate(16px, 10px);
  transition: font-size .3s ease, color .3s .1s ease, -webkit-transform .3s ease;
  transition: transform .3s ease, font-size .3s ease, color .3s .1s ease;
  transition: transform .3s ease, font-size .3s ease, color .3s .1s ease, -webkit-transform .3s ease;
  font-size: 16px;
  line-height:33px;
}
.con_search label.active {
  font-size: 13px;
  -webkit-transform: translate(16px, 6px);
          transform: translate(16px, 6px);
  color: rgba(41, 100, 221, 0.7);
}
.con_search input:focus + label + button {
  opacity: 1;
}
.bfont {font-size:16px;}

.cri1 {position:absolute; top:0px; left:0px; z-index:9; padding:5px 10px; background:#ff4200; display:block; color:#fff; font-size:14px;}
.cri2 {position:absolute; top:0px; left:0px; z-index:9; padding:5px 10px; background:#0babf7; display:block; color:#fff; font-size:14px;}  
/* .cri2 {position:absolute; top:0px; left:0px; z-index:9; padding:5px 10px; background:#59bca4; display:block; color:#fff; font-size:14px;}  48d064  */