@charset "utf-8";

body{position:relative;}

.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;}
a.btn_close{display:block; width:50px; height:50px; line-height:40px; text-align:center; background:#365a99; border-radius:40px; padding:18px 0 0 18px; box-sizing:border-box;}
a.btn_close:hover{background:#0093ee; transition:0.3s ease;}
a.btn_close i{display:block; width:14px; height:14px; background:url(../images/close.png) no-repeat 0 0;}
/* --------------------------------------------- popup style_2 ----------------------------------------------*/
/* --- open library 설정 ----*/
.pop_area{width:100%; height:100%; margin:0 auto; position:fixed; left:0; top:0; z-index:1000; background:url(../images/popup_bg1.png) repeat 0 0;} 
.pop_area .h40txt_box{display:inline-block; line-height:38px; height:38px; padding-left:5px; border:solid 1px #d5d8dd; }
.pop_area .h40txt_box_80{width:80%; display:inline-block; line-height:38px; height:38px; padding-left:5px; border:solid 1px #d5d8dd; box-sizing:border-box;}
.pop_area .h40txt_box_full{width:100%; display:inline-block; line-height:38px; height:38px; padding-left:5px; border:solid 1px #d5d8dd; box-sizing:border-box;}
.pop_area .pop_up2{width:100%; height:100%; margin:0 auto; position:relative;}
.pop_area .pop_up2 p.pop_title{width:100%; margin:0 auto; font-size:20px; line-height:30px; background:url(../images/menubar.gif) no-repeat center bottom; padding:15px 20px 20px 20px; font-weight:500; position:relative; box-sizing:border-box; letter-spacing:-0.04em;}
.pop_area .pop_up2 p.pop_title .btn_close{position:absolute; right:-20px; top:-25px; box-shadow: 1px 3px 2px rgba(0, 0, 0, .3);}
.pop_area .pop_up2 p.pop_sub_title{font-size:18px; border-bottom:solid 1px #818284; line-height:50px; font-weight:500; font-weight:500;}

.pop_area .pop_up2 .icon_wrap{width:36px; height:36px; line-height:36px; vertical-align:middle; display:inline-block; margin-right:10px; background:linear-gradient(to right, #0093ee 40%, #004294); border-radius:36px; text-align:center;}
.pop_area .pop_up2 .icon_wrap i{margin-top:-8px;}
.pop_area .pop_up2 .ex_box{width:100%; padding:20px 15px; box-sizing:border-box; background:#f3f6fb;}
.pop_area .pop_up2 .ex_box p.pop_sub_title{color:#365a98; padding-left:0; margin-top:-10px;}
.pop_area .pop_up2 .ex{margin-top:15px; color:#365a98; font-weight:500; line-height:22px;}
.pop_area .pop_up2 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_up2 .n_txt{margin-top:15px; line-height:22px;}
.pop_area .pop_up2  .pop_cont_small select{display:inline-block; border:solid 1px #d5d9de; line-height:40px; height:40px; padding:0 10px; box-sizing:border-box; margin-top:15px;}
.pop_area .pop_up2  .pop_cont_small select{width:100%;}
.pop_up2 .btn_area{width:100%; margin:0 auto; text-align:center; margin-top:25px;}
.pop_up2 .btn_area .btn_h40_t01,.pop_up2 .btn_area .btn_h40_t02{width:auto; padding:0 20px; margin:0 2px;}
.pop_up2 .pop_box{width:100%; padding:20px; box-sizing:border-box;}
.pop_up2 .pop_box_scroll{width:100%; height:600px; max-height:65vh; overflow-y:auto; padding:20px; box-sizing:border-box;}
.pop_box_scroll img, .pop_box img{text-align:center;}
.popimg_wrap{width:100%; margin:0 auto; text-align:center; margin-bottom:10px;}
.popimg_wrap img{width:100%;}
.pop_area .pop_up2 .pop_box .btn_area{margin-top:10px;}

/* --- 가로값 설정 ----*/
.pop_area .pop_up2 .pop_cont{width:600px; margin:0 auto; padding-bottom:30px; background:#fff; box-sizing:border-box; box-shadow: 2px 3px 5px rgba(0, 0, 0, .3); position:absolute; top:5%; left:50%; transform:translate(-50%);}
.pop_area .pop_up2 .pop_cont_small{width:400px; margin:0 auto; padding-bottom:30px; background:#fff; box-sizing:border-box; box-shadow: 2px 3px 5px rgba(0, 0, 0, .3); position:absolute; top:5%; left:50%; transform:translate(-50%);}
.pop_area .pop_up2 .pop_cont_large{width:1000px; margin:0 auto; padding-bottom:30px; background:#fff; box-sizing:border-box; box-shadow: 2px 3px 5px rgba(0, 0, 0, .3); position:absolute; top:5%; left:50%; transform:translate(-50%);}
.pop_area .pop_up2 .pop_cont_fit{width:calc(100% - 200px); margin:0 auto; padding-bottom:30px; background:#fff; box-sizing:border-box; box-shadow: 2px 3px 5px rgba(0, 0, 0, .3); position:absolute; top:5%; left:50%; transform:translate(-50%);}

/* --- 학위논문제출 상세절차 ----*/
.pop_area .cont_numbering{width:100%; margin:0 auto; margin-top:0; box-sizing:border-box;}
.pop_area .cont_numbering > div:first-child{border-top:0;}
.pop_area .numbering_box .num_title{width:94%; background:none; padding:0; margin:0 auto; float:none; position:relative; padding-left:40px;}
.pop_area .numbering_box .num_title:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.pop_area .numbering_box .num_title b{width:40px; height:40px; float:left; line-height:36px; font-size:15px; border:solid 2px #6c82a9; color:#6c82a9; border-radius:50px; display:block; text-align:center; position:absolute; left:0; top:0;}
.pop_area .numbering_box .num_title span{display:block; margin-top:15px; color:#365a99; font-weight:500;  float:left; margin-left:10px; font-size:18px;}
.pop_area .numbering_box .txt_list{float:none; width:75%; box-sizing:border-box; border-left:0; padding-left:0; margin:0 auto;}
.pop_cont_large .numbering_box .txt_list{float:none; width:82%; box-sizing:border-box; border-left:0; padding-left:0; margin:0 auto;}
.pop_area .search_box_full{width:100%; margin:0 auto; margin-top:15px;}
.pop_area .search_box_full:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.pop_area .search_box_full .h40txt_box{width:calc(100% - 110px); float:left; box-sizing:border-box; height:40px; line-height:40px;}
.pop_area .search_box_full .btn_h40_t01_square, .pop_area.search_box_full .btn_h40_t02_square{float:left; width:110px; text-align:center; box-sizing:border-box;}

/* --- 연체료결제 ----*/
.pop_area .payment .imgWrap{width:94%; margin:0 auto; text-align:left;margin-top:10px;}
.pop_area .payment .imgWrap img{width:100%; height:auto; -webkit-perspective: 1; }
.pop_area .payment .num_title br{display:none;}
.pop_area .payment .num_title span{margin-top:3px; width:100%; text-align:left; line-height:1.5em; font-size:24px; font-weight:600;}
.pop_area .payment .num_title{position:relative; padding:0 0 0 40px;}
.pop_area .numbering_box .num_title b{position:absolute; top:0; left:0;}

.pop_area .payment .solution .num_title{padding:0; text-align:center;}
.pop_area .payment .solution .num_title span{text-align:center;}
.pop_area .payment .solution > ul{width:100%; max-width:900px; margin:0 auto;}
.pop_area .payment .solution > ul li b{font-size:18px; margin-top:30px; display:block; line-height:1.5em; color:#1d4380;}
.pop_area .payment .solution > ul li ul.txt_list{width:100%; background-color:#e9eff2; border-radius:10px; border:1px solid #dcddde; padding:15px;}
.pop_area .payment .solution strong{font-weight:800;}
.pop_area .payment .solution > strong{display:block; font-size:22px; text-align:center; color:#1d4380; margin-top:80px; line-height:1.5em;}
.pop_area .payment .solution .t01{display:inline-block; background:url(../images/payment_i01.jpg) no-repeat left center; padding-left:23px; background-size:18px auto; margin-left:5px;}
.pop_area .payment .solution .t02{display:inline-block; background:url(../images/payment_i02.jpg) no-repeat left center; padding-left:23px; background-size:18px auto; color:#0089d0;}


/* --- alert ----*/
.alert_cont{width:400px; margin:0 auto; background:#fff; box-sizing:border-box; box-shadow: 2px 3px 5px rgba(0, 0, 0, .3); position:absolute; top:15%; left:50%; margin-left:-200px;}
.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:#0093ee;}
.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);}

/* --- toggle ----*/
.pop_area .settings_wrap{width:100%; margin:0 auto; border-bottom:solid 1px #818284; position:relative;}
.pop_area .settings_wrap .pop_sub_title{border:0!important; width:calc(100% - 126px);}
.pop_area .m_settings{margin:0 auto; display:inline-block; vertical-align:top; text-align:right; position:absolute; top:10px; right:0;}
.pop_area .m_settings_label{display:inline-block; line-height:30px; }
.pop_area .m_settings_cell {width: 100%; vertical-align: middle; height:50px; padding: 0px 6px 0px 6px;}
.pop_area .m_settings_btn{display:inline-block; vertical-align:middle; margin-left:8px; }
.pop_area .m_switch {width: 60px; height: 30px; border-radius: 100px; background-color: #f3f3f3; overflow: hidden; box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, 0.1);
transition: 0.25s all; transition-delay: 0s, .08s; margin: 0; padding: 0; position: relative;}
.pop_area .m_switch_color {background-color: #2ecc71 !important; box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, 0.05) !important;}
.pop_area .m_switch_b {display: block;}
.pop_area .m_switch_check {position: absolute; display: block; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 6;}
.pop_area .m_switch_element {position: absolute; left: 2px; top: 2px; bottom: 2px; right: 48%; background-color: #fff; border-radius: 36px; z-index: 1; transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right; transition-delay: 0s, .08s; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.pop_area .m_switch_checked {right: 2px !important; left: 48% !important; transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important; transition-property: left, right !important; transition-delay: .08s, 0s !important;}
.pop_area .m_green {color:#1dc28a;}
.pop_area .m_red {color:#f84e57;}

/* --- Change Password of the KAIST Library/비밀번호변경 ----*/
.pop_area .change_pass{width:100%; margin:0 auto;}
.pop_area .inputBox{border:solid 2px #e8e8e8; width:100%; margin:0 auto; box-sizing:border-box;}
.pop_area .inputBox span{display:block; line-height:60px; padding-left:55px; width:100%; box-sizing:border-box; position:relative;}
.pop_area .inputBox span:first-child{border-bottom:solid 1px #e8e8e8;}
.pop_area .inputBox span.pass{background:url(../images/i_pass.png) no-repeat 15px center;}
.pop_area .inputBox span.pass b.no{position:absolute; display:block; z-index:2; padding:5px 10px; color:#fff; background:#f84e57; border-radius:30px; line-height:20px; bottom:-15px; left:65px;}
.pop_area .inputBox span.pass b.ok{position:absolute; display:block; z-index:2; padding:5px 10px; color:#fff; background:#09bd80; border-radius:30px; line-height:20px; bottom:-15px; left:65px;}
.pop_area .inputBox input{line-height:60px; height:60px; width:100%; box-sizing:border-box; padding:0 10px 0 10px;  border:0;}
.pop_area .advice{width:100%; margin:0 auto; text-align:center; padding:30px 0 20px 0;}
.pop_area .advice i{display:block; width:40px; height:40px; background:url(../images/i_bang.png) no-repeat 0 0; margin:0 auto;}
.pop_area .advice p{line-height:23px; margin-top:15px;}

/* --- 폴더설정 ----*/
.setFolder .set_place{position:relative;}
.setFolder .set_place .folderList{background:#f3f6fb; padding:15px; text-align:center; display:flex; flex-wrap:wrap; gap:6px;}
.setFolder .set_place .folderList a{display:block; width:calc((100% / 3) - 4px); text-align:center; font-size:14px; padding:10px; box-sizing:border-box; background:#6c82a9; color:#fff; border-radius:5px;}
.setFolder .set_place .folderList a span{display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.setFolder .set_place .folderList a.on{background:#fff; color:#365a99; box-shadow:0 0 5px 3px rgb(14 27 105 / 20%);}
.setFolder .set_place .folderList a.on span:before{content:""; width:8px; height:8px; border-radius:10px; display:inline-block; vertical-align:top; background:#31b0ff; margin-right:5px; }
.setFolder .set_place .btn{display:block; width:30px; height:30px; background:url(../images/i_bl_down.png) no-repeat center; position:absolute; top:10px; right:0; opacity:0.8;}
.setFolder .set_place.open .btn{transform:rotate(180deg); transition:all 0.3s;}
/* --- Open Library 공유 ----*/
.pop_area ul.sns_box{width:100%; margin:0 auto; padding:15px 0 30px 0; display:flex; justify-content:center; gap:20px;}
.pop_area ul.sns_box li{display:inline-block;}
.pop_area ul.sns_box li a{display:block; width:100px; height:100px; background-size:100%; background-repeat:no-repeat; background-position:center;}
.pop_area ul.sns_box li a:hover, .pop_area ul.sns_box li a:focus{opacity:0.7; transition:all 0.3s;}
.pop_area .sns_instagram{background-image:url(../images/sns_instagram.png);}
.pop_area .sns_naver{background-image:url(../images/sns_naver.png);}
.pop_area .sns_kakao{background-image:url(../images/sns_kakao.png);}
.pop_area .sns_facebook{background-image:url(../images/sns_facebook.png);}
.pop_area .sns_copy{background-image:url(../images/sns_copy.png);}
.pop_area ul.ol_sns{justify-content:right; gap:8px; padding:0; margin-bottom:10px;}
.pop_area ul.ol_sns li a{width:30px; height:30px;}

/* --- Open Library 설정 ----*/
.pop_area .set_url, .set_title{width:100%;; margin:0 auto; padding:20px 15px; border-bottom:solid 1px #d5d8dd; text-align:center; box-sizing:border-box;}
.pop_area .set_url:after,  .set_title:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.pop_area .set_url span{line-height:40px;}
.pop_area .set_url .h40txt_box{width:30%; margin-left:5px;}
.pop_area .set_url .h40txt_box, .set_url .btn_h40_t01, .set_url span{float:left;}
.pop_area .set_url .btn_h40_t01{width:auto; padding:0 15px; border-radius:0;}
.pop_area .set_title .h40txt_box{width:60%; margin-left:5px;}
.pop_area .set_title .h40txt_box, .set_title span{float:left;}
.pop_area .set_title span{margin-left:5px;line-height:40px;}

.pop_scrollTab{position:relative; background:#efefef; padding-top:5px;}
.pop_scrollTab.hasbtn{padding-right:40px;}
.pop_scrollTab .btn{width:40px; height:40px; position:absolute; top:0; right:0; background:url(../images/i_plus.png) no-repeat center;border-left:1px solid #ddd;}
.pop_scrollTab .btn:hover, .pop_scrollTab .btn:focus{background-image:url(../images/plus_w.png); background-color:#365a99; background-size:20px;  transition:all 0.3s;}
.pop_scrollTab .list{width:auto;}
.pop_scrollTab .list a{display:block; text-align:center; padding:10px 10px 0 10px; border-radius:5px 5px 0 0;}
.pop_scrollTab .list a span{display:block; min-width:80px; max-width:100px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-bottom:10px; position:relative;}
.pop_scrollTab .list a.on{background-color:#fff; padding:10px 15px 0 15px}
.pop_scrollTab .list a.on span::after{content:""; width:100%; height:3px; background:#365a99; position:absolute; bottom:0; left:0;}
.pop_area .setTit{background:#f3f6fb; padding:10px 15px 20px 15px; text-align:center;}
.pop_area .setTit .tit{padding:0 40px; background:url(../images/i_pen.png) no-repeat right bottom;}
.pop_area .setTit .tit input[type="text"]{background-color:transparent; width:100%; font-size:20px; height:50px!important; font-weight:500; text-align:center; border:0; border-bottom:1px solid rgb(54 90 153 / 30%); padding-left:0;}
.pop_area .setTit .url{padding:0; margin-top:15px;}
.pop_area .setTit .url > p{margin-top:10px;}
.pop_area .setTit .url .btn_h40_t01{border-radius:0;}
.pop_area .setOpen ul li{border-bottom:1px solid #ddd; box-sizing:border-box; display:flex; gap:10px; padding:10px 0;}
.pop_area .setOpen ul li input{width:18px; height:18px; border-radius:5px;}
.pop_area .setOpen ul li p{width:calc(100% - 28px); padding-left:28px; background-repeat:no-repeat; background-position:left center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pop_area .setOpen ul li.open p{background-image:url(../images/i_folder01.png);}
.pop_area .setOpen ul li.private p{background-image:url(../images/i_folder02.png); color:#666;}
.pop_area .setOpen .tit{position:relative;}
.pop_area .setTemplate{}
.pop_area .setTemplate ul{display:flex; gap:20px; margin:10px 0;}
.pop_area .setTemplate ul li{width:100%;}
.pop_area .setTemplate ul li .imgWrap{display:block; border-radius:5px; border:1px solid #ddd; height:100px; overflow:hidden; position:relative;}
.pop_area .setTemplate ul li .imgWrap:after{content:" "; display:block; width:100%; height:100%; background:rgba(7, 50, 125, 50%) url(../images/i_rglassW.png) no-repeat center; position:absolute; top:0; left:0; transition:all 0.3s; opacity:0;}
.pop_area .setTemplate ul li .imgWrap:hover:after{opacity:1;}
.pop_area .setTemplate ul li .imgWrap img{width:100%;}
.pop_area .setTemplate ul li .tit{display:block; text-align:center; margin-top:10px; font-weight:400;}








/* --- popup table ----*/
.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;  box-sizing:border-box;}
.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:81%;}
.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; box-sizing:border-box; margin-top:15px;}
.pop_area .txt_capacity{font-size:14px; color:#818284; display:block; width:100%; margin-top:10px; text-align:right;}
.pop_up2 .table_t01 tr td, .pop_up2 .table_t01 tr th{border-bottom:solid 1px #d5d9de; line-height:22px; min-height:40px; padding:10px 0; text-align:center; vertical-align:middle;}
.pop_up2 .dual_tb .table_t01 tr td, .pop_up2 .dual_tb .table_t01 tr th{padding:10px 5px;}

.pop_area .pop_up2 .searched_terms{margin-bottom:15px;}
.pop_area .pop_up2 .searched_terms .searched_num{float:none;}
.pop_up2 .table_form{width:100%; text-align:left; padding:10px; box-sizing:border-box; border:solid 1px #e8e8e8; background:#f8f8fd;}
.select_full{line-height:40px; height:40px; width:100%; display:inline-block; padding:0 5px; border:solid 1px #d5d9de;}
.pop_up2 .table_form tr th, .pop_up2 .table_form tr td{padding:5px;}
.pop_up2 .table_form tr th{font-weight:500; text-align:right;}
.pop_up2 table tr td.ta_left{text-align:left; padding:10px;}
.pop_up2 table tr td.ta_left .ta_full{margin:0;}
.pop_up2 .table_view_list{width:100%; margin:0 auto;}
.pop_area .pop_up2 .table_view_list .pop_sub_title{width:100%; line-height:22px;padding-bottom:5px;}
.pop_area .pop_up2 .table_view_list .table_t01{border-top:solid 1px #d5d9de;}
.pop_area .pop_up2 .select_info p{padding-top:3px;}
.pop_area .pop_up2 .resoures_class{width:100%; margin:0 auto; text-align:right; margin-bottom:15px;}
.pop_area .pop_up2 .resoures_class .selc, .pop_area .pop_up2  .resoures_class .no_info{display:inline-block; line-height:24px; padding-left:30px;}
.pop_area .pop_up2 .resoures_class .selc{background:url(../images/radio_checked_bg.png) no-repeat left center;}
.pop_area .pop_up2 .resoures_class .no_info{background:url(../images/radio_none.png) no-repeat left center; margin-left:10px;}

.pop_area .pop_up2 .pop_mobile{width:450px; margin:0 auto; box-sizing:border-box; 
position: absolute;top: 5%;left: 50%; margin-left: -225px;}
.pop_area .pop_up2 .pop_mobile .pop_cont_small{ width:100%; padding:0; position:inherit; background:none; background:url(../images/popup_small_sms.png) no-repeat 0 0; background-size:100%; box-shadow:none;}
.pop_area .pop_up2 .pop_mobile .m_cont{width:294px; margin:0 auto; height:702px; margin-top:70px; position:relative;}
.pop_area .pop_up2 .pop_mobile .m_cont p.pop_title{padding:0 10px 15px 10px; box-sizing:border-box;}
.pop_area .pop_up2 .pop_mobile .m_cont p.pop_title .btn_close{right:-104px; top:-95px;}
.pop_area .pop_up2 .pop_mobile .m_cont .pop_box{padding:0;}
.pop_area .pop_up2 .pop_mobile .table_view_list .table_t01 tr th{letter-spacing:0.05em; border-left:0;}
.pop_area .pop_up2 .pop_mobile .table_view_list .table_t01 tr td{border-right:0; text-align:left; padding:10px;}
.pop_area .pop_up2 .pop_mobile .table_view_list .table_t01 tr .td_input input{text-align:left; border:0; padding:0 5px; width:100%; box-sizing:border-box;}
.pop_area .pop_up2 .pop_mobile .btn_area{position:absolute; bottom:190px;}

.pop_area .pop_up2 .preparing{width:100%; padding:20px 15px; box-sizing:border-box; background:#f3f6fb; margin-bottom:10px;}
.pop_area .pop_up2 .preparing p {padding:30px 0 30px 212px; line-height:28px; background:url(../images/hourglass.png) no-repeat 122px 50%;}
.pop_area .pop_up2 .preparing p b{display:block; font-size:23px; font-weight:500; color:#365a99;}
.pop_area .pop_up2 .preparing p span{display:block; font-size:15px; color:#6c82a9; font-weight:500;}
.pop_cont_txt{line-height:22px; margin-top:15px;}
/* 사각 height:40 */
.btn_h40_t01_square, .btn_h40_square_on{display:inline-block; line-height:40px; height:40px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; padding:0 15px; background:#365a99;}
.btn_h40_t02_square{display:inline-block; line-height:40px; height:40px; text-align:center; color:#fff !important; font-size:16px; font-style:normal; font-weight:500; padding:0 15px; background:#75777b;}
.btn_h40_t01_square:hover, .btn_h40_t02_square:hover{background:#0093ee;}

.pop_search_box{width:100%; margin:0 auto; background:#f8f8fd; padding:20px; box-sizing:border-box; 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%;}
.pop_area .resoures{display:none;}
/* 개인정보수집동의 */
.agree{width:100%; margin:0 auto;}
.agree p{line-height:26px;}
.agree dl{margin-top:20px;}
.agree .greyline_box{margin-top:15px;}
.agree .btxt{margin-top:30px; text-align:center; font-weight:500;}
.agree .date{width:100%; text-align:center; margin-top:10px;}
.agree .date li{display:inline-block; margin:0 5px; font-weight:500;}


/* 저자검색 */
.sch_author{width:100%; margin:0 auto;}
.sch_author .ex_box + p{margin-top:30px;}
.sch_author .ex_box ul.txt_list{margin-top:0;}
.sch_author .sch_list{width:100%; margin:0 auto; margin-top:15px; border-top:solid 3px #365a99;  border-bottom:solid 1px #e8e8e8;}
.sch_author .sch_list a{color:#0093ee;}
.sch_author .sch_list .table_th, .sch_author .sch_list .table_td, .sch_author .sch_list .tbl_th, .sch_author .sch_list .tbl_td{display:table-cell; padding:8px 10px; line-height:1.6em; }
.sch_author .sch_list .table_th, .sch_author .sch_list .tbl_th{font-weight:500; background-color:#f3f6fa;}
.sch_author .sch_list .list_head{box-sizing:border-box;}
.sch_author .sch_list .list_head{display:table; table-layout:fixed; width:100%; height:100%;}
.sch_author .sch_list .list_head .table_th{text-align:center;}
.sch_author .sch_list .fixwid{width:100px; height:100%; vertical-align:middle; border-left:solid 1px #e8e8e8;;}
.sch_author .sch_list .right{text-align:right;}
.sch_author .sch_list .line{width:1px; height:12px; display:inline-block; background:#888; margin:0 10px; vertical-align:middle;}
.sch_author .list{width:100%; margin:0 auto; border-top:solid 1px #e8e8e8; position:relative; overflow:hidden;}
.sch_author .list .table_body{display:table; table-layout:fixed; width:100%; height:100%;}
.sch_author .list a{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.sch_author .list a:hover, .sch_author .list a:focus{background:rgb(0, 0, 0, 2%);}
.sch_author .openDetail{width:100%; margin:0 auto;}
.sch_author .openDetail .tbl_group{ border-top:solid 1px #e8e8e8;}
.sch_author .openDetail .tbl_group, .sch_author .openDetail .td_wrap{display:table; table-layout:fixed; width:100%; height:100%;}
.sch_author .openDetail .tbl_group .group{display:table-cell; height:100%; vertical-align:middle;}
.sch_author .openDetail .td_wrap > span.tbl_th, .sch_author .openDetail .td_wrap > span.tbl_td{height:100%; vertical-align:middle;}
.sch_author .openDetail .tbl_th{width:100px; text-align:center;}

.sch_author .openDetail .tbl_td .btn_wrap{margin-top:0; float:none; text-align:left;}
.sch_author .openDetail .tbl_td .btn_wrap a{margin:0; font-size:15px;}




/* smallPopup */
.smallPopup{width:100%; height:100%; margin:0 auto; min-width:360px; position:fixed; left:0; top:0; z-index:1000; background:rgb(0 0 0 / 60%); display:flex; justify-content:center; align-items:center; padding:20px;} 
.smallPopup .popArea{max-width:360px; width:100%; background:#fff; border-radius:10px; overflow:hidden;}
.smallPopup .popArea .tit{padding:20px 15px; font-size:20px; text-align:center; font-weight:500; background:url(../images/menubar.gif) no-repeat center bottom;}
.smallPopup .popArea .cont{padding:20px; }
.smallPopup .popArea .cont ul.ra_set{padding:10px 0;}
.smallPopup .popArea .cont ul.ra_set li{display:flex; align-items:center; gap:10px;}
.smallPopup .popArea .cont ul.ra_set li b{display:block; font-weight:500; min-width:80px;}
.smallPopup .popArea .cont ul.ra_set li span{display:block; margin-top:10px;}
.smallPopup .popArea .cont ul.ra_set li span input[type="text"]{width:100%;}
.smallPopup .popArea .cont ul.ra_set li + li{margin-top:10px;}
.smallPopup .popArea .btns{display:flex; text-align:center; border-top:1px solid #ddd;}
.smallPopup .popArea .btns a{width:100%; display:block; line-height:45px; background:#f3f3f3;}
.smallPopup .popArea .btns a + a{border-left:1px solid #ddd;}
.smallPopup .popArea .btns a:hover, .smallPopup .popArea .btns a:active{color:#fff; background:#365a99}