@charset "utf-8";
/*-------------------------------------------------------------------
	분류그룹 : 초기화
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
    @ 웹폰트
-------------------------------------------------------------------*/
/* Pretendard */
/*@import url("/css/pretendard-dynamic.css");*/
/*
@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('../font/Pretendard-ExtraBold.woff2') format('woff2'),
    url('../font/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: '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;
}

/* One mobile */
@font-face {
    font-family: 'One mobile';
    src: url('../font/ONE_Mobile_Title.woff') format('woff'),
        url('../font/ONE_Mobile_Title.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'One mobile';
    src: url('../font/ONE_Mobile_Title.woff') format('woff'),
        url('../font/ONE_Mobile_Title.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'One mobile';
    src: url('../font/ONE_Mobile_Title.woff') format('woff'),
        url('../font/ONE_Mobile_Title.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'One mobile';
    src: url('../font/ONE_Mobile_Title.woff') format('woff'),
    url('../font/ONE_Mobile_Title.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'One mobile';
    src: url('../font/ONE_Mobile_Title.woff') format('woff'),
        url('../font/ONE_Mobile_Title.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* cafe24 */
@font-face {
    font-family: 'cafe 24 shiningstar';
    src: url('../font/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cafe 24 shiningstar';
    src: url('../font/Cafe24Shiningstar.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'cafe 24 shiningstar';
    src: url('../font/Cafe24Shiningstar.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'cafe 24 shiningstar';
    src: url('../font/Cafe24Shiningstar.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* Sangjuhaerye */
@font-face {
    font-family: 'Sangjuhaerye';
    src: local('Sangjuhaerye'),
    url('../font/SANGJU-Haerye.woff') format('woff'),
    url('../font/SANGJU-Haerye.ttf') format('truetype'),
    url('../font/SANGJU-Haerye.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

/* Tenada */
@font-face {
    font-family: 'Tenada';
    src: local('Tenada'),
    url('../font/Tenada.woff') format('woff'),
    url('../font/Tenada.ttf') format('truetype'),
    url('../font/Tenada.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
/*Eulyoo1945*/
@font-face {
    font-family: 'Eulyoo1945';
    font-style: normal;
    font-weight: 400;
    src: local('Eulyoo1945'),
        url('../font/Eulyoo1945-Regular.woff2') format('woff2'), 
        url('../font/Eulyoo1945-Regular.woff') format('woff'),
        url('../font/Eulyoo1945-Regular.ttf') format('truetype'),
        url('../font/Eulyoo1945-Regular.otf') format('opentype'),
        url('../font/Eulyoo1945-Regular.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Eulyoo1945';
    font-style: normal;
    font-weight: 600;
    src: local('Eulyoo1945'),
        url('../font/Eulyoo1945-SemiBold.woff2') format('woff2'), 
        url('../font/Eulyoo1945-SemiBold.woff') format('woff'),
        url('../font/Eulyoo1945-SemiBold.ttf') format('truetype'),
        url('../font/Eulyoo1945-SemiBold.otf') format('opentype'),
        url('../font/Eulyoo1945-SemiBold.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{color:#000;font-size:16px;font-family: 'Pretendard GOV','Noto Sans KR', sans-serif;}

@media screen and (max-width: 1024px) {
    html, body{font-size:15px;}
}
@media screen and (max-width: 600px) {
    html, body{font-size:14px;}
}

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, main, footer, hgroup, div {display:block;}
dfn,em {font-weight: bold; font-style: normal;}
del,s {display: inline-block;}
figcaption {display: block;}

input, textarea, select, button {font-family: inherit;}
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; }

button, input[type="button"] {border:0; cursor: pointer;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
/*select::-ms-expand {
  display: none;
}*/
/* link style */
a:link    {color:#424242; text-decoration:none;}
a:visited {color:#222; text-decoration:none;}
a:active  {color:#424242; text-decoration:none;}
a:hover   {color:#424242; text-decoration:none;}
a:focus    {}


/*-------------------------------------------------------------------
	분류그룹 : 유틸리티
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/

/* 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:#000000; font-weight:bold;background: none repeat scroll 0 0 #FF554A;}
a.skipNavi:focus {outline-color: transparent;}
a.skipNavi:focus::before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 4px dashed #000000; box-sizing: border-box;}


.behind{overflow:hidden; display:inline-block; text-indent:-9999px;}

/* display */
.dis-bk {display: block;}
.dis-ib {display: inline-block;}
.dis-fx {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;}
.dis-ifx {display: inline-flex;}

/* ------ flex attribute ------ */
/* direction */
.flex-row {-webkit-box-orient: horizontal; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.flex-column {-webkit-box-orient: vertical; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}

/* flex-wrap */
.flex-wrap {-webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.flex-nowrap {-webkit-box-lines: single; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}

/* justify-content */
.jf-start {-webkit-box-pack: start; -moz-box-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}
.jf-end {-webkit-box-pack: end; -moz-box-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;}
.jf-center {-webkit-box-pack: center; -moz-box-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.jf-between {-webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.jf-around {justify-content: space-around;}

/* align-items */
.ai-start {-webkit-box-align: start; -moz-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;}
.ai-center {-webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center;}
.ai-end {-webkit-box-align: end; -moz-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;}



/* align style */
.clear      {clear:both !important;}
.ft-left    {float:left !important;}
.ft-right   {float:right !important;}
.txt-left   {text-align:left !important;}
.txt-right  {text-align:right !important;}
.txt-center {text-align:center !important;}
.txt-nowrap {white-space: nowrap !important;}
.flex-right {margin-left: auto !important;}
.flex-left  {margin-right: auto !important}
.flex-center{margin-left: auto !important; margin-right: auto !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     {overflow:hidden; position:absolute; left:0px; top:0px; width:1px; height:1px; margin:0px; padding:0px; font-size:1px; line-height:0px; color:#fff;}
.blind      {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}

/* margin */
.m-0 {margin:0px !important;}
.m-auto {margin: auto !important;}
.m-5  {margin:5px !important;}
.m-10 {margin:10px !important;}
.m-15 {margin:15px !important;}
.m-20 {margin:20px !important;}
.m-25 {margin:25px !important;}
.m-30 {margin:30px !important;}
.m-35 {margin:35px !important;}
.m-40 {margin:40px !important;}
.m-45 {margin:45px !important;}
.m-50 {margin:50px !important;}

.mt-0  {margin-top:0px !important;}
.mt-auto {margin-top: auto !important;}
.mt-5  {margin-top:5px !important;}
.mt-10 {margin-top:10px !important;}
.mt-15 {margin-top:15px !important;}
.mt-20 {margin-top:20px !important;}
.mt-25 {margin-top:25px !important;}
.mt-30 {margin-top:30px !important;}
.mt-35 {margin-top:35px !important;}
.mt-40 {margin-top:40px !important;}
.mt-45 {margin-top:45px !important;}
.mt-50 {margin-top:50px !important;}

.ml-0  {margin-left:0px !important;}
.ml-auto {margin-left: auto !important;}
.ml-5  {margin-left:5px !important;}
.ml-10 {margin-left:10px !important;}
.ml-15 {margin-left:15px !important;}
.ml-20 {margin-left:20px !important;}
.ml-25 {margin-left:25px !important;}
.ml-30 {margin-left:30px !important;}
.ml-35 {margin-left:35px !important;}
.ml-40 {margin-left:40px !important;}
.ml-45 {margin-left:45px !important;}
.ml-50 {margin-left:50px !important;}
.ml-60 {margin-left:60px !important;}
.ml-70 {margin-left:70px !important;}
.ml-80 {margin-left:80px !important;}

.ml-m5  {margin-left:-5px !important;}
.ml-m10 {margin-left:-10px !important;}
.ml-m15 {margin-left:-15px !important;}
.ml-m20 {margin-left:-20px !important;}
.ml-m25 {margin-left:-25px !important;}
.ml-m30 {margin-left:-30px !important;}
.ml-m35 {margin-left:-35px !important;}
.ml-m40 {margin-left:-40px !important;}
.ml-m45 {margin-left:-45px !important;}
.ml-m50 {margin-left:-50px !important;}

.mr-0  {margin-right:0px !important;}
.mr-auto {margin-right: auto !important;}
.mr-5  {margin-right:5px !important;}
.mr-10 {margin-right:10px !important;}
.mr-15 {margin-right:15px !important;}
.mr-20 {margin-right:20px !important;}
.mr-25 {margin-right:25px !important;}
.mr-30 {margin-right:30px !important;}
.mr-35 {margin-right:35px !important;}
.mr-40 {margin-right:40px !important;}
.mr-45 {margin-right:45px !important;}
.mr-50 {margin-right:50px !important;}

.mb-0  {margin-bottom:0px !important;}
.mb-auto {margin-bottom: auto !important;}
.mb-5  {margin-bottom:5px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-15 {margin-bottom:15px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-25 {margin-bottom:25px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-35 {margin-bottom:35px !important;}
.mb-40 {margin-bottom:40px !important;}
.mb-45 {margin-bottom:45px !important;}
.mb-50 {margin-bottom:50px !important;}

/* padding */
.p-0 {padding:0px !important;}
.p-5 {padding:5px !important;}
.p-10 {padding:10px !important;}
.p-15 {padding:15px !important;}
.p-20 {padding:20px !important;}
.p-25 {padding:25px !important;}
.p-30 {padding:30px !important;}
.p-35 {padding:35px !important;}
.p-40 {padding:40px !important;}
.p-45 {padding:45px !important;}
.p-50 {padding:50px !important;}

.pt-0 {padding-top:0px !important;}
.pt-5 {padding-top:5px !important;}
.pt-10 {padding-top:10px !important;}
.pt-15 {padding-top:15px !important;}
.pt-20 {padding-top:20px !important;}
.pt-25 {padding-top:25px !important;}
.pt-30 {padding-top:30px !important;}
.pt-35 {padding-top:35px !important;}
.pt-40 {padding-top:40px !important;}
.pt-45 {padding-top:45px !important;}
.pt-50 {padding-top:50px !important;}

.pl-0 {padding-left:0px !important;}
.pl-5 {padding-left:5px !important;}
.pl-10 {padding-left:10px !important;}
.pl-15 {padding-left:15px !important;}
.pl-20 {padding-left:20px !important;}
.pl-25 {padding-left:25px !important;}
.pl-30 {padding-left:30px !important;}
.pl-35 {padding-left:35px !important;}
.pl-40 {padding-left:40px !important;}
.pl-45 {padding-left:45px !important;}
.pl-50 {padding-left:50px !important;}

.pr-0 {padding-right:0px !important;}
.pr-5 {padding-right:5px !important;}
.pr-10 {padding-right:10px !important;}
.pr-15 {padding-right:15px !important;}
.pr-20 {padding-right:20px !important;}
.pr-25 {padding-right:25px !important;}
.pr-30 {padding-right:30px !important;}
.pr-35 {padding-right:35px !important;}
.pr-40 {padding-right:40px !important;}
.pr-45 {padding-right:45px !important;}
.pr-50 {padding-right:50px !important;}

.pb-0 {padding-bottom:0px !important;}
.pb-5 {padding-bottom:5px !important;}
.pb-10 {padding-bottom:10px !important;}
.pb-15 {padding-bottom:15px !important;}
.pb-20 {padding-bottom:20px !important;}
.pb-25 {padding-bottom:25px !important;}
.pb-30 {padding-bottom:30px !important;}
.pb-35 {padding-bottom:35px !important;}
.pb-40 {padding-bottom:40px !important;}
.pb-45 {padding-bottom:45px !important;}
.pb-50 {padding-bottom:50px !important;}




/* 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;}

/*메인 비주얼 반응형 html*/

/* Pretendard 900 */

  /*------------
  reset
  ------------*/
  
  * {font-family: 'Pretendard GOV', sans-serif;}
  *, ::after, ::before{box-sizing: border-box; scroll-behavior: smooth;}
  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,
  strong, 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, p, span, i, input, select{
      margin: 0;
      padding: 0;
      border: 0;
      font: inherit;
      vertical-align: baseline;
      font-weight:400;
      font-family: 'Pretendard GOV', sans-serif;
      /* font-family:-apple-system, BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','맑은 고딕','NanumGothic','나눔고딕','Dotum','돋움',sans-serif; */
  }
  
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
      display: block;
  }
  
  body, html {
      height: 100%;
      padding:0;
      margin:0;
      font-size: 18px;
    line-height:26px;
    text-size-adjust : 100%;
    /*overflow-y:auto;*/
  }
  
  ol, ul, li {
      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;
    width:100%
  }
  
  a, a:hover, a:active{
      text-decoration: none;
     color:#000;
  }
  
  b{
      font-weight:bold;
  }
  
  i{
      font-size:1.1em
  }
  
  sup{
    vertical-align: super;
    font-size: 12px;
    font-weight:inherit;
  }
  
  strong{
      font-weight:bold
  }
  
  table caption, .hidden{
    position: absolute !important;
    z-index:-1;
    width: 1px;
    height: 1px !important;
    margin: -1px;
    clip: rect(1px, 1px, 1px, 1px);
    /*clip-path:inset(50%);*/
    overflow: hidden;
  }
  
  hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border: 0;
  }
  
  
  .wrap{position: relative;width: 854px; }
  .wrap > .img > img {border-radius: 12px;overflow: hidden;width: 100%;}
  .banner{position: absolute; top:0; left: 0; right: 0; bottom: 0; padding: 30px 40px; font-weight:800}
  .title{margin-top: 0px; font-size: 2.222rem;font-weight: 600; color:#fff }
  .title .stxt{font-weight: 200}
  
  .title .sml{font-size: 18px;font-weight: 600;}
  
  .num_UL li{float: left; width: 90px; font-size: 62px; line-height: 70px; text-align: center;}
  .num_UL:after{ content:""; display:block; clear:both}
  
  .name_UL:after{ content:""; display:block; clear:both}
  .name_UL{display: inline-block; background: rgba(255,255,255,0.2);}
  .name_UL li{float: left; width: 90px; font-size: 15px; text-align: center;}
  
  .s_title{margin-top: 15px}
  .s_title span{margin-right: 30px; font-size: 15px; font-weight: 800}
  .s_title ul li{position: relative; float: left;margin-right: 30px; }
  .s_title ul li:before{content: ''; position: absolute; top:7px; right: -16px; width: 1px; height: 10px; background: #fff}
  .s_title ul li:last-child:before{display: none;}
  .s_title ul{display: inline-block; vertical-align: middle;font-size: 15px; font-weight: 400}
  
  .txt_01{margin-top: 15px; font-size: 40px; font-weight: 200; color: #fff; line-height: 1.2; letter-spacing: -0.035em}
  .txt_02{margin-top: 5px; font-size: 2.222rem; font-weight: 700;  line-height: 1.2; color: #89fff3; letter-spacing: -0.035em}
  .txt_02 span{position: relative ; font-weight: 700; } 
  .txt_02 span:after{content: ''; display: block; position: absolute; top:-6px; left: 15px; width: 8px; height:8px; border-radius: 100px; background:#69ffef }
  .stext_size {font-size: 25px;}
  .btn {
      display: inline-block;
      height: 46px;
      line-height: 44px;
      border-radius: 46px;
      border: 1px solid #f1f3f4;
      background-size: 14px;
      box-shadow: 0px 0px 7px rgb(0 0 0 / 7%);
      padding: 0 20px;
      font-size: 18px;
      font-weight: 600;
      background: #fff;
      vertical-align: middle;
  }
  /*검색 하이라이트 css 추가(임시)*/
  .sc-keyword {
    color:#106da8; 
    font-weight:bold;
  }
  
  
  .tb_Wrap{margin-top: 10px; width: 435px}
  .table_col { width: 100%; border: 1px solid rgba(255,255,255,0.5);}
  .table_col > tbody > tr > th{width: 25%;  font-size: 16px; font-weight: 500; color: #fff; line-height: 25px;  background: rgba(0,0,0,0.15); border-right:1px solid rgba(255,255,255,0.5);}
  .table_col > tbody > tr {font-size: 16px; border-bottom: 1px solid rgba(255,255,255,0.5);}
  .table_col > tbody > tr:last-child{border-bottom: none}
  .table_col > tbody > tr:nth-child(1) > th:last-child{border-right: none}
  .table_col > tbody > tr:nth-child(2) > th:last-child{border-right: none}
  .table_col > tbody > tr > td {position: relative; color: #fff; text-align: center; line-height:1; border-right: 1px solid rgba(255,255,255,0.5);}
  .table_col > tbody > tr > td > span{display:block; font-size: 28px;  font-weight: 500; line-height:40px ; letter-spacing: -0.055em}
  .table_col > tbody > tr > td:first-child{ font-size: 16px;  font-weight: 500; line-height:1 }
  
  .table_col > tbody > tr > td:first-child .tit{display: block; margin-top: 0; font-size: 0.944rem; color: #fff;font-weight: 500;  position: absolute; width: 100%; top: 10px;}
  .table_col > tbody > tr > td:first-child p{ position: absolute; width: 100%; top: 25px; margin-top: 5px; font-size: 0.944rem; color: rgba(255,255,255,1); line-height:1 }
  
  .table_col > tbody > tr > td:last-child{border-right: none}
  .btn_wrap{margin-top: 20px}
  .btn_red{margin-right: 10px; display: inline-block; padding: 0 20px; line-height: 45px; font-size: 24px; font-weight: 700; color: #000; 
    letter-spacing: -.045em; background: #ff7854; border-radius:100px; box-shadow: 3px 3px 19px -8px rgba(0,0,0,0.75);
  -webkit-box-shadow: 3px 3px 19px -8px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 19px -8px rgba(0,0,0,0.75); }
  .btn_size {font-size: 19px;}
  
  @media all and (max-width: 854px) {
  
  .wrap{width: 100%; height: auto}
  .img img{width: 100%; }
  .banner{padding: 20px}
  .title{font-size: 13px}
  .title .sml { font-size: 14px; font-weight: 600;}
  .table_col > tbody > tr > th{font-size: 14px}
  .tb_Wrap{margin-top: 10px; width: 100%; margin: 0}
  .table_col > tbody > tr > th{line-height: 20px}
  .table_col > tbody > tr > td:first-child .tit{font-size: 13px}
  .table_col > tbody > tr > td > span{font-size: 16px; line-height: 40px}
  .table_col > tbody > tr > td:first-child p{margin-top: 0;}
  .txt_02, .txt_01{margin-top: 20px; font-size:25px }
  .txt_02{margin-top: 10px}
  .txt_02 span:after{width:4px; height: 4px; left: 4px}
  }
  
  @media all and (max-width: 620px) {
    .banner{padding: 5px}
    .title{margin-top: 0}
    .txt_02, .txt_01{ margin-top: 5px; font-size:14px }
    .table_col > tbody > tr > td > span{line-height: 30px}
    .table_col > tbody > tr > td:first-child .tit {  font-size: 12px;top: 4px;}
    .table_col > tbody > tr > td:first-child p{top:18px; font-size: 11px}
    .btn_wrap {margin-top: 5px;}
    .btn_red{    font-size: 14px;
      line-height: 20px;
      padding: 0 10px;}
      .btn_red{margin-right: 5px}
    }
	
	
  @media all and (max-width: 1400px) {
    .main-banner-area .wrap {width: 100%;}
    .banner {padding: 20px 35px;}
    .banner .title {font-size: 23px;}
    .table_col > tbody > tr > th {line-height: 30px;}
    .table_col > tbody > tr > td > span {font-size: 25px;line-height: 32px;}
    .table_col > tbody > tr > td:first-child p {margin-top: 2px;}
    .txt_01 {font-size: 38px;margin-top: 30px;}
    .txt_02 {font-size: 40px;}
    .btn_size {font-size: 16px;}
  }
  @media all and (max-width: 1200px) {
    .txt_01 {font-size: 30px;margin-top: 20px;}
    .txt_02 {font-size: 35px;}
    .btn_size {font-size: 16px;}
    .banner {padding: 20px 25px;}
    .banner .title {font-size: 20px;}
    .table_col > tbody > tr > td > span {font-size: 20px;line-height: 32px;}
    .table_col > tbody > tr > td:first-child .tit {top:3px;font-size: 14px;}
    .table_col > tbody > tr > td:first-child p {top:21px;font-size: 10px;}
    .txt_02 span:after {width: 5px;height: 5px;left: 9px;}
  }
  @media all and (max-width: 1100px) {
    .banner {padding: 15px 20px;}
    .btn_wrap {margin-top: 12px;}
    .btn_size {font-size: 14px;line-height: 40px;}
    .txt_01 {font-size: 25px;margin-top: 20px;}
    .txt_02 {font-size: 30px;}
    .stext_size {font-size: 22px;}
  }
  @media all and (max-width: 1000px) {
    .btn_size {font-size: 13px;margin-right: 3px;}
  }
  @media all and (max-width: 900px) {
    .banner {padding: 35px;}
    .banner .title {font-size: 28px;}
    .table_col > tbody > tr > th {line-height: 35px;}
    .table_col > tbody > tr > td > span {font-size: 27px;line-height: 50px;}
    .table_col > tbody > tr > td:first-child .tit {top:10px;font-size: 16px;}
    .table_col > tbody > tr > td:first-child p {top:28px;font-size: 12px;}
    .txt_01 {font-size: 40px;margin-top: 30px;}
    .txt_02 {font-size: 43px;}
    .btn_size {font-size: 19px;line-height: 45px;}
    .txt_02 span:after {width: 8px;height: 8px;left: 12px;}
  }
  
  @media all and (max-width: 854px) {
  
  .wrap{width: 100%; height: auto}
  .img img{width: 100%; }
  .banner{padding: 20px}
  .title{font-size: 13px}
  .title .sml { font-size: 14px; font-weight: 600;}
  .table_col > tbody > tr > th{font-size: 14px}
  .tb_Wrap{margin-top: 10px; width: 100%; margin: 0}
  .table_col > tbody > tr > th{line-height: 20px}
  .table_col > tbody > tr > td:first-child .tit{font-size: 13px}
  .table_col > tbody > tr > td > span{font-size: 16px; line-height: 40px}
  .table_col > tbody > tr > td:first-child p{margin-top: 0;}
  .txt_02, .txt_01{margin-top: 20px; font-size:25px }
  .txt_02{margin-top: 10px} 
  .txt_02 span:after{width:4px; height: 4px; left: 4px}
  .btn_size {font-size: 14px;line-height: 40px;}
  }
  
  @media all and (max-width: 620px) {
    .banner{padding: 0 10px;display: flex; flex-direction: column; justify-content: center;}
    .title{margin-bottom: 10px;margin-top: 0;}
    .txt_02, .txt_01{ margin-top:8px; font-size:18px }
    .table_col > tbody > tr > td > span{line-height: 30px}
    .table_col > tbody > tr > td:first-child .tit {  font-size: 12px;top: 4px;}
    .table_col > tbody > tr > td:first-child p{top:18px; font-size: 11px}
    .btn_wrap {margin-top: 5px;}
    .btn_red{    font-size: 14px;
      line-height: 20px;
      padding: 0 10px;}
      .btn_red{margin-right: 5px}
      .btn_size {font-size: 13px;line-height: 28px;margin-right: 1px;}
      .stext_size {font-size: 15px;}
    }

    @media all and (max-width: 500px) {
       .banner .title {font-size: 14px;margin-bottom: 2px;}
       .btn_wrap a:last-child {margin-top: 5px;}
       .table_col > tbody > tr > td > span { line-height: 27px;}
       .table_col > tbody > tr > td:first-child p {top: 16px;font-size: 10px; }
       .table_col > tbody > tr > td:first-child .tit {top: 2px;}
       .txt_02, .txt_01 {margin-top: 5px;}
       .txt_02 span:after {width: 3px;height: 3px;}
       .btn_size {line-height: 12px;padding: 5px 10px;}
        .stext_size {font-size: 12px;}
        .wrap > .img > img {border-radius: 0px;}
    }
/*메인 팝업 230823---s*/

  .safe_pop_box img{width:100%;border-bottom:2px solid #282D41;}
  .safe_pop_box {position: relative;order: 1;margin-bottom:-3px;}
  .popupfooter {margin-top: -7px;}
  .safe_contents {width: 93%;position: absolute;top:30px;left:15px;display: flex; flex-direction: column;}
  .safe_title {text-align: left;color: #fff;text-shadow:0px 0px 10px #282D41;}
  .safe_title_01 {font-size: 2.3rem;margin-bottom: 12px;line-height: 2.7rem;}
  .safe_title_02 {font-size: 1rem; line-height: 1.5rem; margin-bottom: 40px;}
  .mint_text {color: #9FFFF2;font-weight:800;}
  .pink_text {color: #FFAEFF;font-weight:800;}
  .safe_pop_box table tr th {background-color: rgba(26,50,87,0.9);color: #fff;font-size: 1rem;border: 1px solid #98a6bb;width: 50%;padding: 7px 0;}
  .safe_pop_box table tr td {background-color: rgba(26,50,87,0.5);font-size: 0.9rem;border: 1px solid #98a6bb;padding: 15px 0;}
  .safe_pop_box table tr td a {color: #fff; border-radius: 30px; padding: 6px 15px; background:#002461; display: inline-block;}
  .safe_pop_box table tr td a:hover, .safe_pop_box table tr td a:focus {background:#a113cf;}
  .safe_pop_box table tr td a:active {color: #fff;}
  .safe_pop_box table .space_tr td {border: 0; background: none;padding: 5px 0;}
  .space_btn {margin-right:5px;}
  .safe_pop_box table tr td .btn_w_size {width: 90%;}

@media all and (max-width: 500px) {
		.safe_pop_box {min-width:320px; }
    	.safe_contents {top: 10px; left: 10px;justify-content: center;height: 90%;}
        .safe_title_01 {font-size: 1.7rem;margin-bottom: 5px;line-height: 2rem;}
        .safe_title_02 {font-size: 1.1rem; margin-bottom: 5px;}
        .safe_pop_box table tr th {font-size: 0.9rem;padding: 5px;}
        .safe_pop_box table tr td a {font-size: 0.8rem; padding: 2px 10px;} 
        .safe_pop_box table tr td {padding: 7px 0;}

}
/*메인 팝업 230823 ---e*/