@charset "utf-8";

/* 청약신청 공통 */
.style_radio {display:inline-block; overflow:hidden; vertical-align:middle;}
.style_radio + .style_radio {margin-left:15px;}
.style_radio>label {display:inline-block; overflow:hidden; position:relative; vertical-align:top; cursor:pointer;}
.style_radio>label>i {display:inline-block; position:relative; width:18px; height:18px; margin-right:7px; vertical-align:middle; background:#fff; border:1px solid #ccc; border-radius:50%;}
.style_radio>label>input[type=radio] {position:absolute; left:0; top:0; width:18px; height:18px; opacity:0;}
.style_radio>label strong {vertical-align:middle;}
/*.style_radio>label>input[type=radio]:checked+i {border:2px solid #1f76c3;}*/
.style_radio>label>input[type=radio]:checked+i::after {display:block; content:''; position:absolute; left:6px; top:6px; width:6px; height:6px; background:#1f76c3; border-radius:50%;}
.style_radio>label.on>i {border:2px solid #1f76c3;}
.style_radio>label.on>i::after {display:block; content:'\f00c'; position:absolute; left:1px; top:0; font-family:FontAwesome; color:#1f76c3;}

.style_check {display:inline-block; overflow:hidden; vertical-align:middle;}
.style_check + .style_check {margin-left:15px;}
.style_check>label {display:inline-block; position:relative; vertical-align:top; cursor:pointer;}
.style_check>label:hover {color:#333;}
.style_check>label>i {display:inline-block; position:relative; width:18px; height:18px; margin-right:7px; vertical-align:middle; background:#fff; border:1px solid #ccc;}
.style_check.no_txt>label>i {margin-right:0;}
.style_check>label>input[type=checkbox] {position:absolute; left:0; top:0; width:18px; height:18px; opacity:0;}
.style_check>label strong {vertical-align:middle;}
.style_check>label>input[type=checkbox]:checked+i {border:1px solid #333;}
.style_check>label>input[type=checkbox]:checked+i::after {display:block; content:'\f00c'; position:absolute; left:1px; top:0; font-family:FontAwesome; color:#333;}

.subscription.pdwidth {padding:0 2rem;}
.agree_box.subscription { width: auto; padding-left: 0; display: inline-block; }
.agree_box.subscription .agree_form label > span { position: static; display: table-cell; vertical-align: middle; } 
.agree_box.subscription .agree_form label > strong { padding-left: 15px; line-height: 1; }
.agree_box.subscription .agree_form label > input { display: none; }

.subscription select {
    border: 1px solid #ccc;
    height: 39px;
    vertical-align: middle;  
    padding: 0 10px;   
    font-size: 14px;
    font-family: "notokr-regular";
    color: #777;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(../img/common/ico_select.png) no-repeat right 14px;
    text-indent: 0.01px;   
    position:relative;
    min-width:125px;
    vertical-align: middle;
}
.subscription select.iestyle { background:none;}
.subscription .phone_col select {width:100%; min-width:inherit; padding:0 0 0 10px;}


.subscription h3 {font-size: 2.6rem; text-align:left; margin-top:15px;}
.subscription h4 {font-size: 2rem; text-align:left; margin:25px 0 15px; padding-left:12px; position:relative; letter-spacing:-0.5px;}
.subscription h4:before {
    content:'';
    width:4px;
    height:4px;
    border-radius:50%;
    position:absolute;
    left:0;
    top:8px;
    background:#000;
}
.subscription h4.line_tit {font-size: 1.7rem; font-family: 'notokr-medium';}
.subscription h4.line_tit:before {
     border-radius:0;
     width:6px;
     height:1px;
     top:8px;
}
.subscription h3.topmg {margin-top:50px;}
.subscription h3 span.sub_require {display:inline-block; font-size:1.6rem; float:right; padding-top:10px;}

.subscription span:after {content: ''; display: block;}
.subscription .goBtn {
    cursor: pointer; 
    background: transparent;     
    white-space: nowrap; 
    vertical-align: middle; 
    touch-action: manipulation; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    line-height: 1.42857143;
    font-size: 1.5rem;
    padding: .7rem 3rem;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-family: 'notokr-regular';
    text-decoration:none !important;
}
.goBtn.btn_blue {background: #006899; color:#fff !important; border:1px solid #006899;}
.goBtn.btn_gray {background: #434a5d; color:#fff !important; border:1px solid #434a5d;}
.goBtn.btn_lightgr {background: #939393; color:#fff !important; border:1px solid #939393;}


/* 청약신청 리스트 */
.subscript_list {overflow:hidden;}
.subscript_list li {border-bottom: 1px solid #e9e9e9;}
.subscript_list li.bb0 {border-bottom:0;}
.subscript_list li .list_con {display: table; width: 100%; margin:50px 0; position:relative;}
.subscript_list li .list_con.mg0 {margin-top:0;}
.subscript_list li .thumbbox {
    position: relative;
    float: left;
    width: 346px;
    margin-right: 70px;
    overflow: hidden;   
}
.subscript_list li .databox {
    display: table-cell;
    white-space: normal;
    vertical-align: top;
    overflow: hidden;
    letter-spacing: -0.3px;
    width: 100%;    
}
.subscript_list li .thumbbox img {width:100%;}
.subscript_list li .databox h4 {
    font-size:3.2rem; 
    color:#333333; 
    font-family: 'notokr-medium'; 
    text-align:left; 
    margin-bottom:30px; 
    line-height:1.4;
    padding-left:0;
    margin:0 0 20px;
}
.subscript_list li .databox h4:before { display:none;}
.subscript_list li .databox .btn_box { text-align:left; clear:both; margin-top:30px;}
.subscript_list li .databox .btn_box a {transition: all .2s;}
.subscript_list li .databox .btn_box a:hover, .subscript_list li .databox .btn_box a:focus { background:#323232;}
.subscript_list li .list_con .databox dl { display:table; width:100%; margin:8px 0;}
.subscript_list li .list_con .databox dl dt {display: table-cell; width:130px; text-align:left; font-size:1.6rem;}
.subscript_list li .list_con .databox dl dd {display: table-cell; word-wrap: break-word; text-align:left; line-height:1.6; font-size:1.6rem;}
.subscript_list li .list_con .databox p.box_comment {text-align:left; font-size:1.6rem; padding-top:10px;}
.subscript_list li .list_con .databox p.box_comment2 {text-align:left; font-size:1.6rem; padding:2rem 0;}




/* 청약신청하기 */
.subscription_con {max-width:810px; margin:0 auto;}
.subscription_con .tbl_guide_list {}
.subscription_con .subscrip_btns {
    margin-top:50px;
    position: relative;    
    overflow: hidden;
    white-space: nowrap; 
    width:100%;   
    padding-right:48%;
    box-sizing:border-box;
}
.subscription_con .subscrip_btns .regist_gocon {  
    display:table;
    vertical-align: top;
    width:100%;
}
.subscription_con .subscrip_btns .regist_gocon .gocon_wrap {background:#434a5d; height:210px;}
.subscription_con .subscrip_btns .regist_gocon .tit {padding:50px 0 40px; color:#fff; font-size:2.7rem; letter-spacing:-0.5px;}
.subscription_con .subscrip_btns .tit_btn {display:block; width:100%; height:100%; color:#fff; line-height:98px; font-size:2.2rem;}
.subscription_con .subscrip_btns .regist_gocon .goBtn.btn_invis { background:#939393; color:#fff; padding: .9rem 2rem;}
.subscription_con .subscrip_btns .regist_gocon .goBtn.btn_commers {background:#a39787; color:#fff; padding: .9rem 2rem; margin-left:10px;}
.subscription_con .subscrip_btns .result_gocon {position:absolute; right:0; top:0; width:46%; height:95px; background:#939393;}
.subscription_con .subscrip_btns .result_gocon .tit_btn {margin-bottom:20px;}
.subscription_con .subscrip_btns .confirm_gocon {position:absolute; right:0; bottom:0; width:46%; height:95px; background:#a39787;}
.subscription_con .subscrip_btns a {transition:all .2s;}
.subscription_con .subscrip_btns a:hover, .subscription_con .subscrip_btns a:focus {background:#323232 !important;}

.subscription_btm {border-top:1px solid #ddd; padding-top:30px; margin-top:50px;}
.subscription_btm ul {overflow:hidden;}
.subscription_btm ul li {position:relative; text-align:left; padding-left:20px; margin-bottom:10px; line-height:1.5; font-size:1.4rem;}
.subscription_btm ul li:before {
    content:'※';
    position:absolute;
    left:0;
    top:0;
    display:inline-block;
}

/* 청약동의 */
.subscription_agree {text-align:left;}
.subscription_agree h3 {
    font-size:2rem; 
    color:#333333; 
    font-family: 'notokr-medium'; 
    text-align:left; 
    margin-bottom:20px; 
    line-height:1.4; 
    position:relative;
    padding-left:12px;
}
.subscription_agree h3:before {
    content:'';
    width:4px; 
    height:4px;
    background:#333333;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-2px;
    border-radius:50%;
}
.subscription .agree_txt_box {
    text-align:left; 
    border:1px solid #ddd; 
    padding:25px 20px 20px; 
    line-height:1.6; 
    font-size:1.4rem; 
    margin-bottom:40px;
    max-height:220px;
    overflow-y:auto;
    background:#fff;
}
.subscription .agree_multy_box {
    text-align:left; 
    border:0;
    padding:25px 20px 20px; 
    line-height:1.6; 
    font-size:1.4rem; 
    margin-bottom:40px;
    max-height:120px;
    overflow-y:auto;
    background:#fff;
}
.subscription .agree_multy_box p {margin-bottom:5px;}

.subscription .t_center {text-align:center;}
.subscription .agree_txt_box h5 {font-size:1.5rem; margin-bottom:5px; color:#000;}
.subscription .agree_txt_box p {margin-bottom:5px;}
.subscription .agree_txt_box ul {margin-bottom:5px; overflow:hidden; }
.subscription .agree_txt_box .tbl_guide_intbl thead th {padding:8px 10px;}
.subscription .agree_txt_box .tbl_guide_intbl tbody td {padding:8px 10px;}
.subscription .agree_txt_box ul li {}
.subscription ol { list-style:none;}
.subscription ol li {margin-bottom:5px;}
.subscription .agree_btm {border-top:1px solid #ddd;}
.subscription .agree_btm dl { display:table; width:100%; line-height:1.6; border-bottom:1px solid #ddd; padding:15px 0;}
.subscription .agree_btm dl dt {display:table-cell; text-align:left; font-size:1.5rem;}
.subscription .agree_btm dl dd {display:table-cell; width:180px; text-align:right; font-size:1.5rem; padding-right:10px;}
.subscription .submit_btns {padding:70px 0 20px; overflow:hidden;}
.subscription .submit_btns a {font-size:2rem; padding:1.5rem 8rem; background:#434a5d; transition:all .3s; display:inline-block; color:#fff;}
.subscription .submit_btns a:hover, .subscription .submit_btns a:focus { background:#333;}
.subscription .submit_btns a.btn_gray {color:#fff; background: #434a5d;}
.subscription .submit_btns a.btn_lightgr {background: #939393; color:#fff;}
.subscription .submit_btns.col-two a {padding-left: 0; padding-right: 0; width:49%;}
.subscription .submit_btns.col-two a.btn_left {float:left;}
.subscription .submit_btns.col-two a.btn_right {float:right;}

.subscription .subscrip_input .agree_btm {padding:20px 0; border-top:0;}

/* 청약 정보입력 */
.subscrip_input {padding: 20px 35px; border: 1px solid #e0e0e0; margin:20px 0 50px;}
.subscrip_input.mb20 {margin-bottom:20px !important;}
.subscrip_input.nomargin {margin-bottom:0; padding: 30px 35px;}
.subscrip_input.nomargin.apt_type {text-align:left; line-height:1.5;}
.subscrip_input.nomargin.apt_type .style_radio {margin-right:10px; margin-left:0 !important;}
.subscription .form_tbl {border-bottom:1px solid #eaeaea; display:table; width:100%; padding:20px 0; position:relative;}
.subscription .form_tbl:last-child { border-bottom:0;}
.subscription .result_input .form_tbl:last-child { border-bottom:1px solid #eaeaea;}
.subscription .form_tbl dt {display:table-cell; width:130px; text-align:left; font-size:1.6rem; line-height:1.6;}
.subscription .form_tbl .vcenter {vertical-align:middle;}
.subscription .form_tbl dd {display:table-cell; text-align:left; font-size:1.5rem; line-height:1.6;}
.subscription .form_tbl dd p { margin:5px 0;}
.subscription .form_tbl dd p.addr_in { padding-right:120px; position:relative;}
.subscription .form_tbl dd p.addr_in a {
    position:absolute; 
    right:0; 
    top:0; 
    height: 40px; 
    padding:0; 
    line-height:40px; 
    width:100px; 
    background:#939393; 
    border:0;
    text-align:center;
    font-size:1.4rem;
}

.subscription .form_tbl dd p > strong { color: #ff0000; }
.subscription .form_tbl input[type="text"] {
    width: 100%;
    height: 40px;
    padding: 0 5px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #eaeaea;
}
.subscription .form_tbl.flex_width dd {text-align:left;}
.subscription .form_tbl.flex_width input[type="text"] {width:inherit;}

.valgin_middle {vertical-align:middle !important;}

.subscription .input_summary {text-align:left; font-size:1.4rem; padding:0 0 0 15px; line-height:1.6; position:relative; margin:10px 0 0;}
.subscription .input_summary:before {
    content:'※';
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
}
.subscription .alert_summary {text-align:left; font-size:1.4rem; padding:0 0 0 15px; line-height:1.6; position:relative; color:#cf1210; margin:10px 0 0;}
.subscription .alert_summary:before {
    content:'※';
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
}
.subscription .list_col3 { display:table;}
.subscription .list_col3 li {display:table-cell;}
.subscription .list_col3 li dl dd {}
.subscription .list_col3 li.list_smw {width:25%;}
.subscription .list_col3 li.list_lgw {width:50%;}

.subscription .list_col3.shopnew_write_top {width:100%; border-bottom: 1px solid #aaa;}
.subscription .shopnew_write_top .form_tbl dt {width:40%; text-align:center;}
.subscription .shopnew_write_top .form_tbl dd {width:60%; text-align:center;}

/* 결과페이지 */
.content_box.subscription {margin-top:80px;}
.subscription .result_box {max-width:810px; margin:0 auto;}
.subscription .result_box .result_tit {margin-bottom: 40px;}
.subscription .result_box .result_tit .titimg {}
.subscription .result_box .result_tit dl {}
.subscription .result_box .result_tit dl dt {
    margin:10px 0 20px;
    font-size: 3.2rem;
    display: inline-block;
    color: #434a5d;
    line-height:1.4;
    font-family: 'notokr-medium';
}
.subscription .result_box .result_tit dl dd {
    display: block;
    font-size: 1.6rem;
}

.subscrip_input .agree_radio {margin:20px 0 10px; font-size:1.5rem;}
.subscription .phone_col {width:30%; display:inline-block;}
.subscription .result_box.col-two .submit_btns {padding:40px 0;}
.subscription .result_box.col-two .submit_btns a {padding: 2.4rem 0;}

.subscription .result_input {max-width:500px; margin:0 auto;}

.placeholder {position: relative; z-index: 1; overflow: hidden;}
.placeholder label {white-space: nowrap; color: #000; font-style: normal; cursor: text; position: absolute; left: 10px; top: 8px; z-index: 2; color:#bcbcbc;}
.placeholder input {position: relative; z-index: 1;}
.placeholder input.focus {z-index: 3;}
.placeholder.wonin {padding-right:30px; max-width:378px;}
.placeholder.wonin:before {
    content:'원';
    position:absolute;
    right:0;
    top:6px;
    display:inline-block;
}


/* 당첨자 결과 화면 */
.result_view_tit { margin-bottom:50px;}
.result_view_tit h3 { text-align:center; font-size:3rem; border-bottom:1px solid #ddd; padding-bottom:50px; font-family: 'notokr-medium'; clear:both;}
.result_view_tit h3 .subtit { display:block; padding-top:10px;}
.subscription .result_view {max-width:440px; margin:0 auto;}

.subscription .bgtbl {display:table; width:100%;position:relative;}
.subscription .bgtbl.first { border-top:1px solid #d6d6d6;}
.subscription .bgtbl dt {
    display:table-cell; 
    width:130px; 
    text-align:left; 
    font-size:1.6rem; 
    line-height:1.6;
    background:#e5e5e5; 
    padding:15px 15px 15px 45px; 
    border-bottom:1px solid #d6d6d6; 
    border-left:1px solid #d7d7d7; 
    position:relative;
}
.subscription .form_tbl.bgtbl dt:before {
    content:'';
    width:4px;
    height:4px;
    border-radius:50%;
    position:absolute;
    left:30px;
    top:50%;
    margin-top:-2px;
    background:#333333;
}
.subscription .bgtbl .vcenter {vertical-align:middle;}
.subscription .bgtbl dd {
    display:table-cell;     
    font-size:1.5rem; 
    line-height:1.6;
    background:#fff; 
    padding:15px 15px; 
    border-right:1px solid #d6d6d6; 
    text-align:center; 
    border-bottom:1px solid #d6d6d6;
}
.subscription .bgtbl input[type="text"] {
    width: 100%;
    height: 40px;
    padding: 0 5px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #eaeaea;
}


.subscription .result_txt { padding:40px 0 50px; border-bottom:1px solid #d6d6d6; line-height:1.6;}
.subscription .result_txt .tit {font-size:3rem; font-family: 'notokr-medium'; color:#036798;}
.subscription .result_txt .subtit {font-size:2rem;}
.subscription .result_txt .subtit strong {color:#036798; font-family: 'notokr-medium';}
.subscription .result_txt .comment { padding-top:20px;}
/*
.subscription .form_tbl dt.right_bdr {}
.subscription .form_tbl dt.right_bdr:before {
    content:'';
    width:1px;
    height:100%;
    position:absolute;
    left:120px;
    top:0;
    background:#eaeaea;
}
*/





/* 테이블 항목 추가 */
.tblbtn.btn_sepia {background: #a39787; color:#fff !important; border:1px solid #a39787; font-size: 1.3rem;}
.con_tbl { width: 100%; }
.con_tbl tbody td:first-child { border-left:0;}
.con_tbl tbody td.t_name { color: #333; text-align: left; padding: 1.4rem 2rem;}
.subscript_tbl tbody td.nodata {padding: 5rem 0; border-left:0;}
.subscript_tbl thead th { vertical-align:middle; line-height:1.4;}
.form_tbl_in { display:table; width:100%; margin-bottom:10px;}
.form_tbl_in .left_col {width:100px; display:table-cell; padding-left:10px;}
.form_tbl_in .right_col {display:table-cell;}
.form_tbl_in .right_col.btn_in {padding-right:100px; position:relative;}
.form_tbl_in .right_col.btn_in a { position:absolute; right:0; top:0; padding:0; height:38px; line-height:38px; width:90px; text-align:center; font-size:1.5rem;}

/* 청약정보 */
.subscription .top_step { border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.subscription .top_step ul { display:table; width:100%;}
.subscription .top_step ul li { display:table-cell; padding:20px 0; line-height:1.5; vertical-align:middle; position:relative;}
.subscription .top_step ul li span.step_tit {margin-bottom:5px;}
.subscription .top_step ul li span.step_txt {font-family: 'notokr-medium';}
.subscription .top_step ul li.laststep span.step_txt { color:#0f3775;}
.subscription .top_step ul li:before {
    content:'';
    width:12px;
    height:20px;
    position:absolute;
    left:0;
    top:50%;
    background:url(../img/common/step_arrow.gif) no-repeat;
    margin-top:-10px;
    margin-left:-6px;
}
.subscription .top_step ul li:first-child:before { background:none;}
.subscript_info p { margin-bottom:10px; line-height:1.5; font-size:1.5rem;}
.subscript_info .tbl_guide_intbl thead th {line-height:1.5; padding:10px;}
.subscript_info .tbl_guide_intbl tbody td {padding:10px;}
.subscript_info ol {margin-bottom:10px; overflow:hidden;}
.subscript_info ol li {font-size:1.4rem; line-height:1.5;}
.subscript_info ol li p {margin:5px 0; font-size:1.4rem;}


/* 웅천 청약 추가 */
.subscription .txt_red {color:#f64e21;}
.subscription h3 {}
.result_view_tit p {overflow:hidden; text-align:right;}
.subscription .print_area {font-size: 1.6rem; background: #006899; color: #fff !important; border: 1px solid #006899; float:right; padding:9px 25px; display:inline-block;}
.subscription .result_view .bgtbl dt {padding: 15px; text-align:center;}
.subscription .result_view .bgtbl dd {}
.subscription .result_txt {}
.subscription .result_txt .tit.sm_txt {font-size: 2.2rem !important;}
.subscription .result_txt {padding: 40px 0 10px !important; border-top:1px solid #d6d6d6; margin-top:50px;}
.subscription .bold_lg {font-size:1.6rem; font-family: 'notokr-medium';}

.subscription .require_con {text-align:left;}
.subscription .require_con .agree_tit { padding:1rem 0; font-family: 'notokr-medium'; line-height:1.5;}
.subscription .require_con .agree_txt { padding:0 0 1.2rem; line-height:1.5;}
.subscription .require_con .require_chk {padding-top:1rem; border-top:1px solid #d6d6d6; text-align:right;}

.subscrip_input > .inner_tbl { display:table; padding:5px 0;}
.subscrip_input > .inner_tbl dt { display:table-cell; white-space:nowrap; padding-right:10px; line-height:1.5; font-size: 1.5rem;}
.subscrip_input > .inner_tbl dd { display:table-cell; text-align:left; line-height:1.5; font-size: 1.5rem; word-break:break-word;}

.subscrip_input.chk_list { padding:15px !important;}
.subscription .form_tbl span.br:after {display:block; content:'';}
.subscription .form_tbl dd p.sm_txt {font-size:1.4rem;}

/* 인터넷 청약 신규 2018 1128 */
.new_type_tbl label { display:inline-block; position:relative;}
.new_type_tbl label input { width: 15px; height:15px; background: #fff; opacity: 0; }
.new_type_tbl label input:checked + span { background: url('../img/sub/check_box_on.png') no-repeat; background-size: cover;  }
.new_type_tbl label input:focus + span { outline: 1px #ccc solid; }
.new_type_tbl label strong { padding-left:10px; font-family: 'notokr-regular'; font-size: 2rem; }
.new_type_tbl label span { 
    width: 20px; 
    height: 20px; 
    position: absolute; 
    top: 3px; 
    z-index: 2; 
    background: url('../img/sub/check_box_off.png') no-repeat; 
    background-size: cover; 
    display: block; 
    cursor: pointer;
}
.con_tbl.new_type_tbl tbody td { font-size:1.4rem;}
.btn_register {text-align:right; clear:both; padding:40px 0 0;}
.btn_register .btn {line-height:1.8; padding:1rem 2.2rem; font-size: 1.6rem; display:inline-block;}
.btn_register .btn.btn_blue {
    background: #006899; 
    color:#fff !important; 
    border:1px solid #006899;     
}


@media only screen and (max-width:1024px) {
    .subscript_list li .thumbbox {width:280px;}
    .subscript_list li .thumbbox {margin-right: 40px;}
    .subscript_list li .list_con .databox dl dt {width:110px;}
    .subscript_list li .list_con {margin:40px 0;}
    .subscript_list li .databox h4 {font-size:2.8rem;}
}

@media only screen and (max-width:768px) {
    .subscript_list li .thumbbox {width:200px;}
    .subscript_list li .thumbbox {position:absolute; right:0; bottom:0; margin-right: 0;}
    .subscript_list li .databox {padding-right:210px;}
    .subscription .top_step ul li {font-size:1.4rem;}    
}

@media only screen and (max-width: 680px){
    .subscript_tbl tbody tr {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
    .subscript_tbl tbody td.t_dept { padding: 1.4rem 0; border-top: 1px solid #aaa; color:#000;}
    .subscript_tbl tbody td.t_dept:before {
        content:'단지정보 :';
        display: table-cell;       
        color: #222;
        width: 90px;
        padding-left:1rem;
    }    
    .subscript_tbl tbody td.t_dong:before {
        content:'동 :';
        display: table-cell;
        width: 90px;
        color: #222;   
        padding-left:1rem;    
    }    
    .subscript_tbl tbody td.t_name {padding-left:0;}
    .subscript_tbl tbody td.t_name:before {
        content:'상가명 :';
        display: table-cell;
        width: 90px;
        color: #222;
        float:left;
        padding-left:1rem;
    }
    .subscript_tbl tbody td.t_ho:before {
        content:'호실 :';
        display: table-cell;
        width: 90px;
        color: #222;
        float:left;
        padding-left:1rem;
    }
    .subscript_tbl tbody td.t_land:before {
        content:'전용면적(㎡) :';
        display: table-cell;
        width: 90px;
        color: #222;
        padding-left:1rem;
    }
    .subscript_tbl tbody td.t_land2:before {
        content:'분양면적(㎡) :';
        display: table-cell;
        width: 90px; 
        color: #222;
        padding-left:1rem;
    }
    .subscript_tbl tbody td.t_price:before {
        content:'예정가격 :';
        display: table-cell;
        width: 90px;
        color: #222;
        padding-left:1rem;
    }
    .subscript_tbl tbody td.t_btn_in { text-align:center;}
    .subscript_tbl tbody td.t_btn_in .tbl_btns { display:block;}
    .subscript_tbl tbody td.t_btn_in .tbl_btns a { padding:1rem 4rem; font-size:1.6rem;}

    

}
@media only screen and (max-width:640px) {
    .content_box.subscription {margin-top:40px;}
    .subscription span:after {display: inline !important; margin-right:3px;}
    .subscription h3 {font-size: 2rem;}   
    .subscription .submit_btns {padding-top:25px;}
    .subscription .submit_btns a {padding: 1rem 4rem; font-size:1.6rem;} 
    
    .subscription .form_tbl {display:block; padding: 10px 0;}    
    .subscription .form_tbl dt {width:auto; display:block; margin-bottom:10px; padding-left:6px; position:relative; font-size:1.6rem;}
    .subscription .form_tbl dt:before {
        content:'';
        width:2px;
        height:2px;
        border-radius:50%;
        position:absolute;
        left:0;
        top:10px;        
        background:#333333;
    }
    .subscription .form_tbl dd {padding-left:6px; font-size:1.5rem; display:block;}
    .subscription .subscrip_input {text-align:left;}
    .subscription .style_radio {display:block; margin:5px 0;}
    .subscription .style_radio + .style_radio {margin-left:0;}
    .subscription .result_box .result_tit {margin-bottom:20px;}
    .subscription .result_box .result_tit dl dt {font-size:2rem;}
    .subscription .result_box .result_tit dl dt span.br:after { display:block;}
    .subscription .result_box .result_tit dl dd {font-size:1.5rem; line-height:1.5;}
    .subscription .result_box .result_tit img {width:100%; max-width:371px;}

    .subscript_list li .list_con {background:#f6f6f6;}
    .subscript_list li .list_con .databox dl {margin: 8px 0;}
    .subscript_list li .list_con .databox dl dt {font-size:1.5rem;}
    .subscript_list li .list_con .databox dl dd {font-size:1.5rem;}
    .subscript_list li .databox {padding:0; display:block;}
    .subscript_list li .databox h4 {font-size:2.4rem; margin-bottom:0; padding:30px;}
    .subscript_list li .list_con .databox dl {box-sizing:border-box; padding:0 30px;}
    .subscript_list li .list_con {margin:30px 0;}
    .subscript_list li .thumbbox {width:100%; position:static; margin:0; text-align:left;}
    .subscript_list li .databox .btn_box {overflow:hidden; margin-top:30px;}
    .subscript_list li .databox .btn_box a {display:block; box-sizing:border-box; padding:1rem 0; text-align:center;}
    .subscript_list li .databox .btn_box.btn-1 a {width:100%;}
    .subscript_list li .databox .btn_box.btn-2 a {float:left; width:50%;}
    .subscript_list li .databox .btn_box.btn-3 a {float:left; width:33.3333%; border:1px solid #fff;}

    .subscription .agree_btm dl dt {display:block; padding-bottom:15px; font-size:1.4rem;}
    .subscription .agree_btm dl dd {display:block; text-align:left; width:auto; font-size:1.4rem;}

    .subscription .top_step { padding:5px 0;}
    .subscription .top_step ul { display:block; overflow:hidden;}
    .subscription .top_step ul li { display:block; width:33.3333%; float:left; padding:10px 0;}
    .subscription .top_step ul li span:after {display: block;}
    .subscription .top_step ul li span.step_tit {margin-bottom:10px; display:block;}    
    .subscription .top_step ul li:before {
        content:'';
        width:6px;
        height:10px;
        position:absolute;        
        top:50px;
        background-size:contain;        
        margin-left:-3px;
    }
    .subscription .top_step ul li:nth-child(3n+1):before { background:none;}
    .form_tbl_in .left_col {width:auto; display:block; padding-left:0; margin-bottom:10px;}
    .form_tbl_in .right_col {width:auto; display:block;}
    .subscription #biz_bank {min-width:inherit; width:100%;}
    .subscription .placeholder label {font-size:1.2rem; position:static; float:left; margin-bottom:5px;}
    .subscription .placeholder.wonin:before {bottom:0; top:auto;}

    /* 웅천 청약 수정 */
    .subscription .tbl_guide_list dd {box-sizing:border-box;}
    .subscription .print_area { display:none;}
    .subscription .result_view .bgtbl dt {font-size: 1.4rem;}
    .subscription .result_view .bgtbl dd {font-size: 1.4rem;}
    .result_view_tit {margin-bottom:20px;}
    .result_view_tit h3 {padding-bottom: 20px; text-align:center;}
    .subscription .result_txt {padding: 20px 0 10px !important; margin-top: 30px;}
    .subscription .result_txt .tit.sm_txt {font-size: 1.8rem !important;}    
    .subscript_list li .list_con .databox p.box_comment2 {text-align:center; font-size:1.6rem; padding:2rem 0;}

    .new_type_tbl tbody tr {border-top:1px solid #aaa;}
    .new_type_tbl tbody tr td:nth-child(1)::before {
        content:"동 :";
        display:inline-block;
        padding-right:1rem;
    }
    .new_type_tbl tbody tr td:nth-child(2)::before {
        content:"호실 :";
        display:inline-block;
        padding-right:1rem;
    }
    .new_type_tbl tbody tr td:nth-child(3)::before {
        content:"전용면적(㎡) :";
        display:inline-block;
        padding-right:1rem;
    }
    .new_type_tbl tbody tr td:nth-child(4)::before {
        content:"계약면적(㎡) :";
        display:inline-block;
        padding-right:1rem;
    }
    .new_type_tbl tbody tr td:nth-child(5)::before {
        content:"내정가격(VAT포함):";
        display:inline-block;
        padding-right:1rem;
    }
    .new_type_tbl tbody tr td:nth-child(6)::before {
        content:"선택:";
        display:inline-block;
        padding-right:1rem;
    }

    .subscrip_tbl tbody tr td {position:relative;}
    .subscrip_tbl tbody tr td::after {
        content: '';
        width: 2px;
        height: 2px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 25px;
        background: #333333;
    }
    .subscrip_tbl tbody tr td:nth-child(1)::before {
        content:"동 :";
        display:inline-block;
        padding:0 1rem;
    }
    .subscrip_tbl tbody tr td:nth-child(2)::before {
        content:"호실 :";
        display:inline-block;
        padding:0 1rem;
    }
    .subscrip_tbl tbody tr td:nth-child(3)::before {
        content:"입찰가(원) :";
        display:inline-block;
        padding:0 1rem;
    }
}

@media only screen and (max-width:500px) {
    .subscription_con .subscrip_btns .regist_gocon .tit {font-size:2.2rem;}
    .subscription_con .subscrip_btns .tit_btn {font-size:1.8rem;}
}

@media only screen and (max-width:360px) { 
    .subscription h3 {font-size: 1.8rem;}    
    .subscription h4.line_tit {font-size: 1.6rem; margin: 20px 0 10px;}  
    .subscript_info p { margin-bottom:8px; line-height:1.4; font-size:1.4rem;}    
    .subscript_info ol {margin-bottom:10px; overflow:hidden;}
    .subscript_info ol li {font-size:1.3rem; line-height:1.4;}
    .subscript_info ol li p {font-size:1.3rem;}
  
    .subscription .top_step ul li { display:block; width:33.3333%; float:left; padding:10px 0; font-size:1.4rem; line-height:1.4;}    
    .subscription .top_step ul li:before { background:none;}   
    .subscription .subscrip_input select {min-width:75px;}    
}