@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* ### 기본 스타일 커스터마이징 시작 ### */

/* 게시판 버튼 */

/* 목록 버튼 */
#bo_gall a.btn_b01 {}
#bo_gall a.btn_b01:focus, #bo_gall .btn_b01:hover {}
#bo_gall a.btn_b02 {}
#bo_gall a.btn_b02:focus, #bo_gall .btn_b02:hover {}
#bo_gall a.btn_admin {} /* 관리자 전용 버튼 */
#bo_gall a.btn_admin:focus, #bo_gall a.btn_admin:hover {}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v .btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {}
#bo_w .btn_cancel {}
#bo_w .btn_frmline {} /* 우편번호검색버튼 등 */

/* 기본테이블 */

/* 읽기 내 테이블 */
#bo_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_address {}
#bo_w .frm_file {}
#bo_w .frm_info {}
#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 caption {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w .frm_input {}
#bo_w .tbl_frm01 textarea {}
#bo_w .tbl_frm01 a {}
#bo_w .required, #bo_w textarea.required {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_allchk {margin:0 10px}
#bo_gall #gall_ul {margin:0 auto 10px auto;padding:0;list-style:none}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin:10px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px;width:25%}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:5px 0;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;text-decoration:none;letter-spacing:-0.1em}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}

/* 기존
#bo_gall .gall_li {padding:0;width:calc( 100% - 20px );box-sizing: border-box;margin:0 auto 30px auto;}
*/
#bo_gall .gall_li {padding:0;width:45.5%; float:left; box-sizing: border-box;margin:0 auto 15px 3%;}
#bo_gall .gall_clear {clear:both}
#bo_gall .gall_con {margin:5px 0;padding:0;list-style:none;position: relative;}
#bo_gall .gall_con li {margin:0}
#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}
#bo_gall .gall_now .gall_text_href a {color:#ff3061}
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_href strong, #bo_gall .gall_href span {display:block;width:174px;height:124px;background:#f7f7f7;text-align:center;line-height:8em}
#bo_gall .gall_text_href {padding:0 !important;position: relative;;width:100%;bottom:0;}
.gall_text_href_contents {font-weight:bold;display: block;font-size: 16px;padding: 7px 0;}
#bo_gall .gall_text_href img {margin:0 0 0 5px}

/* 게시판 목록 공통 */
.bo_fx {margin-bottom:0px;padding:5px 10px}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}

#bo_list_total {font-size: 0.9em;display: none}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:8px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#f7f7f7}
.bo_notice td a {font-weight:bold}

.td_num strong {color:#000}

.bo_current {color:#e8180c}
.td_subject img {margin-left:3px}
.cnt_cmt {font-weight:bold}

#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
#bo_gall li.empty_list {padding:30px 0;text-align:center}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%}

/* 게시판 읽기 */
#bo_v {margin-bottom:15px;padding-bottom:15px}
#bo_v_table {padding:0 10px;color:#999;font-size:0.9em;font-weight:bold}
#bo_v_title {padding:0 10px 5px;font-size:1.2em}
#bo_v_info {padding:0 10px 10px;border-bottom:1px solid #ddd}
#bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_info {}
#bo_v_info strong {display:inline-block;margin:0 0 0 5px;font-weight:normal}

#bo_v_file {}
#bo_v_file h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
#bo_v_file a {display:inline-block;padding:5px 0;color:#000}
#bo_v_file a:focus,
#bo_v_file a:hover,
#bo_v_file a:active {text-decoration:none}
.bo_v_file_cnt {display:inline-block;margin:0 10px}

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
#bo_v_link a {display:inline-block;padding:5px 0;color:#000}
#bo_v_link a:focus,
#bo_v_link a:hover,
#bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 10px}

#bo_v_top {margin:0 0 10px;padding:10px}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {padding:10px}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}

#bo_v_atc {padding:0 10px;min-height:200px}
#bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_img {margin:0;width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}
#bo_v_img a {display:block}
.view_image img {max-width:100%;height:auto}
#bo_v_con {margin-bottom:20px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {position:relative;margin-bottom:20px;text-align:center}
#bo_v_act a {margin-right:5px;vertical-align:middle}
#bo_v_act strong {color:#ff3061}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;right:10%;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
#bo_vc {margin:0 0 20px;padding:20px 10px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
#bo_vc h2 {margin-bottom:5px}
#bo_vc article {padding:0 0 5px;border-top:1px dotted #ccc}
#bo_vc header {position:relative;padding:13px 0 5px}
#bo_vc header .icon_reply {position:absolute;top:13px;left:-20px}
#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;margin:0 10px 0 5px}
#bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_vc a {color:#000;text-decoration:none}
#bo_vc p {padding:0 0 5px;line-height:1.8em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:none}
#bo_vc_empty {margin:0;padding:15px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {float:right;margin:0;list-style:none}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}

#bo_vc_w {position:relative;margin-bottom:10px;padding:0 10px 15px;border-bottom:1px solid #dde4e9}
#bo_vc_w h2 {padding:10px 0 5px}
#bo_vc_w .tbl_wrap {margin:0 0 15px}
#bo_vc_w #char_cnt {display:block;margin-bottom:5px}
#bo_vc_w textarea {width:99%}

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 10px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

/*====포폴 간편 상담신청창 　====*/
#step2 {
    display:none;position: fixed;top: 0;z-index: 9999;width:100%;height:100%;background-color: rgba(128,128,128,0.7);
}
.container-fluid{
    width: 100%;margin: 0 auto;
}
.portfolio-request-table{
    width: 95%;background: #FFF;border-radius: 4px;margin: 10px auto;padding: 0.05em;box-sizing: border-box;border: 1px solid #ddd;
}
.portfolio-request-tr{
    box-sizing: border-box;background: #c9302c;color: #FFF;overflow: hidden;padding: 10px 0;font-size: 1em;font-weight: bold;border: 1px solid #ddd;
    border-bottom: none;border-radius: 4px 4px 0 0;
}
.portfolio-request-title{
    float: left;margin-left: 7.5%;
}
.portfolio-request-end-bt{
    float: right;margin-right: 7.5%;background: white;color: #e60000;padding: 0 7.5px;border-radius: 5px;
}
.form_start{
    box-sizing: border-box;
}
.form_start_tap{
    box-sizing: border-box;width: 100%;clear: both;overflow: hidden;border-bottom: 0px;overflow: hidden;border-bottom: 1px solid #ddd;
}
.form_start_tap p,.form_start_tap div,.form_start_tap textarea{
    float: left;
}
.form_start_title{
    width: 20%;text-align: left;box-sizing: border-box;padding: 0.9em 0;overflow: hidden;font-size: 0.9em;margin-left: 5%;
}
.form_start_input{
    width: 70%;box-sizing: border-box;padding: 5px 0;overflow: hidden;font-size: 0.9em;border-left: 1px dashed #eee;padding-left: 5%;
}
.form_start_input input{
    padding: 0.5em;box-sizing: border-box;width: 98%;display: block;margin: 0 auto;border-radius: 4px;border:1px solid #ddd;
}
.form_start_input b{
    padding: 0.5em 0.8em;box-sizing: border-box;width: 98%;display: block;margin: 0 auto;
}
.form_start_input textarea{
    padding: 0.5em;box-sizing: border-box;width: 98%;display: block;margin: 0 auto;border-color:#ddd;border-radius: 4px;
}
.phone2{
    width: 30.9% !important;float: left;
}
.form_start_input span{
    float: left;padding: 0.5em 0;
}
.agree2{
    overflow: hidden;padding: 0.5em 0.5em;box-sizing: border-box;border-bottom: 1px solid #ddd;
}
.agree2 label,.agree2 span{
    font-size: 0.85em;
}
.agree2 label{
    display: inline-block;float: left;margin-right: 0;margin-left: 2.5%;
    position: relative;top:3px;
}
.agree2 span{
    display: inline-block;float: right;margin-right: 2.5%;
}
.agree2 label input{
    margin-right: 5px;
}
.confirm_tap{
    overflow: hidden;padding: 0.5em;box-sizing: border-box;
}
.confirm_tap .cancel{
    float: left;font-size: 0.9em;margin-left: 5%;margin-top: 2.5%;color: #c9302c;
}
.confirm_tap .confirm_button{
    float: right;font-size: 1em;margin-right: 2.5%;
}
.confirm_tap .confirm_button input{
    padding: 0.5em 2.5em;background-color: #d9534f;color: #FFF;border-radius: 4px;border:1px solid #d43f3a;
}
.confirm_tap .confirm_button input:hover,.confirm_tap .confirm_button input:active{
    background-color: #c9302c;color: #FFF;border-radius: 4px;border:1px solid #ac2925;
}
/*====포폴 간편 상담신청창 끝====*/

.auction_list:nth-child(even){
    background: #f5f5f5;
}
.auction_list{
    cursor:pointer;
    border-bottom:1px dashed #eee;
    height:35px;
}
.list_bg{
    font-size: 0.95em;
}
.list_bg:last-child{
    border-right: none;
}
.add_view{
    padding:25px 0;margin:0 auto;text-align:center;
}
.add_view a{
    padding: 8px 25px;color: #e60000;border:1px solid #e60000;
}
.container-fluid{
    width: 100%;overflow: hidden;margin: 0 auto;
}
.select_wrapper{
    width: 46%;box-sizing: border-box;border:1px solid #ccc;float:left;margin:2.5% 0 0 2.666%;border-radius: 5px;
}
.select_wrapper p{
    border-bottom: 1px dashed #ccc;font-size: 0.9em;text-indent: 1em;background: #f5f5f5;padding:0.3em;color:#383838;border-radius: 5px 5px 0 0;
}
.select_wrapper select{
    border:none;width: 100%;font-size: 0.9em;text-indent: 0.65em;color:#383838;box-sizing: border-box;padding: 0.3em;background: #FFF;border-radius: 0 0 5px 5px;
}
.search_buttton_wrapper{
    font-size: 0.9em;text-align: center;margin: 0.5em auto;
}
.search_buttton_wrapper button{
    padding: 1em 5em;color: #383838;font-weight: bold;margin:0.75em auto;border:1px solid #ccc;background: #FFF;border-radius: 50px;font-size: 1em;
}
@media(max-width:320px){
    .search_buttton_wrapper button{
        font-size: 0.8em;padding: 0.5em 5em;
    }
}
.search_buttton_wrapper p {
    font-size: 1em;
}
.right-btn{
    vertical-align:middle;padding: 2em 0;box-sizing: border-box;overflow: hidden;
}
.right-btn p{
    font-size: 0.9em;width:50%;text-align: center;float:left;font-weight: 600;letter-spacing: -0.5px;color:#d43f3a;position: relative;top:2px;
}
.right-btn div{
    width:50%;text-align: center;float:right;
}
.right-btn a{
    border: 1px solid #d43f3a;border-radius: 50px;padding: 1em 2.5em;color:#d43f3a;;font-weight: bold;font-size: 1em;text-align: right;
}
.right-btn a:hover{
    color:#d43f3a;
}
@media(max-width:320px){
    .right-btn p{
    font-size: 0.8em;
    }
    .right-btn a{
        font-size: 0.8em;
    }
}
.top_banner{
    width: 100%;background: #f7f7f7;padding: 1em 0;
}
.top_banner p:first-child{
    font-size: 1.5em;text-align: center;color:#222;font-weight: 600;letter-spacing: -0.5px;
}
.top_banner p:last-child{
    font-size: 1em;text-align: center;color:#715437;letter-spacing: -1px;
}
.gall_href a img{
    display: block;
}

/* 추가 시공사페이지 연결 버튼 23-01-05 */
.sigongsa_name{
    font-size:0.8em;
    border: 1px solid #ccc;
    padding:5px 7px;
    color:white !important;
    background:rgb(204 70 86);
    position: relative;
    top:-2px;
    left:5px;
}
.sigongsa_name:hover{
    border: 1px solid #888;
}

/* 추가 검색버튼 CSS 18-08-10 */
.Portfolio_Search{
	width: 95%;margin: 2.5%;box-sizing: border-box;overflow: hidden;border-radius: 5px;border:1px solid #ccc;float: left;
}
.Portfolio_Search select{
	width: 25%;border: none;margin: 0;display: block;float: left;min-height: 33px;border-right:1px solid #ccc;font-size: 0.9em;text-indent: 11px;
}
.Portfolio_Search input{
	width: 57%;border: none;margin: 0;display: block;float: left;min-height: 33px;border-right:1px solid #ccc;padding: 0 10px;
}
.Portfolio_Search button{
	width: 18%;float: left;border:none;;min-height: 33px;background: #eee;
}
.Portfolio_Search button img{
	margin: 0;
}

/* 태그 */
.tag_group{ clear: both;text-align: center;margin: 10px auto 20px auto;line-height: 14px;overflow: hidden;}
.tag_group a{ padding: 5px 8px 3px 8px;border-radius: 25px;border:1px solid #ccc;margin-right: 10px;font-size: 10px;font-weight: bold;display: inline-block;margin-top: 5px;}
.tag_group a:hover{	color: #c60000;border-color: #c60000; }

.help {
    font-size: 12px !important;
    color: #808080 !important;
}

/* 추가 CSS 19-04-01 */
.gall_text_address{
    font:14px/14px "Noto Sans KR";
    font-weight:500;
    color:gray;
    margin:0;
}
/*
.port_info{
    margin: 0.5px 0;
}
*/
.bo_pay_link {
    display: inline-block;
    padding:0;
    /*
    font: bold 14px/14px 'Noto Sans KR';
    */
    font: 12px/14px 'Noto Sans KR';
    color: #333333 ;
}
.bo_cate_link {
    display: inline-block;
    padding:0;
    font: normal 12px/14px "나눔고딕";
    color: #444 !important;
}

.port_info a:after{
    margin-left: 5px;
    content: '|';
    color:#ccc;
    font-size:10px;
    font-weight:300;
    position:relative;
    top:-2px;
}
.port_info a:last-child:after{
    content: '';

}
.port_icon_group{
    position: absolute;top: 50vw;left:5px;
}
.vr_icon,.best_icon,.ms_icon{
    position:relative;z-index:20;background: #333;color:#FFF;padding:4px 10px;display: inline-block;
}
.best_icon,.ms_icon,.vr_icon{
    margin-left:5px;
    background-color: #c60000;
}
.ms_icon{
    background-color: #379392;
}
.vr_icon{
    background-color: #333;
}
@media(min-width:425px){
    .port_icon_group{
        top: 55vw;
    }
}

/* 맨위로가기 버튼 */
a#MOVE_TOP_BTN {
    position: fixed;
    right: 10%;
    bottom: 80px;
    display: none;
    z-index: 999;
    opacity: 0.7;
}
</style>