#modal{overflow:hidden;}
.modal_wrap{font-size:13px;}
.modal_tit{height:43px;padding:0 20px;background-color: #776d5d;color:#fff;}
.modal_tit h2{line-height:43px;font-size:20px;}
#modalTitle_sec{display: none;}

.result_options{padding:14px 20px 8px 20px;}
.result_options::after{content: '';display: block;clear: both;height:0;}
.result_options .option_tit{vertical-align:top;line-height:30px;font-size:14px;color:#010101;}
.options_l{float:left;}
.options_l .input{overflow:hidden;display:inline-block;height:30px;border:1px solid #e1e1e1;border-radius:5px;}
.options_l .w196{width:20%;}
.options_l .w196 input{width:calc(100% - 36px);}
.options_l .w116{width:14%;margin-right:10px;}
.options_l .w116 input{width:calc(100% - 36px);}
.options_l .input input{padding:0 10px;line-height:30px;border-radius: 5px;background:transparent}
.options_l .input input:focus-visible{outline:none !important;}
.options_l .input button{width:32px;padding:0 9px;line-height:29px;border-left:1px solid #e1e1e1;font-size:10px;}
.options_l .b_sml{margin-right:4px;margin-bottom:4px;vertical-align:top;border:1px solid #c3bbb4;border-radius:5px;background-color: white;color:#606060;}
.options_l .b_sml.on{border:1px solid #ada193;background-color:#ada193;color:#fff;}
.option_txt{margin:4px 0 0 80px;color:#7e7e7e}
.option_txt .word{color:#ad0017;}
.option_txt .count{color:#ff5a00;}
.options_r{position:relative;float:right;}
.options_r button{margin: 0 2px;}
.options_r .flex{display: inline-block;}
.options_r .flex .icon{overflow:hidden;border-radius:5px;}

.result_cont{border-top:1px solid #d9d9d9;}
.top_info{position:relative;padding:13px 20px 19px;background-color:#f9f9f9;background-image: url('../images/bg_flower_color.png');
background-position:right top;background-repeat: no-repeat;}
.top_info .b_up{position: absolute; top:13px;right:20px;}
.icon_up{overflow:hidden;width:23px;height:23px;border-radius:50%;background-image: url('../images/icon_up.png');}
.infolist .issue_num{font-size:15px;}
.infolist .issue_tit{font-size:20px;font-weight:900;}
.infolist .issue_date{margin-bottom:6px;color:#989898;}
.infolist .issue_date em{color:#595959;}
.infolist .issue_date span{margin:0 10px 0 5px; color: #000; font-weight: bold;}
.infolist .issue_txt{color:#595959;}
.infolist.hide .issue_tit,
.infolist.hide .issue_date,
.infolist.hide .issue_txt{display:none;}
.infotit{display:table-cell;vertical-align:middle;height:66px;padding:23px 0;font-size:14px;}
.issue_relate{display:none;color:#595959;}
.issue_relate.active{display: block;}
.iss_relate_dl{display:flex;flex-wrap:wrap;}
.iss_relate_dl dt{width:100%;margin:8px 0;font-size:16px;;font-weight:900;color:#ad0017}
.iss_relate_dl dd{position:relative;display:flex;width:36%;margin:2px 0;padding-left:11px;}
.iss_relate_dl dd::before{content:'';position:absolute;top:8px;left:0;display: block;width:4px;height:4px;background:#595959}
.iss_relate_dl dd .txt{width:80%;padding-right:4px;}
.iss_relate_dl dd .percentage em{font-weight:700;color:#ff5a00;}

.result_info{position:relative;border-top:1px solid #d9d9d9;background-color:#f6f6f6;}
.side_l iframe, 
.side_r iframe{width:100%;height:100%;}
.side_l{position:relative;overflow:auto;float:left;width:30%;/* height:590px; */padding:27px 20px;border-right:1px solid #d9d9d9;}
.side_l.active{display: none;}
.side_l .side_dl{margin-bottom:25px;}
.side_dl dt{margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #837065;font-size:18px;}
.side_dl dd{position:relative;padding-left:11px;color:#3e4851;}
.side_dl dd::before{content:'';position:absolute;top:8px;left:0;display: block;width:4px;height:4px;border-radius:50%;background:#464646}

.b_left{position: absolute;top:0;left:30%;width:26px;height:80px;border:1px solid #d9d9d9;border-left:none;border-top:none;background-color:#f6f6f6;box-shadow:2px 2px 5px #f3f3f3 } /* 20221012 수정 */
.side_r{/*overflow-y:auto;*/float:left;width:70%;/* height:590px; */background-color:#fff;}
.side_r.active{float:none;width:100%;}
.side_r.active .icon_left{background-image:url('../images/icon_right.png')}
.side_r.active .b_left{left:0%;}

.details{font-weight:300;}
.details a{color:blue;text-decoration:underline;}
.details .issue_date,
.details .issue_txt{margin-bottom:15px}
.details .issue_tit{margin-bottom:2px;text-align:center;font-size:28px;}
.details .issue_date{text-align: right;font-size:16px;}
.details .issue_sub{text-align: center;}
/* 상세보기 부분 수정 시작 */
/* .details .para table{display: flex;justify-content: flex-end;} */
/* 상세보기 부분 수정 끝 */

.issue_txt .sub{font-weight:900;font-size:20px;}
.issue_txt .txt{margin:10px 0;font-size:16px;}

.issue_dot{position:relative;margin-bottom:15px;}
.issue_dot .issue_line{width:100%;height:10px;padding:10px 0;border-bottom:1px dotted #3368c5}
.issue_dot .issue_page{position:absolute;top:0;right:0;padding:0 10px;color:#069;}

/* .highlight{background-color:#f1d4d8;font-weight:400;} */
.highlight{background-color:#F2F2F2;font-weight:400;}

.note_num{vertical-align:super;font-size:12px;font-weight:900;color:#0000ff}
.issue_note{margin-bottom:20px;padding:10px 0;border-top:2px ridge #ddd;}

/* 기존페이징 */
.line_wrap {width: 100%;position: relative;    height: 20px;}
.line_dot {width: 100%;border-bottom-width: 2px;border-bottom-style: dotted;border-bottom-color: #3368c5;font-size: 12px;font-weight: bold;padding-top: 20px;}
.line_num {position: absolute;right: 0px;top: 0;background-color: #FFF;padding-right: 5px;padding-left: 5px;}
#pageno {width: 40px !important;}
/* //기존페이징 */
.nocontents{position:relative;top:50%;left:50%;width:200px;transform:translate(-50%, -50%);text-align: center;font-size:20px;font-weight:900;color:#ad0017;}
.nocontents p{margin-top:20px;}

.para{line-height:23px;padding:4px 4px 8px 4px}
.para_in{line-height:23px;padding:4px 4px 8px 4px;padding-left: 30px;text-indent:-10px;font-size:15px;}

@media screen and (max-width:739px) { 
    .iss_relate_dl dd .txt{width:75%;}
    .option_txt{margin-left:0;}
    .options_l .input input{font-size:12px;}
    .options_l .w196{width:40%;}
    .options_l .w116{width:32%;}

    .b_left{top:-1px;left:50%;transform:translateX(-50%);width:50px;height:26px;border:1px solid #d9d9d9;}
    .side_l{float: none;width:100%;height:200px !important;border-right:none;border-bottom:1px solid #d9d9d9;}
    .side_r{float: none;width:100%;}
    .side_r.active .b_left{left:50%; z-index:9999999;} /* 20221012 수정 */

    .side_r .b_left .icon_left{background-image:url('../images/icon_bottom_reverse.png');}
    .side_r.active .icon_left{background-image:url('../images/icon_bottom.png')}
}
@media screen and (max-width:420px) { 
    .result_options .option_tit{width:10%;}
    .options_l,
    .options_r{float:none}
    .options_l .input input{padding:0 6px}
    .options_l .input button{padding:0 2px}
    .options_l .w196{width:36%;}
    .options_l .w116{width:28%;}    
    .options_l .b_sml{width:23%;}
    /*
    .result_options{display: none;}
    .result_options .options_r .option_tit{display: none;}
    */
    #modalTitle{display: none;}
    #modalTitle_sec{display: block;}
}
@media screen and (max-width:500px) { 
    .options_l,
    .options_r{float: none;}
     .result_optionsMain{display: none;}
    /*.result_options .options_r .option_tit{display: none;}
    .result_options{display: none;}*/
    #modalTitle{display: none;}
    #modalTitle_sec{display: block;}
}
@media screen and (max-width:996px) { 
    .options_l,
    .options_r{float: none;}
    .issue_relate dl{width:100%;}
    .issue_relate dd{width:100%;}     
} 
@media screen and (max-width:1151px) { 
    .issue_relate dl{width:100%;}
    .issue_relate dd{width:100%;}
}