@charset "utf-8";

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); /* font-family: 'Noto Sans KR', sans-serif; */



/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#ededed}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

p {margin:0;padding:0;word-break:break-all}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

/* ################### 헤더 #################### */
header, #container {width:100%; min-width:1279px; margin:0 auto;}

header {overflow:hidden; padding:30px 0; background:#fff}
header div {width:1279px; margin:0 auto; }
header h1 {float:left;}
header ul {overflow:hidden; float:right;}
header ul li {float:left; margin-left:9px;}

/* ################### 헤더 #################### */
#container {border-top:1px solid #c9c9c9; color:#464b4f;  font-size:17px; line-height:160%;}
.wrapper_kor #container {background:url(../images/subvisual_kor.jpg) no-repeat center top; font-family:'NanumSquare', 'Nanum Gothic', '맑은 고딕';}
.wrapper_eng #container {background:url(../images/subvisual_eng.jpg) no-repeat center top; font-family:'NanumSquare', 'Nanum Gothic', '맑은 고딕';}
.wrapper_chn #container {background:url(../images/subvisual_chn.jpg) no-repeat center top; font-family:'Noto Sans KR', sans-serif !important;}
.wrapper_vie #container {background:url(../images/subvisual_vie.jpg) no-repeat center top; font-family:'Noto Sans KR', sans-serif !important;}
.wrapper_rus #container {background:url(../images/subvisual_rus.jpg) no-repeat center top; font-family:'NanumSquare', 'Nanum Gothic', '맑은 고딕';}

#content {overflow:hidden; width:1279px; margin:230px auto 0; padding:39px; background:#fff}
#content .submenu {float:left; width:224px; border-top:2px solid #191919; border-bottom:2px solid #191919}
#content .submenu ul {padding:0 0 0 11px;}
#content .submenu li {padding:15px 0 13px 20px; border-bottom:1px solid #dddddd; line-height:120%; background:url(../images/bullet.gif) no-repeat left 19px}
#content .submenu li:last-child {border-bottom:none}
#content .submenu li a {text-decoration:none; color:#464b4f; font-size:18px; font-weight:bold; letter-spacing:-0.05em;}

	#textzone {float:right; width:894px;}
	#textzone h2 {margin-bottom:40px; font-size:33px; font-family:'NanumSquare', 'Nanum Gothic', '맑은 고딕';}
	.wrapper_chn #textzone h2 {font-family:'Noto Sans KR', sans-serif !important;}
	.wrapper_vie #textzone h2 {font-family:'Noto Sans KR', sans-serif !important;}
	#textzone hr {margin:40px 0 50px; opacity:30%;}
	#textzone table {width:100%; border-collapse:collapse;}

	/* 센터소개 */
	#textzone .introduce {min-height:169px; background:url(../images/introduce_photo.jpg) no-repeat right top;}

	/* 미션 및 비전 */
	#textzone .mission {margin-bottom:22px; text-align:center;}
	#textzone .mission dd {display:inline-block;margin:0 10px;}
	#textzone .vision {text-align:center;}

	/* 사업안내 */
	#textzone .business {}
	#textzone .business thead th {padding:10px 0; color:#fff; font-size:20px;}
	#textzone .business thead th:nth-child(1) {background:#719fd1;}
	#textzone .business thead th:nth-child(2) {background:#de99ca;}
	#textzone .business thead th:nth-child(3) {background:#a3cf78;}
	#textzone .business tbody {background:url(../images/business_visual.gif) no-repeat right bottom;}
	#textzone .business tbody td {padding:20px 10px 20px 30px; vertical-align:top; color:#000; border:1px solid #d8d8d8;}
	#textzone .business tbody td span {color:#828282;}
	#textzone .business tbody td li {margin-bottom:10px; list-style:disc;}

	/* 센터 이용안내 */
	#textzone .guide {overflow:hidden;}
	#textzone .guide table:nth-child(1) {float:left}
	#textzone .guide table:nth-child(2) {float:right}
	#textzone .guide table {width:49%; border-collapse:collapse;}
	#textzone .guide table thead th {border:1px solid #c9c9c9; padding:10px; color:#fff; text-align:center; background:#d6b272;}
	#textzone .guide table tbody {font-size:15px; font-family:'Nanum Gothic'; line-height:1.6em;}
	#textzone .guide table tbody th {width:10%; color:#bb8b36; background:#fbf7f1; border:1px solid #d8d8d8; padding:5px;}
	#textzone .guide table tbody td {overflow:hidden; width:40%; border:1px solid #d8d8d8; padding:10px 5px;}
	#textzone .guide table tbody strong {display:block;}
	#textzone .guide table tbody td img {display:block; margin-left:10px; float:right;}

	/* 장난감도서 이용안내 */
	.wrapper_kor #textzone .toy_library {background:url(../images/toylibrary_kor_photo.jpg) no-repeat right bottom}
	.wrapper_eng #textzone .toy_library {background:url(../images/toylibrary_eng_photo.jpg) no-repeat right bottom}
	.wrapper_chn #textzone .toy_library {background:url(../images/toylibrary_chn_photo.jpg) no-repeat right bottom}
	.wrapper_vie #textzone .toy_library {background:url(../images/toylibrary_vie_photo.jpg) no-repeat right bottom}
	.wrapper_rus #textzone .toy_library {background:url(../images/toylibrary_rus_photo.jpg) no-repeat right bottom}
	#textzone .toy_library table {overflow:hidden;}
	#textzone .toy_library table  {width:70%; border-collapse:collapse;}
	#textzone .toy_library table thead th {border:1px solid #c9c9c9; padding:10px; color:#fff; text-align:center; background:#d6b272;}
	#textzone .toy_library table tbody {font-size:15px; font-family:'Nanum Gothic'; line-height:1.6em;}
	#textzone .toy_library table tbody th {color:#bb8b36; background:#fbf7f1; border:1px solid #d8d8d8; padding:5px;}
	#textzone .toy_library table tbody td {overflow:hidden; border:1px solid #d8d8d8; padding:10px 5px;text-align:center;}
	#textzone .toy_library table tbody strong {display:block;}

	/* 찾아오시는 길 */
	#textzone .direction dl {overflow:hidden; margin-bottom:30px; border-bottom:1px solid #c0c0c0}
	#textzone .direction dl dt {float:left; text-align:left; vertical-align:top; width:13%;}
	#textzone .direction dl dd {float:right; width:87%; padding-left:30px; border-left:1px dashed #c0c0c0; background:none}
	#textzone .direction dl dd:last-child {margin-bottom:0;}
	#textzone .direction dl dd h4 {display:inline-block; padding:2px 20px; margin-bottom:5px !important; border:2px solid #c0c0c0; border-radius:30px;}
	#textzone .direction dl dd h4:nth-child(1) {margin-top:0}
	#textzone .direction dl dd ul {margin-bottom:20px;}
	#textzone .direction dl dd ul li {margin-left:38px}
	#textzone .direction dl dd ul li strong {color:#0e6fb3}



/* ################### 풋터 #################### */
footer {width:1240px; margin:0 auto; padding:44px 0 40px;overflow:hidden;text-align:left;}
#ft_company {float:left;font-family:'NanumSquare', 'Nanum Gothic', '맑은 고딕';}
#ft_company:first-child {padding-left:0; width:28%; text-align:left; border-right:2px solid #8e8e8e; }
#ft_company:first-child dl dt .logo_ft {margin-bottom:28px;}
#ft_company:first-child dl dd ul li span {margin-left:0}

#ft_company dl {font-weight:normal; line-height:2em;}
#ft_company dl:after {display:block;visibility:hidden;clear:both;content:""}
#ft_company dt {float:left; margin-right:20px; margin-bottom:10px; color:#2d2c2b; font-size:19px;  font-weight:bold; letter-spacing:-0.08em;}
#ft_company dd {font-size:17px; letter-spacing:-0.05em;color:#65645f; font-size:17px}
#ft_company dd ul li span {display:inline-block; padding-right:3px; margin-left:10px; font-weight:bold; color:#2d2c2b}

#ft_company.right {padding:10px 0 9px 20px; width:72%;}
#ft_company.right dl {margin-bottom:15px;}
#ft_company.right dd ul li {float:left; padding-right:5px;}

#ft_company .ft_link {float:left; padding:0 15px 0 0; margin:0; letter-spacing:-0.09em; font-size:17px;}

#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}