html{min-width:300px; width:100%; 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; min-width:300px; overflow-x:hidden; 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%;}
#mobile_header {display:none; width:100%; color:#fff; position:fixed; top:0; z-index:2;}
	.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:#fff; padding-bottom:16px; z-index:2;}
	#pc_header a{color:#fff;}
	.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:#fff;}
	.menu_list {text-align:center; font-size:1.35em; float:left; padding-top:20px;width:70%;}
		.menu_list a {padding-bottom:18px;}
		.menu_list a:hover {border-bottom:2px solid #000;}
		
		.pcimg {width:100%;}
		.mimg{display:none; height:316px; width:100%;}
	.main_top {position:relative;}
	.main_slide li {width:100%; position:absolute;}
		.main_img {display:none;}
		
	.main_txt {position:absolute; z-index:1; width:90%; margin-top:10%; margin-left:10%;}
		.main_txt li {margin-top:7%; font-size:2.5em; font-weight:bold; color:#fff; position:absolute; display:none;}
	
	#main_btnarea {margin-top:5%;}
		.main_btn {background:#fff; border:1px solid #000; color:#000; padding:10px; font-weight:bold;}
		.main_btn:hover {background:#000; color:#fff;}
	
	.control_btn {margin-top:19%; z-index:1; }
		.left_btn {color:#fff; background:none; border:0; font-size:2.2em;background:#000; padding:8px 0 8px 15px; position:absolute; left:0;}
		.right_btn {color:#fff; background:none; border:0; font-size:2.2em;background:#000; padding:8px 15px 8px 0px; position:absolute; right:0;}

	#paging_num{color:#fff; font-weight:bold; float:right; margin-top:40%; font-size:1.5em; z-index:2; position:absolute; right:5%;}

	#content {width:92%; margin-left:4%;}
		

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

		.pc_bottom{}

@media screen and (max-width: 1250px) {
	body {font-size:9px;}
	.logo {display:none;}
	#pc_header {display:none;}
	#mobile_header {display:block;}

	#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 {display:none;}
	#pc_header {display:none;}
	#mobile_header {display:block;}

	#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;}
}


@media screen and (max-width: 650px) {
	.main_txt li {margin-top:4%; font-size:1.7em; font-weight:bold; color:#fff; position:absolute; display:none;}
}

@media screen and (max-width: 480px) {
	#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%;}

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

	.mobile_txt {background:#fff; width:88%; margin-left:4%; padding:2%; font-size:2em; font-weight:bold; position:absolute; bottom:3%; opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;}
		.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:0;}
	.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;}
}