@charset "utf-8";

@font-face {
    font-family: 'BMDOHYEON';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Chosunilbo_myungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* reset  */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}

html {font-size:20px}
@media screen and (max-width:1024px){
    html {font-size:18px;}
}
@media screen and (max-width:720px){
    html {font-size:16px;}
}

*:after,
*:before,
*{ 
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
}
body {
    width:100%;    
	text-size-adjust: none;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	color:#131313;
	font-size:0.8rem;
    word-break:break-word;
    line-height: 1.2;
    font-family:'Pretendard',"Gulim", Gulim, Dotum, "돋움", sans-serif;
    font-weight:400;
    letter-spacing:-0.05em;
}
body {min-height:100%;overflow-x:hidden;min-width:320px;}

/* html5 block */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
video {display:block;}

a {text-decoration:none;}


/* 헤더 폰트 사이즈 초기화 */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* 리스트의 스타일 제거 */
dl, ol, ul, li {list-style: none}
	
/* 폰트 강조 특성 초기화 */
address, caption, cite, code, dfn, em, th, var,i {font-style:normal;} 

/* 테이블 스타일 초기화 */
table {
    width:100%;
    border-collapse:separate;
    border-spacing:0;
}
tbody, tfoot, thead, tr, th, td {word-break:break-all;}
caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:static;left:0;top:-999999px;}

/*이미지 초기화 */
img{
    vertical-align:middle;
    border:0;
}

/* 인용구 표시 초기화 */
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

.blind {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space:nowrap;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { 
    /* WebKit browsers */ color:transparent; 
} 
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { 
    /* Mozilla Firefox 4 to 18 */ color:transparent;
} 
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { 
    /* Mozilla Firefox 19+ */ color:transparent; 
} 
input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder { 
    /* Internet Explorer 10+ */ color:transparent; 
}
.frm-input::-webkit-input-placeholder {color:#666}
.frm-input::-moz-input-placeholder {color:#666}
.frm-input::-o-input-placeholder {color:#666}
.frm-input::placeholder {color:#666}

/*etc*/
address,em,i{font-style:normal;}
strong {font-weight:700;}
hr { 
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} /*cursor:help; 물음표*/
mark {background-color:#ff9;color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
ins {background-color:#ff9;color:#000;text-decoration:none;}

/* fieldset */
fieldset {
    border:none;
    margin:0;
    padding:0;
}
legend {
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    width:1px;
    height:1px;
    font-size:0;
    line-height:100px;
    white-space:nowrap
}


input[type="submit"],
input[type="button"], 
button {
    padding:0;
    margin:0;  
    border:0; 
    border-radius:0 !important; 
    -webkit-border-radius:0 !important; 
    -webkit-appearance:none !important; 
	-ms-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer; 
    background-color:transparent;
    font-family:'Pretendard',"Gulim", Gulim, Dotum, "돋움", sans-serif;
} 
button, 
input[type="reset"], 
input[type="button"], 
input[type="submit"] {
    line-height:normal;
    border:none;
}


input[type="text"],
input[type="password"] {
    line-height: normal;  /* line-height 초기화 */   
    border-radius: 0;  /* iSO 둥근모서리 제거 */ 
    outline-style: none;  /* 포커스시 발생하는 효과 제거를 원한다면 */ 
    -webkit-appearance:none;/* 브라우저별 기본 스타일링 제거 */
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box; /*padding, border 값에 영향받지 않고 width, height 설정이 가능하다*/
    font-family:'Pretendard',"Gulim", Gulim, Dotum, "돋움", sans-serif;
}

select{
    /* width: 200px; 원하는 너비설정 */
    /* padding: .6em .5em; 여백으로 높이 설정 */
    font-family: inherit;  /* 폰트 상속 */
    border:1px solid #ddd; 
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none; 
    box-sizing: border-box; /*padding, border 값에 영향받지 않고 width, height 설정이 가능하다*/
    /*ie8이하에서 적용이 불가능하므로 아래와 같이 적용 필요*/
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i6rKp66asX+uqqOuTnCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1Ny40MSAzOC45NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTcuNDEgMzguOTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMyMjIyMjI7fQ0KPC9zdHlsZT4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjguNywzOC45NiAwLDAgNTcuNDEsMCAyOC43LDM4Ljk2ICIvPg0KPC9zdmc+DQo=);
    background-repeat:no-repeat;
    background-position:calc(100% - 10px) 50%;   
    background-size: 11px auto;	
    position:relative;
    padding-right:20px;
    font-family:'Pretendard',"Gulim", Gulim, Dotum, "돋움", sans-serif;
}
select::-ms-expand{display:none;}
select.frm-input {padding-right:30px}
textarea { font-family:'Pretendard',"Gulim", Gulim, Dotum, "돋움", sans-serif;}

.s_img {
    position:relative;
    padding-top:70%;
    overflow:hidden;
    z-index:2;
}
.s_img .img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:visible !important
}
.s_img .img img {
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%,0);
}

.font--chosunilbo {font-family: 'Chosunilbo_myungjo';}

.color--black {color:#000 !important}
.color--green {color:#187810 !important}
.color--red {color:#f2391f !important; }
.color--blue {color:#0f68d6 !important; }

.font--s25 {font-size:1.25rem !important}

/* 팝업레이어 */
#hd-pop {
    z-index:1000;
    position:relative;
    width:100%;
    max-width:1400px;
    margin:0 auto;
    height:0;
}
#hd-pop h2 {
    position:absolute;
    font-size:0;
    line-height:0;
    overflow:hidden;
}
.hd-pops {
    position:absolute;
    top:50px;
}
.hd-pops img{max-width:100%}
.hd-pops__footer {
    padding:0;
    background:#000;
    color:#fff;
    text-align:left;
    position:relative;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:space-between;
}
.hd-pops__footer:after {
    display:block;
    visibility:hidden;
    clear:both;
    content:""
}
.hd-pops__footer button {
    padding:10px;
    border:0;
    color:#fff;
}
.hd-pops__reject{
    background:#000;
    text-align:left;
}
.hd-pops__close{
    background:#393939;
    position:relative;    
}
.hd-pops__con {
    position:relative;
    height:100% !important;
    background-color:#fff;
}
.hd-pops__container {
    position:relative;
    border:1px solid #ddd;
}
.hd-pops__footer {clear:both;}
@media screen and (max-width:1654px){
	.hd-pops {left:0 !important;padding: 0 10px;}
}
@media screen and (max-width:720px){
	.hd-pops .hd-pops__con {width:auto !important;height:auto !important;}
}