/**
 * A Design by Naenara 
 * Author: XS@turn.Exp
 * Page URL: http://www.polestar.com
 * License: Foreign Languages Publishing House, DPR Korea
 * License URL: http://www.naenara.com.kp
 */
body				{ margin:0; padding:0; }
body a				{ transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;
					  -moz-transition:0.5s all; -ms-transition:0.5s all; }
ul					{ padding:0; margin:0; }
h2,h3,h4,h5,h6,p	{ margin:0; }

/*
 * Header Styles
 */
.header-frame		{ background:url("../contents/images/home/home-bg.jpg") no-repeat center top; 
					  min-height:638px; padding-top:7px; background-size:cover; width:100%; }
.logo				{ float:left; width:290px; }
.logo-image			{ float:left; margin-right:8px; width:41px; height:40px; margin-top:6px;
					  background:url("../contents/images/home/logo-white.png") no-repeat; }
.logo h2			{ float:left; font-family:"wkgothic"; color:white; font-size:24px; }
.logo h3			{ float:left; font-family:Tahoma, Geneva, sans-serif; color:#b4d2e5; font-size:16px; 
					  border-bottom:1px solid #a1909f; padding-bottom:3px; margin-bottom:3px; font-weight:bold; }
.logo h4			{ font-family:Arial, Helvetica, sans-serif; color:white; font-size:12px; 
					  background:url("../contents/images/home/logo-pyo.png") no-repeat left bottom;
					  padding-bottom:5px; padding-left:6px; margin-left:44px; }
.logo a:hover		{ text-decoration:none; }
.logo a:hover h2	{ transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;
					  -moz-transition:0.5s all; -ms-transition:0.5s all; color:#ffedbc;  }
.logo a:hover h3	{ transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;
					  -moz-transition:0.5s all; -ms-transition:0.5s all; color:#d5a82b;  }
.logo a:hover h4	{ transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all;
					  -moz-transition:0.5s all; -ms-transition:0.5s all; color:#ffedbc;  }
.langbtn			{ display:inline; float:right; margin-right:5px; background-color:#fdd361;
					  padding:2px 8px 2px 8px; border-radius:3px; cursor:pointer; margin-bottom:10px; }
.langbtn.set		{ color:#1f1423; }
.langbtn.unset		{ color:#774c70; }
.langbtn:nth-child(2)		{ font-family:"wkgothic"; font-size:11px; }
.langbtn:nth-child(1)		{ font-family:Arial, Helvetica, sans-serif; font-size:11px; }

/*
 * Navbar Styles
 */
.top-nav ul li a	{ color:white; padding:10px 10px; font-family:"wkgothic"; font-size:15px;
					  text-align:center; position:relative; }
.top-nav ul li label{ font-family:Tahoma, Geneva, sans-serif; font-size:10px; font-weight:normal; margin-top:7px;
					  color:#ab9ca7; }
.navspec			{ width:60px; }
.top-nav ul li span { float:left; height:46px; width:27px; display:inline-block; margin-right:5px;
					  background:url("../contents/images/home/gnav-slash.png") no-repeat center top; }
.top-nav ul li.active a,
.top-nav ul li a:hover{	color:#f4bb36; }
.logo a				{ display:block; }
.top-nav:before,
.top-nav:after 		{ content:" "; display:table; }
.top-nav:after 		{ clear:both; }
nav 				{ position: relative; float:right; }
nav ul 				{ padding:0; float:right; }
nav li 				{ display:inline; float:left; position:relative; font-size:15px; }
nav a 				{ color:#fff; display:inline-block;	text-align:center; text-decoration:none; line-height:60%; }
nav a:hover			{ text-decoration:none;	color:#00A2C1; }
nav a#pull 			{ display:none; }

@media screen and (max-width: 768px) {
	nav 			{ height:auto; float:none; }
  	nav ul 			{ width:100%; display:block; height:auto; }
  	nav li 			{ width:100%; position:relative; }
  	nav li a 		{ border-bottom:1px solid #eee; }
  	nav a 			{ text-align:left; width:100%; text-indent:25px; }
}

@media only screen and (max-width: 768px) {
	nav 			{ border-bottom:0; float:none; }
	nav ul 			{ display:none;	height:auto; margin:0; background:#fff;	}
	nav a#pull 		{ display:block; position:relative;	color:#f26d7d; text-align:right; position:absolute; top:12px; }
	nav a#pull img	{ margin-right:2%; }
	.top-nav ul li a{ color:#2C3e50; padding:0em 0; margin-top:12px; }
	.top-nav ul li span { height:1px; width:0px; display:none; background:none; }
	.container		{ padding:0; }
}

@media only screen and (max-width: 320px) {
	nav 			{ float:none; }
	nav li 			{ display:block; float:none; width:100%; }
	nav li a 		{ border-bottom:1px dotted #576979; margin-top:12px; }
	.top-nav ul li span { height:1px; width:0px; display:none; background:none; }
	nav a#pull img	{ margin-right:10px; }
	.container		{ padding:0; }
}


/**
 * Gallery-1
 */
 .gf-left			{ float:left; width:49.5%; }
 .gf-right			{ float:right; width:47.5%; padding-bottom:20px; }
 .gmtitle-1			{ font-size:20px; font-family:"wkgothic"; color:#4c5e7a; }
 .gmtitle-border-1	{ clear:both; background-size:cover; height:5px;
 					  background:url("../contents/images/home/home-gradient-2.gif") left bottom repeat-y; }
 .gmtitle-1 label	{ font-size:22px; font-weight:normal; }
 .gallery-frame-1 p	{ font-size:14px; font-family:"wklchongbong"; letter-spacing:-1px; text-align:justify;
 					  margin-top:9px; color:#555555; }
 .first-letter-1	{ font-size:32px; float:left; margin-bottom:0; margin-top:3px; color:#555555;
 					  font-family:"wklchongbong"; font-weight:normal; }
 .photo-gallery		{ clear:both; }
 .pg-item1 			{ float:left; width:60%; margin-top:6px; }
 .pg-item2 			{ float:right; width:39%; margin-top:6px; }
 .pg-item3 			{ float:right; width:39%; margin-top:6px; }
 .gf-left-article	{ clear:both; padding-top:14px; padding-bottom:20px; }
 .gf-left h4		{ clear:both; width:120px; padding-top:6px; padding-bottom:6px;
 					  background-color:#9ba281; color:white; text-align:center; cursor:pointer;
 					  font-family:"wklchongbong"; font-weight:normal; font-size:14px; }


 /**
  * Gallery-2
  */
 .gmtitle-2	label	{ font-size:20px; font-weight:normal; font-family:"wkgothic"; color:#91845d; }
 .gmtitle-border-2	{ clear:both; background-size:cover; height:5px;
 					  background:url("../contents/images/home/home-gradient-3.gif") left bottom repeat-y; }
 .gf-right-panel 	{ clear:both; font-size:14px; font-family:"wklchongbong"; font-weight:normal;
 					  padding-top:15px; border-bottom:1px dashed #b2b2b2; padding-bottom:8px; }
 .gf-right-panel h4	{ float:left; width:118px; padding-top:7px; padding-bottom:7px; text-align:center;
 					  color:white; background-color:#d7c289; cursor:pointer; }
 .gf-right-panel span{ display:inline-block; margin-left:7px; padding-top:5px; color:#91845d; }
 .gf-right-panel p	{ clear:both; }
 
 .gmtitle-3	label	{ font-size:20px; font-weight:normal; font-family:"wkgothic"; color:#787b5a; 
 					  padding-top:20px; float:left; }
 .gmtitle-3	span	{ font-size:13px; font-weight:normal; font-family:"wklchongbong"; color:#555555; 
 					  padding-top:30px; float:right; }
 .gmtitle-border-3	{ clear:both; background-size:cover; height:5px;
 					  background:url("../contents/images/home/figure-line.gif") left bottom repeat-y; }
 .fg-term-table		{ width:100%; margin-top:1px; }
 .fg-term-table td	{ border-bottom:1px solid white; border-right:1px solid white;
 					  padding-top:6px; padding-bottom:6px; }
 .fg-term-1			{ background-color:#c9cfb5; color:#484e32; text-align:left; padding-left:20px;
 					  width:40%; font-family:"wkgothic"; font-size:13px; }
 .fg-term-2			{ background-color:#eeeeee; color:#82876e; text-align:right; padding-right:20px;
 					  width:30%; font-family:Verdana, Geneva, sans-serif; font-size:12px; }
 .fg-term-3			{ background-color:#eeeeee; color:#82876e; text-align:right; padding-right:20px;
 					  width:30%; font-family:Verdana, Geneva, sans-serif; font-size:12px; }
 .xg-term-table		{ width:100%; margin-top:10px; }
 .xg-term-table td	{ border-bottom:1px solid white; border-right:1px solid white; }
 .xg-term-1			{ color:#484e32; text-align:left; padding-left:20px;
 					  width:40%; font-family:"wkgothic"; font-size:12px; }
 .xg-term-2			{ color:#82876e; text-align:left;
 					  width:30%; font-family:"wkgothic"; }
 .xg-term-3			{ color:#82876e; text-align:left;
 					  width:30%; font-family:"wkgothic"; }
 .xg-term-table h4	{ background-color:#c9cfb5; color:white; width:70px; padding:5px; text-align:center;
 					  font-weight:bold; font-size:12px; }
 .tg-term1			{ float:left; width:40%; background-color:#9ba281; color:white; text-align:center;
 					  font-family:"wklchongbong"; font-weight:normal; font-size:14px; padding:6px;
					  margin-top:10px; margin-bottom:10px; }
 .tg-term2			{ float:left; width:40%; background-color:#adb590; color:white; text-align:center;
 					  font-family:"wklchongbong"; font-weight:normal; font-size:14px; padding:6px;
					  margin-top:10px; margin-left:1px; margin-bottom:10px; }
 .tg-term3			{ float:left; width:40%; background-color:#ececec; color:#555555; text-align:center;
 					  font-family:"wkgothic"; font-weight:normal; font-size:12px; padding:7px;
					  margin-left:1px; margin-bottom:1px; }
 .tg-term4			{ float:left; width:58%; background-color:#ececec; color:#555555; text-align:center;
 					  font-family:"wkgothic"; font-weight:normal; font-size:12px; padding-top:7px;
					  margin-left:1px; padding-bottom:7px; padding-left:20px; margin-bottom:1px; }
 .tg-term5			{ clear:both; width:40%; background-color:#ececec; color:#555555; text-align:center;
 					  font-family:"wkgothic"; font-weight:normal; font-size:12px; padding:7px;
					  margin-top:1px; margin-left:1px; }
					  

 /**
  * Section-2
  */
  .section-2		{ clear:both; text-align:center; width:100%; padding-top:30px;
  					  color:#555555; overflow:auto; display:block;
  					  font-family:"wklchongbong"; font-weight:normal; font-size:14px; background-color:#f2f2f2; }
  .section-2 h2		{ font-family:"wkgothic"; font-size:22px; color:black; padding-bottom:10px; }
  .section-2 p		{ text-align:center; line-height:120%; padding-bottom:20px; }
  .section-2 table	{ width:90%; margin:0 auto; }
  .section-2 td		{ text-align:center; padding-left:20px; padding-bottom:30px; }
  .section-2 img	{ float:left; vertical-align:middle; }
  .section-2 h3		{ text-align:center; line-height:120%; color:black; font-size:14px; padding-top:10px;
  					  cursor:pointer; }
  .section-2 span	{ color:#555555; }
  .section-2 h3:hover{ text-decoration:underline; }
  

 /**
  * Section-2
  */
 .section-3			{ clear:both; width:100%; padding-top:30px;
  					  background-image:url("../contents/images/products/bg.jpg"); }
 .pd-gallery-frame	{ clear:both; width:85%; margin:0 auto; padding-bottom:30px; overflow:auto; }
 .section-3 h2		{ clear:both; text-align:center; color:white; padding-bottom:20px;
 					  font-family:"wkgothic"; font-size:22px; font-weight:normal; }
 .pd-gallery		{ float:left; width:371px; height:375px; }
 .pd-thumb			{ float:left; border:12px solid white; margin-left:5px; margin-bottom:5px; }
 .pd-text			{ float:left; position:relative; left:146px; top:-230px;  cursor:pointer; }
  
 
 /**
  * Footer
  */
 footer				{ clear:both; width:100%; background-repeat:repeat-y; background-position:center top;
 					  background-image:url("../contents/images/home/footer-bg.gif"); overflow:auto; }
 .footer-left		{ float:left; width:48%; padding-top:45px; text-align:left; }
 .footer-right		{ float:right; width:48%; padding-top:40px; padding-bottom:20px; }
 .footer-left img	{ margin-right:5px; }
 .footer-left h2	{ clear:both; width:256px; height:64px; cursor:pointer; background-repeat:no-repeat;
 					  background-image:url("../contents/images/home/footer-logo.png"); }
 .footer-left h3	{ clear:both; color:white; font-size:16px; padding-top:30px;
 					  font-family:"wkgothic"; font-weight:normal; }
 .footer-left h4	{ clear:both; color:white; font-size:14px; padding-top:10px;
 					  font-family:"wklchongbong"; font-weight:normal; }
 .footer-left h5	{ clear:both; color:white; font-size:12px; padding-top:4px;
 					  font-family:Verdana, Geneva, sans-serif; font-weight:normal; }
 .footer-right p	{ clear:both; color:#b5b5b5; font-size:14px; line-height:120%;
 					  font-family:"wklchongbong"; font-weight:normal; }
 .footer-right input{ clear:both; border:1px solid #6a6a6a; color:#b5b5b5; width:100%; font-size:14px;
 					  font-family:"wklchongbong"; font-weight:normal; background-color:transparent;
					  margin-top:10px; padding:5px; }
 .footer-right textarea{ clear:both; border:1px solid #6a6a6a; color:#b5b5b5; width:100%; font-size:14px;
 					  font-family:"wklchongbong"; font-weight:normal; background-color:transparent;
					  margin-top:4px; padding:5px; height:100px; }
 .footer-right h3	{ clear:both; background-color:#f4bb36; border-radius:5px; text-align:center;
 					  color:#372b0e; font-family:"wklchongbong"; font-weight:normal;
					  font-size:14px; cursor:pointer; margin-top:6px; width:150px;
					  padding-top:9px; padding-bottom:9px; }

/************************************************************************************************************************
 * Mobile StyleSheet Area
 ************************************************************************************************************************
 */
@media (max-width:1280px){
	.header-frame	{ min-height:648px; }
	.top-nav ul li a{ padding:6px 6px; font-size:14px; }
	.top-nav ul li label{ font-size:10px; margin-top:7px; }
	.navspec		{ width:56px; }
	.top-nav ul li span { height:46px; width:27px; margin-right:5px; }
}

@media (max-width:1024px){
	.header-frame	{ min-height:648px; }
	.container		{ width:95%; }
	.top-nav ul li a{ padding:0px 0px; font-size:14px; }
	.top-nav ul li label{ font-size:9px; margin-top:7px; }
	.navspec		{ width:50px; }
	.top-nav ul li span { height:38px; width:22px; margin-right:5px; background-size:cover; }
}

@media (max-width:900px){
	.header-frame	{ min-height:545px; padding-top:5px; }
	.logo-image		{ width:32px; height:30px; background-size:cover; margin-left:10px; }
	.container		{ width:98%; }
	.top-nav ul		{ margin-top:10px; }
	.top-nav ul li a{ padding:0px 0px; font-size:14px; }
	.top-nav ul li label{ font-size:9px; margin-top:7px; }
	.navspec		{ width:50px; }
	.top-nav ul li span { height:38px; width:12px; margin-right:5px; background-size:cover; }

	.gmtitle-1			{ font-size:18px; font-family:"wkgothic"; color:#4c5e7a; }
	.gmtitle-1 label	{ font-size:20px; font-weight:normal; }
	.gmtitle-2	label	{ font-size:18px; font-weight:normal; font-family:"wkgothic"; color:#846970; }
}

@media (max-width:768px){
	.navspec		{ width:auto; }

}

@media (max-width:640px){
	.header-frame	{ min-height:488px; padding-top:5px; background-position:-150px top; }
	.logo-image		{ width:36px; height:34px; background-size:cover; margin-left:10px; }
	.logo h2		{ font-size:22px; }
	.logo h3		{ font-size:14px; }
	.logo h4		{ font-size:12px; }
	.gallery-frame-1 p	{ font-size:14px; font-family:"wklchongbong"; letter-spacing:-1px; text-align:justify;
 					  margin-top:9px; color:#555555; }
 	.first-letter-1	{ font-size:28px; float:left; margin-bottom:0; margin-top:5px; color:#555555;
 					  font-family:"wklchongbong"; font-weight:normal; }
    .gf-left		{ clear:both; float:none; width:98%; margin:0 auto; }
  	.gf-right		{ clear:both; float:none; width:98%; margin:0 auto; }
 	.footer-left	{ clear:both; float:none; width:98%; padding-top:20px; margin:0 auto; }
 	.footer-right	{ clear:both; float:none; width:98%; padding-top:20px; margin:0 auto; }

}

@media (max-width:480px){
	.header-frame	{ min-height:416px; padding-top:5px; background-position:-380px top; }
	.col-md-6		{ float:none !important; margin:auto; }
}

@media (max-width:320px){
	.header-frame	{ min-height:344px; padding-top:5px; background-position:-350px top;  }
	.logo-image		{ width:32px; height:30px; background-size:cover; margin-left:10px; }
	.logo h2		{ font-size:20px; }
	.logo h3		{ font-size:12px; }
	.logo h4		{ font-size:12px; }
}