@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Do+Hyeon&display=swap&subset=korean');

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
 
* {
    padding:0px;
    margin:0px;
}
.font_dh{
font-family: 'Do Hyeon', sans-serif;
}


/* ---------------------------------------------------
Reset
--------------------------------------------------- */
html {width:100%;height:100%;-webkit-text-size-adjust:100%;margin:0 auto;}
body {overflow-x:hidden;background:#fff;font-family:'Noto Sans Kr', 'Do Hyeon','Roboto','Droid Sans','Malgun Gothic','Helvetica','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif;font-size:12px;line-height:1.5;font-weight:400;color:#222;word-break:break-all;word-wrap:break-word;margin:0 auto;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
textarea {border-radius:0;-webkit-appearance:none;font-family:'Malgun Gothic', dotum, sans-serif}
select {margin:0;background:none;font-family:'Malgun Gothic', dotum, sans-serif}
img {vertical-align:top;border:0;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd {padding:0;margin:0}
ul,li {list-style:none}

*,:after,:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}





/****************** BASIC ******************************/
.font-10 {font-size:10px;}
.font-11 {font-size:11px;}
.font-13 {font-size:13px;}
.font-14 {font-size:14px;}
.font-15 {font-size:15px;}
.font-16 {font-size:16px;}
.font-17 {font-size:17px;}
.font-18 {font-size:18px;}
.font-19 {font-size:19px;}
.font-20 {font-size:20px;}
.font-21 {font-size:21px;}
.font-22 {font-size:22px;}
.font-23 {font-size:23px;}
.font-24 {font-size:24px;}
.font-25 {font-size:25px;}
.font-26 {font-size:26px;}
.font-28 {font-size:28px;}
.font-29 {font-size:29px;}
.font-30 {font-size:30px;}
.font-32 {font-size:32px;}
.font-33 {font-size:33x;}
.font-34 {font-size:34px;}
.font-35 {font-size:35px;}
.font-36 {font-size:36px;}
.font-37 {font-size:37px;}
.font-39 {font-size:39px;}
.font-40 {font-size:40;}
.font-45 {font-size:45px;}
.font-55 {font-size:55px;}
.font-bold {font-weight:bold;}
.font-white {color:#fff;}
.font-black {color:#000;}
.font-red {color:red;}
.font-center {text-align:center;}
.font-left {text-align:left;}
.font-right {text-align:right;}


body {width:640px;height:auto;margin:0 auto;}

.color_g1 {color:#01bc70;}
.color_r1 {color:#e53b4b;}
.color_r2 {color:#f01342;}
.color_b1 {color:#1b80d4;}
.color_b2 {color:#0073d1;}


#hd {width:640px;height:auto;position:relative;float:left;}
#hd .hd_wrap .hd_top {width:100%;height:85px;position:relative;background:#fff;}
#hd .hd_wrap .hd_top li {float:left;}
#hd .hd_wrap .hd_top .logo {margin-top:20px;}


#hd .hd_wrap .hd_menu {width:100%;height:80px;color:#64676a;font-weight:400;position:relative;float:left;}
#hd .hd_wrap .hd_menu li {height:80px;padding-top:24px;text-align:center;float:left;font-weight:400;color:#64676a;letter-spacing:-1px;}
#hd .hd_wrap .hd_menu li a:hover {color:#1a1a1a;border-bottom:3px solid #01bc70;padding-bottom:12px;}
#hd .hd_wrap .hd_menu li a {color:#64676a;}
#hd .hd_wrap .hd_menu li.on a{color:#1a1a1a;border-bottom:3px solid #01bc70;padding-bottom:12px;font-weight:400;}

#search {width:640px;height:300px;background:#ebeff0;position:relative;float:left;}
#search .sch_box {width:590px;height:280px;margin:10px 25px;position:relative;float:left;}
#search .sch_box ul {width:590px;position:relative;float:left;}
#search .sch_box ul li {font-size:22px;color:#1a1a1a;margin-right:0px;margin-left:0px;float:left;}
#search .sch_box ul li:last-child {margin-right:0;}
#search .sch_box ul li select {font-size:28px;border:1px solid #ccc;background:#fff;margin-left:0px;
  -moz-appearance: none; /* Firefox */  
  -webkit-appearance: none; /* Safari and Chrome */  
  appearance: none;
}
#search .sch_box ul li select::-ms-expand {display:none;}

#search .sch_box .sub2 option {letter-spacing:-2px;}


#premium {width:640px;position:relative;float:left;}
#premium .pre_box {width:620px;margin-left:10px;margin-right:10px;position:relative;float:left;}
#premium .title {width:620px;height:60px;margin-left:10px;margin-right:10px;position:relative;float:left;}
#premium .title .text {font-size:22px;color:#1f3138;font-weight:blod;margin-top:14px;float:left;}
#premium .title .icon {width:6px;height:20px;background:#bf5e34;margin-top:22px;margin-right:8px;float:left;}

#container_main {width:640px;margin-top:30px;position:relative;float:left;}

#container_main .tab_uptype_btn {margin-right:10px;float:left;padding:5px 5px 5px 5px;width:165px;height:50px;border-radius:30px;box-sizing:border-box;background:#ebeeed;text-align:center;color:#1a1a1a;letter-spacing:-1px;cursor:pointer;}
#container_main .tab_uptype_btn.on {background:#01bc70;text-align:center;color:#fff;}


#container_main ul  {width:615px;position:relative;float:left;margin:20px 0;background:#fff;min-height:250px;}
#container_main ul  li {width:605px;margin:0 0;}
#container_main ul  li {position:relative;float:left;}
/*.lt_title {display:block;font-size:30px;padding:15px 15px 0 0;line-height:24px;background:#fff}*/
#container_main .lt_title {display:block;padding:1px 0;line-height:24px;background:#fff;text-align:center;font-weight:500;}

#container_main .photo2 {width:640px;margin:0 auto; text-align:center;height:400px;float:left;border:1px solid #d8d8d8;}
#container_main .photo2 .photo_text {opacity:1;position:absolute;bottom:0;left:0;width:100%;height:55px;background:#000;background:rgba(0,0,0,0.6);z-index:2;}
#container_main .photo2 .lt_txt {display:table;height:45px;width:625px;position:relative;z-index:2;text-align:center;color:#FFF;font-size:33px;font-weight:normal;}
#container_main .option_t .dconform {width:165px;color:#e32854;border:1px solid #e32854;margin:10px 10px 0 10px;position:relative;float:left;text-align:center}
#container_main .option {width:580px;color:#444;margin:10px 10px 0 10px;position:relative;float:left;}
#container_main .subject  {width:580px;margin:10px 10px 0 10px;letter-spacing:-1px;}
#container_main .phone {width:580px;height:60px;background:#0051c9;color:#fff;margin:15px 30px 0 30px;text-align:center;line-height:55px;}
#container_main .phone a {color:#fff;}
#container_main .option .opt_box {width:200px;padding:0 20px 0 20px;;background:#f2f4f6;height:45px;}
#container_main .smoney {color:#34a06b}
#container_main .mm_box_basic {display:none;}
#container_main .mm_box_basic.on {display:block;}


.top {position:relative}
.btn_top {position:absolute;top:0px;right:10px;z-index:999;padding:8px 0}
.btn_top li {display:inline-block}
.btn_top a,.btn_top button,.btn_top .btn_submit {}
.btn_top .btn_cancel,.btn_top .btn_b01 {border:1px solid #aaa;background:none;color:#666;line-height:28px;background:#fff}
.fixed {position:fixed;top:0;right:0;z-index:999}
.fixed.btn_bo_user {right:10px}




#bo_v #bo_v_img {width:640px;/*height:435px;*/height:auto;position:relative;float:left;}
#bo_v #bo_v_img img {width:640px;/*height:435px;*/height:auto;}

#bo_v #bo_v_atc .title_area {width:640px;height:285px;padding:21px 25px 18px 25px;position:relative;float:left;}
#bo_v #bo_v_atc .title_area .title {font-weight:500;margin-top:3px;letter-spacing:-1px;}
#bo_v #bo_v_atc .title_area .money {margin-top:9px;}
#bo_v #bo_v_atc .title_area .money span	{color:#e72351;font-size:36px;font-weight:bold;padding-top:5px;}
#bo_v #bo_v_atc .title_area .opt {width:590px;height:65px;margin-top:23px;padding:12px 20px;border-radius:10px;background:#f1f7fd;}
#bo_v #bo_v_atc .title_area .opt_txt {color:#045cbe;}
#bo_v #bo_v_atc .title_area .opt_txt:nth-child(2), #bo_v #bo_v_atc .title_area .opt_txt:nth-child(3){margin-left:10px;}

#bo_v #bo_v_atc .info_area {width:640px;padding:26px 25px;border-top:5px solid #eff0f2;position:relative;float:left;}
#bo_v #bo_v_atc .info_area .title {width:640px;height:52px;position:relative;float:left;}
#bo_v #bo_v_atc .info_area .title {}
#bo_v #bo_v_atc .info_area .title .text {font-size:28px;color:#292929;font-weight:bold;float:left;}

#bo_v #bo_v_atc .info_area table {width:590px;color:#292929;position:relative;float:left;}
#bo_v #bo_v_atc .info_area table tr {height:45px;}
#bo_v #bo_v_atc .info_area table th {width:120px;height:45px;font-size:24px;color:#707070;text-align:left;}
#bo_v #bo_v_atc .info_area table td {width:450px;height:45px;padding-left:10px;font-size:24px;color:#292929;font-weight:normal;text-align:left;}
#bo_v #bo_v_atc .info_area .table2 {width:590px;border-top:3px solid #eff0f2;}

.info_area > p  , #bo_v_con_mb > p , #bo_v_con > p {
	/* padding:15px 30px; */
	padding:0px;
	font-size:18px;
	font-weight:600;
	color:#0050c7;
	border-left:0px;
	border-right:0px;
	/* background-color:#0050c7; */
}
.info_area > table , #bo_v_con_mb > table , #bo_v_con > table{
	width:590px;border-spacing:0px;border-collapse:collapse;
}

.info_area tr , #bo_v_con_mb tr, #bo_v_con tr {
	/* border-bottom:1px solid #d3d4d8; */
}
.info_area th, #bo_v_con_mb th, #bo_v_con th {
	width:20%;
	height:45px;
	font-size:1.5em;
	font-weight:500;
	text-align:center;
}
.info_area td, #bo_v_con_mb td, #bo_v_con td {
	width:590px;
	font-size:1.5em;
	text-align:left;
}
#bo_v #bo_v_con .content2 {margin-left:20px;}
#bo_v #bo_v_con .title {width:620px;height:70px;margin-left:10px;position:relative;float:left;margin-top:20px;}
#bo_v #bo_v_con .title .icon {width:6px;height:22px;background:#1185db;margin-top:29px;float:left;}
#bo_v #bo_v_con .title .text {font-size:30px;color:#292929;font-weight:500;margin-top:20px;margin-left:8px;float:left;}
#bo_v #bo_v_con  table {width:620px;color:#292929;position:relative;font-size:24px !important;}
#bo_v #bo_v_con  table tr {}
#bo_v #bo_v_con  table tr td {width:620px;font-size:24px !important;padding-left:20px; line-height:155%;}
#bo_v #bo_v_con  table tr td .content p span{font-size:24px !important;color:#292929;}


#bo_v #bo_v_con_mb .title {width:620px;height:70px;margin-left:10px;position:relative;float:left;margin-top:20px;}
#bo_v #bo_v_con_mb .title .icon {width:6px;height:22px;background:#1185db;margin-top:29px;float:left;}
#bo_v #bo_v_con_mb .title .text {font-size:26px;color:#292929;font-weight:500;margin-top:20px;margin-left:8px;float:left;}
#bo_v #bo_v_con_mb  table {width:590px;color:#292929;position:relative;}
#bo_v #bo_v_con_mb  table tr {height:70px;}
#bo_v #bo_v_con_mb  table th {width:240px;height:70px;padding-left:30px;font-size:22px;text-align:left;line-height:155%;}
#bo_v #bo_v_con_mb  table td {width:400px;height:70px;padding-left:25px;font-size:22px;text-align:left;line-height:155%;}



/*************담당 빌딩전문가 정보*************/
#store_view2 {clear:both;width:100%;margin:0 auto;text-align:center;}
#store_view2 .view_banner1 {text-align:center;width:590px;height:165px;margin-top:2px;margin-left:25px;border:1px solid #666666;border-radius:8px;float:left;}
#store_view2 .view_banner1 .txt {margin:20px 30px;float:left;text-align:center;}
#store_view2 .view_banner1 .txt1 {width:365px;color:#036add;font-weight:500;text-align:left;float:left;}
#store_view2 .view_banner1 .txt2 {width:365px;height:36px;color:#666;text-align:left;letter-spacing:-0.5px;float:left;}
#store_view2 .view_banner1 .txt2 a {color:#036add;}
#store_view2 .view_banner1 .txt2 .font_tel {color:#e72351;}
#store_view2 .view_banner1 .btn {width:160px;height:72px;margin-top:-36px;position:relative;float:left;text-align:left;}





/*********업종 박스*********/
.type_basic {padding:2px; margin-left:4px;}
.type_index {padding:2px; margin-right:4px;}
.type_view {padding:5px 10px; margin-right:4px;}
.type0 {background-color:#0050c7;}
.type1 {background-color:#01b012;}
.type2 {background-color:#9cd600;}
.type3 {background-color:#ee1f8f;}
.type4 {background-color:#671eee;}
.type5 {background-color:#eeac1f;}
.type7 {background-color:#92278f;}
.type8 {background-color:#00a99d;}
.type9 {background-color:#ec008c;}
.type10 {background-color:#6c7122;}







#gnb_open {height:40px;width:40px;padding:0;border:0;margin-top:20px;background-size:70%;color:#000;background:none;font-size:35px;}
#gnb {display:none;background:#efefef;position:fixed;top:0;left:0;z-index:99999;width:100%;max-width:400px;height:100%;overflow-y:auto;
-webkit-box-shadow:0 0 5px rgba(55,55,5,0.4);
-moz-box-shadow:0 0 5px rgba(55,55,5,0.4);
box-shadow:0 0 5px rgba(55,55,5,0.4)}

#gnb_1dul {background:#fff}
#gnb_1dul li {width:100%;position:relative;font-size:18px;}
#gnb_1dul li:first-child {margin-top:30px;}
#gnb_1dul a {display:block;color:#222;}
.gnb_1dli {position:relative;line-height:60px;font-weight:300;}
.gnb_1dli button {position:absolute;top:5px;right:0;width:40px;height:40px;overflow:hidden;border:0;font-size:1.2em;background:#fff;background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%;text-indent:-9999px}
.gnb_1dli button.btn_gnb_cl {background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%}
.gnb_1da {padding:15px 20px;border-bottom:1px solid #eee;font-weight:bold;font-size:2em;}
.gnb_2dul {display:none;background:#fafafa}
.gnb_2da {padding-left:30px}
#gnb_close {display:block;position:absolute;right:8px;top:10px;z-index:99;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#bfb8b2;font-size:2em;background:transparent}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}


.swipe {
	  width:640px;
	  height:120px;
  overflow: hidden;
  visibility: hidden;
  position: relative;
  border:0px solid #eee;
}
.swipe-wrap {
	  width:640px;
	  height:120px;
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

#mySwipe .swipe-wrap div {
	  display:block;
	  width:640px;
	  height:120px;
	}

.swiper-button-area {
    text-align:center;
    padding-top:10px;
}

.swiper-button-prev-custom, .swiper-button-next-custom {
    display:inline-block;
    font-size:22px;
    font-weight:900;
    color:#ffffff;
    /* background-color:#e5e9f1; */
    background-color:#0050c7;
    border:0px;
    border-radius:50px;
    padding:4px 10px;
    margin:5px 15px;
}
.swiper-button-prev-custom:focus, .swiper-button-next-custom:focus, #search_btn:focus {
    outline: none;
}

/*검색*/
#s-search #sch_stx {float:left;width:280px;height:45px;padding-left:7px;background:#fff;border:0;border-bottom:2px solid #333;font-size:28px;color:#555;outline:none;}
#s-search #sch_submit {float:left;width:45px;height:45px;background:#fff;border:0;border-bottom:2px solid #333;color:#333;cursor:pointer;font-size:25px;text-align:center;}


/*페이징*/
#bo_list_total {margin:10px;text-align:center;padding:10px;text-align:center;background:#fff;color:#8b8b8b;border-radius:3px}
/* 페이징 */
.pg_wrap {clear:both;display:block;padding:10px 0;text-align:center;font-size:28px;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:28px;height:45px;line-height:45px;padding:0 5px;min-width:45px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('/img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('/img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('/img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('/img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#01bc70;border:1px solid #01bc70;color:#fff;font-weight:bold;height:45px;line-height:45px;padding:0 10px;min-width:45px;border-radius:3px}