@charset "UTF-8";
/********************************************************
■ 사이트 초기 설정
********************************************************/
.txt-bc1, i.txt-bc1, a.txt-bc1, a.txt-bc1:link, a.txt-bc1:visited, .txt-hover-bc1:hover, .txt-on-bc1.on { color: #81b253 !important; }
.bg-bc1, a.bg-bc1, .bg-hover-bc1:hover, .bg-on-bc1.on, .bg-before-bc1:before, .bg-after-bc1:after, .bg-hover-div-bc1:hover > div { background-color: #81b253 !important; color: white !important; }
.border-bc1, a.border-bc1, .border-hover-bc1:hover, .border-on-bc1.on, .border-before-bc1:before, .border-after-bc1:after { border-color: #81b253 !important; }
.txt-bc2, i.txt-bc2, a.txt-bc2, a.txt-bc2:link, a.txt-bc2:visited, .txt-hover-bc2:hover, .txt-on-bc2.on { color: #2ba3a1 !important; }
.bg-bc2, a.bg-bc2, .bg-hover-bc2:hover, .bg-on-bc2.on, .bg-before-bc2:before, .bg-after-bc2:after, .bg-hover-div-bc2:hover > div { background-color: #2ba3a1 !important; color: white !important; }
.border-bc2, a.border-bc2, .border-hover-bc2:hover, .border-on-bc2.on, .border-before-bc2:before, .border-after-bc2:after { border-color: #2ba3a1 !important; }
.txt-bc3, i.txt-bc3, a.txt-bc3, a.txt-bc3:link, a.txt-bc3:visited, .txt-hover-bc3:hover, .txt-on-bc3.on { color: #4993c8 !important; }
.bg-bc3, a.bg-bc3, .bg-hover-bc3:hover, .bg-on-bc3.on, .bg-before-bc3:before, .bg-after-bc3:after, .bg-hover-div-bc3:hover > div { background-color: #4993c8 !important; color: white !important; }
.border-bc3, a.border-bc3, .border-hover-bc3:hover, .border-on-bc3.on, .border-before-bc3:before, .border-after-bc3:after { border-color: #4993c8 !important; }

/* 버튼 색상 정의 */
.bt.bt-lrline { border-color: #81b253; color: #81b253; }
.bt.bt-lrline::before, .bt.bt-lrline::after { background: #81b253; }
.bt.bt-rightarrow { border-color: #aaa; }
.bt.bt-rightarrow:hover { border-color: #81b253; color: #81b253; }
.bt.bt-default.bt-default2 { background-color: #81b253; border: 0; color: white; }
.bt.bt-default.bt-default2:hover { background-color: #4993c8; }

/* 전역(Global) 설정 */
.hover-a-border7 .a:hover::after { border-color: #81b253; /* 게시판이나 기타 타일 요소에서 재정의할 수 있음. */ }

/* 내용 드래그했을때 선택 블록 */
::selection { background: #81b253 !important; color: white; }
::-moz-selection { background: #81b253 !important; color: white; }

/********************************************************
■ HTML 요소 초기화
********************************************************/
/* 기반 글자크기 재정의 -- 상대단위(rem) 사용에 중요함. */
html, body { font-family: "SUIT Variable", sans-serif; font-size: 16px; }
body { color: #333; transition: all 200ms; overflow-x:hidden; width:100%; }

.h0, .h1, .h2, .h3, .h4, .h5, .h6, .h0n, .h1n, .h2n, .h3n, .h4n, .h5n, .h6n, h1, h2, h3, h4, h5, h6 { margin-top: 0; }

a:hover { color:#333; }

@media (max-width: 1024px) {
	.c, .c-700, .c-800, .c-900, .c-1000, .c-1100, .c-1200, .c-1300, .c-1400, .c-1500, .c-1600, .c-1700, .c-1800, .c-1900, .c-2000 { padding-left:20px; padding-right:20px; }
}

@media (max-width: 767px) {
	html, body { font-size: 14px; }
}

/********************************************************
■ Layout : 레이아웃
********************************************************/
.pg-sub > .at-content { padding: 100px 0; }
.pg-sub > .at-content.no-padding-top { padding-top: 0; }
.pg-sub > .at-content.no-padding { padding-bottom: 0; padding-top: 0; }
.c-padding { padding-left: 80px; padding-right: 80px; }

@media (max-width: 1200px) {
	.c-padding { padding-left: 40px; padding-right: 40px; }
}

@media (max-width: 767px) {
	.pg-sub > .at-content { padding:45px 0; }
	.c-padding { padding-left: 10px; padding-right: 10px; }
}

/* 우측 점박이 스크롤 (fullPage 플러그인 제공 기능) */
#fp-nav.right { right: 50px; }
#fp-nav ul li { margin: 15px 0; }
#fp-nav ul li a.active:hover span, #fp-nav ul li a:hover span, #fp-nav ul li a.active span, #fp-nav ul li a span { height: 12px; margin: 0; width: 12px; }
#fp-nav ul li a span { background: #195dae; border: 2px solid #195dae; }
#fp-nav ul li a:hover span, #fp-nav ul li a.active span { background-color: transparent; }
#fp-nav ul li:hover a.active span, #fp-nav ul li:hover a span { margin: 0; }
#fp-nav ul li .fp-tooltip { background-color: #81b253; border-radius: 7px; color: #fff; font-size: 14px; height: 30px; line-height: 30px; overflow: visible; padding: 0 15px; right: 20px !important; top: -3px; }
#fp-nav ul li .fp-tooltip::before { border-left: 5px solid #81b253; border-top: 5px solid transparent; content: ""; position: absolute; right: -5px; top: 10px; }
#fp-nav ul li .fp-tooltip::after { border-bottom: 5px solid transparent; border-left: 5px solid #81b253; bottom: 10px; content: ""; position: absolute; right: -5px; }
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip { opacity: 1; transition: opacity 0.2s ease-in; width: auto; }


/********************************************************
■ Popup : 팝업설정 - 바둑판배열 & 세로사이즈 자동
********************************************************/
#hd_pop { position:absolute !important; width:100% !important; left:5px !important; top:5px !important; height:auto !important; }
#hd_pop .hd_pops { border:none; margin-bottom:10px; opacity:0; }
#hd_pop .hd_pops_con { height:auto !important; font-size:0; /*이미지로만 팝업사용시 폰트사이즈 0*/ }
#hd_pop .hd_pops_con img { width:100%; }
#hd_pop .hd_pops_con p { margin:0; }
#hd_pop .hd_pops_con br { display:none; }

#hd_pop .pop_fadein { animation:pop_fadein 400ms 1 forwards; }

@keyframes pop_fadein {
	0%	 { opacity:0; }
	100%	 { opacity:1; }
}

@media (max-width: 767px) {
	#hd_pop .hd_pops { left:50% !important; transform:translateX(-50%); top:0 !important; max-width:100%; }
	#hd_pop .hd_pops_con { max-width:100%; }
}


/********************************************************
■ Page Title : 페이지 타이틀 및 설명글
********************************************************/
.at-title { margin-bottom:40px; position: relative; text-align:center; font-weight:600; z-index:3; }
.at-title .page-title { font-size:2.5rem; }
.at-title .page-desc { color:#666; margin-top:10px; }

@media (max-width: 767px) {
 .at-title { margin-bottom: 25px; }
}

/********************************************************
■ Sub Title : 서브 타이틀 및 설명글
********************************************************/
.at-content header.header { margin-bottom:60px; text-align:center; }
.at-content header.header .head { margin-bottom: 10px; font-size:3rem; }

@media (max-width:768px) {
	.at-content header.header { margin-bottom:30px; }
	.at-content header.header .head { margin-bottom:5px; font-size:2rem; }
}

/********************************************************
■ Main Page : 메인 인덱스 페이지
********************************************************/
.pg-main .sec { position:relative; padding-bottom:100px; padding-top:100px; }
.pg-main .sec .c { position:relative; }
@media (max-width: 767px) {
	.pg-main .sec { overflow:hidden; padding-top:50px; padding-bottom:50px; }
}
.pg-main .sec.no-padding { padding-bottom: 0; padding-top: 0; }
.pg-main .sec .header { margin-bottom:50px; }
.pg-main .sec .header.center { text-align:center; }
.pg-main .sec .header .subhead { position:relative; padding-top:10px; font-weight:900; margin-bottom:20px; }
.pg-main .sec .header .subhead:before { content:""; position:absolute; left:0; top:0; height:1px; width:25px; background:#333; }
.pg-main .sec .header.center .subhead:before { left:50%; margin-left:-12.5px; }
.pg-main .sec .header .head { font-size:2.813rem; line-height:140%; margin-bottom:25px; font-weight: 700; }
.pg-main .sec .header .desc { font-size:1.25rem; line-height: 160%; color:#666; }

.pg-main .sec .more { padding:13px 30px; border:1px solid #666; transition:background 500ms 0ms !important; }
.pg-main .sec .more .arrow { margin-left:7px; }

.pg-main .sec .arrow { position:relative; display:inline-block; vertical-align:middle; margin-top:-2px; width:17px; height:1px; background:#666; }
.pg-main .sec .arrow:before, .pg-main .sec .arrow:after { content:""; position:absolute; background:#666; width:7px; height:1px; right:0; }
.pg-main .sec .arrow:before { top:300%; transform:rotate(-45deg); }
.pg-main .sec .arrow:after { bottom:300%; transform:rotate(45deg); }

.pg-main .sec .more:hover { background:#333; color:#fff; }
.pg-main .sec .more:hover .arrow { background:#eee; }
.pg-main .sec .more:hover .arrow:before, .pg-main .sec .more:hover .arrow:after { background:#eee; }

.section .section-wrap { padding-bottom: 75px; padding-top: 75px; }
.section .header { text-align: center; }
.section .header .head { margin: 0; padding: 0; }
.section .header .line { background-color: #81b253; display: inline-block; height: 5px; margin: 30px 0; width: 100px; }
.section .header .desc2 { margin-top: 20px; }

@media (max-width: 767px) {
	.pg-main .sec .header { margin-bottom:30px; }
	.pg-main .sec .header .subhead { margin-bottom:10px; }
	.pg-main .sec .header .head { font-size:1.75rem; margin-bottom:15px; }
	.pg-main .sec .header .desc { font-size:1rem; }

	.pg-main .sec .more { padding:10px 20px; }
	.pg-main .sec .more .arrow { margin-left:5px; }
}

/********************************************************
■ Page Content : 서브페이지 본문
********************************************************/

.at-content .header { text-align:center; }

.page-content { word-break: keep-all; word-wrap: break-word; }
.page-content .header { }
.page-content .header .line { background-color: #f17f42; display: inline-block; height: 3px; margin: 10px 0; width: 100px; }
.page-content .h0, .page-content h1, .page-content h2, .page-content h3 { line-height: 150%; margin-top: 0; }
.page-content p { line-height: 160%; }

.page-content div.header .subhead { margin-bottom:20px; }
.page-content div.header .head { font-size:2.5rem; line-height:1.4; margin-bottom:25px; }

@media (max-width: 767px) {
	.page-content .pull-left,
	.page-content .pull-right { width: 100% !important; }

	.page-content div.header .subhead { margin-bottom:10px; }
	.page-content div.header .head { font-size:1.75rem; margin-bottom:15px; }
}

/********************************************************
■ Footer : 하단 푸터
********************************************************/
#bottom { letter-spacing:0; }

.footer { position:relative; padding:40px 0; font-size:.875rem; color:#777; text-align:center; border-top:1px solid #eee; }

.footer .go-top { position:absolute; border:1px solid #ddd; border-radius:50%; background:#fff; display:block; width:40px; height:40px; top:-20px; left:50%; margin-left:-20px; cursor:pointer; transition-duration:300ms; }
.footer .go-top span { line-height:50px; font-size:.625rem; font-weight:600; }
.footer .go-top span:before, .footer .go-top span:after { content:""; position:absolute; width:1px; height:7px; background:#888; }
.footer .go-top span:before { right:55%; top:10px; transform:rotate(45deg); }
.footer .go-top span:after { left:55%; top:10px; transform:rotate(-45deg); }
.footer .go-top:hover { border-color:#333; background:#333; color:#eee; }
.footer .go-top:hover span:before, .footer .go-top:hover span:after { background:#eee; }

.footer .link { margin-bottom:30px; display:flex; flex-wrap: wrap; justify-content:center; }
.footer .link a { position:relative; color: #777; margin:0 10px; }
.footer .link a:after { content:""; position:absolute; right:-10px; top:50%; width:1px; height:10px; background:#ccc; margin-top:-5px; }
.footer .link a:last-child:after { display:none; }
.footer .link a:hover { text-decoration:underline; }

.footer .desc { font-size:1.125rem; margin-bottom:15px; }
.footer .desc li { margin:2.5px 0; }

.footer .copyright { font-size:.75rem; }
.footer .copyright p { margin-bottom:0; }
.footer .copyright a { color:#f0f0f0; margin:0 2px; }
.footer .copyright a:hover { color:#ccc; }

.footer .sns { display:flex; flex-wrap: wrap; justify-content:center; margin-top:35px; }
.footer .sns a { color:#aaa; text-align:center; margin:0 7px; }


/********************************************************
  ■ Icons
********************************************************/
.icon.facebook {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='facebook-f' class='svg-inline--fa fa-facebook-f fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icon.instagram {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='instagram' class='svg-inline--fa fa-instagram fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icon.blog {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='comment-alt-dots' class='svg-inline--fa fa-comment-alt-dots fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 9.8 11.2 15.5 19.1 9.7L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zM128 240c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icon.youtube {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='youtube' class='svg-inline--fa fa-youtube fa-w-18' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='currentColor' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icons > .login {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='sign-in-alt' class='svg-inline--fa fa-sign-in-alt fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M416 448h-84c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h84c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32h-84c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h84c53 0 96 43 96 96v192c0 53-43 96-96 96zm-47-201L201 79c-15-15-41-4.5-41 17v96H24c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24h136v96c0 21.5 26 32 41 17l168-168c9.3-9.4 9.3-24.6 0-34z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icons > .logout {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='sign-out-alt' class='svg-inline--fa fa-sign-out-alt fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M497 273L329 441c-15 15-41 4.5-41-17v-96H152c-13.3 0-24-10.7-24-24v-96c0-13.3 10.7-24 24-24h136V88c0-21.4 25.9-32 41-17l168 168c9.3 9.4 9.3 24.6 0 34zM192 436v-40c0-6.6-5.4-12-12-12H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h84c6.6 0 12-5.4 12-12V76c0-6.6-5.4-12-12-12H96c-53 0-96 43-96 96v192c0 53 43 96 96 96h84c6.6 0 12-5.4 12-12z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icons > .reg {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='user-plus' class='svg-inline--fa fa-user-plus fa-w-20' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M624 208h-64v-64c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v64h-64c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h64v64c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-64h64c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm-400 48c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icons > .adm {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='cog' class='svg-inline--fa fa-cog fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z'%3E%3C/path%3E%3C/svg%3E") !important;
}

.icons > .lang {
  background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='globe' class='svg-inline--fa fa-globe fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath fill='currentColor' d='M336.5 160C322 70.7 287.8 8 248 8s-74 62.7-88.5 152h177zM152 256c0 22.2 1.2 43.5 3.3 64h185.3c2.1-20.5 3.3-41.8 3.3-64s-1.2-43.5-3.3-64H155.3c-2.1 20.5-3.3 41.8-3.3 64zm324.7-96c-28.6-67.9-86.5-120.4-158-141.6 24.4 33.8 41.2 84.7 50 141.6h108zM177.2 18.4C105.8 39.6 47.8 92.1 19.3 160h108c8.7-56.9 25.5-107.8 49.9-141.6zM487.4 192H372.7c2.1 21 3.3 42.5 3.3 64s-1.2 43-3.3 64h114.6c5.5-20.5 8.6-41.8 8.6-64s-3.1-43.5-8.5-64zM120 256c0-21.5 1.2-43 3.3-64H8.6C3.2 212.5 0 233.8 0 256s3.2 43.5 8.6 64h114.6c-2-21-3.2-42.5-3.2-64zm39.5 96c14.5 89.3 48.7 152 88.5 152s74-62.7 88.5-152h-177zm159.3 141.6c71.4-21.2 129.4-73.7 158-141.6h-108c-8.8 56.9-25.6 107.8-50 141.6zM19.3 352c28.6 67.9 86.5 120.4 158 141.6-24.4-33.8-41.2-84.7-50-141.6h-108z'%3E%3C/path%3E%3C/svg%3E") !important;
}

/********************************************************
■ Bootstrap3 : 부트스트랩 기본속성
********************************************************/
/* Button */
.btn { font-family: "Noto Sans Korean", "NanumGothic", sans-serif; }
.btn-lg { border-radius: 3px; font-size: 18px; line-height: 1.33; padding: 10px 16px; }
.btn-lg i { font-size: 24px; position: relative; top: 3px; }
.btn-xs { padding: 4px 10px; }
.btn-sm { font-size: 14px; line-height: 16px; }
.is-pc .ko .btn-xs,
.is-pc .ko .btn-sm { font-family: "Noto Sans Korean", "NanumGothic", sans-serif; }

/* Panel : Accordions */
.panel { border-radius: 0px; box-shadow: none; webkit-box-shadow: none; }
.panel-group .panel { border-radius: 0px; }
.panel .panel-heading { border-radius: 0px; }

/* List Group */
.list-group-item { word-break: break-all; border-radius: 0 !important; }

/* Pagination */
.pagination { font-family: "Noto Sans Korean", "NanumGothic", sans-serif; }
.pagination li a { border-radius: 0 !important; color: #333 !important; line-height: 22px !important; }
.pagination li a i { line-height: 22px; }
.pagination li.active a { background: #444 !important; border-color: #444 !important; color: #fff !important; }

/* Progress */
.progress { background-color: whitesmoke; border-radius: 0px; box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); height: 28px; margin-bottom: 15px; overflow: hidden; position: relative; webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.progress .sr-only { clip: auto; font-family: "Roboto", sans-serif; font-size: 12px; height: 28px; left: 0px; line-height: 28px; margin: 0px 15px; width: auto; }
.sr-score { font-family: "Roboto", sans-serif; font-size: 12px; height: 28px; line-height: 28px; padding-right: 8px; }

/* Misc */
.form-control, .well, .btn, .alert, .input-group-addon, .label { border-radius: 0; }

/********************************************************
■ 그누보드 기타
********************************************************/
.content_move { color: #aaa; font-size: 0.8em; margin-top: 30px; text-align: right; }
.sns-share-icon img { border-radius: 50%; max-width: 34px; width: 20%; }
#captcha #captcha_key { width: 100px; }

/* 목록 - 카테고리 */
.list-category { margin: 40px auto; }
.list-category ul.category { display: inline-block; }
.list-category ul.category li {  border-right-width: 0; float: left; font-size: 15px; line-height: 15px;   }
.list-category ul.category li a { display: block; padding: 10px 30px;border-radius: 30px;border: 1px solid #81b253; }
.list-category ul.category li a:hover { background: #81b253; color: #fff; }
.list-category ul.category li.active a { background: #81b253; color: white; }
.list-category ul.category li:last-child { border-right-width: 1px; }
.list-category select.m-category { height: 40px; width: 100%; }
.list-category.cgs-center-mlr4 { text-align: center; }
.list-category.cgs-center-mlr4 ul.category li { border-right-width: 1px; margin: 0 4px; }

/* 페이지 네비 부분 */
.list-wrap #infscr-loading { background: rgba(0, 0, 0, 0.8); border-radius: 10px; bottom: 50px; color: white; left: 50%; margin: 0; padding: 10px; position: fixed; text-align: center; transform: translateX(-50%); width: 200px; z-index: 100; }
.list-wrap .list-more { margin: 15px 0 30px; text-align: center; }
.list-wrap .list-more a { color: #aaa; }
.list-wrap .list-more a i { font-size: 3rem; }
.list-wrap .list-more a:hover { color: #333; }
.list-wrap .pagination { padding-top: 20px; }
.list-wrap .pagination a { color: #333 !important; }
.list-wrap .pagination .active a { background: #444 !important; border-color: #444 !important; color: #fff !important; }
.view-wrap .content p { margin-bottom: 0; }
.view-wrap .pagination a { color: #333 !important; }
.view-wrap .pagination .active a { background: #444 !important; border-color: #444 !important; color: #fff !important; }

/* SNS / 좋아요 버튼 */
.view-wrap .view-sns { display: block; margin-top: 70px; text-align: center; }
.view-wrap .view-sns > div { display: inline-block; }
.view-wrap .view-sns a { border-radius: 10px; float: left; margin: 0 4px; overflow: hidden; }
.view-wrap .view-sns a:nth-child(3),
.view-wrap .view-sns a:nth-child(7),
.view-wrap .view-sns a:nth-child(8) { display: none; }
.view-wrap .a-good { display: block !important; float: right; height: 50px; line-height: 50px; overflow: visible !important; position: relative; text-align: center; width: 50px; }
.view-wrap .a-good:hover i { color: #333; }
.view-wrap .a-good i { color: #f5f5f5; font-size: 30px; line-height: 50px; }
.view-wrap .a-good div { background: white; border: 1px solid #eee; border-radius: 12px; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4); color: #333; height: 25px; line-height: 25px; ms-transform: translateX(50%); padding: 0 7px; position: absolute; right: 0; top: -12px; transform: translateX(50%); }
.view-wrap .a-print { background: #f17f42; display: block; height: 50px; line-height: 50px; margin-left: 15px !important; text-align: center; width: 50px; }
.view-wrap .a-print i { color: #f5f5f5; font-size: 30px; line-height: 50px; }
.view-wrap .a-print:hover i { color: #333; }
.view-comment { border-bottom: 1px solid #333333; display: inline-block; margin: 20px 0; overflow: hidden; position: relative; text-transform: capitalize; }

/* Comment */
.comment-media { margin: 10px 0px; }
.comment-media .photo i { background: whitesmoke; border-radius: 50%; color: #8f8f8f; display: inline-block; font-size: 30px; height: 64px; padding: 15px; text-align: center; width: 64px; }
.comment-media .photo img { border-radius: 50%; display: inline-block; height: 64px !important; width: 64px !important; }
.view-mobile .comment-media .photo i { height: 54px; padding: 10px; width: 54px; }
.view-mobile .comment-media .photo img { height: 54px !important; width: 54px !important; }
.comment-media .media { border-top: 1px solid #eee; margin: 7px 0px; padding: 7px 0px 0px; }
.comment-media :first-child.media { border-top: 0px; margin-top: 0px; padding-top: 0px; }
.comment-media h5 { line-height: 22px; margin: 2px 0px; }
.comment-media .media .media-body { padding-left: 0px; }
.comment-media .media .media-info { margin-left: 10px; }
.comment-media .media .media-content { margin-top: 8px; }
.comment-media .media .media-btn { margin-left: 4px; }
.comment-media .cmt-good-btn { padding-right: 1px; text-align: right; }
.comment-media .cmt-good, .comment-media .cmt-nogood { cursor: pointer; display: inline-block; font: bold 11px verdana; height: 20px; letter-spacing: -1px; line-height: 19px; margin-right: -1px; margin-top: 10px; padding-right: 10px; text-align: right; width: 74px; }
.comment-media .cmt-good { background: url("./img/cmt_good.gif") no-repeat left center; color: #f4695b; }
.comment-media .cmt-nogood { background: url("./img/cmt_nogood.gif") no-repeat left center; color: #888; }
.comment-form { padding-top: 10px; }
.comment-box { background: #fbfbfb; border: 1px solid #ddd; margin-bottom: 15px; padding: 12px 12px 0px; }
.comment-content { display: table; table-layout: fixed; width: 100%; }
.comment-content .comment-cell { display: table-cell; padding: 0px; text-align: center; vertical-align: middle; }
.comment-content .comment-cell.comment-submit { background: #fafafa; border: 1px solid #ccc; border-left: 0px; cursor: pointer; height: 100%; width: 80px; }
.comment-btn .cursor { color: #787878; margin-left: 12px; }

/*# sourceMappingURL=colorset.css.map */

/* Top Search */
.search-box-new { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.search-box-new input {  width:350px; margin-right: 10px; }
.search-box-new button { padding-left: 30px; padding-right: 30px;border-radius:4px;height:40px; line-height:40px;  }

.search-box-new select { }
.btn-color-new{background:#164db2; color:#fff; font-size:18px; border:0; }
.input-gr{ border-radius:4px; border:1px solid #aaa; padding:6px 7px 8px; font-size:16px; height:40px; line-height:40px;}
@media (max-width: 767px) {
 .search-box-new { padding:0; display: flex;  margin-bottom: 10px; }
 .search-box-new input {  width:160px; margin-right: 7px;  }
 .search-box-new button { padding-left: 10px; padding-right: 10px;border-radius:4px;height:30px; line-height:30px;  }
.btn-color-new{ font-size:15px;}
.input-gr{ border-radius:4px; border:1px solid #aaa; padding:2px 5px 4px; font-size:14px; height:30px; line-height:30px;}
.search-box-new .list-total { font-size:12px;}
}