@charset "utf-8"; 


/* s-core web fonts */
@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');font-weight: normal;font-style: normal; }

.core-fonts {font-family:'S-CoreDream-6Bold', sans-serif;}
.core-fonts-thin {font-family:'S-CoreDream-3Light', sans-serif;}

html { overflow-y: scroll; } 

/* 여백 초기화 */
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,
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,
input,textarea,select { margin: 0; padding: 0; border: 0; font-size: 13px; font: inherit; vertical-align: baseline; box-sizing: border-box; } 

/* HTML5 display-role reset for older browsers */
main, article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; } 

body { line-height: 1; position: relative; } 

/* a 링크 초기화 */
a:link,
a:visited,
a:hover,
a:active,
a:focus { text-decoration:none; color:#363636; } 

/* focus시 outline 초기화 */
button,
a,
select,
input,
textarea { outline: 0; } 

/* 폰트 초기화 */
body, input, textarea, select, button, table { font-family:'Noto Sans KR', 'Nanum Gothic', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; color: #363636; } 

/* 폰트 스타일 초기화 */
em,address { font-style: normal; } 

/* 블릿기호 초기화 */
ul,li,ol { list-style:none; } 

/* 제목 태그 초기화 */
h1,h2,h3,h4,h5,h6 { font-size: 13px; font-weight: normal; } 

/* 테두리 초기화 */
img,fieldset { border:0 none; } 

/* 버튼 초기화 */
button { border: 0; } 

/* 테이블 */
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; } 

/* clearfix */
.clearfix { *zoom:1; } 
.clearfix:before, .clearfix:after { display: block; content: ''; line-height: 0; } 
.clearfix:after { clear: both; } 

/* IR 효과 */
.ir_pm { display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px; } /* 의미있는 이미지의 대체 텍스트를 제공하는 경우(Phark Method) */
.ir_wa { display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height: 100%; } /* 의미있는 이미지의 대체 텍스트로 이미지가 없어도 대체 텍스트를 보여주고자 할 때(WA IR) */
.ir_su { overflow: hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px; } /* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */

/* 접근성 네비게이션 */
#skipNavi { position:absolute; z-index:999; width:100%; height:20px; } 
#skipNavi a { position:absolute; top:-100px; } 
#skipNavi a:hover,
#skipNavi a:active,
#skipNavi a:focus { position:absolute; top:0; width:100%; padding:15px; font-weight:bold; background:#333; color:#fff; text-align:center; display:block; } 

/* 가운데 영역 */
.container { position: relative; width: 1440px; margin: 0 auto; } 
.row { padding : 0 10px; } 

/* 푸터 하단 고정 */
html, body { margin:0; padding:0; height: 100%; } 

input[type="checkbox"] { cursor: pointer; } 

/* select-box 초기화 */
select { border-radius: 0px; /* iOS 둥근모서리 제거 */ } 

/* 그림자 */
.shadow { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); display: none; } 

/* 수정,삭제,목록으로버튼 */
.btn-wrapper { margin-top: 50px; text-align: right; } 
.btn-wrapper a { display: inline-block; width: 200px; height: 36px; line-height: 36px; background: #333; text-align: center; color: #fff; border-radius: 2px;} 
.btn-wrapper a.delete { background: #d32f2f; } 

@media (max-width: 1450px) { /* 태블릿,모바일 레이아웃 변경 */
	.container { width: 100%; }
}
@media (max-width: 1000px) { /* 태블릿,모바일 레이아웃 변경 */
 .btn-wrapper a { width: 100px; height: 30px; line-height: 30px; font-size: 15px; } 
 }
 @media (max-width: 400px){
 .btn-wrapper a { width: 80px; } 
 }