@charset "utf-8";

/****************************************/ 
/* Name: DESIGN WAVE
/* PART: CONTENTS STYLE
/* Version: 1.0
/* Author: Kim Bo Reum
/****************************************/

#main_visual {position:relative; width:100%; overflow:hidden;}
#main_visual .owl-dots {position:absolute; bottom:15px; left:0; width:100%;}
#main_visual .owl-dots button {}
#main_visual .owl-dots button span {background:none; border:1px solid #fff; width:8px; height:8px; margin:0 5px !important;}
#main_visual .owl-dots button.active span {background:#fff;}


ul.cs_list {width:100%; background:#fff; padding:15px 0; overflow:hidden;}
ul.cs_list li {float:left; width:33.3%; box-sizing:border-box; position:relative; font-size:15px; text-align:center;}
ul.cs_list li a {color:#333;}
ul.cs_list li::after {position:absolute; top:3px; left:0; width:1px; height:14px; background:#ddd; content:'';}
ul.cs_list li:first-of-type::after {display:none;}


ul.bn_list { margin-top:15px;}
ul.bn_list li {position:relative; float:left; width:49%; margin-left:2%; margin-bottom:10px;}
ul.bn_list li:first-of-type, ul.bn_list li:nth-of-type(2n+1) {margin-left:0;}
ul.bn_list li a {display:block; width:100%; height:100%; background-size:100%; background-repeat:no-repeat; background-position:center top; padding-top:110px; padding-bottom:20px; text-decoration:none;}
ul.bn_list li a h5 {text-align:center; color:#fff;}
ul.bn_list li a p {text-align:center; font-size:14px;}
ul.bn_list li a span {font-size:12px; color:#fff; display:block; width:90px; padding:1px 0; border-radius:25px; background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.8); box-sizing:border-box; text-align:center; margin:10px auto 0 auto;}
ul.bn_list li a.bn01 {background-image:url(../_img/contents/sec01_bn01_bg.jpg); background-color:#34bcf2;}
ul.bn_list li a.bn01 p {color:#66ffcc}
ul.bn_list li a.bn02 {background-image:url(../_img/contents/sec01_bn02_bg.jpg); background-color:#ffdff0;}
ul.bn_list li a.bn02 h5 {color:#5e5158;}
ul.bn_list li a.bn02 p {color:#f00057;}
ul.bn_list li a.bn02 span {color:#888}
ul.bn_list li a.bn03 {background-image:url(../_img/contents/sec01_bn03_bg.jpg); background-color:#9cb9bf;}
ul.bn_list li a.bn03 p {color:#161c34;}
ul.bn_list li a.bn04 {background-image:url(../_img/contents/sec01_bn04_bg.jpg); background-color:#6f98b0;}
ul.bn_list li a.bn04 p {color:#ccff99;}
ul.bn_list li img {width:100%;}

ul.bn_list.ver02 {margin-bttom:0; margin-top:10px;}
ul.bn_list.ver02 a {padding:0;}
ul.bn_list.ver02 a span {position:absolute; bottom:13px; left:50%; margin-left:-45px; color:#fff; border:0; background:#333;}

#at_ent {padding:0;}
#at_ent img {width:100%;}


/*========== 견적문의모달팝업 ==========*/
#estimate_pop {display:none; position:fixed; top:75px; right:0; width:100%; height:100%; overflow:scroll; box-sizing:border-box; z-index:55; padding:15px; background:#ff9900;}
#estimate_pop h4 {color:#fff; border-bottom:1px solid rgba(255,255,255,0.7); margin-bottom:20px; padding-bottom:20px;}
#estimate_pop h4 span {font-size:15px; color:rgba(255,255,255,0.7); font-weight:400; padding-left:10px;}
#estimate_pop .close {position:absolute; top:40px; right:50px; width:36px; height:36px; background:url(/_img/icon/close_btn.png) no-repeat; background-position:-36px 0; text-indent:-9669999px; cursor:pointer;}

#estimate_pop span {position:absolute; top:12px; left:10px; font-size:14px; color:#333; font-weight:500} 
#estimate_pop ul {width:100%;}
#estimate_pop ul:first-of-type {margin-bottom:20px; padding-bottom:10px; border-bottom:1px dotted rgba(255,255,255,0.5);}
#estimate_pop ul li {position:relative; width:100%; height:auto; background:#fff; margin-bottom:10px; border-radius:5px; overflow:hidden; padding-left:120px; box-sizing:border-box;}
#estimate_pop ul li input[type='text'] {width:100%; height:45px; background:#fff; border:0; color:#333; font-size:14px;}
#estimate_pop ul li input[type='text']::placeholder {color:#666;}
#estimate_pop ul li select {width:100%; height:45px; border:0; font-size:14px; color:#666}
#estimate_pop textarea {display:block; width:100%; height:120px; border-radius:5px; background:#fff; box-sizing:border-box; border:0; padding:10px; color:#333; font-size:15px; padding-top:45px;}
#estimate_pop button {width:48%; height:45px; margin-left:2%; background:#000; color:#fff; border:0; border-radius:5px; font-size:14px; margin-top:10px;}
#estimate_pop button:first-of-type {margin-left:0;}

/*========== drop_location ==========*/
#drop_location {position:relative; width:100%; height:50px; background:#fff; border-bottom:1px solid #e0e0e0; box-sizing:border-box; z-index:9}
#drop_location ul.dropdown-menu {width:100%; height:100%;}
#drop_location ul.dropdown-menu li {position:relative; float:left; width:50%; height:100%; box-sizing:border-box; border-left:1px solid #e0e0e0; line-height:50px; transition:0.3s;}
#drop_location ul.dropdown-menu li:first-of-type {border:0;}
#drop_location ul.dropdown-menu li:hover {background:#f1f1f1;}
#drop_location ul.dropdown-menu li span {display:block; width:100%; height:100%; color:#636363; font-size:15px; box-sizing:border-box; padding:0 10px; cursor:pointer;}

#drop_location ul.dropdown-menu li a {display:block; width:100%; height:100%; color:#636363; font-size:13px; box-sizing:border-box; padding:0 10px; text-decoration:none;}
#drop_location ul.dropdown-menu li.has-dep span{background-image:url(../_img/icon/b-arrow-down.png); background-repeat: no-repeat; background-position:center right 10px; background-size:15px;}
#drop_location ul.dropdown-menu li:hover, #drop_location ul.dropdown-menu li:focus {background-color:#f1f1f1;}

#drop_location ul.dropdown-menu li ul {display:none; position:absolute; left:0; top:100%; width:100%; background:#fafafa; border:1px solid #e0e0e0; box-sizing:border-box; padding:5px 0}
#drop_location ul.dropdown-menu li ul li {float:none; width:100% !important; border-left:0; line-height:40px;}
#drop_location ul.dropdown-menu li ul li a { color: #333; }
#drop_location ul.dropdown-menu li ul li ul { left: 100%; top: 0;}


/*========== 상품리스트 ==========*/
ul.item_list {width:100%; overflow:hidden; box-sizing:border-box; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
ul.item_list li {position:relative; float:left; width:50%; height:345px; box-sizing:border-box; overflow:hidden; border:1px solid #ddd; border-bottom:0; border-left:0;}
ul.item_list li .thumb {width:100%; height:200px; overflow:hidden; background:#fff;}
ul.item_list li .thumb img {position:relative; top:50%; left:50%; width:100%; height:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}

ul.item_list li .desc {position:absolute; left:0; bottom:-47px; width:100%; background:#f8f8f8; box-sizing:border-box; padding:15px; overflow:hidden;}
ul.item_list li .desc p.name {color:#333; font-size:16px; font-weight:600; padding-bottom:10px; border-bottom:1px solid #ddd;}
ul.item_list li .desc .day-price {width:100%; overflow:hidden; margin:10px 0 15px 0;}
ul.item_list li .desc .day-price p {font-size:13px; word-break:break-all; color:#777;}
ul.item_list li .desc dl {float:left; width:50%; overflow:hidden; padding:2px 0}
ul.item_list li .desc dl dt, ul.item_list li .desc dl dd {float:left; font-size:13px; color:#333;}
ul.item_list li .desc dl dt {font-weight:700; padding-right:5px;}
ul.item_list li .desc dl dd {}
ul.item_list li .desc .detail_btn {display:block; width:150px; height:30px; border-radius:5px; border:1px solid #ddd; margin:0 auto; background:#fff; text-align:center; color:#444; line-height:30px; cursor:pointer;}
ul.item_list li .desc .detail_btn span {background-image:url(../_img/icon/search-btn.png); background-repeat:no-repeat; background-position: center left; background-size:13px; font-size:13px; font-weight:500; padding-left:17px;}
ul.item_list li .desc .detail_btn:hover {background:#ff9900; border:1px solid #ff9900; color:#fff;}
ul.item_list li .desc .detail_btn:hover span {background-image:url(../_img/icon/search-btn-w.png);}
ul.item_list li:hover .thumb img {opacity:0.4;}
ul.item_list li:hover .desc {bottom:0; box-shadow:0 0 10px rgba(0,0,0,0.5);}


/*========== 페이징 ==========*/
.list_paging {width:100%; text-align:center; font-size:0; margin-top:50px; overflow:hidden;}
.list_paging a {display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#333;}
.list_paging a.on {font-weight:600; color:#000}
.list_paging a.ctrl {text-indent:-99999px; margin:0 2px}
.list_paging a.first {background:url(../_img/icon/btn_first.gif) no-repeat center;}
.list_paging a.prev {background:url(../_img/icon/btn_prev.gif) no-repeat center;}
.list_paging a.next {background:url(../_img/icon/btn_next.gif) no-repeat center;}
.list_paging a.last {background:url(../_img/icon/btn_end.gif) no-repeat center;}



/*========== 제품상세모달팝업 ==========*/

.modal_pop {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:73;}

#modal-cont {position:absolute; top:100px; height:80%; left:50%; margin-left:-45%; width:90%; border-radius:10px; background:#fff; overflow:scroll; padding:0 10px; box-sizing:border-box;}
#modal-cont .btn_wrap {width:100%; text-align:center; overflow:hidden; padding-bottom:20px;}
#modal-cont .btn_wrap a {display:block; width:100%; height:42px; line-height:42px; font-size:13px; background:#333; color:#fff; text-decoration:none; border-radius:5px; margin-top:10px;}
#modal-head {position:relative; width:100%; height:40px; box-sizing:border-box; padding:10px 0}
#modal-head span.close_btn {float:left; display:block; width:20px; height:20px; text-indent:-99999px; background-image:url(../_img/icon/close_btn.png); background-size: auto 100%; background-repeat:no-repeat; cursor:pointer;}
#modal-head span.close_btn:hover {background-position:-20px 0;}

#modal-body {width:100%; height:auto; overflow:hidden;}
#modal-body #item_pic {position:relative; width:100%; overflow:hidden;}
#modal-body #item_pic::after {display:block; padding-bottom:70%; content:'';}
#modal-body #item_pic span {position:absolute; top:0; left:0; width:100%; height:100%;}
#modal-body #item_pic img {position:relative; top:50%; left:50%; width:auto; height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}

#modal-body #item_info {width:100%; box-sizing:border-box;}
#modal-body #item_info .info-title {width:100%; overflow:hidden; margin-bottom:25px; text-align:center;}
#modal-body #item_info .info-title span {font-size:12px; color:#999; text-align:center;}
#modal-body #item_info .info-title p {font-size:14px; word-break:break-all; text-align:center;}
#modal-body #item_info .info-title h5 {color:#222; padding:8px 0 13px 0; text-align:center;}

table.atr_basic {table-layout:fixed; border-top:1px solid #ddd;}
table.atr_basic tr {}
table.atr_basic tr th, table.atr_basic tr td {font-size:14px; line-height:30px; padding:15px 20px; border-bottom:1px solid #ddd; text-align:left;}
table.atr_basic tr th {color:#333; background:#f7f7f7; text-align:center; font-weight:400}
table.atr_basic tr td {color:#777; background:#fff; padding:15px 20px; border-bottom:1px solid #ddd;}
table.atr_basic tr td input[type='text'] {width:100%; height:40px; border:1px solid #ddd; box-sizing:border-box; padding:10px; font-size:16px; color:#333;}
table.atr_basic tr td select {width:100%; height:40px; border:1px solid #ddd; box-sizing:border-box; padding:0 10px; font-size:16px;}
table.atr_basic tr td textarea {width:100%; height:200px; box-sizing:border-box; border:1px solid #ddd; padding:10px; font-size:16px;}

#modal-body #item_info table.atr_basic {}
#modal-body #item_info table.atr_basic tr th, #modal-body #item_info table.atr_basic tr td {font-size:14px; padding:10px 20px !important; line-height:20px;}



/*========== 상품리스트 검색창 ==========*/
#category_search {position:relative; width:100%; overflow:hidden; box-sizing:border-box; margin-bottom:30px;}

.search {position:relative; width:100%; height:50px; overflow:hidden; box-sizing:border-box; margin:0 auto;}
.search.no-select {width:400px;}
.search input[type='text'] {float:left; position:relative; width:100%; height:45px; box-sizing:border-box; padding:10px 20px; font-size:14px; color:#777;border-radius:5px; border:1px solid #ddd; padding-right:50px; background:#fafafa;}
.search button {position:absolute; top:0; right:0; display:block; width:50px; height:45px; border:0; background:url(../_img/icon/search-btn.png) no-repeat center; text-indent:-999999px; background-size:20px;}

.search select {float:left; width:150px; height:50px; border:1px solid #ddd; background:#fff; padding:10px; font-size:15px; color:#777; border-radius:5px; margin-right:5px;}

ul.category {width:100%; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; background:#fff; text-align:center; font-size:0; padding:15px 0 10px 0; margin-top:20px;}
ul.category li {display:inline-block; font-size:15px; padding:0 25px;}
ul.category li a {color:#333;}
ul.category li a span {padding-left:5px; color:#d60101;}
ul.category li.on {font-weight:600;}


/*========== 게시판 ==========*/
.bbs_head {width:100%; overflow:hidden; border-top:2px solid #333; text-align:center; font-size:13px; color:#000; background:#fcfcfc; padding:10px 0;}
.bbs_head .num {float:left; width:15%;}
.bbs_head .desc {float:left; width:85%;}

ul.basic_bbs  {table-layout:fixed; width:100%; margin:0 auto; border-bottom:1px solid #333;}
ul.basic_bbs li {border-bottom:1px solid #e6e5e5; overflow:hidden;}
ul.basic_bbs li .num {float:left; width:15%; text-align:center; font-weight:600; line-height:60px; font-size:17px;}
ul.basic_bbs li .desc {float:left; width:85%; padding:10px 0;}
ul.basic_bbs li .desc a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:normal; color:#333; font-size:14px;}
ul.basic_bbs li .desc span {font-size:13px; color:#666; padding-right:10px; padding-top:5px;}

/*========== 인사말 ==========*/
#sub01_01_sec01 {}
#sub01_01_sec01 h6 {color:#222; margin-bottom:10px;}
#sub01_01_sec01 p {}

ul.part_list {width:100%; margin-top:40px;}
ul.part_list li {position:relative; float:left; width:100%; padding:50px 0; border-radius:5px; overflow:hidden; margin-bottom:20px; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:cover;}
ul.part_list li.list01 {background-image:url(/_img/sub/sub01_01_pic01.jpg);}
ul.part_list li.list02 {background-image:url(/_img/sub/sub01_01_pic02.jpg);}
ul.part_list li.list03 {background-image:url(/_img/sub/sub01_01_pic03.jpg);}
ul.part_list li dl {width:100%; height:auto; box-sizing:border-box; padding:0 20px;}
ul.part_list li dl dt, ul.part_list li dl dd {color:#fff; text-align:center;}
ul.part_list li dl dt {font-size:19px; font-weight:600; margin-bottom:15px;}
ul.part_list li dl dd {font-size:14px; line-height:22px;}

/*========== 오시는길 ==========*/
#sub01_02_sec01 {}
#sub01_02_sec01 .half {width:100%; overflow:hidden; margin-bottom:40px;}
#sub01_02_sec01 .map_title {width:100%; border-bottom:3px solid #010100; overflow:hidden;}
#sub01_02_sec01 .map_title span {display:inline-block; border-radius:5px 5px 0 0; background:#010100; color:#fff; padding:10px 25px; font-size:16px;}

table.atr_basic {table-layout:fixed; border-top:1px solid #ddd;}
table.atr_basic tr {}
table.atr_basic tr th, table.atr_basic tr td {font-size:14px; line-height:20px; padding:15px 20px; border-bottom:1px solid #ddd; text-align:left;}
table.atr_basic tr th {color:#333; background:#f7f7f7; text-align:center; font-weight:400}
table.atr_basic tr td {color:#777; background:#fff; padding:15px 20px; border-bottom:1px solid #ddd;}
table.atr_basic tr td input[type='text'] {width:100%; height:40px; border:1px solid #ddd; box-sizing:border-box; padding:10px; font-size:14px; color:#333;}
table.atr_basic tr td select {width:100%; height:40px; border:1px solid #ddd; box-sizing:border-box; padding:0 10px; font-size:14px;}
table.atr_basic tr td textarea {width:100%; height:200px; box-sizing:border-box; border:1px solid #ddd; padding:10px; font-size:14px;}

.root_daum_roughmap_landing {width:100% !important;}

.item_section {margin-top:50px;}
.item_section:first-of-type {margin:0;}