@charset "utf-8";

/* CSS Document */





@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* reset */

* { margin:0; padding:0; }

li { list-style:none; }

img { border:none; }

a { text-decoration:none; }

::selection { background:#309; color: #FFF;}



/* 전체적용 */

.wrap{ margin:0 auto; width:1000px; position:relative;}

h2 { position:absolute; left:-9999px; width:0; height:0; line-height:0; font-size:0; overflow:hidden; }

body { font-family:'Nanum Gothic';}

#topbtn { position:fixed; left:90%; top:90%; z-index:100; cursor:pointer; opacity:0;}







/*--------------------------------------------------------------------------------*/

/* index.html */

/* 상단바 메뉴 */



#board #bo_v_table,#bo_vc_w,#bo_vc,#bo_v_bot,#bo_v_act { display:none; }







#head { position:fixed; background:#fff; width:100%; overflow:hidden; z-index:10; padding-top:10px; opacity:0.9; border-bottom:1px solid #000; height:70px; }

#gnb { text-align:center; background:#fff; width:1000px; margin:0 auto; height:70px; }

#gnb:after { content:""; clear:both; display:block; height:0; visibility:hidden;  }

#gnb > li { float:left; width:198px; text-align:center; }

#gnb > li > a { display:block; font-size:18px; margin-bottom:20px; height:50px; line-height:65px; }

#gnb > li > a:link, #gnb > li > a:visited { color:#000; font-weight:bold; }

#gnb > li > a:hover, #gnb > li > a:active, #gnb > li > a:focus { color:#f00; transition-duration:0.3s; }

#gnb ul li a { display:block; height:40px;  font-size:13px; }

#gnb ul li a:link, #gnb ul li a:visited { color:#000; }

#gnb ul li a:hover ,#gnb ul li a:active ,#gnb ul li a:focus { color:#36F; font-weight:bold; }







/*

수정 전

header{ position:fixed; width:100%; z-index:10;}

#top{ background:#fff; height:80px; width:100%; opacity:0.8; margin:0 auto; width:100%; border-bottom:1px solid #999;}

header h1 img{ position:absolute; padding-top:10px; transition:2s;}

header h1 img:hover{ transform:rotateY(360deg);}



header ul{ padding:0px 0 30px 200px;}



header ul:after{ content:""; clear:both; display:block; height:0; visibility:hidden;}

header ul li{ float:left; margin-right:95px; font-size:18px; font-weight:bold;  }

header ul li a{ display:block; line-height:45px; height:61px; width:105px; text-align:center; margin-top:20px; transition-duration:0.5s;}

header ul li a:link, header ul li a:visited { color:#000;}

header ul li a:hover, header ul li a:active, header ul li a:focus { color:#fff; background:rgba(0,0,0,0.7);  border-bottom:3px solid #F00; box-sizing:border-box;}

*/





/* 메인 상단 그림(홈룩스 정직한 제품만 만들겠습니다)*/



#video { overflow: hidden; opacity:0.9; position:absolute; }

#main { height:700px;}

#screen{ position:absolute; top:700px; height:1000px; width:100%; background:#fff;}

#main hr{ position:absolute; left:50px; top:380px; border:none; border-bottom:2px solid #fff; width:400px;}

#main .wrap p { position:absolute; left:50px; top:400px; text-shadow:3px 3px 3px #000; color:#fff; font-size:50px; line-height:1.4;}



/* 메인 제품3개 */

#sub1 { margin-top:100px; margin-bottom:100px;  }

#sub1 > a{ position:absolute; top:880px; left:50%; margin-left:-790px; transition-duration:2s;}

#sub1 > a:hover{ transform:rotateX(360deg);}

#sub1 hr{border:none; border-bottom:2px solid #ddd; margin-bottom:50px; margin-top:15px;}

#sub1 .wrap figure a img { display:block;}

#sub1 .wrap:after { content:""; clear:both; display:block; height:0; visibility:hidden;}

#sub1 .wrap > p { font-size:30px;}

#sub1 .wrap > p span { color:#039; font-weight:bold;}

#sub1 .wrap figure{ float:left; margin-right:35px; margin-top:40px;}

#sub1 .wrap figure:nth-of-type(3n){margin-right:0;}

#sub1 .wrap figure a:link, #sub1 .wrap figure a:visited { color:#fff;}

#sub1 .wrap figure a:hover, #sub1 .wrap figure a:active, #sub1 .wrap figure a:focus { color:#36F; text-decoration:underline; }

#sub1 .wrap figure a { display:block; width:310px; height:180px; overflow:hidden;}

#sub1 .wrap figure a img { transition-duration:0.5s;}

#sub1 .wrap figure a img:hover{ width:350px; height:auto; }

#sub1 .wrap figure{ position:relative; }

#sub1 .wrap figure figcaption{ background:rgba(0,0,0,0.2); text-align:center; width:100%; position:absolute; bottom:0; left:0; height:30px;}

#sub1 .wrap figure figcaption p{ font-size:20px;  text-shadow:1px 1px 1px #000; }



/* 메인 장점(pride) */

#pride p{ font-size:30px;}

#pride p span{ color:#063; font-weight:bold;}

#pride hr{border:none; border-bottom:2px solid #ddd; margin-bottom:50px; margin-top:15px; width:500px;}





/* 메인 고객센터 */

#sub2 .wrap:after{content:""; clear:both; display:block; height:0; visibility:hidden;}

#sub2 .wrap div { float:left;}

#service { margin-left:20px;}

#service p{ font-size:30px;}

#service p span{ color:#900; font-weight:bold;}

#service hr{border:none; border-bottom:2px solid #ddd; margin-bottom:50px; margin-top:15px; width:480px;}

#custo { border:5px solid #900; width:450px; padding:30px; box-sizing:border-box; font-weight:bold;}

#custo p:nth-of-type(1){ font-size:30px;}

#custo p:nth-of-type(3){ font-size:25px; line-height:1.6;}

#custo p:nth-of-type(4){ font-size:12px; color:#C30;}

#custo p span{ color:#063;}

#custo hr{border:none; border-bottom:2px solid #ddd; margin-bottom:15px; margin-top:15px; width:380px;}



/* 하단 푸터 */

footer{ background:#2f2f2f; height:350px; color:#fff; margin-top:200px; border-top:2px solid #930; }

footer .wrap > img { position:absolute; right:0; top:20px;}

footer .wrap > p { position:absolute; left:0; top:270px; font-size:12px; line-height:1.4; border-top:1px solid #fff; width:100%; padding-top:20px;}

footer .footerbot { position:absolute; left:0; top:20px; border-right:1px solid #fff; padding-right:180px;}

footer .footerbot dl:last-child{ margin-right:0;}

footer .footerbot:after{content:""; clear:both; display:block; height:0; visibility:hidden;}

footer .footerbot dl { float:left; margin-right:90px;}

footer .footerbot dl dt{ font-size:16px; margin-bottom:20px; font-weight:500;}

footer .footerbot dl dd{ font-size:12px; margin-bottom:20px;}

footer ul { position:absolute; right:0; top:140px;}

footer ul:after{ content:""; clear:both; display:block; height:0; visibility:hidden; }

footer ul li { float:left; margin-right:20px;}

footer ul li:last-child{ margin-right:0;}

footer .footerbot dl dd img { margin-left:18px;}

footer .footerbot dl dd a{ transition-duration:0.5s;}

footer .footerbot dl dd a:link, footer .footerbot dl dd a:visited { color:#fff;}

footer .footerbot dl dd a:active, footer .footerbot dl dd a:hover, footer .footerbot dl dd a:focus { background:#fff; color:#000;}



footer .footerbot dl:last-child dd{ margin-bottom:10px;}



/*--------------------------------------------------------------------------------*/





/*--------------------------------------------------------------------------------*/

/* intro.html */



/* 상단 그림 */

#introup{ background:url(../images/chandelier-2381625_1920.jpg) no-repeat center; height:300px; opacity:0.8;}



/* 컨텐츠 */

#sub_cont { margin-top:80px;}



/* 사이드메뉴 */

#sub_cont nav {  float:left; }

#sub_cont nav h3{ color:#fff; background:#354277; text-align:center; height:70px; font-size:28px; line-height:2.5;  border-radius:40px 0 40px 0;}

#sub_cont nav ul li{ border-bottom:1px solid #ccc; padding-left:20px; width:200px; height:50px; font-size:15px; line-height:3; font-weight:500;}

#sub_cont nav ul li a:link, #sub_cont nav ul li a:visited{ color:#000;}

#sub_cont nav ul li a.select { color:#354277;} 



/* 경로 */

#sub_cont div .path li { float:left; margin-left:10px;}

#sub_cont div .path { position:absolute; top:0; right:0; font-size:12px;}

#sub_cont div .path li a:link, #sub_cont div .path li a:visited{ color:#000;}



/* 컨텐츠 내용 */

#sub_cont:after { clear:both; content:""; display:block; height:0; visibility:hidden;}

#sub_cont article { width:700px; float:left; padding-left:20px; }

#sub_cont article h3 { font-size:30px; margin-bottom:30px; margin-top:10px;}

#sub_cont article .intro p:nth-of-type(1) { font-size:24px; color:#354277; margin-left:10px; margin-bottom:40px; } 

#sub_cont article .intro p:nth-of-type(2) {
	position: absolute;
	top: 170px;
	right: 0px;
	font-size: 15px;
	line-height: 3;
}

#sub_cont article .intro img:nth-of-type(1){ margin-left:30px; margin-bottom:100px;}

#sub_cont article .intro img:nth-of-type(2){ position:absolute; right:0; bottom:0px;}

/*--------------------------------------------------------------------------------*/







/*--------------------------------------------------------------------------------*/

/*product.html*/



/* 상단 그림 */

#productup{ background:url(../images/living-room-2155376_1920.jpg) no-repeat center; height:300px; opacity:0.8;}



/* 컨텐츠 */

#product_cont { margin-top:80px;}



/* 사이드메뉴 */

#product_cont nav {  float:left; }

#product_cont nav h3{ color:#fff; background:#354277; text-align:center; height:70px; font-size:28px; line-height:2.5; border-radius:40px 0 40px 0;}

#product_cont nav ul li{ border-bottom:1px solid #ccc; padding-left:20px; width:200px; height:50px; font-size:15px; line-height:3;  font-weight:500;}

#product_cont nav ul li a:link, #product_cont nav ul li a:visited{ color:#000;}

#product_cont nav ul li a.select { color:#354277; font-weight:bold;} 



/* 경로 */

#product_cont div .path li { float:left; margin-left:10px;}

#product_cont div .path { position:absolute; top:0; right:0; font-size:12px;}

#product_cont div .path li a:link, #product_cont div .path li a:visited{ color:#000;}



/* 컨텐츠 내용 */

#product_cont:after { clear:both; content:""; display:block; height:0; visibility:hidden;}

#product_cont article { width:700px; float:left; padding-left:20px; }

#product_cont article h3 { font-size:30px; margin-bottom:30px;margin-top:10px;}



#product_cont article .cont{ height:400px; margin-left:100px; margin-top:100px; }

#product_cont article .cont img { position:absolute; display:block; box-shadow:6px 6px 20px #999; }

#product_cont article .cont .top { z-index:1; }





/* 수정전

#product_cont article .cont figure {text-align:center; }

#product_cont article .cont figure:first-child img { border:3px solid #999;}

#product_cont article .cont li.check { border:1px solid #F00; }

#product_cont article .cont ul:after{content:""; clear:both; display:block; height:0; visibility:hidden;}

#product_cont article .cont ul { margin:30px 0 0 124px; }

#product_cont article .cont ul li { float:left; margin-right:16px; border:1px solid #fff;}

#product_cont article .cont ul li img { display:block; cursor:pointer;}



*/

#detail { margin-top:70px; margin-left:20px; font-size:24px; font-weight:bold;}

#detail img { box-shadow:2px 2px 10px #999;  }

#detail hr{ border:none; border-bottom:2px solid #ccc; margin:20px 0; }



/*--------------------------------------------------------------------------------*/









/*--------------------------------------------------------------------------------*/

/*custo.html*/

/* 상단 그림 */

#custoup{ background:url(../images/play-stone-1743301_1920.jpg) no-repeat center; height:300px; opacity:0.8;}



/* 컨텐츠 */

#custo_cont { margin-top:80px;}



/* 사이드메뉴 */

#custo_cont nav {float:left;}

#custo_cont nav h3{ color:#fff; background:#354277; height:70px; font-size:28px; line-height:2.5; text-align:center; border-radius:40px 0 40px 0;}

#custo_cont nav ul li{ border-bottom:1px solid #ccc; padding-left:20px; width:200px; height:50px; font-size:15px; line-height:3;  font-weight:500;}

#custo_cont nav ul li a:link, #custo_cont nav ul li a:visited{ color:#000;}

#custo_cont nav ul li a.select { color:#354277;} 



/* 경로 */

#custo_cont div .path li { float:left; margin-left:10px;}

#custo_cont div .path { position:absolute; top:0; right:0; font-size:12px;}

#custo_cont div .path li a:link, #custo_cont div .path li a:visited{ color:#000;}



/* 컨텐츠 내용 */

#custo_cont:after { clear:both; content:""; display:block; height:0; visibility:hidden;}

#custo_cont .custocont { width:700px; float:left; padding-left:20px; }

#custo_cont article h3 { font-size:30px; margin-bottom:30px;}

#custo_cont article h3 { margin-top:10px;}

#custo_q{ margin-left:20px;}

#custo_q > p { margin-bottom:40px;}

#custo_q > p span { color:#09F; text-decoration:underline;}

#custo_q div { background:#fcfcfc; margin-bottom:30px; line-height:1.8; padding:30px; border:1px solid #CCC; border-right:1px solid #999; border-bottom:1px solid #999;}

#custo_q div dl dt{ font-weight:bold; font-size:18px; margin-bottom:15px;}

#custo_q div dl dd{ margin-left:20px; color:#C00;}

#custo_a img{ margin-top:100px;}



/*--------------------------------------------------------------------------------*/









/*--------------------------------------------------------------------------------*/

/*come.html*/



/* 상단 그림 */

#comeup{ background:url(../images/depth-of-field-1868723_1920.jpg) no-repeat center; height:300px; opacity:0.8;}



/* 컨텐츠 */

#come_cont { margin-top:80px;}



/* 사이드메뉴 */

#come_cont nav { float:left;}

#come_cont nav h3{ color:#fff; background:#354277; text-align:center; height:70px; font-size:28px; line-height:2.5; border-radius:40px 0 40px 0;}

#come_cont nav ul li{ border-bottom:1px solid #ccc; padding-left:20px; width:200px; height:50px; font-size:15px; line-height:3;  font-weight:500;}

#come_cont nav ul li a:link, #come_cont nav ul li a:visited{ color:#000;}

#come_cont nav ul li a.select { color:#354277;} 



/* 경로 */

#come_cont div .path li { float:left; margin-left:10px;}

#come_cont div .path { position:absolute; top:0; right:0; font-size:12px;}

#come_cont div .path li a:link, #come_cont div .path li a:visited{ color:#000;}



/* 컨텐츠 내용 */

#come_cont:after { clear:both; content:""; display:block; height:0; visibility:hidden;}

#come_cont article { width:700px;  float:left; padding-left:20px; }

#come_cont article h3 { font-size:30px; margin-bottom:30px;}

#come_cont article h3 { margin-top:10px;}

#map { margin-left:20px; font-weight:500;}

#map p:nth-of-type(1) span { font-size:30px; color:#354277;}

#map p:nth-of-type(2) span { color:#999;}

#map #maptop p:nth-of-type(1) { border-right: 1px solid #ccc; display:inline-block; margin-bottom:40px; padding-right:20px;}

#map #maptop p:nth-of-type(2){ position:absolute; top:90px; left:400px;} 

#map #maptop{ line-height:1.6; }

#daumRoughmapContainer1499147668227{border-right:1px solid #999;border-bottom:1px solid #999;}

#mapbottom { margin-top:40px; margin-left:35px; line-height:1.4; font-size:14px; font-weight:400;}

/*--------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------*/



/*notice.html*/



#board { }

#board figure{ text-align:center;}





/*--------------------------------------------------------------------------------*/













/*--------------------------------------------------------------------------------*/



/*cer.html*/





#cer { height:800px;}

#cer figure { position:absolute; right:0; top:120px;}

#cer figure img { border:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #666;}

#cer ul { position:absolute; left:300px; top:120px; border:1px solid #ccc; background:#fcfcfc;padding:20px;}

#cer ul p { text-align:center; margin-bottom:30px; font-weight:500;}

#cer ul li { margin-bottom:20px;}

#cer ul li img {cursor:pointer;}

#cer ul li.check { border:2px solid #F00; }

/*--------------------------------------------------------------------------------*/