@CHARSET "UTF-8"; 
/************* Common *************/


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

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

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

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

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

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

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

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

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






@font-face {
    font-family: "noto";
    font-style: normal;
    font-weight: 400;
    src:  url(../fonts/NotoSansCJKkr-Medium.woff) format('woff'),
    url(../fonts/NotoSansCJKkr-Medium.otf) format('otf')
}
 
 
@font-face {
    font-family: "noto";
    font-style: bold;
    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');
}








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

.pb_0{ padding-bottom: 0 !important; }
.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_110{margin-top: 110px !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; }
.pm_0{padding-bottom: 0!important; }

img{ max-width: 100%;  }




h6 { font-size: 25px;  }