html{min-width:300px; width:100%; overflow-x:scroll; margin:0; padding:0; height:100%;}
body {margin:0;padding:0;font-size:12px;font-family:gulim;word-wrap:break-word;word-break:break-all; width:100%; font-family:"MalgunGothic", "맑은고딕",'Malgun Gothic' !important; background:#000; overflow-x:hidden; min-width:300px; width:100%; height:100%;}
input,select,textarea {font-size:12px;}
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;}
label {cursor:pointer;}
a {text-decoration:none;color:#000; font-family:MalgunGothic, "맑은고딕",'Malgun Gothic' !important;}}
a:hover {color:#666;}

ul, li {list-style:none; padding:0; margin:0;}


#wrap {width:100%; background:#fff;}
#mobile_header {display:none; width:100%; color:#000; position:fixed; top:0; z-index:2; border-bottom:1px solid #d4d4d4; background:#fff;}
	.menu_btn {float:left; font-size:3em; padding:3%; width:15%;}
	.sub_btn {float:right; font-size:3em; padding:3%; width:15%; text-align:right;}
	.mslide {display:none;}
	#mobile_menu {display:none;}
	#side_menu {display:none;}

#pc_header {width:100%; position:fixed; top:0; color:#000; padding-bottom:16px; z-index:2; border-bottom:1px solid #d4d4d4; background:#fff;}
	#pc_header a{color:#000;}
	.logo {width:168px; float:left; padding-top:18px; margin-left:4%; margin-right:4%;}
		.logo a {font-size:20px; font-weight:bold;}
	.lang {width:4%; float:right; font-size:16px; text-align:right; padding-top:20px; margin-right:4%;}
		.lang span {float:right; display:block; margin-right:20px; color:#aaa;}
			.lang .sel {font-weight:bold; color:#000;}
	.menu_list {text-align:center; font-size:1.35em; float:left; padding-top:20px; width:70%; /*margin: 0 auto;*/}
		.menu_list a {padding-bottom:18px;}
		.menu_list a:hover {border-bottom:2px solid #000;}

	#content {width:92%; padding-left:4%; /*padding-top:10%;*/padding-top:6%;}
	@media screen and (max-width: 1250px) {
		#content {width:92%; padding-left:4%; /*padding-top:10%;*/padding-top:8%;}
	}
		.main_title {font-size:1.2em; font-weight:bold; color:#666}
		.content_title {font-size:1.7em; font-weight:bold; margin-top:5%; margin-bottom:5%;}
		.content_title:hover {text-decoration:underline;}
		.cont {color:#aaa; font-size:1.1em;}
			.gal_img {margin-top:10%;}

		.left_content {width:32%; margin-top:4%; float:left;}
		.center_cotent {width:66%; margin-top:4%; margin-left:2%; float:left;}

	.topbtn_area {margin:7% 0; font-size:3em; text-align:right;}
	
	#bottom {border-top:1px solid #D4D4D4; padding:2% 4%; color:#949494; background:#000;}
		#bottom a {color:#949494;}
		#bottom a:hover {color:#fff; font-weight:bold;}
		.copyright {margin-top:0.5%;}


@media screen and (max-width: 1250px) {
	#pc_header {display:none;}
	#mobile_header {display:block;}
	.logo {width:58%; padding-top:18px; margin: 0 auto; text-align:center;}
	.logo img {width : 168px;}

	.menu_btn {float:left; font-size:3em; padding:1% 3%; width:15%;}
	.sub_btn {float:right; font-size:3em; padding:1% 3%; width:15%; text-align:right;}

	#mobile_menu {width:40%; height:100%; background:#000; color:#fff; position:fixed; top:0; z-index:3; font-size:2.2em;}
		.close_btn {float:left; margin:4%; width:15%;}
		.mlogo {text-align:center; margin-top:4%; width:54%; float:left;}
		#mobile_menu ul{margin-top:80px;}
		#mobile_menu li {text-align:left; margin-left:5%; margin-top:5%; border-bottom:1px solid #2d2d2d; width:90%; padding-bottom:5%;}
		#mobile_menu li a{color:#fff; font-size:0.9em;}

	#side_menu {width:100%; height:100%; background:#000; color:#fff; position:fixed; top:0; z-index:3; font-size:2.2em;}
		#side_menu .close_btn {float:right; text-align:right;}
		#side_menu .mlogo {text-align:center; margin-top:4%; width:54%; float:right;}
		#side_menu ul{margin-top:80px;}
		#side_menu li {text-align:left; margin-left:5%; margin-top:5%; border-bottom:1px solid #2d2d2d; width:90%; padding-bottom:5%;}
		#side_menu li a{color:#fff; font-size:0.9em;}

}
@media screen and (max-width: 800px) {
	body {font-size:9px;}
	.logo {padding-top:10px;}
}
/*
@media screen and (max-width:1117px){
	.span_space_divider2 {display:block;}
	.lang {width:9.5%; float:left; font-size:16px; text-align:right; padding-top:20px; margin-right:4%;}
}
@media screen and (min-width:1118px){
	.span_space_divider2 {display:none;}
}

@media screen and (max-width : 780px){
	.span_space_divider2 {display:none;}
	#pc_header {display:none;}
	#mobile_header {display:block;}
}
@media screen and (min-width: 781px){
	.span_space_divider3 {display:none;}
	#pc_header {display:block;}
	#mobile_header {display:none;}
}
*/
@media screen and (max-width: 450px) {
	#pc_header {display:none;}
	#mobile_header {display:block;}
	.pcimg {display:none;}
	.mimg {display:block; background-size: auto 100%; background-position:center center;}
	.logo {font-size:2.5em; padding:0; margin:0; text-align:center; padding:3%; width:52%;}

	.menu_btn {float:left; font-size:3em; padding:3%; width:15%;}
	.sub_btn {float:right; font-size:3em; padding:3%; width:15%; text-align:right;}

	.control_btn {margin-top:70%;}
	.main_txt {display:none;}

	.mobile_txt {background:#fff; border:1px solid #000; width:88%; margin-left:4%; padding:2%; font-size:2em; font-weight:bold; position:absolute; bottom:3%;}
	.main_btn {border:0; padding:0; font-weight:normal; font-size:0.9em; margin-top:10px;}
	.pg_num {float:right; font-size:0.9em; margin-top:10px;}
	.mslide {display:block;}

	#paging_num {display:none;}
	
	/*#content {width:100%; padding:0; margin:50px 0 0 0;}*/
	#content {width:92%; padding-left:4%; padding-top:10%; margin-top:7%;}
	.left_content {width:92%; padding:10% 4%;float:default; border-bottom:1px solid #d4d4d4;}
	.center_cotent {width:92%; padding:10% 4%; margin:0; float:default; border-bottom:1px solid #d4d4d4;}
			.stock_val {font-size:3em; font-weight:bold; margin-top:5%; margin-bottom:5%;}
				.stock_val span {font-size:0.8em; font-weight:400;}
				.content_date {color:#999;}

	.right_content {width:92%; padding:10% 4%; margin:0;  float:default;}
	.topbtn_area {margin:7% 0; font-size:3em; text-align:center;}

	#bottom {border-top:1px solid #D4D4D4; padding:2% 4%; color:#949494; background:#000; font-size:1.4em;}
		#bottom a {color:#949494;}
		#bottom a:hover {color:#fff; font-weight:bold;}
		.copyright {margin:20px 0;}
		.pc_bottom {}
		.mobile_bottom{display:block; margin-top:20px;}
			.mobile_bottom a {width:50%; float:left; margin-top:10px;}

		#mobile_menu {width:100%; height:100%; background:#000; color:#fff; position:fixed; top:0; z-index:3; font-size:2.2em;}
			.close_btn {float:left; margin:4%; width:15%;}
			.mlogo {text-align:center; margin-top:4%; width:54%; float:left;}
			#mobile_menu ul{margin-top:80px;}
			#mobile_menu li {text-align:left; margin-left:5%; margin-top:5%; border-bottom:1px solid #2d2d2d; width:90%; padding-bottom:5%;}
			#mobile_menu li a{color:#fff; font-size:0.9em;}

		#side_menu {width:100%; height:100%; background:#000; color:#fff; position:fixed; top:0; z-index:3; font-size:2.2em;}
			#side_menu .close_btn {float:right; text-align:right;}
			#side_menu .mlogo {text-align:center; margin-top:4%; width:54%; float:right;}
			#side_menu ul{margin-top:80px;}
			#side_menu li {text-align:left; margin-left:5%; margin-top:5%; border-bottom:1px solid #2d2d2d; width:90%; padding-bottom:5%;}
			#side_menu li a{color:#fff; font-size:0.9em;}
}