@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
body {font-size: 10pt; line-height: 150%; background-color: #FFF; margin: 0px; font-family: "Nanum Barun Gothic", "Nanum Gothic", "돋움", "굴림";}
img {border: 0px currentColor; border-image: none; margin:0 auto 0  auto; vertical-align: top;}
ul {list-style: none;}
li {text-decoration: none;}
a {border:none; outline: 0px; color: rgb(102, 102, 102); text-decoration: none;}
A IMG {border:none; vertical-align:bottom;}


/* 메인페이지 시작 */
.main_visual {margin-bottom: 0px; position: relative; margin-top: 0px;}

.main_visual01 {background: url(../images/main_prod00.jpg) no-repeat top rgb(255, 255, 255);width: 100%; height: 890px;}
.main_visual02 {background: url(../images/main_prod01.jpg) no-repeat top rgb(255, 255, 255);width: 100%; height: 890px;}
.main_visual03 {background: url(../images/main_prod02.jpg) no-repeat top rgb(255, 255, 255);width: 100%; height: 890px;}
.main_visual04 {background: url(../images/main_prod03.jpg) no-repeat top rgb(255, 255, 255);width: 100%; height: 890px;}
.main_visual05 {background: url(../images/main_prod04.jpg) no-repeat top rgb(255, 255, 255);width: 100%; height: 890px;}
.main_visual06 {background: url(../images/main_prod05.jpg) no-repeat top rgb(255, 255, 255);width: 100%; height: 890px;}
.main_visual07 {background: url(../images/main_prod06.jpg) no-repeat top rgb(255, 255, 255);width: 100%; height: 890px;}

.main_visual_text_big {width:1200px; font-size:32px; font-weight:600; text-align:left; letter-spacing:0; color:#FFF; margin:0 auto; padding:392px 0 0 8px;}
.main_visual04 .main_visual_text_big {color:#0078bf;}

.main_visual_text_small {width:1200px; font-size:11px; font-weight:200; font-variant:small-caps; line-height:15px; text-align:left; letter-spacing:-0.5px; color:#FFF; margin:0 auto; padding:18px 0 0 8px;}
.main_visual04 .main_visual_text_small {color:#93d3f7;}



@media screen and (max-width:1100px){

}

.main_top {width: 100%; height:1080px; background: url(images/main_top.jpg) top center no-repeat #ffffff;}

.main_celeb_01 {background:rgb(101, 101, 101);width: 100%; height: 582px;}
.main_celeb_02 {background:rgb(101, 101, 101);width: 100%; height: 582px;}
.main_celeb_03 {background:rgb(101, 101, 101);width: 100%; height: 582px;}

.main_celeb_img {width: 1200px; height: 1048px; margin:0 auto 0 auto;}


.main_radonfree {width: 100%; height:894px; background: url(images/main_radonfree.jpg) top center no-repeat #ffffff;}
.main_mattress {width: 100%; height:805px; background: url(images/main_mattress.jpg) top center no-repeat #ffffff;}



/* 메인페이지 끝 */

@media screen and (max-width:1000px){

#page_header_main {width: 1200px; background-image: url(images/bg_head.gif); background-repeat: repeat-x;}


#page_header_fix_main {width: 1200px; background-image: url(images/bg_head.gif); background-repeat: repeat-x; margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;}

.main_visual {
	margin-bottom: 0px;
	position: relative;
	width:1210px;
}

#sub_visual {
	background-image: url(images/sub_visual00.jpg);
	height: 250px;
	width: 1200px;
	margin: 0px;
	clear: both;
}

#sub_visual00_0 {
	background-image: url(images/sub_visual00_0.jpg);
	height: 204px;
	width: 1200px;
	margin: 0px;
	clear: both;
}

#sub_visual01 {
	background-image: url(images/sub_visual01.jpg);
	height: 204px;
	width: 1200px;
	margin: 0px;
	clear: both;
}

#sub_visual02 {
	background-image: url(images/sub_visual02.jpg);
	height: 250px;
	width: 1200px;
	margin: 0px;
	clear: both;
}

#sub_visual03 {
	background-image: url(images/sub_visual03.jpg);
	height: 250px;
	width: 1200px;
	margin: 0px;
	clear: both;
}


#sub_visual04 {
	background-image: url(images/sub_visual04.jpg);
	height: 250px;
	width: 1200px;
	margin: 0px;
	clear: both;
}	

#sub_visual05 {
	background-image: url(images/sub_visual04.jpg);
	height: 250px;
	width: 1200px;
	margin: 0px;
	clear: both;
}
}




#wrap {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrap_spec {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrap:after{
	content:'';
	display:block;
	clear:both;
}

#header { position: fixed; top: 0px; width: 100%; background:url(images/bg_navi.png) repeat-x; z-index:999;}

#header_fix { width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}



/* 네비 시작 */
#logo{float:left;}
#navi{float:left; width:750px;}
.dropdwonmenu {margin:0; padding:0; width:800px;}
.dropdwonmenu > li {float: left; position: relative; background: ; width: 25%;}   /*1레벨 메뉴의 가로출력, 배경색, 크기지정*/
.dropdwonmenu > li > a {display: block; font-size: 22px; font-weight:600; color: #ddd; text-align: center; height:70px; line-height:70px; margin-top:5px;}   /* 1레벨 메뉴의 텍스트 속성, 크기 지정*/
.dropdwonmenu > li > a:hover {color: #fff; }    /* 1레벨 메뉴에 마우스를 올렸을때*/
.dropdwonmenu >li:hover {}   /* 1레벨 메뉴에 마우스를 올렸을때*/
.dropdwonmenu > li:hover >ul {top: 70px; left: -20px;}   /* 1레벨 메뉴에 마우스를 올렸을때 하위메뉴의 위치지정*/

/* 2레벨 메뉴 부터의 속성*/
.dropdwonmenu ul {position:absolute; top: -9999px; z-index: 9999; width: 160px; border: 1px solid #666; padding:0; margin:-1px 0 0 40px;}   /* 2레벨 메뉴의 기본위치, 크기, 테두리 지정 현재의 위치에서 위로"-9999px;하여 화면에서 보이지 않도록 설정"*/
.dropdwonmenu ul li {position: relative; margin:0 auto;}   /* 2레벨 메뉴의 위치속성 지정*/
.dropdwonmenu ul a {display: block; color: #aaaaaa; font-size: 16px; font-weight:600; text-align:center; line-height: 35px; background: #333;}   /* 2레벨 메뉴의 텍스트 속성, 배경생, 여백지정*/
.dropdwonmenu ul a:hover{color: #ffffff; background: #666;}   /* 2레벨 메뉴의 마우스를 올렸을 때 배경색 지정*/


/* 네비 끝 */



#sub_visual00 { width: 100%; height:218px; margin-top: 0px; background: url(images/sub_visual00.jpg) top center no-repeat #ffffff;}
#sub_visual01 { width: 100%; height:218px; margin-top: 0px; background: url(images/sub_visual01.jpg) top center no-repeat #ffffff;}
#sub_visual02 { width: 100%; height:218px; margin-top: 0px; background: url(images/sub_visual02.jpg) top center no-repeat #ffffff;}
#sub_visual03 { width: 100%; height:218px; margin-top: 0px; background: url(images/sub_visual03.jpg) top center no-repeat #ffffff;}




#page_center {
	width: 100%;
	clear: both;
}

#page_center_fix {
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#page_center_xe {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}




.center_side {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 265px;
}
.center_contents {
	float:right;
	padding: 0px;
	width: 935px;
	align:center;
}






/* 서브페이지 - 타이틀(xe) */
#contents_title{
	height:50px;
	margin-top:80px;
}

#contents_title_name, #contents_title_name_age {
	float:left;
	height:30px;
	padding-top:40px;
	padding-left:40px;
	display:block; 
	color:#393939; 
	font-family: "Nanum Barun Gothic", "Nanum Gothic", "돋움", "굴림";
	font-size:30px;  
	font-weight: 600;
}
#contents_title_name {width:500px;}

#contents_title_nav, #contents_title_nav_age{
	float:right;
	height:30px;
	margin: 50px  14px 0 0;
	display:block; 
	color:#aaaaaa; 
	text-align:right;
	font-family: "Nanum Barun Gothic", "Nanum Gothic", "돋움", "굴림";
	font-size:11px;  
	font-weight: 200;
	letter-spacing:0.1em;
}
#contents_title_nav{width:350px;}
#contents_title_nav_age{width:450px;}

.nav_now{
	color:#666666;
	font-weight: 600;
}

/* 서브페이지 - About Us, Durability */

@font-face {
	font-family: Playfair Display;
	src: local("Playfair Display Regular"), local("PlayfairDisplay-Regular"), url(https://fonts.gstatic.com/s/playfairdisplay/v15/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYhg.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}


.sub_title {font-family: "Playfair Display", serif; color:#333;  font-size:60px;	font-weight: 400; text-align:center; border-bottom:1px solid #ccc;padding-bottom:40px; margin:200px auto 20px auto; }
.article_title { color:#444; font-size:30px;	font-weight: 600; text-align:center; padding-bottom:10px; margin:80px auto 20px auto;	font-family: "arial", "Nanum Barun Gothic", "Nanum Gothic", "돋움", "굴림"; }
.article_title_semi {font-family: "Playfair Display", serif; color:#333;  font-size:38px;	font-weight: 600; text-align:center; padding-bottom:0px; margin:40px auto 20px auto; }
.article_bold { color:#555; font-size:18px;	font-weight: 600; line-height:30px; text-align:center; padding-bottom:10px; margin:50px auto 20px auto;	font-family: "arial", "Nanum Barun Gothic", "Nanum Gothic", "돋움", "굴림"; }
.article { color:#666; font-size:16px;	font-weight: 600; line-height:28px; text-align:center; padding-bottom:10px; margin:10px auto 20px auto;	font-family: "arial", "Nanum Barun Gothic", "Nanum Gothic", "돋움", "굴림"; }



#com00_00{ width: 100%; height:623px; margin-top: 0px; background: url(images/com00_00.jpg) top center no-repeat #ffffff;}
#com00_01{ width: 100%; height:480px; margin-top: 0px; background: url(images/com00_01.jpg) top center no-repeat #ffffff;}
#com00_02{ width: 100%; height:617px; margin-top: 0px; background: url(images/com00_02.jpg) top center no-repeat #ffffff;}

#duravility00_00{ width: 100%; height:617px; margin-top: 0px; background: url(images/duravility00_00.jpg) top center no-repeat #ffffff;}
#duravility00_01{ width: 100%; height:480px; margin-top: 0px; background: url(images/duravility00_01.jpg) top center no-repeat #ffffff;}
#duravility00_02{ width: 100%; height:430px; margin-top: 0px; background: url(images/duravility00_02.jpg) top center no-repeat #eee;}
#duravility00_03{ width: 100%; height:617px; margin-top: 0px; background: url(images/duravility00_03.jpg) top center no-repeat #ffffff;}

.duravility00_article_title {width:1100px; color:#fff; font-size:30px;	font-weight: 600; text-align:left; padding-bottom:10px; margin:00px auto 20px auto;	font-family: "arial", "Nanum Barun Gothic", "Nanum Gothic", "돋움", "굴림"; }
.duravility00_article { width:1100px; color:#fff; font-size:16px;	font-weight: 600; line-height:28px; text-align:left; padding-bottom:10px; margin:10px auto 20px auto;	font-family: "arial", "Nanum Barun Gothic", "Nanum Gothic", "돋움", "굴림"; }

#duravility00_box { width:1200px; margin:0px auto 20px auto; padding-top:50px;}
.duravility00_02_img {float:left;}
.duravility00_02_text {float:left;}

.duravility00_02_article_title {width:600px; color:#333; font-size:30px;	font-weight: 600; text-align:left; padding:10px 0 10px 20px; margin:00px auto 20px auto;	font-family: "arial", "Nanum Barun Gothic", "Nanum Gothic", "돋움", "굴림"; }
.duravility00_02_article_title_semi {width:600px; color:#333; font-size:20px;	font-weight: 600; text-align:left; padding:0 0 10px 20px; margin:00px auto 20px auto;	font-family: "arial", "Nanum Barun Gothic", "Nanum Gothic", "돋움", "굴림"; }
.duravility00_02_article { width:600px; color:#333; font-size:15px;	font-weight: 600; line-height:28px; text-align:left; padding:0 0 10px 20px; margin:10px auto 20px auto;	font-family: "arial", "Nanum Barun Gothic", "Nanum Gothic", "돋움", "굴림"; }


/* 서브페이지 - 제품 소개 */
.prod_head { width: 100%; height:882px; margin-top: 0px; background: url(images/prod_head.jpg) top center no-repeat #ffffff;}


.prod_daks { width: 100%; height:3166px; margin-top: 0px; background: url(images/prod_daks.jpg) top center no-repeat #ffffff;}
.prod_primo { width: 100%; height:3166px; margin-top: 0px; background: url(images/prod_primo.jpg) top center no-repeat #ffffff;}
.prod_athena { width: 100%; height:3166px; margin-top: 0px; background: url(images/prod_athena.jpg) top center no-repeat #ffffff;}
.prod_aurora { width: 100%; height:3166px; margin-top: 0px; background: url(images/prod_aurora.jpg) top center no-repeat #ffffff;}
.prod_cloud { width: 100%; height:3172px; margin-top: 0px; background: url(images/prod_cloud.jpg) top center no-repeat #ffffff;}
.prod_zeus { width: 100%; height:3178px; margin-top: 0px; background: url(images/prod_zeus.jpg) top center no-repeat #ffffff;}
.prod_black { width: 100%; height:3752px; margin-top: 0px; background: url(images/prod_black.jpg) top center no-repeat #ffffff;}
.prod_lap1 { width: 100%; height:3166px; margin-top: 0px; background: url(images/prod_LAP1.jpg) top center no-repeat #ffffff;}
.prod_lap2 { width: 100%; height:3166px; margin-top: 0px; background: url(images/prod_LAP2.jpg) top center no-repeat #ffffff;}
.prod_perfection { width: 100%; height:3042px; margin-top: 0px; background: url(images/prod_perfection.jpg) top center no-repeat #ffffff;}
.prod_hera { width: 100%; height:3590px; margin-top: 0px; background: url(images/prod_hera.jpg) top center no-repeat #ffffff;}
.prod_thor { width: 100%; height:3534px; margin-top: 0px; background: url(images/prod_thor.jpg) top center no-repeat #ffffff;}
.prod_zenon { width: 100%; height:3880px; margin-top: 0px; background: url(images/prod_zenon.jpg) top center no-repeat #ffffff;}

.prod_dreammat { width: 100%; height:3300px; margin-top: 0px; background: url(images/prod_dreammat.jpg) top center no-repeat #ffffff;}
.prod_lap3 { width: 100%; height:3400px; margin-top: 0px; background: url(images/prod_LAP3.jpg) top center no-repeat #ffffff;}
.prod_mollyflex { width: 100%; height:3112px; margin-top: 0px; background: url(images/prod_mollyflex.jpg) top center no-repeat #ffffff;}


.prod_detail00 { width: 100%; height:2536px; margin-top: 0px; background: url(images/prod_detail00.jpg) top center no-repeat #ffffff;}
.prod_detail01 { width: 100%; height:2864px; margin-top: 0px; background: url(images/prod_detail01.jpg) top center no-repeat #ffffff;}
.prod_detail02 { width: 100%; height:3360px; margin-top: 0px; background: url(images/prod_detail02.jpg) top center no-repeat #ffffff;}





/* 서브페이지 끝 */


/* ###  FOOTER #############################################################################################################*/
#page_bottom { clear: both; width: 100%; background-image: url(images/bg_footer.jpg); background-repeat: repeat-x;}
#page_bottom_fix { width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}


#footer { width:1200px; height:75px; background: url('http://www.wcglobal.co.kr/images/footer.gif') no-repeat;}
.footer_info { font-family: "Nanum Barun Gothic", "Nanum Gothic"; color:#bababa; font-size:14px; font-weight: 600; padding:50px 0 0 330px;}
.footer_copy { font-family: "Nanum Barun Gothic", "Nanum Gothic"; color:#757171; font-size:12px; font-weight: 400; }