@charset "utf-8";

/*-------------------------------------------------------------------
    @ 웹폰트
-------------------------------------------------------------------*/
/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Thin.woff2') format('woff2'),
    url('../font/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraLight.woff2') format('woff2'),
    url('../font/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

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

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

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

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-SemiBold.woff2') format('woff2'),
    url('../font/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Bold.woff2') format('woff2'),
    url('../font/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'),
    url('../fonts/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Black.woff2') format('woff2'),
    url('../font/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 100;
    src: local('※'),
    url('../font/NanumSquareL.woff2') format('woff2'),
    url('../font/NanumSquareL.woff') format('woff'),
    url('../font/NanumSquareL.ttf') format('truetype'),
    url('../font/NanumSquareL.otf') format('opentype'),
    url('../font/NanumSquareL.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 400;
    src: local('※'),
    url('../font/NanumSquareR.woff2') format('woff2'),
    url('../font/NanumSquareR.woff') format('woff'),
    url('../font/NanumSquareR.ttf') format('truetype'),
    url('../font/NanumSquareR.otf') format('opentype'),
    url('../font/NanumSquareR.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 700;
    src: local('※'),
    url('../font/NanumSquareB.woff2') format('woff2'),
    url('../font/NanumSquareB.woff') format('woff'),
    url('../font/NanumSquareB.ttf') format('truetype'),
    url('../font/NanumSquareB.otf') format('opentype'),
    url('../font/NanumSquareB.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumSquare';
    font-style: normal;
    font-weight: 900;
    src: local('※'),
    url('../font/NanumSquareEB.woff2') format('woff2'),
    url('../font/NanumSquareEB.woff') format('woff'),
    url('../font/NanumSquareEB.ttf') format('truetype'),
    url('../font/NanumSquareEB.otf') format('opentype'),
    url('../font/NanumSquareEB.eot') format('embedded-opentype');
}


@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 100;
    src: local('※'),
    url('../font/NanumGothicL.woff2') format('woff2'),
    url('../font/NanumGothicL.woff') format('woff'),
    url('../font/NanumGothicL.ttf') format('truetype'),
    url('../font/NanumGothicL.otf') format('opentype'),
    url('../font/NanumGothicL.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 400;
    src: local('※'),
    url('../font/NanumGothicR.woff2') format('woff2'),
    url('../font/NanumGothicR.woff') format('woff'),
    url('../font/NanumGothicR.ttf') format('truetype'),
    url('../font/NanumGothicR.otf') format('opentype'),
    url('../font/NanumGothicR.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 700;
    src: local('※'),
    url('../font/NanumGothicB.woff2') format('woff2'),
    url('../font/NanumGothicB.woff') format('woff'),
    url('../font/NanumGothicB.ttf') format('truetype'),
    url('../font/NanumGothicB.otf') format('opentype'),
    url('../font/NanumGothicB.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 900;
    src: local('※'),
    url('../font/NanumGothicEB.woff2') format('woff2'),
    url('../font/NanumGothicEB.woff') format('woff'),
    url('../font/NanumGothicEB.ttf') format('truetype'),
    url('../font/NanumGothicEB.otf') format('opentype'),
    url('../font/NanumGothicEB.eot') format('embedded-opentype');
}


/* all style */
* {margin:0px; padding:0px;}
* {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
* {-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;}
* {max-height: 1000000px;}
html, body, table, input, textarea, select, h1, h2, h3, h4 {color:#202020;font-size:15px;font-family: 'NanumSquare', 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:inline;max-width:100%;border:0px;line-height:0;}
figure{display:block;line-height:0;}
header, nav, aside, section, address, article, 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:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

/*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:#424242;text-decoration:none;}
a:visited {color:#424242;text-decoration:none;}
a:active  {color:#424242;text-decoration:none;}
a:hover   {color:#424242;text-decoration:none;}
a:focus    {}

.behind{overflow:hidden; display:inline-block; text-indent:-9999px;} 
/* 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;height: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;}

.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;}

#con .paging  li {display:inline-block; padding:0;    vertical-align: top;}