@charset "utf-8";

/* 게시판 쓰기 */
#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}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}

.title_wrap{background:url(/images/price_title.jpg) center no-repeat; padding-top:14%; background-size:cover; margin-top:50px;}
.title_wrap_list{border-top:2px solid #0054a6; margin-top:40px;}
.title_wrap_list dl{display:table; width:100%; padding:30px 0; border-bottom:1px solid #ccc; }
.title_wrap_list dl:nth-child(2) dt:after{content:""; display:inline-block; vertical-align:middle;  width:12px; height:10px; background:url(/images/check_01.png) no-repeat; margin-left:10px; }
.title_wrap_list dl:nth-child(4) dt:after{content:""; display:inline-block; vertical-align:middle;  width:12px; height:10px; background:url(/images/check_01.png) no-repeat; margin-left:10px; }
.title_wrap_list dl dt{display:table-cell; vertical-align:middle; text-align:left; width:20%; font-size:20px; font-weight:bold; color:#000; padding-left:20px;}
.title_wrap_list dl dt span{font-size:16px; color:#6e6d6d; font-weight:normal; margin-left:5px;}
.title_wrap_list dl dd{display:table-cell; vertical-align:middle; text-align:left; width:80%; font-size:16px; }
.title_wrap_list dl dd input[type='text']{width:40%; height:50px; background:#f5f5f5; border:0px; outline:0; padding-left:20px;}
.title_wrap_list dl dd.ment{font-size:20px; color:#6e6d6d;}
.title_wrap_m{display:none; margin-top:50px;}
.title_wrap_m img{width:100%;}
	#content_box{background:#f5f5f5; font-size:16px;color:#707070; line-height:2.0; /* font-family: 'S-CoreDream-3Light'; */ padding:25px; margin-top:30px;}

.rdobox, .chkbox {
display: inline-block;
position: relative;
min-width: 20px;
min-height: 20px;
overflow: hidden;
vertical-align: middle;
}

.rdobox + .rdobox{margin-left:30px; }

.rdobox:after {
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    left: 5px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-radius: 100%;
    box-sizing: border-box;
    background-color: #7a828d;
	}

.rdobox.on:before, .chkbox.on:before {
    border-color: #1c1c1c;
}

.rdobox.on:after {
    display: block;
    background-color: #1c1c1c;}
.rdobox:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border: 1px solid #ccc;
    border-radius: 100%;
    box-sizing: border-box;
}

.rdobox input, .chkbox input {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    opacity: 0;
    z-index: 1;
}

.rdobox label, .chkbox label {
    display: block;
    position: relative;
    padding-left: 30px;
	font-size:20px; color:#000;
}


#bo_w .btn_submit, #bo_w button.btn_cancel {width:210px; height:70px; line-height:70px; padding:0 0;  border-radius:35px; font-size:20px;margin-top:0}
#bo_w button.btn_cancel {margin-left:5px;}
#bo_w .write_div_privacy.d_div_priv{border:0;margin:20px 0;padding:0}
#bo_w .write_div_privacy.d_div_priv label{font-size:16px;color:#707070;display:inline-block;padding-left:35px;position:relative}
@media all and (max-width: 800px)
{

	.title_wrap_m{display:block;}
	.title_wrap{display:none;}
}

@media screen and (max-width:768px){
.title_wrap_list dl dt{display:block; width:100%;}
.title_wrap_list dl dt span{font-size:2.083333333333333VW; color:#6e6d6d; font-weight:normal; margin-left:5px;}
.title_wrap_list dl dd{display:block; font-size:3.083333VW; width:100%; padding-left:20px; margin-top:10px; }
.title_wrap_list dl dd input[type='text']{width:80%;}
.title_wrap_list dl dd.ment{font-size:2.604166666666667VW; }

.rdobox label, .chkbox label {
    display: block;
    position: relative;
    padding-left: 30px;
	font-size:3.0VW; color:#000;

	#bo_w .btn_submit, #bo_w button.btn_cancel {width:140px; height:50px; line-height:50px; padding:0 0;  border-radius:25px; font-size:18px;}
	#bo_w .write_div_privacy {font-size:13px;}
}




#content_box{font-size:2.8vw;}
#content_box br{display:none;}


#sub_content > p{ margin-bottom:13.020833vw;}
#bo_w .btn_submit, #bo_w button.btn_cancel {width:140px; height:50px; line-height:50px; padding:0 0;  border-radius:25px; font-size:18px;}
#bo_w .write_div_privacy {font-size:13px;}
}

@media screen and (max-width: 640px) {

.fund_info_wrap .info_title {font-size:23px;}
.fund_info_wrap .info_title_sub {font-size:15px;}
.fund_info_wrap .info_cell {padding:25px 15px 30px 15px;}
.info_cell dt {font-size:17px;}
.info_cell dd {font-size:15px;}
.info_cell dd label {width:75px;}
.area_output .output_cell {padding:35px 0 20px 20px;}
.output_cell dt {position:static; top:auto; left:0; width:100%; height:auto; margin-bottom:15px; -webkit-transform: translateY(0); transform: translateY(0);}
.output_cell dd {padding-right:20px;}

.resultTb th, .resultTb td {padding:15px 15px;}
.resultTb th, .resultTb td {font-size:3.13vw;}
.resultTb td .num {font-size:16px;}
.resultTb tfoot th {font-size:18px}
.resultTb tfoot .num {font-size:20px}
.area_calc .calc_box li #calc_input {padding:0 20px; font-size:3.3vw;}
.area_calc .calc_box li:first-child::before {left:15px; width:20px;}
.area_calc .calc_box li:last-child {font-size:30px;}
.area_calc .calc_box li:last-child label {font-size:16px;}

.cert_result .cert_sum, .cert_result .cert_interest {padding:0 6.25vw; font-size:3.9vw;}
.cert_result .cert_sum dt, .cert_result .cert_interest dt {width:26%;}
.cert_result .cert_sum dd span::before, .cert_result .cert_interest dd span::before {width:17px;}
.cert_result .cert_sum {height:80px;}
.cert_result .cert_interest {height:65px;}
.cert_result .cert_sum dd {font-size:5.46vw;}
.cert_result .cert_sum dd span, .cert_result .cert_interest dd span {padding-left:15vw;}
.cert_purchaser { padding-bottom:20px;}
.cert_result::before {width:40vw;}
.cert_result {padding:33px 20px;}
.cert_date li label {width:27%; font-size:3.1vw;}
.cert_date li span {padding-left:4%; font-size:3.9vw;}
.cert_notice {padding:33px 28px 40px;}
.cert_notice dt {padding-left:8%; font-size:3.7vw; background-size:5%;}
.cert_notice dd {padding-left:3.5%; font-size:3vw; background-size:1.2%;}
.cert_spec .spec_list dt {font-size:25px;}
.cert_spec .spec_list label {width:28%;}
.cert_spec .spec_list label, .cert_spec .spec_list > span {padding:5vw 2vw; font-size:3.3vw;}
.cert_spec .spec_list label::after {height:20px;}
.area_calc .calc_box li:first-child::after{right:3.9063vw;top:5.4688vw;width:24.0625vw;height:12.3438vw}
h4.title.d_title span{padding:0 10px}
h4.title.d_title span:before{width:1.4063vw;height:4.3750vw}
h4.title.d_title span:after{width:1.4063vw;height:4.3750vw}
.title_wrap_list dl dd.d_input_dd span input[type='text']{width:50px}
.cert_spec .spec_list dd div{padding-right:0}


.cert_spec .spec_list dt{font-size:3.9063vw}
.cert_spec .spec_list label{font-size:2.8125vw}
.title_wrap_list h2{font-size:3.9063vw}
.title_wrap_list dl dt {font-size:2.8125vw}
.title_wrap_list .ui-datepicker-trigger{width:4.6875vw;margin:5px 0 0 0}
.title_wrap_list dl dd.d_info_dd select{font-size:2.5000vw}
.last_ment{font-size:2.8125vw}
#bo_w .write_div_privacy.d_div_priv label{font-size:2.3438vw}
.title_wrap_list dl dd.d_info_dd .d_info_input01{font-size:2.8125vw}
.title_wrap_list dl dd.d_info_dd .d_info_input02{font-size:2.8125vw}
.title_wrap_list dl dd{font-size:2.8125vw}
.title_wrap_list dl dd input[type='text']{height:40px}

.title_wrap_list dl dt{padding-left:2vw}
.title_wrap_list dl dd{padding-left:2vw}
.title_wrap_list dl{padding:5vw 0}
.title_wrap_list dl dd.d_input_dd{line-height:5.9375vw}
.title_wrap_list dl dd input[type='text']{width:100%}
.title_wrap_list dl dd.d_info_dd select{width:100%;height:40px}
.title_wrap_list dl dd.d_info_dd .d_info_input01{width:100%}
.title_wrap_list dl dd.d_info_dd .d_info_input02{width:100%}
.title_wrap_list dl dt span{margin-left:0.7813vw;font-size:2.8125vw}
.title_wrap_list dl:nth-of-type(1){margin-top:10px}
.last_ment img{width:20px}
#content_box textarea{padding:20px 10px}

}


@media screen and (max-width: 480px) {
	#bo_w .btn_submit, #bo_w button.btn_cancel {width:29.1667vw; height:10.4167vw; line-height:10.4167vw; padding:0 0;  border-radius:5.2083vw; font-size:3.7500vw;}
	.rdobox + .rdobox{margin-left:10px}
}