@charset "utf-8";
/* reset */
@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
body {margin:0; padding:0; overflow-x:hidden; color:#555; font-size:12px; font-family: Gulim,"굴림";} div, p, dl, dt, dd, input, form, fieldset, legend {margin:0; padding:0;} h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:inherit;} ul, ol, li {margin:0; padding:0; list-style:none;} a {color:#555; text-decoration:none;} a:hover {text-decoration:none;} em {font-style:normal;} img {vertical-align:top;} img, fieldset {border:0;} hr {display:none;} header, section, footer, aside, nav, article, figure { display: block; } /* DEFAULT */ label, label span, label strong, input, select {vertical-align:middle;} select.sel {height:18px; color:#888;} textarea.area {padding:5px; border:1px solid #dbdbdb; color:#545454; font-size:12px; line-height:18px;} input.txt {height:18px; border:1px solid #dbdbdb; color:#545454; line-height:18px; text-indent:10px;} input.rdi, input.chk {width:13px; height:13px; margin:0 0 3px 0;} span.selectbox {position:relative; display:inline-block; *display:inline; height:18px; border:1px solid #e41438; vertical-align:middle;} span.selectbox span {display:block; height:100%; overflow:hidden; padding-right:18px; background:url(/static/images/before/sel_arrow.gif) #fff no-repeat 100% 0; color:#555; line-height:18px; line-height:21px\0; text-align:center;} span.selectbox select {z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0);} button { margin:0; padding:0; background: none; border: 0; color: inherit; /* cursor: default; */ font: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: button; /* for input */ -webkit-user-select: none; /* for button */ -moz-user-select: none; -ms-user-select: none; } /* CLASS */ table.tb {width:100%; border-collapse:collapse;} .blind {position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;} #skipnavi {z-index:1000; position:absolute; left:0; right:0; top:0; height:0;} #skipnavi a {position:absolute; left:0; right:0; top:0; height:0; overflow:hidden; background-color:#fff; line-height:20px; text-align:center;} #skipnavi a:hover, #skipnavi a:focus {z-index:1; height:auto;} /* //CSS */ .mb10 {margin-bottom: 10px !important;} .mb20 {margin-bottom: 20px !important;} .mb30 {margin-bottom: 30px !important;} .mb40 {margin-bottom: 40px !important;} .mb50 {margin-bottom: 50px !important;} .mb60 {margin-bottom: 60px !important;} .mb70 {margin-bottom: 70px !important;} .mb80 {margin-bottom: 80px !important;} .mb90 {margin-bottom: 90px !important;} .mb100 {margin-bottom: 100px !important;} /* 20160801 리우올림픽 추가 */ .btnrio2016 {position:absolute; width:104px; height:144px; top:682px; right:50%; margin-right:-605px; z-index:999;}

/* common */
#wrapper section{max-width:1550px;margin:0 auto;padding:0 30px;}
.stitle h2 {color:#d12626; font-size:21px; line-height:24px;}
.blind {position:absolute; left:-99999px; top:-99999px;}

/* content */
.content-area {margin:0 auto; padding-top:17px;padding-bottom:17px;}
.content-area .stitle {height:35px; border-bottom:1px solid #e41438;}
.content-area .stit {zoom:1; height:27px;}
.content-area .stit:after {content:""; display:block; clear:both;}
.content-area .stit h3,
.content-area .stit p {float:left;}
.content-area .stit p {padding:4px 0 0 19px;}
.photo-page .game {position:relative;}
.photo-page .game .selectbox {position:absolute; top:-39px; left:0px; width:350px;}
.photo-page .game .selectbox span {text-align:left; text-indent:10px;}

/* list */
.board-list {border-top:1px solid #e41438;}
.board-list .tb {width:100%;}
.board-list .tb tr.notice td {background-color:#fff;}
.board-list .tb th {padding:7px 0 9px; border-bottom:1px solid #e41438; line-height:1px;}
.board-list .tb td {height:20px; padding:6px 0; border-bottom:1px solid #dbdbdb; font-family:Gulim; text-align:center;}
.board-list .tb td.subject {text-align:left;}
.board-list .tb td.subject div {padding:0 7px;}
.board-list .tb td.subject img {margin-left:6px; vertical-align:-2px;}
.board-list .tb td.subject span {margin-left:3px; color:#e21234;}

/* paging */
.board-paging {position:relative; height:28px; margin-top:21px; text-align:center;}
.board-paging .page {padding-top:6px; line-height:16px;}
.board-paging .page strong,
.board-paging .page a {padding:0 2px; font-family:Gulim; font-weight:bold;}
.board-paging .page strong {color:#e4133a;}
.board-paging .page a {color:#6c7184;}
.board-paging .page em {color:#ccc;}
.board-paging .page .prev {margin-right:22px;}
.board-paging .page .next {margin-left:22px;}
.board-paging .button {position:absolute; right:0; top:0;}

/* view */
.board-view .subject {height:27px; padding:0 16px; border-bottom:1px solid #e41438; line-height:27px;}
.board-view .view dl,
.board-view .view dt,
.board-view .view dd {display:inline-block; zoom:1; *display:inline;}
.board-view .view dl {line-height:32px;}
.board-view .view dt {width:65px; padding-left:18px;}
.board-view .post,
.board-view .attach {border-bottom:1px solid #dbdbdb;}
.board-view .post {zoom:1;}
.board-view .post:after {content:""; display:block; clear:both;}
.board-view .post .lt {float:left;}
.board-view .post .rt {float:right;}
.board-view .post .rt dl {margin-left:27px;}
.board-view .post .rt dt {width:auto; margin-right:30px;}
.board-view .post .rt dd {margin-right:30px;}
.board-view .attach a {display:inline-block; zoom:1; *display:inline; margin-right:30px;}
.board-view .text {padding:10px 0 20px; border-bottom:1px solid #dbdbdb;}
.board-view .text .img,
.board-view .text .txt {margin-top:10px;}
.board-view .text .txt {line-height:20px;}
.board-view .share {}
.board-view .share .sns {zoom:1; padding:5px 0; border-bottom:1px solid #dbdbdb;}
.board-view .share .sns:after {content:""; display:block; clear:both;}
.board-view .share .sns dt {float:left; padding:18px 0 0 16px;}
.board-view .share .sns dt h3 {color:#e51539; font-weight:bold;}
.board-view .share .sns dd {float:right;}
.board-view .share .sns dd a {float:left;}
.board-view .share .scrap {padding:10px 0 9px; border-bottom:1px solid #dbdbdb;}
.board-view .share .scrap input {width:778px; height:18px; border:1px solid #dbdbdb; line-height:18px; text-indent:15px}
.board-view .share .scrap p {padding:9px 16px;}
.board-view .comment {margin-top:26px;}
.board-view .comment h3 {padding:0 0 10px 16px; border-bottom:1px solid #dbdbdb; color:#e2143a;}
.board-view .comment dl {zoom:1; padding:6px 0 4px; border-bottom:1px solid #dbdbdb; line-height:20px;}
.board-view .comment dl:after {content:""; display:block; clear:both;}
.board-view .comment dt,
.board-view .comment dd {float:left;}
.board-view .comment dt {width:100px; padding:0 5px 0 16px; color:#212121; font-weight:bold;}
.board-view .comment dd {width:525px; color:#212121;}
.board-view .comment dd.date {width:131px; padding-right:3px; color:#888; text-align:right;}

.board-view .comment .comment_write {margin:20px 0;}
.board-view .comment .comment_write textarea {width:87%; height:64px; border:1px solid #dbdbdb; vertical-align:top;}
.board-view .comment .comment_write input {vertical-align:top;}
.board-view .comment .comment_write label {vertical-align:top;}
.board-view .comment .comment_write p {margin:10px 0;}
.board-view .comment .comment_write p label {font-weight:bold;}
.board-view .comment .comment_write p span {font-size:ppx; color:#808080;}
.board-view .np_board_list {margin-bottom:10px; padding:10px 0; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbbd;}
.board-view .np_board_list li {margin:10px 0;}
.board-view .button {zoom:1; margin-top:10px;}
.board-view .button:after {content:""; display:block; clear:both;}
.board-view .button div {float:right;}
.board-view .button a {float:left; *display:inline; margin-left:5px;}

/* gallery */
.board-sort {zoom:1; padding:7px 0;}
.board-sort.select{border-top:1px solid #e21234;margin-top:41px;}
.board-sort:after {content:""; display:block; clear:both;}
.board-sort a,
.board-sort img {float:left;}
.board-sort a {margin-right:32px;}
.photo-list {overflow:hidden; padding-top:37px; border-top:1px solid #e41438;}
.photo-list .photo {zoom:1; width:788px;margin:0 auto;}
.photo-list .photo:after {content:""; display:block; clear:both;}
.photo-list .photo li {float:left; width:189px; height:191px; overflow:hidden; margin-right:8px; font-family:Gulim;}
.photo-list .photo .thumb {}
.photo-list .photo .subject {margin-top:5px;}
.photo-list .photo .subject img {margin-left:0; vertical-align:-2px;}
.photo-list .photo .subject span {margin-left:0; color:#e21234;}
.photo-list .photo .info {margin-top:5px;}
.photo-list .photo .info span,
.photo-list .photo .info em {color:#888;}
.photo-list .photo .info strong {color:#264a98;}

/* 기부금 */
body .donation,
.donation .board-list .tb td{font-family:'S-CoreDream',Gulim,"굴림";}
.donation .stitle h2{color:#222;text-align:center;}
.donation .stitle{padding-bottom:10px;}
.donation .stitle,
.donation .board-list,
.donation .board-list .tb th,
.donation .board-view .subject{border-color:#222;}
.donation .board-paging .page strong{color:#222;}
.donation .board-view a.attach{border-bottom:0;}
.donation .comment{padding-top:50px;font-size:11px;}


@media screen and (max-width: 1200px) {
    #wrapper section{padding:0 20px;}
    .board-view .subject{height:auto;line-height:1.6;padding:5px 0;}
    .board-list thead th:nth-child(4),
    .board-list thead th:nth-child(5),
    .board-list tbody td:nth-child(4),
    .board-list tbody td:nth-child(5){display:none;}
    .board-list .tb td{padding:5px;}
    .board-paging{height:auto;}
    .board-paging .page{position:relative;padding:0 60px;}
    .board-paging .page .btn{position:absolute;top:50%;transform:translateY(-50%);}
    .board-paging .page .btn.first{left:0;}
    .board-paging .page .btn.prev{left:25px;}
    .board-paging .page .btn.next{right:25px;}
    .board-paging .page .btn.last{right:0;}
    .board-paging .page > * {display:inline-block;}
}

@media screen and (max-width: 788px) {
    .photo-list .photo{width:591px;}
}

@media screen and (max-width: 591px){
    .photo-list .photo{width:394px;}
}

@media screen and (max-width: 394px){
    .photo-page .game .selectbox{width:100%;}
    .photo-list .photo{width:197px;}
    .photo-list .photo .thumb{text-align:center;}
    .photo-list .photo li{margin-right:0;}
}