@charset "utf-8";
@media screen and (max-width: 640px) {
	#headerwrap {width:100%; min-width:320px;}
	#body {width:100%; min-width:320px;}
	#footerwrap {width:100%; min-width:320px;}
	#popPost {width:100%; min-width:320px;}
	#layer_btntop {right:0;}
}
@media screen and (min-width: 641px) {
	#headerwrap {width:320px; margin:0 auto;}
	#body {width:320px; margin:0 auto;}
	#footerwrap {width:320px; margin:0 auto;}
	#popPost {width:320px; margin:0 auto; left:50%; margin-left:-160px;}
	#layer_btntop {margin:0 auto; left:50%; margin-left:131px;}
}
@media screen and (max-height: 400px) {
	#popPost .popPostList ul {height:100px;}
}
@media screen and (min-height:401px) and (max-height: 500px) {
	#popPost .popPostList ul {height:200px;}
}
@media screen and (min-height:501px) and (max-height: 600px) {
	#popPost .popPostList ul {height:300px;}
}
@media screen and (min-height:601px) {
	#popPost .popPostList ul {height:400px;}
}


@keyframes ani_menuall_view{
	0% {width:0;}
	100% {width:225px;}
}
@-webkit-keyframes ani_menuall_view{
	0% {width:0;}
	100% {width:225px;}
}
@keyframes ani_menuall_hidden{
	0% {width:225px;}
	100% {width:0;}
}
@-webkit-keyframes ani_menuall_hidden{
	0% {width:225px;}
	100% {width:0;}
}



/* 모바일 탑메뉴-2차메뉴 높이 */
@keyframes ani_menueach_view{
	0% {height:0;}
	100% {height:117px;}
}
@-webkit-keyframes ani_menueach_view{
	0% {height:0;}
	100% {height:117px;}
}


@keyframes ani_menueach_view2{
	0% {height:0;}
	100% {height:195px;}
}
@-webkit-keyframes ani_menueach_view2{
	0% {height:0;}
	100% {height:195px;}
}



@keyframes ani_menueach_view3{
	0% {height:0;}
	100% {height:117px;}
}
@-webkit-keyframes ani_menueach_view3{
	0% {height:0;}
	100% {height:117px;}
}



@keyframes ani_menueach_view4{
	0% {height:0;}
	100% {height:78px;}
}
@-webkit-keyframes ani_menueach_view4{
	0% {height:0;}
	100% {height:78px;}
}




@keyframes ani_menueach_view5{
	0% {height:0;}
	100% {height:156px;}
}
@-webkit-keyframes ani_menueach_view5{
	0% {height:0;}
	100% {height:156px;}
}






/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body,input,textarea,select,button,table,h1,h2,h3,h4,h5{font-size:12px;line-height:1.0em;}
th,td{line-height:1.267em;}
* {-webkit-text-size-adjust:none;}
body.s,.s input,.s textarea,.s select,.s button,.s table{font-family:Helvetica}
body{position:relative;background-color:#ddd;color:#666; text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
body.s{}
table{border-collapse:collapse;}
img,fieldset,button{border:0; vertical-align:top;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
body,input,textarea,select,button,table{font-family:'맑은고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}

.mt4 {margin-top:4px;}
.mt20 {margin-top:20px;}

/* Layout */
input[type=text], input[type=password], input[type=tel], input[type=number], input[type=email], textarea{padding:2px; border:1px solid #e0e0e0; color:#666;}
input[type=radio], input[type=checkbox] {vertical-align:middle;}
select {color:#666;}
button {color:white; padding:6px 10px; font-size:1.0em;}
button.s {padding:4px 7px; font-size:0.85em;}
a.btn_s {display:inline-block; color:white; padding:4px 7px; font-size:0.85em; line-height:1.0; vertical-align:top;}
button.grey, a.btn_grey {background-color:#666; border:1px solid #4e4e4e;}
button.green, a.btn_green {background-color:#69b200; border:1px solid #5a9802;}

.wrap:after{display:block;clear:both;content:''}
a.ellipsis {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display:block;}
img.full {width:100%;}
#headerwrap {background-color:white; position:relative;}
#body {background-color:white; padding-bottom:35px;}
#footerwrap {background-color:#efefef;}


div.header {padding-left:12px; padding-right:12px; height:65px; min-width:296px; position:relative;}
div.header:after {content:""; display:block; clear:both;}
div.header h1 {float:left; padding-top:12px;}
div.header a.btn_menu_all {float:right; padding-top:20px;}

nav {background-color:#a6c639; min-width:320px;}
nav ul.nav {line-height:38px; font-size:1.25em; min-width:320px; width:100%; margin:0 auto;}
nav ul.nav li {float:left; text-align:center; background:url('/TPLS/COMMON/image/mobile/common/nav_bar.png') no-repeat right center;}
nav ul.nav li.about {width:40%;}
nav ul.nav li.support {width:15%;}
nav ul.nav li.news {width:25%;   background:none;}
nav ul.nav li.campaign {width:20%;}

nav ul.nav li a {display:block; width:100%; color:white; font-weight:bold;}

div.menu_all {position:absolute; top:0; right:0; z-index:1000; background-color:white; box-shadow:-3px 0 5px rgba(0, 0, 0, 0.18); width:0; overflow:hidden;}
div.menu_all .wrap {width:225px; background-color:#a6c639;}
div.menu_all .wrap h2 {color:white; font-weight:bold; font-size:1.5em; line-height:64px; float:left; margin-left:15px;}
div.menu_all .wrap a.close {display:block; float:right; margin-top:20px; padding:5px; margin-right:10px;}
div.menu_all ul.bmenu {width:225px;}
div.menu_all ul.bmenu h3 {font-size:1.1em; color:#333333; font-weight:bold; line-height:37px; background-color:#f3f3f3; padding-left:15px;}
div.menu_all ul.bmenu > li {border-bottom:2px solid #a6c639;}
div.menu_all ul.bmenu > li li > a {display:block; font-size:1.1em; line-height:37px; border-top:1px solid #e0e0e0; padding-left:15px;}
div.menu_all.on {
	width:225px;
	-webkit-animation: ani_menuall_view 1s 1;
	-moz-animation: ani_menuall_view 1s 1;
	-o-animation: ani_menuall_view 1s 1;
	animation: ani_menuall_view 1s 1;
}
div.menu_all.off {
	width:0;
	-webkit-animation: ani_menuall_hidden 1s 1;
	-moz-animation: ani_menuall_hidden 1s 1;
	-o-animation: ani_menuall_hidden 1s 1;
	animation: ani_menuall_hidden 1s 1;
}

div.menu_each {}
div.menu_each ul {position:absolute; z-index:999; background-color:white; width:100%; height:0; overflow:hidden;}
div.menu_each ul li {border-bottom:1px solid #e0e0e0;}
div.menu_each ul li a {line-height:38px; padding-left:30px; font-size:1.25em; display:block;}

div.menu_each ul.on {
	visibility:visible;
/*	height:117px;*/
	height:auto;
	background:white url('/TPLS/COMMON/image/mobile/common/icon_smenu_point.png') no-repeat;
	background-size:7px 4px;
	box-shadow:0 3px 5px rgba(0, 0, 0, 0.18);
	-webkit-animation: ani_menueach_view 1s 1;
	-moz-animation: ani_menueach_view 1s 1;
	-o-animation: ani_menueach_view 1s 1;
	animation: ani_menueach_view 1s 1;
}
div.menu_each ul.off {
	visibility:hidden;
	height:0;
	background-image:none;
}

div.menu_each ul.smenu_about.on {

	background-position:22% top;
	-webkit-animation: ani_menueach_view2 1s 1;
	-moz-animation: ani_menueach_view2 1s 1;
	-o-animation: ani_menueach_view2 1s 1;
	animation: ani_menueach_view2 1s 1;
}


div.menu_each ul.smenu_support.on {

	background-position:48% top;
	-webkit-animation: ani_menueach_view3 1s 1;
	-moz-animation: ani_menueach_view3 1s 1;
	-o-animation: ani_menueach_view3 1s 1;
	animation: ani_menueach_view3 1s 1;
}

div.menu_each ul.smenu_campaign.on {

	background-position:65% top;
	-webkit-animation: ani_menueach_view4 1s 1;
	-moz-animation: ani_menueach_view4 1s 1;
	-o-animation: ani_menueach_view4 1s 1;
	animation: ani_menueach_view4 1s 1;
}

div.menu_each ul.smenu_news.on {

	background-position:90% top;
	-webkit-animation: ani_menueach_view5 1s 1;
	-moz-animation: ani_menueach_view5 1s 1;
	-o-animation: ani_menueach_view5 1s 1;
	animation: ani_menueach_view5 1s 1;
}


#layer_btntop {position:fixed; z-index:10; bottom:25%;}

div.footer {padding-top:17px; padding-bottom:25px; min-width:320px;}
div.footer ul.footermenu {width:202px; margin:0 auto 32px auto;}
div.footer ul.footermenu li {height:17px; float:left; background:url('/TPLS/COMMON/image/mobile/common/footer_link.png') no-repeat; background-size: 202px 17px;}
div.footer ul.footermenu li a {display:block; overflow:hidden;}
div.footer ul.footermenu li a span {visibility:hidden;}
div.footer ul.footermenu li.facebook {width:46px; margin-right:20px; background-position:0 0;}
div.footer ul.footermenu li.blog {width:30px; margin-right:20px; background-position:-65px 0;}
div.footer ul.footermenu li.youtube {width:36px; margin-right:8px; background-position:-120px 0;}
div.footer ul.footermenu li.allkidstra {width:36px; background-position:-165px 0;}
div.footer address {margin-top:32px;}
div.footer address p {text-align:center; font-size:0.9em; line-height:1.4em; color:#666; margin-bottom:22px;}
div.footer address p span {display:block; width:11px; margin:0 auto 4px auto; font-size:0; overflow:hidden; background:url('/TPLS/COMMON/image/mobile/common/footer_icon.png') no-repeat 50% 0; background-size: 11px 33px;}
div.footer address p.addr span {height:12px; background-position:50% 0;}
div.footer address p.contact span {height:12px; background-position:50% -12px;}
div.footer address p.mail span {height:8px; background-position:50% -25px;}
div.footer address p.copy {margin-bottom:0; color:#333333;}
div.footer address p.copy img {vertical-align:text-top;}

.footermenu2{display:flex;width:100%;justify-content:center;margin-bottom:20px;gap:10px;}
.footermenu2 li{width:40px;}
.footermenu2 a{display:inline-block}
.footermenu2 img{width:100%}


/* main */
.mainsupport{display:flex}
.mainsupport > a {}
.mainsupport > a > img{width:100%;}


div.mainblock {padding-left:12px; padding-right:12px; margin-top:35px;}
div.mainblock .wrap {margin-bottom:18px;}
div.mainblock .wrap h2 {float:left; font-size:1.7em; color:black; font-weight:bold;}
div.mainblock .wrap a.more {float:right; display:block; margin-top:5px;}
div.mainblock ul.list li {background-color:#efefef; margin-bottom:1px;}
div.mainblock ul.list li a {display:block; height:26px; line-height:26px; font-size:1.1em; padding-left:8px; padding-right:8px;}


/* sub layout */
#body h2.btit {color:black; font-size:1.7em; line-height:42px; font-weight:bold; border-bottom:2px solid #a6c639; padding-left:12px; margin-bottom:12px;}
#body h3.img {text-align:center; margin-bottom:19px;}
#body h3.text {color:#69b200; font-size:1.25em; font-weight:bold; margin-bottom:10px;}
#body h3.textn {color:#69b200; font-size:1.25em; font-weight:bold; margin-bottom:5px;}
#body h3.fi_title {color:#69b200; font-size:1.5em; font-weight:bold;}
#body span.n {display:inline-block; font-size:0.8em; margin-bottom:10px; letter-spacing:-0.1em;}
#body h4 {color:#a6c639; font-size:1.25em; font-weight:600; margin-bottom:10px;}
#body .basicblock {padding-left:12px; padding-right:12px;}
#body .btns {text-align:center;}

/* table layout */
table {width:100%; border-top:2px solid #a6c639;}
table thead tr {border-bottom:1px solid #a6c639;}
table thead th {text-align:center; color:black; font-weight:normal;}
table thead th, table thead td {border-left:1px solid #e0e0e0; line-height:1.5em; padding-top:10px; padding-bottom:10px;}
table thead th:first-child, table thead td:first-child{border-left:none;}
table tbody {border-bottom:1px solid #999999;}
table tbody tr {border-top:1px solid #e0e0e0;}
table tbody th {color:black; font-weight:normal;}
table tbody td {}
table tbody th, table tbody td {border-left:1px solid #e0e0e0; line-height:1.5em; padding:10px 8px; text-align:left;}
table tbody th:first-child, table tbody td:first-child{border-left:none;}
table tbody tr:first-child{border-top:none;}
td.won{text-align:right}



/* 함께걷는아이들 */
.mission .basicblock {margin-bottom:37px;}
.mission .basicblock.last {margin-bottom:0;}
.mission .basicblock img.full {display:block; width:100%; margin-bottom:19px;}
.mission .basicblock h3 {margin-bottom:13px;}
#body.mission .basicblock h4 {font-size:1.0em; line-height:1.4; color:black; margin-bottom:10px;}
.mission .basicblock h4 strong {color:#ff6600;}
.mission .basicblock p {line-height:1.5;}

#body.business h2.btit {margin-bottom:0;}
#bpartlist > li {border-bottom:1px solid #e0e0e0;}
#bpartlist .bparthead div.tit {display:table-cell; padding:12px;vertical-align:middle; width:100%; box-sizing:border-box;}
#bpartlist .bparthead div.tit h3.textn {font-size:1.2em;}
#bpartlist .bparthead div.tit span.n {font-size:1.06em; line-height:1.4em; margin-bottom:0;}
#bpartlist .bparthead a.right {display:table-cell; border-left:1px solid #e0e0e0; padding:32px; background:url('/TPLS/COMMON/image/mobile/button/btn_open_layer.png') no-repeat 50% 50%; background-size:29px 29px;}
#bpartlist .bparthead a.right.open {background-image:url('/TPLS/COMMON/image/mobile/button/btn_close_layer.png');}
#bpartlist .bpartbody {border-top:1px solid #e0e0e0; padding:24px 12px; display:none;}
.bpartbody.open{display:block !important}
#bpartlist .bpartbody.on {display:block;}
#bpartlist .bpartbody p {line-height:16px;}
#bpartlist .bpartbody p.partguide {color:black;}
#bpartlist .bpartbody p.partguide strong {font-size:1.15em; color:#f27024;}
#bpartlist .bpartbody ul.greybox {background-color:#f1f1f1; padding:12px 14px 5px 14px;}
#bpartlist .bpartbody ul.greybox li {background:url('/TPLS/COMMON/image/mobile/common/icon_arrow.png') no-repeat 0 3px; background-size:3px 4px; padding-left:10px; margin-bottom:7px;}

#bpartlist .bpartbody h4 {color:#69b200; font-size:1.35em; font-weight:bold; margin-bottom:19px;}
#bpartlist .bpartbody dl dt {color:black; line-height:16px; margin-top:20px; margin-bottom:10px; vertical-align:text-top;}
#bpartlist .bpartbody dl dt:first-child{margin-top:0; }
#bpartlist .bpartbody dl dt span {vertical-align:text-top;}
#bpartlist .bpartbody dl dt span.num {font-size:14px; color:#69b200; width:22px; display:inline-block;}
#bpartlist .bpartbody dl dd { line-height:16px;}
#bpartlist .bpartbody .block {margin-bottom:25px;}
#bpartlist .bpartbody h5 {color:black; font-weight:bold; margin-bottom:5px;}
#bpartlist .bpartbody ul.hypenlist {}
#bpartlist .bpartbody ul.hypenlist li {text-indent:-9px; padding-left:9px; line-height:1.25em; margin-bottom:5px;}
#bpartlist .bpartbody ul.arrowlist {}
#bpartlist .bpartbody ul.arrowlist li {background:url('/TPLS/COMMON/image/mobile/common/icon_arrow.png') no-repeat 0 5px; background-size:3px 4px; padding-left:7px; margin-bottom:5px;}
#bpartlist #bpartbody1 .parttit {display:table; margin-bottom:20px;}
#bpartlist #bpartbody1 .parttit img {display:table-cell; padding-right:10px;}
#bpartlist #bpartbody1 .parttit p.partguide {display:table-cell; width:100%; vertical-align:middle; letter-spacing:-0.1em;}
#bpartlist #bpartbody2 p.partguide {margin-bottom:12px;}
#bpartlist #bpartbody3 p.partguide {margin-bottom:12px;}

.map .basicblock {margin-bottom:25px;}
.map .basicblock.last {margin-bottom:0;}
.map .basicblock td p.tit {color:black;}

.report .report_title {margin-bottom:25px;}
.report .report_title p {color:black; padding-bottom:7px;}
.report .report_title p span.green {color:#69b200;}
.report .report_title p.big {color:#69b200; font-size:2em;}
.report .report_list {border-top:1px solid #999;}
.report .report_list li {border-bottom:1px solid #e0e0e0;}
.report .report_list li p {display:table-cell; vertical-align:middle;}
.report .report_list li p.title {width:100%; padding:0 10px;}
.report .report_list li p.title span {display:block;}
.report .report_list li p.title span.mtit {color:#69b200; font-size:13px; padding-bottom:5px;}
.report .report_list li p.title span.stit {color:#767676; font-size:8px; letter-spacing:-0.1em;}
.report .report_list li p.down {border-left:1px solid #e0e0e0;}
.report .report_list li p.down a {padding:13px 15px; display:block;}


/* 후원 */
/*
.sponsor_apply {background:url('/TPLS/COMMON/image/mobile/support/bg_sponsor.png') no-repeat 0 15px; background-size: contain; min-height:465px; margin-bottom:39px; position:relative;}
.sponsor_apply p {visibility:hidden; display:none;}
.sponsor_apply a.btn_apply {position:absolute; z-index:1; top:63%; left:25px; display:block; width:395px; height:70px;}
*/

/*.sponsor_apply {background:url('/TPLS/COMMON/image/mobile/support/sponsor_img_new_bg.jpg') no-repeat 0 15px; background-size: contain; min-height:360px; margin-bottom:0px; position:relative;}*/

.sponsor_apply a {display:block;}
.sponsor_apply img {width:100%;}

.sponsor_usecase {margin-bottom:39px;}
.sponsor_usecase ul {margin-bottom:30px;}
.sponsor_usecase ul li {margin-top:10px;}
.sponsor_usecase ul li img {width:100%;}
.sponsor_usecase ul li:first-child{margin-top:0;}
.sponsor_guide table {margin-bottom:30px;}

.sponsor_apply01 {margin-bottom:30px;}
.sponsor_apply01 ul.agree {margin-top:28px;}
.sponsor_apply01 ul.agree li {color:#333; padding-left:9px; background:url('/TPLS/COMMON/image/mobile/support/icon_arrow.png') no-repeat left 5px;}
.sponsor_apply01 ul.agree li p {margin-bottom:10px; line-height:1.5em;}
.sponsor_apply01 ul.agree li span.small {color:#666; font-size:0.8em;}
.sponsor_apply01 ul.agree li span.agreeinput {padding-right:20px;}
.sponsor_apply02 {margin-bottom:30px;}
.sponsor_apply02 td p {letter-spacing:-0.1em; text-indent:-1em; padding-left:1em;}
.sponsor_apply03 {margin-bottom:20px;}
.sponsor_apply03 td.account span {display:inline-block;}

/* 주소찾기 (레이어) */
#popPost {position:fixed; z-index:10; top:0; height:100%; background-color:rgba(0, 0, 0, 0.3); padding-top:12px; visibility:hidden; display:none;}
#popPost.on {visibility:visible; display:block;}
#popPost .popheader {margin-left:12px; margin-right:12px; background-color:#a6c639;}
#popPost .popheader h4 {float:left; font-size:15px; line-height:43px; color:white; padding-left:13px;}
#popPost .popheader a {float:right; display:block; border-left:1px solid #c0d772; padding:15px;}
#popPost .popPostSearch {margin-left:12px; margin-right:12px; padding:20px 10px; background-color:#f3f3f3; border:1px solid #e0e0e0; border-top:none;}
#popPost .popPostSearch p {margin-bottom:10px;}
#popPost .popPostSearch input {width:83%;}
#popPost .popPostList {margin-left:12px; margin-right:12px; padding:20px 10px; background-color:#f3f3f3; border:1px solid #e0e0e0; border-top:none;}
#popPost .popPostList p {color:#69b200; margin-bottom:15px;}
#popPost .popPostList ul {overflow-y:scroll; }
#popPost .popPostList ul li {margin-bottom:10px;}
#popPost .popPostList ul li a {display:table-cell; vertical-align:top; line-height:1.4;}
#popPost .popPostList ul li a.post {color:black; width:45px; padding-right:8px;}
#popPost .popPostList ul li a.address {min-width:220px; width:100%;}

.contribution {margin-bottom:22px;}
.contribution .img {padding:34px 38px 40px 38px;}
.contribution .img img {width:100%;}
.contribution .guide {margin-bottom:18px;}
.contribution .guide .line1 {color:black; line-height:1.4em; margin-bottom:16px;}
.contribution .guide .line1 strong {color:#69b200; font-weight:normal;}
.contribution .guide .line2 {font-size:0.9em; line-height:1.4em; text-decoration:underline; color:#666;}
.contribution ul li {width:50%; display:table-cell;}
.contribution ul li img {width:100%;}
.contribution ul li span {display:block; font-size:0.9em; color:#888; line-height:25px;}
.contribution .fund_info ul{background:#fffef5;padding:15px 10px;box-sizing:border-box;margin-bottom:60px;box-shadow:0 0 15px rgba(0,0,0,0.1);margin-top:10px;}
.contribution .fund_info li{color:#666;font-size:1em;margin-bottom:10px;display:block;width:100%;}
.contribution .fund_info li:last-child{margin-bottom:0}
.contribution .fund_info i{color:#f27024;font-size:.9em;box-sizing:border-box;padding:7px;background:#fff;border:1px solid #ddd;border-radius:50%;}

.volunteer {margin-bottom:22px;}
.volunteer .img {padding:34px 7px 40px 7px;}
.volunteer .img img {width:100%;}
.volunteer .guide {margin-bottom:18px;}
.volunteer .guide .line1 {color:black; line-height:1.4em; margin-bottom:16px;}
.volunteer .guide .line1 strong {color:#69b200; font-weight:normal;}
.volunteer .guide .line2 {font-size:0.9em; line-height:1.4em; color:#666;}
.volunteer .guide .line2 strong {text-decoration:underline; font-weight:normal;}
.volunteer_contact {margin-bottom:30px;}
a.btn_orange {font-size:15px; color:#ffffcc; background-color:#f27024; border:1px solid #e45502; display:inline-block; padding:12px 30px;}
.volunteer_contact h2{color:#f27024;font-size:18px;margin-bottom:15px;font-weight:bold;}
.volunteer_contact p{line-height:1.3;margin-bottom:20px}


/* 함께소식 */
#body.bbsbasic h2.btit {margin-bottom:0;}
#body.bbsbasic ul.basiclist li {border-bottom:1px solid #e0e0e0;}
#body.bbsbasic ul.basiclist li a {display:block; padding:14px 12px;}
#body.bbsbasic ul.basiclist li p.title {color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display:block; margin-bottom:7px;}
#body.bbsbasic ul.basiclist li p.info {color:#767676; font-size:8px;}
#body.bbsbasic ul.basiclist li p.info span + span:before {display:inline-block; content:"|"; padding-right:5px;}
#body.bbsbasic ul.basiclist li p.info span + span{padding-left:5px;}
#body.bbsbasic div.basicfoot {border-bottom:1px solid #e0e0e0; background-color:#f9f9f9;}
#body.bbsbasic div.basicfoot a {display:table;}
#body.bbsbasic div.basicfoot span.left {display:table-cell; text-align:center; vertical-align:middle; width:100%; color:#333; font-weight:bold;}
#body.bbsbasic div.basicfoot span.right {display:table-cell; text-align:center; vertical-align:middle; border-left:1px solid #e0e0e0; padding:7px;}

#body.bbsbasic .basicview_head {padding:14px 12px; border-bottom:1px solid #e0e0e0;}
#body.bbsbasic .basicview_head p.title {color:#333; font-size:1.1em; display:block; margin-bottom:7px; line-height:16px;}
#body.bbsbasic .basicview_head p.info {color:#767676; font-size:8px;}
#body.bbsbasic .basicview_head p.info span + span:before {display:inline-block; content:"|"; padding-right:5px;}
#body.bbsbasic .basicview_head p.info span + span {padding-left:5px;}
#body.bbsbasic .basicview_body {padding:14px 12px; font-size:1.0em !important; line-height:1.5 !important; border-bottom:1px solid #e0e0e0;}
#body.bbsbasic .basicview_body img {max-width:100%;}
#body.bbsbasic .basicview_pn li {border-bottom:1px solid #e0e0e0; padding:8px 12px; position:relative;}
#body.bbsbasic .basicview_pn li span.left {padding-left:20px; display:inline-block; color:#333;}
#body.bbsbasic .basicview_pn li.prev span.left {background:url('/TPLS/COMMON/image/mobile/common/icon_prev.png') no-repeat left 50%; background-size:8px 5px;}
#body.bbsbasic .basicview_pn li.next span.left {background:url('/TPLS/COMMON/image/mobile/common/icon_next.png') no-repeat left 50%; background-size:8px 5px;}
#body.bbsbasic .basicview_pn li span.float {position:absolute; z-index:1; width:100%; left:0;}
#body.bbsbasic .basicview_pn li span.float a {padding-left:80px; padding-right:12px;}



.bull01				{font-size:12px; line-height:20px}
.bull01 li			{background:url('/TPLS/COMMON/image/mobile/common/bull01.png') no-repeat 0 9px; padding-left:10px; }

.tm5 {margin-top:5px; }
.tm10 {margin-top:10px; }
.tm15 {margin-top:15px; }





/* 후원,참여페이지, 게시판 */

.sponsor_area{padding: 0 5px}
.sponsor_area > .bg_box{/* background:url('/TPLS/COMMON/image/support/COS_3827.jpg') no-repeat top / 100% , rgba(255, 255, 255, 0.3); */background-blend-mode:color;width: 100%;float:initial;border-radius:50px;border:3px solid #ff7600;box-sizing:border-box;box-shadow:5px 5px 10px rgb(0 0 0 / 10%)}
.sponsor_area > .bg_box > h3{font-size: 1rem;line-height: 1.5;color: #605046;font-family:"nanumgothic";font-weight:600;letter-spacing:-1px;padding:10px 0 17px 10px;text-align:center}
.sponsor_area > .bg_box > img{border-radius:45px 45px 0 0;width:100%;box-sizing:border-box}
.sponsor_area >  .bg_box > h3 > span{color:#ff7600}
.sponsor_area >  .bg_box > h3 > .color{color: #db9800;border-bottom:3px solid #db9800; }

.sponsor_list {display:block;margin: 30px 0;padding:0 5px;line-height:1.3;}
.sponsor_list > li{border:5px solid #eee;width: 100%;padding: 15px 10px;box-sizing: border-box;box-shadow:3px 3px 5px #f2f2f2;margin-bottom:10px}
.sponsor_list > li > p{font-size:0.85rem;font-family:"nanumgothic";}
.sponsor_list > li > p.tit{font-size:1.0rem;font-weight: 600;margin-bottom: 10px;border-bottom:2px solid #ee683a;color:#ee683a;    display: inline-block;    width: auto;}

.sponsor_type{display:block;padding:0 5px;font-family:"nanumgothic";}
.sponsor_type > dl{width:100%;margin-bottom:10px;}
.sponsor_type > dl > dt{display:flex;align-items:center;gap:7px;font-size:17px;}
.sponsor_type > dl > dd{margin-left:47px;font-size:14px;line-height:1.5}
.sponsor_type > dl > dd > a{padding: 5px 15px;text-align:center; border:1px solid #000; font-size: 12px; display:inline-block;margin-top:10px;line-height:1.5}


.board_tit{padding-left:10px}
.board .table { width: 95%; display:table;margin:0 auto;border-top:2px solid #a6c639}

.row {display: table-row;background: #fff; }
/* .row.header {font-weight:600; color: #fff; background:#203864;} */

.cell { padding:15px 12px; display: table-cell; vertical-align:middle;  text-align:Center;  border-bottom:1px solid #ddd; color:#666; font-size:1.2em}
.cell a {color:#444 !important;}

.row.header .cell { color: #333;font-weight:600}

.tit  {width:70%; text-align:left; font-weight:600; line-height:1.3}
.tit a:hover {text-decoration:underline}
.tit span {font-weight:500; padding:2px 5px; font-size:.95em; margin-right:5px;  color:#333}
.tit span.red { background-color:#0799d3;  border:1px solid #0799d3; color:#fff }
 


.cell.no {width:50px; }
.cell.date {white-space:nowrap;}
.cell.hit {white-space:nowrap;}
.cell.name {white-space:nowrap;}

.none_list  {width:100%;  background-color:#f9f9f9; padding:10px; box-sizing:border-box; font-size:1em; display:flex; justify-content:center;  }
 

.board .table { display: block; }

	.row {padding:13px 2%; display: block;  border-bottom:1px solid #ddd}
	.row.header {padding: 0; height: 2px; }
	.row.header .cell { display: none; }
	  
	.row .cell:before { margin-bottom: 3px; content: attr(data-title); text-transform: uppercase;color:#555;}
	.cell { padding:0; padding-right:5px; display: block; border-bottom:none;  }
	.cell a {width:100%;  display:inline-block;
	    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
	}
	.cell_col {display:inline-block; width:auto; font-size:.9em}
	 
	.tit  {width:100%; font-size:1.05em; }
	.row .tit:before { display:none }

	.no {display:none}

.search     {margin:0 auto 100px auto;  width:90%; display:flex;align-items:center }
.search_end{;}
.search  input  {width:68%;  margin:0 10px; border:none;border-bottom:2px solid #777;font-size:1em; color:#555;padding:15px 10px;box-sizing:border-box;height:50px;border-radius:0}
.search  input:focus {outline:none;}
.search  select:focus {outline:none;}
.search  select  { font-size:1em; color:#555; border:none;border-bottom:2px solid #777;  vertical-align:middle; width:32%; padding:15px 10px;box-sizing:border-box;font-weight:600;background:#fff;height:50px;border-radius:0}

.search a {font-size:1.6em;font-weight:500;color:#555}

									   
.page     {text-align:center;  width:100%; margin:30px 0; display:inline-block;}
.page   ul { width:100%; text-align:center; }
.page   li { display:inline-block;  font-weight:500;  }
 

.page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle;
    background-color:#fff;  width:31px; line-height:31px; height:31px;  ; text-align:Center;font-size:.95em;border-radius:50%;
   }


.page a.ov  {border:1px solid #a9a9a9; background-color:#a9a9a9;   color:#fff !important;}





.view h3{
color: black;
    font-size: 1.7em;
    line-height: 42px;
    font-weight: bold;
    border-bottom: 2px solid #a6c639;
    padding-left: 12px;
}

p.view_title {font-size:1.3em;  line-height:1.3;  font-weight:600; color:#000; width:100%; padding:20px 2%; box-sizing:border-box; display:inline-block; text-align:Center;border-bottom:1px solid #eee  }
p.view_info {font-size:1em; font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding:13px 10px; display:inline-block; box-sizing:border-box; }


p.view_info span::after {width:1px; height:12px; vertical-align:middle;  content:''; display:inline-block; background-color:#888;  margin:0 10px}
p.view_info span:last-child::after {display:none}
p.view_info a {color:#015bac !important}
p.view_info a:hover {text-decoration:underline }
p.view_info span.file a {display:inline-block; border:1px solid #015bac; padding:0 10px; border-radius:2px }

div.view_content {width:100%; display:inline-block;  border-bottom:1px solid #ddd; padding:20px 10px;line-height:1.3}
 
/* div.reple {width:100%; display:flex; border-bottom:1px solid #ddd;  padding:15px 0; font-size:1em; color:#666;  background-color:#fff; box-sizing:border-box;}
div.reple  b {color:#333; font-weight:600;   width:90px}
div.reple  p {width:calc(100% - 90px);} */

.list_next  {width:100%;   padding:8px 10px; box-sizing:border-box; border-bottom:1px solid #ddd; line-height:0; font-size:1em} 
.list_next p { width:100%; display:flex; font-size:1em; line-height:1; color:#999; margin:8px 0; }
.list_next p:last-child {text-align:left;   }
.list_next b {font-weight:600; color:#333; width:50px; }
.list_next a {width:calc(100% - 50px); white-space: nowrap; overflow:hidden;  text-overflow: ellipsis; color:#777}

.view  .basic_btn{    background-color: #666;
    border: 1px solid #4e4e4e;color:#fff;padding:7px 15px}
.view  .c{text-align:center;margin-top:20px}




.report_btn{display: flex;justify-content: end;gap: 10px;flex-wrap: wrap;}



#bpartlist .imgbox dl{border:1px solid #ddd; box-sizing:border-box; margin-bottom:10px;}
#bpartlist .bpartbody .imgbox dt{margin-bottom:0;}
#bpartlist .imgbox dd{padding:10px; box-sizing:border-box;}
#bpartlist .imgbox img{max-width:100%;}