/* ======================================== Layout ======================================== */

@media all and (max-width:1900px) {
	.mainVisual .imgWrap{display:block;text-align:center;margin:0 auto;}
	.mainVisual .imgWrap img{width:100%;height:auto;}
	.mainVisual .bx-controls a.bx-prev{left:10px;}
	.mainVisual .bx-controls a.bx-next{right:10px;}
}

@media all and (max-width:1200px) {
	.inner,
	#gnb>ul{width:auto;}
	.mainVisual .bx-controls{width:100%;margin-left:0;left:0;}
	#header h1{left:10px;}
	#header .topLink{right:10px;}
	.mainSection01 ul{height:135px;}
	.mainSection01 ul li a{min-width:100px;padding-top:95px;font-size:14px;}
	.mainSection01 ul li a:before{margin-left:-45px;width:90px;height:90px;}
	#footer{padding:40px 10px 50px 10px;}
	#footer .inner{padding-left:300px;}
	.desktopOnly {display:none}
	.emotionInfo .btnArea {flex-wrap:wrap}
	.emotionInfo .btnArea .btn {display:flex; flex: 1 auto;min-width:auto;}
}

@media all and (max-width:1024px) {
	.mainVisual .imgWrap{height:300px;}
	.loginBot{padding:45px 20% 45px 16%;}
	.toyListWrap .thumb.toy li .img{height:180px;}
	#idpwFind li .findForm{padding:30px 10px 15px}
	#idpwFind li .findForm .findBox input{width:auto;}
	#header .topLink .btnTopSearchClose{display:block;position:relative;text-align:right;color:#fff;padding-right:23px;background:url(/images/common/icon_topSearch_close_m.png) right center no-repeat;background-size: auto 15px;}

}
@media all and (max-width:1023px) {
	body{font-size:14px;word-break:break-word;}
	#container{min-height: calc(100vh - 80px - 70px);margin-top:80px;}
	#gnb,
	.gnbBg,
	#header .topLink ul,
	#containerNav{display:none !important;}
	#header .topLink .topSearch{display:none;position:fixed;left:0;top:80px;padding:20px 20px 0 20px;box-sizing:border-box;z-index:11;width:100%;background:rgba(0,0,0,0.5);}
	#topSearch{position:relative;}
	#header{position:fixed;top:0;left:0;right:0;z-index:22;background:#fff;height:80px;box-shadow:0px 0px 8px #999;}
	#header .topLink .btnAllNav,
	#header .topLink .btnTopSearch{display:block;}
	#allNav{display:block;}
	#subContents{padding:55px 10px 0 10px;}
	.contentTop{margin:20px 0;}
	.content{padding-bottom:50px;}
	.mainSection02 .inner{flex-flow:wrap;padding:0 10px;}
	.tabContent,
	.mainSchedule{width:100%;padding-left:0;}
	.mainSchedule .calendarList{flex-grow:1;}
	#footer{padding:10px;}
	#footer .inner{padding-left:0;}
	#footer .footer_logo {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-end;margin-bottom:15px;}
	#footer .footerLogo,
	#footer .footerLogo2 {display:inline-block;position:static;} 
	#footer .footerLogo2 {margin-left:10px; padding-bottom:15px}
	
	.tabPage ul{max-height:150px;overflow:hidden;}
	.tableBox table.view .view_content{min-height:auto;}
}
@media all and (max-width:960px) {
	.desktopOnly{display:none;}
	.h4Content{margin-bottom:15px;}
	.mainVisual .bx-controls{margin-top:-20px;}
	.mainVisual .bx-controls .bx-controls-direction a{width:40px;height:40px;}
	.mainVisual .bx-controls a.bx-next,
	.mainVisual .bx-controls a.bx-prev{background-size:contain;}
	.mainSection01 ul{flex-wrap:wrap;justify-content:inherit;height:auto;}
	.mainSection01 ul li{width:25%;margin:10px 0;}
	#footer .footer_logo{display:none;}
	#footer .inner{text-align:center;}
	#footer .footer_menu {justify-content:center;}
	.org img{max-width:100%;}
	.centerInfo .modalWrap,
	.emotionInfo .modalWrap{width:auto;margin-left:0;left:10px;right:10px}
	.infoBoxImg{display:block;position:static !important;margin-top:10px;}
	.infoBox{padding:10px; padding-right:300px;}
	.emotionInfo .btnArea .btn{display:flex;margin:10px 0;}
	.calendar table,
	span.eduBtn{font-size:12px;}
	.tableBox table th, .tableBox table td,
	.tableBox table.view tbody th, .tableBox table.view tbody td{font-size:13px;}
	.content h4{font-size:16px;}
	.btnArea{margin:30px 0;}
	.btn{height:35px;line-height:33px;padding:0 25px;min-width:inherit;}
	
	.tableBox table.view tbody th, 
	.tableBox table.view tbody td {padding:12px 15px}
	#footer .tel_info {justify-content: center;}
}

@media all and (max-width:768px) {
	.mainVisual .imgWrap{height:230px;}
	.toyInfo .infoBox{height:auto;background:#f5f7fa;}
	.contentTop h3{text-align:center;margin-bottom:10px;}
	.contentTop .location{position:static;}
	.emotionInfo .emotionGuide ul,
	.toyInfo .toyGuide ul{flex-wrap:wrap;}
	.emotionInfo .emotionGuide ul li{margin:1px; width:32%;}
	.emotionInfo .emotionGuide ul li b{word-break:keep-all}
	.emotionInfo .btnArea .btn {margin-bottom:0}
	.emotionInfo .btnArea .btn+.btn {margin:10px 0 0;}
	.toyInfo .toyGuide ul li{width:48%;padding:0 10px;}
	.vision .item1 dd,
	.vision .item2 dd{padding:10px 25px; font-size:16px; box-sizing:border-box;}
	.vision>div dl dd b {font-size:inherit}
	.find_result{padding:200px 0 40px 10px}
	.vision .promotion_work {margin-top:30px; display: flex;flex-direction: column;}
	.vision .promotion_work > dt {display: block;margin-bottom:8px; padding:15px;width: 100%;height:auto;box-sizing:border-box;}
	.vision .promotion_work > dt >span{display:block;font-weight:600}
	.vision .promotion_work > dd {display:block; margin:0; padding:10px 15px; height:auto;}
    .vision .promotion_work > dd > li {margin-top:4px;}
	
	
    .organization_wrap {margin: 0 auto; width:300px; height:auto;}
    .organization_support {z-index:2; flex-direction: column; width:100%}
    .consignment {margin-top:30px}
    .consignment:first-of-type {margin-top:0}
    .consignment:before{top: inherit;bottom: -7px;margin: 0 auto;left: 0 !important;right: 0 !important;transform: none;}
    .committee_item.item_2:before {left:-7px; right: inherit;}
    .chart_inner {margin-top:50px}
    .chart_inner:before {z-index: -1;top: -160px;height: calc( 100vh + 160px);}
    .committee {flex-direction:row; margin:10px 0 0; width:100%;height: auto;}
    .committee_item {margin-top:0; width:40%; min-width: auto;}
    .part_wrap {flex-direction: column;margin-top:30px; padding:0;}
    .part_wrap:before {display: none;}
    .part_item {margin-left:0; margin-top:20px;}
    .part_item .txt {font-size:14px;}
    .part_item .txt br {display: none}
    .part_item:before {display: none;}
	
	
	.tabBar2 {display: flex;flex-wrap: wrap;flex-direction: column;}
	.tabBar2 > li {flex: 1 auto; float:none;}
	
	.photoGallery > ul > li > a > span {padding:10px 15px}
	
	.infoBox{padding:10px !important}
	
	.toyViewWrap .thumbView .img {float:none; margin:0 auto;}
	.toyViewWrap .thumbView .infoArea {float:none; width:100%;}
	
	.volunteer .infoBox p > br { display: none}
	
	.tableBox table.view tbody tr.detail_info {display:flex; flex-wrap:wrap;}
	.tableBox table.view tbody tr.detail_info th {}
	.tableBox table.view tbody tr.detail_info td {flex:1 auto; padding-left:5px; padding-right:5px;}
	.tableBox table.view tbody tr.attech_list {display: flex;flex-wrap: wrap; flex-direction: row;}
	.tableBox table.view tbody tr.attech_list th {padding-right:10px}
	.tableBox table.view tbody tr.attech_list td {flex:1 auto}
	
	.tableBox table.view tbody tr.post_nav {display:flex; flex-wrap:wrap; flex-direction:row}
	.tableBox table.view tbody tr.post_nav td:last-child {flex:1;}
	
	.tableBox table.view tbody tr td.prev_view:after,
	.tableBox table.view tbody tr td.next_view:after {content:'|'; padding:0 5px} 
	
}
@media all and (max-width:767px) {
	.mainSchedule .mainCalendar{flex-flow:wrap;}
	.mainSchedule .calendar,
	.mainSchedule .calendar .titleCalendar{width:100%;}
	.tabPage ul{padding-left:20px;background:none !important;}
	.tabBar li a,
	.mainSchedule h2{font-size:16px;}
	.historyWrap{padding:20px 20px 40vw}
	.historyList{padding-left:0;}
	.historyList dt.year{position:static;}
	.historyList dd{margin:8px 0;padding-left:0;word-break:keep-all}
	.historyList dd span.date {position:relative;z-index:1;}
	.historyList dd span.txt {display:block; margin-top:8px; padding-left:25px}
	.vision>div{padding:7px 0;}
	.vision>div dl dt{position:static;margin:0 auto;}
	.vision .item3 dd{width:100%;float:none;}
	.vision .item3 dd.bg2{margin:0;padding:0;}
	.vision .imgArea{margin-left:0;}
	.vision>dl>dt>span{font-size:16px;}
	.vision>dl>dd{padding:0 5px;}
	.playgroundList li{width:50%;}
	.emotionInfo .modalWrap .modalTitle2 b{padding:10px 20px;}
	.tableTitle .formExplain{float:none;margin-top:0;}
	.tableTitle .tel{font-size:13px;}
	.tableTitle .tel b{font-size:20px;}
	.tableBox.info table{font-size:12px;word-break:break-all;}
	.tableBox.info table th,
	.tableBox.info table td{padding:5px !important;}
	.tableBox.info table td .big{font-size:14px;}
	.tableBox.info2 thead th,
	.tableBox.info2 tbody th{font-size:14px;}
	.tableBox.info2 td{padding:10px 5px !important;}
	.tableBox .explain{display:block;font-size:12px;}
	.tableBox table.form,
	.tableBox table.form thead,
	.tableBox table.form tbody,
	.tableBox table.form tr,
	.tableBox table.form th,
	.tableBox table.form td{display:block;height:auto;}
	.tableBox table.form tr{padding:8px 5px;}
	.tableBox table.form th,
	.tableBox table.form td{padding:2px 0;border-bottom:none;border:0;background:none;}
	.tableBox table.form tr{border-bottom:1px solid #dedede;}
	.tableBox table.form td .explain{margin-left:0;}
	.tableBox table.view,
	.tableBox table.view thead,
	.tableBox table.view tbody,
	.tableBox table.view tr,
	.tableBox table.view th,
	.tableBox table.view td{display:block;height:auto;}
	.tableBox table.view thead th{padding:15px 5px;height:auto;font-size:17px;text-align:center;}
	.tableBox table.view tbody tr.mInfo{text-align:center;border-bottom:1px solid #dedede;}
	.tableBox table.view tbody tr.mInfo th,
	.tableBox table.view tbody tr.mInfo td{display:inline-block;padding:1px;border-bottom:none;}
	.tableBox table.view tbody tr.mInfo td{margin-right:8px;}
	.tableBox table.view tbody th:after{display:none;}
	.tableBox table.view tbody tr{padding:8px 5px;border-bottom:1px solid #dedede;}
	.tableBox table.view tbody th,
	.tableBox table.view tbody td{padding:3px 0;border-bottom:none;}
	.tableBox table.view tbody td.textContent{padding:25px 10px; font-size:15px;}
	.tableBox table.view tbody td.prev_view,
	.tableBox table.view tbody td.prev_view + td,
	.tableBox table.view tbody td.next_view,
	.tableBox table.view tbody td.next_view + td{display:inline-block;}
	
	.tableBox table.mTable{display:block;text-align:left;}
	.tableBox table.mTable th{display:block;padding:2px 5px;height:auto;border-bottom:none;}
	.tableBox table.mTable td{display:inline-block;position:relative;padding:2px 5px;height:auto;border-bottom:none;}
	.tableBox table.mTable th br,.tableBox table.mTable td br/*,
	.tableBox table.mTable tbody tr td:first-child */{display:none;}
	.tableBox table.mTable td br.visible{display:block;}
	.tableBox table.mTable thead{display:none;}
	.tableBox table.mTable tbody{display:block;}
	.tableBox table.mTable tr{display:block;padding:5px 0;border-bottom:1px solid #dedede;}
	.tableBox table.mTable td.left{display:block;}
	.tableBox table.mTable td .subject,
	.tableBox table.mTable td .text_visible{font-size:15px;font-weight:600;}
	.tableBox table.mTable .mLine:after{display:block;content:'';position:absolute;right:-1px;top:7px;width:1px;height:10px;background:#ddd;}
	.tableBox table.mTable .tdEmpty{padding:0;}
	.tableBox table.mTable .tdEmpty:after{display:none;}
	.tableBox table.mTable .date:before{display:inline-block;content:'ÀϽÃ:';margin-right:5px;}
	.tableBox table.mTable .period:before{display:inline-block;content:'±â°£:';margin-right:5px;}
	.tableBox table.mTable .person:before{display:inline-block;content:'Á¤¿ø:';margin-right:5px;}
	.tableBox table.mTable td.data_none{display:block;}
	
	.tableBox table.mypage1 td:nth-child(4){display:block;}
	.tableBox table.mypage1 td:before{display:inline-block;margin-right:5px;font-weight:bold;}
	.tableBox table.mypage1 td:first-child:before{content:'½ÅûÀÏ:';}
	.tableBox table.mypage1 td:nth-child(2):before{content:'±¸ºÐ:';}
	.tableBox table.mypage1 td:nth-child(3):before{content:'±³À°¸í:';}
	.tableBox table.mypage1 td:nth-child(4):before{content:'±³À°ÀÏ:';}
	.tableBox table.mypage1 td:nth-child(5):before{content:'»óÅÂ:';}
	.tableBox table.mypage1 td:nth-child(6):before{content:'Ãë¼Ò:';}
	.tableBox table.mypage1 td:first-child:after,
	.tableBox table.mypage1 td:nth-child(5):after{display:inline-block;content:'|';margin-left:12px;color:#ddd;}
	.tableBox table.mypage1 td.data_none:before,
	.tableBox table.mypage1 td.data_none:after{display:none;}

	.tableBox table.mypage2 td:nth-child(3){display:block;}
	.tableBox table.mypage2 td:before{display:inline-block;margin-right:5px;font-weight:bold;}
	.tableBox table.mypage2 td.data_none:before{display:none;}
	.tableBox table.mypage2 td:first-child:before{content:'½ÅûÀÏ:';}
	.tableBox table.mypage2 td:nth-child(2):before{content:'±³À°¸í:';}
	.tableBox table.mypage2 td:nth-child(3):before{content:'±³À°ÀÏ:';}
	.tableBox table.mypage2 td:nth-child(4):before{content:'½ÅûÀοø:';}
	.tableBox table.mypage2 td:nth-child(5):before{content:'»óÅÂ:';}
	.tableBox table.mypage2 td:nth-child(6):before{content:'Ãë¼Ò:';}
	.tableBox table.mypage2 td:nth-child(4):after,
	.tableBox table.mypage2 td:nth-child(5):after{display:inline-block;content:'|';margin-left:12px;color:#ddd;}

	.tableBox table.mypage3 td:nth-child(3){display:block;}
	.tableBox table.mypage3 td:before{display:inline-block;margin-right:5px;font-weight:bold;}
	.tableBox table.mypage3 td.data_none:before{display:none;}
	.tableBox table.mypage3 td:first-child:before{content:'½ÅûÀÏ:';}
	.tableBox table.mypage3 td:nth-child(2):before{content:'±³À°¸í:';}
	.tableBox table.mypage3 td:nth-child(3):before{content:'±³À°ÀÏ:';}
	.tableBox table.mypage3 td:nth-child(4):before{content:'½ÅûÀοø:';}
	.tableBox table.mypage3 td:nth-child(5):before{content:'»óÅÂ:';}
	.tableBox table.mypage3 td:nth-child(6):before{content:'Ãë¼Ò:';}
	.tableBox table.mypage3 td:nth-child(4):after,
	.tableBox table.mypage3 td:nth-child(5):after{display:inline-block;content:'|';margin-left:12px;color:#ddd;}

	.tableBox table.mypage4 td:first-child,
	.tableBox table.mypage4 td:nth-child(3){display:block;}
	.tableBox table.mypage4 td:before{display:inline-block;margin-right:5px;font-weight:bold;}
	.tableBox table.mypage4 td.data_none:before{display:none;}
	.tableBox table.mypage4 td:first-child:before{content:'½ÅûÀÏ:';}
	.tableBox table.mypage4 td:nth-child(2):before{content:'±¸ºÐ:';}
	.tableBox table.mypage4 td:nth-child(3):before{content:'ÀÌ¿ëÀÏÀÚ:';}
	.tableBox table.mypage4 td:nth-child(4):before{content:'½ÅûÀοø:';}
	.tableBox table.mypage4 td:nth-child(5):before{content:'»óÅÂ:';}
	.tableBox table.mypage4 td:nth-child(6):before{content:'Ãë¼Ò:';}
	.tableBox table.mypage4 td:nth-child(4):after,
	.tableBox table.mypage4 td:nth-child(5):after{display:inline-block;content:'|';margin-left:12px;color:#ddd;}

	.tableBox table.mypage5 td:nth-child(3),
	.tableBox table.mypage5 td:nth-child(4){display:block;}
	.tableBox table.mypage5 td:before{display:inline-block;margin-right:5px;font-weight:bold;}
	.tableBox table.mypage5 td:first-child:before{content:'¹øÈ£:';}
	.tableBox table.mypage5 td:nth-child(2):before{content:'À̸§:';}
	.tableBox table.mypage5 td:nth-child(3):before{content:'Àå³­°¨¸í:';}
	.tableBox table.mypage5 td:nth-child(4):before{content:'¿¹¾àÀÏ:';}
	.tableBox table.mypage5 td:nth-child(5):before{content:'¿¹¾à¸¸·áÀÏ:';}
	.tableBox table.mypage5 td:nth-child(6):before{content:'¿¹¾àÃë¼Ò:';}
	.tableBox table.mypage5 td:first-child:after,
	.tableBox table.mypage5 td:nth-child(5):after{display:inline-block;content:'|';margin-left:12px;color:#ddd;}
	.tableBox table.mypage5 td.data_none:before,
	.tableBox table.mypage5 td.data_none:after{display:none;}

	.tableBox table.mypage6 td:nth-child(3),
	.tableBox table.mypage6 td:nth-child(4),
	.tableBox table.mypage6 td:nth-child(5){display:block;}
	.tableBox table.mypage6 td:before{display:inline-block;margin-right:5px;font-weight:bold;}
	.tableBox table.mypage6 td:first-child:before{content:'¹øÈ£:';}
	.tableBox table.mypage6 td:nth-child(2):before{content:'ȸ¿ø¹øÈ£:';}
	.tableBox table.mypage6 td:nth-child(3):before{content:'Àå³­°¨¸í:';}
	.tableBox table.mypage6 td:nth-child(4):before{content:'Àå³­°¨´ë¿©ÀÏ:';}
	.tableBox table.mypage6 td:nth-child(5):before{content:'¹Ý³³¿¹Á¤ÀÏ:';}
	.tableBox table.mypage6 td:first-child:after{display:inline-block;content:'|';margin-left:12px;color:#ddd;}
	.tableBox table.mypage6 td.data_none:before,
	.tableBox table.mypage6 td.data_none:after{display:none;}

	.calendar > table thead{display:none;}
	.calendar > table,
	.calendar > table tbody,
	.calendar > table tr,
	.calendar > table td{display:block;height:auto;}
	.calendar > table td{padding-top:35px;border:none;border-bottom:1px solid #ddd;}
	.calendar > table span.day{top:5px;width:auto;}
	.calendar > table td span.day:after{display:inline-block;vertical-align:top;}
	.calendar > table td:first-child span.day:after{content:'(ÀÏ)';}
	.calendar > table td:nth-child(2) span.day:after{content:'(¿ù)';}
	.calendar > table td:nth-child(3) span.day:after{content:'(È­)';}
	.calendar > table td:nth-child(4) span.day:after{content:'(¼ö)';}
	.calendar > table td:nth-child(5) span.day:after{content:'(¸ñ)';}
	.calendar > table td:nth-child(6) span.day:after{content:'(±Ý)';}
	.calendar > table td:last-child span.day:after{content:'(Åä)';}
	.calendar .calSchedule a.standard span.calDetail,
	.calendar .calSchedule3 a.standard span.calDetail{left:50%;margin-left:-100px;}
	.calendar .calSchedule a.standard:before,
	.calendar .calSchedule3 a.standard:before{left:50%;margin-left:-12px;}
	.calendar .calSchedule3 a.line{display:block;}

	.joinStep{margin-bottom:20px;padding-bottom:20px;}
	.joinStep ul li{padding:50px 0 0;text-align:center;}
	.joinStep ul li.step01{background:url(/images/sub/joinStep01.png) center 10px no-repeat;background-size:auto 40px;}
	.joinStep ul li.step01.active{background:url(/images/sub/joinStep01_on.png) center 10px no-repeat;background-size:auto 40px;}
	.joinStep ul li span{margin:0;}
	.joinStep ul li.step02{padding-left:0;background:url(/images/sub/joinStep02.png) center 10px  no-repeat;background-size:auto 40px;}
	.joinStep ul li.step02.active{padding-left:0;background:url(/images/sub/joinStep02_on.png) center 10px no-repeat;background-size:auto 40px;}
	.joinStep ul li.step03{background:url(/images/sub/joinStep03.png) center 10px no-repeat;background-size:auto 40px;}
	.joinStep ul li.step03.active{background:url(/images/sub/joinStep03_on.png) center 10px no-repeat;background-size:auto 40px;}
	.joinType > ul > li{margin-left:10px;}
	.warningBox{padding:10px;}
	.formExplain{margin-top:0;}
	.joinComplete{padding:20px;background:none;}
	.login{padding-top:0;}
	.loginForm{padding:120px 0 40px 0;width:auto;background:url(/images/sub/icon_login.png) no-repeat center 0;background-size:auto 100px;}
	.loginForm > span{width:calc(100% - 68px);}
	.loginForm > span input{width:calc(100% - 100px);}
	.loginForm > a{top:119px;}

	#idpwFind li{float:none;width:100%;margin-bottom:20px;}
	#idpwFind li.idFind{margin-right:0;}
		
	.mapWrap .icon1,
	.mapWrap .icon2{padding:110px 0 20px 0;}
	.mapWrap .icon1 span,
	.mapWrap .icon2 span {left:0;margin:0;}
	.mapWrap .listType1 li {word-break:keep-all}
	
	.tableBox table.mTable.list tr {display:flex;flex-wrap:wrap;position: relative;}
	.tableBox table.mTable.list td {padding:0;}
	.tableBox table.mTable.list td:first-child {position: absolute;top: 0;left: 0;width: 33px;height: 66px;line-height: 66px;text-align: center;}
	.tableBox table.mTable.list td .icon_notice {position:relative;top:14px;left:0;}
	.tableBox table.mTable.list td.left.title {margin-bottom:0;padding-top:9px;padding-left:43px;width:100%;height:33px;line-height:1;}
	.tableBox table.mTable.list td.left.title + td {padding-left:43px;}
	
	.tableBox table.mTable.list.type2 tr {justify-content:flex-start; align-items:center;}
	.tableBox table.mTable.list.type2 tr td {}
	.tableBox table.mTable.list.type2 td:first-child {flex-shrink:0; position:static;top:auto;left:auto; width:auto; height:auto; line-height:1.45}
	.tableBox table.mTable.list.type2 td.left {flex:1 auto;}
	.tableBox table.mTable.list.type2 td.num, 
	.tableBox table.mTable.list.type2 td.attech,
	.tableBox table.mTable.list.type2 td.post_date {padding:0 5px;}
	
}
	

@media all and (max-width:640px) {
	.mainSection01{padding:5px 0;}
	.mainSection01 ul{align-items:inherit;}
	.mainSection01 ul li{display:table;width:50%;margin:5px 0;}
	.mainSection01 ul li a{display:table-cell;height:60px;vertical-align:middle;padding:0 0 0 75px;text-align:left;min-width:auto;}
	.mainSection01 ul li a:before{width:60px;height:60px;background-size:60% !important;margin-left:0;left:10px;}
	.tabBar{height:48px;}
	.tabBar li a,
	.mainSchedule h2{height:50px;line-height:50px;}
	.mainSchedule .btnSchedule{width:30px;height:30px;top:10px;background-size:100%;}
	#header .topLink{top:25px;}
	#header .topLink>a{width:30px;height:30px;}
	.btnBlog,
	.btnNmap,
	.btnInsta,
	.btnAllNav{background-size:cover !important;}
	#header .topLink .btnBlog{margin:0 5px;}
	#footer .footer_menu {flex-flow:wrap;margin-bottom:0;}
	#footer .footer_menu li{font-size:14px;padding:0 10px;margin-bottom:10px;}
	#footer .footer_menu li:first-child{padding:0 10px 0 0;}
	#footer .homepage_info li {font-size:14px;}
	#footer .address_name {display:block}
	#footer .tel_info {justify-content: center;}
	.toyInfo .btnToyDown{position:relative;}
	.toyInfo .checkList{padding:15px 20px}
	.toyListWrap .thumb.toy li{float:none;width:100%;}
	.desktopPaging{display:none !important;}
	.mobilePaging{display:inline-block;}
	.volunteer .infoBox{background:#f5f7fa;}
	.btnBirth01,
	.btnBirth02,
	.btnBirth03{display:block;margin-bottom:4px;}
	.loginBot{padding:45px 5% 45px 0%;}
	.loginBot ul > li a{float:none;display:block;}
	#idpwFind li .findForm .findBox{height:auto;}
	.tableBox table.list td a{max-width:100%;}
	
	.emotionInfo .infoBox .infoBoxImg {margin-bottom:20px;}
	
	.photoGallery > ul {display:flex; flex-wrap:wrap;}
	.photoGallery > ul > li {float:noen; flex:1 auto;width:auto;}
	.photoGallery > ul > li > a > span > b {height:auto; font-size:15px;}
	.photoGallery > ul > li > a > span > em {margin:10px 0; font-size:13px;}
	
	#total_search .result > ul.list > li {padding:16px 18px 20px 12px}
	#total_search .result > ul.list > li p.tit > span {display: block;width: 100%;}
	#total_search .result > ul.result_photo.thumb.col3 > li {width:50%}
	
	.searchBox {display:flex; flex-wrap:wrap;}
	

}

@media all and (min-width:441px) and (max-width:640px) {
	.searchBox > form {display: flex;flex-wrap: wrap;justify-content: space-around }
	.searchBox input[type='text'] {flex:1;margin-left:5px;}
	.searchBox input[type="submit"],
	.searchBox .btnListAll {margin-left:5px;}
	
}

@media all and (max-width:440px) {
	.mainVisual .imgWrap{height:120px;}
	#header h1{top: 50%;transform: translateY(-50%);}
	#header h1 img{width:46.13333vw; max-width:100%}
	.greeting{padding:20px 0 230px;background-size:auto 200px;}
	.centerInfo .modalWrap,
	.emotionInfo .modalWrap{padding:20px;}
	.h4Content.ml{margin-left:5px;}
	.tableBox table.info th, .tableBox table.info td{padding:7px;}
	.emotionInfo .modalWrap .modalCon{margin:10px 0;line-height:150%;}
	.greeting span img{max-width:100%;}
	.searchBox{padding:8px}
	/* .searchBox select.w120{width:auto;} 
	.searchBox input[type="text"].w300{width:calc(100% - 220px);}
	.searchBox input[type="text"].w400{width:calc(100% - 150px);}
	
	*/
	.searchBox select.w120, 
	.searchBox input[type="text"].w300, 
	.searchBox input[type="text"].w400{width:100%;}
	.searchBox select+input[type="text"] {margin:0 0 10px;}
	.searchBox input[type="submit"], 
	.searchBox .btnListAll {width:100px;}
	.searchBox input[type="submit"] + .btnListAll {margin-left:10px}
	#total_search .result > ul.result_photo.thumb.col3 > li {width:100%}
	
	.searchBox {display:flex; flex-wrap:wrap;}
	.searchBox select,
	.searchBox input[type='text'],
	.searchBox input[type='submit']{flex:1 auto; margin:6px 0}
	
}
@media all and (max-width:320px) {
	
	#footer .address_name {display:block}

}