@charset "utf-8";
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
address, big, cite, code, del, dfn, em, font, img, ins, 
q, s, samp, small, strike, strong, sub, sup, tt, var, b, 
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:none 0; font-family:'Dotum', 'Noto Sans Korean'; font-weight:normal} /글자 없앰
h1, h2, h3, h4, h5, h6 {font-size:12px}
img, fieldset, iframe {border:0 none}
table, div {border-collapse: collapse; font-size:12px}
textarea {overflow:auto; outline-style:none; font-family:'Dotum', 'Noto Sans Korean'}
select, input, img, li {vertical-align:middle; text-align:left;  font-family:'Dotum', 'Noto Sans Korean'; outline-style:none} /폰트크기12없앰, 글자 순서
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal}
ul, li, ol {list-style-type:none}
legend, caption {display:none}
hr {border-collapse:collapse; display:none}
a { text-decoration:none; cursor:pointer; color:#222}
html, body {width:100%; height:100%}
body {background:#FFF; font-size:12px; color:#222}
.sound_only {display:none}


#um_sub_wrap {overflow:hidden; width:840px; margin:0px}
	
.sub_title_wrap {overflow:hidden; border:1px solid #dadada}
	/* .sub_title_wrap span {display:block; padding:15px 23px; background:#f9f9f9; border-bottom:1px solid #dadada; color:#5f5f5f; font-size:16px; font-family:'Noto Sans Korean'; font-weight:600}*/
	.sub_title_con {overflow:hidden; padding:15px 23px; background:#f9f9f9; border-bottom:1px solid #dadada}
		.sub_title_con div {float:left}
		.sub_title_con div img {margin-right:10px}
	.sub_title_box {overflow:hidden; float:left; padding:16px 23px}
		.sub_title_box li {float:left; margin-right:10px; font-size:11px; color:#9f9f9f; cursor:pointer}
		.sub_title_box li:hover {color:#222}
	.sub_title_wrap label {float:right; margin:10px 23px 0 0; padding:6px 15px; color:#e7a946; font-size:11px; border:1px solid #cccccc; border-radius:3px; cursor:pointer}
		.sub_title_wrap label:hover {text-decoration:underline}

.sub_con_wrap {margin-top:12px}
	.sub_item_box {overflow:hidden; margin-bottom:11px}
	 	.sub_item_box li {float:left; width:202px; border:1px solid #dadada; margin-left:8px;margin-top:8px;}	
/*		.sub_item_box li:nth-child(4n-3) {margin-left:0px !important}*/

		.item_img {position:relative; width:202px; height:184px; background:url('./img/item_pattern.gif')}
			.item_img div {position:absolute; bottom:75px; margin-left:47px}
			.item_img span {position:absolute; bottom:39px; width:100%; text-align:center; font-weight:bold; color:#303030}
			.item_img span font {font-size:11px; color:#e7a946; font-weight:bold}
		.item_text {overflow:hidden; padding:16px; border-top:1px solid #ececec; border-bottom:1px solid #dadada}
			.item_text span {float:left; display:block; font-size:11px; color:#7d7d7d}
			.item_text code {float:left; display:block; margin:32px 0 14px 0; font-size:11px; color:#da4a50; font-weight:bold}
			
			.item_add {overflow:hidden; float:right; margin-top:23px; }
				.item_add label {float:left; display:block; padding:5px 3px; border:1px solid #dadada; font-size:16px; color:#9c9c9c; cursor:pointer}
				.item_add label:hover {color:#eb2629}
				.item_add div {float:left; padding:7px 13px 8px 13px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; font-size:11px}

		.item_btn {overflow:hidden; padding:9px 0 9px 88px}
			.item_btn div {float:left; padding:5px 14px; color:#3b3b3b; border:1px solid #a0a0a0; cursor:pointer}
			.item_btn div:hover {text-decoration:underline}