@charset "utf-8";
@import url(/css/bukgu_basic.css);
@import url(/icon/style.css);
@import url(/font/dingbat_xeicon.css);

html {font-size:15px}
strong {font-weight:500}

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

/*폰트적용*/
@font-face{
font-family:'NotoKrM';
font-style: normal;
font-weight: normal;
src: url('/font/noto-serif.eot');
src: url('/font/noto-serif.eot?#iefix') format('embedded-opentype'),
	 url('/font/noto-serif.woff') format('woff');
}

/*이미지없음*/
span.thumb {background:#000 url('/error/img/no_image.gif') no-repeat center}

/*텍스트 나타나는 효과*/
.animated {animation-duration:1s; animation-fill-mode: both}/*무조건써야함*/
/*아래에서 위로 나옴*/
.slideInUp {animation-name: slideInUp;}
@keyframes slideInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 100%, 0);

	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

/*아이콘*/
i:after, i:before {font-family:'xeicon', 'icomoon' !important}
/*새창 흰색*/
.linkWindow:after, .newWindow:after {content:'\e91c'; font-family:'icomoon' !important; font-size:15px; display:inline-block; vertical-align:0}
/*새창 검정*/
.footWrap .link i.linkWindow-b:after{content:'\e91c'; font-family:'icomoon' !important; font-size:15px; display:inline-block; vertical-align:0}

.arrow-r{margin-left:3px; vertical-align:-4px}
.arrow-r:before{content:'\e906'; font-size:20px; display:inline-block; font-family:'icomoon' !important}

/*동그라미 아래쪽 화살표 - 언어쪽*/
.arrow-b{width:16px; height:16px}
.arrow-b:before {border-top:1px solid #999; border-right:1px solid #999; width:4px; height:4px; transform:rotate(135deg); top:7px; right:6px; transition:all .3s}
.arrow-b:after {border:1px solid #999; border-radius:100px; width:100%; height:100%; right:0; top:2px}

/* -> */
.arrow02-r:before{content:'\e925'; font-size:20px; display:inline-block; font-family:'icomoon' !important}

/*Button Box*/
.BtnBox {clear:both; overflow:hidden}
.Btn-group {display:inline-block}

/*전통문양박스*/
.custom-box {border:2px solid #b29181; margin:30px 0; padding:35px 42px; position:relative}
.custom-box:before, .custom-box:after, .custom-box .section:before, .custom-box .section:after  {content:''; background-image:url('/namdofood/img/common/icon-all.png'); background-repeat:no-repeat; width:55px; height:55px; position:absolute}
.custom-box:before{background-position:-190px -2px; top:0; left:0}
.custom-box:after{background-position:-243px -2px; top:0; right:0}
.custom-box .section {color:#997a6b; text-align:center}
.custom-box .section:before{background-position:-190px -56px; bottom:0; left:0}
.custom-box .section:after{background-position:-243px -56px; bottom:0; right:0}

/*다운로드*/
span.btn-line {display:table; width:100%}
span.btn-line a {border:1px solid #ccc; color:#666; font-size:0.95em; display:table-cell; padding:14px 20px; vertical-align:middle; position:relative}
span.btn-line a:after {content:''; background:#384162; width:0; height:2px; position:absolute; left:0; bottom:-1px; transition:all .3s}
span.btn-line a:hover:after {width:100%}
span.btn-line a:hover {color:#384162}
span.btn-line a i.down {background:url('/namdofood/img/common/icon-down.png') no-repeat 0 3px; width:10px; height:20px; display:inline-block; float:right}
span.btn-line a:first-child + a {border-left:0; width:50%}

span.btn-box  {display:table; text-align:center}
span.btn-box a {border:1px solid #4b5578; background:#4b5578; color:#fff; font-size:0.95em; display:inline-block; padding:14px 20px; vertical-align:middle; position:relative; z-index:1}
span.btn-box a:after {content:''; background:#fff; width:0; height:100%; position:absolute; left:0; top:0; transition:all .3s; z-index:-1}
span.btn-box a:hover:after {width:100%}
span.btn-box a:hover {color:#4b5578}
span.btn-box a i.down {background:url('/namdofood/img/common/icon-down.png') no-repeat 0 3px; width:10px; height:20px; display:inline-block; float:right}
span.btn-box a:first-child + a {border-left:0; width:50%}

button:hover .arrow02-r {margin-left:10px}

/* 버튼 면 */
.btn-fill {background:#26af69; display:inline-block; font-size:16px; line-height:32px;  margin:20px 0;  vertical-align:middle; position:relative}
.btn-fill a {color:#fff; display:block; padding:10px 20px}
.btn-fill:hover {color:#fff}

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

/*셀렉트박스 화살표 이미지 */
select {background: url('/namdofood/img/icon-arrow-bot.png') no-repeat 90% 50%; background-size:10px; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none}
select::-ms-expand {display: none; /* 화살표 없애기 for IE10, 11*/}

/*programNav 2019-02-07 수정*/
.board_pager {clear:both; margin:30px auto; text-align:center; overflow:hidden}
.board_pager .inner {display:table; margin:0 auto}
.board_pager a {box-sizing:border-box; border:1px solid #ddd; color:#999; display: inline-block; font-size:14px; text-align:center; padding:5px 0 4px; width:32px; margin:0 2px; vertical-align:middle; line-height:normal}
.board_pager a.pageNone {border:0 none; color:#373737}
.board_pager a.pageNone:hover {border:1px solid #ddd; transition:all .2s}
.board_pager a.pageNow {background:#333; border-color:#333; color:#fff}
.board_pager a.pageNow strong {color:#fff}
.board_pager a.pageFirst,
.board_pager a.pagePrev,
.board_pager a.pageNext,
.board_pager a.pageLast {font-size:0}
.board_pager a:before{font-size:12px; font-weight:bold; font-family:'icomoon' !important; line-height:19px}
.board_pager a.pageFirst:before{content:'\e910'}
.board_pager a.pagePrev:before{content:'\e90f'}
.board_pager a.pageNext:before{content:'\e924'}
.board_pager a.pageLast:before{content:'\e926'}

/*Board Write*/
.writeForm {border-top:1px solid #666; font-size:14px}
.tstyle_write {width:100%; border-collapse:collapse; letter-spacing:0; margin-bottom:30px; position:relative}
.tstyle_write th, .tstyle_write td {padding:9px 12px; border-bottom:1px solid #e4e4e4; word-break:keep-all}
.tstyle_write td {border-left:1px solid #e4e4e4}
.tstyle_write tbody th {color:#333; background:#f9f9f9; font-weight:normal}
.tstyle_write tbody tr td.tb_contents {padding:8px}
.tstyle_write tbody tr td.tb_contents .content {width:99%}
.tstyle_write tbody tr td input {border:1px solid #ddd; height:30px}
.tstyle_write tbody tr td input#title {width:100%}
.tstyle_write tbody tr td textarea {border:1px solid #ddd; height:200px; width:100%}
.tstyle_write tbody tr td.th_add span {font-weight:normal; font-size:11px; color:#777; letter-spacing:-1px}
.tstyle_write tbody tr td.add_file th {background-color:#fff}
.tstyle_write tbody tr td.add_file td {background:url(/upload/skin/board/basic/line_bar.gif) no-repeat left center; border-left:0}
.tstyle_write tbody tr td.add_file th span {font-size:11px; font-weight:normal; color:#717171}
.tstyle_write tbody tr.file_info td {border-left:none; font-size:11px; font-weight:normal; color:#717171}
.tstyle_write tbody tr.file_info th, .tstyle_write tr.file_info td {background:#FCFCFC; padding:3px 0 3px 70px}
.tstyle_write tbody td:first-child {border-left:0}
.tstyle_write tbody tr.add_file td input {border:none !important}
.tstyle_write tbody tr td input.line-no {border:none !important}

/*BtnArea*/
.BtnArea {text-align:right; margin-bottom:30px}
.BtnArea button {background:#464646; border:0; color:#fff; cursor:pointer; font-size:14px; font-family:inherit; height:40px; padding:0 15px}
.BtnArea button:hover {background:#000; border-color:#000; color:#fff; transition:all .2s}