/****************************************/ /* Name: design_wave /* PART: contents /* Version: 1.0 /* Author: Kim Bo Reum /****************************************/ .light {font-weight:300 !important;} .normal {font-weight:400 !important;} .bold {font-weight:700 !important;} .bolder {font-weight:800 !important;} /*========== popup_wrap ==========*/ .top_ad {width:100%; height:114px; overflow:hidden; background:url(../_img/common/top_ad.png) no-repeat center; text-indent:-9999px} /*========== popup_wrap ==========*/ /*========== quick_banner ==========*/ #quick_banner {position:absolute; width:61px; height:313px; top:33px; left:-100px;} #quick_banner ul {} #quick_banner ul li {border-bottom:1px solid #e8e8e8;} #quick_banner ul li:last-of-type {padding-top:15px; border-bottom:0;} /*========== quick_banner ==========*/ /*========== today_view ==========*/ #today_view {position:absolute; width:110px; height:315px; top:33px; right:-140px; } #today_view .row-box {width:100%; height:auto; border:1px solid #b2b2b2; border-bottom:0; box-sizing:border-box; overflow:hidden;} #today_view .row-box:first-of-type {background:#f8f8f8;} #today_view .row-box.control {padding:5px 10px 10px; border-top:1px solid #e6e6e6; border-bottom:1px solid #b2b2b2;} #today_view span.row-title {display:block; width:100%; height:35px; box-sizing:border-box; padding:5px 10px; border-bottom:1px solid #e6e6e6;} #today_view span.row-title em {text-decoration:underline; float:right;} #today_view ul {width:100%; height:auto; box-sizing:border-box; overflow:hidden; padding:5px 10px; background:#f8f8f8;} #today_view ul li {line-height:17px;} #today_view ul li span {display:block;} #today_view button {float:left; width:43px; height:20px; border:0;} /*========== today_view ==========*/ /*========== visual ==========*/ .visual {position:relative; width:100%; height:699px; overflow:hidden; background:url(../_img/main/visual_img_01.jpg) no-repeat center;} .visual .contents {overflow:visible !important;} .enrollShop_cnt {position:absolute; top:350px; left:50%; color:#fff; font-size:57px; letter-spacing:-7px; margin-left:210px;} .enrollShop_cnt span {font-size:62px; color:#fff; padding:0 5px 0 15px;} .main_search_box {position:absolute; left:0; bottom:0px; width:100%; height:90px; background:rgba(0,0,0,0.6)} .main_search {position:relative; width:1280px; margin:0 auto; padding:25px 210px 20px 65px; box-sizing:border-box; overflow:hidden;} .main_search ul {width:100%; overflow:hidden;} .main_search ul li {float:left; width:14.2%; box-sizing:border-box; padding:0 3px;} .main_search ul li select {border-radius:3px; width:100%; height:40px; font-size:14px; box-sizing:border-box; padding:0 5px; border:1px solid #000; background:url(../_img/common/select_arrow.png) no-repeat right 5px top 16px, #fff; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; color:#919191} .main_search ul li select::-ms-expand {display:none;} .main_search button#btn_search01 {position:absolute; top:25px; right:65px; display:block; width:145px; height:40px; box-sizing:border-box; background:url(../_img/main/btn_search.png) no-repeat center, #c92027; border:1px solid #000; border-radius:3px; text-indent:-9999px;} /*========== visual ==========*/ /*========== section01 ==========*/ #section01 {background:#fff;} /*#section01 .contents {padding:0 45px;}*/ #search_bar {margin:0 auto; overflow:hidden; text-align:center; padding-bottom:60px;} #search_bar input[type='text'] {width:300px; height:50px; border:2px solid #c92027; border-radius:3px 0 0 3px; color:#a9a9a9; font-size:15px; box-sizing:border-box; padding:10px;} #search_bar button#btn_search02 {width:75px; height:50px; background:url(../_img/main/btn_search02.png) no-repeat center, #c92027; border:0; border-radius:0 3px 3px 0; text-indent:-9999px;} #search_bar button#register_shop {width:110px; height:50px; border:0; border-radius:3px; background:#c92027; text-align:center; line-height:48px; color:#fff; font-size:19px; font-weight:500; margin-left:10px;} ul.sec01_bnList {width:100%; overflow:hidden; box-sizing:border-box; padding:0 51px;} ul.sec01_bnList li {float:left; width:365px; height:312px; overflow:hidden; margin:17px; box-sizing:border-box; font-size:16px; line-height:25px; -moz-transform: scale(1.0); -webkit-transform: scale(1.0);} ul.sec01_bnList li a {display:block; width:100%; height:100%; box-sizing:border-box; padding:195px 0 50px 0; text-align:center; color:#fff; text-decoration:none;} ul.sec01_bnList li#bn01 {background:url(../_img/main/sec01_bg01.jpg) no-repeat center; background-size:100%;} ul.sec01_bnList li#bn01 a {background:url(../_img/main/sec01_bn01.png) no-repeat top 70px center;} ul.sec01_bnList li#bn02 {background:#00aecc;} ul.sec01_bnList li#bn02 a {background:url(../_img/main/sec01_bn02.png) no-repeat top 70px center; color:#fff;} ul.sec01_bnList li#bn02:hover {} ul.sec01_bnList li#bn03 {background:url(../_img/main/sec01_bg02.jpg) no-repeat center; background-size:100%;} ul.sec01_bnList li#bn03 a {background:url(../_img/main/sec01_bn03.png) no-repeat top 70px center;} ul.sec01_bnList li#bn04 {background:url(../_img/main/sec01_bg03.jpg) no-repeat center; background-size:100%;} ul.sec01_bnList li#bn04 a {background:url(../_img/main/sec01_bn04.png) no-repeat top 70px center;} ul.sec01_bnList li#bn05 {background:url(../_img/main/sec01_bg04.jpg) no-repeat center; background-size:100%;} ul.sec01_bnList li#bn05 a {background:url(../_img/main/sec01_bn05.png) no-repeat top 70px center;} ul.sec01_bnList li#bn06 {border:2px solid #000; transition:transform .3s ease-in-out; background:#fff;} ul.sec01_bnList li#bn06 a {background:url(../_img/main/sec01_bn06.png) no-repeat top 70px center; color:#000;} ul.sec01_bnList li#bn06:hover {border:2px solid #c92027;} /*ul.sec01_bnList li#bn06:hover a {background:url(../_img/main/sec01_bn06_on.png) no-repeat top 70px center; color:#fff;}*/ /*========== section01 ==========*/ /*========== section02 ==========*/ #section02 {background:#f6f6f6;} .zoneList {width:100%; padding:5px 0; text-align:center; margin-bottom:60px;} .zoneList span {display:inline-block; padding:5px 10px; background:#ee2f48; border-radius:20px; font-size:17px; box-shadow: 2px 2px 0px #e1e1e1; margin:7px; cursor:pointer;} .zoneList span a {color:#fff;} .zoneList span:hover {background:#fff;} .zoneList span:hover a {color:#000;} /*Location_map */ #Location_map {position:relative; width:100%; height:670px; overflow:hidden;} #map_area2 {float:left; width:auto; height:100%; overflow:hidden;} #location_pdtList {position:absolute; top:0; right:0; width:475px; height:100%; overflow:hidden; z-index:10; box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.2); padding-bottom:10px; box-sizing:border-box; background:#fff;} #location_pdtList #list_cnt {width:100%; padding:12px 10px 12px 25px; color:#fff; background:url(../_img/main/ico_arrow.png) no-repeat center left 10px , #ee2f48; font-size:15px; box-sizing:border-box;} #location_pdtList #list_cnt strong {padding-left:5px;} #location_pdtList ul.pdt_list {width:100%; height:580px; overflow:scroll; overflow-x:hidden; box-sizing:border-box; padding:10px; background:#fff; transition:opacity .5s;} #location_pdtList ul.pdt_list li {width:100%; height:125px; box-sizing:border-box; border:1px solid #e0e0e0; border-top:0; padding:10px;} #location_pdtList ul.pdt_list li:hover {background:#f1f1f1;} #location_pdtList ul.pdt_list li:first-of-type {border-top:1px solid #e0e0e0;} #location_pdtList ul.pdt_list li a {position:relative; display:block; width:100%; height:100%; overflow:hidden; box} #location_pdtList ul.pdt_list li .preview {float:left; width:120px; height:100%; overflow:hidden;} #location_pdtList ul.pdt_list li .preview img {display:block; width:100%; height:100%;} #location_pdtList ul.pdt_list li .pdt_information {float:left; width:295px; height:100%; overflow:hidden; box-sizing:border-box; padding-left:12px;} #location_pdtList ul.pdt_list li .pdt_information .main_title {font-size:19px; font-weight:600; color:#c92027;} #location_pdtList ul.pdt_list li .pdt_information .main_title span {font-size:11px; color:#fff; padding:2px 6px; font-weight:400; margin-right:3px;} #location_pdtList ul.pdt_list li .pdt_information .main_title span.label01 {background:#fc7781;} #location_pdtList ul.pdt_list li .pdt_information .main_title span.label02 {background:#5bcab9;} #location_pdtList ul.pdt_list li .pdt_information .small_title {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; color:#2b2b2b; margin-top:7px;} #location_pdtList ul.pdt_list li .pdt_information .summary {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:7px; font-family:'돋움', sans-serif;} #location_pdtList ul.pdt_list li .pdt_information .summary span {position:relative; color:#888; font-size:13px; padding:0 7px;} #location_pdtList ul.pdt_list li .pdt_information .summary span::after {position:absolute; left:0; top:2px; width:1px; height:13px; background:#ccc; content:'';} #location_pdtList ul.pdt_list li .pdt_information .summary span:first-of-type {padding-left:0;} #location_pdtList ul.pdt_list li .pdt_information .summary span:first-of-type::after {display:none;} #location_pdtList ul.pdt_list li .pdt_information .hashtag {} #location_pdtList ul.pdt_list li .pdt_information .hashtag span {font-size:11px; /*border:1px solid #aaa;*/ color:#fff; border-radius:3px; padding:3px 6px; background:#ee2f48; margin-right:5px; font-size:13px; box-shadow: 2px 2px 0px #ccc; font-family:'돋움', sans-serif; letter-spacing:-1px;} #paging {position:absolute; bottom:0; left:0; width:100%; height:45px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; line-height:45px; text-align:center; z-index:10; background:#fff;} #paging a {display:inline-block; width:25px; height:25px; font-size:15px; color:#666; cursor:pointer; text-decoration:none;} #paging a:hover {color:#fc7781;} #paging a.on {color:#fff; background:#e71a3c; line-height:25px; border-radius:50%;} /*========== section02 ==========*/ /*========== section03 ==========*/ #section03 {} ul.recommend_pdtList {width:100%; overflow:hidden; padding:60px 0;} ul.recommend_pdtList li {position:relative; float:left; width:309px; height:309px; overflow:hidden; box-sizing:border-box; margin:0 0 21px 21px; background:#000;} ul.recommend_pdtList li:first-of-type, ul.recommend_pdtList li:nth-of-type(4n+1) {margin-left:0;} ul.recommend_pdtList li a {display:block; width:100%; overflow:hidden;} ul.recommend_pdtList li .pdt_thumb {width:100%; height:100%; overflow:hidden; opacity:0.4;} ul.recommend_pdtList li .pdt_thumb img {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s; height:309px} ul.recommend_pdtList li .pdt_thumb:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);} ul.recommend_pdtList li .pdt_exp {position:absolute; bottom:0; left:0; width:100%; padding:10px; box-sizing:border-box;} ul.recommend_pdtList li .pdt_exp span {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; padding-top:3px;} ul.recommend_pdtList li .pdt_exp span.title {font-size:23px; padding-bottom:3px;} ul.recommend_pdtList li .pdt_exp span.appeal {font-size:15px;} ul.recommend_pdtList li .pdt_exp span.detail {font-size:15px;} ul.recommend_pdtList li .pdt_exp span.space {font-size:15px;} /*========== section03 ==========*/ /*========== quick_customList ==========*/ #quick_customList {width:100%; height:240px; overflow:hidden;} #quick_customList .arrBox {position:relative; float:left; height:100%; padding-top:30px; padding-bottom:30px; box-sizing:border-box; overflow:hidden;} #quick_customList .arrBox h3 {position:relative; font-size:17px; color:#000; text-align:left; padding:10px 0;} #quick_customList .arrBox h3 a {position:absolute; right:0; top:10px; display:block; border:1px solid #e1e1e1; color:#aaa; padding:2px 7px; font-size:12px; font-weight:400; text-decoration:none;} #quick_customList .arrBox h3 a:hover {border:1px solid #999; color:#666;} /*quick_customer*/ #quick_customer {width:390px; padding-right:10px; padding-left:10px;} #quick_customer ul {width:100%; height:100%; overflow:hidden;} #quick_customer ul li {float:left; width:50%; height:50%; box-sizing:border-box; text-align:center;} #quick_customer ul li a {display:block; width:100%; font-size:14px; color:#949494; text-decoration:none;} #quick_customer ul li a:hover {color:#000} #quick_customer ul li#quick01 {border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;} #quick_customer ul li#quick02 {border-bottom:1px solid #d1d1d1;} #quick_customer ul li#quick03 {border-right:1px solid #d1d1d1;} #quick_customer ul li#quick04 {} #quick_customer ul li#quick01 a {padding-top:55px; background:url(../_img/common/q_ico01.png) no-repeat center top 15px;} #quick_customer ul li#quick02 a {padding-top:55px; background:url(../_img/common/q_ico02.png) no-repeat center top 15px;} #quick_customer ul li#quick03 a {padding-top:65px; background:url(../_img/common/q_ico03.png) no-repeat center top 25px;} #quick_customer ul li#quick04 a {padding-top:65px; background:url(../_img/common/q_ico04.png) no-repeat center top 25px;} /*notice*/ #notice {width:520px; padding:45px 55px;} #notice ul {position:absolute; left:55px; top:70px; width:100%; overflow:hidden;} #notice ul li {position:relative; width:100%; font-size:14px; padding:5px 0 5px 10px;} #notice ul li::before {position:absolute; top:15px; left:0; width:4px; height:4px; background:#666; content:'';} #notice ul li a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;} #notice ul li:hover::before {background:#2ac1bc;} #notice ul li:hover a {color:#2ac1bc;} /*cs_center_info*/ #cs_center_info {width:390px; padding-right:10px; padding-left:10px;} #cs_center_info p {font-size:33px; font-weight:900; color:#010101; padding-top:10px;} #cs_center_info dl {padding:20px 0 15px 0} #cs_center_info dl dt, #cs_center_info dl dd {color:#010101; font-size:13px;} #cs_center_info dl dt {float:left; width:50px;} #cs_center_info dl dd {} #cs_center_info span {display:block; color:#999;} /*========== quick_customList ==========*/ /*========== fnbList ==========*/ #fnbList {width:100%; height:50px; border:1px solid #d1d1d1; border-width:1px 0; overflow:hidden; box-sizing:border-box; text-align:center;} #fnbList span {display:inline-block; width:135px; height:100%; border-right:1px solid #d1d1d1; text-align:center; box-sizing:border-box; line-height:50px;} #fnbList span:first-of-type {border-left:1px solid #d1d1d1;} #fnbList span a {color:#585858; font-size:13px; text-decoration:none;} #fnbList span:hover {background:#f5f5f5;} /*========== fnbList ==========*/ /*========== fnbList ==========*/ #company_info {width:100%; height:180px; box-sizing:border-box; padding:30px 0;} #company_info h1 {position:absolute; top:15px; left:130px;} #company_info p {padding:10px 0 0 310px; font-size:13px; color:#353535} #company_info ul {position:absolute; top:50px; right:0; overflow:hidden;} #company_info ul li {float:left; display:block; width:41px; height:41px; margin:0 5px;} #company_info ul li a {display:block; width:100%; height:100%; text-indent:-9999px;} #company_info ul li#blog a {background:url(../_img/common/ico_sns01.gif) no-repeat center;} #company_info ul li#face a {background:url(http://theliter.wavework.co.kr/_img/main/bl_insta.png) no-repeat center;} #company_info ul li#top a {background:url(../_img/common/btn_top.gif) no-repeat center;} /*========== fnbList ==========*/ /*=====================================================================================================================================================================================*/ /*============================================================================== subContainer =========================================================================================*/ /*=====================================================================================================================================================================================*/ /*========== sub_title ==========*/ .sub_title {width:100%; text-align:center; font-size:17px; color:#242424; padding-top:50px; margin:40px 0;} .sub_title#real_time {background:url(../_img/sub/sub_title01.png) no-repeat center top;} .sub_title#my_list {background:url(../_img/sub/sub_title02.png) no-repeat center top;} .sub_title#my_search {background:url(../_img/sub/sub_title03.png) no-repeat center top;} .sub_title#hugi {background:url(../_img/sub/sub_title04.png) no-repeat center top;} .sub_title#qa {background:url(../_img/sub/sub_title05.png) no-repeat center top;} /*========== sub_title ==========*/ /*========== search_condition ==========*/ table.search_condition {table-layout:fixed; width:100%; overflow:hidden; border-top:2px solid #333;} table.search_condition strong {color:#242424;} table.search_condition tr {} table.search_condition th, table.search_condition tr td {position:relative; height:50px; padding:7px 15px; box-sizing:border-box; border-bottom:1px solid #e0e0e0; font-size:15px;} table.search_condition tr th {text-align:center; color:#4e4e4e; background:#fafafa; font-weight:400;} table.search_condition tr td {color:#626262;} table.search_condition tr td label {} table.search_condition thead th, table.search_condition thead td {/*height:70px;*/ line-height:31px;} table.search_condition thead td input[type=checkbox] + label:before {top:5px;} table.search_condition thead th {background:none;} table.search_condition thead td {} table.search_condition thead td span {float:right;} table.search_condition thead td span select {margin-left:10px !important;} table.search_condition.type02 {} table.search_condition.type02 tr {} table.search_condition.type02 tr th {text-align:left;} table.search_condition.type02 tr td .map_area {width:100%; height:325px; overflow:hidden; margin-top:20px;} table.search_condition.type02 tr td span.helper {display:inline-block; font-size:13px; background:url(../_img/sub/ico_qaution.png) no-repeat top 5px left; padding-left:15px; margin-left:20px;} table.search_condition.type02 tr td button {width:80px; height:35px; background:#eee; border:0;} table.search_condition.type02 tr td input[type='text'] {width:100%; height:35px; box-sizing:border-box; border:1px solid #e7e7e7; padding:5px; background:#fafafa;} table.search_condition.type02 tr td input[type='text'].type02 {width:127px !important;} table.search_condition.type02 tr td input[type='text'].type03 {width:550px !important;} table.search_condition.type02 tr td input[type='text'].type04 {width:200px !important;} table.search_condition.type02 tr td input[type='text'].num {width:127px !important;} .broker_check {position:relative; width:100%; overflow:hidden;} .broker_check .broker_name {float:left; height:80px; box-sizing:border-box; padding:20px; background:#ebf2f8; text-align:center; color:#2a469a; font-size:17px; line-height:23px;} .broker_check .broker_name em {color:#555; font-size:14px;} .broker_check ul {float:left; margin-left:20px; margin-top:10px;} .broker_check ul li {font-size:13px; color:#777} .broker_check ul li strong {color:#555;} /*========== search_condition ==========*/ /*========== view_all ==========*/ .view_all {clear:both;width:100%; height:auto; box-sizing:border-box; border:1px solid #333; border-top:2px solid #00b492; margin:30px 0;} .all_title {width:100%; box-sizing:border-box; padding:15px 20px; border:1px solid #e7e7e7; background:#fafafa;} .all_title span.view_slide_btn {color:#383838; font-size:15px; background:url(../_img/common/select_arrow.png) no-repeat center right; background-size:12px; padding-right:20px; font-weight:600; cursor:pointer;} .all_title .all_store_num {float:right; font-size:15px; color:#383838;} .all_title .all_store_num span {font-size:25px; font-weight:600; color:#fe7429; padding:0 5px 0 10px;} #typeList {width:100%; overflow:hidden;} #typeList dl {float:left; width:14.2%; min-height:237px; box-sizing:border-box; border-left:1px solid #e7e7e7; padding:15px 20px;} #typeList dl:first-of-type {border-left:0;} #typeList dl dt {font-size:13px; font-weight:500;; color:#383838;} #typeList dl dd {font-size:13px; margin:3px 0; cursor:pointer;} #typeList dl dd:hover {color:#00b492;} /*========== view_all ==========*/ /*========== shopList_wrap ==========*/ .shopList_wrap {width:100%; overflow:hidden;} .detail_search {width:100%; border-top:1px solid #333; border-bottom:1px solid #e7e7e7; padding:13px 20px; margin-bottom:30px;} .detail_search select {border:1px solid #ddd !important; font-size:13px !important; color:#0a0a0a !important;} /*========== shopList_wrap ==========*/ /*========== top_description ==========*/ h2.section_tit {float:left; font-weight:400; font-size:19px; color:#010101} h2.section_tit strong {font-weight:500;} h2.section_tit span {font-size:13px; float:right;} h2.section_tit.type_table {display:block; width:100%; padding:30px 0 10px 0;} #top_description {width:100%; overflow:hidden;} .utilityBar {width:100%; overflow:hidden; border-bottom:2px solid #333; padding-bottom:15px; padding-top:30px;} .utilityBar dl {} .utilityBar dl dt, .utilityBar dl dd {float:left; font-size:13px;} .utilityBar dl dt {color:#3a3a3a; padding-left:15px;} .utilityBar dl dd {padding-left:3px;} .utilityBar ul {position:relative; float:right; padding:0 10px;} .utilityBar ul::after {content:''; position:absolute; top:3px; left:0px; width:1px; height:18px; background:#e4e4e4;} .utilityBar ul:last-of-type::after {display:none;} .utilityBar ul li {float:left; padding:0 2px;} .utilityBar ul li a {} #products_name {position:relative; width:100%; padding:15px 0; border-bottom:1px solid #e1dedc; margin-bottom:15px;} #products_name span {display:block;} #products_name span.loca {font-size:17px; color:#2f2f2f; padding-bottom:15px;} #products_name span.main_tit {font-size:31px; font-weight:600; color:#010101; padding-bottom:18px;} #products_name span.pdt_number {position:absolute; top:15px; right:0; font-size:13px; color:#2f2f2f;} #products_name p {color:#787878; font-size:19px;} /*========== top_description ==========*/ /*========== main_description ==========*/ ul.tabs {position:relative; width:100%; overflow:hidden; border-left:1px solid #e1e1e1; margin-top:30px;} ul.tabs::after {content:''; position:absolute; right:0; bottom:0; width:50%; height:1px; background:#e1e1e1;} ul.tabs li {float:left; width:25%; height:50px; background:#fafbfb; text-align:center; color:#2f2f2f; font-size:15px; font-weight:300; line-height:50px; box-sizing:border-box; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; cursor:pointer;} ul.tabs li.active {background:#fff; border-bottom:0;} .tab_container {width:100%; padding:20px 0;} .tab_container span {display:block; color:#c92027; padding:10px; font-size:13px;} .detail_information {width:60%; box-sizing:border-box; border-top:1px solid #9499a4; border-right:1px solid #e1e1e1; border-bottom:1px solid #9499a4; border-left:1px solid #e1e1e1; overflow:hidden;} .detail_information .col-box {float:left; width:50%; box-sizing:border-box; padding:15px;} .detail_information .col-box dl {display:block; width:100%; overflow:hidden; border-bottom:1px solid #e1e1e1; padding:15px 0 10px 0;} .detail_information .col-box dl dt, .detail_information .col-box dl dd {font-size:15px; padding-bottom:10px;} .detail_information .col-box dl dt {float:left; width:90px; text-align:left; /*color:#6b6b6b;*/} .detail_information .col-box dl dd {color:#010101; text-align:right} .detail_information .col-box dl dd strong {font-size:16px; font-weight:500} .detail_information .col-box span.caution_txt {display:block; font-size:12px; line-height:16px; padding-top:5px; font-family:'돋움', sans-serif;} .detail_information .broker_info {position:relative; width:100%; box-sizing:border-box; padding:15px; overflow:hidden; background:#f6f6f6; font-size:13px; margin-top:15px;} .detail_information .broker_info .broker_call {position:absolute; right:15px; top:22px; font-size:21px; line-height:25px; color:#00b492;} .section_bar {width:100%; height:50px; line-height:50px; box-sizing:border-box; padding:0 15px; color:#212121; font-size:19px; background:#f6f6f6;} .section_bar span {font-size:14px; color:#adadad; padding-left:15px;} .jumpo_intro {width:60%; overflow:hidden; margin:20px 0;} .section_cont {position:relative; width:100%; box-sizing:border-box; overflow:hidden; margin:20px 0; font-size:15px !important; border-bottom:1px solid #ddd; padding-bottom:20px; font-family:'NanumSquare', 'Noto Sans KR', sans-serif !important;} .jumpo_QA .section_cont {margin:30px 0; padding-right:320px;} .jumpo_QA .section_cont .broker_info {position:absolute; top:0; right:0; width:305px; box-sizing:border-box; padding:15px 20px; background:#f6f6f6; font-size:14px; color:#6b6b6b;} .jumpo_QA .section_cont .broker_info strong {color:#2f2f2f;} .jumpo_QA .section_cont dl {width:100%; overflow:hidden; margin-bottom:10px;} .jumpo_QA .section_cont dl dt, .jumpo_QA .section_cont dl dd {float:left;} .jumpo_QA .section_cont dl dt {padding-right:10px; line-height:28px;} .jumpo_QA .section_cont dl dd {margin-right:20px;} .jumpo_QA .section_cont dl dd input {width:100%; height:32px; box-sizing:border-box; border:1px solid #ddd; padding:5px;} .jumpo_QA .section_cont #text {width:100%;} .jumpo_QA .section_cont #text textarea {float:left; width:90%; height:80px; border:1px solid #ddd; padding:5px; box-sizing:border-box} .jumpo_QA .section_cont #text button {float:left; width:10%; height:80px; background:#fcfcfc; border:1px solid #ddd; box-sizing:border-box; border-left:0; margin-top:1px} .btnList {width:100%; margin:50px 0; text-align:center; overflow:hidden;} .btnList a {display:inline-block; padding:15px 120px; font-size:17px; border-radius:5px; color:#fff; margin:0 10px; text-decoration:none;} .btnList a.register {background:#3bb3e0; border:1px solid #209bc8;} .btnList a.cancle {background:#c4c4c4; border:1px solid #b7b7b7;} /*========== shopList ==========*/ .shopList {width:100%; margin:30px 0; overflow:hidden;} ul.products_list {width:100%; overflow:hidden;} ul.products_list>li {position:relative; float:left; width:350px; height:auto; overflow:hidden; box-sizing:border-box; border:1px solid #e5e5e5; margin-left:25px; margin-bottom:25px;} ul.products_list>li:first-of-type, ul.products_list>li:nth-of-type(3n+1) {margin-left:0;} ul.products_list li .tag {position:absolute; top:10px; right:0; width:100%; box-sizing:border-box; overflow:hidden; padding:0 10px; z-index:900;} ul.products_list li .tag span {margin:0 2px; float:right;} ul.products_list li .tag span.tag01 {position:absolute; left:10px; top:0;} ul.products_list li .thumbnail {position:relative; width:100%; height:220px; overflow:hidden; border-bottom:1px solid #e0e0e0; box-sizing:border-box; cursor:pointer;} ul.products_list li .thumbnail .thumb_title {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.65); color:#fff; text-align:center; font-size:31px; line-height:37px; padding:70px 20px; box-sizing:border-box; overflow:hidden; } ul.products_list li .thumbnail .thumb_title div {display:table; width:100%; vertical-align:middle; border-top:3px solid #ee2f48;border-bottom:3px solid #00b8ce; min-height:70px; padding:15px 0; word-break: normal } ul.products_list li .thumbnail:hover .thumb_title {display:none;} ul.products_list li .thumbnail a {display:block; width:100%; height:100%; overflow:hidden;} ul.products_list li .thumbnail img {display:block; width:100%; height:100%;} ul.products_list li .description {width:100%; overflow:hidden; box-sizing:border-box; padding:10px;} ul.products_list li .description .shop_title {position:relative; width:100%; /*min-height:70px*/; overflow:hidden; box-sizing:border-box; /*padding-left:80px; margin-bottom:10px;*/} ul.products_list li .description .shop_title span.thumb_logo {position:absolute; top:0; left:0; width:70px; height:70px; overflow:hidden;} ul.products_list li .description .shop_title span.thumb_logo img {width:100%; height:100%;} ul.products_list li .description .shop_title dl {width:100%; overflow:hidden; padding:3px 0 5px 0;} ul.products_list li .description .shop_title dl dt, ul.products_list li .description .shop_title dl dd {float:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:17px; box-sizing:border-box;} ul.products_list li .description .shop_title dl dt {width:40%; font-weight:600; color:#242424; margin-bottom:5px; padding-left:5px;} ul.products_list li .description .shop_title dl dd {width:60%; word-break:break-all; line-height:18px; color:#555; padding-right:5px; padding-top:2px;} ul.products_list li .description .shop_title .division-title {padding-bottom:10px; padding-top:2px; font-size:15px; color:#000;} ul.products_list li .description .shop_title .division-title span.division {background:#00b8ce; color:#fff; padding:5px 10px; border-radius:3px; margin-right:5px; font-family:'돋움', sans-serif; letter-spacing:-1px; font-size:13px;} ul.products_list li .description .detail_desc {width:100%; box-sizing:border-box;/* padding:10px; background:#f8f8f8;*/} ul.products_list li .description .detail_desc .simple_broker_info {position:relative; border-top:1px solid #e7e7e7; padding-top:9px; line-height:18px; font-size:13px; color:#000} ul.products_list li .description .detail_desc .simple_broker_info span {position:absolute; right:0; top:19px; font-size:19px; letter-spacing:-0.5px;} ul.products_list li .description .detail_desc ul {width:100%; overflow:hidden; margin-bottom:10px; border-top:1px solid #e0e0e0; padding-top:10px;} ul.products_list li .description .detail_desc ul li {/*width:33.3%; padding-right:15px;*/ float:left; font-size:15px; color:#242424; line-height:25px;} /*ul.products_list li .description .detail_desc ul li:last-of-type {width:65%;}*/ ul.products_list li .description .detail_desc ul li span {font-size:17px; padding-left:5px; padding-right:2px;} button.search{width:100%; border-radius:3px; border:0; background:#E71A3C; color:#fff; text-align:center; padding:15px 0; margin-top:15px; font-size:17px;} /* 매물정보 우측 */ .detail-wrap { width:1100px; /*-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;*/ } .detail-wrap .infos{right:50%;z-index:100;width:420px;margin-right:-550px; position:fixed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .detail-wrap .infos .room-info-wrap{position:relative;padding:30px 21px 27px;border:1px solid #d1d1d1;/*border-bottom:none;*/background-color:#fff} .detail-wrap .infos .room-info-wrap .room-info-inner {padding-bottom:10px;} .detail-wrap .infos .room-info-wrap .room-info-inner .simple_quick_info {font-size:17px; line-height:24px;} .detail-wrap .infos .room-info-wrap .room-info-inner dt {font-size:17px; /*font-weight:bold*/} .detail-wrap .infos .room-info-wrap .room-info-inner dt span { color: #c92027; padding-left:5px;} .detail-wrap .infos .room-info-wrap .room-info-inner dd {padding-top:5px; line-height:18px; font-size:14px; color:#666} .detail-wrap .infos .room-info-wrap .room-info-inner dd.address {font-size:13px; color:#999} .detail-wrap .infos .room-info-wrap .room-info-inner .room-info-button-wrap { margin:10px 0; padding-top:10px; border-top:1px solid #d1d1d1;} .detail-wrap .infos .room-info-wrap .room-info-inner .room-info-button-wrap .room-favorite { float: left; width: 48%; margin-right: 4%;} .detail-wrap .infos .room-info-wrap .room-info-inner .room-info-button-wrap .room-report { float: left; width: 48%;} .detail-wrap .infos .broker_info {position:relative; width:100%; box-sizing:border-box; padding:15px; overflow:hidden; font-size:13px; clear:both; border:1px solid #d1d1d1; border-top:0;} .detail-wrap .infos .broker_info .broker_call {/*position:absolute; right:15px; top:22px;*/font-size:21px; line-height:25px; margin-top:10px; text-align:right;} .btn-xs { width: 64px; height: 30px; font-size: 12px; line-height: 28px; } .btn { display: inline-block; padding: 0 13px; background-image: none; margin-bottom: 0px; font-size: 12px; font-weight: 400; line-height: 1.5385; text-align: center; text-decoration: none; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; transition: all .1s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-default { border: 1px #585858 solid; background-color: #fff; color: #585858; } .tag {margin-top:10px;} .tag li {display:inline-block; background:#00b8ce; color:#fff; padding:3px 10px; border-radius:3px; margin-right:5px; font-family:'돋움', sans-serif; letter-spacing:-1px; font-size:13px; cursor:pointer; margin-bottom:5px;} .tag li a {color:#fff;} /* 로그인폼 */ .login_wrap { overflow:hidden;width:80%; margin:80px auto ; border:1px solid #ccc; background:#fff ;} .login_wrap h2 { margin:50px 0 30px 0;font-size:36px; font-weight:300;padding-left:180px; } .login_wrap h2 span { font-weight:600;} .login_wrap h2 i{ font-style:normal; color:#e60012;} .login_wrap form { position:relative; width:530px; margin:0 auto; } .login_wrap form li { width:76%;padding-top:10px; } .login_wrap form li:first-child { padding-top:0;} .login_wrap form input { width:94%; background:#f7f7f7; border:1px solid #ccc; padding:12px; font-size:16px; color:#aaa; letter-spacing:-0.1em;} .login_wrap form button { position:absolute; right:0; top:0; width:116px; height:110px; padding:34px 0; font-size:18px;background:#e60012; border:0; color:#fff; } .login_wrap p{ margin:10px 0 0 180px;} .login_wrap p a{font-size:14px;color:#777;} .login_wrap .btn_wrap { margin:50px auto 0 auto; border-top:1px solid #ddd;} .login_wrap .btn_wrap li {float:left; width:45%; height:200px; padding:30px 0 30px 40px;font-size:14px; font-weight:300;color:#777; line-height:1.4;letter-spacing:-0.01em;} .login_wrap .btn_wrap li a { display:block; margin-top:20px; width:160px; height:42px; border:1px solid #a5a5a5; border-radius:3px;font-size:15px; color:#555; text-align:center; line-height:42px;} .login_wrap .btn_wrap li a#join_us {background:#555; color:#fff; border:0;} .login_wrap .btn_wrap li:first-child { border-right:1px solid #ddd; } /* 회원가입 가입타입 선택*/ #memHome .joinWrap {overflow:hidden; _zoom:1; background: url(../_img/member/join_welcome.png) 0 0 no-repeat; width:720px; height: 570px; margin: 0 auto; margin-top: 60px;} #memHome .joinWrap .title {padding:10px 0 250px 0; text-align:center; font-size:30px; color:#555e67; letter-spacing:-1px; line-height:32px;} #memHome .joinWrap .title em {font-weight:bold; color:#dc372b;} #memHome .joinWrap .gTxt {text-align: center; font-size: 18px; letter-spacing: -1px; color: #222; font-weight: 600; line-height: 24px;} #memHome .joinWrap .gTxt span.subscript {font-size: 14px; font-weight: normal; } #memHome .joinWrap .gTxt span.txt_gg_point {color: #28c2b5;} #memHome .joinWrap .gTxt span.txt_gi_point {color: #618bdf;} #memHome .joinWrap .memGG {float:left;} #memHome .joinWrap .memGG .btn {padding:30px 0 20px 0px;} #memHome .joinWrap .memGI {float:right;} #memHome .joinWrap .memGI p.txt {padding:51px 0 0 0;} #memHome .joinWrap p.txt {display: none;} #memHome .joinWrap .memGI .btn {padding:30px 0 0 0px;} #memHome .joinWrap .memGI .txt_1 {margin-top:20px; padding:2px 0 2px 0px; font:12px gulim, sans-serif; color:#999999;} #memHome .guideWrap {border-top: 2px solid #dedede; border-bottom: 1px solid #ededed; position:relative; margin:0 auto; margin-top: 35px; padding:30px 10px 30px 10px; width: 740px;box-sizing: border-box;} #memHome .guideWrap h3 { font-size: 18px; letter-spacing: -1px; } #memHome .guideWrap p {position:absolute; top:30px; right:10px; padding:0 0 0 0px; } #memHome .guideWrap ul {padding:15px 0 0 0;} #memHome .guideWrap ul li{padding:0px 0 0px 0; color:#757575; line-height: 18px; } #memHome .familyWrap {margin-top:15px; width: 740px; margin: 0 auto;} #memHome .familyWrap ul {overflow:hidden; padding:20px 0 10px 0px; } #memHome .familyWrap ul li:first-of-type{padding-left:0px;} #memHome .familyWrap ul li{float:left; width:148px; padding-left:49px; text-align:center;} #memHome .familyWrap ul li.end {background:none;} /* 회원가입 입력폼 */ .join_table {width:100%; overflow:hidden; border-top:1px solid #efefef;} .join_table th, td {padding:15px 12px; border-bottom:1px solid #efefef;} .join_table th {font-size:15px; color:#999; font-weight:400; text-align:left !important;} .join_table td {} .join_table td select {width:98% !important; height:30px; border:1px solid #ddd !important;} /* 회사소개 0608_추가_yujin */ .sub_part {padding: 0 80px; max-width: 1900px; margin: auto; background:url('../_img/sub/introduce2-bg.jpg') center bottom no-repeat;} /* SUB TITLE */ .sub_title2 { font-size: 35px; font-weight: bold; padding-bottom: 6px; letter-spacing: .4em; padding-left: .4em;} .sub_title_desc {font-size: 15px;color: #444;letter-spacing: .03em;} .sub_title_container { text-align: center; padding:5px 0 25px;} .sub_title2 b { color: #DC372B; display: inline-block;} .introduce_about strong { color: #dc372b; font-size: 24px; font-weight: bold; line-height: 31px; display: block; text-align: center; margin-bottom: 15px; } .introduce_about p { text-align: center } .introduce_about { height: 520px; background: #D2544D url('../_img/sub/introduce-about-bg.jpg') center center no-repeat; position: relative; } .introduce_about:before { content: ''; width: 95%; height: 84%; position: absolute; top: 8%; left: 2.5%; overflow: hidden; border: 1px solid rgba(255,255,255,0.4); z-index: 2; box-sizing: border-box; } .introduce_about_inner {width:60%;height:320px;background: #fff;margin: auto;position: relative;top: 100px;padding: 0;z-index: 3;text-align: center; font-size:18px; line-height:34px;} .introduce_about_inner .table_wrap {display: table;width:100%;height: 100%;} .introduce_about_inner .table_wrap > div {display: table-cell; vertical-align: middle;} .introduce_about .motion_bar_01{width:7px;height:199px;left: 6%;top: -41%;} .introduce_about .motion_bar_02{width:16px;height:90px;left: 30%;top: 83%;} .introduce_about .motion_bar_04{width:34px;height:119px;right: 6%;top: -6%;} .motion_bar{background:#dc372b;position:absolute;z-index: 4;} .motion_bar_01{-webkit-transform:translateY(300px);-ms-transform:translateY(300px);transform:translateY(300px)} .motion_bar_02{-webkit-transform:translateY(150px);-ms-transform:translateY(150px);transform:translateY(150px)} .motion_bar_03{-webkit-transform:translateY(300px);-ms-transform:translateY(300px);transform:translateY(300px)} .motion_bar_04{-webkit-transform:translateY(500px);-ms-transform:translateY(500px);transform:translateY(500px)} .sub_part_content.sub_part_area_content { width: 100%;max-width:1080px; margin: 0px auto; height:600px; margin-bottom:100px;} .sub_part_content.sub_part_area_content h2 { font-weight: 700; font-size: 24px; text-align: center; padding-bottom: 35px; margin-bottom: 25px; border-bottom: 2px solid #e3e3e3; color: #DC372B; padding-top:80px; } .sub_part_content.sub_part_area_content h2 span {display: inline-block;} .sub_part_area_row { display: table; width: 100%; } .sub_part_area_cell { display: table-cell; width: 50%; padding-left: 30px;} .sub_part_area_cell:first-child { padding-right: 30px; padding-left: 0; } .sub_part_area_cell li {font-size: 14px;color: #DC372B;padding-bottom: 15px;padding-left: 15px;position: relative; line-height:26px;} .sub_part_area_cell li:before { content: ""; position: absolute; top:11px; left: 0; width: 4px; height: 4px; background: #DC372B; } .sub_part_area_cell li span { border-bottom: 1px solid #DC372B; padding-bottom: 2px;} .sub_part_area_cell p {text-align: justify;line-height: 28px; font-size:17px} .sub_part_area_row .sub_part_area_cell:first-child p {margin-bottom: 20px;}