@charset "utf-8";

body{background:url("../shop/images/subbg.jpg") center 120px no-repeat; background-color:#000;}
body.bg_inter{background:url("../shop/images/subbg02.jpg") center 0 no-repeat; background-color:#000;}

#sub_top{width:100%; margin:0 auto; height:320px;}
#sub_top.subtop_sikp{display:none;}
#sub_content{width:980px; margin:0 auto; position:relative; background-color:#fff;}
#sub_content #submenu{position:absolute; left:20px; top:-40px; width:180px; z-index:999;}
#sub_content #submenu.smenu_skip{display:none;}
#sub_content #submenu .left_title.scont_skip{display:none;}
#sub_content #submenu #sub_select{}
#sub_content #submenu #sub_select li{}
#sub_content #submenu #sub_select li a{font-size:14px; line-height:14px; color:#fff;  padding:10px 15px; display:block; background-color:#393939; border-top:1px solid #2a2a2a;}
#sub_content #submenu #sub_select li a.txt_short{letter-spacing:-0.5px; font-size:13px; }
#sub_content #submenu #sub_select li:first-child a{border-top:0 none;}
#sub_content #submenu #sub_select li a:hover{color:#ffc02a; }
#sub_content #submenu #sub_select li a.on{color:#ffc02a; }

#sub_content #submenu #sub_select li ul{border-top:1px solid #2a2a2a; padding:7px 0 0 0; background-color:#393939;}
#sub_content #submenu #sub_select li ul li{border:0px none;  }
#sub_content #submenu #sub_select li ul li a{font-size:14px; line-height:14px; color:#fff; padding:4px 0 10px 30px; border-top:0 none;}
#sub_content #submenu #sub_select li ul li a:hover{color:#fff; background:url("../shop/images/left_2dep_on.jpg") 20px 8px no-repeat;}
#sub_content #submenu #sub_select li ul li a.on{color:#fff;  background:url("../shop/images/left_2dep_on.jpg") 20px 8px no-repeat;}

#sub_content #submenu #sub_select li ul li .sub_4dep{background-color:#282828; padding:5px 0 0 15px;}
#sub_content #submenu #sub_select li ul li .sub_4dep li{}
#sub_content #submenu #sub_select li ul li .sub_4dep li a{font-size:12px; line-height:12px; color:#fff; padding:5px 0 5px 30px; background-color:transparent;}
#sub_content #submenu #sub_select li ul li .sub_4dep li a:hover{color:#ffc02a; background-image:none;}
#sub_content #submenu #sub_select li ul li .sub_4dep li a.active{color:#ffc02a; background-image:none;}

#sub_content #contents{width:740px; position:relative; padding:20px 20px 50px 220px; min-height:950px;}
#sub_content #contents.scont_skip{width:940px; position:relative; padding:70px 20px 50px 20px; min-height:950px;}

/* 쇼핑몰 css*/
#sub_content #submenu.scont_shop{position:relative;  width:920px; margin:0 auto; left:0; top:0; padding-top:60px;}
#sub_content #submenu.scont_shop .left_title{position:absolute;left:0; top:60px;}
#sub_content #submenu.scont_shop #sub_select{margin-left:180px; display:inline-block; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8;}
#sub_content #submenu.scont_shop #sub_select li{width:163px; height:88px; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; float:left; padding:20px 10px;}
#sub_content #submenu.scont_shop #sub_select li a{font-size:14px; line-height:14px; color:#cb262c;  padding:3px 0; display:block; background-color:#fff;  border:0 none;}
#sub_content #submenu.scont_shop #sub_select li:first-child a{border-top:0 none;}
#sub_content #submenu.scont_shop #sub_select li a:hover{color:#cb262c; }
#sub_content #submenu.scont_shop #sub_select li a.on{color:#cb262c; }

#sub_content #submenu.scont_shop #sub_select li ul{border:0 none; background-color:#fff;}
#sub_content #submenu.scont_shop #sub_select li ul li{float:left; width:auto; height:auto; padding:0; background-color:#fff; border:0 none; font-size:12px; line-height:12px; color:#000; margin-bottom:5px;}
#sub_content #submenu.scont_shop #sub_select li ul li a{font-size:12px; line-height:12px; color:#000; padding:0 3px}
#sub_content #submenu.scont_shop #sub_select li ul li a:hover{color:#000;  background-image:none;}
#sub_content #submenu.scont_shop #sub_select li ul li a.on{color:#000;  background-image:none;}

#sub_content #contents.cont_shop{width:920px;margin:0 auto; position:relative; padding:20px 0 50px 0; min-height:700px;}

/* 쇼핑몰 마이페이지*/
#sub_content #submenu.scont_mypage{position:relative;  width:920px; margin:0 auto; left:0; top:0; padding-top:60px;}
#sub_content #submenu.scont_mypage .left_title{display:none;}
#sub_content #submenu.scont_mypage .sub_title{font-size:25px; line-height:25px; color:#000; border-bottom:2px solid #000; padding-bottom:15px; font-weight:normal;}
#sub_content #submenu.scont_mypage #sub_select{position:absolute; top:55px; right:0px;}
#sub_content #submenu.scont_mypage #sub_select li{display:inline-block;}
#sub_content #submenu.scont_mypage #sub_select li a{font-size:14px; line-height:14px; color:#000;  padding:8px 10; display:block; background-color:#fafafa;  border:1px solid #cccccc;}
#sub_content #submenu.scont_mypage #sub_select li a:hover{color:#fff; background-color:#cb262c; border:1px solid #cb262c;}
#sub_content #submenu.scont_mypage #sub_select li a.on{color:#fff; background-color:#cb262c; border:1px solid #cb262c;}
#sub_content #submenu.scont_mypage #sub_select li ul{display:none;}
#sub_content #contents.scont_mypage{width:920px;margin:0 auto; position:relative; padding:20px 0 50px 0; min-height:700px;}

/* 서브퀵메뉴 */
#sub_quick{position:absolute; top:500px; left:50%; margin-left:510px; z-index:999;}
#sub_quick .list{}
#sub_quick .list li{}
#sub_quick .right_quick_top{margin-top:10px;}
#sub_quick .right_quick_bottom{margin-top:4px;}

#sub_top_quick{position:absolute; top:200px; left:50%; margin-left:510px; z-index:999;}
#sub_top_quick .list{}
#sub_top_quick .list li{}
#sub_top_quick .right_quick_top{margin-top:10px;}
#sub_top_quick .right_quick_bottom{margin-top:4px;}

/* 서브페이지 */
.page_btn{text-align:center;margin:20px 0;}
.page_btn li{display:inline-block; margin:0 10px;}
.page_btn li img{cursor:pointer;}

.page_video_btn{margin:10px 0; text-align:center;}
.page_video_btn img{cursor:pointer;}

/* 다양한 시공사례*/
#page0201_apt{width:636px; height:186px; padding:30px 35px; margin:0 auto; margin-top:30px; background:url("../shop/page/page0201_topimg01.jpg") 0 0 no-repeat; border:1px solid #cfccc7;}
#page0201_apt h3{font-size:22px; line-height:22px; color:#fff; text-align:center;}
#page0201_apt .txt{font-size:14px; line-height:14px; color:#fff; text-align:center; margin-top:20px;}
#page0201_apt .txt strong{color:#ffc02a;}
#page0201_apt .menu_tab{margin-top:20px; text-align:center;}
#page0201_apt .menu_tab li{float:left; margin:0 0 10px 8px; }
#page0201_apt .menu_tab li a{display:block; font-size:13px; line-height:13px; color:#494949; font-weight:bold; padding:7px 0 ; width:145px; text-align:center; background-color:#fff; border:2px solid #e5e5e5;}
#page0201_apt .menu_tab li a:hover{color:#fff; background-color:#cb262c; border:2px solid #b10d13;}
#page0201_apt .menu_tab li a.active{color:#fff; background-color:#cb262c; border:2px solid #b10d13;}

#page0201_villa{width:636px; height:142px; padding:30px 35px;  margin:0 auto; margin-top:30px; background:url("../shop/page/page0201_topimg02.jpg") 0 0 no-repeat; border:1px solid #cfccc7;}
#page0201_villa h3{font-size:22px; line-height:22px; color:#fff; text-align:center;}
#page0201_villa .txt{font-size:14px; line-height:14px; color:#fff; text-align:center; margin-top:20px;}
#page0201_villa .txt strong{color:#ffc02a;}
#page0201_villa .menu_tab{text-align:center; margin-top:20px;}
#page0201_villa .menu_tab li{float:left; margin:0 4px 10px 4px; }
#page0201_villa .menu_tab li a{display:block; font-size:13px; line-height:13px; color:#494949; font-weight:bold; padding:7px 0 ; width:145px; text-align:center; background-color:#fff; border:2px solid #e5e5e5;}
#page0201_villa .menu_tab li a:hover{color:#fff; background-color:#cb262c; border:2px solid #b10d13;}
#page0201_villa .menu_tab li a.active{color:#fff; background-color:#cb262c; border:2px solid #b10d13;}

#page0201_veranda{width:636px; height:142px; padding:30px 35px; margin:0 auto; margin-top:30px; background:url("../shop/page/page0201_topimg03.jpg") 0 0 no-repeat; border:1px solid #cfccc7;}
#page0201_veranda h3{font-size:22px; line-height:22px; color:#fff; text-align:center;}
#page0201_veranda .txt{font-size:14px; line-height:14px; color:#fff; text-align:center; margin-top:20px;}
#page0201_veranda .txt strong{color:#ffc02a;}
#page0201_veranda .menu_tab{margin-top:20px; text-align:center;}
#page0201_veranda .menu_tab li{float:left; margin:0 0 10px 8px; }
#page0201_veranda .menu_tab li a{display:block; font-size:13px; line-height:13px; color:#494949; font-weight:bold; padding:7px 0 ; width:145px; text-align:center; background-color:#fff; border:2px solid #e5e5e5;}
#page0201_veranda .menu_tab li a:hover{color:#fff; background-color:#cb262c; border:2px solid #b10d13;}
#page0201_veranda .menu_tab li a.active{color:#fff; background-color:#cb262c; border:2px solid #b10d13;}

.page_list{margin-top:30px;}