@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('/css/default/notosanskr.css');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,400,500,600,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

/****************************** RESET ******************************/
*{margin:0; padding:0; box-sizing:border-box;}
html{width:100%; height:100%; font-size:16px;}
body{font-family:'Play', 'Noto Sans KR', '나눔고딕',  'Dotum', '돋움', 'sans-serif';  font-size:1rem; color:#5E5E5E; height:100%;  -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1.3;letter-spacing:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button {margin:0; padding:0}
html, body, div, span, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption {margin:0;padding:0}
ol, ul, li {list-style:none;}
em, dt, dd, address, i {font-style:normal}
img {vertical-align:middle; max-width:100%;}
img, fieldset {border:0 none;}
label {padding-right:10px}
button {border:0 none;background:transparent;cursor:pointer}
hr {display:none;}
legend, .skip, .blind, .skip_nav {width:0;height:0;visibility:hidden;font-size:0;line-height:0;position:absolute;top:0;left:-9999em;overflow:hidden;}
table caption {display:none}
table {border-collapse:collapse;border-spacing:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
a{color:inherit}
a:link, a:visited {text-decoration:none; }
a:hover, a:active {text-decoration:none}

h1, h2, h3, h4, h5, h6{font-family: inherit;font-weight: 700;color: inherit;margin: 0;}

input, textarea, select {font-family: inherit; letter-spacing: 0em; color: inherit;	padding: 0; outline: none;}
button {border:0; cursor: pointer;}
button:focus{outline:none;}

.clearfix { display:block; }
.clearfix:after { display:block; clear:both; content:"."; visibility:hidden; height:0; }
 .ac{text-align:center !important;}

/* 헤더  */
#header {height: 3.5rem; width:100%; position:relative;border-bottom:1px solid rgba(255, 255, 255, 0.25);}
#header h1 {}
#header h1 img{position:absolute; top:50%; left:.9375rem; transform:translateY(-50%);}

/* 전체메뉴 보기 */
#header .topMenu { position:absolute; top:0; right:0;   text-align:center; vertical-align:middle; cursor:pointer;  background:#B2005B; width:3.5rem; height:3.5rem; line-height:70px;}
#header .topMenu i{color:#fff; font-size:1.8rem;}
#header #navi{background:#fff;display:none; position:absolute; right:-90%; top:0; width:90%; height:100%;  z-index:9999;}
#mnaviHead {position:relative; display:block; height:3.5rem;}
#mnaviHead ul{position:absolute; right:.9375rem; top:0; overflow:hidden;}
#mnaviHead ul li{float:left; margin-left:.625rem; height:3.5rem; line-height:3.5rem;}
#mnaviHead ul li img{vertical-align:middle;}
#mnaviHead h3{font-size:1.2em;color:#fff; padding-left: .625rem; font-weight:700; line-height:3.5rem;}
#mnaviHead p.close a {position:absolute; right:.625rem; top:.9375rem;}
#mnaviHead p.log{height:3.5rem; line-height:3.5rem; color:#999; padding-left:.9375rem;}
#mnaviHead p.log b{color:#000;}




/*1차*/
#navi ul#mbtop {width:100%; margin:0; padding:0; padding:0px .9375rem;}
#navi ul#mbtop li{margin:0; float:none; width:100%; border-bottom:1px #eeeeee solid; position:relative; }
#navi ul#mbtop li:after{ content :"\e941"; display : block; position : absolute; right:1rem;  top:.9375rem;font-family:'xeicon'; font-weight:500; }
#navi ul#mbtop li a {display:block; width:100%; height:3.125rem; box-sizing:border-box; font-weight:500;  line-height:3.125rem; font-size:1.1rem;  color:#262626; padding-left:.625rem;}
#navi ul#mbtop li.open_li{ position:relative;}
#navi ul#mbtop li.open_li:after{ content :"\e944";}
#navi ul#mbtop li.open_li > a {color:#B2005B;}
#navi ul#mbtop li a span {font-size:1rem;}
#navi ul#mbtop li:first-child{border-top:1px #eeeeee solid;}

/*2차*/
#navi ul#mbtop li ul {display:none; float:none; background-color:#f5f5f5; position:relative; left:0; top:0; width:auto; height:auto; visibility:visible;  padding:.9375rem;}
#navi ul#mbtop li ul li {float:none;border:none; box-sizing:border-box;  background: none;}
#navi ul#mbtop li ul li a {color:#262626; background:url(none); font-size:1rem; font-weight:500; height:auto; line-height: 1.875rem;padding-left:0;}
#navi ul#mbtop li ul li:first-child{border:none;}
#navi ul#mbtop li ul li:after,
#navi ul#mbtop li ul li:before{display:none;}

/*3차*/
#navi ul#mbtop li ul li ul{display:none;border:none; height:0;background:none; margin:0; padding:0;}
#navi ul#mbtop li ul li ul li {display:none;}

div.sub_visual{height:6.25rem; width:100%; background:url('/images/default/content/sub_visual01.jpg') no-repeat center center; background-size:cover; text-align:center;}
div.sub_visual h2{font-size:1.6rem; height:6.25rem; line-height:6.25rem;color:#fff; font-weight:700; }


/* 네비게이션 서브메뉴 */
div.smenu_wrap{position:relative;padding-left:2.25rem; background-color:#fafafa; z-index:10;box-sizing:border-box; z-index:3; border-bottom:1px solid #e3e3e3;}
div.smenu_wrap span {position:absolute;top:0;left:0;width:2.25rem; height:2.813rem;  line-height:2.813rem; text-align:center; }
div.smenu{width:100%;box-sizing:border-box; position:relative; clear:both;}
div.smenu ul.sm{width:100%; height:2.813rem; }
div.smenu ul.sm > li{width:50%; float:left; position:relative; padding:0 .625rem;}
div.smenu ul.sm > li:before{content:'';display : block; position : absolute; left :0; top:0;  width :1px; height : 100%; background : #e3e3e3; }
div.smenu ul.sm > li.on{background:url('/images/mobile/sm_on.png') no-repeat 95% center; background-size:.625rem auto;}
div.smenu ul.sm > li > a{display:block; line-height:1.1; font-size:1rem; color:#333;text-transform:capitalize; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;	 height:2.813rem; text-align:left;line-height:1.3; font-size:0.95em; font-weight:bold; letter-spacing:-0.01em; color:#1b1b1b; background:url('/images/mobile/sm.png') no-repeat right center;  background-size:.625rem auto; padding:0 1.25rem 0 0;}
div.smenu ul.sm > li.on > a { background:none; }
div.smenu ul.sm > li.active{background: url(/images/mobile/sm_on.png) no-repeat 95% center;}

div.smenu ul.sm > li div.scon{position:absolute; top:2.813rem; width:calc(100% + 1px); left:0; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1);}
div.smenu ul.sm > li div.scon ul{background-color:#fff; border-bottom:1px solid #e0e2e4;}
div.smenu ul.sm > li div.scon ul li a{padding:.625rem 2px .625rem .625rem; display:block;  border:1px solid #e0e2e4; border-bottom:none; line-height:1.3;color:#1b1b1b;}
div.smenu ul.sm > li div.scon ul li:first-child a{border-top:none;}
div.smenu ul.sm > li div.scon ul li.active a{background-color: #B2005B; color:#fff;border-color: #B2005B;}
div.smenu ul.sm > li div#subMList ul li.active a{background-color: #B2005B; color:#fff;border-color: #B2005B;}



h2.mobile_pt{color:#333333; font-size:1.3rem; font-weight:bold; letter-spacing:-0.03em; margin: 1.375rem .9375rem 1.25rem; padding-bottom:5px; border-bottom:1px solid #ddd;}

/*3차*/
div.third {margin-bottom:1.875rem; *zoom:1; height:2.25rem;}
div.third ul{display:table; width:100%; margin:0 auto; line-height:0; font-size:0;}
div.third li {display:table-cell; *display:inline; *zoom:1; width:25%; height:2.25rem; vertical-align:middle; text-align:center;border:1px solid #e7e7e7; background-color:#f5f5f5;}
div.third li a {display:block; line-height:1.2; font-size:1rem; color:#333;text-transform:capitalize; }
div.third li.active{background-color:#625757; border:1px solid #625757;} 
div.third li.active a{color:#fff;}

/* 3차 */
/*
.third {margin:1.5rem 0 0rem; *zoom:1; font-family:'Noto Sans KR', '나눔고딕',  'Dotum', '돋움', 'sans-serif';}
.third ul{width:100%; margin:0 auto; line-height:0; font-size:0;}
.third ul:after { content: ''; clear: both; display: block; }
.third li { width:33.33%; float:left; word-break:break-all; vertical-align:middle; text-align:center;border:1px solid #e7e7e7; background-color:#f5f5f5; font-weight:500;}
.third li a {display:block; text-transform:capitalize; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;	justify-content: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center; align-items: center; height:2.5rem; line-height:1.1; font-size:0.9rem; color:#333; position:relative; padding:0 0.25rem;}
.third li.active{background-color:#005CCB; border:1px solid #005CCB;} 
.third li.active a{color:#fff;}
.third li.active a:before {display: block; content: '';  position: absolute; z-index: 5; bottom:-7px;  left: 50%;  width: 12px;  height: 12px; background: #005CCB;  -webkit-transform: rotate(45deg);   -ms-transform: rotate(45deg); margin-left:-5px;  transform: rotate(45deg); }
*/


div.content_wrap{position:relative; z-index:0; min-height:14.375rem; padding-bottom:2.5rem;}

/* 버튼 */
.btn_confirm { margin-right: 0.5rem;  padding: 0.5rem  1.875rem;   font-size: 1rem;  font-weight: bold;  color: #fff;  background-color: #dd4834;  border: 1px solid #dd4834; cursor:pointer; border-radius: 0 !important;  -webkit-appearance: none !important; }
.btn_cancel {  padding:0.5rem  1.875rem;   font-size: 1rem;  font-weight: bold;  color: #fff;  background-color: #6d6c74;  border: 1px solid #666;cursor:pointer; border-radius: 0 !important;  -webkit-appearance: none !important;  }

div.top{position:fixed; bottom:15px; right:15px; z-index:100;}
	div.top a{background-color:#FF7DB8; color:#fff; display:block; width:35px; height:35px; text-align:center; line-height:35px; border-radius:50%; font-size:0.65em;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);}


/*푸터*/
div#footer{ padding:  1.5rem 0.9375rem;text-align:center;background-color:#191a1a; color:#a0a0a0; }
div#footer h3{overflow:hidden; text-align:left;}
div#footer h3 a{float:right;}
div#footer div.address{width: 100%;box-sizing:border-box; color: #999; font-size:0.85rem; line-height:1.5;overflow:hidden; text-align:left;}
div#footer div.address a{color:#FA9D6C; font-weight:normal;}
div#footer div.address span {color:#FF7DB8; padding:0 5px; } 
div#footer div.address p.copy{color:#fff; margin-top:0.625rem;font-size:0.85rem;}

div#footer div.link{width:100%; text-align:center; margin-top: 1.25rem;}
div#footer div.link ul{clear:both; text-align:center;}
div#footer div.link ul li{margin:0; padding:0; display:inline-block; float:none;}
div#footer div.link ul li a{display:inline-block; padding: 0 3px; color: #fff;}

/*만족도 조사*/
table.board01 { border-top: 2px solid #000;}
table.board01 thead tr th { padding: 10px 5px; text-align: center; color: #111; border-bottom: 1px solid #777;  font-weight: 500;}
table.board01 thead tr th:last-child { border-right: none;}
table.board01 tbody tr th {  padding: 10px 0; text-align: center; color: #333; background: #f4f5f8;  border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; font-weight: 400;}
table.board01 tbody tr td {  padding: 10px 5px; text-align: center; color: #444; border-bottom: 1px solid #eee;font-size:.9rem; font-weight: 400;}
table.board01 tbody tr td.subject { text-align: left;}
table.board01 tbody tr td a { color: #444; text-align: left; display: inline-block; max-width: 750px; white-space: nowrap;
  text-overflow: ellipsis; overflow: hidden;}
table.board01 tbody tr td:last-child { border-right: none;}
table.board01 tbody tr:hover { background: #f6f6f6;}
table.board01 tbody tr:hover td a { color: #9e1c4e; text-decoration: underline;}

.Bbtn{display:block; padding:5px 7px; color:#fff !important; background:#ddd; background:#009FE9;}

/*장난감현황*/
div.toy_list div.galleryList{position:relative; overflow:hidden; margin:10px 0;}
div.toy_list div.galleryList ul{margin:-3% -1%;}
div.toy_list div.galleryList ul li{width:48%; margin:3% 1%; float:left; min-height:296px;}
div.toy_list div.galleryList ul li a{display:block;}
div.toy_list div.galleryList ul li div.gimg{height:150px; margin-bottom:20px; overflow:hidden; border:1px solid #ddd;}
div.toy_list div.galleryList ul li div.gimg img{width:100%; height:100%; display: inline-block;-moz-transition: transform .3s ease-out; -ms-transition: transform .3s ease-out;-o-transition: transform .3s ease-out; transition: transform .3s ease-out;}
div.toy_list div.galleryList ul li:hover div.gimg img{-webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3);  transform: scale(1.3);}
div.toy_list div.galleryList p.subject{ font-weight:500; display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.3em;height: 2.6em; font-size: 18px;    color: #343434; letter-spacing:-0.04em;} 
div.toy_list div.galleryList .sBtn{display:inline-block; padding:3px 8px; border-radius:3px; font-size:13px; color:#fff;  text-align:center;}
div.toy_list div.galleryList .sBtn.blue{background:#14C0B2}
div.toy_list div.galleryList .sBtn.red{background:#E93B6C}
div.toy_list div.galleryList .sBtn.green{background:#3E7821}
div.galleryList .sBtn.green2{background:#44B026}
div.galleryList .sBtn.blue2{background:#1E86FC}
div.toy_list div.galleryList p.date{color: #888; font-size:0.8rem;}
div.toy_list div.galleryList ul li a input{position:relative; z-index:100;}
div.toy_list div.galleryList .ico{margin-bottom:5px;}
.no_post{width:100% !important; background:#f7f7f7; padding:10px 0;}

.innerBox{background:url('/images/default/content/cen01_bg.jpg') no-repeat left top; background-size:cover; text-align:center;  color:#009FE9; padding:20px; position:relative; margin-bottom:20px;}
.innerBox a{display:block;  padding:0 1rem; height:40px; line-height:40px; text-align:center; background:#009FE9; color:#fff !important; border-radius:20px;  margin:10px auto 0;}

/*프로그램현황*/
.bor_top{font-size:0.8rem; }
.pro_wrap {border-top:2px solid #111; margin-top:10px; font-size:0.8rem; }
.pro_wrap ul li{border-bottom:1px solid #ddd; overflow:hidden; padding:20px 0px;}
.pro_wrap ul li > div{float:left;}
.pro_wrap ul li div.gimg_wrap{width:30%; cursor:pointer}
.pro_wrap ul li div.gtxt{width:70%; cursor:pointer}
.pro_wrap ul li div.gimg{height:100px;  overflow:hidden; border:1px solid rgba(0,0,0,0.1)}
.pro_wrap ul li div.gimg img{width:100%; height:100%; display: inline-block;-moz-transition: transform .3s ease-out; -ms-transition: transform .3s ease-out; -o-transition: transform .3s ease-out; transition: transform .3s ease-out;  }
.pro_wrap ul li div:hover div.gimg img{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3); /* IE 9 */      -o-transform: scale(1.3); transform: scale(1.3);}
.pro_wrap ul li div.gtxt{padding-left:15px;}
.pro_wrap ul li div.gtxt h5{font-size:1.1rem; color:#111;}
.pro_wrap ul li div.gtxt dl{overflow: hidden; position: relative; margin-top: 5px; font-size:.9rem;}
.pro_wrap ul li div.gtxt dl dt{display:inline-block; color:#50519e; font-weight:600;}
.pro_wrap ul li div.gtxt dl dd{display:inline-block; padding-left: 5px; box-sizing: border-box; position: relative;}
.pro_wrap ul li div.gtxt dl dd:before { content: ""; position: absolute; left: 0; top: 2px; width: 1px; height: 15px; background-color: #bfbfbf;}
.pro_wrap ul li div.rec_box{text-align:center; vertical-align:middle; padding-top:5px;}

.recBtn{display:inline-block;text-align:center; width:100%; height:30px; line-height:30px; border-radius:5px; background:#0e5ab5; color:#fff; font-size:0.8rem;}
.recBtn.ing02{background:#F52B30;}

/*프로그램현황 뷰페이지*/
.pView h3{font-size:1.3rem; margin-bottom:10px; position:relative; line-height:1;}
.pView h3 span.ing01{display:inline-block; font-size:.9rem; padding:7px 12px; border:1px solid #0e5ab5; color:#0e5ab5; vertical-align: middle;}
.pView h3 span.ing02{border:1px solid #F52B30; color:#F52B30; }
.tb_pto{overflow:hidden;     padding:20px 0;  border-top: 2px solid #00629f;}
.tb_pto > div{}
.tb_pto div.pro_img_wrap{text-align:center; margin-bottom:20px;}
.tb_pto div.pro_img{width:100%; height: 250px; display: inline-block; position: relative; overflow: hidden;     vertical-align: middle; border:1px solid #ddd;}
.tb_pto div.pro_img img{width:100%; height:100%;}
.tb_pto div.pro_txt h3{font-size:1.3rem; margin-bottom:10px; font-weight:500;}
.tb_pto div.pro_txt ul li{position: relative; padding: 0px; margin-bottom: 5px; padding-left: 130px; min-height: 30px; line-height: 30px;}
.tb_pto div.pro_txt ul li span{position: absolute; left: 0px; top: -0px; line-height: 31px; width: 130px; display: block; color: #00629f; background: url(/images/default/content/arrow_pro.png) no-repeat 0 center; padding-left: 25px;}

.tb_view{margin:30px 0;}
h3.h3_bg{ position: relative; padding-left:30px; border-bottom:2px solid #f4f4f4;  height:45px; line-height:45px; font-size:24px;  font-weight:500;}
h3.h3_bg:before{display: block;  content: '';  position: absolute;  top: 15px;  left: 0px;  width: 10px;  height: 5px;  border-left: 3px solid #21468B;
  border-bottom: 3px solid #21468B;  -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);}
h3.h3_bg:after{content : ""; display : block; position : absolute; left : 0; bottom : -1px;  width : 140px; height : 2px; background : #21468B;}
.tb_view_con{min-height:50px;}

.bottom_button{text-align:center;}
.bottom_button a{display:inline-block; overflow:hidden; position:relative; min-width:100px; height:45px; line-height:43px; box-sizing:border-box; padding:0 15px; margin:2px 0px; border:1px solid #262520; background: #262520; color:#fff !important; text-align:center; vertical-align:top; cursor:pointer; z-index:0;}