@charset "utf-8";

@media all and (max-width:1600px){
#wrap{overflow:hidden;}
#header{margin-top:0;}
#gnb .onedepth > li{padding:0; width:14.28%; text-align:center;}
#footer .socialWrap{right:10px;}
.onlyImg{width:100%;}
.inner{width:auto; padding:0 10px;}
.headerTop{padding:0 10px;}
.quickMenu ul{padding:0;}
.mainVisual .visualText{padding:140px 0 0 50px;}
.introduceWrap .top .txtBox{bottom:70px; padding:30px 30px 0 30px;}
.introduceWrap .top .txtBox:after{right:0;}
.introduceWrap .top .txtBox strong{font-size:28px;}
.visualRight{display:none;}
.subcontent .h4ContentDouble{flex-wrap:wrap;}
.subcontent .h4ContentDouble .h4Content{width:100%; padding-left:140px; margin-bottom:0;}
.subcontent .h4ContentDouble .h4Content .map{position:static !important;}
.mypageM{background:url(/images/loginIcon.png)no-repeat left center;  background-size:40px 40px; padding: 5px 0 5px 42px; color:#fff; font-size:16px; margin-right:5px;}
.logoutM{background:url(/images/logoutIcon.png)no-repeat left center; background-size:40px 40px;  padding: 5px 0 5px 42px; color:#fff; font-size:16px;}
.loginM{background:url(/images/mjoinIcon.png)no-repeat left center; background-size:40px 40px;  padding: 8px 0 8px 42px; color:#fff; font-size:16px; margin-right:5px;}
.joinM{background:url(/images/mloginIcon.png)no-repeat left center; background-size:40px 40px;  padding: 8px 0 8px 42px; color:#fff; font-size:16px;}
/* 3depth */
.tabContent.type2.bgNone > ul{flex-wrap:wrap; height: auto;}
.tabContent.type2.bgNone > ul > li > a{}
.tabContent.type2.bgNone.pdType > ul > li > a{padding: 10px 20px; height:auto; line-height:inherit;}


.mainVisual .oneSlide .visualText{padding:50px 0 0 50px;}
.mainVisual .oneSlide .visualText strong{font-size:50px;}
.mainVisual .oneSlide .visualText strong em{font-size:54px;}
.mainVisual .oneSlide .visualText p{font-size:18px;}
/* .mainVisual .oneSlide{height:auto;} */
.mainVisual .oneSlide:after{background-size:410px auto; right:10%; width:410px; height:300px; bottom:0;}
.mainVisual .oneSlide:before{background-size:100%;}


/* »ç¾÷¼Ò°³ */
.businessWrap{padding-left:400px; background-position:left top;}
.mapContent{padding-left:0; background:none;}

/* ±â°ü¼Ò°³ */
.missonWrap ul.second:after,
.missonWrap ul.second li div:before{display:none;}
.missonWrap ul.second li div{width:auto; height:auto;  padding:20px;}

.organizationWrap .or4 > a:before,
.organizationWrap .or4 > a:after,
.organizationWrap .or4 ul.right a:after{display:none;}
.organizationWrap .or1 > div > a:before{bottom:-702px; height:702px;}
.organizationWrap .or4{padding:0;}
.organizationWrap .or4 ul.right{float:none;}
.organizationWrap .or1_1{padding:0 170px;}

@keyframes wave{
	from{ bottom:-600px;}
	to{ bottom:0px;}
}

/* 20241224 Ãß°¡ */
.organizationWrap .or5 ul li a p .onlyMobile{display:block;}

}

@media all and (max-width:1200px){
.onlyMobile{display:block;}
.onlyPc{display:none;}
.mobileV{display:block;}
.mobileTable{display:table-row;}
#header .headerTopRight{display:none;}
#header .mobileOpen{position:absolute; right:20px; top:20px; background:url(/images/mobileOpen.jpg)no-repeat; width:40px; height:36px; text-indent:-9999px;}
#allNav{display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
#allNav.active{display:block;}
#allNav .mobileHeaderTop{display:flex; align-items:center; height:75px; background:#0e84ce; padding-left:10px;}
#allNav > .inner{height:100%; background:#fff; padding:0;}
#allNav .mobileClose{position:absolute; right:20px; top:18px; background:url(/images/mobileCloseIcon.jpg)no-repeat; width:39px; height:39px; text-indent:-9999px;}
#allNav .onedepth > li > a{display:block; font-size:24px; height:60px; line-height:60px; padding-left:10px; border-bottom:1px solid #ddd; font-weight:600; background:url(/images/mobileArrowOff.jpg)no-repeat right 25px center; background-size:30px;}
#allNav .onedepth > li.active > a{background-image:url(/images/mobileArrowOn.jpg) !important;}
#allNav .twodepth{display:none; background:#f1f8fd; padding: 10px 15px; border-bottom:1px solid #ddd;}
#allNav .twodepth > li > a{display:block; font-size:22px; padding:10px 0;}
#allNav .onedepth li.active .twodepth{display:block;}
#gnb{display:none;}
.mainVisual img{width:100%;height:500px;}
.visualRight{display:none;}

.quickMenu ul{margin:0; flex-wrap:wrap; margin:20px -7.5px;}
.quickMenu ul li{ box-sizing:border-box; margin-bottom:15px;}
.quickMenu ul li a{font-size:18px; height:180px;  padding-top:110px; word-break:break-all;}
.quickMenu ul li.list05 a{background-size: 80px auto !important;}
#footer{padding-bottom:20px;}
#footer .logo{position:static; margin-bottom:20px;}
#footer .addressWrap{padding:0;}

.subcontent .content{padding-bottom:50px;}
.subcontent .h4Content{padding:0 0 30px 0;}
.subcontent h4{position:static; padding-bottom:10px;}
.subcontent .h4ContentDouble .h4Content{padding-left:0;}
.subcontent .h4ContentDouble .h4Content .map{width:100% !important;}
.subTitle .title{display:flex;}
.subTitle .txtBox{position:static; padding:20px}
.subTitle.membershipWrap .title img{width:30%;}
.subTitle .txtBox strong{font-size:24px;}
.subTitle .txtBox p{font-size:20px;}
.subTitle .txtBox p br{display:none;}

.section01 .inner{flex-wrap:wrap;}
.section01 .inner > div{width:100%;}
.section01 .inner > div.left{margin:0 0 20px 0; width:100%;}
.section01 .swiper-container img{height:280px;}

.section02 ul li{padding:0 10px;}
.subcontent > .inner > .tabContent{display:none;}
.subcontent > .inner > .tabContent.mobileVisible{display:block;}
.subcontent > .inner > .tabContent{margin-top:0;}
.subcontentTop{height:auto; background-size:100% 100%;}
.subcontentTop h2{padding:50px 0;}
.location{padding:30px;}
.location h3{font-size:30px;}

/* ·Î±×ÀÎ */
.loginBoxBottom{margin:0;}
.loginBoxBottom ul{display:block;}
.loginBoxBottom ul li:first-child{margin-bottom:20px;}
.loginform div input{width:300px;}
.joinWrap .idFindWrap{margin:0 0 30px 0;}

/* ±â°ü¼Ò°³ */
.introduceWrap .top img{width:100%;}
.introduceWrap .top .txtBox{position:static; padding:30px 0 0 0;}
.introduceWrap .top .txtBox:after{display:none;}
.introduceWrap .bottom{padding:0;}
.introduceWrap .bottom ul{flex-wrap:wrap;}
.introduceWrap .bottom ul li{width:33.3333%; box-sizing:border-box; margin-bottom:10px;}

.yearWrap > div .left > ul{padding-right:50px;}
.yearWrap > div .left > strong{padding-right:40px;}
.yearWrap > div .right > strong{padding-left:40px;}
.yearWrap > div .right > ul{padding-left:50px;}
.yearWrap > div .left > strong:after,
.yearWrap > div .right > strong:after{width:15px;}
.yearWrap > div .left .imgWrap,
.yearWrap > div .right .imgWrap{display:none;}



.organizationContent > div ul li > div{height:auto;}
.organizationWrap .or6 ul li a,
.organizationWrap .or5 ul li a p{font-size:16px;}
.organizationWrap .or1{margin-bottom:50px;}
.organizationWrap .or1 ul{top:-35px !important;}
.organizationWrap .or1 ul.left:before{right:-170px; width:130px;}
.organizationWrap .or1 ul.right:before{left:-170px; width:130px;}
.organizationWrap a{width:150px; height:60px; line-height:60px; font-size:17px;}
.organizationWrap .or1 > div > a:before{bottom:-613px; height:613px;}

.wrap_map{height:300px !important;}
.mapContent .way > ul > li:first-child{padding-right:20px;}

.memberNum{display:block;}
.memberNum li{width:100%;}
.memberNum li:first-child{background:none; margin-bottom:10px;}

.missonWrap ul.second{margin:0;}

/* Àå³­°¨µµ¼­°ü */
.toyList ul li .imgBox{width:auto; padding:20px;}
.section02.type2 ul li{padding:0 5px; width:33.333%;}

/* ȸ¿ø°¡ÀԾȳ» */
.registrationWrap{padding:30px 100px 20px 30px;}

/* btn */
.btnDown{margin-bottom:5px;}



}

@media all and (max-width:1024px){

.list-top .icon-guide{position:relative; top:inherit; margin:-10px 0 10px;}

}

@media all and (max-width:960px){
.introductionTop > ul > li{display:block;}
.introductionTop > ul > li img{padding-bottom:10px;}
.presidentWrap img{height:fit-content; padding-right:20px;}
.presidentWrap div strong{font-size:24px; margin-bottom:20px;}
.presidentWrap div p{font-size:16px; line-height:160%;}

.missonWrap > strong{padding-top:40px;}
.missonWrap ul.second{flex-direction:column; align-items:center; padding-top:20px;}
.missonWrap ul.second li{margin-bottom:10px;}
.missonWrap ul.second li div{width:320px;}

.organizationWrap a{width:100%; border-radius:10px;}
.organizationWrap > div > div{width:100%;}
.organizationWrap .or1 ul li{width:50%;}
.organizationContent > div ul li{width:50%;}
.organizationWrap .or1 ul{margin:0 -10px;}
.organizationWrap .or1 ul.left{position:static; margin-bottom:10px; display:flex;}
.organizationWrap .or1 ul.right{position:static; display:flex;}
.organizationWrap .or1 ul li{padding: 0 10px;}
.organizationWrap .or1_1{padding:0; margin:0 -10px;}
.organizationWrap .or1_1 ul{width:50%; padding:0 10px; box-sizing:border-box;}
.organizationWrap .or1_1 > div:before{display:none;}
/* .organizationWrap .or1 ul.right:after,
.organizationWrap .or1 ul.right:before,
.organizationWrap .or1 ul.left:after,
.organizationWrap .or1 ul.left:before,
.organizationWrap .or1 ul.left a:after,
.organizationWrap .or1 ul.right a:after, .organizationWrap .or4 ul.right a:after,
.organizationWrap .or1_1 > div:before,
.organizationWrap .or6 ul li a:after,
.organizationWrap .or6 ul:after,
.organizationWrap .or1 > div > a:before,
.organizationWrap .or5 ul li a strong:after{display:none;} */
.organizationWrap .or6 ul:after,
.organizationWrap .or6 ul li a:after,
.organizationWrap .or5 ul li:nth-child(2n) a strong:after,
.organizationWrap .or1 ul.right a:after,
.organizationWrap .or1 ul.left a:after{display:none;}
.organizationWrap > div.or1 > div a{display:block;  line-height:60px;}
.organizationWrap > div.or1 > div > a{margin-bottom:10px;}
.organizationWrap > div.or1 > div a br{display:none;}
.organizationWrap .or1{margin-bottom:20px;}
.organizationWrap .or1 > div > a:before{right:49.8%; bottom:-440px; height:440px;}
.organizationWrap .or4 ul.right{padding-top:20px;}
.organizationWrap .or4{margin:20px 0;}
.organizationWrap .or5 ul{flex-wrap:wrap;}
.organizationWrap .or5 ul li{width:50%; margin-bottom:10px;}
.tabContent.type2.bgNone .organizationWrap ul > li > a{height:auto; border-radius:20px;}
.organizationWrap .or6 ul{margin-top:0px; flex-wrap:wrap;}
.organizationWrap .or6 ul li{width:50%; margin-bottom:5px; padding:0 10px;}
.organizationWrap .or5 ul li a strong{border-radius:5px;}
.tabContent.type2.bgNone .organizationWrap .or6 ul > li > a{padding:10px 0;}
.organizationWrap .or5 ul li a strong{height:45px; }
.organizationWrap .or5 ul li a p{height:50px;}
/* 20240724 Ãß°¡ */
.organizationWrap .or4 > a br{display:none;}
.organizationWrap .or5 > ul:before,
.organizationWrap .or5 > ul > li:before{display:none;}
.imgTitle,
.imgTitle.type2{flex-direction:column; margin-bottom:25px;}
.imgTitle img{width:fit-content; max-width:100%;}
.imgTitle div,
.imgTitle.type2 div{padding:10px 0;}
.imgTitle div strong,
.imgTitle.type3 div strong{font-size:20px; padding-bottom:10px;}
.imgTitle div p,
.imgTitle.type3 div p{font-size:17px;}
.imgTitle.type4 img{width:100%; box-sizing:border-box;}
.blueBox{padding:20px; margin-bottom:30px;}

.colorList li.item02 > div:after{display:none;}

.arrowList{flex-wrap:wrap;}
.arrowList li{width:50% !important;  margin-bottom:10px;}
.arrowList li > div{height:260px !important; padding:20px 10px; box-sizing:border-box;}
.volunteerStep .arrowList li > div,
.arrowList.col6 li > div{height:auto !important;}
.arrowList li > div strong{font-size:16px;}
.arrowList li > div strong br,
.arrowList li:after{display:none;}
.arrowList li > div span{font-size:14px;}


.toyList ul li{width:33.333%;}

.missonWrap02 .strategy ul,
.missonWrap02 .value ul{flex-wrap:wrap;}
.missonWrap02 .strategy ul li,
.missonWrap02 .value ul li{width:100%; margin-bottom:10px;}

/* 20241224 Ãß°¡ */
.organizationWrap .or5 ul li a p .onlyMobile{display:none;}

}

@media all and (max-width:768px){
.tableNone{display:none;}
.tableBox.view tbody tr th{vertical-align:middle;}
/* 3depth */
.tabContent.type2 > ul{margin-bottom:30px; }
.tabContent.type2.bgNone > ul > li{width:50%; padding:0 5px; box-sizing:border-box; margin-bottom:8px;}
.tabContent.type2.bgNone > ul > li > a{width:100% !important; height:auto; font-size:15px; line-height:inherit; padding:10px 0; word-break:break-all;}
.tabContent.type2.bgNone.yearType > ul > li > a{height:auto; line-height:inherit; padding: 10px 15px;}

.section02 ul{flex-wrap:wrap;}
.section02 ul li{width:50%; margin-bottom:10px;}

/* ·Î±×ÀÎ */
.loginBox{padding:20px 10px;}
.loginBox .loginBoxTop strong{font-size:36px;}
.loginform{padding:10px 10px 40px 10px;}
.loginform a{position:static; width:100%; height:50px; line-height:50px; margin-top:20px;}
.joinWrap .joinStatus li label{background-size:45px !important; font-size:17px; padding-left:50px;}

.businessWrap{padding:330px 0 0 0; background-position:center top; background-size:300px auto; min-height:auto;}
.businessWrap strong{font-size:24px;}
.businessWrap p{font-size:18px; line-height:130%; margin-bottom:20px;}
.businessWrap p br{display:none;}
.businessWrap em{font-size:20px;}
.businessWrap span{font-size:17px;}

.businessWrap.type1.item01{padding:330px 0 0 0; background-position:center top; background-size:100%; margin-bottom:30px;}

/* ȸ¿ø°¡ÀԾȳ» */
.registrationWrap{background-image:none; padding:10px; margin-bottom:30px;}
.registrationWrap strong{font-size:22px;}

/* ±â°ü¼Ò°³ */
.yearWrap > div{margin-bottom:20px;}
.yearWrap > div > strong{font-size:32px;}
.yearWrap > div .left > strong,
.yearWrap > div .right > strong{font-size:20px; padding-bottom:10px;}
.yearWrap > div .left > ul li strong,
.yearWrap > div .right > ul li strong{font-size:16px;}
.yearWrap > div .left > ul li span,
.yearWrap > div .right > ul li span{font-size:15px;}
.yearWrap > div .left > ul li,
.yearWrap > div .right > ul li{margin-bottom:10px;}

.mapContent > ul li p{display:block; margin-top:10px;}

.toyViewWrap{flex-wrap:wrap;}


}



@media all and (max-width:640px){

.mobileSlide{display:block;}
.mainSlide,
.paging .num{display:none;}
/* common */
input[type='radio']{height:18px !important; width:18px !important;}
.m100p{width:100%;}
.mb40{margin-bottom:20px !important;}
.mobilePaging {display:inline-block;}
.paging a.desktopPaging{display:none;}	
#header .logo a{background-size:200px auto;}
#header .mobileOpen{background-size:30px; top:25px; right:10px;}
#allNav .mobileClose{background-size:30px; top:22px;}
#allNav .onedepth > li > a{font-size:20px;}
#allNav .twodepth > li > a{font-size:18px;}
.subcontent .h4Content > div{padding-top:0;}
.subcontent b.subTitle{padding-bottom:10px; font-size:18px;}
/* .mainVisual .oneSlide{height:auto;} */
.mainVisual .oneSlide:after{width:90%; background-size:50% auto; background-position:right 0;}
.quickMenu ul li{width:33.3333%; padding:0 5px;}
.quickMenu ul li a,
.quickMenu ul li.list05 a{background-size: auto 55px !important; padding:80px 0 20px 0; font-size:15px; height:auto; background-position:center top 20px !important; border-radius:10px;}
/* .quickMenu ul li.list03 a,
.quickMenu ul li.list04 a{background-size:45px auto !important;}
.quickMenu ul li.list05 a{background-size:70px auto !important;}
.quickMenu ul li.list06 a{background-size:55px auto !important;} */
.section01{padding-bottom:30px;}
.section01 .tabBar{height:48px;}
.section01 .tabList{max-height:inherit;}
.section01 .tabList li{font-size:18px; line-height:150%;}
.section01 .tabList li:before{top:10px;}
.section01 .tabList li a{text-overflow: ellipsis; overflow:hidden; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.section01 .tabBar > li > a{width:80px; height:46px; line-height:46px; font-size: 18px;}
.section01 .tabContent .more{top:0;}
.section01 .swiper-container img{height:auto;}
.section01 .noticeWrap{padding-left:100px; background-size:70px;}
.section01 .noticeWrap strong{font-size:22px;}
.section02{padding-bottom:30px;}
.section02 h3{font-size:26px; padding:30px 0 20px 0;}
.section02 .more{top:25px;}
.section02 ul li div,
.section02 ul li img{border-radius:20px;}
.section02 ul li img{height:120px;}
.section03 .bannerSlide .swiper-slide a img{width:80% ;}
#footer .logo{width:180px; height:30px; background-size:100%;}
#footer .socialWrap a{background-size:30px 30px !important; margin-right:0;}
#footer .addressWrap p{font-size:15px;}

/* searchBox */
.searchBox .searchInner{float:none;}
.searchBox .searchInner select.title{width:100%; margin-bottom:5px;}
.searchBox .searchInner .searchTxt{width:calc(100% - 85px);}
.searchBox .searchInner a.searchBtn{margin-top:5px; width:100%;}

.tabContent.type2 > ul{flex-wrap:wrap; height:auto;}
.tabContent.type2 > ul > li a{height:50px; line-height:50px; font-size:18px;}
.location{padding:10px;}
.location h3{font-size:24px;}
.location ul{padding-top:10px;}
.subcontentTop{height:auto; background-size:200% !important; background-position:center top !important; }
.subcontentTop.menu1{background-color:#e3f1fc; background-position:center bottom -20px !important;}
.subTitle.membershipWrap .title{display:block;} 
.subTitle.membershipWrap .title img{width:100%;}
.subTitle .title{margin-bottom:30px;}
.subcontent h4{font-size:20px;}
.subcontent h4 span{font-size:15px;}
.subcontent .h4Content > div > p,
.subcontent .h4Content > div > strong.blue{font-size:17px;}
.subcontentTop h2{font-size:30px;}

.subcontent .h4Content > div > strong.title{font-size:17px; margin-bottom:10px;}
.subcontent .content{min-height:300px;}
.subcontent > .inner > .tabContent.mobileVisible ul{height: auto; border-radius:0;}
.subcontent > .inner > .tabContent.mobileVisible li{float:none; width:100%;}
.subcontent > .inner > .tabContent.mobileVisible li a{font-size:15px;}

/* ·Î±×ÀÎ */
.loginBox{padding-top:0;}
.loginBox .loginBoxTop{padding: 20px 0 0 0; background:none;}
.loginBox .loginBoxTop strong,
.loginBox .loginBoxTop p{text-align:center;}
.loginform{padding-bottom:20px;}
.loginform a{font-size:17px;}
.loginform div{display:block;}
.loginform div label{font-size:17px; width:65px;}
.loginform div input{width:210px; height:50px; line-height:50px;}
.loginBoxBottom{padding-top:20px;}
.loginBoxBottom ul li{padding-left:70px;}
.loginBoxBottom ul li a{font-size:17px; margin-bottom:0; padding:5px 30px 5px 0px;}
.joinWrap .joinStep{margin-bottom:20px;}
.joinWrap .joinStep li{font-size:17px; padding:0 5px;}
.joinWrap .joinStep li span{width:30px; height:30px; line-height:30px; font-size:15px; margin-right:5px;}
.joinWrap .joinStatus{margin:0;}
.joinWrap .joinStatus li div{height:100px;}
.joinWrap .joinStatus li{padding:0 5px;}
.joinWrap .joinStatus li label{padding:70px 5px 5px 5px; background-position:center top 10px !important; }
.joinWrap .joinStatus li.list02 label{background-position:center top 20px !important;}
.joinWrap .joinStatus li.list03 label{background-position:center top 17px !important;}
.agree .agreeCon{padding:0;}
.agree .agreeCheck{padding:10px;}
.agree .agreeCheck label{font-size:15px;}
.allAgreeBox{padding:15px !important;}
.joinWrap .idFindWrap{margin:0; padding:15px 0;}
.joinWrap .idFindWrap p{padding-bottom:20px; font-size:17px; line-height:130%;}

.tableBox table.write td input,
.tableBox table.write td select{height:35px; line-height:35px;}
.tableBox table.write .w190{width:140px;}
.tableBox table.write .mobileM{margin-bottom:5px;}
.tableBox .btnJoin{display:inline-block; padding:0 10px;  font-size:15px; height:35px; line-height:35px; text-align:center;}
/* list */
.listDot > li em,
.listDot > li,
.listMinus > li{font-size:15px !important;}
.arrowList li{width:100% !important;}
.arrowList li div{height:auto !important;}
.arrowList3{flex-wrap:wrap;}
.arrowList3 li{width:50% !important; margin-bottom:10px;}
.arrowList3 li:nth-child(2n):after{display:none;}
.arrowList3 li p{padding:15px 0; min-height:inherit; font-size:16px;}
.arrowList2 li strong{font-size:16px; width:auto; height:auto; padding:10px 20px; border-radius:10px; margin-right:10px;}
.arrowList2 li strong:after{display:none;}
.arrowList2 li p{border-radius:10px; font-size:15px;}
/* btn */
.btn{height:40px; line-height:40px; width:auto; padding:0 15px; font-size:17px;}

/* ±â°ü¼Ò°³ */
.introduceWrap .top{padding-bottom:30px;}
.introduceWrap .top .txtBox strong{font-size:22px; line-height:130%;}
.introduceWrap .top .txtBox p{font-size:20px; line-height:130%;}
.introduceWrap .bottom ul li{padding:0 5px; width:100%;}
.introduceWrap .bottom p{font-size:16px;}
.introduceWrap .bottom ul li a{background-size:60px; background-position:left 40px center !important; padding:40px 0px 40px 40px; height:auto;}
.introduceWrap .bottom ul{padding:20px 0;}

.organizationWrap .or1{padding-top:20px;}
.organizationWrap .or1 ul,
.organizationWrap .or2 ul{position:static; margin-top:10px;}
.organizationWrap .or1 > div > a:after,
.organizationWrap .or2 > div > a:after{display:none;}
.organizationWrap a{width:100%; height:60px; line-height:60px;}
.organizationWrap .or1, .organizationWrap .or2, .organizationWrap .or3, .organizationWrap .or4{margin-bottom:10px;}
.organizationWrap .or5 ul li{padding:0 5px;}
.organizationWrap .or5 ul li a strong{height:35px;}
.organizationWrap .or5 ul li a p{font-size:16px; height:50px;}
.organizationWrap .or6 ul li a{height:50px; line-height:50px; font-size:16px;}
.tabContent.type2.bgNone .organizationWrap .or6 ul > li > a{line-height:30px;}
.organizationWrap .or1_1 > div:before{display:block;}
.memberNum li strong{font-size:18px;}
.memberNum li em{width:80px; height:80px; line-height:80px; font-size:20px;}

#daumRoughmapContainer1639526636523{margin-bottom:20px !important;}
.mapContent > ul li strong{width:auto; font-size:18px;}
.mapContent > ul li p{font-size:17px;}
.memberNum li strong span{font-size:14px;}
.mapContent .way{padding-top:20px;}
.mapContent .way > ul{flex-wrap:wrap;}
.mapContent .way > ul > li{width:100%;}
.mapContent .way > ul > li:first-child{margin-bottom:10px;}
.mapContent .way > ul > li ul.blueDot{margin-bottom:20px;}
.mapContent .way > ul > li ul.blueDot li{font-size:16px;}

.introductionTop > ul > li img{width:100%;}
.introductionTop > ul > li strong{font-size:24px; padding-bottom:10px;}
.introductionTop > ul > li p{font-size:16px}

.presidentWrap{flex-direction: column;}
.presidentWrap img{width:fit-content; padding-bottom:20px;}

.missonWrap .top li div{width:auto; height:auto; padding: 10px;}
.missonWrap .top li div p,
.missonWrap ul.second li div p{font-size:18px;}
.missonWrap > strong{font-size:22px;}
.missonWrap ul.second{display:block;}
.missonWrap ul.second li div{width:100%; box-sizing:border-box;}

.yearWrap > div > strong{font-size:24px; background-size:25px;}

.organizationContent > div ul li{width:100%;}
.organizationContent > div ul li strong{min-width:inherit; margin-bottom:20px;}
.organizationContent > div{margin-bottom:20px;}
.organizationContent > div ul li > div{padding:15px 10px; background-position:right bottom !important;}
.organizationContent > div ul li strong{font-size:15px;}
.organizationContent > div ul li strong > span{font-size:18px;}
.organizationContent > div ul li div > p{font-size:14px;}
.organizationContent > div.team ul li div > span.dTeam{top:27px;}
.organizationWrap .or1 ul li{text-align:center;}
.organizationWrap .or1 ul li a{width:80%; display:inline-block;}
.organizationWrap .or1 ul li:first-child{padding-bottom:0;}
.organizationWrap .or1 ul.left:before{right:0%; transform:translateX(-50%); width:50%;}
.organizationWrap .or1 ul.right:before{left:50%; top:170px; transform:translateX(-50%); width:50%;}
.organizationWrap .or1_1 ul a{width:80%;}
.organizationWrap .or1_1 > div:before{left:22%; right:22%;}
.organizationWrap .or4 ul li a{width:80%;}
.otrganiztionTop img{width:80%;}
.colorList li > div{padding:20px;}
.colorList li > div > strong{font-size:16px;}


/* »ç¾÷¼Ò°³ */
.arrowList.foodBank li > div{height:auto;}
.foodList{flex-wrap:wrap;}
.foodList li:after{display:none;}
.foodList li{width:100%;}
.foodList li div{border-bottom:1px solid #ddd;}
.foodList li:last-child div{border-bottom:none;}

.missonWrap02{margin:70px 0 0 0;}
.missonWrap02 .mission{padding-bottom:40px;}
.missonWrap02 .mission li{width:100%;}
.missonWrap02 .mission li.top strong,
.missonWrap02 .mission li.bottom strong{font-size:24px;}
.missonWrap02 .mission li p{font-size:20px;}
.missonWrap02 .mission li.top{padding:40px 0 20px 0; margin-bottom:20px;}
.missonWrap02 .mission li.top img{width:100px; top:-50px;}
.missonWrap02 .mission li.bottom{padding:60px 0 20px 0;}
.missonWrap02 .mission li.bottom strong{padding:0; height:40px; line-height:40px; width:150px; font-size:20px !important;}
.missonWrap02 .mission li.bottom strong span{font-size:18px;}

.missonWrap02 .value{padding:30px 0}
.missonWrap02 .value > strong,
.missonWrap02 .strategy > strong{font-size:20px; margin-bottom:20px;}
.missonWrap02 .value ul{margin:0;}
.missonWrap02 .value ul li{padding:0;}
.missonWrap02 .value ul li:after{display:none;}
.missonWrap02 .value ul li div{display:flex;padding:10px; align-items:center;}
.missonWrap02 .value ul li div img{width:80px; padding:0 30px 0 30px; margin:0;}
.missonWrap02 .value ul li div strong,
.missonWrap02 .strategy ul li div strong{font-size:18px;}
.missonWrap02 .value ul li div strong br,
.missonWrap02 .strategy ul li div strong br{display:none;}
.missonWrap02 .strategy{padding:20px 0 30px 0;}
.missonWrap02 .strategy ul{margin:0;}
.missonWrap02 .strategy ul li div{padding:15px 0; font-size:18px;}
/* Àå³­°¨µµ¼­°ü */
.toySearchWrap .title{background:none; padding-left:0;}
.toySearchBox{height:auto; padding:10px; flex-wrap:wrap;} 
.toySearchBox select{width:100px;}
.toySearchBox span{display:block;}
.toySearchBox input[type='text']{margin:5px 0;}
.toyList ul li{width:50%; padding:0 5px; margin-bottom:10px;}
.toyList ul li > div{border-radius:0;}
.section02{padding:0 10px;}
.section02 ul li{width:50%; margin-bottom:20px;}
.section02 ul li strong{font-size:17px;}
.section02 ul li span{padding-bottom:5px; font-size:16px;}

/* ÀÚ¿øºÀ»ç */
.volunteerStep > div,
.volunteerInfo ul{flex-direction:column;}
.volunteerInfo{margin:20px;}
.volunteerInfo ul li{margin-bottom:10px; font-size:16px;}
.volunteerStep > div > div.title{padding:0 0 20px 0;}
.volunteerStep > div > div.title:after{display:none;}
.volunteerStep > div > ul.arrowList{padding-left:0;}
.volunteerStep > div > div.title > strong{padding:0; background-position:left center !important;}
.volunteerStep > div > div.title > strong br{display:none;}
.volunteerStep .grayBox{margin-left:0; padding:20px; height:auto; box-sizing:border-box;}
.volunteerStep .grayBox p{font-size:17px;}
.volunteerStep .arrowList.type1 li > div{ height:auto;}
.volunteerStep .arrowList li > div strong{padding:40px 0px 40px 130px; text-align:left; background-position:left 15px center !important; }
.volunteerStep .arrowList li > div span{margin-left:10px;}

/* ¿¬Çõ */
.yearWrap > div .left{margin-top:70px;}
.yearWrap > div .left > ul li strong,
.yearWrap > div .left > ul li span{display:block;}
.tabContent.type2.yearType > ul > li.wide{width:100%;}
/* table */
.tableBox table td,.tableBox table th{padding: 6px 2px !important; word-break:break-all; font-size:15px !important;}
.tableBox{margin-bottom:10px;}
.tableBox table.mTable{display:block;font-size:12px !important;}
.tableBox table.mTable colgroup,.tableBox table.mTable tbody tr td.list_none span,.tableBox table.mTable tbody tr td:first-child,.tableBox table.mTable tbody tr td.visible span{display:none;}
.tableBox table.mTable tbody tr td.visible{display:block; text-align:center;}
.tableBox table.mTable thead,
.tableBox table.mTable tbody,
.tableBox table.mTable tr,
.tableBox table.mTable th,
.tableBox table.mTable > tbody > tr > td{display:block;text-align:left;border:none;height:auto !important;word-break:break-all;min-height:auto;} 
.tableBox table.mTable th,.mTable td{padding:1% !important;}
.tableBox table.mTable th,.tableBox table.mTable thead{display:none; border-right:none !important;}
.tableBox table.mTable tr{padding:1%; border-bottom:solid 1px #dcdcdc}
.tableBox table.mTable tbody tr td.list_none,.tableBox table.mTable tbody tr td.data_none{display:block; text-align:center;}
.calendar table tbody tr td span.day{position:static;}
.tableTitleWrap .tableTitle,
.tableTitleWrap .listMinus li,
.tableTitleWrap .tableTitle span{font-size:15px;}
.tableBox.list{margin-bottom:20px;}
.tableBox.list span.fileIcon{display:inline-block; vertical-align:middle; background-size:20px;}
.tableBox.list.type3 table tbody tr td{word-break:break-all;}
.tableBox.list.type3 table tbody tr td > strong.title{font-size:16px; padding-bottom:5px;}
.tableBox.list.type3 td a.homeIcon{padding-left:33px;}
.tableBox.list .listDot li {font-size:13px !important;}
.tableBox.view tbody tr .textContent img{/* width:100%; */}

/* toy */
.toyList ul li > a{border-radius:10px;}
.toyList ul li .imgBox{padding:5px;}
.toyList ul li .imgBox img{height:auto;}
.toyList ul li .txtBox strong{font-size:16px; display:flex; align-items:center; justify-content:center;}
.toyList ul li .txtBox span{margin-bottom:15px;}
.toy-view{display:block;}
.toy-view .img{margin:0 auto;}


/* calendar */
.calendar table{border-top:1px solid #e6e6e6;}
.calendar table thead{display:none;}
.calendar table,
.calendar table tbody,
.calendar table tbody tr,
.calendar table tbody tr td{display:flex; flex-wrap:wrap; align-items:center; width:100%; box-sizing:border-box;}
.calendar table tbody tr td{height:auto;border-top:none; padding:10px;}
.calendar table tbody tr td:after{display:block;content:'';clear:both;}
.calendar .m_active{display:none;}
.calendar table .calSchedule3{display:inline-block; margin:0  0 0 10px;}
.calendar_top{margin:20px auto; width:290px;}
.calendar table tbody tr td span.day{position:static;}
#flexCalendar{display:block;}
#flexCalendar .calendar{display:none;}
#flexCalendar .calendar,
#flexCalendar .calendarList{width:100%;}
#flexCalendar .calendarList{padding-left:0; margin-top:20px;}

/* btn */
.btnDown{font-size:16px; height:auto; margin-bottom:5px; padding:15px 15px 15px 50px;  background-position:left 10px center !important;}

/* pc <-->M */
.viewV{position:static; text-align:right; margin-top:15px;}
.mobileV{display:none;}
.pcV{display:inline-block;}

.toyViewWrap{flex-wrap:wrap;}

}



@media all and (max-width:440px){
.mainVisual .oneSlide{height:400px;}
.mainVisual .oneSlide:after{height:55%;}
.mainVisual .oneSlide .visualText{padding:20px 0 0 20px;}
.mainVisual .oneSlide .visualText strong {font-size:28px;}
.mainVisual .oneSlide .visualText strong em{font-size:32px;}
.mainVisual .oneSlide .visualText p{font-size:16px; padding-bottom:20px;}
.mainVisual .oneSlide .visualText p br{display:none;}


.section02.type2 ul li+li{display:block;}
.section02.type2 ul li{width:50%;}
.section02 ul li{padding:0 4px;}
.section02 ul li div{padding:5px;}
.section02 ul li img{height:140px;}
.section02.type2 ul li img{height:150px;}
.section03 .bannerSlide .swiper-slide a:after,
.section03 .bannerSlide .swiper-slide:first-child a:before{display:none;}
.section03 .bannerSlide .swiper-slide a img{width:auto;}

.joinWrap .joinStep{display:block; text-align:center;}
.joinWrap .joinStep li{margin-bottom:5px;}

/*mypage */
.m_w100p{width:100% !important;}
.m_w80p{width:80% !important;}
.m_w30p{width:30% !important;}
.joinWrap .topText{font-size:14px !important;}
.tableBox table.write td span.explain{padding-left:0;}
.tableBox table.write td input, .tableBox table.write td select{height:30px; line-height:30px;}
.ui-datepicker-trigger img{width:20px;}

.toyViewWrap{flex-wrap:wrap;}

}

@media all and (max-width:359px){
	/* 20241224 Ãß°¡ */
	.organizationWrap .font14{font-size:13px !important;}
}