@charset "utf-8";

body{position:relative;}

.popupback{height:100vh; overflow:hidden !important;}

/* --- pop_area ----*/
#pop_area{width:100vw; height:100vh; margin:0 auto; position:fixed; left:0; top:0; z-index:1000; background:rgba(0, 0, 0, .6); padding:50px;} 

/* --- basic style----*/
#pop_area ul.txt_list{width:100%; margin:0 auto;}
#pop_area ul.txt_list li{line-height:28px; background:url(../images/list_dot2.png) no-repeat 0 13px; padding-left:20px;}

#pop_area .h40txt_box{display:inline-block; padding-left:5px; border:solid 1px #d5d8dd; }
#pop_area .h40txt_box_80{width:80%; display:inline-block; padding-left:5px; border:solid 1px #d5d8dd; }
#pop_area .h40txt_box_full{width:100%; display:inline-block; padding-left:5px; border:solid 1px #d5d8dd; }
#pop_area .pop_box_scroll img, .pop_box img{text-align:center;}
#pop_area .popimg_wrap{width:100%; margin:0 auto; text-align:center; margin-bottom:10px;}
#pop_area .popimg_wrap img{width:100%;}

/* --- pop_area ----*/
#pop_area .pop_up{width:100%; height:100%; min-height:700px; margin:0 auto; max-width:1400px; min-width:1200px; position:relative; background:#fff; position:relative; padding-bottom:100px; overflow:hidden;}
#pop_area .pop_up .pop_title{width:100%; margin:0 auto; font-size:20px; line-height:1.5em; color:#fff; background-color:#1e456f; padding:15px 20px; font-weight:500; position:relative;  letter-spacing:-0.04em;}
#pop_area .pop_up a.btn_close{display:block; width:60px; height:60px; line-height:40px; text-align:center; position:absolute; right:0; top:0;}
#pop_area .pop_up a.btn_close i{display:block; width:100%; height:100%; background:url(../images/close.png) no-repeat center;}
#pop_area .pop_up .pop_sub_title{width:100%;font-size:18px; font-weight:500; margin-bottom:15px; position:relative;}
#pop_area .pop_up .pop_sub_title .btnBox{display:inline-block; position:absolute; right:0; top:50%; margin-top:-16px;}
#pop_area .pop_up .pop_sub_title .btnBox a{padding:8px 15px; margin-left:4px; min-height:1px; line-height:1;}
#pop_area .pop_up .pop_sub_title .btnBox .btn_h24_t05, #pop_area .pop_up .pop_sub_title .btnBox .btn_h24_t01{padding:4px 15px;}
#pop_area .pop_up .pop_sub_title:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}


div + .pop_sub_title{margin-top:30px;}

/* --- 알림박스 ----*/
#pop_area .pop_up .ex_box{width:100%; padding:20px 15px; background:#edf0fa; margin:0; border:1px solid #ddd;}
#pop_area .pop_up .ex_box p.pop_sub_title{color:#4674ac; border-bottom:2px solid #4674ac; line-height:40px; padding-left:0; margin-top:-10px;}
#pop_area .pop_up .ex{margin-top:15px; color:#101010; font-weight:500; line-height:22px;}
#pop_area .pop_up ul.txt_list{margin-top:10px;}
#pop_area .pop_text{width:100%; margin:0 auto;}
#pop_area .pop_text p.pop_sub_title{padding-left:0;}
#pop_area .pop_up .n_txt{margin-top:15px; line-height:22px;}

#pop_area .pop_up .pop_box{width:100%; padding:20px; }
#pop_area .pop_up .pop_box_scroll{width:100%; height:600px; overflow-y:auto; padding:20px; }
#pop_area .pop_up .pop_box .btn_area{margin-top:10px;}

/* --- btn_area ----*/
#pop_area .pop_up .btn_area{width:100%; margin:0 auto; text-align:center; margin-top:25px;}
#pop_area .pop_up .btmBtn_area{width:100%; margin:0 auto; text-align:center; position:absolute; bottom:0; left:0; background:#f3f3f3; padding:20px;}
#pop_area .pop_up .btmBtn_area a{margin:0 2px;}
/* --- pop_cont ----*/
#pop_area .pop_up .pop_cont{width:100%; margin:0 auto; padding:30px 20px;}

.alert_cont .txt_box{position:relative; width:100%; margin:0 auto; text-align:center; padding:30px 0;}
.alert_cont .greenbg{background:#e9f9e8;}
.alert_cont .bluebg{background:#f3f6fa;}
.alert_cont .redbg{background:#faf5f5;}
.alert_cont i.alert_green{width:60px; height:60px; background:url(../images/alert_green.png) no-repeat 0 0; display:block; background-size:100%; margin:0 auto;}
.alert_cont i.alert_blue{width:60px; height:60px; background:url(../images/alert_blue.png) no-repeat 0 0; display:block; background-size:100%; margin:0 auto;}
.alert_cont i.alert_red{width:60px; height:60px; background:url(../images/alert_red.png) no-repeat 0 0; display:block; background-size:100%; margin:0 auto;}
.alert_cont .txt_box b{font-weight:500;}
.alert_cont .txt_box b, .txt_box p{margin-top:15px; display:block;}
.alert_cont .txt_green{color:#09bd80;}
.alert_cont .txt_blue{color:#6491c9;}
.alert_cont .txt_red{color:#f84e57;}
.alert_cont .txt_box .btn_close{position:absolute; right:-20px; top:-25px; box-shadow: 1px 3px 2px rgba(0, 0, 0, .3);}



/* --- popup table ----*/
#pop_area .pop_tb{width:100%; margin:0 auto; border-top:2px solid #284d93; border-right:1px solid #ccc; border-bottom:1px solid #ccc; height:396px; overflow:hidden;} 
#pop_area .pop_tb > div{width:100%; margin:0 auto;} 
#pop_area .pop_tb .pop_tb_tit{ padding-right:17px;}
#pop_area .pop_tb .pop_tb_tit > ul, #pop_area .pop_tb .pop_tb_list{width:100%; margin:0 auto; display:table; table-layout:fixed; border-collapse:collapse;} 
#pop_area .pop_tb .pop_tb_tit > ul li, #pop_area .pop_tb .pop_tb_list li{display:table-cell; text-align:center; border:1px solid #ccc; border-right:0; vertical-align:middle; padding:10px 15px;}
#pop_area .pop_tb .pop_tb_tit > ul li > p, #pop_area .pop_tb .pop_tb_list li > p{width:100%; line-height:1.3em;}
#pop_area .pop_tb .pop_tb_tit > ul li{color:#284d93; font-weight:500; line-height:1.3em; padding:10px; vertical-align:middle;}
.x-disScroll{width:100%; overflow:hidden;}
#pop_area .pop_tb .pop_tb_cont{overflow-y:scroll; width:100%; height:353px;}
#pop_area .pop_tb .pop_tb_cont .pop_tb_list li a{line-height:1;}
#pop_area .pop_tb .pop_tb_cont .pop_tb_list li .linkTit{width:100%; display:inline-block; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#pop_area .pop_tb .pop_tb_cont .pop_tb_list li .linkTit:hover{text-decoration:underline;}
#pop_area .pop_tb .pop_tb_cont .pop_tb_list li{border-top:0;}

#pop_area .copy_box{width:100%; margin:0 auto; border-top:solid 1px #e8e8e8;}
#pop_area .copy_box .copy{width:100%;; margin:0 auto; padding:20px 15px; border-bottom:solid 1px #d5d8dd;  }
#pop_area .copy_box .copy:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
#pop_area .copy_box .copy .h40txt_box{float:left; width:79%;}
#pop_area .copy_box .copy .btn_h40_t01{width:auto; padding:0 15px; border-radius:0; float:left;}
#pop_area .copy_box .copy textarea{width:73%; height:70px; border:solid 1px #d5d8dd; padding:10px; float:left;}
#pop_area .copy_box .copy textarea{width:73%; height:70px; border:solid 1px #d5d8dd; padding:10px; float:left;}
#pop_area textarea{height:70px; border:solid 1px #d5d8dd; padding:10px;}

#pop_area textarea.ta_full{width:100%; height:70px; border:solid 1px #d5d8dd; padding:10px;  margin-top:15px;}
#pop_area .txt_capacity{font-size:14px; color:#818284; display:block; width:100%; margin-top:10px; text-align:right;}
.pop_up .table_t01 tr td, .pop_up .table_t01 tr th{border-bottom:solid 1px #ddd; line-height:22px; min-height:40px; padding:10px 0; text-align:center; vertical-align:middle;}

/* --- popup 검색 ----*/
.pop_search_box{width:100%; margin:0 auto; background:#edf0fa; padding:20px;  border:solid 1px #e8e8e8;}
.pop_search_box:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.pop_search_box > div{width:100%; margin:0 auto; margin:5px 0;}
.pop_search_box > div:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.pbox select{width:19%; margin-right:1%; float:left;}
.pbox input{width:80%; float:left;}
.p_selec .title, .p_selec2 .title{width:19%; float:left; margin-right:1%; text-align:right; line-height:40px;}
.p_selec select{width:80%; float:left;}
.p_selec2 select{float:left; width:30%;}
.p_selec3{width:100%; margin:0 auto; text-align:center;}
.p_selec3:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.p_selec3 .title{display:inline-block; margin-right:1%;}
.p_selec3 select, .p_selec3 input{min-width:30%; display:inline-block;}
.p_selec3 select + .title, .p_selec3 input + .title{margin-left:2%;}
#pop_area .pop_up .searched_terms{margin-bottom:15px;}
#pop_area .pop_up .searched_terms .searched_num{float:none;}
#pop_area .pop_up .table_form{width:100%; text-align:left; padding:10px;  border:solid 1px #e8e8e8; background:#edf0fa;}
#pop_area .select_full{line-height:40px; height:40px; width:100%; display:inline-block; padding:0 5px; border:solid 1px #ddd;}
#pop_area .pop_up .table_form tr th, #pop_area .pop_up .table_form tr td{padding:5px; text-align:center;}
#pop_area .pop_up .table_form tr th{font-weight:500; text-align:right;}
#pop_area .pop_up table tr td.ta_left{text-align:left; padding:10px;}
#pop_area .pop_up table tr td.ta_left .ta_full{margin:0;}
#pop_area .pop_up .table_view_list{width:100%; margin:0 auto;}
#pop_area .pop_up .table_view_list .pop_sub_title{width:100%; line-height:22px;padding-bottom:5px;}
#pop_area .pop_up .table_view_list .table_t01{border-top:solid 1px #ddd;}
#pop_area .pop_up .select_info p{padding-top:3px;}
#pop_area .pop_up .resoures_class{width:100%; margin:0 auto; text-align:right; margin-bottom:15px;}
#pop_area .pop_up .resoures_class .selc, #pop_area .pop_up  .resoures_class .no_info{display:inline-block; line-height:24px; padding-left:30px;}
#pop_area .pop_up .resoures_class .selc{background:url(../images/radio_checked_bg.png) no-repeat left center;}
#pop_area .pop_up .resoures_class .no_info{background:url(../images/radio_none.png) no-repeat left center; margin-left:10px;}

#pop_area .pop_up .preparing{width:100%; padding:20px 15px;  background:#edf0fa; margin-bottom:10px;}
#pop_area .pop_up .preparing p {padding:30px 0 30px 212px; line-height:28px; background:url(../images/hourglass.png) no-repeat 122px 50%;}
#pop_area .pop_up .preparing p b{display:block; font-size:23px; font-weight:500; color:#286abe;}
#pop_area .pop_up .preparing p span{display:block; font-size:15px; color:#6c82a9; font-weight:500;}
.pop_cont_txt{line-height:22px; margin-top:15px;}



/* --- popup rd-list ----*/
#pop_area .rd-list{margin-top:30px;border-top:2px solid #101010;}
#pop_area .rd-list .list_cont{padding:15px 40px 15px 10px; background:url(../images/arwR_grey.png) no-repeat right 15px center;}
#pop_area .rd-list .list_cont:hover {background:#f3f3f3 url(../images/arwR_grey.png) no-repeat right 15px center;}
#pop_area .rd-list .list_cont .num{width:5%;}
#pop_area .rd-list .list_cont .book_info{width:95%;}
.rd-list .book_info p.book_title a:hover{text-decoration:underline;}
#pop_area .rd-list .book_info ul{margin-top:0;}