@import url("default.css");

@import url("board.css");





#wrap {width:100%; position:relative; min-width:1100px;}

#header {width:100%; position:relative; }

#container {width:100%; position:relative;}

#footer {width:100%; position:relative; background-color:#333; padding:40px 0;}



/* header */

.gnb {width:1100px; height:90px; margin:0 auto; position:relative;}

.gnb h1 {position:absolute; top:60px; left:0;}

.gnb .menu {width:850px; position:absolute; top:0; right:0;background:url(/images/inc/gnb_line.gif) top right no-repeat;}

.gnb .menu li {width:170px; height:90px; background:url(/images/inc/gnb_line.gif) top left no-repeat; float:left; position:relative;}

.gnb .menu li a {display:block; height:30px; overflow:hidden; position:absolute; bottom:0; left:15px;}

.gnb .menu li a:hover img {margin-top:-30px;}



/* contents */

.contents {width:1100px; position:relative; margin:0 auto;}

.contents .main_title {margin:0 auto;z-index:100;}



.contents .main_cont {width:1100px; height:550px; position:relative; margin-top:30px;}

.main_cont .port {width:550px; height:550px; position:absolute; top:0; left:0;}

.main_cont .port .tit {position:absolute; top:350px; left:0;}

.main_cont .review {width:550px; height:275px; position:absolute; top:0; left:550px;}

.main_cont .review .roll_img {position:absolute; top:0; right:0;width:275px; height:275px;}

.main_cont .inquiry {width:275px; height:275px; position:absolute; top:303px; left:578px;}

.main_cont .design {width:275px; height:275px; position:absolute; top:275px; right:0;}



.contents .main_link {width:1100px; margin-top:160px;}



/* footer */

.foot {width:1100px; margin:0 auto; color:#fff; text-align:center;}

.foot .link {font-family:'dotum'; font-size:12px; font-weight:bold; color:#ddd; margin-bottom:20px;}

.foot address {font-family:'dotum'; font-size:12px; color:#aaa; line-height:18px;}









/* 서브 기본 form */

.contents .cont_01 {width:1100px; padding-top:85px;}

.contents .cont_02 {width:1000px; margin:0 auto; padding-top:85px;}



/* 서브 컨텐츠 tab */

.cont_02 .tab_01 {width:1000px; height:50px;}

.cont_02 .tab_01 ul {width:100%; height:50px;}

.cont_02 .tab_01 li {float:left; width:33.2%; background-color:#f2f2f2; text-align:center; line-height:50px; color:#999; margin-left:2px;}

.cont_02 .tab_01 li:first-child {margin:0;}

.cont_02 .tab_01 a {display:inline-block; width:100%; height:50px;}

.cont_02 .tab_01 .on {background-color:#ff8b00; font-family:'NanumGothicBold'; font-size:15px;}

.cont_02 .tab_01 .on>a { color:#fff;}

.cont_02 .list {width:100%; margin-top:30px; border-top:1px #ddd solid;}

.cont_02 .list ul {width:100%; height:250px;}

.cont_02 .list li {float:left; width:33.2%; border-bottom:1px #ddd solid; border-right:1px #ddd solid;}

.cont_02 .list li:first-child {border-left:1px #ddd solid;}



.cont_02 .tab_02 {width:1000px; height:50px;}

.cont_02 .tab_02 ul {width:100%; height:50px;}

.cont_02 .tab_02 li {float:left; width:49.9%; background-color:#f2f2f2; text-align:center; line-height:50px; color:#999; margin-left:2px;}

.cont_02 .tab_02 li:first-child {margin:0;}

.cont_02 .tab_02 a {display:inline-block; width:100%; height:50px;}

.cont_02 .tab_02 .on {background-color:#ff8b00; font-family:'NanumGothicBold'; font-size:15px;}

.cont_02 .tab_02 .on>a { color:#fff;}







/* subtop */

.subtop {width:1100px; padding-top:100px; }

.category { width:1000px; margin:0 auto; text-align:right; font-family: 'dotum'; font-size: 12px; color: #777777; line-height: 18px; }



/* subtop-tab */

.subtop .tab {width:1100px; height:52px; background:url(../images/inc/tab_bg.gif) repeat-x; margin-bottom:30px;}

.subtop .tab li {float:left; width:148px; height:48px; border-top:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid; border-bottom:1px #333 solid; margin-left:1px; color:#444; text-align:center; line-height:50px;background-color:#f2f2f2;}

.subtop .tab li:first-child {margin-left:0;}

.subtop .tab a {display:inline-block; width:148px; height:48px; color:#444;}

.subtop .tab .on {border-top:1px #333 solid; border-left:1px #333 solid; border-right:1px #333 solid; border-bottom:1px #fff solid;background-color:#FFF; }

.subtop .tab .on>a {font-family:'NanumGothicBold'; color:#333;}





/* 개인정보취급방침 */

.contents .privacy_wrap{ width: 838px; margin: 0 auto; border:1px solid #ddd; padding: 80px; margin-top: 60px; margin-bottom: 120px;  line-height:36px;}

.contents .privacy_wrap ul li{ line-height:24px; color:#888; margin-left: 10px;}

.contents .privacy_wrap ul li.tit{color:#333; margin-bottom: 7px; margin-left:0;}





/* 찾아오시는길 상세보기 */

#mask {position: absolute;left: 0;top: 0;z-index: 1000;background-color: #000;overflow: hidden;}

.pic {position: fixed;width: 950px;height: 560px;left: 50%;margin-left: -470px;top: 50%;margin-top: -240px;z-index: 2000;display: none;}

.pic .prev {position: absolute;width: 47px;height: 47px;top: 50%;margin-top: -26px;left: 20px;cursor: pointer;}

.pic .next {position: absolute;width: 47px;height: 47px;top: 50%;margin-top: -26px;right: 20px;cursor: pointer;}





/* staff */

.boxpng {position:absolute;  width:250px; height:280px;z-index:11; }