@CHARSET "UTF-8"; 
/************* Common *************/
 
  :root {
    --signature: #017660;
    --green1: #0e9d61;
    --blue1: #133265;
    --blue2: #003b8c;
    --blue3: #4b7098;
}
a.btn_gray { background-color:#999999; color:#ffffff; border:solid 1px #999999; }
button.btn_gray, a.btn_gray { background-color:#999999; color:#ffffff; border:solid 1px #999999; }

a.btn_line { background-color:#ffffff; color:#555555; border:solid 1px #707070; }
button.btn_line { background-color:#ffffff; color:#555555; border:solid 1px #707070; }

a.btn_liner, span.btn_liner { background-color:#ffffff; color:#818181; border:solid 1px #818181; }
button.btn_liner { background-color:#ffffff; color:#818181; border:solid 1px #818181; }

a.btn_linepu, span.btn_linepu { background-color:#ffffff; color:#059f98; border:solid 1px #059f98; }
button.btn_linepu { background-color:#ffffff; color:#5C50B4; border:solid 1px #5C50B4; }

a.btn_linepu:hover , span.btn_linepu:hover { background: #059f98; color:#fff; }
a.btn_liner:hover, span.btn_liner:hover { background: #059f98; color:#fff; }

a.btn_full, input.btn_full, button.btn_full { width:100%; padding:12px 0; text-align:center; }
button.btn_full, button.btn_red { width:100%; padding:13px 0; font-size: 15px;  }
  
  a.btn, span.btn { display:inline-block; padding:8px 14px; border-radius:5px; cursor: pointer; }
button.btn { display:inline-block; padding:8px 14px; border-radius:5px; }
  
.mt_0{margin-top: 0!important; }
.mt_10{margin-top: 10px !important; }
.mt_20{margin-top: 20px !important; }
.mt_30{margin-top: 30px !important; }
.mt_40{margin-top: 40px !important; }
.mt_50{margin-top: 50px !important; }
.mt_60{margin-top: 60px !important; }
.mt_70{margin-top: 70px !important; }
.mt_80{margin-top: 80px !important; }
.mt_90{margin-top: 90px !important; }
.mt_100{margin-top: 100px !important; }

.mr_10{margin-right: 10px; }
.mr_15{margin-right: 15px; }
.mr_30{margin-right: 30px; }

.mt_0{margin-top: 0px!important; }
.mt_5{margin-top: 5px; }
.mt_15{margin-top: 15px!important; }
.mt_20{margin-top: 20px!important; }
.mt_50{margin-top: 50px!important; }
.mb_20{margin-bottom: 20px !important; }
.mb_30{margin-bottom: 30px !important; }

.test_l{text-align: left !important;}
.test_c{text-align: center !important;}
.pt_5{padding-top: 5px!important; }
.pt_0{padding-top: 0px!important; }
.pb_0{padding-bottom: 0px!important; }
.pm_0{padding-bottom: 0!important; }
  



@font-face {
    font-family: "noto";
    font-weight: 400;
    src:  url(../fonts/NotoSansCJKkr-Medium.woff) format('woff'),
    url(../fonts/NotoSansCJKkr-Medium.otf) format('otf')
}
 
 
@font-face {
    font-family: "noto";
    font-weight: 700;
    src:  url(../fonts/NotoSansCJKkr-Bold.woff) format('woff'),
    url(../fonts/NotoSansCJKkr-Bold.otf) format('otf')
}



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

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

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

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

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

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



@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(/resources/font/woff2/Pretendard-Black.woff2) format('woff2'), 
	url(/resources/font/woff/Pretendard-Black.woff) format('woff'),
	url(/resources/font/otf/Pretendard-Black.otf) format('otf');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(/resources/font/woff2/Pretendard-ExtraBold.woff2) format('woff2'), 
	url(/resources/font/woff/Pretendard-ExtraBold.woff) format('woff'),
	url(/resources/font/otf/Pretendard-ExtraBold.otf) format('otf');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), 
	url(/resources/font/woff2/Pretendard-Bold.woff2) format('woff2'), 
	url(/resources/font/woff/Pretendard-Bold.woff) format('woff'),
	url(/resources/font/otf/Pretendard-Bold.otf) format('otf');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(/resources/font/woff2/Pretendard-SemiBold.woff2) format('woff2'), 
	url(/resources/font/woff/Pretendard-SemiBold.woff) format('woff'),
	url(/resources/font/otf/Pretendard-SemiBold.otf) format('otf');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(/resources/font/woff2/Pretendard-Medium.woff2) format('woff2'), 
	url(/resources/font/woff/Pretendard-Medium.woff) format('woff'),
	url(/resources/font/otf/Pretendard-Medium.otf) format('otf')
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(/resources/font/woff2/Pretendard-Regular.woff2) format('woff2'), 
	url(/resources/font/woff/Pretendard-Regular.woff) format('woff'),
	url(/resources/font/otf/Pretendard-Regular.otf) format('otf');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(/resources/font/woff2/Pretendard-Light.woff2) format('woff2'), 
	url(/resources/font/woff/Pretendard-Light.woff) format('woff'),
	url(/resources/font/otf/Pretendard-Light.otf) format('otf');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(/resources/font/woff2/Pretendard-ExtraLight.woff2) format('woff2'), 
	url(/resources/font/woff/Pretendard-ExtraLight.woff) format('woff'),
	url(/resources/font/otf/Pretendard-ExtraLight.otf) format('otf');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(/resources/font/woff2/Pretendard-Thin.woff2) format('woff2'), 
	url(/resources/font/woff/Pretendard-Thin.woff) format('woff'),
	url(/resources/font/otf/Pretendard-Thin.otf) format('otf');
}





*:focus {
    outline: none;
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; } 

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,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea, button, input {
    margin: 0;
    padding: 0;
    box-sizing: border-box; font-family: 'Pretendard', 'noto', 'Noto Sans KR',"noto", sans-serif; 
    outline: none; /* color: #000; */
}
select{ ; outline: none; }
button, input[type=button], button, input[type=reset], i, .setting ul li:NTH-CHILD(4){ cursor: pointer; }
ol, ul { list-style: none; color: #333333; text-decoration: none; }
a{ text-decoration: none; color:#333333; border:none }
td, td, table{ border-spacing: 0;  }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333333;
}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } 
 h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th, td, p, a, span { font-size: 13px  } 
 ul,ol { list-style: none; } 
fieldset,img { border: none; } 
caption,th { text-align: left; } 
table { border-collapse: collapse; border-spacing: 0; } 

::-moz-placeholder { /* Firefox 19+ */
  color: #333333;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #333333;
}
:-moz-placeholder { /* Firefox 18- */
  color: #333333; 
}

.color_r{color:red!important;}
.float_l{float: left; }
.float_r{float: right; }

.text_r{ text-align: right; }


.mt_0{margin-top: 0!important; }
.mt_10{margin-top: 10px !important; }
.mt_20{margin-top: 20px !important; }
.mt_30{margin-top: 30px !important; }


.mr_10{margin-right: 10px; }
.mr_15{margin-right: 15px; }
.mr_30{margin-right: 30px; }

.mt_0{margin-top: 0px!important; }
.mt_5{margin-top: 5px; }
.mt_15{margin-top: 15px!important; }
.mt_20{margin-top: 20px!important; }
.mt_50{margin-top: 50px!important; }
.mb_20{margin-bottom: 20px !important; }
.mb_30{margin-bottom: 30px !important; }

.test_l{text-align: left !important;}
.test_c{text-align: center !important;}
.pt_5{padding-top: 5px!important; }
.pt_0{padding-top: 0px!important; }
.pb_0{padding-bottom: 0px!important; }
.pm_0{padding-bottom: 0!important; }

img{ max-width: 100%;  }




h6 { font-size: 25px;  }