@charset "utf-8";
@import url("/css/template/common/font/Montserrat/fonts.css");
@import url("/css/template/common/font/SCDream/fonts.css");
@import url("/css/template/common/font/XEIcon-2.3.3/xeicon.css");

/* 본고딕 */
@font-face {
    font-family: 'NotoT';
    src: url(/css/template/common/font/NotoSansKR/NotoSansKR-Thin.eot);
    src: url(/css/template/common/font/NotoSansKR/NotoSansKR-Thin.eot?#iefix) format('embedded-opentype'),
    	 url(/css/template/common/font/NotoSansKR/NotoSansKR-Thin.woff2) format('woff2'),
		 url(/css/template/common/font/NotoSansKR/NotoSansKR-Thin.woff) format('woff');
}

@font-face {
    font-family: 'NotoL';
    src: url(/css/template/common/font/NotoSansKR/NotoSansKR-Light.eot);
    src: url(/css/template/common/font/NotoSansKR/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
    	 url(/css/template/common/font/NotoSansKR/NotoSansKR-Light.woff2) format('woff2'),
		 url(/css/template/common/font/NotoSansKR/NotoSansKR-Light.woff) format('woff');
}

@font-face {
    font-family: 'NotoDL';
    src: url(/css/template/common/font/NotoSansKR/NotoSansKR-DemiLight.eot); 
    src: url(/css/template/common/font/NotoSansKR/NotoSansKR-DemiLight.eot?#iefix) format('embedded-opentype'),
		 url(/css/template/common/font/NotoSansKR/NotoSansKR-DemiLight.woff2) format('woff2'),
		 url(/css/template/common/font/NotoSansKR/NotoSansKR-DemiLight.woff) format('woff');
}

@font-face {
    font-family: 'NotoR';
    src: url(/css/template/common/font/NotoSansKR/NotoSansKR-Regular.eot);
    src: url(/css/template/common/font/NotoSansKR/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
    	 url(/css/template/common/font/NotoSansKR/NotoSansKR-Regular.woff2) format('woff2'),
		 url(/css/template/common/font/NotoSansKR/NotoSansKR-Regular.woff) format('woff');
}

@font-face {
    font-family: 'NotoM';
    src: url(/css/template/common/font/NotoSansKR/NotoSansKR-Medium.eot);
   	src: url(/css/template/common/font/NotoSansKR/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
    	 url(/css/template/common/font/NotoSansKR/NotoSansKR-Medium.woff2) format('woff2'),
		 url(/css/template/common/font/NotoSansKR/NotoSansKR-Medium.woff) format('woff');
}

@font-face {
    font-family: 'NotoB';
    src: url(/css/template/common/font/NotoSansKR/NotoSansKR-Bold.eot);
    src: url(/css/template/common/font/NotoSansKR/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
    	 url(/css/template/common/font/NotoSansKR/NotoSansKR-Bold.woff2) format('woff2'),
		 url(/css/template/common/font/NotoSansKR/NotoSansKR-Bold.woff) format('woff');
}

@font-face {
    font-family: 'NotoBK';
    src: url(/css/template/common/font/NotoSansKR/NotoSansKR-Black.eot);
    src: url(/css/template/common/font/NotoSansKR/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'),
    	 url(/css/template/common/font/NotoSansKR/NotoSansKR-Black.woff2) format('woff2'),
		 url(/css/template/common/font/NotoSansKR/NotoSansKR-Black.woff) format('woff');
}

/* 본명조 */

	
/* 맑은 고딕*/
.malgun {font-family: "맑은 고딕", Malgun Gothic !important;}

/* 돋움 */
.dotum {font-family: "돋움", Dotum !important;}

/* 본고딕 */
.NotoT {font-family:"NotoT" !important;}
.NotoL {font-family:"NotoL" !important;}
.NotoDL {font-family:"NotoDL" !important;}
.NotoR {font-family:"NotoR" !important;}
.NotoM {font-family:"NotoM" !important;}
.NotoB {font-family:"NotoB" !important;}
.NotoBK {font-family:"NotoBK" !important;}


/*-------------------------------------------------
Author : KLIC
Create date : 2020. 04. 27. RESET SY,CHo
-------------------------------------------------*/

/* reset.css */
html {font-size: 20px;}
*, *:before, *:after {-webkit-box-sizing: border-box; box-sizing: border-box;}
body {margin: 0; padding: 0; font-family: 'SCDream', 'Montserrat', 'NotoSans', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif; font-weight: 400; font-size: 0.8rem; color: #333; letter-spacing: -0.5px;}
ul, ol, li, dl, dt, dd {margin: 0; padding: 0; list-style: none;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;}
a {color: inherit; text-decoration: none;}
img {margin: 0; padding: 0; line-height:0; vertical-align: middle; font-size: 0; border: 0;}
table {width: 100%; border-collapse: separate; border-spacing: 0;}
table td, table th{vertical-align: middle;}
caption, legend {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden;}
select, input, textarea {font-family: 'SCDream', 'Montserrat', 'NotoSans', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif; font-weight: 400; font-size: 0.8rem; color: #444;}
select, input {vertical-align: middle;}
address, em, i {font-style: normal;}
button, input, optgroup, select, textarea {margin: 0; font-family: inherit; font-size: 100%; color: inherit;}
button {background: none; border: 0; cursor: pointer;}
hr {display: block; margin: 0; padding: 0; height: 0; border: none;}
figure, figcaption, p {margin: 0; padding: 0;}
form, fieldset {margin: 0; padding: 0; line-height: 1; border: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;/* -webkit-appearance: button; -moz-appearance: button; appearance: button; */}/* iOS의 기본 스타일은 제거되고, css에서 사용자가 정의한 스타일로 반영 */
header, footer, article, section, aside, nav, main {display: block;}
small {font-size: 0.65rem;}/* Add the correct font size in all browsers. */

/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup {position: relative; line-height: 0; vertical-align: baseline; font-size: 0.6rem;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

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, main,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline;}
b, strong {font: inherit;}

/* Skip 메뉴 */
#skipArea {position: absolute; top: -1000px; left: 0; width: 100%; height: 0px; line-height: 0px; font-size: 0px; z-index: 1000;}
#skipArea a {display: block; width: 100%; line-height: 0px; text-align: center; font-size: 0px;}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {position: absolute; top: 1000px; left: 0px; display: block; padding: 8px 0; height: 30px; line-height: 18px; font-size: 0.6rem; font-weight: bold; color: #fff; background: #20262c;}

.hidden {display: none;}
.hid {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden;}
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.bodyFix{height:100vh; overflow:hidden;}
.d_none{ display:none !important;}

.clearfix {*zoom:1;}/* 플롯시 컨텐츠 공백 해결 */
.clearfix:after {clear: both; display: block; content:'';}

/* 210528 쪽지함 추가 */
.topUtil li a{display:inline-block !important;}/*2021쪽지기능으로인한수정*/

.top_tit {position: relative; padding: 0 10px;}
.top_tit a{color: #234283!important; font-size: 13px; }
.top_tit span.msg {display: inline-block;}
.top_tit span.msg > span {content: '';display: block;background: #ca2b2b;color: #fff;position: absolute;right: -5px;top: 8%;height: 15px;border-radius: 6px;line-height: 13px;text-align: center;font-size: 11px;padding: 0 5px;}
.top_tit:first-child a {padding:0 !important; background:none;}/*2021쪽지기능으로인한수정*/

/* 배너존 팝업 리스트 : 230803 */
.bannerList { display:none; position:absolute; left:50%; margin-left:-600px; bottom:4rem; max-width:30rem; background:#fff; padding:0.5rem 1rem 1rem; border-radius:0.5rem; z-index:10; color:#000; border:1px solid #ececec; /*box-shadow:0 0 10px rgb(0 0 0 / 20%);*/}
.bannerList h3 { font-size:1rem; line-height:2.5rem; border-bottom:1px solid #999; margin-bottom:1rem; }
.bannerList ul { width:100%; max-height:10rem; overflow-y:auto; margin:0; padding:0; font-size:0; line-height:0; }
.bannerList ul li { display:inline-block; vertical-align:top; width:33.333%; margin-bottom:0.2rem; padding:0.2rem; }
.bannerList ul li a { display:block; text-align:center; height:2.5rem; text-align:center; line-height:1.2; border:1px solid #ccc; }
.bannerList ul li a img { max-width:100%; max-height:100%;  }
.bannerList ul li a:hover,
.bannerList ul li a:focus { border-color:#999; }
.bannerList .bn_close { position:absolute; right:1rem; top:0.5rem; font-size:1rem; line-height:2.5rem;}

/*네비 font 수정*/   
#location{font-family:"notoDL";}

/*하단주소입력 input 폰트 글씨 수정*/ 
#footer address input{color:#202631;}
textarea#addr {color: #000;}

@media screen and (max-width: 1024px){
	html {font-size: 19px;}
}

@media (max-width:1200px){
	/* 배너존 팝업 리스트 : 230803 */
	.bannerList { left:0; margin-left:0; }
}

@media screen and (max-width: 768px){
	html {font-size: 18px;}
}

@media (max-width:480px){
	
  	/* 배너존 팝업 리스트 : 230803 */ 
	.bannerList ul li { width:50%; }
}