@import url("common.css");

/* @font-face {
    font-family: 'Recipekorea';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Recipekorea.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Simplehae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


h4.sub_title{font-size:26px;line-height:1.5;letter-spacing:-1.5pt;color:#333;font-family:NotoKR-Bold;font-weight:100;text-align:center;}
h4.sub_title span.engt{font-family:NotoKR-Bold;font-weight:100;line-height:1.5;letter-spacing:0;text-align:center;}
h4.sub_stitle{font-size:19px;font-weight:400;line-height:26px;letter-spacing:-0.8pt;text-align:center;}
h4.sub_stitle2{font-size:19px;font-weight:400;line-height:28px;letter-spacing:-0.8pt;text-align:center;margin-top:20px;}
h4.engtitle{font-size:36px;font-weight:700;line-height:44px;color:#333;text-align:center;}
h4.engtitle span{color:#005dab;line-height:44px;}
.bold {color:#005dab;font-weight:700;}
.line{width:30px;height:1px;background:#999;margin:27px auto;}
.cts_wrap {position:relative;overflow:hidden;margin:0 auto 100px auto;max-width:1000px;}
 */



/*========================= default =========================*/

.p_title1 {margin:0 0 10px 0;font-size:24px;color:#000000;font-weight:bold;text-align:center;}
.p_title1 span {color:#ff0000;font-weight:bold;}

.size14 {font-size:14px;}
.size16 {font-size:16px;}
.Left {float:left;}
.Right {float:right;}
.red {color:red;}
.blue {color:blue;}
.textLeft {text-align:left !important;}
.textCenter {text-align:center !important;}
.textRight {text-align:right !important;}
.sub_cts {float:left;width:100%;margin-bottom:100px;font-size:1.2em;color:#000;}
/*.sub_cts h3 {float:left;width:100%;margin:60px 0 10px 0;padding-left:32px;font-size:1.6em;font-weight:700;color:#333;letter-spacing:-0.05em;background:url('/img/lnb_icon2.png') no-repeat 0px 7px;background-size:25px;}*/
.sub_cts h3 {float:left;width:100%;margin:60px 0 10px 0;font-size:1.6em;font-weight:700;color:#333;letter-spacing:-0.05em;}
.sub_cts h4 {float:left;width:100%;margin:10px 0;font-size:1.2em;font-weight:500;color:#0C4DBD;letter-spacing:-0.05em;}
.sub_cts h3:nth-child(1) {margin-top:0;}
.sub_cts table {border-top:2px solid #505050;border-collapse:collapse;}
.sub_cts table th,
.sub_cts table td {font-size:1.2em;border:1px solid #d7d7d7;}
.sub_cts table th {width:150px;padding:10px 0;font-weight:500;text-align:center;}
.sub_cts table td {padding:8px;}
.sub_cts table thead th {background-color:#f2f5f7;}
.sub_cts table tbody th {border-right:1px solid #d7d7d7;}
.sub_cts p {display:block;margin:15px 0;line-height:1.8em;}
.sub_cts .link_open {padding-right:25px;color:#372c95;text-decoration:underline;background:url(/img/link_open.png) no-repeat right 50%;background-size:18px;}
.sub_cts input[type="radio"] {width:18px;height:18px;}
.toy_state {display:inline-block;padding:0 8px;font-size:0.9em;color:#fff;line-height:30px;}
.toy_state0 {color:#000;border:1px solid #666;background-color:#fff;} /* 보유수량 */
.toy_state1 {color:#fff;border:1px solid #fa576c;background-color:#fa576c;} /* 대여중 */
.toy_state2 {color:#fff;border:1px solid #2c93de;background-color:#2c93de;} /* 예약중 */
.toy_state3 {color:#000;border:1px solid #666;background-color:#fff;} /* 반납완료 */
.toy_state4 {color:#fff;border:1px solid #44ab14;background-color:#44ab14;} /* 대여가능 */
.toy_state5 {color:#fff;border:1px solid #666;background-color:#666;} /* 준비중 */
.my_btn {display:inline-block;padding:0 8px 0 30px;font-size:0.9em;color:#000;letter-spacing:-0.05em;line-height:28px;border-radius:7px;box-shadow:rgba(0,0,0,0.2) 0px 2px 2px;}
.my_btn:hover {color:#fff;border:1px solid #000;background-color:#000;}
.btn_rserv {border:1px solid #c1c100;background:yellow url(/img/btn_ok.png) no-repeat 7px 50%;background-size:17px;} /* 예약하기 */
.btn_rserv2 {border:1px solid #c1c100;background:#40ff64 url(/img/btn_ok.png) no-repeat 7px 50%;background-size:17px;} /* 예약하기 */
.btn_rserv_cancel {border:1px solid #c9c9c9;background:#e9e9e9 url(/img/btn_cancel.png) no-repeat 7px 50%;background-size:17px;} /* 예약취소 */

/* 테이블 가로 스크룰 문구는 모바일에서만 노출되도록 pc&tab 버전에서는 숨김 */
@media all and (min-width:641px){
	.mobile_view {display:none;}
}

@media all and (max-width:640px){
	.sub_cts {margin-bottom:50px;font-size:1.0em;}
	.sub_cts h3 {margin:50px 0 5px 0;font-size:1.2em;}
	.sub_cts table th,
	.sub_cts table td {font-size:1.0em;}
	.sub_cts table td {padding:8px 5px;}
	.sub_cts table th {width:100px;padding:8px 0;}
	.sub_cts p {line-height:1.6em;}
	.my_btn {padding:0 8px;line-height:24px;}
	.btn_rserv_cancel {background-image:none;}
	.btn_rserv {background-image:none;}
	.toy_state {padding:0 5px;line-height:24px;}
	.mobile_view {float:left;width:100%;padding:5px 0;font-size:1.0em;color:#fff;text-align:center;background-color:#fc8974;}
	.mobile_wrap {width:100%;overflow-x:auto;}
}

/* 마이페이지 */
.mypage_sort {padding-bottom:50px;width:100%;text-align:center;}
.mypage_sort li {display:inline;padding-right:10px;margin-right:10px;border-right:2px solid #ddd;}
.mypage_sort li:last-child {padding-right:0;margin-right:0;border-right:0;}
.mypage_list {float:left;width:100%;}
.mypage_list table {width:100%;}
.mypage_list table th,
.mypage_list table td {text-align:center;}
.mypage_list table td img {float:left;width:70px;}
.mypage_list td.subj {text-align:left;}
.mypage_list .num,
.mypage_list .etc {width:90px;}

@media all and (max-width:999px) {
	.mypage_list .num {display:none;}
	.mypage_list.toy .subj img {width:50px;}
}

@media all and (max-width:640px) {
	.mypage_list .date {width:100px;}
	.mypage_list .subj {width:20%;}
	.mypage_list .etc {width:80px !important;}
	.mypage_list.toy table,
	.mypage_list.play table,
	.mypage_list.program table {width:600px;}
	.mypage_list.toy td {width:20%;}
	.mypage_list.program .date {width:150px;}
}


/* 마이페이지 > 대출 예약현황 */
.mypage_list.toy .subj {width:40%;}

/* 마이페이지 > 프로그램신청 */
.mypage_list.program .subj {width:calc(100% - 300px) !important;}
.mypage_list.program .num,
.mypage_list.program .etc {width:100px;}
.mypage_list.program .subj strong {display:block;padding:10px 0;}
.mypage_list.program .subj ul {clear:both;display:block;width:100%;margin:10px 0;}
.mypage_list.program .subj ul li {padding-left:16px;margin:2px 0;line-height:1.6em;background:url(/img/bullet_blue.png) no-repeat 0 10px;}

@media all and (max-width:640px) {
	.mypage_list.program .subj {width:calc(100% - 160px) !important;}
	.mypage_list.program .num,
	.mypage_list.program .etc {width:80px;}
	.mypage_list.program .subj ul li {;margin:0;line-height:1.6em;}
}

/* 마이페이지 > 모바일 회원증 */
.mypage .mycard {position:relative;width:90%;max-width:500px;margin:0 auto 100px auto;border-radius:10px;border:1px solid #ddd;background-color:#fff;box-shadow:rgba(0,0,0,0.1) 0px 5px 8px;}
.mycard_t {clear:both;display:block;width:100%;padding:15px 20px;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#00a6c8;}
.mycard_t strong {display:inline;font-size:1.3em;font-weight:500;}
.mycard_t ul {float:right;}
.mycard_t ul li {display:inline;padding:2px 10px;font-size:0.8em;color:#000;border-radius:30px;background-color:#fff;}
.mycard_c {clear:both;display:block;width:100%;padding:20px 0;font-size:1.2em;font-weight:500;text-align:center;}
.mycard_c img {margin-bottom:10px;}
.mycard_b {clear:both;display:block;width:100%;height:70px;padding:10px;font-size:0.8em;line-height:24px;text-align:left;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:#ececec url(/img/logo.png) no-repeat 90% 50%;background-size:auto 50px;}
.card_sample {position:absolute;left:calc(50% - 77px);top:calc(50% - 50px);z-index:1;transform:rotate(-20deg);}

@media all and (max-width:640px) {
	.mypage .mycard {margin-bottom:50px;}
	.mycard_t ul li {font-size:0.9em;}
	.mycard_c {padding:10px 0;}
	.mycard_c img {width:80%;margin-bottom:0;}
	.mycard_b {height:60px;line-height:20px;background-size:auto 35px;}
}

.t_blue {color:#00a6c8;font-weight:500;}


/* 도서관 소개 */
.library1 h5 {display:block;margin-bottom:20px;font-size:1.2em;font-weight:600;color:#354860;border-bottom:2px solid #354860;}
.library1 p {display:block;margin:40px 0 50px 0;font-size:20px;line-height:1.8em;}
.library1 p .br {display:block;}
.library1 p a {position:relative;z-index:10;display:inline-block;vertical-align:top;color:#000;}
.library1 p a:before {content:'';position:absolute;left:0;right:0;bottom:0;height:14px;background-color:#abeff0;z-index:-1; /* {display:inline;padding:0 2px;color:#fff;background-color:#70C8C9; */}
.library1 .img h1 {position:absolute;top:20%;left:5%;width:100%;font-size:32px;color:#fff;font-weight:500;text-align:left;text-shadow:2px 2px 2px rgba(0,0,0,0.5);}
.library1 .img h1 span {font-size:24px;font-weight:400;}

@media all and (max-width:980px) {
    .library1 p {font-size:18px;}
    .library1 p .br {display:none;}
}
@media all and (max-width:760px) {
	.library1 .img h1 {top:15%;left:0;width:100%;font-size:26px;letter-spacing:-0.07em;text-align:center;}
	.library1 .img h1 span {font-size:18px;}
    .library1 p {font-size:16px;}
}
@media all and (max-width:520px) {
	.library1 .img h1 {top:15%;font-size:18px;}
	.library1 .img h1 span {font-size:14px;}
    .library1 p {font-size:14px;}
}

/* 시설현황 */
.library3 ul.tab {position:relative;margin:0 auto;width:100%;text-align:center;white-space: nowrap;overflow-x: auto;
    -webkit-overflow-scrolling: touch
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.library3 ul.tab::-webkit-scrollbar {display: none;}
.library3 ul.tab li {display:inline-block;margin-bottom:30px;}
.library3 ul.tab li a {display:inline-block;padding:10px 30px;font-size:18px;color:#333;border-radius:30px;border:1px solid #ddd;}
.library3 ul.tab li a.act {color:#fff;font-weight:600;border-color:#00a6c8;background:#00a6c8;}
.library3 p {float:left;width:25%;text-align:center;}
.library3 p img {width:90%;margin-bottom:5px;cursor:pointer;}

#view_area {position:relative;margin:0 auto;width:100%;max-width:858px;_height:652px;background:#fff;}
#view_area .prev {position:absolute;top:42%;left:2%;cursor:pointer;z-index:100;}
#view_area .next {position:absolute;top:42%;right:2%;cursor:pointer;z-index:100;}
#view_area .view_btn2 {position:relative;margin:10px 0 0 0;width:100%;z-index:100;}
#view_area .pagination {list-style:none;text-align:center;}
#view_area .pagination li {display:inline-block;font-size:16px; color:#c2c2c2; margin:0 5px 5px 0; cursor:pointer; background:#fff;}
#view_area .pagination li img{opacity:1; width:75px; height:50px;border:2px solid #fff;}
#view_area .pagination li:hover img{opacity:1;}
#view_area .pagination li.current img{opacity:1;border:2px solid #00a6c8;}
#view_area #slider {position:relative;width:100%;height:572px;overflow:auto;border:1px solid #ddd;background:#ddd;}
#view_area #slider ul {position:absolute; list-style:none; top:0; left:0}
#view_area #slider li {float:left; width:auto;_height:640px;}
#view_area #slider #content {width:858px;_height:640px;}

.pc_view {display:block;}
.mob_view {display:none;}

@media all and (max-width:999px) {
    .library3 ul.tab li a {padding:10px 20px;font-size:16px;}
    .library3 p {width:33.3%;}    

    .pc_view {display:none;}
    .mob_view {display:block;position:relative;float:left;width:100%;}
    .mob_view ul {float:left;width:100%;}
    .mob_view ul li {float:left;margin:0 0 10px 0;width:100%;text-align:center;}
    .mob_view ul li img {width:100%;}
    
 }
 @media all and (max-width:640px){
    .library3 ul.tab li a {padding:10px 10px;font-size:14px;}
    .library3 p {width:50%;}
}

/* 찾아오시는 길 */
.location {float:left;width:100%;}
.location p {display:inline-block;margin:0;padding:25px 10px;width:100%;line-height:1.2;border-top:1px solid #ddd;}
.location p:nth-child(1) {border-top-color:#333;}
.location p:nth-child(2) {border-bottom:1px solid #333;margin:0 0 20px 0;}
.location p span {display:inline-block;width:200px;font-weight:500;}
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {height:500px !important;}

@media all and (max-width:640px) {
	.location p {padding:20px 10px;}
	.location p span {width:100%;}
	.root_daum_roughmap .wrap_map {height:400px !important;}
}

/* 대여안내 */
.lib_info li table {margin:10px 0;}
.lib_info table th,
.lib_info table td {text-align:center;}
.lib_info ul {clear:both;display:block;width:100%;margin:15px 0;}
.lib_info ul li {padding-left:16px;margin:6px 0;line-height:1.6em;background:url('/img/bullet_green.png') no-repeat 0 10px;}
.lib_info ol {clear:both;display:block;width:100%;padding:0 0 0 25px;margin:15px 0;list-style:decimal;}
.lib_info ol li {margin:6px 0;line-height:1.6em;list-style:decimal;}
.lib_info ol li li {list-style:none;}
.lib_info .membership {display:inline-table;float:left;width:calc(50% - 10px);padding:20px 10px;margin:0 5px;letter-spacing:-0.05em;text-align:center;border:1px solid #ddd;border-radius:15px;background:#f9f9f9;}
.lib_info .membership dt {font-size:1.3em;font-weight:600;color:#00a6c8;line-height:2.6em;}
.lib_info .joinUs {clear:both;display:block;float:left;width:100%;margin:10px 0;}
.lib_info .joinUs li {display:inline-block;float:left;width:calc(20% - 10px);padding:20px 10px;margin:5px;font-size:0.92em;font-weight:500;color:#00a6c8;letter-spacing:-0.05em;text-align:center;border:1px solid #ddd;border-radius:15px;background:#f9f9f9;}
.lib_info .joinUs li img {margin-bottom:10px;}

@media all and (max-width:999px) {
	.lib_info .joinUs li {width:calc(33.3% - 10px);padding:20px 10px;}
}
@media all and (max-width:640px) {
	.lib_info .joinUs li {width:calc(50% - 10px);padding:10px;}
	.lib_info .cleaning li img {margin-bottom:10px;border-radius:10px;}
}

/* 세척/소독과정 */
.lib_info .cleaning {clear:both;display:block;float:left;width:100%;margin:10px 0;}
.lib_info .cleaning li {display:inline-block;float:left;width:calc(50% - 40px);padding:0;margin:0 20px 40px 20px;font-size:1.0em;/* font-weight:500;color:#0C4DBD; */background:none;}
.lib_info .cleaning li:nth-child(2n+1) {clear:both;border:0px solid #ff0000;}
.lib_info .cleaning li img {margin-bottom:10px;border-radius:15px;}

@media all and (max-width:999px) {
	.lib_info .cleaning li {width:calc(50% - 20px);margin:0 10px 40px 10px;font-size:0.92em;}
}
@media all and (max-width:640px) {
	.lib_info .cleaning li {width:100%;margin:0 0 20px 0;}
}


/* 장난감 검색/예약 > 리스트 */
.item_toy {float:left;width:100%;}
.item_info_txt {float:left;width:100%;padding:20px 0;border-top:2px solid #666;}
.item_toy .searchbox {float:left;width:100%;padding:20px;margin-bottom:30px;background-color:#F0F1F5;}
.item_toy .searchbox .search_block {display:inline-table;margin-right:30px;}
.item_toy .searchbox .search_block label {padding-left:16px;margin-right:10px;background:url(/img/bullet_blue.png) no-repeat 0 50%;}
.item_toy .searchbox .search_block select {background-color:#fff;border-color:#ddd;height:38px;}
.item_toy .searchbox .search_block select,
.item_toy .searchbox .search_block input {font-size:0.85em;}
.item_toy .searchbox .search_block .btn_submit {width:80px;height:38px;margin-left:3px;}
.item_sort {float:right;}
.item_sort a {display:inline-block;padding:2px 6px;font-size:0.8em;border-radius:7px;border:1px solid #999;}
.item_list {float:left;width:100%;}
.item_list .item_box {float:left;position:relative;margin:10px 0 10px 20px;padding:10px;width:calc(25% - 15px);text-align:center;border:1px solid #b8b8b8;transition: all 0.3s ease;}
.item_list .item_box:hover {border:1px solid #000;}
.item_list .item_box:nth-child(4n+1) {clear:both;margin-left:0;}
.item_list .item_box a {float:left;width:100%;}
.item_list .item_box img {float:left;width:100%;max-width:230px;height:230px;transition: all 0.3s ease;}
.item_list .item_box p {float:left;width:100%;padding:10px 10px;font-size:0.86em;color:#000;font-weight:500;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#ebebeb;}
.item_list .item_box a ul {float:left;width:100%;}
.item_list .item_box a ul li {display:inline;float:left;width:60%;font-size:0.86em;color:#000;letter-spacing:-0.07em;line-height:2.5em;text-align:center;border:1px solid #b8b8b8;}
.item_list .item_box a ul li:nth-child(2) {float:right;margin-left:2%;width:calc(100% - 62%);}
.item_list .item_box a ul li span {float:left;width:100%;margin-bottom:5px;}
/*.item_list .item_box {float:left;position:relative;width:calc(50% - 10px);margin:10px 0;border:1px solid #b8b8b8;}*/

@media all and (max-width:1200px) {
    .item_list .item_box img {height:200px;}
}
@media all and (max-width:999px) {
	.item_toy {padding:0 10px;}
	.item_toy .searchbox .search_block {display:block;margin:5px 0;}
	.item_list .item_box {width:calc(33.33% - 15px);}
	.item_list .item_box:nth-child(4n+1) {clear:none;margin-left:10px;}
	.item_list .item_box:nth-child(3n+1) {clear:both;margin-left:0;}
    .item_list .item_box img {height:260px;}
	.item_list .item_box ul {width:100%;}
	.item_list .item_box ul li {font-size:0.75em;}
}
@media all and (max-width:760px) {
    .item_list .item_box img {height:200px;}
}
@media all and (max-width:640px) {
	.item_toy .searchbox .search_block .frm_input {width:150px;height:30px;}
	.item_toy .searchbox .search_block .btn_submit {width:50px;height:30px;}
	.item_list .item_box {margin-left:10px;width:calc(50% - 5px);}
	.item_list .item_box:nth-child(4n+1) {margin-left:10px;}
	.item_list .item_box:nth-child(3n+1) {clear:none;margin-left:10px;}
	.item_list .item_box:nth-child(2n+1) {clear:both;margin-left:0;}
	.item_list .item_box:nth-child(odd) {margin-right:0;}
    .item_list .item_box img {height:260px;}
	.item_list .item_box ul li {font-size:0.85em !important;}
}
@media all and (max-width:480px) {
    .item_list .item_box img {height:200px;}
}
@media all and (max-width:360px) {
	.item_list .item_box {width:100%;}
	.item_list .item_box:nth-child(2n+1) {clear:none;margin-left:0;}
	.item_list .item_box:nth-child(1n+1) {clear:both;margin-left:0;}
    .item_list .item_box img {height:auto;}	
}

/* 장난감 검색/예약 > 뷰 */
.item_view {margin-bottom:70px;}
.item_view .item_box {float:left;position:relative;width:100%;margin:10px 0;padding:30px;border:1px solid #b8b8b8;background:#f0f1f5;}
.item_view .item_box img {float:left;width:280px;}
.item_view .item_box div.Right {width:calc(100% - 320px);}
.item_view .item_box div.Right strong {font-size:1.5em;font-weight:500;}
.item_view .item_box div.Right p {position:relative;margin:10px 0;padding:0 0 0 10px;font-size:1.0em;line-height:1.2;}
.item_view .item_box div.Right p:before {position:absolute;top:8px;left:0;content:'';width:3px;height:3px;background:#0c4dbd;}
.item_view .item_box div.Right div {margin:20px 0;line-height:1.6em;}
.item_view .item_box div.Right ul {display:inline-block;margin:20px 0 10px 0;width:100%;}
.item_view .item_box div.Right ul li {display:inline-block;padding:15px;text-align:center;background:#ff436c;}
.item_view .item_box div.Right ul li h5 {margin:0;padding:0;font-size:18px;color:#fff;font-weight:normal;}
.item_view .item_box div.Right ul li h6 {margin:10px 0 0 0;padding:0;font-size:32px;color:#fff;font-weight:normal;}
.item_view table {width:100%;}
.item_view table th,
.item_view table td {text-align:center;}
.item_view table td span {padding:1px 7px;font-size:0.9em;}

.item_view .item_info {margin-top:50px;width:100%;}
.item_view h3 {padding-left:0;background:none;}
.item_view h5 {color:#ff436c;}

@media all and (max-width:640px) {
	.item_view .item_box img {width:100%;}
	.item_view .item_box div.Right {width:100%;border-left:none;border-top:1px solid #e7e7e7;}
	.item_view table {width:500px;}

	.item_view .num {width:50px;}
	.item_view .date {width:90px;}
	.item_view .item_box img {float:none;display:block;position:relative;width:auto;max-width:280px;max-height:280px;margin:0 auto;}
}

/* 놀이터 이용 */
.info_box {float:left;width:calc(100% - 20px);padding:20px;margin:0 10px;border-radius:15px;background-color:#F0F1F5;}
.info_box h3 {margin-bottom:40px;color:#0C4DBD;text-align:center;}

@media all and (max-width:640px){
	.info_box h3 {margin-bottom:20px;}
}

/* 토이뱅크 */
.toybank li table {margin:10px 0;}
.toybank table th {text-align:center;}
.toybank table td {padding:20px 10px;}
.toybank ul {clear:both;display:block;width:100%;margin:15px 0;}
.toybank ul li {padding-left:16px;margin:6px 0;line-height:1.6em;background:url('/img/bullet_green.png') no-repeat 0 10px;}
.toybank ol {clear:both;display:block;width:100%;padding:0 0 0 25px;margin:15px 0;list-style:decimal;}
.toybank ol li {margin:6px 0;line-height:1.6em;list-style:decimal;}
.toybank ol li li {list-style:none;}
.toybank .step {clear:both;display:block;float:left;width:100%;margin:10px 0;}
.toybank .step li {display:inline-block;float:left;width:calc(33.33% - 10px);padding:20px 10px;margin:5px;font-size:1.0em;font-weight:300;color:#000;text-align:center;border:1px solid #ddd;border-radius:15px;background:#f9f9f9;}
.toybank .step li img {margin-bottom:20px;}
.toybank .step2 {clear:both;display:block;float:left;width:100%;margin:10px 0;}
.toybank .step2 li {display:inline-block;float:left;width:calc(50% - 10px);padding:20px 10px;margin:5px;font-size:1.0em;font-weight:300;color:#000;text-align:center;border:1px solid #ddd;border-radius:15px;background:#f9f9f9;}
.toybank .step2 li img {margin-bottom:20px;}

@media all and (max-width:640px) {
	.toybank .step li {width:100%;padding:10px;}
    .toybank .step2 li {width:100%;padding:10px;}
}

/* 발달 단계별 장난감 정보 */
.toy_info h3 {text-align:center;}
.toy_info table tbody th {background-color:#f2f5f7;}
.toy_info table tbody td {line-height:1.8;}
.toy_info table tbody td span {font-weight:500;}


/* 백일/돌 이용안내 */
.item_guide {margin:10px 0;}
.item_guide h1 {font-size:0.928em;font-weight:bold;}
.item_guide h1 span {font-size:14px;font-weight:normal;}
.item_guide ul {width:100%;}
.item_guide ul li {float:left;width:33.33%;}
.item_guide ul li img {width:98%;}

.item_app {display:inline-block;margin-top:20px;width:100%;text-align:center;}
.item_app a {padding:10px 20px;font-size:20px;color:#fff;border-radius:60px;background:#e85b0e;}


/* 사이트맵 */
.sitemap {}
.sitemap dl {display:inline-table;width:20%;margin:0 2.3% 50px 2.3%;}
.sitemap dl dt {width:100%;_text-indent:50px;}
.sitemap dl dt a {display:inline-block;padding:10px 0;width:100%;font-size:19px;font-weight:500;color:#fff;line-height:1.2;letter-spacing:-0.07em;text-align:center;border-radius:5px;background:#00a6c8;}
.sitemap dl dd ul {margin-top:10px;}
.sitemap dl dd ul li a {display:inline-block;padding:6px 0 6px 10px;width:100%;font-size:16px;color:#000;line-height:2;letter-spacing:-0.07em;border-bottom:1px solid #ddd;_background:url('/img/bullet_green.png') no-repeat 0 13px;}
.sitemap dl dd ul li a:hover {color:#00a6c8;}

@media all and (max-width:999px) {
	.sitemap dl {width:30%;margin:0 1% 50px 1%;}
}
@media all and (max-width:640px){
	.sitemap dl {width:47.5%;}
}
@media all and (max-width:370px){
	.sitemap dl {width:47.4%;}
}


/* 평생교육프로그램 */
table.tb_program {margin-bottom:20px;min-width:700px;}
table.tb_program th {background:#f2f5f7;}
table.tb_program2 {}
table.tb_program2 th {background:#f2f5f7;}
table.tb_program2 .input_s1 {max-width:130px;}
table.tb_program2 .s_tit {display:inline-block;margin-right:10px;}
table.tb_program2 .p_no {display:none;}
table.tb_program2 .not1 {font-size:16px;color:#ff0000;}

@media (max-width: 969px){
	table.tb_program {font-size:12px !important;}
    table.tb_program2 {font-size:12px !important;}
    table.tb_program2 .s_tit {margin-right:0;width:50px;}
    table.tb_program2 .input_s1 {margin-bottom:5px;}
    table.tb_program2 .p_no {display:block;}
    table.tb_program2 .not1 {font-size:12px;}
}

/* 이용약관 */
.policy {}
.policy h5 {margin:50px 0 10px 0;font-size:20px;color:#00a6c8;font-weight:500;line-height:1.2;}
.policy p {width:100%;}
.policy ul {width:100%;}
.policy ul li {display:inline-block;padding-bottom:5px;width:100%;}
.policy ul li dl {padding:5px 0 0 25px;width:100%;}
.policy ul li dl dd {padding-bottom:5px;width:100%;}

/* 개인정보처리방침 */
.privacy {}
.privacy h5 {display:inline-block;margin:50px 0 5px 0;font-size:20px;color:#00a6c8;font-weight:500;line-height:1.2;}
.privacy p {display:inline-block;width:100%;}
.privacy ul {display:inline-block;width:100%;}
.privacy ul li {position:relative;padding:0 0 5px 0;width:100%;}
/*.privacy ul li:before {position:absolute;top:13px;left:0;content:'';width:3px;height:3px;background:#00a6c8;}*/
.privacy ul li dl {padding:5px 0 0 25px;width:100%;}
.privacy ul li dl dd {padding-bottom:5px;width:100%;}
.privacy table {width:100%;border-top:2px solid #505050;border-collapse:collapse;}
.privacy table th,
.privacy table td {font-size:1.2em;border:1px solid #d7d7d7;}
.privacy table th {width:150px;padding:10px 0;font-weight:500;text-align:center;background:#f9f9f9;}
.privacy table td {padding:8px;}