@charset "utf-8";

/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */


@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'Noto Sans KR';
    src: url('../font/notokr-light.eot');
    src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'),
    url('../font/notokr-light.woff2') format('woff2'),
    url('../font/notokr-light.woff') format('woff'),
    url('../font/notokr-light.ttf') format('truetype'),
    url('../font/notokr-light.svg#notokr-light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('../font/notokr-regular.eot');
    src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
    url('../font/notokr-regular.woff2') format('woff2'),
    url('../font/notokr-regular.woff') format('woff'),
    url('../font/notokr-regular.ttf') format('truetype'),
    url('../font/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('../font/notokr-medium.eot');
    src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
    url('../font/notokr-medium.woff2') format('woff2'),
    url('../font/notokr-medium.woff') format('woff'),
    url('../font/notokr-medium.ttf') format('truetype'),
    url('../font/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans KR';
    src: url('../font/notokr-bold.eot');
    src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'),
    url('../font/notokr-bold.woff2') format('woff2'),
    url('../font/notokr-bold.woff') format('woff'),
    url('../font/notokr-bold.ttf') format('truetype'),
    url('../font/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: 700;
    font-style: normal;
}


/* all style */
* {margin:0px; padding:0px;border:0;outline:0;box-sizing:border-box;}
html, body, table, input, textarea, select, h1, h2, h3, h4 {font-weight:300;color:#3c3c3c;font-size:15px;font-family: 'Pretendard', 'Noto Sans KR', sans-serif;} /*font-family: 'Noto Sans KR', sans-serif;*//* font-family:NanumGothic, 'Nanum Gothic', 나눔고딕;word-break:keep-all */ /*font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif'; */
body {line-height: 1;}
form, div, p, span, ul, li, dl, dt, textarea, h1, h2, h3, h4 {margin:0px; padding:0px; word-break:keep-all;}
table legend {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0;}
table, th, td {border-spacing:0px; border-collapse:collapse;}
ul, ol, dl, li, dt, dd {list-style:none;} 
img, fieldset {display:block;border:0px;}
figure{display:block;}
header, nav, aside, section, address, footer, hgroup, div {display:block;}

input[type="button"], input[type="text"], input[type="submit"], input[type="password"], select{vertical-align:middle;appearance:none;-webkit-appearance: none;-moz-appearance: none;-webkit-border-radius:0;-moz-border-radius:0;}
input[type="text"]{border:1px solid #c8c8c8;}
select{background:url(../images/sub/select_blt.png) top 14px right 10px no-repeat;background-color:#fff;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { 
  display: none;
}

/* link style */
a:link    {color:#3c3c3c;text-decoration:none;}
a:visited {color:#3c3c3c;text-decoration:none;}
a:active  {color:#3c3c3c;text-decoration:none;}
a:hover   {color:#3c3c3c;text-decoration:none;}
a:focus    {outline:none;}

/* align style */
.clear      {clear:both !important;}
.ft_left    {float:left !important;}
.ft_right   {float:right !important;}
.left       {text-align:left !important;}
.right      {text-align:right !important;}
.center     {text-align:center !important;}
.ls_m1      {letter-spacing:-1px;}
.ls_m2      {letter-spacing:-2px;}

/* no style */
.no_mar     {margin:0px !important;}
.no_pad     {padding:0px !important;}
.no_back    {background:none !important;}
.no_bold    {font-weight:normal !important;}
.yes_bold    {font-weight:bold !important;}
.no_bor     {border:none !important;}
.no_size    {font-size:12px !important;}
.no_color   {color:#828282 !important;}
.no_dis     {display:none !important;}
.hidden     {margin:0px;padding:0px;width:1px;heght:1px;font-size:1px;line-height:0px;color:#fff;overflow:hidden;position:absolute;left:0px;top:0px;}

/* margin */
.tmar_0  {margin-top:0px !important;}
.tmar_5  {margin-top:5px !important;}
.tmar_10 {margin-top:10px !important;}
.tmar_15 {margin-top:15px !important;}
.tmar_20 {margin-top:20px !important;}
.tmar_25 {margin-top:25px !important;}
.tmar_30 {margin-top:30px !important;}
.tmar_35 {margin-top:35px !important;}
.tmar_40 {margin-top:40px !important;}
.tmar_45 {margin-top:45px !important;}
.tmar_50 {margin-top:50px !important;}

.lmar_0  {margin-left:0px !important;}
.lmar_5  {margin-left:5px !important;}
.lmar_10 {margin-left:10px !important;}
.lmar_15 {margin-left:15px !important;}
.lmar_20 {margin-left:20px !important;}
.lmar_25 {margin-left:25px !important;}
.lmar_30 {margin-left:30px !important;}
.lmar_35 {margin-left:35px !important;}
.lmar_40 {margin-left:40px !important;}
.lmar_45 {margin-left:45px !important;}
.lmar_50 {margin-left:50px !important;}
.lmar_60 {margin-left:60px !important;}
.lmar_70 {margin-left:70px !important;}
.lmar_80 {margin-left:80px !important;}

.lmar_m5  {margin-left:-5px !important;}
.lmar_m10 {margin-left:-10px !important;}
.lmar_m15 {margin-left:-15px !important;}
.lmar_m20 {margin-left:-20px !important;}
.lmar_m25 {margin-left:-25px !important;}
.lmar_m30 {margin-left:-30px !important;}
.lmar_m35 {margin-left:-35px !important;}
.lmar_m40 {margin-left:-40px !important;}
.lmar_m45 {margin-left:-45px !important;}
.lmar_m50 {margin-left:-50px !important;}

.rmar_0  {margin-right:0px !important;}
.rmar_5  {margin-right:5px !important;}
.rmar_10 {margin-right:10px !important;}
.rmar_15 {margin-right:15px !important;}
.rmar_20 {margin-right:20px !important;}
.rmar_25 {margin-right:25px !important;}
.rmar_30 {margin-right:30px !important;}
.rmar_35 {margin-right:35px !important;}
.rmar_40 {margin-right:40px !important;}
.rmar_45 {margin-right:45px !important;}
.rmar_50 {margin-right:50px !important;}

.bmar_0  {margin-bottom:0px !important;}
.bmar_5  {margin-bottom:5px !important;}
.bmar_10 {margin-bottom:10px !important;}
.bmar_15 {margin-bottom:15px !important;}
.bmar_20 {margin-bottom:20px !important;}
.bmar_25 {margin-bottom:25px !important;}
.bmar_30 {margin-bottom:30px !important;}
.bmar_35 {margin-bottom:35px !important;}
.bmar_40 {margin-bottom:40px !important;}
.bmar_45 {margin-bottom:45px !important;}
.bmar_50 {margin-bottom:50px !important;}
.bmar_70 {margin-bottom:70px !important;}

.no_pad {padding:0px !important;}
.tpad_0 {padding-top:0px !important;}
.tpad_5 {padding-top:5px !important;}
.tpad_10 {padding-top:10px !important;}
.tpad_15 {padding-top:15px !important;}
.tpad_20 {padding-top:20px !important;}
.tpad_25 {padding-top:25px !important;}
.tpad_30 {padding-top:30px !important;}
.tpad_35 {padding-top:35px !important;}
.tpad_40 {padding-top:40px !important;}
.tpad_45 {padding-top:45px !important;}
.tpad_50 {padding-top:50px !important;}

.lpad_0 {padding-left:0px !important;}
.lpad_5 {padding-left:5px !important;}
.lpad_10 {padding-left:10px !important;}
.lpad_15 {padding-left:15px !important;}
.lpad_20 {padding-left:20px !important;}
.lpad_25 {padding-left:25px !important;}
.lpad_30 {padding-left:30px !important;}
.lpad_35 {padding-left:35px !important;}
.lpad_40 {padding-left:40px !important;}
.lpad_45 {padding-left:45px !important;}
.lpad_50 {padding-left:50px !important;}

.rpad_0 {padding-right:0px !important;}
.rpad_5 {padding-right:5px !important;}
.rpad_10 {padding-right:10px !important;}
.rpad_15 {padding-right:15px !important;}
.rpad_20 {padding-right:20px !important;}
.rpad_25 {padding-right:25px !important;}
.rpad_30 {padding-right:30px !important;}
.rpad_35 {padding-right:35px !important;}
.rpad_40 {padding-right:40px !important;}
.rpad_45 {padding-right:45px !important;}
.rpad_50 {padding-right:50px !important;}

.bpad_0 {padding-bottom:0px !important;}
.bpad_5 {padding-bottom:5px !important;}
.bpad_10 {padding-bottom:10px !important;}
.bpad_15 {padding-bottom:15px !important;}
.bpad_20 {padding-bottom:20px !important;}
.bpad_25 {padding-bottom:25px !important;}
.bpad_30 {padding-bottom:30px !important;}
.bpad_35 {padding-bottom:35px !important;}
.bpad_40 {padding-bottom:40px !important;}
.bpad_45 {padding-bottom:45px !important;}
.bpad_50 {padding-bottom:50px !important;}


/* SKIP */
.hide {font-size:0;text-indent:-9999px;visibility:hidden;}
.skipH{position:absolute; height:0; width:0; left:-9999px; overflow:hidden; font-size:0; line-height:0;}
a.skipNavi {display:block; position:absolute; z-index:500; left:0; top:-10000px; font-size:1.3em; text-align:center; width:100%;}
a.skipNavi:hover, a.skipNavi:focus, a.skipNavi:active{position:absolute; top:0; z-index:500; padding:15px 0; color:#ffffff; font-weight:bold;background: none repeat scroll 0 0 #1d60a7;}


/* @ import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
/* @ import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* @ import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
/* @ import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* @ import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);